.vms-add-stream-btn-container {
    width: 100%;
    /*margin-top: -8px;*/
    /*padding-bottom: 12px;
    margin-right: 10px;*/
}

.vms-add-stream-btn {
    float: right;
}

.vms-tab-stream-container {
}

.vms-configuration-right-panel-title.vms-picture-settings-title {
    padding-left: 0 !important;
    /*margin-bottom: 20px !important;*/
}

.vms-channel-configuration-right-panel-title {
    font-size: 14px;
    background-color: #b7bcc0;
    color: #27466d;
    height: 33px;
    font-family: Arial;
    font-weight: bold;
    height: 33px;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    padding-top: 5px;
}

.vms-configuration-right-panel-title.vms-configuration-mask-title{ cursor: auto; margin-bottom: 0px !important;}

.vms-btn-ptz-buttons-grid-container {
    margin-right: 6px;
}

.vms-channel-video-body {
    height: calc(100% - 35px);
    padding-top: 0;
    color: #eaeaea;
   
}

#vms-grid-videoResource .ngViewport {
    height: 100% !important;
}

.vms-grid-videoResource-body {
    height: calc(100% - 32px);
}

.modal-body-device-frame {
    width: 100%;
    height: calc(100% - 35px);
}

    .modal-body-device-frame iframe {
        width: 100%;
        height: 100%;
    }
/*#presetGrid {
    background-color: #e5e5e5 !important;
    height: 100% !important;
}*/

.vms-channel-player {
    width: 100%;
    height: 100%;
}

#vms-ptz-container .edit-icon-in-tree {
    background-image: url('/app/images/treeIcons/edit.png');
    background-repeat: no-repeat;
    height: 24px;
    width: 27px;
    border: none;
    background-color: transparent;
    padding: 0;
    min-width: 24px;
    margin-right: 20px !important;
}

#tourGrid {
    /*background-color: #e5e5e5 !important;
    height: 100% !important;*/
}

.vms-channels-linked-audio-resources {
    border: 1px #505f70 solid;
    padding: 5px;
    margin-top: 5px;
    margin-left: 37%;
    width: 65%;
    -ms-border-radius: 4px;
    /*border-radius: 4px;*/
    font-size: 14px;
    font-family: Arial;
}

#vms-configurationScreen #vms-channel .ui-grid-header-cell, #vms-configurationScreen #vms-channel .ui-grid-header-canvas {
    background-color: #b7bcc0;
    color: #27466d;
    /*width: 100% !important;*/
}


#gridChannel .ngCellTextIcon {
    margin-top: 5px;
    margin-left: 5px;
}

.channels-ui-grid-row-selected-item {
    /*background-color: #5B656F !important;*/
    /*background-color: #3a3e48 !important;*/

}

    .channels-ui-grid-row-selected-item .ui-grid-cell-contents {
        color: #e5e5e5 !important;
    }

#vms-ptz-container {
    width: 100%;
}

    #vms-ptz-container .ui-state-highlight, #vms-ptz-container .ui-sortable-placeholder {
        position: absolute;
        height: 26px;
        width: 100%;
    }

#vms-configurationScreen #vms-channel .vms-ptz-grid .ngViewport {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 40px) !important;
    border: 1px solid #5B656F;
    border-top: transparent;
    width: 100% !important;
    /*position: absolute;
    top: 26px;
    bottom: 0;*/
}

#vms-configurationScreen #vms-channel .vms-mask-grid .ngViewport {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 25px) !important;
    border: 1px solid #5B656F;
    border-top: transparent;
    width: 100% !important;
    /*position: absolute;
    top: 26px;
    bottom: 0;*/
}

.vms-ptz-grid .vms-icon-delete-view::before {
    position: static !important;
}

.btn-panel-preset {
    position: absolute !important;
    top: 0%;
    bottom: 0;
    left: 0;
    right: 0;
}

.btn-panel-tour {
    margin-top: -3px;
    position: absolute !important;
    top: 47%;
    bottom: 0;
    left: 0;
    right: 0;
}

.vms-ptz-grid .panel-primary-preset {
    position: absolute !important;
    top: 25px;
    bottom: 52%;
    left: 0;
    right: 0;
    /*margin-top: 25px;*/
    /*border: 1px solid #295287 !important;*/
}

.vms-channel-ptz-height {
    height: calc(100% - 28px);
}

.vms-ptz-grid .vms-icon-delete-view, .vms-ptz-grid .vms-icon-save-view {
    padding: 0;
    min-width: 24px;
    height: 24px;
    background-color: transparent;
    margin-top: 1px;
    width: 27px;
}

.vms-ptz-grid .panel-primary-tour {
    position: absolute !important;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    /*border: 1px solid #295287 !important;*/
}

.vms-ptz-grid .panel .panel-body {
    position: absolute !important;
    border-right: 0px solid transparent;
    top: 32px;
    bottom: 0px;
}
/*.vms-ptz-grid .panel .panel-body {
    height: 100%;
}*/
/*#vms-channel .vms-ptz-grid .ngHeaderScroller {
background-color: #224573;
}
#vms-channel .vms-ptz-grid .ngHeaderText {
color: #e5e5e5;
}*/
/*#vms-channel  .vms-ptz-grid  .ngRow.selected {
    background-color: #b7bcc0 !important;
}*/
.vms-ptz-grid .btn-vms[disabled] {
    background-color: transparent !important;
}

.vms-ptz-grid .btn-vms-xs {
    min-width: 0px !important;
    width: 27px;
    height: 24px;
    padding-top: 1px;
    padding-right: 3px;
    background-color: #707b88;
}


.vms-btn-channel.btn-vms-xs:hover {
    color: #e5e5e5 !important;
}

.vms-btn-channel.btn-vms-xs {
    width: auto;
    background-color: #cdd1d5 !important;
    color: #505f70 !important;
    border: 1px solid #505f70;
    width: 85px;
    height: 20px;
    margin-top: 3px;
    padding-top: 0px;
}

