/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto+Slab|Roboto:400,700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
:root {
  font-size: 62.5%; }
  :root body {
    font-size: 1.6rem; }

.font-small {
  font-size: 80%; }

#hc-tooltip {
  width: 200px;
  height: 200px; }

.highcharts-a11y-proxy-button {
  pointer-events: none !important;
  cursor: default !important;
}


.sideNavBar {
  background-color: #F2F2F2; }

.sideNavBarTitle {
  font-family: "Monserrat", Helvetica, sans-serif;
  color: #003262;
  font-size: 1.5em;
  font-weight: 700; }

.icon-info {
  fill: #FFFFFF; }

.cardTitle {
  font-family: "Monserrat", Helvetica, sans-serif;
  color: #003262;
  font-size: 1.2em;
  font-weight: 700; }

.cardValue {
  font-family: "Monserrat", Helvetica, sans-serif;
  color: #003262;
  font-size: 1.3em;
  font-weight: bold; }

.cardTitle2 {
  font-family: "Monserrat", Helvetica, sans-serif;
  color: #FAC95C;
  font-weight: 700;
  font-size: 1.2em;
  background-color: #003262 !important; }

.cardValue2 {
  font-family: "Monserrat", Helvetica, sans-serif;
  color: black;
  font-size: 1.3em;
  font-weight: bold;
  background-color: #A8C4D6 !important; }

.cardFooter2 {
  font-family: "Monserrat", Helvetica, sans-serif;
  color: black;
  margin-top: -9px; }

.overView-info-circle {
  color: #FFF;
  font-size: 0.75em; }

.tile-info-circle {
  color: #000;
  font-size: 0.8em; }

button.btn:focus {
  outline: medium solid;
  outline-color: #FAC95C; }

button.infoCircle {
  position: absolute;
  top: 1px;
  right: 4px;
  border: none;
  background-color: #003262;
  outline: none; }
  button.infoCircle:focus {
    outline: medium solid;
    outline-color: #FAC95C; }

button.tile-info-button {
  position: absolute;
  top: 2px;
  left: 9px;
  border: none;
  background-color: #FFF;
  outline: none;
  z-index: 100; }
  button.tile-info-button:focus {
    outline: medium solid;
    outline-color: #FAC95C; }

a.tile-narrative-link {
  position: absolute;
  top: 8px;
  left: 18px;
  border: none;
  background-color: #FFF;
  outline: none;
  z-index: 100;
  border: none;
  outline: none;
  color: black; }
  a.tile-narrative-link:focus {
    outline: medium solid;
    outline-color: #FAC95C; }

.tile-narrative-link .tooltiptext {
  visibility: hidden;
  width: 120px;
  font-size: 0.8em;
  background-color: white;
  color: #003262;
  text-align: center;
  border-radius: 6px;
  padding: 7px 7px;
  border-style: ridge;
  border-color: #003262;
  /* Position the tooltip */
  position: absolute;
  z-index: 1; }

.tile-narrative-link:hover .tooltiptext {
  visibility: visible; }

a.toReport {
  position: absolute;
  bottom: 5px;
  right: 10px; }
  a.toReport:focus {
    outline: medium solid;
    outline-color: #FAC95C; }

.toReport-icon {
  color: #000;
  font-size: 0.9em; }

.narrative-info-symbol {
  color: #000;
  font-size: 1.1em; }

@media (max-width: 575.98px) {
  .cardTitle2 {
    font-size: 0.7em; }

  .cardValue2 {
    font-size: 0.9em; }

  .cardFooter2 {
    font-size: 0.7em; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .cardTitle2 {
    font-size: 0.8em; }

  .cardValue2 {
    font-size: 0.9em; }

  .cardFooter2 {
    font-size: 0.9em; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .cardTitle2 {
    font-size: 0.65em; }

  .cardValue2 {
    font-size: 1em; }

  .cardFooter2 {
    font-size: 0.7em; }

  button.infoCircle {
    top: 1px;
    right: 10px;
    height: 8px;
    width: 8px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .cardTitle2 {
    font-size: 0.75em; }

  .cardValue2 {
    font-size: 1.1em; }

  .cardFooter2 {
    font-size: 0.9em; }

  button.infoCircle {
    top: 1px;
    right: 10px;
    height: 8px;
    width: 8px; } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .cardTitle2 {
    font-size: 1.0em; }

  .cardValue2 {
    font-size: 1.3em; }

  .cardFooter2 {
    font-size: 1em; } }
@media print {
  img.d-print-block {
    width: 500px; }

  img.d-print-inline {
    width: 500px; }

  .tileBox {
    border: none;
    padding: 10mm, 0, 10mm, 0; }

  .tile-data-row {
    position: relative;
    margin-top: 15mm; }

  .highcharts-figure {
    border-bottom: thin solid; }

  .chartContent {
    break-before: avoid; }

  .sticky-top {
    border-bottom: thick solid; } }
@media screen {
  .tileBox {
    border-radius: 15px;
    border: 1px solid #003262;
    height: 290px;
    position: relative; }

  .tile-data-row {
    position: relative; } }
.backLink {
  font-body: "Roboto", Helvetica, sans-serif;
  color: #003262; }

.cardValueBox2 {
  background-color: #A8C4D6 !important; }

.db-section-active {
  background-color: #003262; }

.db-section {
  background-color: #F2F2F2; }

.db-section-text-active {
  color: white;
  font-body: "Roboto", Helvetica, sans-serif;
  font-size: 1.2em; }

.db-section-text {
  color: black;
  font-body: "Roboto", Helvetica, sans-serif;
  font-size: 1.1em; }

.list-group-item {
  background-color: #F2F2F2 !important;
  color: black;
  font-body: "Roboto", Helvetica, sans-serif;
  font-size: 1.1em;
  border: none !important; }

.list-group-item.active {
  background-color: #003262 !important;
  color: white;
  font-body: "Roboto", Helvetica, sans-serif;
  font-size: 1.1em;
  border: none !important; }

.db-intro-text {
  color: #003262;
  font-body: "Roboto", Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: 500; }

.db-intro-title {
  color: #003262;
  font-body: "Roboto Slab", Helvetica, sans-serif;
  font-size: 1.7em;
  font-weight: 700; }

.db-section-title {
  color: black;
  font-body: "Roboto Slab", Helvetica, sans-serif;
  font-size: 1.7em;
  font-weight: 700; }

h1.db-section-header {
  color: #003262;
  font-body: "Roboto Slab", Helvetica, sans-serif;
  font-weight: 700; }

.db-section-highlight {
  font-size: 1.1em;
  font-weight: 500;
  color: #02697d;
  font-body: "Roboto", Helvetica, sans-serif; }

.db-dataInfoBox {
  height: 200px;
  background-color: #003262; }

.db-dataInfoBox-title {
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.2em;
  color: #FDB515; }

.db-dataInfoBox-text {
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1em;
  color: white; }

.infoBox {
  height: 3em; }

#secret {
  display: none;
  top: 0;
  left: 0;
  position: absolute;
  background: white;
  color: #003262;
  width: 50%;
  height: 10em;
  z-index: 10000; }

.hoverInfo {
  border-radius: 10px;
  border: 2px solid #003262;
  padding: 15px; }

.reportLinkOption {
  background-color: #003262;
  color: white;
  font-size: 12px; }
  .reportLinkOption:hover {
    background-color: #A8C4D6;
    color: black;
    font-weight: bold; }

.extractInfo {
  color: #404040;
  font-size: 0.6em; }

.popover {
  border-radius: 12px;
  border: 2px solid #003262;
  container: 'body';
  width: 300px;
  padding: 5px; }

.popover-body {
  font-size: 14px;
  margin-top: 4px;
  margin-left: 5px; }

.popover-header {
  font-size: 14px;
  font-weight: bold;
  background-color: white;
  color: #003262;
  padding: 3px;
  margin-top: 4px;
  text-align: center; }