/* 
Mapping
*/
.map_label {
    font-size: 8pt;
    font-weight: normal;
    color: Black;
    font-family: calibri;
    text-align: center;
}

.map_displayOLD {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width: 900px;
    height: 610px;
    visibility: visible;
}

.map_display {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width: 1080px;
    height: 768px;
    visibility: visible;
}


.map_display_lrg {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    /*width: 900px; */
    height: 1000px;
    visibility: visible;
}

.map_display_print {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    width: 1100px;
    height: 1000px;
    visibility: visible;
}

.map_error {
    border-style: none;
    visibility: visible;
    color: Red;
    font-family: Calibri;
    font-size: 1.2em;
}

.map_hide {
    width: 0px;
    height: 0px;
    visibility: hidden;
}

.map_control {
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    width: 1080px;
    height: 30px;
    visibility: visible;
}

.map_control_print {
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    width: 1000px;
    height: 30px;
    visibility: visible;
}

.map_control_background {
    width: 1080px;
    height: 30px;
    background-color: #C0C0C0;
}

.map_control_background_print {
    width: 1000px;
    height: 30px;
    background-color: #C0C0C0;
}

/* Off map legend */
.map_legend {
    padding: 0px;
    margin: 0px;
    /*border: 1px solid #C0C0C0;*/
    border-style: none; 
}

#map_legend0 {
    padding: 5px;
    color: Black;
    background-color: silver;
    text-align: center;
    border: 1px solid black;
}

#map_legend1 {
    padding: 5px;
    color: Black;
    background-color: #99FF99;
    text-align: center;
    border: 1px solid black;
}

#map_legend2 {
    padding: 5px;
    color: Black;
    background-color: #33CC33;
    text-align: center;
    border: 1px solid black;
}

#map_legend3 {
    padding: 5px;
    color: Black;
    background-color: #009933;
    text-align: center;
    border: 1px solid black;
}

#map_legend4 {
    padding: 5px;
    color: Black;
    background-color: #006600;
    text-align: center;
    border: 1px solid black;
}

.map_dot_legend {
    border: 1px solid black
}

.map_dot_item {
    font-size: 8pt;
    padding: 5px;
}

.map_poi_image {
    width: 10px;
}

/* On map legend */
.omlegend_font {
    /*font: 14px/16px Arial, Helvetica, sans-serif;*/
    font-size: 9px;
}

.omlegend {
    text-align: left;
    line-height: 20px;
    color: #555;
    background: white;
    background: rgba(255,255,255,0.8);
    padding: 6px 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}

.omlegend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

/*
.sas-leaflet-popup-content-wrapper .leaflet-popup-content-wrapper {
    opacity: 0.7;
    font: 10px;
}

.sas-leaflet-popup-tip .leaflet-popup-tip {
    opacity: 0.7;
}
*/

.leaflet-popup-content-wrapper {
    opacity: 0.7;
    font: 10px;
}

.leaflet-popup-tip-container {
    opacity: 0.7;
}

/* Cap the layer list's height so a long layer list can't grow past the bottom
   of the map and cover the scale control / other bottom elements. Leaflet
   already manages scrolling on .leaflet-control-layers-list itself (setting
   its own inline height); capping it here (rather than the outer
   .leaflet-control-layers-expanded wrapper) avoids stacking a second,
   independently-scrolling container on top of Leaflet's own. */
.leaflet-control-layers-list {
    max-height: min(60vh, 550px);
    overflow-x: hidden;
    overflow-y: auto;
}