.vms-ptz-grid .btn-vms:hover, .vms-ptz-grid .btn-vms:focus {
    border: 1px solid transparent;
    background: transparent;
}

#vms-channel .ui-widget-header {
    /* background-color: #707b88; */
    background-color: #292d35;
}

#vms-channel .vms-ptz-grid .ngCanvas, #vms-channel .vms-ptz-grid .ngRow.even, #vms-channel .vms-ptz-grid .ngRow.odd {
    width: 100% !important;
}

#vms-channel .vms-channels-commConfig-container {
    border: 1px solid #5B656F;
}

#vms-channel .well {
    background-color: #e5e5e5;
    border: 1px solid #5B656F;
}

.vms-ptz-grid .panel {
    /*height: 48%;*/
}

.vms-channel-properties-margin {
    margin-top: 30px;
}

.vms-channel-properties-video {
    height: calc(100% - 30px);
}

#vms-configurationScreen .gridChannel .ui-grid-viewport {
    /*overflow: auto;
    overflow-x: hidden;*/
    /*background-color: #e5e5e5;*/
    /*height: auto !important;
    position: absolute;*/
    /*top: 5px;*/
    /*bottom: 0;*/
    /*left: 0;
    right: 0;*/
}

#vms-configurationScreen .gridLinkedVideoChannel .ngViewport {
    overflow: auto;
    overflow-x: hidden;
    background-color: #e5e5e5;
    height: auto !important;
    position: absolute;
    border: 1px solid #b7bcc0;
    top: 14px;
}

#vms-configurationScreen .gridLinkedVideoChannel.audioGridLink .ngViewport {
    top: 35px;
}

#vms-configurationScreen .gridUNNVR.audioGridLink .ngSelectionHeader {
    display: none !important;
}

.btn-vms-audio-link {
    margin-top: 10px !important;
}

#vms-channel .gridLinkedVideoChannel .ngTopPanel {
    display: none;
}


#vms-configurationScreen .gridChannel .ngTopPanel.ng-scope, .ngHeaderContainer {
    /*width: auto !important;*/
}
/*@media (max-width : 1775px) {
    #vms-channel #vms-radioChannelContainer .btn-group .btn {
        padding: 1px 5px !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
}*/
/*@media (max-width: 1200px) {
    #vms-channel .form-horizontal .control-label {
        font-size: 10px !important;
    }
}*/
@media (max-width: 1460px) {
    #vms-channel .channel-row-full {
        width: 100%;
    }
}

#vms-channel #vms-radioChannelContainer .btn-group .btn {
    /*padding: 1px 5px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;*/
}
/*#vms-channel .ngCanvas {
    width: 100% !important;
}*/

#vms-channel #vms-radioChannelContainer {
    /*position: absolute;
    left: 24px;
    right: 8px;*/
    /*text-align: center;*/
    height: 36px;
    background-color: #27466d;
    margin-bottom: 2px;
    padding-top: 4px;
}

    #vms-channel #vms-radioChannelContainer .btn-vms {
        height: 32px;
        background-color: #375376;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

        #vms-channel #vms-radioChannelContainer .btn-vms.active:hover, .btn-vms.active:focus {
            background-color: #e5e5e5 !important;
            border-color: #e5e5e5 !important;
            color: #505f70 !important;
        }

        #vms-channel #vms-radioChannelContainer .btn-vms.active {
            background-color: #e5e5e5;
            color: #505f70;
        }

#vms-channel #vms-channel-details-container {
    /*background-color: #cccccc !important;*/
    height: 750px;
}

/*#vms-channel .vms-accordion-header-search {
    top: 4px;
}*/
#vms-channelSreen .panel, #vms-channel .panel {
    margin-bottom: 0px;
    background-color: #e5e5e5;
}

#vms-channel {
    /*margin-top: 55px;*/
}

    #vms-channel .gridChannel, #vms-channel #presetGrid {
        background-color: #e5e5e5;
        height: 100%;
    }
/*#vms-channel .gridChannel {
        width: 274px;
    }*/
.vms-ptz-stayTime-font-size {
    font-size: 10px;
}

#vms-channelSreen {
    /*position: absolute;
    top: 58px;
    left: 0;
    bottom: -22px;*/
    height: 100%;
}

    #vms-channelSreen .panel-body {
        padding: 0;
        /* padding-top: 10px; */
        background-color: #e5e5e5;
        position: absolute;
        top: 33px;
        bottom: 40px;
        left: 3px;
        right: 1px;
    }

#vms-configurationScreen #vms-ptz-container .vms-ptz-grid {
    /*position: absolute;
    top: 10px;*/
}

    #vms-configurationScreen #vms-ptz-container .vms-ptz-grid .form-control, #vms-configurationScreen #vms-ptz-container .vms-mask-grid .form-control {
        border-color: #b7bcc0;
        height: 20px;
        margin-top: 3px;
        /* border-radius: 0px; */
        /* background-color: #ffffff; */
        color: #27466d;
        background-color: transparent;
    }

    #vms-configurationScreen #vms-ptz-container .vms-ptz-grid .panel-primary-tour .form-control {
        color: #e5e5e5;
    }

#vms-ptz-container .ngAggregateText {
    top: 0;
}

#vms-ptz-container .vms-ptz-grid .vms-ptz-staytime {
    text-align: center;
    color: #27466d !important;
}

#vms-ptz-container .form-group {
    /*margin-bottom: 20px !important;*/
}

