@charset "utf-8";
/*------------------------------------------------------------------------------------------ Reset default 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0 !important; font-size: 100%; vertical-align: baseline; background: transparent; }

/*------------------------------------------------------------------------------------------ General
*/
body {
	color: #373737;
	background-color:#fff;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	font-weight:100;
	 overflow-x: hidden;
}

.wrapper {
	width:1200px;
	margin:0 auto;
}


/*------------------------------------------------------------------------------------------ Login
*/

.login_page {
	background-image:url(../img/vjbg.jpg);
	background-position:center;
	background-size:100%;
	position: fixed; 
	top: 0; 
	left: 0; 
	/* Preserve aspet ratio */
	min-width: 100%;
	min-height: 100%;
}

.login_box {
	position: absolute;
	top: 50%;
	left: 50%;
	width:450px; height: 250px;
	padding:50px 25px;
	margin-top:-210px;
	margin-left:-245px;
	color: #fff;
/*	color:rgba(69, 69, 69, 0.9); */
/*	background-color:rgba(242, 242, 242, 0.8);
	border:double #dfdfdf 2px;
*/
background-image:url(../img/login_bg.png);
background-position:top right;
background-repeat:no-repeat;

	display:block;

}

.login_box a{
	color:#dfdfdf !important;
}


.login_box table {
	width:100%;
}
.login_box table td{
	padding:10px;
}

.login_box th {
	text-align:center;
	font-size:16px;
	font-weight: normal;
	color:#f2f2f2;
	border-bottom: 3px solid #1b9bff;
	padding-bottom:20px;
}

.login_box input.input{
	padding:7px 10px;
	width:300px;
}

.advert_info {
	padding:30px;
	background-color: #dfdfdf;
	border: 1px solid #ccc;
	color: #888;
	text-align:center;
	width:300px;
}
.advert_total {
	font-family: Lato, Verdana, sans-serif;
	font-weight: 100;
	font-size: 25px;
}











/*------------------------------------------------------------------------------------------ Pages
*/

.wrapper {
	width: 1200px;
	margin:0 auto;
}

.page100 {
	width:100%;
	padding:30px 0;
}

h1 {
	font-weight:100;
	font-size:17px;
	line-height:20px;
	padding:20px 0;
}
/*
#custom_user {
	display: none;
}
*/
#custom_user .row .ui-button {
	min-width: 150px;
	margin:0 10px 10px 0;
}
.row.days .ui-button {
	min-width: 120px;
	margin-right:15px;
}

