.job-wizard {
  font-size: var(--pf-global--FontSize--md);
  .wizard-title {
    margin-bottom: 25px;
  }

  .pf-c-wizard__nav.pf-m-expanded {
    z-index: calc(
      var(--pf-c-wizard__toggle--ZIndex) + 2
    ); // So the small screen navigation can be shown above the select box and wizard body
  }

  .pf-c-wizard__main {
    z-index: calc(
      var(--pf-c-wizard__toggle--ZIndex) + 1
    ); // So the select box can be shown above the wizard footer and navigation toggle
  }
  .pf-c-wizard__main-body {
    max-width: 500px;
    .advanced-fields-title {
      margin-bottom: 10px;
    }

  }

  .gray-text {
    color: var(--pf-global--Color--dark-200);
  }

  .target-hosts-and-inputs {
    .pf-c-chip-group.pf-m-category {
      margin-bottom: 10px;
    }
    .pf-c-select__toggle-typeahead {
      border: 0px;
    }

    .target-method-select {
      .pf-c-select__toggle-wrapper {
        flex-wrap: nowrap;
      }
    }
  }
  input[type='radio'],
  input[type='checkbox'] {
    margin: 0;
  }
  .schedule-tab {
    #repeat-on-weekly {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
    }
    .pf-l-grid {
      gap: var(--pf-c-form--GridGap);
    }
    #repeat-on-hourly {
      max-height: 300px;
      overflow: scroll;
    }
    .schedule-radio label {
      width: 100%;
    }
    .schedule-radio input {
      align-self: center;
    }
    .schedule-radio-repeat-text {
      width: 100px;
      display: inline-block;
      margin-right: 5px;
      align-self: center;
    }
    .schedule-radio-title {
      width: 80px;
      display: inline-block;
      align-self: center;
    }
    .schedule-radio-occurences {
      display: inline-block;
      align-self: center;
    }
    .schedule-radio-wrapper {
      display: flex;
    }
  }
  .future-schedule-tab {
    .clear-datetime-button {
      margin-left: 10px;
      align-self: center;
      font-size: var(--pf-global--FontSize--md);
    }
    .pf-c-form__group-control {
      display: flex;
      flex-wrap: wrap;
    }
  }
  .pf-c-date-picker {
    vertical-align: top;
  }

  .time-picker {
    width: 150px;
  }

  input[type='radio'],
  input[type='checkbox'] {
    // overwriting bootstrap/_forms.scss margin: 4px 0 0;
    margin: 0;
  }
  textarea {
    min-height: 40px;
    min-width: 100px;
  }
  #host-selection {
    width: 500px;
  }

  .pf-c-modal-box {
    width: auto;
  }

  .review-details {
    .advanced-fields {
      margin-left: 10px;
    }
  }
  .pf-c-radio__body {
    font-size: var(--pf-c-radio__label--FontSize);
  }
  .reset-default {
    padding-bottom: 0;
  }
}

.job-wizard-alert.pf-c-alert.pf-m-warning {
  margin-bottom: 10px;
  margin-top: 10px;
}