:root{--white:#ffffff;--gray1:#f3f3f3;--gray2:#dddddd;--gray3:#b5b5b5;--gray4:#999999;--gray5:#747474;--gray6:#555555;--gray7:#343638;--gray8:#272829;--black:#1e1e20;--bg:#111111;--red:#dc3545;--green:#198754;--error:#e56975;--orange:#ff9800;--ai:#0dcaf0}.jg-none{display:none}@font-face{font-family:MinSans-Black-900;font-weight:900;src:url(/_next/static/media/MinSans-Black.a639fcfa.woff2) format("woff2")}@font-face{font-family:NotoSans-Black-900;font-weight:900;src:url(/_next/static/media/NotoSans-Black.b9913726.woff2) format("woff2")}@font-face{font-family:NotoSans-ExtraBold-800;font-weight:800;src:url(/_next/static/media/NotoSans-ExtraBold.b86c11e6.woff2) format("woff2")}@font-face{font-family:NotoSans-Bold-700;font-weight:700;src:url(/_next/static/media/NotoSans-Bold.59a0c265.woff2) format("woff2")}@font-face{font-family:NotoSans-Medium-500;font-weight:500;src:url(/_next/static/media/NotoSans-Medium.93b310ce.woff2) format("woff2")}@font-face{font-family:NotoSans-Regular-400;font-weight:400;src:url(/_next/static/media/NotoSans-Regular.572b6acd.woff2) format("woff2")}@font-face{font-family:NotoSans-Light-300;font-weight:300;src:url(/_next/static/media/NotoSans-Light.c0ef6f47.woff2) format("woff2")}@font-face{font-family:NotoSans-DemiLight-200;font-weight:200;src:url(/_next/static/media/NotoSans-DemiLight.88ca4622.woff2) format("woff2")}@font-face{font-family:NotoSans-Thin-100;font-weight:100;src:url(/_next/static/media/NotoSans-Thin.3c42942e.woff2) format("woff2")}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;margin:0;padding:0}body{font-size:15px;line-height:1.5;-webkit-text-size-adjust:none;-ms-interpolation-mode:bicubic;width:100%;top:0;left:0}body,dd,div,dt,h1,h2,h3,h4,h5,h6,input,li,p,select,textarea{font-family:NotoSans-Regular-400;margin:0;padding:0}audio,embed,iframe,img,object,video{max-width:100%;max-height:100%}img{width:100%;height:auto;vertical-align:middle;border:0;line-height:0}dl,ol,ul{list-style:none;margin:0;padding:0}form{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0}td,th{vertical-align:middle}a,td,th{padding:0}a{margin:0;font-size:100%;color:#111;vertical-align:baseline;background:transparent;text-decoration:none;line-height:inherit;cursor:pointer}button,input{overflow:visible}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text]{background:var(--gray1);border-radius:8px;-webkit-border-radius:8px;color:var(--black)}input{background-color:var(--gray8);color:inherit;color-scheme:dark}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important;-webkit-text-fill-color:var(--gray1)!important;background-color:var(--bg)!important;color:inherit!important;border:none!important;-webkit-transition:background-color 1e+30s ease-in-out 0s!important;transition:background-color 1e+30s ease-in-out 0s!important;outline:none!important;background-clip:content-box!important}input:-internal-autofill-selected{-webkit-text-fill-color:var(--gray1)!important;caret-color:var(--gray1)!important;background-color:var(--bg)!important;box-shadow:0 0 0 1000px var(--bg) inset!important;color:var(--gray1)!important;background-image:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important}input[type=radio]{border-radius:100%}input[type=range]{-webkit-appearance:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}i{font-style:normal;display:inline-block}textarea{overflow-y:auto}fieldset{border:0;margin:0;padding:0}select{border-radius:5px;-webkit-border-radius:5px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--black)}select::-ms-expand{display:none}button{padding:0;margin:0;border:none;background-color:transparent;font-size:inherit;font-family:inherit;cursor:pointer}button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:0}em{font-style:normal}br{font-family:dotum}::-moz-selection{background:var(--blue);background:rgba(0,153,255,.35);color:var(--white)}::-moz-selection,::selection{background:var(--blue);background:rgba(0,153,255,.35);color:var(--white)}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-track{background-color:transparent;border-radius:0}::-webkit-scrollbar-thumb{background:var(--gray6);border-radius:0;background-clip:padding-box;border:5px solid transparent}::-webkit-scrollbar-thumb:hover{background:var(--mc);background-clip:padding-box;border:5px solid transparent}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:transparent}.Jg-ss-equa4 .vis-timeline .vis-panel.vis-top{height:15px}.Jg-ss-equa4 .vis-timeline .vis-panel.vis-top .vis-text{line-height:9px}.Jg-ss-equa4 .vis-timeline .vis-center{top:33px!important;height:25px!important}.vis-item.vis-background{background-color:rgba(255,255,0,.4)!important}.Jg-ss-equa4 .vis-content{height:41px!important}.Jg-ss-equa4 .vis-timeline .vis-top{border-bottom:0 solid var(--gray6)!important}.Jg-ss-equa4 .vis-panel.vis-center{border-top:1px solid var(--gray6)!important;border-bottom-style:none!important}.vis-custom-time{background-color:red!important}.vis-time-axis .vis-text{font-size:12px;color:white!important}.vis-timeline{border:0!important}.vis-timeline .vis-grid,.vis-timeline .vis-item{border-color:var(--gray6)!important}.vis-timeline .vis-item .vis-item-overflow{border-color:var(
            --gray6
    )!important}.vis-timeline .vis-time-axis .vis-grid.vis-vertical{border-left:1px solid var(--gray6)!important}.vis-timeline .vis-time-axis .vis-grid.vis-horizontal{border-top:1px solid var(--gray6)!important}.vis-timeline .vis-top{border-bottom:1px solid var(--gray6)!important}.rc-tree .rc-tree-node-content-wrapper{-moz-user-select:none;user-select:none}.rc-tree-node-selected{background-color:var(--gray6)!important;box-shadow:none!important}.react-datepicker{width:-moz-max-content;width:max-content;z-index:3}.react-datepicker__day--outside-month{cursor:default;visibility:hidden}.highlighted-date{background-color:#32be3f;color:#000;border-radius:50%}.highlighted-time{color:#32be3f}.rc-menu{box-shadow:0 0 0 #000!important;background-color:var(--gray8)!important}.rc-menu-vertical{padding:0!important;border:1px solid var(--gray7)!important}.rc-menu-item{padding:10px 15px!important;text-align:center;color:var(--gray2);cursor:pointer;font-size:1.3rem;border-bottom:1px solid var(--gray7)!important;font-family:NotoSans-Thin-300}.rc-menu-item:last-child{border-bottom:0 solid var(--gray7)!important}.rc-menu-item-active{background-color:var(--mc)!important;color:var(--bg)}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-100%)}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;opacity:1}input[type=number]{-moz-appearance:textfield}.server-icon{background-image:url(/_next/static/media/server.1a7edbdc.png)}.server-icon,.server-offline-icon{display:inline-block;width:16px;height:16px;background-size:contain}.server-offline-icon{background-image:url(/_next/static/media/noserver.04562ce7.png)}.online-cam-icon{background-image:url(/_next/static/media/online_cam.755f9fc2.png)}.online-cam-icon,.rec-cam-icon{display:inline-block;width:16px;height:16px;background-size:contain}.rec-cam-icon{background-image:url(/_next/static/media/rec_cam.146ee14c.png)}.rec-cam-o-icon{display:inline-block;width:16px;height:16px;background-image:url(/_next/static/media/rec_cam_o.c636af28.png);background-size:contain}.offline-cam-icon{background-image:url(/_next/static/media/offline_cam.0feecf3d.png)}.lock-cam-icon,.offline-cam-icon{display:inline-block;width:16px;height:16px;background-size:contain}.lock-cam-icon{background-image:url(/_next/static/media/lock_cam_red.0d16acf0.png)}.layout-icon{background-image:url(/_next/static/media/layout.10dacbd7.png)}.layout-icon,.layouts-icon{display:inline-block;width:16px;height:16px;background-size:contain}.layouts-icon{background-image:url(/_next/static/media/layouts.1f862a54.png)}.servers-icon{background-image:url(/_next/static/media/servers.048d7247.png)}.group-icon,.servers-icon{display:inline-block;width:16px;height:16px;background-size:contain}.group-icon{background-image:url(/_next/static/media/camfolder.83f43fe9.png)}.MuiDataGrid-cell{background-color:#2e2e2e;color:#f1e4e4;font-size:12px}.MuiDataGrid-footerContainer{background-color:#f1e7e7}.MuiPaginationItem-page{background-color:#edeaea;border:1px solid #f6f5f5}.MuiPaginationItem-previousNext{color:#ffffff}.MuiDataGrid-row.Selected{background-color:#f10c0c;border:1px solid #f6f5f5}.MuiDataGrid-row:hover{background-color:#f10c0c;border:1px solid #8e8383}.data-grid .MuiDataGrid-cell:hover{background-color:#3c3b3b}.ai-device-grid .MuiDataGrid-cell{display:flex;align-items:center}.ai-device-grid .MuiDataGrid-cell[data-field=device_id],.ai-device-grid .MuiDataGrid-columnHeader[data-field=device_id]{padding-left:24px}.ai-device-grid .MuiDataGrid-row.Mui-hovered,.ai-device-grid .MuiDataGrid-row:hover{background-color:transparent!important;border:none!important}.ai-device-grid .MuiDataGrid-cell:hover{background-color:transparent!important;color:#f1e4e4!important;font-size:12px!important}.ai-device-grid .MuiDataGrid-cell:focus,.ai-device-grid .MuiDataGrid-cell:focus-within{outline:none!important}.menuItem{position:relative;padding:0;cursor:pointer}.menuItem:hover>.subMenuList{display:block}.subMenuList{display:none;position:absolute;top:0;left:100%;padding:0;background-color:var(--gray8);border:1px solid var(--gray7);list-style:none;z-index:1000;min-width:200px;text-align:left}.subMenuItem a{padding:8px}.subMenuItem a:hover{background-color:var(--mc);text-align:left}.subMenuItem{color:var(--gray2);padding:0;border-bottom:1px solid var(--gray7)}.subMenuItem:last-child{border-bottom:0 solid var(--gray7)}.subMenuItem a{color:var(--gray2);display:block;text-decoration:none}.subMenuItem :hover{background-color:var(--mc);color:var(--bg);text-align:left}.menuItem:hover .subMenuList{display:block}.dialog-paper{width:30vw;max-width:1200px}.dialog-title{font-size:1.5rem;font-weight:700;text-align:center;background-color:#534d4d;color:white;padding:16px}.table-head{background-color:#f5f5f5}.table-head-cell{color:#131313;background-color:#bab5b5}.table-body-cell,.table-head-cell{font-weight:700;font-size:1.2rem;border:1px solid #ddd;text-align:center}.table-row-even{background-color:#fafafa}.close-button{font-size:1.2rem}.data-grid-container{height:630px;width:100%}.data-grid{box-shadow:2px 2px 8px rgba(0,0,0,.2)}.data-grid .MuiDataGrid-columnHeaderTitle{font-size:15px}.data-grid .MuiDataGrid-cell:hover{color:#7eb5ec}.data-grid .MuiTablePagination-actions,.data-grid .MuiTablePagination-displayedRows,.data-grid .MuiTablePagination-input,.data-grid .MuiTablePagination-root,.data-grid .MuiTablePagination-selectLabel,.data-grid .MuiTablePagination-toolbar{font-size:13px}.data-grid .MuiDataGrid-checkboxInput,.data-grid .MuiDataGrid-checkboxInput.Mui-checked{color:white}.data-grid .MuiDataGrid-row:hover{backgroundcolor:"skyblue"}.row-error
.MuiDataGrid-cell--textCenter:not([data-field=id]):not([data-field=type]),.row-error
.MuiDataGrid-cell--textLeft:not([data-field=id]):not([data-field=type]),.row-error
.MuiDataGrid-cell--textRight:not([data-field=id]):not([data-field=type]){color:#e86d6d}.row-warning
.MuiDataGrid-cell--textCenter:not([data-field=id]):not([data-field=type]),.row-warning
.MuiDataGrid-cell--textLeft:not([data-field=id]):not([data-field=type]),.row-warning
.MuiDataGrid-cell--textRight:not([data-field=id]):not([data-field=type]){color:orange}.row-default
.MuiDataGrid-cell--textCenter:not([data-field=id]):not([data-field=type]),.row-default
.MuiDataGrid-cell--textLeft:not([data-field=id]):not([data-field=type]),.row-default
.MuiDataGrid-cell--textRight:not([data-field=id]):not([data-field=type]){color:white}.MuiDataGrid-columnHeader{background-color:#58595c}.MuiFormControl-root{background-color:white}.MuiButtonBase-root,.MuiInputBase-root{font-size:12px}.AdminCameraListWrapper .data-grid .MuiDataGrid-cell:focus-within{outline:none}.AdminStorageListWrapper .data-grid .MuiDataGrid-cell:focus-within{outline:none}.SearchSelect{margin-bottom:16px}.SearchFields,.SearchSelect{display:flex;align-items:center;gap:16px}.SearchField{flex:1;min-width:150px}.SearchTextField{flex:2;min-width:200px}.RecordCopyWrapper .rc-tree-node-selected{background:none!important;border:none!important;color:inherit!important;padding:0!important;margin:0!important}.MuiFormControl-root{background-color:var(--gray7)}.MuiFormControl-root.MuiFormControl-marginNormal{display:inline-flex;flex-direction:column;position:relative;min-width:0;padding:0;border:0;vertical-align:top;margin:8px 0;width:100%}.MuiInputBase-root{font-size:12px}.highlight-number{color:#b1e84b;font-weight:700}.MuiInputBase-root>.MuiSelect-select{min-height:1.4375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-moz-appearance:none;-webkit-appearance:none;-moz-user-select:none;user-select:none;border-radius:4px;cursor:pointer;font:inherit;letter-spacing:inherit;color:currentColor;border:0;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;animation-name:mui-auto-fill-cancel;animation-duration:10ms;padding:10.5px 14px}.MuiSvgIcon-root.MuiSelect-icon{right:7px}.MuiInputBase-root .MuiOutlinedInput-notchedOutline{text-align:left;position:absolute;bottom:0;right:0;top:-5px;left:0;margin:0;padding:0 8px;pointer-events:none;border-radius:inherit;border-style:solid;border-width:1px;overflow:hidden;min-width:0;border-color:var(--gray7)}.MuiButtonBase-root.MuiMenuItem-root.Mui-selected{background-color:var(--mc)!important}.MuiButtonBase-root.MuiMenuItem-root:hover{text-decoration:none;background-color:rgba(250,225,20,.3)!important}.MuiButtonBase-root.MuiMenuItem-root.Mui-selected:hover{background-color:rgba(250,225,20)!important}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text]{font-size:15px;background:var(--gray7);border-radius:0;border:none;-webkit-appearance:none;-webkit-border-radius:0;color:var(--gray1);cursor:pointer}.MuiFormControl-root.MuiTextField-root{display:inline-flex;flex-direction:column;position:relative;min-width:0;padding:0;border:0;vertical-align:top;margin:8px 0;width:100%}.MuiInputBase-root.MuiOutlinedInput-root{font-family:Notosans-Regular-400;color:var(--gray1);font-size:1rem;line-height:1.4375em;letter-spacing:.00938em;box-sizing:border-box;cursor:text;display:inline-flex;align-items:center;width:100%;position:relative;border-radius:0}.MuiInputBase-input.MuiOutlinedInput-input{font-size:15px;letter-spacing:inherit;color:currentColor;border:0;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:80px;width:100%;animation-name:mui-auto-fill-cancel;animation-duration:10ms;padding:8px 14px;display:flex;align-items:center}.MuiInputBase-input.MuiOutlinedInput-input:hover{font-size:15px!important}.MuiOutlinedInput-notchedOutline{text-align:left;position:absolute;bottom:0;right:0;top:-5px;left:0;margin:0;padding:0 8px;pointer-events:none;border-radius:inherit;border-style:solid;border-width:1px;overflow:hidden;min-width:0;border-color:var(--gray7)}.data-grid{font-size:12px}.MuiDataGrid-root{border:none}.data-grid.MuiDataGrid-root{--unstable_DataGrid-radius:4px;--unstable_DataGrid-headWeight:500;--unstable_DataGrid-overlayBackground:rgba(255,255,255,0.38);--DataGrid-containerBackground:#fff;--DataGrid-pinnedBackground:#fff;--DataGrid-rowBorderColor:var(--gray6);--DataGrid-cellOffsetMultiplier:2;--DataGrid-width:0px;--DataGrid-hasScrollX:0;--DataGrid-hasScrollY:0;--DataGrid-scrollbarSize:10px;--DataGrid-rowWidth:0px;--DataGrid-columnsTotalWidth:0px;--DataGrid-leftPinnedWidth:0px;--DataGrid-rightPinnedWidth:0px;--DataGrid-headerHeight:0px;--DataGrid-headersTotalHeight:0px;--DataGrid-topContainerHeight:0px;--DataGrid-bottomContainerHeight:0px;--DataGrid-t-header-background-base:#343638;--DataGrid-t-color-background-base:#1E1E20;flex:1;box-sizing:border-box;position:relative;border-width:1px;border-style:solid;border-color:var(--gray6);border-radius:var(--unstable_DataGrid-radius);color:rgba(0,0,0,.87);font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:.875rem;line-height:1.43;letter-spacing:.01071em;outline:none;height:100%;display:flex;min-width:0;min-height:0;overflow:hidden;overflow-anchor:none}.MuiDataGrid-root .MuiDataGrid-main>:first-child{border-top-left-radius:var(--unstable_DataGrid-radius);border-top-right-radius:var(--unstable_DataGrid-radius)}.css-qtdhae{position:absolute;top:var(--DataGrid-headersTotalHeight);left:0}.MuiDataGrid-virtualScroller{position:relative;height:100%;overflow:scroll;scrollbar-width:none;z-index:0}.css-2sp4oa{position:sticky;z-index:4;top:0}.MuiDataGrid-root .MuiDataGrid-container--bottom [role=row],.MuiDataGrid-root .MuiDataGrid-container--top [role=row]{background:var(--DataGrid-containerBackground)}.MuiDataGrid-root.MuiDataGrid-root--noToolbar
[aria-rowindex="1"]
[aria-colindex="1"]{border-top-left-radius:calc(var(--unstable_DataGrid-radius) - 1px)}.MuiDataGrid-root .MuiDataGrid-row--borderBottom .MuiDataGrid-columnHeader,.MuiDataGrid-root .MuiDataGrid-row--borderBottom .MuiDataGrid-filler,.MuiDataGrid-root .MuiDataGrid-row--borderBottom .MuiDataGrid-scrollbarFiller{border-bottom:1px solid var(--DataGrid-rowBorderColor)}.MuiDataGrid-root .MuiDataGrid-withBorderColor{border-color:rgba(224,224,224,1)}.MuiDataGrid-columnHeader{background-color:var(--gray7);color:var(--gray2)}.MuiDataGrid-root .MuiDataGrid-columnSeparator{visibility:hidden;position:absolute;z-index:3;display:flex;flex-direction:column;justify-content:center;color:rgba(224,224,224,1)}.MuiDataGrid-cell{background-color:var(--black);color:var(--gray1)}.MuiDataGrid-footerContainer{background-color:var(--gray7);color:#ffffff}.MuiButtonBase-root.MuiMenuItem-root.MuiTablePagination-menuItem.Mui-selected{background-color:var(--mc)!important}.MuiButtonBase-root.MuiMenuItem-root.MuiTablePagination-menuItem:hover{text-decoration:none;background-color:rgba(250,225,20,.3)}.MuiSvgIcon-root.MuiSelect-icon{-moz-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1) 0s;font-size:1.5rem;position:absolute;right:0;top:calc(50% - .5em);pointer-events:none;color:var(--mc)}.MuiTablePagination-root{overflow:auto;color:rgba(255,255,255,.87);font-size:.875rem;max-height:calc(100% + 1px)}.MuiButtonBase-root.MuiIconButton-root.Mui-disabled{background-color:transparent;color:rgba(255,255,255,.87)}.MuiButtonBase-root.MuiIconButton-root:hover{background-color:rgba(255,255,255,.4)}.MuiDataGrid-root .MuiDataGrid-withBorderColor{border-color:var(--gray3)}.MuiDataGrid-root .MuiDataGrid-cell--textLeft{text-align:start;justify-content:flex-start}.data-grid .MuiDataGrid-cell:hover{color:var(--mc);font-size:12px}.MuiInputBase-root.MuiOutlinedInput-root.MuiSelect-root.Mui-focused
.MuiOutlinedInput-notchedOutline{border-color:rgba(250,225,20,.5);border-width:2px}.MuiDataGrid-root .MuiDataGrid-cell:focus-within,.MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within{outline:1px solid rgba(250,225,20,.5);outline-width:1px;outline-offset:-1px}.MuiFormControl-root.MuiTextField-root:focus,.MuiInputBase-input:focus,.MuiInputBase-root.MuiOutlinedInput-root:focus{outline:1px solid rgba(250,225,20,.5)!important;outline-width:1px!important;outline-offset:-1px!important}.MuiInputBase-input.MuiOutlinedInput-input:focus{outline:0 solid rgba(250,225,20,.5)!important;outline-width:0!important;outline-offset:0!important}.MuiOutlinedInput-notchedOutline:focus{outline:1px solid rgba(250,225,20,.5)!important;outline-width:1px!important;outline-offset:-1px!important}.toast-custom-center{position:fixed;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:9999}.MuiDataGrid-scrollbarFiller--header{background-color:#343638}.MuiPaginationItem-root.MuiPaginationItem-text{background-color:var(--bg);color:white;border-color:transparent}.MuiPaginationItem-root.MuiPaginationItem-text:hover{background-color:rgba(255,255,255,.1)!important}.MuiPaginationItem-root.MuiPaginationItem-text.Mui-selected{background-color:rgba(250,225,20)!important;color:black;border-color:rgba(250,225,20,.5)}.circular-progress-wrapper{display:inline-flex;position:relative}.MuiPagination-root .MuiPagination-ul{margin-right:10px}.MuiDataGrid-overlay{font-size:15px;color:var(--gray3)}.MuiDataGrid-sortIcon{color:var(--mc);font-size:1.4rem!important}.MuiDataGrid-columnHeaderTitleContainerContent{margin-right:5px}@media screen and (max-width:480px){.MuiDataGrid-columnHeaderTitle{text-overflow:inherit!important;overflow:inherit!important;word-break:keep-all!important}.MuiDataGrid-cell,.MuiDataGrid-columnHeader{height:auto!important;width:auto!important;min-width:90px!important;max-width:1000px!important}.MuiDataGrid-cell{line-height:calc(var(--height) - 1px);box-sizing:border-box;border-top:1px solid var(--rowBorderColor);overflow:inherit;white-space:nowrap;text-overflow:inherit}.MuiInputBase-input.MuiOutlinedInput-input{font-size:15px;letter-spacing:inherit;color:currentColor;border:0;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;animation-name:mui-auto-fill-cancel;animation-duration:10ms;padding:8px 14px;display:flex;align-items:center}}.circular-container{margin-right:20px;color:var(--gray5)}.circular-container,.circular-loading{display:flex;justify-content:flex-end;align-items:center;text-align:center}.circular-loading{margin-top:10px;margin-right:0;gap:10px}.circular-viewtime{font-size:11px}.Table .PaginationWrapper{height:50px}.CircularProgressWrapper,.Table .PaginationWrapper{display:flex;justify-content:center;align-items:center}.CircularProgressWrapper{position:relative}.MuiSelect-nativeInput{display:none}.chevron-icon{margin-right:5px!important}:root{--top-position:0px;--left-position:0px;--progress-deg:0deg}.pointerCursor{cursor:pointer}.notAllowedCursor{cursor:not-allowed}#archiveMax.pointerCursor,#archiveMin.pointerCursor{cursor:pointer}.areaWidth40{width:40px}.areaHeight40{height:40px}.redText{color:var(--red)}.whiteText{color:var(--white)}.selectedBackground{background-color:#3a911e}.defaultBackground{background-color:black}.RecordVideoFormWrapper
.RecordVideoForm
.Content
.Table
.HeaderTimeLabels
.SelectAllButton{display:flex;justify-content:center;align-items:center}.RecordVideoFormWrapper
.RecordVideoForm
.Content
.Table
.HeaderTimeLabels
.HourLabel{text-align:center}.RecordVideoFormWrapper
.RecordVideoForm
.Content
.Table
.DayWithTimeSlots
.DayLabel{text-align:center;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.RecordVideoFormWrapper
.RecordVideoForm
.Content
.Table
.DayWithTimeSlots
.TimeSlot{border:1px solid #ccc}.RecordVideoFormWrapper
.RecordVideoForm
.Content
.BottomContent
.BottomElement01
.RecordButton
.NoRecordingButton,.RecordVideoFormWrapper
.RecordVideoForm
.Content
.BottomContent
.BottomElement01
.RecordButton
.RecordingButton{width:100px;height:100px;background-color:transparent;margin:0 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;border:2px solid #555;opacity:.5}.RecordVideoFormWrapper
.RecordVideoForm
.Content
.BottomContent
.BottomElement01
.RecordButton
.selected{border:3px solid #fae114}.RecordVideoFormWrapper
.RecordVideoForm
.Content
.BottomContent
.BottomElement01
.RecordButton
.enabled{opacity:1}.MonitorVideoFormWrapper
.MonitorVideoForm
.Content
.BottomContent
.BottomElement03
.OptionContainer
.CopyOpacity{opacity:.5}.MonitorVideoFormWrapper
.MonitorVideoForm
.Content
.Table
.HeaderTimeLabels
.SelectAllButton{display:flex;justify-content:center;align-items:center}.MonitorVideoFormWrapper
.MonitorVideoForm
.Content
.Table
.HeaderTimeLabels
.HourLabel{text-align:center}.MonitorVideoFormWrapper
.MonitorVideoForm
.Content
.Table
.DayWithTimeSlots
.DayLabel{text-align:center;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.MonitorVideoFormWrapper
.MonitorVideoForm
.Content
.Table
.DayWithTimeSlots
.TimeSlot{border:1px solid #ccc}.MonitorVideoFormWrapper
.MonitorVideoForm
.Content
.BottomContent
.BottomElement01
.RecordButton
.NoRecordingButton,.MonitorVideoFormWrapper
.MonitorVideoForm
.Content
.BottomContent
.BottomElement01
.RecordButton
.RecordingButton{width:100px;height:100px;background-color:transparent;margin:0 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;border:2px solid #555;opacity:.5}.MonitorVideoFormWrapper
.MonitorVideoForm
.Content
.BottomContent
.BottomElement01
.RecordButton
.selected{border:3px solid #fae114}.MonitorVideoFormWrapper
.MonitorVideoForm
.Content
.BottomContent
.BottomElement01
.RecordButton
.enabled{opacity:1}.RecordVideoFormWrapper
.RecordVideoForm
.Content
.BottomContent
.BottomElement03
.OptionContainer
.CopyOpacity{opacity:.5}.Table
.Scroll
.CircularProgressWrapper
.MuiCircularProgress-root.CircularProgressCustom{width:40px;height:40px;color:#fae114ff}.AdminCameraListWrapper
.AdminCameraList
.Container
.Table
.Scroll
.CircularProgressWrapper,.AdminNetworkListWrapper
.AdminNetworkList
.Container
.Table
.Scroll
.CircularProgressWrapper,.AdminServerListWrapper
.AdminServerList
.Container
.Table
.Scroll
.CircularProgressWrapper,.AdminStorageListWrapper
.AdminStorageList
.Container
.Table
.Scroll
.CircularProgressWrapper,.Table .Scroll .CircularProgressWrapper{height:610px}.AdminDashboardListWrapper
.AdminDashboardList
.Container
.Table
.Scroll
.CircularProgressWrapper{height:calc(100vh - 641px)}.circular-progress-wrapper .MuiCircularProgress-root{width:40px;height:40px;color:yellow}.circular-container
.circular-loading
.circular-progress-wrapper
.RenewalSecond{top:0;left:0;bottom:0;right:0;position:absolute;display:flex;align-items:center;justify-content:center}.LoadingProgress{display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative}.progress-ring{width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.1);background:conic-gradient(yellow var(--progress-deg,0deg),transparent 0deg)}.inner-ring{position:absolute;width:90%;height:90%;background-color:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:white;white-space:nowrap}.node-motion-appear,.node-motion-enter{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out}.node-motion-appear-active,.node-motion-enter-active{max-height:1000px;opacity:1;transition:max-height .3s ease-out,opacity .3s ease-out}.node-motion-leave{overflow:hidden;opacity:1;max-height:1000px}.node-motion-leave,.node-motion-leave-active{transition:max-height 50ms ease-in,opacity 50ms ease-in}.node-motion-leave-active{max-height:0;opacity:0}.jsonKey{color:#61afef}.jsonString{color:#98c379}.jsonNumber{color:#d19a66}.jsonBoolean{color:#e06c75}.jsonNull{color:#56b6c2}.PopPR{padding:0 30px 15px}.PopPR p{font-family:NotoSans-Light-300;font-size:1.1rem;color:var(--gray2)}.TC{padding:0;margin:0 auto;width:640px}.ol-video-overlay{position:relative;width:360px;max-width:90vw;overflow:hidden;border-radius:12px;box-shadow:0 10px 15px rgba(0,0,0,.15);border:1px solid #e5e7eb;background:#fff}.ol-video-overlay__header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,0,0,.7);color:#fff}.ol-video-overlay__title{font-size:13px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ol-video-overlay__close{margin-left:auto;background:transparent;border:0;color:#fff;font-size:16px;cursor:pointer}.ol-video-overlay__video{width:100%;height:200px;display:block;background:#000}.LeftBoardWrapper:focus-visible{outline:none}.Wrapper .Main .AiDetect .LeftBoardWrapper .LeftBoard .LeftBoardResizer,.Wrapper .Main .Camera .LeftBoardWrapper .LeftBoard .LeftBoardResizer{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:inherit;background:transparent;touch-action:none}.Wrapper .Main .AiDetect .LeftBoardWrapper .LeftBoard .LeftBoardResizer:hover,.Wrapper .Main .Camera .LeftBoardWrapper .LeftBoard .LeftBoardResizer:hover{background:rgba(255,255,255,.08)}.Wrapper .Main .AiDetect .LeftBoardWrapper .LeftBoard.is-resizing,.Wrapper .Main .Camera .LeftBoardWrapper .LeftBoard.is-resizing{transition:none!important}.TimeLineWrapper .TimeLine>.toolbar{display:flex;flex:0 0 59px;width:59px;height:84.41px;flex-direction:column}.TimeLineWrapper .TimeLine>.toolbar .btn{box-sizing:border-box;width:59px;height:42.205px;min-height:0;gap:3px;padding:0;border-color:#d8d8d8;box-shadow:none;line-height:1}.TimeLineWrapper .TimeLine>.toolbar .live-button{border-bottom-color:#9b9b9b;font-size:1.25rem}.TimeLineWrapper .TimeLine>.toolbar .live-button .live-icon{width:9px;height:9px}.TimeLineWrapper .TimeLine>.toolbar .calendar-button{flex-direction:column;border-top:0;color:#333;font-family:NotoSans-Regular,sans-serif;font-size:1.05rem;cursor:pointer}.TimeLineWrapper .TimeLine>.toolbar .calendar-button i{font-size:1.7rem}.TimeLineWrapper .TimeLine>.toolbar .calendar-button.calendar-open,.TimeLineWrapper .TimeLine>.toolbar .calendar-button:hover{color:#111;background:#f4d900}.Wrapper .Main .Camera .MainContent .CameraArea
.Jg-ss-split-wrap .Jg-ss-equa4
.TimeLineWrapper .TimeLine>.toolbar{height:56px}.Wrapper .Main .Camera .MainContent .CameraArea
.Jg-ss-split-wrap .Jg-ss-equa4
.TimeLineWrapper .TimeLine>.toolbar .btn{flex:0 0 28px;height:28px;gap:0}.playback-calendar{position:fixed;z-index:5000;box-sizing:border-box;width:min(352px,calc(100% - 16px));padding:10px;border:1px solid #343c41;border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.03),transparent 42%),rgba(19,24,27,.64);backdrop-filter:blur(10px) saturate(1.15);color:#e9eef1;box-shadow:0 18px 42px rgba(0,0,0,.58);font-family:NotoSans-Regular,sans-serif}.playback-calendar:after{position:absolute;right:auto;bottom:-7px;left:var(--playback-calendar-arrow-x,calc(100% - 23px));width:12px;height:12px;border-right:1px solid #3b4247;border-bottom:1px solid #3b4247;background:rgba(19,24,27,.78);content:"";transform:translateX(-50%) rotate(45deg)}.playback-calendar.opens-downward:after{top:-7px;bottom:auto;border:0;border-top:1px solid #3b4247;border-left:1px solid #3b4247}.playback-calendar.opens-rightward:after{left:-7px;border:0;border-bottom:1px solid #3b4247;border-left:1px solid #3b4247}.playback-calendar.opens-leftward:after,.playback-calendar.opens-rightward:after{top:var(--playback-calendar-arrow-y,50%);bottom:auto;transform:translateY(-50%) rotate(45deg)}.playback-calendar.opens-leftward:after{right:-7px;left:auto;border:0;border-top:1px solid #3b4247;border-right:1px solid #3b4247}.playback-calendar button{margin:0;border:0;outline:0;color:inherit;background:transparent;font:inherit}.playback-calendar button:focus-visible{outline:1px solid #e9eef1;outline-offset:1px}.playback-calendar__header{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;min-height:38px;margin:0 0 5px}.playback-calendar__heading{display:flex;flex-direction:column;min-width:0;gap:2px;text-align:center}.playback-calendar__eyebrow{overflow:hidden;color:#8d979d;font-size:1rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis}.playback-calendar__heading strong{font-size:1.55rem;font-weight:600}.playback-calendar__nav{width:30px;height:30px;border:1px solid #343d42!important;border-radius:50%!important;color:#aeb8be!important;font-size:2rem!important;line-height:23px!important;cursor:pointer}.playback-calendar__nav:hover{border-color:#5c686f!important;color:#e9eef1!important;background:rgba(255,255,255,.06)!important}.playback-calendar__days,.playback-calendar__weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.playback-calendar__weekdays{padding:5px 3px 4px;border-top:1px solid #2b3337;border-bottom:1px solid #232a2e;color:#7f8b92;text-align:center;font-size:1.05rem;font-weight:600}.playback-calendar__weekdays span:first-child{color:#c47d7d}.playback-calendar__weekdays span:last-child{color:#7fa2c6}.playback-calendar__days{gap:2px;padding-top:4px}.playback-calendar__day{position:relative;height:32px;padding-bottom:5px;border-radius:5px!important;color:#d9e0e4!important;font-size:1.25rem!important;cursor:pointer}.playback-calendar__day:hover{background:#293136!important}.playback-calendar__day.is-sunday{color:#e08b8b!important}.playback-calendar__day.is-saturday{color:#8fb4dd!important}.playback-calendar__day.is-outside{color:#59636a!important}.playback-calendar__day.is-future{color:#3f484e!important;cursor:default}.playback-calendar__day.is-future:hover{background:transparent!important}.playback-calendar__day.is-today{box-shadow:inset 0 0 0 1px #6d7a82}.playback-calendar__day.has-recording{background:rgba(255,255,255,.05)!important;font-weight:700}.playback-calendar__day.has-recording:hover{background:rgba(255,255,255,.11)!important}.playback-calendar__day.is-selected{color:#12171a!important;background:#e9eef1!important;box-shadow:0 0 0 2px rgba(233,238,241,.16);font-weight:700}.playback-calendar__day-bar{position:absolute;right:6px;bottom:4px;left:6px;height:3px;overflow:hidden;border-radius:2px;background:rgba(244,217,0,.22);pointer-events:none}.playback-calendar__day-bar:after{display:block;width:var(--fill,0);height:100%;border-radius:2px;background:#f4d900;content:""}.playback-calendar__day.is-selected .playback-calendar__day-bar{background:rgba(18,23,26,.14)}.playback-calendar__day.is-selected .playback-calendar__day-bar:after{background:#8f7c00}.playback-calendar__divider{height:1px;margin:7px -10px;background:linear-gradient(90deg,transparent,#384147 15%,#384147 85%,transparent)}.playback-calendar__time-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.playback-calendar__time-title{color:#e8edef;font-size:1.2rem;font-weight:600}.playback-calendar__recording-legend{display:inline-flex;align-items:center;gap:6px;color:#98a3a9;font-size:1.05rem}.playback-calendar__recording-legend:before{width:8px;height:8px;border-radius:2px;background:#f4d900;content:""}.playback-calendar__hours{display:flex;flex-direction:column;gap:4px}.playback-calendar__hour-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px;align-items:center}.playback-calendar__period-label{padding:3px 0;border-right:1px solid #394247;color:#aab3b8;text-align:center;font-size:1.2rem;font-weight:600;white-space:nowrap}.playback-calendar__hour-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;padding:2px;border-radius:4px;background:#0e1214}.playback-calendar__hour{position:relative;height:28px;border-radius:3px!important;color:#79848b!important;font-size:1.15rem!important}.playback-calendar__hour.has-recording{color:#e2e8ec!important;background:linear-gradient(0deg,#dcc51e 0 3px,rgba(255,255,255,.05) 3px 100%)!important;font-weight:700;cursor:pointer}.playback-calendar__hour.has-recording:hover{background:linear-gradient(0deg,#dcc51e 0 3px,rgba(255,255,255,.13) 3px 100%)!important}.playback-calendar__hour.has-recording.is-selected{color:#12171a!important;background:#e9eef1!important;box-shadow:inset 0 -3px 0 #8f7c00}.playback-calendar__hour:disabled{cursor:default}.playback-calendar__strip-wrap{padding:2px 2px 0;position:relative}.playback-calendar__strip-scale{display:flex;justify-content:space-between;margin-bottom:3px;color:#8a949c;font-size:1rem;font-variant-numeric:tabular-nums}.playback-calendar__strip{position:relative;height:28px;border-radius:6px;background:rgba(8,12,15,.45);border:1px solid #232c31;overflow:hidden;cursor:pointer;touch-action:none;-moz-user-select:none;user-select:none}.playback-calendar__strip.is-pannable{cursor:grab!important}.playback-calendar__strip.is-dragging{cursor:grabbing!important}.playback-calendar__strip-tick{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.06)}.playback-calendar__strip-seg{position:absolute;top:3px;bottom:3px;border-radius:4px;pointer-events:none;background:#dcc51e}.playback-calendar__strip-cursor{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 5px rgba(255,255,255,.7);pointer-events:none}.playback-calendar__strip-tip{position:absolute;z-index:5;transform:translate(-50%,-100%);margin-top:-9px;padding:6px 14px;border-radius:7px;background:#e9eef1;color:#12171a;font-size:1.35rem;font-weight:700;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.6)}.playback-calendar__strip-tip:after{content:"";position:absolute;left:50%;bottom:-4px;width:9px;height:9px;background:#e9eef1;transform:translateX(-50%) rotate(45deg)}.playback-calendar__strip-caption{position:relative;display:flex;align-items:center;min-height:18px;padding-right:72px;margin-top:5px;color:#98a3a9;font-size:1rem;line-height:1.35}.playback-calendar__strip-reset{position:absolute;top:50%;right:0;height:22px;padding:0 8px;border:1px solid #3d474d!important;border-radius:4px!important;color:#cfd7dc!important;font-size:1.05rem!important;line-height:20px!important;white-space:nowrap;transform:translateY(-50%);cursor:pointer}.playback-calendar__strip-reset:hover{border-color:#5c686f!important;color:#eef2f4!important;background:rgba(255,255,255,.06)!important}.playback-calendar__jump-wrap{margin-top:6px;padding-top:6px;border-top:1px solid #232a2e}.playback-calendar__jump{display:flex;align-items:center;flex-wrap:nowrap;gap:5px}.playback-calendar__jump-label{flex:0 0 auto;margin-right:2px;color:#98a3a9;font-size:1.15rem;white-space:nowrap}.playback-calendar__jump-field{position:relative;display:flex;align-items:center;flex:0 0 auto;box-sizing:border-box;height:30px;padding:0 5px;border:1px solid #3d474d;border-radius:4px;background:#11161a}.playback-calendar__jump-field:focus-within{border-color:#5c686f}.playback-calendar__jump-segment{box-sizing:border-box;width:30px;height:26px;border-radius:3px!important;color:#eef2f4!important;font-size:1.25rem!important;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}.playback-calendar__jump-segment.is-open,.playback-calendar__jump-segment:hover:not(:disabled){background:rgba(255,255,255,.13)!important}.playback-calendar__jump-segment:disabled{color:#5b656b!important;cursor:default}.playback-calendar__jump-picker{position:absolute;bottom:calc(100% + 7px);left:-1px;z-index:10;gap:2px;padding:6px;border:1px solid #3d474d;border-radius:6px;background:#161c21;box-shadow:0 12px 28px rgba(0,0,0,.62)}.playback-calendar__jump-cell{width:26px;height:24px;border-radius:3px!important;color:#5b656b!important;font-size:1.15rem!important;font-variant-numeric:tabular-nums}.playback-calendar__jump-cell.has-recording{color:#e2e8ec!important;background:rgba(255,255,255,.06)!important;font-weight:600;cursor:pointer}.playback-calendar__jump-cell.has-recording:hover{background:rgba(255,255,255,.17)!important}.playback-calendar__jump-cell.is-selected{color:#12171a!important;background:#e9eef1!important;font-weight:700}.playback-calendar__jump-colon{flex:0 0 auto;color:#69737a;font-size:1.3rem;font-weight:600;pointer-events:none}.playback-calendar__jump-go{flex:0 0 auto;height:30px;margin-left:auto;padding:0 11px;border-radius:4px!important;color:#12171a!important;background:#e9eef1!important;font-size:1.15rem!important;font-weight:700;cursor:pointer}.playback-calendar__jump-go:hover:not(:disabled){background:#ffffff!important}.playback-calendar__jump-go:disabled{color:#667178!important;background:#262d32!important;cursor:default}.playback-calendar__jump-msg{overflow:hidden;margin-top:4px;color:#98a3a9;font-size:1rem;white-space:nowrap;text-overflow:ellipsis}.playback-calendar__jump-msg.is-warning{color:#d9a5a5}@media (max-width:720px){.playback-calendar{width:min(336px,calc(100% - 8px));padding:9px}.playback-calendar__divider{margin-right:-9px;margin-left:-9px}.playback-calendar__hour-row{grid-template-columns:32px minmax(0,1fr);gap:5px}.playback-calendar__day{height:31px}}