.idp-link{display: block;}
.form-control-login {
	display: block;
	width: 50%;
	padding: .375rem .75rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: rgb(0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: rgb(255, 252, 200);
	background-clip: padding-box;
	border: 1px solid red;
	border-radius: 3px;
}

 
/* Stili base per i div */
.container {
	display: flex; /* Abilita Flexbox */
	flex-wrap: wrap; /* Permette agli elementi di andare a capo se non c'è spazio */
	gap: 10px; /* Spazio tra i div */
	justify-content: center; /* Centra i div orizzontalmente se c'è spazio extra */
	margin-top: 20px; /* Margine esterno per il contenitore */
	font-size: 16px;
}

.box {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	padding: 20px;
	text-align: center;
	box-sizing: border-box; /* Include padding e border nel calcolo della larghezza */
	flex: 1; /* Permette ai div di crescere e restringersi */
	min-width: 300px; /* Larghezza minima per i div */
	text-align: left;
}

/* Media Query per schermi desktop (o più grandi) */
@media (min-width: 768px) {
	.box {
		width: calc(50% - 10px); /* Ogni div occupa il 50% meno la metà del gap */
		flex: none; /* Disabilita la flessibilità per mantenere la larghezza fissa */
	}
}

/* Media Query per schermi più piccoli (smartphone) */
@media (max-width: 767px) {
	.box {
		width: 100%; /* Ogni div occupa il 100% della larghezza disponibile */
	}
}

.truncate-text {
	/*white-space: nowrap;  Impedisce al testo di andare a capo */
	overflow: hidden;    /* Nasconde il testo in eccesso */
	text-overflow: ellipsis; /* Aggiunge i puntini di sospensione */
	max-width: 30ch; /* Imposta una larghezza massima per la cella (o un'altra unità) */
	display: -webkit-box;
    -webkit-line-clamp: 3; /* Limita il testo a 3 linee */
    -webkit-box-orient: vertical; /* Necessario per -webkit-line-clamp */
    line-height: 1.3em; /* Assicurati che il line-height sia definito */
    max-height: calc(1.3em * 3.3); /* Calcola l'altezza massima basata su line-height * numero di linee */
	border:none;
}

td, th {
	vertical-align: top;
	border: 2px solid white; 
	border-collapse: collapse;
	padding: 5px;
}

.log_table{width:60%}

.log_table th, .log_table td {
	border:none;
	background-color:#41413C;
	color: white;
}

.infodiv {
    display: none; /* Nasconde la infodiv di default */
    position: fixed; /* Rende la infodiv fissa rispetto alla finestra del browser */
    z-index: 1000; /* Assicura che sia sopra gli altri contenuti */
    left: 0;
    top: 0;
    width: 100%; /* Copre l'intera larghezza */
    height: 100%; /* Copre l'intera altezza */
    overflow: auto; /* Abilita lo scroll se il contenuto è troppo lungo */
    background-color: rgba(0,0,0,0.7); /* Sfondo nero semi-trasparente */
    display: flex; /* Usiamo flexbox per centrare il contenuto */
    justify-content: center; /* Centra orizzontalmente */
    align-items: center; /* Centra verticalmente */
}

.infobox {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.voce-menu {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    cursor: pointer;
    transition: background-color 0.3s;
}

.voce-menu:last-child {
    border-bottom: none;
}

.voce-menu:hover {
    background-color: #f9f9f9;
}

.voce-menu h3 {
    margin: 0;
    font-size: 1.2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.freccia {
    transition: transform 0.3s ease;
    font-size: 1em;
    color: #555;
}

.voce-menu.aperto .freccia {
    transform: rotate(180deg);
}

.info-estese {
    display: none;
    padding-top: 10px;
    color: #666;
    font-size: 0.95em;
    line-height: 1.5;
}

.custom-file-input {
	display: none;
}