header {
	width: 100%;
	height: auto;
	position: relative;
}

main {
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

footer {
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 1px #CCCCCC;
	font-size: 0.80rem;
}



/* CSS LISTA PULSANTI PANNELLO */

ul.listaPulsantiPannello {
	list-style: none;
	margin: 0;
	padding: 0;
	
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-flex-pack: start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	box-sizing: border-box;
}

ul.listaPulsantiPannello li {
	min-width: 200px;
	text-align: center;
}

ul.listaPulsantiPannello li a:link,
ul.listaPulsantiPannello li a:visited {
	display: block;
	width: 100%;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-top: 128px;
	padding-bottom: 16px;
	border-radius: 8px;
}

ul.listaPulsantiPannello li a:hover,
ul.listaPulsantiPannello li a:active {
	color: #000000;
	text-decoration: none;
	background-color: #EEEEEE;
}

.pulsanteCartella {
	background-image: url('../Immagini/cartella.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteImpostazioni {
	background-image: url('../Immagini/impostazioni.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteStrumento {
	background-image: url('../Immagini/strumento.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteElabora {
	background-image: url('../Immagini/elabora.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteDatabase {
	background-image: url('../Immagini/database.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteHotels {
	background-image: url('../Immagini/icona_hotels.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteGolfClubs {
	background-image: url('../Immagini/icona_golfclubs.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteViaggi {
	background-image: url('../Immagini/icona_viaggi.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsantePacchettiTuristici {
	background-image: url('../Immagini/icona_pacchetti_turistici.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsantePlanning {
	background-image: url('../Immagini/icona_planning.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteFornitori {
	background-image: url('../Immagini/icona_fornitori.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteFatture {
	background-image: url('../Immagini/icona_fatture.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteOfferte {
	background-image: url('../Immagini/icona_offerte.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteClienti {
	background-image: url('../Immagini/icona_clienti.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsanteModuliContatti {
	background-image: url('../Immagini/icona_modulicontatti.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}

.pulsantePagamenti {
	background-image: url('../Immagini/icona_pagamenti.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 128px 128px;
}




h1.h1TitoloPagina {
	font-size: 1.25rem;
	line-height: 1.50rem;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: dotted 1px #CCCCCC;
	letter-spacing: 0.01em;
}


.fieldsetPortale {
	border: solid 1px #CCCCCC;
	border-radius: 4px;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.fieldsetPortale legend {
	font-weight: bold;
	text-transform: uppercase;
	background-color: #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 32px;
}


#moduloAccessoAreaRiservata {
	max-width: 920px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 8px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
}


#areaInfoDatabase {
	width: 100%;
	height: auto;
	background-color: #EEEEEE;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.80rem;
}

#areaToolbarDatabase {
	width: 100%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.80rem;
}

ul.listaToolbarDatabase {
	list-style: none;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-flex-pack: start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	box-sizing: border-box;
}

ul.listaToolbarDatabase li {
	width: 72px;
	height: 64px;
	padding: 0;
	margin: 0;
}

ul.listaToolbarDatabase li img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

ul.listaToolbarDatabase li a:link,
ul.listaToolbarDatabase li a:visited {
	display: block;
	width: 100%;
	height: 60px;
	padding-top: 4px;
	text-decoration: none;
	color: #000000;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
}

ul.listaToolbarDatabase li a:hover,
ul.listaToolbarDatabase li a:active {
	text-decoration: none;
	color: #000000;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	background-color: #EEEEEE;
}



/* CSS TABELLA ELENCO RECORDS */

.tableRecords thead {
	position: sticky;
	top: 0px;
}

.tableRecords th,
.tableRecords td {
	padding: 0.5rem 0.5rem;
	border-bottom: 1px solid #EEEEEE;
}

.tableRecords th:first-child,
.tableRecords td:first-child {
	padding-left: 0;
}

.tableRecords th:last-child,
.tableRecords td:last-child {
	padding-right: 0;
}

.tableRecords tbody tr:hover td {
	background-color: rgba(0,0,0,0.025);
}

.tableRecords input[type='text'],
.tableRecords input[type='number'],
.tableRecords input[type='data'],
.tableRecords textarea,
.tableRecords select {
	margin-bottom: 0;
}


.pubblicaScheda_Si {
	background-color: #FFFFFF;
}

.pubblicaScheda_No {
	background-color: #FAC0C0;
}



.anteprimaImmagine {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	height: 150px;
	width: 200px;
	margin-bottom: 20px;
}


.miniaturaPerElenco {
	width: 120px;
}


.textSmall {
	font-size: 0.80rem;
}



#PortaleCampiTabella input[type='color'],
#PortaleCampiTabella input[type='date'],
#PortaleCampiTabella input[type='datetime'],
#PortaleCampiTabella input[type='datetime-local'],
#PortaleCampiTabella input[type='email'],
#PortaleCampiTabella input[type='month'],
#PortaleCampiTabella input[type='number'],
#PortaleCampiTabella input[type='password'],
#PortaleCampiTabella input[type='search'],
#PortaleCampiTabella input[type='tel'],
#PortaleCampiTabella input[type='text'],
#PortaleCampiTabella input[type='url'],
#PortaleCampiTabella input[type='week'],
#PortaleCampiTabella input:not([type]),
#PortaleCampiTabella textarea,
#PortaleCampiTabella select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 1px solid #AAAAAA;
	border-radius: 0.4rem;
	box-shadow: none;
	height: 2.0rem;
	padding: 0.25rem 0.75rem;
}

#PortaleCampiTabella .u-full-width {
	width: calc(100% - 2.0rem);
}



ul.listaOperatoriRicerca {
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.listaOperatoriRicerca li {
	margin: 0;
}



.anteprimaImmagine {
	width: 90vw;
	height: auto;
	position: fixed;
	left: 5vw;
	top: 0px;
	box-sizing: border-box;
	z-index: 9999;
}

.anteprimaImmagine img {
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}


.spazioDropFiles {
	width: 320px;
	background-color: #EEEEEE;
	border-radius: 0.5rem;
	border: dashed 1px #0000CC;
	box-sizing: border-box;
	float: right;
}

.spazioDropFiles::-webkit-file-upload-button,
.spazioDropFiles::file-selector-button {
	background-color: #0000CC;
	color: #FFFFFF;
	padding: 8px 16px 10px 16px;
	border: solid 1px #0000CC;
	border-radius: 0.5rem;
	font-size: 0.90rem;
}


fieldset.fieldsetTraduzioni {
	margin-bottom: 20px;
	border: solid 1px #AAAAAA;
	border-radius: 0.4rem;
}

fieldset.fieldsetTraduzioni legend {
	padding: 4px 8px;
	background-color: #EEEEEE;
	border-radius: 8px;
}

.fieldTraduzione {
	width: calc(100% - 32px);
	height: 2.0rem !important;
	padding: 0.25rem 0.75rem !important;
}



/* CSS LISTA CHECKBOX CON ICONE */
ul.listaCheckBoxIcone {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	box-sizing: border-box;
}

ul.listaCheckBoxIcone li {
	width: 200px;
	height: 40px;
	margin-right: 8px;
	margin-bottom: 8px;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 4px;
	cursor: pointer;
}

ul.listaCheckBoxIcone li:hover {
	background-color: #EEEEEE;
}

ul.listaCheckBoxIcone li label {
	font-weight: normal;
	font-size: 1.0rem !important;
	cursor: pointer;
}



/* CSS LISTA CHECKBOX TESTUALI */
ul.listaCheckBox {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	box-sizing: border-box;
}

ul.listaCheckBox li {
	position: relative;
}

ul.listaCheckBox li:hover {
	background-color: #EEEEEE;
}

ul.listaCheckBox li label {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.0rem !important;
	position: relative;
	left: 20px;
}

ul.listaCheckBox li input[type="checkbox"] {
	position: absolute;
	left: -20px;
}



/* CSS PORTALE EDITABILE */

table.portaleEditabile {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
}

table.portaleEditabile td,
table.portaleEditabile th {
	padding: 0;
}

table.portaleEditabile td:first-child,
table.portaleEditabile th:first-child {
	padding-left: 0;
}

table.portaleEditabile td:last-child,
table.portaleEditabile th:last-child {
	padding-right: 0;
}

table.portaleEditabile tr > th {
	text-align: left;
	background-color: #EEEEEE;
}

table.portaleEditabile th,
table.portaleEditabile td {
	padding-top: 0.0rem;
	padding-bottom: 0.0rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	border-bottom: 1px solid #EEEEEE;
}

table.portaleEditabile th:first-child,
table.portaleEditabile td:first-child {
	padding-left: 0;
}

table.portaleEditabile th:last-child,
table.portaleEditabile td:last-child {
	padding-right: 0;
}


table.portaleEditabile input[type='color'],
table.portaleEditabile input[type='date'],
table.portaleEditabile input[type='datetime'],
table.portaleEditabile input[type='datetime-local'],
table.portaleEditabile input[type='email'],
table.portaleEditabile input[type='month'],
table.portaleEditabile input[type='number'],
table.portaleEditabile input[type='password'],
table.portaleEditabile input[type='search'],
table.portaleEditabile input[type='tel'],
table.portaleEditabile input[type='text'],
table.portaleEditabile input[type='url'],
table.portaleEditabile input[type='week'],
table.portaleEditabile input:not([type]),
table.portaleEditabile textarea,
table.portaleEditabile select {
	margin-bottom: 0rem;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #CCCCCC;
	border-radius: 0;
}



.dateField {
	text-align: right;
}

.numberField {
	text-align: right;
}

.textToRight {
	text-align: right;
}

.stringMultiline {
	min-height: 40px;
	overflow: hidden;
}


.giorniAllaScadenzaLontana {
	background-color: #EBFFEB;
	padding-top: 2px;
	padding-bottom: 2px;
}

.giorniAllaScadenzaProssima {
	background-color: #FFD0D0;
	padding-top: 2px;
	padding-bottom: 2px;
}

.giorniAllaScadenzaSuperata {
	background-color: #EEEEEE;
	padding-top: 2px;
	padding-bottom: 2px;
}



.spazioIstruzioni {
	width: 100%;
}

.spazioIstruzioni ul li {
	margin-left: 0.5rem;
	margin-bottom: 0.25rem;
}


/* CSS TABELLA STAGIONI PACCHETTI TURISTICI */

#StagioniVenditaPacchettoTuristicoComeDaHotel {
	width: 100%;
	margin-bottom: 40px;
}

table.tableStagioniVenditeHotel {
	width: 100%;
}

table.tableStagioniVenditeHotel th,
table.tableStagioniVenditeHotel td {
	padding: 0.5rem 0.5rem;
	border-bottom: 1px solid #EEEEEE;
}

.tableStagioniVenditeHotel th:first-child,
.tableStagioniVenditeHotel td:first-child {
	padding-left: 0;
}

.tableStagioniVenditeHotel th:last-child,
.tableStagioniVenditeHotel td:last-child {
	padding-right: 0;
}

/* IDStagione */
.tableStagioniVenditeHotel th:nth-of-type(1),
.tableStagioniVenditeHotel td:nth-of-type(1) {
	width: 100px;
}

/* Data Inizio Stagione */
.tableStagioniVenditeHotel th:nth-of-type(2),
.tableStagioniVenditeHotel td:nth-of-type(2) {
	width: 100px;
	text-align: right;
}

/* Data Fine Stagione */
.tableStagioniVenditeHotel th:nth-of-type(3),
.tableStagioniVenditeHotel td:nth-of-type(3) {
	width: 100px;
	text-align: right;
}

/* Anno Stagione */
.tableStagioniVenditeHotel th:nth-of-type(4),
.tableStagioniVenditeHotel td:nth-of-type(4) {
	width: 80px;
	text-align: right;
}

/* Lettera Stagione */
.tableStagioniVenditeHotel th:nth-of-type(5),
.tableStagioniVenditeHotel td:nth-of-type(5) {
	width: 50px;
	text-align: left;
}

/* Cancellation Policy Stagione */
.tableStagioniVenditeHotel th:nth-of-type(6),
.tableStagioniVenditeHotel td:nth-of-type(6) {
	
}

/* Apri Scheda Stagione */
.tableStagioniVenditeHotel th:nth-of-type(7),
.tableStagioniVenditeHotel td:nth-of-type(7) {
	width: 40px;
}


.prezzoListino {
	color: green;
	margin-bottom: 5px;
}

.prezzoPaxListino {
	color: darkmagenta;
	margin-bottom: 5px;
}

.costoListino {
	color: coral;
}

.infoCamera {
	color: #AAAAAA;
}

.iconaCopiaEIncolla {
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.iconaTraduciDalTedesco {
	width: 72px;
	height: 16px;
	cursor: pointer;
}


.importoScadenza {
	text-align: right;
}

.dataScadenza {
	text-align: right;
	color: #AAAAAA;
}

.dataScadenzaValida {
	color: #AAAAAA;
}

.dataScadenzaSuperata {
	color: #FF0000;
}

.metodoPagamentoScadenza {
	text-align: right;
	color: #AAAAAA;
}


ul.legendaFooterElenco {
	margin-top: 0px;
}

ul.legendaFooterElenco li {
	margin-bottom: 0px;
}

.nessunRecordCorrelatoTrovato {
	background-color: #FFCC00;
}


.containerPaginaA4 {
	width: 210mm;
	height: 297mm;
	position: relative;
	border: solid 1px #CCCCCC;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	box-sizing: border-box;
	
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.spazioLogoFattura {
	width: 25mm;
	height: auto;
}

.spazioDittaInFattura {
	font-size: 1.0rem;
}

#spazioRigheFattura {
	width: 262mm;
	height: 155mm;
	border: solid 1px #AAAAAA;
	overflow-y: scroll;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

#spazioRigheFattura table {
	width: 257mm;
}

#spazioRigheFattura table td {
	vertical-align: top;
	border-right: solid 1px #AAAAAA;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

#spazioRigheFattura table td input[type="text"],
#spazioRigheFattura table td input[type="number"],
#spazioRigheFattura table td input[type="date"],
#spazioRigheFattura table td select,
#spazioRigheFattura table td textarea {
	border-right: none;
	border-bottom: solid 1px #AAAAAA;
	padding: 0px 4px;
}


#LabelFatturaData,
#LabelFatturaNumero,
#LabelFatturaanno,
#LabelFatturaPagine,
#LabelFatturaPersone,
#LabelFatturaDirittiPrenotazione,
#LabelFatturaTotale,
#LabelFatturaTotaleRighe {
	display: inline-block;
}

#FatturaData,
#FatturaDirittiPrenotazione,
#FatturaTotale,
#FatturaTotaleRighe {
	display: inline-block;
	width: 96px;
	padding: 2px 4px;
	height: 1.75rem;
	margin-bottom: 2mm;
}


#FatturaPagine,
#FatturaPersone {
	display: inline-block;
	width: 64px;
	padding: 2px 4px;
	height: 1.75rem;
}

#FatturaNumero,
#FatturaAnno {
	display: inline-block;
	width: 64px;
	padding: 2px 4px;
	height: 1.75rem;
}

#FatturaNote {
	min-height: 20mm;
	margin-bottom: 0;
	padding: 1mm 2mm;
}

#FatturaMetodoPagamento,
#FatturaDataAcconto,
#FatturaImportoAcconto,
#FatturaDataSaldo,
#FatturaImportoSaldo {
	padding: 2px 4px;
	height: 1.75rem;
	margin-bottom: 2mm;
}

#FatturaInformazioniPagamento {
	min-height: 18mm;
	margin-bottom: 0;
	padding: 1mm 2mm;
}


#spazioScadenzePagamento {
	width: 70mm;
	height: 24mm;
	box-sizing: border-box;
}

#spazioScadenzePagamento table {
	width: 70mm;
}

#spazioScadenzePagamento table td:nth-child(1) {
	width: 25mm;
	height: 7mm;
}

#spazioScadenzePagamento table td:nth-child(2) {
	width: 25mm;
	height: 7mm;
}

#spazioScadenzePagamento table td:nth-child(3) {
	width: 20mm;
	height: 7mm;
}


#spazioLabelAccontoDataPagamento {
	width: 22mm;
	height: 8mm;
	position: absolute;
	box-sizing: border-box;
	top: 250mm;
	left: 202mm;
	text-align: left;
}

#spazioFatturaAccontoDataPagamento {
	width: 22mm;
	height: 8mm;
	position: absolute;
	box-sizing: border-box;
	top: 259mm;
	left: 202mm;
}


