.page-header.navbar{
    height: auto;
    min-height: inherit;
}
.tv .page-header-inner{
    top: -46px !important;
    z-index: 1000;
    overflow: hidden;
}
.tv .page-header-inner.pulled{
    top: 0 !important;
    height: 46px;
    overflow: visible;
}
.page-header-inner.overflow_hidden{
    overflow: hidden !important;
}
.loading_cam.video_wrapper:after {
    content: " ";
    position: absolute;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background: url(../images/balls.svg) no-repeat center center rgba(0,0,0,0.8);
    background-size: auto 20%;
}
.fullscreen .loading_cam.video_wrapper {
    z-index: 100;
    background: url(../images/balls.svg) no-repeat center center rgba(0,0,0,0.8);
    background-size: auto 10%;
}
.fullscreen .loading_cam.video_wrapper video {
    visibility: hidden;
}
.no_loading_cam.video_wrapper:after{
    content: " ";
    position: absolute;
    height: 100%;
    z-index: 100;
    width: 100%;
    background: url(../images/noun_loading_camera.svg) no-repeat center center rgba(0,0,0,0.8);
    background-size: auto 20%;
    top: 0;
    left: 0;
}
.fullscreen .no_loading_cam.video_wrapper{
    z-index: 100;
    background: url(../images/noun_loading_camera.svg) no-repeat center center rgba(0,0,0,0.8);
    background-size: auto 10%;
}
.fullscreen .no_loading_cam.video_wrapper video {
    visibility: hidden;
}
/*********** STB STYLE ************/
#stb-list ul,
#stb-list ol,
#stb-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#stb-list button,
#stb-list input[type=button],
#stb-list input[type=reset],
#stb-list input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible;
}
#stb-list .mleft_no {
    margin-left: 0;
}

#stb-list .gallery{
    width:100%; float:left; /*margin-top:20px;*/
}

#stb-list .gallery ul{
    margin:0; padding:0; list-style-type:none;
}

/*.gallery ul li{ padding:7px; float:left; margin:10px 7px; background:none; width:auto; height:auto;}*/
#stb-list .stb-camera{
    padding:px;
    float:left;
    margin:1px 1px;
    background:none;
    width:auto; height:auto;
}
#stb-list .pagination{
    float:left;
}
#stb-list #reorder-helper{
    margin: 18px 10px;
    padding: 10px;
}
#stb-list .light_box {
    background: #efefef;
    padding: 20px;
    margin: 10px 0;
    text-align: center;
    font-size: 1.2em;
}

/* NOTICE */
#stb-list .notice,
#stb-list .notice a{
    color: #fff !important;
}
#stb-list .notice {
    z-index: 8888;
}
#stb-list .notice a {
    font-weight: bold;
}
#stb-list .notice_error {
    background: #E46360;
}
#stb-list .notice_success {
    background: #657E3F;
}

#stb-list .gallery ul li p {
    position: absolute;
    top: 10px;
    left: 0px;
    margin: 0px;
    color: #FFF;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 10px;
    -webkit-text-shadow: -1px 0 1px #000,1px 0 1px #000,0 -1px 1px #000,0 1px 1px #000;
    text-shadow: -1px 0 1px #000,1px 0 1px #000,0 -1px 1px #000,0 1px 1px #000;
    display: table-row;
}
#stb-list .channel-item{
    position: relative;
    border-radius: 3px;
    background: rgba(68, 68, 68, 0.35);
}
#stb-list .gallery ul li span{
    position: absolute;
    right: 0px;
    bottom: 5px;
    margin: 0px;
    color: #FFF;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 10px;
    font-size: 1.5rem;
    -webkit-text-shadow: -1px 0 1px #000,1px 0 1px #000,0 -1px 1px #000,0 1px 1px #000;
    text-shadow: -1px 0 1px #000,1px 0 1px #000,0 -1px 1px #000,0 1px 1px #000;
}
#stb-list .lazy{
    background: transparent url('../img/loading.gif') no-repeat 50% 50%;;
    background-size: 32px 32px;
}
#stb-list .lazy.error{
    background: url('data:image/png;base64,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') no-repeat center center;
}
#stb-list img{
    border-radius: 3px;
}
.portlet-stb .caption a:hover{
    text-decoration: none;
    color: #F3F3F3;
}
.move_video{
    opacity: 0.5;
    cursor: move;
    transition: all 0.5s ease-in-out;
}
.move_video:hover{
    opacity: 1;
    cursor: move;
}
.change_stb{
    opacity: 0.5;
    cursor: move;
    transition: all 0.5s ease-in-out;
    margin-right: 15px;
}
.change_stb:hover{
    opacity: 1;
    cursor: move;
}
#stb-cam-list ul,
#stb-cam-list ol,
#stb-cam-list li {
    margin: 0;
    list-style: none;
    float: left;
}
.stb_camera_thumb{
    box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
    height: 100%;
    width: 100%;
}
#stb-cam-list .camera_video_container {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
#sub-menu-stbs li .fa-square-o{
    display: none;
}
#sub-menu-stbs li .fa-square{
    display: inline-block;
}
#sub-menu-stbs li.active .fa-square-o{
    display: inline-block;
}
#sub-menu-stbs li.active .fa-square{
    display: none;
}
#stb-cam-list .init-video.portlet-video .portlet-title {
    height: auto;
}
.item-inner.ui-draggable-dragging{
    z-index: 100000;
}
.item-inner .ui-draggable.dragging{
    background: #13181e;
}
.item-inner .ui-draggable.dragging .portlet-body{
    visibility: hidden;
}
.box_helper {
  min-width: 150px;
  min-height: 30px;
  background: rgba(200, 200, 200, .75);
  border: 1px dashed #000;
  line-height: 30px;
  overflow: hidden;
  font-weight: bold;
  text-align: center;
}
.connected_sortable.over{
    box-shadow: 0px 0px 2px 1px rgba(241, 188, 0, 0.7);
}
.connected_sortable.dropped{
    box-shadow: 0px 0px 2px 1px rgba(241, 188, 0, 1);
    border: 1px solid rgba(241, 188, 0, 1);
}
/*********** end of STB STYLE ************/

