img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}


body,
html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}


#map {
    height: 90vh;
    width: 100%;
}

#map-data {
    height: 500px;
    width: 100%;
}


select[multiple] {
    min-height: 10px!important;
}

.narrow-select { height: 150px; }


#footer {
    clear: both;
    padding: 10px;
}

.card-header {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(40, 60, 87) !important;
}


.nav-tabs .nav-link.active {
    color: rgb(0, 0, 0);
}

.nav-tabs>li>a {
    color: rgb(255, 255, 255);
}


.nav-tabs>li>a:hover {
    color: black;
}

.table-transform{
    transform: rotateX(180deg)
}



/* SIDEBAR-----> */
#sidebar-wrapper {
    min-height: 100%;
    transition: margin 0.25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
    width: 12rem;
}


body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    margin-left: 0;
}

/* <-----SIDEBAR */



/* Darker background on mouse-over */
.btn:hover {
    background-color: RoyalBlue;
}

/* No rounded borders */
/* ,
  .leaflet-popup-content-wrapper  */
.leaflet-bar,
.leaflet-control-layers,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    border-radius: 0px !important;
}


.leaflet-control-colorBar-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: large;
}

.leaflet-popup-content {
    background: #ffffff;
    font-size: 16;
}




.verticalRange {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    margin-left: -30px;
    margin-right: -30px;
    transform: rotate(270deg);
}