.edit .mappa-cyclomap {
	margin: 1em 0em;
	height: 40vh;
	min-height: 200px;
}

.page .mappa-cyclomap {
	margin: 1em 0em;
	height: 40vh;
	min-height: 200px;
}

.scrollable-dropdown .dropdown-menu {
	max-height: 30vh;
	overflow-y: auto;
}

.scrollable-dropdown .dropdown-item.active {
	background-color: var(--primary-color);
}

.percorso-filtri h5 {
	font-weight: bolder;
}

.bg-overlay {
	background: rgba(0, 0, 0, 0.5);
	/* Dark overlay */
	border-radius: inherit;
	/* Matches b-card border radius */
}

@media (max-width: 767.98px) {
	#percorsi-carousel .carousel-caption {
		bottom: 20px;
	}

	#percorsi-carousel .carousel-caption h5 {
		font-size: 1.25rem;
	}

	#percorsi-carousel .carousel-caption h6 {
		font-size: 1rem;
	}

	#percorsi-carousel .carousel-caption .badge {
		font-size: 0.875rem;
	}
}


/* gestore stile timeline */
ul.timeline {
  list-style-type: none;
  position: relative;
}

ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}

ul.timeline>li {
  margin: 12px 0;
  padding-left: 15px;
  align-items: center;
  /* Center the content vertically */
  position: relative;
}

ul.timeline>li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid var(--primary-color);
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
  top: 42%;
  /* Position at the middle */
  transform: translatex(-40px);
  /* Adjust to center */
}