.quote-person, .highlighted-text {
  color: var(--primary-official) !important;
}

.quote-image {
  width: 110%;
  left: 10%;
}

.logo {
  width: 70%;
}

.logo-orange {
  width: 25%;
}

.card-brand-logo {
  width: 5%;
}

.payment-logo {
  width: 20%;
}

.justified-text {
  text-align: justify;
  text-justify: inter-word;
}

.items-list {
  padding: 0;
  list-style: none;
  counter-reset: step;
}

.dropdown-option {
  font-weight: 700;
  line-height: 1.42857143;
  display: block;
  padding: 3px 10px;
  clear: both;
  white-space: nowrap;
  cursor: pointer;
}

.icon-detail {
  font-size: 2.5rem !important;
}

.icon-success-color {
  color: var(--teal) !important;
  border-color: var(--teal) !important;
}

.icon-failure-color {
  color: var(--danger) !important;
  border-color: var(--danger) !important;
}

.disabled-color {
  color: var(--gray4) !important;
  border-color: var(--gray4) !important;
}

.success {
  color: var(--teal) !important;
}

.failed {
  color: var(--danger) !important;
}

.disabled {
  color: var(--gray4) !important;
}

.stepper-wrapper {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

.stepper-item {
  position: relative;
  flex-direction: column;
  align-items: start;
  flex: 1;
  --size: 4rem;
  --spacing: 0.5rem;
}

.stepper-item:before {
  position: relative;
  z-index: 5;
  display: block;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  padding-top: calc(var(--size) / 4);
  border-style: solid;
  text-align: center;
  background-color: var(--white);
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 3px solid var(--gray4);
  width: 100%;
  top: 30px;
  left: 62px;
  z-index: 2;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 3px solid var(--teal);
  top: 30px;
  left: 62px;
  z-index: 3;
}

.stepper-item:last-child::after {
  content: none;
}

.status {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 1rem;
}

.error-cause {
  font-size: 0.8rem;
  padding-top: 1rem;
}

.step-label {
  margin-bottom: 1rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .step-label {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .step-label {
    font-size: 1rem;
  }
}

.step-date {
  color: var(--dark);
}
@media (min-width: 768px) {
  .step-date {
    font-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .step-date {
    font-size: 0.9rem;
  }
}

.step-message {
  color: var(--dark);
  font-size: 0.8rem;
  padding-top: 1rem;
}

.fond-created, .fond-confirmation_success {
  padding: 2px 15px;
  border-radius: 14px;
  font-weight: bold;
  background-color: #ebfcee;
}

.fond-canceled_by_user, .fond-enrolment_3ds_failure, .fond-payment_card_validation_error,
.fond-refused_card_country_counter_reached, .fond-authentication_3ds_failure,
.fond-authorization_invalid_card, .fond-authorization_invalid_expiry_date,
.fond-authorization_refused_bank, .fond-authorization_refused_orange, .fond-confirmation_failure, .fond-technical_error {
  padding: 2px 15px;
  border-radius: 14px;
  font-weight: bold;
  background-color: #fce5e5;
}

.fond-in_process, .fond-processing_confirmation, .fond-authorization_success {
  padding: 2px 15px;
  border-radius: 14px;
  font-weight: bold;
  background-color: #a0d0f5;
}

.fond-expired, .fond-canceled_by_user {
  padding: 2px 15px;
  border-radius: 14px;
  font-weight: bold;
  background-color: #fffae6;
}

.modal-dialog .modal-header .icon-delete {
  font-size: 0.9375rem;
}

span[class*=icon-]::before {
  padding-right: 5px !important;
}

.date-picker input {
  max-width: 24rem !important;
}

.icon-contact {
  font-size: 2rem;
}

.dropdown-menu {
  transform: translate(-100%) !important;
  top: 100% !important;
  left: 100% !important;
  min-width: 245px;
  position: absolute !important;
}

.profile-action-buttons {
  display: flex;
  justify-content: center;
}

.import-bills-info {
  font-size: 1.2rem;
  font-style: italic;
}

.htmx-indicator {
  display: none;
  margin-bottom: 25px;
}

.htmx-request .htmx-indicator {
  display: inline;
}

.htmx-request.htmx-indicator {
  display: inline;
}

.ob1-header-top-level-logo {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.ob1-logo-label {
  padding-left: 30px;
  line-height: 1.5rem;
  color: #fff;
  font-weight: 700;
  max-width: 62.5rem;
  font-size: 1.8rem;
}

@media (min-width: 736px) {
  .ob1-header-top-level .ob1-logo {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.ob1-header-top-level .ob1-logo {
  width: 1.875rem;
  height: 1.875rem;
}

.ob1-logo {
  width: 3.125rem;
  height: 3.125rem;
}

:root {
  --bs-close-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='116 116 767 767'%3E%3Cpath d='M817.493 676.165a49.977 49.977 0 0 1 0 70.664l-70.664 70.664a49.977 49.977 0 0 1-70.664 0L499.5 640.828 322.835 817.493a49.977 49.977 0 0 1-70.664 0l-70.664-70.664a49.977 49.977 0 0 1 0-70.664L358.172 499.5 181.507 322.835a49.977 49.977 0 0 1 0-70.664l70.664-70.664a49.977 49.977 0 0 1 70.664 0L499.5 358.172l176.665-176.665a49.977 49.977 0 0 1 70.664 0l70.664 70.664a49.977 49.977 0 0 1 0 70.664L640.828 499.5Z'/%3E%3C/svg%3E");
}

.btn-close {
  color: #000000;
  min-height: 1.25rem;
  min-width: 1.25rem;
  padding: 0.5rem;
  border: none;
  background-color: transparent;
}

.alert-dismissible .btn-close {
  position: absolute;
  right: 1.5rem;
  z-index: 2;
}

.alert {
  align-items: flex-start !important;
}

.btn-close:before {
  background-color: currentcolor;
  content: "";
  display: block;
  -webkit-mask: var(--bs-close-icon) no-repeat 50%/1rem auto;
  mask: var(--bs-close-icon) no-repeat 50%/1rem auto;
  min-height: inherit;
  min-width: inherit;
}

.visually-hidden {
  position: absolute !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 1px !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.alert-ob {
  font-weight: normal !important;
}

/*# sourceMappingURL=style.css.map */