/*#vms-configurationScreen #vms-ptz-container .ngRow.even.selected, #vms-configurationScreen #vms-ptz-container .ngRow.even:hover {
    background-color: #B0D3F1;
    color: #343537 !important;
}

#vms-configurationScreen #vms-ptz-container .ngRow.odd.selected, #vms-configurationScreen #vms-ptz-container .ngRow.odd:hover {
    background-color: #B0D3F1;
    color: #343537 !important;
}

#vms-configurationScreen #vms-ptz-container .ngRow.selected .ngCellText {
    color: #343537 !important;
}*/



.vms-channel-details-container #vms-ptz-container .panel-body {
    padding: 0 !important;
}

#vms-configurationScreen #vms-ptz-container .ngCellText {
    /*margin-left: 22px;*/
}

#vms-configurationScreen #vms-ptz-container .btn-link[disabled] {
    color: #808080;
}

#vms-schedule .vms-panel-primary {
    height: 100%;
    background-color: #292d35;
    color: #eaeaea;
}

#vms-configurationScreen .vms-tab-stream-container .form-group {
}

.vms-channel-details-container {
    /*position: absolute;
    right: 0;
    top: 56px;
    bottom: -22px;*/
    /*position: absolute;
    right: 0;
    top: 0px;
    bottom: -18px;*/
    height: 100%;
    position: relative;
}

.vms-channel-container {
    position: absolute;
    right: 0;
    top: 50px;
    bottom: 36px;
}

.vms-ptz-tour-btn-container {
    float: right;
    position: relative;
    right: 12px;
    /*top: 2px;*/
}

.vms-channel-details-container .vms-channel-details-video {
    height: 100%;
    position: relative;
}

.vms-ptz-video-row-height {
    height: 50%;
    margin-left: 0 !important;
}

.vms-ptz-margin-down {
    margin-top: 25px;
}

@media (max-width: 1200px) {
    .vms-ptz-margin-down-media {
        margin-bottom: 5px;
    }
}

.vms-ptz-control-margin-top {
    margin-top: 20px;
}

.vms-channel-details-container .vms-channel-ptz-details-video {
    position: relative;
    height: 100%;
}
.vms-channel-masking-player-container {
    position: relative;
    height: 320px;
    width: calc(100% - 30px);
    background: red;
}
    .vms-channel-masking-player-container .vms-player.masking-player {
        height: 320px;
    }

.vms-channel-mask-player-container {
    position: relative;
    height: 320px;
    width: calc(100% - 30px);    
}
    .vms-channel-mask-player-container .vms-channel-mask-player {
        position: relative;
        width: 100%;
        height: 100%;
    }
#vms-channel .tab-content > .tab-pane {
    visibility: hidden !important;
    display: block !important;
    height: 0px !important;
    z-index: 1;
}

#vms-channel .tab-content > .active {
    visibility: visible !important;
    height: 100% !important;
}

.vms-channel-details-container .vms-channel-properties-details-video {
    /*position: absolute;
    top: 260px;
    left: 15px;
    right: 15px;
    bottom: 0px;*/
    height: 300px;
    padding: 15px;
    /*border: 1px solid #546b7f;*/
}

.vms-crop-handle {
    position: absolute;
    font-size: 14px;
}

.panel-body-mask {
    left: 1px !important;
    right: 16px !important;
}
.vms-mask-text.d-inline-w-brk{
    word-break:break-all;
    display:inline-flex;
}
.vms-mask-text {
    position: relative;
    text-align: center;
    font-weight: bold;
    z-index: 1;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    color: black;
}

.vms-icon-remove-mask {
    z-index: 2;
}

#vms-configurationScreen #maskGrid .ngHeaderScroller, #vms-channel #maskGrid .ngTopPanel, #vms-configurationScreen #maskGrid .ngHeaderContainer {
    width: auto !important;
}

#vms-configurationScreen #maskGrid .ngRow.selected .form-control {
    color: #e5e5e5 !important;
}


/*.vms-resizable-rect {
    position: relative;
}*/
.vms-resizable-rect.mask {
    border: 2px dotted red;
    width: 0px;
    height: 0px;
}

.vsm-ptz-buttons-container {
    margin-top: 42px;
    /*padding-left: 20px;*/
}

    .vsm-ptz-buttons-container .right {
        position: relative !important;
        left: 30px !important;
    }

    .vsm-ptz-buttons-container .left {
        position: relative !important;
        right: 30px !important;
    }

    .vsm-ptz-buttons-container .top {
        position: relative !important;
        top: -40px !important;
        left: 65px !important;
    }

    .vsm-ptz-buttons-container .bottom {
        position: relative !important;
        top: 40px !important;
        left: -66px !important;
    }

.vms-channels-form-container {
    /*margin-top: 10px;*/
    position: relative;
    padding-top: 33px;
}
/*.vms-ptz-grid-height {
        height: 10px;
  
}*/
.vms-channels-form-visual-settings-container {
    padding: 10px 0px 8px 6px;
}

.vms-channel-details-container .tabbable, .vms-channel-details-container .tab-pane {
    height: 100%;
    /*margin-top: 15px;*/
    position: relative;
}

.vms-channel-details-container .tab-content {
    height: 100%;
    /*padding: 51px;*/
}

.vms-channel-details-container .vms-form-move-top {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #b7bcc0;
}

.vms-channels-settings-scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#vms-channels-settings-container {
    height: 100%;
    position: relative;
}

#vms-ptz-container .panel-body {
    /*position: static !important;*/
}

#vms-channel .ngTopPanel {
    /*display: none;*/
    width: 100% !important;
}

#vms-channel #vms-ptz-container .ngTopPanel {
    /*display: none;*/
    background-color: #b7bcc0 !important;
    border: 1px solid #5B656F;
}

.vms-channel-details-container .vms-channel-body-overflow {
    overflow: auto;
}

#vms-channels-settings-container .panel-body {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0px;
}

.vms-channel-details-container .panel-body {
    /*border-bottom: 1px solid #b7bcc0;*/
    /*border-left: 1px solid #5B656F;*/
    border-right: 1px solid #5B656F;
    position: absolute;
    top: 32px;
    bottom: 80px;
    left: 0;
    right: 0px;
    padding: 0px;
}

