[dir] .vue-slider-disabled .vue-slider-process{background-color:#a7a7a7}[dir] .vue-slider-disabled .vue-slider-dot-handle{border-color:#a7a7a7}.vue-slider-disabled .vue-slider-mark-step-active{-webkit-box-shadow:0 0 0 2px #a7a7a7}[dir] .vue-slider-disabled .vue-slider-mark-step-active{box-shadow:0 0 0 2px #a7a7a7}.vue-slider-rail{transition:background-color .3s}[dir] .vue-slider-rail{background-color:#f5f5f5;border-radius:15px;-webkit-transition:background-color .3s}[dir] .vue-slider:hover .vue-slider-rail{background-color:#e1e1e1}.vue-slider-process{transition:background-color .3s}[dir] .vue-slider-process{background-color:#9cd5ff;border-radius:15px;-webkit-transition:background-color .3s}[dir] .vue-slider:hover .vue-slider-process{background-color:#69c0ff}.vue-slider-mark-step{width:100%;height:100%;-webkit-box-shadow:0 0 0 2px #e8e8e8}[dir] .vue-slider-mark-step{border-radius:50%;box-shadow:0 0 0 2px #e8e8e8;background-color:#fff}.vue-slider-mark-step-active{-webkit-box-shadow:0 0 0 2px #9cd5ff}[dir] .vue-slider-mark-step-active{box-shadow:0 0 0 2px #9cd5ff}.vue-slider:hover .vue-slider-mark-step-active{-webkit-box-shadow:0 0 0 2px #69c0ff}[dir] .vue-slider:hover .vue-slider-mark-step-active{box-shadow:0 0 0 2px #69c0ff}.vue-slider-mark-label{font-size:12px;white-space:nowrap}.vue-slider-dot-handle{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;transition:border-color .3s,-webkit-box-shadow .3s;transition:box-shadow .3s,border-color .3s;transition:box-shadow .3s,border-color .3s,-webkit-box-shadow .3s}[dir] .vue-slider-dot-handle{cursor:pointer;border-radius:50%;background-color:#fff;border:2px solid #9cd5ff;-webkit-transition:border-color .3s,-webkit-box-shadow .3s}[dir] .vue-slider:hover .vue-slider-dot-handle{border-color:#69c0ff}.vue-slider-dot-handle-focus{-webkit-box-shadow:0 0 0 5px rgba(54,171,255,.2)}[dir] .vue-slider-dot-handle-focus{border-color:#36abff;box-shadow:0 0 0 5px rgba(54,171,255,.2)}[dir] .vue-slider-dot-handle:hover,[dir] .vue-slider:hover .vue-slider-dot-handle-focus,[dir] .vue-slider:hover .vue-slider-dot-handle:hover{border-color:#36abff}[dir] .vue-slider-dot-handle-disabled{cursor:not-allowed;border-color:#ddd!important}.vue-slider-dot-tooltip{opacity:0;visibility:hidden;transition:all .3s}[dir] .vue-slider-dot-tooltip{-webkit-transition:all .3s}.vue-slider-dot-tooltip-inner{font-size:14px;white-space:nowrap;color:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-transform:scale(.9);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}[dir] .vue-slider-dot-tooltip-inner{padding:6px 8px;border-radius:5px;border-color:rgba(0,0,0,.75);background-color:rgba(0,0,0,.75);box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(.9);-webkit-transition:-webkit-transform .3s}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{top:100%;height:0;width:0}[dir] .vue-slider-dot-tooltip-inner-top:after{border-color:transparent;border-style:solid;border-width:5px;border-top-color:inherit}[dir=ltr] .vue-slider-dot-tooltip-inner-top:after{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}[dir=rtl] .vue-slider-dot-tooltip-inner-top:after{right:50%;-webkit-transform:translate(50%);transform:translate(50%)}.vue-slider-dot-tooltip-inner-bottom:after{bottom:100%;height:0;width:0}[dir] .vue-slider-dot-tooltip-inner-bottom:after{border-color:transparent;border-style:solid;border-width:5px;border-bottom-color:inherit}[dir=ltr] .vue-slider-dot-tooltip-inner-bottom:after{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}[dir=rtl] .vue-slider-dot-tooltip-inner-bottom:after{right:50%;-webkit-transform:translate(50%);transform:translate(50%)}.vue-slider-dot-tooltip-inner-left:after{top:50%;-webkit-transform:translateY(-50%);height:0;width:0}[dir] .vue-slider-dot-tooltip-inner-left:after{transform:translateY(-50%);border-color:transparent;border-style:solid;border-width:5px}[dir=ltr] .vue-slider-dot-tooltip-inner-left:after{left:100%;border-left-color:inherit}[dir=rtl] .vue-slider-dot-tooltip-inner-left:after{right:100%;border-right-color:inherit}.vue-slider-dot-tooltip-inner-right:after{top:50%;-webkit-transform:translateY(-50%);height:0;width:0}[dir] .vue-slider-dot-tooltip-inner-right:after{transform:translateY(-50%);border-color:transparent;border-style:solid;border-width:5px}[dir=ltr] .vue-slider-dot-tooltip-inner-right:after{right:100%;border-right-color:inherit}[dir=rtl] .vue-slider-dot-tooltip-inner-right:after{left:100%;border-left-color:inherit}.vue-slider-dot-tooltip-inner-top{-webkit-transform-origin:50% 100%}[dir] .vue-slider-dot-tooltip-inner-top{transform-origin:50% 100%}.vue-slider-dot-tooltip-inner-bottom{-webkit-transform-origin:50% 0}[dir] .vue-slider-dot-tooltip-inner-bottom{transform-origin:50% 0}[dir=ltr] .vue-slider-dot-tooltip-inner-left{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}[dir=ltr] .vue-slider-dot-tooltip-inner-right,[dir=rtl] .vue-slider-dot-tooltip-inner-left{-webkit-transform-origin:0 50%;transform-origin:0 50%}[dir=rtl] .vue-slider-dot-tooltip-inner-right{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.vue-slider-dot-tooltip-show,.vue-slider-dot:hover .vue-slider-dot-tooltip{opacity:1;visibility:visible}.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner,.vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner{-webkit-transform:scale(1)}[dir] .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner,[dir] .vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner{transform:scale(1)}button.vjs-big-play-button{position:absolute;top:45%!important;display:block}[dir] #camera-view{background-color:#f2f2f2}#camera-view .live-camera-area{position:relative}#camera-view .live-camera-area p{position:absolute;top:50%;color:#fff;z-index:5}[dir] #camera-view .live-camera-area p{margin:0;padding:0}[dir=ltr] #camera-view .live-camera-area p{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] #camera-view .live-camera-area p{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}#camera-view .live-camera-area button{z-index:5;position:absolute;top:80%}[dir=ltr] #camera-view .live-camera-area button{left:50%;margin-left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] #camera-view .live-camera-area button{right:50%;margin-right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}#camera-view .vjs-error .vjs-error-display:before{font-family:Material Icons;content:"\E001";font-size:480%}#camera-view .vjs-text{z-index:1;font-size:2em;line-height:1.5em;height:1.63332em;display:block;position:absolute;top:10px;opacity:1;transition:all .4s}[dir] #camera-view .vjs-text{-webkit-transition:all .4s}#camera-view .forward-layer{z-index:99}[dir] #camera-view .forward-layer{background-color:#f2f2f2}[dir] #camera-view .vue-slider-dot-handle{background-color:#2f80ed;border:2px solid rgba(47,128,237,.1254901961)}#camera-view .jump-carousel-parent{position:absolute;top:0;color:grey;z-index:0;height:140px}[dir] #camera-view .jump-carousel-parent{padding:1rem}[dir=ltr] #camera-view .jump-carousel-parent--left{left:0}[dir=ltr] #camera-view .jump-carousel-parent--right,[dir=rtl] #camera-view .jump-carousel-parent--left{right:0}[dir=rtl] #camera-view .jump-carousel-parent--right{left:0}#camera-view .jump-carousel-parent .jump-carousel-button{opacity:.8;height:3rem;width:3rem;z-index:9}[dir] #camera-view .jump-carousel-parent .jump-carousel-button{background-color:silver;border-radius:50%;cursor:pointer}#camera-view .carousel-summary-block{width:2rem;height:.4rem}[dir] #camera-view .carousel-summary-block{background-color:#828282}#camera-view .ptz-manage-block div.ptz-ctl-box{width:180px;height:180px}#camera-view .hykecam-camera-area{position:relative}[dir] #camera-view .hykecam-camera-area{background-color:#000}#camera-view .hykecam-center{width:55%}[dir] #camera-view .hykecam-center{margin:0 auto}#camera-view .hykecam-video{width:100%;z-index:10}#camera-view .loader{font-size:10px;text-indent:-9999em;width:100px;height:100px;position:absolute;top:20%;-webkit-transform:translateZ(0);z-index:20}[dir] #camera-view .loader{margin:50px auto;border-radius:50%;background:#fff;transform:translateZ(0)}[dir=ltr] #camera-view .loader{background:-webkit-gradient(linear,left top,right top,color-stop(10%,#fff),color-stop(42%,hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff 10%,hsla(0,0%,100%,0) 42%);left:40%;-webkit-animation:load3-ltr 1.4s linear infinite;animation:load3-ltr 1.4s linear infinite}[dir=rtl] #camera-view .loader{background:-webkit-gradient(linear,right top,left top,color-stop(10%,#fff),color-stop(42%,hsla(0,0%,100%,0)));background:linear-gradient(270deg,#fff 10%,hsla(0,0%,100%,0) 42%);right:40%;-webkit-animation:load3-rtl 1.4s linear infinite;animation:load3-rtl 1.4s linear infinite}#camera-view .loader:before{width:50%;height:50%;position:absolute;top:0;content:""}[dir] #camera-view .loader:before{background:#fff}[dir=ltr] #camera-view .loader:before{border-radius:100% 0 0 0;left:0}[dir=rtl] #camera-view .loader:before{border-radius:0 100% 0 0;right:0}#camera-view .loader:after{width:75%;height:75%;content:"";position:absolute;top:0;bottom:0}[dir] #camera-view .loader:after{background:#000;border-radius:50%;margin:auto}[dir=ltr] #camera-view .loader:after,[dir=rtl] #camera-view .loader:after{left:0;right:0}@-webkit-keyframes load3-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes load3-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes load3-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load3-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}[dir=ltr] #camera-view .calendar-icon{margin-right:.2rem}[dir=rtl] #camera-view .calendar-icon{margin-left:.2rem}#camera-view .date-picker-container{display:inline}#camera-view .carousel-wrap{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}#camera-view .carousel-item{scroll-snap-align:center;display:inline-block;white-space:normal}#camera-view .camera-view-flat-pickr{height:30px;width:10rem;color:#48a0f4}[dir] #camera-view .camera-view-flat-pickr{margin-top:2px;border:1px solid #48a0f4;background-color:rgba(72,160,244,.0784313725)}[dir=ltr] #camera-view .camera-view-flat-pickr{padding:.3rem 0 .3rem 3rem}[dir=rtl] #camera-view .camera-view-flat-pickr{padding:.3rem 3rem .3rem 0}#camera-view .onvif-toggle-button{height:30px;color:#48a0f4}[dir] #camera-view .onvif-toggle-button{margin-top:2px;border-radius:6px;border:1px solid #48a0f4}[dir] #camera-view .onvif-toggle-button:hover{background-color:rgba(72,160,244,.1)}#camera-view .live-icon-block{color:#48a0f4;-webkit-box-shadow:0 0 10px 0 rgba(72,160,244,.5019607843)}[dir] #camera-view .live-icon-block{border:2px solid #48a0f4;border-radius:4px;box-shadow:0 0 10px 0 rgba(72,160,244,.5019607843)}#camera-view .con-vs-loading{z-index:999}#camera-view .onvif-waiting{pointer-events:none;position:absolute;width:30px;height:30px}[dir] #camera-view .onvif-waiting{text-align:center;border-radius:50%;border:8px solid #e2e2e2}[dir=ltr] #camera-view .onvif-waiting{border-right-color:transparent;-webkit-animation:spin-ltr 1s linear infinite;-moz-animation:spin-ltr 1s infinite linear;-ms-animation:spin-ltr 1s infinite linear}[dir=rtl] #camera-view .onvif-waiting{border-left-color:transparent;-webkit-animation:spin-rtl 1s linear infinite;-moz-animation:spin-rtl 1s infinite linear;-ms-animation:spin-rtl 1s infinite linear}@-webkit-keyframes spin-ltr{0%{-webkit-transform:rotate(0deg);opacity:1}50%{-webkit-transform:rotate(180deg);opacity:1}to{-webkit-transform:rotate(1turn);opacity:1}}@-webkit-keyframes spin-rtl{0%{-webkit-transform:rotate(0deg);opacity:1}50%{-webkit-transform:rotate(-180deg);opacity:1}to{-webkit-transform:rotate(-1turn);opacity:1}}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8.4px;pointer-events:none;position:absolute;top:0}[dir] progress{border-radius:2px}[dir] progress::-webkit-progress-bar,[dir] progress::-webkit-progress-value{background-color:#474545;border-radius:2px}.seek{position:absolute;top:0;width:100%}[dir] .seek{cursor:pointer;margin:0}.seek:hover+.seek-tooltip{display:block}.seek-tooltip{display:none;position:absolute;top:-50px;font-size:12px;content:attr(data-title);font-weight:700;color:#fff}[dir] .seek-tooltip{padding:3px;background-color:rgba(0,0,0,.6)}[dir=ltr] .seek-tooltip{margin-left:-20px}[dir=rtl] .seek-tooltip{margin-right:-20px}.bottom-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .bottom-controls{padding-bottom:.6rem}.left-controls,.right-controls{color:#fff}.left-controls,.right-controls,.volume-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir=ltr] .volume-controls{margin-right:10px}[dir=rtl] .volume-controls{margin-left:10px}.volume-controls input{width:100px;opacity:1;transition:all .4s ease}[dir] .volume-controls input{-webkit-transition:all .4s ease}.volume-controls:hover input,.volume-controls input:focus{width:100px;opacity:1}[dir=ltr] .fullscreen-button{margin-right:0}[dir=rtl] .fullscreen-button{margin-left:0}.playback-animation{pointer-events:none;position:absolute;top:50%;width:80px;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0}[dir] .playback-animation{margin-top:-40px;border-radius:80px;background-color:rgba(0,0,0,.6)}[dir=ltr] .playback-animation{left:50%;margin-left:-40px}[dir=rtl] .playback-animation{right:50%;margin-right:-40px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;height:8.4px}[dir] input[type=range]{background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;-webkit-appearance:none;transition:all .4s ease}[dir] input[type=range]::-webkit-slider-runnable-track{cursor:pointer;border-radius:1.3px;-webkit-transition:all .4s ease}input[type=range]::-webkit-slider-thumb{height:16px;width:16px;-webkit-appearance:none}[dir] input[type=range]::-webkit-slider-thumb{border-radius:16px;background:#7367f0;cursor:pointer}[dir=ltr] input[type=range]::-webkit-slider-thumb{margin-left:-1px}[dir=rtl] input[type=range]::-webkit-slider-thumb{margin-right:-1px}[dir] input[type=range]:focus::-webkit-slider-runnable-track{background:transparent}input[type=range].volume{height:5px}[dir] input[type=range].volume{background-color:#fff}[dir] input[type=range].volume::-webkit-slider-runnable-track{background-color:transparent}input[type=range].volume::-webkit-slider-thumb{height:14px;width:14px}[dir] input[type=range].volume::-webkit-slider-thumb{background:#fff}[dir=ltr] input[type=range].volume::-webkit-slider-thumb{margin-left:0}[dir=rtl] input[type=range].volume::-webkit-slider-thumb{margin-right:0}input[type=range]::-moz-range-track{width:100%;height:8.4px}[dir] input[type=range]::-moz-range-track{cursor:pointer;border:1px solid transparent;background:transparent;border-radius:1.3px}input[type=range]::-moz-range-thumb{height:14px;width:14px}[dir] input[type=range]::-moz-range-thumb{border-radius:50px;border:1px solid #7367f0;background:#7367f0;cursor:pointer;margin-top:5px}input[type=range]:focus::-moz-range-track{outline:none}[dir] input[type=range].volume::-moz-range-thumb{border:1px solid #fff;background:#fff}.play-button svg{width:24px;height:24px}[dir] .play-button svg{cursor:pointer}[dir=ltr] .play-button svg{margin-right:1rem}[dir=rtl] .play-button svg{margin-left:1rem}.volume-button{color:#f2f2f2}[dir] .volume-button{margin:0 .4rem}[dir] .onvif-control-button:hover{background-color:#6ab9e5!important}[dir] .onvif-zoom-button:hover{background-color:#5c5c5c!important}[dir] .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,[dir] .flatpickr-calendar .flatpickr-day.selected,[dir] .flatpickr-calendar .flatpickr-day.selected.nextMonthDay{background-color:#fff!important;border-color:#a9a9a9!important;color:#000!important}[dir] .flatpickr-calendar .flatpickr-day.selected:hover{background-color:rgba(47,128,237,.6274509804)!important;border-color:rgba(47,128,237,.7529411765)!important;color:#fff!important}#custom-breadcrumb-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute}[dir] #custom-breadcrumb-title{padding:0;margin:0}#ptz-manage-block-area .title-loading{font-size:6px!important}