.mapdiv{
	width:100%;
	margin: auto;
}

.mapdiv svg {
	display: block; /* Rimuove lo spazio bianco sotto l'SVG */
	width: 100%;
	height: 100%;
}

.mapdiv a {
	position: relative;
}

.mapdivtotal #mapdeactive path {
	fill: #f5f5f5; /*grigio-chiaro*/
	stroke: #253c75;  /*blu-scuro*/
	stroke-linejoin: round;
	stroke-width: .15px;
}

.mapdivtotal path {
	fill: #c8c8c8; /*grigio-medio*/
	stroke: #253c75;  /*blu-scuro*/
	stroke-linejoin: round;
	stroke-width: .15px;
}

.mapdivtotal path:hover {
	fill: #E09C4D; /*arancio-chiaro*/
	stroke: #253C75; /*blu-scuro*/
	stroke-linejoin: round;
	stroke-width: .25px;
}

.mapdiv path {
	fill: #c8c8c8; /*grigio-medio*/
	stroke: #253C75;  /*blu-scuro*/
	stroke-width: 0px;
	transition: fill 0.3s;
}

.mapdiv path:hover {
	fill: #E09C4D; /*arancio-chiaro*/
	stroke: #253C75; /*blu-scuro*/
	stroke-width:1px;
}

.mapdiv #shadows path, .mapdivtotal #shadows path {
	fill: #253C75;
	stroke-width:0px;
}

.mapdiv #shadows:hover path, .mapdivtotal #shadows:hover path {
	stroke-width:0px;
}

/*non usato*/
.mapdiv #name path {
	fill: #0a3a64;
}

.mapdiv #name:hover path {
	stroke-width:0px;
}
/* End non usato*/

#tooltip {
	background: rgb(37 60 117 / 90%);
	color: #fff;
	border-radius: 5px;
	padding: 8px 15px 8px 15px;
	font-size: 14px;
	font-family: 'Roboto';
	text-transform: uppercase;
	position: absolute;
	display: none; /* Questa è la sola dichiarazione necessaria */
	white-space: nowrap;
	z-index: 1000;
}

.map-highlighted {
    outline: 3px solid #FC7100!important;
	box-shadow: inset 0 0 10px #FC7100, 0 0 25px #FC7100;
    transition: border 0.3s ease-in-out;
}