@font-face {
    font-family: 'Claredon';
    src: url('fonts/Clarendon.otf') format('opentype');
}

:root {
  --primary-color: #015c45;
}
/* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
   This clashes with the "keycloak-bg.png' background defined on the body below.
   Therefore the Patternfly background must be set to none. */
.login-pf {
  background: none;
}

body {
  transform-origin: top left;
  transform: scale(1);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; /* For Webkit based browsers like Chrome and Safari */
  -moz-osx-font-smoothing: grayscale; /* For Firefox on Mac */
  font-family: 'Ubuntu', 'Inter', Arial, sans-serif;
}

img {
  image-rendering: -webkit-optimize-contrast; /* For Webkit based browsers like Chrome and Safari */
  image-rendering: crisp-edges; /* For Firefox and other browsers */
}

.login-pf body {
  /* background: linear-gradient(0deg, rgba(1, 19, 58, 0.5), rgba(1, 19, 58, 0.5)),
    url("https://dig-wcsc-dev-cms.sapiens.com/uploads/SC_Banner_1_ab2a560bd3.png"); */
  background: url("../img/luba-bg.png");
  background-size: cover;
  height: 100%;
}

.login-pf-page {
  margin: 50px auto 60px auto;
}

.kc-feedback-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
}

.login-pf-header {
  color: transparent;
}

/* Error Alert, Warning Alert*/
.messageBox-error,
.messageBox-warning {
  width: 100%;
  max-width: 378px;
  border-color: transparent;
  margin-bottom: 16px;
}

