body{overflow-y:hidden}.img-width-active{width:1200px;height:500px}.img-width-inactive{width:1350px;height:815px}.map-img-container{width:100%;height:100%;position:relative}.canvas-container.fov-canvas-container1{pointer-events:none;position:absolute;top:0!important;left:0!important}.fov-canvas-container{pointer-events:none;z-index:1;inset:0;margin:auto!important;position:absolute!important;top:0!important;left:0!important}.map-img-container img#mainImage{max-width:100%;height:fit-content;max-height:100%;margin:auto}.mapview-page-container .video_container{border-radius:8px!important}.camera-list-container{scrollbar-gutter:stable;padding:1rem 0;overflow:auto hidden}.video-cards-wrapper{gap:1rem;padding:0 1rem;display:flex}.video-card{cursor:pointer;background:#fff;border:1px solid #cacaca;border-radius:.5rem;flex:none;min-width:195px;height:104px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.view-cameras-containers{background:var(--topNav);width:calc(100vw - 77px);padding:.5rem 1rem;position:relative;overflow-x:hidden}.camera-list-active,.camera-list-inactive{position:absolute;bottom:0}.footer-container{justify-content:space-between;width:100%;display:flex}.camera-list{cursor:pointer;gap:4px;display:flex}.total-camera-count{background:var(--sidebar);border:1px solid #96999a;border-radius:1rem;justify-content:space-between;align-items:center;gap:6px;width:fit-content;margin-left:.2rem;padding:2px 8px;display:flex}.margin-4{gap:.5rem;padding-top:4px;display:flex}.video-top-controls{background-color:#12121299;border-bottom-right-radius:6px;border-bottom-left-radius:6px;justify-content:space-between;padding:5px 0;font-size:12px;font-weight:400;display:flex}.control-inside{gap:8px;padding:0 7px;display:flex}.footage-details{justify-content:space-between;gap:6px;padding:0 .5rem;font-size:12px;font-weight:400;display:flex;position:absolute;bottom:5px}.live-footage{gap:4px;font-weight:500;display:flex}.live-dot{background:#0f0;border-radius:4px;width:8px;height:8px;margin-top:3px}.camera-list-parent-container{width:93vw;overflow:hidden}.video-checkbox{appearance:none;border:2px solid #e2e3e3;border-radius:5px;outline:none;width:16px;height:16px;transition:border-color .3s;position:relative}.video-checkbox:checked:after{content:"✓";color:#e2e3e3;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-checkbox:checked{border-color:#e2e3e3}.footage-window{aspect-ratio:16/9;z-index:199;border:1px solid #cacaca;border-radius:8px;position:absolute}.active-cam-1{cursor:pointer;position:absolute;top:3%;left:409px}.active-cam-2{cursor:pointer;position:absolute;top:3%;left:1000px}.inactive-cam-1{cursor:pointer;position:absolute;top:30%;left:39px}.smoke-icon-container{cursor:pointer;position:absolute;bottom:10%;right:230px}.warning-Icon{position:absolute;top:-20px;left:-10px}.temperature-Icon{cursor:pointer;position:absolute;top:40%;right:15%}.smoke-toaster{position:absolute;bottom:18%;right:25%}.video-unavailable-card{text-align:center;background:#12121299;border:1px solid #cacaca;border-radius:.5rem;width:186px;height:104px}.unavailable-main-text{justify-content:center;gap:.5rem;margin-top:2rem;font-size:14px;font-weight:500;display:flex}.unavailable-secondary-text{font-size:12px;font-weight:400}.ToolTip{display:none!important}.ToolTip:before{border:10px solid #0000;border-right-color:#000;left:-20px}.cameraIconImg:hover+.ToolTip{display:block!important}@media only screen and (min-width:1620px) and (max-width:1920px){.map-img-container{height:100%;margin:0 auto;position:relative}.active-cam-1{cursor:pointer;position:absolute;top:10%;left:409px}.active-cam-2{cursor:pointer;position:absolute;top:10%;left:1000px}.inactive-cam-1{cursor:pointer;position:absolute;top:34%;left:39px}.smoke-icon-container{cursor:pointer;position:absolute;bottom:15%;right:-170px}.temperature-Icon{cursor:pointer;position:absolute;top:40%;right:-170px}.smoke-toaster{position:absolute;bottom:25%;right:0%}}.cameraPositionRight{float:right;position:absolute}