

/* Default */
@media only screen{
	
}

/* Small screen only */
@media only screen and (max-width: 40em) {
	
}
/* Medium screen */
@media only screen and (min-width: 40.0625em) {
	
}
/* Medium screen only */
@media only screen and (min-width: 40.0625em) and (max-width: 64em){
		
}
/* large screen */
@media only screen and (min-width: 64.0625em) {
	
}
/* //
Pimary red color: var(--primary-color);
*/
body {
	background-color: var(--light-gray);
	font-family: Arial, sans-serif;
	overflow: hidden;
}
a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
strong, b{
	font-weight:500;
}
#base {
    background: red;
    display: inline-block;
    height: 12px;
    font-size: 10px;
    color: #fff;
    position: relative;
    padding-left: 3px;
    padding-right: 5px;
    margin-left: 5px;
    padding-bottom: 14px;
    top:-1px;
 }
button.secondary, .button.secondary{

	    background: #e9e9e9;
}
.doNotLeaveUpload{
	margin-left: 15px;
}
#base:before {
    border-top: 7px solid transparent;
    border-right: 7px solid red;
    border-bottom: 7px solid transparent;
    content: "";
    height: 0;
    left: -6px;
    position: absolute;
    top: 0px;
    width: 0;
}
.playersSecionTitle{
	margin-bottom: 0px;
	padding-left: 20px;
}
.playersSecionSubtitle{
	padding-left:0px;
	font-size:15px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 0px;
}
.monetStatus, .sharedStatus, .geoStatus{
	display: inline-block;
	float: left;
    font-weight: bold;
}
.wpFlag{
	background: #dedede;
	color:#000;
	padding: 2px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 10px;
	display: inline-block;
	margin-left: 10px;
	border-radius: 2px;
	position: relative;
	top: -1px;
}
.monetStatus.off:before{
	content: 'Monetization Off';
	border: 1px solid #dedede;
	color:#000;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#fff;
	font-size: 10px;
	margin-right: 10px;
	display: inline-block;
   
}
.sharedStatus.off:before{
	content: 'Sharing Off';
	border: 1px solid #dedede;
	color:#000;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#fff;
	font-size: 10px;
	margin-right: 10px;
	display: inline-block;
   
}
.geoStatus.on:before,
.geoStatus.white:before{
	content: 'Geo On';
	border: 1px solid #dedede;
	color:#000;
	width: 45px;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#fff;
	font-size: 10px;
	margin-right: 10px;
	display: inline-block;
   
}
.geoStatus.black:before{
	content: 'Geo On';
	border: 1px solid #dedede;
	color:#fff;
	width: 45px;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#000;
	font-size: 10px;
	margin-right: 10px;
	display: inline-block;
   
}
.geo-label-as {
    border: 1px solid #dedede;
    color: #000;
    background-color: #fff;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    font-weight: bold;
    height: 20px;
    position: absolute;
    width: 45px;
	top: 15px;
	font-style: normal;
    right: 130px;
    text-align: center;
    cursor: pointer;
}
.geo-label-as::before {
	content: 'Geo On';
	line-height: normal;
}
.geo-on-holder {
	width: 45px;
	display: inline-block;
}
.geoStatusAS.on{
	border: 1px solid #dedede;
	color:#000;
	background-color:#fff;
	font-size: 10px;
	display: inline;
	padding: 3px;
	font-weight: bold;
	height: 12px;
	vertical-align: bottom;
}
.geoStatusLineHeight::before {
	line-height: 20px;
}
.geoStatusLineHeight {
	float: none;
}
.geo-tag-holder {
	position: relative;
    width: max-content;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}
.blue_link{
	font-size:12px;
	color:#72A9D5;
	text-decoration: none;
	font-weight: normal;
}
.faq {
	counter-reset: my-badass-counter;
}
.faq dt {
	position: relative;
			font: normal 12px Arial;
			padding-left: 20px;
			margin-bottom:20px;
}
.faq dt:before {
	content: counter(my-badass-counter) ".";
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	top: 1;
	font: bold 12px Arial;
}
.playersSecionBox{
	background-color:var(--light-gray); 
	padding-top:25px; 
	padding-left:20px;
	display: inline-block;
	width: 100%;
}
.applyForAdProgram{
	color:#ff3908; cursor:pointer;
}
.applyForAdProgram:hover{
	text-decoration: none;
	text-decoration:underline;
}
.notification-alert{
      position: absolute;
    color: #FFF;
    background: var(--primary-color);
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    padding: 0px 5px 0px 4px;
    left: 23px;
    top: 9px;
    display: inline-block;
    width: auto;
    z-index: 2;
    line-height: 1rem;
}
.progress-bar-success{
    background-color: #ff0000;
    /* float: left; */
    height: 100%;
    width: 0px;
}
#buttonUpload{
	/*pointer-events:none;
	position: absolute;*/
}
#flashBox{
	width: 640px; 
	height: 360px; 
	background: #000; margin: 0px auto;text-align: center; 
	vertical-align: middle; line-height:360px; font-size:62px; font-family: 'Fjalla One' Arial; font-weight:bold; color:#fff
}
#flashBoxW{  width: 100%;
  float: left;
  display: inline-block;
  height: 360px;
  position: absolute;
  top:42px;
  z-index: 2; display:none;
  pointer-events: none;
}
.previewTag, .previewFlashTag{
  padding-right: 8px; 
  font-size: 12px;
  color: #fff;
  background-color: #565656;
  padding-left: 10px;
  border-radius: 3px;
  margin-bottom: 27px;
  margin-right: 10px;
  cursor: pointer;
  font-family: Arial;
  font-weight: normal;
}
.previewTagInverse, .previewFlashTagInverse{
  padding-right: 8px; 
  font-size: 12px;
  color: #fff;
  background-color: #565656;
  padding-left: 10px;
  border-radius: 3px;
  margin-bottom: 8px;
  margin-right: 10px;
  cursor: pointer;
  font-family: Arial;
  font-weight: normal;
}
iframe{
	border:0px;
}
.paymentFaqTitle{
	margin-bottom:5px; 
	
	font-size:13px; font-weight:bold;
	text-transform: uppercase;
	

}
.paymentFaqText{
	font-size:12px; 
	color:#666;
	padding-bottom: 10px;
	padding-left: 5px;
	
}
.paymentFaqText a{
	font-size: 12px;
	text-decoration: underline;
}
.fixed{
	z-index: 1002;
}
.underlineLink{
	text-decoration:underline;
}
a:hover {
	color: var(--primary-color);
	text-decoration:underline;
}
.arrow_top_menu{
	vertical-align: top; position:absolute; top:11px; right:-12px; width: 8px; height: 4px
}
.rowNetworkSettings{
	float:left;
	padding-top:10px;
	/*margin-bottom:10px;*/
	width:100%;
}
.lineNS{border-bottom:1px solid #bbbdc0;height:1px;float:left;width:100%;margin-top:20px; margin-bottom:10px;}
a img {
	border:none;
}

th a.asc:after, .analytics a.asc:after {
	content: ' ⇣';
	font-size: 12px;
}
th a.desc:after, .analytics a.desc:after {
	content: ' ⇡';
	font-size: 12px;
}
input[type="text"], input[type="password"], textarea, select { 
    outline: none;
	color:#666;
	border-radius: 7px;
}
input[type="text"]:focus, input[type="password"]:focus, .input textarea:focus {
	outline: none;
	border:1px solid #00bbee;
}

.inputError input[type="text"], .inputError input[type="text"]:focus{
	border:1px solid #d31c1c;
}
.errorMsg{
	color:#d31c1c;
	font-size:13px;
	padding-top: 10px;
}

.widget {
	right: 140px;
    top: 32px;	
}

#bridEmbedCode, 
#bridEmbedCodeWidget, 
#bridIframeCode,
#bridSeoEmbedCodeWidget, 
#bridEmbedKeyMoments, 
#bridAsyncEmbedCodeWidget, 
#bridAsyncSeoEmbedCodeWidget, 
#matchVideoEmbedCode, 
#bridAsyncSeoOldEmbedCode,
#bridAmpEmbedHead, 
#bridSeoEmbedCode, 
#bridSeoJsonEmbedCode, 
#bridEmbedKeyMomentsAsync, 
#bridAmpEmbedCode, 
#bridAmpEmbedCodeSeo, 
#bridOutstreamEmbedCode, 
#bridFbArticlesEmbedCode, 
#bridAsyncSeoEmbedCode, 
#bridAsyncEmbedCode, 
#bridFallbackEmbedCode {
	width:100%; 
	white-space: normal; 
	overflow: auto;
	word-wrap: break-word;
	font-size: 13px;
}

.pln {
	display:inline!important;
}
/* Main table .list-table */
.list-table{
	/*float:left;*/
	width:100%;
	border-right:0;
	margin-bottom: 10px;
	border-collapse: separate; /*collapse mess up ie 11 quick edit */
	border-bottom:1px solid var(--mid-gray);
	border-right:1px solid var(--mid-gray);
	border-left:1px solid var(--mid-gray);
	background:var(--table-background);
	/*border-radius: 0px 0px 8px 8px;*/
    box-shadow: 2px 2px 10px #dedede;
}
.titleTable, .videoTitleTable, .playerTitleTable{
	vertical-align: top;
	padding-top:11px;
	width:501px;
	padding-left:9px;
}
.centerTitleTable {
padding-top: 27px;
}
.videoTitleTable a:hover{
	color:var(--primary-color);
}
.videoTitleTable{
	width:553px;
}
.playerTitleTable{
	width:700px;
}

.publishColumn{
	/*border-right:1px solid #d9d9da;*/
	width:193px;
	padding-top:33px;
	float:left;
}
.dateTable, .videoCodeTd{
	font-weight:bold;
	font-size:15px;
	text-align:center;
	width:139px;
	color:#58595b;
}
.videoCodeTd{
	border-left:1px solid #d9d9da;
}
.user-dollar{
	position:relative; 
	top:-1px; 
	/*font-size:18px; */
	float:left; 
	padding-left:8px; 
	padding-right:8px; 
	color:var(--primary-color); 
	
}
.nav-icon.users{
	top:-1px;
	font-size: 1.21rem;
}
.nav-icon.video{
	float:left; 
	padding-right: 5px;
	font-size:1.2rem;
	position: relative;
	font-size: 1.5rem;
	top: -1px;
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
	
}
.icon-fix-1{
	position: relative;
	top: -1px;
}
.icon-fix-2{
	position: relative;
	top: -2px;
}
.nav-icon, .nav-icon-small, .nav-icon-small-1, .nav-icon-small-2, .nav-icon-small-3{
	
	padding-right: 5px;
	font-size:1.2rem;
	/*float:left; 
	position: relative;
	top:0px;*/
	opacity: 0.6;
}
.nav-icon-small, .nav-icon-small-1, .nav-icon-small-2, .nav-icon-small-3{
	font-size:1.1rem;
	position: relative;
}
.nav-icon-small-1{
	top: -1px;
}
.nav-icon-small-2{
	top: -2px;
}
.nav-icon-small-3{
	top: -3px;
}
.nav-icon{
	font-size:1.1rem !important;
	padding:0px;
	margin-right:10px;
}
.nav-icon-small{
	/*font-size:1.1rem !important;
	width:40px;*/
}
.user-upload{
	position:relative; 
	top:-2px; 
	font-size:18px; 
	float:left; 
	padding-left:8px; 
	padding-right:8px; 
	color:var(--primary-color); 
}
.videoGetEmbed{
	width:48px;
	height:48px;
	float:left;
	border-radius:24px;
	margin-left:45px;
	background-image:url(/img/buttons/embed.png);
	background-repeat:no-repeat;
	background-position: center;
	cursor:pointer;
}

.by{
	color:#959595;
}
/* button backgrounds */
.loadingPreviewPlayer{
	color:#fff;
	position:absolute;
	top:50%;
	text-align:center;
	width:100%;
	text-transform:uppercase;
	font-family: 'Fjalla One', Arial;
	font-size:16px;
}
.playerContent{
	float:left;
	width:100%;
	height:360px;
	background:#000;
	overflow:hidden;
}
/* this div will wrap arround playerContnet */
.playerDiv{
	display:none;
	width: 640px;
	/* width:80%; */
	/*max-width:740px;*/
	/*height:auto;*/
	/*max-height:380px;*/
	float:left;
	position:relative;
	left:59px;
}
.editVideoDiv, .editPlaylistDiv, .editPlayerDiv, .editUnitDiv, .copyPlayerDiv, .copyVideoDiv, .copyCarouselDiv, .copyAdSourceDiv,
.editDiv, .copyDiv {
	display:none;
	overflow:hidden;
	width:90%;
	float:left;
	position:relative;
	left:1rem;
	height:auto;
}

.editAlertDiv {
	cursor:pointer;
	display:none;
	overflow:hidden;
	width:760px;
	float:left;
	position:relative;
	left:46px;
}
.editPlaylistDiv{
	height:initial;
}
.editPlayerDiv, .editUnitDiv, .copyPlayerDiv, .copyVideoDiv, .copyCarouselDiv, .editWidgetDiv, .copyAdSourceDiv{
	height:135px;
}
.carousel-quick-menu-section {
	margin-top: 5px;
	width: 100%;
	height: 20px;
}
/* partner quick menu */
.partner-quick-menu-section {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 20px;
}
.partner-quick-menu{
	float:left;
	display:none;
	list-style: none;
	margin-left: 0px;
	/*bottom:0px;*/
	/*left:0px;*/
	/*height:25px;*/
	/*width:100%;*/
	/*position:absolute;*/
	/*padding-top:13px;*/
}
.partner-quick-menu.visible {
	display: inline-block;
}
.partner-quick-menu li{
	float:left;
	width:26px;
	height:20px;
	border-radius:2px;
/*	background: var(--light-gray);	dejan 30.08 */
	margin-right:11px;
	
}
.list-table tr:nth-child(odd) .partner-quick-menu li {
	/*background: #fff;*/
}
.list-table tr:last-child{
	border-collapse:collapse;
}
.list-table tr:last-child td:first-child{
	border-radius: 0px 0px 5px 5px;
}
.partner-quick-menu .disabled{
	/*background:#e3e3e3;*/
	
}
.partner-quick-menu .disabled .partner-qm-item {
	/*cursor: default !important;  Fix for AZ70 */
	
}
.partner-quick-menu .joinright{
	/*margin-right: 3px;*/
}
.partner-quick-menu .item{
	/*border-right:1px solid #efeff0;*/
}
.player-default, .unit-default{
	width:26px;
	background-position:-302px 0px;
}
#console{
	border-top: 1px solid #F1F2F2;
	border-bottom: 1px solid #F1F2F2;
}
.playerInfoText{
	font-family: 'Fjalla One', Arial;
	font-size:16px;
	color:#000000;				/* 939598; */
}
.players{
	background:none;
}
.form-table{
	border-collapse: collapse;
	width:100%;
	float:left;
	margin-bottom:20px;
}
.button_start_stop {
	padding: 3px 5px;
	background-color: var(--primary-color);
	width: 30%;
	border-radius: 5px;
	color: white;
	cursor: pointer;
}
.button_start_stop.spinner {
	pointer-events: none;
}
.button_run_crawl {
	padding: 5px 10px;
	background-color: var(--primary-color);
	width: 100%;
	border-radius: 5px;
	color: white;
	cursor: pointer;
}
#youtubeContent{
	width:100%;
	float: left;
	margin-top:20px;
}
#youtubeContent tr:nth-child(odd){
	background: #fff;
}
#youtubeContent .imgTable {
    width: 128px;
}

.form-table tr:nth-child(odd) {
	/*background: var(--light-gray);*/
	/*border-top:1px solid #d9d9da;*/
	/*border-bottom:1px solid #d9d9da;*/
}
.floatLeft, .divAsRow{
	float:left;
	width:100%;
}
.divAsRow{
	padding-bottom:15px;
}
.partner-qm-item{
	cursor:pointer;
	/*float:left;
	height:20px;
	background-image:url(/img/buttons/quick_icons.png);
	background-repeat: no-repeat;
	background-size: 382px 20px;*/
	color:#a7a9ac;
}
.partner-qm-item:hover, .turnedoff .partner-qm-item:hover{
	    color: var(--primary-color);
	    text-decoration: none;
	    opacity: 1;
}
.disabled .partner-qm-item, .turnedoff .partner-qm-item,.disabled.partner-qm-item{
	cursor:auto;
	/*float:left;
	height:20px;
	background-image:url(/img/buttons/quick_icons_disabled.png);
	background-repeat: no-repeat;
	background-size: 382px 20px;*/
	opacity: 0.4;
}
.turnedoff .partner-qm-item {
	cursor:pointer;
	
}
/* custom checkbox */
.checkbox{
	float:left;
	/*width: 19px;*/
	height: 20px;
	/*background-image: url(/img/checkbox.jpg);*/
	background-repeat: no-repeat;
	cursor:pointer;
	position:relative;
	border: 1px solid var(--mid-gray);
    border-radius: 3px;
}
.checkbox.disabledCheckbox{
	visibility:hidden;
}
.checkboxContent{
	float:left;
	width: 18px;
	height: 18px;
	background-color:#fff;
	border-radius:2px;
}
.checked{
	position:absolute;
	top:-3px;
	left:1px;
	display:block;
	max-width: 200%;
}
.checkboxText, .checkboxTextPlayerEdit, .checkboxTextRegular{
	position:relative;
	top:2px;
	font-family: 'Fjalla One', Arial;
	/*font-size:22px;		sreda*/
	color:#000000;				/*939598;*/
	font-size: 20px;
	margin-left:32px;
	cursor:text;
}
.checkboxText {
text-transform:uppercase;
}
.checkboxTextPlayerEdit{
	font-size:16px;
	color: #000000; font-weight: bold; font-family: Arial;
}
.options, .selectboxes{
	float:left;
	width:auto;
}
.options ul, .selectboxes ul{
	list-style-type: none;
}
.options ul {
	margin-left: 0px;
}
.options ul li {
	cursor: pointer;
	font-family: Arial;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	margin-bottom: 2px;
	margin-top: 3px;
}
.options ul li, .selectboxes ul li{
	margin-right: 10px;
}
.options ul li span {
	margin-left: 20px;
}
.inline{
	display:inline;
	margin-right:10px;
}
.option_not_selected{
	/*margin-right:7px;
	position:relative;
	bottom:0px;*/
	position: absolute;
	left:0px;
	top: 3px;
	width: 16px;
    height: 16px;
    border: 1px solid #cdcdcd;
	border-radius:50%;
	background:#fff;
}

li.option.inline .option_not_selected {
	top: 0;
}

.option_selected{
	display:none;
	/*bottom:4px;*/
	position:absolute;
	left:2px;
	top: 5px;
	width: 16px;
	height: 16px;
	background: #ff303c;
    border-radius: 50%;
    height: 12px;
    width: 12px;
}

li.option.inline .option_selected {
	top: 2px;
}

.selectBoxTitle, .selectBoxActive{
	font-size:20px;
	font-family: 'Fjalla One', Arial;
	color:#000000;
	/*text-transform:uppercase;*/
	float: left;
	/*padding-right:5px;*/
	  padding-top: 2px;
	
}
.searchCover{
	width:100%; 
	background: var(--light-gray); 
	height: 29px; 
	position: absolute;
	z-index: 9;
	  cursor: default;
}
#socialSelectBox .selectBoxTitle{
	text-transform: none;
}
.selectBoxActive{
	color:#00b7eb;
	cursor:pointer;
}

.selectBoxContent{
	position:relative;
	float:left;
	top: -3px;
	/*left: 5px;*/
	background: transparent;
}
.selectBoxContent ul.ul-selectbox{

	overflow-y: auto;
	max-height: 200px;
}