.vms-channel-details-container .panel-audio-body {
    /*border-bottom: 1px solid #b7bcc0;*/
    /*border-left: 1px solid #5B656F;*/
    border-right: 1px solid #5B656F;
    position: absolute;
    top: 32px;
    bottom: 38px;
    left: 0;
    right: 0px;
    padding: 0px;
}

#vms-channel .btn-vms:hover {
    background-color: #576d89 !important;
    color: #e5e5e5;
}

#vms-channel .vms-channels-mobile span {
    display: none;
}

#vms-channel .vms-channels-mobile i:before {
    margin-left: 0px;
    padding-right: 0px;
}

#vms-channel .ngRow.selected {
    background-color: #5B656F !important;
    border: 1px solid #5B656F;
}
    /*#vms-channel .vms-ptz-grid .ngRow.selected {
        background-color: #b7bcc0 !important;

}*/
    #vms-channel .ngRow.selected .ngCellText, #vms-channel .ngRow.selected .btn-vms-xs:hover {
        color: #e5e5e5 !important;
    }

    #vms-channel .ngRow.selected .btn-vms-xs {
        color: #505f70 !important;
    }

.vms-channel-button-container {
    position: absolute;
    /* top: 0px; */
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 38px;
    /*padding: 4px;*/
    background-color: #b7bcc0;
    border-top: 1px solid #b7bcc0;
    padding-top: 1px;
    padding-right: 4px;
}



.vms-channel-details-container .vms-channel-details-video-slider {
    margin-top: 10px;
}

.vms-channel-details-container .nav-tabs, .nav-tabs {
    height: 36px;
}

.vms-channel-details-container .nav > li.disabled > a {
    color: #e5e5e5 !important;
    background-color: #576d89 !important;
    opacity: 0.35;
}

    .vms-channel-details-container .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        border: 1px solid transparent !important;
        background-color: #576d89 !important;
    }

.vms-channel-details-container .nav-tabs, .nav-tabs > li > a:hover {
    /*border-color: #295287;*/
    margin-top: 0px;
    background-color: #27466d;
}

.vms-channels-video-tabs-container {
    margin-top: 20px;
}

#vms-channels-settings-container .vms-channels-video-tabs-container .nav-tabs, #vms-channels-settings-container .vms-channels-video-tabs-container .nav-tabs > li > a:hover {
    margin-top: 4px;
}

.vms-channels-video-tabs-container .nav-tabs, .nav-tabs > li > a:hover {
    background-color: #b7bcc0;
    /*border-top: 1px solid #5B656F !important;*/
}

.vms-channels-video-tabs-container .nav-tabs {
    height: 29px !important;
}

    .vms-channels-video-tabs-container .nav-tabs > li > a {
        background-color: #3264a3 !important;
        height: 25px !important;
        padding-top: 2px !important;
        padding-bottom: 0px;
        padding-right: 5px;
        padding-left: 5px;
    }

.vms-channel-details-container .nav-tabs, .nav-tabs > li > a {
    margin-bottom: 2px;
    border: 0px;
}

#vms-channels-settings-container .nav-tabs, #vms-channels-settings-container .nav-tabs > li > a:hover {
    margin-top: 10px;
}

.vms-channel-details-container .nav-tabs > li > a:hover {
    border: 1px solid #8DAACF;
}
/*.vms-channel-details-container .nav-tabs > li > a .vms-icon-mask:before {
        background-color: #e5e5e5;
}*/
.vms-channel-details-container .nav-tabs > li > a {
    /*border-bottom: 1px solid #295287 !important;*/
    background-color: #375376;
    color: #e5e5e5;
    height: 32px;
    border: 1px solid #8DAACF;
    cursor: pointer;
    margin-top: 4px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 6px;
}

.vms-channel-details-container .nav-tabs > li + li:before {
    /*content: " | ";
    position: absolute;
    top: 11px;*/
}

.vms-channel-details-container .vms-channel-details-video-form {
    margin-top: 15px;
}

.vms-channel-details-container .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus, .nav-tabs > .active > a,
.nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    color: #343537 !important;
    cursor: default;
    background-color: #e5e5e5 !important;
    border: 1px solid transparent;
    /*border-bottom: 6px solid #295287 !important;*/
    height: 32px;
    margin-top: 4px;
    border-radius: 2px;
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5;
    color: #505f70 !important;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*cursor: pointer;*/
}

.vms-channel-details-container .nav > li > a:hover {
    background-color: #576d89;
}

.vms-channel-details-container .vms_channel_remove_btn {
    cursor: pointer;
    position: relative;
    left: 12px;
}

    .vms-channel-details-container .vms_channel_remove_btn:hover {
        color: #295287;
    }

.vms-channel-details-container .panel {
    /*margin-bottom: 5px;*/
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}


.vms-channel-footer {
    position: absolute;
    bottom: 0;
}

.vms-channel-details-container .form-control {
    /*height: 0px;
    padding: 12px 12px;*/
}


.vms-channel-details-container .vms-panel-primary {
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 0px;
    left: 10px;
}

.vms-channel-properties {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 100px;
    bottom: 2px;
}

.vms-channel-recording-stream {
    /*height: 100%;*/
    /*position: absolute;*/
    /*overflow-y: auto;*/
    /*top: 0px;
    left: 0;
    right: 0;
    bottom: 52px;*/
    border: 0px solid transparent !important;
}

    .vms-channel-recording-stream > div {
        height: 100%;
    }

.vms-container-padding-border {
    padding: 0;
}

.vms-stremas-recording {
    margin-top: -11px;
}

.vms-panel-primary-video-apply {
    margin-top: 5px !important;
}

.vms-chaneels-container-min-height {
    min-height: 656px;
    /*overflow: auto;*/
}

