azzurro: 		#38BAD1 	rgba(56,185,209,1)
azzurro scuro: 	#03869F 	rgba(3,134,159,1)
arancio scuro: 	#FF7C00		rgba(255,124,0,1)
arancio chiaro: #FFB167		rgba(255,177,103,1)
grigio: 		#333C41 	rgba(51,60,65,1)
grigio chiaro: 	#69747A		rgba(105,116,122,1)
*/

/* As hex codes */
/* azzurro Primary color */
.color-primary-0 { color: #38BAD1 }	/* azzurro OK */
.color-primary-1 { color: #8CDDEC }
.color-primary-2 { color: #5DCADE }
.color-primary-3 { color: #16A8C3 }
.color-primary-4 { color: #03869F } /* azzurro scuro*/
/* arancio Complement color */
.color-complement-0 { color: #FF9D40 }	
.color-complement-1 { color: #FFC996 }
.color-complement-2 { color: #FFB167 } /*arancio Chiaro*/
.color-complement-3 { color: #FF8918 }
.color-complement-4 { color: #FF7C00 } /*arancio scuro OK*/

/* As RGBa codes */
/* azzurro Primary color */
.rgba-primary-0 { color: rgba( 56,185,209,1) }
.rgba-primary-1 { color: rgba(140,221,236,1) }
.rgba-primary-2 { color: rgba( 93,202,222,1) }
.rgba-primary-3 { color: rgba( 22,168,195,1) }
.rgba-primary-4 { color: rgba(  3,134,159,1) }
/* arancio Complement color */
.rgba-complement-0 { color: rgba(255,157, 64,1) }
.rgba-complement-1 { color: rgba(255,201,150,1) }
.rgba-complement-2 { color: rgba(255,177,103,1) }
.rgba-complement-3 { color: rgba(255,137, 24,1) }
.rgba-complement-4 { color: rgba(255,124,  0,1) }

/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */

/*proprietà contenitore mappa*/
.map-wrap {         
   border: 3px solid #000;         
   width: 900px;         
   height: 400px;   
}   
/*proprietà mappa*/
/*desktop*/
@media (min-width: 768px) {
#map {         
   /*max-width: 900px;*/  
   height: 600px;   
}
}
/*cellulare*/
@media (max-width: 767px) {
#map {         
   /*max-width: 900px;*/  
   height: 400px;   
}
}

/*proprietà popup*/
.leaflet-popup-content-wrapper {
   background: #000;
   border: solid 3px orange;
   color: orange;
   font-size: 14;
   border-radius: 2px;
   width: 200px;

}
/*proprietà immagine poup*/
.leaflet-popup-content-wrapper img {
	max-width: 100%;
}

/*proprietà cerchio NON FUNZIONA*/
.leaflet-interactive {
	color: red;
	fillColor: #f03;
	fillOpacity: 0.5;
	radius: 1500;
}

steelblue-theme {
    width: 100px;
	height: 800px
}

/*posizione immagine fullscreen meu sinistra*/
.fullscreen-icon {
  background-image: url(https://www.gardamountainbike.it/leaflet/images/icon-fullscreen.svg);
}


/*prorpietà contenitore grafico altitudine*/
.lime-theme.leaflet-control.elevation{
	
	}
.lime-theme.leaflet-control.elevation .background{
	background-color:rgba(256,256,256,.8);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;
	border-radius:5px
	}
	
/*proprietà assi x y*/
/*.lime-theme.leaflet-control.elevation .axis line,.lime-theme.leaflet-control.elevation .axis path{
	fill:none;
	stroke:#333C41;/*colore assi x y*/
/*	stroke-width:2
	}
.lime-theme.leaflet-control.elevation .mouse-drag{
	fill:rgba(099,126,11,.4)
	}
.lime-theme.leaflet-control.elevation .elevation-toggle{
	cursor:pointer;
	box-shadow:0 1px 7px rgba(0,0,0,.4);
	-webkit-border-radius:5px;
	border-radius:5px;
	width:36px;
	height:36px;
	background-color:#f8f8f9
	}
*/

/*proprietà grafico*/	
.lime-theme.leaflet-control.elevation .area{
	stroke:#03869F;/*colore*/
	stroke-width:3;/*spessore linea grafico*/
	fill: rgba(3,134,159,.3) /*none /*#566b13 /*riempimento grafico*/
	}
.lime-theme.leaflet-control.elevation .mouse-focus-line{
	pointer-events:none;
	stroke-width:1;
	stroke:#101404
	}
.lime-theme.height-focus{
	stroke:#9cc222;
	fill:#9cc222
	}
.lime-theme.height-focus.line{
	pointer-events:	none;
	stroke-width:2
	}
/*proprietà testo assi x y*/
.leaflet-container {
  font-size: 12px;
  font-size: 1.2rem;
}