
#cancel-redirect {
  border: none;
  background: transparent;
  margin-left: 1em;
  font-size: 0.875em;
  padding: 0;
  color: #005ea2;
  text-decoration: underline;
  cursor: pointer;
  display: inline;
  vertical-align: baseline;
}
#cancel-redirect:hover,
#cancel-redirect:focus {
  color: #003b6b;
  text-decoration: none;
}

.usa-alert {
    background-color: #f0f0f0;
    border-left: .5rem solid #adadad;
    color: #1b1b1b;
}

.usa-alert--info {
    background-color: #e7f6f8;
    border-left-color: #00bde3;
}

.usa-alert .usa-alert__heading {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.33rem;
    line-height: .9;
    margin-top: 0;
    margin-bottom: .5rem;
}

.usa-alert .usa-alert__body {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    padding: 1rem 1.25rem 1rem 1.25rem;
    position: relative;
}

.usa-alert--info .usa-alert__body {
    color: #1b1b1b;
    background-color: #e7f6f8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 3.3333333333rem;
}

.usa-alert--no-icon .usa-alert__body {
    min-height: 0;
}

.usa-alert .usa-alert__text {
    margin-bottom: 0;
    margin-top: 0;
}

.usa-alert--no-icon .usa-alert__body > * {
    margin-left: 0;
}

.usa-alert .usa-alert__text:only-child {
    padding-bottom: 0;
    padding-top: 0;
}

/* Two-column, mobile-first layout
   - Right column should be first in the source (put .two-col__right first in HTML)
   - On small screens columns stack (100%)
   - At larger screens the layout becomes a flex row with left = 75%, right = 25%
*/
.two-col {
  display: block;
  margin: 1rem 0;
}
.two-col__left,
.two-col__right {
  width: 100%;
}

@media (min-width: 40em) {
  .two-col {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
  }

  /* right column is first in source but will appear on the right visually */
  .two-col__right {
    order: 2;
    flex: 0 0 35%;
    max-width: 35%;
  }

  .two-col__left {
    order: 1;
    flex: 1 1 65%;
    min-width: 0;
  }
}

#list-widget-container {
  max-height: 20em;
  overflow-y: auto;
}