.alert-error,
.alert-warning {
  background: var(--bg-danger-lower, #ffe0e0);
  border: 1px solid var(--border-danger-low, #ffd1d1);
  width: 100%;
  max-width: 378px;
  padding: 8px;
  border-radius: 3px;
  color: transparent;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.alertBox-error,
.alertBox-warning {
  width: 100%;
  display: flex;
  gap: 8px;
  justify-items: center;
  align-items: center;
}

.alert-error .pf-c-alert__icon,
.alert-warning .pf-c-alert__icon {
  color: var(--fg-danger-default, #D92121);
  width: 24px;
  margin: unset;
}

.titleBox-error,
.titleBox-warning {
  padding: 0px 8px 0px 0px;
  display: flex;
  flex: 1;
  width: 100%;
}

.alert-error .pf-c-alert__title,
.alert-warning .pf-c-alert__title {
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  width: 100%;
  color: var(--fg-common-higher, #0d0d0d);
  display: flex;
  align-items: center;
}

/* Success Alert , Info Alert*/
.messageBox-success,
.messageBox-info {
  width: 100%;
  max-width: 378px;
  border-color: transparent;
  margin-bottom: 16px;
}

.alert-success,
.alert-info {
  background: var(--bg-success-lower, #f5ffe0);
  border: 1px solid var(--border-success-low, #e8ffb8);
  width: 100%;
  max-width: 378px;
  padding: 8px;
  border-radius: 3px;
  color: transparent;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.alertBox-success,
.alertBox-info {
  width: 100%;
  display: flex;
  gap: 8px;
  justify-items: center;
  align-items: center;
}

.alert-success .pf-c-alert__icon,
.alert-info .pf-c-alert__icon {
  color: var(--fg-success-default, rgba(89, 128, 25, 1));
  width: 24px;
  margin: unset;
}

.titleBox-success,
.titleBox-info {
  padding: 0px 8px 0px 0px;
  display: flex;
  flex: 1;
  width: 100%;
}

.alert-success .pf-c-alert__title,
.alert-info .pf-c-alert__title {
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  width: 100%;
  color: var(--fg-common-higher, #0d0d0d);
  display: flex;
  align-items: center;
}

/* SVG Icons */
.fa {
  display: flex;
  font-size: larger;
  width: 20px;
  margin-top: 2px;
  margin-left: 2px;
}



.form-group {
  margin-bottom: 16px;
}

/* Form validation error messages */
.pf-c-form__helper-text.pf-m-error {
  color: #a30000 !important;
}

.login-pf-settings-custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 16px;
  margin-top: 4px;

  /* Font Styles */
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.login-pf-settings-custom a {
  color: var(--primary-color) !important;
  text-decoration: underline;
}

.kc-form-label {
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  color: #2e2e2e;
  width: fit-content;
  height: 16px;
  gap: 0px;
  opacity: 0px;
  margin-bottom: 4px;
  display: block;
}

.pf-c-form-control {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 378px;
  height: 40px;
  gap: 8px;
  border-radius: 6px;
  border: 1px 0px 0px 0px;
  opacity: 0px;
  border: 1px solid var(--border-common-low, rgba(125, 125, 125, 1));
  box-sizing: border-box;
  padding: 9px 12px;
}

.pf-c-button {
  width: 100%;
  max-width: 378px;
  height: 40px;
  border-radius: 6px;
  padding: 9px 12px 8px 12px;
  box-sizing: border-box;
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}

.btn-login-login {
  display: block;
  background-repeat: no-repeat;
  background-position: right 140px center;
  text-decoration: none;
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

.btn-login-login:disabled {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="0.2"><path d="M4.16667 10.8333H13.475L9.40833 14.9C9.08333 15.225 9.08333 15.7583 9.40833 16.0833C9.73333 16.4083 10.2583 16.4083 10.5833 16.0833L16.075 10.5917C16.4 10.2667 16.4 9.74166 16.075 9.41666L10.5917 3.91666C10.2667 3.59166 9.74167 3.59166 9.41667 3.91666C9.09167 4.24166 9.09167 4.76666 9.41667 5.09166L13.475 9.16666H4.16667C3.70833 9.16666 3.33333 9.54166 3.33333 10C3.33333 10.4583 3.70833 10.8333 4.16667 10.8333Z" fill="white"/></svg>');
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 0.6;
}

.btn-register-login {
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.66667 10.8333H13.975L9.90833 14.9C9.58333 15.225 9.58333 15.7583 9.90833 16.0833C10.2333 16.4083 10.7583 16.4083 11.0833 16.0833L16.575 10.5917C16.9 10.2667 16.9 9.74166 16.575 9.41666L11.0917 3.91666C10.7667 3.59166 10.2417 3.59166 9.91667 3.91666C9.59167 4.24166 9.59167 4.76666 9.91667 5.09166L13.975 9.16666H4.66667C4.20833 9.16666 3.83333 9.54166 3.83333 10C3.83333 10.4583 4.20833 10.8333 4.66667 10.8333Z" fill="rgb(7 54 98)"/></svg>');
  background-repeat: no-repeat;
  background-position: right 140px center;
  text-decoration: none;
  background-color: white !important;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  width: 100% !important;
  max-width: 100% !important;
}

.btn-register-login:disabled {
  background-image: url('data:image/svg+xml;utf8,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="0.2"><path d="M4.66667 10.8333H13.975L9.90833 14.9C9.58333 15.225 9.58333 15.7583 9.90833 16.0833C10.2333 16.4083 10.7583 16.4083 11.0833 16.0833L16.575 10.5917C16.9 10.2667 16.9 9.74166 16.575 9.41666L11.0917 3.91666C10.7667 3.59166 10.2417 3.59166 9.91667 3.91666C9.59167 4.24166 9.59167 4.76666 9.91667 5.09166L13.975 9.16666H4.66667C4.20833 9.16666 3.83333 9.54166 3.83333 10C3.83333 10.4583 4.20833 10.8333 4.66667 10.8333Z" fill="rgb(7 54 98)"/></svg>');
  color: rgba(7, 54, 98, 0.5) !important;
  border-color: rgba(7, 54, 98, 0.5) !important;
  opacity: 0.6;
}

.btn-back-to-login {
  display: block;
  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14.5825 6.5925H3.4125L8.2925 1.7125C8.6825 1.3225 8.6825 0.6825 8.2925 0.2925C7.9025 -0.0975 7.2725 -0.0975 6.8825 0.2925L0.2925 6.8825C-0.0975 7.2725 -0.0975 7.9025 0.2925 8.2925L6.8825 14.8825C7.2725 15.2725 7.9025 15.2725 8.2925 14.8825C8.6825 14.4925 8.6825 13.8625 8.2925 13.4725L3.4125 8.5925H14.5825C15.1325 8.5925 15.5825 8.1425 15.5825 7.5925C15.5825 7.0425 15.1325 6.5925 14.5825 6.5925Z' fill='%23015C45'/></svg>");
  background-repeat: no-repeat;
  background-position: left 120px center;
  background-color: white !important;
  border: 1px solid var(--primary-color) !important;
  text-decoration: none;
  color: var(--primary-color) !important;
  border-radius: 6px;
  font-family: "Ubuntu", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: 500;
}

.btn-back-to-login a {
  color: var(--primary-color) !important;
  text-decoration: none;
}

.btn-reset-pwd-login {
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.16667 10.8333H13.475L9.40833 14.9C9.08333 15.225 9.08333 15.7583 9.40833 16.0833C9.73333 16.4083 10.2583 16.4083 10.5833 16.0833L16.075 10.5917C16.4 10.2667 16.4 9.74166 16.075 9.41666L10.5917 3.91666C10.2667 3.59166 9.74167 3.59166 9.41667 3.91666C9.09167 4.24166 9.09167 4.76666 9.41667 5.09166L13.475 9.16666H4.16667C3.70833 9.16666 3.33333 9.54166 3.33333 10C3.33333 10.4583 3.70833 10.8333 4.16667 10.8333Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: right 110px center;
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

.btn-reset-pwd-login:disabled {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="0.2"><path d="M4.16667 10.8333H13.475L9.40833 14.9C9.08333 15.225 9.08333 15.7583 9.40833 16.0833C9.73333 16.4083 10.2583 16.4083 10.5833 16.0833L16.075 10.5917C16.4 10.2667 16.4 9.74166 16.075 9.41666L10.5917 3.91666C10.2667 3.59166 9.74167 3.59166 9.41667 3.91666C9.09167 4.24166 9.09167 4.76666 9.41667 5.09166L13.475 9.16666H4.16667C3.70833 9.16666 3.33333 9.54166 3.33333 10C3.33333 10.4583 3.70833 10.8333 4.16667 10.8333Z" fill="white"/></svg>');
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 0.6;
}

/* Divider container styles */
.divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 16px 0 16px 0;
}

/* Divider line styles */
.divider::before,
.divider::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #dedfe1; /* Divider line color */
}

/* Text styles */
.divider-text {
  padding: 0 10px; /* Adjust spacing around text */
  color: #717782; /* Text color */
}

.info-text {
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #7d7d7d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  word-spacing: 1px;
}

textarea.pf-c-form-control {
  height: auto;
}

p.instruction {
  margin: 5px 0;
}

.pf-c-button.pf-m-control {
  border: solid var(--pf-global--BorderWidth--sm);
  border-color: rgba(230, 230, 230, 0.5);
}

h1#kc-page-title {
  font-family: Inter, Arial, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #041d34;
  margin: unset;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#kc-locale ul {
  background-color: var(--pf-global--BackgroundColor--100);
  display: none;
  top: 20px;
  min-width: 100px;
  padding: 0;
}

#kc-locale-dropdown {
  display: inline-block;
}

#kc-locale-dropdown:hover ul {
  display: block;
}

#kc-locale-dropdown a {
  color: var(--pf-global--Color--200);
  text-align: right;
  font-size: var(--pf-global--FontSize--sm);
}

a#kc-current-locale-link::after {
  content: "\2c5";
  margin-left: var(--pf-global--spacer--xs);
}

.login-pf .container {
  padding-top: 40px;
}

.login-pf a:hover {
  color: #0099d3;
}

#kc-logo {
  width: 100%;
}

div.kc-logo-text {
  background-image: url(../img/keycloak-logo-text.png);
  background-repeat: no-repeat;
  height: 63px;
  width: 300px;
  margin: 0 auto;
}

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

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

#kc-header-wrapper {
  background-image: url("../img/Logo.png");
  background-repeat: no-repeat;
  background-position: center;
  /* background-size: contain; */
  height: 72px;
  width: 420px;
  /* max-width: 100%; */
  margin: 0 auto;
  margin-bottom: 40px;
}

#kc-content {
  width: 100%;
}

#kc-attempted-username {
  font-size: 20px;
  font-family: inherit;
  font-weight: normal;
  padding-right: 10px;
  color: #041d34;
}

