/* loading */
.wrapper-loading, .wrapper-loading-situation{--height-wrap-load:150px;--width-wrap-load:150px;--radius-wrap-load:50%;--height-rect-load:120px;}

.wrapper-loading-hide, .wrapper-loading-hide .loading{display:none!important}
.wrapper-loading, .wrapper-loading-situation{position:relative; z-index: 401; top:50%;left:50%; transform: translate(-50%, -50%); height:var(--height-wrap-load); width:var(--width-wrap-load); background-color: var(--principal50); border-radius:var(--radius-wrap-load); padding:15px}
.loading{text-align:center;margin:auto;bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 300}
.loading .rect-wrap {height: var(--height-rect-load);left: 0;position: absolute;text-align: center;top: 50%;transform: translateY(-50%);width: 100%}
.loading .rect-wrap>div {animation: sk-stretchdelay 1.2s ease-in-out infinite;background-color: var(--noir);display: inline-block;height: 100%;margin: 0 10px 0 0;width: 4px;border-radius:20px}
.loading .rect-wrap .rect2 {animation-delay: -1.1s}
.loading .rect-wrap .rect3 {animation-delay: -1s}
.loading .rect-wrap .rect4 {animation-delay: -.9s}
.loading .rect-wrap .rect5 {animation-delay: -.8s}
@keyframes sk-stretchdelay {
  0%,40%,to {
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5)
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
  }
}


/* markers group maps */
.marker-cluster-small {
	background-color: var(--principal30);
	}
.marker-cluster-small div {
	background-color: var(--principal50);
	}

.marker-cluster-medium {
	background-color: var(--principal30);
	}
.marker-cluster-medium div {
	background-color: var(--principal50);
	}

.marker-cluster-large {
	background-color: var(--principal30);
	}
.marker-cluster-large div {
	background-color: var(--principal50);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: var(--principal);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: var(--principal);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: var(--principal);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: var(--principal);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: var(--principal);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: var(--principal);
}

.marker-cluster {display: flex;flex-direction: row;justify-content:center;align-items:center;align-content:center;
	background-clip: padding-box;
	width: 70px!important;
	height: 70px!important;
	border-radius:50%;
	}
.marker-cluster div {display: flex;flex-direction: row;justify-content:center;align-items:center;align-content:center;
	width: 60px;
	height: 60px;
	text-align: center;
	border-radius:50%;
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: 700;
  margin:0!important
	}
.marker-cluster span {
	line-height: 30px;
	}