/*** CSS for YouTube Ratings - Generation Page ***/

/**added by ajoy for the new universal template**/
body > .container-fluid{
	background-color: #fff;
}
/* Collapsibles */
.collapsible {
	cursor: pointer;
	margin-bottom: 7px;
}

.collapse_content {
	display: none;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
}
.collapse_content_new {
	padding-bottom: 10px;
}

/* Categories placeholder */
#categoriesPlaceholder {
	position: absolute;
	margin-top: 6px;
}

/* Taxonomy load error message */
.taxErr {
	display: none;
	color: red;
}

/* Italic fonts */
.italic {
	font-style: italic;
}

/* Action buttons (Clear All, View Ratings) */
#actions {
	margin-top: 5px;
}

/* Panels */
#browsePanel {
	padding-top: 2px;
	overflow: auto;
	height: 332px;
}
#browsePanel_new {
	padding-top: 5px;
	height: 100%;
}
#searchPanel {
	display: block;
	padding-top: 5px;
	padding-bottom: 20px;
}

/* Arrows to the right of panels */
.arrowWrap {
	font-size: 19px;
	margin-top: 2px;
}

.arrowIcon {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.arrowIcon.rotated {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
/* Browse Box */
#browseBox {
	color : #646467;
	margin-top: 20px;
}
#browseBox .L1 {
	font-weight: bold;
}
#browseBox .L3 {
  margin-bottom: 3px;
  text-indent: -18px;
  margin-left: 17px;
}
.selectable {
	cursor: pointer;
}
/* Search Result Box */
#searchResultBox {
	height: auto;
	border: 1px solid silver;
	display: none;
	z-index: 999;
	background-color: rgb(245, 245, 246);
	overflow-y: auto;
	overflow-x: auto;
	height: 300px;
}
.search_result_default_width {
	width: 100%;
}
.search_result_width {
	width: 120%;
}
#noResults {
	padding-top: 5px;
	padding-left: 13px;
	display: none;
}
.resultBar {
	border-bottom: 1px solid silver;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
	padding-right: 13px;
	display: none;
}
.resultBar.lastVisible {
	border-bottom: 0;
}
.resultBar .group {
	margin-left: 40px;
	display: none;
}
.resultBar .catText {
	text-decoration: underline;
}

.resultBar .single {
	margin-bottom: 5px;
	display: none;
}
.resultBar .catText .highlight {
	color: rgb(238, 153, 50);
	font-weight: bold;
}
/* Categories */
ul.categories {
	background-color: #fff;
	font-size: 10px;
	list-style-type: none;
	margin: 0;
	overflow: auto;
	transition: max-height 1s;
	-moz-transition: max-height 1s;
	-ms-transition: max-height 1s;
	-o-transition: max-height 1s;
	-webkit-transition: max-height 1s;
}
ul.categories:hover {
	max-height: 250px;
}
ul.categories > li {
	background-color: #F5F5F6;
	clear: both;
	float: left;
	margin: 0.25em 0;
	padding: 0;
}
ul.categories > li > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.categories > li > ul > li {
	display: inline-block;
	padding: 0.25em 1em 0.25em 0;
	*display: inline;
	*zoom: 1;
}
ul.categories > li > ul > li:after {
	content: '\00bb';
	padding: 0.25em 0 0.25em 1em;
}