.selectBoxActiveImg{
	position:relative;
	top:3px;
}
.selectBoxActiveImgDiv{
	vertical-align: top; 
	position:absolute; 
	top:1px; 
	right:-14px;
	cursor:pointer;
	height:32px;
}
.selectBoxActive{
	border:1px solid #b9b9b9;
	height:27px;
	padding-top:3px;
	/*padding-left:5px;*/
	
	/*position:absolute;
	top:0px;
	left:0px;*/
}
.ul-selectbox{
	/*float:left;*/
	background: #fff;
	position:absolute;
	top:28px;
	left:0px;
	z-index:100;
	/*width:300px;*/
	border:1px solid #b9b9b9;
	overflow:hidden;
	display:none;
	border-radius:4px;
	padding: 3px;
}
.ul-selectbox li span{
	
white-space: nowrap;
}
.ul-selectbox li{
	float:left;
	width:100%;
	padding-left:5px;
	padding-right:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ul-selectbox li:hover{
	background:#58595b;
	color: #fff;
}
.tabs{
	overflow:hidden;
	position:relative;
}
.tab-content{
	display:none;
}
.tab, .tab-inactive, .tab-last{
	box-sizing: border-box;
	text-align:center;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:21px;
	color:#fff;
	padding-top:16px;
	padding-bottom: 14px;
	cursor:pointer;
	
}
.numberTab{
	font-size:15px;
	font-family: Arial;
	font-weight:bold;
	border-radius:50%;
	border:2px solid #fff;
	width:22px;
	padding-top:1px;
	padding-bottom:1px;
	text-align:center;
	
	position:absolute;
	top:0px;
	left:0px;
}
.tabText{
	position:relative;
	width:auto;
}
.tab-inactive .numberTab{
	border:2px solid #6D6E70;
}
#official-player-tab{
	border-bottom: 1px solid #dedede;
	float: left;
	width: 100%;
}
.official-skins, .official-skins-all{
	list-style-type: none;
	/*float: left;*/
	width: 100%;
	height: 120px;
	
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin-left: 0px;
	margin-top: 1rem;
	white-space:nowrap;
}
.official-skins li, .official-skins-all li{
	cursor:pointer;
	font-weight:bold;
	color:#57585b;
	font-size:16px;
	padding: 10px;
	display: inline-block;
	width: 140px;
	height: 100px;
	border: 2px solid #FFFFFF;
}
.jThumbnailScroller#tsPlayer .jTscroller a.selectedPlayer{
	border: 3px solid var(--primary-color);
}

.official-skins li:hover, .official-skins-all  li:hover{
	color: #ff2e69;
}
#player-settings-tab, #player-monetization-tab, #video-monetization-tab, #video-debug-tab{
	display:none;
}
#Video-Monetize .copy-ad-slot{
	display: none;
}
/*.players table{
	width:100%;
}*/
/* Check Box Td*/
.cbTable{
	width:46px;
	padding-left:19px;
	vertical-align:top;
	position:relative;
	padding-top:41px;			/* umesto top */
}
/* Image Td */
.imgTable{
	width:102px;
	vertical-align:top;
	padding-top:10px;
}
.imgTable .thumb{
	/*width:103px;*/
	width:100%;
	height:75px;
}
.list-table tr:nth-child(odd) {
	background: var(--light-gray);
}

.trFirst{
	height:37px;
}
.thName{
	
	text-transform:uppercase;	
	background: #fff;
	border-bottom:1px solid var(--mid-gray);
	color:#58595b;
}
.thLeft {
	text-align: left;
}
.thName div{
	/*text-align:left*/
	
	/*padding-left:4px;*/
}
.tableTitle div{
	text-align:left;
	position: relative;
	left:64px;
}
.thName a{
	text-decoration:underline;
	color:#58595b;
}
.list-items-menu{
	/*float:left;*/
	/*width:100%;*/
	padding-left: 11px;
  padding-right: 11px;
	background-color: #fafafa;
	border-top:1px solid #d9d9da;
	/* border-bottom:1px solid #d9d9da; */
	/*height: 2.4rem;*/
	height:42px;
	/*margin-bottom:3px;*/
	padding-top:3px;
	/*border-radius: 5px 5px 0px 0px;*/
    box-shadow: none;
}
.list-items-menu-wrapper{
	/*width: 61.1rem;*/
	margin:0px auto;
	position:relative;
}
#flashClose{
	text-decoration: underline;
	cursor: pointer;
	text-transform:uppercase;
	margin-left:5px;
}


.defaultInputValue{
	position:absolute;
	z-index:1;
	/*color:#e6e7e8;*/
	color: #d4d4d4;
	font-family: Georgia;
	font-style:italic;
	line-height:1;
	/*font-size: 16px;*/
	width:100%;
	cursor:text;
	left:0px;
}
.playlist_preview{
	position: absolute;
	right: 3px;
	color: #fff;
	font-size: 11px;
	top:4px;
	color:#fff;
	width: 44px;
	height:80px;
	overflow:hidden;
	cursor:pointer;
}
.preview_youtube_img_small{
	border:1px solid #7a7c7c;
	width:29px;
	height:15px;
	margin-left:7px;
	margin-bottom:4px;
	overflow:hidden;
}
.preview_youtube_img_small img{
	width:29px;
	height:15px;
}
.playlist_preview_wrapper{
	
	opacity:0.7;
	filter:alpha(opacity=70);
	position:absolute;
	background:#000;
	left:0px;
	top:0px;
	width:100%;
	height:74px;
	overflow:hidden;
}
.playlist_count{
	position:absolute;
	font-size:16px;
	font-weight:bold;
	width:100%;
	text-align:center;
	top:3px;
}

.playlist_count_text{
	position:absolute;
	font-size:10px;
	width:100%;
	text-align:center;
	top:20px;
}

.playlist_preview_images{
	
	position:absolute;
	width:100%;
	top:33px;
	overflow:hidden;
}
.playlistPreviewBg, .videoPreviewBg, .videoStatus{
	display: block;
	background: #000;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 80px;
	opacity: 0.5;
	cursor:pointer;
}
.videoPreviewBg{
display:none;
}
.playlist_play_all_text, .videoPlay, .videoStatusText{
	
	font-size:10px;
	font-weight:bold;
	color:#fff;
	position:relative;
	top:20px;
	left:4px;
	overflow:hidden;
	cursor:pointer;
}
.videoPlay{
	position:absolute;
	top:25px;
	left:43px;
	display:none;
	
}
.videoStatusText{
	position:absolute;
	/*top:30px;*/
	left:28px;
}

.videoContent{
	float: left;
width: 100%;
padding-top: 10px;
position:relative;
/* display: contents; */
}
.tableTitle{
	float:left;
	width:auto;
	position:relative;
	left:10px;
}
.tableTitle div, .tableCreated div{
	height:16px;
	width:140px;
}
.tableCreated{
	float:right;
	width:140px;
	text-align: center;
}


.dateRow{
	float:right;
	position:absolute;
	text-align:center;
	font-weight:bold;
	color: #959595;
	font-size:12px;
	top:20px;
	width:140px;
}

.chkbox_action{
	cursor:pointer;
	padding-top:8px;
	padding-bottom:8px;
	text-indent:7px;
	padding-right: 7px;
	font-family:Roboto, Arial;
	font-style: normal;
	font-size:13px;
	white-space: nowrap;
}
.chkbox_action:hover{
	background-color:#58595b;
	color:#fff;
	white-space: nowrap;
}
.debugUrl, .debugUrl-first{
	float:left;
	cursor:pointer;
	position:relative;
	top:2px;
	left:3px;
	padding-left: 9px;
	font-size: 13px;
}
.debugUrl-first{
	padding-left: 5px;
}

.siteLink{
	float:left;
	/*padding-right:3px;*/
	font-weight:bold;
	font-size:14px;
	color:#414042;
}
.siteLink a{
	color:#414042;
}
.siteLink:hover, .debugUrl:hover, .red-icon{
	color:var(--primary-color);
	text-decoration:none;
}
.listTitleLink {
	color: #414042;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.listTitleLink:hover {
	color:var(--primary-color);
	text-decoration:none;
}
.listTitleDesc {
	float: left;
	clear: left;
	font-size: 12px;
	color: #999;
	margin-bottom: -7px;
}
.videoTitleDisabled{
	color:#adadad;
}
.videoTitleDisabled:before{
	content: 'Not Published';
	border: 1px solid #dedede;
	color:#000;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#fff;
	font-size: 10px;
	margin-right: 10px;
	display: inline-block;
}
.login h3 {
	font-size: 21px;
	color: var(--menu-sub-link); 
	font-family: 'Roboto Condensed', Arial;
	margin-bottom:20px;
	text-transform:uppercase;
	margin-top:20px;
}
.login h3 span{
	color:var(--primary-color);
}
.dont-have-account{
	color: var(--dark-gray);font-size: 14px;margin-top: 15px;padding-top: 15px;border-top: 1px solid var(--border);margin-top: 15px;
}
.loginLogoNew, .loginLogoNew2{
	/*background-image: url(/img/brid_logo_login.png);*/
	background-image: url(/img/brid_logo_login.svg);
	background-repeat: no-repeat;
    background-size: 97px 42px;
    width: 97px;
    height: 42px;
    position: relative;
    z-index: 2;
    right: 0;
    margin-top: -16px;
}
.loginLogoNew2{
	margin-top:8px; 
	margin-left:10px;	
}
#go-to{
	color:#fff;
	position:absolute;
	top:30px;
	left:50px;
}
#login-links{
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:absolute;
	right:30px;
	top:30px;
	z-index:99;
}
#login-links li{
	display:inline;
	padding-right:15px;
}
#login-links li a{
	color:#fff;
}
.sign-in-with{
	border: 1px solid #dadce0;
    padding: 7px;
    display: inline-block;
    border-radius: 4px;
    font-size: 13px;
    /* margin-bottom:5px; */
    line-height:20px;
    color:#757575;
    margin-left: 10px;
    cursor:pointer;
}
.sign-in-with .fa-facebook{
	color: #3B5998;
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 9px;
}
#fbConnectButton{
	display: inline;
    position: relative;
    padding-left: 30px;
    padding-top: 9px;
}
.abcRioButtonLightBlue{
	box-shadow:none !important;
	border: 1px solid #efefef;
	border-radius: 4px !important;
}
.sign-in-with i{
	margin-right:4px;
}
.login-row{
  		min-height: 50px;
}
.login-main-row{
	position: relative;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    flex-direction: column;    
    /*height: 80%;*/
    
}
.row.maintenance .columns{
		padding:0px;
}
.mainLogin {
	background: var(--primary-color);
	background: linear-gradient(180deg,#2ED980 -2.69%,#11988D);
	background-position: center center;
	background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: 100%;
}
.button.facebook i{
	    position: relative;
    left: -6px;
    font-size: 24px;
    top: -3px;
}
.button.facebook{
	box-shadow: 1px 1px 2px #a0a0a0;
	position: relative;
	background: #3a569d;
	background-size: 100% 100%;
	overflow: hidden;
	border-radius: 3px;
}
.button.facebook:hover{
	box-shadow: 0px 0px 4px #3a569d;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background: #3a569d;
}

.youtube_ico{
	position:absolute;
	right:3px;
	top:3px;
}
.time, .time-playlist{
	position:absolute;
	right:5px;
	bottom:5px;
	background-color: var(--dark-gray);
	font-size:12px;
	font-weight: normal;
	color:#fff;
	padding-left:5px;
	padding-right:5px;
	border-radius:2px;
	opacity:0.8;
}
.time-playlist{
	left: 5px;
    top: 5px;
    bottom: auto;
    right: auto;
    z-index:1;
}
.login{
	position:relative;
	z-index:2;
	box-shadow:0 50px 40px -20px rgba(0,0,0,.15) !important;
	border-radius:4px;
	font-family: 'Roboto', Arial;
	width: 100%;
    margin-top: 15px;
}
.login.signup{
	margin-top: -200px;
}
.login.form-new label{
	font-size: 12px;
    color: var(--light-gray-2);
        font-family: 'Roboto', Arial;
    font-weight: bold;
}
.login input[type="text"], .login input[type="password"] {
	border-radius: 4px;
	font-family: 'Fjalla One', Arial;
	font-size:18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow:none;
}

.form, .formVideo{
	/*background:#f4f4f4;
	border-top:1px solid #d9d9da;*/
}
.form form, .formVideo form, .formQuick form{
	float:left;
	width:100%;
}
.form input, .form textarea, .formVideo input, .formVideo textarea, .formQuick input, .formQuick textarea {
	height:49px;
	font-size:16px;
	font-family: Arial;
	font-style:italic;
	width:100%;
	/* Indent input text */
	/*position: relative;
	left: 15px;*/
	text-indent:10px;
	/*border: 1px solid #bbbdc0;*/
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow:none;
}
label, .input label{
	/*float:left;*/
	display:inline-block;
	width:100%;
	font-size: 16px;
	font-family: Arial;
	color:#000000;
	margin-bottom:2px;
	position:relative;
	font-weight: bold;
	background:none;
}
#copyStatus{
	font-family: 'Fjalla One', Arial;
	color:#e5e5e5;
	font-size:20px;
	margin-top: 47px;
}
#choosePlayerEmbedCode .dropdown{
	/*padding-left:10px;*/
}

.formQuick .input label{
	font-size:18px;
	margin-bottom:1px;
}
.thumbVideo{ padding-top:23px;}
.formQuick input, .formQuick textarea{
	font-size:16px;
}
form .input {
	color: #000;
	position:relative;
	font-size:11px;
	float:left;
	width:100%;
	/*background:#fff;*/
	/* Since text is indented, we need to move border style to the div that surrounds input field*/
	/*border: 1px solid #bbbdc0;*/
	/*overflow: hidden;*/
	/*cursor:pointer;*/
}
form .select{
	border:none;
	background:none;
	overflow:visible;
}
form .required div:after {
	content:"*";
	color: var(--primary-color);
	float:left;
	padding-right: 2px;
	padding-top: 4px;
}
form .required div.after:after, .form-ads div.after:after {
	content:"*";
	color: var(--primary-color);
	float:left;
	padding:0px;
}
form .VideoTagsTaxonomiesWrapperDiv .required div:after {
	content: none;
}

#required-star div:after {
	content:"";
}

form .required .gdrop_down:after, form .required .gdrop_down div:after, form .required .dropdown:after {					/* fixes for star */
	content:"";
}
form .required label:after {
	color: #e32;
	content: ' *';
	display:inline;
}
.formVideo textarea{
	padding-top:10px;
}
.mainData, .mainDataLight{
	float: left;
	/*width: 856px;*/
	width:100%;
}
#mainDataLight{
	margin-top:19px;
}
#mainDataLight input { border-radius: 7px; }

.selectBoxTitle, .checkboxText, .checkboxTextRegular, label { color: #000000; font-size: 16px; font-weight: bold; font-family: Arial; padding-right:5px;}
.checkboxTextRegular{
	font-size: 15px;
}

.selectBoxActive, .selectboxes ul li { 
	cursor:pointer;
	padding-top:8px;
	padding-bottom:8px;
	text-indent:2px;
	padding-right: 7px;
	font-family:Roboto, Arial;
	font-style: normal;
	font-size:13px;
	white-space: nowrap;
	}
.selectboxes.disabled ul li {
    color: #e3e3e3;
    cursor: default;
}
.selectboxes.disabled .selectBoxActive {
    color: #e3e3e3;
}
.ul-selectbox { 
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	-moz-box-shadow   : 0 0 5px rgba(0,0,0,.2);
	-o-box-shadow     : 0 0 5px rgba(0,0,0,.2);
	box-shadow        : 0 0 5px rgba(0,0,0,.2);
	border-width: 0px; 
	}
.selectBoxActive { border-width: 0px; padding-top: 1px; 
	font-family: 'Fjalla One', Arial;
	font-size: 17px;
	line-height: 1.2;
	cursor: pointer;
	position: relative;
	bottom: -2px;
	text-transform: uppercase;
	padding-right: 0px;
}
label, .input label { left: 0px; }


#mainDataLight label, #mainDataLight .input label { left: 0px; }
h3.lined { background-image: linear-gradient(transparent 96%, #d1d3d4 97%); background-size: 28px 28px; background-repeat: repeat-x; }
h3.lined span { background-color: #fff; padding-right: 8px;  }

.tblLined { background-image: linear-gradient(transparent 96%, #d1d3d4 97%); background-size: 28px 28px; background-position: 0 9px; background-repeat: repeat-x; }
.tblLined b { font-size:18px; color: #000000; background-color: #fff; padding-left: 6px; padding-right: 6px; }

.lightboxSave, #playerContinue, #playerSave {
	margin-top:10px;
	margin-bottom:12px; /* Vratio ovo je bilo komentarisano - per Uros request 57 */
}
.mainDataAdd{
	float:left;
	/*width:770px;*/
	width:100%
}

.videoUploadOptions {
	text-align: center;
	float: left;
	margin: 0 0 1em 0;
	padding: 1em;
    border: 1px solid var(--border);
    width: 100%;
    background-color: var(--light-gray);
    border-radius: 5px;
}

.videoUploadOptions .videoUploadOptions-title {
	font-family: 'Fjalla One';
	color:#58595B;
	font-size: 120%;
}

.videoUploadOptions .videoUploadOptions-tableWrapper {
	max-width: 25em;
	margin: 0 auto;
}

.videoUploadOptions .videoUploadOptions-tableWrapper .billing-table td {
	font-size: 90%;
	padding-left: 0px;
}

.mainDataAddUpload{
	float:left;
	width:100%;
	position: relative;
}

#mainData table, .mainData table, .mainDataAddUpload table, .mainDataAdd table, #mainDataLight table{
	width:100%;
	float:left;
}

#mainData table td, .mainData table td, .mainDataAddUpload table td, .mainDataAdd table td, #mainDataLight table td{
	padding-top:10px;
	vertical-align: top;
}
.encoding-step-nv{
	display:none;
}
.disabledCheckbox .checkboxText, .disabledCheckbox .checkboxTextRegular, .disabledCheckbox li{
	opacity:0.4;
	cursor:not-allowed;
}

#encoding{
	display:block;
}
textarea {
	position:relative;
	float:left;
	width:100%;
	font-size:23px;
	font-family: 'Fjalla One', Arial;
}
.textarea .defaultInputValue{
	font-size:19px;
}

#upload{
	background:none;
	padding:0px;
	margin:0px;
}

.formWrapper{
	/*width:787px;*/
	margin:0px auto;
	/*margin-top:28px; */ /* mess up lightbox modal */
	padding-bottom:20px;
}
.formWrapperLogin{
	padding-top:10px;
	font-family:Roboto, Arial;
	font-size:15px;
	color:#58595b;
	/*width:515px;*/
	position: relative;
	margin: 0 auto;
}
.forgot{
	/*text-decoration: underline;*/
	color: var(--dark-gray);
	font-weight: normal;
	font-size:14px;
}
.staySigned{
	float: right;
	right:0px; 
	/*top:-3px;*/
	font-family: 'Fjalla One', Arial;
	font-size:19px;
	color:#939598;
	
}
.staySigned .checkbox{
	top:2px;
	margin-right:15px;
}
.loginForm, .resetForm{
	position:relative;
	background: url(/img/login_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}
h2, h4{
	font-family: 'Roboto', sans-serif;
	font-size:26px;
	font-weight:normal;
	color:var(--primary-color);
	/*text-transform:uppercase;*/
	margin-bottom:23px;
}
h3{
	    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #000000;
    font-weight: 600;
}
h4{
	font-size:18px;
	font-weight:normal;
	color: #000000;	
	
}
h5{
	font-size:20px;
	font-family: 'Fjalla One', Arial;
	color:#939598;
}

h4 a{
	font-size: 20px;
	font-weight:normal;
}
h4 a:hover, h4 a:visited, h4 a:focus{
	text-decoration:none;
	color:#000;
}

h4.lined { background-image: linear-gradient(transparent 96%, #d1d3d4 97%); background-size: 23px 23px; background-repeat: repeat-x; }
h4.lined span { background-color: #fff; padding-right: 8px; padding-left: 8px; margin-left: 30px; }


#preview-player{
	width:100%;float:left;position:relative;overflow:hidden;
}
.joinInput{
	border: 1px solid #bbbdc0;
	width: 100%;
	height:49px;
	font-size: 23px;
	font-family: 'Fjalla One', sans-serif;
	padding-left:4px;
	outline: none;
	color:#939598;
	margin-bottom: 10px;
}
.loginInput, .joinInput{
	border: 1px solid #bbbdc0;
	width:100%;
	height:37px;
	font-size: 19px;
	font-family: 'Fjalla One', sans-serif;
	padding-left:4px;
	outline: none;
	color:#939598;
	margin-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


#authMessage {
	position: fixed;
	z-index: 999999;
	background:#000;
	width: 100%;
	font-family:Roboto, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align: center;
	color: #fff;
	top: 0;
	left: 0;
	text-transform:uppercase;
	line-height:30px;
	box-sizing: border-box;
}

#authMessage:after{
  content:'';
  vertical-align:middle;
  display: inline-block;
  background: url('/img/notice.png') no-repeat 0 0;
  background-size: 65px 21px;
  width: 21px;
  height: 21px;
  margin-left:5px;
}
#ajaxFlashMessageW{
	width:100%;
	right:0px;
}
#flashMessage.success:after, .flashMessage.success:after, #ajaxFlashMessage.success:after  {
	content:'';
	display: inline-block;
	background: url('/img/notice.png') no-repeat -22px 0;
	background-size: 65px 21px;
	width: 21px;
	height: 21px;
	margin-left: 7px;
	vertical-align:middle;
	}
#flashMessage, .flashMessage, .flashLogin, #ajaxFlashMessage{
	position:absolute;
	z-index:999998;
	background:#fb7171;
	width:0px;
	font-family:"Roboto", sans-serif;
	font-size:13px;
	text-align: center;
	color:#fff;
	height:0px;
	top: 0px;
	overflow:hidden;
	line-height:30px;
	left:0px;
}
.flashLogin #flashMessage.message{
	background:#000;
}
#flashMessage.success, .flashMessage.success, #ajaxFlashMessage.success {
	background:#01BF00; /* Succcess green */
	box-sizing: border-box;
	font-family:"Roboto", sans-serif;
	font-weight:bold;
	font-size:13px;
	line-height:30px;
	display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
