.bs-stepper {
  background-color: #fff;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  border-radius: 0.5rem;
}
.bs-stepper .bs-stepper-header {
  padding: 1.5rem 1.5rem;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(34, 41, 47, 0.08);
  margin: 0;
}
.bs-stepper .bs-stepper-header .line {
  flex: 0;
  min-width: auto;
  min-height: auto;
  background-color: transparent;
  margin: 0;
  padding: 0 1.75rem;
  color: #6e6b7b;
  font-size: 1.5rem;
}
.bs-stepper .bs-stepper-header .step {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.bs-stepper .bs-stepper-header .step .step-trigger {
  flex-wrap: nowrap;
  padding: 0;
  font-weight: normal;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0.5em 0;
  font-weight: 500;
  color: #babfc7;
  background-color: rgba(186, 191, 199, 0.12);
  border-radius: 0.35rem;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
  text-align: left;
  margin: 0;
  margin-top: 0.5rem;
  margin-left: 1rem;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
  display: inherit;
  color: #6e6b7b;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 0rem;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
  font-weight: 400;
  font-size: 0.85rem;
  color: #b9b9c3;
}
.bs-stepper .bs-stepper-header .step .step-trigger:hover {
  background-color: transparent;
}
.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
  background-color: #33528a;
  color: #fff;
  box-shadow: 0 3px 6px 0 rgba(51, 82, 138, 0.4);
}
.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
  color: #33528a;
}
.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {
  background-color: rgba(51, 82, 138, 0.12);
  color: #33528a !important;
}
.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {
  color: #b9b9c3;
}
.bs-stepper .bs-stepper-header .step.crossed + .line {
  color: #33528a;
}
.bs-stepper .bs-stepper-content {
  padding: 1.5rem 1.5rem;
}
.bs-stepper .bs-stepper-content .content {
  margin-left: 0;
}
.bs-stepper .bs-stepper-content .content .content-header {
  margin-bottom: 1rem;
}
.bs-stepper.vertical .bs-stepper-header {
  border-right: 1px solid #ebe9f1;
  border-bottom: none;
}
.bs-stepper.vertical .bs-stepper-header .step .step-trigger {
  padding: 1rem 0;
}
.bs-stepper.vertical .bs-stepper-header .line {
  display: none;
}
.bs-stepper.vertical .bs-stepper-content {
  width: 100%;
  padding-top: 2.5rem;
}
.bs-stepper.vertical .bs-stepper-content .content:not(.active) {
  display: none;
}
.bs-stepper.vertical.wizard-icons .step {
  text-align: center;
}
.bs-stepper.wizard-modern {
  background-color: transparent;
  box-shadow: none;
}
.bs-stepper.wizard-modern .bs-stepper-header {
  border: none;
}
.bs-stepper.wizard-modern .bs-stepper-content {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}

.horizontal-wizard,
.vertical-wizard,
.modern-horizontal-wizard,
.modern-vertical-wizard {
  margin-bottom: 2.2rem;
}

.dark-layout .bs-stepper {
  background-color: #283046;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
}
.dark-layout .bs-stepper .bs-stepper-header {
  border-bottom: 1px solid rgba(59, 66, 83, 0.08);
}
.dark-layout .bs-stepper .bs-stepper-header .line {
  color: #b4b7bd;
}
.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {
  color: #babfc7;
}
.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
  color: #b4b7bd;
}
.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
  color: #676d7d;
}
.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
  background-color: #33528a;
  color: #fff;
  box-shadow: 0 3px 6px 0 rgba(51, 82, 138, 0.4);
}
.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
  color: #33528a;
}
.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label,
.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title {
  color: #676d7d;
}
.dark-layout .bs-stepper.vertical .bs-stepper-header {
  border-right-color: #3b4253;
}
.dark-layout .bs-stepper.wizard-modern {
  background-color: transparent;
  box-shadow: none;
}
.dark-layout .bs-stepper.wizard-modern .bs-stepper-header {
  border: none;
}
.dark-layout .bs-stepper.wizard-modern .bs-stepper-content {
  background-color: #283046;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
}

html[data-textdirection=rtl] .btn-prev,
html[data-textdirection=rtl] .btn-next {
  display: flex;
}
html[data-textdirection=rtl] .btn-prev i,
html[data-textdirection=rtl] .btn-prev svg,
html[data-textdirection=rtl] .btn-next i,
html[data-textdirection=rtl] .btn-next svg {
  transform: rotate(-180deg);
}

@media (max-width: 992px) {
  .bs-stepper .bs-stepper-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .bs-stepper .bs-stepper-header .step .step-trigger {
    padding: 0.5rem 0 !important;
    flex-direction: row;
  }
  .bs-stepper .bs-stepper-header .line {
    display: none;
  }
  .bs-stepper.vertical {
    flex-direction: column;
  }
  .bs-stepper.vertical .bs-stepper-header {
    align-items: flex-start;
  }
  .bs-stepper.vertical .bs-stepper-content {
    padding-top: 1.5rem;
  }
}
.collapse-title {
  font-size: 20px;
  font-weight: 700;
  color: #33528a;
}

.collapse-description {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-top: 5px;
  display: block;
}

