/* coding=UTF-8 */

/* RAPPRESENTAZIONE TABELLARE DI DATI TIPO DA DATABASE, CON SCORRIMENTO PAGINE */

/* Riquadri di suddivisone dell'area della pagina usata. */
div.tbdb_titolo {
	font-size: 132%;
	font-weight: bold; font-style: normal; font-variant: small-caps;
	text-align: center;
	color: #000000;
	margin: 20px 12px 0px 12px;
	padding: 5px;
	background-color: #FFCC99;
	border-radius: 8px; }
div.tbdb_titolo span {   /* Testo aggiuntivo dopo il titolo, ad esempio per indicare il numero totale di righe. */
	font-size: 72%;
	font-weight: normal; font-style: normal; font-variant: normal;
	color: #696969; }

div.tbdb_filtro {
	position: relative;   /* Indicato per potere attribuire ad elementi all'interno del riquadro il posizionamento assoluto riferendolo al riquadro stesso. Implicitamente assume 0,0. */
	background-color: #F0F8FF;
	font-size: 86%;
	text-align: left;
	color: #000000;
	margin: 15px 12px 0px 12px;
	padding: 1.5em 10px 10px 10px;
	border-radius: 8px; }
div.tbdb_filtro span { background-color: #F0F8FF; }   /* Usato per opacizzate i titoli del riquadro bordato. */
div.tbdb_filtro p { font-size: 109%; text-align: left; color: #000000; margin: 0px 0px 0.5em 0px; }
div.tbdb_filtro p.note { font-size: 86%; margin: 0.5em 0px 0px 0px; }
div.tbdb_filtro table tr.intestazioni { font-size: 94%; background-color: #D2B48C; line-height: 130%; }
div.tbdb_filtro table tr { font-size: 100%; background-color: #FAEBD7; }
div.tbdb_filtro table tr.set, div.tbdb_filtro span.evid { font-size: 100%; background-color: #FFC0CB; }
/* Spaziatura colorata interna delle celle. Con il valore verticale si può definire l'altezza delle righe. */
div.tbdb_filtro table th, div.tbdb_filtro table td { padding: 5px; }

/* Barra di scorrimento pagine. */
div.tbdb_scorripag {
	font-size: 86%;
	text-align: right;
	color: #808080;   /* Testo presente nella barra. Separatore numeri pagina e puntini. */
	margin: 10px 12px 0px 12px;
	padding: 0px; }
div.tbdb_scorripag .DESCR { color: #B8860B; }   /* Descrizione che precede l'elenco delle pagine. */
div.tbdb_scorripag .CURR { color: #000000; background-color: #DCDCDC; padding: 0px 3px 2px 3px; font-weight: bold; font-style: normal; font-variant: normal; }   /* Numero di pagina corrente. Al centro della lista, non link. */
/* Link standard presenti nella barra. Quelli di salti diretti alle pagine (quelle più prossime e quelle estreme). */
div.tbdb_scorripag a:link, div.tbdb_scorripag a:visited { text-decoration: none; color: #1E90FF; }
div.tbdb_scorripag a:hover { background-color: #FFEBCD; color: #FF0000; }
/* Link "relativi" presenti nella barra. Quelli di salto in avanti o indietro di un certo numero di pagine in rapporto a quella corrente. */
div.tbdb_scorripag a.LINKr:link, div.tbdb_scorripag a.LINKr:visited { text-decoration: none; color: #008B8B; }
div.tbdb_scorripag a.LINKr:hover { background-color: #FFEBCD; color: #FF0000; }
/* Campo per indicare il salto ad una pagina specifica. */
div.tbdb_scorripag form { display: inline; position: relative; }
div.tbdb_scorripag form.ie { top: 2px; }
div.tbdb_scorripag form.firefox { top: 1px; }
div.tbdb_scorripag form.opera { top: 0px; }
div.tbdb_scorripag form.safari { top: 0px; }
/* Bottone con il carattere ">>" al posto del testo, posto dietro un campo di input per l'invio. */
div.tbdb_scorripag form button { width: 29px; margin: 0px 0px 0px 4px; vertical-align: top; position: relative; }
div.tbdb_scorripag form button.ie { top: -1px; height: 20px; }   /* Impostata l'altezza fissa (pari a quella che farebbe) per impedire il ridimensionamento cambiando la grandezza del carattere dal menu del Browser. */
div.tbdb_scorripag form button.firefox { top: -1px; }
div.tbdb_scorripag form button.opera { top: -2px; }
div.tbdb_scorripag form button.safari { top: -1px; }
div.tbdb_scorripag form button span { font: 20px arial, sans-serif; font-weight: bold; color: #4682B4; vertical-align: bottom; line-height: 13px; position: relative; }
div.tbdb_scorripag form button span.ie { top: -7px; }
div.tbdb_scorripag form button span.firefox { top: -2px; }
div.tbdb_scorripag form button span.opera { top: -2px; }
div.tbdb_scorripag form button span.safari { top: -2px; }

div.tbdb_comandi {
	background-color: #F0F8FF;
	font-size: 86%;
	text-align: left;
	color: #000000;
	margin: 10px 12px 0px 12px;
	padding: 0px 1em 4px 1em;
	border-radius: 8px; }
div.tbdb_comandi table.forbutton {   /* Con delle divisioni "float:left" i riquadri per i gruppi di bottoni non restano dentro la divisione padre. Con delle divisioni in linea non si riesce ad allinearle bene verticalmente, in quanto sono di diversa altezza e composte da 2 righe, testo e bottoni. */
	display: inline;
	margin: 0px;
	padding: 0px 30px 0px 0px; }
div.tbdb_comandi table.forbutton.chrome { display: inline-table; }
div.tbdb_comandi table.forbutton th { height: 1.5em; vertical-align: bottom; font-weight: normal; }
div.tbdb_comandi table.forbutton td { height: 2em; vertical-align: middle; white-space: nowrap; }
div.tbdb_comandi p.sgmsg { font-size: 109%; text-align: center; color: #FF0000; margin: 0px 0px 1em 0px; }   /* Segnalazioni importanti ed errori. */
div.tbdb_comandi span.attention { font-weight: bold; color: #FF0000; }   /* Messaggi su cui porre l'attenzione. */
div.tbdb_comandi button { margin: 0.3em 1em 0.3em 0em; padding: 1px 0.5em 0.2em 0.5em; }
div.tbdb_comandi button.color-extrabutt1-pager { background-color: #98FB98; }   /* Bottoni per comandi ausiliari aggiunti nella barra comandi (verde). */
div.tbdb_comandi button.color-extrabutt1-pager:hover { background-color: #00FF7F; }
div.tbdb_comandi button.color-extrabutt2-pager { background-color: #9ACD32; }   /* Bottoni per comandi ausiliari aggiunti nella barra comandi (verde scuro). */
div.tbdb_comandi button.color-extrabutt2-pager:hover { background-color: #BDDF7A; }
div.tbdb_comandi button.color-extrabutt3-pager { background-color: #CCCC99; }   /* Bottoni per comandi ausiliari aggiunti nella barra comandi (nocciola-verde, colore neutro). */
div.tbdb_comandi button.color-extrabutt3-pager:hover { background-color: #ADAD82; }
div.tbdb_comandi button.color-extrabutt4-pager { background-color: #66FFFF; }   /* Bottoni per comandi ausiliari aggiunti nella barra comandi (azzurro intenso). */
div.tbdb_comandi button.color-extrabutt4-pager:hover { background-color: #5CE6E6; }   /* 10% più scuro. */
div.tbdb_comandi button.color-extrabutt5-pager { background-color: #CCFFFF; }   /* Bottoni per comandi ausiliari aggiunti nella barra comandi (azzurro chiaro), colore usato per "ritorna". */
div.tbdb_comandi button.color-extrabutt5-pager:hover { background-color: #B8E6E6; }   /* 10% più scuro. */
div.tbdb_comandi button.color-extrabutt1a-pager { background-color: #FF99FF; }   /* Bottoni per comandi ausiliari, evidenti tipo annullamento, aggiunti nella barra comandi (fucsia chiaro). */
div.tbdb_comandi button.color-extrabutt1a-pager:hover { background-color: #E68AE6; }
div.tbdb_comandi button.color-extrabutt2a-pager { background-color: #FA8072; }   /* Bottoni per comandi ausiliari, evidenti tipo annullamento, aggiunti nella barra comandi (rosso arancionato). */
div.tbdb_comandi button.color-extrabutt2a-pager:hover { background-color: #FB9B90; }
div.tbdb_comandi button.color-extrabutt1p-pager { background-color: #98FB98; }   /* Bottoni per comandi ausiliari aggiunti nella barra comandi (colore personalizzabile). */
div.tbdb_comandi button.color-extrabutt1p-pager:hover { background-color: #00FF7F; }
div.tbdb_comandi button.color-extrabutt1-pager:hover, div.tbdb_comandi button.color-extrabutt2-pager:hover, div.tbdb_comandi button.color-extrabutt3-pager:hover, div.tbdb_comandi button.color-extrabutt4-pager:hover, div.tbdb_comandi button.color-extrabutt5-pager:hover, div.tbdb_comandi button.color-extrabutt1a-pager:hover, div.tbdb_comandi button.color-extrabutt2a-pager:hover, div.tbdb_comandi button.color-extrabutt1p-pager:hover { border-color: #000000 #FFFFFF #FFFFFF #000000; }
div.tbdb_comandi a.button {   /* Link simile ad un bottone, che con il cambio di colore dei bordi e dello sfondo, quando "hover", simula la selezione/pressione. */
	text-decoration: none;
	border: 1px solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	border-radius: 3px;
	background-color: #E6E6FA;
	color: #000000;
	line-height: 250%;   /* Crea un margine superiore ed inferiore per distanziare il bottone dalle righe che lo contengono. */
	margin-right: 1em;
	padding: 1px 0.6em 0.3em 0.6em; }
div.tbdb_comandi a.button:hover { border-color: #333333 #999999 #999999 #333333; background-color: #B0E0E6; }
div.tbdb_comandi a.button.color-extrabutt1-pager { background-color: #98FB98; }   /* Link-bottoni per comandi ausiliari aggiunti nella barra comandi (verde). */
div.tbdb_comandi a.button.color-extrabutt1-pager:hover { background-color: #00FF7F; }
div.tbdb_comandi a.button.color-extrabutt2-pager { background-color: #9ACD32; }   /* Link-bottoni per comandi ausiliari aggiunti nella barra comandi. (verde scuro)*/
div.tbdb_comandi a.button.color-extrabutt2-pager:hover { background-color: #BDDF7A; }
div.tbdb_comandi a.button.color-extrabutt3-pager { background-color: #CCCC99; }   /* Link-bottoni per comandi ausiliari aggiunti nella barra comandi. (nocciola-verde, colore neutro)*/
div.tbdb_comandi a.button.color-extrabutt3-pager:hover { background-color: #ADAD82; }
div.tbdb_comandi a.button.color-extrabutt4-pager { background-color: #66FFFF; }   /* Link-bottoni per comandi ausiliari aggiunti nella barra comandi (azzurro intenso). */
div.tbdb_comandi a.button.color-extrabutt4-pager:hover { background-color: #5CE6E6; }   /* 10% più scuro. */
div.tbdb_comandi a.button.color-extrabutt5-pager { background-color: #CCFFFF; }   /* Link-bottoni per comandi ausiliari aggiunti nella barra comandi (azzurro chiaro). */
div.tbdb_comandi a.button.color-extrabutt5-pager:hover { background-color: #B8E6E6; }   /* 10% più scuro. */
div.tbdb_comandi a.button.color-extrabutt1a-pager { background-color: #FF99FF; }   /* Link-bottoni per comandi ausiliari, evidenti tipo annullamento, aggiunti nella barra comandi (fucsia chiaro). */
div.tbdb_comandi a.button.color-extrabutt1a-pager:hover { background-color: #E68AE6; }
div.tbdb_comandi a.button.color-extrabutt2a-pager { background-color: #FA8072; }   /* Link-bottoni per comandi ausiliari, evidenti tipo annullamento, aggiunti nella barra comandi (rosso arancionato). */
div.tbdb_comandi a.button.color-extrabutt2a-pager:hover { background-color: #FB9B90; }
div.tbdb_comandi a.button.color-extrabutt1p-pager { background-color: #98FB98; }   /* Link-bottoni per comandi ausiliari aggiunti nella barra comandi (colore personalizzabile). */
div.tbdb_comandi a.button.color-extrabutt1p-pager:hover { background-color: #00FF7F; }

/* Sistema di scelta e ordinamento delle colonne da visualizzare. */
div.tbdb_LinkTab {   /* Link di apertura/chiusura del form. */
	display: inline;
	position: absolute;
	right: 0px;
	z-index: 10;
	text-align: center;
	margin: 0px;
	padding: 0px; }
div.tbdb_LinkTab table {
	background-color: #CCFFCC;
	border-radius: 8px; }
div.tbdb_GestCol {   /* Contenitore generale per scegliere le colonne da visualizzare. */
	position: relative;   /* Indicato per potere attribuire ad elementi all'interno del riquadro il posizionamento assoluto riferendolo al riquadro stesso, ed anche per usare "z-index". Implicitamente assume 0,0. */
	z-index: 20;
	border-top: 1px solid black;
	border-bottom-left-radius: inherit; border-bottom-right-radius: inherit;   /* Agisce da: IE 9.0; FireFox 4.0; Chrome 5.0; Safari 5.0; Opera 10.5. */
	margin: 10px -1em -4px -1em;   /* "1em" è il padding laterale della divisione ospitante (div.tbdb_comandi) e 4px quello inferiore. */
	padding: 0px; }
div.tbdb_GestCol-sub {   /* Riquadro con il form per scegliere le colonne da visualizzare. */
	background-color: #00FF99;
	font-size: 117%;
	text-align: left;
	color: #000000;
	border-bottom-left-radius: inherit; border-bottom-right-radius: inherit;   /* Agisce da: IE 9.0; FireFox 4.0; Chrome 5.0; Safari 5.0; Opera 10.5. */
	margin-left: 90px;
	padding: 1.5em; }
div.tbdb_GestCol-sub table.GestCol { margin: auto; }   /* Allinea l'elemento blocco al centro del suo contenitore con i Browser diversi da IE. */
div.tbdb_GestCol-sub table.GestCol tr.SCintestazioni { background-color: #FFCCFF; }
div.tbdb_GestCol-sub table.GestCol tr.SCdispari      { background-color: #CCFFFF; }
div.tbdb_GestCol-sub table.GestCol tr.SCpari         { background-color: #CCFFCC; }
div.tbdb_GestCol-sub table.GestCol th, div.tbdb_GestCol-sub table td { padding: 3px 10px; }

/* Visualizzazione d'informazioni funzionali all'uso della tabella. */
div.tbdb_info {
	position: relative;   /* Indicato per potere attribuire ad elementi all'interno del riquadro il posizionamento assoluto riferendolo al riquadro stesso. Implicitamente assume 0,0. */
	background-color: #FFDEAD;
	border-top-left-radius: 10px; border-top-right-radius: 10px;   /* Agisce da: IE 9.0; FireFox 4.0; Chrome 5.0; Safari 5.0; Opera 10.5. */
	font-size: 86%;
	text-align: left;
	color: #000000;
	margin: 10px 0px 0px 0px;
	padding: 4px 16px 7px 16px; }
div.tbdb_info p.tbdb_info_titolo { font-weight: bold; font-variant: small-caps; vertical-align: middle; }
div.tbdb_info span.tbdb_info_icon { font-weight: normal; font-variant: normal; padding: 0px 0px 0px 1em; position: relative; top: 1px; }
div.tbdb_info div.tbdb_tablarga { position: absolute; left: 40%; top: 0px; z-index: 80; font-size: 215%; display: none; }
div.tbdb_info div.tbdb_tablarga a.move_circle_left, div.tbdb_info div.tbdb_tablarga a.move_circle_right {
	width: 25px; height: 25px;
	position: relative; top: 1px; margin: 0px 10px;
	background-size: 25px; }
html>body div.tbdb_info div.tbdb_tablarga a.move_circle_left:hover, html>body div.tbdb_info div.tbdb_tablarga a.move_circle_right:hover { background-position: 0px -25px; }

div.tbdb_tabella {
	margin: 0px 0px 0px 0px;
	border: 1px solid #ADD8E6;
	padding: 0px;
	color: #000000;
	background-color: #FFFFFF;
	overflow-x: auto; -ms-overflow-x: auto;   /* Serve a rendere la tabella "responsive", ossia, compare la barra di scorrimento orizzontale se lo spazio di visualizzazione non è sufficiente per il contenuto. */
	text-align: center; }   /* Allinea i contenuti blocco al centro solo con IE. */
div.tbdb_tabella table { margin: auto; position: relative; }   /* Allinea l'elemento blocco al centro del suo contenitore con i Browser diversi da IE. */
/* Bottoni quadrati con immagine dentro, usati per checkbox seleziona/deseleziona tutto. */
div.tbdb_tabella table a.sel-button {   /* Questo bottone poteva essere ottenuto sovrapponendo (HTML) il segno di spounta al bottone di deselezione, ma in questo modo è sempre tutto allineato. */
	display: block;
	width: 17px; height: 17px;
	margin: 0.3em;
	font-weight: bold; font-size: 11px; line-height: 17px; text-decoration: none; text-align: center; color: #0066FF;
	background: transparent url("/common-files/img/sel_all.gif") no-repeat scroll 0px 0px; }
div.tbdb_tabella table a.desel-button {
	display: block;
	width: 17px; height: 17px;
	margin: 0.3em;
	font-weight: bold; font-size: 11px; line-height: 17px; text-decoration: none; text-align: center; color: #0066FF;
	background: transparent url("/common-files/img/desel_all.gif") no-repeat scroll 0px 0px; }
div.tbdb_tabella table a.sel-button:hover, div.tbdb_tabella table a.desel-button:hover { color: #FF9900; }   /* Per IE fino alla versione 6, per evitare il rollover grafico ed il relativo flickring. Cambia solo il colore del testo (che in questi bottoni non c'è). */
html>body div.tbdb_tabella table a.sel-button:hover, html>body div.tbdb_tabella table a.desel-button:hover { background-position: 0px -17px; color: #FF9900; }   /* Per gli altri Browser. */
/* Bottoni rotondi con immagine dentro, usati per chiudere ed aprire le colonne. */
div.tbdb_tabella table a.close-col {
	display: block;
	width: 15px; height: 15px;
	margin: 0.3em;
	font-weight: bold; font-size: 11px; line-height: 15px; text-decoration: none; text-align: center; color: #0066FF;
	background: transparent url("/common-files/img/circle_left_double.gif") no-repeat scroll 0px 0px; }
div.tbdb_tabella table a.open-col {
	display: block;
	width: 15px; height: 15px;
	margin: 0.3em;
	font-weight: bold; font-size: 11px; line-height: 15px; text-decoration: none; text-align: center; color: #0066FF;
	background: transparent url("/common-files/img/circle_right_double.gif") no-repeat scroll 0px 0px; }
div.tbdb_tabella table a.close-col:hover, div.tbdb_tabella table a.open-col:hover { color: #FF9900; }   /* Per IE fino alla versione 6, per evitare il rollover grafico ed il relativo flickring. Cambia solo il colore del testo (che in questi bottoni non c'è). */
html>body div.tbdb_tabella table a.close-col:hover, html>body div.tbdb_tabella table a.open-col:hover { background-position: 0px -15px; color: #FF9900; }   /* Per gli altri Browser. */
/* Righe tematiche della tabella. */
div.tbdb_tabella table tr.intestazioni { font-size: 86%; background-color: #DCDCDC; }   /* Serve? line-height: 180%; */
div.tbdb_tabella table tr.intestazioni th {   /* https://css-tricks.com/a-table-with-both-a-sticky-header-and-a-sticky-first-column/ */
	position: sticky; position: -webkit-sticky; top: 0px; /* -webkit- per Safari */
	z-index: 90;   /* Serve per essere sicuri che l'intestazione si sovrapponga a quanto sta sotto. */
	box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.5); background-color: #DCDCDC; }   /* Serve per mantenere il colore di sfondo della riga d'intestazione quando rimane bloccata dal posizionamento "sticky-fixed". */
div.tbdb_tabella table tr.intestazioni td.cmd { font-size: 86%; color: #FF0000; margin: 0px; padding: 0px; white-space: nowrap; font-weight: normal; font-style: normal; font-variant: normal; }   /* Ogni intestazione contiene una tabella di una riga, le cui celle possono contenere comandi, formattati con questa classe. */
div.tbdb_tabella table tr.gruppo       { font-size: 100%; background-color: #B0FBB0; }
div.tbdb_tabella table tr.dispari      { font-size: 100%; background-color: #F0F0B0; }
div.tbdb_tabella table tr.pari         { font-size: 100%; background-color: #DAECEC; }
div.tbdb_tabella table tr.over         { background-color: #00FFCC; }
div.tbdb_tabella table tr.selected     { background-color: #FFC0CB; }
div.tbdb_tabella table tr.vuota        { font-size: 86%; line-height: 2; color: #808080; background-color: #FFFFFF; }
div.tbdb_tabella table tr.subtotali    { font-size: 100%; background-color: #FAEBD7; }
div.tbdb_tabella table tr.totali       { font-size: 100%; font-weight: bold; background-color: #DCDCDC; }
div.tbdb_tabella table tr.totali-sec   { font-size: 100%; background-color: #FFDAB9; }   /* Righe di totale secondario. */
/* Annotazioni dentro le celle. */
div.tbdb_tabella table tr td span.note1 { color: #696969; }   /* default: grigio (dim gray) */
div.tbdb_tabella table tr td span.note2 { color: #006400; }   /* default: verde scuro (dark green) */
div.tbdb_tabella table tr td span.note3 { color: #B22222; }   /* default: ocra (fire brick) */
div.tbdb_tabella table tr td span.note4 { color: #9400D3; }   /* default: viola (dark violet) */
div.tbdb_tabella table tr td span.note5 { color: #FF0000; }   /* default: rosso (red - web safe) */
tr.gruppo td > img, tr.dispari td > img, tr.pari td > img { display: block; }   /* Elimina lo spazio sotto l'immagine che c'è quando l'immagine (default=inline) genera il box di riga. Solo per le immagini che stanno subito sotto <td>, non per quelle che possono essere incluse nel contenuto misto delle celle. */
/* Set di colori in bianco e nero per la stampa (estensione "-bn"). */
div.tbdb_tabella table tr.intestazioni-bn { font-size: 86%; background-color: #C0C0C0; }   /* Serve? line-height: 180%; */
div.tbdb_tabella table tr.gruppo-bn       { font-size: 100%; background-color: #D1D1D1; }
div.tbdb_tabella table tr.dispari-bn      { font-size: 100%; background-color: #E9E9E9; }
div.tbdb_tabella table tr.pari-bn         { font-size: 100%; background-color: #F5F5F5; }
div.tbdb_tabella table tr.vuota-bn        { font-size: 86%; line-height: 2; color: #808080; background-color: #FFFFFF; }
div.tbdb_tabella table tr.subtotali-bn    { font-size: 100%; background-color: #DCDCDC; }
div.tbdb_tabella table tr.totali-bn       { font-size: 100%; font-weight: bold; background-color: #C0C0C0; }
div.tbdb_tabella table tr.totali-sec-bn   { font-size: 100%; background-color: #D3D3D3; }
div.tbdb_tabella table tr td span.note1-bn { color: #696969; }   /* default: dim gray */
div.tbdb_tabella table tr td span.note2-bn { color: #2F4F4F; }   /* default: dark slate gray */
div.tbdb_tabella table tr td span.note3-bn { color: #708090; }   /* default: slate gray */
div.tbdb_tabella table tr td span.note4-bn { color: #778899; }   /* default: light slate gray */
div.tbdb_tabella table tr td span.note5-bn { color: #696969; }   /* default: dim gray */
/* Spaziatura colorata interna delle celle. Con il valore verticale si può definire l'altezza delle righe. */
div.tbdb_tabella table th, div.tbdb_tabella table td { padding: 2px 5px; }