.leaflet-control-layers, .leaflet-bar{
background-color:transparent;
} 

.leaflet-popup-content-wrapper, .map-legends, .map-tooltip{
background-color:transparent;
}
.leaflet-popup-content-wrapper, .map-legends, .map-tooltip{
box-shadow:none;
} 

.leaflet-container p{
opacity:0.8;
}

.leaflet-container {
color:rgb(255,0,0);
}
 
.leaflet-left{
margin-top:483px;
} 

.leaflet-top{
bottom:20px;
top:none;
}

.legend-data{
opacity:0.7;
font-size:72px;
font-weight:bold;
}

.leaflet-container p{
line-height:1em;
} 

.leaflet-control{
top:0px;
right: 0px;
}
.map-tooltip.content{
background:white;
}
.map-tooltip{
width:400px;
max-height: 100%;
padding:0px;
position: absolute;
}
.leaflet-left{
left:10px;
}

.leaflet-bottom {
margin-bottom:10px;
}

#mapIntro{
text-align:center;
background:white;
height:100%; 
width:100%; 
position:absolute;  
vertical-align:center;
text-align:left;
z-index:5000;
top:0px;
left:0px;
opacity:0.8;
}

#mapIntroContent{
width:550px;
font-size:36px;
color:black;
opacity:0.7;
text-align:left;
padding-top:10px;
position:absolute;
left:260px;
font-style:italic;
}

#hideIntro{
top:20px;
height:60px;
width:550px;
background:red;
display:table-cell;
cursor:pointer;
vertical-align:middle;
text-align:center;
color: white;
font-size:20px;
position:relative;
}

#hideIntro:hover{
opacity:0.6;}

#hideInfo{
height:55px;width:184px;background:red;display:table-cell;cursor:pointer;vertical-align:middle;text-align:center;color: white;font-size:20px;position:absolute;opacity:0.7;top:483px;left:45px;line-height:50px;
}

#hideInfo:hover{
opacity:0.9;
}

.map-tooltip.closable .close{
z-index:9999999;
}

.leaflet-container p{
margin:0px;
}

.map-tooltip-content{

}

.leaflet-bar{
border-radius:0px;
border-color:rgba(255,0,0,0.7);
}

#mapInfo{
display:none;
position:absolute;  
background:white;
height:100%; 
width:100%; 
z-index:5000;
top:0px;
left:0px;
opacity:0.9;
}.mapInfo-content{top:0;height:100%;left:250px;position:absolute;max-width:700px;overflow:auto;text-align:justify;line-height:1.2em;padding:10px;opacity:0.8;}
h1{font-size:24px;font-style:italic;color:red;}h2{font-size:12px;}h2 a:link,h2 a:hover,h2 a:visited{font-size:12px;color:red;}