#ajaxFlashMessage.loading, #flashMessage.loading{
	background: #FCCE35; /*#01BF00;*/
	line-height:30px;
	box-sizing: border-box;
	font-family:"Roboto", sans-serif;
	font-weight:bold;
	font-size:13px;
	display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
#ajaxFlashMessage.error ,#flashMessage.error,#flashMessage.message {
	background:var(--error);
	box-sizing: border-box;
	font-family:"Roboto", sans-serif;
	font-weight:bold;
	font-size:13px;
	display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.fa.header-error{
	font-size: 18px;
    margin-right: 8px;
}
.button{
	overflow:hidden; /* Limit circle effect */
}
/*
.button{
	font-family: 'Fjalla One', Arial;
	width:auto;
	
	display: inline-block;
	
	position:relative;
	margin-right:11px;
	cursor:pointer;
}*/

.buttonImg, .buttonLargeImg{
	position:absolute;
	top:-4px;
	left:-8px;
}
.buttonLargeImg{
	top:-6px;
	left:-9px;
}

.buttonLargeContent, .buttonLargeInactive{
	border:4px solid #ab0030;
	float:left;
	width:auto;
	/*height:33px;*/
	height: 46px;
	background-color: var(--primary-color); /*url('/img/buttons/button_large_bg.jpg');*/
	padding-left:17px;
	padding-right:17px;
	font-size:22px;
	padding-top:7px;
	color:#fff;
	background-repeat: repeat-x;
}

.disabled .buttonLargeContent{
	
	border:4px solid #cfcfd1;
	background-color: #e3e3e3;
	color: #fff;
}

.add-preroll-ad .buttonLargeContent{
	border:4px solid #dd2300;
	background-image:none;
	background:#ee4a2c;
}

.video-details-tab .buttonLargeInactive{
	border:4px solid #00799f;
	background-image:none;
	background:#00beef;
	color: #027aa0;
}
.video-details-tab .buttonLargeContent{
	border:4px solid #025469;
	background-image:none;
	background:#00799f;
	color: #fff;
}
.invisibleDiv{
	display:none;
}
.greyText18{
	font-family: 'Fjalla One', Arial;
	font-weight: normal;
	color:#58595b;
	font-size:18px;
}
.add-midroll-ad .buttonLargeContent{
	border:4px solid #02aae3;
	background-image:none;
	background:#00c6f4;
}
.add-midroll-ad-disabled .buttonLargeContent, .add-ad-disabled .buttonLargeContent{
	
	border:4px solid #cfcfd1;
	background-color: #e3e3e3;
	color: #fff;

}
.add-overlay-ad .buttonLargeContent{
	border:4px solid #336782;
	background-image:none;
	background:#00799f;
}
.add-postroll-ad .buttonLargeContent{
	border:4px solid #2b9100;
	background-image:none;
	background:#5fa144;
}
.buttonLargeInactive{
	border:4px solid #00aae3;
}
.button.buttonLargeDisabled .buttonLargeContent{
	border:4px solid #cfcfd1;
	background-color: #e3e3e3;
	color: #fff;
	cursor: auto ;
}
.noItems{
	font-family:'Roboto Condensed', Arial;
	font-size:21px;
	height:80px;
	width:100%;
	float:left;
	text-align:center;
	color:#a7a9ac;
	padding-top:165px;
	margin-top: 50px;
	/*background-image: url('/img/search_no_results.png');*/
	background-image: url('/css/build/svgs/bridica_noitems.svg');
	background-repeat: no-repeat;
	background-position: center 30px;
	background-size: 80px 117px;
	min-height: 300px;
	line-height: 1;
	font-weight:bold;
}
.noItems a{
	color:var(--primary-color);
}
.noItems div{
	margin-top:20px;
}
.buttonContent{
	border:4px solid #00799f;
	float:left;
	width:auto;
	height:24px;
	padding-left:20px;
	padding-right:20px;
	font-size:16px;
	padding-top:4px;
	color:#fff;
	background-repeat: repeat-x;
}



.preFix, .midFix, .overFix, .postFix {
	margin-bottom:.5rem;
}
.widgetIcon {

    position: relative;
    display: inline-block;
    font-size: 18px !important;
    padding-top: 7px;
    top: -3px;
}
#adSettings0 {
	padding-left: 50px;
	padding-top: 4px;
}
#mainData .dropdown {
	width:150px;
}

.embedWidth {
	width:150px;
	padding-top:20px; 
	float:right;
}
.embedHeight {
	width:150px;
	padding-top:20px;
	float:right;
}
.widgetEmbedHeight {
	width:150px;
	padding-top:20px;
	float:none;
}
.embedX {
	width:60px;
	vertical-align:middle; 
	float:right;
	padding-top:40px;
}
#busy-indicator { display:none; position: absolute;
    right: -90px;
    top: 12px;
    z-index: 1;}

#mainWrapper {
	min-height: 100%;
}
#mainIframe{
	width:100%;
	overflow:auto;
}
#main{
	width:100%;
	float:left;
	/*background-image: url(/img/rev4.jpg);*/
	/*background-repeat: no-repeat;*/
	/*background-position:-209px 0px;*/
	/*overflow:auto;*/ /*Channels in Video/Add screen are not displayed to the end in list bug */
	padding-bottom: 50px;
}

#topHeadMenu{
	float:right;
	height:28px;
}

#logo-click{
	cursor:pointer;
}
/*#logo:hover, */
.logo-hover{
	transform:rotateY(360deg);
	 -webkit-transform:rotateY(360deg);
}
/*.left-small #logo{
	top:6px;
}*/
.clickLogo{
	display:block; width:100%; height:50px;cursor: pointer;
}
.plan-info-top{
	background: #000;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	height: 34px;
	color: #fff;
	padding-top: 8px;
	padding-left: 20px;
}
.plan-info-top.premium{
	background:var(--primary-color);
}
.arrow-left-premium, .arrow-left-free{
	width: 0; 
	height: 0; 
	/*border-top: 10px solid transparent;*/
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid #0FD3D8;
	position: absolute;
	left:-10px;
	z-index:99999;
}
.arrow-left-free{
	border-right:10px solid #87DB0E;
}
.plan-premium-table tr td{
	font-family: Arial;
	font-size: 11px;
	color: #58595B;
	line-height: 1.6em;
	vertical-align: top;
	padding-bottom: 20px;
}
.plan-premium-table tr td span{
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	float: left;
	color: #fff;
	padding-bottom: 10px;
	width: 100%;
}
#header_wrapper .plan-info-row a{
	font-family: arial;
	font-style: italic;
	font-size: 11px;
	color: #1C8AD3;
	font-weight: bold;
}
/* MENU TOP */
#topMenu{
	right:0px;
	width:100%;
	background-color: #012d39;
	clear: both;
	border-top:1px solid #234851;
	height:39px;
}
.v-actions{
	display:none;
	position:absolute;
	font-size:11px;
}

/* Right part of the header */
#userMenu{
	width:100%;
	height:26px;
	color:#fff;
	float:left;
	background-color:#012d39;
	margin-top:7px;
}
#userMenuUser{
	/*float:right;*/
	display:inline-block;
	width:auto;
	margin-left:14px;
}
#mySitesLink{
	margin-right:7px;
	display:inline-block;
}

#mySitesLink a
{
font-size: 13px;
font-weight: normal;
color: #a2c0c8;
}

#userMenuUser a{
	font-weight:normal;
	font-size:13px;
	/*color:#dddbdb;*/
	color:#a2c0c8;
}
#userMenuLogout{
	display:inline-block;
	position:relative;
	padding-left:9px;
	padding-right:4px;
	/*width:33px;*/
	font-size:13px;
	/*background-color: #012d39;				#000000; 	('/img/login_ico.jpg');*/	
	margin-right: 5px;
	top:-2px;
}
#userMenuLogout a{
	color: var(--primary-color);
	font-weight:normal;
}

#userMenuContent{
	float:right;
	width:auto;
	margin-left:27px;
}
#siteList{
	display:inline-block;
	position: relative;
	top: 5px;
	
}
#PartnerChzn_chzn a{
	color:#FFFFFF;
	font-size:13px;
	font-weight:normal;
	outline: none !important;
	/*background-color: #012d39;*/
}
#menuCenter{
	width:auto;
	display:inline-block;
	margin-left: 7px;
	height:26px;
	position:relative;
	top:-2px;
}
#menuCenterContnet{
	font-size:13px;
	
	font-weight:normal;
	color:#a2c0c8;
	width:100%;
}
#menuCenterContnetRight {
	display:inline-block;
	text-align:center;
	line-height:26px;
	margin-right:8px;
	margin-left:8px;
}
#menuCenterContnetRight a{
	font-size:13px;
	font-weight:normal;
	color:#a2c0c8;
}
.mainButtonsMenu{
	/*float:left;*/
	width:100%;
	margin-bottom:12px;
	/* padding-top:40px;  it was 26px before gray line */
	padding-left:12px;
	position: relative;
}
#analytics-menu{
	border-top: 2px solid transparent;
	float:left;
	width:100%;
	height:38px;
}
#analytics-menuW {
	height: 40px;
}
#tabanalytics{
	background:#000000;
	width:100%;
	height:38px;
	color:#99abb0;
	margin:0px;
}
#tabanalytics .item{
	height:38px;
	box-sizing: border-box;
	float:left;
	width:12%;
}
#tabanalytics .item.last{
	width:19%;
}
#tabanalytics .item.first{
	width:13%;
}
#tabanalytics li:hover, .activeTab{
	/* background:#00799f;  Remove this line if following looks good. Ask designer. */
	color:#fff;
	height:38px;
	/*float:left;*/
	/*width:13.28%;*/
	cursor:pointer;
}
#tabanalytics li:hover div, .activeTab div {
	border-color: #012d39 !important;
}
#tabanalytics .activeTab {
	border-bottom: 4px solid var(--primary-color);
	}
#tabanalytics li div{
	
	font-family: 'Fjalla One', Arial;
	font-size:17px;
	/*padding-right:14px;
	margin-left:14px;*/
	text-align: center;
	position:relative;
	top:5px;
	padding-top:1px;
	border-right:1px solid #1c3d47;
	
}
#dates-content{
	float:left;
	width:100%;
	/*background:var(--light-gray);*/
	color:#959697;
	height:30px;
	font-family: Georgia, Arial;
	font-size: 12px;
	font-style: italic;
/*	font-weight:bold;*/
}

#dates li{
	float:left;
	display:inline;
	margin-left:15px;
	padding-left:3px;
	padding-right:2px;
	position:relative;
	padding-bottom:3px;
	top:8px;

}
#dates li.dateRange:hover, .dateActive{
	color: #333; 	/*58595B;*/
}
#dates .dateActive{
	height: 22px;
	border-bottom:4px solid var(--primary-color);
}

.colorpicker {
	z-index:9999;
}
.cpWidget, .cpCarousel, .cpOtt, .cpPlayer, #cssPrimaryColor, .cpPrimaryColor, #cssButtonHover, .cpButtonHover,
#cssTopBarBg, .cpTopBarBg, #cssMenuText, .cpMenuText, #cssMenuBg, .cpMenuBg, 
#cssMenuHoverBg, #cssMenuBorderColor, .cpMenuHoverBg, #cpBgPrimary, #cpSecondaryBg, #cssSearchTextСolor,
#cssSearchBg, #cssSearchTextColor, #cssSearchBorderColor, #cssSelectBg, #cssSelectTextColor, #cssSelectBorder, #cssIconBg, #cssIconTextColor, #cssIconHover {
	height: 18.5px !important;
    width: 19.5px !important;
    border-radius: 0 !important;
    cursor: pointer;
    border: 1px solid #B9B9B9;
    display:inline;
   	margin-left: 1.5px;
}
.wColor .checkboxText {
	display: inline;
    margin-left: 8px;
    top: 1px;
}
.headingSection {
	background-color: #000;
	padding:2px 10px 0!important;
}
.headingSection p {
	color:#fff;
	font-size: 20px;
	font-family: 'Fjalla One',Arial;
	text-transform: uppercase;
	margin:0;
}
#range2Picker, #range2PickerLivestream, #range2PickerSingle{
	width: 180px;
    padding: 0px;
    border: 0px;
    font-family: 'Roboto', Arial;
    font-size: 12px;
    font-style: italic;
    background: none;
    cursor: pointer;
    height: 30px;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 0px;
    margin: 0px;
    padding-bottom: 0px;
    position: relative;
    top: -6px;
    box-shadow:none;
    border:1px solid var(--gray);
}
/* MENU END */

.analyticsTabTitle{
	font-size: 21px;
	font-family : 'Fjalla One', Arial;
	color :  var(--primary-color);
	padding-top:15px;
	margin-left:26px;
	margin-bottom:1rem;
	text-transform:uppercase;
}

.payment-table tr td{
	height: 5rem;
}
.payment-table-small tr td{
	height: 2.5rem;
}
.payment-table tr td:first-child{
	padding-left: 1rem;
}
.payment-table-small tr td:first-child{
	padding-left: 1rem;
}
.payment-client tr td{
	padding-right: 10px;
}
.small-12 > .analyticsNoData {
	height: 450px;
}
.analyticsNoData {
	float: left;
	width: 100%;
	height: 200px;
	background: url('/img/no_data.png') no-repeat center center;
	background-size: 364px 185px;
	cursor: default;
	}
	
#analytics-browser, #analytics-tehnology {
	float:left; width:50%; min-height:470px; position:relative;
	}
#container{
	width:100%;
	/*float:left;*/
}
.form, #player-menu, .formVideo{
	/*width:858px;*/
	width:100%;
	/*margin:0px auto;*/
}
.mainWrapper{
	width: 100%;
}

#tabanalytics, #dates{
	list-style-type:none;
}
#tabanalytics li{
	display:inline;
}
.dateRange{
	cursor:pointer;
	font-size:12px;
}
.analyticsBlock{
	float:left;
	width:100%;
	position:relative;
	display:none;
	padding-bottom: 7px;
	min-height:470px;
	background:var(--light-gray);
	border-bottom:1px solid #d9d9da;
	margin-bottom:30px;
}
.analyticsInfoBox{
	color:#929497;
	font-size: 17px;
	font-family : 'Fjalla One', Arial;
	position:absolute; 
	top:50px; 
	right:37px;
	z-index:200;
}
.stats-legend{
	padding-left: 50px;
    position: relative;
    top: 16px;
    z-index: 7;
    padding-top: 2rem;
}
.analyticsNumberOfViews{
	color:#58595b;
	font-size: 17px;
	font-family : 'Fjalla One', Arial;
	/*
	position:absolute;
	z-index:7000;
	left: 350px;
    top: 75px;
    */
    display: inline-block;
}
.analyticsNumberOfViews span{
	position: relative;
	top: 3px;
	margin-right: 15px;
}
.analyticsRectangle{
	width:17px;
	height:17px;
	background-color:#00c8ff;
	float:left;
	margin-right:8px;
	position:relative;
	/* top:2px; */
}
.analyticsRectangle.red{
	background-color: var(--primary-color);
}
.greyWrapper{
	background:#efefef;
	float:left;
	width:100%;
	position:relative;
}
.analytics-table-browser{
	/*width:358px;*/
	margin-left:25px;
}
.analyticsBrowser{
	float: left;
	width: 100%;
	color: #414042;
	font-size: 12px;
	position:relative;
	top:2px;
}
.socialTable{
	float:left;
	width:100%;
	font-size:15px;
	font-weight: bold;
	color:#58595b;
	margin-top:14px;
}
.socialTable tr td{
	height:38px;
	padding-left:5px;
}
.socialTable tr td a:hover {
	color: var(--primary-color);
}
.socialTable tr td:last-child {
	padding-right: 5px;
	text-align:right;
	}
#chart_traffic_div{
	width:50%;
	height:305px;
	/*margin-top: 60px;*/
    position: relative;
}
.socialTable tr:nth-child(odd){
	background:#fff;
}
.socialTable tr:nth-child(even){
	background:none;
}
.analyticsPercentageBox{
	position: relative;
	top: -10px;
	float: right;
}
.analyticsPercentage{
	color:#414042;
	font-size:17px;
	font-weight:bold;
}
.analyticsVisits{
	color:#58595b;
	font-size:11px;
	text-align: right;
}
.analyticsVideoPlays, .analyticsUniqueViews{
	float:left;
	width:auto;
}
.analyticsVideoPlays{
	padding-right:25px;
}
.analyticsVideoPlays span{
	color:var(--primary-color);
}
.analyticsUniqueViews span{
	color:#00c8ff;
}
.analyticsBlock h3{
	font-size:21px;
	
}
.bp_list_items{
	/*float:left;
	width:100%;*/
	width:100%;
	margin: 0px auto;
    /*background: #fff;*/
    /*margin-left:0.9rem;*/
}
.list-items-menu{
		border-left: 1px solid var(--mid-gray);
	border-right: 1px solid var(--mid-gray);
}
#videoHeaderW{
	/*background: #fff;*/

	/*margin-left:0.9rem;*/
}

/* Simulate collpase */
#videoHeaderW .columns, .bp_list_items .columns{
	padding:0px;
	margin:0px;
	
}
#mainMenu{
	width:auto;
}
#mainMenu:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.basic_menu{
	float:left;
}
/* Vertical align div - http://www.jakpsatweb.cz/css/css-vertical-center-solution.html  @see menu.ctp */
#outerCenter{	/* Height must be specified in code */
	position:relative;
	display: table; 
	position: static;
}
#outerCenter[id] {
	display: table-cell; 
	vertical-align: middle; 
	width: 100%; 
	position: static;
}
#menutoolbar{
	font-size:20px;
	font-family: 'Fjalla One', Arial;
	color:#99abb0;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;
}

.main-menu{
	/*float:left;*/
	cursor:pointer;
	position:relative;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	border-bottom: 6px solid 99abb0;
	}
.moreOptions{
}
#menutoolbar-content{
	/*float: left;*/
	/*width: auto;*/
	width: 100%;
	height: 38px;
	display: table;
}
.main-menu-wrapper{
	/*float:left;*/
	text-transform: uppercase;
	/*display:table-cell;*/
	display:inline-block;
	text-align: center;
	height: 100%;
	/*width: 20%;*/
	
}
.main-menu-wrapper-empty {
	display:table-cell;
	height: 100%;
	width: auto;
	}
