div.kc-logo-text {
  background-image: url(../img/layout_set_logo.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  background-image: unset;
}

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

.login-pf-page .login-pf-header h1 {
  font-weight: var(--font-weight-bold);
  font-size: var(--h1-font-size);
}

.login-pf-page .login-pf-header h2{
  font-weight: var(--font-weight-bold);
  font-size: var(--h2-font-size);
}

.login-pf-page {
  height: 100%;
  padding: 0;
  display: flex;
  width: 100%;
}

.card-pf {
  max-width: none;
  border-color: var(--btn-primary-background-color);
}

.login-pf body {
  background: unset;
}

.pf-c-dropdown {
  display: none;
}

#kc-page-title {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: flex-start;
}

.btn {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  border-radius: var(--btn-border-radius, 4px);
  box-shadow: var(--btn-box-shadow, none);
  color: var(--brand-neutral-color-8, #323232);
  cursor: pointer;
  display: inline-block;
  font-size: var(--btn-font-size, 1rem);
  font-weight: var(--btn-font-weight, 600);
  letter-spacing: inherit;
  line-height: var(--btn-line-height, 1.5);
  padding-bottom: var(--btn-padding-y, 0.4375rem);
  padding-left: var(--btn-padding-x, 0.9375rem);
  padding-right: var(--btn-padding-x, 0.9375rem);
  padding-top: var(--btn-padding-y, 0.4375rem);
  text-align: center;
  text-transform: none;
  transition: var(--btn-transition, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out);
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.login, .register, .recoverPassword {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 16px;
  align-self: stretch;
}

.register, .terms-group {
  margin-top: 8px;
}

.login-btn, .register-btn, .recoverPassword-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.terms-group {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.terms-title, .terms-text {
  color: var(--Black-1, #323232);
  /* CP - App/Body/Body S */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

.terms-text {
  padding-left: 15px;
  list-style: disc;
}

ul.terms-text li {
    padding: 8px 0px;
}

a {
  color: var(--Primary-Green-3, #2B7837);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.terms-text>li>a {
  color: var(--Primary-Green-3, #2B7837);
  /* CP - App/CTA/CTA 2 */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.text-group {
  display: flex;
  padding-top: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}

.checkbox-container {
  height: 48px;
  width: 48px;
  padding: 8px;
}

.checkbox-container input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked + .custom-checkbox {
  background-color: #CFDD66;
  border-color: #CFDD66;
}

.custom-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #666;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkmark-icon {
    display: none;
}

.checkbox-container input[type="checkbox"]:checked + .custom-checkbox .checkmark-icon {
    display: block;
}

.checkbox-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 10px;
}

input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.custom-checkbox {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 2px solid var(--Neutras-Gray-2, #555758);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.btn-login, .btn-register, .btn-recover-password {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  height: 48px;
  display: inline-flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border:none;
  border-radius: 8px;
  background: var(--Green-4, #1B652D);
  color: var(--White-1, #FFF);
  cursor: pointer;
}

.btn-login:disabled, .btn-login:disabled:hover, .btn-register:disabled, .btn-register:disabled:hover, .btn-recover-password:disabled, .btn-recover-password:disabled:hover {
  border:none;
  border-radius: 8px;
  background: var(--Grey-1, #F2F2F2);
  color: var(--Grey-3, #555758);
  cursor: not-allowed;
}

.btn-login:hover, .btn-register:hover, .btn-recover-password:hover {
  border-radius: 8px;
  background: var(--green-11, #CFDD66);
  color: var(--Green-4, #1B652D);
}

/*.btn-login:focus, .btn-register:focus, .btn-recover-password:focus*/
.btn-login:focus-visible, .btn-register:focus-visible, .btn-recover-password:focus-visible {
  /*
  outline: none;
  border-radius: 8px;
  border: 3px solid var(--CTA-converso, #CB4E0B);
  background: var(--Green-4, #1B652D);
  color: var(--White-1, #FFF);*/
  outline: var(--CTA-converso, #CB4E0B) solid 3px;
  outline-offset: 1px;
}

.arrow-back {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 12px;
}

.arrow-back svg {
  display: -webkit-flex; /* Safari */  
  display: flex;
  -webkit-align-items: center; /* Safari 7.0+ */
  align-items: center;
}

/*.arrow-back:focus, , .passwordVisibilityButton:focus*/
.arrow-back:focus-visible, .passwordVisibilityButton:focus-visible   {  
  /*outline: none;
  border: 3px solid var(--CTA-converso, #CB4E0B);
  padding: 9px;*/
  outline: var(--CTA-converso, #CB4E0B) solid 3px;
  outline-offset: 1px;
}

.kc-form-login>label {
  align-self: stretch;
  color: var(--Grey-3, #555758);
  /* Desktop/Body 2 - S - SB */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
}

.pf-c-form-control {
  display: flex;
  height: 48px;
  padding: 14px 16px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--Grey-2, #D8D8D8);
  background: var(--Grey-4, #F5F8F5);
}

.register-button, .login-button {
  display: flex;
  height: 48px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 2px solid var(--Green-3, #2B7837);
  background: transparent;
  color: var(--Green-3, #2B7837);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  text-transform: none;
  text-decoration: none;
}

.register-button:hover, .login-button:hover {
  border-radius: 8px;
  border: 2px solid var(--Green-2, #8EB624);
  color: var(--Green-2, #8EB624);
}

.link-label:hover {
  color: var(--Green-2, #8EB624);
}

.register-button:focus, .register-button:focus-visible, .login-button:focus, .login-button:focus-visible, .link-label:focus, .link-label:focus-visible {
  outline: none;
  border-radius: 8px;
  border: 3px solid var(--CTA-converso, #CB4E0B);
  color: var(--Green-2, #8EB624);
}

#kc-registration {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  color: var(--Black-1, #323232);
  text-align: center;
  /* Desktop/Body 1 - M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.login-web {
  height: 100%;
  margin: 0;
  display: flex;
  width: 100%;
}

.errorMessage {
  color: #A12222;
  /* Desktop/Body 2 - S */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.error-label {
  border: 2px solid var(--Semanticas-error, #A12222) !important;
}

.logo {
  width: 357px;
  height: 48px;
}

.logo-cp-horizontal {
  display: flex;
  width: 357px;
  height: 48px;
  justify-content: center;
  align-items: center;
  gap: 12.196px;
  flex-shrink: 0;
}

.cp-icon {
  width: 93.13px;
  height: 48px;
  flex-shrink: 0;
  fill: var(--White-1, #FFF);
}

.cp-text {
  width: 251.674px;
  height: 16.744px;
  flex-shrink: 0;
  fill: var(--White-1, #FFF);
}

.header-titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.logo-container {
  width: 50%;
  background-image: url(../img/login_left_background.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--btn-primary-background-color);
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-form {
  display: flex;
  padding: 64px 96px;
  flex-direction: column;
  gap: 32px;
  flex: 1 0 0;
  align-self: stretch;
  background: url(../img/background_linhas.png)  no-repeat right bottom / cover #fff;
}

.header-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.header-titles > h1 , #kc-page-title > h1 {
  color: var(--Black-1, #323232);
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; 
}

.header-titles > h2 {
  color: var(--Green-3, #2B7837);
  /* Desktop/H2 - 2XL */
  font-family: Inter;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 45px */
}

.btnVoltar {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 16px;
}

#kc-info-wrapper {
  font-size: 13px;
  margin-top: 32px;
  background-color: transparent;
}

.social-providers {
  display: flex;
  align-items: center;
  gap: 32px;
}

#kc-locale, .rememberMe {
  display: none;
}

.forgottenPassword > a, a.link-label {
  color: var(--Green-3, #2B7837);
  /* Desktop/Body 2 - S - SB */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

#kc-content {
  font-size: 16px;
  font-weight: 400;
}

#kc-content-wrapper, .dividers-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-self: stretch;
}

#kc-register-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.divider-line {
  background: #D8D8D8;
  flex: 1;
}

.divider-line svg {
width: 100%;
height: 100%;
display: block;
}

.dividers-socials {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.passwordInput {
  display: flex;
  height: 48px;
  border: 1px solid var(--Grey-2, #D8D8D8);
  border-left: 0px;
  border-right: 0px;
  width: 100%;
}

input[type="password"]::-ms-reveal {
  display: none;
}

input[type="password"]::-ms-clear {
  display: none;
}

.inputGroupClass {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  width: 100%;
}

.passwordGroup {
  display: flex;
  height: 48px;
  padding: 14px 16px;
  gap:16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--Grey-2, #D8D8D8);
  background: var(--Grey-4, #F5F8F5);
}
.passwordInputGroup {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}

.input-class {
  color: var(--Grey-3, #555758);
  /* Desktop/Body 1 - M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */  
  background: var(--Grey-4, #F5F8F5);
  border:none;
  width: 100%;
}

.inputFieldClass:focus, .inputFieldClass:focus-visible, .passwordGroup:focus, .passwordGroup:focus-within, .passwordGroup:focus-visible {
  outline: none;
  border-radius: 8px;
  border: 2px solid var(--Green-3, #2B7837);
  outline-color: var(--Green-3, #2B7837);
  background: var(--Grey-4, #F5F8F5);
}

.passwordGroup>.input-class:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
  background: transparent;
}



.passwordVisibilityButton {
  background: var(--Grey-4, #F5F8F5);
  border:none;
  padding-top: 10px;
}

.inputFieldClass {
  display: flex;
  height: 48px;
  padding: 14px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: var(--Grey-4, #F5F8F5);
  border: 1px solid var(--Grey-2, #D8D8D8);
  border-radius: 8px;
}

.label-sizeM-black {
  color: var(--Black-1, #323232);
  text-align: center;
  /* Desktop/Body 1 - M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.label-sizeM-grey {
  color: var(--Grey-3, #555758);
  /* Desktop/Body 1 - M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.label-sizeS-grey {
  color: var(--Grey-3, #555758);
  /* Desktop/Body 2 - S - SB */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
}

.logo-container{ width: 100% }

.login-web {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.socials-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.logo-wrapper {
  position: relative;
  width: 48px;
  height: 48px;
}

.social-logo {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  position: absolute;
  z-index: 1;
}

.social-logo:hover g circle {
  fill: var(--Grey-2, #D8D8D8);
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.08));
}

a:focus g circle {
  fill: var(--White-1, #FFF);
  stroke-width: 3px;
  stroke: var(--CTA-converso, #CB4E0B);
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.08));
}

.name-field-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.email-form-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.email-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.name-field {
  width: 50%;
}

.inputWrapper, .passwordGroup {
  width: 100%;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.skip-link {
  position: absolute;
  top: -40px; /* Move it out of view */
  left: 6px;
  color: #fff;
  padding: 8px 16px;  
  text-decoration: none;
  transition: top 0.3s;
  display: block;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  z-index: 10000;
  border-radius: 4px;
  background-color: #2b7837;  
}

.skip-link:focus, .skip-link:focus-visible {
  top: 6px; /* Bring it into view when focused */  
  outline: var(--CTA-converso, #CB4E0B) solid 3px;
  outline-offset: 1px;
}

.center-li {
  margin: 22px 0;
}

.header-wrapper .logo-cp-horizontal {
  display: none;
  justify-content: left;
}

@media (max-width: 1280px) {
  .login-form {
    padding: 64px 32px;
  }
}

@media (max-width: 768px) {

  .header-wrapper .logo-cp-horizontal {
    display: flex;    
  }

  .login-form {
    display: flex;
    /*width: 375px;*/
    width: 100%;
    padding: 32px 24px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    background: var(--White-1);
  }

  .header-titles > h1 , #kc-page-title > h1 {
    color: var(--Black-1, #323232);
    /* Mobile/H1 - 3XL */
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
  }

  .header-titles > h2 {
    color: var(--Green-3, #2B7837);
    /* Mobile/H2 - 2XL */
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 42px */
  }

  .login-web{
    display: block;
  }
  .logo-container{
    display: none;
  }

  .login-btn, .btn-login, .register-button, .btn-register, .login-button, .register-btn, .btn-recover-password, .recoverPassword-btn {
    width: 100%;
  }
  .dividers-section {
    gap:32px;
    margin-top: 8px;
  }
  #kc-info-wrapper {
    margin-top: 12px;
  }
  .name-field-wrapper {
    flex-direction: column;
    gap: 16px;
  }
  #kc-register-form {
    gap: 16px;
  }
  .terms-group, .register {
    margin-top: 16px;
  }
  #kc-registration-container {
    margin-top: 8px;
  }
}

@media (min-width: 768px) {
  .login-pf-page .card-pf {
      padding: 20px 30px 30px 30px;
  }
}

/* Custom Style for CP-Theme */

.alert-warning, .alert-error, .alert-success {
  border-width: 1px 1px 1px 4px;
  border-style: solid;
  border-radius: 4px;
}


.alert-error {
  border-color: var(--brand-alert-color-error, #A12222);
}

.alert-error .pf-c-alert__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='warning_amber'%3E%3Cpath id='Vector' d='M9.50009 4.99251L15.1476 14.75H3.85259L9.50009 4.99251ZM2.55509 14C1.97759 14.9975 2.69759 16.25 3.85259 16.25H15.1476C16.3026 16.25 17.0226 14.9975 16.4451 14L10.7976 4.24251C10.2201 3.24501 8.78009 3.24501 8.20259 4.24251L2.55509 14ZM8.75009 8.75001V10.25C8.75009 10.6625 9.08759 11 9.50009 11C9.91259 11 10.2501 10.6625 10.2501 10.25V8.75001C10.2501 8.33751 9.91259 8.00001 9.50009 8.00001C9.08759 8.00001 8.75009 8.33751 8.75009 8.75001ZM8.75009 12.5H10.2501V14H8.75009V12.5Z' fill='%23A12222'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0px center;
  width: 32px;
}

.alert-success {
  border-color: var(--brand-alert-color-success, #2B7837);
}

.alert-success .pf-c-alert__icon {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0008 14C11.8031 14 11.6097 14.0586 11.4453 14.1685C11.2808 14.2784 11.1527 14.4346 11.077 14.6173C11.0013 14.8 10.9815 15.0011 11.0201 15.1951C11.0586 15.3891 11.1539 15.5673 11.2937 15.7071C11.4336 15.847 11.6118 15.9422 11.8058 15.9808C11.9997 16.0194 12.2008 15.9996 12.3835 15.9239C12.5663 15.8482 12.7224 15.72 12.8323 15.5556C12.9422 15.3911 13.0008 15.1978 13.0008 15C13.0008 14.7348 12.8955 14.4804 12.7079 14.2929C12.5204 14.1054 12.2661 14 12.0008 14ZM12.0008 2C10.6876 2 9.38726 2.25866 8.17401 2.7612C6.96075 3.26375 5.85836 4.00035 4.92977 4.92893C3.05441 6.8043 2.00084 9.34784 2.00084 12C1.9921 14.3091 2.79164 16.5485 4.26084 18.33L2.26084 20.33C2.12208 20.4706 2.02809 20.6492 1.99071 20.8432C1.95334 21.0372 1.97426 21.2379 2.05084 21.42C2.1339 21.5999 2.26855 21.7511 2.43769 21.8544C2.60683 21.9577 2.80284 22.0083 3.00084 22H12.0008C14.653 22 17.1965 20.9464 19.0719 19.0711C20.9473 17.1957 22.0008 14.6522 22.0008 12C22.0008 9.34784 20.9473 6.8043 19.0719 4.92893C17.1965 3.05357 14.653 2 12.0008 2ZM12.0008 20H5.41084L6.34084 19.07C6.43533 18.9774 6.5105 18.8669 6.562 18.7451C6.61349 18.6232 6.64029 18.4923 6.64084 18.36C6.63709 18.0962 6.52926 17.8446 6.34084 17.66C5.03143 16.352 4.21602 14.6305 4.03353 12.7888C3.85105 10.947 4.31279 9.09901 5.34007 7.55952C6.36735 6.02004 7.89663 4.88436 9.66736 4.34597C11.4381 3.80759 13.3407 3.8998 15.0511 4.60691C16.7614 5.31402 18.1737 6.59227 19.0473 8.22389C19.9209 9.85551 20.2017 11.7395 19.842 13.555C19.4822 15.3705 18.5042 17.005 17.0744 18.1802C15.6446 19.3554 13.8516 19.9985 12.0008 20ZM12.0008 8C11.7356 8 11.4813 8.10536 11.2937 8.29289C11.1062 8.48043 11.0008 8.73478 11.0008 9V12C11.0008 12.2652 11.1062 12.5196 11.2937 12.7071C11.4813 12.8946 11.7356 13 12.0008 13C12.2661 13 12.5204 12.8946 12.7079 12.7071C12.8955 12.5196 13.0008 12.2652 13.0008 12V9C13.0008 8.73478 12.8955 8.48043 12.7079 8.29289C12.5204 8.10536 12.2661 8 12.0008 8Z" fill="%23555758"/></svg>');
  background-repeat: no-repeat;
  background-position: 0px center;
  width: 32px;
}

#email.error-label {
  border: 2px solid var(--brand-alert-color-error, #A12222) !important;
  background-position: 12px center;
  padding-left: 37px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='warning_amber'%3E%3Cpath id='Vector' d='M9.50009 4.99251L15.1476 14.75H3.85259L9.50009 4.99251ZM2.55509 14C1.97759 14.9975 2.69759 16.25 3.85259 16.25H15.1476C16.3026 16.25 17.0226 14.9975 16.4451 14L10.7976 4.24251C10.2201 3.24501 8.78009 3.24501 8.20259 4.24251L2.55509 14ZM8.75009 8.75001V10.25C8.75009 10.6625 9.08759 11 9.50009 11C9.91259 11 10.2501 10.6625 10.2501 10.25V8.75001C10.2501 8.33751 9.91259 8.00001 9.50009 8.00001C9.08759 8.00001 8.75009 8.33751 8.75009 8.75001ZM8.75009 12.5H10.2501V14H8.75009V12.5Z' fill='%23A12222'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.alert-warning {
  border-color: var(--brand-alert-color-warning, #E26522);
  background-color: #E265220D;
  color: var(--White, #fff);
}

.alert-warning .pf-c-alert__icon {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 13.18V10C17.9986 8.58312 17.4958 7.21247 16.5806 6.13077C15.6655 5.04908 14.3971 4.32615 13 4.09V3C13 2.73478 12.8946 2.48043 12.7071 2.29289C12.5196 2.10536 12.2652 2 12 2C11.7348 2 11.4804 2.10536 11.2929 2.29289C11.1054 2.48043 11 2.73478 11 3V4.09C9.60294 4.32615 8.33452 5.04908 7.41939 6.13077C6.50425 7.21247 6.00144 8.58312 6 10V13.18C5.41645 13.3863 4.911 13.7681 4.55294 14.2729C4.19488 14.7778 4.00174 15.3811 4 16V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19H8.14C8.37028 19.8474 8.873 20.5954 9.5706 21.1287C10.2682 21.6621 11.1219 21.951 12 21.951C12.8781 21.951 13.7318 21.6621 14.4294 21.1287C15.127 20.5954 15.6297 19.8474 15.86 19H19C19.2652 19 19.5196 18.8946 19.7071 18.7071C19.8946 18.5196 20 18.2652 20 18V16C19.9983 15.3811 19.8051 14.7778 19.4471 14.2729C19.089 13.7681 18.5835 13.3863 18 13.18ZM8 10C8 8.93913 8.42143 7.92172 9.17157 7.17157C9.92172 6.42143 10.9391 6 12 6C13.0609 6 14.0783 6.42143 14.8284 7.17157C15.5786 7.92172 16 8.93913 16 10V13H8V10ZM12 20C11.651 19.9979 11.3086 19.9045 11.0068 19.7291C10.7051 19.5536 10.4545 19.3023 10.28 19H13.72C13.5455 19.3023 13.2949 19.5536 12.9932 19.7291C12.6914 19.9045 12.349 19.9979 12 20ZM18 17H6V16C6 15.7348 6.10536 15.4804 6.29289 15.2929C6.48043 15.1054 6.73478 15 7 15H17C17.2652 15 17.5196 15.1054 17.7071 15.2929C17.8946 15.4804 18 15.7348 18 16V17Z" fill="%23F57733"/></svg>');
  background-repeat: no-repeat;
  background-position: 0px center;
  width: 32px;
}

.alert-warning .pf-v5-c-alert__title {
  color: #323232;
}


.text-center {
  text-align: center;
  display: block;
}

.code-inputs {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.code-box {
  width: 48px;
  height: 48px;
  text-align: center;
  font-size: 24px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.code-inputs input[type=number]::-webkit-inner-spin-button,
.code-inputs input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.code-inputs input[type=number] {
  -moz-appearance: textfield;
}

.html-message {
  display: block;
}

.html-message ul {
  list-style: disc;
  padding-left: 16px;
}

.info-block {
  font-size: 16px; 
  font-weight: 400;
  padding-bottom: 16px;
}

.adj-label-position {
  position: absolute;
  margin-left: -100px;
  margin-top: -28px;
  width: 240px;
}

button.select-auth-box-parent {
    font-weight: 700;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    background: var(--Green-4, #1B652D);
    color: var(--White-1, #FFF);
    cursor: pointer;
    margin-bottom: 20px;
}