.form-accordion {
  margin: 0 1.5rem;
}
.form-accordion .input-group {
  position: relative;
}
.form-accordion .input-group .input-group-text {
  border: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 5;
}
.form-accordion .input-group .form-select,
.form-accordion .input-group .form-control,
.form-accordion .input-group .select2-container--default .select2-selection--single {
  padding-left: 40px;
}
.form-accordion .form-control-file {
  opacity: 0;
}
.form-accordion .file-label {
  position: relative;
  margin-top: -30px !important;
}
.form-accordion .file-label.file-added {
  background-color: #FFF;
}
.form-accordion .input-file-container {
  position: relative;
}
.form-accordion .valid + .file-label {
  border-color: #42506659 !important;
}
.form-accordion .form-control.form-control-file.error ~ label:last-of-type {
  border-color: #FF4040 !important;
}
.form-accordion .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 9H15V15H9V17H15V23H17V17H23V15H17V9Z' fill='black'/%3E%3C/svg%3E%0A");
}
.form-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='white'/%3E%3Cline x1='9' y1='15' x2='23' y2='15' stroke='black' stroke-width='2'/%3E%3C/svg%3E ");
}
.form-accordion .accordion-button::after {
  background-size: 32px;
  width: 32px;
  height: 32px;
}
@media (max-width: 992px) {
  .form-accordion .accordion-collapse {
    background-color: #F7F7F7;
  }
}
.form-accordion .accordion-button {
  background-color: #F7F7F7;
  border-radius: 0;
}
.form-accordion .accordion-button.collapsed {
  background-color: #ffffff;
}
.form-accordion .accordion-button.collapsed .collapse-title,
.form-accordion .accordion-button.collapsed .collapse-description {
  color: #A1A1A1;
}
.form-accordion .form-label {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}
.form-accordion .select2-container--default .select2-selection--single {
  border-radius: 0 4px 4px 0 !important;
}
.form-accordion .select2-container--classic .select2-selection--single:focus,
.form-accordion .select2-container--default .select2-selection--single:focus {
  box-shadow: none !important;
}
.form-accordion .input-group-text {
  transition: none !important;
}
.form-accordion .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0;
}
.form-accordion .select2-container--focus {
  border-color: transparent !important;
}
.form-accordion .select2-container--focus .select2-container--default.select2-container--open .select2-selection--single {
  border-color: transparent !important;
}
.form-accordion .select2-container--default.select2-container--open .select2-selection--single {
  background-color: transparent !important;
  box-shadow: none !important;
}
.form-accordion .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
}
.form-accordion .file-label {
  background-color: transparent;
  color: #000;
  padding: 15px 10px;
  font-size: 14px;
  font-family: sans-serif;
  width: 100%;
  border-radius: 0.3rem;
  cursor: pointer;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px dashed #42506659;
}
.form-accordion .file-label span svg {
  margin-right: 5px;
}
.form-accordion .error:not(input) {
  color: #FF4040;
}
.form-accordion label.error {
  width: 100%;
  display: block;
}
.form-accordion .was-validated .form-select:valid,
.form-accordion .was-validated .form-select.error:invalid {
  background-position: right 1rem center, right 2.5rem center !important;
}
.form-accordion .form-select.error .select2-selection--single {
  border-color: #FF4040 !important;
}
.form-accordion .input-group:not(.bootstrap-touchspin):focus-within .form-control,
.form-accordion .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
  border-color: #33528a !important;
}
.form-accordion .was-validated .input-group:not(.bootstrap-touchspin):focus-within .form-control:valid,
.form-accordion .was-validated .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
  border-color: #FF4040 !important;
}
.form-accordion .form-select.error ~ .select2-container--default .select2-selection--single:focus {
  border-color: #FF4040 !important;
}
.form-accordion .form-select.error ~ .select2-container--default .select2-selection--single {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ea5455'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ea5455' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3625em + 0.2855rem) center;
  background-size: calc(0.725em + 0.571rem) calc(0.725em + 0.571rem);
}
.form-accordion .input-group-select2,
.form-accordion .form-check-inline {
  position: relative;
}
.form-accordion .form-select.error,
.form-accordion .form-control.error,
.form-accordion .form-check-input.error {
  position: relative;
  bottom: 0;
}
.form-accordion .form-check-inline {
  width: 100%;
}
.form-accordion .form-check-inline .form-check-input.error {
  margin-bottom: 10px;
}
.form-accordion .error {
  position: absolute;
  bottom: -20px;
}
.form-accordion .error ~ .input-group-text {
  border-color: #FF4040;
}
.form-accordion .error:focus {
  box-shadow: none !important;
}
.form-accordion .input-group:not(.bootstrap-touchspin):focus-within {
  box-shadow: none !important;
}

.header-desktop {
  display: flex;
}
@media (max-width: 992px) {
  .header-desktop {
    display: none;
  }
}

.accordion-button {
  display: none !important;
}
@media (max-width: 992px) {
  .accordion-button {
    display: block !important;
  }
}

.readonly-group .input-group {
  align-items: center;
}
.readonly-group .input-group-text {
  position: relative !important;
}
.readonly-group .text-readonly {
  color: #000;
  margin-bottom: 0;
}
.readonly-group .input-group-text {
  padding: 0;
  color: #000;
}
@media (max-width: 992px) {
  .readonly-group {
    display: flex;
    justify-content: space-between;
  }
  .readonly-group input:-moz-read-only {
    background-color: transparent;
    border: none;
    padding: 5px 0px;
    color: #000;
    margin-bottom: 0 !important;
  }
  .readonly-group input:read-only {
    background-color: transparent;
    border: none;
    padding: 5px 0px;
    color: #000;
    margin-bottom: 0 !important;
  }
  .readonly-group .input-group {
    justify-content: flex-end;
    align-items: center;
  }
  .readonly-group .form-label {
    flex: 1 0 auto;
  }
}

.installments-groups {
  display: flex;
  -moz-column-gap: 13px;
       column-gap: 13px;
}
.installments-groups .btn {
  border-radius: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.installments-groups .btn-check:checked + .btn-outline-primary {
  background-color: #33528a !important;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  outline: 2px solid #fff;
  /* define el grosor y color del borde */
  outline-offset: -5px;
  /* mueve el borde hacia adentro */
  padding: 5px;
}
