*
{
	font-family: Calibri, Tahoma, Verdana;
	margin: 0px;
	padding: 0px;
	font-size:9pt;
	
}

body 
{
	background: rgba(255,255,255,0.8);
}

h1, h2, h3, h4, h5, h6
{
	font-family: Cambria, Sans;
	text-align: center;
}




@media screen  {
#map
{
font-family: Calibri, Tahoma, Verdana;
	top:5px;
	bottom:5px;
	left:5px;
	right:5px;
	position:absolute;
	z-index:0;
}



h6 
{
	font-weight:bold;
}

.legend-pane , .compare-pane, .info-pane, .charts-pane
{
	text-align: left;
	line-height: 19px;
	color: #555;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	padding: 5px;
	border-radius: 5px;
	min-width: 150px;
	z-index:5;

}


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


	
.compare-pane, .info-pane 
{
	z-index:10;
	/* max-width: 350px; */
	max-width: 250px;
}



.modal, .item
{
	padding: 2px;
	margin: 0px;
}

.modal-content, .modal-body
{
	padding: 0 2px 0 2px ;
	margin: 2px 0 2px 0;
}

.modal-header, .close
{
	font-weight: bold;
    padding: 0 0 5px 0;
    margin: 10px;
	font-size: 10pt;
}
.charts-pane {
	opacity:0.1;
}

#charts
{
	position:absolute;
	z-index:-5;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	padding: 5px;
	border-radius: 5px;
	display:block;
}

#notice
{
	position:absolute;
	z-index:-5;
	top:200px;
	height:50px;
	left:200px;
	width: 250px;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	padding: 5px;
	border-radius: 5px;
	display:block;
}


.badge-danger 
{
	font-size:9pt;
}


}



@media only print {

#map
{
	font-family: Calibri, Tahoma, Verdana;
	top:5px;
	width:100%;
	height:90%;
	/* bottom:300px; */
	position:absolute;
	z-index:0;
}	
	
.leaflet-control-zoom, .leaflet-control-layers, #notice
{
	display:none;
}

}