.pageLogin, .pageForgot, .pageChangePassword {
  padding-top: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 130px;
  flex-flow: column;
  gap: 48px;
}
.pageLogin h4, .pageForgot h4, .pageChangePassword h4 {
  color: var(--color-primary);
  text-align: center;
}
.pageLogin .form_login, .pageForgot .form_login, .pageChangePassword .form_login {
  background: var(--color-dusty-grey);
  padding: 60px 80px 80px 80px;
  display: flex;
  flex-flow: column;
  width: 750px;
  max-height: 100%;
  height: -moz-max-content;
  height: max-content;
  align-items: center;
}
@media (max-width: 767px) {
  .pageLogin .form_login, .pageForgot .form_login, .pageChangePassword .form_login {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.pageLogin .form_login .title_form_login, .pageForgot .form_login .title_form_login, .pageChangePassword .form_login .title_form_login {
  font-size: 30px;
  color: var(--color-primary);
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .pageLogin .form_login .title_form_login, .pageForgot .form_login .title_form_login, .pageChangePassword .form_login .title_form_login {
    font-size: 20px;
  }
}
.pageLogin .form_login #formLogin, .pageForgot .form_login #formLogin, .pageChangePassword .form_login #formLogin {
  width: 100%;
  display: flex;
  flex-flow: column;
  margin-bottom: 40px;
  gap: 40px;
}
.pageLogin .form_login #formLogin .btn_primary_login, .pageForgot .form_login #formLogin .btn_primary_login, .pageChangePassword .form_login #formLogin .btn_primary_login {
  width: 100%;
}
.pageLogin .form_login #formLogin a, .pageForgot .form_login #formLogin a, .pageChangePassword .form_login #formLogin a {
  text-decoration: none;
  color: var(--color-primary);
  margin-bottom: 48px;
}
.pageLogin .form_login #formLogin .form-group:last-child, .pageForgot .form_login #formLogin .form-group:last-child, .pageChangePassword .form_login #formLogin .form-group:last-child {
  margin-bottom: 16px;
}
.pageLogin .form_login #formLogin .form-group input, .pageForgot .form_login #formLogin .form-group input, .pageChangePassword .form_login #formLogin .form-group input {
  border: none;
  background: transparent;
  width: 100%;
}
.pageLogin .form_login #formLogin .form-group input:focus, .pageForgot .form_login #formLogin .form-group input:focus, .pageChangePassword .form_login #formLogin .form-group input:focus {
  outline: none;
}
.pageLogin .form_login .txt, .pageForgot .form_login .txt, .pageChangePassword .form_login .txt {
  margin-bottom: 40px;
}
.pageLogin .form_login .login_social, .pageForgot .form_login .login_social, .pageChangePassword .form_login .login_social {
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .pageLogin .form_login .login_social, .pageForgot .form_login .login_social, .pageChangePassword .form_login .login_social {
    display: flex;
    flex-flow: column;
    gap: 20px;
  }
}
.pageLogin .form_login .login_social a, .pageForgot .form_login .login_social a, .pageChangePassword .form_login .login_social a {
  text-decoration: none;
  color: var(--color-body);
}
.pageLogin .form_login .login_social a:hover span, .pageLogin .form_login .login_social a:hover i, .pageForgot .form_login .login_social a:hover span, .pageForgot .form_login .login_social a:hover i, .pageChangePassword .form_login .login_social a:hover span, .pageChangePassword .form_login .login_social a:hover i {
  font-weight: 700;
}
.pageLogin .form_login .login_social .--itemButton, .pageForgot .form_login .login_social .--itemButton, .pageChangePassword .form_login .login_social .--itemButton {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid;
}
.pageLogin .form_login .login_social .--itemButton span, .pageForgot .form_login .login_social .--itemButton span, .pageChangePassword .form_login .login_social .--itemButton span {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.pageLogin .form_login .login_social .--itemButton i, .pageForgot .form_login .login_social .--itemButton i, .pageChangePassword .form_login .login_social .--itemButton i {
  font-size: 28px;
}
.pageLogin .form_login .link_register, .pageForgot .form_login .link_register, .pageChangePassword .form_login .link_register {
  font-size: 18px;
  text-align: center;
}
.pageLogin .form_login .link_register a, .pageForgot .form_login .link_register a, .pageChangePassword .form_login .link_register a {
  text-decoration: none;
  color: var(--color-primary);
}
.pageLogin .btn_recent, .pageForgot .btn_recent, .pageChangePassword .btn_recent {
  font-size: 18px;
}
.pageLogin .btn_recent a, .pageForgot .btn_recent a, .pageChangePassword .btn_recent a {
  text-decoration: none;
  color: var(--color-body);
  font-weight: 700;
}

.btn_back_primary {
  position: absolute;
  top: 100px;
  left: 15px;
}

.form-group {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid;
  position: relative;
}
.form-group #passwordEye, .form-group #passwordEyeSlash {
  position: absolute;
  right: 10px;
  top: 18px;
}
.form-group #passwordEyeConfirm, .form-group #passwordEyeSlashConfirm {
  position: absolute;
  right: 10px;
  top: 18px;
}
.form-group input {
  width: 100%;
}
.form-group label {
  display: none;
}

.pageForgot .btn_primary.recend {
  width: 50%;
}
@media (max-width: 767px) {
  .pageForgot .btn_primary.recend {
    width: calc(100% - 30px);
  }
}
.pageForgot h6 {
  width: 750px;
  text-align: center;
}
@media (max-width: 767px) {
  .pageForgot h6 {
    width: calc(100% - 30px);
  }
}

#formSendEmail {
  width: 100%;
  display: flex;
  justify-content: center;
}

.pageChangePassword .btn_primary.recend {
  width: 40%;
}
@media (max-width: 767px) {
  .pageChangePassword .btn_primary.recend {
    width: calc(100% - 30px);
  }
}
.pageChangePassword h6 {
  width: 750px;
  text-align: center;
}
@media (max-width: 767px) {
  .pageChangePassword h6 {
    width: calc(100% - 30px);
  }
}/*# sourceMappingURL=login.css.map */