.content-with-sidebar-container{height:100vh;height:100dvh;overflow:hidden}.side-menu-overlay{background:rgba(0,0,0,.8);height:100vh;height:100dvh;position:absolute;transition:opacity .2s cubic-bezier(0,0,.2,1);width:100vw;z-index:1}body{background:#333;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0!important}@-webkit-keyframes instantCollapseSpace{to{width:78px}}@keyframes instantCollapseSpace{to{width:78px}}@-webkit-keyframes fadeInOut{0%{opacity:0}60%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0}60%{opacity:0}to{opacity:1}}.side-menu-container{display:block;height:100%;width:320px}.instant-collapse{-webkit-animation:instantCollapseSpace .1s forwards;animation:instantCollapseSpace .1s forwards;-webkit-animation-delay:.15s;animation-delay:.15s}.side-menu{bottom:0;box-shadow:2px 0 5px 6px rgba(0,0,0,.1);height:100%;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;transition:width .2s cubic-bezier(0,0,.2,1) .1s;width:320px;z-index:2}.side-menu.collapsed{opacity:1;width:78px}.content{opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1)}.content.fade-out{opacity:0}.divide-line{background:#6c768e;height:1px;left:50%;opacity:1;position:absolute;top:140px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s cubic-bezier(0,0,.2,1);width:90%}.divide-line.collapsed{opacity:0}.toggle-btn-overlay{height:100%;position:absolute;width:100%;z-index:1}.toggle-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:absolute;transition:all .1s linear;z-index:2}.toggle-btn-icon{height:20px;margin:8px;width:28px}.toggle-btn.collapse{color:#7f9ac4;right:16px;top:112px}.toggle-btn.expand{color:#fff;left:50%;right:16px;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.toggle-btn .arrow{margin-right:4px;width:12px}.toggle-btn .text-container{align-items:center;color:#fff;display:flex;font-size:11px;justify-content:center;white-space:nowrap;width:100%}.toggle-btn.fade-in-out{-webkit-animation:fadeInOut .3s linear forwards;animation:fadeInOut .3s linear forwards}.login-page{align-items:center;background:#232632;color:#fff;display:flex;height:100vh;height:100dvh;justify-content:center;overflow:auto;padding:32px;width:100vw}.login-page .content{max-height:100%;max-width:411px;width:100%}.login-page .content,.login-page .logo-container{align-items:center;display:flex;flex-direction:column}.login-page .logo-container{justify-content:center;margin-bottom:80px}.login-page .main-logo-area{align-items:center;display:flex;margin-bottom:12px}.login-page .main-logo-area .logo{height:68px;margin-right:18px;width:75px}.login-page .main-logo-area .logo img,.login-page .main-logo-area .main-title img,.login-page .sub-logo-area .sub-title img,.login-page .submit-btn img{width:100%}.login-page .main-logo-area .main-title{align-items:center;display:flex;height:87px;justify-content:center;width:185px}.login-page .sub-logo-area .sub-title{align-items:center;display:flex;justify-content:center;width:248px}.login-page .fields-container{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;width:100%}.login-page .submit-btn{cursor:pointer;height:64px;width:64px}.login-page .submit-btn:active{-webkit-transform:translateY(4px);transform:translateY(4px)}.login-page .login-field{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.login-page .forgot-password-btn-container{display:flex;justify-content:center;margin-bottom:20px;width:100%}.login-input{margin-bottom:20px;position:relative;width:100%}.login-input label{color:#838da4;font-size:11px;left:8px;position:absolute;top:8px;transition:all .2s ease-in-out;white-space:nowrap}.login-input .label-focus{color:#838da4;font-size:12px;top:-18px;transition:top .2s ease,font-size .2s ease,color .2s ease}.login-input input{background-color:initial;border:none;border-radius:0;color:#fff;padding:10px;width:calc(100% - 54px)}.login-input input:focus{outline:none}.login-input .input-row-container{align-items:center;border-bottom:1px solid #838da4;display:flex;padding-left:12px;position:relative;width:100%}.login-input .input{position:relative;width:100%}.login-input .show-container{cursor:pointer;position:absolute;right:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login-input .show-container img{height:18px;width:18px}.login-input .vertical-divide-line{background-color:#838da4;height:25.5px;margin:0 8px;width:2px}.login-input .vertical-divide-line.valid{background-color:#0f0}.login-input .valid{border-color:#0f0}.login-input .icon,.login-input .icon-container{height:20px;width:20px}.login-input .icon img{height:100%;width:100%}.MuiAutocomplete-listbox .MuiAutocomplete-option{background:#333746}.MuiAutocomplete-listbox .MuiAutocomplete-option:hover{background:rgba(0,0,0,.4)}.MuiAutocomplete-listbox{background:#333746}
/*# sourceMappingURL=main.eb69a186.css.map*/