body{
	background-color: #dadada;
	color: #424242;
/*	font-size: 0.74em;*/	
}

.container{
	margin-top: 30px;
}

/* Menu */
.pull-right{
	margin-right: 20px;
}

.nav-pills{
	background-color: #FFABAB;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 0 20px #888888;
}

.nav-pills>li+li{
	margin-right: 0.5px;
	margin-left: 0.5px;
}

.nav-pills>li>a{
	color: white;
	border-radius: 0;
	background-color: #ff0000;
}

.nav-pills>li:first-child>a{
	border-top-left-radius: 10px;
}

.nav-pills>li:last-child>a{
	border-top-right-radius: 10px;
}

.nav-pills>li>a:hover, .nav-pills>li.active>a:hover, .dropdown.open>a.dropdown-toggle, .dropdown.open>a.dropdown-toggle:hover{
	background-color: black;	
}

.dropdown.open a:hover{
	background-color: #E5E5E5;
}

.nav-pills li.active a{
	background-color: white;
	color: #262626;
}

.nav .caret, .nav a:hover .caret, .nav li.open>a.dropdown-toggle>.caret{
	border-top-color: white;
	border-bottom-color: white;
}
/* fine menu */

/* Carousel*/
.carousel-inner .item {

	/*height: 450px;*/
 	width: 100%;
 	overflow: hidden;
 }


.carousel-inner .item img {
  width: 100%;
  /*position: absolute;*/
  /*top: -50%;*/
 }

.carousel-control .glyphicon-chevron-right{
	right: 15px;
}

.carousel-control .glyphicon-chevron-left{
	left: 15px;
}


/* fine carousel*/

.content{
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 0 20px #888888;
/*	position: relative; */
	z-index: 10;
/*	font-size: 0.5em;*/
}

.content .row:first-child{
	margin-top: 0;
}

.row{
	margin-top: 30px;
}

.content a:not(.carousel-control){
	color: #ff0000;
}

.service-pic{
	text-align: center;
}

.service-pic img{
	width: 80%;
}

.btred,
input[type="submit"],
.submitMini,
button.menu,
button.ui-button{
	display: inline-block !important;
	width: auto !important;
	background-color: #333333 !important;
	color: white !important;
	padding: 4px 15px !important;
	position: relative !important;
	float: right !important;
	border-radius: 5px !important;
	border: none !important;
	font-size: 0.9em !important;
	transition: background-color 0.1s linear !important;
}

span.ui-button-text{
	color: white !important;
	font-weight: normal !important;
	/* text-transform: lowercase !important; */
}

button.menu,
button.ui-button{
	height: auto !important;
	background-image: none !important;
}

input[type="submit"],
.submitMini,
button.menu,
button.ui-button{
	float: none !important;
}

.btred, .btred:hover{
	text-decoration: none;
}

.btred:hover,
input[type="submit"]:hover,
.submitMini:hover,
button.menu:hover,
button.ui-button:hover{
	background-color: #FF0000 !important;
	transition: background-color 0.1s linear !important;
}

/* footer */
.footer{
	background-color: #333333;
	/*min-height: 100px;*/
	border-radius: 0 0 10px 10px;
	color: white;
	font-size: 0.84em;
	line-height: 1.7em;
	margin-top: 50px;
}

.footer>.row>*{
	padding-left: 50px;
}


.footer .row{
	margin-top: 0px;
}

.footer p, .footer h4, .footer a{
	color: white !important;
}

/*----------------------------------
 *  Login input
 * ---------------------------------
 */
.login{
	text-align: center;
	line-height: 2em;
	margin-top: 5em;
	margin-bottom: 5em;
}
.login h5{
	margin-bottom: 4em;
}
.login label{
	min-width: 33.33333%;
}
/*----------------------------------
 * Input
 * ---------------------------------
 */
input[type=text], input[type=password]{
	border: 1px solid lightgrey;
	border-radius: 0.4em;
	padding: 0.2em 0.4em;
	line-height: 1.5em;
	outline: none;
}

/*-----------------------------------
 * Vari tipi di messaggi di alert
 * ----------------------------------
 */