.main-menu-wrapper-last{
	/*padding-right:0px;*/
}
.main-menu{
	margin-top: 7px;
	height: 32px;
	border-bottom: 6px solid transparent;
	/*padding-right:53px;*/
	/*padding-left:53px;*/
	/*padding-top:8px;*/
	/*padding-bottom:2px;*/
	/*margin-right:2px;*/
}
.main-menu:hover{
	color: #fff;
}
.topMenuActive{
	color: #fff !important;
	background: var(--primary-color);
	border-radius:2px;
}
#choose-website.topMenuActive{
	color:initial !important;
}
.topMenuActive a{
	
}
a.main-menu-link
{
	font-size:20px;
	font-family: 'Fjalla One', Arial;
	color:#99abb0;
	text-decoration:none;
	font-weight:normal;
}


a.main-menu-link:hover{
	color: #fff;
}

#footer{
	width:100%;
	background-color:transparent;
	clear:both;
	/*
	background-image: -webkit-linear-gradient(top,#f5f5f5,#fff);
    background-image: -moz-linear-gradient(top,#f5f5f5,#fff);
    */
    border-collapse: collapse;
    /*border-top:1px solid var(--mid-gray);
    border-bottom:1px solid var(--mid-gray);*/
    max-height:40px;
    /*margin-top: 20px;*/
}
#footerLogin{
	position:absolute;
	bottom:10px;
	left:0px;
	text-align:center;
	color:#fff;
	font-size:10px;
	width:100%;
}
#footerLogin a{
	color:#fff;
	font-size:10px;
}
#footer_wrapper{
	color:#fff;
	float:left;
	width:100%;
	padding-top:28px;
	font-size:11px;
	margin-left:35px;
}
#footerLeft{
	float:left;
	/*width:520px;*/
	height:54px;
	/*padding-left:34px;*/
	
}
#footerRight{
	float:left;
	width:268px;
	padding-left:21px;
}
#footerRightTable{
	font-size:11px;
	color:#d8d8d9;
	font-weight:normal;
	width:100%;
}
#footerBottom{
	float:left;
	width:100%;
}
#footerTable{
	width:830px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	border:none;
}
#footerTable tr td{
	vertical-align: top;
	
}
.footerTableInner{
	/*margin-top:9px;
	margin-left:10px;*/
}
.subscribeInput{
	/*position:relative;*/
	width:194px;
	border:none;
	margin-top:4px;
	padding:5px;
	padding-right: 65px;
	border-bottom:2px solid #ededed;
	height:21px;
	font-style: italic;
}
.subscribeSubmit{
	padding-top:7px;
	cursor:pointer;
	position: absolute;
	left: 215px;
}
.SocialFb{
	background-position: 0px 0px;
}
.SocialTw{
	background-position: -25px 0px;
	margin-left:1px;
}
.SocialGp{
	background-position: -51px 0px;
	margin-left:1px;
}
.subscribeIcon{
	float:left;
	width:24px;
	height:20px;
	background-image: url('/img/soc_icon.png');
	background-repeat: no-repeat;
	background-size: 75px 20px;
	margin-top:2px;
	cursor:pointer;
}
.footerTableInner a{
	color:#D1D3D4;
	font-size:12px;
	font-weight:normal;
	font-family:Roboto, Arial;
}
#privacy a{
	color:#91ABBC;
	font-weight:normal;
	font-family:Roboto, Arial;
	font-size:10px;
}
.weAreSocial{
	color:#D1D3D4;
	padding-top:2px;
	margin-bottom:1px;
	font-family:Roboto, Arial;
	font-weight:normal;
	font-size:11px;
}
#privacy{
	color:#adadad;
	/*width:430px;*/
	margin:0px auto;
	font-size:10px;
	text-align:center;
	padding: 8px;
    padding-top: 10px;
}

/** Paging **/
.pagination{
	float:left;
	width:100%;
	/*background-color:var(--light-gray);*/
	height:29px;
	margin-bottom:20px;
	margin-top: 10px
}
.paging {
	/*float:left;*/
	color: #bbbdc0;
	font-weight:bold;
	width:auto;
	font-family: 'Fjalla One', sans-serif;
	display:table;
	margin:0 auto;
	text-align:center;
}
.paging .current,
.paging a {
	font-family: Arial;
	font-weight:bold;
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block;
	color: #A7A9Ac;
	font-size:15px;
	/*float:left;*/
}

.paging .disabled{
	display: inline-block;
	margin-top:6px;
	margin-right:2px;
}
.paging > span {
	display: inline-block;
	/*border: 1px solid #ccc;*/
	border-left: 0;
	/*float:left;*/
}
.paging > span:hover {
	/*background: #efefef;*/
	
}
.paging .prev {
	margin-right:4px;
}
.paging .next {

	margin-left:4px;
}

.paging .last {
	margin-left:9px;

}
.paging .first {
	margin-right:9px;
}
.icon-checkbox{
	    font-size: 23px;
    color: #c0c0c0;
    position: relative;
    top: -2px;
}
.paging .prev a, .paging .next a, .paging .next a i, .paging .prev a i, .paging .last a, .paging .first a, .paging .last a i{
	color: #9a9a9a;
	font-weight: bold;
	font-size:18px;
	padding:0px;
	/*width:10px;
	height:14px;*/
}
.paging .last a i{
	color: #bbbdc0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	/*background: transparent;*/
}
.paging .current {
	/*background: #efefef;*/
	color: #123B46;
}
.pagingInfo{
	font-size:12px;
	font-family:Roboto, Arial;
	font-style:italic;
	font-weight:normal;
	padding-top:3px;
	color:#BCBEC0;
	
}
/* end paging */

/* Drop down Google Box */
.inner_button_div {
    cursor:pointer;
    font-size: 13px;
    position: absolute;
    top: 0px;
	width:15px;
	 height: 17px;
	padding-top:1px;
}

.redButtonBg, .searchBox{
	cursor:pointer;
    font-size: 13px;
    height: 30px;
    position: relative;
	margin-left:14px;
	width:auto;
	float:left;
}
.redButtonBg{
	 height: 20px;
}
.searchBox{
	margin-left:0px;
}
.addToPlaylistButton{
	width:130px;
	color:#000;
}
.moreButton{
	width:60px;
	
}
#videos_more{
	color:#000;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.main-menu .gdrop_down{
	padding:0px;
	background-color:none;
	border:0px;
	left:-107px;
	top:33px;
	margin-top: 0px;
    width:225px;
	border-radius: 0px;
	max-height: none;
}
.chzn-select{
	width:146px;
}
.main-menu .gdrop_down .chkbox_action{
	cursor:pointer;
	background-color:#012d39;
	padding-top:5px;					/* was 11px */
	padding-bottom:5px;
	text-indent:26px;
	font-family: 'Fjalla One', Arial;
	font-weight: normal;
	font-size:20px;
	color:#99abb0;
	margin-bottom:1px;
}
.main-menu .gdrop_down .chkbox_action:hover{
	font-weight: normal;
}
.addVideoToPlaylistButton{
	width:160px;
}
.previous-next-arrow{
	position: relative;
	top: 11px;
	left: 10px;
}
.playlist_number{
	font-size:15px;
	font-family: Arial;
	font-weight:bold;
	border-radius:50%;
	/*border: 2px solid #fff;*/
	width:25px;
	height:25px;
	padding-top:1px;
	padding-bottom:1px;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	margin-left: -12px;
	margin-top: -12px;
	color: #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	background: rgba(0,0,0,0.8);
	display: flex;
    justify-content: center;
    align-items: center;
}
.playlist_check_video{
	display:none;
	cursor:pointer;
	position: absolute;
	z-index: 4000;
	width: 14px;
	height: 14px;
	left: 8px;
	top: 8px;
	border: 1px solid white;
	border-radius: 2px;
	color: transparent;
}
.playlist_check_video.check{
	color: white;
}
.playlist_check_video i{
	position: absolute;
}
.playlist_edit_video{
	display:none;
	cursor:pointer;
	position:absolute; 
	right:3px; 
	top:3px;
	width:19px;
	height:21px;
}
#playlist-jump-text{
	position:absolute;
	left:-110px;
	font-weight:bold;
	font-size:12px;
	color:#8f8f8f;
	top:3px;
}
#playlist-jump-box{
	position:absolute;
	right:0px;
	top:5px;
}
.emptyPlaylistButton{
	width:170px;
}
.redButton{
	width:33px;
}
.textButtonSmall{
	color:#000;
	font-family: 'Fjalla One', Arial;
	font-size:17px;
	/*padding-left:10px;
	padding-right:10px;*/
	position:absolute;
	bottom:-4px;
	
}
.textButtonSmallJs{
	color:#03B7EB;
	font-size:17px;
	font-family: 'Fjalla One', Arial;
	line-height: 1.2;
	cursor:pointer;
	/*padding-left:10px;
	padding-right:10px;*/
	position:relative;
	bottom:-2px;
	text-transform: uppercase;
}
.arrowDownJs{
	vertical-align: top; 
	position:relative; 
	top:7px; 
	right:-5px;
	margin-right:10px;
}
.searchButton{
	background: url(/img/buttons/buttons_small.png) no-repeat;
	background-position: 0px -23px;
	background-size: 19px 63px;
	width:19px;
	height:19px;
	float:left;
	padding:0px;
	margin-top:3px;
}
.searchButtonWrapper{
	width:25px;
	height:24px;
	cursor:pointer;
	position:absolute;
	right:0px;
	margin-top:4px;
	padding-left:2px;
	z-index:10;
}
#site-search-box{
	/*position:absolute;*/
	left:100px;
	z-index:999;
	/*overflow:hidden;*/
}
.inputSearch{
	height:23px;
	border:none;
	width:100%;
	float:left;
	font-family: 'Noticia Text', Georgia;
	font-style: italic;
	font-size:16px;
	color:#414042;
	padding-right: 30px;
	padding-left:7px;
	padding-top:1px;
	
}
.toolbarItem, .toolbarItemPlaylist{
	display:none;
}
delButtonSmall:hover{
	color:var(--primary-color);
}

.topToolbar{
	float:left; 
	display:block; 
	width:560px;
	border:1px solid #000;

}
.items-menu{
	list-style-type: none;
	display:inline;
	float:left;
	width:100%;
	height:20px;
	position:absolute;
	top:6px;
	margin-left:0px;
	background-color: #FAFAFA;
}
.items-menu li{
	/*float:left;*/
	border-right:1px solid #d2d2d3;
}
.items-menu .last{
	border:none;
}
.last{
	border:none;
}
/* Toolbar item */
.toolbarQuick{
	float:left;
	width:auto;
	height:31px;
	border:1px solid #000;
	margin-right:10px;
}
.beforeQuick, .contnetQuick, .afterQuick{
	float:left;
	font-size:17px;
	font-family: 'Fjalla One', Arial;
	/*position:relative;
	top:10px;*/
}
.beforeQuick{
	padding-left:5px;
}
.afterQuick{
	padding-right:5px;
}
.outer_button_div {
    font-size: 13px;
    height: 20px;
    position: relative;
    width: 43px;
}
.gdrop_down {
    background-color: #fff;
    text-align:left;
    border: 1px solid #d6d6d7;
    display: none;
    font-size: 13px;
    left: 0px;
    line-height: 1.3;
    padding: 3px;
    position: absolute;
    top: 18px;
	margin-top: 5px;
    min-width: 135px;	/* trying with min instead of width */
	max-height: 200px;
	border-radius: 4px;
    z-index: 201;
	/*overflow:hidden;*/
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	-moz-box-shadow   : 0 0 5px rgba(0,0,0,.2);
	-o-box-shadow     : 0 0 5px rgba(0,0,0,.2);
	box-shadow        : 0 0 5px rgba(0,0,0,.2);
}
.hidden{
	display:none;
}
.nonvisible{
	opacity: 0;
}
.click{
	cursor:pointer;
}

.quickVideoSaveTable{
	width:100%;
	/*border-spacing: 13px;*/
}
.partnerName{
	float:left; 
	width:768px;
	text-transform:uppercase;
	padding-top:12px; 
	padding-bottom:9px; 
	padding-left:19px; 
	cursor:pointer;
}
.formQuick textarea, .form textarea, .formVideo textarea{
	text-indent:0px;
	padding-left:13px;	
	padding-top:8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	resize: vertical;
}
/* Modal box */
#modalOverlay {
	position:fixed; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index: 1005; /* z-index: 1 is reserver for .defaultInputValue that covers input fields */
	
}

#modalBox {
	position:absolute;
	/*background:url(tint20.png) 0 0 repeat;*/
	border-radius:14px;
	z-index: 8011;/* 8010 is reserved for modal forms (lightbox forms) */
	box-shadow: 0px 5px 10px #545454;
}

#modalContent {
	border-radius:8px;
	background:#fff;
	padding:20px;
	    display: inline-flex;
    flex-direction: column;
    width: 100%;
}
#modalContent h2{
	    font-weight: 500;
}
#modalContent p{
	font-size:14px;
}
#modalClose {
	position:absolute;
	background:url('/img/close.png') 0 0 no-repeat;
	width:24px;
	height:24px;
	background-size: 24px 24px;
	display:block;
	text-indent:-9999px;
	top:-7px;
	right:-7px;
}
.requiredFieldsLightbox{
	list-style-image:url('/img/checked.png');
	margin:auto;
}
.requiredFieldsLightbox li{
	margin-left: 35px;
	font-size: 24px;
	color: #939598;
	margin-top: 10px;
}
/*#fbConnectButton{
	width: 2.3rem; 
	height: 2.3rem; 
	overflow: hidden;
	float: right;
}*/
.submit{
	margin-bottom: 10px;
}


.termsConfirmed {
	float: left;
	font-size: 11px;
	font-family: Arial;
	color:#808285;
	margin-bottom: 14px;
	position: relative;
	left: 7px;
	background: none;
	}
.termsConfirmed .checkbox { 
	margin-right: 15px;
	}
.playerInfoTextGray {
	color: #a7a9ac;
	padding-bottom: 10px;
}
.blueEmbedInside .gdrop_down {
    background-color: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
	border-width: 0px;
    border-width: 0px;
    left: 0px;
	width: auto;
}
.blueEmbedInside .textButtonSmallJs{
	color:#00b7eb;
	font-size:18px;
}
.defaultValueIndent { 
	text-indent: 12px;
}
.search-box .defaultValueIndent { 
	text-indent: 5px;
}

#default-value-SubscribeSubscribe.defaultValueIndent, #default-value-PartneruserSearch.defaultValueIndent, #default-value-PlayerSearch.defaultValueIndent, #default-value-PlaylistSearch.defaultValueIndent, #default-value-VideoSearch.defaultValueIndent { 
	text-indent: 5px; 
}
#default-value-SubscribeSubscribe { 
	margin-top: -5px; 
}
#sadSmile { 
	width: 100%;
	min-height: 400px;
	background: url('/img/smile_sad.png') no-repeat transparent center center;
	background-size: 198px 111px;
	padding: 100px 50px;
	box-sizing:border-box;
}
.xTD {
	/*vertical-align:bottom;*/ text-align:center; width: 50px;
	}
.xX {
	display: inline-block;
	width: 42px; height: 40px;
	background: url('/img/x.png') no-repeat transparent center center;
	background-size: 42px 40px;
	margin-bottom: -15px;
	}
	
/*	
table.bridad-box-preroll { width:100%;  border-left: 11px solid #F6B609; margin-bottom:0px;}
table.bridad-box-midroll { width:100%; box-sizing:border-box; border-left: 11px solid #02aae3; margin-bottom:0px;}
table.bridad-box-overlay { width:100%; box-sizing:border-box; border-left: 11px solid #336782; margin-bottom:0px;}
table.bridad-box-postroll { width:100%; box-sizing:border-box; border-left: 11px solid #2b9100; margin-bottom:0px;}
*/
.icon-type-preroll{
	color: #F6B609 !important;
}
.icon-type-midroll{
	color: #02aae3 !important;
}
.icon-type-overlay{
	color: #336782 !important;
}
.icon-type-postroll{
	color: #2b9100 !important;
}
.icon-type-banner{
	color: #b55eff !important;
}
.icon-type-brandedcanvas{
	color: #c35433;
}
table.bridad-box-preroll, table.bridad-box-midroll, table.bridad-box-overlay, table.bridad-box-postroll, table.bridad-box-banner, table.bridad-box-brandedcanvas{
	width:100%;
	box-sizing:border-box;
} 
.bridad-box-container, .price-rule-box-container {
	border: 1px solid var(--mid-gray); 
	box-shadow:2px 2px 10px #dedede;
	margin-bottom:29px;
	font-family:Roboto, Arial;
	font-size:18px;
	color:#000000;
}
.bridad-box-container .selectBoxContent { top: 0px; }

#showHidePass {
	float: right;
	position: relative; margin-top: -45px; margin-right: 8px; width:30px; height: 24px; display: block; z-index: 100; opacity: 0; background: url('/img/eye.png') center center no-repeat;
	background-size: 30px 14px;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;	
   outline: none;
}
#showHidePass {
	margin-left: 720px;
}
#add-youtube-channel { 
	z-index: 20;
	/*position: absolute;*/
	/*right: 0px;*/
	/*width: 145px;*/
	/*!*margin-left: -100px;*!*/
	display: none;
	/*top:42px;*/
}
.add-yt-playlist-channel {
	display: flex;
	align-items: flex-end;
	/*width: 350px;*/
}
.add-yt-playlist-channel .selectChannel {
	margin-left: 10px;
	margin-right: 10px;
}
.button.radius.youtube_add {
	float: right;
	margin-right: 10px;
}

.button.radius.youtube_playlist_add {
	height: 2.3em;
	margin: 0 1em;
	bottom: 2px;
}

.selectChannel, .selectPlaylist {
	flex-grow: 1;
}

.addedYoutube { font-size: 17px; color: #000; font-family: 'Fjalla One',Arial; text-align: right; padding-right: 18px; }

#back-top{
	position:fixed; 
	right:50px;	
	top: 65%;
	display:none;
	background: url(/img/up.png) no-repeat;
	background-size: 50px 49px;
	width: 50px;
	height: 49px;
	cursor: pointer;
}

#topMenu.fixed { position: fixed; z-index: 3000; opacity: 0.93;}
#videoHeader { width:100%;}
#videoHeader.fixed { position: fixed; border-top: 3px solid white; z-index: 300; opacity: 0.93; }
.tabs { /*border-top: 3px solid transparent;*/ background: #fff; }
.tabs.fixed { position: fixed; border-top: 3px solid white; z-index: 300; opacity: 0.93; left: inherit;}
/*
.tabs.fixed div{
	  font-size: 1rem;
  padding-top: 0.4rem;
}*/
.tabs.withArrow { border-top: 0px; }
.tabs.withArrow.fixed { border-top: 0px; opacity: 0.93; }
#analytics-menu.fixed { position: fixed; border-top: 2px solid white; z-index: 300; opacity: 0.93; }

.fancybox-lock .fixed { margin-right: 8px; }
.fancybox-lock #videoHeader.fixed  { margin-right: 0px; right: 8px; }

#ajaxFlashMessage.fixed{
	position: fixed;
}






.videoAdded {
	font-family: 'Fjalla One', Arial;
	font-size: 13px;
	color: #39b54a;
	background: url(/img/adding_external_video_check.png);
	background-repeat: no-repeat;
	background-position: 69px 0px;
	width: 100px;
	position: relative;
	position: absolute;
  	left: 5px;
  	top:45px;
}

