.secondaryHeader{background-color:var(--topNav);width:100%;display:flex;align-items:center;height:48px}.sidebarToggleButton{padding:10.5px!important;z-index:101}.sidebarToggleButton.sidebarOpen{position:fixed!important;top:0!important;left:77px!important}.sidebarToggleButton:focus{background-color:#27292a!important}.secondaryHeader .tabRow{display:flex;align-items:flex-end;flex-grow:1;overflow-x:auto}.secondaryHeader .tabItem{padding:12px 8px 12px 0}.secondaryHeader .tabItem .tabInner{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-left:8px;gap:5px;position:relative;border-left:1px solid var(--secondaryBorder)}.secondaryHeader .tabItem .closeTabIcon,.secondaryHeader .tabItem .tabTitleEditIcon{visibility:hidden;transition:visibility .1s ease}.secondaryHeader .tabItem.active:hover .tabTitleEditIcon,.secondaryHeader .tabItem:hover .closeTabIcon{visibility:visible}.secondaryHeader .tabItem:hover .tabTitleEditIcon{visibility:hidden}.secondaryHeader .tabItem.active .closeTabIcon{visibility:visible!important}.secondaryHeader .tabItem .tabTitle{font-size:14px;color:#b4b7b8;font-weight:400;line-height:100%;padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:99px;width:unset}.secondaryHeader .tabItem.active .tabTitle{font-weight:500}.secondaryHeader .tabItem.active{background-color:var(--surface)}.secondaryHeader .tabItem.active .tabInner,.secondaryHeader .tabItem.active+.tabItem .tabInner,.secondaryHeader .tabItem:first-child .tabInner{border-left-color:transparent}.tabItem b.left-curve{position:absolute;bottom:0;left:-20px;height:100%;width:20px;background:#131516;display:none}.header-right-group{display:flex;align-items:center;gap:16px;padding-right:20px;padding-left:16px}.header-right-group button.icon{width:30px;height:30px;padding:2px;display:flex;align-items:center;justify-content:center;outline:none;border:none;background:none;cursor:pointer}.viewTabScroll{scrollbar-width:thin;scrollbar-color:#888 transparent}.viewTabScroll::-webkit-scrollbar{width:4px}.viewTabScroll::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.viewTabScroll::-webkit-scrollbar-track{background:transparent}.camerasList .css-10hburv-MuiTypography-root{font-family:Inter;color:#202020;font-size:14px}.cameraIcon{display:flex;align-items:center}.cameraIcon img.green{filter:brightness(0) saturate(100%) invert(53%) sepia(69%) saturate(4766%) hue-rotate(127deg) brightness(90%) contrast(94%)}.cameraIcon img.red{filter:brightness(0) saturate(100%) invert(34%) sepia(31%) saturate(3850%) hue-rotate(343deg) brightness(101%) contrast(97%)}.cameraIcon img.grey{filter:brightness(0) saturate(100%) invert(29%) sepia(4%) saturate(13%) hue-rotate(324deg) brightness(109%) contrast(89%)}.cameraIcon img.textPrimary{filter:brightness(0) saturate(100%) invert(98%) sepia(0) saturate(254%) hue-rotate(259deg) brightness(91%) contrast(101%)}.cameraIcon img.lightGrey{filter:brightness(0) saturate(100%) invert(89%) sepia(3%) saturate(6%) hue-rotate(184deg) brightness(94%) contrast(97%)}.locationCameraCount{margin-left:4px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;padding:4px 8px;border-radius:50px;border:1px solid var(--secondaryBorder);background-color:transparent!important}.mapsList .locationCameraCount{background:var(--surface);border-color:#565656}.mapsList .locationCameraCount img{filter:var(--filterWhite)}.deletePopup{border-radius:12px;background:#1d292e;width:350px;height:-moz-fit-content;height:fit-content;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px;border:1px solid #5a5f60;gap:24px;position:fixed;z-index:999;margin:auto;font-family:Inter}.deletePopupTitleContainer{display:flex;border-bottom:1px solid #313838;justify-content:space-between;align-items:center;padding-bottom:10px;gap:12px}.deletePopupContent{margin-top:12px;margin-bottom:16px}.deletePopupCancel{background-color:transparent;color:#17b2eb;line-height:17px;letter-spacing:0;text-align:left}.deletePopupCancel,.deletePopupSave{padding:8px 12px;border-radius:30px;cursor:pointer;font-size:14px;font-weight:500}.deletePopupSave{background-color:#17b2eb;color:#1f2f34}.videofeedContainer{position:relative;height:calc(100%);display:flex;flex-direction:column;padding:20px;gap:20px;margin:0 auto}.nxn-container{height:100%;width:100%;display:grid;grid-gap:6px;gap:6px}.nxn-container>div{overflow:hidden}.grid-1x1{grid-template-columns:1fr;grid-template-rows:1fr}.grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-3x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid-4x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.grid-5x5{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.grid-1x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.grid-1x2>div:first-child{grid-row:1/3;grid-column:1/3}.grid-1x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid-1x3>div:first-child{grid-row:1/3;grid-column:1/4}.grid-1x5{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid-1x5>div:first-child{grid-row:1/3;grid-column:1/3}.videofeedsWrapper{flex:1 1;overflow-y:auto;display:flex;justify-content:center;align-items:center}.wrapper-container{display:flex;flex-direction:column;height:100%}.wrapper-container.sidebarOpen{max-height:calc(100% - 82px)}.videofeedFooter{position:relative;width:100%;padding:12px;border-radius:40px;border:1px solid var(--sidebar)!important;background:var(--sidebar)!important;display:flex;justify-content:space-between;align-items:center}.videoFeedPopover .MuiPopover-paper{background:var(--glassmorphismButtons);border-radius:12px;border:1px solid #4c4c4c;box-shadow:0 2px 10px 0 rgba(0,0,0,.25);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:287px;padding:24px;max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#797c7d;scrollbar-track-color:transparent}.videofeedFooter .btn.btn-icon-center.activeLayout{background-color:var(--ctaButtons)!important}.videoFeedPopover .MuiPopover-paper button.btn.activeLayout{background:var(--ctaButtons);border-radius:8px}.gridContainer{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:calc((100vh - 84px) / 2) calc((100vh - 84px) / 2);grid-gap:10px}.gridItem{position:relative}.gridOneFive .MuiGrid-item:first-child{grid-row:span 2;grid-column:span 2}.overlay_videofeed{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.discard_box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:180px;padding:16px;border-radius:6px 6px 6px 6px;background:#1d292e;box-shadow:2px 2px 20px 2px #ffffff14;z-index:1000;opacity:1}.container_row{display:flex;border-bottom:1px solid #313838;justify-content:space-between;align-items:center;padding-bottom:10px}.title_container{display:flex;color:#fff;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0;text-align:left}.discard_message{margin-top:12px;font-family:Inter;font-size:14px;font-weight:400;line-height:16.94px;text-align:left;color:#b4b7b8}.button_row{display:flex;justify-content:unset;margin-top:16px}.default_button{color:#e5fcff;padding:6px 16px;font-size:14px;cursor:pointer}.action_buttons{display:flex;justify-content:space-around;gap:8px;align-items:center}.cancel_button{text-align:left}.cancel_button,.saveNew_button{padding:6px 16px;border-radius:20px;border:1px solid #1e2121;background-color:#1e2121;cursor:pointer;color:#e2e3e3;font-size:14px;font-weight:500;line-height:17px;letter-spacing:0}.saveNew_button{margin-left:160px;text-wrap:nowrap;height:44px}.saveNew_button:hover{border:1px solid #1e2121;background-color:#1e2121}.save_button{padding:6px 16px;border-radius:20px;border:1px solid #1e2121;background-color:#18cce7;color:#1e2121;cursor:pointer;font-size:14px;font-weight:500;line-height:17px;letter-spacing:0;margin-left:20px}body{overflow-y:hidden}.img-width-active{height:500px;width:1200px}.img-width-inactive{height:815px;width:1350px}.map-img-container{height:100%;width:100%;position:relative}.canvas-container.fov-canvas-container1{position:absolute;top:0!important;left:0!important;pointer-events:none}.fov-canvas-container{position:absolute!important;top:0!important;left:0!important;pointer-events:none;margin:auto!important;inset:0;z-index:1}.map-img-container img#mainImage{max-width:100%;height:-moz-fit-content;height:fit-content;max-height:100%;margin:auto}.mapview-page-container .video_container{border-radius:8px!important}.camera-list-container{scrollbar-gutter:stable;overflow-x:auto;padding:1rem 0;overflow-y:hidden}.video-cards-wrapper{display:flex;gap:1rem;padding:0 1rem}.video-card{flex:0 0 auto;min-width:195px;height:104px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #cacaca;border-radius:.5rem;position:relative;cursor:pointer;overflow:hidden}.view-cameras-containers{padding:.5rem 1rem;background:var(--topNav);overflow-x:hidden;position:relative;width:calc(100vw - 77px)}.camera-list-active,.camera-list-inactive{position:absolute;bottom:0}.footer-container{display:flex;justify-content:space-between;width:100%}.camera-list{display:flex;gap:4px;cursor:pointer}.total-camera-count{background:var(--sidebar);width:-moz-fit-content;width:fit-content;display:flex;justify-content:space-between;align-items:center;padding:2px 8px;border:1px solid #96999a;border-radius:1rem;margin-left:.2rem;gap:6px}.margin-4{padding-top:4px;display:flex;gap:.5rem}.video-top-controls{padding:5px 0;display:flex;justify-content:space-between;background-color:#12121299;border-bottom-left-radius:6px;border-bottom-right-radius:6px;font-size:12px;font-weight:400}.control-inside{padding:0 7px;display:flex;gap:8px}.footage-details{font-size:12px;font-weight:400;display:flex;justify-content:space-between;padding:0 .5rem;position:absolute;bottom:5px;gap:6px}.live-footage{font-weight:500;display:flex;gap:4px}.live-dot{height:8px;width:8px;background:#0f0;border-radius:4px;margin-top:3px}.camera-list-parent-container{width:93vw;overflow:hidden}.video-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:5px;outline:none;transition:border-color .3s;border:2px solid #e2e3e3;position:relative}.video-checkbox:checked:after{content:"\2713";font-size:12px;color:#e2e3e3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-checkbox:checked{border-color:#e2e3e3}.footage-window{border-radius:8px;border:1px solid #cacaca;position:absolute;aspect-ratio:16/9;z-index:199}.active-cam-1{left:409px}.active-cam-1,.active-cam-2{position:absolute;top:3%;cursor:pointer}.active-cam-2{left:1000px}.inactive-cam-1{position:absolute;top:30%;left:39px;cursor:pointer}.smoke-icon-container{position:absolute;bottom:10%;right:230px;cursor:pointer}.warning-Icon{position:absolute;top:-20px;left:-10px}.temperature-Icon{position:absolute;top:40%;right:15%;cursor:pointer}.smoke-toaster{position:absolute;bottom:18%;right:25%}.video-unavailable-card{width:186px;height:104px;border:1px solid #cacaca;border-radius:.5rem;background:#12121299;text-align:center}.unavailable-main-text{display:flex;gap:.5rem;font-size:14px;font-weight:500;justify-content:center;margin-top:2rem}.unavailable-secondary-text{font-size:12px;font-weight:400}.ToolTip{display:none!important}.ToolTip:before{left:-20px;border:10px solid transparent;border-right-color:#000}.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{left:409px}.active-cam-1,.active-cam-2{position:absolute;top:10%;cursor:pointer}.active-cam-2{left:1000px}.inactive-cam-1{position:absolute;top:34%;left:39px;cursor:pointer}.smoke-icon-container{bottom:15%}.smoke-icon-container,.temperature-Icon{position:absolute;right:-170px;cursor:pointer}.temperature-Icon{top:40%}.smoke-toaster{position:absolute;bottom:25%;right:0}}.cameraPositionRight{position:absolute;float:right}.popover-overlays{display:flex;flex-direction:column;gap:12px;width:190px;top:489px;left:826px;background:#12121299;color:#fff;padding:12px;border-radius:8px;margin-bottom:14px}.popover-heading{font-family:Inter;font-size:14px;font-weight:700;line-height:20px;letter-spacing:0;color:#fff;display:flex;justify-content:start}.popover-wrapper-overlays{display:flex;flex-direction:column;gap:8px}.popover-content-overlays{display:flex;width:100%;justify-content:space-between;color:#fff}.popover-text{font-family:Inter;font-size:14px;font-weight:400;line-height:17px;letter-spacing:0;color:#fff}.switchInput{width:15%}.separator_h{width:170px;left:12px;background:transparent;border:1px solid transparent;margin-top:5px}main.page_main__GlU4n{height:100%}.page_event-wall-search__7wF3C::placeholder{color:#a5a8a9}