#kc-username {
  text-align: center;
  margin-bottom: -10px;
}

#kc-webauthn-settings-form {
  padding-top: 8px;
}

#kc-form-webauthn .select-auth-box-parent {
  pointer-events: none;
}

#kc-form-webauthn .select-auth-box-desc {
  color: var(--pf-global--palette--black-600);
}

#kc-form-webauthn .select-auth-box-headline {
  color: var(--pf-global--Color--300);
}

#kc-form-webauthn .select-auth-box-icon {
  flex: 0 0 3em;
}

#kc-form-webauthn .select-auth-box-icon-properties {
  margin-top: 10px;
  font-size: 1.8em;
}

#kc-form-webauthn .select-auth-box-icon-properties.unknown-transport-class {
  margin-top: 3px;
}

#kc-form-webauthn .pf-l-stack__item {
  margin: -1px 0;
}

#kc-content-wrapper {
  margin-top: 20px;
  width: 100%;
  max-width: 378px;
}

#kc-form-wrapper {
  margin-top: 32px;
  width: 100%;
}

#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-terms-text {
  margin-bottom: 20px;
}

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

/* TOTP */

.subtitle {
  text-align: right;
  margin-top: 30px;
  color: #909090;
}

.required {
  color: var(--pf-global--danger-color--200);
}

