/* print top 20 hashtags */
table.hashtags_top20_table {
    border:solid 1px #E6E6E6;
    border-collapse: collapse;
    width: 100%;
}

table.hashtags_top20_table tr{
    border:solid 1px #E6E6E6;
}

table.hashtags_top20_table tr:hover{
    background:#F5F8FA;
}

table.hashtags_top20_table tr.no_hover:hover{
    background:#C7E356;
}

table.hashtags_top20_table td {
    padding: 5px;
}

table.hashtags_top20_table td.title{
    color:#515151;
    background-color: #CCCCCC;
    padding: 8px;
}


span.hashtag_top20 {
    font-weight: bold;
    text-align: left;
    clear:both;
}

span.hashtag_top20.size_1 {
    font-size: 16px;
    color:#424242;
}

span.hashtag_top20.size_2 {
    font-size: 15px;
    color:#5F5E5F;
}

span.hashtag_top20.size_3 {
    font-size: 14px;
    color:#797979;
}

span.hashtag_top20.size_4 {
    font-size: 13px;
    color:#A9A9A9;
}

span.hashtag_top20.size_5 {
    font-size: 12px;
    color:#C0C0C0;
}


span.hashtag_description.tweets {
    color:#000000;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    clear:both;
}

span.hashtag_description.meps {
    color:#000000;
    font-size: 10px;
    font-weight: normal;
    clear:both;
}


/***** TWEETS TABLE *****/
table.tweets_table {
    border:solid 1px #E6E6E6;
    border-collapse: collapse;
    width: 100%;
}

table.tweets_table tr{
    border:solid 1px #E6E6E6;
}

table.tweets_table tr:hover{
    background:#F5F8FA;
}


/***** TWITTER CHARTS TABLE *****/
table.twitter_charts {
    border:solid 1px #E6E6E6;
    border-collapse: collapse;
}

table.twitter_charts tr{
    border:solid 1px #E6E6E6;
}


/***** TWITTER ACTION BUTTONS TOOLTIPS *****/
a svg:hover #twitter-retweet { 
  fill: #19CF86;
}
a svg:hover #twitter-reply { 
  fill: #004E96;
}
a svg:hover #twitter-like { 
  fill: #E81C4F;
}

a svg #twitter-retweet,
a svg #twitter-reply,
a svg #twitter-like { 
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}


/***** TWITTER MEP IMPACT  *****/
div.mep-impact{
    border:none;
    border-collapse: collapse;
    color: #AAB8C2;
    vertical-align: middle;
    font-weight: bold;
}

.mep-impact:hover #mention { 
    color: #004E96;
    fill:  #004E96;
}

.mep-impact:hover #like { 
    color: #E81C4F; /* text */
    fill:  #E81C4F; /* svg */
}

.mep-impact:hover #retweet { 
    color: #19CF86;
    fill:  #19CF86;
}


/***** SEARCH TWEETS button  *****/
input#search-tweets-button{
    height: 34px;
    width: 160px;
    border: 0;
    background-image: url("/img/search.png");
    background-repeat: no-repeat;
    background-color: #4285F4;
    background-position: center; 
    text-align: center;
    font-size: 14px;
  }

  input#search-tweets-button:hover{
    background-color: #3B78E7;
  }

  /* remove focus when writing */
  input#search-tweets-button:focus {
      outline-width: 0px;
  }
}