.app-layout{min-height:100vh}.app-header{height:initial;max-height:var(--max-header-height);line-height:initial;display:flex;align-items:center;padding:18px 24px;background:var(--app-header-bg, #001f3d)}@media screen and (max-width: 970px){.app-header{justify-content:center}}.logo-title-wrapper{display:flex;align-items:center;opacity:1;transition:.3s}.logo-title-wrapper .logo{display:flex;flex-direction:row;column-gap:20px;align-items:center;line-height:normal}.logo-title-wrapper img{max-height:calc(var(--max-header-height) - 32px)}.logo-title-wrapper h4.app-title{color:var(--app-header-color, #ccc)!important;display:inline-flex;margin-bottom:0;max-width:315px;vertical-align:middle}@media screen and (max-width: 970px){.logo-title-wrapper h4.app-title{display:none}}.app-footer{display:flex;flex-direction:row;color:var(--app-footer-color, #ccc);padding:10px 20px;align-items:center;justify-content:center;border-top:4px solid var(--app-header-border, var(--primary-color));background-color:var(--app-footer-bg, #001f3d);height:var(--footer-height);bottom:0;position:fixed;width:100%;z-index:100}.app-footer .ant-layout-footer{color:var(--app-footer-color, var(--gray-60))}.utilityBar{height:var(--utility-bar-height);padding:0 16px;display:flex;align-items:center;background-color:var(--secondary-main);color:var(--gray-60);font-size:12px;font-weight:600}@media screen and (max-width: 970px){.utilityBar{display:none}}.utilityBar-actions{margin:0 16px 0 auto;display:flex;align-items:center}.utilityBar-actions .user-info{color:var(--gray-60)}.utilityBar-actions .user-info:hover,.utilityBar-actions .ant-btn-link:not(:disabled):not(.ant-btn-disabled):hover{color:var(--primary)}.utilityBar-actions .user-selected{color:var(--primary-color);position:relative}.utilityBar-actions .user-selected:after{content:"";width:100%;height:2px;background-color:var(--primary-color);position:absolute;bottom:-8px;left:0}.utilityBar-actions .user-selected,.utilityBar-actions a{font-weight:400;font-size:14px}.utilityBar-actions .user-selected>.anticon,.utilityBar-actions a>.anticon{font-size:12px}.utilityBar-actions button{padding:0;height:24px;margin-left:16px}.utilityBar-actions button>.anticon{font-size:12px}.utilityBar-actions button>.anticon+span{margin-left:4px}.top-menu-wrapper{margin-left:auto;opacity:1;transition:.3s;width:500px}@media screen and (max-width: 970px){.top-menu-wrapper{display:none}}.top-menu-wrapper .ant-menu{background:transparent;line-height:initial}.top-menu-wrapper .ant-menu>.antant-menu-title-content:hover:after,.top-menu-wrapper .ant-menu>.ant-menu-item-selected:after,.top-menu-wrapper .ant-menu>.ant-menu-item-active:after{opacity:1;margin-left:-24px;bottom:-12px;background-color:var(--primary, var(--primary-color))}.top-menu-wrapper .ant-menu>.ant-menu-submenu-title:hover:after,.top-menu-wrapper .ant-menu>.ant-menu-submenu-selected:after,.top-menu-wrapper .ant-menu>.ant-menu-submenu-active:after{opacity:1;bottom:-12px;background-color:var(--primary, var(--primary-color))}.top-menu-wrapper .ant-menu-item{padding-left:0;margin-left:10px;margin-right:10px;line-height:initial;position:relative;transition:.3s;max-width:180px}@media screen and (max-width: 1456px){.top-menu-wrapper .ant-menu-item{margin-left:10px}}.top-menu-wrapper .ant-menu-item:after{content:"";width:100%;height:2px;background-color:var(--menu-selected);bottom:-12px;display:block;position:absolute;transition:.3s;opacity:0}.top-menu-wrapper .ant-menu-submenu:after{background-color:var(--menu-selected);bottom:-12px;height:2px;display:block;position:absolute;transition:.3s;opacity:0}.top-menu-wrapper .ant-menu-title-content>a,.top-menu-wrapper .ant-menu-title-content>span,.top-menu-wrapper .ant-menu-title-content>a:before,.top-menu-wrapper .ant-menu-submenu-title{color:var(--app-header-color, #fff)}.top-menu-wrapper .ant-menu-title-content{height:auto;display:inline-block;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.top-menu-wrapper .ant-menu-item-selected .ant-menu-title-content>a,.top-menu-wrapper .ant-menu-item-active .ant-menu-title-content>a,.top-menu-wrapper .ant-menu-item:hover .ant-menu-title-content>a,.top-menu-wrapper .ant-menu-submenu-title:hover>.anticon,.top-menu-wrapper .ant-menu-submenu-active>.anticon,.top-menu-wrapper .ant-menu-submenu-selected>.anticon{color:var(--primary, var(--primary-color))}.login-container{flex:2 1 auto;min-height:calc(100vh - (var(--utility-bar-height) + var(--max-header-height) + var(--footer-height)))}.login-card{display:block;width:100%;background:#ffffff;min-height:300px;max-width:500px;box-sizing:border-box;align-self:flex-start;margin:50px auto 20px;padding:44px 80px 80px;box-shadow:0 0 4px #0000001a;z-index:25;border-radius:6px}.login-form{max-width:560px;display:block;margin-top:0}.login-form-button{width:100%;margin:24px 0 0}.icon-color{color:#00000040}.login-card .login-title{font-weight:500;color:#000000d9;margin-bottom:24px;font-size:1.7em;line-height:1.16;margin-top:0;text-align:center;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px}@media screen and (max-width: 586px){.login-container{display:flex}.login-card{align-self:stretch;max-width:100%;padding:20px 30px;margin:0;box-shadow:none}}.mobile-menu{z-index:1000}.mobile-menu .ant-drawer-body{margin-top:20px}.mobile-menu .ant-menu-root.ant-menu-vertical-left{border-right:none}.mobile-menu-trigger{position:absolute;top:30px;left:24px}@media screen and (min-width: 970px){.mobile-menu-trigger{display:none}}.mobile-menu .user-mobile,.mobile-menu .close-session{padding:0;margin-top:16px;display:block;color:var(--header-color)}.mobile-menu .user-mobile:hover,.mobile-menu .close-session:hover,.mobile-menu .ant-btn-link:not(:disabled):not(.ant-btn-disabled):hover{color:var(--primary)}.mobile-menu .mobile-menu-header{z-index:1000;display:flex;justify-content:center}.mobile-menu .drawer-closeButton{color:var(--black-45);border:none;box-shadow:none;margin-left:52px;margin-top:10px}.mobile-menu .drawer-closeButton .anticon{margin-top:5px}.mobile-menu .mobile-menu-footer{position:absolute;bottom:0;z-index:3;background:var(--white);padding-bottom:24px;padding-top:12px;margin:0 -24px;width:100%;border-top:var(--gray-10) solid 1px;display:flex!important;justify-content:space-around;align-items:center}.mobile-menu .mobile-menu-body{width:300px;margin:-30px auto;height:calc(100vh - 346px);overflow-y:auto}:root{--primary: #00a5d0;--primary-color: #00a5d0;--app-footer-bg: #001f3d;--app-header-bg: #001f3d;--app-header-color: #ccc;--app-footer-color: #ccc;--black: #000;--black-85: rgba(0, 0, 0, .85);--black-65: rgba(0, 0, 0, .65);--black-45: rgba(0, 0, 0, .45);--secondary-main: #001529;--gray-05: #fafafa;--gray-10: #f0f0f0;--gray-20: #e8e8e8;--gray-30: #f5f5f5;--gray-40: #d9d9d9;--gray-60: #bfbfbf;--gray-70: #898c8f;--gray-90: #262626;--footer-height: 50px;--utility-bar-height: 40px;--max-header-height: 104px}body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px}.index-container{flex:2 1 auto;min-height:calc(100vh - (var(--utility-bar-height) + var(--max-header-height) + var(--footer-height)))}.index-card{display:block;width:100%;background:#ffffff;min-height:300px;max-width:500px;box-sizing:border-box;align-self:flex-start;margin:50px auto 20px;padding:44px 80px 80px;box-shadow:0 0 4px #0000001a;z-index:25;border-radius:6px}.index-card .index-logo{max-height:300px}.index-card .index-title{font-weight:500;color:#000000d9;margin-bottom:24px;font-size:1.7em;line-height:1.16;margin-top:0;text-align:center;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px}.page-container{flex:2 1 auto;min-height:calc(100vh - (var(--utility-bar-height) + var(--max-header-height) + var(--footer-height)))}@media screen and (max-width: 970px){.index-container{display:flex;min-height:calc(100vh - (var(--max-header-height) + var(--footer-height)))}.index-card{margin:60px auto 80px;max-width:100%;align-self:stretch;padding:44px 20px 80px}.index-card .index-logo{max-height:150px}.page-container{min-height:calc(100vh - (var(--max-header-height) + var(--footer-height)))}}@media screen and (max-width: 320px){.index-card{padding:44px 10px 80px}.index-card .index-logo{max-height:100px}}
