/**
* Custom colors
* Name That Color
**/
#pageLogin {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #6D3B8F), color-stop(50%, #FFFFFF));
  background: linear-gradient(to bottom, #6D3B8F 50%, #FFFFFF 50%);
}
#pageLogin .login-page {
  max-width: 400px !important;
}
#pageLogin .login-page .login-form {
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.14);
}
#pageLogin .login-page .login-form form.login, #pageLogin .login-page .login-form form.registration {
  gap: 12px;
  padding: 24px 24px 16px;
}
#pageLogin .login-page .login-form form.login .logo-home, #pageLogin .login-page .login-form form.registration .logo-home {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#pageLogin .login-page .login-form form.login .header-container, #pageLogin .login-page .login-form form.registration .header-container {
  gap: 16px;
}
#pageLogin .login-page .login-form form.login .header-container .welcome-container, #pageLogin .login-page .login-form form.registration .header-container .welcome-container {
  gap: 2px;
}
#pageLogin .login-page .login-form form.login .header-container .welcome-container h6, #pageLogin .login-page .login-form form.registration .header-container .welcome-container h6 {
  color: #393939;
}
#pageLogin .login-page .login-form form.login .header-container .welcome-container small, #pageLogin .login-page .login-form form.registration .header-container .welcome-container small {
  color: #5E5E5E;
}
#pageLogin .login-page .login-form form.login .btn-social-midia-container, #pageLogin .login-page .login-form form.registration .btn-social-midia-container {
  gap: 12px;
}
#pageLogin .login-page .login-form form.login .divider-container div, #pageLogin .login-page .login-form form.registration .divider-container div {
  border-color: #DDD !important;
}
#pageLogin .login-page .login-form form.login .divider-container span, #pageLogin .login-page .login-form form.registration .divider-container span {
  color: #5E5E5E;
}
#pageLogin .login-page .login-form form.login .form-container, #pageLogin .login-page .login-form form.registration .form-container {
  gap: 16px;
}
#pageLogin .login-page .login-form form.login .form-container .form-fields-container, #pageLogin .login-page .login-form form.registration .form-container .form-fields-container {
  gap: 8px;
}
#pageLogin .login-page .login-form form.login .form-container .document-field-container, #pageLogin .login-page .login-form form.registration .form-container .document-field-container {
  gap: 20px;
}
@media (max-width: 768px) {
  #pageLogin .login-page .login-form form.login .form-container .document-field-container, #pageLogin .login-page .login-form form.registration .form-container .document-field-container {
    gap: 12px;
  }
  #pageLogin .login-page .login-form form.login .form-container .document-field-container div:last-of-type, #pageLogin .login-page .login-form form.registration .form-container .document-field-container div:last-of-type {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#pageLogin .login-page .login-form form.login .form-container .document-field-container label, #pageLogin .login-page .login-form form.registration .form-container .document-field-container label {
  white-space: nowrap;
}
#pageLogin .login-page .login-form form.login .form-container .forgot-password a, #pageLogin .login-page .login-form form.registration .form-container .forgot-password a {
  color: #5486D9;
}
#pageLogin .login-page .login-form form.login .form-container .password-requirements ul, #pageLogin .login-page .login-form form.registration .form-container .password-requirements ul {
  gap: 4px;
}
#pageLogin .login-page .login-form form.login .form-container .password-requirements li.success, #pageLogin .login-page .login-form form.registration .form-container .password-requirements li.success {
  color: #349A26;
}
#pageLogin .login-page .login-form form.login .form-container .password-requirements li.error, #pageLogin .login-page .login-form form.registration .form-container .password-requirements li.error {
  color: #F63F5D;
}
#pageLogin .login-page .login-form form.login button[type=submit], #pageLogin .login-page .login-form form.registration button[type=submit] {
  font-size: 0.875rem !important;
}
#pageLogin .login-page .login-form form.login .link-termsandconditions, #pageLogin .login-page .login-form form.registration .link-termsandconditions {
  text-decoration: underline;
  color: #6D3B8F;
}
#pageLogin .login-page .nav-tabs-container {
  min-height: 52px;
  border-radius: 0 0 8px 8px;
}
#pageLogin .login-page .nav-tabs-container li {
  gap: 4px;
  pointer-events: none;
}
#pageLogin .login-page .nav-tabs-container p {
  color: #393939;
  line-height: 0.9rem !important;
}
#pageLogin .login-page .nav-tabs-container a {
  color: #5486D9;
  pointer-events: all;
}
#pageLogin .login-page .nav-tabs-container #login-tab {
  text-decoration: none;
  color: #393939;
}
#pageLogin .login-page .nav-tabs-container #login-tab span {
  color: #5486D9;
}
#pageLogin .login-page .nav-tabs-container #login-tab:hover span {
  text-decoration: underline;
}

.custom-modal .modal-body {
  padding: 0px 24px 16px !important;
}

.request-password-body {
  gap: 16px;
}
.request-password-body p {
  margin-bottom: 10px;
}

.request-password-form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 12px;
}
.request-password-form .form-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.btn-reset-ok {
  min-width: 60px;
}