/* Music Ratings common */
body.body-v2{
  padding-top: 0;
}
.err-msg-report{
  padding: 0px 6px;
  font-weight: bold;
  color:red;
}
.drp-loader {
    display: inline-block;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #1bafa4;
    width: 22px;
    height: 22px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 0.5s linear infinite;
    vertical-align: middle;
    margin-left:8px;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.music-ratings-nav a {
  text-decoration: underline;
}
.more-channels-btn {
    margin-bottom: 20px;
}

.search-channel {
    background-color: #00aba1;
}
.music-charts {
    background: #fff;
}
.search-channel .rank .number {
    background-color: #fff;
    color: #00aba1;
}

.search-channel figure, .search-channel figcaption, .search-channel .rank .fa-pause-circle {
    color: #fff;
}

.search-channel .channel_title {
    color: #fff;
}

.search-channel .info-label {
    color: #fff;
}

.search-channel .channel section p a, .search-channel .channel section p  {
    color: #fff;
}

.search-channel .stat span .text-label {
    color: #fff;
}

.search-channel .stat {
    color: #fff;
}

.search-channel .stat-banner {
    background-color: #fff;
}

/* Margin removed based on Jira MR-78 specs */
.tvi-page {
  /*position: relative;*/
  /*z-index: 900;*/
  /*min-height: 500px;*/
  /*margin-top: 20px;*/
}
.top-music-videos-button {
  margin-bottom: 40px;
}

thead tr th{
  font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif !important;
}
.music-ratings-nav {
    margin-top: -14px;
}

.container-tviWhite {
  background: transparent;
}

.music-ratings-nav ul {
  /*margin-left: 13px;*/
}

.music-ratings-nav .nav>li>a {
  background-color: #FFFFFF;
  padding: 4px;
  font-size: 1em;
  color: #6C6D70;
  border-radius: 0 0 0 0;
  border: none;
  border-right: 1px solid #9e9fa2;
  margin-left: -2px;
  font-weight: normal !important;
}

/* This straps the nav items to a equal fixed widths and centered*/
/* By Florence*/
.music-ratings-nav li {
  width:25%;
  text-align: center;
}

.music-ratings-nav .nav li:last-child a {
  border-right: none;
}

.music-ratings-nav ul a.active,
.music-ratings-nav ul li a.active:hover {
  background-color: #00aca2;
  color: #FFFFFF;
}

.music-ratings-nav .nav>li>a:hover {
  background-color: #efefef;
}
.music-ratings-nav .nav-tabs {
    border-bottom: 1px solid #fff !important;
}
.music-ratings {
    padding-top: 0 !important;
}

.music-ratings-container {
/*  min-height: 400px;
*/  /*margin-top: 10px;
  padding: 10px 10px;*/
}

.music-ratings-container .paginate{
  top: 20px;
  margin-right: 0;
}

.music-ratings-content {
  padding: 10px 15px 10px 10px;
  background-color: #FFFFFF;
  margin-bottom: 10px;
}

.prev-week-button .prev-week-btn {
  text-decoration: underline;
}

.music-ratings-content h2 {
 /* margin-top: 0px;*/
  color: #3f3f3f;
  /*margin-left: 10px;*/
}

.next-week-button {
  display:none;
}

.content-date {
  font-size: 0.5em;
  font-weight: lighter;
}

.music-ratings-content a {
  font-size: 0.4em;
  font-weight: lighter;
  color: #646467;
  display: inline-block;
  /*margin-top: 30px;*/
}


.teal-banner {
    min-height: 50px;
    height: auto;
    padding-top: 7px;
    margin: 0 15px 0 10px;
    background-color: #00ABA1;
    color: #ffffff;
}

.teal-banner .banner-label {
    /*float: left;*/
    text-align: right;
}

.teal-banner .inner-addon {
  padding-left: 0px;
}

.teal-banner input[type=text] {
    /*margin-left: 5px;*/
    padding: 5px 5px 5px 30px;
    width: 42%;
    /*height: 28px;*/
}

.teal-banner .find-button, .teal-banner .add-channel-button {
    margin-top: 4px;
    margin-bottom: 5px;
    background-color: #6D6E71 !important;
}

.search {
  /*margin-top: 14px;*/
  /*background-color: #646467;*/
 /* padding: 6px 0px;*/
}

.search.row {
  margin-left: 0;
  margin-right: 0;
}

#text-search {
  font-size: .8em;
  width: 160px;
  border-radius: 0;
  height: 28px;
}

