@charset "utf-8";

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }

body { background-image: url("../images/auth_background.png"); background-position: center; background-size: cover; width: 100%; height: 100%; }

.wrapper { width: 100vw; height: 100vh; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.wrapper .card-forget { width: 500px; background: white; border-radius: 10px; padding: 30px; }
@media (max-width: 580px) { .wrapper .card-forget { width: 100%; margin: 30px; } }
@media (max-width: 480px) { .wrapper .card-forget { background: transparent; margin: 0; padding: 20px; } }
@media (max-width: 480px) { .wrapper .card-forget .forget-back { position: absolute; top: 50px; } }
.wrapper .card-forget .forget-back a { font-size: 20px; color: #5C5C5C; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
@media (max-width: 480px) { .wrapper .card-forget .forget-back a { font-size: 0; } }
.wrapper .card-forget .forget-back a span { margin-right: 5px; color: #5C5C5C; }
@media (max-width: 480px) { .wrapper .card-forget .forget-back a span { color: #fff; } }
.wrapper .card-forget .forget-header { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-direction: column; padding: 30px 0; }
.wrapper .card-forget .forget-header h2 { font-size: 22px; color: #1b1464; }
@media (max-width: 480px) { .wrapper .card-forget .forget-header h2 { color: #fff; } }
.wrapper .card-forget .forget-form form { display: flex; display: -webkit-flex; flex-direction: column; }
.wrapper .card-forget .forget-form form .input-field { margin-bottom: 20px; }
.wrapper .card-forget .forget-form form .input-field:last-child { margin-bottom: 0; }
.wrapper .card-forget .forget-form form .input-field label { font-size: 20px; letter-spacing: 0px; color: #505050; font-family: "kanit-light"; }
@media (max-width: 480px) { .wrapper .card-forget .forget-form form .input-field label { color: #fff; } }
.wrapper .card-forget .forget-form form .input-field .input-box { display: flex; display: -webkit-flex; background: #fff; border-radius: 5px; border: 1px solid #ced4da; }
.wrapper .card-forget .forget-form form .input-field .input-box .icon { width: 25px; height: 50px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-left: 12px; }
.wrapper .card-forget .forget-form form .input-field .input-box select, .wrapper .card-forget .forget-form form .input-field .input-box input { height: 50px; border: 0; font-size: 20px; }
.wrapper .card-forget .forget-form form .input-field .input-group { box-shadow: 0px 3px 6px #B4B4B43E; border: 0px !important; }
.wrapper .card-forget .forget-form form .input-field .input-group .input-group-text, .wrapper .card-forget .forget-form form .input-field .input-group .input-login-form { border: 0; background: #fff; }
.wrapper .card-forget .forget-form form .bton-action .send { width: 100%; height: 50px; background: transparent linear-gradient(180deg, #278AFD 0%, #005DC9 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #8181813E; border-radius: 5px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; color: #fff; font-size: 20px; }

/*# sourceMappingURL=forget.css.map */