MetaPhase-Consulting/State-TalentMAP

.saved-searches-page {
  .scroll {
    margin-bottom: 1em;
    margin-top: 1em;
  }

  .saved-searches-list {
    border: 1px solid $color-gray-lighter;
    border-bottom: 0;
  }

  .saved-searches-list-empty {
    border: 0;
  }

  .saved-search-card-outer-container {
    border-left: 7px solid $primary-blue;
  }

  .search-card--projected-vacancy {
    border-color: $primary-blue-darkest;
  }

  .search-notification-container {
    flex-grow: 1;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 1.5em 0 .5em;

    span:first-of-type {
      margin-right: .5em;
    }

    span:not(:first-of-type) {
      border-left: 1px solid $color-black;
      margin-left: .5em;
      padding: .25em .75em;
    }
  }

  .notification--primary {
    color: $color-green-dark;
  }

  .notification--secondary {
    color: $blue-primary;
  }

  .saved-search-data-points {
    display: flex;
    flex-direction: column;
  }

  .saved-search-card {
    background-color: $color-white;
    border-bottom: 1px solid $color-gray-light;
    padding: .75em 2em .25em;

    h3 {
      display: inline;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      margin: 0;
    }

    .definitions {
      dt,
      dd {
        font-size: 1.4rem;
      }

      > div {
        line-height: 1.5;
      }
    }
  }

  .title {
    font-weight: bold;
  }

  .button-container {
    float: right;

    button {
      margin-right: 1em;
      margin-top: 0;
    }

    button:last-child {
      margin-right: 0;
    }
  }

}