.dash_bg_img {
	background-image:url(../img/vojo_logo_bg.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-size: 1000px auto;
	min-height: 720px;
}

.dash_box .head {
	background-color: #1b9bff;
	color: #ffffff;
	text-align:center;
	display:block;
	overflow:hidden;
	font-size:15px;
	padding:7px;
	border-bottom:3px solid #127acb;
}
.dash_files {
	float:left;
	width:170px;
	margin-right:30px;
	margin-top:20px;
}
.dash_files p {
	margin-bottom: 7px;
}
.gauge {
	float:left;
	width:170px;
	margin-top:-30px;
}

.sch_run{
	margin-top:10px;
	width:75px;
	padding:15px 9px;
	float:left;
	font-size: 25px;
	text-align:center;
	color: #a2a2a2;
}
.sch_run.brdr {
	border-right: 1px solid #dfdfdf;
}
.sch_run p{
	margin-top:15px;
	font-size:10px;
	color: #666666;
}

.dash_box table {
	width: 100%;
	border-collapse: collapse;
}
.dash_box table th {
	text-align:left;
	border-bottom:1px solid #dfdfdf;
	padding:5px;
	font-weight: normal;
	color: #000000;
}
.dash_box table td {
	padding: 5px;
	color:#666666;
}

.budget {
	margin-top:10px;
	width:230px;
	padding:20px 30px;
	float:left;
	font-size: 25px;
	text-align:center;
	color: #a2a2a2;
}
.budget.brdr {
	border-right: 1px solid #dfdfdf;
}
.budget p{
	margin-top:15px;
	font-size:13px;
	color: #666666;
}

.dash_box .adv_budget{
	clear:left;
	margin-top:10px;
	border-top: 1px solid #dfdfdf;
	padding:15px 0;
}







/*------------------------------------------------------------------------------------------ Popup Pages
*/
.popup_wrapper {
	width:870px;
	height:560px;
	display:block;
	overflow:hidden;
}
.popup_wrapper .media_table_box {
	width:400px;
	margin:20px;
	float:left;
}
.popup_wrapper .preview {
	width: 380px;
	height: 240px;

/*	background-color:#f0f0f0;*/
	margin:20px;
	float:left;
}
.popup_wrapper .preview #view_selected {
	width:382px;
	height:240px;
	overflow:hidden;
}
.popup_wrapper table th {
	font-weight: normal;
	text-align:left;
	padding:7px 0;
	border-bottom: 1px solid #ccc;
}
.popup_wrapper table td {
	font-weight: normal;
	text-align:left;
	padding:4px 0;
}
.popup_wrapper table td:hover {
	background-color: #EDEDED;
	cursor: pointer;
}
.popup_wrapper input {
	padding:4px 12px;
	margin-left:10px;
	width: 335px;
	border:1px solid #ccc;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}
.popup_wrapper #confirm_presentation {
	padding:4px 7px;
	display:block;
	width:120px;
	text-align:center;
	border:1px solid #ccc;
	margin-top: 15px;
}
.popup_wrapper #confirm_presentation:hover {
	background-color:#1b9bff;
	color:#fff;
	cursor: pointer;
}

.popup_wrapper .dataTables_paginate {
	margin-top: 15px;
	padding-top: 15px;
	border-top:1px solid #ccc;
}
.popup_wrapper .paginate_button {
	padding:4px 7px;
	border:1px solid #ccc;
	margin-right: 3px;
}
.popup_wrapper .paginate_button:hover {
	background-color:#1b9bff;
	color:#fff;
	cursor: pointer;
}
.popup_wrapper .ui-progressbar {
	margin-top: 10px;
	height:7px;
	width: 380px;
}

.popup_topbar {
	width: 100%;
	background-color: #1b9bff;
	height: 10px;
	padding: 10px;
	display:block;
}
.popup_topbar.large {
	height: auto;
}
.popup_new_content {
	padding: 30px;
}







/*------------------------------------------------------------------------------------------ Custom popup boxes
*/

#cm_loader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
	background: rgba(255,255,255,0.95);
	z-index:900;
}
#cm_loader div{
	width:350px;
	height:150px;
	padding:50px;
	text-align:center;
	position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:30%; /* centers the loading animation vertically one the screen */
    background-image:url('../img/preloader.gif'); /* path to your loading animation */
	background-size: 96px 96px;
    background-repeat:no-repeat;
    background-position:center;
    margin:-33px 0 0 -200px; /* is width and height divided by two */
	z-index:901;
}

#edit_loader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
	background: rgba(255,255,255,0.9);
	z-index:900;
}
#edit_loader div{
	background-color: #fff;
	width:350px;
	height:15px;
	padding:50px;
	border: solid 1px #888888;
	text-align:center;
	position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:30%; /* centers the loading animation vertically one the screen */
    background-image:url('../img/fancybox/preloader.gif'); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-33px 0 0 -200px; /* is width and height divided by two */
	-moz-box-shadow: 0 0 25px #888;
	-webkit-box-shadow: 0 0 25px#888;
	box-shadow: 0 0 25px #888;
	z-index:901;
}


