.header-component{flex:0 0 auto;z-index:1;box-shadow:0 4px 8px #0000000d,0 0 4px #00000026;padding:10px}.header-component .logo{height:20px;margin-left:25px}.layout{flex-direction:column;display:flex;height:100%;width:100%}.drawer{flex:1;min-height:0}.content{flex-grow:1;padding:10px 20px;height:calc(100vh - 70px);overflow-y:auto}.menu-tree-view{display:flex;flex-direction:column;min-height:100%;height:100%;width:265px;padding-top:10px;border-right:1px solid var(--dx-color-border);background-color:var(--bg-color)}.menu-tree-view .dx-treeview{white-space:nowrap}.menu-tree-view .dx-treeview .dx-treeview-item{padding-left:0;flex-direction:row-reverse}.menu-tree-view .dx-treeview .dx-treeview-item .dx-icon{width:50px;margin:0}.menu-tree-view .dx-treeview .dx-treeview-node{padding:0}.menu-tree-view .dx-treeview .dx-treeview-node[aria-level="1"]{font-weight:700;padding:0;border-bottom:1px solid var(--dx-color-border)}.menu-tree-view .dx-treeview .dx-treeview-node[aria-level="1"] .dx-treeview-item{padding:7px 10px 7px 0}.menu-tree-view .dx-treeview .dx-treeview-node[aria-level="2"] .dx-treeview-item-content{font-weight:400;padding:0 0 0 50px}.menu-tree-view .load-indicator{position:absolute;top:5%;left:50%;transform:translate(-50%,-50%)}.menu-tree-view .nav-menu-item>a{color:var(--dx-color-text);min-width:170px}.menu-tree-view .nav-menu-item{display:flex;flex-direction:row}.error-page-container{display:flex;justify-content:center;align-items:center;height:96.5vh;padding:16px}.error-page-container.invalid-route{height:calc(100vh - 90px)}.error-box{padding:32px;border-radius:8px;box-shadow:0 4px 16px #0000001a;max-width:400px;width:100%;text-align:center}.error-title{font-size:24px;margin-bottom:16px}.error-message{font-size:16px;margin-bottom:24px}.go-home-button{width:100%}.confirm-switch .dx-switch-wrapper{margin-top:0}html,body,#root{margin:0;height:100%;width:100%}:root{--bg-color: rgb(242, 242, 242);--nav-arrow-bg-color: #ffffff;--nav-arrow-color: rgb(0, 0, 0);--nav-arrow-hover-bg-color: #c7c7c7;--hover-color: #f1f1f1;--scrollbar-bg-color: #eeeeee;--scrollbar-color: #818181;--scrollbar-hover-color: #686868}.dark-mode{--bg-color: rgb(42, 42, 42);--nav-arrow-bg-color: #363640;--nav-arrow-color: rgb(153, 153, 153);--nav-arrow-hover-bg-color: #555564;--hover-color: #2e2e33;--scrollbar-bg-color: #2e2e33;--scrollbar-color: #a3a3a3;--scrollbar-hover-color: #c9c8c8}.dx-form .dx-item .dx-label{display:none!important}.circular-loading .dx-overlay-content{border-radius:50%;width:80px!important;height:80px!important;display:flex;align-items:center;justify-content:center}.circular-loading .dx-loadpanel-content{background:transparent;box-shadow:none}.circular-loading .dx-loadpanel-content .dx-loadindicator{width:50px;height:50px}.dx-tab-content{width:100%}.dx-overlay-content{min-width:17%}.default-datagrid-page{display:flex;flex-direction:column;height:calc(100vh - 100px)}.default-datagrid-page.master-detail{height:auto}.default-datagrid-page .default-datagrid-container{display:flex;flex:1;overflow:hidden;justify-content:center}.default-datagrid-page .default-datagrid{flex:1;overflow:hidden}.default-datagrid .dx-datagrid .dx-row>td,.default-datagrid .dx-datagrid .dx-row>tr>td{padding:7px}.default-datagrid .dx-datagrid .dx-datagrid-headers .dx-texteditor-input{max-height:34px}.default-datagrid .dx-datagrid .dx-datagrid-filter-row .dx-menu{margin-top:0}.card{box-shadow:0 4px 10px #0000004d;padding:20px;border-radius:8px}.toolbar-top-label-padding{padding-top:8px!important}.text-center{text-align:center}.end-timestamp-textbox{margin-top:0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover-color)}::-webkit-scrollbar:horizontal{height:8px}::-webkit-scrollbar:horizontal::-webkit-scrollbar-track{background:var(--scrollbar-bg-color)}::-webkit-scrollbar:horizontal::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:5px}::-webkit-scrollbar:horizontal::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover-color)}.max-width-column{max-width:25rem!important;white-space:normal;overflow-wrap:break-word}.dx-state-readonly.dx-checkbox-checked .dx-checkbox-icon:before{background-color:var(--dx-color-primary)!important;font-size:14px!important;color:var(--nav-arrow-bg-color)!important}.dx-state-readonly.dx-checkbox-checked .dx-checkbox-icon{border-color:var(--dx-color-primary)!important}