ul.categories > li > ul > li:first-child {
	padding-left: 1em;
	font-family: helvetica;
	font-weight: bold;
}
ul.categories > li > ul > li:last-child:after {
	display: none;
}
.delBtn {
	cursor: pointer;
}
/* Form Controls */
.control-label {
	font-weight: normal;
}
.form-control-side {
	float: left;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 78%;
}
/* Notification Alert */
#alert_placeholder{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1;
}
#warning_placeholder{
	position: fixed;
	z-index: 5;
}
.youtube_ratings_container {
    min-height: 800px;
    padding-bottom: 50px;
}
.category_inline ul {
    padding-left: 0;
    border-bottom: 1px solid silver;
    padding: 0 10px 2px;
    margin-bottom: 5px;
}
.category_inline .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
}
.category_inline ul li::after {
    color: gray;
    content: "»";
    font-size: 24px;
    padding: 0.25em 0 0.25em 0.5em;
    vertical-align: sub;
}
.category_inline .catText {
    text-decoration: none;
}
.category_inline ul li:last-child::after {
    display: none;
}
.label-font {
	font-size: 12px;
}
.lineheight {
	line-height:1.3;
}
.generate-btn-bottom-margin {
	float: right;
	margin-right: 15px;
	margin-top: 5px;
}
.generate-btn-top-margin {
	float: right;
	margin-right: 15px;
}
.browse-margin {
	margin-top: 10px;
}
.text-font {
	font-size: 13px;
}
.caption_label{
	color:#FBAF34;
	display:inline;
	font-weight: bold;
}
.get_started{
	font-weight: bold;
	display: inline;
}
.r_text{
	text-align: right;
	padding:0px;
}
.top_space{
	padding-top:10px;
}
.y_color{
	color:#FBAF34;
	display:inline;
	font-weight: bold;
}
.bigger_line{
	font-size:110%;
}
.youtube-ratings-search-result-line {
	box-shadow:0 2px 0 #948e8e;
}
body, a {
    color: #3B4C56;
    text-decoration: none;
}
#pgtitle {
	margin: 0px 0px 20px;
	font-size: 18pt;
	text-align: center;
}
a {
	cursor:pointer;
}
.tree ul {
    list-style: none outside none;
    padding-left: 0px !important;
}
.tree li a {
    line-height: 25px;
}
.tree > ul > li > a {
    color: #3B4C56;
    display: block;
    font-weight: normal;
    position: relative;
    text-decoration: none;
}
.tree li.parent > a {
    padding: 0 0 0 28px;
}
.tree li.parent > a:before {
    background-image: url("../images/plus_minus_icons.png");
    background-position: 25px center;
     content: "";
    display: block;
    height: 21px;
    left: 0;
    position: absolute;
    top: 2px;
    vertical-align: middle;
    width: 23px;
}
.tree ul li.active > a:before {
    background-position: 0 center;
}
.tree ul li ul {
    display: none;
    margin: 0 0 0 12px;
    overflow: hidden;
    padding: 0 0 0 25px;
}
.tree ul li ul li {
    position: relative;
}
.tree ul li ul li:before {
    border-bottom: 1px dashed #E2E2E3;
    content: "";
    left: -20px;
    position: absolute;
    top: 12px;
    width: 15px;
}
#wrapper {
    margin: 0 auto;
    width: 300px;
}
.browseGroup {
	word-break: break-all;
	max-width: 100%
}
.taxo_one {
	float: left;
}
.taxo_two {
	float: right;
	margin-right: 2%;
}
.hide_taxo,.show_taxo {
	font-weight: bold;
	color: #2DB5AB;
	text-decoration: underline;
	font-size: 14px !important;
}
.youtube-ratings-special-symbol {
	color: #2DB5AB;
}
.note-margin {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px !important;
}
.taxonomy_menu {
	display: none;
	background-color: #f5f5f6;
	font-size: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 80px;
	margin-left: 15px;
}
.datatable-overlay {
	font-size: 20px;
	padding-left: 5%;
	padding-right: 5%;
	display: none;
	text-align: center;
	background-color: #f5f5f6;
	bottom: 50px;
	border-left: 15px solid #fff;
	position: inherit;
	margin-top: 1%;
}
.classification_text {
    margin-top: 50%;
}
.youtube_ratings_datatable-margin {
	margin-left: 80px;
}
.clear_all_categories {
	color: #2DB5AB;
	text-decoration: underline;
	margin-left: 15px;
}
.youtube-ratings-highlight-tag {
	background-color: #FFFF00;
}
.search-clear {
	width:100%;
}
.clear_search_btn {
	color :#00968D;
	float: right;
}
.goldText {
	background-color: #FFEDD4;
}
.id_categories {
    margin-top: 10px;
    margin-bottom: 5px;
}
#id_search_cat_btn {
    height: 34px;
    margin-left: 5px;
    font-size: 11px;
}
.youtube-ratings-entire-cat {
	display: none;
}
.tags-next-line {
	margin-left: 17px;
}
.entire-cat {
	margin-left: 12px;
}
.tags-next-line-three {
	margin-left: 20px;
}
.categories ,.clear_categories{
	/*margin-left: 15px;*/
	font-size: 13px;
}
.youtube-ratings-tags-displayed-margin {
	margin-left: 5px;
}
.tooltip {
	overflow: visible !important;
	z-index: 999 !important;
	position: absolute !important;
}
.tag-one {
	width:50px;
}
.tags-margin {
	margin-left: 7% !important;
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tags-margin-level-three {
	width: 95%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.float-arrow {
	float: left;
}
.channel-width {
	max-width: 100px !important;
}
.table-striped {
	background-color: #F5F5F6;
	border: 1px solid #dddddd;
}
.show_full_table {
	width : 100% !important;
}
.top-bar {
	height: 40px;
	color:gray;
	background-color: #616D70;
}
.country-width-max {
	max-width: 100px !important;
}
.conversion-width-min,.subscribers-width-min {
	max-width: 80px !important;
}
.search_cat_input {
	font-size: 12px;
}
.no-channels {
	font-size: 16px !important;
	text-align: left !important;
}
.channel_filter {
	min-height: 50px;
	width: 100%;
	background-color: #6D6F71;
}
.find_channel {
	margin-top:7px;
}
.category-name-place-holder {
	font-size: 12px;
}
.YT-overflow-x-auto { 
	margin-bottom: 15px;
	overflow-x: auto;
}
.YT-table-responsive {
	float: left;
	position: relative;	
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
/*START SHOWING HORIZONTAL SCROLL IN DATATABLE*/
@media screen and (max-width: 867px) {
}
table, th, td {
    border: 2px solid #dddddd;
    border-collapse: collapse;
}
th, td {
    padding: 10px;
}
.cust-display-none {
	display: none;
}
.ajax-process {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: rgb(249, 237, 190);
	border-color: -moz-use-text-color rgb(240, 195, 109) rgb(240, 195, 109);
	border-image: none;
	border-radius: 0 0 3px 3px;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	color: rgb(52, 73, 94);
	font-size: 13px;
	font-weight: bold;
	left: 45%;
	margin-top: -23px;
	padding: 5px 20px;
	position: fixed;
	width: 131px;
	z-index: 1050 !important;
}
.youtube_ratings_taxonomy_view{
/*    min-height: 100vh;
    height: auto;*/
    background-color: #f5f5f6;
    margin-top: 1%;
    font-size: 10.5px !important;
    z-index: 2;
}
#youtube-container .container {
	width:100% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
 .taxload_new {
 	height: 100vw;
 	font-size: 20px;
}
.spin_margin {
 	margin-top: 15vw;
 	margin-left: 7.5vw;
}
 .youtube_ratings_tree {
	display: block;
}
.navbar-fixed-top {
	position: fixed !important;
}
.youtube-ratings-overlay-background_full_width {
	width : 100% !important;
}
.search_btn {
	width: 20%;
	font-size: 14px;
	padding: 0px;
	font-weight: bold;
}
.NewMediaRatingsClass {
	width:98% !important;
}
.btn-teal {
	background-color: #2db5ab;
	border-color: rgb(192, 193, 191);
	color: white;
	border-radius: 0;
}

.btn-teal:hover {
	background-color: #28A69C;
	border-color: rgb(192, 193, 191);
	color: white;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.content-color {
	color: white !important;
}
.hide-entire-cat {
	display: none;
}
.title-underline {
	color:#00aba1;
	text-decoration: underline;
}
.header-allign {
	text-align: right;
}
.title-color {
	color:#00aba1;
}
.highlight-row {
	background-color:#09b5a1 !important;
}
.country-text-allign {
	text-align:center !important;
}

@media screen and (min-device-width: 800px) and (max-device-width: 1200px) {
  .youtube_ratings_taxonomy_view {
    margin-top: 25px !important;
  }
  .datatable-overlay {
  	margin-top: 50px !important;
  }
  .youtube_ratings_view {
  	margin-top:50px !important;
  }

}
#id_channel_filter{
	padding: 4px 10px;
}
#id_find_channel {
	padding: 2px 8px;
	font-size: 14px;
    width: 300px;
}
.search_loading{
background-image:url(../img/ajax-loader-snake.gif); 
background-repeat: no-repeat; 
background-position: 200px 8px;
}
.search_loading_default{
	background-image:url(../img/ajax-loader-snake.gif); 
	background-repeat: no-repeat; 
	background-position: 430px 8px;
}
.sort-column {
	color:#28A69C;
}
#YTRatingsTableFirst .sticky-thead th,
#YTRatingsTableFirst .sticky-thead th {
	border: 2px solid #dddddd;
	font-size: 12px;
}
#YTRatingsTableFirst td, 
#YTRatingsTableSecond td {
	border: 2px solid #dddddd;
	font-size: 12px;
	height: 47px;
}
#YTRatingsTableSecond td:nth-child(1), #YTRatingsTableSecond td:nth-child(2){
	text-align: left !important;
}
#YTRatingsTableFirst td:nth-child(1),
#YTRatingsTableSecond td:nth-child(5), #YTRatingsTableSecond td:nth-child(6),
#YTRatingsTableSecond td:nth-child(7), #YTRatingsTableSecond td:nth-child(8),
#YTRatingsTableSecond td:nth-child(9), #YTRatingsTableSecond td:nth-child(10),
#YTRatingsTableSecond td:nth-child(11) {
	text-align: right;
}
#YTRatingsTableFirst th:nth-child(2) {
	max-width: 250px;
	min-width: 150px;
}
#YTRatingsTableFirst td:nth-child(2) {
	max-width: 250px;
	min-width: 150px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