.page-header.navbar .page-logo {
    width: auto !important;
    background: none !important;
}
.portlet-video .portlet-title {
    padding: 2px 5px;
    position: absolute;
    width: 100%;
    z-index: 1;
    border: none;
    background: rgba(0,0,0,0.3);
    min-height: 26px;
    transition: all 0.2s ease-in-out;
}
/* Video player */
/* HIDE HTML VIDEO CONTROLS */
video.playback::-webkit-media-controls {
    display:none !important;
}
.media-controls {
    position: absolute;
    bottom: -29px;
    padding-top: 2px;
    height: 29px;
    width: 100%;
    background: #f6f6f6;
    opacity: 0;
    transition: bottom 0.5s ease-in-out;
    z-index: 100;
}
.media-controls.pulled{
    transition: bottom 0.5s ease-in-out;
    bottom: 0 !important;
    opacity: 1;
}
.media-videos-controls.loading_player .progressContainer{
    opacity: 0.4;
    pointer-events: none;
}
.media-videos-controls .fa-spinner{
    display: none;
    position: absolute;
    top: 6px;
    left: 6px;
}
.media-videos-controls.loading_player .fa-spinner{
    display: block;
}
.camera_video_container{
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out;
}
body.header_pin .media-controls {
    opacity: 1;
}
.media-controls .currentTime,
.media-controls .durationTime{
    font-size: 80%;
    color: #666;
    line-height: 24px;
}
.media-controls .progressContainer {
    float: left;
    border: 1px solid #bebebe;
    background-color: #dcdcdc;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 10px;
    height: 5px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    cursor: pointer;
}
.media-controls .progress-bar {
    margin-top: -3px;
    background-color: #0367a9;
    height: 5px;
    border-radius: 5px !important;
    min-width: 0px;
    position: relative;
/*    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 120, 200, 0.67);*/
/*    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 120, 200, 0.67);*/
/*    box-shadow: 2px 0px 10px 2px rgba(52, 221, 221, .5);*/
}
span.progress-bar:after {
    content: " ";
    background: #FFF;
    width: 9px;
    height: 9px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -2px;
    border-radius: 1px;
    border: 1px solid #bebebe;
}
/*.media-controls .btn {
    width: 20px;
    font-size: 12px;
    padding: 0 12px;
    margin-right: 2px;
    margin-top: 4px;
    background: -webkit-linear-gradient(top, #666666, #000000);
    background: -moz-linear-gradient(top, #666666, #000000);
    background: -ms-linear-gradient(top, #666666, #000000);
    background: -o-linear-gradient(top, #666666, #000000);
    background: linear-gradient(to bottom, #666666, #000000);
    color: #6e6e6e;   COLOR OF THE GLYPHICONS
    border: 1px solid #666;
    float: left;
}
.media-controls .btn:hover {
    color: #555;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: pre;
    text-shadow: 0 0 10px rgba(52, 221, 221, 1), 0 0 20px rgba(52, 221, 221, 1), 0 0 30px rgba(52, 221, 221, 1), 0 0 40px #34DDDD, 0 0 70px #34DDDD, 0 0 80px #34DDDD, 0 0 100px #34DDDD;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
*/
.media-controls .btn {
    font-size: 80%;
    width: 30px;
    height: 20px;
    padding: 0;
    margin: 0;
    color: #666;
    float: left;
    line-height: inherit;
    border: none;
    background: none;
    transition: all 0.2s ease-in-out;
}
.media-controls .btn.active{
    box-shadow: inset 0 0px 5px 0px rgba(0,0,0,0.5);
}
.media-controls .btn i{
    color: #666;
}
.media-controls .btn:hover {
    background: #888;
    color: #FFF;
}
.media-controls .btn:hover i{
    color: #FFF;
}
.media-controls .playControls {
    height: 28px;
    float: left;
    margin-left: 7px;
}
.media-controls .btn-group{
    margin-top: 2px;
}
.media-controls .btn-group .btn:first-child{
    border-radius: 4px 0 0 4px !important;
}
.media-controls .btn-group .btn:last-child{
    border-radius: 0 4px 4px 0 !important;
}
.media-controls .timeContainer {
    float: left;
    color: #AAA;
}
.media-controls .volumeControls {
    float: right;
    height: 28px;
    margin-right: 7px;
}
.media-controls .btn_fast_forward_0_25{
    background-image: url(../images/icons/icons-snail-16.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    text-indent: -10000px;
}
.media-controls .btn_fast_forward_0_25:hover,
.media-controls .btn_fast_forward_0_25.active{
    background-image: url(../images/icons/icons-snail-16-w.png) !important;
}
.media-controls .btn_fast_forward_0_5{
    background-image: url(../images/icons/icons-turtle-16.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    text-indent: -10000px;
}
.media-controls .btn_fast_forward_0_5:hover,
.media-controls .btn_fast_forward_0_5.active{
    background-image: url(../images/icons/icons-turtle-16-w.png) !important;
}
.media-controls .btn_fast_forward_0_75{
    background-image: url(../images/icons/icons-trekking-16.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    text-indent: -10000px;
}
.media-controls .btn_fast_forward_0_75:hover,
.media-controls .btn_fast_forward_0_75.active{
    background-image: url(../images/icons/icons-trekking-16-w.png) !important;
}
/*slider*/
.media-controls .sliderContainer {
    padding: 6px 10px 10px 10px;
    position: absolute;
    margin-top: -117px !important;
    margin-left: 6px !important;
    display: none;
    /*  background opacity*/
    background: rgb(0,0,0);
    background: transparent\9;
    background: rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
    zoom: 1;
}
/*  Removes opacity from children */
.media-controls .sliderContainer:nth-child(n) { filter: none; }
.media-controls .slider {
    border-width: 1px;
    border-style: solid;
    border-color: #333 #333 #777 #333;
    border-radius: 10px !important;
    width: 10px;
    height: 100px;
    box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5);
}
.media-controls .volume {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: -5px;
}
.media-controls .ui-slider-handle {
    height: 10px !important;
    cursor: pointer !important;
    left: -0.35em !important;
    margin-bottom: -9px !important;
}
.media-controls .ui-slider-range {
    background: linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    position: absolute;
    border: 0;
    top: 0;
    height: 100%;
    border-radius: 25px;
}
.media-controls .ui-slider {
    margin: 0px !important;
    float: left;
}
.media-controls .browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.progressTooltip{
    position: absolute;
}

/*hide some function when living mode*/
.portlet-video.live .media-controls .timeContainer,
.portlet-video.live .media-controls .progressContainer,
.portlet-video.live .media-controls .playControls{
    display: none;
}
/* endof video player */

/* Fast forward */
#fast_forward {
    text-align: center;
    padding: 10px 0;
    background: #2b3643;
}
.btn_fast_forward.active{
    background: #6E6E6E;
    color: #FFF;
}
.media-top-controls{
    position: absolute;
    top: 2px;
    right: 5px;
    width: auto;
    opacity: 0.2;
    transition: all 0.2s ease-in-out;
    z-index: 10;
}
.onecam .media-top-controls{
    top: 5px;
}
.media-top-controls:hover{
    opacity: 1;
}
.media-top-controls .btn{
    height: 16px;
    font-size: 80%;
    width: 25px;
    padding: 0;
    line-height: 15px;
    text-align: center;
    font-weight: 600;
    border: none;
}
.media-top-controls .btn-group .btn:first-child{
    border-radius: 2px 0 0 2px !important;
}
.media-top-controls .btn-group .btn:last-child{
    border-radius: 0 2px 2px 0 !important;
}
.media-top-controls .btn:hover{
    background: #6e6e6e;
    color:#FFF;
}
.media-top-controls .btn:hover i, .media-top-controls .btn.active i{
    color:#FFF;
}
.media-top-controls .btn.active{
    background: #666;
    color:#FFF;
    box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5);
}
/*
#camera_tabs #fast_forward{
    padding: 5px 0;
    background: #000;
    height: 32px;
}
#camera_tabs #fast_forward .btn_fast_forward{
    width: 50px;
    margin: 0 10px;
    opacity: 0.6;
    transition: all 0.5s ease-in-out;
}
#camera_tabs #fast_forward .btn_fast_forward:hover{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
#camera_tabs .download_btn{
    height: 16px;
    position: relative;
    top: 1px;
    display: none;
}
#camera_tabs .playback .download_btn{
    display: inline-block;
}
*/
.camera_video_container.fullscreen{
    height: 100% !important;
    width: 100% !important;
}

