/*** LATO FONT ***/
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato_Regular.ttf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato_Medium.ttf');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato_Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

/* ADDED NEW FOR PROGRESSBAR*/
h4.block-ui {
	padding: 15px 10px 0 10px !important;	
	font-weight: bold !important;
	font-size: 16px !important;
	border-bottom: none !important;
    text-transform: none !important;
}

div.progressBar {
	text-align: center;
	padding: 10px 10px 15px 10px;	
}
#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	top: 0;
	left: 0;
	z-index: 100;
}

#loading-info {
	position: fixed;
	top: 40%;
	left: 35%;
	width: 400px;
	height: 100px;
	color: #000;
	background: #FFF;
	text-align: center;
	opacity: 1;
	z-index: 101;
	font-weight: bold;
}

.loading-container {
	display: none;
}

.msg-info {
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 10px 10%;
	width: 80%;
	padding: 20px 10px;
	background: #0097d6;
	border-radius: 10px;
	position: relative;
}

.msg-info .close-info-btn {
    float: right;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    top: 0px;
    cursor: pointer;
}

.error {
    font-weight: bold !important;
    color: #F00 !important;
}

.to-right {
	float: right;
}

.to-left {
	float: left;
}

.t-left { text-align: left !important; }
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }

.v-top { vertical-align: top !important; }
.v-middle { vertical-align: middle !important; }
.v-bottm { vertical-align: bottom !important; }

.m0 { margin: 0 !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }

.p-t5, .p-t-5 { padding-top: 5px !important;}
.p-t10, .p-t-10 { padding-top: 15px !important;}
.p-t20, .p-t-20 { padding-top: 20px !important;}
.p-t30, .p-t-30 { padding-top: 30px !important;}
.p-t40, .p-t-40 { padding-top: 40px !important;}

.p-b5, .p-b-5 { padding-bottom: 5px !important;}
.p-b10, .p-b-10 { padding-bottom: 10px !important;}
.p-b15, .p-b-15 { padding-bottom: 15px !important;}
.p-b20, .p-b-20 { padding-bottom: 20px !important;}
.p-b30, .p-b-30 { padding-bottom: 30px !important;}
.p-b40, .p-b-40 { padding-bottom: 40px !important;}

.p-r5, .p-r-5 { padding-right: 5px !important;}
.p-r10, .p-r-10 { padding-right: 10px !important;}
.p-r15, .p-r-15 { padding-right: 15px !important;}
.p-r20, .p-r-20 { padding-right: 20px !important;}
.p-r30, .p-r-30 { padding-right: 30px !important;}
.p-r40, .p-r-40 { padding-right: 40px !important;}

.p-l5, .p-l-5 { padding-left: 5px !important;}
.p-l10, .p-l-10 { padding-left: 10px !important;}
.p-l15, .p-l-15 { padding-left: 15px !important;}
.p-l20, .p-l-20 { padding-left: 20px !important;}
.p-l30, .p-l-30 { padding-left: 30px !important;}
.p-l40, .p-l-40 { padding-left: 40px !important;}


.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-30 {
	margin-left: 30px;
}

