// Variables

@import "~@department-of-veterans-affairs/css-library/dist/tokens/scss/variables";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/mixins";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-process-list";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-form-process";
@import "../../../../platform/forms/sass/m-schemaform";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-modal";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-omb-info";
@import "../../../../platform/forms/sass/m-form-confirmation";

.icon-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.process {
  #circle li {
    list-style: circle;
    #re li {
      margin-bottom: -2em;
    }
  }
}

dd > span {
  overflow-wrap: break-word;
}

.form-checkbox > input[type="checkbox"] + .schemaform-label {
  // TODO: add > to .schemaform-first-field .schemaform-label, .schemaform-first-field > .usa-input-error in us-forms-system
  margin-top: 10px;
}

// Privacy agreement?
.form-required-span {
  font-size: 1em;
  line-height: 0;
  position: relative;
}

.edu-benefits-alert {
  margin-bottom: 23px;
}

.edu-warning-single-line {
  margin-top: 0;
}
.circle {
  list-style: circle;
}

.edu-benefits-dependents-desc {
  margin-top: 5px;
}

.edu-dd-warning {
  margin-top: 1.875rem;
}

.row .edu-intro-spacing {
  margin-bottom: 4.375rem;
}

.search-results-count:focus,
.schemaform-widget-wrapper textarea:focus {
  @include focus-gold-light-outline(0);
  outline-offset: 2px;
  z-index: 3;
}

.blue-bar-block {
  border-left: 7px solid var(--vads-color-primary);
  padding-left: 1em;

  p {
    margin: 0.5em 0;
  }
}

.search-select-school-fieldset {
  .no-results-box {
    background-color: var(--vads-color-base-lightest);
    margin: 25px 0 0 0;
    padding: 20px;
    p {
      margin: 0;
    }
  }

  .school-search {
    margin-top: 0;
  }

  .school-search-label {
    margin-top: 0;
  }

  .search-controls {
    display: flex;
    flex-direction: column;
    .clear-search {
      display: flex;
    }
    .search-input {
      align-items: center;
      width: "100%";
      display: flex;
    }
    .search-schools-button {
      margin: 3px 0 0 15px;
      max-width: 150px;
      width: 100%;
    }
    .start-over {
      font-weight: normal;
    }
  }

  .radio-button {
    span {
      display: inline-block;
      width: 100%;

      &.institution-name {
        color: var(--vads-color-primary);
        font-weight: bold;
        text-decoration: underline;
      }
    }

    label {
      margin: 0;
      &::before {
        position: relative;
        top: 45px;
      }

      .institution-information {
        background-color: var(--vads-color-base-lightest);
        margin-left: 25px;
        padding: 10px 15px;
      }
    }
  }
}

.stem-eligibility-ul {
  // This needed for on the Review Page of the form
  list-style-type: none !important;
}

.wizard-button::after {
  background-image: url(/img/arrow-down-white.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 0.6em auto;
  content: "";
  display: inline-block;
  height: 1em;
  margin-left: 0.5em;
  margin-right: -0.3em;
  text-indent: -9999em;
  width: 1em;
}
.program-details {
  margin-top: 2em;
}

li.li-styling {
  margin-bottom: 0.2em;
}

.wizard-button[aria-expanded="true"]:after {
  background-image: url(/img/arrow-up-white.svg);
}

@media print {
  .usa-width-two-thirds {
    width: 100%;
  }

  .schemaform-title,
  .schemaform-subtitle {
    display: none;
  }
}

div[data-chapter="benefitSelection"] {
  .form-review-panel-page {
    margin-bottom: 0px;
  }
}

div[data-chapter="programDetails"] {
  p.school-details-notice {
    display: none;
  }
}

div[data-chapter="personalInformation"] {
  .form-review-panel-page {
    margin-bottom: 0px;
  }
}