path.mapPath:hover {
  /*fill:#67B9E2;*/
  fill:#0075BF;
  cursor: pointer;
} 

.fillMap{
  fill:#0075BF;
}
.menu-svg{
    padding: 15px;
    background-color:rgba(3, 52, 84, 0.7); 
    width:310px;
    
}

.flex-container{
display: flex;
flex-wrap: nowrap;
height: 244px;


}
ul.dropdown-menu.bgmap{
    background-color: transparent;
}

div.provincia{
  margin: 0;
  background-color: white;
  display: none;  
  padding:20px 20px 20px 30px; 
  min-width: 300px;
  width: fit-content;
  color: #0075bf;
  height: 244px;
}
#provinciaMap{
  background-color: white;
}
#provinciaMap div.classHover:hover{
  text-decoration: underline!important;
}
div.provincia .titleRegion{
margin-bottom: 5px;
text-transform:uppercase;
font-weight: 600!important;
display: inline-block;

}
span.areas a:hover {
  text-decoration: underline!important;
   background-color: #0075bf!important;
 
  color:white!important;
}
span.areas a {
  background-color:white;
  padding:5px;
  color: #0075bf!important;
 
  
  
}

.menu-svg span, .menu-svg a, .menu-svg a:visited{
text-transform:uppercase;
font-weight: 600;
color: white;
display: inline-block;
}
/* .contentRegion{
width: auto;

} 
*/
li#dropdownMobile{
display: none!important;
}
@media screen and (max-width: 765px) {
ul.dropdown-menu.bgmap{
 display: none!important;
}
.newstyles .container-fluid {
  padding-right: 0px!important;
  padding-left: 0px!important;

}
div.navbar-header{
  padding-right: 15px!important;
  padding-left: 15px!important;
}
#dropdownMobile li, ul.nav.navbar-nav{
  padding-left: 15px!important;
}
#menuMaps{
  display: none;
}
li#dropdownMobile{
  display: block!important;
}
}

/* bdm*/
.row.boxSearch{
 display:none;
  
}
.link-Provincia{
	position: absolute;
    top: 210px;
    font-weight: 600!important;
   text-transform: uppercase;
}

/* ############################## */
/*  style for map muoversi in Puglia*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .tooltipMap{
    display: none; 
    background-color:white;
    opacity: 0.7;
    padding: 5px;
    color: #0075bf;
    
    
  }
  .tooltipMap span{
    text-transform: uppercase!important;
    font-weight: 600;
  }
  .tooltipMap div{
    margin-left: 20px;
  }
  
  .tooltipMap.tooltipShow{
    position: absolute;
    top: 430px;
    left: 70px;
    display: block!important;
  }

  path.linea:hover{
    cursor: pointer;
    
}

path.linea:hover .tooltipMap{
    display: block
    
}

.interactiveImage{
  background-color: #bbe2f8;
  width: 100%;
  max-width: 750px;
  max-height: 600px;
 /*  height: auto;
 */
}

.linkline{
  background: red
}


@media screen and (max-width: 750px) {
  .interactiveImage {
    width: 100%!important;
    height: auto;
  }
  .interactiveImage svg{
    width: 100%!important;
    height: auto;
  }

}