#spazioLabelAccontoImportoPagato {
	width: 20mm;
	height: 8mm;
	position: absolute;
	box-sizing: border-box;
	top: 250mm;
	left: 225mm;
	text-align: left;
}

#spazioFatturaAccontoImportoPagato {
	width: 20mm;
	height: 8mm;
	position: absolute;
	box-sizing: border-box;
	top: 259mm;
	left: 225mm;
}


#spazioLabelAccontoMetodoPagamento {
	width: 28mm;
	height: 8mm;
	position: absolute;
	box-sizing: border-box;
	top: 250mm;
	left: 246mm;
	text-align: left;
}

#spazioFatturaAccontoMetodoPagamento {
	width: 28mm;
	height: 8mm;
	position: absolute;
	box-sizing: border-box;
	top: 259mm;
	left: 246mm;
}


#spazioFatturaSaldoDataPagamento {
	width: 22mm;
	height: 8mm;
	position: absolute;
	box-sizing: border-box;
	top: 268mm;
	left: 202mm;
}

#spazioFatturaSaldoImportoPagato {
	width: 20mm;
	height: 8mm;
	position: absolute;
	box-sizing: border-box;
	top: 268mm;
	left: 225mm;
}

#spazioFatturaSaldoMetodoPagamento {
	width: 28mm;
	height: 8mm;
	position: absolute;
	box-sizing: border-box;
	top: 268mm;
	left: 246mm;
}