.vms-channel-details-container .nav > li > a {
    /*padding: 1px 10px;*/
    border-color: transparent;
}

.vms-device-tools {
    padding: 10px;
}

    .vms-device-tools .btn-vms {
        background-color: #707b88;
    }

    .vms-device-tools .vms-tool {
        /*bottom: 1px;
        top: 33px;
        left: 1px;
        right: 1px;
        border: 1px solid #5B656F;*/
    }

    .vms-device-tools .vlc-tool-button-cropp {
        float: right;
        /*margin-right: 15px;*/
    }

    .vms-device-tools .vms-tool > div {
        /*height: 65px;*/
        /*padding-top: 10px;*/
    }
/*.vms-rect-mask {
    width: 50px;
    height: 50px;
    position: absolute;
    display: inline-block;
    background-color: #b7bcc0;
}
.vms-rect-mask:hover {
    cursor: pointer;
}*/


/* Panomorph 360 Tab styles */
.vms-360-container {
    color: #c7cbd1;
    font-weight: normal;
}

/*.vms-360-container .configuration-ditails-data {
    margin-top: -4px;
}*/

.enable-360 {
    margin-top: 20px;
}

.select-container {
    margin-bottom: 14px;
    text-align: left;
}

.select-container .label-360 {
    float: none;
    vertical-align: top;
    width: 50%;
    max-width: 192px;
    padding-left: 16px;
}

.display-view-container {
    margin-top: 10px;
    margin-left: 10px;
}

.display-view-container .label-360 {
    width: 160px;
}

.select-container .blue-border-input {
    width: 48%;
    max-width: 162px;
    padding-left: 4px;
}

.select-container .blue-border-input:disabled,
.blue-border-input[disabled='disabled']::-ms-value {
    color: #585858 !important;
}

.blue-border-input option:disabled {
    color: #262626;
    background-color: #585858;
    font-weight: normal;
    text-shadow: none;
}

div.ui-grid-cell input.blue-border-input-custom {
    color: #898D96;
    border: none !important;
    border-bottom: 1px solid #888888 !important;
    width: 250px;
    margin-left: 15px;
    padding-left: 5px;
    background: rgba(88, 88, 88, 0.3);
    pointer-events: none;
}

.select-container .material-switch-css {
    display: inline-block;
}

.select-container .md-label {
    line-height: 24px;
}

.vms-360-container .material-switch-css {
    width: 140px !important;
}


.pano-360-presets {
    /*height: 294px;*/
    position: relative;
    margin-top: 16px;
/*	border-top: solid 1px #1C2029;*/
    overflow: hidden;
    height: calc(100% - 168px);
}
.pano-360-presets:before {
    display: block;
    content: '';
    /*position: absolute;*/
    /*width: 100%;*/
    border-top: solid 1px #1C2029;
    border-bottom: solid 1px #383D43;
    height: 1px;
    /*margin: 0 15px 16px;*/
    margin: 0 0 16px;
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*background-color: #383D43;*/
}

.preset-header {
    font-size: 14px;
    /*padding-left: 16px;*/
}

.preset-title {
    display: inline-block;
    width: 34%;
    padding: 0 4px;
}

.add-preset-button {
    display: inline-block;
    position: absolute;
    bottom: 6px;
    left: 20px;
    width: 32px;
    height: 32px;
    background-color: #295287;
    cursor: pointer;
    border: 0;
    outline: 0;
}

.disabled-string .add-preset-button {
    background-color: #585858;
    cursor: default;
}

.add-preset-button:before,
.add-preset-button:after {
    display: inline-block;
    content: "";
    background-color: #fff;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.add-preset-button:before {
    width: 1px;
    height: 10px;
}

.add-preset-button:after {
    width: 10px;
    height: 1px;
}

.disabled-string .add-preset-button:before,
.disabled-string .add-preset-button:after {
    background-color: #000;
}

.presets-list {
    /*height: 160px;*/
    padding-left: 0;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 130px);
}

.presets-list-header {
    width: 100%;
    /*margin-left: 16px;*/
    background-color: #31353f;
    color: #eaeaea;
    box-sizing: border-box;
}

.presets-header-name,
.presets-header-numeric-id {
    display: inline-block;
    width: 34%;
    height: 32px;
    padding-left: 26px;
}

.presets-header-numeric-id {
    /*width: 30%;*/
    width: calc(66% - 16px);
    padding-left: 24px;
}

.preset-item {
    display: block;
    height: 32px;
    line-height: 32px;
    /*margin-left: 16px;*/
    color: #c7cbd1;
    text-decoration: none;
    outline: none;
}

.preset-item.active-preset {
    background-color: #3A3E48;
}

.preset-item:hover {
    color: #c7cbd1;
    text-decoration: none;
    background-color: #353A44;
    cursor: pointer;
    outline: none;
}

.preset-buttons-container {
    display: inline-block;
    float: right;
}

.preset-button {
    float: left;
    width: 26px;
    height: 32px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    background-position: center;
    background-repeat: no-repeat;
}

.preset-item:hover .preset-save-button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNGQkVCOENFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzNGQkVCOEJFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7q4HScAAABFklEQVR42mJcsnLTSQYGBg4g/s8AAepAfAeI/zIggBYQ3wRiFSB+C8RZQLwJJMEC1ayPpPgCEDsA8QcksQdAbAvEB4DYB4h3QcU3sSDZTCx4AsRuMENYGMgDMEPOYjPgMxBPA+JfSGIiULEPaIZ8x2ZAIBDroIktgNKX0RVjM+ANNLCIAtgMUARiPSBmxCL3FIhP4zMgDYgLgXgvEP/BYoAxED8H4nBY7CEbwAbEldA08QmPq3cCsSMQ70M3QAKIH0E1FwGxHZrG30AcBcTHgVgOmxeYkBLVMpgNSOAn1BCCgQgCfkBshSb2A4hziTVgPxDfwuIFrC7AFl23oZiodABy2kUgZoUGzgUCeiSgyRwU3a8AAgwAkPc9WnnF8ggAAAAASUVORK5CYII=);
}

