#lostConnecting401,#mesageWaitingListCloudVideo,#messageWaitingConnect{font-size:2rem;top:0;right:0;left:0;bottom:0;z-index:11;position:absolute}.b-row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.b-row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.b-col-1{flex:0 0 auto;width:8.3333333333%}.b-col-2{flex:0 0 auto;width:16.6666666667%}.b-col-3{flex:0 0 auto;width:25%}.b-col-4{flex:0 0 auto;width:33.3333333333%}.b-col-5{flex:0 0 auto;width:41.6666666667%}.b-col-6{flex:0 0 auto;width:50%}.b-col-7{flex:0 0 auto;width:58.3333333333%}.b-col-8{flex:0 0 auto;width:66.6666666667%}.b-col-9{flex:0 0 auto;width:75%}.b-col-10{flex:0 0 auto;width:83.3333333333%}.b-col-11{flex:0 0 auto;width:91.6666666667%}.b-col-12{flex:0 0 auto;width:100%}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.ml-2{margin-left:.5rem!important}.mr-2{margin-right:.5rem!important}.b-position-static{position:static!important}.b-position-relative{position:relative!important}.b-position-absolute{position:absolute!important}.b-position-fixed{position:fixed!important}.b-position-sticky{position:-webkit-sticky!important;position:sticky!important}.h-100{height:100%!important}.h-inherit{height:inherit!important}.b-d-flex{display:flex!important}.b-d-none{display:none!important}.b-justify-content-center{justify-content:center}.b-justify-content-end{justify-content:flex-end}.b-align-items-center{align-items:center}.b-justify-content-between{justify-content:space-between!important}.b-radios-none{border-radius:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.mb-1,.my-1{margin-bottom:.25rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.pl-3,.px-3{padding-left:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.text-white{color:#fff}.fullscreenCamera{z-index:100;position:absolute;width:100vw!important;height:100%!important}.normalCamera{position:unset;z-index:auto;height:100%!important}.videoWrapper{position:relative}.videoWrapper .video-js{position:absolute;top:0;left:0;width:100%;height:100%}.page-header-camera{height:50px!important;display:flex;justify-content:space-between;align-items:center}.footer-video,.header-video{height:34px;background-color:#3B4247;display:flex}.header-video{justify-content:space-between;align-items:center}.footer-video{padding:7px;color:#fff;justify-content:space-between;align-items:center}#messageSelectCamera{height:calc(100% - 50px);display:flex;justify-content:center;align-items:center;font-size:2rem}#lostConnecting401,#messageWaitingConnect{color:#FFF;background-color:#000}#mesageWaitingListPlayback,#messageErrorUpload,#messageWaitingStopLiveStream,#messageWaitingUpload{color:#FFF;background-color:rgba(0,0,0,.5);font-size:2rem;position:absolute;z-index:11;top:0;right:0;left:0;bottom:0;display:none}#mesageWaitingListCloudVideo{color:#333;background-color:#fff;display:none}.multipleCameraView{display:block;height:calc(70vh - 100px);padding:10px 20px}.btn-header-camera,.col-camera{padding-left:5px;padding-right:5px}.col-camera{box-shadow:0 0 5px 5px transparent;transition:box-shadow .5s ease-in}.camera-highlight{box-shadow:0 0 5px 5px #337AB7;z-index:1}.text-camera-4{font-size:1.1rem;height:34px}.float-left{float:left}.float-right{float:right}.text-4{font-size:1.1rem!important}.text-3{font-size:1.2rem!important}.text-2{font-size:1.4rem!important}.text-camera-3{font-size:1.2rem;height:34px}.text-camera-2{font-size:1.4rem;height:34px}#statusDevicePopup,#tabFunctionCamera{bottom:0;left:0;right:0;height:fit-content;position:absolute}.infoAddressCameraView{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tabFunctionCamera{z-index:1000}#cameraListAndMap{height:calc(100% - 225px)}.w-100{width:100%!important}#downloadImageStream{display:flex;position:absolute;width:150px;height:40px;justify-content:space-around;left:10px;bottom:10px}.zoomImageButtonActive{background:#768CA1;color:#fff}.text-center{text-align:center}.activeImage,.activeImage2{outline:red solid 4px}#container_image_view,#container_image_view2{overflow:hidden}#image_view,#image_view2{transform:scale(1);transform-origin:center center;height:auto;width:100%}.active-camera-select{background:#337AB7!important;color:#fff!important}.active-camera-select-index{background:#d3d3d3!important}.ConnectingMessage,.lostConnectMessage{background:#000;display:flex;text-align:center;color:#fff;font-size:1.5rem;position:absolute;top:0;left:0;right:0;bottom:0}.searchCar{border:1px solid #d6d6d6;height:29px}.lostConnectMessage{z-index:114;align-items:center;justify-content:center}.ConnectingMessage{z-index:111;align-items:center;justify-content:center}.ConnectingAgainMessage{z-index:100;color:#fff;font-size:1.5rem;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;text-align:center;justify-content:center}.NotFoundConnectMessage,.NotFoundConnectMessage405{color:#fff;font-size:1.5rem;background:#000;display:flex;top:0;right:0;left:0;position:absolute;bottom:0;text-align:center}.NotFoundConnectMessage{z-index:103;align-items:center;justify-content:center}.NotFoundConnectMessage405{z-index:113;align-items:center;justify-content:center}.viewVideo1x1small{height:calc(100vh - 410px)}.viewVideo1x1large{height:calc(100vh - 190px)}.viewVideo2x2small{height:calc((100vh - 490px)/ 2)}.viewVideo2x2large{height:calc((100vh - 267px)/ 2)}.viewVideo3x3small{height:calc((100vh - 565px)/ 3)}.viewVideo3x3large{height:calc((100vh - 345px)/ 3)}.viewVideo4x4small{height:calc((100vh - 645px)/ 4)}.viewVideo4x4large{height:calc((100vh - 423px)/ 4)}.activeButtonCamera{box-shadow:0 0 0 2pt #768CA1}.noFocus:focus,.selectModeCamera:focus{outline:0}.cursor-pointer{cursor:pointer}.footerViewNoVideo,.headerViewNoVideo{height:34px;background-color:#000}.messageErrorStreamVideo{display:block;color:#FFF;background-color:#000;font-size:2rem;position:absolute;z-index:11;top:0;right:0;left:0;bottom:0}.recordingStatusVideo{z-index:103;color:#fff;font-size:1.5rem;position:absolute;top:10px;right:20px;display:none}.statusCamera1{color:#9E9D9C}.statusCamera2{color:#F6882B}.statusCamera3{color:#3FB649}.activeButtonModeCamera{border:3px solid #768CA1}.activeButtonModeCloudCamera{outline:#768CA1 solid 2px}.addNewVideoToMultipleView{background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5rem}.tooltipNew{position:relative;display:inline-block}.tooltipNew .tooltiptext{visibility:hidden;width:300px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1111;top:-150%;left:50%;margin-left:-120px}.tooltipNew:hover .tooltiptext{visibility:visible}.lds-roller{display:inline-block;position:relative;width:80px;height:80px;zoom:.6;-moz-transform:scale(.6)}@media only screen and (max-width:1370px){.lds-roller{display:inline-block;position:relative;width:80px;height:80px;zoom:.3;-moz-transform:scale(.3)}.text-4{font-size:1rem!important}.text-3{font-size:1.1rem!important}}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.battery:before,.batteryPlayback:before{content:""}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-108ms}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-144ms}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-216ms}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-252ms}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-288ms}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.blob{background:red;border-radius:50%;margin:10px;height:20px;width:20px;box-shadow:0 0 0 0 rgba(255,255,255,.7);transform:scale(1);animation:pulse 1.5s infinite}#timeline_playback,.vis-background{background:#0C121E}.vis-item,.vis-item-off,.vis-item-run,.vis-item-stop{border:none!important}@keyframes pulse{0%,100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.7)}}#timeline_playback{min-width:400px;height:10vh}.showCurrentPlayOrSelect{background:#0C121E;text-align:center;height:35px}.vis-text{color:#fff!important}.vis-item{background:#EFCA17!important}.vis-item-stop{background:#a7370b!important}.vis-item-off{background:#cf0bd6!important}.vis-item-run{background:#3964db!important}.previewPlayStream{height:180px;width:200px;background-color:#f5f5f5;border-radius:5px;position:absolute;z-index:1111;overflow:hidden;display:none;border:1px solid #666}.progress-custom,.progress-custom-stop,.progress-custom-stop-playback{border-radius:5px;height:15px;margin-top:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5}.progress-bar{width:0}.loading-animation{background-color:#2196F3;transition:width .2s ease-in}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:15px;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:40px!important;text-align:center}.xdsoft_datetimepicker .xdsoft_label{z-index:111!important}.vis-custom-time{cursor:default!important}.xdsoft_datetimepicker .xdsoft_datepicker{width:100%;float:left;padding:5px;margin:0!important}.xdsoft_inline{width:100%}.xdsoft_month{width:fit-content!important}.xdsoft_monthpicker{display:flex;justify-content:space-around}.selectCameraTimePlayBackMessage{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;border:1px solid #999;display:flex;justify-content:center;align-items:center;font-size:2rem;z-index:10}.lds-ellipsis div,.lds-grid div{border-radius:50%;background:#999}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}.lds-grid{display:inline-block;position:relative;width:80px;height:80px}.lds-grid div{position:absolute;width:16px;height:16px;animation:lds-grid 1.2s linear infinite}.lds-grid div:nth-child(1){top:8px;left:8px;animation-delay:0s}.lds-grid div:nth-child(2){top:8px;left:32px;animation-delay:-.4s}.lds-grid div:nth-child(3){top:8px;left:56px;animation-delay:-.8s}.lds-grid div:nth-child(4){top:32px;left:8px;animation-delay:-.4s}.lds-grid div:nth-child(5){top:32px;left:32px;animation-delay:-.8s}.lds-grid div:nth-child(6){top:32px;left:56px;animation-delay:-1.2s}.lds-grid div:nth-child(7){top:56px;left:8px;animation-delay:-.8s}.lds-grid div:nth-child(8){top:56px;left:32px;animation-delay:-1.2s}.lds-grid div:nth-child(9){top:56px;left:56px;animation-delay:-1.6s}@keyframes lds-grid{0%,100%{opacity:1}50%{opacity:.5}}.imageGallerySize1{width:180px;height:120px;cursor:pointer}.imageGallerySize2{width:200px;height:135px;cursor:pointer}.imageGallerySize3{width:250px;height:160px;cursor:pointer}.imageGallerySize4{width:300px;height:180px}.battery{position:relative;display:block;margin:-2px 0 0 8px;background:#fff;width:20px;height:8px}.battery:before{display:block;background:0 0;border:2px solid #fff;margin:-4px;width:28px;height:16px;position:absolute;border-radius:2px}.battery.zero{width:0;margin-right:20px}.battery.one{width:5px;margin-right:15px}.battery.two{width:10px;margin-right:10px}.battery.three{width:15px;margin-right:5px}.battery.four{width:20px;margin-right:0}.batteryPlayback{position:relative;display:block;margin:0 0 0 1px;background:#7A8EA1;width:20px;height:16px}.batteryPlayback:before{display:block;background:0 0;border:2px solid #7A8EA1;margin:-3px;width:60px;height:22px;position:absolute;border-radius:2px}.newImage,.newImageItem{background:#337AB7;color:#fff;top:10px}.batteryPlayback.zero{width:0}.batteryPlayback.one{width:18px}.batteryPlayback.two{width:28px}.batteryPlayback.three{width:38px;margin-right:5px}.batteryPlayback.four{width:54px;margin-right:0}.selectCarForListImage{height:calc(100% - 50px);display:flex;justify-content:center;align-items:center;font-size:2rem}.sumaryWatchRow{border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:5px;font-weight:800}#containerImageGallery{display:flex;flex-wrap:wrap;justify-content:center}.ImageGalleryItem{margin:2px;border-radius:5px;border:1px solid #ddd;position:relative}.imageIndex,.newImage,.newImageItem{position:absolute}.newImage{padding:2px 5px;left:10px;border-radius:3px;border:1px solid #fff}.newImageItem{right:10px;border-radius:50%;border:1px solid #fff;width:12px;height:12px}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.imageIndex{bottom:10px;right:10px;background-color:#fafafa;padding:5px;z-index:111;border-radius:5px;border:.5px solid #6C757D}.percentCircle,.uploadingIcon{bottom:0;right:0;top:0;left:0}.font-weight-bold{font-weight:700}.recordingMultipleItemIcon{right:10px;z-index:11;top:10px;position:absolute;background:red;border-radius:50%;height:15px;width:15px;box-shadow:0 0 0 0 rgb(255 255 255 / 70%);transform:scale(1);animation:pulse 1.5s infinite}.btnStopLiveStream{width:10px;height:10px;background:#fff;margin-right:5px;cursor:pointer}@media only screen and (max-width:1400px){.header-video-small-view,.show-phone{display:none}}.dropbtn{color:#fff;border:none;cursor:pointer;background:0 0;margin-top:8px}.dropdown-stream{z-index:116;background-color:#3B4247;position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content-item{padding:5px!important;cursor:pointer!important}.dropdown-content div{color:#000;padding:12px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content div:hover{background-color:#ddd}.listVideosCloudSelect{overflow-y:scroll;height:calc(100vh - 168px)}.videosCloudSelectItem{border-radius:5px;padding:5px;border:.5px solid #7A8EA1;position:relative;margin:10px 10px 10px 15px}.tagDownloadedVideoCloudSelectItem{top:10px;left:10px;border-radius:5px;background-color:#337AB7;position:absolute;color:#fff;padding:5px;border:2px solid #fff}.downloadVideoCloudContainer{height:calc(100vh - 123px);background:#fff}.downloadedVideoPlayerItem{width:100%;border:.5px solid #7A8EA1;border-radius:5px;overflow:hidden}.footerDownloadedVideoPlayerItem{padding-right:5px;padding-left:5px;height:45px;background-color:#999;align-items:center}.scrollDownloadedItemContainer{overflow-y:scroll;padding:5px 8px 5px 5px;height:calc(100vh - 187px)}.text-gray-600{color:#6C757D}.text-gray-500{color:#ADB5BD}.jq-toast-wrap{width:350px}.uploadingIcon{position:absolute;background-color:rgb(255 255 255 / 70%)}.noVideoUploading{width:100%;height:calc(100vh - 197px)}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:5px;border:5px solid #333;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#333 transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.uploadingSpan{margin-left:5px;border-radius:50%;background-color:red;color:#fff;width:18px;height:18px;text-align:center}.z-100{z-index:100}.percentCircle{position:absolute;display:flex;justify-content:center;align-items:center;font-size:2rem}.show-phone{display:inline}@media only screen and (max-width:1400px){.show-phone{display:none}}.show-cskh{display:block!important}.show-cskh-mobile{display:none!important}@media only screen and (max-width:1400px){.show-cskh{display:none!important}.show-cskh-mobile{display:block!important}}.rounded-full{border-radius:100%}.style_map_stream{position:absolute!important;height:100%;width:100%;left:0;top:0;z-index:1;padding:0;border-width:0;margin:0;overflow:hidden!important}.infoBox{background-color:#fff;box-shadow:rgba(0,0,0,.24) 0 3px 8px}