#spazioFatturaAccontoDataPagamento input[type="text"],
#spazioFatturaAccontoImportoPagato input[type="number"],
#spazioFatturaAccontoMetodoPagamento select,
#spazioFatturaSaldoDataPagamento input[type="text"],
#spazioFatturaSaldoImportoPagato input[type="number"],
#spazioFatturaSaldoMetodoPagamento select{
	height: 1.75rem;
	background-color: #FFFFFF;
}



.buonoScontoInScadenza {
	background-color: darkorange;
	padding-top: 5px;
	padding-bottom: 5px;
}


.row-scheda-fattura {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;

	box-sizing: border-box;
}

.column-anteprima-fattura {
	width: 210mm;
	margin-right: 250px;
	order: 1;
}

.column-informazioni-fattura {
	width: calc(100% - (210mm + 250px));
	order: 2;
}


.iconaPulsante {
	cursor: pointer;
}


.spazioCartaIntestataLogoDitta {
	width: 25mm;
	height: auto;
	position: absolute;
	top: 10mm;
	left: 10mm;
}

.spazioCartaIntestataDitta {
	width: 40mm;
	height: auto;
	position: absolute;
	top: 10mm;
	left: 40mm;
}

.spazioCartaIntestataPiedipagina {
	width: 190mm;
	height: 5mm;
	position: absolute;
	top: 282mm;
	left: 10mm;
	text-align: center;
}



