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

.tab_border {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size:8pt;
}
.tab_border_tit {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	font-weight:bold;
	text-transform:uppercase;
}

.tabellaIncontri {
	background:#FFFFFF none repeat scroll 0 0;
    border-collapse:collapse;
    color:#000000;
    width:auto;
}

.tabellaIncontri_responsive{
	background:#FFFFFF none repeat scroll 0 0;
    border-collapse:collapse;
    color:#000000;
    max-width: 500px;
}

table.sublist {
                border-collapse: collapse;
                border: 0px;
                color: #000;
                background: #fff;
                width: auto;
				margin-bottom: 0;
            }


table.sublist td, table.sublist th {
               border: 1px solid #a0a0a0;
               padding: 0.2em;
}

table.sublist tbody tr:hover, table.sublist tr.over {
               background: #E5F4EF !important; /* important needed for Tapestry, as is .table tr:hover */
}

table.sublist tr.even {
    background: #e0e0e0;
    border-top: 1px solid #808080;
    color: #000000;
}

table.sublist tr.odd {
    background: #f0f0f0;
    border-top: 1px solid #a0a0a0;
    color: #000000;
}

.table.sublist tr.over {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    cursor: pointer;
}

.table tfoot td	{
	background: #c0c0c0;
    border: 1px solid white;
}

.table thead th {
  vertical-align:top;
}

.table tr.odd, .table tr.even {
  border-top: none;
}

.table tr.odd td, .table tr.even td {
  vertical-align:top;
  border-top:1px solid #C0C0C0;
}

.area-formativa-group-title-row {
	background: #d7e9f5;
}

.area-formativa-group-title-row td {
	font-weight:bold;
	color:white;
	border-top:2px solid #D0D0D0;	
	border-bottom: 0px !important;	
	/* border-bottom:2px solid #D0D0D0; */	
	background: #002EB8;
}

.table tr.odd td.area-formativa-grouped-column,
.table tr.even td.area-formativa-grouped-column,
td.area-formativa-grouped-column {
	background: #d7e9f5;
  	border-top: none !important;
  	border-bottom: none !important;
  	width: 2px;
	padding: 2px;
}

.area-formativa-1, td.area-formativa-1,
tr.area-formativa-1:hover,
.table tbody tr.area-formativa-1:hover 
{
	background: #002EB8 !important;
}

.area-formativa-2, td.area-formativa-2,
tr.area-formativa-2:hover,
.table tbody tr.area-formativa-2:hover 
{
	background: #666633 !important;
}

.area-formativa-3, td.area-formativa-3,
tr.area-formativa-3:hover,
.table tbody tr.area-formativa-3:hover  
{
	background: #CC3333 !important;
}

.area-formativa-4, td.area-formativa-4,
tr.area-formativa-4:hover,
.table tbody tr.area-formativa-4:hover  
{
	background: #CC6600 !important;
}

.area-formativa-5, td.area-formativa-5,
tr.area-formativa-5:hover,
.table tbody tr.area-formativa-5:hover  
{
	background: red !important;
}


.table_no_borders, .table_no_borders td {
	border:none!important;
}


/* Definisce lo stile applicabile all'elemento 'TabLink' di un qualsiasi tab che si ritrovi nello stato di "non selezionato". */
.unselectedTabLink {
	font-weight:normal!important;
}

/* Definisce lo stile applicabile all'elemento 'TabLink' di un qualsiasi tab che si ritrovi nello stato di "selezionato". */
.selectedTabLink {	
	font-weight:bold!important;
	font-style:normal!important;
	font-size:13px!important;
	text-transform:uppercase!important;
	border:1px solid #7d7d7d!important;
	border-bottom: 0px!important;
	background-color:#f0f0f0!important;
	color:#333333!important;
	box-shadow:inset 3px 0px 0px 0px #93021f, 3px 3px 3px 0px #f0f0f0;
	/* DAVIDE 07/12/2023: commentata l'istruzione con il "background:linear-gradient" perche' produce differenti rese grafiche */
	/* (in larghezza, orientamento ed altezza dell'area con il gradiente) in base alla dimensione del tab, mentre occorrerebbe */
	/* visualizzarla piu' "vincolata" dovendo i tab, in ottica responsive, potersi auto-ridimensionare in base alla numerosita' */
	/* del tabset ed allo spazio disponibile. */
	/* TODO: capire meglio se e come questa istruzione puo' risultare utilizzabile in modalita' responsive. */
	/**/ background: linear-gradient(165deg, rgb(147,2,31) 18%, rgb(240 240 240) 9%); /**/	
}

.selectedTabLink > a {
	background-color: #f0f0f0!important;
}

.selectedTabLink > a > small {
	font-size: 10pt !important;
}

.rounded_borders_top {
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
}

ul.nav-tabs {
	--bs-nav-tabs-border-width: 0px;
}

li.nav-item {
	line-height: 10px;
}


/* Definisce lo stile applicabile di default all'head di un qualsiasi "panel" gestito nella modalita' "responsive". */
.headerPanel {
	min-width:110px;	
	padding-left:10px;
	padding-top:5px;
	margin-bottom: 1px!important;
	font-weight:normal;
	letter-spacing: 1px!important;
    white-space: nowrap!important;
    margin-right:0px!important;
    background-color: #D6D6D6!important; 
    font-size: 13px!important;
    color: #669966!important;
    border: 2px solid #505050 !important;
    box-shadow: 3px 4px 5px #b0b0b0!important;	
}


/* Definisce lo stile applicabile di default al body di un qualsiasi "panel" gestito nella modalita' "responsive". */
.bodyPanel {
	background-color: #f0f0f0!important; 
	margin-top: -1px; 
	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-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 3px 4px 5px #b0b0b0!important;
	margin-right:0px!important;
	border-top-right-radius: 0px;
}