svg {
    display: block;
    margin: auto;
}

h1 {
    font-size: 40px;
}

path {
    stroke: white;
    stroke-width: 2px;
    fill: grey;
}
/* --------------- Mappe ------------------- */
#MAPPA {
    /*width: 600px;
    height: 400px;*/
}

/* focus nella mappa */
.grafico_focusMap {
    opacity: 0.4;  
    stroke-width: 0.8px !important;
    stroke: red !important;
}

/* Tooltip mappa*/
.grafico_tooltips {
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    position: absolute;			
    text-align: center;			
    min-width: 60px;	
    min-height: 28px;					
    padding: 5px;				
    background: lightsteelblue;	
    border: 0px;		
    border-radius: 8px;			
    pointer-events: none;		
    z-index: 99;	
}

/* --------------- Colori ------------------ */


.color_3 {
  color: #FFD7BA;
  fill: #FFD7BA;
}

.color_2 {
  color: #FF5A5F;
  fill: #FF5A5F;
}

.color_1 {
  color: #1EC88C;
  fill: #1EC88C;
}


/* colore neutrale per i paesi NA */
.color_0 {
  color: #C0C0C0;
  fill: #C0C0C0;
}

/* Colore paesi non colorati nelle mappe */
.color_9 {
    color: #D3D3D3;
    fill: #D3D3D3;
}

.stroke_0 {
  stroke: whithe;
}

#LEGEND svg {
width:130%;
height:150%;
}