html,body{
  height: 100%;
}

footer{
  height: 20%;
  background-color: #a6cee3 !important;
}

.full-height {
  min-height: 100%;
}

.part-height {
  min-height: 80%;
}

#banner a:link{
  text-decoration: none;
}

.table-responsive-container {
	width: 100% !important;
}

.w3-table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.dt-pagination-responsive {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 768px) {
	.dt-pagination-responsive {
		justify-content: center;
	}
}

.w3-table th, .w3-table-all th {
    vertical-align: bottom;
}

.w3-teal, .w3-hover-teal:hover {
    color: #fff !important;
    background-color: #a6cee3 !important;
}

p.je-form-input-label{
    font-size: x-small;
    font-style: italic;
    color: gray;
}

/* Overlay semi-trasparente */
.overlay {
  position: fixed;        /* Fisso sulla finestra */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5); /* Sfondo scuro trasparente */
  display: none;          /* Nascosto di default */
   position: fixed;   /* o absolute */
   z-index: 4000;     /* più alto della mappa */
}

.modal {
  overflow-y: auto;
  align-items: center;
  justify-content: center;
  padding: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centra perfettamente */
  background: white;
  padding: 20px;
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  position: fixed;   /* o absolute */
  z-index: 4001;     /* più alto della mappa */
}

.mySlides img {
    width: 100%;
    height: auto;
}