.mt-4 {
	margin-top: 4px;
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-55 {
	margin-top: 55px;
}

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

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mr-10 {
	margin-right: 10px;
}

.margin-zero {
	margin: 0;
}

.pt-20 {
	padding-top: 20px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-30 {
	padding-right: 30px;
}

.pr-37 {
	padding-right: 37px;
}

.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

@media (min-width: 1280px) {
	.pl-10 {
		padding-left: 30px;
	}
}

.pl-15 {
	padding-left: 15px;
}

.padding-zero {
	padding-left: 0;
	padding-right: 0;
}

.uppercase {
	text-transform: uppercase;
}

.oh {
	overflow: hidden;
}

.dib {
	display: inline-block;
}

.clear {
	clear: both;
}

.border-right {
	border-right: 1px solid #D9D9DA;
}

.border-top {
	padding-top: 20px;
	border-top: 1px solid #D9D9DA;
}

.border-bottom {
	padding-bottom: 20px;
	border-bottom: 1px solid #D9D9DA;
}

input {
	background-color: #FFF;
	border: 1px solid #dadada;
	padding: 6px 5px;
	border-radius: 4px;
	box-shadow: none;
	max-width: 190px;
}

.btn-black {
	text-shadow: none;
	background-image: none;
	border: 1px solid #dedede;
	color: #fff;
	background-color: #333;
	border-radius: 0;
	padding: 6px 20px;
	font-weight: 700;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
	color: #333;
	background-color: #fff;
	border-color: #ADADAD;
}

.btn-black:hover,
.btn-black:focus {
	color: #fff;
	background-color: #333;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	color: #333;
	background-color: #FFFFFF;
	border-color: #ADADAD;
	box-shadow: none !important;
}

.btn-default {
	text-shadow: 0px 1px 0px #FFF;
	background-image: none;
	background-repeat: repeat-x;
	border-color: #CCC;
	border-radius: 0px;
	box-shadow: none;
	font-size: 12px;
}

.dropdown-menu {
	font-size: 12px;
	text-align: left;
	list-style: outside none none;
}

.dropdown-menu > li > a {
	padding: 3px 10px;
}

.btn-white {
	text-shadow: none;
	background-image: none;
	border: 1px solid #dedede;
	color: #333;
	background-color: #fff;
	border-radius: 0;
	padding: 2px 20px;
	font-weight: 400;
	width: 100%;
	margin-bottom: 7px;
}

.btn-white:hover,
.btn-white:focus {
	color: #333;
	background-color: #fff;
}

.btn2 {
	text-align: left;
}

.btn-gray {
	text-shadow: none;
	background-image: none;
	border: 1px solid #dedede;
	color: #fff;
	background-color: #b1b1b1;
	border-radius: 0;
	padding: 6px 20px;
	font-weight: 700;
}

.btn-gray:hover,
.btn-gray:focus {
	color: #fff;
	background-color: #b1b1b1;
}

.btn-gray2 {
	text-shadow: none;
	background-image: none;
	border: 1px solid #dedede;
	color: #fff;
	background-color: #b1b1b1;
	border-radius: 0;
	padding: 6px 20px;
	font-weight: 700;
	width: 84px;
}

.btn-gray2:hover,
.btn-gray2:focus {
	color: #fff;
	background-color: #b1b1b1;
}

.fp {
	font-size: 13px;
	color: #7d7d7d;
}

a {
	color: #333;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
	outline: none;
	color: #333;
}

li {
	list-style-type: none;
	cursor: pointer;
}

li:hover {
	color: #0097d6;
}

.btn:focus {
	outline: none;
	outline-offset: -2px;
}

body {
	font-family: Lato, sans-serif;
	font-weight: 400;
	font-size: 16px;
	background-color: #f6f6f6;
}

/*header*/
.bar {
	background-color: #333;
	box-shadow: 0px 1px 5px 1px #8c8c8c;
}

div.contact:hover,
div.log:hover {
	background-color: #444;
	color: #333;
}

div.contact,
div.log {
	padding: 10px 20px;
}

a.contact,
a.log,
a.login {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}

a.contact::before {
	font-family: FontAwesome;
	padding: 0px 5px;
	content: '\f0da';
	font-size: 16px;
}

a.log::before {
	font-family: FontAwesome;
	padding: 0px 5px;
	content: '\f08b';
	font-size: 16px;
}

a.login::before {
	font-family: FontAwesome;
	padding: 0px 5px;
	content: '\f090';
	font-size: 16px;
}

label {
	font-weight: 400;
}

.form-group {
	margin-top: 9px;
}

.form-control {
	display: inline;
	width: 100%;
	max-width: 180px;
	border-radius: 0;
	box-shadow: none;
	border-right-width: 0;
}

.form-control:focus {
	border-color: #ccc;
	outline: 0px none;
	box-shadow: none;
}

.btn-search {
	padding: 4px 12px 8px;
	text-shadow: none;
	background-image: none;
	background-color: #fff;
	border-color: #CCC;
	border-radius: 0;
	border-left-width: 0;
	margin-left: -5px;
	margin-top: -2px;
	color: #333;
}

.btn-caret {
	text-shadow: none;
	background-image: none;
	background-color: #fff;
	border-color: #CCC;
	border-radius: 0;
	border-left-width: 0;
	margin-left: -5px;
	margin-top: -3px;
	color: #333;
}

.btn:active, .btn.active {
	box-shadow: none;
}

.movie-list-delete-all-container {
	padding: 10px 0 10px 30px;
	background: url(../images/panel_right_bottom_repeater.png) repeat-y top center;
}

.active-block,
.disabled-block {
	padding: 10px 20px;
}

.active-block {
	color: #fff;
	background-color: #333;
}

.disabled-block {
	color: #333;
	background-color: #dedede;
}

.active-block a {
	color: #fff;
}

.active-block-sub,
.disabled-block-sub {
	padding: 10px 20px;
}

.active-block-sub {
	color: #333;
	background-color: #EFEFF0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #EFEFF0;
	border-left: 2px solid #fff;
	z-index: 1;
	padding-bottom: 13px;
	position: relative;
}

.disabled-block-sub {
	color: #333;
	background-color: #dedede;
	border: 1px solid #dedede;
}

.active-block-sub a {
	color: #333;
}

.active-block-sub-admin,
.disabled-block-sub-admin {
	padding: 10px 9px;
}

.active-block-sub-admin {
	color: #333;
	background-color: #EFEFF0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #EFEFF0;
	border-left: 2px solid #fff;
	z-index: 1;
	padding-bottom: 13px;
	position: relative;
}

.disabled-block-sub-admin {
	color: #333;
	background-color: #dedede;
	border: 1px solid #dedede;
}

.active-block-sub-admin a,
.disabled-block-sub-admin a {
	color: #333;
	font-size: 14px;
}

.tabs-menu {
	height: 47px;
}

/*sidebar*/
.sidebar {
	border: 2px solid #fff;
	background-color: #efeff0;
	margin-top: 10px;
	padding: 10px 20px;
}

.sidebar ul:first-child {
	padding-left: 0;
}

.search-box {
	margin-top: 15px;
	border-top: 1px solid #d9d9da;
	border-bottom: 1px solid #d9d9da;
	padding: 10px 0;
}

.search-box .form-control {
	display: inline;
	width: 100%;
	max-width: 220px;
	border-radius: 0;
	box-shadow: none;
	border-right-width: 0;
}

.btn-search-sidebar {
	padding: 4px 12px 8px;
	text-shadow: none;
	background-image: none;
	background-color: #fff;
	border-color: #CCC;
	border-radius: 0;
	border-left-width: 0;
	margin-left: -5px;
	margin-top: -3px;
	color: #333;
}

.modal-dialog {
	margin: 200px auto;
}

.mh {
	min-height: calc(100vh - 161px);
}

.active-li a {
	color: #0097d6;
}

.disabled-li {
	color: #808080;
}

/*breadcrumb*/
.breadcrumb {
	margin-bottom: 0px;
	margin-top: 14px;
	font-size: 17px;
}

.fa-angle-right {
	padding: 0 10px;
}

/*content*/
.content {
	border: 2px solid #fff;
	background-color: #efeff0;
	margin-bottom: 30px;
}

.sort {
	border-bottom: 2px solid #fff;
	box-shadow: 0px 9px 6px -5px rgb(217, 217, 218);
	background-color: #efeff0;
	padding: 15px 20px;
	height: 60px;
}

.sw1 {
	width: 127px !important;
}

.sw2 {
	width: 90px !important;
}

.sw3 {
	width: 190px !important;
	font-size: 16px;
}
.sw3 .btn-default {
	font-size: 16px;
}
@media (min-width: 1280px) {
	.sw1 {
		width: 180px !important;
	}

	.sw2 {
		width: 120px !important;
	}

}

.fa-th-list,
.fa-th-large {
	padding-left: 5px;
	cursor: pointer;
}

.list-box2 {
	border-bottom: 1px solid #d9d9da;
	padding: 20px 5px 15px;
	cursor: pointer;
}

.list-box {
	border-bottom: 1px solid #d9d9da;
	padding: 20px 5px 15px;
	cursor: pointer;
}

.list-box:hover {
	background-color: #dadada;
}

.list-box img:not(.org-img) {
	width: 200px;
}

.original img:not(.org-img) {
	width: 95px;
}

.white-box {
	background-color: #fff;
	margin: 5px 0;
	padding: 5px 0;
}

.white-big-box {
	background-color: #fff;
	margin: 5px 0;
	padding: 20px;
	border: 1px solid #ccc;
	min-height: 400px;
}

.white-big-box a:hover {
	color: #0097d6;
}

.form-control-area {
	max-width: 100%;
	border: 1px solid #dedede;
	background-color: #fff;
}

.form-control-search {
	max-width: calc(100% - 293px);
	border-right: 1px solid #ccc;
}

.form-control-login,
.form-control-pass {
	border-right: 1px solid #ccc;
}

.form-control-login {
	max-width: 80%;
}

.form-control-admin {
	max-width: calc(100% - 56px) !important;
	border-right: 1px solid #ccc !important;
}

.form-control-caret {
	max-width: calc(100% - 56px) !important;
}

.form-control-custom {
	max-width: calc(100% - 22px) !important;
	border-right: 1px solid #ccc !important;
}

.custom-width {
	width: 27%;
	float: left;
}

.square {
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}

.color1 {
	background-color: #54c0a2;
}

.color2 {
	background-color: #1c9ce3;
}

.color3 {
	background-color: #ee1c25;
}

.color4 {
	background-color: #f15a25;
}

.color5 {
	background-color: #662e93;
}

.color6 {
	background-color: #335836;
}

.color7 {
	background-color: #306d9a;
}

.color8 {
	background-color: #920611;
}

.color9 {
	background-color: #54c0a2;
}

.color10 {
	background-color: #db4522;
}

.color11 {
	background-color: #9d0260;
}

.color12 {
	background-color: #000000;
}

.color13 {
	background-color: #262626;
}

.color14 {
	background-color: #464646;
}

.color15 {
	background-color: #7d7d7d;
}

.color16 {
	background-color: #959595;
}

.color17 {
	background-color: #a46f47;
}

.color18 {
	background-color: #42a552;
}

.color19 {
	background-color: #0ac3d7;
}

.color20 {
	background-color: #c60467;
}

.color21 {
	background-color: #b13914;
}

.color22 {
	background-color: #92278f;
}

.color23 {
	background-color: #327762;
}

.color24 {
	background-color: #00377a;
}

.color25 {
	background-color: #ed1e79;
}

.color26 {
	background-color: #63487b;
}

/*footer*/
.blue,
.gray {
	height: 10px;
}

.blue {
	background-color: #0097d6;
}

.mt-42 {
	margin-top: 42px;
}

.mt-100 {
	margin-top: 100px;
}

.blue-color {
	color: #0097d6;
}

.gray {
	background-color: #333;
}

.gray-color {
	color: #333;
	opacity: 0.5;
}

footer {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 20px 0;
	margin-top: 30px;
}

#copyright img {
	padding-right: 10px;
}

.plus-icon {
	width: 15px !important;
	height: 16px;
}

.fa-shopping-cart,
.fa-plus,
.fa-cogs {
	padding-right: 10px;
}

.fa-play-circle-o,
.fa-times-circle-o,
.list-box .fa-eye {
	font-size: 18px;
	vertical-align: middle;
}

.fa-play-circle-o,
.list-box .fa-eye,
.fa-sort {
	color: #0097d6;
}

.fa-times-circle-o {
	color: #ed1c24;
}

.btn-black .fa-plus {
	padding-right: 0;
}

/*login*/
.bg {
	min-height: 87vh;
	background: #f2f2f2 url("../images/log-in-bg.jpg") repeat-x scroll left top;
	background-position: 0 43px;
}

#left {
	clear: both;
	float: left;
	height: 391px;
	#background: transparent url("../images/log-in-left.jpg") no-repeat scroll left top;
	z-index: -1;
}

