/*------------------------------------*\
  #VARIABLES
\*------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");
.navigation .nav-link {
  font-weight: 400; }

.subnav__back-link, .mfn-table .cell__content .content--bold, .mfn-table__heading, .bulletchart__label, .button {
  font-weight: 700; }

.dropdown-mini .chevron--down,
.dropdown-mini .chevron--up {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border: none;
  content: url("../images/chevron_down.svg"); }

.navigation .nav-link {
  font-weight: 400; }

/* add a mixin that calculates the relative size based on an inputted pixel value
and the base font size*/
.navigation {
  background-color: #343A40;
  border-bottom: none;
  padding: .5rem 1rem 0 1rem; }
  .navigation .nav-item.active .nav-link {
    color: #fff;
    border-bottom: 5px solid #EC8A3C;
    padding-bottom: .5rem; }
  .navigation .nav-link {
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .78px; }
  .navigation .nav-link:hover, .navigation .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }

.subnav {
  position: relative; }
  .subnav__content {
    padding: 0.5rem 1.75rem;
    padding-bottom: 22px; }
    .subnav__content .content__title {
      font-size: 20px; }
    .subnav__content .content__subtitle {
      font-size: 14px;
      font-weight: normal;
      margin-top: 4px;
      display: inline-block; }
  .subnav__back-link {
    color: #005e8a;
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid #005e8a;
    text-decoration: none;
    padding-bottom: 7px; }
    .subnav__back-link:hover, .subnav__back-link:active, .subnav__back-link:focus {
      text-decoration: none; }
    .subnav__back-link .chevron--left {
      vertical-align: 0; }
  .subnav:after {
    content: '';
    margin-top: 22px;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 4px rgba(114, 111, 111, 0.5); }
  .subnav--white {
    background-color: #fff; }
  .subnav--flat:after {
    display: none; }

/*navigation overrides*/
.navbar-brand img {
  display: inline-block; }

.fixed-top {
  height: 51px; }

.loading-element {
  top: 3rem;
  height: 8px; }

.footer {
  display: flex; }
  .footer__copyright-date {
    color: #fff; }
  .footer--dark {
    background-color: #313233; }
    .footer--dark a, .footer--dark p, .footer--dark h1, .footer--dark h2, .footer--dark h3, .footer--dark h4, .footer--dark h5 {
      color: #fff; }
    .footer--dark a:hover, .footer--dark a:focus {
      color: #b0b2b3; }

  .footer .footer-logo-print {
    display: none !important;
}

.mfn-table {
  box-shadow: none;
  border: none; }
  .mfn-table thead {
    color: #005E8A;
    text-transform: uppercase;
    font-size: 12px;
    border: none; }
  .mfn-table thead,
  .mfn-table tr,
  .mfn-table th,
  .mfn-table td {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16); }
  .mfn-table td,
  .mfn-table th {
    border-right: none;
    border-left: none;
    border: none; }
  .mfn-table td {
    font-size: 14px; }
  .mfn-table .table-arrow-cell {
    color: #767B80; }
  .mfn-table .cell__content {
    display: flex;
    flex-direction: column; }
    .mfn-table .cell__content .metric-na {
      text-align: center; }
  .mfn-table__heading {
    color: #005e8a;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    background: none;
    border-top: none; }
  .mfn-table .source-percent-column {
    width: 33%; }
  .mfn-table .progress {
    width: 100%; }

/* DataTables override */
.mfn-table .dataTables_filter,
.mfn-table .dataTables_length {
  display: none; }

.dataTables_wrapper,
.dataTables_paginate {
  float: none;
  text-align: none; 
	overflow: auto;}

.dataTables_paginate .pagination {
  display: flex;
  justify-content: center; }

.dataTables_paginate .page-link {
  color: black;
  background: none;
  border: none; }

.dataTables_paginate .page-item {
  box-shadow: none; }

table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
  background: none; }

.sort-icon__desc, .sort-icon__asc {
  display: none; }

table.dataTable thead .sorting_desc .sort-icon__desc {
  display: inline; }

table.dataTable thead .sorting_asc .sort-icon__desc {
  display: none; }

table.dataTable thead .sorting_asc .sort-icon__asc {
  display: inline; }

table.dataTable thead .sorting_desc .sort-icon__asc {
  display: none; }

table.dataTable thead .sorting .sort-icon__asc, table.dataTable thead .sorting .sort-icon__desc {
  display: none; }

.sort-icon {
  display: inline; }

table.dataTable thead {
  color: #005E8A;
  text-transform: uppercase;
  font-size: 12px;
  border: none; }

table.dataTable thead,
tr,
th,
td {
  box-shadow: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16); }

table.dataTable .table-arrow-cell {
  color: #767B80; }

.alert-box--error {
  margin-top: 6rem; }

/*!------------------------------------*\
  #BULLET CHARTS
\*------------------------------------*/
.bulletchart {
  display: block;
  margin-top: 11px;
  background-color: #F4F7FF;
  position: relative; }
  .bulletchart__indicator {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background-color: #313233; }
  .bulletchart--large {
    width: 138px;
    height: 17.25px; }
  .bulletchart--small {
    width: 64px;
    height: 8px; }
  .bulletchart--excellent {
    background-color: rgba(79, 175, 121, 0.25); }
    .bulletchart--excellent .bulletchart__indicator {
      background-color: #4FAF79; }
  .bulletchart--poor {
    background-color: rgba(253, 164, 152, 0.3); }
    .bulletchart--poor .bulletchart__indicator {
      background-color: #DF3D3A; }
  .bulletchart--average {
    background-color: #FBF1DC; }
    .bulletchart--average .bulletchart__indicator {
      background-color: #E0B452; }
  .bulletchart--none {
    background-color: #F4F7FF; }
    .bulletchart--none .bulletchart__indicator {
      background-color: #313233; }
  .bulletchart__label {
    font-size: 13px;
    text-transform: uppercase; }
    .bulletchart__label--excellent {
      color: #4FAF79; }
    .bulletchart__label--poor {
      color: #DF3D3A; }
    .bulletchart__label--average {
      color: #E0B452; }
    .bulletchart__label--none {
      color: #767B80; }

.dropdown-mini {
  display: inline-block;
  position: relative; }
  .dropdown-mini a, .dropdown-mini h4, .dropdown-mini h5 {
    text-align: left;
    color: black; }
  .dropdown-mini h5 {
    color: rgba(0, 0, 0, 0.6); }
  .dropdown-mini a.dropdown-item {
    font-size: 16px;
    color: #313233 !important; }
    .dropdown-mini a.dropdown-item:hover {
      color: #005e8a; }
    .dropdown-mini a.dropdown-item.active {
      background-color: transparent !important; }
  .dropdown-mini h6.dropdown-header {
    font-size: 12px;
    color: #767B80;
    text-transform: uppercase;
    padding-top: 20px; }
  .dropdown-mini__link:hover {
    text-decoration: none; }
  .dropdown-mini__toggle {
    min-width: 200px;
    padding: 0; }
    .dropdown-mini__toggle::after {
      display: none !important; }
  .dropdown-mini__content {
    text-align: left;
    display: flex;
    align-items: flex-start;
    margin-left: 20px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    padding: 8px;
    margin-left: 0; }
  .dropdown-mini__menu {
    width: 100%; }
  .dropdown-mini .chevron--down,
  .dropdown-mini .chevron--up {
    margin-right: 8px; }
  .dropdown-mini .chevron--up {
    transform: rotate(180deg); }

.dropdown-filter__content .content__alert {
  color: #4ea5d0; }

/*!------------------------------------*\
  #BUTTONS
\*------------------------------------*/
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid transparent;
  background-color: transparent;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  width: 85px;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  font-size: 1rem; }
  .button__label {
    font-size: 13px;
    text-decoration: none; }
    .button__label:hover, .button__label:active, .button__label:focus {
      text-decoration: none; }
  .button--primary {
    background: linear-gradient(180deg, #2E88B4 0%, #086591 100%);
    color: white; }
    .button--primary:hover, .button--primary:focus, .button--primary:active {
      background-image: linear-gradient(180deg, #086591 0%, #2E88B4 100%);
      color: white; }
    .button--primary:disabled, .button--primary:hover:disabled, .button--primary:active:disabled {
      background-image: linear-gradient(180deg, #2E88B4 0%, #086591 100%);
      color: white; }
  .button--secondary {
    background-color: white;
    color: #005e8a;
    border: 2px solid #005e8a; }
    .button--secondary:hover, .button--secondary:focus, .button--secondary:active {
      background-color: #005e8a;
      color: white; }
    .button--secondary:disabled, .button--secondary:hover:disabled, .button--secondary:active:disabled {
      border: 2px solid #005E8A;
      color: #005e8a;
      color: rgba(0, 94, 138, 0.4);
      background: white; }
  .button--danger {
    background-color: #E74C3C;
    color: white; }
    .button--danger:hover, .button--danger:focus, .button--danger:active {
      background-color: #bf2718;
      color: white; }
  .button--lg {
    width: 200px;
    height: 60px;
    font-size: 18px; }
  .button--med {
    width: 173px;
    height: 48px;
    font-size: 16px; }
  .button--sm {
    width: 135px;
    height: 37px;
    font-size: 13px; }
  .button--xs {
    width: 100px;
    height: 28px;
    padding: 0;
    font-size: 12px; }

.article-button {
  max-width: 100% !important; }