/* Onecam */
.sweet-alert .icon {
    border-radius: 50% !important;
    padding: 0px;
    margin: 10px auto;
}
.sweet-overlay {
    z-index: 10000;
}
.sweet-alert {
    border-radius: 0 !important;
    z-index: 20000;
}
.sweet-alert button.styled{
    border-radius: 0 !important;
}
.sweet-alert .icon.success .placeholder{
    border-radius: 50% !important;
}
.sweet-alert button.styled.sweet-confirm[disabled]{
    border-radius: 0 !important;
}
.sweet-alert hr {
    height: 10px;
    margin: 10px 0;
}

#camera_tabs{
    padding: 10px 10px 10px 10px;
}
#camera_tabs li.header{
    padding: 5px 10px;
    background: #EFEFEF;
    margin-right: 12px;
    border: 1px solid #E0E0E0;
/*    border-bottom: none;*/
    list-style: none;
}
#camera_tabs h4{
    font-size: 14px;
}
#camera_tabs .panel-title a {
    padding: 5px 10px;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 700 !important;
}
#camera_tabs .panel-body a {
    color: #222b36;
}
#camera_tabs .panel-body li {
    border-bottom: 1px dashed #D6DCE4;
    padding: 3px 8px;
}
#camera_tabs .panel-body li:last-child {
    border-bottom: none;
}
#camera_tabs .panel-body a.active .fa-pause{
    display: inline-block !important;
    visibility: visible !important;
}
#camera_tabs .panel-body a.active .fa-play{
    display: none;
}
#camera_tabs .panel-body a.active{
    color: #0C801E;
}
#camera_tabs .header a.active{
    color: #0C801E;
}
#camera_tabs .header a .fa-play{
    display: inline-block;
}
#camera_tabs .header a .fa-pause{
    display: none;
}
#camera_tabs .header a.active .fa-pause{
    display: inline-block;
}
#camera_tabs .header a.active .fa-play{
    display: none;
}
#camera_tabs .ui-datepicker-inline{
    width: 100%;
}
#camera_tabs .media-controls {
    background: #f6f6f6;
}
#camera_tabs .fullscreen .media-controls {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
}
#tab_playback_link .panel{
    display: none;
}
#tab_playback_link .panel.active{
    display: block;
    margin-top: 0px;
}
#camera_tabs .camera_video_container{
    overflow: visible;
}
.logo a{
    text-decoration: none;
}