/* CSS ACQUISTI */

#spazioRigheAcquisto {
	width: 100%;
	height: auto;
	border: solid 1px #AAAAAA;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

#spazioRigheAcquisto table {
	width: 100%;
}

#spazioRigheAcquisto table td {
	vertical-align: top;
	border-right: solid 1px #AAAAAA;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

#spazioRigheAcquisto table td input[type="text"],
#spazioRigheAcquisto table td input[type="number"],
#spazioRigheAcquisto table td input[type="date"],
#spazioRigheAcquisto table td select,
#spazioRigheAcquisto table td textarea {
	border-right: none;
	border-bottom: solid 1px #AAAAAA;
	padding: 0px 4px;
}


.situazioneAcquistoNuovo {
	background-color: #FFFFCE;
	padding: 4px 6px;
}

.situazioneAcquistoConfermato {
	background-color: #D9FFD9;
	padding: 4px 6px;
}

.situazioneAcquistoAnnullato {
	background-color: #EEEEEE;
	padding: 4px 6px;
}


/* CSS VIAGGI */

#spazioRigheViaggio {
	width: 100%;
	height: auto;
	border: solid 1px #AAAAAA;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

#spazioRigheViaggio table {
	width: 100%;
}

#spazioRigheViaggio table td {
	vertical-align: top;
	border-right: solid 1px #AAAAAA;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

