html, body {
    height: 100%;
    margin: 0;
    font-family:sans-serif;
}
.leaflet-container {
    height: 400px;
    width: 600px;
    max-width: 100%;
    max-height: 100%;
}
.legend-icon{
    width:50px;
}
.legend-icon.alquilerseguro{ padding:8px; }
.leaflet-popup-content{ max-width:130px; }
.leaflet-popup-content{ line-height:1.05; }
.leaflet-popup-content h4{ margin:0; }
.leaflet-popup-content .footer{ text-align:right; margin-top:0.6em;}
.img-fluid{  max-width:100%;  }
.as-icon.rented{
    filter: sepia(1) saturate(1) hue-rotate(85deg);
}
.airbnb-icon{
    filter: sepia(1) saturate(3) hue-rotate(55deg);
}
.airbnb-icon.self-checkin{
    filter: sepia(1) saturate(2) hue-rotate(175deg);
}
.airbnb-icon.no-license{
    filter: sepia(1) saturate(3) hue-rotate(-5deg);
}
.airbnb-icon.no-license.self-checkin{
    filter: sepia(1) saturate(5) hue-rotate(-55deg);
}
.legend-item{ width:100%; height:45px; display:flex; align-items: center; cursor: pointer; }
#legend .airbnb-icon{ width:50px; }
#legend .as-icon{ width:33px; margin-left:12px; }


.marker-cluster {
	background-clip: padding-box;
	border-radius: 48px;
	}
.marker-cluster div {
	width: 34px;
	height: 34px;
	margin-left: 3px;
	margin-top: 3px;

	text-align: center;
	border-radius: 40px;
	font-weight:bold;
	color:#fff;
	font-size: 15px;
	}
.marker-cluster span {
	line-height: 34px;
	}

.alquilerseguro-cluster.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.alquilerseguro-cluster.marker-cluster-small div {
	background-color: rgba(130, 179, 146, 0.9);
	}
.alquilerseguro-cluster.marker-cluster-medium {
	background-color: rgba(94, 132, 103, 0.6);
	}
.alquilerseguro-cluster.marker-cluster-medium div {
	background-color: rgba(94, 132, 103, 0.9);
	}
.alquilerseguro-cluster.marker-cluster-large {
	background-color: rgba(65, 96, 72, 0.6);
	}
.alquilerseguro-cluster.marker-cluster-large div {
	background-color: rgba(65, 96, 72, 0.9);
	}

.airbnb-cluster div{
    border-radius: 12px;
}
.airbnb-cluster.marker-cluster-small {
	background-color: rgba(181, 226, 255, 0.6);
	}
.airbnb-cluster.marker-cluster-small div {
	background-color: rgba(130, 179, 255, 0.9);
	}
.airbnb-cluster.marker-cluster-medium {
	background-color: rgba(94, 132, 255, 0.6);
	}
.airbnb-cluster.marker-cluster-medium div {
	background-color: rgba(94, 132, 255, 0.9);
	}
.airbnb-cluster.marker-cluster-large {
	background-color: rgba(65, 96, 255, 0.6);
	}
.airbnb-cluster.marker-cluster-large div {
	background-color: rgba(65, 96, 255, 0.9);
	}

#loading-overlay{
    transition: all 600ms;
    opacity:0;
    z-index:-1;
}
#loading-overlay.show{
    z-index:3000;
    opacity:1;
    background: rgba(0,0,0,0.4);
}

.leaflet-popup h5{
    font-size:1.05rem;
}