.usa-hero__heading, .usa-card__heading {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.usa-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.dx-custom-page-margin {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 63.99em) {
  .dx-custom-page-margin {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media (min-width: 640px) {
  .dx-custom-page-margin {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}
@media (min-width: 880px) {
  .dx-custom-page-margin {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
}
@media (min-width: 1200px) {
  .dx-custom-page-margin {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}
@media (min-width: 1400px) {
  .dx-custom-page-margin {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}
@media (min-width: 1930px) {
  .dx-custom-page-margin {
    max-width: 108rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.dx-p {
  color: #1c1d1f !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.dx-content-section-blue {
  background-color: #eff6fb;
}

.dx-content-section-white {
  background-color: white;
  color: black;
}
.dx-content-section-white .dx-h3, .dx-content-section-white h3 {
  color: #2c608a;
}

.dx-content-section-lightblue {
  background-color: #eff6fb;
  color: black;
}
.dx-content-section-lightblue .dx-h3, .dx-content-section-lightblue h3 {
  color: #2c608a;
}

.dx-content-section-lightgrey {
  background-color: #f5f6f7;
  color: black;
}
.dx-content-section-lightgrey .dx-h3, .dx-content-section-lightgrey h3 {
  color: #2c608a;
}

.dx-content-section-darkblue {
  background-color: #1a4480;
  color: #FFFFFF !important;
}
.dx-content-section-darkblue .checklist-response-container {
  border-color: white !important;
}
.dx-content-section-darkblue .dx-h3, .dx-content-section-darkblue p, .dx-content-section-darkblue h3, .dx-content-section-darkblue i, .dx-content-section-darkblue a {
  color: #FFFFFF !important;
}
.dx-content-section-darkblue .dx-button {
  background-color: white;
  color: #1a4480 !important;
}
.dx-content-section-darkblue .dx-button i {
  color: #1a4480 !important;
}
.dx-content-section-darkblue .dx-button:hover {
  background-color: #2378c3 !important;
  color: white !important;
}
.dx-content-section-darkblue .dx-button:hover i {
  color: white !important;
}
.dx-content-section-darkblue .dx-button-close {
  background-color: #1a4480 !important;
}
.dx-content-section-darkblue .dx-button-close i {
  color: white;
}

.usa-nav__primary button.dx-button--secondary-1 {
  background-color: #2378c3 !important;
}

.usa-nav__primary button.dx-button--primary {
  background-color: #2378c3 !important;
}

.usa-nav__primary button.dx-button--secondary {
  background-color: #2c608a !important;
}

.dx-combobox-list, .dx-dropdown-list {
  padding: 10px 0 10px 25px;
  background-color: #ffffff;
  color: #71767a;
  text-align: left;
  border-bottom: 1px solid #a9aeb1;
  cursor: pointer;
  display: block;
}
.dx-combobox-list--hover, .dx-combobox-list:hover, .dx-dropdown-list--hover, .dx-dropdown-list:hover {
  color: #ffffff;
  background-color: #2378c3;
  padding: 10px 0 10px 25px;
}

body {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.dx-h1 {
  color: #2c608a;
  font-size: 46px;
  font-weight: 400;
}

.dx-h2 {
  color: #2c608a;
  font-size: 42.6px;
  font-weight: 400;
}

.dx-h3 {
  color: #2c608a;
  font-size: 28px;
  font-weight: 400;
  margin: 0;
  line-height: 1.5;
}

.dx-h4 {
  color: #2c608a;
  font-size: 23.4px;
  font-weight: 700;
}

.dx-h5 {
  color: #162e51;
  font-size: 18.1px;
  font-weight: 600;
}

.dx-h6 {
  color: #162e51;
  font-size: 17px;
  font-weight: 700;
}

.dx-subheader {
  color: #3d4551;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1.5;
  margin: 10px auto;
}

.dx-h1-link {
  color: #2c608a;
  font-size: 51.1px;
  font-weight: 700;
}

.dx-h2-link {
  color: #2378c3;
  font-size: 42.6px;
  font-weight: 600;
}

.dx-h3-link {
  color: #2c608a;
  font-size: 34.1px;
  font-weight: 700;
}

.dx-h4-link {
  color: #2c608a;
  font-size: 23.4px;
  font-weight: 700;
}

.dx-h5-link {
  color: #2378c3;
  font-size: 18.1px;
  font-weight: 400;
}

.dx-h6-link {
  color: #2c608a;
  font-size: 17px;
  font-weight: 700;
}

p {
  line-height: 1.5;
}

.dx-p {
  color: #1c1d1f;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.5;
}

.dx-p-lg {
  color: #1c1d1f;
  font-size: 18px !important;
  font-weight: 400;
}

.dx-p-sm {
  color: #1c1d1f;
  font-size: 14px !important;
  font-weight: 400;
}

.dx-p-xs {
  color: #1c1d1f;
  font-size: 12px !important;
  font-weight: 400;
}

.dx-p-link {
  color: #2378c3;
  font-size: 16px !important;
  font-weight: 400;
  text-decoration: none;
}

.dx-button {
  background-color: #1a4480;
  font-size: 1.06rem;
  line-height: 0.9;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0.25rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 0.5rem;
  padding: 0.75rem 1.25rem;
  text-align: center;
  text-decoration: none;
  /*---------------------------------Old classnames that are causing confusions--------------------------------------------------------------*/
  /*-------------------------------------------------------------------------------------------------------------------------------*/
}
.dx-button:disabled {
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  background-color: #c9c9c9;
  color: #454545 !important;
  cursor: not-allowed;
  opacity: 1;
}
.dx-button--hover, .dx-button:hover {
  background-color: #2378c3;
  text-decoration: none !important;
  color: #fff;
}
.dx-button--active, .dx-button:active .dx-button:not([disabled]) {
  background-color: #162e51 !important;
}
.dx-button--focus, .dx-button:focus {
  outline: 0.25rem solid #2491ff !important;
  outline-offset: 0.25rem !important;
}
.dx-button:not([disabled]).dx-focus, .dx-button:not([disabled]):focus {
  outline: 0.25rem solid #2491ff !important;
  outline-offset: 0.25rem !important;
}
.dx-button--primary {
  background-color: #2378c3;
}
.dx-button--primary.dx-button--hover, .dx-button--primary:hover {
  background-color: #1a4480 !important;
  text-decoration: none !important;
  color: #fff !important;
}
.dx-button--primary.dx-button--active, .dx-button--primary:active {
  background-color: #162e51;
}
.dx-button--secondary {
  background-color: #1a4480;
}
.dx-button--secondary.dx-button--hover, .dx-button--secondary:hover {
  background-color: #2378c3 !important;
  text-decoration: none !important;
  color: #fff !important;
}
.dx-button--secondary.dx-button--active, .dx-button--secondary:active {
  background-color: #162e51;
}
.dx-button--secondary-1 {
  background-color: #2378c3;
}
.dx-button--secondary-1.dx-button--hover, .dx-button--secondary-1:hover {
  background-color: #1a4480 !important;
  text-decoration: none !important;
  color: #fff !important;
}
.dx-button--secondary-1.dx-button--active, .dx-button--secondary-1:active {
  background-color: #162e51;
}
.dx-button--tertiary-1 {
  background-color: #b50909 !important;
}
.dx-button--accent {
  background-color: #28a0cb;
  color: #fff;
}
.dx-button--accent.dx-button--hover, .dx-button--accent:hover {
  background-color: #97d4ea;
  text-decoration: none;
  color: #fff;
}
.dx-button--accent.dx-button--active, .dx-button--accent:active {
  background-color: #07648d;
}
.dx-button--base {
  background-color: #71767a;
  color: #fff;
}
.dx-button--base.dx-button--hover, .dx-button--base:hover {
  background-color: #71767a;
  text-decoration: none;
  color: #fff;
}
.dx-button--base.dx-button--active, .dx-button--base:active {
  background-color: #3d4551;
}
.dx-button--outline-inv {
  background-color: #000;
  color: #fff;
  border: 2px solid #fff;
}
.dx-button--outline-inv.dx-button--hover, .dx-button--outline-inv:hover {
  background-color: #000;
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
}
.dx-button--outline-inv.dx-button--active, .dx-button--outline-inv:active {
  background-color: #000;
  color: #fff;
  border: 2px solid #fff;
}
.dx-button--outline-inv.dx-button--disabled, .dx-button--outline-inv:disabled {
  background-color: #000;
  color: #fff;
  border: 1px solid #fff;
}
.dx-button--outline {
  background-color: #fff;
  color: #1a4480;
  border: 1px solid #1a4480;
}
.dx-button--outline.dx-button--hover, .dx-button--outline:hover {
  background-color: #fff;
  text-decoration: none;
  color: #2378c3;
  border: 1px solid #2378c3;
}
.dx-button--outline.dx-button--active, .dx-button--outline:active {
  background-color: #fff !important;
  color: #162e51 !important;
  border: 1px solid #162e51;
}
.dx-button--outline.dx-button--disabled, .dx-button--outline:disabled {
  background-color: #fff;
  color: #dfe1e2;
  border: 1px solid #dfe1e2;
}
.dx-button .dx-icon-external-link, .dx-button .dx-icon-download {
  font-size: 10px;
  vertical-align: top;
  margin-top: 2px;
  margin-left: 3px;
}

.dx-contact-us-icon {
  display: inline-block;
  background-color: #2378c3;
  color: #fff !important;
  border-radius: 50%;
  font-size: 2em;
  width: 65px;
  height: 65px;
  vertical-align: middle;
  text-align: center;
}

.dx-contact-us-icon-label {
  display: block;
  margin-top: 15px;
}

.dx-contact-us-icon > i {
  vertical-align: middle;
  margin-top: 17px;
}

.dx-contact-us-icon > i::before {
  vertical-align: middle;
}

.dx-form {
  color: #1c1d1f;
  font-size: 17px;
}

.dx-gsa-logo {
  width: 100%;
  max-width: 55px;
  margin: 1rem 1rem 1rem 0;
}

.dx-icon {
  color: #2378c3;
}

.dx-popover-icon {
  color: #2378c3;
  border: none;
  background: none;
}

.dx-clickable {
  cursor: pointer;
}

html {
  scroll-behavior: smooth;
}

.dx-table {
  border: 1px solid #a9aeb1;
}
.dx-table caption {
  font-weight: bold;
  color: #2c608a;
  font-size: 18.1px;
}
.dx-table td {
  border: 0px;
}
.dx-table thead {
  background-color: #dfe1e2;
}
.dx-table thead th {
  background-color: #dfe1e2;
  border-bottom: 1px solid #a9aeb1;
  text-align: left;
}
.dx-table tbody tr.table-row td[data-sort-active],
.dx-table tbody tr.table-row th[data-sort-active],
.dx-table tbody tr.table-row td[aria-sort=descending],
.dx-table tbody tr.table-row td[aria-sort=ascending],
.dx-table tbody tr.table-row th[aria-sort=descending],
.dx-table tbody tr.table-row th[aria-sort=ascending] {
  background: #F0F0F0;
}
.dx-table tbody tr:nth-child(even) td {
  background-color: #f5f6f7;
}
.dx-table tbody th, .dx-table tbody td {
  border-bottom: 1px solid #a9aeb1;
}
.dx-table tbody th a, .dx-table tbody td a {
  color: #2c608a;
}
.dx-table tbody tr:last-child {
  border-bottom-color: #a9aeb1;
}
.dx-table--borderless {
  border: hidden;
}
.dx-table--borderless thead th {
  background-color: white;
}
.dx-table--borderless thead th[data-sortable][aria-sort=ascending],
.dx-table--borderless thead th[data-sortable][aria-sort=descending] {
  background-color: #dfe1e2;
}
.dx-table--borderless tbody th, .dx-table--borderless tbody td {
  border-bottom: 0px;
}

.toast-success {
  background-color: #ECF3EC !important;
  border-left: 0.5rem solid #adadad;
  border-left-color: #00A91C;
  background-image: url('check_circle_green.svg'), linear-gradient(transparent, transparent) !important;
}

.toast-warning {
  background-color: #faf3d1 !important;
  border-left: 0.5rem solid #adadad;
  border-left-color: #ffbe2e;
  background-image: url('warning_yellow.svg'), linear-gradient(transparent, transparent) !important;
}

.toast-error {
  background-color: #F4E3DB !important;
  border-left: 0.5rem solid #adadad;
  border-left-color: #b50909;
  background-image: url('error_circle_red.svg'), linear-gradient(transparent, transparent) !important;
}

.toast-info {
  background-color: #ECF3EC !important;
  border-left: 0.5rem solid #adadad;
  border-left-color: #00bde3;
  background-image: url('info_circle_blue.svg'), linear-gradient(transparent, transparent) !important;
}

.toast-container .ngx-toastr {
  color: #1b1b1b !important;
  background-size: 22px !important;
  padding: 13px 17px 8px 37px !important;
  border-radius: 0 !important;
  background-position: 8px center !important;
}

.toast-close-button {
  color: #1b1b1b !important;
  top: -2px !important;
}

.QSIFeedbackButton {
  width: 99% !important;
  height: 90% !important;
}

@media (min-width: 1392px) {
  .QSIFeedbackButton {
    width: 75% !important;
  }
}
@media (min-width: 1594px) {
  .QSIFeedbackButton {
    width: 65% !important;
  }
}
#QSIFeedbackButton-btn > div > div:nth-child(2) {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.dx-sticky-container {
  background-color: #ffffff; /* Safari */
  position: sticky;
  top: 0px;
  width: 100%;
  z-index: 8;
  border-bottom: 1px solid #dfe1e2;
}

#main {
  min-height: calc(100vh - 300px - 100px);
}

.toast-message a {
  color: #162e51 !important;
}
.toast-message a:hover {
  color: #162e51;
  text-decoration: underline !important;
}

.dx-required-asterisk {
  color: #b50909;
}

.usa-checkbox__label {
  display: block;
}