.menu-wrap{margin-top:14px;padding-left:12px;padding-right:18px}.menu-link{display:flex;align-items:center;text-decoration:none;color:var(--txt-primary-light);border-radius:8px;padding-left:10px;padding-right:10px;height:36px;font-weight:500;margin-bottom:4px;cursor:pointer}.menu-link:hover{background-color:var(--gray-hover-extra-light)}.menu-link svg{width:22px;height:22px;stroke:var(--bkg-gray-light)}.menu-link span{margin-left:10px}.menu-wrap.closed .menu-link{width:42px;padding:6px 10px}.menu-link.active{background-color:var(--bkg-inner-main)}.menu-wrap.closed .menu-link span{display:none}.menu-accordion-root{color:var(--txt-primary-light)!important;font-weight:500;padding:0!important;margin-left:0}.menu-wrap.closed .menu-accordion-root{width:34px}.menu-accordion-root .MuiAccordion-heading .MuiButtonBase-root{padding-left:10px;padding-right:6px;height:36px;min-height:36px;border-radius:8px;overflow:hidden}.menu-accordion-root .MuiAccordion-heading .MuiButtonBase-root:hover{background-color:var(--gray-hover-extra-light)}.menu-wrap.closed .menu-accordion-root .MuiAccordion-heading .MuiButtonBase-root{margin-left:1px;padding:10px;min-width:42px}.menu-accordion-root .MuiAccordion-heading .MuiSvgIcon-root{color:var(--bkg-gray-light)}.menu-accordion-root .MuiAccordionSummary-content{margin:0}.menu-accordion-root .MuiAccordionSummary-content span{margin-left:10px}.menu-wrap.closed .menu-accordion-root .MuiAccordionSummary-content span{display:none}.menu-accordion-root .MuiAccordionSummary-content.Mui-expanded{margin:0!important}.menu-accordion-expanded .MuiAccordionSummary-expandIconWrapper{transform:rotate(90deg)!important}.menu-wrap.closed .menu-accordion-root .MuiAccordionSummary-expandIconWrapper{display:none}.menu-accordion-root .MuiAccordionDetails-root{padding:0;margin-left:32px;margin-top:10px}.submenu-wrap{margin-bottom:4px}.submenu-link{display:flex;align-content:center;margin-bottom:4px;flex-wrap:wrap;align-items:center;padding-right:0;position:relative;cursor:pointer}.submenu-link span{position:absolute;right:12px;font-size:.9rem}.submenu-link i{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--bkg-gray-light);margin-right:8px}.menu-wrap.closed .submenu-link{display:none}.submenu-popover-wrap{margin-left:0;padding:8px;background-color:#fff;border-radius:12px;width:250px}.submenu-popover-wrap .submenu-link{margin-bottom:4px}*,*:before,*:after{box-sizing:border-box}:root{--bkg-page: #EEF7FF;--bkg-secondary: #D3E7F0;--primary: #087E8B;--primary-hover: #07626e;--gray-hover-light: #f5f5f5;--txt-primary: #44484D;--txt-primary-light: #787C81;--txt-primary-header: #555A60;--txt-green: #0B6F7A;--bkg-gray-light: #999fa3;--bkg-inner-main: #D3E7F0;--gray-hover-extra-light: rgba(0, 0, 0, .04)}*{border:0 solid white;zoom:1;-webkit-tap-highlight-color:rgba(0,0,0,0);scrollbar-width:thin}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:var(--txt-primary);background-color:var(--bkg-page)}#root{display:flex;flex-direction:column;min-height:100vh}.App{display:flex;flex-direction:column;min-height:100vh;padding:1rem .5rem}.bkg-primary{background-color:var(--bkg-page)}.bkg-secondary{background-color:var(--bkg-secondary)}.link-primary{color:var(--primary);cursor:pointer}.roboto-light{font-family:Roboto,sans-serif;font-weight:300;font-style:normal}.roboto-regular{font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.roboto-medium{font-family:Roboto,sans-serif;font-weight:500;font-style:normal}.roboto-bold{font-family:Roboto,sans-serif;font-weight:700;font-style:normal}.roboto-light-italic{font-family:Roboto,sans-serif;font-weight:300;font-style:italic}.roboto-regular-italic{font-family:Roboto,sans-serif;font-weight:400;font-style:italic}.roboto-medium-italic{font-family:Roboto,sans-serif;font-weight:500;font-style:italic}.loader{display:inline-block;color:var(--primary);animation:spinwrap 1.4s linear infinite}.loader svg{display:block}.loader svg circle{stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0;-webkit-animation:animation-1p2h4ri 1.4s ease-in-out infinite;animation:spincircle 1.4s ease-in-out infinite}@keyframes spinwrap{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spincircle{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.input-group-v{margin-bottom:15px}.input-group-v input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;color:#333}.input-group-v input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 3px #b7b7b7}.checkbox-group{display:flex;align-items:center;margin-bottom:20px}.checkbox-group input{margin-right:10px}.checkbox-group label{font-size:14px;color:#333}.btn{font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;padding:10px 20px;height:40px;border-radius:4px;border:none;cursor:pointer;transition:all .3s ease;display:inline-block;text-align:center}.btn-primary{background-color:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-primary:hover,.btn-primary:active{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background-color:#6c757d;color:#fff;border:1px solid #6c757d}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.btn-secondary:active{background-color:#494e52;border-color:#494e52}.btn-outline{background-color:transparent;color:#007bff;border:1px solid #007BFF}.btn-outline:hover{background-color:#007bff;color:#fff}.btn-outline:active{background-color:#0056b3;border-color:#0056b3}.btn:disabled{background-color:#e0e0e0;color:#888;border:1px solid #ccc;opacity:.7;cursor:default}.btn-block{display:block;width:100%;margin:10px 0}.page-flex-centered{display:flex;justify-content:center;align-items:center;min-height:100vh}.centered{display:flex;justify-content:center;align-items:center}.main-wrap{width:100%;min-height:100vh;position:relative;padding-right:16px;padding-top:18px}.main-content{background-color:var(--bkg-inner-main);border-radius:16px;height:calc(100% - 16px);padding:14px 20px 20px 32px}header{display:flex;align-items:center;font-size:.95rem}header h1{margin:0;color:var(--txt-primary-header);font-size:1.45rem}.head-right{margin-left:auto;display:flex;align-items:center}.head-date{color:var(--txt-green);margin-right:20px;text-wrap:nowrap}.head-ver{color:#7d8289;font-size:.8rem;margin-right:24px}.head-user-icon{width:20px;margin-right:8px;margin-top:4px}.head-user-icon svg{width:100%}.head-user-name{font-size:.9rem;margin-right:14px}.head-logout-icon{width:40px;height:40px}.login-container{width:100%;max-width:400px;padding:20px;background-color:#fff;border-radius:8px;margin-top:-20vh}.login-logo{margin-bottom:10px;width:80px}.login-form{display:flex;flex-direction:column;margin-left:auto;margin-right:auto}.login-form label{font-size:.9rem}.login-form input{font-size:.85rem;margin-top:4px}.login-error{margin-bottom:16px;color:red;font-size:.95rem}.login-otp-message{margin-bottom:20px}.drawer-top-logo{margin-top:20px;width:134px;margin-left:11px}.drawer-top-logo svg{width:100%}.drawer-top-right-icon{position:absolute!important;top:16px;right:16px;vertical-align:middle}.drawer-top-right-icon svg{color:var(--bkg-gray-light)}.drawer-top-left-icon{transform:rotate(180deg) translateY(-8px) translate(-4px)}.drawer-top-left-icon svg{color:var(--bkg-gray-light)}