html,
body,
#gmap,
#map {	
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.hidden {display: none;}

#lucidi-advice {
	padding: 10px;
	background-color: #ffffc0;
	border-width: 1px;
	border-style: solid;
	border-color: #ffff00
}
.tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.7;
	white-space: nowrap;
}
.tooltip-measure {opacity: 1; font-weight: bold;}
.tooltip-static {
	background-color: #ffcc33;
	color: black;
	border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}
.tooltip-static:before {border-top-color: #ffcc33;}
.tipsy {font-size: 13px;}
.tipsy-inner { 
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #00aeef;
	box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; 
}
.tipsy-arrow-n { border-bottom-color: #00aeef; }
.tipsy-arrow-s { border-top-color: #00aeef; }
.tipsy-arrow-e { border-left-color: #00aeef; }
.tipsy-arrow-w { border-right-color: #00aeef; }
/* LAYOUT HEADER */
.header-main {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 250px;
	right: 200px;
    padding: 10px;
    overflow: auto;
    color: #ffffff;
    font-size: 1.2em;
}
.header-side {
    position:absolute;
    width:20%;
    top:0px;
    bottom:0;
}
.header-left {
  	width: 250px;
    left:0;
    overflow: hidden;
}
.header-right {
  	width: 200px;
  	background-color: #808080;
  	color: white;
    right:0;
	overflow-x: hidden;
	overflow-y: scroll;
}
#coordinateCaptionLabel {
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	width: 100%;
}
#coordinateValueLabel {
	font-size: 1.4em;
	text-align: center;
	padding-top: 0px;
	width: 100%;
}
.coordinateValueLabel {
	font-size: 1.4em;
	text-align: center;
	padding-top: 0px;
	width: 100%;
	color: #404040;
	background-color: #ffffc0;
}
/* LAYOUT PAGINE GENERICHE */
.parent {
    margin-bottom:20px;
    position:relative;
    background-color: green;
    height:100%;
    overflow: auto;
}
.main {
	position: absolute;
	top:48px;
	bottom:0;
	left:250px;
	right:0px;
	background:#ddd;
	padding: 0px;
	overflow: auto;
}
.main-noc {right:200px;}
.side {
	position:absolute;
	width:20%;
	top:48px;
	bottom:0;
	background-color: green;
}
.head {height: 48px; background-color: #ff0000;}
.left {
	width: 250px;
	left:0;
	background-color: #ffffff;
	overflow: hidden;
}
.right {
	width: 200px;
	right:0;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: scroll;
}
.filter {width: 100%;}
#filter {/*padding: 5px;*/}
.infoBox {background-color: #f0f0f0; padding: 5px;}
.descrizione {
	padding: 5px;
	background-color: #ffffc0;
	border-width: 1px;
	border-style: solid;
	border-color: #ffff00;
	font-size: 14px;
}
.new {
	font-size: 10px;
	vertical-align: super;
	color: #ff0000;
}
.leaflet-top .leaflet-control {margin-top: 50px !important;}	
.leaflet-control-attribution {display: none !important;}
/* FILTRI */
.jsPanel-headerbar {background-color: #00aeef;}	
/* SCALA SU MAPPA */
.leaflet-control-scale-line {
	background-color: #00aeef !important;
	border: 2px solid #000000 !important;
    border-top: none !important;
    color: #ffffff !important;
}

/* ETICHETTA ZOOM */
.zoomLabel {
  background: rgba(255,255,255,0.9);
  padding: 6px 10px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  font-family: Arial, sans-serif;
  font-size: 13px;
}