html,body {
  font-family:Verdana,sans-serif;
  font-size:15px;
  line-height:1.5
}

.mapboxgl-popup-content {
  font-family:Verdana,sans-serif;
  font-size:15px;
  line-height:1.5
}


.mapboxgl-popup-close-button {
}

.mapboxgl-popup-content div {
  padding: 10px;
}

.page-header {
  z-index:  900;
}

.title {
  text-align: center;
}

.repeater{
  color:#ffd1d1;
  font-size: 12px;
  font-weight: normal;
}

.non-repeater{
  color:#cafcd7;
  font-size: 12px;
  font-weight: normal;
}

.text-dark-green{color:#00ad17}

.newspaper {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
}

.resp-table {
  width: 100%;
  display: table;
}

.resp-table-caption{
  display: table-caption;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.resp-table-header{
  display: table-header-group;
  background-color: black;
  color: #fff;
  font-weight: normal;
  font-size: 15px;
}

.table-header-cell{
  display: table-cell;
  padding: 2px 5px;
  text-align: left;
  border-bottom: 1px solid white;
}

.header-link{
  color: #fff;
}

.resp-table-body{
  display: table-row-group;
  background-color: #fff;
}

.resp-table-row, .resp-table-row-nohover{
  display: table-row;
}

.table-body-cell{
  display: table-cell;
  padding: 1px 5px;
  white-space: nowrap;
}

.resp-table-footer {
  display: table-header-group;
  background-color: black;
  color: #fff;
  font-weight: normal;
  font-size: 15px;
}

.table-footer-cell{
  display: table-cell;
  padding: 2px 5px;
  text-align: left;
  border-bottom: 1px solid white;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  font-size: 12px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}


.tooltip:hover .tooltiptext {
  visibility: visible;
}

.headers {
  position: sticky;
  top: 0;
  z-index: 1;
}
.scroller {
  overflow: auto;
}


.table_side {
  position: sticky;
  position: webkit-sticky;
  left: 0;
  z-index: 2;
}

.odd-row {background-color:#fff}

.even-row {background-color:#f1f1f1}

.resp-table-row:hover {
  background-color:#ccc;
}

.header-table {
  table-layout: fixed;
  width: 100%;
}

.header-table-cell { 
 width: 15%;
}

.header-table-cell-title {
 *width: 40%;
  text-align: center;
}

.footer {
  position: fixed;
  left: 10px;
  bottom: 10px;
  width: 100%;
  text-align: left;
}

.imgbox {
  display: grid;
  height: 100%;
}

.main-image {
  max-width: 100%;
  max-height: 100vh;
  margin: auto
}

th {
  text-align: left;
}