#pres_msg_overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
	background: rgba(255,255,255,0.9);
	z-index:900;
}
#pres_msg #pres_msg_child {
	background-color: #fff;
	width:350px;
	height:15px;
	padding:50px;
	border: solid 1px #888888;
	text-align:center;
	position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:30%; /* centers the loading animation vertically one the screen */
    background-image:url('../img/fancybox/preloader.gif'); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-33px 0 0 -200px; /* is width and height divided by two */
	-moz-box-shadow: 0 0 25px #888;
	-webkit-box-shadow: 0 0 25px#888;
	box-shadow: 0 0 25px #888;
	z-index:901;
}
#pres_msg #pres_msg_form {
	background-color: #fff;
	width:350px;
	padding:25px 50px;
	border: solid 1px #888888;
	text-align:center;
	position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:30%; /* centers the loading animation vertically one the screen */
    background-image:url('../img/fancybox/preloader.gif'); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-33px 0 0 -200px; /* is width and height divided by two */
	-moz-box-shadow: 0 0 25px #888;
	-webkit-box-shadow: 0 0 25px#888;
	box-shadow: 0 0 25px #888;
	z-index:901;
}
#pres_msg_form #close_msg {
	display:block;
	margin:10px auto 0;
	max-width:120px;
	padding:7px 10px;
	background-color:#dfdfdf;
	border: 1px solid #888888;
	cursor: pointer;
}
#pres_msg_form #close_msg:hover {
	background-color:#cdcdcd;
}










/*------------------------------------------------------------------------------------------ Boxes
*/

.row .box {
	line-height:25px;
	margin-bottom:25px;
}

.row .box h3 {
	font-size: 17px;
	font-weight:100;
	margin-bottom:10px;
}

.row .box.silver {
	border:1px solid #ccc;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	padding: 25px;
}










/*------------------------------------------------------------------------------------------ Grids
*/
.row .readonly {
	cursor:not-allowed;
	color: #888 !important;
}
	.row .readonly:hover {
		box-shadow: none !important;
	}
.row .col_gap {
	margin-right: 30px;
}
.row .big_gap {
	margin-right: 60px;
}

.row .tv{
	background-color:#000;
}

.row .tv .p1{
	background-color:#000;
}

#tv.p1 {
	margin-left:514px;
}
#tv.p2 {
	margin-left:514px;
	margin-top:289px;
}
#tv.p3 {
	margin-top:289px;
}

.container {
	width: 1200px;
	overflow:hidden;
}

.container .row {
	overflow:hidden;
	width:1200px;
}

.container .row .pres_left{
	width:370px;
	display:inline-block;
	float:left;
	overflow:hidden;
	margin-right:20px;
}
.container .row .pres_left .row {
	width: 370px;
	overflow:hidden;
	padding: 0 !important;
	margin: 0 !important;
}
.sl{
	display:inline-block !important;
	width:60px;
	margin-right:12px;
}

.sl_name{
	width:188px;
	display:inline-block !important;
	margin:0 !important;
}
.sl.label {
	font-size:11px;
}
.row .pres_left .row input{
	display:inline-block !important;
}

.container .row .pres_right{
	width:800px;
	float:left;
	overflow:hidden;
}

.container .row .pres_right button {
	margin-bottom: 12px;
}

.container .row .pres_tv{
	width:768px;
	height:432px;
	padding: 15px;
	display:block;
	float:left;
	overflow:hidden;
	background-color:#000000;
}
.container .row .pres_tv.blank {
	background-image:url(../img/tv_blank.jpg);
	background-position: center inherit;
	background-repeat:no-repeat;
}
.container .row .pres_tv.advert {
	background-image:url(../img/tv_advert.jpg);
	background-position: center inherit;
	background-repeat:no-repeat;
}

/* for schedule to fit into screen only */
.container.line5 .row {
	margin:2px 0 !important;
	padding:3px 0 !important;
}


.container.line15 .row {
	margin:10px 0;
	padding:5px 0;
}

.container .label {
	padding: 8px 0 4px 0;
}

