@import "~@spglobal/tokens/dist/web/tokens.css";
@import './common.scss';

#mainContent {
  font-family: var(--font-family-base);

  .ca-select-field {
    .spg-select .spg-select__menu-list {
      max-height: 240px;
    }
    button {
      line-height: unset;
    }
  }

  .spg-form-group .spg-label{
    padding: 4px 0 !important;
  }
  .ca-input-field {
    .spg-input-group {
      input {
        line-height: unset;
      }
    }
  }
}

.stepper-wizard {
  button {
    .spg-text-xlarge {
      line-height: 1.35;
    }
  }

  .nested-stepper-items.spg-checkbox--rounded {
    .spg-option__input {
      &:not([type=radio]) {
        &:disabled~.spg-option__label {
          &:before {
            background-color: $not-selected-color;
            border-color: transparent;
          }
        }
      }

      &:not([type=radio])[disabled]~.spg-option__label {
        &:before {
          background-color: $not-selected-color;
          border-color: transparent;
        }
      }
    }

    &.selected-step {
      label {
          &:before {
            background-color: $non-active-selected-color !important;
            border-color: transparent;
          }
        }
    }

    &.active-step {
      label {
        &:before {
          background-color: $active-color !important;
          border-color: transparent;
        }
      }

      .spg-option__label {
        cursor: auto;
      }
    }

    &.completed-step {
      .spg-option__input {
        &:checked~.spg-option__label {
          &:before {
            background-color: #000;
            border-color: transparent;
          }
        }
      }

      span:hover {
        color: $text-hover-color;
      }
    }
  }
}

.adjustments-skip {
  color: #0d71c6;
  cursor: pointer;
}

.reduce-header-space {
  margin-top: -16px;
}