/**** Custom jquery ui ****/
.ui-widget-header {
    font-family: "Segoe UI", "Open Sans", sans-serif;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #dddddd;
    color: #333;
    background: #e1e1e1;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #0766a0;
    background: #057fca;
    color: #FFF !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #f9a3aa;
    background: #f9e0e2;
    font-weight: bold;
    color: #1c94c4 !important;
}
.portlet.light .portlet-body {
    padding-top: 0;
}
.playback .badge.badge-success{
    background-color: #35aa47 ;
}
.live .badge.badge-success{
    background-color: #cf202e ;
}
.video_wrapper{
    height: 100%;
    background-color: #aaa1;
}
/**** Video zoom ****/
.video_zoom{
    position: absolute;
    top: 10%;
    right: -45px;
    opacity: 0.2;
    transition: all 0.5s ease-in-out;
    z-index: 2;
}
.video_zoom:hover{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
.video_zoom_range{
    top: 60px;
    position: relative;
    transform: rotateZ(90deg);
}
.video_zoom_in{
    color: #FFF;
    margin-bottom: 5px;
    cursor: pointer;
    background: rgba(0,0,0,0.2);
    padding: 1px 2px;
    border-radius: 3px;
    display: inline-block;
}
.video_zoom_out{
    display: inline-block;
    color: #FFF;
    cursor: pointer;
    background: rgba(0,0,0,0.2);
    padding: 1px 2px;
    border-radius: 3px;
}
#cam_status_label{
    top: -2px;
    position: relative;
    font-size: 14px !important;
    border-radius: 0 !important;
    font-weight: 400;
    height: 20px;
}
.page-sidebar .page-sidebar-menu .sub-menu li.nav-item:hover > a {
    background: #dc545f !important;
    color: #FFF;
}
.page-sidebar .page-sidebar-menu .sub-menu li.nav-item.active > a {
    background: #cf202e !important;
    color: #FFF;
}
#playbackScroller{
    padding: 0;
    list-style: none;
}
#tab_playback_link{
    padding-left: 0;
    list-style: none;
}
#tab_playback #tab_playback_link .header{
    background: #fefefe;
    border: none;
    padding: 0 0 10px 0;
    margin-right: 0;
}

