.login-page{display:flex;flex-direction:column;overflow:hidden}.login-page,.login-page .pict-login{height:100vh;position:relative;width:100%}.login-page .pict-login{display:none}.login-page .pict-login img{height:100vh;object-fit:cover;width:100%}.login-page .login-part{background-image:linear-gradient(to bottom right,#1a8b2b,#064810);height:100vh;overflow-y:auto;padding:40px;position:relative;width:100%}.login-page .login-part .login-content{align-items:center;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;min-height:calc(100vh - 80px);width:100%}.login-page .login-part .login-content .form-login{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#fff;border:1px solid #ffffff2e;border-radius:20px;height:auto;max-width:400px;padding:12px;position:relative;width:100%;z-index:5}.login-page .login-part .login-content .form-login .logo-form{display:flex;height:auto;justify-content:center;margin-bottom:12px;width:100%}.login-page .login-part .login-content .form-login .logo-form img{height:60px;width:auto}.login-page .login-part .login-content .form-login form{height:100%;width:100%}.login-page .login-part .login-content .form-login form p.title{color:#1a8b2b;font-size:20px;font-weight:600;line-height:28px;text-align:center;width:100%}.login-page .login-part .login-content .form-login form p.label{color:gray;font-size:13px;font-weight:600;line-height:18px;margin-bottom:4px;width:100%}.login-page .login-part .login-content .form-login form .group-input{display:flex;flex-wrap:nowrap;margin-bottom:12px;position:relative;width:100%}.login-page .login-part .login-content .form-login form .group-input .icon-input{border:1px solid #000;border-bottom-left-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;color:#000;height:18px;padding:8px;width:18px}.login-page .login-part .login-content .form-login form .group-input input{border:1px solid #000;border-left:0;border-radius:0;border-right:none;border-top:none;box-shadow:none!important;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:14px;outline:none!important;padding:9px 12px 8px;width:calc(100% - 32px)}.login-page .login-part .login-content .form-login form .group-input .btn-show{align-items:center;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:0;width:36px}.login-page .login-part .login-content .form-login form .group-input .btn-show svg{height:18px;width:18px}.login-page .login-part .login-content .form-login form .group-input .btn-show svg path{fill:#000}.login-page .login-part .login-content .form-login form .remember{display:flex;flex-wrap:nowrap;width:100%}.login-page .login-part .login-content .form-login form .remember label{font-size:13px;line-height:18px}.login-page .login-part .login-content .form-login form .forgot{display:flex;flex-direction:column;gap:8px;margin-top:20px;width:100%}.login-page .login-part .login-content .form-login form .forgot p{font-size:13px;line-height:18px;margin:0;text-align:center;width:100%}.login-page .login-part .login-content .form-login form .forgot p a{font-weight:600}.login-page .login-part .login-content .form-login form .button-content{display:flex;flex-direction:column;gap:8px;height:auto;margin-top:24px;width:100%}.login-page .login-part .login-content .form-login form .button-content button{align-items:center;border:1px solid #064810;border-radius:12px;color:#000;cursor:pointer;display:flex;font-weight:600;height:36px;justify-content:center;width:100%}.login-page .login-part .login-content .form-login form .button-content button.btn-login1{background-color:#1a8b2b;border:1px solid #064810;color:#fff}.login-page .login-part .login-content .form-login form .button-content button.btn-login2{background-color:#0000;border:1px solid #064810;color:#064810}.login-page .login-part .login-content .form-login form .button-content button.btn-login3{background-color:#0000;border:1px solid #0000;color:#064810}.login-page .login-part .login-content .info-login{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:8px;height:auto;margin:20px 0 0;max-width:400px;padding:12px;width:100%}.login-page .login-part .login-content .info-login p{font-size:12px;font-weight:600;line-height:18px;margin:0;text-align:center;width:100%}.login-page .login-part .login-content .log-copy{color:#fff;font-weight:600;margin-top:20px;text-align:center;width:100%}@media(min-width:1024px){.login-page{flex-direction:row}.login-page .pict-login{display:block;width:calc(100% - 520px)}.login-page .login-part{border-left:2px solid #fff;width:520px}.login-page .login-part .login-content .form-login form .group-input input{padding:9px 12px}}.login-page-cc .login-part{background-image:linear-gradient(to bottom right,#1d366f,#152751)}.login-page-cc .login-part .login-content .form-login .logo-form{display:flex;height:auto;justify-content:center;margin-bottom:12px;width:100%}.login-page-cc .login-part .login-content .form-login .logo-form img{height:60px;width:auto}.login-page-cc .login-part .login-content .form-login form p.title{color:#ee6700}.login-page-cc .login-part .login-content .form-login form .group-input .icon-input{background-color:#152751;color:#fff}.login-page-cc .login-part .login-content .form-login form .button-content button{border:1px solid #152751;color:#000}.login-page-cc .login-part .login-content .form-login form .button-content button.btn-login1{background-color:#1d366f;border:1px solid #152751;color:#fff}.login-page-cc .login-part .login-content .form-login form .button-content button.btn-login2{background-color:#0000;border:1px solid #ee6700;color:#ee6700}.login-page-cc .login-part .login-content .form-login form .button-content button.btn-login3{background-color:#0000;border:1px solid #0000;color:#152751}.login-page-cc .login-part .login-content .info-login p{color:#ee4700}