.preset-item:hover .preset-edit-button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNGQkVCODRFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzNGQkVCODNFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz49Ct4cAAAAxElEQVR42pzRPQrCQBBAYVkXO49gZ6GpBAsbvYTkFDaClTfQE9grNoKVkBNo4wXUVvQIVgF/3sAOLGKx48BHNPAmG+LXm13FMDUsMUCBkTPGW1zRwAsLb4wz5HjL03FzhviMY/gt92bY+8T4hCmqWIX/IveGWOaJO+rhVUpniGXmaGssN5wxzuL41wJT/L3AHMcL/op1gcYXaywjn3GIXnSSMjXWBV1M0I9O0kqJ9RVkwQOHcJLkWBc0MUYnXJNjmY8AAwBbmT6bLr5VLQAAAABJRU5ErkJggg==);
}

.preset-item:hover .preset-goto-button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNGQkVCODhFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzNGQkVCODdFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6AOEM+AAABeUlEQVR42oyUMUgCYRTHz0e0huIYDQ1hIDSGc0QQ5BTB1SQHioOESIRLQ1tDNDSIQriE4aoQROQa7qHS4CCN4dHaEP0f/C++Pu7UBz/u+O69d9977/99sft2x7EsAfIgC1IgDnwwAurcANPA+eTowBErQRGMwTHogkOwxWeX62P6/dmS8X4DCqAEmuDH+kEPXIEcuAUboGwmKTLBDnh1ok0T34EBeAHvoBZDTxLcYoUOi5oHrsG6sIkTlmDaE2iBlYgkTcblhVN4COmBTsUFb+AcSEhpGpcVjrE/Y9ur4BIMwa71TeNSwj9+zql/mdNQnewb6xoXFwopOSfJNyehpT8a6xrnC5W4PSPBB7gAm+DZ+qZxI+EW3ZDG+WxcmiKzGy+M6wjPwhqVaNoeZf4VscMc4xrCw1SllDMLCi1D/yoO4DQooQbqlLIXUppZgke/OuP+HcAyJ6BSPmU/+hxjkk10WUIlSGAnCXbUNu6TM+s+adn3idqvAAMA2HhZ59Rt3J8AAAAASUVORK5CYII=);
}

.preset-item:hover .preset-delete-button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEJFMDU3MTNFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEJFMDU3MTJFODUxMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUyYy05YzhhOTRjODU2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZOjTXAAAA6ElEQVR42mL8//8/AzJYumqzMJCaCsQuQPwPiLcAcXF0mO97ZHVMDJigDoi5gTgGiBOBWAmIC9EVMS5ZuakXSDuB2FAxOSD+CsRvoXwhIOYE4qdQPsgVe1iARBYQVwPxJwbiAB8Qt7JAOdxQk4gBILUMII3tUBvPEKnRAohbGEChCvTnBxBNDAaq/QGimdCiwh2Ic6DsICAOhbKzgdgDX3SYArEDlA0KaXso2xGITQjFI1FgVCMewILGPwHEr6DsXUgJfwcQP0RRCU0Nn4BYkYhUowxLOTAbVwPxOWDqYCTClUtBBECAAQDxwIMJ7Ek8/QAAAABJRU5ErkJggg==);
}



.preset-item .glyphicon {
    height: 18px;
    vertical-align: top;
    top: 50%;
    margin-top: -9px;
}

.preset-item .glyphicon-ok {
    width: 26px;
    height: 32px;
    color: rgb(98, 190, 42);
    margin-top: 1px;
}

.preset-item .glyphicon-remove {
    opacity: 0;
}

.home-preset:hover .glyphicon-remove {
    opacity: 0;
}

.preset-item .glyphicon-home {
    margin-left: 4px;
    color: #3b3c3f;
    cursor: pointer;
}

.preset-item .glyphicon-home:hover {
    color: #c7cbd1;
}

.preset-item .home-icon-active {
    color: #c7cbd1;
    cursor: default;
    pointer-events: none;
}

.preset-title-input,
.preset-numeric-input {
    height: 32px;
    line-height: 32px;
    border: none;
    padding-left: 4px;
    background-color: #292D35;
    border-bottom: 1px solid #295287;
    vertical-align: top;
}

.preset-title-input {
    width: 34%;
}

.preset-numeric-id {
    display: inline-block;
    width: 22%;
    min-width: 60px;
    padding-left: 8px;
}

.preset-numeric-input {
    width: 25%;
    padding-left: 10px;
}

.numeric-id-error {
    color: #ca4747;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.disabled-string .preset-item {
    color: #585858;
    cursor: default;
    background-image: none;
}

.disabled-string .preset-item:hover {
    background-color: #292D35;
    cursor: default;
}

.disabled-string .preset-item:hover .preset-button {
    background-image: none;
    cursor: default;
}


.divider-line-bottom {
    position: relative;
    padding-bottom: 10px;       
    border-bottom: 1px solid #383D43;
}

/* .divider-line-bottom:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1C2029; 
} */

.divider-line-both {
    position: relative;
    padding: 10px 0;      
    border-top: 1px solid #1C2029; 
    border-bottom: 1px solid #383D43;
}

.divider-line-both:before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #383D43; 
}

.divider-line-both:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1C2029; 
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.one-player-for-all-tabs {
    position: absolute; 
    right: 0;
    top: 25px;   
    top: 0;
    height: 320px;
}

.player-visibility-none {
    visibility: hidden;
    position: absolute !important;
}

.player-visibility-visible {
    visibility: visible;
    position: absolute !important;
}