.portlet-video {
    margin: 0;
    position: relative;
    background: #000;
}
.portlet-video .video_wrapper:before {
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.portlet-video.init-video .video_wrapper:before {
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.1);
    z-index: 1;
}
.portlet-video .video {
    background: #000;
}
.onecam .video_wrapper:before {
    display: none;
}
.fullscreen .video_wrapper:before {
    display: none;
}
#sub-menu-cams a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555;
}
#sub-menu-cams a .fa{
    color: #888;
}
#sub-menu-cams .nav-item.active a,
#sub-menu-cams .nav-item:hover a{
    color: #FFF;
}
#sub-menu-cams .nav-item.active .fa,
#sub-menu-cams .nav-item:hover .fa{
    color: #FFF;
}
#camera_tabs a {
    text-decoration: none;
    color: #999;
}
#camera_tabs .active a {
    color: #555;
}
.ui-datepicker-current-day .ui-state-active{
    background: #cf202e;
    color: #FFF !important;
    border: 1px solid #c10514  !important;
}
.portlet-video .portlet-title .caption-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
    right: -15px;
    position: relative;
}
.camera_video_container .bootstrap-switch{
    display: none;
}
.fullscreen.camera_video_container .bootstrap-switch{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: none;
}
/**** RESPONSIVE ****/
@media (min-width: 992px){
    .page-content-wrapper .page-content {
        padding: 0 !important;
    }
}
@media (max-width: 991px){
    body{
        overflow: auto;
    }
    .page-content-wrapper .page-content {
        padding: 0 !important;
    }
    #tab_playback{
        background: #FFF;
    }
}

/*** New icons ***/
.icon{
    height: 24px;
    width: 24px;
    display: inline-block;
}
.icon_snail{
    background: url(../images/icons/icon-snail-24.png) no-repeat center center;
}

.admin-page-content{
    padding: 15px;
    background: #FFF;
}
.admin-page-content h1{
    margin-top: 0;
}
@media (min-width: 768px){
    .col-sm-2_4 {
        width: 20%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
#playbackDialOuter{
    position: relative;
    padding-top: 15px
}
#playbackDialOuter .bootstrap-switch{
    position: absolute;
    top: calc(50% + 30px);
    right: calc(50% - 30px);
    min-width: 60px;
}
#playbackDialLabel{
    width: 140px;
    position: absolute;
    top: calc(50% - 15px);
    right: calc(50% - 70px);
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    font-family: 'Orbitron';
}
#playbackDialLabel small{
    font-size: 10px;
    vertical-align: text-top;
}
#playbackDialOuter canvas{
    background: url(../images/bg_dongho.png) no-repeat center center;
    background-size: 99% auto;
    border-radius: 100px;
    cursor: pointer;
}
.page-logo a span {
    font-weight: 500 !important;
}
#header_playing .dropdown-menu{
    width: 274px;
}
#header_site_bar .dropdown-menu-list li a {
    text-overflow: ellipsis;
    overflow: hidden;
}
/*#video-list{
    background: #000;
}*/

#header_pagination .pagination {
    text-align: center;
}
#header_pagination .dropdown-menu li.active > a {
    line-height: 20px;
}
.vi_VN, .en_US {
    background-position: right center;
    padding-left: 2px !important;
}
.languages .fa{
    margin-right: 3px;
}
#settingForm {
    margin-top: 15vh;
    max-height: 70vh;
}
#settingForm input[type=radio]{
    top: 2px;
    position: relative;
}

/*** Setting ***/
.header_pin.tv .page-header-inner{
    top: 0 !important;
    position: relative;
    overflow: visible;
    height: 32px;
}
.header_pin .page-header.navbar.navbar-fixed-top{
    position: relative;
}

