html, body {
    height: 100%;
    margin: 0;
}

.leaflet-popup-content {
    padding-bottom: 8px;
}

.leaflet-popup-content-wrapper {
    opacity: 0.9;
}

.c3-legend-item-hidden {
    opacity: 0.5;
}

td {padding: 0px;}


.legendCols {
    border-spacing: 0px;
 
}

.legendFill {
	height: 5px;
}

.legendCol { 
    width:24px;
    height: 6px;
}

.legendLab {
    vertical-align:top;
    height: 18px;
    padding: 0px;
    box-sizing: border-box; 
    color: black;
    
}

.info { 
    padding: 6px 8px; 
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white; 
    background: rgba(255,255,255,0.8); 
    box-shadow: 0 0 15px rgba(0,0,0,0.2); 
    border-radius: 5px; 
    } 

.info h4 { margin: 0 0 5px; color: #777; }

.leaflet-bar a {
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
}

.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-wrap {
    width: 250px;
    opacity: 1;
    left: 30px;
    height: 30px;
}

.leaflet-control-mapbox-geocoder-form {
    left: 30px;
    height: 30px;
}

.leaflet-control-mapbox-geocoder-results{
    left: 30px;
    width: 250px
}

.leaflet-control-mapbox-geocoder-results a {
    width: 100%
}
.mapbox-icon.mapbox-icon-geocoder {
    margin: 2px 2px;
}


body {
    font-family: "Lato", sans-serif;
  }

#main {
    height: inherit;
}


.modal-content {
    padding: 4%;
}

.flex-grow {
    flex: 1 0 auto;
}

label {
    margin-bottom: 0px;
}

hr {
    margin: 6px
}