.boxmessage{
	border-radius: 1em;
	padding-bottom: 1em;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
	margin-bottom: 1em;
}
.message-error{
	background-color: #D86B64;
}
.message-alert{
	background-color: #FFEC7F;
}
.message-ok{
	background-color: #B3FF67;
}
.message-generic{
	background-color: #95E4E4;
}
.boxmessage h3{
	color: black;
}
.boxmessage ul{
	margin: 0em 1em 0em 1em;
}
.boxmessage li{
	padding: 0em 1em 0em 1em;
	color: yellow;
}
/*-------------------------------------
 * Vari stili di base h1, h2, h3....
 * ------------------------------------
 */
h1, h2, h3, h4{
	font-family: 'Lato', sans-serif !important;
}
h2{
	font-size: 1.5em !important;
}
h6.modal-subtitle {
	font-family: 'Lato', sans-serif !important;
	font-size: 0.9em;
	color: brown;
}
/*--------------------------------------
 * Tabelle
 * -------------------------------------
 */
table{
	width: 100%;
	border: collapse;
}

th{
	text-align: left;
}

table, td{
	border: 1px solid lightgray;
}

th, td{
	padding: 0.5em 0.3em;
}

/* Classe per Riga TR per colorare le celle con colore diverso */
tr.alternato{
	background-color: #ffdead;
}
/* Classe per Riga TR per colorare le celle con colore diverso */
table.appAlternata tr.alternato td{
	text-align: left;
	padding-left: 0.5em;
	padding-right: 0.7em; 
	border-right: 1px solid white;
}
/* Spostamento sopra con Mouse cambio colore */
table.appAlternata tr:hover{
	background-color: yellow;
}

#centrato, #comandi{
	text-align: center;
}

#formSpedizione th{
	text-align: left;
}

#elencoSpedizioni th{
	/* border: 1px solid lightgray !important; */
}
/*--------------------------------------
 * Immagine di header delle pagine
 * -------------------------------------
 */
.header-image{
	position: relative;
}
.header-image img{
	width: 100% !important;
}
.header-image h1{
	color: white;
	background-color: #ff0000;
	padding: 15px 45px;
	position: absolute;
	top: 50%;
	margin: -35px 0 0 0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	font-weight: 100;
}
/*--------------------------------------
 * Informazioni sull'utente
 * -------------------------------------
 */
.right-align{
	text-align: right;
}

.avatar{
	padding-top: 20px;
}

/*--------------------------------------
 * News
 * -------------------------------------
 */
.news{
	margin-top: 50px;
}
.news .glyphicon{
	font-size: 48px !important;
	margin-top: 20px;
}

div.content table, .content table tr, .content table tr td{
	border: 0px ;
	border-collapse: collapse;
}
div.content th *{
	color: white;
}
/* Correggo alcuni titoli bianchi delle tabelle */
div.content th span {
	color: #424242;
}

div.content td {
	padding: 3px 6px; 
}

div.content table.appAlternata td {
	border-right: 1px solid lightgray;
	border-left: 1px solid lightgray;
}

/* Eriditato da vecchio CSS - F.Vigna*/
/* 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;
}

/**** 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; 
}

/** DA VECCHIO STYLE */
/******** 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;
}

/* pulsanti personalizzati per i menu */
button.menu{
	font-family : "Trebuchet MS","Verdana","Tahoma";
	width : 15em;
	height: 4em;
	padding: 1pt 2pt 1pt 2pt;
	color: white;
	background-image: url(../images/sfondoBtn.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #1453B5;
}
/* Effetto su passaggio del mouse */
button.menu:hover{
	background-image: none;
	background-color: #7095DB;
}
button.menu#mini {
 	width: 3em;
}
button.menu#piccolo {
 	width: 2em;
}
/*** DIV SPECIFICO PER MULTIBOX (Insieme di Checkbox) */
div#multibox{
 	border: 4px solid #369;	
	padding: 5px 5px 5px 5px;
}
/* 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;
}
/* Div utilizzato per contenere i pulsanti del Form Spedizione*/
div.inEvidenzaForm,
form[name="richiestaRitiroForm"],
.inEvidenza,
#elencoDestinatari,
form[name="reportManifestForm"],
#schedaSpedizioneDest,
#schedaSpedizioneDatiSpedizione,
#schedaSpedizioneColli,
#schedaSpedizioneProductsList,
#trackAll{
	width: 100%;
	margin: 0.4em 0.2em 0.4em 0.2em;
	padding: 1em 1em 2em 1em;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
}

