a:link {background-color:#0B4C5F; color: white;}
a:visited {background-color:#0B4C5F; color: yellow;}
.info h4 {color: #0B4C5F; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 10px 1px 1px 2px;}
h5 {padding: 5px 5px 5px 5px; background:#E6E6E6; color: #0B4C5F; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 2px 2px 2px 2px;}
h4 {margin: 2px 2px 2px 2px;}
h3 {margin: 2px 2px 2px 2px; color:#5e5e61;}
.ui-button-text-only .ui-button-text {font-size: 0.6em;}
.ui-state-default {background: #E6E6E6;}
.ui-state-active {background: #db4865;}
.text-highlight {color:#0B4C5F; font-weight: bold;}
.imd-label {
   color: #0B4C5F;
    -webkit-text-fill-color: #0B4C5F; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    position: absolute;
    top: 2px; left: 2px;
}

.odcLoader {
   background-color: rgb(255,165,0);
   -moz-border-radius:0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   border-radius:0 0 10px 10px;
   border:1px solid gray;
   font-size: 15px;
}

/*
* Table styles
*/

.dataTable {font-size:11px;}
.dataTables_info {font-size:11px;}
.dataTables_paginate {
font-size: 11px;
vertical-align: middle;
}

table.dataTable tbody th, table.dataTable tbody td {
   padding: 3px 3px;
   border: none;
}
.dataTables_filter {background-color:#0B243B; color: white; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;}

th {
background-color: #0B4C5F;
color: white;
}
div.dataTables_filter {
float: right;
}

.odd {
  background-color: #e8ebed !important;
}

ul {
  list-style-type: none;
  text-align: left;
  padding-left:0;
}

ul li {
    margin: 10px 0;
}

h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

body {
    padding: 0;
    margin: 0;
}
html, body, #mainContainer {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.ui-icon {
    color: white !important;
    background-color: #318085;
    width: 30px !important;
    height: 30px !important;
}

#map2015 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  height: 90vh;
  width: 100%;
}

#map2019 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  height: 90vh;
  width: 100%;
}

.mapTitle {
  font-size: 1.1em;
  color: white;
  background-color: black;
  padding: 5px;
  width: 80px;
  text-align: center;
  z-index: 90;
}

.util_label {
  background-color: #89c2c9;
  font-weight: bold;
  height: 30px;
  vertical-align: middle;
  color: white;
  width: 350px;
  padding-left: 10px;
}

.util_text {
   width: 320px;
   font-size: 0.9em;
   margin: 5px;
}
.ui-widget {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 0.9em;
}

.dButton:hover, .dButton:focus, .dButton:active {
   background-color: #66b2b2;
   color: white;
}

.ui-icon:hover, .ui-icon:focus, .ui-icon:active {
   background-color: #66b2b2;
   color: white;
}

.zButton:hover, .zButton:focus {
   background-color: #66b2b2;
   color: white;
   cursor: pointer;
}

.ui-autocomplete {
    overflow-y: auto;
    height: 300px;
    overflow-x: hidden;
}

.tt_text {
        background-color: #f8f9fa !important;
        font-size: 0.9em !important;
        color: black !important;
}
.tt_title {
    background-color: #318085 !important;
    color: white;
}