/* 1-1 */
.container .row .col1-1{
	width: 100%;
}
/* 1-2 */
.container .row .col1-2{
	width: 585px;
	float:left;
}
/* 1-3*/
.container .row .col1-3{
	width: 380px;
	float:left;
}
/* 1-4 */
.container .row .col1-4{
	width: 277px;
	float:left;
}
.container .row .col1-4.last{
	width: 279px;
}
/* 1-5 */
.container .row .col1-5{
	width: 216px;
	float:left;
}
.container .row .col2-5{
	width: 432px;
	float:left;
}
/* 1-6 */
.container .row .col1-6{
	width: 175px;
	float:left;
}
.container .row .col2-6{
	width: 380px;
	float:left;

}
.container .row .col3-6{
	width: 585px;
	float:left;

}
/* 1-7 */
.container .row .col1-7{
	width: 145px;
	float:left;

}
.container .row .col1-7.last{
	width: 150px;
}
/* 1-12 */
.container .row .col1-12{
	width: 97px;
	float:left;

}
/* 1-15 */
.container .row .col1-15{
	width: 78px;
	float:left;

}
/* 2-15 */
.container .row .col2-15{
	width: 178px;
	float:left;

}

/* 1-18 */
.container .row .col1-18{
	width: 62px;
	float:left;

}
/* 1-20 */
.container .row .col1-20{
	width: 58px;
	float:left;

}
.container .row .col2-7{
	width: 320px;
	float:left;
}
.container .row .col4-7{
	width: 670px;
	float:left;
}





/*------------------------------------------------------------------------------------------ Tables
*/
.view_all_tb {
  border-collapse: collapse !important;
  border-spacing: 0px;
  width:1155px;
  margin:10px 0;
}

.view_all_tb td, .view_all_tb th {
	width:auto;
	padding:8px 10px;
	font-weight:100;
}
.view_all_tb th {
	background:#333;
	color:#fff;
	padding:10px 0;
}










/*------------------------------------------------------------------------------------------ Buttons
*/

.login_box .button {
	float:right;
	border:0;
	font-size: 14px;
	padding:4px 12px;
	min-width:120px;
	cursor: pointer;
	color: #fff;
	background: #333;
	border-bottom: 2px solid #1b9bff;
}

.login_box .button:hover {
	background: #585858; 

}


.cm_button {
	border:0;
	font-size: 14px;
/*
	border-radius: 5px 5px 0 0; 
	text-shadow: rgb(255, 255, 255) 1px 1px 0;
*/	
	padding:4px 12px;
	min-width:120px;
	cursor: pointer;
	text-decoration:none;
}

.cm_button.green {
	color: #fff;
	background: #398235;
	border-bottom: 2px solid #044b00;
}

.cm_button.green:hover {
	background: #066b00;
}

.cm_button.blue {
	color: #fff;
	background: #358EEC;
	border-bottom: 2px solid #04529B;
}

.cm_button.blue:hover {
	background: #2A61B5;
}

.textal {
	color:#454545;
	text-align:center;
	background-color:#dfdfdf;
	border:1px solid #ccc;
	width:44px;
	font-size:14px;
	font-weight:100;
	padding:3px;
	margin-left:3px;
	cursor: pointer;
	display:inline-block;
}
.textal:hover {
	background-color:#ccc;
}
.textal.active {
	background-color:#1b9bff;
	color:#fff;
}








/*------------------------------------------------------------------------------------------ Messages
*/

ul.error{
	line-height: 21px;
	padding:15px 15px 15px 75px;
	margin-bottom: 30px;
	list-style:none;
	background-position: 20px 50%;
	background-size: 30px;
	background-repeat:no-repeat;		
	background-color: #FFA3A4;
	background-image:url(../img/error.png);
	color: #900002;
	border:1px solid #900002;

}

ul.confirm{
	line-height: 21px;
	padding:15px 15px 15px 75px;
	margin-bottom: 30px;
	list-style:none;
	background-position: 20px 50%;
	background-size: 30px;
	background-repeat:no-repeat;		
	background-color: #8ffd99;
	background-image:url(../img/confirm.png);
	color: #004d07;
	border:1px solid #004d07;
}










/*------------------------------------------------------------------------------------------ Helpers
*/
.mtn20 {
	margin-top: -20px;
}
.mt20 {
	margin-top:20px;
}
.mt40 {
	margin-top:40px;
}

.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml40 {
	margin-left: 40px;
}

