/* IE compatibility */

/* default - IE compatibility */

/* default - IE compatibility */

/* default - IE compatibility */

/* End of IE compatibility */

/* IE compatibility */

/* IE compatibility */

#kc-header {
  color: #ededed;
  overflow: visible;
  white-space: nowrap;
}

#kc-header-wrapper {
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.2em;
  padding: 62px 10px 20px;
  white-space: normal;
}

#kc-content {
  width: 100%;
}

#kc-content-wrapper {
  margin-top: 20px;
}

#kc-form-wrapper {
  margin-top: 10px;
}

#kc-info {
  margin: 20px -40px -30px;
}

#kc-info-wrapper {
  font-size: 13px;
  padding: 15px 35px;
  background-color: #F0F0F0;
}

#kc-form-options span {
  display: block;
}

#kc-form-options .checkbox {
  margin-top: 0;
  color: #72767b;
}

#kc-registration {
  margin-bottom: 0;
}

/* TOTP */

/* OAuth */

/* Code */

/* Social */

.kc-social-gray {
  color: #737679;
  color: var(--pf-global--Color--200);
}

.kc-social-section {
  text-align: center;
}

/* Show tooltip */

/* Arrow for tooltip */

@media (max-width: 767px) {
  #kc-header {
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    text-align: left;
  }
}

@media (max-width: 767px) {
  #kc-header-wrapper {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 60px 0 0;
    color: #72767b;
    letter-spacing: 0;
  }
}

@media (max-width: 767px) {
  #kc-form {
    float: none;
  }
}

@media (max-width: 767px) {
  #kc-info-wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
  }
}

#kc-form-buttons {
  margin-top: 20px;
}

/* Internet Explorer 11 compatibility workaround for select-authenticator screen */

/* End of IE11 workaround for select-authenticator screen */

.card-pf {
  margin: 0 auto;
  box-shadow: var(--pf-global--BoxShadow--lg);
  padding: 0 20px;
  max-width: 500px;
  border-top: 4px solid;
  border-color: #0066CC;
  border-color: var(--pf-global--primary-color--100);
}

/* phone */

@media (max-width: 767px) {
  .login-pf-page .card-pf {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    border-top: 0;
    box-shadow: 0 0;
  }
}

.login-pf-page .login-pf-signup {
  font-size: 15px;
  color: #72767b;
}

.login-pf-page .btn-primary {
  margin-top: 0;
}

#kc-form-login div.form-group:last-of-type, #kc-register-form div.form-group:last-of-type, #kc-update-profile-form div.form-group:last-of-type {
  margin-bottom: 0px;
}