/**
 * Application styles specific
 * By Vigna Federico
 */

/** Rimetto a posto gli Header */
/********* HEADERS per allineare le dimensioni tra i browser ******/
h1 {font-size: 127%;}
h2 {font-size: 125%;}
h3 {font-size: 110%;}
h4 {font-size: 105%;}
h5 {font-size: 104%;}
h6 {font-size: 102%;}
h1,h2,h3,h4,h5,h6{
	padding-top:6px;
	/*padding-bottom:1%;*/
}

/* FORM */
form {
 padding: 0.4em;
 margin: 0;
}

/* ETICHETTA DEI FORM */
span.lable {
	font-weight: bold;
}


/* Div utilizzato per contenere i pulsanti applicativi */
div.inEvidenza {
	width: 70%;
	margin: 0.4em 0.2em 0.4em 0.2em;
	padding: 1em 1em 2em 1em;
	color: #191970;
	/*	border: solid;
	border-color: #696969;
	border-width: 1px;*/
	background-color: #ededed;
}
/* Div utilizzato per contenere i pulsanti del Form Spedizione*/
div.inEvidenzaForm {
	width: 90%;
	margin: 0.4em 0.2em 0.4em 0.2em;
	padding: 1em 1em 2em 1em;
	color: #191970;
/*	border: solid;
	border-color: #696969;
	border-width: 1px;*/
	background-color: #ededed;
}
/* in evidenza ma flessibile e ridotto */
div.inEvidenzaFlex {
	margin: 0.4em 0.2em 0.4em 0.2em;
	padding: 0.5em 1em 1em 1em;
	color: #191970;
	background-color: #ededed;
}
/********************************************************/
div.link {
	font-family: Trebuchet MS,sans-serif ;
	padding-left: 3pt;
	padding-bottom: 3pt;
	float: right;
	width: 25%;
	background: #F0FFFF;	
	margin-top: 1em;
	margin-bottom: 1em;
	border-width: 1pt;
	border-color: Background;
	border-style: solid;

}

div.gruppo {

	float:left;
	width: 200px;
	border-width: thin;
	border-style:  ridge;
	border-color: #336699; 
	text-align: center;
	margin: 5pt 15pt 15pt 5pt;
	padding: 10pt 5pt 10pt 5pt;
	background:  url(images/32.gif);
}
div.elencoServizi{

	width: 50em;
	border-width: thin;
	border-style:  ridge;
	border-color: #336699; 
	text-align: center;
	margin: 5pt 15pt 15pt 5pt;
	padding: 10pt 5pt 10pt 5pt;
}

div#menuCliente {
	float: right;
	position: absolute;
	top: 350px;
	left: 0px;

	margin-top:5pt;
	margin-left: 15pt;
	margin-right: 25pt;
	margin-bottom: 5pt;
   border-top: 1px solid silver; 
	border-bottom: 1px solid silver; 
	background: white; 
	padding: 5px 20px 15px 20px; /*position: relative; top: -5px; left: -5px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; */
	
	z-index: 2; /* su un altro livello */
}

/**** RIQUADRO PER TOOLBOX LATERALI (es. trackBox, Elenco ritiri, etc..)*/
div.toolBoxLaterale{
	float: right;
	margin: 0pt 2pt 5pt 10pt;
   border: 1px solid silver; background: white; 
	padding: 0px 10px 10px 10px; 
	position: relative; 
	top: -5px; 
	left: -5px; 
}
/* Box per l'inserimento del trk PAGINA ADMIN */
div#trackBox{
/* PER ORA NON UTILIZZATO*/
/*	-moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; */
}

/**** PULSANTE --> simula un link come fosse un pulsante */
div.pulsante {
	width: 25em;
	display:  inline;
	background-color:    #DFDFDF;
	border-width: 1px;
	border-style: outset;
	border-color: black; 
	text-align: center;
	padding: 0.1em 0.1em 0.1em 0.1em;
	margin: 0.1em 0.1em 0.1em 0.1em;
	color: black;
}
div.pulsante a {
	width:100%;
	display:block; /* il link occupa tutto lo spazio orizzontale */
}
div.pulsante a:hover{
	width: 100%;
	background-color:  #FFFFC1; 
	text-decoration: none;
/*	color:white;*/
}