.videoAdded2 {
	display: none;
	background: url(/img/adding_external_video_check.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 19px;
	font-family: 'Fjalla One', Arial;
	font-size: 13px;
	text-align: center;
	/*margin-right: 15px;*/
	white-space: nowrap;
	position: absolute;
    left: 7px;
    top: 26px;
}
.videoAdded2 a {
	font-weight: normal;
	color: #737373;
}
.videoAdded2 a:hover {
	text-decoration: underline;
}
#backClose { float: right; margin-top: -3px; cursor: pointer; }
#loadMore, #loadingPageAjax {
	text-align:center;
	cursor:pointer;
	background-image: linear-gradient(transparent 50%, #e8e9e9 50%);
	background-repeat: repeat-x;
	background-size: 25px 2px;
	background-position: center center;
}
#loadMore span {
	display: inline-block;
	background: #fff; 
	margin:0px;
	padding:0px;
	padding: 3px 16px;
	color: #231f20;
	font-family: 'Fjalla One', Arial;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
}
#loadMore span:hover {
	background: #d1d3d4; 
}
#loadingPageAjax { background: none; }
#loadingPageAjax span{
	display: inline-block;
	content: "";
	width: 60px;
	height: 50px;
	background-color: #fff;
	background-image:url(/img/adding_external_video.gif);
	background-repeat:no-repeat;
	background-position: center;
	}
#loadingPageEnd { display: none; }

.ui-tooltip{
	font-size:12px;
	display: inline-table !important;
    /* overflow-wrap: break-word; */
}
#maintenance_msg { 
	
	font-size: 13px;
	text-align: center;
	color: #000;
	background: #fff;
	padding: 10px 15px;
	margin: 20px auto;
	position: relative;
	z-index: 100;
	background: #fff;
	line-height: 1.1;
	    margin-bottom: 1.1rem;
	box-shadow:0 50px 40px -20px rgba(0,0,0,.15) !important;
	    border-radius: 4px;
}
#contentGrab { 
	margin-top: 2px;
	color: #8a8b8d; 
	font-weight: bold;
	opacity: 1;
	height: 20px;
	}
	
#contentGrab div.done {
	color: var(--primary-color);
}
#contentGrab div.done:after {
	display: inline-block;
	content: " ";
	background-image:url(/img/done.png);
	background-repeat: no-repeat;
	background-size: 17px 11px;
	width: 17px;
	height: 11px;
	margin-left: 5px;
}
.inprogress div { 
	opacity: 0.3;
	cursor: auto;
}
#progress{
	width: 100%;
	position: relative;
}
#zoomOut { 
	display: block; width: 28px; height: 25px; background: url(/img/mini.png) no-repeat; background-size: 28px 25px; cursor: pointer; 
	margin-top:14px; margin-left: 14px; position: relative;
	margin-bottom: -39px;
	z-index: 99;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;	
	}
#zoomOut:hover {
	opacity: 0.7;
	}
	
#Skin-content table { width: 100%; margin-top: 20px; }
#Skin-content table td { padding-bottom: 10px; }	
#Style-content table { width: 100%; margin-top: 20px; }
#Style-content table td { padding-bottom: 10px; }	

/* usage stats */
.usage-table{
	margin-top: 25px;
}
.usage-table tr td.usage-row{
	background-color: #000;
    color: #fff;
    padding: 5px;
    font-family: "Fjalla One";
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    padding-top: 8px;
    padding-left: 8px;
    
}
.usage-table tr td{
	padding: 5px;
	font-size: 12px;
    color: #464646;
    border-bottom: 1px solid #dedede;
}
	
	
/* ------------------------------------ some specific styles for retina ------------------------------------*/	
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

.analyticsNoData {
	background: url('/img/no_data_retina.png') no-repeat center center;
	background-size: 360px 185px;
	}

}
.disablePlaylistOrder{
	background:#FFFFFF; opacity:0.8; width:100%; height:130px; position:absolute; top:3px; z-index:999; display:none; height:130px;
}
.coloredPlayer{
	    display: inline-flex;
    justify-content: center;
    align-items: center;
	position:relative; left:17px; border-radius: 50%; width:74px; height:74px;
	box-shadow: 1px 1px 2px #888;
	/*http://www.colorzilla.com/gradient-editor/*/
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 48%, rgba(255,255,255,0) 49%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(48%,rgba(255,255,255,0.4)), color-stop(49%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 48%,rgba(255,255,255,0) 49%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 48%,rgba(255,255,255,0) 49%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 48%,rgba(255,255,255,0) 49%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 48%,rgba(255,255,255,0) 49%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.propagate{
	float:left;
	 width:100%; 
	 border-top:1px solid #d9d9da;

}
.propagate div{
	color:#000000; 
	font-family:Roboto, Arial; 
	font-size:11px;
	padding-left:10px; 
	padding-top:7px;
	height: 1.8rem;
}
.propagate div a{
	color:#000000; 
	font-family:Roboto, Arial; 
	font-size:11px; 
	padding-top:7px;
	height: 1.8rem;
	text-decoration: underline;
}
/*.propagate > div:first-of-type:before{
	content: '*';
	color:#ff0000;
}*/


/*
.partnerAddSiteSpan{
	font-family: Georgia;
    font-size: 16px;
    color: #848484;
    position: absolute;
    top: 12px;
    left: 15px;
    font-style:Italic;
}
*/
.playerAddSiteSpan{
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
    
    position: absolute;
    top: 0px;
    left: 1px;
    font-style:Italic;
      min-width: 45px;
	  height: 37px;
	  text-align:center;
	  padding-left:5px;
	  padding-right:5px;
	  padding-top: 12px;
	  background-color: #f2f2f2;
	  color: #000000;
}

#addPlaylist{
	display:none;
}
#analytics-top_videos.analyticsBlock{
	padding-bottom:0;
}

#analytics-top_videos .pagination{
	height:28px;
}

#verifyWebSite{
	font-family:Roboto, Arial;
	font-size:18px;
	color:#6D6E70;
}

.mcCode{
	background-color:#f4f4f4;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-family:Roboto, Arial;
	font-size:18px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
}

.verifyLater{
	font-family:Roboto, Arial;
	font-size:15px;
	color:#6D6E70;
	margin:20px auto;
	position:relative;
	top:-18px;
}

a.verifyLater{
	font-weight:normal;
}
/*
#addWebsite h3:before {
	content:'1';
	width:20px;
	text-align:center;
	border:3px solid #456789;
	border-radius:50%;
	font-size:18px;
	display:inline-block;
	position:relative;
	top:-5px;
	margin-right:10px;
	font-weight:bold;
	font-family:Roboto, Arial;
}*/

#verifyWebSite h3:before {
	content:'2';
	width:20px;
	text-align:center;
	border:3px solid #456789;
	border-radius:50%;
	font-size:18px;
	display:inline-block;
	position:relative;
	top:-5px;
	margin-right:10px;
	font-weight:bold;
	font-family:Roboto, Arial;
}

.veepsLogo{
	display:inline-block;
	background: url('/img/veeps_arrow.png') no-repeat 0 0;
	background-size: 79px 21px;
	width: 66px;
	height: 21px;
	position:relative;
	top:-1px;
}

.videos .required:focus{
	outline:dotted 1px;
}

span.required.partnerAddSiteSpan:before {
	content:"*";
	color: var(--primary-color);
	font-style:italic;
	position:relative;
	top:2px;
	margin-right:2px;
}

#MonetizationEditForm .selectBoxTitle {
	cursor:default;
}

a.termsAprivacy {
	font-family:Roboto, Arial;
	font-weight:bold;
	font-size:11px;
	color:#1C75Bc;
}
.partnerVerify{
	width:827px;margin-top:31px;margin-left:37px;margin-bottom:30px;
}

.alertsTitleLink {
	color:#000;
	font-weight:bold;
	display:inline-block;
	cursor:pointer;
	float:left;
}

.alertsBell{
	display:inline-block;
	background: url('/img/alertsBell.png') no-repeat 0 0;
	background-size: 12px 15px;
	width: 12px;
	height: 15px;
	margin-left:2px;
	position:relative;
	top:3px;
	cursor:pointer;
}

.alertsBellDark{
	display:inline-block;
	background: url('/img/alertsBellDark.png') no-repeat 0 0;
	background-size: 12px 15px;
	width: 12px;
	height: 15px;
	margin-left:2px;
	position:relative;
	top:3px;
	cursor:pointer;
}

.alertBellOver{
	background: url('/img/alertsBell.png') no-repeat 0 0;
	background-size: 12px 15px;
	width: 12px;
	height: 15px;
}


.alertsContainer {
	display:inline-block;
	text-align:center;
	width:40px;
}

.numberOfAlerts{
	background-color:var(--primary-color);
	padding-left:3px;
	padding-right:3px;
	line-height:18px;
	color:#fff;
	border-radius:2px;
	cursor:pointer;
}

.alertBody{
	display:none;
}

.alertCheckboxF{
	width:36px;
	float:left;
	position:relative;	
	height:18px;
}

.detailAlert{
	width:858px;
	margin:0px auto;
	font-family:Roboto, Arial;
	font-size:13px;
	color:#58595B;
}

.alertTitle{
	color:#000;
	font-weight:bold;
	font-size:18px;
	font-family:Roboto, Arial;
	margin-bottom:15px;	
}

table#alertsHeaderTable {
	width:333px;
	background-color:#FFFFFF;
}
table#alertsHeaderTable tr td{
	height:32px;
	border-bottom:1px solid #D1D3D4;
	font-family:Roboto, Arial;
	padding:0px 9px;
	font-weight:bold;
	font-size:11px;
}

.qtip-wrapper{
	margin-right:1px;
}
.alertsHeaderBell{
	background: url('../img/allert_icon.png') no-repeat 0 0;
	background-size: 11px 14px;
	width: 11px;
	height: 14px;
	display:inline-block;
	margin-right:7px;
	position:relative;
	top:2px;
}

.qtip-wrapper {

    box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
   /*box-shadow:  0px 0px 7px rgba(0,0,0,0.3),
        -2px 3px 7px rgba(0,0,0,0.3), 2px 5px 7px rgba(0,0,0,0.3);*/
}

.alertsHeaderFirstRow{
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	background-color:#457383;
}

.alertsHeaderRowTitle{
	text-align:left;
	padding-left:2px;
}

.alertsHeaderRowTitle a {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	font-family:Roboto, Arial;
	
}

.alertsHeaderRowRm{
	text-align:right;
	padding-right:2px;
}

.alertsHeaderRowRm a{
	color:#006EC9;
	font-size:11px;
	font-weight:bold;
	font-family:Roboto, Arial;
}

.alertsHeaderLaqstRow a{
	color:#1C75BC;
	font-size:11px;
	font-weight:normal;
	font-family:Roboto, Arial;
}

#quickeditalertform{
	color:#59595B;
	font-size:13px;
	font-family:Roboto, Arial;
}
#quickeditalertform p, #quickeditalertform ul, #quickeditalertform span{
	font-size:13px;
}
.alert-quickedit{
	cursor:pointer;
	color: #000000;
    font-weight: bold;
}

.closeAlertDivButton{
	background: url('/img/alerts.png') no-repeat -16px -2px;
	background-size: 32px 15px;
	width: 15px;
	height: 9px;
	display:inline-block;
	position:relative;
	left:10px;
	top:10px;
	margin-top:10px;
	margin-bottom:10px;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.closeAlertDivButtonRot{
	 -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.openAlertDivButton{
	background: url('/img/read_more.png') no-repeat -15px -2px;
	background-size: 30px 15px;
	width: 15px;
	height: 9px;
	display:inline-block;
	position:relative;
	left:50%;
	margin-top:10px;
	margin-bottom:10px;
}


table#alertsHeaderTable tr td.alertsHeaderLaqstRow{
	height:33px;
	text-align:center;
	padding:0px 0px;
	border-bottom:0px;
}

.AlertsEven{
	background-color:#F1F2F2;
}

.alertTopQuick{
	background: url('/img/arrow_alerts.png') no-repeat 0 0;
	background-size: 37px 16px;
	width: 18px;
	height: 16px;
	cursor:pointer;
	margin-top:5px;
}

.alertTopQuickArrow{
	background-position:-19px 0px;
}

.submitButton, input[type="submit"]{
	-webkit-appearance:none;
}

::placeholder {
	color:var(--light-gray-2);
}
::-webkit-input-placeholder {
   color:var(--light-gray-2);
   font-family:'Roboto', Georgia, sans-serif;
   font-style:italic;
   font-size:13px;
}

:-moz-placeholder { 
	color:var(--light-gray-2);
   font-family:'Roboto', Georgia, sans-serif;
   font-style:italic;  
}

::-moz-placeholder { 
  color:var(--light-gray-2);
   font-family:'Roboto', Georgia, sans-serif;
   font-style:italic;  
}

:-ms-input-placeholder {  
   color:var(--light-gray-2);
   font-family:'Roboto', Georgia, sans-serif;
   font-style:italic;  
}
.emptylistLink{
	display:inline-block;
	color:#A7A9AC;
	font-weight:bold;
	cursor:pointer;
	text-decoration:underline;
	font-size: 21px;
}

.scan{
background: url('/img/scan_icon.png') no-repeat 0 0;
	background-size: 276px 276px;
	width: 276px;
	height: 276px;
	margin-left:auto;
	margin-right:auto;
}

#scanAnimContainer {
	position:relative;
}

.bridAc {
	position:absolute;
	width:177px;
	height:20px;
	top:0;
	background-color:#F11F5E;
	top:90px;
	/*left:397px;*/
	left:1px;
	right:0;
	margin-left:auto;
	margin-right:auto;

	
}

.bridSd{
	background: url('/img/scan_icon_over.png') no-repeat 0 0;
	background-size: 210px 18px;
	width: 210px;
	height: 18px;
	position:absolute;
	top:0px;
	left:1px;
	right:0;
	margin-left:auto;
	margin-right:auto;
	/*left:380px;*/
	top:90px;
	z-index:99999999999999;
	
}
.scanning_message{
	font-family:Fjalla One;
	font-size:17px;
	color:#414042;
	position:absolute;
	/*left:360px;*/
	margin-top:10px;
	text-align:center;
	left:0px;
	right:0;
	margin-left:auto;
	margin-right:auto;
}

.bridAnimDotOne {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
}

.bridAnimDotTwo {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
}

.bridAnimDotThree {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
}

@-webkit-keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}

.footerTableFirstRow{
	font-family:Roboto, Arial;
	font-size:13px;
	padding-bottom: 5px;
	display: inline-block;
	color:var(--primary-color);
	font-weight:normal;
}

.footerLinkBorder{
	color:var(--primary-color);
	margin-left:5px;
	margin-right:5px;
	font-weight:normal;
	position:relative;
	top:-1px;
}

#goGetSkin .buttonLargeContent{
	padding-left:5px;
	padding-right:5px;
}
/**
UPLOADER
**/
#userfile{
opacity:0; height:280px;cursor:pointer;
width:100%;
}
#userfileButton{
	width:182px;
	height: 174px;
	/*position:relative;
	top:40px;
	left:40%;
	*/
	border-radius: 0px;
	outline: none;
	border:none;
}
.uploadFile{
	background: transparent;
	background-repeat: no-repeat;
	
}
.userfileButtonHover{
	background-position: -182px 0px;
	cursor:pointer;
}
#uploadButtonDiv{
	width: 100%;
    height: 260px;
    border: 1px solid #E6E7E8;
    background-color: var(--light-gray);
    border-radius: 5px;
        display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#uploadCloseBtn{
	cursor:pointer;
	display:none;
	position: absolute;
    right: 30px;
    font-size:32px;
    color:var(--ct-body-color);
    top:-6px; 
}
#uploadCloseBtn:hover{
opacity:0.7;
}

.formUploaderWrapper{
	width: 100%;
	margin: 0px auto;
}
#uploadMsg{
	font-size:11px;
	color:#414402;
	text-align:center;
	padding-top:10px;
	float: left;
	width: 100%;
	text-transform:uppercase;
	padding-bottom: 20px;
}
#uploadStatus{
	padding-top: 11px;
	padding-left: 3px;
	color:#414402;
	font-size:17px;
	font-family: Arial;
	position: absolute;
	top: -5px;
	width: 100%;
	text-align:center;
}
#uploadInputHide{
	overflow: hidden;
	width: 100%; 
	height: 100%;
	position: absolute; 
	left: 0px; 
	top: 0px;
}
/* Retina display */
/*
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
*/
    #userfileButton,  #userfileButton:hover{
		background-image : url("/img/retina/upload/upload_drag_icon.png");
		background-size:364px 174px;
		-webkit-background-size:364px 174px;
		background-repeat: no-repeat;
    }
    #userfileButton:hover{
		background-position: -164px 0px;
    }
    
/*}*/
#prog_c1{
	/*width:740px;*/
	width: 100%;
	float:left;
	position:relative;
	background:var(--light-gray);
	height:37px;
	border-radius: 5px;
}
#prog_c2{
	height:37px;
	text-align:center;
	background-color:var(--primary-color);
	border-radius: 5px;
}
.encodingProgressMsg{
	padding-top:30px; 
	font-size:24px; 
	color:#fff; 
	text-align:center;
}
.encodingProgressBar{
	/*z-index:200;*/
	z-index:2; 
	background:#a8aaad; 
	/*
	position:absolute;
	width:666px;
	*/
	height:15px;
	/*top:0px;
	left:96px;
	top:40px;*/
	margin-top: 2.5rem;
	border-radius: 5px;
}
.encodingStatusBar{
	z-index:1000;
	width:100%; 
	height:10px;
}
.encodingProgressBarMove{
	width:0px;
	background:var(--primary-color);
	height:15px;
	border-radius: 5px;
}
.encodingProgressPercentage{
	color:#414042;
	font-size:12px;
	position:absolute;
	right:-32px;
	top:0px;
	z-index:20; 
}
.encodingStatusMsg{
	 
	font-size:11px; 
	/*color:#414042;*/
	color:#fff; 
	text-align:center;
	text-transform: lowercase;

}
.encodingProgressWrapper{
	width:350px; 
	position:absolute; 
	bottom:8px; 
	/*height:97px;*/
	left:400px;
}
.encodingProgress{
	/*z-index:199;*/
	z-index: 3;
	width:100%; 
	position:absolute; 
	bottom:6px; 
	/*height:102px; 
	background:#fff; 
	opacity:0.9;*/
}
#fb-root{
	display:none;
}
.ieMessageTop{
	font-family:'Fjalla One';
	font-size:19px;
	color:#414042;
}
.ieMessageBottom{
	font-family:Roboto, Arial;
	font-size:13px;
	color:#414042;
}

.bLinks{
position: relative;
left: 25%;
margin-top: 20px;
}

.browserLink{
display:inline-block;
background: url('/img/browser_icon.png') no-repeat;
background-size: 252px 56px;
width: 53px;
height: 55px;
}

.chromeLink{
background-position:0 -2px;
}

.ffLink{
	margin-left:10px;
	background-position:-63px -1px;
}

.safariLink{
	margin-left:10px;
	background-position:-129px -1px;
}

.ieLink{
	margin-left:10px;
	background-position:-188px 0;
	width: 65px;
}

a.downloadBrowser{
	font-family:Roboto, Arial;
	font-size:13px;
	color:#414042;
	font-weight:normal;
	text-decoration:underline;
}

a.downloadBrowser:link{
	text-decoration:underline;
}

#logoBrid{
	background: url('/img/brid_explorer.png') no-repeat 0 0;
	background-size: 96px 40px;
	width: 96px;
	height: 40px;
}
#socialSelectBox{
	position:relative; left:30px; top:30px;
}
#socialSelectBox .selectBoxContent{
	background:none;
}
#partnerSelectBox{
	margin-top: 30px;
	margin-left: 20px;
}
#partnerSelectBox .selectBoxContent{
	background:none;
}
#geo_div{
	margin-top:65px;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
}
#chart_div_social{
	width:100%; 
	float:left; 
	margin-top:30px;
}

.videoAddFormWrapper{
	width:768px;
}
.sitemapLink{
	font-size:16px;
	font-family: Georgia;
	font-style:italic;
	color:#848484;
	margin-bottom:4px;	
}
.siteMapCopy{
	background-color:var(--light-gray);
	padding:3px 0px 3px 0px;
	display:inline-block;
	width:100%;
	text-indent:5px;
}
#userUpload{
	text-align:center;
}
.userUploadHeader{
	font-family:'fjalla One';
	font-size:26px;
}
#userUpload .options{ 
	float:none;
	margin:50px 0px;
}
#userUpload ul li {
	display:inline; 
	list-style:none;
}
#userUpload ul li:first-child{
	/*margin-right:200px;*/
}

#userUpload .optionText{
	color:#444;
}
#userUpload .userUploadFooter{
	margin-top:20px;
	font-family:Roboto, Arial;
	font-size:12px;
}

