@font-face{font-family:'DejaVu Sans Condensed';src:url(../fonts/dejavu-sans-condensed-webfont.eot);src:url(../fonts/dejavu-sans-condensed-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/dejavu-sans-condensed-webfont.woff2) format('woff2'),url(../fonts/dejavu-sans-condensed-webfont.woff) format('woff'),url(../fonts/dejavu-sans-condensed-webfont.ttf) format('truetype'),url(../fonts/dejavu-sans-condensed-webfont.svg#dejavu_sans_condensedregular) format('svg')}
#header-navbar {background: #5C90D2;padding-bottom: 0px }
body.fullscreen-block {overflow: hidden}
body.fullscreen-block .block { overflow-x: hidden}
body.fullscreen-block .side-header button {display: none}
body.fullscreen-block .nav-header .katapy-logo { display:block !important; margin-left:-22px; }
.side-overlay-o tr.active { background: #77A3DA40; }
@media screen and (min-width: 992px) {
  body.fullscreen-block .header-navbar-fixed.sidebar-l.sidebar-o #header-navbar { left:0; }
  body.fullscreen-block #sidebar {display: none}
}
.label {display: inline-block; padding: 0.35em 0.6em; }
label { -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ }
.no-select { -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ }
td, th { -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ }
.tooltip { -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ }
.modal-title { -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ }
.breadcrumb { -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ }

.folder-nav-btn-group button {padding: 9px}
span.link-effect { color: #5c90d2; }
.nav-main a > i { text-align: center; }
.nav-main .nav-main-heading.title {color:rgba(255,255,255,0.8);}
.nav-main .nav-main-heading.title span {color:rgba(255,255,255,0.8);}
.help-block {float:right;position: absolute;bottom: -20px;right: 20px}

/*.taglist { display: block; max-height: 46px; overflow: hidden }
.table tr:hover .taglist { overflow: visible; } */

.logo-text {font-family: 'DejaVu Sans Condensed', sans-serif; font-weight: normal;}
.side-header {background-color:#5C90D2;}
.side-header img {margin-top:-6px;}
.nav-main {margin-bottom:80px;}
.nav-main > li:first-child {margin-top:-13px;}
.nav-main > li.back-nav {background:#ffffff10;}
.nav-main > li.back-nav a:hover{background:#ffffff10;}
.nav-main li.open ul span {width:140px; max-height:19px; display: inline-block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; line-height: 22px; overflow: hidden; word-wrap: break-word; word-break: break-all; white-space: nowrap;}
.nav-main li.open ul ul span {width:120px; }
.nav-main li.open ul ul ul span {width:100px; }
.nav-main li.open ul ul ul ul span {max-width:80px; }
.nav-main li.open ul i {display:inline; float: left; margin-top:5px;}
.nav-main ul a {padding-left:10px;margin-left:-10px;}

#page-loader { opacity:0.4; }
.dropdown-menu .input-group-addon, .dropdown-menu .input-group-btn { vertical-align: top;  }
.btn-header { color: rgba(255,255,255,0.8); background-color: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.1); }
.btn-header.active.focus, .btn-header.active:focus, .btn-header.active:hover, .btn-header:active.focus, .btn-header:active:focus, .btn-header:active:hover, .btn-header:hover, .open>.dropdown-toggle.btn-header.focus, .open>.dropdown-toggle.btn-header:focus, .open>.dropdown-toggle.btn-header:hover { color: rgba(255,255,255,1); background-color: rgba(255,255,255,0.3); border-color: rgba(255,255,255,0.3); }
.btn-header .badge { background-color:#d26a5c; }

/*.fc-today {background-color: #EEE !important;}
.fc-today.fc-day {background-color: #EEE;}*/
/*.fc thead th.fc-widget-header {background-color: #EEE !important;}*/
.fc-toolbar.fc-header-toolbar {zoom: 0.85; margin-top: -15px}
.fc-today-button {margin-right:10px !important;}
.fc-bgevent.approved {background-color: #1EA43340 !important; text-align: center; font-size: 2.2em; opacity: 1; vertical-align: middle; color: #1EA433;}
.fc-bgevent.pending {background-color: #FDD31F40 !important; text-align: center; font-size: 2.2em; opacity: 1; vertical-align: middle; color: #FDD31F;}
/*.fc-view { width: 100%; overflow: visible; }*/
.fc-scroller { /*overflow-y: hidden !important; */}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { /* margin-right: 15px; */ }
/*
.fc-time-grid-event {left:0% !important;margin-right:0 !important;}
.fc-fixed-event {left:30px !important;right:30px !important;} */
.fc-state-down, .fc-state-active {background-color: #fefefe; border-color: #eee; box-shadow: 0 2px #5c90d2}
.fc-state-hover { background-color: #f3f3f3; border-color: #e6e6e6; box-shadow: 0 2px #5c90d2; color: #5c90d2; }
.fc-basic-view .fc-body .fc-row { min-height:6em; }
.fc-event .fc-title i { float:left; font-size:1.2em; }
.fc-event.fc-short .fc-title i { float:none; font-size:1em; }
.fc-event.fc-short .badge { zoom: 0.6; margin-right: 7px !important; }
.fc-month-view .fc-event .badge { zoom: 0.6; margin-right: 0px !important; }
.fc-month-view .fc-event .fc-time i { display:none; }

.js-nav-edit-btn { margin-top: 5px !important; margin-right: 6px !important }
.js-nav-edit-btn.si-shuffle { margin-top: 1px !important; margin-right: 6px !important }
.folder-nav ul { padding-left: 30px; }

.fc-event:hover { box-shadow: inset 0 0 0 3px #ffffff; }
.fc-event.published:hover { box-shadow: none; cursor: default !important;}
.fc-event.published {opacity: 0.8}

.js-autocomplete { background-image: url("data:image/svg+xml,%3Csvg width='40' height='60' viewBox='0 0 40 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 22a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm6.321-1.096l5.386 5.39a1 1 0 1 1-1.414 1.413l-5.386-5.388a8 8 0 1 1 1.414-1.415z' fill='#646464' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: 99% -2px; padding-right: 40px /*background-image: linear-gradient(65deg, transparent 50%, gray 50%), linear-gradient(115deg, gray 50%, transparent 50%), linear-gradient(to right, #fff, #fff); background-position: calc(100% - 9px) calc(1em + 1px), calc(100% - 6px) calc(1em + 1px), calc(100% - 2.5em) 0.5em; background-size: 5px 6px, 5px 6px, 1px 1.5em; background-repeat: no-repeat; */ }
.js-autocomplete.loading, .js-autocomplete.stroke { background-position: 99% 6px; background-image: url("data:image/svg+xml,%3Csvg height='20' viewbox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E path %7B -webkit-animation: rotate 1s linear infinite; -moz-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; transform-origin: 10px 10px; %7D @-webkit-keyframes rotate %7B 100%25 %7B transform: rotate(360deg) %7D %7D @keyframes rotate %7B 100%25 %7B transform: rotate(360deg) %7D %7D %3C/style%3E%3Cg fill='none' stroke='%23646464' stroke-width='4'%3E%3Ccircle cx='50%25' cy='50%25' r='8' stroke-opacity='0.3'%3E%3C/circle%3E%3Cpath d='M10,2 A8,8 0 0,1 18,10'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
.js-autocomplete::-webkit-input-placeholder { opacity: 0.8; color: black; } /* Chrome/Opera/Safari */
.js-autocomplete::-moz-placeholder { opacity: 0.8; color: black; } /* Firefox 19+ */
.js-autocomplete:-ms-input-placeholder { opacity: 0.8; color: black; } /* IE 10+ */
.js-autocomplete:-moz-placeholder { opacity: 0.8; color: black; } /* Firefox 18- */

.list-events > li.disabled {cursor: default;}
.list-events > li:before { color: #999; font-weight: 100; font-size: 1.2em/*color: rgba(255, 255, 255, 1); text-shadow: 1px 1px 0px rgba(0,0,0,0.3);*/ }
.list-events > li.video:before { content: "\f047"; /*content: "\f03d"; display: none*/ }
.list-events > li.playlist:before { content: "\f047";/*content: "\f03a"; display: none */ }
.list-events > li.disabled:before { display: none }
.playlist-search .list-events > li.video:before { display: none; }

.btn-image.btn-header-icon {padding-left: 15px}
.btn-image.btn-header-icon i {padding-right: 8px}
.img-avatar-thumb {max-width:100%;}

#global-search-icon { color:rgba(255,255,255,0.8); cursor: pointer;}
#global-search { color:rgba(255,255,255,1); background-image: none; }
#global-search::placeholder { color:rgba(255,255,255,0.8); opacity: 1; /* Firefox */ }  /* Chrome, Firefox, Opera, Safari 10.1+ */
#global-search:-ms-input-placeholder { color:rgba(255,255,255,0.8); } /* Internet Explorer 10-11 */
#global-search::-ms-input-placeholder { color:rgba(255,255,255,0.8); } /* Microsoft Edge */
#global-search:focus {
  -webkit-box-shadow: 0 2px 0 rgba(255,255,255,0.8);
  box-shadow: 0 2px 0 rgba(255,255,255,0.8);
}
#global-search:focus + label {
  color: rgba(255,255,255,0.8);
}
#global-search:focus ~ .input-group-addon {
  color: rgba(255,255,255,1);
  -webkit-box-shadow: 0 2px 0 rgba(255,255,255,0.8);
  box-shadow: 0 2px 0 rgba(255,255,255,0.8);
}
@media screen and (max-width: 767px) {
	#global-search-icon { color:rgba(0,0,0,0.6); }
	#global-search { color:rgba(0,0,0,0.7);  }
	#global-search::placeholder { color:rgba(0,0,0,0.6); opacity: 1; /* Firefox */ }  /* Chrome, Firefox, Opera, Safari 10.1+ */
	#global-search:-ms-input-placeholder { color:rgba(0,0,0,0.6); } /* Internet Explorer 10-11 */
	#global-search::-ms-input-placeholder { color:rgba(0,0,0,0.6); } /* Microsoft Edge */
	#global-search:focus {
	  -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	  box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	}
	#global-search:focus + label {
	  color: rgba(0,0,0,0.6);
	}
	#global-search:focus ~ .input-group-addon {
	  color: rgba(0,0,0,0.2);
	  -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	  box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	}
}

.playlist-search .list-events > li {background: #f9f9f9 !important; margin: 0; border: 1px solid #e9e9e9; cursor: pointer;}
.playlist-search .list-events > li span { margin-right: 36px; display: block }
.playlist-search .list-events > li button { position: absolute; top: 10px; right:10px; }

.bootstrap-datetimepicker-widget {z-index:9931;display: block !important;}
@media (min-width: 992px) {
  	.bootstrap-datetimepicker-widget {left:-90px !important;}
}
span.su { opacity: 0.5 }

.img-container .img-options-highlight { display: none; }
.img-container .img-options-highlight .css-checkbox { margin-top:-2px;margin-left:-4px; }
.img-container.selected .img-options-highlight { display: block; opacity: 1;border:4px solid #47c37b;background:transparent; }
.img-container .img-options-content h4 { word-wrap: break-word; padding: 10px }
p {line-height:1.2;}
.breadcrumb ul {text-transform: none;}
.push-1-r { margin-right:1px; }
.nav-header .header-search {width:300px;}
.nav-header .header-search .global-search-form-group .icon-global-search-loading {display: none}
.nav-header .header-search .global-search-form-group.loading .icon-global-search-loading, .nav-header .header-search .global-search-form-group.stroke .icon-global-search-loading {display: block}
.nav-header .header-search .global-search-form-group.loading .icon-global-search, .nav-header .header-search .global-search-form-group.stroke .icon-global-search {display: none}
.header-navbar-fixed #header-navbar {z-index:9930;}
.table-toolbar-fixed { position:fixed; top:60px; padding:15px 0px 10px 50px; width:100%; z-index: 10; left:250px;}
.table-toolbar-fixed-mini-sidebar {left:50px;}
@media screen and (max-width: 993px) {
  .table-toolbar-fixed, .table-toolbar-fixed-mini-sidebar {left:0px;}
}
.table-toolbar-fixed .tooltip {z-index: 9931; display:none !important; }
.table-toolbar button { box-sizing: border-box; height: 34px; }
/*.table-toolbar button i { height: 20px; } top: 0; bottom: 0;}*/
/*.table-toolbar button i.glyphicon { height: 22px; }*/
/*.table-toolbar button span { height: 20px; }*/

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {background-color: #77A3DA40;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px 10px; }
.btn-group-vertical>.btn, .btn-group>.btn {margin-bottom:5px;}
.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {margin-left:0px;}

.selector-column-fixed { position:fixed; top:70px; padding:0px; z-index: 10; right:30px; overflow-y: scroll}
.selector-column-fixed::-webkit-scrollbar { width: 10px; } /* width */
.selector-column-fixed::-webkit-scrollbar-track { background: #f1f1f1;  } /* Track */
.selector-column-fixed::-webkit-scrollbar-thumb { background: #888; } /* Handle */
.selector-column-fixed::-webkit-scrollbar-thumb:hover { background: #555; } /* Handle on hover */
@media screen and (max-width: 993px) {
  .selector-column-fixed { position: relative; top:0; right:0px; }
}

table.dataTable { width:100% !important; }
table.dataTable.no-footer { border-bottom: none !important; }
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td { border-bottom: inherit; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: inherit; border: inherit; cursor: pointer; }
.dataTables_wrapper .dataTables_paginate .paginate_button { cursor: pointer; padding: 0.25em 0.15em; }
div.dataTables_processing>div:last-child>div { background: #999999; }
.modal-dialog .block.selector { min-height: 230px; }
.modal-dialog .block .table-loader {display: none !important;}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { border: 1px solid #e6e6e6; }
.js-dataTable-full { margin:0px 0px; overflow-y: visible !important; width:100% !important; font-size: 1em; /*min-height: 240px*/ }
.js-dataTable-full tbody td { cursor:pointer; -webkit-user-select: auto; /* Safari */ -moz-user-select: auto; /* Firefox */ -ms-user-select: auto; /* IE10+/Edge */ user-select: auto; /* Standard */ padding: 8px 10px !important; }
.js-dataTable-full .btn-group button { float: none;display: inline-block; }
@media screen and (max-width: 767px) {
  .dataTables_wrapper { margin-top:-25px; }
  .dataTables_wrapper .row:first-child .col-sm-10:nth-child(2) { width:100%; }
  .dataTables_wrapper .row:first-child .col-sm-10:nth-child(2) label {width:100%; padding:5px;}
  .dataTables_wrapper .row:first-child .col-sm-10:nth-child(2) input {width:100%;}
.dataTables_wrapper .row:last-child .col-sm-8:first-child { width:100%; }
.dataTables_wrapper .row:last-child .col-sm-8:nth-child(2) { width:100%; }
}
.zoom:hover div.lazyload { transform: scale(1.8); transition: transform 0.1s linear; position: relative; z-index: 2000; }
/*.zoom:hover .fa-stack { opacity: 0; transition: opacity 0.75s linear; }*/
.form-group.last { padding-bottom: 20px; border-bottom:1px solid #eee; }
.border-success { border-left: #46c37b solid !important; }
.border-danger { border-left: #d26a5c solid !important; }
.border-warning { border-left: #f3b760 solid !important; }
.border-muted { border-left: #999999 solid !important; }

.nav-tabs>li>a { border-radius: 0px; margin-right:0px; border:none;background:#f9f9f5;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:none;}
.block > .nav-tabs.nav-tabs-alt > li > a {background:#f3f3f3;}
.block > .nav-tabs > li.active > a, .block > .nav-tabs > li.active > a:hover, .block > .nav-tabs > li.active > a:focus {background-color: white}
.nav-tabs { border:none;margin-top:3px; }
.nav-tabs>li.disabled {opacity: 0.75; cursor: not-allowed;pointer-events: none;}
.nav-stacked>li+li { margin-top:0px; }
.dialog-tabs i {width:14px;text-align: center;}

.alert-default { background-color: rgba(0,0,0,0.03); -webkit-box-shadow: 0 2px rgba(0,0,0,0.1); box-shadow: 0 2px rgba(0,0,0,0.1); }
.alert p { line-height: 1.5; }

.header-search { width: 510px; }
.header-search select { position: relative; float: left;margin-top:0px;margin-right: 8px;width:0px; background:none; color:white;}
.header-search select:focus {background: white; color: #999999; }
.header-search select option { color: #999999; }
.nav-header .header-search.header-search-xs-visible > form { position: relative; float: left; width:300px }
.sidebar-mini .nav-header .katapy-logo { display:block !important; margin-left:-22px; }
@media screen and (max-width: 767px) {
  .nav-header .header-search.header-search-xs-visible > form { width:100% }
  .header-search { width: 100%; }
  .header-search select { width: 100% !important;background: white; color: #999999; }
  .nav-tabs li { width:100%; }
  /*.nav-tabs li:first-child { margin-top:10px; }*/
  /*
  .block > .nav-tabs > li.active > a, .block > .nav-tabs > li.active > a:hover, .block > .nav-tabs > li.active > a:focus { background-color:#8db2e0; color:white; }*/
}

select option:disabled { color: #00000060; }

#page-container { background:white; }
#main-container { background: #eee; } /*rgba(150,181,220,0.5); } */
.page-heading { margin-bottom:auto; }
.page-heading span.small { font-size: 16px }
.page-heading span.small i {font-size: 12px; font-weight: normal;padding:0 10px }

.bg-katapy {background-color:#5C90D2;}

.block.block-opt-fullscreen {top:60px;}
.block.bg-gray-lighter { background-color: #f9f9f9;  }
.layer { background: rgba(0,0,0,0.8);width: 100%;height: 100%;max-height: 540px;position: absolute;top:0px;left:0px; }
.block .thumb-1 { min-width:55px;background-size:contain !important; background-repeat: no-repeat !important; background-position: center !important; padding-bottom:56.25%;margin-bottom:0px;border-radius: 4px; }
.block .thumb-1 i {  } 
.block .thumb-1-title { font-size: 16px;color:rgba(0,0,0,0.6); }
.block .thumb-2 { min-width:55px;background-size:contain; padding-bottom:56.25%;margin-bottom:0px;border-radius: 4px; }
.block .thumb-2-title { font-size: 16px;color:rgba(0,0,0,0.6); }
.block .thumb-2 { min-width:55px;background-size:contain; padding-bottom:150%;margin-bottom:0px;border-radius: 4px; }
.block .thumb-2-title { font-size: 16px;color:rgba(0,0,0,0.6); }
.block .thumb-1.bg-gray {background-color:#eee;}
.block-rounded {overflow: hidden}

.row-snug {margin-left:-30px;margin-right: -30px;}
.row-snug .block {margin-top:-30px; margin-bottom:0px;cursor: pointer; }
.row-snug .block-header {padding-left:15px }
.row-snug .col-sm-12 {padding:0px;}
@media screen and (max-width: 767px) {
  .row-snug {margin-left:0px;margin-right: 0px;}
  .row-snug .block {margin-top:-15px;}
}

.ribbon-default .ribbon-box {
  background-color: #545454;
}
.ribbon-default.ribbon-bookmark .ribbon-box:before {
  border-color: #545454;
  border-left-color: transparent;
}
.ribbon-default.ribbon-bookmark.ribbon-left .ribbon-box:before {
  border-color: #545454;
  border-right-color: transparent;
}
.ribbon-default.ribbon-modern .ribbon-box:before {
  border-color: #545454;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-default.ribbon-modern.ribbon-bottom .ribbon-box:before {
  border-color: #545454;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-default.ribbon-modern.ribbon-left .ribbon-box:before {
  border-color: #545454;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-default.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
  border-color: #545454;
  border-top-color: transparent;
  border-right-color: transparent;
}

.bg-neutral { background-color: #545454; }

/*
@media screen and (min-width: 992px) {
	#sidebar { width: 250px; }
}*/
.nav-main a .badge { margin-right: 10px }
.nav-main a.nav-submenu .badge { margin-right: 0px }

.search-hidden {display: none !important;}

/*
@media screen and (max-width: 1750px) {
	.js-media-filter {clear:both;}
}*/

.one-line { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height: 30px; overflow: hidden;}
.two-lines { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 52px; overflow: hidden;}
.three-lines { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 90px; overflow: hidden;}
.four-lines { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; height: 76px; overflow: hidden;}

/*
.js-media-filter-items .one-line { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height: 22px; overflow: hidden;}
.js-media-filter-items .two-lines { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 42px; overflow: hidden;}
.js-media-filter-items .three-lines { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 64px; overflow: hidden;}
*/
.search-filter { float: right; }
.search-filter input { width:120px; margin-left:5px; }
/*@media screen and (max-width: 767px) {*/
  .search-filter { width:100%; }
  .search-filter label { width:100%; }
  .search-filter input { width:100%; margin-left:0px; }
  .nav-stacked>li {float:left}
  .modal-dialog .nav-stacked>li {float:none}
/*}*/
@media (max-width: 767px) {
  .modal-dialog {width: 600px; }
  .modal:before { height:auto !important; }
}
@media (max-width: 600px) {
  .modal-dialog {width: 570px; }
}
@media (max-width: 570px) {
  .modal-dialog {width: 520px;}
}
@media (max-width: 540px) {
  .modal-dialog {width: 500px;}
}
@media (max-width: 510px) {
  .modal-dialog {width: 480px;}
}
@media (max-width: 480px) {
  .modal-dialog {width: 450px;}
}
@media (max-width: 450px) {
  .modal-dialog {width: 420px;}
}

.modal-backdrop.in.dark {opacity: 0.5}

.search-filter input {display:block !important;width: 100% !important}
.dt-buttons {float:right;display: none}
.dt-buttons button {padding:5px 10px;}
@media (min-width: 768px) {
  [type=search] { margin-left:7px; }
  .dataTables_info, .dataTables_paginate { font-size: 0.9em; /*margin-top:-20px;*/ }
  .dataTables_info {padding: 0px 5px}
  .dataTables_paginate { float:right; padding: 0px 5px }
  .dataTables_filter label {float:right;padding: 0px 5px; }
  .dataTables_length label {margin-left:0px;padding: 0px 5px}

}

@media screen and (max-width: 767px) {
  .dataTables_length {display: none}
}

@media screen and (max-width: 767px) {}
div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_filter input {
    width: auto;
}
div.dataTables_wrapper div.dataTables_processing { margin-top: 30px; top:  100%; }
/*input[list] {width:45px;min-width:45px;margin-top:-3px;}
tags tag {margin:5px 0 0px 5px}
tags tag > div {font-size: 13px;font-weight: 600; color:white; padding:0.2em 1.7em 0.2em 0.5em; }
tags tag > div::before {background-color: #5c90d2 }
tags tag:hover div::before { top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #5c90d2; -webkit-box-shadow: none; box-shadow: none; }
tags tag x {color: white}
datalist select option {font-size: 14px;font-weight: 100}
.tagify-suggestions {width:365px;}
.tagify-suggestion {position:relative;padding: 0 .6em; line-height: 23px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.02em;color:#333;}
*/

.autocomplete-suggestions {min-width: 140px; }
.autocomplete-suggestion.global-search {border-bottom: 1px solid #eee; padding:6px; font-weight: 600; cursor: pointer;}
.autocomplete-suggestion.global-search:hover {color: #5c90d2; }
.tagsinput > div {width: auto;max-width:250px;}
.tagsinput input {width: auto;max-width:250px;}

.datepicker-dropdown {z-index: 9941 !important}
/*select option { -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/
/*select option {-webkit-box-sizing: inherit; box-sizing: inherit;}*/

.sticky {
  position: sticky;
  top: 0px;
}

/* .calendar-parent {
  height: 70vh;
} */

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin-top: 2vh;
  margin-bottom: 2vh;
}
/*
.tagify-container {
    width: 300px;
    height: 100px;
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 2px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    overflow: auto;
}
.tagify-container > span {
    display: inline-block;
    padding: 3px 5px;
    margin: 3px;
    border-radius: 2px;
    border: 1px solid #EEE;
    background-color: #FFEBA1;
    color: #888;
}
.tagify-container > span > a {
    padding-left: 5px;
    color: #EB7E14;
    text-decoration: none;
    font-weight: bold;
}
.tagify-container > input {
    border: 0 none;
    width: 100px;
}
.tagify-container > input:focus {
    outline: none;
}*/

/*
.thumb-dropzone {
  position: relative;
  border: 10px dotted #FFF;
  border-radius: 20px;
  color: white;
  font: bold 24px/200px arial;
  height: 200px;
  margin: 30px auto;
  text-align: center;
  width: 200px;
}

.thumb-dropzone.hover {
  border: 10px solid #FE5;
  color: #FE5;
}

.thumb-dropzone.dropped {
  background: #222;
  border: 10px solid #444;
}*/


#vodplayer_mini_wrapper {max-width:<?php echo $width; ?>px;background:#000;border:0px solid #000;}
#vodplayer_mini_wrapper object {left:0;}

.thumb-dropzone { position: relative;height:180px;width:320px;margin:10px auto;text-align: center; border:4px dashed #bbb; border-radius: 20px; }
.thumb-dropzone.portrait { height:330px;width:220px; }

.thumb-dropzone div.thumb-preview { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: inline-block; border-radius: 10px; background-position: center; background-repeat: no-repeat; background-size: contain}
.thumb-dropzone .dz-message { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:5px; display: inline-block; }
.thumb-dropzone .dz-message span { margin-top:27%; display: inline-block; }

.thumb-dropzone div.thumb-preview img {
  display: inline-block;
  border-radius: 10px;
  vertical-align: middle;
  position: relative;

  max-width: 100%;
  max-height: 100%;
  height: 100%
  /*margin-top: -11%;
  top:25%;*/
}

.dropzone .dz-preview.dz-file-preview.dz-error .dz-image {background: #d26a5c;}
.dropzone .dz-preview.dz-error .dz-error-message { display: none }
.dropzone .dz-preview .dz-details .dz-filename { margin-top: 30px; position: relative; }

.image-dropzone { position: relative;height:180px;width:320px;margin:10px auto;text-align: center; border:4px dashed #bbb; border-radius: 20px; }
.image-dropzone.portrait { height:330px;width:220px; }

.image-dropzone div.thumb-preview { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: inline-block; border-radius: 10px; background-position: center; background-repeat: no-repeat; background-size: contain}
.image-dropzone .dz-message { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:5px; display: inline-block; }
.image-dropzone .dz-message span { margin-top:27%; display: inline-block; }

.image-dropzone div.thumb-preview img {
  display: inline-block;
  border-radius: 10px;
  vertical-align: middle;
  position: relative;

  max-width: 100%;
  max-height: 100%;
  height: 100%
  /*margin-top: -11%;
  top:25%;*/
}

.dropzone .dz-preview .dz-remove {display: none; }
                
/*
#thumb-dropzone [type="file"] {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}*/

.page > .nav-tabs {
  /*background-color: #f9f9f9;*/
  border-bottom: none;
}
.page > .nav-tabs.nav-tabs-right > li {
  float: right;
}
.page > .nav-tabs.nav-justified > li > a {
  margin-bottom: 0 !important;
}
.page > .nav-tabs > li {
  margin-bottom: 0;
}
.page > .nav-tabs > li > a {
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #646464;
  font-weight: 600;
  border: 1px solid transparent;
  border-radius: 0;
}
.page > .nav-tabs > li > a:hover {
  color: #5c90d2;
  background-color: transparent;
  border-color: transparent;
}
.page > .nav-tabs > li.active > a,
.page > .nav-tabs > li.active > a:hover,
.page > .nav-tabs > li.active > a:focus {
  color: #646464;
  background-color: transparent;
  border-color: transparent;
}
.page > .nav-tabs.nav-tabs-alt {
  background-color: transparent;
  border-bottom: 1px solid #e9e9e922;
}
.page > .nav-tabs.nav-tabs-alt > li > a { /*
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;*/
}
.page > .nav-tabs.nav-tabs-alt > li > a:hover { 
  -webkit-box-shadow: 0 3px #5c90d2;
  box-shadow: 0 3px #5c90d2;
  border-bottom: 1px solid transparent;
}
.page > .nav-tabs.nav-tabs-alt > li.active > a,
.page > .nav-tabs.nav-tabs-alt > li.active > a:hover,
.page > .nav-tabs.nav-tabs-alt > li.active > a:focus {
  -webkit-box-shadow: 0 3px #5c90d2;
  box-shadow: 0 3px #5c90d2;
  border-bottom: 1px solid transparent;
}
.page .tab-content {
  overflow: hidden;
}
.block-options > li > a, .block-options > li > button.text-white { color:white; }
.text-sm, .text-small {font-size: 85%}

.visible {display: block !important;}

.js-table-selectable tr {cursor:pointer;}

.modal { z-index: 9931; }
.modal-dialog .table {font-size:0.9em;} 
.modal-dialog .table > thead > tr > th, .modal-dialog .table > tbody > tr > th, .modal-dialog .table > tfoot > tr > th {font-size:1em;padding:11px 5px 7px;}
.modal-dialog .table td {padding: 7px;}
.swal2-container { z-index: 9932; }

/*.select2-search--dropdown {display: none !important;}*/
/*.select2-container--default .select2-search--dropdown .select2-search__field {display: none !important;}*/