/* .player-position-on-360-tab {
    top: 130px !important;
    right: 60px !important; 
} */

.video-stream-input-width {
    max-width: 120px !important;
}

.streams-description-text {
    color: rgb(114, 118, 127);
    /*padding-left: 7px !important;*/
}

.channels-container .snapsot-container .snapshot-button .snapshot-img {
    min-width: 16px;
    max-width: 16px;
    width: 16px;
    font-size: 18px;
}

.snp-shot-btn {
    color: #358cd8;
}

.snp-shot-btn:hover {
    color: #295287;
    text-decoration: none;
}

.button-new-ui {
    background-color: transparent;
    color: #358cd8;
    border: 1px solid #358cd8;
    margin: auto;
    flex-grow: 1;
    transition: 100ms;
    outline: none;
    margin-left: 0;
    white-space: nowrap;
    padding: 0 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.button-new-ui:hover:enabled {
        color: #69b9ff;
        border: 1px solid #69b9ff;
        transition: 100ms;
}

.button-new-ui:disabled {
        color: #6d727c;
        border: 1px solid #6d727c;
}

.button-new-ui-filler {
	max-width: 10px;
	min-width: 10px;
	width: 10px;
}

.height-32 {
	height: 32px;
    min-height: 32px;
}

.height-38 {
    height: 38px;
    min-height: 38px;
}

.button-horizontal-margin-2 {
    margin-left: 2px;
    margin-right: 2px;
}




/* Using this class, we hide the video player while the loader has not finished its work, bugfix#9626 */
	#loadingBlock:not(.ng-cloak) ~ #vms-main-content #video-channels-player-container object.vms-player {
		visibility: hidden !important;
	}

/* ********************************** */
/*.channels-container .vms-channel-details-container-new.ptz_settings {
    height: calc(100% - 38px) !important;
}
.channels-container .vms-channel-details-container-new.ptz_settings .tab-content {
    max-height: calc(100% - 108px);
    min-height: calc(100% - 108px);
    height: calc(100% - 108px);
 }*/
.channels-container .vms-channel-details-container-new.saveButtonsEnabled-class-channels-configuration.ptz_settings {
    height: auto !important;
    bottom: 0;
}
.channels-container .vms-channel-details-container-new.saveButtonsEnabled-class-channels-configuration.ptz_settings .tab-content {
    min-height: calc(100% - 58px);
    max-height: calc(100% - 58px);
    height: calc(100% - 58px);
}
.channels-container .vms-channel-details-container-new.saveButtonsEnabled-class-channels-configuration.ptz_settings .tab-content .vms-device-tools {
    padding-bottom: 0;
}
.video-channels-masking-grid-container {
    height: calc(100% - 92px);
}
.video-channels-masking-grid-container .ui-grid {
    min-height: 100%;
    max-height: 100%;
}
    .video-channels-masking-grid-container .ui-grid-header-cell .ui-grid-cell-contents {
        padding-left: 9px;
    }
    .video-channels-masking-grid-container .ui-grid-render-container-body .ui-grid-canvas {
        padding-top: 20px;
    }

.channels-container .video-channels-masking-grid-container div[role="row"]:not(.ui-grid-header-cell-row):hover > div {
    /*background: #3a3e48;*/
}

.channels-container .configuration-ditails-form.toggle-ptz-container label  {
    padding-left: 0;
    margin-right: 20px;
    max-width: calc(100% - 36px - 20px);
    width: auto;
}
.channels-container .configuration-ditails-form.toggle-ptz-container label > span.text-overflow  {
    max-width: 100%;
}
.channels-container .configuration-ditails-form.toggle-ptz-container .configuration-ditails-data {
    max-width: 36px;
    min-width: 36px;
    width: 36px;
}

