.manage-cards-overlay{position:absolute;top:0;left:-100%;width:100%;height:100%}.manage-cards-overlay.active{left:0}.manage-cards-component{position:absolute;top:0;right:-100%;width:100%;max-width:320px;height:100%;background-color:#fafafa;transition:right .35s ease;display:flex;flex-direction:column}.manage-cards-component.active{right:0}.manage-cards-component .manager-header{background-color:#fff;line-height:3rem;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.manage-cards-component .manager-header .btn.btn-flat{vertical-align:top;height:auto;padding:0;line-height:inherit}.manage-cards-component .manager-header span{display:inline-block;padding-left:.75rem}.manage-cards-component .manager-content{padding:.5rem .75rem .25rem .75rem;overflow-y:auto;flex:1}.manage-cards-component .manager-content .card .card-title{font-size:1.2rem;font-weight:normal;margin-bottom:.75rem}.manage-cards-component .manager-content .card .card-title i{vertical-align:top}.manage-cards-component .manager-content .card .card-description{font-size:.8rem;color:#9e9e9e;margin-bottom:.75rem}
.fuelCost-card .card .ct-chart svg.ct-chart-line{margin-top:30px}.fuelCost-card .card .ct-chart .chartist-tooltip .chartist-tooltip-value{display:none}
.mileage-card .card .ct-chart .chartist-tooltip .chartist-tooltip-value{display:none}
.dashboard-page-component{overflow:hidden;position:relative}.dashboard-page-component .base-page{overflow-y:auto}.dashboard-page-component .dashboard-filters .dropdown-wrapper{width:auto}.dashboard-page-component .dashboard-filters .dropdown-wrapper .select-advanced-icon-component .select-advanced-component .icon-input{padding-top:0;line-height:normal}.dashboard-page-component .card .card-content{padding:1.5rem;min-height:inherit}.dashboard-page-component .card .card-title{margin-bottom:0;font-weight:normal;font-size:1.2rem;line-height:1.4rem}.dashboard-page-component .card .card-right-side{text-align:right}.dashboard-page-component .card .card-right-side .view-report{display:block;color:rgb(72.8192307692,117.5653846154,187.8807692308);line-height:1.4rem;min-height:1.4rem;font-size:.8rem}.dashboard-page-component .card .card-right-side .row{position:relative}.dashboard-page-component .card .card-right-side .overview-results{position:absolute;right:0}.dashboard-page-component .card .card-right-side .overview-results span{width:100%;display:inline-block}.dashboard-page-component .card .card-right-side .overview-results .title{color:#9e9e9e;font-size:1rem;line-height:.8rem}.dashboard-page-component .card .card-right-side .overview-results .value{color:#757575;font-size:1.2rem;line-height:1rem}.dashboard-page-component .card .card-right-side .overview-results .value.val-0{color:rgb(97.3,125.1,139)}.dashboard-page-component .card .card-right-side .overview-results .value.val-1{color:rgb(154,174.2,184.3)}.dashboard-page-component .card .card-right-side .overview-results .value.val-2{color:rgb(214,222.2,226.3)}.dashboard-page-component .card .card-right-side .overview-results .value.val-3{color:#fff}.dashboard-page-component .card .card-right-side .overview-results .value.val-4{color:#fff}.dashboard-page-component .card .period-range-options{display:inline-block;line-height:1rem}.dashboard-page-component .card .period-range-options .period{display:inline-block;font-size:.8rem;color:#9e9e9e;padding:0 .5rem;border-left:1px solid #9e9e9e}.dashboard-page-component .card .period-range-options .period.active{color:rgb(72.8192307692,117.5653846154,187.8807692308)}.dashboard-page-component .card .period-range-options .period:first-child{padding-left:0;border-left:none}.dashboard-page-component .card .period-range-options .period:last-child{padding-right:0}.dashboard-page-component .card bar-loading .progress{border-radius:0}.dashboard-page-component .card .ct-chart{margin-top:20px}.dashboard-page-component .card .ct-chart.ct-minor-second>svg{position:relative}.dashboard-page-component .card .ct-chart.ct-minor-second::before{padding-bottom:0 !important;display:none}.dashboard-page-component .card .ct-chart .ct-series.ct-series-a .ct-line,.dashboard-page-component .card .ct-chart .ct-series.ct-series-a .ct-point{stroke:rgb(97.3,125.1,139)}.dashboard-page-component .card .ct-chart .ct-series.ct-series-a .ct-slice-donut-solid{fill:rgb(97.3,125.1,139)}.dashboard-page-component .card .ct-chart .ct-series.ct-series-b .ct-line,.dashboard-page-component .card .ct-chart .ct-series.ct-series-b .ct-point{stroke:rgb(154,174.2,184.3)}.dashboard-page-component .card .ct-chart .ct-series.ct-series-b .ct-slice-donut-solid{fill:rgb(154,174.2,184.3)}.dashboard-page-component .card .ct-chart .ct-series.ct-series-c .ct-line,.dashboard-page-component .card .ct-chart .ct-series.ct-series-c .ct-point{stroke:rgb(214,222.2,226.3)}.dashboard-page-component .card .ct-chart .ct-series.ct-series-c .ct-slice-donut-solid{fill:rgb(214,222.2,226.3)}.dashboard-page-component .card .ct-chart .ct-series.ct-series-d .ct-line,.dashboard-page-component .card .ct-chart .ct-series.ct-series-d .ct-point{stroke:#fff}.dashboard-page-component .card .ct-chart .ct-series.ct-series-d .ct-slice-donut-solid{fill:#fff}.dashboard-page-component .card .ct-chart .ct-series.ct-series-e .ct-line,.dashboard-page-component .card .ct-chart .ct-series.ct-series-e .ct-point{stroke:#fff}.dashboard-page-component .card .ct-chart .ct-series.ct-series-e .ct-slice-donut-solid{fill:#fff}.dashboard-page-component .card .ct-chart .ct-labels .ct-label{color:#9e9e9e;font-size:.8rem;line-height:20px}.dashboard-page-component .card .ct-chart .ct-chart-donut .ct-label{fill:#fff;color:#fff;font-size:1rem;line-height:1rem}.dashboard-page-component .card .ct-chart .chartist-tooltip{position:absolute;display:none;padding:.5rem;text-align:center;pointer-events:none;background-color:#fff;font-size:1rem;line-height:1rem;color:#212121;z-index:1;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.dashboard-page-component .card .ct-chart .chartist-tooltip::before{content:"";position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-10px;border:10px solid rgba(0,0,0,0);border-top-color:#fff}.dashboard-page-component .card .ct-chart .chartist-tooltip.tooltip-show{display:block}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-a{background:rgb(97.3,125.1,139);color:#fff}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-a::before{border-top-color:rgb(97.3,125.1,139)}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-b{background:rgb(154,174.2,184.3);color:#fff}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-b::before{border-top-color:rgb(154,174.2,184.3)}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-c{background:rgb(214,222.2,226.3);color:#fff}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-c::before{border-top-color:rgb(214,222.2,226.3)}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-d{background:#fff;color:#fff}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-d::before{border-top-color:#fff}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-e{background:#fff;color:#fff}.dashboard-page-component .card .ct-chart .chartist-tooltip.ct-series-e::before{border-top-color:#fff}.dashboard-page-component .card .half-pie-chart .ct-chart{overflow:hidden}.dashboard-page-component .card .half-pie-chart .ct-chart svg.ct-chart-donut{transform:translateY(25%)}.dashboard-page-component .card .pie-legend-list{height:40px;justify-content:center}.dashboard-page-component .card .pie-legend-list .pie-legend-item{flex-basis:auto;padding:.5rem .75rem}.dashboard-page-component .card .pie-legend-list .pie-legend-item label{display:inline-block;font-size:.8rem}.dashboard-page-component .card .pie-legend-list .pie-legend-item label span{display:inline-block}.dashboard-page-component .card .pie-legend-list .pie-legend-item label::before{content:"";vertical-align:top;display:inline-block;padding:7px;margin:2px 0;margin-right:.25rem;background-color:#9e9e9e}.dashboard-page-component .card .pie-legend-list .pie-legend-item:nth-child(1) label::before{background:rgb(97.3,125.1,139)}.dashboard-page-component .card .pie-legend-list .pie-legend-item:nth-child(2) label::before{background:rgb(154,174.2,184.3)}.dashboard-page-component .card .pie-legend-list .pie-legend-item:nth-child(3) label::before{background:rgb(214,222.2,226.3)}.dashboard-page-component .card .pie-legend-list .pie-legend-item:nth-child(4) label::before{background:#fff}.dashboard-page-component .card .pie-legend-list .pie-legend-item:nth-child(5) label::before{background:#fff}
.cctv-filters-component .select-input-component .collection .collection-item i.fi-circle.active{color:#8bc34a}.cctv-filters-component .select-input-component .collection .collection-item i.fi-circle.disable{color:#e53935}.cctv-filters-component .select-input-component .collection .collection-item i.fi-circle.travelling,.cctv-filters-component .select-input-component .collection .collection-item i.fi-circle.idling{color:#8bc34a}.cctv-filters-component .select-input-component .collection .collection-item i.fi-circle.unknown,.cctv-filters-component .select-input-component .collection .collection-item i.fi-circle.stopped{color:#e53935}
.increaseDiv{min-height:30vw !important}.cctv-channels-player{padding:.75rem;background-color:#212121;position:relative;min-height:240px}.cctv-channels-player .maximizeSetting{float:right;color:#fff;z-index:100;position:relative}.cctv-channels-player .positionBtn{right:calc(0% + 2vw);top:24px;position:absolute}.cctv-channels-player .maximizeSetting:hover{color:hsla(0,0%,100%,.5098039216)}.cctv-channels-player .hideContainer{display:none}.cctv-channels-player .video-player-grid{display:flex;flex-flow:row wrap;justify-content:left;align-items:stretch;position:relative}.cctv-channels-player .info-message{text-align:center}.cctv-channels-player .info-message h5,.cctv-channels-player .info-message i{color:#fff}.cctv-channels-player .resizeDiv{max-width:100% !important;padding:0rem;display:flex;flex-direction:row-reverse}.cctv-channels-player .isMiniSize{outline:none !important;margin:0 auto;height:calc(34vh - 4em) !important}@media(min-height: 631px)and (max-height: 730px){.cctv-channels-player .isMiniSize{height:calc(30vh - 4em) !important}}@media(max-height: 630px){.cctv-channels-player .isMiniSize{height:calc(27vh - 4em) !important}}.cctv-channels-player .isMiniSize{background-color:#000}.cctv-channels-player .isBigSize{width:100%;height:calc(100vh - 24em) !important;background-color:#000;outline:none !important;margin:0 auto;background-color:#000}.cctv-channels-player .video-player{flex:1 1 33.333333%;min-width:50%;padding:10px .75rem;position:relative;max-height:100%;max-width:50%;margin:auto}.cctv-channels-player .video-player .video-overlay-container{display:block;margin:0 auto;width:100%;max-width:100%;height:30px;background-color:rgba(224,221,221,.1490196078);padding:5px .75rem;right:0;left:0px;top:-20px}.cctv-channels-player .video-player .video-overlay-container span{display:inline-block;line-height:20px;color:#fff}.cctv-channels-player .video-player .spinner{display:block;z-index:10;margin:auto;width:0px;height:0px;position:absolute;top:0;bottom:0;left:-6rem;right:0}.cctv-channels-player .video-player .waitingAlert{display:block;z-index:10;margin:auto;width:70%;height:0px;position:absolute;top:10vh;bottom:0;left:0rem;right:0;color:#fff;font-size:.9vw}.cctv-channels-player .video-player .smallSpinner{left:-2rem}.cctv-channels-player .video-player .videoElem{outline:none !important}.cctv-channels-player .video-player video{outline:none !important;display:block;margin:0 auto;width:100%;background-color:#000}
ux-dialog.longDialog{height:33rem !important}ux-dialog.advanced-settings-dialog{height:50%;position:absolute;top:0;bottom:0;left:0;right:0;max-height:34rem;width:90%;max-width:840px;border-radius:2px;margin:auto}ux-dialog.advanced-settings-dialog .channel-item{width:25%}ux-dialog.advanced-settings-dialog .context-spacing{display:flex;flex-direction:column;justify-content:space-between;height:90%}ux-dialog.advanced-settings-dialog .selected{color:#000}ux-dialog.advanced-settings-dialog .range-container{border-left:1px solid #e5e5e5;text-align:center;margin-top:27px;color:#9e9e9e}ux-dialog.advanced-settings-dialog [type=checkbox]:not(:checked),ux-dialog.advanced-settings-dialog [type=checkbox]:checked{position:relative;opacity:1;pointer-events:auto;top:2px}ux-dialog.advanced-settings-dialog [type=checkbox]+label{padding-left:5px}ux-dialog.advanced-settings-dialog .checkbox-container{display:inline-block;margin:0 20px}ux-dialog.advanced-settings-dialog .bottom-spacing{margin-bottom:20px}ux-dialog.advanced-settings-dialog .offline-wrap{padding:.75rem 10%}ux-dialog.advanced-settings-dialog .online-wrap{padding:.75rem 31%}
ux-dialog.download-dialog{height:auto;position:absolute;top:0;bottom:0;left:0;right:0;max-height:14rem;width:90%;max-width:840px;border-radius:2px;margin:auto}ux-dialog.download-dialog .channel-item{width:25%}ux-dialog.download-dialog .selected{color:#000}ux-dialog.increaseSize{max-height:18rem}
.cctv-actions .btn{color:#0a79dd !important}.cctv-actions .video-controls-manager-container,.cctv-actions .download-buttons-container,.cctv-actions .download-range-info-container{height:30px;line-height:30px}.cctv-actions .video-controls-manager-container .btn,.cctv-actions .download-buttons-container .btn,.cctv-actions .download-range-info-container .btn{vertical-align:top;height:30px;line-height:30px;padding:0 .75rem}.cctv-actions .re-position{height:32px;margin:-2px 0 0 0}.cctv-actions input[type=number]{position:relative}.cctv-actions input[type=number]::-webkit-inner-spin-button,.cctv-actions input[type=number]::-webkit-outer-spin-button{opacity:1}.cctv-actions input[type=number]::-webkit-outer-spin-button,.cctv-actions input[type=number]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button !important;width:25px;position:absolute;top:0;right:0;height:100%}.cctv-actions .inputTime{display:inline-block;line-height:30px;width:60px !important}.cctv-actions .currentTimeStyle{max-width:46px;max-height:30px !important;border-bottom:none;outline:none !important;border-color:inherit !important;box-shadow:none !important;border-bottom:none !important;margin:0 !important}.cctv-actions .disabled{background:#f1f5f8 !important;border-color:#b8c2cc !important;opacity:.6 !important;cursor:not-allowed !important}.cctv-actions input[type=number]::-webkit-inner-spin-button,.cctv-actions input[type=number]::-webkit-outer-spin-button{opacity:1;cursor:pointer}.cctv-actions .currentTimeStyle:focus{outline:none !important;border-color:inherit !important;box-shadow:none !important;color:#000 !important;font-size:1.2rem;border-bottom:none !important}.cctv-actions .download-range-info-container{text-align:right}.cctv-actions .secondsMargin{margin:4px 18px 0 -25px}.cctv-actions .customTime{margin:3px 0 0 0;color:#b3b2b2}.cctv-actions .outerDivRange{display:contents;flex-direction:row-reverse}
.setOverflow{overflow-y:auto !important}.cctv-timeline{overflow:hidden;-webkit-user-select:none}.cctv-timeline .resizable{resize:horizontal;overflow:auto;background:#fff;width:100px;height:100px;position:absolute;top:30px;z-index:10}.cctv-timeline .resizable .resizers{width:100%;height:100%;border:3px solid #4286f4;box-sizing:border-box}.cctv-timeline .resizable .resizers .resizer{width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid #4286f4;position:absolute}.cctv-timeline .resizable .resizers .resizer.top-left{left:-5px;top:-5px;cursor:nwse-resize}.cctv-timeline .resizable .resizers .resizer.top-right{right:-5px;top:-5px;cursor:nesw-resize}.cctv-timeline .resizable .resizers .resizer.bottom-left{left:-5px;bottom:-5px;cursor:nesw-resize}.cctv-timeline .resizable .resizers .resizer.bottom-right{right:-5px;bottom:-5px;cursor:nwse-resize}.cctv-timeline .timeline-left-column{position:relative;box-shadow:3px -3px 3px -3px rgba(0,0,0,.5);max-width:200px;z-index:2;background-color:#465a64}.cctv-timeline .timeline-left-column .currentTimeStyle{height:29px;max-width:55%;color:#fff;border-bottom:none}.cctv-timeline .timeline-left-column .currentTimeStyle:focus{outline:none !important;border-color:inherit !important;box-shadow:none !important;color:hsla(0,0%,100%,.5411764706) !important;font-size:1.2rem;border-bottom:none !important}.cctv-timeline .timeline-left-column .backgroundFocus{background-color:#000}.cctv-timeline .timeline-left-column .header-row{background-color:#617d8b;height:30px;line-height:30px;padding:0 .75rem;color:#fff}.cctv-timeline .timeline-left-column .header-row.timeline-timer{font-size:1rem}.cctv-timeline .timeline-left-column .header-row.timeline-timer .timeline-timer-wrapper i{line-height:29px;vertical-align:top;font-size:1rem}.cctv-timeline .timeline-left-column .header-row .scale-actions-wrapper{display:inline-block;text-align:right}.cctv-timeline .timeline-left-column .header-row .scale-actions-wrapper .btn{height:30px;line-height:30px;display:inline-block;padding:0 .25rem;color:#fff;vertical-align:top}.cctv-timeline .timeline-left-column .header-row .scale-actions-wrapper .btn i{font-size:1.2rem;vertical-align:top}.cctv-timeline .timeline-left-column .timeline-header-column-item{padding:0 .75rem;color:#fff;background-color:#465a64;height:30px;line-height:30px}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain *,.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain *::before,.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain *::after{box-sizing:content-box !important}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain input{position:absolute;z-index:-1;opacity:0}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain span{line-height:.29;font-size:.88rem;font-family:inherit;color:#a0a0a0}.cctv-timeline .timeline-left-column .timeline-header-column-item .selectedLabel{color:#fff !important}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain{display:table;position:relative;padding-left:2.05rem;cursor:pointer;margin-bottom:.68rem}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain input[type=checkbox]~.b-input{position:absolute;top:0;left:0;height:1.25rem;width:1.25rem;background:#576f7c;transition:background 250ms;border:1px solid #7c858e;border-radius:.125rem}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain input[type=checkbox]~.b-input::after{content:"";position:absolute;display:none;left:.45rem;top:.18rem;width:.25rem;height:.6rem;border:solid #fff;border-width:0 2px 2px 0;transition:background 250ms;transform:rotate(45deg)}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain input:checked~.b-input::after{display:block}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain input:focus~.b-input{box-shadow:0 0 0 2px rgba(52,144,220,.5)}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain input:checked~.b-input{background:#0082f3;border-color:#0082f3}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain input[type=checkbox]:disabled~.b-input{background:#f1f5f8;border-color:#b8c2cc;opacity:.6;cursor:not-allowed}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain input:checked:focus~.b-input,.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain:hover input:not([disabled]):checked~.b-input{background:#0d8fff;border-color:#0d8fff}.cctv-timeline .timeline-left-column .timeline-header-column-item .b-contain .b-input::before{content:"";display:block;position:absolute;left:0;top:0;width:3rem;height:3rem;margin-left:-0.85rem;margin-top:-0.85rem;background:#0082f3;border-radius:2rem;opacity:.6;z-index:99999;transform:scale(0)}.cctv-timeline .timeline-left-column .timeline-header-column-item.selected{background-color:hsl(200,17.7966101695%,41.2745098039%)}.cctv-timeline .square{clip-path:polygon(75% 0%, 100% 51%, 75% 100%, 0% 100%, 0 54%, 0% 0%)}.cctv-timeline .timeline-right-column::-webkit-scrollbar{width:0 !important}.cctv-timeline .timeline-right-column{cursor:pointer;background-color:#465a64;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;overflow:-moz-scrollbars-none}.cctv-timeline .timeline-right-column .downloadSelectBar{background-color:orange;height:3px;position:absolute;top:25px}.cctv-timeline .timeline-right-column .dot{height:5px;width:5px;background-color:#bbb;transform:rotate(45deg);display:inline-block;margin-left:-2px;background-color:#fbc02d}.cctv-timeline .timeline-right-column .oneContainer{margin-top:3.8rem}.cctv-timeline .timeline-right-column .start-area:hover .oneContainer:not(:hover){height:13px;width:13px;margin-top:3.5rem;margin-left:-6px}.cctv-timeline .timeline-right-column .end-area:hover .oneContainer:not(:hover){height:13px;width:13px;margin-top:3.5rem;margin-left:-6px}.cctv-timeline .timeline-right-column .oneContainer:hover{height:13px;width:13px;margin-top:3.5rem;margin-left:-6px}.cctv-timeline .timeline-right-column .twoContainers{margin-top:4.8rem}.cctv-timeline .timeline-right-column .start-area:hover .twoContainers:not(:hover){height:13px;width:13px;margin-top:4.5rem;margin-left:-6px}.cctv-timeline .timeline-right-column .end-area:hover .twoContainers:not(:hover){height:13px;width:13px;margin-top:4.5rem;margin-left:-6px}.cctv-timeline .timeline-right-column .twoContainers:hover{height:13px;width:13px;margin-top:4.5rem;margin-left:-6px}.cctv-timeline .timeline-right-column .threeContainers{margin-top:5.8rem}.cctv-timeline .timeline-right-column .start-area:hover .threeContainers:not(:hover){height:13px;width:13px;margin-top:5.5rem;margin-left:-6px}.cctv-timeline .timeline-right-column .end-area:hover .threeContainers:not(:hover){height:13px;width:13px;margin-top:5.5rem;margin-left:-6px}.cctv-timeline .timeline-right-column .threeContainers:hover{height:13px;width:13px;margin-top:5.5rem;margin-left:-6px}.cctv-timeline .timeline-right-column .dot:active{cursor:grabbing}.cctv-timeline .timeline-right-column .timeline-outside-download-area-background{display:block;position:absolute;top:30px;bottom:0px;width:0px;height:calc(100% - 30px);z-index:2;cursor:grab}.cctv-timeline .timeline-right-column .timeline-outside-download-area-background:active{cursor:grabbing}.cctv-timeline .timeline-right-column .timeline-outside-download-area:active{cursor:grabbing}.cctv-timeline .timeline-right-column .timeline-outside-download-area{display:block;position:absolute;top:30px;bottom:0px;width:0px;height:calc(100% - 30px);background-color:rgba(33,33,33,.6509803922);z-index:2;cursor:grab}.cctv-timeline .timeline-right-column .timeline-outside-download-area .cursor{position:absolute;top:0px;width:1px;height:100%;background-color:#bdbdbd;z-index:3;cursor:grab}.cctv-timeline .timeline-right-column .timeline-outside-download-area#startDownloadMarker{left:0px}.cctv-timeline .timeline-right-column .timeline-outside-download-area#startDownloadMarker .cursor{right:0px}.cctv-timeline .timeline-right-column .timeline-outside-download-area#endDownloadMarker{right:0px}.cctv-timeline .timeline-right-column .timeline-outside-download-area#endDownloadMarker .cursor{left:0px}.cctv-timeline .timeline-right-column #timelineCursor{position:absolute;top:30px;left:0px;width:1px;height:100%;background-color:#fff;z-index:3;cursor:grab}.cctv-timeline .timeline-right-column #timelineCursor::after{content:"";display:block;position:absolute;top:-6px;left:0px;width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-left:6px solid orange}.cctv-timeline .timeline-right-column #timelineCursor::before{content:"";display:block;position:absolute;top:-6px;left:-6px;width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-right:6px solid orange}.cctv-timeline .timeline-right-column .timeline-wrapper{position:relative;display:inline-block}.cctv-timeline .timeline-right-column .timeline-header{width:100%;margin:0;background-color:#617d8b;border-bottom:1px solid #fff;height:30px;line-height:30px}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item{display:inline-block;position:relative;padding:0 3rem;padding-left:0;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (max-width: 992px){.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item{font-size:80%}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item.pos-2{display:none}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item.pos-3{display:none}}@media only screen and (min-width: 993px){.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item{font-size:70%}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item.pos-2{display:none}}@media only screen and (min-width: 1201px){.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item{font-size:70%}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item.pos-2{display:block}}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item span{display:inline-block;line-height:30px;text-align:left}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item .inputTime{display:inline-block;line-height:30px;text-align:left}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item .vertical-line{position:absolute;bottom:0px;height:6px;width:1px;background-color:#e0e0e0}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item .vertical-line:nth-child(2){left:0%}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item .vertical-line:nth-child(3){left:25%}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item .vertical-line:nth-child(4){left:50%}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item .vertical-line:nth-child(5){left:75%}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item .vertical-line.small{height:4px}.cctv-timeline .timeline-right-column .timeline-header .timeline-header-item .vertical-line.smaller{height:2px}.cctv-timeline .timeline-right-column .timeline-column-item{width:100%;height:26px;height:30px;line-height:40px;position:relative;overflow:hidden}.cctv-timeline .timeline-right-column .timeline-column-item.selected{background-color:hsl(200,17.7966101695%,41.2745098039%)}.cctv-timeline .timeline-right-column .timeline-column-item .cameraText{z-index:5;color:#fff;position:absolute;top:-8px;left:5px}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event{position:absolute;top:3px;bottom:0px;height:23px;border-radius:2px}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event.outlineBorderNonSel{outline:1px solid #465a64}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event.outlineBorderSel{outline:1px solid #576f7c}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event.cctv-media{background-color:#0082f3;overflow:hidden}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event.cctv-media .buffer-canvas{width:100%;height:100%}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event.alert{background-color:#fbc02d}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event.journey{background-color:#9e9e9e}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event.journey.score-bad{background:#e53935}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event.journey.score-good{background:#8bc34a}.cctv-timeline .timeline-right-column .timeline-column-item .timeline-column-item-event.journey.score-normal{background:#c0ca33}.bigContainer{height:14rem}.midContainer{height:12rem}.smallContainer{height:10rem}
ux-dialog.share-download-dialog{height:auto;position:absolute;top:0;bottom:0;left:0;right:0;max-height:15rem;width:90%;max-width:544px;border-radius:2px;margin:auto}ux-dialog.share-download-dialog .channel-item{width:25%}ux-dialog.share-download-dialog .info-container{position:absolute;top:50%;left:50%}ux-dialog.share-download-dialog .success-icon{vertical-align:top;font-size:1.3rem;color:#8bc34a}ux-dialog.share-download-dialog .selected{color:#000}ux-dialog.share-download-dialog .range-container{border-left:1px solid #e5e5e5;text-align:center;margin-top:27px;color:#9e9e9e}

/*# sourceMappingURL=../app~b98765b7.13071d86681b448c1381.bundle.map*/