.leaflet-control-info
{
    display: block;
    padding: 3px; 
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);*/
    border: 2px solid rgba(0,0,0,0.3);
    cursor: auto;
    background-color: #FFFFFF;
    z-index : 1800;
    height : 3.3em;
    width : 3.3em;
}

.leaflet-control-info-expanded {
	width : 500px;	
	height : 600px;
}

.leaflet-control-wms-legend:hover
{
    background-color: #F4F4F4;
}

.leaflet-info-icon {
	width : 1.5em;
	height : 1.5em;
	text-align: center;
	font-size : 2em;
	border: 2px solid #640064;
	background-color : #640064;
	color : white;
	border-radius: 50%;
	display:inline-block;
	cursor: pointer;
}

.leaflet-info-icon:hover {
	background-color : blue;
	border: 2px solid blue;
}

.leaflet-info-content {
	display : none;
	height : calc(100% - 3.3em);
	padding-left : 10px;
	padding-right : 10px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom : 0px;
}
 .leaflet-info-content-visible {
	display : block;
}

.leaflet-info-content h2 {
	color : #640064;
}

.leaflet-info-content h3 {
	color : #640064;
}

.leaflet-info-content p {
	font-size : 1.2em;
	text-align:justify;
}

.leaflet-info-content li {
	font-size : 1.2em;
	text-align:justify;
}


.leaflet-info-content .radpage{
  display:none;
}

.leaflet-info-content label {
	padding-left : 5px;
	padding-right : 5px;
	font-size : 1.4em;
	cursor : pointer;
}

.leaflet-info-content input[class="radpage"] + label {
  color: grey;
}
.leaflet-info-content input[class="radpage"]:checked + label {
  color:#640064;
  font-weight : bold;
  
}

.leaflet-info-content input[class="radpage"]:checked + label::before {
	content: '\2714';
	color : #640064;
	/*background: url("icon.jpg") no-repeat;
    width: 10px;
    height: 10px;*/
}

.leaflet-info-content .page{
  display:none;
}

.leaflet-info-content .pageselect{
  display:block;
}