div.kc-logo-text {
  background-image: url(../img/koch_logo_transparent.webp);
  background-size: contain;
  height: 52px;
}

div.kc-logo-text.logo-link {
  height: inherit;
  width: inherit;
  display: block;
}

.login-main body {
  background: var(--mdc-theme-primary) url(../img/koch-bg.png) no-repeat 100% 0 !important;
  background-size: auto 100% !important;
}

.login-pf-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 0px;
}

.login-pf-page .login-pf-header h1 {
  line-height: 40px;
}

.login-pf-header {
  color: #ffffff;
  font-weight: bold;
  flex-direction: unset !important;
}

.pf-c-form-control {
  background-color: #e4e7f2;
}

.card-pf {
  background: unset;
  box-shadow: unset;
  border: 0;
  max-width: 60%;
  width: 100%;
  margin-left: 30px;
}

#kc-info-wrapper {
  background-color: unset;
}

#kc-info {
  margin-top: 0px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.button-full-width {
  width: 100%;
}

.hint-text {
  font-size: 15px;
  margin-top: 25px;
}

a {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.footer-menu-link {
  color: #777777;
  width: 100%;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.title-instruction-wrapper {
  padding-left: 20px;
}

@media only screen and (max-width: 1080px) {
  .footer {
    display: flex;
    flex-direction: column;
  }

  .back-button {
    margin-top: 0px;
  }

  div.kc-logo-text {
    margin-top: 0px;
  }

  .card-pf {
    max-width: 80%;
  }

  .login-main body {
    background: var(--mdc-theme-primary) !important;
    overflow-x: hidden;
  }

  html {
    overflow: hidden;
  }
}

@media only screen and (max-width: 766px) {
  div.kc-logo-text {
    margin-left: 0px;
  }
}

/* Prevent autofill from changing background color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #e4e7f2 inset !important;
}