@import url("css/themes.css");
@import url("css/jquery.mobile.icons.css");
@import url("css/jquery.mobile.structure.css");
@import url("css/leaflet.css");
@import url("css/base.css");
@import url("css/icons.css");
@import url("css/leaflet-history.css");
@import url("css/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("leaflet-measure/leaflet-measure.css");
@import url("css/L.Control.Locate.css");
@import url("css/slidingpanel.css");

#map, html, body {
    padding:0;
    margin:0;
    height:100%;
    width:100%;
}
@media all and (min-width: 600px){
    .mmcd_logo {
        width: 100px;
        height: 100px;
    }
}


@media all and (max-width: 600px){
    .mmcd_logo {
        width: 50px;
        height: 50px;
    }
}
.mmcd_logo {
    background-image: url(logo.png);
    background-size: cover;
    position: absolute;
    bottom: 5px;
    right: 5px;
    opacity: 0.75;
    z-index: 999;
}

.ui-radio, h2 {
    margin:0 !important;
    padding:0;
}

.legend img {
    margin-left: 10px;
    margin-bottom: 5px;
}

.legend div {
    background-color:white;
}

.identify_results {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.identify_results td {
    border: 1px solid #ddd;
    padding: 8px;
}

.identify_results tr:nth-child(even){
    background-color: #f2f2f2;
}

.identify_results tr:hover {
    background-color: #ddd;
}