/******** Finti PULSANTI mix immagine e testo */
div#mixButton{
	float: right;
	background-color: white;
	border-width: 2px;
	border-style: outset;
	border-color: #ADD8E6; 
	text-align: center;
	vertical-align: middle;
	padding: 0.1em 0.5em 0.1em 0.5em;
	/*margin: 0.1em 0.5em 0.1em 0.1em;		*/
}
div#mixButton a {
	vertical-align: middle;
	text-decoration: none;
	display:block; /* il link occupa tutto lo spazio orizzontale */
}
div#mixButton img {
	vertical-align: middle;
}
/******************************************************/
/** a.button -> trasforma un link in un finto pulsante */
a.button{
	background-color: #b8b8b8;
	border-width: 2px;
	border-style: outset;
	border-color: #ADD8E6; 
	text-align: center;
	vertical-align: middle;
	padding: 0.2em 0.8em 0.2em 0.8em;
	margin-top: 0.2em;
	font-size: 96%;
	color: #000153;
}
/******************************************************/
/* DEDICATO AL TRACKING*/

div.trackingHistory{
	font-size: 90%;
	color:  #800A54;
}
div#trackingHistoryPari{
	background-color: #F5FFFA;
	border-top-color: #191970;
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-color: #191970;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
span#trackTitle {
	font-weight: bold;
}
/******************************************************/
div.fotoPiccola {
	clear : both;
	margin-left: 20pt;
	margin-right: 20pt;
}	
div#foto {
	float: left;
	margin-left: 5pt;
	margin-right: 20pt;
}
/****** Crea un riquadro a destra bordato *********/
div#riquadroADestra {
	text-align: right;
	width:20%;
	float: right;
	margin: 5pt 15pt 5pt 5pt;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-style: solid;
	border-color:  #E8E8E8;
	border-width: 1px;
}
div.center {text-align: center;}

/* Link */
a:hover {
	text-decoration: underline;
}
/* Immagini Linate -> No bordo */
a img{
	border: 0px none black;
}


.message {
	/*width: 25em;*/
	margin: 0.4em 0.2em 0.4em 0.2em;
	color: Highlight;
	border: solid;
	border-color: Background;
	border-width: thin;
	padding: 0.2em 0.2em 0.2em 0.2em;
}

div.errormessage {
/*	margin-left: 0.2em;
	margin-bottom: 0.2em;
	margin-top: 0em;*/
	color:  Red;
	border: dashed;
	border-color: Silver;
	border-width: 2px 2px 2px 2px;
	background-color: #FAF0E6;
	background-image: url(../images/messages/error.png);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bolder;
	padding: 0.8em 2em 1em 2.5em;
}
/* Sostituisce lo SPAN.ErrorMessage per errori multilinea */
div.errorMessageLinee {	
	color:  Red;
	border: dashed;
	border-color: Silver;
	border-width: 2px 2px 2px 2px;
	background-color: #FAF0E6;
	font-weight: bolder;
	padding: 0.5em 1em 0.5em 1em;
	text-align: left;
}
span.errormessage {
	color:  Red;
	border: dashed;
	border-color: Silver;
	border-width: 2px 2px 2px 2px; 
	background-color: #FAF0E6;
	font-weight: bolder;
	padding: 0.2em 1em 0.2em 1em;
}
.warningmessage {
	color: #ff8c00;
	border: dashed;
	border-color: orange;
	border-width: 2px 2px 2px 2px; 
	background-color: #ffffbf;
	background-image: url(../images/messages/warning.png);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bolder;
	padding: 0.8em 2em 1em 2.5em;
}
.infomessage {
	color: navy;
	border: dashed;
	border-color: navy;
	border-width: 2px 2px 2px 2px; 
	background-color: #dfefff;
	background-image: url(../images/messages/info.png);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bolder;
	padding: 0.8em 2em 1em 2.5em;
}

/******** DIV AVVISI ****/
div#avviso {
	color:  #B22222;
	border: dashed;
	border-color: Silver;
	border-width: 2px 2px 2px 2px;