#spazioRigheViaggio table td input[type="text"],
#spazioRigheViaggio table td input[type="number"],
#spazioRigheViaggio table td input[type="date"],
#spazioRigheViaggio table td select,
#spazioRigheViaggio table td textarea {
	border-right: none;
	border-bottom: solid 1px #AAAAAA;
	padding: 0px 4px;
}


ul.listaInfoHotel,
ul.listaInfoGolfClub {
	
}

ul.listaInfoHotel li,
ul.listaInfoGolfClub li {
	margin-bottom: 5px;
}


.partecipanteSituazione_Prenotato {
	background-color: #D5FFD5;
}

.partecipanteSituazione_Stornato {
	background-color: #FFB6BB;
}



@media (max-width: 767px) {
	
	ul.listaPulsantiPannello li {
		width: 50%;
	}
	
	.row-scheda-fattura {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		box-sizing: border-box;
	}

	.column-anteprima-fattura {
		width: 210mm;
		margin-right: 0px;
		order: 2;
	}

	.column-informazioni-fattura {
		width: 100%;
		min-height: 60px;
		margin-bottom: 20px;
		order: 1;
	}
	
}

@media (min-width: 768px) and (max-width: 1024px) {
	
	ul.listaPulsantiPannello li {
		width: 33%;
	}
	
}

@media (min-width: 1025px) and (max-width: 1440px) {
	
	ul.listaPulsantiPannello li {
		width: 25%;
	}
	
}

@media (min-width: 1441px) and (max-width: 2048px) {
	
	ul.listaPulsantiPannello li {
		width: 20%;
	}
	
}

@media (min-width: 2049px) {
	
	ul.listaPulsantiPannello li {
		width: 12.5%;
	}
	
}