.channels-container .ptz-page {
    padding: 0 10px;
}
.channels-container .ptz-controls-container {
    margin-left: 3px;
    margin-right: -24px;
}
.channels-container .ptz-form-controls-container {
    align-items: flex-start;
}
.channels-container .ptz-control-element-container {
    width: calc(50% - 6px);
    /*background: rgba(255,255,255,0.2);*/
}
.channels-container .ptz-control-element-container .ptz-circle-control-container {
    margin-top: 6px;
    width: 76px;
    height: 76px;
}
.channels-container .ptz-control-element-container .vms-ptz-circle-control {
    position: relative;
    display: block;
    background-size: cover;
    margin: auto;
    width: 60px;
    height: 60px;
    /*background-color: blue;*/
}
.channels-container .ptz-control-element-container .vms-ptx-circle-inner-control {
    position: absolute;
    top: 50%;
    right: 50%;
    background-size: cover;
    margin: -15px -15px 0 0;
    width: 30px;
    height: 30px;    
}
.channels-container .ptz-control-element-container .ptz-circle-control-container {
    margin: 6px auto;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .vms-ptz-circle-control .ptzArrow {
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 22px;
    height: 26px;    
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .vms-ptz-circle-control .ptzArrow.ptzArrowUp {
    top: -20px;
    right: 50%;
    margin: 0 -11px 0 0;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .vms-ptz-circle-control .ptzArrow.ptzArrowDown {
    bottom: -20px;
    right: 50%;
    margin: 0 -11px 0 0;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .vms-ptz-circle-control .ptzArrow.ptzArrowLeft {
    top: 50%;
    left: 0;
    margin: -13px 0 0 -18px;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .vms-ptz-circle-control .ptzArrow.ptzArrowRight {
    top: 50%;
    right: 0;
    margin: -13px -18px 0 0;    
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .vms-ptz-circle-control .ptzArrow.ptzArrowUpLeft {
    top: 0;
    left: 25%;
    margin: -8px 0 0 -22px;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .vms-ptz-circle-control .ptzArrow.ptzArrowUpRight {
    top: 0;
    right: 25%;
    margin: -8px -22px 0 0;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .vms-ptz-circle-control .ptzArrow.ptzArrowDownLeft {
    bottom: 0;
    left: 25%;
    margin: 0 0 -8px -22px;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .vms-ptz-circle-control .ptzArrow.ptzArrowDownRight {
    bottom: 0;
    right: 25%;
    margin: 0 -22px -8px 0;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container.zoom-container {
    padding: 7.5px 0;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .ptz-zoom-btn {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 60px;
    height: 30px;
    cursor: pointer;
    background-color: #000000;
    background-size: contain;
    background-repeat: no-repeat;
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .ptz-zoom-btn.in {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /*margin-top: 15px;*/
    background-image: url('data:image/png;base64,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');
    background-position-x: center;
    background-position-y: bottom; 
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .ptz-zoom-btn.in:active,
.channels-container .ptz-control-element-container .ptz-circle-control-container .ptz-zoom-btn.in:hover {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAtCAYAAAAnZNwBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQyN0FCMUFFODVDMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQyN0FCMTlFODVDMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUy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'); 
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .ptz-zoom-btn.out {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-image: url('data:image/png;base64,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');
    background-position-x: center;
    background-position-y: top; 
    /*margin-bottom: 15px;*/
}
.channels-container .ptz-control-element-container .ptz-circle-control-container .ptz-zoom-btn.out:active,
.channels-container .ptz-control-element-container .ptz-circle-control-container .ptz-zoom-btn.out:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAtCAYAAAAnZNwBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NmVlMDIxOS1lNWMxLTQ0N2YtODkwNi0yYzNmZjIzZDdhZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njc4N0MxOTVFODVDMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njc4N0MxOTRFODVDMTFFNTlEQkM4QjVFNUExRDdFNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjY4MjY3ZS1kNTdmLTRjNTgtOGI4YS1iZTZlMjEwOTVhYTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZGJjYjkzMy0zMGJhLTExNzktYWUy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');
    
}
.channels-container .ptz-preset-tour-footer-container {
    box-shadow: 0px -1px 0px 0px #383d43, 0px -2px 0px 0px #1a2028;
    margin-top: 10px;
    margin-left: 4px;
    padding: 20px 22px 0;
    height: 60px;
}
.channels-container .vms-device-tools {
    padding: 10px 10px 0;
}

@media (max-width: 1530px) {
    .uib-tab .tab-header-text {
        display: none !important;
    }

    .vms-channels-tab-view i:before {
        margin-left: 0px;
        padding-right: 0px;
    }
}

/************************************************/

.cameras-encoders-primary-container .device-type-icon {
    font-size: 20px !important;
    position: relative;
    top: 3px;
    line-height: 10px;
    float: left;
    margin: 0px 3px 0px 0px !important;
}

.cameras-encoders-primary-container .device-type-icon.v-onvif {
    color: #3c61bf;
}

.cameras-encoders-primary-container .device-type-icon.v-adambox {
    color: #9dcdf6;
}

.cameras-encoders-primary-container .device-type-icon.v-ef-device {
    color: #cac537;
}

.cameras-encoders-primary-container .device-type-icon.v-rtsp {
    color: #00c56f;
}
/*Changes for Adding Mobile Devices*/
.cameras-encoders-primary-container .device-type-icon.v-mobile2 {
    color: #3c61bf;
}


/* Q Profile start */
#q-profile-modal {
    height: 100%;
    color: #c7cbd1;
}

#q-profile-modal-body-container {
    display: flex;
    flex-direction: column;
    height: calc(100% - 36px);
    justify-content: space-between;
    padding: 28px 28px 0 28px;
}

#q-profile-modal-body-container .q-profile-description {

}

#q-profile-modal-body-container .q-profile-footer {
    padding: 28px 0 28px 28px; 
    display: flex; 
    justify-content: flex-end;
}

#q-profile-modal-body-container .q-profile-body .q-profile-item {
    padding: 15px 10px 5px 0;
}

#q-profile-modal-body-container .q-profile-body .q-profile-item .q-label {
    width: 100px;
    padding-right: 5px;
    align-items: center;
    align-content: center;
    display: flex;
}

#q-profile-modal-body-container .q-profile-body .q-profile-item .q-value {
    padding-right: 5px;
}

#q-profile-modal-body-container .q-profile-description {
    
}
/* Q Profile end */

/*style by vinod */
.video-channel-body .video-channel-style .custom-select .select2-choice {
    background: transparent;
    border: 0;
    color: #c7cbd1 !important;
    padding-left: 4px;
    box-shadow: none;
}
.video-channel-body .video-channel-style .custom-select .select2-choice .select2-arrow {
    background: transparent;
    border: 0
}
.video-channel-body .video-channel-style .custom-select .select2-chosen {
    margin-right: 17px;
}
.video-channel-body .video-channel-style .custom-select .select2-choice .select2-arrow  {
   display:flex;
   align-items:center;
   justify-content:center;
}
    .video-channel-body .video-channel-style .custom-select .select2-choice .select2-arrow b {
        background: none !important;
       width: 13px;
        /*background: url(../../../../../images/chevron_down.png) no-repeat 0 1px;
    height: 8px;
    width: 5px;
    background-size: contain;*/
    }
.video-channel-body .video-channel-style .custom-select .select2-choice .select2-arrow b:before{
    content: "\e259";
    font-family: "Glyphicons Halflings";
    font-size: 12px;
    
}

.video-channel-body .video-channel-style .select2-dropdown-open .select2-choice .select2-arrow b {
    transform: rotate(-180deg);
    transition: 0.3s;
}
.video-channel-body .select2-drop-active {
    border: 2px solid #222 !important;
    border-top: 2px solid #222 !important;
    background-color: #292d35 !important;
    color: #fff !important;
}

.video-channel-style .configuration-ditails-data .details-data {
    max-width:112px;
    width:107px;
}