@media (min-width: 768px){
    .col-sm-1_5{
        width: 12.5%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.video-container video.fillWidth {
    object-fit: cover !important;
}
#playbackBtnList .btn{
    padding: 3px;
    font-size: 80%;
    border-radius: 2px !important;
}
#playbackBtnList .btn.disabled{
    background: #888;
}

#header_playing .pagination{
    margin: 0 auto;
    padding: 5px;
}
#header_playing .pagination>li>a,
#header_playing .pagination>li>span {
    margin-left: 0;
}
#header_playing .dropdown-menu li > a{
    display: inline-block;
    border: 1px solid #CCC;
    padding: 5px 9px;
    border-bottom: 1px solid #CCC!important;
    float: none;
    margin-top: 3px;
}
#header_playing .dropdown-menu li > span{
    line-height: 20px;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #CCC;
    padding: 6px 12px;
    border-bottom: 1px solid #CCC !important;
    float: none;
    margin-top: 3px;
}
#header_playing .dropdown-menu li > a.active{
    background-color: #cf202e;
    color: #FFF;
    border-color: #d40408;
    border-bottom: 1px solid #d40408 !important;
}
#header_playing .dropdown-menu li.active > a{
    background-color: #cf202e !important;
    color: #FFF;
    border-color: #d40408;
    border-bottom: 1px solid #d40408 !important;
}
#header_playing .dropdown-menu li > a{
    display: inline-block;
    padding: 6px 12px;
    border-bottom: 1px solid #CCC!important;
    float: none;
    border-radius: 2px !important;
    text-align: center;
}
#header_playing .dropdown-menu li.header > a{
    padding: 5px 8px;
}
#header_playing .pagination{
    width: 100%;
    text-align: center;
}
#header_list_btn_layout .btn{
    width: 52px;
    height: 50px;
    border-radius: 2px !important;
    line-height: 40px;
    font-size: 120%;
    font-weight: 600;
}
#playbackBtnList .btn.btn-danger{
    color: #FFF;
    background-color: #cf202e;
    border-color: #c50009;
}
#playback_calendar .ui-datepicker-inline{
    width: 278px;
    background-color: transparent;
    background-image: none;
    padding: 0;
    border: none;
}
#playback_calendar .ui-state-default,
#playback_calendar .ui-widget-content .ui-state-default,
#playback_calendar .ui-widget-header .ui-state-default {
    font-weight: 500;
    color: #111;
    border-radius: 2px !important;
    margin: 1px;
}
#playback_calendar .ui-datepicker-calendar{
    margin: -2px;
    width: 100%;
}
#header_pagination_inner a,
#header_pagination_inner span{
    width: 52px;
    border-radius: 2px !important;
}
#header_pagination_inner .pagination {
    padding: 0;
    margin-top: -3px;
}
#header_list_btn_layout{
    margin-top: -3px;
    text-align: center;
}