.coversion_parameter_label {
	color: #000 !important;
	font-weight: bold !important;
	font-size: 16px !important;
	border: 1px solid #000 !important;
	padding: 10px 5px !important;
	width: auto !important;
	background: #FFF !important;
}

#DemoTree .active-category {
	color: #0ac3d7 !important;
}

.movie-list-options {
	padding-left: 5px;
	padding-right: 0px;
}

.movie-list-select-deselect-all {
	padding: 0 8px;
	font-size: 13px;
	border: 1px solid #000;
}

.content:not(#movie_list) h4 {
	padding: 10px 0;
	border-bottom: 1px solid #D9D9DA;	
	text-transform: uppercase;
}

.contact-form input, .contact-form textarea {
	max-width: none !important;
}

.simpleTreeMenu .Node .fa-caret-right {
	margin-right: 5px !important;
}

.simpleTreeMenu {
	margin-top: 15px !important;	
}

.waitMe_content {
	width: 20% !important;
	left: 40% !important;
	background: #FFF !important;
	opacity: 1 !important;
    border: 1px solid #000 !important;
    border-radius: 10px !important;
    padding: 20px 10px !important;
}

.waitMe_text {
    color: #000 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

#pag_info {
	font-weight: normal;
	font-style: italic;
}

#pag_info {
	padding: 0 2px;	
}

.org-img {
	vertical-align: middle;
}