/**
 * = Wizard ML Theme
 */
.s-wizard-container {
  background-color: #fff;
  border: 1px solid #ffffff;
}

.s-wizard-body {
  padding-top: 1rem;
}

.s-wizard-footer {
  padding: 10px;
  border-top: none;
}

.s-wizard-body {
  position: relative;
}

.s-wizard-nav {
  border-bottom: 1px solid #dee2e6;
}

.s-wizard-buttons {
  align-self: center;
  margin-right: 10px;
}

ul.s-wizard li {
  display: inline-block;
  padding: 0.75rem 1rem;
  border-right: 1px solid #ffffff;
  text-transform: capitalize;
}
ul.s-wizard li:not(:last-child) {
  margin-right: -5px;
}

.s-wizard-step-active {
  background-color: #40a8d9;
  color: black;
  border-bottom: 3px solid #40a8d9;
}
.s-wizard-step-active .s-badge {
  border-color: #40a8d9;
}

.s-wizard-step-complete {
  color: #0B122A;
}
.s-wizard-step-complete .s-badge {
  border-color: #0B122A;
  color: #0B122A;
  padding: 6px;
}

.s-wizard-step-disabled {
  background-color: #ffffff;
  color: #9d9f9d;
}
.s-wizard-step-disabled .s-badge {
  border-color: #9d9f9d;
}

/* responsiveness */
@media (max-width: 767px) {
  .s-wizard-buttons { /* aligns to the top */
    align-self: baseline;
  }
  .s-badge {
    padding: 10px 13px !important;
  }
  .s-wizard-step-active {
    border-bottom: none;
  }
  .s-wizard-step-active .s-badge {
    border-color: #40a8d9;
    background-color: #0B122A;
    color: #fff;
  }
  .s-wizard-step-disabled .s-badge {
    border-color: #eaeaea;
    background-color: #eaeaea;
    color: #aaa9a9;
  }
  ul.s-wizard li {
    padding: 0 0.75rem 0.75rem 0.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  ul.s-wizard li {
    padding: 0.75rem !important;
  }
}
@media (min-width: 1201px) {
  .s-wizard-buttons .s-btn-back {
    display: none;
  }
  .s-wizard-footer .s-btn-back {
    display: none;
  }
}