/* personalizzazioni di leaflet  */
.leaflet-center {
    left: 50%;
    transform: translate(-50%, 0%);
}

.leaflet-middle {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    top: 50%;
    transform: translate(-50%, -50%);
}

.leaflet-center .leaflet-middle {
    transform: translate(-50%, -50%);
}

.leaflet-left .leaflet-control {
    margin-left: 0px !important;
}

.leaflet-right .leaflet-control {
    margin-right: 0px !important;
	background: white;
}

.leaflet-top .leaflet-control {
	height: max-content;
	margin-top: 85px;
	float: left;
	padding: 5px;
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 0px !important;
}


		html, body {
			height: 100%;
			margin: 0;
		}
		.leaflet-container { 
			width: 10px;
			max-width: 100%;
			max-height: 100%;
		}
		.leaflet-left {
			padding: 10px;
		}

.leaflet-popup-tip {
    background: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important;
}
.leaflet-tooltip-top:before, 
.leaflet-tooltip-bottom:before, 
.leaflet-tooltip-left:before, 
.leaflet-tooltip-right:before {
    border: none !important;
}

/* menù principale  */
#menu {width: max-content; margin-top: -42px;}
#_COMMENT {font-style: italic; font-weight: bold; cursor:auto}
.parent {display: block; position: relative; float: left; line-height: 40px;background-color: #4FA0D8; border:#95B4CA 2px solid; border-radius: 3px; margin-right: 2px; padding-left: 10px;padding-right: 10px;  color: #FFFFFF; user-select: none; text-decoration: none; cursor:pointer;}
/* .parent:hover > ul {display:block;position:absolute;} fatto in javascript per avere il chiudi al click (per mobile) */
.parent li:hover {background-color: #F0F0F0;}
.childContainer {max-height: 600; width: max-content; border: 2px #95B4CA solid; border-radius: 5px; overflow-x:hidden; overflow-y:auto; scrollbar-width: auto; margin-left:-8px; margin-top: 2px; padding-right: 5px}
.child {display: none;}
.child li {color:black; background-color: #E4EFF7;line-height: 22px;border-bottom:#CCC 1px solid;border-right:#CCC 1px solid; width:100%;padding-left: 4px; cursor: pointer;}
.child li a{color: #000000;line-height: 40px;}
ul {list-style: none;margin: 0;padding: 0px; min-width:10em;}
ul ul ul {left: 50%;top: 0;margin-left:1px;}
li:hover {background-color: #95B4CA;}
.expand {font-size:12px;float:right;margin-right:5px;}

/* onMouseOver stimoli-immagine */
.image-wrapper {
	position: absolute;
	transform: translate(-60%, -60%);
    opacity: 1;
	border: 2px #95B4CA solid; 
	border-radius: 5px;
}

.image-wrapper.fade-out {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}


/* elementi miei */
li[id^="_luoghiIndagati"] {
  font-style: italic;
}

#titleArea {
margin: 5px;
border:#95B4CA 2px solid; 
border-radius: 3px;
font-weight : bold;
padding: 5px;
text-align: center;
white-space: nowrap;
background-color: #4fa0d8;
cursor: pointer;
display: inline;
overflow: hidden;
color: white;
width: auto;
font-size : 12px;
}

#displayArea {
overflow-y: scroll;
height: 400px;
background-color: white;
}

@media only screen and (max-width: 1024px) {
#menu { 
  max-width: 300px;
}
#clickableArea {
font-size : 12px;
}
.divCategorySelector { 
  max-height: 200px !important;
}
.child li {line-height: 15px; font-size: 14px;}
.childContainer {max-height: 180; max-width: 300px;position:absolute; z-index:1}
}

.langSelectorDiv {
/* max-height: per desktop buono 600px*/
overflow-y: auto;
border: 2px grey solid;
border-radius: 5px;
}

.langToggleDiv, .catToggleDiv {
cursor: pointer;
user-select: none;
}

.div1LevAreaSelector {
background-color: grey;
}

/* checkbox delle categorie (selettore a destra) */
.checkbox_cat {
  white-space: nowrap;
  overflow:hidden;
}
.box {
  height: 12px;
  width: 12px;
  border: 1px solid white;
display: inline-block;
}
.boxNoBorder {
  height: 12px;
  width: 12px;
  border: 0px;
display: inline-block;
}
.inline {
display: inline-block;
}