.login-page{height:100vh;background-color:#1e9fff}.login-panel{width:540px;padding:2rem 3rem 1rem;border:1px solid white;border-radius:1rem;background-color:#fff;box-shadow:#ffff0038 0 4px 24px 12px}.login-panel h1{text-align:center;color:#1e9fff;font-weight:700;font-size:3em}.login-form>div{margin:2rem 0}.login-form>div>div:first-child{width:20%;padding-right:.4rem}.login-form>div>div:last-child{flex:1}.left-block{height:100vh;border-right:1px solid rgb(222,222,222)}.left-block .fixed-float-layer{padding-top:.4rem;padding-left:1.2rem;position:fixed;width:16%;max-width:18rem;background-color:#fff}.left-block .icon-action{height:2.6rem}.left-block .icon-action .icon{color:red;cursor:pointer}.sys-menu{height:calc(100vh - 3rem);overflow-y:scroll}.sys-menu>nav.group:not(:first-of-type){margin-top:2rem;border-bottom:1px solid rgb(222,222,222)}.sys-menu>nav.group>div:first-child{font-weight:bolder;color:#39c0ff;font-size:1.2em}.sys-menu>nav.group ul{margin-top:.6rem;margin-bottom:.6rem}.sys-menu>nav.group li{display:flex;align-items:center;line-height:2.4em}.sys-menu>nav.group li>a:hover{color:#0059ff}.sys-menu>nav.group li>svg{margin-right:.4rem;color:#39c0ff}.sys-menu::-webkit-scrollbar{width:8px}.sys-menu::-webkit-scrollbar-track{box-shadow:inset 0 0 8px #8282821a}.sys-menu::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px;outline:1px solid slategrey}.sys-menu::-webkit-scrollbar-thumb:hover{background-color:#bababa}.messenger{position:fixed;bottom:0;width:100%;text-align:center;padding-top:.5rem;padding-bottom:.5rem;color:red;border-top:solid 1px silver;background:#fff;background:linear-gradient(90deg,#fff 0%,#d0efff 22%,#41cbff 52%,#d0efff 78%,#fff 100%);transform-origin:bottom;animation:fade-in-msg .32s ease-in forwards}@keyframes fade-in-msg{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.spaceh12{height:12px}.modal-mask-layer{position:fixed;z-index:9998;top:0;left:0;width:100%;min-height:100%;background-color:#000c;transition:opacity .3s ease}.modal-mask-layer>.modal-dialog-wrap{width:80%;margin:0 auto;margin-top:3rem;border-radius:1rem;overflow:hidden;background-color:#fff}.modal-mask-layer .modal-dialog{height:calc(100vh - 6rem);overflow-y:auto;padding:1rem}.modal-mask-layer>.btn-close-dailog{position:absolute;right:calc(10% - 2rem);top:1.2rem;color:#fff;transition:transform .3s}.modal-mask-layer>.btn-close-dailog:active{transform:scale(1.2)}:root{--primary-color: #0d6efd;--blue-color: #0d6efd;--page-hor-space: 4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}body{min-height:100vh;color:var(--color-text)}li{list-style:none}.debug-border,.drb{border:solid 1px red}.spacew2{width:2px}.spacew4{width:4px}.spacew6{width:6px}.spacew8{width:8px}.spacew10{width:10px}.spacew12{width:12px}.spacew14{width:14px}.spacew16{width:16px}.spacew1rem{width:1rem}.spacew2rem{width:2rem}.spacew4rem{width:4rem}.spacew2,.spacew4,.spacew6,.spacew8,.spacew10,.spacew12,.spacew14,.spacew16,.spacew1rem,.spacew2rem,.spacew4rem{display:inline-block}.spaceh2{height:2px}.spaceh4{height:4px}.spaceh6{height:6px}.spaceh8{height:8px}.spaceh10{height:10px}.spaceh12{width:12px}.spaceh14{height:14px}.spaceh16{height:16px}.spaceh1rem{height:1rem}.spaceh2rem{height:2rem}.spaceh4rem{height:4rem}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.flex-center-hor{display:flex;justify-content:center}.flex-center-ver{display:flex;align-items:center}.flex-bottom{display:flex;align-items:flex-end}.flex-space-around{display:flex;justify-content:space-around}.flex-space-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-avg{display:flex;align-items:center}.flex-avg>div{flex:1}.flex1{flex:1}.prevent-select{-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.modal-mask-layer{position:absolute;z-index:9998;top:0;left:0;width:100%;min-height:100%;background-color:#000c;transition:opacity .3s ease}.overlap-layer{position:absolute;left:0;top:0;width:100%;height:100%}img.fit-width{width:100%}.ml-10{margin-left:10px}.mt-10{margin-top:10px}body{min-width:1024px}.form{margin:1rem 4rem}.form>div{margin:.6rem 0}.form>div>label{line-height:2.2rem;font-weight:600}.form2>div{display:flex}.form2>div>label{text-align:right;width:14rem;line-height:2.2rem;font-weight:600;margin-right:.6rem}.form2>div>p{flex:1}.form p.value-field{border-bottom:solid 1px silver;padding:.4rem 0}.form>div>input,.form>div>select,.form input.form-input,.normal-input{border:solid 1px silver;border-radius:.2rem;padding:.6rem;display:block;width:100%;font-size:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form input:focus,.form select:focus,.normal-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}div.action-row{margin-top:2rem;margin-bottom:2rem;column-gap:2rem}.btn-primary{background-color:var(--primary-color);border:solid 1px var(--primary-color);border-radius:.3rem;color:#fff}.tab-panel{margin:2rem}.tab-panel>.tab-nav{border-bottom:solid 1px silver}.tab-panel>.tab-nav>li>a{display:block;padding:1rem 1.2rem;margin-bottom:-1px;text-decoration:none;border:solid 1px transparent}.tab-panel>.tab-nav>li>a.active{background-color:#fff;border:solid 1px silver;border-bottom:solid 1px white;border-top-left-radius:.25rem;border-top-right-radius:.25rem;cursor:default}html{font-size:18px}body{font-size:18px;min-width:1024px}a{color:#000;text-decoration:none}a:hover{text-decoration:underline}#app>div:first-child{width:16%;max-width:18rem}.normal-form{margin:1rem 4rem}.normal-form>div{margin:.6rem 0}.normal-form>div>label{line-height:2.2rem}.normal-form>div>input:not([type=checkbox]),.normal-form>div>select,.normal-form input.form-input,.normal-input{border:solid 1px silver;border-radius:.2rem;padding:.6rem;display:block;width:100%;font-size:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.normal-form input:focus,.normal-form select:focus,.normal-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.action-row{margin-top:2rem;margin-bottom:2rem;column-gap:2rem}.btn{padding:.375rem .75rem}.btn-svg{width:1.6rem;cursor:pointer}.btn-svg:active{scale:1.1}.btn-primary{background-color:var(--primary-color);border:solid 1px var(--primary-color);border-radius:.3rem;color:#fff;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:#1981ff}.btn-danger{background-color:red;border:solid 1px red;border-radius:.3rem;color:#fff;transition:all .2s ease;font-weight:700;cursor:pointer}.btn-danger:hover{background-color:#c41e1e}table.table{width:100%;border-collapse:collapse;text-align:center;margin-top:1rem}table.table>thead th{border-bottom:solid 1px rgb(100,100,100);padding:.5rem;font-weight:700}table.table>tbody tr:hover{background-color:#effbff}table.table>tbody td{border-bottom:solid 1px silver;padding:.5rem}