ol#kc-totp-settings {
  margin: 0;
  padding-left: 20px;
}

ul#kc-totp-supported-apps {
  margin-bottom: 10px;
}

#kc-totp-secret-qr-code {
  max-width: 150px;
  max-height: 150px;
}

#kc-totp-secret-key {
  background-color: #fff;
  color: #333333;
  font-size: 16px;
  padding: 10px 0;
}

/* OAuth */

#kc-oauth h3 {
  margin-top: 0;
}

#kc-oauth ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#kc-oauth ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 12px;
  padding: 10px 0;
}

#kc-oauth ul li:first-of-type {
  border-top: 0;
}

#kc-oauth .kc-role {
  display: inline-block;
  width: 50%;
}

/* Code */
#kc-code textarea {
  width: 100%;
  height: 8em;
}

/* Social */
.kc-social-links {
  margin-top: 20px;
}

.kc-social-provider-logo {
  font-size: 23px;
  width: 30px;
  height: 25px;
  float: left;
}

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

.kc-social-item {
  margin-bottom: var(--pf-global--spacer--sm);
  font-size: 15px;
  text-align: center;
}

.kc-social-provider-name {
  position: relative;
  top: 3px;
}

.kc-social-icon-text {
  left: -15px;
}

.kc-social-grid {
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  grid-column-end: span 6;
  --pf-l-grid__item--GridColumnEnd: span 6;
}

.kc-social-grid .kc-social-icon-text {
  left: -10px;
}

.kc-login-tooltip {
  position: relative;
  display: inline-block;
}

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

.kc-social-section hr {
  margin-bottom: 10px;
}

.kc-login-tooltip .kc-tooltip-text {
  top: -3px;
  left: 160%;
  background-color: black;
  visibility: hidden;
  color: #fff;

  min-width: 130px;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  padding: 5px;

  position: absolute;
  opacity: 0;
  transition: opacity 0.5s;
}

/* Show tooltip */
.kc-login-tooltip:hover .kc-tooltip-text {
  visibility: visible;
  opacity: 0.7;
}

/* Arrow for tooltip */
.kc-login-tooltip .kc-tooltip-text::after {
  content: " ";
  position: absolute;
  top: 15px;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

@media (min-width: 768px) {
  #kc-container-wrapper {
    position: absolute;
    width: 100%;
  }

  .login-pf .container {
    padding-right: 80px;
  }

  #kc-locale {
    position: relative;
    text-align: right;
    z-index: 9999;
  }
}

@media (max-width: 767px) {
  /* .login-pf body {
        background: white;
    } */

  #kc-header {
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    text-align: left;
  }

  #kc-header-wrapper {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 60px 0 0;
    color: #72767b;
    letter-spacing: 0;
  }

  div.kc-logo-text {
    margin: 0;
    width: 150px;
    height: 32px;
    background-size: 100%;
  }

  #kc-form {
    float: none;
  }

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

  .login-pf .container {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #kc-locale {
    position: absolute;
    width: 200px;
    top: 20px;
    right: 20px;
    text-align: right;
    z-index: 9999;
  }
}

@media (min-height: 646px) {
  #kc-container-wrapper {
    bottom: 12%;
  }
}

@media (max-height: 645px) {
  #kc-container-wrapper {
    padding-top: 50px;
    top: 20%;
  }
}

.card-pf form.form-actions .btn {
  float: right;
  margin-left: 10px;
}

.login-pf-page .login-pf-brand {
  margin-top: 80px;
  max-width: 360px;
  width: 40%;
}

.select-auth-box-arrow {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}

.select-auth-box-icon {
  display: flex;
  flex: 0 0 2em;
  justify-content: center;
  margin-right: 1rem;
  margin-left: 3rem;
}

.select-auth-box-parent {
  border-top: 1px solid var(--pf-global--palette--black-200);
  padding-top: 1rem;
  padding-bottom: 1rem;
  cursor: pointer;
}