.form-inline .btn {
  font-size: .9em;
  border-radius: 0;
  height: 28px;
  padding: 4px 10px;
  text-transform: uppercase;
  background-color: #00aca2;
  color: white;
}

.search select {
  width: 150px;
  font-size: .8em;
  line-height: 20px;
  border-radius: 0 0 0 0;
  appearance: none;
  -webkit-appearance: none;
  margin-right: 40px;
  padding-left: 10px;
}

.content-table thead tr {
  background-color: #ecedee;
}

.content-table thead tr th:first-child {
  width: 123px;
}

.content-table thead tr th:nth-child(2) {
  width: 345px;
}

.content-table .rank .number {
  width: 89px;
  display: inline-block;
  background-color: #00aba1;
  color: #ffffff;
  font-size: 2.2em;
  margin-right: 10px;
  text-align: center;
  padding: 19px 12px;
  font-weight: bold;
}

.content-table .rank .number .overall-rank {
    font-size: 10px;
}

.tool-number {
  display: inline-block;
  padding: 10px 10px;
  background-color: #00aba1;
  color: #ffffff;
  font-size: 1.3em;
  margin-left: 4px;
}

.not-av{
  display: inline-block;
  padding: 10px 10px;
  background-color:  #646467;
  color: #ffffff;
  font-size: 1.3em;
  margin-left: 4px;
}

.tool-number_down {
  display: inline-block;
  padding: 10px 10px;
  background-color: #e52019;
  color: #ffffff;
  font-size: 1.3em;
  margin-left: 4px;
}

.tool-number_same {
  display: inline-block;
  padding: 10px 10px;
  background-color: #a1a1a1;
  color: #ffffff;
  font-size: 1.3em;
  margin-left: 4px;
}

.content-table .rank .number sup,
.tool-number sup {
  display: inline-block;
  font-size: .6em;
  margin-right: 2px;
}

.fa-circle {
  display: block !important;
  color: #a1a1a1;
  font-size: 22px !important;
  clear-after: right;
}

.content-table .fa-plus-circle {
  display: block !important;
  color: #a2cf80;
  font-size: 22px !important;
  clear-after: right;
}

.content-table .fa-pause-circle {
  display: block !important;
  color:#A1A1A1;
  font-size: 22px !important;
  clear-after: right;

}

.content-table .fa-rotate-360 {
  transform: rotate(360deg);
  }

.content-table .rank .fa-minus-circle {
  display: block !important;
  color: #e52019;
  font-size: 22px !important;
  clear-after: right;
}

.content-table .rank .fa-line-chart {
  font-size: 16px !important;
  margin-top: 9px;
}

.content-table picture {
  display: inline-block;
  /*border: 1px solid darkgrey;*/
  width: 79px;
  height: 91px;
  margin-right: 10px;
}

.content-table .video {
  display: inline-block;
  /*background-color: #b5b5b5;*/
  /*width: 178px;*/
  height: 88px;
  text-align: center;
  /*margin-right: 10px;*/
  position: relative;
}

.content-table .channel section {
  display: inline-block !important;
}

.content-table .channel section label {
  display: block !important;
  font-size: 18px !important;
  font-weight: bold;
  margin-top: -6px !important;
  margin-bottom: 0 !important;
  padding: 5px;
}

.content-table .channel section span {
  display: block;
  font-size: 17px;
  margin-top: -13px !important;
  margin-bottom: 0 !important;
  padding: 5px;
}

.content-table .channel section a {
  display: inline-block;
  font-size: 11px;
  color: #00aba1;
  text-decoration: underline;
  margin-right: 4px;
}

.content-table .stat {
  display: inline-block;
  width:100%;
  margin-top: 5px;
}