#userUpload .userUploadFooter a{
	color:#444;
	font-weight:normal;
	font-family:Roboto, Arial;
	font-size:12px;
	text-decoration:underline;
}

.partners #monetizePartner .ul-selectbox{
	height:150px;
	overflow-y:visible;
}

#ageRestriction .selectBoxActive{
	text-indent:0;
	padding-left:0px;
	color:#000000;
	margin-left:5px;
}

.ageRestrictionText {
	color:#000000;
	font-size:17px;
	font-weight:bold;
}

.playerSectionSpace{
	padding-bottom:30px;
}

#ageRestriction  .selectBoxTitle{
	text-transform:none;
	position:relative;
	top:1px;
	font-size:17px;
}

@-moz-document url-prefix() { 
  #ageRestriction  .selectBoxTitle{
   	text-transform:none;
	font-size:17px;
	position:relative;
	top:0px;
  }
}

#ageRestriction{
	width:100%;
}

.players .options ul li{
	font-size:15px;
}

#share-player,#playlistPlayback-stop,#videoPlayback-endFrame{
	padding-bottom:3px;
}


.quickVideoSaveTableWidthField{
	width:100px;
	display:inline-block;
}

.xXplayer
{
	position:relative;
	top:4px; 
}
.yt_icon_add{
	background: url('/img/youtube_icons.png') no-repeat -58px 0;
	width: 56px;
	height: 23px;
	margin-left:10px;
	float:right;
	position:relative;
	top:6px;
}

.yt_icon_partner{
background: url('/img/youtube_icons.png') no-repeat -114px -2px;
	width: 50px;
	height: 21px;
	display:inline-block;
	position:relative;
	top:5px;
}
#ytSyndication .checkboxText, #fbSyndication .checkboxText{
	top:-4px;
}

.yt_icon_video{
	background: url('/img/youtube_icons.png') no-repeat -58px 0;
	width: 56px;
	height: 23px;
	display:inline-block;
	position:relative;
	top:5px;
}
.fetchWarring{
	float: left;
	margin-bottom: 15px;
	min-height:30px;
	color:#000000;
	font-family:Roboto, Arial;
	font-size:11px;
	padding-top:7px;
	width:100%;
}

.fetchWarring:before{
	content:url('/img/upload_icon_small.png');
	position:relative;
	top:4px;
	margin-right:10px;

}

#user-list .tableCreated{
	width: 140px;
}
#user-list .dateRow{
	width: 140px;

	margin-top:-4px;
	height:48px;
}
.flashFalbackWarring{
	clear:both;
	font:12px Arial;
	color:#878787;
	margin-left:30px;
	margin-top:25px;
}
.msgSyndication{
	margin-left:10px;
	font:13px Arial;
	display: inline-block;
	width: 100%;
	top: -15px;
    left: -10px;
    position: relative;
    color: var(--primary-color);
}
.msgForecast{
	color: var(--primary-color);
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 20px;
    line-height: 1.2em;
    padding: 0 10px;
    padding-bottom: 10px;
}
.msgAdBox, .msgAdBox2, .msgAdBox3{
	/* margin-left:10px; */
	font:11px Arial;
	color:#939598;
	display: inline-block;
	width: 100%;
}
.msgAdBox a, .msgAdBox2 a, .msgAdBox3 a{
	font:12px Arial;
	text-decoration: none;
	/*color:#6d6e71;*/
}
.msgAdBox .smallLink{
	text-decoration: underline;
	color:#6d6e71;
}
.flashFalbackWarring:before, .msgAdBox:before, .msgSyndication:before{
	content: "*";
	color:red;
}
.msgAdBox2:before{
	content: "**";
	color:red;
}
.msgAdBox3:before{
	content: "***";
	color:red;
}

#autoSaving{
	display:none;
	margin-top:5px;
	font-family:Roboto, Arial;
	font-size:14px;
	color:#58595B;	
}

.fDot {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
}

.sDot {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
}

.tDot {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
}

@-webkit-keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}
.blacklistItem{
	background: #012d39; position:relative; left: -219px; top: -30px; display:none; height:29px; border-bottom:1px solid #fff; padding-top:5px;
}
.authTitle{
	font-family: 'Fjalla One', Arial;
	font-size:26px;
	color:#414042;
	margin-bottom:45px;
}
.authDesc {
	font-family: Arial;
	font-size:15px;
	color:#414042;
}
.ulAuth{
	margin-left:30px;
}
.ulAuth li{
	margin-bottom:1px;
}
.submitButton{
	background: 0px;
	border:0px;
	font-family: 'Fjalla One', Arial;
	font-size: 16px;
	color: #fff;
	height: 48px;
	font-size: 22px;
	position: relative;
	width: 119px;
	top: -4px;
	padding-top: 11px;
	padding-bottom: 17px;
	cursor:pointer;
}
#checkbox-veepsChat .checkboxText {
	text-transform:none;
}
.playersSkinSubMenu{
	float:left;
	width:50%;
	height:174px;
	background-color:var(--primary-color);
	cursor:pointer;
	color:#FFFFFF;
	font-family:Roboto, Arial;
	font-weight:none;
	font-size:12px;
}

.playersSkinSubMenus{
	position:relative;
	/*margin-top:15px;*/
}

.playerOrInnerDiv{
	height:174px;
	background:#FFFFFF;
	left:50%;
	position:relative;
	width:15px;
}

.playerOrDiv{
	border-radius:50%;
	position:absolute;
	background-color:#FFFFFF;
	width:28px;
	height:23px;
	text-align:center;
	top: 40%;
	left: -6px;
	font-size: 12px;
	font-weight: none;
	color: var(--primary-color);
	padding-top:4px;
	font-family: 'Fjalla One';
	font-size:16px;
}

.SkinPlayerContainer {
	width:100%; 
	/*margin-top:20px;*/
	height:360px;
}

.SkinDesignPlayerContainer {
	width:630px;
	height:360px; 
	margin-top:5px;
	/*margin-left:5px;*/
	float:left;
}

.playersSkinSubMenu h3 {
	color: #FFFFFF;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Fjalla One';	
	margin-top:5px;
}

#playerSkinDownArrow{
	display:none;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-top: 10px solid var(--primary-color);
	position:relative;
}

.playerSkinStart{
	text-align:center;
	font-family: 'Fjalla One';
	font-size:20px;
	cursor:pointer;
}

.playerSkinStartIcon{
	content:" ";
	background: url('/img/pick_skin.png') no-repeat -36px 0;
	background-size: 100px 26px;
	width: 39px;
	height: 26px;
	display: inline-block;
	position: relative;
	margin-left: 5px;
	top: 6px;
}

.playerSkinDesignStartIcon{
		content:" ";
	background: url('/img/pick_skin.png') no-repeat 0 0;
	background-size: 100px 26px;
	width: 36px;
	height: 26px;
	display: inline-block;
	position: relative;
	margin-left: 5px;
	top: 6px;
	
}
.tabs table{
	margin:0px;
}
.tab-inactive table tr td{
	font-family: 'Fjalla One', Arial;
	font-size: 21px;
	color: #6D6E70;
}
.tab table tr td{

	color:#FFFFFF;
	font-family: 'Fjalla One', Arial;
	font-size: 21px;
}
.tab .numberTab{
	background-color: #FFFFFF;
	color:#000000;
}



#playersTab #Skins , #playersTab #Settings{
	padding-left:24px;
}

.playersSkinSubMenu a{
	color:#FFFFFF;
}

#checkbox-veepsType .checkboxText {
	text-transform:none;
}

#checkbox-veepsInit .checkboxText {
	text-transform:none;
}

.ytSearchInfo{
	font-size:12px;
	color:#746E6E;
	font-weight:normal;
	margin-top:53px;
}
#ajaxFlashMessageClose{
	width: 100px;
height: 27px;
position: absolute;
z-index: 999999;
top: 30px;
float: right;
}
.ytSearchInfo a{
	color:#746E6E;
	font-weight:normal;
}

.submenu2:hover{
	color:#fff;
}

.whiteColor{
	color:#fff;
}
.banned{
	color:#d8001a;
}
.block{
	float:left;
	padding-top:30px; 
	margin-right:0px;
}
.block h2{
	font-size: 21px;
}
.usersStats{
	
	border-bottom:1px solid #A6A8AB;
	width:858px;
}
.usersStats tr:nth-child(even){
	background: #f1f1f2;
}
.statsHeader{
	font-weight:bold;
	color:#231F20;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;


}
.statsHeader td{
	
	height: 35px;

	border-bottom:1px solid #A6A8AB;

}
.statsRow td{
	
	font-size: 12px;
	color: #232f20;
	height: 35px;
}
.statsRow a{
	font-size: 12px;
	color: #232f20;
	font-weight: normal;
}
.killSession{
	cursor: pointer;
	color:var(--primary-color);
}
.killSession:hover{
	text-decoration: underline;
}
#PartnerGeo{
	font-size: 13px;
	text-indent: 10px;
	border-radius: 0px;
	height: 250px;
	width:100%;
	margin-bottom: -3px;
}
#PartnerGeo option{
	padding-top:3px;
	padding-bottom:3px;
}
#geoTargetInfoMsg{
	font-family: Arial;
	font-size: 13px;
	margin-top:10px;
	color:#373737;
}
.embedCodeTitle, .embedCodeTitleStrong {
	font-family:Roboto, Arial;
	color:#939598;
	font-size:12px;
	margin-bottom:2px;
	text-transform:uppercase;
	padding-left: 5px;
	margin-top:5px;
	margin-bottom:5px;
	display: inline-block;
}
.embedCodeTitleStrong {
	color:var(--primary-color);
}
#uploadRules ul {
	list-style-type:none;
}
#uploadRules ul li{
	margin-bottom:20px;
}
#uploadRules ul li::before{
	content:'-';
}
#uploadRules .checkboxText{ 
	color:#444;
	font-size:14px;
	font-weight: normal;
	text-transform: none;
}
#userUpgrade{
	display:inline-block;
	position:relative;
	cursor:pointer;
	color:#ffcc00;
}
#star-five{
	display:inline-block;
	background: url('/img/yellow_star.png') no-repeat 0 0;
	background-size: 8px 7px;
	width: 8px;
	height: 7px;
}
#StyleUrl{
	display:inline-block;
	line-height:1;
}
#SkinPartnerId_chzn{
	width:200px!important;
}
#SkinPartnerId_chzn .chzn-search input {
	height:auto;
}
#SkinPartnerId_chzn a.chzn-single{
	background-color:#fff;
}
#SkinPartnerId_chzn a.chzn-single span {
	font-family: 'Fjalla One', Arial;
	font-size: 17px;
	color:#000000;
	font-weight:normal;
	text-transform:uppercase;
}
#SkinPartnerId_chzn.chzn-container-single .chzn-single div b {
	background: url('/img/arrow_down.png') no-repeat 0 0;
	background-size: 8px 4px;
	width: 8px;
	height: 4px;
	position:relative;
	top:9px;
}
#SkinPartnerId_chzn.chzn-container .chzn-results li{
	background-color:#fff;
	border:0px;
	font-family: Arial;
	font-style: normal;
	font-size: 13px;
	color:#000000;
}
#SkinPartnerId_chzn .chzn-search{
	background-color:#fff;
}
/*#SkinPartnerId_chzn.chzn-container-single .chzn-single div{
	width:40px;
}*/
#SkinPartnerId_chzn.chzn-container .chzn-results .highlighted {
	background-color:#58595b;
	color:#fff;
}
#SkinPartnerId_chzn .chzn-drop{
	width:193px!important;
}

#SkinPartnerId_chzn .search-choice-close {
	height:9px;
}
#SkinPartnerId_chzn .search-choice-close:hover {
	background-position:right 0px;
}
.button.add-ad-disabled{
	cursor:default;
}
.wpDetected{
      top: 0px;
    border: 1px solid #e6e7e8;
    width: 293px;
    height: 47px;
    bottom: 0;
    right: 0;
    font-size: 12px;
    font-family: Arial;
    color: #2b2b2b;
}
.wpDetected a{
	color:#000000;
	text-decoration: underline;
}
.wpDetected a:hover{
	text-decoration: none;
}
.wpCloseSmall,.wpCloseSmallStreaming{
	background-image: url('/img/wp_detected_sprite.png');
	  background-repeat: no-repeat;
  background-size: 47px 30px;
  background-position: -35px;
  width: 15px;
  height: 14px;
  position: absolute;
  top: 2px;
  right: 1px;
  cursor: pointer;
}
.wpIconSmall{
	background-image: url('/img/wp_detected_sprite.png');
	background-repeat: no-repeat;
	background-size: 47px 30px;
	
	position: absolute;
	 width: 37px;
    height: 30px;
    top: 7px;
    left: 10px;
}
/*
#bridVideosAddmp4Wrapper .input.text{
	width:650px;
}
#YtAuth, #streamUpload{
	margin: 0!important;
  	float: right;
}
*/
#streamUpload{
	margin-top: 15px;
}
#bridVideosAddmp4Wrapper #prog_c1 {
	width:650px;
	height:48px;
}
#bridVideosAddmp4Wrapper #uploadStatus{
	padding-top:14px;
	font-family:Roboto, Arial;
	font-size:22px;
}
#bridVideosAddmp4Wrapper #prog_c2 {
	height:48px;
}
#uploadWarning{
	text-align:center;
	color:var(--primary-color);
	font-family:Roboto, Arial;
	font-weight:bold;
	font-size:11px;
	position: relative;
  	top: -15px;
}
.bridWpSections{
	width: 200px;
	height: 80px;
}
.bridWpSections option{
	text-indent: 5px;
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.moveLeft10{
	margin-left:10px;
}
.pricing-table .cta-button-selected {
	background:#01BF00;
	padding: 0.9375rem 1.25rem;
    text-align: center; 
}
.pricing-table .cta-button{
	padding-left: 0px;
	padding-right: 0px;
}

table {
  background: none;
  border: none;
  margin-bottom: 1.25rem;
  table-layout: auto; 

}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: none; }

.tab-content{
	padding-top:1.1rem;
	float: left;
  	width: 100%;
  	/*background:#fff;*/
}
.http_prefix input{
	text-indent: 64px;
}
.icon_prefix input{
	text-indent: 50px;
}
.form input.adTagUrl{
	margin-bottom: 5px;
}
.adTagUrl{
    font-family: Georgia !important;
    font-style: italic;
}
input[type="text"][readonly].datepicker{
	background: none;
	/*width: 142px;*/
	text-align: center;
	padding-left: 0px
}
/* calendar fix */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	top:8px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	font-size: 0.8rem;
	text-indent: 5px;
}
.searchLoading{
	width:auto;float:left;padding:0px;margin:0px; padding:5px; display:none;
	    position: relative;
    top: 3px;
    z-index: 99999;
}
#playlist-top .searchLoading{
    position: absolute;
    right: -30px;
    top: 11px;
}
@-webkit-keyframes rotating {
    from{
        -moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
    }
    to{
        -moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
    }
}
@-moz-keyframes rotating {
    from{
        -moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
    }
    to{
        -moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
    }
}
@-ms-keyframes rotating {
    from{
        -moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
    }
    to{
        -moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
    }
}
@keyframes rotating {
    from{
        -moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
    }
    to{
        -moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
/* https://github.com/xoxco/jQuery-Tags-Input */
div.tagsinput {background: #FFF;  min-height: 49px; border-radius: 7px; width: 100%; overflow-y: auto;}
div.tagsinput span.tag { margin-top: 10px; margin-left: 10px; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #E6E7E8; color: #848484; font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #848484; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:100%; margin:0px; font-family: Georgia; font-style:italic; font-size: 14px; border:1px solid transparent; /*padding:5px;*/ background: transparent; color: #d4d4d4; outline:0px;  margin-right:5px; }
div.tagsinput div { display:block; float: left; }
div.tagsinput input {margin-top:6px;text-indent: 10px;} 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {
	background: #FBD8DB !important;
    color: #90111A !important;
    height: 30px !important;
    border-radius: 2px !important;
    /* top: 9px !important; */
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
}

.displayName{
	  display: inline-block;
  font-weight: bold;
  margin-left: 15px;
  font-size: 16px;
}

.input #videoChannelId:after{

	content : '';
}

#playersTab #Skins.tab::before,#playersTab #Settings.tab::before{
	content:"";
	background: url('/img/pick_skin.png') no-repeat -76px -1px;
	background-size: 100px 26px;
	width: 24px;
	height: 24px;
	position: relative;
	float: right;
	right: -13px;
	top: -3px;
}

#playersTab #Skins.tab-inactive::before,#playersTab #Settings.tab-inactive::before{
	content:"";
	background: url('/img/pick_skin.png') no-repeat -76px -1px;
	background-size: 100px 26px;
	width: 24px;
	height: 24px;
	visibility:hidden;
	float:right;
}

.tableRow{
		float:left;
		width:100%;
		padding-top:10px;
		padding-bottom: 10px;
	}

#sites_list_chzn {
		width:100%!important;
		background: #fff;
		/*max-width:482px!important;*/
	}
.sTable {
	width:491px;
	float:right; 
	margin-right:30px; 
	margin-top:76px;
}

.bandwidthAlert{
	color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    display: block;
}
.redBg{
	background-color: #ff0000;
}
.yellowBg{
	background-color: #FCCE35;
	color: #fff;
	font-size: 15px;
}
#bandwidthMsg, #siteBandwidthMsg{
	font-size: 13px;
	line-height: 1.4rem;
}
	