#YTRatingsTableSecond th:nth-child(2),
.sticky-thead th:nth-child(2) {
	max-width: 210px;
	min-width: 210px;
}
#YTRatingsTableSecond td:nth-child(2) {
	max-width: 210px;
	min-width: 210px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
#YTRatingsTableSecond th:nth-child(3){
	max-width: 160px;
	min-width: 160px;
}
#YTRatingsTableSecond td:nth-child(3) {
	max-width: 160px;
	min-width: 160px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
#YTRatingsTableSecond th:nth-child(4) {
	max-width: 230px;
	min-width: 230px;
}
#YTRatingsTableSecond td:nth-child(4) {
	max-width: 190px;
	min-width: 190px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
#YTRatingsTableSecond th:nth-child(1){
	max-width: 190px;
	min-width: 190px;
}
#YTRatingsTableSecond td:nth-child(1){
	max-width: 190px;
	min-width: 190px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
/*#YTRatingsTableSecond td:nth-child(1) {
	max-width: 95px;
	min-width: 95px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}*/
/*START SORTING ICONS*/
.sort-background-column {
	background-color: #28A69C !important;
	color: #FFFFFF;
}
/*END SORTING ICONS*/
#vertical_scrolling_div {
	display:inline-flex;
	zoom: 1;
	*display:inline;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%
}
#freeze_container {
    display:inline-block;
    float: left;
}
#YTRatingsTableSecond {
    width:100px;
}
/* For appearance */
.sticky-wrap {
    position: relative;
}
.sticky-head {
    overflow: visible !important;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
    position: absolute;
}
.sticky-wrap .sticky-thead {
    box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
    height: 60px;
}
.sticky-wrap .sticky-thead #table-headers1 th:nth-child(2) {
    width: 190px;
    height: 62px !important;
}
.sticky-wrap .sticky-intersect {
    opacity: 1;
}
.sticky-wrap .sticky-intersect th {
    background-color: #666;
    color: #eee;
}
.bts_dropdown > .dropdown-menu {	
	display: block;
	color: white;
	font-weight: normal !important;
	font-family: "Helvetica Neue Light",Helvetica,Arial,sans-serif;
	font-size: 14px;
}
#youtube_ratings_view .bts_dropdown ul li {
    color: #3b4c56;
    padding-left: 20px;
}
.multiselect-container.dropdown-menu {
    height: 240px;
    overflow: auto;
}
.dropdown-menu {
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
.YT-overflow-x-auto .dropdown-menu {
	background-color: #f5f5f6;
}
.YT-overflow-x-auto .dropdown-menu > li > a:hover {
	background-color: #2db5ab;
	border-color: rgb(192, 193, 191);
	color: white;
}
.YT-overflow-x-auto .dropdown-menu > li > label:hover {
	background-color: #2db5ab;
	border-color: rgb(192, 193, 191);
	color: white;
}
.youtube_ratings_container .dropdown-menu > li > a {
    color: #3b4c56 !important;
}
.dropdown-menu > li > ul > li:hover {
	background-color: #2db5ab;
	border-color: rgb(192, 193, 191);
	color: white;
}
.bts_dropdown > ul {
 	padding: 0;
    list-style: outside none none;
    max-height: 289px;
    max-width: 400px;
    overflow: auto;
    text-overflow: ellipsis;
}
.bts_dropdown ul {
    list-style: outside none none;
 	padding: 0;
}
.custom-filters {
    color: red;
    font-family: "Helvetica Neue";
    font-size: 11px;
    font-weight: bold;
    padding-left: 20px;
}
label {
    display: inline-block;
    font-weight: bold !important;
    margin-bottom: 5px;
    max-width: 100%;
}
.no-channels {
    height: 280px !important;
}
/* Overlay div CSS*/
.overlay {
    background: #8C8C8C !important;
    color: #6C6D70 !important;
    border-color: #b0b0b0 !important;
}
.overlay-container {
    background: rgba(55, 255, 255, 0.25) none repeat scroll 0 0;
    padding:10px;
    border-radius:5px;
    text-align:center; align-self:
    flex-end; color:#f0f0f0;
    /* width: 370px; */
    width: 360px;
}
#divOverlay {
    top:165px;
    position:absolute;
    right: 17px;
    z-index: 999;
}
#divOverlay p {
    font-weight: bold;
    margin: 0px!important;
}
#btn_auth {
    background-color:#00ACA2;
    color:#fff;
    border:1px solid #fff;
    font-weight: bold;
    margin:20px 0px 15px 0px;
}
.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-left: 35px;    
}
.right-inner-addon i {
    position: absolute;
    left: 0px;
    padding: 10px 12px;
    pointer-events: none;
    font-size: 14px;
}
.select_language, .select_country {
    width: 95px !important;
}
/* Custom sorting icons */
.custom-sort-icon::after {
    content: "";
    font-family: "Glyphicons Halflings";
    opacity: 1;
}
.lang-sort, .country-sort, .producer-btn,
.sort-icon {
	background-color: #d4d4d4;
	color: #646467;
	font-weight: bold;
}
.sort-icon {
	padding-left: 0px;
    padding-right: 0px;
}
#table-headers1 .caret,
#table-headers .caret {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #646467;
}
#table-headers .btn-default,
#table-headers1 .btn-default {
	border-color: transparent;
}
.producer-opts {
	display: flex;
}
.producer-opts span {
	margin-right: 5px;
	text-align: left;
}
#table-headers .btn-group, 
#table-headers1 .btn-group-vertical {
	display: block;
}
.lang-sort, .producer-btn{
	padding: 5px;
}