.select-auth-box-parent:hover {
  background-color: #f7f8f8;
}

.select-auth-container {
  padding-bottom: 0px !important;
}

.select-auth-box-headline {
  font-size: var(--pf-global--FontSize--md);
  color: var(--pf-global--primary-color--100);
  font-weight: bold;
}

.select-auth-box-desc {
  font-size: var(--pf-global--FontSize--sm);
}

.select-auth-box-paragraph {
  text-align: center;
  font-size: var(--pf-global--FontSize--md);
  margin-bottom: 5px;
}

.card-pf {
  margin: 0 auto;
  width: 426px;
  max-width: 100%;
  height: fit-content;
  padding: 32px 24px !important;
  border-radius: 6px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

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

  .kc-social-grid {
    grid-column-end: 12;
    --pf-l-grid__item--GridColumnEnd: span 12;
  }

  .kc-social-grid .kc-social-icon-text {
    left: -15px;
  }
}

.login-pf-page .login-pf-signup {
  font-size: 15px;
  color: #72767b;
}
#kc-content-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}

.login-pf-page.login-pf-page-accounts {
  margin-left: auto;
  margin-right: auto;
}

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

.login-pf-page .list-view-pf .list-group-item {
  border-bottom: 1px solid #ededed;
}

.login-pf-page .list-view-pf-description {
  width: 100%;
}

#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,
#kc-update-email-form div.form-group:last-of-type {
  margin-bottom: 0px;
}

.no-bottom-margin {
  margin-bottom: 0;
}

#kc-back {
  margin-top: 5px;
}

/* Recovery codes */
.kc-recovery-codes-warning {
  margin-bottom: 32px;
}
.kc-recovery-codes-warning .pf-c-alert__description p {
  font-size: 0.875rem;
}
.kc-recovery-codes-list {
  list-style: none;
  columns: 2;
  margin: 16px 0;
  padding: 16px 16px 8px 16px;
  border: 1px solid #d2d2d2;
}
.kc-recovery-codes-list li {
  margin-bottom: 8px;
  font-size: 11px;
}
.kc-recovery-codes-list li span {
  color: #6a6e73;
  width: 16px;
  text-align: right;
  display: inline-block;
  margin-right: 1px;
}

.kc-recovery-codes-actions {
  margin-bottom: 24px;
}
.kc-recovery-codes-actions button {
  padding-left: 0;
}
.kc-recovery-codes-actions button i {
  margin-right: 8px;
}

.kc-recovery-codes-confirmation {
  align-items: baseline;
  margin-bottom: 16px;
}
/* End Recovery codes */

/* Form width fix for Keycloak 26.2.5 */
#kc-form-login,
#kc-register-form,
#kc-update-profile-form,
#kc-update-email-form {
  width: 100%;
  max-width: 378px;
}

#kc-form-buttons {
  width: 100%;
  max-width: 378px;
}

#register-btn {
  width: 100%;
  max-width: 378px;
}

/* after reset screen */
.kc-reset-email-container {
  text-align: center;
}

.kc-reset-email-text {
  color: var(--pf-global--Color--300);
  margin-bottom: 24px;
}

.kc-back-to-login {
  color: #015c45 !important;
  border-color: #015c45 !important;
}

.kc-back-to-login:hover {
  background-color: rgba(1, 92, 69, 0.08);
}

.kc-arrow {
  margin-right: 8px;
  font-size: 18px;
  color: #015c45;
}

/* Hide default PatternFly success alert icon/background */
.pf-c-alert.pf-m-success,
.pf-c-alert__icon {
  display: none !important;
}

.kc-check-email {
  text-align: center;
  padding: 24px;
}

.kc-check-email h2 {
  font-size: x-large;
  margin-bottom: 8px;
}

.kc-subtext {
  color: #6b7280;
  margin-bottom: 12px;
}

.kc-resend {
  margin-top: 8px;
  margin-bottom: 20px;
}

.kc-resend a {
  color: #015c45;
  font-weight: 500;
}

.kc-divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 16px 0;
}

.kc-divider::before,
.kc-divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e5e7eb;
}

.kc-divider span {
  padding: 0 10px;
  color: #6b7280;
  font-size: 14px;
}

.kc-back-login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  border: 1px solid #015c45;
  color: #015c45;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
}

.kc-back-login-btn:hover {
  background-color: rgba(1, 92, 69, 0.08);
}

* {
    font-family: 'Claredon', Arial, sans-serif !important;
}