/*	font-weight: bolder;*/
	background-color: #E0FFB2;
	margin: 1em 1em 1em 1em;
	padding: 1em 1em 1em 1em;
}
div#avviso span#data{
	color: #191970;
	text-decoration: underline;
}

/* span veloce per il grassetto */
span#bold {
	font-weight: bold;
}
/* span light per avvertenze */
span#warning{
	color: red;
}
span#evidenza1{
	color: #4f0000;	
	font-weight: bold;
}
span#evidenza2{
	color: #556b2f;	
}
/* span reverse (particolarmente utile in stampa */
div#reverseText{
	background-color: black;
	color:white;
	font-weight: bolder;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

/**********************/
/* dalla scheda spedizione */
div#details{
	clear: both;
}

/********  Div dedicato all'elenco trk con la verifica      ****/
div#trks{
	padding: 0.5em 2em 0.8em 2em;
	margin: 1em 1em 1em 1em;
	float: right;
	border: 1px dotted Silver;
}
/********* SCHEDA PROFORMA **************/
div#shipper{
	float: left;
	border: 1px solid Silver;
	padding: 1em 3em 2em 3em;
}
div#destination{
	float:right;
	border: 1px solid Silver;
	padding: 1em 3em 2em 3em;
}
div#giglioFattura{
	float:left;
/*	border: 1px solid Silver;*/
/*	padding: 1em 1em 2em 3em;*/
	margin-right: 1em;
}
div#nFattura{
	float:right;
/*	border: 1px solid Silver;*/
/*	padding: 1em 1em 2em 3em;*/
	margin-right: 1em;
}
div#datiFattura{
	float:right;
	border: 1px solid Silver;
	padding: 1em 1em 2em 3em;
	margin-right: 1em;
}
/* nell'etichetta il destinatario � scritto + grosso */
div#destinationEtichetta{
	clear:right;
	border: 1px solid Silver;
	padding: 1em 3em 2em 3em;
	font-size: 280%;
	line-height: 190%;
	font-weight: bold;
	text-align: center;
}
div#destinationEtichetta h1{
	text-align: left;
	/* Dimensione fissa per le intestazioni altrimenti sballano*/
	font-size:14pt;
}
/** Div stampa proforma */
div#stampaProforma{
	clear:right;
	border: 1px solid Silver;
	padding: 1em 2em 2em 2em;
	font-size: 105%;
	line-height: 105%;
/*	font-weight: bold;*/
}
div#stampaProforma input{
	text-align: left;
	font-size: 100%;
}
div#stampaProforma table{
	border: 0px none White;
	font-size: 105%;	/* sarebbe inutile ma senza in IE6 ingrandiva il testo come gli pareva */
}
/**********************/
div#proformaDetail{
	clear:both;
}
div#firma{
	float: left;
	margin: 1em 1em 0.5em 3em;
}

/* TABELLA DETTAGLI PROFORMA */
table#dettagliProforma{
	border: 0px;
}
table#dettagliProforma th{
	background-color: white;
	color: black;
}
table#dettagliProforma td{
	border: 0px;
	border-top: 1px dotted;
}
/*****************************************/
/** STILI PER FATTURA DELLA GIGLIO ai clienti **/
div#fatturaIntestazione{
	float:left;
}
div#fatturaDestinatario{
	float:right;
	border: 1px solid Silver;
	padding: 1em 3em 2em 3em;
	width: 30%;
}
div#fatturaNFattura{
	margin-right: 1em;
} 
div#fatturaDettagli{
	clear:right;
}
div#fatturaTotale{
	float:right;	
}
input#fattProg {
	font-size: 12pt;
	color: ActiveCaption;
}
input#fattdata {
	font-size: 12pt;
	color: ActiveCaption;
}
/*** GESTIONE tasto 'CERCA' **/
div#highlightWord {
	float: right;
	border: 1px dashed #D9D9D9;
	margin-right: 10px;
	padding: 0.5em 1em 0.5em 1em;
}

/* Gestione Riquadro a destra che scorre */
div#submitForm_Destra{
	position: fixed; 
	z-index: 1; 
	float:right; 
	top: 15em; 
	right: 1em;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px dashed #D9D9D9;
}

