.mobile>.form-login{width:100%;height:100vh;flex-direction:column}.mobile>.form-login .wraper-form-login>.logo{flex:0 0 80%}.desktop>.form-login{width:50%;height:calc(100vh - 60px)}.desktop>.form-login .wraper-form-login>.logo{flex:0 0 57%}.form-login{display:flex;align-items:center;justify-content:center}.form-login .wraper-form-login{flex-wrap:wrap;justify-content:center;display:flex}.form-login .wraper-form-login .form-signin{flex:0 0 300px;max-width:300px;background:#f4f4f4;padding:25px;border-radius:20px;padding-top:20px}.form-login .wraper-form-login .form-signin>.logo{width:100%;display:block;text-align:center;margin-bottom:30px}.form-login .wraper-form-login .form-signin>.logo img{width:100%}.form-login .wraper-form-login .form-signin .input-container{display:flex;align-items:center}.form-login .wraper-form-login .form-signin .input-container .input-field{width:100%;border-radius:20px 0 0 20px;outline:none;border:none;padding:5px 0 5px 10px;background:#e6e6e6}.form-login .wraper-form-login .form-signin .input-container .input-field:focus{outline:none}.form-login .wraper-form-login .form-signin .input-container .input-field::-webkit-autofill,.form-login .wraper-form-login .form-signin .input-container .input-field::-webkit-autofill:focus,.form-login .wraper-form-login .form-signin .input-container .input-field::-webkit-autofill:hover{background-color:#e6e6e6!important}.form-login .wraper-form-login .form-signin .input-container .input-field::-webkit-input-placeholder{text-transform:uppercase;font-size:12px}.form-login .wraper-form-login .form-signin .input-container .icon{padding:9px 15px 9px 9px;background:#e6e6e6;border-radius:0 20px 20px 0}.form-login .wraper-form-login .form-signin button.btn-login{background:var(--blue);color:#fff;border:0;border-radius:5px;padding:10px 40px;text-transform:uppercase;display:block;font-size:12px;width:100%}.form-login .wraper-form-login .form-signin button.btn-login:focus{outline:none}.form-login .wraper-form-login .box-top-form{margin-bottom:20px}.form-login .wraper-form-login .box-top-form>span{display:block;margin:0 5px}.form-login .wraper-form-login .box-top-form>span>h2{font-size:25px;font-weight:600}.form-login .wraper-form-login .box-top-form>.line-dashed{flex:1;position:relative}.form-login .wraper-form-login .box-top-form>.line-dashed:before{position:absolute;content:"";top:16px;width:70%;border-bottom:1px dashed hsla(0,0%,100%,.63);left:50%;margin-left:-35%}.need-help{font-size:12px}body{height:100vh}.wrapper-login{position:relative;background:linear-gradient(90deg,#007bff,#0a2e54)}.login-container{height:100vh;position:relative}.login-container.desktop{background-repeat:no-repeat;background-size:auto 90%;background-position-x:80%;background-position-y:center;position:relative;z-index:2}.login-container.mobile{background-size:cover;background-repeat:no-repeat;background-position:100% 100%}.login-container.mobile .mobile-images{width:90%}.login-container.mobile .mobile-images>.logo-mobi-mobile>img{width:20%}.login-container.mobile .mobile-images>.logo-gov-mobile>img{width:100%}.login-container footer{position:absolute;bottom:0;left:0;width:100%;height:60px;padding:5px 30px;z-index:0;display:flex;justify-content:space-between;align-items:center}.login-container footer>span.logo-gov{height:100%}.login-container footer>span.logo-gov img{height:95%}.login-container footer>span.logo-mobi{height:100%}.login-container footer>span.logo-mobi>img{height:90%}@media (max-width:1000px) and (min-width:768px){.login-container.desktop{background-size:auto 75%}}footer.footer-desktop{background:transparent;position:absolute;bottom:0;left:0;width:100%;height:60px;padding:5px 20px;z-index:0}@media (max-width:768px){.wrapper-login{background:linear-gradient(180deg,#007bff,#0a2e54)}.desktop>.form-login{width:100%}}