:root {
  --keycloak-logo-url: none;
  --keycloak-bg-logo-url: url("../img/bgimage.png");
  --keycloak-logo-height: 0;
  --keycloak-logo-width: 0;
  --keycloak-card-top-color: #ff832f;

  --pf-v5-global--danger-color--100: #c9190b;
  --pf-v5-global--success-color--100: #3e8635;
  --pf-v5-global--active-color--100: #ff832f;
  --pf-v5-global--primary-color--100: #ff832f;
  --pf-v5-global--primary-color--200: #e8772a;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #e8772a;
  --pf-v5-global--link--Color: #1b1f23;
  --pf-v5-global--link--Color--hover: #ff832f;
  --pf-v5-global--BackgroundColor--light-100: #ffffff;
  --pf-v5-global--BackgroundColor--dark-300: #f7f9fb;
  --pf-v5-global--BackgroundColor--dark-100: #1b1f23;
  --pf-v5-global--Color--100: #1b1f23;
  --pf-v5-global--Color--light-100: #ffffff;
  --pf-v5-global--Color--dark-100: #151515;
}

.login-pf body {
  background: var(--keycloak-bg-logo-url) no-repeat center center fixed;
  background-size: cover;
  height: 100%;
}

.pf-v5-c-login__container {
  grid-template-columns: 34rem;
  grid-template-areas:
    "header"
    "main";
}

body[data-page-id="login-register"] {
  --pf-v5-c-login__container--MaxWidth: 60rem;
}

body[data-page-id="login-terms"] {
  --pf-v5-c-login__container--MaxWidth: 60rem;
}

body[data-page-id="login-register"] .pf-v5-c-login__container {
  grid-template-columns: 60rem;
}

body[data-page-id="login-terms"] .pf-v5-c-login__container {
  grid-template-columns: 60rem;
}

div.kc-logo-text {
  display: none;
}

#kc-registration-terms-text,
#kc-required-action-terms-text {
  margin-top: 0.5rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  background: var(--pf-v5-global--BackgroundColor--dark-300);
  color: var(--pf-v5-global--Color--100);
  font-size: 0.85rem;
  line-height: 1.45;
  max-height: 18rem;
  overflow: auto;
}

#kc-registration-terms-text h2,
#kc-registration-terms-text h3,
#kc-required-action-terms-text h2,
#kc-required-action-terms-text h3 {
  margin: 0.7rem 0 0.35rem;
  font-size: 0.95rem;
}

#kc-registration-terms-text p,
#kc-required-action-terms-text p {
  margin: 0.35rem 0 0.5rem;
}

#kc-registration-terms-text ul,
#kc-required-action-terms-text ul {
  margin: 0.35rem 0 0.6rem;
  padding-left: 1.2rem;
}

#kc-registration-terms-text li,
#kc-required-action-terms-text li {
  margin: 0.2rem 0;
}

#kc-registration-terms-text table,
#kc-required-action-terms-text table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  table-layout: fixed;
}

#kc-registration-terms-text th,
#kc-registration-terms-text td,
#kc-required-action-terms-text th,
#kc-required-action-terms-text td {
  padding: 0.35rem 0.5rem;
  border: 1px solid #e3e6e8;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
}

#kc-registration-terms-text code,
#kc-required-action-terms-text code {
  font-family: var(--pf-v5-global--FontFamily--monospace);
  font-size: 0.78em;
  padding: 0 0.2rem;
  border: 1px solid #e3e6e8;
  border-radius: 3px;
  background: #ffffff;
}

#kc-registration-terms-text a,
#kc-required-action-terms-text a {
  color: var(--pf-v5-global--link--Color);
}

#kc-registration-terms-text a:hover,
#kc-required-action-terms-text a:hover {
  color: var(--pf-v5-global--link--Color--hover);
}

#kc-soluforge-legal-footer {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
  padding: 0.25rem 0 0.75rem;
  font-size: 0.85rem;
  text-align: center;
}

#kc-soluforge-legal-footer a {
  color: var(--pf-v5-global--link--Color);
}

#kc-soluforge-legal-footer a:hover {
  color: var(--pf-v5-global--link--Color--hover);
}

@media (max-width: 480px) {
  #kc-registration-terms-text,
  #kc-required-action-terms-text {
    max-height: 14rem;
  }
}