/*** Custom theme ***/
.header_pin.tv .page-header-inner{
    height: 32px;
}
.tv .page-header-inner {
    background-color: #414244;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    color: #EEE;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #EEE;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    background-color: #222;
}
.dropdown-menu-list li.active a {
     background-color: #414244 !important;
     color: #EEE;
}
.dropdown-menu li > a {
    color: #EEE;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #FFF;
    background-color: #414244;
}
.dropdown-menu{
    border: none;
}
.dropdown-menu li > a > [class^="fa-"], .dropdown-menu li > a > [class*=" fa-"] {
    color: #EEE;
}
.page-header.navbar .top-menu.pull-left .navbar-nav > li.dropdown .dropdown-menu:before {
    border-bottom: 7px solid #222 !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before, .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
    border-bottom-color: #222 !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before, .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
    border-bottom-color: #222 !important;
}
.page-header.navbar .top-menu.pull-left .navbar-nav > li.dropdown .dropdown-menu:before {
    border-bottom: 7px solid #222 !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
    border-bottom: 7px solid #222 !important;
}
hr {
    border-top: 1px solid #2f2f2f;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    background-color: #414244;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
    top: -9px;
    border-bottom: 6px solid #222;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #2f2f2f;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #2f2f2f;
}
.search_dropdown.form-control {
    border: none;
    background: #414244;
    color: #ffffff;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    padding: 6px 10px 6px 10px;
}
.header_pin.tv .page-header-inner {
    height: 32px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown {
    height: 32px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
    font-size: 14px;
}
.page-logo a span {
    font-size: 26px;
    vertical-align: middle;
    font-weight: 700;
    line-height: 30px;
    color: #e51e22;
}
#header_site_bar .dropdown-menu-list li a {
    font-weight: 300;
}
.dropdown-menu{
    font-family: inherit;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
    background: #222;
    margin-left: -6px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
    color: #EEE;
}
.dropdown-menu li.divider {
    background: #2F2F2F;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    margin-top: -2px;
    height: 24px;
}
.dropdown-menu p.languages a {
    color: #EEE;
}
.dropdown-menu p.languages a.active {
    color: #5b74e6;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li > a,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li > .btn-default{
    background-image: none;
    background-color: #000000;
    color: #DDD;
    filter: none;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li > a:hover {
    background-color: #000000;
    color: #FFF;
}
#header_pagination .dropdown-menu li > a,
#header_pagination .dropdown-menu li > .btn-default{
    border: none;
    border-bottom: none !important;
}
#header_pagination .pagination a,
#header_pagination .pagination .btn-default{
    color: #444;
}
.page-header.navbar .page-logo {
    height: 32px;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
    margin: 3px 0 0 0;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
    background-color: #111;
}
@media (min-width: 992px){
    .page-sidebar-fixed .page-sidebar {
        top: 32px;
    }
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control, .page-sidebar .sidebar-search .input-group .form-control {
    background-color: #222222;
    color: #EEE;
    padding-left: 5px;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group, .page-sidebar .sidebar-search .input-group {
    border-bottom: 1px solid #2F2F2F;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username {
    color: #EEE;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #EEE;
    background-color: #DFDFDF;
}
.portlet-video .portlet-title {
    white-space: nowrap;
    padding: 2px 5px;
    position: relative;
    width: 100%;
    z-index: 1;
    border: none;
    background: rgba(0,0,0,0.3);
    min-height: 24px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0;
}
.page-header.navbar {
    height: auto;
    min-height: inherit;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #2f2f2f;
}
.tv .page-header-inner.pulled {
    height: 32px;
}
.datepicker table th {
    color: #EEE;
}
.ui-widget-header {
    border: none;
    color: #EEE;
    background: none;
    border-bottom: 1px solid #2F2F2F;
    font-weight: 400;
}
#header_playing .dropdown-menu li > a {
    border-bottom: none !important;
    background: #fff;
    border: none !important;
    color: #444;
}
#header_playing .dropdown-menu li > a:hover {
    background-color: #2f2f2f;
}
#header_playing .dropdown-menu li > span {
    height: 29px;
    border: none;
    line-height: 17px;
}
#header_playing .dropdown-menu li > a {
    height: 29px;
    line-height: 17px;
}
#header_playing .dropdown-menu li.active > a {
    height: 29px;
    line-height: 17px;
}
#header_pagination_inner .dropdown-menu-list li > span {
    height: 29px;
    border: none;
    line-height: 17px;
}
#header_pagination_inner .dropdown-menu-list li > a {
    height: 29px;
    line-height: 17px;
}
#header_pagination_inner .dropdown-menu-list li.active > a {
    height: 29px;
    line-height: 17px;
}
#playback_calendar .ui-state-default,
#playback_calendar .ui-widget-header .ui-state-default {
    font-weight: 400;
    color: #EEE !important;
    background: none !important;
    border: none;
}
#playback_calendar .ui-datepicker-current-day .ui-state-active {
    background: none;
    color: #c10514 !important;
    border: none !important;
    font-weight: 400 !important;
}
#sub-menu-cams a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ccc;
    font-weight: 500;
}
#sub-menu-cams a .fa {
    color: #EEE;
}
/* #tab_playback #playback_calendar .ui-datepicker-inline {
    width: 268px;
} */
.cam-title {
    color: #EEE !important;
}
#camera_tabs {
    background: #222 !important;
}
#camera_tabs .nav-tabs {
    border-bottom: 1px solid #2F2f2f;
}
#camera_tabs .nav-tabs li a {
    border: none;
}
#camera_tabs .nav-tabs .active a {
    color: #FFF;
    background: #111;
    border: none;
}
#camera_tabs .nav-tabs li:hover a {
    color: #FFF;
    background: #151515;
    border: none;
}
#tab_playback #tab_playback_link .header {
    background: #222;
}
#camera_tabs .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    color: #EEE;
}
#camera_tabs .table-hover>tbody>tr:hover>td,
#camera_tabs .table-hover>tbody>tr:hover>th {
    background-color: #2f2f2f;
}
.page-header-inner .dropdown-menu li > a:hover, .dropdown-menu .active > a,
.page-header-inner .dropdown-menu .active > a:hover {
    background-color: #2f2f2f;
}

#capture_responsible span{
    cursor: pointer;
}
#capture_responsible span i{
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 200%;
}

