/*!
 * Package DMCom.id Auth v1.0.0
 * Copyright DanCodev Authors (https://www.dancodev.com/)
 */
 body{background:#f6f6f6}#page_wrap{display:flex;height:100vh}.container{max-width:720px}#page_wrap.register .container{max-width:999px}.form-login{width:100%;overflow:auto}.form-login.forgot{max-width:520px}.form-login .head{position:relative;color:#fafafa;width:100%;padding:25px;background:#3b5998}.form-login .head .help{position:absolute;color:#92b8d9;top:4px;right:8px}.form-login .head .logo{display:flex;height:55px;justify-content:center}.form-login .head .tt{font-size:22px;color:#fff}.form-login .head .st{color:#fff;display:block;font-size:12px;margin-top:10px;letter-spacing:.1rem}.form-login .body{position:relative;background:#fff;padding:2.5rem 3rem;padding-top:3.5rem;border-radius:.2rem}.form-login .f--meseg{position:absolute;top:12px;left:48px;right:48px;line-height:1;text-align:center}.form-login .f--meseg .alert{padding:2px 8px}.auth-mode .connecto .tt{line-height:1;letter-spacing:.1rem}.auth-mode .connecto .btn{margin:0 3px}.admin-login .container{max-width:420px!important}.admin-login .form-login .body{padding:3.5rem 3rem 2.5rem}.admin-login .form-login .body .wrap{padding-top:0}@media (min-width:320px) and (max-width:480px){.form-login .head .logo{height:40px;margin-bottom:10px}.form-login .head .tt{line-height:1}.form-login .body .wrap{padding-top:18px}.form-login form .info{text-align:center;font-size:13px}.f--button,.form-login form .d-flex.ai-end.jc-space.mb-0{align-items:center}.f--button .info{font-size:14px;text-align:end}.auth-mode{margin-top:30px}.auth-mode .connecto .tt{font-size:18px;margin-bottom:15px}.connect-type .btn{height:38px;line-height:38px}}