#trackAll th{
	border-right: 1px solid lightgray;
}

/* in evidenza ma flessibile e ridotto */
div.inEvidenzaFlex {
	margin: 0.4em 0.2em 0.4em 0.2em;
	padding: 0.5em 1em 1em 1em;
}

div.center {text-align: center;}

div.dataTables_wrapper .sorting, .sorting_1, .sorting_asc, .sorting_desc{
	background-color: transparent !important;
}

#elencoDestinatari_length, #elencoDestinatari_filter{
	margin-bottom: 20px !important;
}

#elencoDestinatari th{
	border-right: 1px solid lightgray !important;
}

.sorting{
	border-right: 1px solid lightgray !important;
	padding: 5px 10px !important;
}

.sorting

.odd{
	background-color: #e7e7e7 !important;
}


/* ******************* TABLE ****************/
/** Table per APPLICAZIONE SPECIFICA */
table.app {
   font-family : "Trebuchet MS","Verdana","Tahoma";
	font-size : 9pt;
	margin-top: 1em;
	empty-cells:  show;
}
table.app th {
	height: 2.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-right: 1px solid white;
/*	background-color: lightgray;*/
	
}
/* TH Light per sottotitoli o riepiloghi */
table.app th#light {
	background-color: #336699;
	color: white;
	height: 2.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-right: 1px solid white;
}
table.app td {
	text-align: left;
	height: 2.5em;
	padding-left: 0.5em;
	padding-right: 0.7em; 
	border-right: 1px solid white;
}
table.app td#centrato {
	text-align: center;
}
table.app td#dx {
	text-align: right;
}

/* Sovrascrivo il legend di Bootstrap altrimenti i fieldset di Primefaces
   sfanculano */
legend{
	font-size: 0.9em;
}

/* Sistemo la larghezza delle picklist */
.ui-picklist .ui-picklist-list {
	min-width: 200px;
	width: auto;
}

/* larghezza freccia selezione combo PrimeFaces */
.ui-selectonemenu-trigger.ui-state-default.ui-corner-right{
	width: auto
}

/* controllo carattere per le tabelle dentro gli accordion */
#accordion table{
	font-size: 13px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}

.toolBoxLaterale{
	border-radius: 5px;
}

.ui-state-default{
	background-image: none !important;
	background-color: white !important;
}

.ui-spinner-input {
	padding-right: 40px !important;
	width:150px;
}

#elencoSpedizioni > thead:nth-child(2) > tr > th {
	text-align: center;
}

 /* Tooltip container */
.customtooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.customtooltip .customtooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -125px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.customtooltip .customtooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.customtooltip:hover .customtooltiptext {
    visibility: visible;
    opacity: 1;
}

.toggleButton {
	background-color: #F00 !important;
	color: white !important;
	display: inline-block !important;
	height: auto !important;
	width: auto !important;
	padding: 4px 15px !important;
	position: relative !important;
	border-radius: 5px !important;
	border: none !important;
	font-size: 0.9em !important;
	transition: background-color 0.1s linear !important;
	background-image: none !important;
	float: none !important;
}

.toggleButton:hover{
	background-color: #EF5050 !important;
	border-color: #EF5050;
	transition: background-color 0.1s linear !important;
}

a.disabled {
	pointer-events: none;
   	cursor: default;
}

.width20 {
	width: 20%;
}

#warning_message_envelope {
	display: none;
}

#waiting_message {
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	margin-left:-100px;
	margin-top:-26px;
	text-align:center;
	padding:1em 0;
	background-color: #D0D0D0;
}

.login_big_logo {
	padding-top: 10px;
}

.header_small_logo {
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 80px;
}

.panel > .table, .panel > .table-responsive_mbe {
	margin-bottom: 0;
	width: 100%;
	overflow-x: scroll;
	overflow-y: scroll;
}

.loginPasswordFields {
	width: inherit;
}

#ddcl-listaclientes-ddw .ui-dropdownchecklist-text {
	font-size: 10px;
	line-height: 10px;
}

#ddcl-listcode-ddw .ui-dropdownchecklist-text {
	font-size: 10px;
	line-height: 10px;
}