#responsible-list .panel-header {
    position: relative;
    display: block;
    width: 100%;
    background-color: #0f0f0f;
    padding-bottom: 0;
    border-bottom: 1px solid #000;
}

.responsible-list-back{
    overflow: hidden;
    padding: 15px 20px 0 20px;
    font-size: 171% !important;
    color: #ffffff;
    text-align: center
}

.responsible-list-back i{
    font-size: 135%;
    color: #bbb;
}

.responsible-list-back i:hover{
    color: #fff;
}

#responsible-back{
    cursor: pointer;
    margin-top: 8px;
}

#response-back i{
    vertical-align: middle
}
.bg-gray {
    background-color: gray;
}
i.online {
    color: #00a65a!important;
}
i.offline {
    color: #cf202e!important;
}
.dmap-header-cameras i.offline {
    color: #a71621!important;
}
.page-sidebar .page-sidebar-menu .sub-menu li.nav-item.active i.offline {
    color: #b3121e!important;
    /* background-color: #333 !important; */
}
.nodata-mesage {
    padding-left: 15px;
}
.fa-video-camera.offline {
    position: relative;
}
.fa-video-camera.offline:after {
    content: '/';
    position: absolute;
    left: 22%;
    top: -4.5px;
    font-size: 1.75em;
    font-weight: bolder;
    color: #942c2c;
}
.page-sidebar .page-sidebar-menu .sub-menu li.nav-item:hover i.offline:after {
    color: #d43838!important;
}
.page-sidebar .page-sidebar-menu .sub-menu li.nav-item.active i.offline:after  {
    color: #b31d1d!important;
}
.header_pull .page-header-inner {
    position: absolute;
    top: -46px;
    height: 34px;
    background-color: #414244;
    width: 100%;
    transition: all 0.5s ease;
}
.header_pull .page-header-inner.pulled {
    top: 0;
}

/******************************  ruler style  **************************/
#open-ruler-area {
    cursor: pointer;
}
#ruler_content {
    position: fixed;
    top: 11vh;
    left: 25%;
    z-index: 9999;
    width: 50%;
    background-color: #eee;
    padding-bottom: 30px;
    height: 83vh;
    box-shadow: 0px 0px 1px #848484;
}
#ruler_content.ruler-auditor-view {
    left: 20%;
}
.ruler-book-list , .ruler-book-details, .ruler-chapter-details, .ruler-article-details {
  display: none;
}
.ruler-book-list.active , .ruler-book-details.active, .ruler-chapter-details.active, .ruler-article-details.active {
  display: block;
}
#panel-detail .panel-header .page-sidebar-header .capture_action_button i.fa {
    padding-right: 0;
    color: #AAAAAA;
}
#panel-detail .panel-header .page-sidebar-header .capture_action_button i.fa:hover {
    color: #F90808;
}

#page-sidebar-header-detail {
    margin-right: 10px;
}
#ruler_content .action-right.pull-right {
    position: relative;
}

/* NCMS dialog */
.ui-widget-overlay, .ui-dialog-ncms-confirm {
    z-index: 999999;
}
.ui-dialog-ncms-confirm .ui-dialog-titlebar {
    background-color: #414244;
}
.ui-dialog-ncms-confirm .ui-icon{
    background-image: url(/images/ui-icons_222222_256x240.png);
}
.modal-open {
    overflow-y: hidden !important;
}
.no-wrap {
    white-space: nowrap;
}
#header_app_bar .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
    margin-left: -6px!important;
}
.site-permission-denied {
    padding: 20px 25px;
}
_::-webkit-full-page-media, _:future, :root .fa-video-camera.offline:after { 
    content: '/';
    position: absolute;
    left: 14%;
    top: -2px;
    font-size: 1.3em;
    font-weight: bolder;
    color: #942c2c;
 }
 @-moz-document url-prefix() {
	.panel-comment > .comment-list {
		height: 84%;
	}
}
form label {
    white-space: nowrap;
}
.field-required::after {
    content: '*';
    color: #e02222;
    margin-left: 2px;
    font-size: 12px;
}
.input-icon.input-icon-sm.right > i {
    right: 6px;
    top: -5px;
}
.input-icon.input-icon-sm.right > i:hover {
    color: #eee;
}
#video-list .portlet-video .caption {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#timeline_add_ruler {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.app-module-btn {
    padding: 4px 12px;
}
.site-status.deactive {
    background-color: #bd202c!important;
}
.fit .camera_video_container .video {
    min-height: 100%;
    min-width: 100%;
}
.page-header.navbar {
    background-color: #414244;
}
.dropdown-menu-list li.active svg {
    color: #e51e22!important;
}
.page-logo img {
    max-height: 26px;
}