.login-pf-page {
  margin: auto;
  max-width: var(--page-width);
  width: 100%;
}

.login-pf-page .pf-c-form__label {
  display: var(--page-label-display);
  font-weight: bold;
  padding-bottom: 5px;
}

.login-pf-page #kc-page-title {
  font-size: 2rem;
  letter-spacing: 0.167rem;
  text-align: center;
  text-transform: var(--title-text-transform);
  margin-bottom: 3.7rem;
}

#kc-header {
  display: var(--layout-header-display);
  margin-bottom: var(--header-margin);
  text-align: center;
}

.kc-logo-text {
  display: var(--layout-logo-display);
  background: var(--layout-logo-background);
  background-size: contain;
  height: var(--layout-logo-height);
  margin: 0 auto;
  overflow: var(--layout-logo-overflow);
  padding-top: var(--layout-logo-height);
  width: var(--layout-logo-width);
}

form {
  display: flex;
  flex-direction: column;
}

.form-group {
  order: 1;
}

#kc-form-options {
  order: 2;
  margin-bottom: 2rem;
}

#kc-form-buttons {
  order: 3;
  display: flex;
  flex-direction: column;
}

.kc-form-recovery {
  order: 4;
  margin-top: 1.9rem;
}

.login-pf-settings {
  display: contents;
}

.pf-c-form-control {
  background: var(--comp-formControl-alt-background);
}

.checkbox input {
  background: var(--comp-checkbox-alt-background);
}

input[type=submit]:disabled {
  background: var(--comp-button-disabled-background);
}

.kc-form-recovery {
  font-size: 1.3rem;
  font-weight: 600;
}

.kc-form-recovery a {
  color: var(--comp-button-link-color);
  text-decoration: none;
}

.login-pf-signup {
  font-size: 1.3rem;
  color: var(--comp-formHelperText-color);
  text-align: center;
  margin-top: 3.5rem;
}

#kc-form-login .kc-form-recovery {
  text-align: var(--type-login-recoveryLink-align);
}

#kc-form-login .kc-form-recovery a {
  color: var(--type-login-recoveryLink-color);
  text-decoration: var(--type-login-recoveryLink-decoration);
}

#kc-reset-password-form .kc-form-recovery a {
  align-content: center;
  display: inline-flex;
  font-size: 1.8rem;
}

#kc-reset-password-form .kc-form-recovery a:before {
  background: center var(--comp-back-image) no-repeat;
  background-size: contain;
  content: "";
  display: inline-flex;
  height: 2.4rem;
  margin-right: 7px;
  width: 2.4rem;
}

@media screen and (max-width: 600px) {
  .card-pf {
    background: none;
    box-shadow: none;
  }

  .pf-c-form-control {
    background: var(--comp-formControl-background);
  }

  .checkbox input {
    background: var(--comp-checkbox-background);
  }

  #kc-form-login .kc-form-recovery a {
    color: var(--type-login-recoveryLink-mobile-color);
  }
}
.kc-social-links {
  padding: 0;
}

.kc-social-item {
  display: block;
  text-align: center;
  text-decoration: none;
}

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