.select2-dropdown {min-width:300px !important;}

.butAction {font-size: 1em !important;}

.tabella_conti_10 { width:10%; }
.tabella_conti_15 { width:15%; }
.tabella_conti_20 { width:20%; }
.tabella_conti_25 { width:25%; }
.tabella_conti_30 { width:30%; }

tr.title_table td.no_padding_top {padding-top:0 !important}

.width_15 {width:15%}

tr.title_table td.no_top_padding {padding-top: 0 !important}
tr.title_table td.a_top_padding {padding-top: 10px !important}

td.negative, span.negative, b.refused {color:#880000}
td.positive, span.positive, {color:#367a0e}

table.graphtable {border-bottom:2px solid #333333; margin-bottom:30px}

.chart { height: 900px; margin: 5px; width: 1600px; min-width:100% }
.Treant > .node { }
.Treant > p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 12px; }
.node-name { font-weight: bold;}
.green { background-color: #00E100 ! important; }
.orange { background-color: #993300 ! important; color:#fff ! important; }
.violet { background-color: #e49bf1 ! important; color:#fff ! important; }
.blue { background-color: #66f1d1 ! important; color:#fff ! important; }

.print_view_field{ width:50%; }

.RsadStatus { float:left; padding:0px 5px 0px 0px; }

.RsadStatus img { overflow:hidden; padding-left:2px; padding-top:2px;}

.evolution-tree {
padding: 10px;
width: 40px;
height: 40px;
border-radius: 3px;
font-size: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #000;
}

.albero_search { height:50px; margin-top:25px; }

.nodeExample1 {
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #E1E1E1;
text-align:center;
border: 1px solid #000;
font-size: 0.8em;
}

.nodeExample1 img { margin-right: 10px; }

.nodeExample2 {
padding: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #ffffff;
border: 1px solid #000;
width: 200px;
font-size: 12px;
}

.nodeExample2 img { margin-right: 10px; }


/* Tooltip text */
.tooltips_tree .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #E10000;
color: #fff;
text-align: center;
padding: 0;
border-radius: 1px #000;
font-size: 1.5em;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1000;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips_tree:hover .tooltiptext { visibility: visible; }

tr.hover { cursor: pointer; background:#AEA; }

.orange a.tooltips { color:#fff ! important; }

.tabBar{
border-bottom:0px !important;
padding-bottom:0px !important;
margin-bottom:0px !important;
}

.tabBarDef { padding:15px 0px 0px 15px; font-weight: bold; color: #866; }

.sadfichecenter { border-bottom:1px solid #CCC; overflow: auto; padding-bottom:15px; }

.sadTabsAction { width: 95%; overflow: hidden; }

.top_header_sad_right div.statusref {max-width:10%; font-size:0.9em}
.top_header_sad_right div.statusref img {padding:0}

a.tooltips_tree {
position: relative;
display: inline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align:center;
border: 0px;
width:200px;
padding-top:4px;
padding-bottom:4px;
}

a.tooltips_tree span {
position: absolute;
min-width:160px;
color: #FFFFFF;
background: #000000;
/*height: 20px;*/
line-height: 1.5em;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 1.4em;
padding-bottom:5px;
}
a.tooltips_tree span:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-top: 8px solid #000000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltips_tree span {
visibility: visible;
opacity: 0.9;
bottom: 20px;
left: 50%;
margin-left: -46px;
z-index: 999;
}

.codice_univoco {font-size:25px; font-weight:bold; color:#000055}

textarea.desc_bambino_sad {font-size:14px}

/* OVERLAY RICERCA SOGGETTO TERZO */

.hide{ display: none;}
.select2-container .select2-selection--single.hide_select { display: none;}
.close-overlay{ position: absolute; right: 1%; top: 1%; font-size: 30px; cursor: pointer;}
.close-overlay:hover {color:#CCCCCC; text-decoration:none}
.trg-overlay{ background: #fff; position: absolute; z-index: 800; overflow: hidden; }
.small{ width: 380px; }
.standard{ width: 900px; }
.big{ width: 70%; }
.overlay{
display: none;
background:#000;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:600;
cursor:pointer;
width: 100%; height: 100%;
}

.trg-modal-header { }

.societe_card_link {text-align:right}

div.sadref .refid { width: 70%;}
.top_header_sad_left { float:left;margin-right:10px;width:45% }
.top_header_sad_right { float:left;width:54%; }
.top_header_sad_right img.photoref, .top_header_sad_left img.photoref {width:50px; height:80px}

div#modal_company_check {padding:20px}
div#modal_company_check table a.name_company {color:rgb(14,141,160); line-height:115%}
div#modal_company_check table tr:last-child {border:0 none}
div#modal_company_check .scroll_result_oh { max-height:500px; overflow:auto; }

/* FINE OVERLAY RICERCA SOGGETTO TERZO */

div.wiki {padding-left:10px; margin-top:100px; display:inline-block; }
div.wiki2 {padding-left:10px; margin-top:20px; display:inline-block; }

div.mainmenu.sad {
background-image: url('/theme/eldy/img/menus/members.png');
}
div.mainmenu.soci {
background-image: url('/theme/eldy/img/menus/commercial.png');
}
div.mainmenu.ciaipe {
background-image: url('/custom/ciai/img/menus/menu_ciaipe.png');
}
div.mainmenu.adozione {
background-image: url('/custom/ciai/img/menus/menu_adozione.png');
}
div.mainmenu.importst {
background-image: url('/theme/eldy/img/menus/import_st.png');
}
div.mainmenu.importplus {
background-image: url('/theme/eldy/img/menus/import_plus.png');
}
caption {color:rgb( 14,141,160); text-align:left; font-weight:bold;margin-top:20px}

div#card_tp_edit h1 {line-height:35px; margin-bottom:0; padding:5px 0 5px 5px; background: rgb(14,141,160); color:#FFFFFF;}

a.link_popup {color:rgb(14,141,160)}

div.liste_titre
{
background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
font-weight: bold;
color: rgb(0,0,0);
font-family: roboto,arial,tahoma,verdana,helvetica;
border-bottom: 1px solid #FDFFFF;
text-align: left;
line-height:26px;
}

tr.hide_row {display:none}
span.show_hide_all {cursor:pointer; color:rgb(14,141,160) }
span.show_hide_all:hover {color:#866}
.overflow_hidden {overflow:hidden}
.caption_table {float:left;}
.result_all {float:right; clear:right}

.side-nav {min-width:230px}

.ui-autocomplete.ui-front {z-index:99999}

#ciai_table tr td a.pictopreview img {display:none}

.importo_donazione {font-size:25px; font-weight:bold; text-align:right; line-height: 30px }
.importo_donazione_left {font-size:25px; font-weight:bold; text-align:left; line-height: 30px }
.codice_sad_bambino, .codice_st, .codice_sad {font-size:25px; font-weight:bold; line-height: 30px }

img.userphoto {
border-radius: 2px;
width: 16px;
height: 16px;
}

.withmargin .ficheaddleft table.noborder
{
margin: 0px 0px 5px 0px;
}

.align_right {text-align:right}
.align_center {text-align:center}


/* IMPORTAZIONE PAGAMENTI */
table.import_payment tr.even td {
background: linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
background: -o-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
background: -moz-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
background: -ms-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
}

table.import_payment tr.odd td {
background: linear-gradient(bottom, rgb(224,224,224) 85%, rgb(224,224,224) 100%);
background: -o-linear-gradient(bottom, rgb(224,224,224) 85%, rgb(224,224,224) 100%);
background: -moz-linear-gradient(bottom, rgb(224,224,224) 85%, rgb(224,224,224) 100%);
background: -webkit-linear-gradient(bottom, rgb(224,224,224) 85%, rgb(224,224,224) 100%);
background: -ms-linear-gradient(bottom, rgb(224,224,224) 85%, rgb(224,224,224) 100%);

}

table.import_payment tr.border_line td, table.import_payment tr td.border_line { border-bottom:1px solid black !important;}
table.import_payment tbody > tr > td.desc_payment { padding-bottom:20px; border-bottom: 0 none !important }
table.import_payment tr td {vertical-align:top}
table.import_payment .import_btn, table.import_payment .include_btn {background-color:#3eaf1a; border:1px solid #22ad3f}
.exclude_btn, .import_btn {width:80px; cursor:pointer}
label.secondorow, span.secondorow {font-size:10px; text-transform:uppercase;font-weight:bold}
.insert_field {float:left; padding-right:15px;}
.rigaother {overflow:hidden}

.extra_info_type {float:left}
.extra_info_st { overflow:hidden; padding-left:10px}

select.highlight, div.highlight,input.highlight { transition: box-shadow .8s linear; outline: 0; box-shadow: 0 0 10px #FFEB3B; border: 1px solid #FFEB3B;}

img.add_row, img.del_row {cursor:pointer; opacity:0.8; margin:2px}
img.add_row:hover, img.del_row:hover {
border-radius:50%;
cursor:pointer;
opacity:1;
-moz-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
-webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
}

/* Base for label styling */
.newcb[type="checkbox"]:not(:checked),
.newcb[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.newcb[type="checkbox"]:not(:checked) + label,
.newcb[type="checkbox"]:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
}

/* checkbox aspect */
.newcb[type="checkbox"]:not(:checked) + label:before,
.newcb[type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0; top: 0;
width: 1.25em; height: 1.25em;
border: 2px solid #ccc;
background: #fff;
border-radius: 4px;
box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.newcb[type="checkbox"]:not(:checked) + label:after,
.newcb[type="checkbox"]:checked + label:after {
content: '✔';
position: absolute;
top: .1em; left: .3em;
font-size: 1.3em;
line-height: 0.8;
color: #09ad7e;
transition: all .2s;
}
/* checked mark aspect changes */
.newcb[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
.newcb[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
/* disabled checkbox */
.newcb[type="checkbox"]:disabled:not(:checked) + label:before,
.newcb[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
.newcb[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
.newcb[type="checkbox"]:disabled + label {
color: #aaa;
}
/* accessibility */
.newcb[type="checkbox"]:checked:focus + label:before,
.newcb[type="checkbox"]:not(:checked):focus + label:before {
border: 2px dotted blue;
}

/* hover style just for information */
label:hover:before {
border: 2px solid #4778d9!important;
}

.ficheaddleft table.noborder {
margin: 0px 0px 5px 0px;
}

td.label_upload { width: 20%}

tr#test_modalita td {background-color:#ffc600;font-weight:bold}

input#ddocsUploadButton { margin-left:100px !important;}

tbody tr td[class~="row_title_table"] {
/*background-color: rgb( 229,229,229);
background-repeat:no-repeat;
background-position: left center;*/
background-color:rgb( 255,255,255) !important;
}

tbody tr td[class~="row_title_table"] > span, div.tagtable > span {
text-transform:uppercase;
padding: 4px 20px;
box-shadow: 5px 5px #ececec;
background-color: rgb( 14,141,160);
color:rgb( 255,255,255);;
font-size:0.9em;
display:inline-block;
font-weight:bold;
}


/*
tbody tr td[class*="row_title_table_img"] { padding-left:35px; }
tbody tr td.row_title_table_img_email { background-image:url('../img/icon/email.png'); }
tbody tr td.row_title_table_img_pdf { background-image:url('../img/icon/pdf.png'); }
tbody tr td.row_title_table_img_attached { background-image:url('../img/icon/attached.png'); }
tbody tr td.row_title_table_img_files { background-image:url('../img/icon/files.png'); }
tbody tr td.row_title_table_img_variable { background-image:url('../img/icon/variable.png'); }
tbody tr td.row_title_table_img_info { background-image:url('../img/icon/info.png'); }
*/

/*
BLU: #132c6c
ROSSO: #e63b27
VERDE: #25a580
ARANCIONE: ed811c
GRIGIO SCURO: #3f4044
*/
div.tabs {border-bottom:3px solid rgb(14,141,160);}
.underbanner { border-bottom:3px solid rgb(14,141,160);}
.side-nav, #menu_contenu_logo, .vmenu, .blockvmenulogo, #blockvmenubookmarks {rgb( 255,255,255); }
/*
.fichecenter tr.liste_titre th,
.fichecenter tr.liste_titre td,
.fichecenter th.liste_titre,
.fichecenter td.liste_titre {border-top:3px solid rgb( 14,141,160);}
*/

tr.title_table td { padding-top:50px !important; border-bottom:0 !important }

.vmenu div.blockvmenulogo {background-color:transparent}

div.tabBar {border-top:0 none !important}

.list_report {border:1px solid; padding:10px 0}

table.noborder tr td.more_height {line-height:29px}

div.select_template_pdf {float:left}
div.select_template_pdf select {margin-top:15px; min-width:300px}
div.template_pdf_selected {float:left; margin-top:33px; min-width:300px}
a.template_pdf {float:left; display:block; padding-left:20px; cursor:pointer}
a.template_pdf img {margin-top:15px}
div.margin_pdf {overflow:hidden; padding-left:10px; text-align:center}
div.margin_pdf input {width:20px}
div.margin_middle .border_left {margin-right:30px}
div.margin_middle .border_right {margin-left:30px}
a.template_pdf img {border: 1px solid #333333}
div.template_allegato_mail {height:86px; line-height:86px}

table.noborderciai {border:0px}

#total_amount_sdd {font-size:30px; text-weight:bold}

.margin_pdf input { margin: 0;}

li.select2-search-choice-dolibarr.noborderoncategories img {display:none; visibility:hidden;}

@media only screen and (min-width: 826px) {
.minwidth700 {
min-width: 700px;
}
}

table.colloquio_contacts tr td.row_title_table { border-top:1px solid #CCCCCC; }
table.colloquio_contacts { border-bottom:1px solid #CCCCCC; }
table.colloquio_contacts tr td.row_title_table:first-child { border-top:none; }
table.colloquio_contacts span.box-consulente { font-size:0.8em }

#create_promessa_cb { right:20px; position: absolute; }

/* Gestione Pratica Follow UP */
table.gpfw_contacts tr td.row_title_table { border-top:1px solid #CCCCCC; }
table.gpfw_contacts { border-bottom:1px solid #CCCCCC; }
table.gpfw_contacts tr td.row_title_table:first-child { border-top:none; }
table.gpfw_contacts span.box-consulente { font-size:0.8em }

/* BOX SOCIETE */

.box-flex-container-ciai {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: calc(100% + 2px);
margin: 0 -8px 0 -8px;
justify-content: start;
}

.info-box-delete
{
text-align: right;
width: 100%;
display: block;
bottom: 0;
position: absolute;
}

.info-box-ref a { text-transform:uppercase; }

tr.withborderbottom {border-bottom: 1px solid #CECECE; }

span.role_colloquio { font-size:0.9em; }

.align-vertical-middle { vertical-align:middle; }

span.campagnaicon { color: #916114 !important; }
span.commessaicon { color: #4f9344 !important; }

span.circle_num {
border-radius: 15px;
border: 3px solid var(--butactionbg);
padding: 1px;
display: inline-block;
width: 26px;
text-align: center;
margin: 0 auto;
color:#222222;
font-weight:bold;
}

i.minifont { font-size: 12px; }

i.listcolor_CIAI_PF { color: #ff7f00; }
i.listcolor_CIAI_AZ { color: #00911a; }
i.listcolor_CIAI_FO { color: #1d2ec0; }
i.listcolor_CIAI_IS { color: #4dd4ae; }
i.listcolor_CIAI_SC { color: #99ae0c; }
i.listcolor_CIAI_ER { color: #ac3f5b; }
i.listcolor_CIAI_ON { color: #a93fac; }
i.listcolor_CIAI_TS { color: #ac6b3f; }


/* REPORTS */
#reporticoModal .modal-lg {width:1500px}
.swMntInnerBox .swMntSetField textarea {width:100% !important; min-height:700px}
.list_report { padding: 10px 20px;}
.dataTables_wrapper {margin-top:0px !important}
.dataTables_wrapper .dataTables_filter {margin-top:-50px}
.swRepGrpHdrBox {margin-top:50px}
.dataTables_info {font-style:italic}
.reportico-chart-container {width:100% !important}
.swMntVertTabMenuCellUnsel, .swMntVertTabMenuCellSel {min-width:280px !important;}
.swPrpCritSel select {overflow:overlay}

a.exportNavisionFalse { background-color: #e63b27; }
a.exportNavision { background-color: #25a580; }

/* RAPPORTO DI IMPATTO */
tr.ri_famiglie td { border-bottom: 4px solid #000000 !important; }
tr td.ri_border_right { border-right: 1px solid #000000 !important; }

/* PRATICA ADOZIONE */
.field_sep_dati_generali td, .field_sep_decreto_adozione_fw td, .field_sep_sentenza_estera_fw td, .field_sep_sede_estera_fw td, 
td.fieldname_sep_thailandia_fw, td.fieldname_sep_colombia_fw, td.fieldname_sep_certificati_fw, td.fieldname_sep_revoca, tr.field_sep_thailandia_fw td,
tr.field_sep_colombia_fw td, tr.field_sep_certificati_fw td, tr.field_sep_revoca td { font-weight:bold; background-color: var(--colorbacktitle1) !important; }
table.fase_table { margin-bottom: 100px; }
table.fase_active { border: 7px solid #00911a !important; }
table.fase_inactive { border: 7px solid #ac3f5b !important; }
table.fase_real { border: 7px solid #c4db2e !important; }

tr.liste_titre th a.fase_active { color: #00911a; }
tr.liste_titre th a.fase_inactive { color: #ac3f5b; }

.liste_titre_colloqui td, .liste_titre_promesse td { background-color: var(--lt-color-gray-400) !important; font-weight:bold; }

/* SCHEDA PRATICA ADOZIONE */
.fase-group-content {
	transition: all 0.3s ease;
}

.clickable-row {
	background-color: #f8f9fa !important;
	border-left: 4px solid #007cba;
}

.clickable-row:hover {
	background-color: #e9ecef !important;
}

.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge-info {
	color: #fff;
	background-color: #17a2b8;
}

.phase_status .badge-status0 {
	color: #856404;
	background-color: #fff3cd;
	border: 1px solid #ffeaa7;
}

.phase_status .badge-status4 {
	color: #155724;
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
}

.phase_status .badge-status9 {
	color: #721c24;
	background-color: #f8d7da;
	border: 1px solid #f1b0b7;
}

/* Stili per evidenziare i valori dei campi delle fasi */
.field-value-highlight {
	background-color: #f8f9fa;
	border-right: 3px solid #007cba;
	padding-right: 8px;
}

.field-value-bold {
	font-weight: 600;
	color: #495057;
}

.field-value-empty {
	color: #6c757d;
	font-style: italic;
}

.fieldtitle {
	color: #6c757d;
	font-weight: 500;
	font-size: 0.9em;
}

/* END PRATICA ADOZIONE */

.dashboard-section {
		margin: 20px 0;
		background: #f8f9fa;
		border-radius: 8px;
		padding: 20px;
		border: 1px solid #dee2e6;
	}
	
	.dashboard-title {
		margin: 0 0 20px 0;
		color: #495057;
		font-size: 18px;
		border-bottom: 2px solid #007bff;
		padding-bottom: 10px;
	}
	
	.dashboard-row-top {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		padding: 20px 20px 10px 20px;
		background-color: #f8f9fa;
		border-radius: 8px 8px 0 0;
		margin: 20px 0 0 0;
	}
	
	.dashboard-row-bottom {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		padding: 10px 20px 20px 20px;
		background-color: #f8f9fa;
		border-radius: 0 0 8px 8px;
		margin: 0 0 20px 0;
	}
	
	.dashboard-item {
		background: white;
		border-radius: 8px;
		padding: 20px;
		display: flex;
		align-items: center;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}
	
	.dashboard-item:hover {
		transform: translateY(-2px);
		box-shadow: 0 4px 8px rgba(0,0,0,0.15);
	}
	
	.dashboard-icon {
		margin-right: 15px;
		min-width: 40px;
	}
	
	.dashboard-content {
		flex: 1;
	}
	
	.dashboard-number {
		font-size: 24px;
		font-weight: bold;
		color: #2c3e50;
		margin-bottom: 5px;
		line-height: 1;
	}
	
	.dashboard-label {
		font-size: 12px;
		color: #6c757d;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	
	@media (max-width: 768px) {
		.dashboard-row-top {
			grid-template-columns: 1fr;
		}
		
		.dashboard-row-bottom {
			grid-template-columns: 1fr;
		}
	}
	
	@media (max-width: 1024px) and (min-width: 769px) {
		.dashboard-row-top {
			grid-template-columns: 1fr 1fr 1fr;
		}
		
		.dashboard-row-bottom {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}

	
/* Famiglia list - number background colors */
.famiglia-list-num-genitori {
	background-color: #c2e0ff;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
	display: inline-block;
	min-width: 30px;
	text-align: center;
}

.famiglia-list-num-figli {
	background-color: #fff4c2;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
	display: inline-block;
	min-width: 30px;
	text-align: center;
}

.famiglia-list-num-totale {
	background-color: #c2ffc2;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
	display: inline-block;
	min-width: 30px;
	text-align: center;
}


/* CIAI custom styles */

/* Famiglia list - number background colors */
.famiglia-list-num-genitori {
	background-color: #c2e0ff;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
	display: inline-block;
	min-width: 30px;
	text-align: center;
}

.famiglia-list-num-figli {
	background-color: #fff4c2;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
	display: inline-block;
	min-width: 30px;
	text-align: center;
}

.famiglia-list-num-totale {
	background-color: #c2ffc2;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
	display: inline-block;
	min-width: 30px;
	text-align: center;
}

/* Collapsible sections */

.collapsible-section {
	margin: 15px 0;
	/*border: 1px solid #ddd;*/
	border-radius: 4px;
	overflow: hidden;
}

.collapsible-header {
	background-color: #17a2b8;
	padding: 15px 20px;
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	transition: background-color 0.2s ease;
}

.collapsible-header:hover {
	background-color: #91c2cfff;
}

.collapsible-arrow {
	display: inline-flex;
	align-items: center;
	transition: transform 0.3s ease;
	font-size: 16px;
	margin-left: 10px;
}

.collapsible-arrow i {
	display: inline-block;
	transition: transform 0.3s ease;
}

.collapsible-header.active .collapsible-arrow i {
	transform: rotate(90deg);
}

.collapsible-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
}

.collapsible-content.active {
	max-height: 5000px;
	padding: 0;
}

.collapsible-inner {
	padding: 0;
	background-color: #fff;
	animation: slideDown 0.3s ease;
}


@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slideUp {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(-10px);
	}
}

/* Feature ID: CIAI_FASE_TABLE_ANIMATION - Animazioni per tabelle fasi */
.fase_table {
	width: 100%;
	table-layout: auto;
}

.fase_table tbody.fase-group-content {
	display: table-row-group !important;
	animation: fadeIn 0.4s ease;
}

.fase_table tbody.fase-group-content.collapsed {
	display: none !important;
	animation: fadeOut 0.4s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}