body,
.pf-c-form-control {
  --pf-global--primary-color--100: #581D74;
  /* Button hover effect */
  --pf-global--primary-color--200: #581D74;
}

/* Page styles */
.login-pf {
  background-position: bottom right;
}

/* Logo wrapper styles */
.login-pf-page .login-pf-page-header {
  margin: 0;
}

/* Logo styles */
div.kc-logo-text {
  margin: 0 auto;
  height: 100px;
  transform: translateX(-27px);
}


@media screen and (max-width: 770px) {
  div.kc-logo-text {
    height: 40px;
  }
}

/* Content styles */
.login-pf-page .card-pf {
  padding-top: 0;
}