/* Small screen only  (iphone uspravno) */
@media only screen {
	
	.footer-block{

		border: none;
		padding:0px;
		padding-top: 1rem;
		padding-left: 1rem;
	}
	.partnerTr{
		height:2rem;
	}
	.trFirst{
		display: none;
	}
	#playersTab #Skins.tab::before, #playersTab #Settings.tab::before{
		content: '';
		background:none;
		width: 24px;
		height: 24px;
		visibility:hidden;
		float:right;
	}
  	.centerImgWrapper{
	  /*border:1px solid #adadad;*/
	  float: left;

	}
	.centerImgWrapper:hover{
		box-shadow: 1px 1px 4px #888888;
         transition: all 100ms linear;
         -webkit-transition: all 100ms linear;


	}
	.videoContent{
		padding-top: 0px;
		padding-left: 10px;
	}
	.centerImg{
		position: relative;
		float: left;
		margin-left:0px;
		overflow: hidden;
	}
	
	.titleRow{
		min-width:8rem;
		max-width:10rem;
		float: left;
		margin-left:0.5rem;
		position: relative;
		overflow: hidden;
		height: 4rem;
	}
	.titleRow > div {
		display: inline;
	}
	.titleRowCarousel {
		top: 7px!important;
	}
	.videoUploadedBy{
		color:#58595b;
		font-size:13px;
		min-width:100%;
		float:left;
		padding-top:9px;
		padding-left:1px;
	}
	.listTitleLink{
		
		/*white-space: nowrap;*/
		  font-size: 12px;

	}
	
	.btnMarginTop {
		margin-top:5px!important;	
	}
	#contentLogin{
		 
	  display: inline-flex;
    justify-content: center;
    align-items: center;
	  /*transform: translateY(-20%);*/
		
	}
	.login{
	
	}
	
	.loginLogoNew{
		
		background-size: 92px 40px;
		width:92px;
		height:40px;
	}
	
	.tab table tr td, .tab-inactive table tr td, .tab, .tab-inactive, .tab-last{
		font-size:1rem;
	}
	.numberTab{
		font-size: 13px;
		width: 17px;
		height:18px;
		left:15px;
		padding-top: 0px;
		top: 3px;
	}
	.siteVideosNum{
		font-size: 11px;
	}
	.signInFogotLinks {
		margin-top:10px;
	}
	#playlist-jump-box{
		display:none;
	}
	.preFix, .midFix, .overFix, .postFix {
		/*width:100%;*/
	}
	
	#playersTab .numberTab {
		display:none;
	}
	
	#adSettings0 {
    	padding-left: 0;
    	padding-top: 15px;
    	padding-bottom: 10px;
	}
	#mainDataLight .button {
		margin-top:26px;
	}
	
	#playlistRightSide .button {
		margin-bottom: 5px;
	}
	
	.midCuepoints {
		width:100%;
		max-width:250px;
	}
  	.options ul li, .selectboxes ul li {
    	margin-top: 10px;
	}
	.embedWidth {
		width:90px;
		float:left;
	}
	.embedHeight {
		width:90px;
		float:left;
	}
	.widgetEmbedHeight {
		width:90px;
	}
	.embedX {
		float:left;
	}
	.embedItem {
		width:90px; 
	}
	.buttonPull{
		float:left;
	}
	#streamUpload{
		margin-top: 0;
		margin-bottom:15px;
	}
	#VideoMp4{
		width:100%;
	}
	.msgBox {
		top: 0px;
		margin-bottom:15px;
	}
	.ytFloat {
		float:left;
		margin-bottom:20px;
	}
	.checkboxMargin {
		margin-top:15px;
	}
	.uploadAddSiteSpan {
		margin-top: 38px;
	}
	#mainDataLight label, #mainDataLight .input label 
	{ 
		font-size: 13px;
	}
	.cbFlashFW {
		padding-top:16px;
	}
	.embedForSmall {
		width: auto;
    	right: 10px;
    	top: 22px;
	}
	.copy_adschedule_config {
		top: 17px;
		right: 139px;
	}
	.breadcrumbs a.back{
        font-size: 10px;
    }
    .addVideoToPlaylistButton {
    	width:110px;
    	bottom:1px;
    }
    .emptyPlaylistButton {
    	width: 120px;
    }
     .btnSmallFont {
    	font-size: 12px;
    	bottom: 0;
    }
    .btnSmallFont .delButtonSmall {
    	top: -1px;
    }
    .checkboxRow{
		position:relative;
		float:left;
		top:23px;
		margin-left:0;
		display: inline-block;
		left:-5px;
	}
	.backTop {
		font-size:10px;
		line-height:.9rem;
	}
	.breadcrumbs a.back {
		font-size:10px!important;
		padding:0.55rem .5rem 0.55rem .5rem!important;
	}
	.reveal-modal {
		padding-left: 5px;
		padding-right: 5px;
		overflow-x:hidden;
	}
	#tabanalytics .item{
		float:none;
		width:100%;
	}
	#tabanalytics{
		height:auto;
		padding-bottom:10px;
	}
	#analytics-menu{
		height:auto;
	}
	.analyticsInfoBox{
		top:18px;
		right: initial; 
	}
	#analytics-browser, #analytics-tehnology {
		width:100%;

	}
	.analytics-table-browser{
		width:90%;
	}
	#chart_traffic_div{
    	position: relative;
	}
	.sTable {
		width:90%;
		float:none;
	}
	.analyticsNumberOfViews{
		left:50px;
		top:30px;
	}
	.breadcrumbs {
		height:1rem!important;
		padding-top:0.2rem!important;
	}
	.jThumbnailScroller {
		width:85%!important;
	}
	.checkboxText { font-size: 14px; }
	
	.item .partner-qm-item {
		display:none;
	}
	.partner-quick-menu-section .item .partner-qm-item {
		display:block;
	}
	.trMaxWidth {
		max-width:13rem;
		z-index: 1;
	}
	.user-upload {
		display:none;
	}
	.checkboxWidth {
		width: 210px;
	}
	.jTscrollerPrevButton {
		left:5px;
	}
	#bridEmbedCode, #bridEmbedCodeWidget, #matchVideoEmbedCode {
		font-size: 11px;
	}
	/*#SitePartner,#VideoHostingPolicyPartner,#MonetizationPartner,#Geo-targetingPartner {
		font-size: 13px;
		line-height:1;
	}*/
	.playerDiv {
		left:33px;
	}
}
/* medium screen */
@media only screen and (min-width: 40.0625em) {
	
	.partnerTr{
		height:102px;
	}
	.trFirst{
		display: table-row;
	}
	.titleRow{
		max-width:27rem;
	}
	#myModal .titleRow {
		max-width:15rem;
	} 
	.listTitleLink{
		
		
		  font-size: 12px;
	}
	
	.centerImg{
		position:relative;
		float:left;
		margin-left:20px;
	}
	.numberTab{
		font-size:15px;
		
		width:22px;
		height:22px;
		padding-top:1px;
		padding-bottom:1px;
		top:0px;
		left:0px;
	}
	#playersTab #Skins.tab::before,#playersTab #Settings.tab::before{
		content:"";
		background: url('/img/pick_skin.png') no-repeat -76px -1px;
		background-size: 100px 26px;
		width: 24px;
		height: 24px;
		visibility:visible;
		float:right;
	}
	.tab table tr td, .tab-inactive table tr td, .tab, .tab-inactive, .tab-last{
		font-size:21px;
	}
	
	.loginLogoNew{
		
		background-size: 83px 36px;
		width:83px;
		height:36px;
	}
	.checkboxRow{
		position:relative;
		float:left;
		top:32px;
		margin-left:10px;
		display: inline-block;
		left:0;
	}
	.signInFogotLinks {
		text-align:left;
	}
  	
  	.editVideoDiv, .editPlaylistDiv, .editPlayerDiv, .editUnitDiv, .copyPlayerDiv, .copyVideoDiv, .copyCarouselDiv, .copyAdSourceDiv {
		left:3.5rem;

	}
	#playlist-jump-box{
		display:block;
	}
	.preFix, .midFix, .overFix, .postFix{
		width:auto;
	}
	
	#playersTab .numberTab {
		display:block;
	}
	
	#adSettings0 {
    	padding-left: 20px;
    	padding-top: 4px;
    	padding-bottom:0px;
    	
	}
	
	#mainDataLight .button {
		margin-top:10px;
	}
	
	#playlistRightSide .button {
		margin-bottom: 40px;
	}
	
	.midCuepoints {
		width:250px;
	}
	.options ul li, .selectboxes ul li {
    	margin-top: 0px;
	}
	
	.embedWidth {
		width:90px;
		float:right;
	}
	.embedHeight {
		width:90px;
		float:right;
	}
	.widgetEmbedHeight {
		width:90px;
	}
	.embedX {
		float:right;
	}
	.embedItem {
		width:90px; 
	}
	.buttonPull{
		float:right;
	}
	#streamUpload{
		margin-top: 15px;
		margin-bottom: 0;
	}
	#VideoMp4{
		width:95%;
	}
	.msgBox {
		top: -13px;
		margin-bottom:0px;
	}
	.checkboxMargin {
		margin-top:0;
	}
	.uploadAddSiteSpan {
		margin-top: 20px;
	}
	.btnMarginTop {
		margin-top:21px!important;	
	}
	
	.cbFlashFW {
		padding-top:4px;
	}


	#playlist-list .widget {
		right: 275px;
		top: 20px;	
	}
	
	
	
	#playlist-list .embedForSmall {
			right: 185px;
			top: 20px;
		}
	


	.embedForSmall {
    	right: 53px;
    	top: 20px;
	}
	 .addVideoToPlaylistButton {
    	width:160px;
    	bottom:0;
    }
	.emptyPlaylistButton {
    	width: 170px;
    }
    .btnSmallFont {
    	font-size: 17px;
    	bottom:-4px;

    }
    .btnSmallFont .delButtonSmall {
    	top: 1px;
    }
    .dynamicT {
		padding-top:20px; 
		height:30px;
	}
	.backTop {
		font-size:12px;
		line-height:0.6875rem;
	}
	.breadcrumbs a.back {
		font-size:12px!important;
		padding:0.55rem 1rem 0.55rem 1rem!important;
	}
	
	#myModal .siteVideosNum {
		display:none;
	}
	.reveal-modal {
		padding:1rem !important;
	}
	#tabanalytics .item{
		float:left;
		width:12%;
	}
	#tabanalytics{
		height:38px;
		padding-bottom:0px;
	}
	#analytics-menu{
		height:38px;
	}
	.analyticsInfoBox{
		top:50px; 
		right:37px;
	}
	#analytics-browser, #analytics-tehnology {
		width:50%;
		
	}
	#chart_traffic_div{
    	position: absolute;
	}
	.sTable {
		width:48%;
		float:right;
	}
	.analyticsNumberOfViews{
		left: 350px;
    	top: 75px;
	}
	.breadcrumbs {
		height:2rem!important;
		padding-top:0.71rem!important;
	}
	.jThumbnailScroller {
		width:90%!important;
	}
	.titleRow.centerRow {
		top: 20px;
	}
	.userMail {
		width:190px!important;
		margin-right:35px;
	}
	.checkboxText { font-size: 15px; }
	.item .partner-qm-item {
		display:block;
	}
	.user-upload {
		display:block;
	}
	.checkboxWidth {
		width:auto;
	}
	#bridEmbedCode, #bridEmbedCodeWidget, #bridOutstreamEmbedCode,#bridFbArticlesEmbedCode, #bridSeoEmbedCode, #bridSeoJsonEmbedCode, #bridEmbedKeyMoments, #bridEmbedKeyMomentsAsync, #bridAsyncEmbedCode, #bridAsyncEmbedCodeWidget, #matchVideoEmbedCode, #bridAsyncSeoOldEmbedCode {
		font-size: 13px;
	}
	/*#SitePartner,#VideoHostingPolicyPartner,#MonetizationPartner,#Geo-targetingPartner {
		font-size: 17px;
	}*/
	.playerDiv {
		left:63px;
		margin-bottom: 10px;
	}
	.leftWidgetEmbed {
		border-right: 1px solid #D1D3D4;
	}
	.publishDate, .publishTime {
		margin-left:20px;
		padding-top:4px;
	}
}
/* medium-large screen (iphone verticalno i veci) */
@media only screen and (min-width: 58.75em) {

	.siteVideosNum{
		font-size: 13px;
	}

	.loginLogoNew{
		
		background-size: 97px 42px;
		width:97px;
		height:42px;
	}
	.loginLogoNew2{
	    background-size: 89px 37px;
	    width: 89px;
	    height: 37px;

	}

	.centerImgWrapper{
      position:relative;  
      float:left;
      /*border:1px solid #adadad;*/
      margin-top:1px;
      overflow:hidden;
      width:100%;
      height: 100%;
    }
    .checkboxRow{
		position:relative;
		float:left;
		top:32px;
		margin-left:10px;
		display: inline-block;
	}
	.centerImg{
		position:relative;
		float:left;
		margin-left:20px;
	}
	
	.titleRow{
		float:left;
		/*width:510px;*/
		min-width:300px;
		/*max-width:600px;*/
		max-width: 550px;
		position:relative;
		top:1px;
		margin-left:10px;
		height: 77px;
	}
	.titleRow.titleRowPlayer{
		max-width: 600px;
		width:510px;
	}
	.titleRow.titleRowVideo{
		max-width:700px;
	}

	.titleRow.centerRow {
		top: 20px;
	}
	#myModal .titleRow {
		max-width:486px;
	} 
	.siteVideosNum{
		float:left; 
		width:auto;
		display: inline-block;
		font-size:11px; 
		color:#959595;
		padding-top:4px;
		margin-right:15px;
		margin-bottom:15px;
	}
	
	#contentLogin{
		 /*
	  position: absolute;
	  top: 40%;
	  transform: translateY(-40%);
		*/
	}
	
	.midCuepoints {
		width:250px!important;
	}
	
	.embedWidth {
		width:150px;
		float:right;
	}
	.embedHeight {
		width:150px;
		float:right;
	}
	.widgetEmbedHeight {
		width: 150px;
		padding-top:20px;
	}
	.embedX {
		float:right;
	}
	.embedItem {
		width:150px; 
		padding-top:20px;
	}
	
	.buttonPull {
		float:right;
	}
	#VideoMp4{
		width:100%;
	}
	.uploadAddSiteSpan {
		margin-top: 24px;
	}
	#mainDataLight label, #mainDataLight .input label 
	{ 
		font-size: 17px;
	}
	.btnMarginTop {
		margin-top:26px!important;	
	}
	.cbFlashFW {
		padding-top:4px;
	}
	#myModal .siteVideosNum {
		display:block;
	}
	.analytics-table-browser{
		/*width:358px;*/
	}
	.sTable {
		width:491px;
	}
	.userMail {
		width:140px!important;
		margin-right:0px;
	}
	.listTitleLink{
		font-size: 14px;
		font-family: Roboto, sans-serif;
	    font-weight: normal;
	    -webkit-font-smoothing: auto;
	    font-weight:500;
	}
	/*#SitePartner,#VideoHostingPolicyPartner,#MonetizationPartner,#Geo-targetingPartner {
		font-size: 21px;
	}*/
	
}

/*large screen */
@media only screen and (min-width: 64.063em) { 
	.publishDate, .publishTime {
		margin-left:0px;
		padding-top:4px;
	}
	.fbArticlesBlock {
		margin-left: -40px;
	}
}
.checkboxic i{
	color: var(--primary-color);
    font-size: 22px;
    pointer-events:none;
}
.demoIcon{
	width: 38px;
	height: 15px;
	border:1px solid #494949;
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;
	color: #494949;
	border-radius: 4px;
	text-align: center;
	line-height: 13px;

}
.demoIcon:hover{
	box-shadow: 0px 0px 3px #666;
	color: #fff;
	background: #494949;
}
/* Billing History Table User edit screen */
table.billing-table{
		width: 100%;
		margin: 0px auto;
}
table.billing-table tr{
	height: 40px;
	/*border-bottom: 1px solid #dedede;*/
}
table.billing-table tr:last-child{
	border-bottom: none;
} 
table.billing-table tr:nth-child(odd){
	/*background:var(--light-gray);*/
}
table.billing-table tr td.thName{
	font-weight: bold;
}
table.billing-table tr td{
	/*padding-left: 10px;*/
	font-family: Arial;
	vertical-align:middle;
	/*line-height: 2rem;*/
}
table.billing-table tr td:first-child{
	color: #000000;
    padding-left: 5px;
}
table.billing-table tr td:last-child{
	color:#666;
	text-align:right;
	padding-right:5px;
}
table.no-right tr td:last-child {
	text-align: center;
}
table.no-right tr th:last-child {
	text-align: center;
}
table.billing-table tr td:last-child .switch.tiny{
	/*float:right;*/
}
.billing-table a:not(.button), .billing-row a:not(.button){
	color: var(--menu-sub-link);
}
.billing-row{
	    line-height: 2.915em;
	padding-left:5px;
	    font-size: 0.875rem;
}
/* Listing table */
table.listing-table, table.listing-table-none{
	width: 100%;
	margin: 0px auto;
	border:1px solid var(--mid-gray);
}
table.listing-table a{
	font-family: Arial;
    vertical-align: middle;
    line-height: 2.5rem;
    font-size: 12px;
    text-align: left;
    font-weight:normal;
}

table.listing-table-none{
	border:none;	
}
table.listing-table tr:last-child, table.listing-table-none tr:last-child{
	border-bottom: none;
	
}
table.listing-table-none tr:nth-child(odd){
	background:none;
} 
table.listing-table tr:nth-child(odd){
	background:#fbfbfb;
}
#Livestream-Schedule div.livestream-schedules:nth-child(odd) {
	background:#fbfbfb;
}

#partner_table table.listing-table tr:nth-child(even)  {
    background: white;
}
#partner_table table.listing-table tr:nth-child(odd){
    background:#fbfbfb;
}


#partner_table table {
    border-collapse: separate !important;
    border-left: 0px !important;
}

#native_player_data_table {
    background: white;
}


.partner_table_domain_title {
    background: white !important;
}

#pie_chart_ssp text:first-child {
    fill: #58595b;
}

table.listing-table tr td, table.listing-table-none tr td{
	/*padding-left: 10px;*/
	font-family: Arial;
	vertical-align:middle;
	line-height: 2.5rem;
	font-size:12px;
	text-align: left;
    padding-left: 5px;
    color: var(--dark-gray);
}
table.listing-table tr td.thName, table.listing-table-none tr td.thName{
	font-weight: bold;
	background:none;
	text-align:left;
}
.listing-table-border{
	border:1px solid var(--border);
}
table.listing-table tr td:first-child{
	padding-left:10px;	
}
table.listing-table tr td:last-child{
	padding-right:10px;
}
table.listing-table-none tr td.thName{
	border-bottom:1px solid #efefef;
}
/* end listing table */


h4.subtitle{
    margin-top: 0px;
    padding-bottom: 8px;
    font-size: 20px;
    padding-left: 10px;
    margin-bottom: 0px;
    display: inline-block;
}
.subtitle-more{
	font-weight:normal;
	float: right;
	padding-top: 7px;
	padding-right: 5px;
}
.switch-on {
	position: absolute;
	left: 7px;
	top: 13px;
	color: white;
	font-weight: bold;
	font-size: 8px;
	pointer-events: none
}
.switch-off {
	position: absolute;
	left: 28px;
	top: 13px;
	color: white;
	font-weight: bold;
	font-size: 8px;
	pointer-events: none
}
.switch-yes {
	position: absolute;
	left: 5px;
	top: 13px;
	color: white;
	font-weight: bold;
	font-size: 8px;
	pointer-events: none
}
.switch-no {
	position: absolute;
	left: 28px;
	top: 13px;
	color: white;
	font-weight: bold;
	font-size: 8px;
	pointer-events: none
}
label.my-switch{
	/*display: none;*/
}
.switch.tiny{
	line-height: 0rem;
	display:inline-block;
}
.form input.input-small{
	    width: auto;
    margin-bottom: 0px;
    height: 30px;
    font-size: 14px;
    text-indent: 5px;
}
.box-shadow{
    border-radius: 5px;
    background: var(--light-gray);
    padding-bottom: 15px;
    margin-bottom: 30px !important;
    padding-left:10px;
    padding-right:10px;
    padding-top: 15px;
    box-shadow: 2px 2px 5px var(--gray-primary);
}
.codeCopied, 
.codeCopiedRTMP, 
.codeCopiedStreamId, 
.codeCopiedStreamName,
.codeCopiedPlayerURL {
	float:right;
	color: #fff;
	background: #3fa53f;
	padding: 4px;
	border-radius: 5px;
	position: relative;
	right: -12px;
	margin-right:15px;
	font-size: 12px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 9px; 
	display:none;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.copied-notification {
	height: 24px;
	width: 60%; 
	margin: 0px auto; 
	padding-top: 4px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-radius: 5px;
}
.validationCopied {
	padding: 4px;
	color: #fff;
	border-radius: 5px;
	position: absolute;
	top: 10px;
	left: 10px;
	display: none;
	background: #3fa53f;
}
#payment-success-img{
    background-image:url(/img/payment.png);
    background-repeat: no-repeat;
    background-size: 262px 206px;
    width: 262px;
    height: 206px;
    margin:0px auto;
}