div#submitForm_Destra input{
	width: 11em;
	height: 1.5em;
	font-size: 105%;
	text-align: center;
}
div#submitForm_Destra input#pulsante{
	width : 12em;
	height: 2em;
	font-size: 105%;
	color: white;
	background-image: url(../images/sfondoBtn.gif);
}

/* IFRAME */
iframe.regoleDaAccettare{
	border: 5px solid Silver;
	margin: 1em 0em 1em 0em;
}

/* div interno agli iframe che visualizza le regole MOS */
div#regoleMos{
	font-family : "Verdana","Tahoma";
	font-size : 7pt;		
}


/* CALENDARIO DateInput */
div#dateInput table td {
	border-width: 0px;
	padding: 2px 2px 2px 2px;
	margin-top: 0em;
	height: 1em;
	text-align: center;
	empty-cells: hide;
}

/* Wrap per le colonne dei datatable per far si che il testo vada a capo */
.ui-datatable thead th.wrap {
    white-space: normal;
}
.ui-datatable tbody td.wrap {
    white-space: normal;
}

/* PICKLIST: Per allargarla un po' */
.ui-picklist .ui-picklist-list {
    width:400px !important;
}

/* GROWL - Posizionamento*/	
.ui-growl {
	right: 20px;
	top: 65%;
}


/* Governo i DATALIST */
/* tolgo il bordo dal box principale */
/* e per evitare lo sfondo bianco nei datalist dentro i datatable con colori alternati */
.ui-datalist-content {
	background:   transparent;
	border: 0px solid transparent;
}
/*elimino padding esagerato se non c'� il "pallino" */
ul.ui-datalist-data {
	padding-left: 1em;
	padding-right: 0.5em;
}


/* Panelgrid senza bordo*/
/* ver. PF >4*/
.panelGridNoBorder.ui-panelgrid>*>tr,
.panelGridNoBorder.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}
/* ver. PF <=4*/
.panelGridNoBorder.ui-panelgrid>*>tr,
.panelGridNoBorder.ui-panelgrid>*>tr>td {
    border: none;
}

/* per PanelGrid con header colorati */
.customCellHeader td:first-child { background-color: #ccc; }
.customCellHeaderMulti td:nth-child(2n+1) { background-color: #ccc; }



/* fix per allineamento icone e testo su stessa riga su schermi piccoli su splitButton */
.splitButtonSpec > .ui-menuitem-text{
	float: none !important;
    white-space: nowrap;
    display: list-item;
    margin-right: 2em;
}

/* format header panel grid*/
.gridHeader {
	background-color: #5D5D5D; /* Grigio Chiaro= #929292;*/ /*#8c8c8c;*/
	color: white;
}


/* Fix Toggle Switch. Per versioni PF < 7 sembra ci sia bisogno di questi CSS altrimenti il tema
   lo fa sparire. Css tratti e riarrangiati da questo articolo:
   https://forum.primefaces.org/viewtopic.php?t=57511
   
   Se migri a PF 7 o superiori probabilmente non serve
   */
.ui-toggleswitch .ui-toggleswitch-slider {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border-radius: 30px;
    /* Colore background. Fixato senza Alpha perche' non lo vedevo in chrome altrimenti era: #72707080*/
    background-color: #c5cbd4;			
}

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background-color: green;		/* Colore sfondo su selezionato */
}

.ui-toggleswitch .ui-toggleswitch-slider::before {
    background-color: #ffffff;		/* Colore pulsantino rotondo */
    height: 1.250em;
    width: 1.250em;
    left: .25em;
    bottom: .25em;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Skinning Tooltips */
.ui-tooltip {
/*    border: 1px solid #ccc;
    box-shadow: 0 0 10px 0 #ddd;
    -moz-box-shadow: 0 0 10px 0 #ddd;
    -webkit-box-shadow: 0 0 10px 0 #ddd;
    color: #666;
    background: #0080c0;*/
}

/* Trucco per evidenziare il contenuto di un Accordion */
.evidenziato .ui-accordion-content  {
    background-color: #ccc !important;
}