.content-table .stat span {
  /* font-family: "Helvetica Neue"; */
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.content-table .stat span label {
    color: rgba(100, 100, 103, 0.81);
    /*width: 120px;*/
    text-align: right;
    float: left;
    margin: 0px;
    clear: both;
    font-weight: lighter !important;
}


/*.content-table .badge {*/
  /*padding: 0 0 0 0 !important;*/
  /*border-radius: 0;*/
  /*display: inline-block;*/
  /*width: 105px;*/
  /*height: 136px;*/
  /*background-image: url("../../img/badge_updated.png");*/
  /*background-repeat: no-repeat;*/
  /*background-position: center;*/
  /*background-color: transparent;*/
  /*background-size: 100% 100%;*/
  /*font-family: 'Helvetica Neue', Helvetica, sans-serif;*/
/*}*/

.content-table .badge span {
  display: block;
}

.content-table .badge .title {
  margin-top: 2px;
  font-size: 9px;
  background-color: #111111;
  padding: 5px 0;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}


.content-table .badge div {
  background-color: rgb(120, 120, 120);
  width: 90%;
  margin: 0 auto;
  border-radius: 0 0 50% 50%;
}

.content-table .badge .tvi-score,
 .content-table .badge .date {
  display: inline-block;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 3px 0;
  width: 68%;
  text-align: center !important;
}

.content-table .badge .score-rank {
  padding: 4px 8px;
  background-color: #ffffff;
  font-size: 17px;
  width: 70%;
  margin: 0 auto;
  color: #00aba1;
  text-align: center;
}

 .content-table .badge .date {
   display: inline-block;
   font-size: 9px;
   margin: 5px auto;
 }

.fa-line-chart {
  margin-top: 35px !important;
}

.select2-container--default .select2-selection--single {
  border-radius: 0 !important;
}

.content-tvi .ajax-process {
  display: none;
  margin-top: -27px;
  left: 45%;
  position: fixed;
  width: 131px;
  padding: 5px 20px;
  background-color: #f9edbe;
  border: 1px solid #f0c36d;
  font-size: 13px;
  font-weight: bold;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #34495e;
  z-index: 1050 !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
}

.paginate {
  /*margin-top: -90px;*/
  /*margin-right: 67px;*/
  /*z-index: 10000;*/
  position: relative;
}

.paginate li a {

}

img {
  cursor: pointer;
}
picture img {
  cursor: default;
}

.channel section a {
  margin-top: 10px;
}

.total{
  padding-top: 20px;
  margin-left: 15px;
  font-size: 17px;
  color: #428bca
}

.search .stars .select2 .select2-container .select2-container--default{
  width: 220px !important;
}

.more-channels{
  /*margin-top: 15px!important;*/
  list-style: none;
  font-size: 16px!important;
  background-color: #ffae00;
  /*width: 326px;*/
  color: white !important;
  border: none !important;
  padding: 15px 20px;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 20px;
}

.more-channels:hover
{
  background-color: #dca300;
  text-decoration: none;
}

.more-channels:active,
.more-channels:focus{
  outline:none;
  text-decoration: none;
}

.ux-date{
  display: inline-block;
  font-size : 0.5em;
  /*margin-top: 30px;*/
  border: none !important;
  color: black !important;
}

.ux-date:hover{
  background-color: white !important;
}

.pagination li{
  display: inline;
  vertical-align: middle;
}

.weeklyChartModal {
  /*top: 177px !important;*/
  z-index: 1050 !important;
  position: fixed !important;
}

.weeklyChartIcon {
  cursor:pointer;
}


.not-active{
  pointer-events: none;
  cursor: default;
}

.no-rank{
  font-size: 11px;
}

.fa-star{
    background-color:  #00aba1;
    border-radius: 100%;
    color: #fff !important ;
    font-size: 16px !important;
    padding: 3px 2px 3px 3px;
}

.select2 select{
    width: 100%!important;
}

.select2 .col-md-3 {
    /*padding-left: 0 !important;
    padding-right: 3px!important;*/
}


.cursor {
    cursor:pointer!important;
}

.not-av{
    text-align: center;
}

.paginate .pagination {
  margin: 0 !important;
  font-size: 30px;
  font-weight: bold;
}
.weak-header{
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.va-warning{
  	float:right;
    padding-right: 10px;
	cursor: pointer;
}
.fa-exclamation-triangle{
   	color:#d9534f;   
    font-size:18px !important;
}


.btn-musician-auth {
  margin-top: 10px;
  margin-bottom: 20px;
  text-decoration: none;
}
.subscribe-content {
    margin: 10px 0 0;
}
.subscribe-content a {
  padding-top: 0;
  padding-bottom: 0;
}
.subscribe-content a {
  cursor: pointer;
}
.unsub-text {
  margin-top: 3px !important;
}
.subscribe-content .subscribe-text {
  margin-right: 5px;
  font-size: 12px;
  margin-top: -5px;
}
.subscribe-text-altered{
  margin-right: 5px;
}
.sub-modals {
  text-align: center;
  padding: 10px;
}

.sub-bottom-link {
  padding-top: 5px;
}
.sub-title {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

.sub-note {
  font-size: 12px;
  margin-top: 10px;
}

.sub-bottom-btn {
  margin-top: 10px;
}

.btn-sub-povover {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.sub-popover {
  max-width: 700px !important;
}

div.sub-popover.bottom .arrow {
  display: none;
}

.ok-subscribe{
    margin-top: 10px;
}
/*date div adjustments*/
.pagination > li > a, .pagination > li > span {
    padding: 6px !important;
}

/* new nav css of music ratings */
.extra-title-info{
  display: none;
  font-weight: normal;
  font-size: 14px !important;
/*  position: absolute;*/
  /*top: 1.3%;*/
 /* margin-left: 4px;*/
}
.xs-extra-title-info{
  display: none;
  font-weight: normal;
  font-size: 14px !important;
  /*margin-left: 4px;*/
}
.music-ratings-display-flex{
  display: flex;
}
.report-as-signed-artist{
  cursor: pointer;
}
.loader-message{
  color: #00aba1;
  font-weight: bold;
}
.reset-filter{
  color:#fff !important;
  /*vertical-align: top;*/
  position: absolute; 
  right: 8px;
  top:15px;
  font-size: 14px !important;
}
.filter-container .dropdown {
  width: 19.9776%;
  float: left;
  padding: 0px;
}
.filter-container .dropdown button{
  text-align: center;
 /* text-align: left;*/
  width: 100%;
 /* padding: 12px;*/
  padding: 12px 8px;
  background-color: #ECEFEF !important;
  color: #333!important;
  font-size: 16px;
  font-weight: bold;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-radius: 0px!important;
}

.filter-container .dropdown input{
  height: 32px;
}

.filter-container .dropdown-menu{
  padding: 0px;
  margin:0px;
  width:100%;
}

.filter-container .selected-text{
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.filter-container .dropdown-menu li a{
  padding: 3px 8px;
  font-size: 14px;
  color:#fff;
  width:100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-container .search-padding{
  padding: 6px;
}
.filter-container .dropdown-menu li a:hover{
    background-color: #ffffff;
    color:#333;
}

.filter-container .dropdown-menu{
  background-color: #00ABA1;
  overflow-y: auto;
  max-height: 225px;
}

.filter-container .dropdown .btn-default:active:hover, .filter-container .dropdown .filter-container .btn-default.active:hover, .filter-container .open>.dropdown-toggle.btn-default:hover, .filter-container .dropdown .btn-default:active:focus, .filter-container .dropdown .btn-default.active:focus, .filter-container .open>.dropdown-toggle.btn-default:focus, .filter-container .dropdown .btn-default:active.focus, .filter-container .dropdown .btn-default.active.focus, .filter-container .open>.dropdown-toggle.btn-default.focus{
  background-color: #00ABA1 !important;
  color: #fff !important;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
.filter-container .btn-default:active, .filter-container .btn-default.active, .filter-container .open>.dropdown-toggle.btn-default{
  background-color: #00ABA1 !important;
  color: #fff !important;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

.filter-container .dropdown .btn-default:hover{
  background-color: #00ABA1 !important;
  color: #fff !important;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

.select2{
  padding:0px;
  margin-bottom: 8px;
}

.active-option{
  background-color: #fff !important;
  color: #333 !important;
}

.btn-border-right{
  border-right: 2px solid #ccc !important;
}

.btn-border-left{
  border-left: 2px solid #ccc !important;
}

.adjust-border{
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}


@media only screen and (min-width : 1025px) {
  .extra-title-info{
    display: block;
  }
}

@media only screen and (max-width : 1024px) {
  .xs-extra-title-info{
    display: block;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .teal-banner .left-addon .glyphicon {
        left: 138px;
    }

    .content-table .stat {
        width: 100%;
    }

    .tmpl {
        margin-top: -75px!important;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
   .sticky-wrap{
      margin-top: 8px;
    }
    .teal-banner .banner-label {
        text-align: center;
    }

    .teal-banner input[type=text] {
        margin-left: 140px;
    }

    .teal-banner .left-addon .glyphicon {
        left: 70px;
    }

    .music-ratings-container .paginate {
        top: 15px;
        width: 100%;
    }

    .content-table .stat {
        width: 100%;
    }

    .content-table .rank .number {
      width: 80px;
      margin-right: 5px;
      padding: 15px 15px;
    }

    .ranking-section {
        width: 110px;
    }
    .content-table .stat span {
        font-size: 10px;
        font-weight: bold;
        text-align: left;
    }
    .footer {
        bottom: 8px !important;
    }
}

/*iPad portrait*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation: portrait) {
    div.sub-popover {
        left: 64% !important;
        max-width: 532px !important;
        width: 33%;
    }
    .footer {
        bottom: -30px !important;
    }
}
/*iPad landscape*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation: landscape) {
    div.sub-popover {
        left: 58% !important;
        max-width: 320px !important;
        width: 35%;
    }
    .content-table .fa-plus-circle {
        display: block !important;
        color: #a2cf80;
        font-size: 22px !important;
        clear-after: right;
        margin-top: -80px !important;
    }
    .content-table .fa-pause-circle {
        display: block !important;
        color:#A1A1A1;
        font-size: 22px !important;
        clear-after: right;
        margin-top: -80px !important;
    }
    .content-table .rank .fa-minus-circle {
       display: block !important;
        color: #e52019;
        font-size: 22px !important;
        clear-after: right;
        margin-top: -80px !important;
    }
    /*date div adjustments*/
    .pagination > li > a, .pagination > li > span {
        padding: 0px !important;
        top: -18px !important;
    }
}
@media only screen and (max-width : 640px) {
    .footer {
        bottom: -30px !important;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .top-music-videos-button {
      margin-bottom: 75px;
    }
    .filter-container .dropdown{
      width: 50%;
      float: left;
      display: inline-block;
      padding: 0px;
    }  
    .reset-filter{
      top: 13px; 
    }  
    .filter-container .dropdown button{
      padding: 10px;
      font-size:15px;
    }
    .adjust-border{
      border-right: 2px solid #ccc;
      border-left: 2px solid #ccc;
    }

    .teal-banner input[type=text] {
        margin-left: 75px;
    }

    .left-addon .glyphicon {
        left: 70px;
    }

    .subscribe-content .subscribe-text {
        font-size: 10px;
        margin-top: -2px;
    }
    .subscribe-text-altered{
      margin-right: 5px;
    }
    .pagination>li>a, .pagination>li>span {
        font-size: 10px;
        padding: 5px 4px;
        background-color: none;
    }

    .music-ratings-container .paginate {
        top: 15px;
        width: 100%;
    }

    .content-table .stat {
        width: 100%;
    }

    .content-table .stat span .text-label {
        padding-left: 0;
    }

    .content-table .rank .number {
        width: 70px;
        margin-right: 5px;
        padding: 10px 10px;
    }

    .ranking-section {
        width: 110px;
    }

    .fa-line-chart {
        margin-top: 27px !important;
    }

    .content-table .fa-pause-circle {
        margin-top: 0;
    }

    .btn-subscribe {
        max-width: 100px !important;
        /* margin-right: 100px; */
    }

    div.sub-popover {
        width: 76%;
        max-width: 685px !important;
        left: 16% !important;
    }
    .content-table .stat span {
        font-size: 10px;
        font-weight: bold;
        text-align: left;
    }
    .footer {
        bottom: -30px !important;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    .btn-subscribe {
        max-width: 100px !important;
        /* margin-right: 100px; */
    }
    div.sub-popover {
        left: 80% !important;
        margin-left: -72%;
        max-width: 500px;
    }
    .footer {
        bottom: -30px !important;
    }
}

@media (max-width: 320px) and (orientation : landscape)  {
   div.sub-popover {
        max-width: 300px !important; 
        margin-left: -8% !important;
        width: 51% !important;
   }
}

body{
  padding-right: 0px !important;
}