#seoEmbed, #seoEmbedJson, #fbArticles, #asyncEmbed, #seoAsyncEmbed, #keyMomentsEmbed, #seoAsyncEmbedOld, #keyMomentsAsyncEmbed, #asyncEmbedWidget, #fallbackEmbed, #fallbackUnitsList {
	display: none;
}
#checkbox-fbArticles, #checkbox-amp {
	top: 0;
	font-size: 16px;
	margin-left: 28px;
}
#checkbox-fbArticles {
	top:-1.5px;
}
#payment-cancel-img{
	background-image:url(/img/bridica_sad.png);
    background-repeat: no-repeat;
    background-size: 150px 269px;
    width: 150px;
    height: 269px;
    margin:0px auto;
}
#payment-update-card{
	background-image:url(/img/bridica_card.png);
    background-repeat: no-repeat;
    background-size: 132px 152px;
    width: 132px;
    height: 152px;
    margin:0px auto;
    margin-top:20px;
}
#secure-progress{
	background-image:url(/img/secure_progress.png);
	 background-repeat: no-repeat;
    background-size: 246px 257px;
    width: 246px;
    height: 257px;
    margin:0px auto;
    margin-top:20px;
   
}
.animate-left-200{
	left: -200px;
    position: relative;
    opacity: 1;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
div.input.text.small{
	height: 32px;width:auto; 
	
}
div.input.text.small input{
	padding-left:0px;
}
.transactionDateRow.payment-status-pending{
	color:var(--primary-color);
}
.transactionDateRow.payment-status-completed{
	/*color:#09CD0A;*/
}
.transactionDateRow.payment-status-canceled, .transactionDateRow.payment-status-failed{
	/*color:var(--primary-color);*/
}
label, .input label{
	/*float:left;*/
	width:100%;
	font-size: 16px;
	font-family: Arial;
	color:#000000;
	margin-bottom:2px;
	position:relative;
	font-weight: bold;
	background:none;
}
#leftPartnerList ul, #chozenSelect ul{
	background:#fff;
	border: 1px solid var(--border) !important;
	font-size:14px  !important;
}
#chozenSelect .bidder_order ul, .bidder_order ul {
	border: 0 !important; 
	margin-left: 0; 
	margin-top: 2px;
}
.bidder_order ul li {
	display: inline-block;
	color: #333;
    padding: 6px;
    font-size: 14px;
    border: 1px solid #aaa;
    border-radius: 5px;
    margin-right: 5px;
    line-height: 1;
    float: left;
    background: #f0f0f0;
    cursor: pointer;
}
.bidder_order ul li:active {
	opacity: 0.85;
}
/** Billing Status text colors **/
.status-canceled, .status-cancelled{
	background-color: var(--blue);
    color: #fff;
    font-size: 11px;
    padding: 4px;
    border-radius: 5px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 500;
    display:inline;
}
.status-failed, .status-refunded, .status-pending{
	
	background-color: var(--error);
    color: #fff;
    font-size: 11px;
    padding: 4px;
    border-radius: 5px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 500;
    display:inline;
}
.status-pending, .status-created, .status-{
	background-color:#FCCE35;
	color: #000;
    font-size: 11px;
    padding: 4px;
    border-radius: 5px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 500;
    display:inline;
}
.status-completed{
  /* color: #01BF00;  Green 
  color: var(--success);*/
  background-color: var(--success);
    color: #fff;
    font-size: 11px;
    padding: 4px;
    border-radius: 5px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 500;
    display:inline;
}
.status-activated{
  /* color: #01BF00;  Green 
  color: var(--success);*/
  background-color: #ff00a5;
    color: #fff;
    font-size: 11px;
    padding: 4px;
    border-radius: 5px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 500;
    display:inline;
}
.status-under-review{
	color:#FCCE35; /* Yellow */
}
.align-right, .move-right, push-right{
	float:right;
}
.align-left, .move-left, push-left{
	float:right;
}

/* Tabs small */
.tabs.tabs-small{
	background:none;
	font-size:14px;
	border-bottom: 1px solid var(--mid-gray);
	/*max-height: 80px;*/
	display: flex;
    flex-direction: row;
    text-shadow:none;
}
.tabs.tabs-small.border{
	border: 1px solid var(--mid-gray);
}
.tabs.tabs-small .tab .subtitle{
	padding-top:14px; 
	color:var(--primary-color);
	font-size: 16px;
}
.form-ads .tabs.tabs-small .tab{
	border-top: 4px solid var(--icon-text);
}
/* sub tab */
.tab-content .tabs.tabs-small .tab {
	background: var(--light-gray);
	/*background-image: -webkit-linear-gradient(top,#f5f5f5,#fff);
    background-image: -moz-linear-gradient(top,#f5f5f5,#fff);*/
}
.tab-content .tab, .tab-content .tab-inactive, .tab-content .tab-last{
	    padding-top: 13px;
    padding-bottom: 11px;
}
/* sub tabs end */
.subtitle-small{
    font-style: italic;
    font-size: 11px;
    padding-top: 6px;
    color: var(--dark-gray);
    font-weight: normal;
}
.tabs.tabs-small .tab-inactive .subtitle-small{
color: var(--mid-gray);
}
.tabs.tabs-small .tab-inactive .subtitle{
	padding-top:14px; 
	color:var(--dark-gray);
	font-size: 16px;
}
.tab-content.border{
	border: 1px solid var(--mid-gray);
	border-top: none;
	background:#fff;
}
.tabs.tabs-small .tab-inactive:hover, .tabs.tabs-small .tab:hover{
	background-color:var(--gray-primary);
}
.tabs.tabs-small .tab-inactive:hover{
	color:#000;
}
.tabs.tabs-small .tab-inactive{
	background:#fff;
	font-size:14px;
	border-bottom: none;
	border-top: 4px solid transparent;
	border-right:none;
	font-family: 'Roboto',sans-serif;
	color:rgba(0,0,0,0.54);
	/*max-height:80px;
	min-height:52px;*/
}
.tabs.tabs-small .tab{
	color: #0c0c0c;
	background:#fff;
	border-top: 4px solid var(--primary-color);
	border-bottom: none;
	font-size:14px;
	border-right:none;
	font-family: 'Roboto',sans-serif;
	font-weight:600;
}
.tabs.tabs-small .tab-content-small{
	
}
.datePickerArrow{
	right: 10px !important;
    bottom: 18px !important;
    left: inherit !important;

}
/*Saving dots effect */
@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

.saving span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.saving span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.saving span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}
.livestreamEvent, .drmVideo, .unitType, .ron, .paidVideo, .automaticRecord {
	border: 1px solid #dc038d;
    color: #fdfdfd;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #dc038d;
    font-size: 10px;
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
    float: left;
    border-radius: 3px;
}
.livestream_schedule {
	border: 1px solid #dc8903;
    color: #fdfdfd;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #dc8903;
    font-size: 10px;
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
    float: left;
    border-radius: 3px;
}
.automaticRecord {
	background-color: #ff303c;
	border: 1px solid #ff303c;
}
.ron {
	background-color: #EB5454;
	border-color: #EB5454;
	border-radius: 18px;
}
.ron.ron-small {
	font-size: 8px;
	line-height: 5px;
	padding: 2px 4px 2px 4px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 5px;
}
.unitType{
	margin-left: 0.7rem;
}
.unitType.inslide{
	background-color: #19a8e1;
	border: 1px solid #19a8e1;
}
.unitType.incontent{
	background-color: #b55eff;
	border: 1px solid #b55eff;
}
.drmVideo {
	background-color: #fdbc00;
	border: 1px solid #fdbc00;
}
.paidVideo {
	background-color: #248f3b;
	border: 1px solid #248f3b;
}
ul.chosen-choices.ui-sortable li.ui-state-highlight{
	border: 1px dashed var(--gray);
    display: inline-block;
    min-height: 40px;
    min-width: 60px;
    margin-top: 3px;
    border-radius: 2px;
    margin-right: 5px;
    width:100%;
}
ul.chosen-choices.ui-sortable li.ui-sortable-helper{
	display:inline-block;
}
.uploadTrack{
    padding-top: 10px;
    display: none;
}
.uploadCloseBtn{
	cursor:pointer;
    color:#d5d5d5;
    position: absolute;
    right: 5px;
    top: 4px;
	color:var(--ct-body-color);
}
.uploadMsg{
    font-size: 13px;
    position: absolute;
    top: 30px;
    margin-left: 0;
    font-family: Arial;
    color:var(--ct-body-color) !important;
}
.progress{
    border: none;
    height: 18px;
    
}
.uploadStatus{
    font-size:17px;
	font-family: Arial;
    position: absolute;
    margin-top: -25px;
    text-align:center;
    width: 100%;
    color: #d5d5d5;
}

.prog_c1{
    width: 100%;
    height: 16px;
    background-color: var(--ct-progress-bg);
	border-radius: 5px;
}
.prog_c2{
	width: 100%;
	height:16px;
	text-align:center;
	background-color:var(--primary-color);
	border-radius: 4px;
	line-height: 17px;
}
.prebid_full, .prebid_code {
    margin-top: 7px;
}
.prebid_tag_data.disabled,
.a9_tag_data.disabled {
	opacity: 0.3;
    pointer-events: none;
    display: none !important;
}

.add_custom_url,
.remove_custom_url
{
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin-top: 21px;
    width: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-style:Italic;
	min-width: 45px;
	height: 38px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top: 13px;
	background-color: #f2f2f2;
	color: #000000;
	cursor: copy;
	border: 1px solid #e6e6e6;
}
.remove_custom_url
{
	cursor: pointer;
}

.bidders-logo:hover .bl {
	cursor: pointer;
	    border: 1px solid var(--gray);
    background: rgba(0,0,0,0.05);
	/* box-shadow: 1px 1px 1px 1px #ddd; */
}

/*
.prebid_tag_data.disabled .prebid_full,
.prebid_tag_data.disabled .prebid_code {
	display: none !important;
}
*/
.bselect-input{
	display:none !important;
}
.bselect-disabledx{
	color: grey;
}

.bselect-disabledx::after {
	content: "\00a0 🗙";
	color: black;
}

/** Add to playlist modal - Only for Safari */ 
@media not all and (min-resolution:.001dpcm) { 
	.safari { 
		display:block !important;		
		top:0;
		left:0;
		right:0;
		bottom:0;
		padding-bottom: 15px !important;
		margin-bottom:  -156px !important;
	}
}

_::-webkit-full-page-media, _:future, :root #safari_pagination .pagination {

		position:absolute !important; 
  }
  _::-webkit-full-page-media, _:future, :root .for_safari {
		padding:20px !important;
}

_::-webkit-full-page-media, _:future, :root #playlistSelectAllVideos {
	margin: 0 15px 0 7px !important;
  }
  
  _::-webkit-full-page-media, _:future, :root #footer  {
		margin-top: 30px !important;
}

[class*="adsource-type "]:before {
	width: 60px;
    display: inline-block;
    text-align: center;
    font-style: normal;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    border-radius: 3px;
    margin-right: 10px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.adsource-type.adtag:before {
	content: 'VAST URL';
	background-color:#df900a;
}
.adsource-type.ron:before {
	content: 'RON';
	background-color:#ff0000;
}
.adsource-type.banner:before {
	content: 'BANNER';
	background-color:#b55eff;
}

.adsource-type.amazon:before {
	content: 'AMAZON';
	background-color:#f25824;
}

.adsource-type.prebid:before {
	content: 'PREBID';
	background:#19a8e1;
}
.adsource-type.spotx:before {
	content: 'SPOTX';
	background-color:#8ec641;
}
.adsource-type.branded_canvas:before {
	content: 'BRANDED CANVAS';
	background-color:#c35433;
	/* width: 110px; */
}

.adsource-type.prebid_amazon:before {
	content: 'PREBID + AMAZON';
	background-color:#a933c3;
	/* width: 110px; */
}

.popup {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 990; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow-y: scroll; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.popup-wrapper {
	position: relative;
	background-color: #fefefe;
	margin: 15px auto; /* 15% from the top and centered */
	padding: 1rem;
	border: 1px solid #888;
	width: 62.5em; /* Could be more or less, depending on screen size */
	border-radius:5px;
}

.popup .close-wrapper {
	position: absolute;
	    top: -5px;
    right: -10px;
}
.popup-wrapper .box {
	box-shadow: none;
}

.popup .close-popup {
	z-index: 10;
	color: #AAAAAA;
	cursor: pointer;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: 0.625rem;
	right: 1.375rem;
}

.popup .close-popup:hover {
	text-decoration: none;
	cursor: pointer;
}

/* Request card page */
.request_card_title {
	font-size: 1.5vw; 
	margin-top: 20px;
}

.request_card_small {
	margin-top: 10px;
	font-size: 14px;
	color: #939393;
	font-family: 'fjalla-one', sans-serif;
}

.request_card_included{
	font-weight: 300;
    font-size: 32px;
    /* border-bottom: 
2px
 solid var(--primary-color); */
    line-height: 35px;
    /* width: 
235px
; */
    margin-top: 2rem ;
    margin-bottom: 3rem;
}

.real_anlytics{
	font-family: 'fjalla-one', sans-serif;
	background: -webkit-linear-gradient(180deg, #ef2b1e, #414141); 
	-webkit-background-clip: text;  
	-webkit-text-fill-color: transparent; 
	display: -webkit-inline-box; 
	line-height: 40px;
}

.request_card_p_txt {
	font-size: 13px; 
	font-family: 'Roboto Condensed'; 
	margin-top: 0.5rem; 
	background: none; 
	-webkit-text-fill-color: black;
}
.row-title {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.subscriptionText{
	display: inline-block; 
	float: left; 
	text-align: left; 
	width: 370px; 
	font-size: 10px; 
	border:1px solid #e8e8e8; 
	border-radius: 10px; 
	padding: 10px;
}

.subscriptionText p {
	font-size: 10px
}

.plan-table {
	font-family: 'Roboto Condensed';
}
.table-lism-sm tr td, .table-lism-sm tr td a{
	font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2rem;
    font-size: 13px;
}
.table-lism-sm tr td a{
	text-decoration:underline;
}

.plays_table {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
}
.plays_table th, .plays_table td {
	padding: 10px;
	text-align: center;
	border: 1px solid #ddd;
}
table.plays_table tr td:last-child {
	text-align: center;
}
.plays_table tbody tr:first-child > td {
	border-top: 2px solid black;
}
.plays_table tbody tr:last-child > td {
	border-bottom: 2px solid black;
}
.black-link-small{
	font-size: 12px;font-weight: normal;color:#000;
	cursor:pointer;
}

.wizard h4,
.wizard h3 {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	line-height: 27px;
}
.wizard p {
	font-size: 14px;
	line-height: 18px;
}
.wizard .red-text {
	color: #EF2B1E;
}
.wizard #user-type {
	max-width: 600px;
	margin: 0 auto;
	vertical-align: middle;
}
.wizard #user-type .columns {
	padding: 0;
}
.wizard #user-type .columns:nth-child(1) {
	border-right: 0;
}
.wizard #user-type input {
	display: none;
}
.wizard #user-type label {
	line-height: 80px;
	font-weight: normal;
	margin: 0;
}
.wizard #user-type i {
	color: #909090;
	width: 65px;
	margin-right: 10px;
	border-radius: 50%;
	line-height: 65px;
	font-size: 32px;
	background-color: #ECECEC;
	vertical-align: middle;
}
.wizard #user-type .radio-custom:checked+label i {
	color: var(--primary-color);
}
.wizard #user-type .columns {
	border: 2px solid #F4F4F4;
}
.wizard #your-site {
	max-width: 320px;
	margin: 30px auto;
}
.wizard #your-site input {
	background-color: #F4F4F4;
	border: 1px solid #DEDEDF;
}

.wizard .info-box {
	position: relative;
	background-color: #C6E8FF;
	border: 1px solid #C3C3C3;
	box-shadow: 4px 4px 4px rgb(0 0 0 / 16%);
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	width: 209px;
	line-height: 40px;
	margin: 0 auto;
	border-radius: 8px;
}

.wizard .info-box-desc {
	font-size: 12px;
	line-height: 18px;
	padding-top: 12px;
	padding-bottom: 5px;
}

.wizard .info-box-desc {
	font-size: 12px;
	line-height: 18px;
	padding-top: 12px;
	padding-bottom: 5px;
}

.wizard .fa-check-circle {
	position: absolute;
	top: -20px;
	right: -20px;
	border-radius: 50%;
	background-color: white;
	color: #089E56;
	font-size: 36px;
}

.wizard .fa-play {
	color: white;
	font-size: 38px;
	line-height: 128px;
}

.wizard .info-box#domain {
	width: 310px;
	margin: 0 auto;
	line-height: 56px;
}

.wizard .info-box#player {
	width: 205px;
	margin: 0 auto;
	border-radius: 15px;
	line-height: 56px;
}

.wizard .info-box#player span {
	line-height: 27px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.wizard .info-box#template,
.wizard .info-box#adschedule {
	margin-top: 60px;
}

.wizard .info-box-wrapper {
	position: relative;
	display: inline-block;
	max-width: 210px;
	min-width: 120px;
	vertical-align: top;
}

.wizard .info-box#adsource1 {
	z-index: -1;
	position: absolute;
	right: -7px;
	bottom: -7px;
}

.wizard .info-box#adsource2 {
	z-index: -2;
	position: absolute;
	right: -14px;
	bottom: -14px;
}

.wizard .lines .fa-circle {
	font-size: 12px;
	line-height: 12px;
	color: #D9D9D9;
}

.wizard .lines .fa-play {
	font-size: 18px;
	color: #D9D9D9;
	line-height: 18px;
	vertical-align: middle;
}

.wizard .vertical {
	transform: rotate(-90deg);
	padding: 25px 0;
}

.wizard .bold-text {
	font-weight: 900;
}

#success_div{
	width: 425px;
	height: 558px;
	background-color: #FFFFFF;
}

.success-title{
    position: relative;
	top: 40px;
	text-align: center;
	text-transform: uppercase;
}

.platform-title{
	font-size: 22px;
	color:#24b07f !important;
}


.success-icon {
	background: #fff; 
	font-weight: 200;
	color: #00C058;
	padding: 2rem;
	border-radius: 5px 5px 0px 0px;
	position: relative;
	top: 30px;
	text-align: center;
}

.success-icon i {
	font-size: 130px;
}

.success-text {
	position: relative;
	padding: 1rem;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: center;
}

.success-text-bold {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: center;
	margin-top: 40px;

}


.verify_success{
	height: 500px !important;
}

.success-button-holder{
	position: relative;
	text-align: center;
}


.pass_notification{
	color:#ee3850;
	padding: 1em;
	position: relative;
    top: 5px;
    font-size: 13px;
}

.pass_notification_position {
    height: 50px;
    margin-top: 100px;
}

.subheading-form-text {
	font-size: 15px;
}


.resend-text {
	font-size: 14px !important;
}


.resend_link {
	color: var(--primary-color) !important;
	font-weight: 500 !important;
}

#contentLibrary-list .playerDiv {
	left: 31px;
}

.monetStatus.off.video-content-library::before {
    content: 'Library';
}

.compar-nav {
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.compar-nav-link {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 50%;
    text-align: center;
    height: 100%;

    text-decoration: none;
    border-right: 1px solid var(--border);
    border-left: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    background: #fbfbfb;

}
.compar-nav-link:first-child {
    border-top-left-radius: 5px;
}
.compar-nav-link:nth-child(2) {
    border-top-right-radius: 5px;
    border-left: 0;
}
.compar-nav-link.active {
    /*border-bottom: 0;*/
    background: white;
}

#partner_table table,
#sites_table table {
    border: none;
    border-collapse: collapse;
}

#partner_table,
#sites_table {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-collapse: collapse; 
    border-right: 1px solid var(--border); 
    border-bottom: 1px solid var(--border); 
    border-left: 1px solid var(--border);
    
}

#partner_table .partner_table_domain,
#sites_table .partner_table_domain {
    position: sticky;
    left: 0;
    z-index: 10; 
}

#partner_table .partner_table_domain::before,
#sites_table .partner_table_domain::before {
    content: ""; 
    display: none; 
}

#partner_table .partner_table_domain::after,
#sites_table .partner_table_domain::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: var(--border); 
    right: 0; 
}


#partner_table table.listing-table tr:nth-child(odd) .partner_table_domain,
#sites_table table.listing-table tr:nth-child(odd) .partner_table_domain {
    background:#fbfbfb;
}

#partner_table table.listing-table tr:nth-child(even) .partner_table_domain,
#sites_table table.listing-table tr:nth-child(even) .partner_table_domain {
    background: white;
}

#partner_table {
    overflow: auto;
}

#sites_table {
    overflow: auto;
}
.livestream-filter-left {
	float: left;
	margin-left: 30px;
}
.livestream-filter-right {
	float: right;

}

.pp-bg-color .wcolpick {
    z-index: 15;
}


.feedback-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.feedback-form {
    display: none;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    padding: 20px;
    width: 350px;
    margin-bottom: 10px;
    height: 500px;
    overflow: auto;
}

.form-visible .feedback-form {
    display: block;
    animation: slideIn 0.3s ease-out;
}

.feedback-toggle {
    background: var(--primary-color) !important;
    color: white;
    border: none;
    padding: 15px 25px;
    border-radius: 25px;
    cursor: pointer; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.feedback-toggle:hover {
    background: var(--button-hover);
    transform: translateY(-2px);
}

.feedback-form .hs-button {
    background-color: var(--primary-color) !important;
}

@keyframes slideIn {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
