/* Wizard layout */
.wizard-container {
  padding: 0px;
  /*
  background: #fff;
  border: 1px solid var(--bs-border);
  border-radius: var(--bs-rounded);
  box-shadow: var(--bs-shadow);
  overflow: hidden;
  */
}

.wizard-header {
  padding: 0.5rem;
  /*
  margin: 0px;
  border-bottom: 1px solid gray;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  */
}

.wizard-title {
  font-size: 16pt;
  font-weight: 800;
  padding: 0.25rem 0.5rem;
}

.wizard-steps {
  font-size: 11pt;
  color: var(--bs-muted)
}

.wizard-body {
  padding: 0;
}

.wizard-container {
  min-height: 350px;
}

.wizard-footer {
  /*
  border-top: 1px solid var(--bs-border);
  padding: .75rem 1.25rem;
  display: flex;
  gap: .5rem;
  justify-content: flex-end;
  background: #fff;
  */
}

/* Page sections */
.wizard-page {
  display: none;
  animation: fade .18s ease-in
}

@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(2px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

/* PAGE VISIBILITY VIA CLASS ON .wizard-container
     The following rules show .wizard-page[data-page="X"] when .wizard-container has class .page-X.
     We generate them for 1..50 dynamically (also included via JS for maintainability); the first 10 are present here as a fallback. */
.wizard-container.page-1 .wizard-page[data-page="1"] {
  display: block
}

.wizard-container.page-2 .wizard-page[data-page="2"] {
  display: block
}

.wizard-container.page-3 .wizard-page[data-page="3"] {
  display: block
}

.wizard-container.page-4 .wizard-page[data-page="4"] {
  display: block
}

.wizard-container.page-5 .wizard-page[data-page="5"] {
  display: block
}

.wizard-container.page-6 .wizard-page[data-page="6"] {
  display: block
}

.wizard-container.page-7 .wizard-page[data-page="7"] {
  display: block
}

.wizard-container.page-8 .wizard-page[data-page="8"] {
  display: block
}

.wizard-container.page-9 .wizard-page[data-page="9"] {
  display: block
}

.wizard-container.page-10 .wizard-page[data-page="10"] {
  display: block
}

.wizard-container.page-1 .wizard-page[data-page="11"] {
  display: block
}

.wizard-container.page-2 .wizard-page[data-page="12"] {
  display: block
}

.wizard-container.page-3 .wizard-page[data-page="13"] {
  display: block
}

.wizard-container.page-4 .wizard-page[data-page="14"] {
  display: block
}

.wizard-container.page-5 .wizard-page[data-page="15"] {
  display: block
}

.wizard-container.page-6 .wizard-page[data-page="16"] {
  display: block
}

.wizard-container.page-7 .wizard-page[data-page="17"] {
  display: block
}

.wizard-container.page-8 .wizard-page[data-page="18"] {
  display: block
}

.wizard-container.page-9 .wizard-page[data-page="19"] {
  display: block
}

.wizard-container.page-10 .wizard-page[data-page="20"] {
  display: block
}

.wizard-container.page-1 .wizard-page[data-page="21"] {
  display: block
}

.wizard-container.page-2 .wizard-page[data-page="22"] {
  display: block
}

.wizard-container.page-3 .wizard-page[data-page="23"] {
  display: block
}

.wizard-container.page-4 .wizard-page[data-page="24"] {
  display: block
}

.wizard-container.page-5 .wizard-page[data-page="25"] {
  display: block
}

.wizard-container.page-6 .wizard-page[data-page="26"] {
  display: block
}

.wizard-container.page-7 .wizard-page[data-page="27"] {
  display: block
}

.wizard-container.page-8 .wizard-page[data-page="28"] {
  display: block
}

.wizard-container.page-9 .wizard-page[data-page="29"] {
  display: block
}

.wizard-container.page-10 .wizard-page[data-page="30"] {
  display: block
}

.wizard-container.page-1 .wizard-page[data-page="31"] {
  display: block
}

.wizard-container.page-2 .wizard-page[data-page="32"] {
  display: block
}

.wizard-container.page-3 .wizard-page[data-page="33"] {
  display: block
}

.wizard-container.page-4 .wizard-page[data-page="34"] {
  display: block
}

.wizard-container.page-5 .wizard-page[data-page="35"] {
  display: block
}

.wizard-container.page-6 .wizard-page[data-page="36"] {
  display: block
}

.wizard-container.page-7 .wizard-page[data-page="37"] {
  display: block
}

.wizard-container.page-8 .wizard-page[data-page="38"] {
  display: block
}

.wizard-container.page-9 .wizard-page[data-page="39"] {
  display: block
}

.wizard-container.page-10 .wizard-page[data-page="40"] {
  display: block
}

.wizard-container.page-1 .wizard-page[data-page="41"] {
  display: block
}

.wizard-container.page-2 .wizard-page[data-page="42"] {
  display: block
}

.wizard-container.page-3 .wizard-page[data-page="43"] {
  display: block
}

.wizard-container.page-4 .wizard-page[data-page="44"] {
  display: block
}

.wizard-container.page-5 .wizard-page[data-page="45"] {
  display: block
}

.wizard-container.page-6 .wizard-page[data-page="46"] {
  display: block
}

.wizard-container.page-7 .wizard-page[data-page="47"] {
  display: block
}

.wizard-container.page-8 .wizard-page[data-page="48"] {
  display: block
}

.wizard-container.page-9 .wizard-page[data-page="49"] {
  display: block
}

.wizard-container.page-10 .wizard-page[data-page="50"] {
  display: block
}

/*.wizard-input, .wizard-textarea, .wizard-select,
.wizard-page > input, .wizard-page > textarea, .wizard-page > select,
.wizard-page input,
.wizard-page textarea,
.wizard-page select,
form > input,
form > textarea,
form > select,
input, textarea, select,*/
select,
.form-control {
  background-color: whitesmoke;
}