.ml80 {
	margin-left: 80px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.go_left {
	float:left;
}

.cleaner {
	clear:both;
}

.cl_left {
	clear:left;
}

.txtc {
	text-align:center;
}

i.c-pointer {
	cursor: pointer;
}








/*------------------------------------------------------------------------------------------ Forms
*/

.hl_error {
	background-color:#FFDADA;
	border-color: #900002 ;
}


.hl_error ul {
	background-color:#FFDADA;
	border-color: #900002 ;
}
.hl_error .custom-file-upload {
	background-color:#FFAAAC !important;
	border-left-color: #900002 !important;
	color: #900002 !important;
}
.cm_form{
	width: 100%;
}

.cm_form .mand {
	color: red;
	font-weight:600;
}

.cm_form textarea {
	resize:none;
}

.cm_form input[type=text], .cm_form input[type=password], .cm_form textarea, .cm_form select, .cm_form textarea {
	padding:4px 12px;
	border:1px solid #ccc;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

select.sl {
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	padding:3px 12px;
	outline: none !important;
}

.cm_form input[type=text]:focus, .cm_form input[type=password]:focus, .cm_form select:focus, .cm_form textarea:focus, 
.cm_form input[type=text]:hover, .cm_form input[type=password]:hover, .cm_form select:hover, .cm_form textarea:hover
{
	border:1px solid #ccc !important;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}
.cm_form input[type=text]:focus, .cm_form input[type=password]:focus, .cm_form select:focus, .cm_form textarea:focus {
	background-color:#fff;
}

.cm_form input mr20 {
	margin-right: 20px;
}

.cm_form input.wide, .cm_form select.wide, .cm_form textarea.wide {
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	width:330px;
}
.cm_form select.swide {
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	width:377px;
}
.cm_form select.time {
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	width:125px;
}
.cm_form .timegap {
	width:45px;
	text-align:center;
	display: inline-block;
}

.cm_form select.time.right {
	float: right;
}

.cm_form input.superwide {
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	width:680px;
}

.remove_field {
	display:inline-block;
	width: 63px; height:20px;
	text-align:center;
	padding:3px;
	overflow:hidden;
	margin-left:20px;
	float:right;
	text-decoration:none;
	color: #fff;
	background: #8f0222;
}
.remove_field:hover {
	background: #a90329;
}

#file_up_name {
	width:260px; 
	overflow:hidden; 
	display:inline-block;
	white-space: nowrap;
}
.cm_form .file_up {
	width:369px;
	height:17px;
	overflow:hidden;
	padding: 4px 17px;
	display:inline-block;
	border: 1px solid #ccc;
}

.cm_form .file_up:hover {
	background-color:#fff;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}


input[type="file"] {
    display: none;
}
.custom-file-upload {
    border-left: 1px solid #ccc;
    display: inline-block;
    padding: 8px 12px;
	margin:-8px -17px 0 0 !important;
    cursor: pointer;
	float:right;
	background-color:#cdcdcd;
}
.custom-file-upload:hover {
	background-color:#dfdfdf;
}










/*
.bgimage_row {
	display:none;
}
*/
/*------------------------------------------------------------------------------------------ Media Gallery
*/
.media_select {
	width: 165px;
	height:90px;
	margin:5px;
	padding:5px;
	overflow:hidden;
	display:inline-block;
	cursor: pointer;
	background-image:url(../img/transp_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.media_select:hover {
	background-color:#f3f3f3;
}

.media_select p{
	margin-top:10px;
	text-align:center;
	font-size:11px;
}

.media_select .img {
	width: 175px;
}
.media_select img {
	max-width: 165px;
	height:90px;
	display:block;
	margin:0 auto;
	vertical-align:middle;
}
.no_media {
	width:250px;
	display:block;
	text-align:center;
	background-color:#dfdfdf;
	border:1px solid #ccc;
	color:#888;
	padding:30px 50px;
	margin:140px auto;
}

select.wide_media {
	padding: 5px 10px;
	border: 1px solid #ccc;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	width:330px;
}