#table-headers1 tr{
	height: 62px !important;	
}
.TrYTRatingsTableFirst{
	height: 62px !important;	
}
.deviceAnalyserModal{
    z-index: 10000;
}

.topcorner{
    position:absolute;
    top:0;
    right:0;
}

.tour-question-icon {
    padding: 10px 5px;
    font-size: 20px;
}

.tour-question-icon:hover {
    cursor: pointer;
}

.margin-bottom-10 {
	margin-bottom: 12px;
}

.introjs-tooltip {
    min-width: 550px !important;
    max-width: 600px !important;
    padding: 5px 10px;
}

.introjs-tooltip h2{
    font-size: 22px !important;
    font-weight: bold;
    color: #6d6e71;
    padding: 0 5px;
}

.introjs-tooltip p {
    color: #6d6e71;
    padding: 5px;
}

.introjs-nextbutton, .introjs-nextbutton:hover {
    background-color: #00AAA0 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 10px 20px !important;
    border: 0 !important;
    text-shadow: none !important;
}

.introjs-prevbutton, .introjs-prevbutton:hover  {
    color: #00AAA0 !important;
    background: none !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border: 0 !important;
	cursor: pointer;
}

.introjs-button:focus {
    outline: 0;
    border: 0 !important;
    box-shadow: none !important;
}

.introjs-disabled {
    display: none !important;
}