:root{--white:#fff;--gray1:#f3f3f3;--gray2:#ddd;--gray3:#b5b5b5;--gray4:#999;--gray5:#747474;--gray6:#555;--gray7:#343638;--gray8:#272829;--black:#1e1e20;--bg:#111;--red:#dc3545;--green:#198754;--error:#e56975;--orange:#ff9800}.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:-webkit-autofill{font-size:inherit;color:var(--black);-webkit-text-fill-color:var(--gray2);-webkit-box-shadow:0 0 0 1000px var(--gray8) inset;-webkit-transition:background-color 50000000000s ease-in-out 0s;transition:background-color 50000000000s ease-in-out 0s}input:-webkit-autofill:focus,input:-webkit-autofill:hover{font-size:inherit;color:var(--black);-webkit-text-fill-color:#111;-webkit-box-shadow:0 0 0 1000px var(--gray1) inset;-webkit-transition:background-color 50000000000s ease-in-out 0s;transition:background-color 50000000000s ease-in-out 0s}textarea:-webkit-autofill{font-size:inherit;color:var(--black);-webkit-text-fill-color:#111;-webkit-box-shadow:0 0 0 1000px var(--gray1) inset;-webkit-transition:background-color 50000000000s ease-in-out 0s;transition:background-color 50000000000s ease-in-out 0s}textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{font-size:inherit;color:var(--black);-webkit-text-fill-color:#111;-webkit-box-shadow:0 0 0 1000px var(--gray1) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}select:-webkit-autofill{font-size:inherit;color:var(--black);-webkit-text-fill-color:#111;-webkit-box-shadow:0 0 0 1000px var(--gray1) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}select:-webkit-autofill:focus,select:-webkit-autofill:hover{font-size:inherit;color:var(--black);-webkit-text-fill-color:#111;-webkit-box-shadow:0 0 0 1000px var(--gray1) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input{background-color:var(--gray8);color:inherit}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--gray8) inset!important;-webkit-text-fill-color:var(--gray1)!important;background-color:var(--gray8)!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}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:0;height:0}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background:var(--gray3);border-radius:10px;border:2px solid transparent;min-height:30px}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:var(--gray4)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:#212121}.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:#fff!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{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rc-tree-treenode{margin-top:8px!important}.rc-tree-node-selected{padding:0 5px!important;background-color:var(--gray6)!important;box-shadow:0 0 0 1px var(--bg)!important;opacity:1!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-columnHeaders{color:#dad3d3;font-size:12px}.MuiDataGrid-footerContainer{background-color:#f1e7e7}.MuiPaginationItem-page{background-color:#edeaea;border:1px solid #f6f5f5}.MuiPaginationItem-previousNext{color:#fff}.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}.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:#fff;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:#fff}.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:#fff}.MuiDataGrid-columnHeader{background-color:#58595c}.MuiFormControl-root{background-color:#fff}.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;-webkit-user-select: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{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(250,225,20,.3)!important}.MuiButtonBase-root.MuiMenuItem-root.Mui-selected:hover{background-color:#fae114!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:hsla(0,0%,100%,.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;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-columnHeaders{display:flex;flex-direction:column;border-top-left-radius:var(--unstable_DataGrid-radius);border-top-right-radius:var(--unstable_DataGrid-radius);background-color:#1e1e1e}.MuiDataGrid-root .MuiDataGrid-columnHeaders{width:var(--DataGrid-rowWidth)}.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:#e0e0e0}.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:#e0e0e0}.MuiDataGrid-cell{background-color:var(--black);color:var(--gray1)}.MuiDataGrid-footerContainer{background-color:var(--gray7);color:#fff}.MuiButtonBase-root.MuiMenuItem-root.MuiTablePagination-menuItem.Mui-selected{background-color:var(--mc)!important}.MuiButtonBase-root.MuiMenuItem-root.MuiTablePagination-menuItem:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(250,225,20,.3)}.MuiSvgIcon-root.MuiSelect-icon{-webkit-user-select:none;-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) 0ms;font-size:1.5rem;position:absolute;right:0;top:calc(50% - .5em);pointer-events:none;color:var(--mc)}.MuiTablePagination-root{overflow:auto;color:hsla(0,0%,100%,.87);font-size:.875rem;max-height:calc(100% + 1px)}.MuiButtonBase-root.MuiIconButton-root.Mui-disabled{background-color:transparent;color:hsla(0,0%,100%,.87)}.MuiButtonBase-root.MuiIconButton-root:hover{background-color:hsla(0,0%,100%,.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:#fff;border-color:transparent}.MuiPaginationItem-root.MuiPaginationItem-text:hover{background-color:hsla(0,0%,100%,.1)!important}.MuiPaginationItem-root.MuiPaginationItem-text.Mui-selected{background-color:#fae114!important;color:#000;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}.MuiDataGrid-sortIcon{color:var(--mc);font-size:1.4rem!important}.MuiDataGrid-columnHeaderTitleContainerContent{margin-right:5px}input:-webkit-autofill{color:var(--gray1)!important;-webkit-text-fill-color:var(--gray1)!important;-webkit-box-shadow:0 0 0 0 var(--bg) inset!important}input:-internal-autofill-selected{-webkit-appearance:menulist-button;-moz-appearance:menulist-button;appearance:menulist-button;background-image:none!important;background-color:var(--bg)!important;color:var(--gray1)!important}@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:#000}.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;-webkit-user-select:none;-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:#fff;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;-webkit-user-select:none;-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:#fff;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:#fae114}.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:#ff0}.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(#ff0 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:#fff;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}.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px;background-repeat:no-repeat;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}