.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* Stile per le finestre modali */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 600px;
}
#modalAlveare, #modalModifica, #modalEvento, #modalModificaEvento, #modalMassiva, #modalRaccolta, #modalModificaRaccolta, #modalTrattamento, #modalModificaTrattamento {
	display: none; /* Nascondi le finestre modali di default */
	position: fixed; /* Posizione fissa */
	z-index: 1; /* Soprattutto sopra il contenuto */
	left: 0;
	top: 0;
	width: 100%; /* Larghezza completa */
	height: 100%; /* Altezza completa */
	overflow: auto; /* Abilita lo scorrimento se necessario */
	background-color: rgb(0,0,0); /* Colore di sfondo nero */
	background-color: rgba(0,0,0,0.4); /* Sfondo traslucido */
}

/* Stile per il range slider */
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
.slider:hover {
  opacity: 1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

/* Stile per le progress bar */
.progress {
  margin-bottom: 0px !important;
}

/* Visualizzazione in box per mobile */
 .alveare {
	width: 90px;
	height: 130px; /* Aumentato per ospitare le sezioni sotto */
	border: 1px solid #ddd;
	margin: 5px;
	position: relative;
	padding: 5px;
	font-size: 12px;
	border-radius: 5px; /* Aggiunto per un aspetto più moderno */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Aggiunto per un effetto di profondità */
	transition: transform 0.2s; /* Aggiunto per un effetto di hover */
}
.alveare:hover {
	transform: scale(1.10); /* Effetto di ingrandimento al passaggio del mouse */
}
.alveare-nome {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin-top: 30px;
	cursor: pointer;
}
.alveare-nome a:hover {
    text-decoration: none; /* Rimuove la sottolineatura al passaggio del mouse */
}
.alveare-sezioni {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px; /* Spazio dal fondo */
}
.alveare-sezione {
	height: 15px; /* Altezza di ogni sezione */
	margin-top: 5px; /* Spazio tra le sezioni */
	margin-right: 5px;
	margin-left: 5px;
}
.alveare-posizione {
	position: absolute;
	bottom: 50px; 
	left: 5px;
	cursor: default;
}
.alveare-telai {
	position: absolute;
	bottom: 50px; 
	right: 5px;
	cursor: default;
}
.alveare-icona {
	position: absolute;
	top: 5px;
	font-size: 14px;
	cursor: pointer; /* Cambia il cursore per indicare che è cliccabile */
}
.alveare-icona-matita { 
	left: 5px; 
}
.alveare-icona-cestino { 
	right: 5px; 
}
.alveare-icona-melario {
	left: 50%; /* Posiziona al centro */
	transform: translateX(-50%); /* Centra esattamente l'elemento */
}

/* Gestione div destra-sinistra */
.left-right-divs {
	position: relative;
	width: 100%;
	height: 30px;
}
.left-div, .right-div {
	position: absolute;
	top: 0;
	padding: 0px;
}
.left-div {
	left: 0;
}
.right-div {
	right: 0;
}

/* Gestione progress bar da mobile */
.progress-mobile {
	height: 10px; /* Altezza della progress bar */
    border-radius: 5px; /* Bordo arrotondato */
    padding: 0; /* Rimuovi padding */
    margin: 0; /* Rimuovi margini */
}
.progress-mobile, .progress-bar {
    box-sizing: border-box; /* Include padding e bordi nel calcolo dell'altezza */
}

.link a {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}
.link a:hover {
  color: #aaa;
  background-color: transparent;
  text-decoration: none;
}