.login-page{height:100vh;background-image:url(https://img.freepik.com/free-photo/businessman-touching-global-customer-networking-analysis-sale-data-graph-growth-digital-marketing_34200-477.jpg?w=1800);background-size:cover}.login-page .login-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;max-width:480px}.login-page .login-container .form-wrap{background-color:#f1f1f1;padding:40px;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,.2)}.login-page .login-container .form-wrap .title{color:#383838;text-align:center;margin-bottom:40px;font-weight:700;letter-spacing:2px;font-size:1.4em}.login-page .login-container .form-wrap .title span{display:block}.login-page .login-container .form-wrap .field{position:relative;background-color:#fff;border-radius:3px;display:flex;padding:5px;margin-bottom:30px}.login-page .login-container .form-wrap .field .icon{background-color:#ccc;width:35px;height:35px;border-radius:3px;text-align:center;line-height:30px;display:inline-block}.login-page .login-container .form-wrap .field .el-select{width:100%}.login-page .login-container .form-wrap .field .el-select input.el-input__inner{border:none}.login-page .login-container .form-wrap .field input,.login-page .login-container .form-wrap .field select{border:none;background-color:transparent!important;line-height:35px;height:35px;flex:1;padding:0 10px;outline:none!important}.login-page .login-container .form-wrap .field .text-danger{position:absolute;right:0;bottom:0;transform:translateY(100%)}.login-page .login-container .form-wrap .btn{border-radius:5px;background-color:#40c5d0;border:none}.login-page .login-container .form-wrap .btn:hover{background-color:#2ca7b1}.login-page .login-container .form-wrap .flex-wrap{display:flex;align-items:center}.login-page .login-container .form-wrap .flex-wrap .btn{padding:10px 15px;flex:1}.login-page .login-container .form-wrap input:-webkit-autofill,.login-page .login-container .form-wrap input:-webkit-autofill:focus,.login-page .login-container .form-wrap input:-webkit-autofill:hover,.login-page .login-container .form-wrap select:-webkit-autofill,.login-page .login-container .form-wrap select:-webkit-autofill:focus,.login-page .login-container .form-wrap select:-webkit-autofill:hover,.login-page .login-container .form-wrap textarea:-webkit-autofill,.login-page .login-container .form-wrap textarea:-webkit-autofill:focus,.login-page .login-container .form-wrap textarea:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #fff inset}.login-page .field{margin-bottom:40px}.login-page .field .field-title{display:block;margin-bottom:0;opacity:.8}.login-page .field .field-title i{margin-right:5px}.login-page .field .switch-field{display:flex;border:2px solid #4686c2;border-radius:5px;overflow:hidden}.login-page .field .switch-field label{flex:1;border-right:2px solid #4686c2;margin-bottom:0;cursor:pointer}.login-page .field .switch-field label:last-child{border-right:none}.login-page .field .switch-field label input{display:none}.login-page .field .switch-field label input:checked+span{background-color:#4686c2;color:#fff}.login-page .field .switch-field label span{display:block;height:31px;line-height:31px;text-align:center}.login-page .field>input,.login-page .field select{width:100%;border:1px solid #f1f1f1;height:40px}.login-page .field>input{line-height:40px;padding:0 10px}.login-page .field input:-moz-read-only{background-color:transparent!important;outline:none!important;font-size:1.2em}.login-page .field input:read-only{background-color:transparent!important;outline:none!important;font-size:1.2em}.login-page .field textarea{border:none;display:block;border:1px solid #f1f1f1;width:100%;padding:10px 15px;border-radius:5px}.login-page .field .mx-datepicker{width:100%}.login-page .field .mx-datepicker.red input{background-color:#f9ecec}@media (max-width:767px){.login-page .field .mx-datepicker{display:block;width:100%}}.login-page .field .field-content{background-color:#f7f7f7;padding:10px;min-height:45px;border-radius:5px;line-height:175%}