@charset "utf-8";
/* CSS Document */

/* DAVIDE 30/08/2024 - Sezione commentata in seguito ad introduzione degli import css di TOM relativi alla versione "legacy" */
/* perche' determinava situazione di conflitto rispetto ai nuovi framework intodotti nella modalita' "spa". */
/*
a:link {color: #00945d;	text-decoration: none;}
a:visited {	color: #00945d;	text-decoration: none;}
a:hover {color: #CC0000;text-decoration: underline;}
a:active {color: #CCCCCC;text-decoration: underline;}
*/

a.toggle_link:link {color: #00945d;	text-decoration: none;}
a.toggle_link:visited {	color: #00945d;	text-decoration: none;}
a.toggle_link:hover {color: #00945d;text-decoration: underline;}
a.toggle_link:active {color: #00945d;text-decoration: none;}

a.radio_link:link {color: #000000;	text-decoration: none;}
a.radio_link:visited {color: #000000;	text-decoration: none;}
a.radio_link:hover {color: #000000;text-decoration: none;}
a.radio_link:active {color: #000000;text-decoration: none;}

a.bn_link:link {color: #FFF;	text-decoration: none;}
a.bn_link:visited {	color: #FFF;	text-decoration: none;}
a.bn_link:hover {color: #FF0033; text-decoration: underline;}
a.bn_link:active {color: #000000;text-decoration: underline;}

a.footer_link:link {color: #333333;	text-decoration: none;}
a.footer_link:visited {	color: #333333;	text-decoration: none;}
a.footer_link:hover {color: #CC0000; text-decoration: underline;}
a.footer_link:active {color: #000000;text-decoration: underline;}

a.user_link:link {color: #333333;	text-decoration: none;}
a.user_link:visited {	color: #333333;	text-decoration: none;}
a.user_link:hover {color: #CC0000; text-decoration: underline;}
a.user_link:active {color: #000000;text-decoration: underline;}

/* IVAN - 10/09/2024: - Sezione commentata in seguito ad introduzione degli import css di TOM relativi alla versione "legacy" */
/* perche' determinava situazione di conflitto rispetto ai nuovi framework introdotti nella modalita' "spa". */
.command_bar a:link {background-color: #00945d; color: #ffffff; text-decoration: none; /* padding-bottom: 3px; padding-top: 3px; */ }
.command_bar a:visited {background-color: #00945d; color: #ffffff; text-decoration: none; /* padding-bottom: 3px; padding-top: 3px; */ }
.command_bar a:hover {background-color: #00945d; color: #CC0000; text-decoration: underline; text-decoration: none; /* padding-bottom: 3px; padding-top: 3px; */}
.command_bar a:active {background-color: #00945d; color: #CC0000;text-decoration: underline; text-decoration: none; /* padding-bottom: 3px; padding-top: 3px; */}

.command_bar a.dirty-detected:link {background-image: none; background-color: #00A47d; color: #ffffff; text-decoration: none; /* padding-bottom: 3px; padding-top: 3px; */}
.command_bar a.dirty-detected:visited {background-image: none; background-color: #00A47d; color: #ffffff; text-decoration: none; /* padding-bottom: 3px; padding-top: 3px; */}
.command_bar a.dirty-detected:hover {background-image: none; background-color: #00A47d; color: #CC0000; text-decoration: underline; text-decoration: none; /* padding-bottom: 3px; padding-top: 3px; */}
.command_bar a.dirty-detected:active {background-image: none; background-color: #00A47d; color: #CC0000;text-decoration: underline; text-decoration: none; /* padding-bottom: 3px; padding-top: 3px; */}

.command_bar a.big_button {padding-bottom: 7px!important; padding-top: 7px!important;}

.command_bar input.button:hover {color: #CC0000;}


/* ************************************************************************************************************** */
/* **** DAVIDE 21/02/2025: da questo punto in poi vengono riportati i css implementati per la versione "SPA" **** */ 
/* **** (inizialmente impostati all'interno del decorator "tom.jsp") 										 **** */
/* ************************************************************************************************************** */

/* Altezza delle righe relative alle singole voci "interne" (sotto-menu') del menu' applicativo */
ul.dropdown-menu > li {
	line-height: 5px;
}

/* Altezza delle righe relative alle singole voci "interne" (sotto-menu') delle tendine dropdown */
ul.dropdown-buttons-menu > li {
	line-height: 5px!important;
}						

/* Colore di sfondo utilizzato per cambiare lo sfondo delle tendine dei pulsanti dropdown */
.tom-bg-dropdown-color-custom {
	background-color: #FFFFFF;
}

/* Bordo specifico per gli elementi all'interno del pulsante scorciatoia per la ricerca dei corsi */
ul.tom-search-corsi-shortcut-button > li a{
	border-bottom: 1px solid var(--grey-100);
	font-size: 0.83em;
	padding: 6px 18px 6px 18px;
}

ul.tom-search-corsi-shortcut-button > li:last-child a {
	border: 0;
}

/* IVAN - 06/02/2025: modificato il colore di sfondo per renderlo uniforme alle voci del menu di TOM */
.dropdown-item.active, .dropdown-item:active {
	background-color: #f8f9fa;
}

/* Utilizzando il tema PORTO quando si attribuisce la classe "dropdown-toggle", Bootstrap va ad aggiungere */
/* un bordo superiore di 0.3em solid che va ad interferire con la corretta renderizzazione del componente.*/
li > .dropdown-toggle::after, a.dropdown-toggle::after {
	border-top: none!important;
}

/* DAVIDE - 30/04/2025: forza l'eliminazione del simbolino della 'freccetta' normalmente presente affianco all'etichetta */
/* nei pulsanti di 'dropdown' (o in qualsiasi altro elemento) che utilizzano la classe css 'dropdown-toggle-no-content'. */
/* NOTA BENE: sara' compito del chiamante prevedere meccanismi alternativi per la rappresentazione dell'icona di apertura del menu'. */
.dropdown-toggle-no-content::after {
	content: none!important;
}

/* La seguente classe css definisce la formattazione di default applicabile a tutti i pulsanti applicativi */ 
.btn-tom {
	--bs-btn-color: #fff;
	/* --bs-btn-bg: #198754; // Questo e' il colore di background originario della classe "btn-success" di Bootstrap */				
	--bs-btn-bg: #00945d; /* Questo e' il colore di default dei pulsanti legacy di TOM '*/
	/*--bs-btn-border-color: #198754; // Questo e' il colore del bordo originario della classe "btn-success" di Bootstrap */
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #157347;
	--bs-btn-hover-border-color: #146c43;
	--bs-btn-focus-shadow-rgb: 60, 153, 110;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #146c43;
	--bs-btn-active-border-color: #13653f;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #198754;
	--bs-btn-disabled-border-color: #198754;
	--bs-btn-line-height: 0.9; /* DAVIDE 12/09/2024: istruzione introdotta per diminuire l'altezza di tutti i pulsanti applicativi */
	
	border: 1px solid #000000; /* Questo e' il bordo di default dei pulsanti legacy di TOM '*/
	
	/* DAVIDE 30/10/2024 - ulteriori definizioni necessarie per la gestione del bordo e dell'ombreggiatura ... */
	border: 2px solid rgba(0, 0, 0, 0.06);
	border-radius: 6px!important;
	box-shadow: 1px 2px 3px #b0b0b0!important;
	
}

/* Definisce l'effetto 'hover' da applicare ai pulsanti applicativi standard. */
.btn-tom:hover {
	color: #FF0033;
}

/* DAVIDE 12/02/2025: classe di stile utilizzabile, in aggiunta agli stili di default, nei pulsanti applicativi che necessitano di un dimensionamento fisso. */
/* Un tipico caso d'uso potrebbe essere quello dei pulsanti contenuti all'interno di tabelle, dove puo' essere necessario assicurarsi dei limiti massimi in */
/* larghezza all'interno di certe colonne. */
/* NOTA BENE: questa impostazione va usata con oculatezza e VERIFICANDO SEMPRE gli specifici casi d'uso, tenendo ben presente che il dimensionamento fisso di */
/* elementi della pagina, per quanto piccoli di ingombro come i pulsanti applicativi, puo' sempre generare dei comportamenti anti-responsive! */
.btn-tom-fixed {
	width:160px;
	max-width:160px;
}

/* DAVIDE - 16/06/2025: classe di stile utilizzabile per (ri-)definire esplicitamente l'altezza "standard" di un button. */
.btn-height {
	height:26px;
}

/* DAVIDE - 17/02/2025: classe di stile utilizzabile per (ri-)definire l'aspetto di uno "shortcut" button nelle viewport medio-alte. */
.btn-shortcut-md {
	min-width:60px;
	height:26px;
}

/* DAVIDE - 17/02/2025: classe di stile utilizzabile per (ri-)definire l'aspetto di uno "shortcut" button nelle viewport basse. */
.btn-shortcut-sm {
	min-width:30px;
	height:26px;
}

/* DAVIDE - 31/01/2025: classe di stile utilizzabile per definire l'aspetto del link, presente all'interno del footer, con cui */
/* poter richiamare la pagina contenente le informazioni relative alla privacy. */
.tom-privacy-link {
	--bs-btn-bg:none!important;
	--bs-btn-hover-bg:none!important;
	--bs-btn-border-color:none!important;
}

/* DAVIDE - 05/03/2025: reimpostato il "font-family" di questa classe css definita nella risorsa "tom_header/vendor/simple-line-icons/simple-line-icons.css" */
/* in modo da utilizzare dei font senza le grazie (questo perche' i link marcati con questa classe risultavano generalmente essere gli unici elementi presenti */
/* in pagina aventi i font con le grazie). */
/* NOTA BENE: la modifica in oggetto allinea queste "font-family" a quelle definite per il body in "styles/tom_applicazione.css". */
.icon-link {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/* IVAN - 07/03/2025: queste sono le proprieta' per cambiare l'aspetto del pulsante "Sfoglia..." dei tag HTML <input type="file">. */
/* Di default vengono replicate le proprieta' dei pulsanti di TOM che utilizzano la classe "btn-tom".*/
::file-selector-button {
	background-color: #00945d!important;
	font-weight: bold;
	font-size: 0.8rem;
	color: #fff!important;
	border: 2px solid rgba(0, 0, 0, 0.06);
	border-radius: 6px!important;
	box-shadow: 1px 2px 3px #b0b0b0!important;
	padding-right: 0.65rem;
  	padding-left: 0.65rem;
	/* IVAN - 14/03/2025: questa proprieta' va a sovrascrivere quella definita nella classe CSS "form-control" */
	/* che disabilita gli effetti "hover" che abbiamo definito per il pulsante */				
	pointer-events: all!important;
}
::file-selector-button:hover {
	border-color: #146c43!important;
	color: #FF0033!important;
	cursor: pointer;
}

/* IVAN 26/05/2025: queste proprieta' servono per replicare la funzionalita' di troncamento del nome del file che in precedenza veniva gestito dalla classe di Bootstrap "form-control". */
@media (max-width: 550px) {
	input[type=file] {
		text-overflow: clip;
		white-space: nowrap;
	    overflow: hidden;
	    max-width: 230px;
	}
}
@media (min-width: 551px) {
	input[type=file] {
		text-overflow: clip;
		white-space: nowrap;
	    overflow: hidden;
	    max-width: 400px;
	}
}

/* DAVIDE 26/03/2025 - Mostra il cursore "puntato" sull' hover delle singole voci di una dropdown. */
/* Questa impostazione sovrascrive l'analoga definita in 'tom_header/css/theme-elements.css' */
.dropdown-item:not(.btn):hover {
	text-decoration: none;
	cursor: pointer;
}

/* DAVIDE 30/04/2025 - Definisce esplicitamente la proprietà di 'max-width' per il pulsante raggruppatore (sulle viewport basse) utilizzato nel tag 'tommvc:buttonList'. */
.buttonsListMaxWidth {
	max-width:350px;
}

/* IVAN - 06/05/2025: questa specifica serve a ridurre l'altezza della linea applicata alle icone */
.icon-line-height {
	line-height: 0.5;
}