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

/* Definizione esplicita di una "property" css utilizzabile per definire i colori di sfondo dei titoli di TOM */
@property --tom-title-bg-color {
	syntax: "<color>";
	inherits: false;
	initial-value: #00a096;
}

/* Definizione esplicita di una "property" css utilizzabile per definire i colori di sfondo di una generica sezione*/
/* di TOM racchiusa in un "box". */
@property --tom-boxed-bg-color {
	syntax: "<color>";
	inherits: false;
	initial-value: #cfe2ff;
}

body  {  
	/* IVAN 06/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 intodotti nella modalita' "spa". */
	/* color: #333333; */ 
	font-size: 10pt; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	background-color: white; 
	text-align: justify; 
	/* DAVIDE 05/05/2025: ridefinita la spaziatura laterale del body utilizzando il padding al posto del margin perchè quest'ultima */
	/* impostazione NON risulta recepita su Chrome. */
	/*
	margin-left: 5px;
	margin-right: 5px;
	*/
	padding-left: 5px;
	padding-right: 5px;
}

.top {
	color: #FFFFFF;
	background-color: #585858;
	padding: 2px 30px 0px 25px;
	font-size: 8pt;
	border-top:#CC0000 2px solid;
	border-bottom:#CC0000 1px solid;
	background-image: url(../images/top_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	height:21px;
	text-align: left;
}

.responsive_top {
	color: #FFFFFF;
	background-color: #585858;
	padding: 2px 30px 0px 25px;
	font-size: 8pt;
	border-top:#CC0000 2px solid;
	border-bottom:#CC0000 1px solid;
	background-image: url(../images/top_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
}

.responsive_row {
	margin-right: 0px;
	margin-left: 0px;
}

.responsive_banner {
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	background-color:#FFFFFF;
}

div.responsive-checkbox > label {
	margin-bottom: 0;
}

.menu_voice_disabled {
	font-style: italic;
}

a.menu_voice_disabled {
	font-style: italic;
	cursor: not-allowed;
	text-decoration:none!important;
}

a.menu_voice_disabled:hover {
	text-decoration:none!important;
	color:#ffffff!important;
}

#alertJavascriptDisabled { background-color: white; padding: 10px; border: solid 1px red; width: auto; height: auto }
.banner {
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	padding-right:20px;
	background-color:#FFFFFF;
}
.banner table  { margin-bottom: 0px }

.banner_logo {
    text-align: left;
	background-image:url(../images/banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.deploy_mode {
	background-color: red; 
	color: #FFFFFF; 
	width: auto; 
	padding-left: 20px; 
	padding-top: 3px; 
	padding-bottom: 3px; 
	font-size: 12pt; 
	font-weight:bold;
}

.menu_bar {
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	background-image:url('../images/bn_bg.png');
	background-repeat: repeat-x;
	background-position: top;
	min-width: 1000px;
	width: auto;
	height:29px;
	padding-left: 0px; 
	padding-right: 0px;
	margin: 0px 0px 0px 0px;
}

#bodyContainer {
	width: 100%;
	border: 0;
}

#bodyContainer tfoot th, tfoot td {
    border: 0px;
    background: none;
}

#popupFooter {display: none;}

.floating_command_bar {
 float: right;
 margin-right: 10px !important;
 margin-top: 0.25rem !important; /* DAVIDE 18/09/2024: introdotto questo margine per evitare l'effetto collaterale di avere dei pulsanti attaccati al riquadro contenitore. NB: coincide con la definizione della classe Bootstrap "mt-1". */
}

.floating_command_spacer {
 height: 30px;
}

.command_bar {
width: auto;	
margin-left: 0px;
padding-left: 10px;
padding-right: 8px;
/* DAVIDE 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 intodotti nella modalita' "spa". */
/* In particolare si determinavano formattazioni anomale nelle sezioni dei tabset contenuti nelle pagine "legacy". */
/*margin-top: 5px;
margin-bottom: 5px;
margin-right: 0px;
padding-top: 5px;
padding-bottom: 5px;*/

}

.shrunk_command_bar {
padding-left: 5px!important;
padding-top: 0px!important;
margin-top: 0px!important;
margin-bottom: 0px!important;
margin-left: 0px!important;
margin-right: 0px!important;
}

.command_bar input.button {	
color: #ffffff;
/* rimosso lo sfondo dei pulsanti per non andare in conflitto con le nuove definizioni CSS della nuova versione */
/* background-image:url('../images/bn_bg.png'); 
background-repeat: repeat-x;
background-position: top;*/
background-color: #00945d;
font-size: 8pt;
font-weight:bold;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #000000;
margin: 0px 0px 0px 0px;
}

.responsive_command_bar {	
color: #ffffff!important;
/* rimosso lo sfondo dei pulsanti per non andare in conflitto con le nuove definizioni CSS della nuova versione */
/* background-image:url('../images/bn_bg.png'); 
background-repeat: repeat-x;
background-position: top;
*/
background-color: #00945d;
font-size: 10pt;
font-weight:bold;
}

.command_bar a, .command_bar input[type=submit], .dijitDropDownButton, .dijitButton, .dijitComboButton  {

/* questa sezione viene temporaneamente rimossa perche' sostituita dalle proprieta' css definite nella variabile jsp ${buttonCssClassDefault} */
/*
background-color: #00945d;
color: #ffffff;
font-size: 8pt;
font-weight:bold;
padding-bottom: 1px;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
*/

/* rimosso lo sfondo dei pulsanti per non andare in conflitto con le nuove definizioni CSS della nuova versione */
/* background-image:url('../images/bn_bg.png'); 
background-repeat: repeat-x;
background-position: top;*/

/* DAVIDE 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 intodotti nella modalita' "spa". */
/* In particolare si determinavano formattazioni anomale nelle altezze dei pulsanti presenti nelle pagine "legacy". */
/*margin-top: 3px;*/
	white-space: nowrap;
	text-align: center;
	
	/* proprieta' css provenienti dalla classe btn da bootstrap.css*/
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: var(--bs-body-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-width: var(--bs-border-width);
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: var(--bs-border-radius);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	background-color: var(--bs-btn-bg);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	
	/* proprieta' css provenienti dalla classe btn da theme_elements.css*/
	font-size: 12.8px;
	font-size: 0.8rem;
	/* proprieta' rimosse in quanto ridefinite da btn-sm */
	/* padding: 8.528px 14.928px;
	padding: 0.533rem 0.933rem; */
	cursor: pointer;
	font-weight: 600;
	
	/* proprieta' css provenienti dalla classe btn-sm */
	/* proprieta' rimosse in quanto identiche a quelle definite da btn */
	/* font-size: 12.8px;
	font-size: 0.8rem; */
	padding: 4.8px 10.4px;
	padding: 0.3rem 0.65rem;
	--bs-btn-border-radius: var(--bs-border-radius-sm);
	
    /* proprieta' css provenienti dalla classe 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 '*/
	margin-bottom: 0.25rem !important; /* DAVIDE 18/09/2024: introdotto questo margine per evitare l'effetto collaterale di avere piu' pulsanti incolonnati senza spaziatura. NB: coincide con la classe Bootstrap "mb-1", aggiunta alla definizione della variabile jsp "buttonCssClassDefault". */
	
	/* 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;

}

/* Si predispone che di default tutti i pulsanti contenuti all'interno di celle di tabella risultino centrati rispetto alla cella stessa. */
td.command_bar {
	text-align: center!important;
}

.command_bar input.mini_button {
margin-top: 0px!important;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
font-size: 8pt;
}

.bn {
	color: #FFFFFF;
	padding: 0px 30px 0px 25px;
	font-size: 8pt;
	text-transform:uppercase;
	text-align:right;
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	background-image:url(../images/bn_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	height:29px;
}
.bn02 {
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	font-size: 8pt;
	text-align: center;
	border:#00945d 1px solid;
	background-color:#89ad9f;
	width:190px;
}
#myheader        { margin: 0px; padding: 0px; border: 0px; position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 182px }

/* 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". */
#content         { /* background: url(../images/content_bg.png) repeat-x; */ /*padding: 0px 40px 20px; border: 0px; width: auto;*/ }

.cartiglio    { font-size: 8pt; background-color: #d0d0d0; margin-top: 0px; padding: 20px 30px 1px 20px; border-top: 1px solid #cc0000 }
.cartiglioCustomer  { 
	/* IVAN 06/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". */
	/* color: black; font-size: 7pt; border-top: 2px solid #cc0000; */ 
	/* DAVIDE 25/02/2025: nella modalita' "SPA" si prevede come default di non definire il border-top e di impostare il border-bottom con un unico colore standard. */
	margin-top: 20px; margin-bottom: 0px; padding-top: 5px; padding-right: 30px; border-bottom: 2px solid var(--tom-title-bg-color);
}
.cartiglioCustomerName { color: #00935a; font-weight: bold; font-size: 7pt }
.cartiglioCustomerHolding { color: #00935a; font-weight: bold; font-size: 8pt; text-transform: uppercase }
.cartiglioCustomerSpacer { width: 25% }
.disclaimer  { font-size: 8pt; padding-left: 30px}
.disclaimerPrint { display: none;  }



.user {
	font-size: 8pt;
	background-color: #e5f4ef;
	background-image: url(../images/user_bg.gif);
	background-repeat: repeat-x;
}

#titoloPaginaOLD            { background-color: #d0d0d0; padding-top: 5px; padding-left: 20px; border-top: 1px solid #c00; border-right: 0px; border-bottom: 1px solid white; border-left: 0px; width: 100%; height: 40px }
#titoloPagina              { background-color: white /* #e6e6e6 */; border-top: 1px solid #c00; border-right: 0px none; border-bottom: 0px none; border-left: 0px none; width: 100%; height: 23px }
.titoloPaginaCurva { float: right; }

.titoloPaginaTextOLD      { color: #005625; font-weight: bold; font-size: 32px; line-height: normal; letter-spacing: 3px }
.titoloPaginaBorderTextOLD      { color: #005625; font-weight: bold; font-size: 32px; line-height: normal; letter-spacing: 3px; position: absolute }
.titoloPaginaBodyTextOLD      { color: white; font-weight: bold; font-size: 32px; line-height: normal; letter-spacing: 3px; position: absolute }
.titoloPaginaBodyText       { color: white; font-weight: bold; font-size: 18px; line-height: normal; background: url(../images/titolo_bg.gif) repeat-x; letter-spacing: 3px; float: right; padding-right: 10px; padding-left: 10px; height: 23px; padding-top: 1px;}

.responsiveTitoloPaginaBorders { border-top: none!important; }
.responsiveTitoloPaginaBodyText       { color: white; font-weight: bold; font-size: 18px; line-height: normal; background: url(../images/titolo_bg.gif) repeat-x; letter-spacing: 1px; float: right; padding-right: 10px; padding-left: 10px; height: 23px; padding-top: 1px;}

.titolo02, .titoloCreditiCorso {
	font-size: 12pt;
	text-transform: uppercase;
	color: #00945d;
	font-weight:bold;
	line-height:1.2em;
}
div.titolo02 span {
	color: black;
}
td.titolo02 {
	vertical-align: top;
	text-align:right;
}
.titolo02text {
	color:black!important;
}
td.titolo02text {
	vertical-align: top;
	text-align:left!important;
}
.titolo03 {
	font-size: 12pt;
	color: #fff;
	background-color:#00945d;
	padding: 5px;
	margin-bottom: 10px;
	font-weight:bold;
}
.titolo04 {
	font-size: 11pt;
	color: #00945d;
	font-weight:bold;
	line-height:1.2em;
}
.titolo05 {
	font-size: 8pt;
	text-transform: uppercase;
	color: #00945d;
	font-weight:bold;
	line-height:1.2em;
}
/* IVAN - 14/02/2025: classe di stile utilizzabile per impostare il colore del testo utilizzabile nei messaggi di conferma */ 
/* e nei link utilizzati per aprire i modali nelle pagine di TOM */
.titolo06 {
	color: #00945d;
}
.sezione {
	font-size: 11pt;
	margin-bottom: 5px;		
	font-weight:bold;
}
.txt_green_bold {
	color: #00945d;
	font-weight:bold;
}

.user_login_title {
	color: #00945d;
	font-weight:bold;
}

.user_login_cmd, .unlock_user_cmd  { color: #00945d; }

.txt_bold {
	font-weight:bold;
}
.txt_small {
	font-size: 8pt;
}
.txt_i {
	font-style:italic;
}
.strike {
	text-decoration: line-through;
}
.nowrap {
white-space: nowrap !important;
}

.user_bn_div {
	padding:10px 0px 10px 0px;
}
.user_bn {
	font-size: 8pt;
	text-align: right;
	padding-right:10px;
}
.user_padding {
	padding-left:23px;
}

.corsoIndiceEdizioni {
margin-bottom: 15px;
margin-top: -10px;
margin-right: 10px; 
width: auto;
padding: 5px;
/* border: 1px solid #CC0000; */
border-top: 1px solid #7B7B7B!important;
border-bottom: 2px solid #505050!important;
border-left: 1px solid #7B7B7B!important;
border-right: 2px solid #505050!important;
border-radius: 8px;
background-color: #F0F0F0;
box-shadow: 3px 4px 5px #b0b0b0;
}

.corsoIndiceEdizioniEntry {
width: 120px;
margin: 2px;
display:-moz-inline-stack; /* HACK for FF2 */
display:inline-block; /* SUPPORTED BY FF3 */
zoom:1; /* HACK for IE: activate hasLayout object property */
*display:inline; /* HACK for IE: display:inline layout property setter */
}

.corsoDatiTestata {
    padding-left: 28px;
}

.corsoTitoliTestata, .titoloSezione {  
	font-weight:bold; 
	text-transform: uppercase;
	border-bottom: 2px solid #70b0a0;
	/*background-color: #f0fff0;*/
	color: black;
	margin-bottom: 10px;
	padding-bottom: 3px;
	text-align: left;
	background-color: #f0f0f0;	
}

.corsoTitoliTestataBgColor {
	background-color: #f0f0f0;
}

	
.corsoTitoliTestataResponsive {
	font-weight:bold; 
	text-transform: uppercase;
	border-bottom: 2px solid #70b0a0;
	/*background-color: #f0fff0;*/
	color: black;
	margin-bottom: 10px;
	padding-bottom: 3px;
	word-wrap: break-word;
	max-width: 300px;
}
	
.corsoDatiTestataResponsive {
	padding-left: 28px;
	max-width: 300px;
    word-wrap: break-word;
}

.responsive_content {
	margin-left: 0px;
	margin-right: 0px;
	word-wrap: break-word;
}

.tableResponsive {
	max-width: 500px;
    word-wrap: break-word;
}

.box_edizione_titolo {
	font-size: 12pt;
	color: #fff;
	background-color:#00945d;
	padding: 5px;
	margin-bottom: 10px;
	font-weight:bold;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 3px 0px 5px #b0b0b0;
}

.responsive_box_edizione_titolo {
	font-size: 12pt;
	color: #fff;
	background-color:#00945d;
	padding: 10px;
	font-weight:bold;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 3px 0px 5px #b0b0b0;
}

.box_edizione  { 
margin-top: 7px;
margin-bottom: 30px;
margin-right: 10px;
padding: 5px 10px;
/* border: solid 1px #00945d; */
border-top: 1px solid #00945d;
border-bottom: 2px solid #09582B;
border-left: 1px solid #00945d;
border-right: 2px solid #09582B;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
box-shadow: 3px 4px 5px #b0b0b0;
}

.responsive_box_edizione  { 
margin-top: 2px;
margin-bottom: 5px;
margin-right: 10px;
padding: 5px 10px;
/* border: solid 1px #00945d; */
border-top: 1px solid #00945d;
border-bottom: 2px solid #09582B;
border-left: 1px solid #00945d;
border-right: 2px solid #09582B;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
box-shadow: 3px 4px 5px #b0b0b0;
}

.dateEdizioniCorso, .dateIncontriEdizione {
	font-size: 8pt;
}

.dataEdizioneCorso, .dataIncontroEdizione, .elencoCodiciEntita {
      /* border: 1px solid red; */
     /*float: left; */
     padding-bottom: 5px;
	white-space: nowrap;
}

.dataEdizioneCorsoResponsive {
     padding-bottom: 5px;
}
.dataEdizioneCorsoCambiata, .statoFuoriLinea, .socialsSupportDisabled, .temaFormativoNonAttivo, .elencoCodiciEntita {
    color: red;
}

.statoFuoriLineaBarrato {
 	text-decoration: line-through;
}

.statoInLinea, .socialsSupportEnabled, .temaFormativoAttivo  {
    color: green;
}

.creditiProposti  {
    color: orange;
}

.tipoAccreditamento {
	color: blue;
	font-size: 8pt;
}

/* DAVIDE 25/11/2024: annullamento del padding orizzontale necessario per garantire migliore uniformita' di allineamento tra le varie viste ed i vari componenti della singola pagina. */
.border { border: solid 1px #28523c; /*padding-left: 3px; padding-right: 3px;*/}
.border_left  { border-top: 1px solid #28523c; border-bottom: 1px solid #28523c; border-left: 1px solid #28523c }
.border_right  { border-top: 1px solid #28523c; border-right: 1px solid #28523c; border-bottom: 1px solid #28523c }
.border_center  { border-top: 1px solid #28523c; border-bottom: 1px solid #28523c }
.border_bottom  { border-bottom: 1px solid #28523c }

.tableWithBorderedCells tr th, .tableWithBorderedCells tr td  { 
	border: solid 1px #28523c; 
	padding-left: 3px; 
	padding-right: 3px;
	vertical-align: top;
}

.form_field {
	font-size: 8pt; 
}


.alertEdizioneInCorso { 
	color: #000000;
	background-color: #CCFF33;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-weight: bold;
}


.alert_text {
	background-color: #ffa074;
	border-radius: 8px;
	color: #000000;
	line-height: 1.2em;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.msg_text {
	color: #000000;
	line-height: 1.2em;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 2px;
}


.alert_text a, .msg_text a { 
	color: #000000 !important;
}

.alert_text img, .msg_text img { 
	color: #000000 !important;
	vertical-align: bottom !important; 
}

.alert_box {
	color: #000000;
	background-color: #ffa074;
    margin-top: 5px; 
    padding-top: 6px;
    padding-bottom: 6px;
	padding-right: 6px;
	padding-left: 6px;
    line-height:1.2em;
    border-radius: 8px;
}

#checkboxAree div {
	float: left; 
	margin-right: 20px; 
	/* border: solid 1px red; */
	width: 280px; 
	overflow: hidden; 
	white-space: nowrap; 
    }

#checkboxProfessioni div    { 
	float: left; 
	margin-right: 20px; 
	/* border: solid 1px green; */
	width: 280px; 
	overflow: hidden; 
	white-space: nowrap; 
	}

.checkboxesGrid div { 
	float: left; 
	margin-right: 20px; 
	/* border: solid 1px green; */
	width: 280px; 
	overflow: hidden; 
	white-space: nowrap; 
	}

.tab250   { background: url(../images/tab-background-250.gif) no-repeat; text-align: center; vertical-align: middle; float: left; padding-top: 5px; width: 250px; height: 30px }
.tabSelected250    { font-weight: bold; background: url(../images/tab-background-selected-250.gif) no-repeat; text-align: center; vertical-align: middle; float: left; padding-top: 5px; width: 250px; height: 30px }
.tabset4tom  { width: 100%; height: 30px }
div .tab250 a  { color: white; }


.tabset { width: auto; height: 30px;}
.tabFirst 
{ 
	background-color: #a0a0a0; 
	background-image: url(../images/tab-background-first.gif);
	background-repeat: no-repeat; 
	background-position: center left; 
	float: left;
	height: 26px;
	width: 22px; 
	padding-top: 5px; 
}
.tabMid { 
	background-color: #a0a0a0; 
	background-image: url(../images/tab-background-mid.gif);
	background-repeat: no-repeat; 
	background-position: center right; 
	float: left; 
	height: 26px;
	width: auto; 
	padding-top: 5px; 
	padding-left: 6px; 
	padding-right: 50px; 
	text-align: center; 
	vertical-align: middle; 
}
.tabLast { 
	background-color: #a0a0a0; 
	background-image: url(../images/tab-background-last.gif);
	background-repeat: no-repeat; 
	background-position: center right; 
	float: left; 
	height: 26px; 
	width: auto; 
	padding-top: 5px; 
	padding-left: 6px; 
	padding-right: 28px; 
	text-align: center; 
	vertical-align: middle; 
}

#loginOnTop form {
	margin-top:3px;
	/* IVAN - 03/09/2024: questa proprieta' non e' piu' necessaria perche' va a causare problemi con il dropdown presente nell'header di TOM  */
	/* height : 0px; */
}

.promozioni {
margin-top:10px;
margin-bottom:30px;
}

.promozioni ul, .promozioni p {
margin-top:0px;
margin-bottom:5px;}

#ricercaPersone, #ricercaCdc, #ricercaEnti, #popupDettagliEnte, 
#ricercaRuoliCdc, #ricercaRuoliCdcSottoposti, #ricercaRapportiLavoro,
.dettagliLuogo, .dettagliVariazioni, .noteStatoIscrizione, .popupDiv { 
	background-color: silver; 
	margin-top: 10px; 
	margin-right: 10px; 
	padding: 5px; 
	border-style: solid; 
	border-width: 1px 2px 2px 1px; 
	border-color: #808080 #000 #000 #696969; 
	position: absolute; 
	right: 30px; 
	width: 580px; 
	visibility: hidden;
	z-index: 1000; }

.datiScheda  { 
	background-color: #f0f0f0; 
	margin-top: -1px; 
	/*margin-right: 10px; */
	margin-right: 0px!important;
	margin-left: 0px!important;
	padding: 5px; 
	border: solid 1px #28523c; 
}

.bgDatiScheda {
	background-color: #f0f0f0;
}

.testoDettagliVariazioni {margin: 0px !important; padding: 0px !important; }
li.testoDettagliVariazioni {line-height:1.5em !important;}

.editCorsoEdizioneMenuContestuale {float: right; width: 130px; height: 80px; }
.tabsetMenu  { margin-top: 0px; margin-right: 10px; height: 30px }

.webappSlogan, .ricercaPersoneChiudi, .ricercaCdcChiudi, .ricercaEntiChiudi, .popupDettagliEnteChiudi, 
.ricercaRuoliCdcChiudi, .ricercaRuoliCdcSottopostiChiudi, .ricercaRapportiLavoroChiudi, 
.buttonClose, .creanuovo {float: right; }

.bachecaNumeroEdizione, .cellAlignCenter { text-align: center !important; }

.cellAlignRight { text-align: right !important; }

#markBottomWindows { width: 1px; height: 1px; position:absolute; bottom:0px; border: 0px ; font-size: 1px;}

.corsoDatiTestataDestinatari {
     padding-left: 28px;
     line-height: 14pt;
}

.corsoDatiTestataDestinatariResponsive {
     padding-left: 28px;
     line-height: 14pt;
     max-width: 300px;
}

.corsoDatiTestataDestinatari span {
     white-space: nowrap !important;
}

.corsoDatiTestataDestinatariResponsive span {
     white-space: normal !important;
}

.corsoDestinatariBullet  { color: green; font-weight: bold }

#informativaPrivacyTesto ul { padding: 1px 1px 1px 40px !important; display: list-item !important; width: 90%; }
#informativaPrivacyTesto li { list-style-type: disc; padding: 1px !important; display: list-item !important; line-height: normal; width: 90%}

.creditiCorsoEdizioneNonPassata, .creditiCorsoNonValutati, .iscrizioniPendenti, .schedeFormativePendenti, .dafPendenti, .fextSponsorizPendenti, .statoIscrizione_wait
{
	color: #FF9900;
}

.colonnaCrediti {
	width: 60px;
	white-space: nowrap;
}
.postiDisponibili
{
	color:#6495ED;	
}

.iscrizioniApprovate, .fextSponsorizStatoSELEZIONE, .fextSponsorizStatoAPPROVAZIONE 
{
	color: #6666CC;
}

.creditiCorsoMaturati, .iscrizioniAccettate, .schedeFormativeApprovate, .dafApprovate, .fextSponsorizStatoAPPROVATA, .fextSponsorizApprovate, .datoValido, .statoIscrizione_ok, .voceDichiarataImportoABilancio_ok
{
	/* IVAN - 10/10/2024: e' stato aggiunto !important per sovrascrivere i colori predefiniti utilizzati da Bootstrap. */
	color: green!important;
}
.iscrizioniNonAccettate, .schedeFormativeRespinte, .dafRespinte, .fextSponsorizStatoANNULLATA, .fextSponsorizStatoRESPINTA, .fextSponsorizRespinte, .datoDaVerificare, .statoIscrizione_stop, .voceDichiarataImportoABilancio_nok, .documentoScaduto
{
	color: red;
}

.iscrizioniInEccesso, .voceDichiarataImportoABilancio_warn, .fextSponsorizStatoELABORAZIONE
{
	color: orange;
}

.messaggioImportante
{
	color: red;
	font-size: 11pt;
	font-weight:bold;
	font-style:italic;
	margin-bottom: 10px;		
}
.creditiCorsoNonMaturati
{
	color: red;
    text-decoration: line-through;	
}

.evidenziato 
{
	color:#6495ED;
	font-weight: bold;
	font-size: 11pt;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

.separatore_evidenziato
{
  border-bottom:1px solid #6495ED;	
  padding-bottom: 4px;
  margin-bottom: 1px;
  margin-top: 5px;
}

.titoloTabellaIscrizioni
{
	display: block;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 5px;
	margin-top: 5px;
}
.sottotitoloTabellaIscrizioni
{
	display: block;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 2px;
	margin-top: 4px;
}

.box_iscritti  
{ 
	margin-top: 3px; 
	margin-bottom: 3px; 
	padding: 5px 5px 5px 5px; 
	border: solid 1px #00945d; 
	background-color: #F0F0F0; 
}

#advertisingPanel a:link, #advertisingPanel a:active, #advertisingPanel a:hover, #advertisingPanel a:visited {
 text-decoration: none;
}

#advertisingContent {
	 width: auto; 
	 /*border: 1px solid red;*/ 
	 /*background-color: yellow;*/
	margin-bottom: 4px;
}

#advertisingContent>ul#advertisingMessages {
	list-style-type: none;
	padding-top:0px;
	padding-left:0px;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#advertisingContent>ul#advertisingMessages>li {
	background-color: #FFE766;
	border-bottom: 1px solid #B0B0B0;
	padding-left: 6px;
	padding-right: 6px;
    padding-top: 8px;
	padding-bottom: 8px;
}

#advertisingMessages {
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#advertisingCounter {
    background-color: red;
    color: white;
    display: inline;
    font-weight: bold;
    height: 20px;
    vertical-align: top;
    width: 20px;
    margin-left: -8px;
    padding-left: 2px;
    padding-right: 2px;	
    border: 1px solid red;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#advertisingCounter.pulseOn {
    background-color: white!important;
    color: red!important;
}

#advertisingCounter.pulseOff {
    background-color: red!important;
    color: white!important;
}

.advertisingTitle
{
	color: red;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: 6px;

	font-size: 11pt;
	font-weight: bold;
}


#advertisingInEvidenzaContent {
min-height:60px!important;
max-height:200px;
overflow-y:scroll;
}

ul#advertisingInEvidenzaMessages {
list-style-type: square;
}

ul#advertisingInEvidenzaMessages li {
    margin-bottom: 0 !important;
    margin-left: -5px !important;
    margin-top: 0 !important;
    padding-left: 5px !important;
}

#advertisingInEvidenzaMessages  p {
margin: 0 0 0.1em 0;
}

ul.semicompact {
    margin-bottom: 0 !important;
    margin-left: 5px !important;
    margin-top: 0 !important;
    padding-left: 5px !important;
}

ul.semicompact li {
    line-height: 1.4em !important;
    margin-left:3px;
    white-space:nowrap;
}

ul.compact {
    margin-bottom: 0 !important;
    margin-left: 5px !important;
    margin-top: 0 !important;
    padding-left: 5px !important;
}

ul.spaced {
    list-style-type: disc!important;
    list-style-position: outside!important;
    width: 80%;
}
ul.spaced li {
	display: list-item!important;
    line-height: 1.4em !important;
    margin-left:20px;
}
ul.documentContentData, ul.contentData {
    line-height: 1.5em !important;
    margin-bottom: 0 !important;
    margin-left: 5px !important;
    margin-top: 0 !important;
    padding-left: 5px !important;
}

ul.voceBilancioPreventivoData {
 margin-left: 5px !important; 
 padding-left: 5px !important; 
 line-height:1.2em !important;
 margin-top: 0px;
 margin-bottom:0px;
}

.boxPeriodoIscrizioni, .persistentObjectAuditData {
	border-style: solid !important;
	border-width: 0px !important;
	padding: 0 !important;
	margin: 0 !important;
}

.boxPeriodoIscrizioni td, .persistentObjectAuditData td {
 border: 0px solid #ffffff;
 padding-top: 0px !important;
 padding-bottom: 2px !important;
 padding-left: 0px !important;
 padding-right: 3px !important;
}

.boxPeriodoIscrizioni tr td, .persistentObjectAuditData tr td {
	border-style: solid !important;
	border-width: 0px !important;
}

.boxPeriodoIscrizioniEdizione {
	font-size: 14pt;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 8px 8px 4px 4px;
	max-width: 750px;
	border: 2px solid black;
	background-color: white;
	line-height: 150%;
}

.boxPeriodoIscrizioniEdizioneResponsive {
	font-size: 10pt;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 8px 8px 4px 4px;
	width: auto;
	border: 2px solid black;
	background-color: white;
}

.boxPeriodoIscrizioniEdizioneAperte {
	border: 2px solid green;
	background-color: Ivory;
}

.boxPeriodoIscrizioniEdizioneChiuse {
	border: 2px solid red;
	background-color: Khaki;
}


.tooltipContainer {
	margin-top: 0px;
	margin-bottom: 0px;
}

.tooltipParagraph {
margin-bottom: 3px;
margin-top: 3px;
line-height:1.5em; 
}


.birt-parameters-group-box {
}

.birt-parameters-group-component-title {
	font-weight: bold;
}

.birt-parameters-group-component {
}

.webflowNavigation {
	font-size:9pt;
	white-space:nowrap;
}

.webflowNavigation ol {
  	margin-left: 0px;
  	padding-left: 0px;
}

.webflowNavigation ol li {
  	display: inline;
	color: #A0A0A0;
	padding-left: 0px;
	padding-right: 28px;
	padding-bottom: 5px;
	background-image: url(../images/freccia_breadcrumb.gif);
	background-repeat: no-repeat; 
	background-position: right top; 
}
.webflowNavigationDownwards ol li {
  display: block;
  color: #A0A0A0;
  padding-left: 0px;
  padding-right: 28px;
  /*padding-bottom: 28px;*/
  /*
  background-image: url(../images/freccia_breadcrumb_downwards.gif);
  background-repeat: no-repeat;
  background-position: center;
  */
}

.webflowNavigationDownwards ol li.webflowArrowItem {
  display: block;
  color: #A0A0A0;
  padding-left: 0px;
  padding-right: 28px;
  padding-bottom: 28px;
  background-image: url(../images/freccia_breadcrumb_downwards.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.webflowNavigation ol li.lastElement, .webflowNavigationDownwards ol li.lastElement 
{
  	/*display: inline;*/
	color: #A0A0A0;
	padding-left: 0px;
	padding-right: 0px;
	background: none !important;
}

.webflowNavigation ol li.currentState, .webflowNavigationDownwards ol li.currentState {
	font-weight: bold;
	color: #00945D!important;
}

.webflowNavigation ol li.currentState a, .webflowNavigationDownwards ol li.currentState a {
	color: #0000A0!important;
}

/* DAVIDE - 24/10/2024: classe di stile utilizzabile nelle wizard per formattare il "contenitore" di un singolo stato di webflow. */
.webflowStateContainer {
	background-color: #f0f0f0; 
	margin-top: -1px; 
	margin-right: 0px!important;
	margin-left: 0px!important;
	padding: 8px;  	
	border-top: 1px solid #7B7B7B!important;
	border-bottom: 2px solid #505050!important;
	border-left: 1px solid #7B7B7B!important;
	border-right: 2px solid #505050!important;
	border-radius: 8px;
	box-shadow: 3px 4px 5px #b0b0b0;			   			   
}

/* DAVIDE 30/10/2024: definizioni necessarie per omogeneizzare i font di tutti i campi di testo sotto la class css "form-control" */
input.form-control , textarea.form-control {
	font-size: 0.75rem!important;
	font-weight: 400!important;
	line-height: 1.5!important;
}

/* DAVIDE 30/10/2024: definizioni necessarie per omogeneizzare i font di tutto i tag "select" sotto la class css "form-control" */
select.form-select {
	font-size: 0.75rem!important;
	font-weight: 400!important;
	line-height: 1.5!important;
}

/* IVAN - 25/09/2024: viene ridefinita la variabile che si occupa di gestire il padding verticale della classe */ 
/* list-group-item di Bootstrap per avere meno spazio tra i vari elementi.*/
.list-group-item-tom-padding {
	--bs-list-group-item-padding-y: 0.25rem!important;
	border: 0;
	font-size: 0.75rem!important;
}

.fontSmall {
	font-size: 0.75rem!important;
}

ul.socialNetworksConfig li {line-height:1.5em !important;}

#fb_comments_update_container
{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 8px;
	display: block;
	background-color: #EDEFF4;
    border: 1px solid #D8DFEA;
    margin-bottom: 4px;
}

.fb_comments_update_alert
{
	color: gray;
}

.fb_comments_update_refresh_link
{
	color: #3B5998 !important; 
    cursor: pointer;
    text-decoration: none;
}

/* Stili per la visualizzazione della gerarchia dei CDC */
/* FRANCESCO - 17/04/2011 */
.tree_cdc1 
{ 
	font-weight: bold; 
	font-size: 18pt; 
	color: red; 
	margin-bottom: 0.5em; 
}

.tree_cdc2 
{ 
	font-weight: bold; 
	font-size: 16pt; 
	color: green;
	margin-bottom: 0.5em; 
}

.tree_cdc3 
{ 
	font-weight: bold; 
	font-size: 14pt; 
	color: blue;
	margin-bottom: 0.5em; 
}

.tree_cdc4 
{ 
	font-weight: bold; 
	font-size: 12pt; 
	margin-bottom: 0.5em; 
}

.tree_cdc5 
{ 
	font-weight: bold; 
	font-size: 10pt; 
	margin-bottom: 0.5em; 
}
	
.tree_cdc6 
{ 
	font-weight: bold; 
	font-size: 8pt; 
	margin-bottom: 0.5em; 
}

.tree_cdc1 a
{ 
	font-weight: bold; 
	font-size: 18pt; 
	color: red !important; 
	margin-bottom: 0.5em; 
}

.tree_cdc2 a
{ 
	font-weight: bold; 
	font-size: 16pt; 
	color: green !important;
	margin-bottom: 0.5em; 
}

.tree_cdc3 a
{ 
	font-weight: bold; 
	font-size: 14pt; 
	color: blue !important;
	margin-bottom: 0.5em; 
}

.tree_cdc4 a
{ 
	font-weight: bold; 
	font-size: 12pt; 
	margin-bottom: 0.5em;
	color: #333333 !important; 
}

.tree_cdc5 a
{ 
	font-weight: bold; 
	font-size: 10pt; 
	margin-bottom: 0.5em; 
	color: #333333 !important;
}
	
.tree_cdc6 a
{ 
	font-weight: bold; 
	font-size: 8pt; 
	margin-bottom: 0.5em; 
	color: #333333 !important;
}

.tree_ruoli 
{ 
	font-size: 8pt; 
	font-weight: normal !important; 
}

.tree_titolo1 
{ 
	font-weight: bold; 
	font-size: 14pt; 
	color: blue;
	margin-bottom: 0.5em; 
}

.tree_titolo1 a 
{ 
	font-weight: bold; 
	font-size: 14pt; 
	color: blue !important;
	margin-bottom: 0.5em; 
}

.tree_titolo2 
{ 
	font-weight: bold; 
	font-size: 12pt; 
	color: navy;
	margin-bottom: 0.5em;
}

.tree_titolo2 a 
{ 
	font-weight: bold; 
	font-size: 12pt; 
	color: navy !important;
	margin-bottom: 0.5em;
}

.tree_titolo3 
{ 
	font-weight: bold; 
	font-size: 10pt; 
	color: green; !important
	margin-bottom: 0.5em;
}

.tree_titolo3 a
{ 
	font-weight: bold; 
	font-size: 10pt; 
	color: green !important; 
	margin-bottom: 0.5em;
}

.tree_titolo4 
{ 
	font-weight: bold; 
	font-size: 8pt; 
	margin-bottom: 0.5em;
	color: #333333;
}

.tree_titolo4 a
{ 
	font-weight: bold; 
	font-size: 8pt;
	margin-bottom: 0.5em;
	color: #333333 !important;
}

.tree_titolo5 
{ 
	font-weight: bold; 
	font-size: 8pt; 
	margin-bottom: 0.5em;
	color: #333333;
}

.tree_titolo5 a
{ 
	font-weight: bold; 
	font-size: 8pt; 
	margin-bottom: 0.5em;
	color: #333333 !important;
}

.tree_titolo6 
{ 
	font-weight: bold; 
	font-size: 8pt; 
	margin-bottom: 0.5em;
	color: #333333;
}

.tree_titolo6 a 
{ 
	font-weight: bold; 
	font-size: 8pt; 
	margin-bottom: 0.5em;
	color: #333333 !important;
}

.tree_box 
{
	border: 1px solid gray; 
	margin-top: 10px; 
	padding: 5px; 
}

.tree_cell_linev
{ 
	text-align: left; 
	vertical-align: top; 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	width: 25px; 
	border-top: none; 
	border-right: none; 
	border-bottom: none; 
	border-left: 1px solid gray;
	
}

.tree_angolo 
{ 
	margin: 0px; 
	padding: 0px; 
	border-top: none; 
	border-right: none; 
	border-bottom: 1px solid gray;
	border-left: 1px solid gray; 
	width: 25px; 
	height: 25px 
}

.tree_lineh 
{ 
	margin: 0px; 
	padding: 0px; 
	border-top: none; 
	border-right: none; 
	border-bottom: 1px solid gray; 
	border-left: none; 
	width: 25px; 
	height: 25px 
}

.tree_cell 
{ 
	text-align: left; 
	vertical-align: top; 
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	width: 25px; 
}

.tree_v 
{ 
	float: left; 
	margin: 0px; 
	padding: 0px; 
	border-top: none; 
	border-right: none; 
	border-bottom: none; 
	border-left: none; 
	width: 50px; 
	height: 50px; 
}

.bordo 
{ 
	border: solid 1px gray; 
}

.smorza 
{ 
	color: grey; 
}

.showdetail 
{ 
	visibility: show; 
}

a.dojoTextTooltipTrigger {
 text-decoration: none!important;
 color:black;
}

a.dojoTextTooltipTrigger:link {
 text-decoration: none!important;
 color:black;
}

a.dojoTextTooltipTrigger:hover {
 text-decoration: none!important;
 color:black;
}

a.dojoTextTooltipTrigger:visited {
 text-decoration: none!important;
 color:black;
}

.dojoTextTooltipTrigger img {
	vertical-align: middle;
}

#table_message
{
	width: 100% !important;
}


.commandsHistoryContainer {
	font-size:1em; 
	line-height: 12px;
}

.CommandsHistory {
display: inline;	
}

.CommandsHistoryEntry {
display: block;
margin-left:5px;
margin-right:5px;
margin-bottom:2px;
white-space: nowrap;
}

.arrowed_list_element {
    background: url(../images/arrow.gif) no-repeat;
    padding-left: 14px;
    display:block;
    margin-bottom:3px;
}

.paragrafo_dati {
	margin-top: 6px;	
}

.paragrafo_dati_titolo {
	margin-bottom:2px;
    font-weight: bold; 
	font-size: 9pt; 	
}

.paragrafo_dati_contenuti {
	margin-left:4px;
}

.pannelloStatoRegistroEdizione {
    border: 1px solid #00945D;
    display: inline-block;
    min-height: 20px;
    margin-bottom: 4px;
    padding: 8px 4px 4px;
}

/* IVAN - 08/05/2025: specifica CSS cambiata in quanto causa problemi di allineamento dopo il passaggio alla nuova versione */
.pannelloStatoRegistroEdizione img {
	/* vertical-align:bottom; */
	vertical-align: middle;
	padding-bottom: 5px;
} 

input:disabled,
textarea:disabled
{
background-color:#D4D0C8;
} 

input:readonly,
textarea:readonly
{
background-color:#D4D0C8;
}

#message_content, .preWrap
{
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
    max-width:700px;
}

small {
font-size: 8pt!important;	
}


table.xrcat td {
  vertical-align:top;
}

table.xrcat td.BOOLEAN {
  text-align: center;	
}

table.xrcat td.NUMERIC {
  text-align: right;	
}

div.xrcat_multi_value_item_container {
  font-size: 9pt;	
}

div.xrcat_multi_value_item {
  padding-bottom: 5px;
  white-space: nowrap;
}

.xrcat_details_dialog_container {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 750px;
  height: 500px;
  overflow: auto;
}

.xrcat_provider_name { 
  color: black;
  font-size: 12pt;
  line-height: 1.2em;
  font-weight:bold;
  margin-bottom: 5px;	
  max-width: 580px;	
}

.xrcat_search_results_messages {
    background: #ffffcc;
    border: 1px solid #000;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 10px auto;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
    width:auto!important;
}

.xrcat_search_results_messages_entry {
	background-image:url(../images/iconInformation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
    margin-top: 3px;
    margin-bottom: 3px;	
}

.xrcat_corso_details_titolo {
  max-width: 580px;	
}

.xrcat_corso_details_ediz_titolo {
  font-size: 10pt;
  font-weight:bold;
  white-space: nowrap;
  display: inline;	
  line-height: 1.5em;
}

.xrcat_corso_details_ediz_dati {
  font-size: 9pt;
  display: inline;	
}

.xrege_campo_registrazione {
  white-space: nowrap;
}

.xrege_campo_registrazione input, .xrege_campo_registrazione textarea {
  font-size: 1.05em!important;	
  margin-left:1px;
}


.xrege_campo_registrazione input[type=radio] + label {
  font-weight: normal;
  font-size: 0.9em!important;	
  margin-left: -4px;
  margin-right: 3px;
}

.xrege_campo_registrazione input[type=radio]:checked + label.false_label {
    font-weight: bold;
    color:#ef1010;
}

.xrege_campo_registrazione input[type=radio]:checked + label.true_label {
    font-weight: bold;
    color:#10af10;
}

div.xrege_campo_riepilogativo {
  display: list-item;
  list-style-type: disc;
  margin-left: 10px;
  margin-bottom:8px;   	
}

.xregeIconaTipoCampo {
 margin-top: 4px;	
}

.xregeDijitTreeExpandAllIcon {
  background-image: url("../images/expand_all_icon.png");
  height: 16px;
  width: 16px;
}

.xregeDijitTreeCollapseAllIcon {
  background-image: url("../images/collapse_all_icon.png");
  height: 16px;
  width: 16px;
}

.xregeDijitTreeInputTextIcon {
  background-image: url("../images/rege_campo_input_text_icon.png");
  background-repeat: no-repeat;
  height: 11px;
  width: 24px;
}

.xregeDijitTreeInputNumericIcon {
  background-image: url("../images/rege_campo_input_numeric_icon.png");
  background-repeat: no-repeat;
  height: 11px;
  width: 24px;
}

.xregeDijitTreeInputDateIcon {
  background-image: url("../images/rege_campo_input_date_icon.png");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}

.xregeDijitTreeInputBooleanIcon {
  background-image: url("../images/rege_campo_input_boolean_icon.png");
  background-repeat: no-repeat;
  height: 15px;
  width: 24px;
}

.xregeDijitTreeEspressioneIcon {
  background-image: url("../images/rege_campo_espressione_icon.png");
  background-repeat: no-repeat;
  height: 22px;
  width: 24px;
}

.xregeDijitTreePercentualeCalcolataIcon {
  background-image: url("../images/rege_campo_percentuale_calcolata_icon.png");
  background-repeat: no-repeat;
  height: 20px;
  width: 24px;
}

.xregeDijitTreeAggregativoIcon {
  background-image: url("../images/rege_campo_aggregativo_icon.png");
  background-repeat: no-repeat;
  height: 21px;
  width: 24px;
}

.xregeDijitTreeRaggiungimentoSogliaIcon {
  background-image: url("../images/rege_campo_raggiungimento_soglia_icon.png");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}

.xregeDijitTreeSegnalazioneIcon {
  background-image: url("../images/rege_campo_segnalazione_icon.png");
  background-repeat: no-repeat;
  height: 21px;
  width: 24px;
}

.riquadroPersonaFloat {
	display:-moz-inline-stack; 
	display:inline-block; 
	zoom:1; 
	*display:inline; 
	vertical-align:top;
}

.wrapped_text {
	overflow: hidden; 
	text-overflow: ellipsis;
}


.accordion-toggle:after {
  font-family: 'Icons';
  content: "\e033";   /* \e030  freccia in su  */
  float:right;
}

.accordion-toggle.collapsed:after {
  content: "\e033";   /* \e02d   freccia in giu' */
  float:right;
}



/* ***** PERSONALIZZAZIONE MENU BOOTSTRAP - BEGIN ***** */
.nav-link:hover td, .tundra .nav-link:selected td {color: #ff0033;}
a.nav-link {color: #595959; text-transform: uppercase; font-size: 8pt; font-weight: bold;}
a.nav-link:link {color: #595959; text-decoration: none; white-space: wrap;}
a.nav-link:visited {color: #595959; text-decoration: none;}
a.nav-link:hover {color: #ff0033; text-decoration: none;}
a.nav-link:active {color: #ff0033; text-decoration: none;}
.btn-tundra {border-color: #cccccc; text-align:left; white-space: normal;}
.btn-main_menu {border-color: #c00; text-align:center; font-size: 12pt; font-weight: bold;}
a.main_menu:link {text-transform: uppercase; font-size: 12pt; font-weight: bold;}
.spn-tundra {text-transform: uppercase; font-size: 8pt; font-weight: bold;}
.row-menu {padding-right: 0px; padding-left: 0px;}
/* ***** PERSONALIZZAZIONE MENU BOOTSTRAP - END ***** */


.width3perc {
	width:3%!important;
}

.width5perc {
	width:5%!important;
}

.table_full_width {
	width:100%!important;
}

.table_forced_width {
	width: 100% !important;
	table-layout: fixed!important;
	word-wrap: break-word!important;
}

.table_cell_msg {
	width: 70px!important;
	overflow-wrap: break-word;
	white-space: normal!important;
	font-size: 9pt!important;
}

.responsive_message_box {
	max-width: 300px;
	word-wrap: break-word;
}

@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px) {
    /* ... */
    select {
        word-wrap: break-word;
        box-sizing: border-box;
    }
    select option{
        word-wrap: break-word;
        box-sizing: border-box;
    }
    
    form .pagebanner, form .exportlinks, form .table {
    	font-size: 0.93em;
	}
	
	div .alertEdizioneInCorso {
		min-width:250px; 
		max-width:300px; 
		margin-bottom:5px;
	}
	
	div .documenti {
		max-width: 300px;
	}

}

/* Definisce lo stile da applicare al pannellino di login presente nella visualizzazione mobile */
.statoUtenteContainer {
	font-size: 10.6667px;
}

/* definisce le proporzioni da applicare ai loghi per renderli utilizzabili su mobile */
.resizedBanner a img {
	width: 100%;
	height:auto;
}



/* ************************************************************************************************************** */
/* **** 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") 										 **** */
/* ************************************************************************************************************** */

/* Questa definizione e' necessaria perche' non viene piu' importata la risorsa "styles/forms.css". */
/* La classe css "req" viene richiamato da "it.orion.spring.webapp.taglib.LabelTag" per evidenziare i campi "required" delle form. */
.req {
    font-size: 1em !important;
    color: #f90;
    font-weight: bold;
}

/* Dimensione di default dei font */
.defaFontSize {
	font-size: small!important;  /* 0.85rem!important; */
}	

/* Dimensione di default dei font nelle sotto-sezioni del menu' applicativo */
.defaSubMenuFontSize {
	font-size: 10px!important;
}

/* Formatta un elemento di una lista associandolo al simbolo della "freccetta" */
.arrowed_list_element {
    background: url(../images/arrow.gif) no-repeat;
    padding-left: 14px;
    display:block;
    margin-bottom:3px;
}

/* Impostazione di default del colore di background per l'intera sezione dell'header applicativo */
.header_bg_color {
	background-color: rgba(227, 231, 236, 0.25);
}

/* Utilizzabile per impostare come classe CSS nessun colore di background (ossia trasparente) */
.bg_color_none {
	background-color: transparent;
}

/* Con Bootstrap la posizione dei pulsanti di navigazione del calendario e' diversa, con questa proprieta' viene ripristinata la corretta visualizzazione */
.calendar .nav {
	display: table-cell!important;
}

/* Gli elementi con la classe CSS "disclaimerPrint" devono essere mostrati solamente quando si stampa la pagina */			
@media screen {
	.disclaimerPrint { display: none;  }
	.sezione {
		font-size: 10pt;
		margin-bottom: 5px;		
		font-weight:bold;
	}
} 
		
/* Queste impostazioni sono state recuperate dalla risorsa "styles/messages.css", non piu' importata nella versione "SPA" */
div.error, div.errorResponsive {
  background-image: url("../images/iconError.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 18px;
}

/* Queste impostazioni sono state recuperate dalla risorsa "styles/messages.css", non piu' importata nella versione "SPA" */
div.error, span.error, li.error, div.errorResponsive, span.errorResponsive, li.errorResponsive {
    border: 2px solid red;
}							

/* Queste definizioni sono necessarie per integrare la risorsa "styles/pwdmeter.css". */
#passwordScoreBar {
	border: 1px #000 solid;
	height: 18px;
	margin-top: 4px;
    margin-bottom: 2px;
}

/* Queste impostazioni sono state recuperate dalla risorsa "styles/messages.css", non piu' importata nella versione "SPA" */
div.messagesTooltipContent {
    background: yellow;
    background-image: radial-gradient(yellow,white);    
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 8px;
    text-align: left;
    vertical-align: bottom;
}	

/* Aggiustamento necessario per le form delle pagine "legacy" (intendendosi come tali quelle non direttamente trattate nella modalita' "SPA"). */
input, select, textarea {
	margin: 3px;
}					

/* DAVIDE 25/09/2024: ridefinizione del background-color applicabile all'header delle cards. */
/* NOTA BENE: al momento il suo utilizzo e' pensato esclusivamente per omogeneizzare il colore dello sfondo della card "contenitore" in bacheca */
/* (e solo quella, non delle cards in essa incluse) rispetto a quello dei soprastanti tabs. */
.card-header-bg-color {
	background-color: #f0f0f0;
}

/* IVAN - 25/09/2024: viene ridefinito lo stile da applicare ai tooltip generati con Boostrap. */
/* N.B. per applicarlo ai tooltip e' necessario utilizzare la direttiva 'data-bs-custom-class="nome della classe css". */
.custom-tooltip {
  --bs-tooltip-bg: white;
  --bs-tooltip-color: black;
  --bs-tooltip-border-radius: 10px!important;
  opacity:1!important;
  border: solid 1px green!important;
  border-radius: 10px!important;
}

/* DAVIDE - 17/10/2024: classe di stile utilizzabile per conferire ad elementi implementati tramite le "cards" */
/* di Bootstrap un bordo arrotondato con effetto di ombreggiatura. */
.card-shadow {
	border: 2px solid rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	box-shadow: 3px 4px 5px #b0b0b0;
}

/* DAVIDE - 17/10/2024: classe di stile utilizzabile per gestire l'effetto "hover" sulle cards che individuano i singoli */
/* corsi in evidenza della bacheca. */
.cardCorsoInEvidenza:hover {
	/* border: 3px solid #1caaa1; */
	border: 3px solid var(--tom-title-bg-color);
	box-shadow: 5px 6px 7px #b0b0b0;
}

/* DAVIDE - 18/10/2024: classe di stile applicabile alle voci del menu' applicativo che risultano disabilite. */
.menuItemDisabled {
	font-style: italic !important;
	background-color: #f6f5f5!important;
}

/* DAVIDE - 18/10/2024: classe di stile utilizzabile per formattare il bordo esterno contenitore ("box") di una generica sezione ("item"). */
.itemBoxed {
	border: 2px solid rgba(0, 0, 0, 0.06);
	/* border-top: 3px solid #00a096; */
	border-top: 3px solid var(--tom-title-bg-color);
	border-radius: 6px!important;
	box-shadow: 1px 2px 3px #b0b0b0!important;
}

/* DAVIDE - 17/12/2024: classe di stile utilizzabile per formattare il box che contiene le informazioni del login effettuato dall'utente. */
.itemBoxedLoginInfo {
	border: 2px solid var(--tom-boxed-bg-color);
	border-top: 3px solid var(--tom-boxed-bg-color);
	border-radius: 6px!important;
	box-shadow: 1px 2px 3px #b0b0b0!important;
}

/* DAVIDE - 02/05/2025: classe di stile utilizzabile per formattare una piccola sezione con proprietà di "scrolling" verticale. */
.itemScrollable {
    max-height: 200px;
    overflow-y: auto;
    width:250px;
}

/* DAVIDE - 13/12/2024: classe di stile applicabile per conferire una formattazione standard a qualsiasi elemento "a pannello" */
/* che si trova nello stato corrente di "selezionato" (oppure nello stato di "espanso" se si tratta di un elemento a comparsa). */
.panelSelected {
	border: 3px solid #1caaa1!important;
	box-shadow: 5px 6px 7px #b0b0b0!important;
}

/* DAVIDE - 13/12/2024: classe di stile applicabile per conferire una formattazione standard a qualsiasi elemento "a pannello" */
/* che si trova nello stato corrente di "non selezionato" (oppure nello stato di "compresso" se si tratta di un elemento a comparsa). */
.panelUnselected {
	border-top: 1px solid #7B7B7B !important;
    border-bottom: 2px solid #505050 !important;
    border-left: 1px solid #7B7B7B !important;
    border-right: 2px solid #505050 !important;
			box-shadow: 3px 4px 5px #b0b0b0;
}

/* DAVIDE - 13/12/2024: classe di stile applicabile per conferire una formattazione sull'evento "hover" per qualsiasi elemento "a pannello" */
/* che si trova nello stato corrente di "non selezionato" (oppure nello stato di "compresso" se si tratta di un elemento a comparsa). */
.panelUnselected:hover {
	box-shadow: 5px 6px 7px #505050!important;
}

/* DAVIDE - 24/10/2024: classe di stile utilizzabile per formattare il titolo di una "sidebar". */
.sidebarTitle {
	font-size: 12pt;
	text-transform: uppercase;
	color: #00945d;
	font-weight: bold;
	line-height: 1.2em;
}

/* IVAN - 29/10/2024: classe di stile utilizzabile per mostrare il contenuto altrimenti nascosto da altre istruzioni */
.display_hr {
	display: block!important;
}						

/* IVAN - 27/11/2024: la proprieta' riportata in questa classe va a modificare quella impostata nella risorsa "_input-group-text.scss" */
/* ed e' necessaria per correggere il padding nei tooltip relativi agli HelpElements (senza questo aggiustamento risultava difficoltosa */
/* l'apertura del tooltip al passaggio del mouse, risultando "decentrata" l'area sfruttabile tramite il "mouse-hover"). */
.input-group-text {
	padding: 0.158rem 0.75rem!important;
}

/* DAVIDE - 16/12/2024: classe di stile utilizzabile per formattare il modale di Bootstrap su viewport ampie */
.modal-xxl-custom {
	--bs-modal-width: 1300px;
}

/* DAVIDE - 15/01/2025: classe di stile utilizzabile per formattare il padding interno alle liste degli stati di webflow dei wizard  */
.stateItemPadding {
	padding-left:120px!important;
}

/* DAVIDE - 05703/2025: conferisce la formattazione di default del colore di background per il riquadro contenente le informazioni */
/* relative allo user corrente in sessione. */
.tom-bg-user-session {
	background-color: var(--tom-boxed-bg-color);
}

/* DAVIDE - 21/01/2025: conferisce la formattazione di default del colore di background per le principali "bande" definite  */
/* in TOM (banner, pulsanti "shortcuts" del menu' e footer) */
.tom-bg-bande {
	/*background-color: var(--dark-100) !important;*/ /* Questa e' l'impostazione "originaria" in stile "dark" */
	background-color: #152d51!important;
}

/* DAVIDE - 21/01/2025: conferisce la formattazione di default del colore dei font per le principali "bande" definite  */
/* in TOM (banner, pulsanti "shortcuts" del menu' e footer) */
.tom-font-bande {
	color: var(--light--100) !important;
}

/* DAVIDE - 13/03/2025: conferisce la formattazione di default del colore di background per la barra del titolo pagina */
.tom-bg-pageTitle {
	background-color: #152d51!important;
} 

/* DAVIDE - 13/03/2025: conferisce la formattazione di default del colore dei font per la barra del titolo pagina  */
.tom-font-pageTitle {
	color: var(--light--100) !important;
}

/* DAVIDE - 22/05/2025: classe di stile utilizzabile per conferire ad un qualsiasi elemento una larghezza minima di 100px */
/* 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, puo' sempre generare dei comportamenti anti-responsive! */
.min-width-100 {
	min-width: 100px;
}

/* DAVIDE - 23/06/2025: classe di stile utilizzabile per conferire ad un qualsiasi elemento una larghezza minima di 150px */
/* 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, puo' sempre generare dei comportamenti anti-responsive! */
.min-width-150 {
	min-width: 150px;
}

/* DAVIDE - 27/01/2025: classe di stile utilizzabile per conferire ad un qualsiasi elemento una larghezza minima di 200px */
/* 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, puo' sempre generare dei comportamenti anti-responsive! */
.min-width-200 {
	min-width: 200px;
}

/* DAVIDE - 04/02/2025: classe di stile utilizzabile per conferire ad un qualsiasi elemento una larghezza massima di 300px */
/* 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, puo' sempre generare dei comportamenti anti-responsive! */
.max-width-300 {
	max-width: 300px;
}

/* DAVIDE - 04/02/2025: classe di stile utilizzabile per conferire ad un qualsiasi elemento un'altezza massima di 300px */
/* 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, puo' sempre generare dei comportamenti anti-responsive! */
.max-height-300 {
	max-height: 300px;
}

/* DAVIDE - 13/06/2025: classe di stile utilizzabile per impostare la larghezza al 50% della larghezza totale rispetto alla viewport corrente. */
.viewport-width-50 {
	width: 50vw !important;
}

/* IVAN - 30/05/2025: classe di stile utilizzabile per impostare la larghezza al 66% della larghezza totale rispetto alla viewport corrente. */
.viewport-width-66 {
	width: 66vw !important;
}

/*  IVAN - 30/05/2025: classe di stile utilizzabile per impostare l'altezza al 40% dell'altezza totale rispetto alla viewport corrente e impostare */ 
/*  il comportamento della barra di scorrimento verticale. */
.viewport-height-40 {
	max-height: 40vw !important;
	overflow-y: scroll !important;
}

/* IVAN,DAVIDE - 30/05/2025: classe utilizzata per forzare l'impostazione della proprieta' "transform" normalmente gestita dalla libreria Popper.js */
/* nei pulsanti dropdown di Bootstrap andando a modificare il posizionamento verticale rispetto al chiamante. */
.forceTransformDropdown {
	transform: translate3d(0px, 35px, 0px) !important;
}

/* DAVIDE - 31/01/2025: classe di stile utilizzabile per impostare le font all'interno delle varie sezioni che compongono il footer */
.tom-footer-font {
	/*background-color: var(--dark-100) !important;*/ /* NB: Questa era l'impostazione "originaria" in stile "dark" del mockup "Porto". */
	color: #152d51;
}
	
/* DAVIDE - 31/01/2025: classe di stile utilizzabile per definire la sezione interna al cartiglio customer del footer */
/* (ossia l'area che comprende il logo dello specifico cun e, tipicamente, i dati relativi a ragione sociale, indirizzo e P.IVA). */
.inner_cartiglio_customer {
	border-radius:8px; 
	background-color: #ffffff; 
	padding: 10px; 
	border: 5px solid #c6c6c6;
}


/* IVAN - 27/03/2025: classe di stile utilizzabile per definire una sezione colorata in cui mostrare dei messaggi informativi. */
.alertInformativo {
	color: #664d03;
	border-radius: 5px;
	margin-bottom: 1em;
	background-color: #fff3cd59;
	border: 1px solid #ffe69c;
	padding: 1rem 1rem;
	margin-top: 1rem!important;
}

/* DAVIDE - 02/05/2025: classe di stile utilizzabile per diminuire la dimensione delle font al valore "0.80rem". */
.font-size_80 {
	font-size: 0.80rem !important;
}

/* DAVIDE - 15/05/2025: classe di stile utilizzabile per evidenziare elementi opportunamente filtrati dei corsi in evidenza della bacheca. */
.corsiBachecaUnderlineFiltered {
	background-color: yellow;
}