@charset "UTF-8";
/*
<!---
================================================================================
                               www.tesisquare.com
================================================================================
Modern viewer: stili base.

ATTENZIONE: 1. le modifiche "standard" (o meglio valide per tutti gli ambienti) vanno riportate sui file
               modern.css, classic.css, style_gr.css, gr_information_area.css
            2. le modifiche vanno inserite sempre PRIMA del commento:
               / NON EDITARE DOPO QUESTA LINEA /
               / FILE GENERATO AUTOMATICAMENTE /

==========================================================================================
--->
*/
@import url("../../../easy/css/flags.css");

.flag-icon {
  width: 2em;
  line-height: 1.4em;
  top: -2px;
}

/* -----------------------------------------
   Generali
----------------------------------------- */
/* con questo applichiamo lo stesso box model che usa IE */
/* anche agli altri brwoser, per semplificare la grafica */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* la gridbox e il datepicker devono usare il box model classico */
/* per i calcoli degli ingombri FF/Chrome */
/* TODO: generalizzare per classe */
#gridbox, .gridbox.gridbox_modern,
.datepicker_vista {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* -----------------------------------------
   Struttura generale (pagine)
----------------------------------------- */
body {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px; }

/*body,*/
/* lasciare? */
.PaginaMapei,
.Pagina,
.PaginaPopup {
  padding: 0 0 10px;
  overflow-x: hidden;
  overflow-y: auto;
  /*background: transparent url(../images/noisy_grid.png) repeat 0 0;*/
  background-color: #E5E9EC; }

.PaginaPopup {
  padding-top: 5px; }

/*.PaginaPopup*/
.PaginaTab {
  padding: 10px 5px 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff; }

/* 20151119 - emilio.cauda@tesisquare.com - TICKET: 0169378
   la proprietà è definita come important perchè su IE10 non viene impostata */
/* TODO: verificare
20130314 - edoardo.galvagno@partners.gruppotesi.com
Non rimesse perche' apparentemente non utilizzate
.modal-body-cover
.modal-progress-box
*/
.nascondi {
  display: none !important; }

.sx, .sxel {
  float: left !important;
  margin-right: 10px; }

.dx, .dxel {
  float: right !important;
  margin-left: 10px; }

.txtsx {
  text-align: left !important; }

.txtdx {
  text-align: right !important; }

.nobg {
  background-color: transparent !important;
  background-image: none !important; }

.link_sottolineato {
  font-size: 0.9em;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  color: #787878; }

/*20151126 - daniele.russo@partners.tesisquare.com - TICKET: 0157542*/
.Breakword {
  word-wrap : break-word;
}

.corsivo {
  font-style: italic !important; }

.bold {
  font-weight: bold !important; }

.sottolineato,
.underline {
  text-decoration: underline !important; }

.numerico {
  text-align: right !important; }

.monospaced {
  font-family: "Lucida Console", "Courier New", Courier, monospace; }

.piccolo {
  font-size: 9px; }

.maiuscolo {
  text-transform: uppercase !important; }

.minuscolo {
  text-transform: lowercase !important; }

/*20140904 - davide.corona@partners.tesisquare.com - TICKET: 0111939 */
/* a volte nelle BoxLabel può essere necessario visualizzare una frase; applicando questa
classe si potrà visualizzarla senza capitalizzazione (brutta a vedersi in italiano) */
.text-transform-none {
  text-transform: none !important; }

b {
  font-weight: bold; }

/*20150902 - davide.corona@partners.tesisquare.com - TICKET: 0158825*/
/*aggiunto <strong> per sovrascrivere la regola di reset.css altrimenti il testo non si vede in grassetto*/
strong {
  font-weight: bold; }

form {
  margin: 0; }

#Titolo, .Titolo {
  position: relative;
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  color: #2D2D2D;
  line-height: 27px;
  height: 27px;
  padding: 0 0 0 5px;
  width: 98%;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  margin: 5px auto; }

label.obbl span {
  color: #d60000 !important; }

/* TODO: verificare se utilizzato */
a.Label span {
  color: #d60000; }

label.descrizione {
  font-weight: bold !important;
  text-transform: none !important;
  text-align: left !important;
  white-space: normal !important; }

/* -----------------------------------------
   Correzioni per la table che ingabbia
   tutti i contenuti
----------------------------------------- */
body.Pagina table,
body.PaginaTab table,
body.PaginaPopup table {
  width: 100%; }

/* 20140117 - edoardo.galvagno@partners.tesisquare.com */
/* il border-collapse deve essere mirato solo al primo livello di tabella: */
/* messo generale interferiva con xgrid */
/* TICKET: 78751 */
body.Pagina > table,
body.PaginaTab > table,
body.PaginaPopup > table {
  border-collapse: collapse; }

body.Pagina > table td,
body.PaginaTab > table td,
body.PaginaPopup > table td,
body.Pagina > form > table td,
body.PaginaTab > form > table td,
body.PaginaPopup > form > table td {
  vertical-align: top; }

/* -----------------------------------------
   Maschere (GES)
----------------------------------------- */
#CorpoMaschera,
#CorpoMascheraIFrame,
.CorpoMaschera,
.CorpoMascheraIFrame,
.CorpoDialog,
.CorpoViaggi {
  clear: both;
  text-align: left;
  width: 98%;
  background-color: #fff;
  border: 1px solid #cecece;
  padding: 2px;
  margin: 0 auto 5px;
  position: relative; }

.Pagina #CorpoMaschera,
.Pagina .CorpoMaschera {
  border-radius: 4px; }

.PaginaTab #CorpoMaschera,
.PaginaTab .CorpoMaschera {
  border: 0 !important; }

#CorpoMaschera.con_filtri,
.CorpoMaschera.con_filtri,
#CFForm_1 .CorpoMaschera {
  background: transparent !important;
  border: 0; }

#CorpoMaschera.con_filtri .BoxLabel,
#CorpoMaschera.con_filtri label,
.CorpoMaschera.con_filtri .BoxLabel,
.CorpoMaschera.con_filtri label,
#CFForm_1 .CorpoMaschera .BoxLabel,
#CFForm_1 .CorpoMaschera label {
  background: transparent !important;
  padding: 4px !important; }

.PaginaTab #CorpoMaschera.con_filtri .BoxLabel,
.PaginaTab #CorpoMaschera.con_filtri label,
.PaginaTab .CorpoMaschera.con_filtri .BoxLabel,
.PaginaTab .CorpoMaschera.con_filtri label {
  background: #efefef !important; }

#CorpoMascheraIFrame,
.CorpoMascheraIFrame {
  border-top: 0;
  height: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

.CorpoMaschera.bordato {
  margin-bottom: 10px;
  background-color: #fbfbfb;
  border: 1px solid #bbb !important; }

/* 20110708 - edoardo.galvagno@partners.gruppotesi.com - TICKET: 32051 */
/*fix per l'altezza degli iframe in IE9 che rimaneva troppo bassa*/
#CorpoMascheraIFrame table tr td,
.CorpoMascheraIFrame table tr td {
  height: 100% !important; }

#CorpoMaschera table,
.CorpoMaschera table {
  background: transparent;
  /* TODO: verificare se effettivamente */
  /* auto e non fixed */
  table-layout: auto;
  /*table-layout: fixed;*/ }

#CorpoMaschera table td,
.CorpoMaschera table td {
  padding: 2px; }

/* 20130911 - edoardo.galvagno@partners.gruppotesi.com */
/* fix errato allineamento tasto chiusura filtri su alcune maschere */
/* es. fdopianificazione */
#CorpoMaschera #row_filter_0 td,
.CorpoMaschera #row_filter_0 td {
  vertical-align: top; }

#CorpoMaschera hr,
.CorpoMaschera hr {
  height: 2px;
  width: 98%;
  color: #c0c0c0; }

#CorpoMaschera #CorpoElenco,
#CorpoMaschera .CorpoElenco,
.CorpoMaschera #CorpoElenco,
.CorpoMaschera .CorpoElenco,
.CorpoMaschera .CorpoNoEspandiElenco {
  margin: 5px;
  background: #F1F1F1; }

.PaginaTab #CorpoElenco,
.PaginaTab .CorpoElenco,
.PaginaTab .CorpoNoEspandiElenco {
  border-collapse: separate;
  /* altrimenti IE9 non fa il render dell'ombra */
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); }

.ElencoGes {
  width: 98%;
  margin: 0 auto 5px; }

.BoxTesto {
  padding: 6px 4px;
  /* come BoxLabel (a differenza del classic.css dove devono essere diversi) */
  position: relative;
  text-align: left;
  min-height: 20px;
  *height: 20px;
  color: #000; }

/* TICKET: 80409 */
/* Diamo un fondo e un bordo ai BoxTesto usati per evidenziare dati non modificabili */
/* in dettaglio: sarebbe poi meglio usare una classe specifica piuttosto che */
/* ricorrere ad una eccezione */
/* 20131107 - edoardo.galvagno@partners.tesisquare.com */
.CorpoMaschera.con_filtri .BoxTesto,
#CorpoMaschera.con_filtri .BoxTesto,
.CorpoMaschera.bordato .BoxTesto,
.PaginaTab .CorpoMaschera.senza_filtri .BoxTesto {
  background-color: #e4e4e4;
  padding: 3px;
  color: #444;
  border: 1px solid #aaa;
  margin-top: 1px; }

.CorpoMaschera.bordato .BoxTesto {
  border: 1px solid #aaa !important;
  margin-top: 1px !important;
  height: 20px !important; }

.BoxLabelPiccola {
  margin: 2px 0 8px; }

.espandi {
  background-color: #fff;
  border: 1px solid #aaa;
  background-position: 98% 4px;
  background-repeat: no-repeat;
  background-image: url(../images/freccina_espandi.gif);
  cursor: pointer;
  border-radius: 0 !important;
  padding: 3px 4px !important; }

.BoxTesto.espandi {
  color: #444; }

.BoxTesto.espandi.multi {
  height: auto !important; }

.BoxTesto.espandi b {
  font-weight: normal; }

.Elenco .BoxTesto.espandi {
  min-height: 19px !important; }

.espandilabel {
  background-position: 98% 50%;
  background-repeat: no-repeat;
  background-image: url(../images/freccina_espandi.gif);
  cursor: pointer;
  padding-right: 15px !important;
}

.BoxLabel,
.BoxLabelObbl,
.CorpoMaschera label,
#CorpoMaschera label,
.shop-sezione label {
  overflow: none;
  padding: 6px 4px;
  position: relative;
  width: auto !important;
  width: 100%;
  color: #666;
  background-color: #efefef;
  font-weight: normal;
  text-align: right;
  letter-spacing: 0px;
  text-transform: capitalize;
  display: block;
  /* 20131111 - edoardo.galvagno@partners.tesisquare.com */
  /* dopo analisi di alcune maschere ho preferito disabilitare */
  /* il nowrap delle label per migliorare il comportamento */
  /* con alcune label lunghe */
  /*white-space: nowrap;*/
  font-size: 11px; }

.shop-sezione label {
  /*text-align: left;*/
  background-color: transparent;
  padding-left: 0; }

.BoxLabelObbl,
.CorpoMaschera label.obbl,
#CorpoMaschera label.obbl {
  background-color: #dfdfe7; }

/* SPAN all'interno di Box con label */
.BoxLabelObbl span,
.CorpoMaschera label.obbl span,
#CorpoMaschera label.obbl span {
  color: #d60000;
  font-size: 1.2em;
  line-height: 0; }

/* 20131115 - edoardo.galvagno@partners.tesisquare.com */
/* le label che hanno classe BoxLabelPiccola, sono eccezioni: */
/* uso improprio o mancanza di classi migliori? */
/* in fif_cerori_richieste_elab.cfm */
/* TICKET: 80844 */
/* TICKET: 80864 */
label.BoxLabelPiccola {
  text-align: left !important;
  font-weight: bold; }

input,
select,
textarea,
div.gridbox_modern table.obj td {
  font-family: Verdana, Tahoma, Arial, sans-serif !important; }

input,
select,
textarea {
  font-size: 11px; }

.InputTesto,
.SelectTesto {
  width: 100%;
  /*margin: 0;*/ }

.autocomplete {
  width: 90% !important; }

.Elenco .InputTesto {
  margin: 0; }

.ClsData,
.ClsDataCalendar {
  width: 75px; }

.SelectTestoLarghAuto {
  width: auto; }

/* eccezione per date contenute in colspan stretti */
/* in cui va a capo l'icona del calendario */
/*td[colspan="2"] .ClsData,
td[colspan="2"] .ClsDataCalendar {
  width: 70px;
  letter-spacing: -1px;
}
*/
/*.PaginaTab td[colspan="2"] .ClsData,
.PaginaTab td[colspan="2"] .ClsDataCalendar {
  width: 45px;
  letter-spacing: -2px;
}
*/
/*.Elenco .ClsData,
.Elenco .ClsDataCalendar {
  width: 60px;
  font-size: 9px;
  padding: 2px 1px;
}
*/
.datepicker_img {
  margin: 3px 0 -3px 0px; }

.readonly,
.disabled,
[readonly],
[disabled] {
  color: #888 !important;
  background-color: #f5f5f5 !important; }

select {
  width: 100%; }

textarea {
  background-color: #fff;
  clear: left;
  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  font-variant: normal;
  text-align: left; }

/* classi per la visualizzazione di un div con aspetto della combo multiselezione */
.SelectMultiDisabled {
  overflow-y: scroll;
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #444;
  border-right: 2px solid #ddd;
  border-left: 2px solid #444;
  background-color: #fff;
  font-size: 11px; }

.SelectMultiDisabled ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.SelectMultiDisabled li.selected {
  background-color: #006;
  color: #fff; }

.selectanag,
.selectgera,
.selectpopup {
  width: 100%;
  position: relative; }

.selectanag .BoxTesto,
.selectgera .BoxTesto,
.selectpopup .BoxTesto {
  margin-right: 40px;
  width: auto !important; }

.selectanag .BoxTesto b,
.selectgera .BoxTesto b,
.selectpopup .BoxTesto b {
  font-weight: normal !important; }

.selectanag.disabled .BoxTesto,
.selectgera.disabled .BoxTesto,
.selectpopup.disabled .BoxTesto,
.selectanag.required .BoxTesto,
.selectgera.required .BoxTesto,
.selectpopup.required .BoxTesto {
  margin-right: 0px !important; }

.selectanag .reset,
.selectgera .reset,
.selectpopup .reset {
  width: 33px;
  position: absolute;
  top: 2px;
  right: 3px; }

.selectanag .reset ul,
.selectgera .reset ul,
.selectpopup .reset ul {
  margin: 0;
  padding: 0;
  list-style: none !important; }

/* -----------------------------------------
   Elenchi (ELE)
----------------------------------------- */
/* elena.meinero@tesisquare.com- TICKET: 93617 */
#CorpoElenco,
.CorpoElenco,
.CorpoNoEspandiElenco,
.CorpoElencoPopUp {
  clear: both;
  /*width: 97%;*/
  width: 98%;
  overflow-x: auto;
  margin: 0 auto 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  font-size: 11px; }

.CorpoNoEspandiElenco {
  height: 102%; }

/*#CorpoElenco,
.CorpoElenco,
.corpoelencopopup,
#CorpoElenco #gridbox,
.CorpoElenco #gridbox {
  border: 4px solid #fff !important;
  padding: 0;
}*/
#CorpoElenco,
.CorpoElenco,
.CorpoNoEspandiElenco,
.corpoelencopopup {
  border: 4px solid #fff !important;
  padding: 0; }

#gridbox, .gridbox.gridbox_modern {
  padding: 0;
  border: 0; }

/* variazione per permettere che le immagini dentro i td */
/* non aumentino l'altezza della riga */
/* 20150311 - edoardo.galvagno@partners.tesisquare.com */
/* TICKET: 133718 */
.gridbox .objbox td {
  vertical-align: top; }

/*20140403 - elena.meinero@tesisquare.com TICKET:93617 usata nelle gridbox */
.gridboxContainer {
  overflow: hidden; }

.Elenco {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

.Elenco table,
.CorpoElenco table,
.CorpoNoEspandiElenco table {
  background: transparent;
  table-layout: fixed; }

#CorpoElenco .Elenco label,
.CorpoElenco .Elenco label,
.CorpoNoEspandiElenco .Elenco label {
  color: #666;
  font-weight: bold;
  padding-top: 0.35em;
  /*display: block;*/ }

#CorpoElenco .Elenco label.edit,
.CorpoElenco .Elenco label.edit,
.CorpoNoEspandiElenco .Elenco label.edit {
  float: right; }

.tblRuler td {
  border: 0 !important;
  padding: 0 !important; }

td.TopDiv {
  /*background-color: #039;*/
  background-color: #99999c;
  min-height: 20px; }

td.TopDivFestivo {
  background-color: #c51616;
  min-height: 20px; }

td.TopDiv,
td.TopDivFestivo,
td.TopDiv td,
td.TopDivFestivo td,
td.TopDiv td div,
td.TopDivFestivo td div {
  /* aggiunto clausola "td.TopDiv td div" per gestione ordinamento */
  color: #fff;
  font-weight: normal !important;
  text-transform: capitalize; }

td.TopDiv input,
td.TopDivFestivo input {
  background: transparent;
  color: #fff; }

td.TopDiv .InputTesto,
td.TopDivFestivo .InputTesto {
  background: #fff;
  color: #000; }

/* SPAN all'interno della TD di testata elenco (ridefinizione rispetto a SPAN in TD generico) */
/* 20081118 - alessandro.lia@gruppotesi.com */
/* anche le ancore sul TopDiv devono essere bianche (ad esempio popup atlante) */
td.TopDiv span, td.TopDivFestivo span, td.TopDiv a, td.TopDivFestivo a {
  color: #FFFFFF; }

/* da usare con TopDiv */
/* per gestione fasce */
.TDFestivo, .TDSatura {
  background-color: #c51616 !important; }

.TDDisponibile {
  background: #0a0; }

tr.TRDispari,
tr.TRDispari_NUOVO td,
tr.TRDispari_NUOVO_hilite td {
  background-color: #fff; }

tr.TRPari,
tr.TRPari_NUOVO td,
tr.TRPari_NUOVO_hilite td {
  background-color: #ededed; }

/* gestione alternanza riga anche in colori diversi da quello standard */
tr.TRPariVerde {
  background: #58DA58; }

tr.TRDispariVerde {
  background: #90EE90; }

tr.TRPariRosso {
  background: #FF0000; }

tr.TRDispariRosso {
  background: #FF6633; }

tr.TRPariGiallo {
  background: #FEEE00; }

tr.TRDispariGiallo {
  background: #FFFF00; }

/* colonne piu' evidenti rispetto alle altre */
tr.TRPari .evidenziata {
  background-color: #DEDEEF !important; }

tr.TRDispari .evidenziata {
  background-color: #EEEEFF !important; }

tr.TRPari .evidenziata_alt {
  background-color: #EFEFDE !important; }

tr.TRDispari .evidenziata_alt {
  background-color: #FFFFEE !important; }

tr.TRPari .evidenziata_tot {
  background-color: #DEEFDE !important; }

tr.TRDispari .evidenziata_tot {
  background-color: #EEFFEE !important; }

tr.TRPari .evidenziata_rosso {
  background-color: #EFDEDE !important; }

tr.TRDispari .evidenziata_rosso {
  background-color: #FFEEEE !important; }

tr.TRPari .evidenziata_arancio {
  background-color: #FFCC00 !important; }

tr.TRDispari .evidenziata_arancio {
  background-color: #F9C600 !important; }

tr.TRPari .evidenziata_verde {
  background-color: #90EE90 !important; }

tr.TRDispari .evidenziata_verde {
  background-color: #58E559 !important; }

tr.TRPari .evidenziata_giallo {
  background-color: #FEFF75 !important; }

tr.TRDispari .evidenziata_giallo {
  background-color: #FFFF00 !important; }

tr.TRPari .evidenziata_viola {
  background-color: #CFAFCF !important; }

tr.TRDispari .evidenziata_viola {
  background-color: #BF7FBF !important; }

/* bianco vero */
tr.TRPari .evidenziata_bianco {
    background-color: #FFFFFF !important; }

/* bianco sporto */
tr.TRDispari .evidenziata_bianco {
    background-color: #F5F5F5 !important; }

.evidenziata_retino_azzurro,
.evidenziata_retino_rosso,
.evidenziata_retino_giallo,
.evidenziata_retino_verde,
.evidenziata_retino_bianco {
  background-position: top left;
  background-repeat: repeat; }

.evidenziata_retino_azzurro {
  background-image: url(../images/fondo_retinato_azzurro.gif); }

.evidenziata_retino_rosso {
  background-image: url(../images/fondo_retinato_rosso.gif); }

.evidenziata_retino_giallo {
  background-image: url(../images/fondo_retinato_giallo.gif); }

.evidenziata_retino_verde {
  background-image: url(../images/fondo_retinato_verde.gif); }

.evidenziata_retino_bianco {
  background-image: url(../images/fondo_retinato_bianco.gif); }

tr.TRPari .borderBottom,
tr.TRDispari .borderBottom {
  padding-bottom: 10px;
  border-bottom: 2px solid #bbb; }

tr.TRPari .borderTop,
tr.TRDispari .borderTop {
  padding-top: 10px;
  border-top: 2px solid #bbb; }

tr.TRPari hr,
tr.TRDispari hr {
  width: 90%;
  margin: 0;
  height: 1px; }

tr.TRPari td,
tr.TRDispari td,
tr.TRPari_NUOVO td,
tr.TRDispari_NUOVO td,
tr.TRPari_NUOVO_hilite td,
tr.TRDispari_NUOVO_hilite td,
tr.TRSelezionato_NUOVO td,
tr.TRPariVerde td,
tr.TRDispariVerde td,
tr.TRPariRosso td,
tr.TRDispariRosso td,
tr.TRPariGiallo td,
tr.TRDispariGiallo td,
#CorpoElenco table tr td table tr td table tr td,
.CorpoElenco table tr td table tr td table tr td,
.CorpoNoEspandiElenco table tr td table tr td table tr td,
.CorpoElencoPopUp table tr td table tr td table tr td {
  padding: 3px 2px;
  /*line-height: 23px;*/ }

/*.TopDiv td {
  line-height: 1 !important;
}*/
td.label_NUOVO {
  border-bottom: 1px solid #999;
  border-right: 1px solid #ababab;
  padding: 3px 0;
  vertical-align: top; }

.TopDiv td.label_NUOVO, .TopDivFestivo td.label_NUOVO,
.TopDiv.label_NUOVO, .TopDivFestivo.label_NUOVO {
  border-bottom: 1px solid #999;
  border-right: 1px solid #676778;
  border-left: 1px solid #676778; }

.label_NUOVO td {
  padding: 0 !important; }

.label_NUOVO .tblHeader td {
  border-right: 1px solid #58d;
  padding: 0 2px !important; }

.ingrandito .TRPari td,
.ingrandito .TRDispari td,
.ingrandito .tblRuler td div {
  font-size: 3em !important;
  padding: 0.4em 0.2em !important; }

.Elenco .BoxTesto {
  width: 90%;
  background-color: transparent !important;
  padding: 0 !important; }

.Elenco #CorpoTasti,
.Elenco .CorpoTasti {
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  background: transparent; }

.Elenco .sx,
.Elenco .dx {
  margin: 0; }

/* 20130110 - edoardo.galvagno@partners.gruppotesi.com */
/* tabelle multiple in pagina, senza espandi e con titolo sopra */
.CorpoElenco.sezione-tracking {
  margin-bottom: 10px;
  box-shadow: none !important; }

.CorpoElenco.sezione-tracking #Shift {
  display: none; }

/* -----------------------------------------
   Tabelle con possibilita'
   di ordinamento
----------------------------------------- */
td.sortable:hover, td.sortable.over {
  cursor: pointer;
  /*background-color: #36c;*/
  background-color: #79797c; }

td.sortable.asc, td.sortable.desc {
  /*background-color: #47d;*/
  background-color: #69696c; }

td.sortable div {
  display: inline;
  /* come se fosse una span, non si allarga al 100% */
  padding-right: 20px;
  /* spazio per l'icona */
  background-image: url(../../../../../images/common/ord_sortable.png);
  background-position: 100% -8px;
  background-repeat: no-repeat;
  float: left;
  /* allineamento default a sx */ }

td.sortable.center,
td.center {
  text-align: center; }

td.sortable.center div.bold,
td.center div.bold {
  float: none; }

td.sortable.right div,
td.right div {
  float: right !important;
  /* allineamento a dx */
  text-align: right; }

td.sortable.center div,
td.center div {
  display: inline-block; }

td.sortable.asc div {
  background-position: 100% -40px !important; }

td.sortable.desc div {
  background-position: 100% -72px !important; }

/* 20131104 - emanuele.sogno@tesisquare.com - TICKET: 0078694 (NM Cocacola) */
/* Elenco carichi + Elenco consegne */
TD.topClient SPAN {
  padding-right: 18px;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url(../images/btn16_medal.gif); }

/* -----------------------------------------
   Elenchi con gridbox (dhtmlxgrid)
----------------------------------------- */
/* come .CorpoElenco */
#gridbox, .gridbox.gridbox_modern {
  /*margin: 0 15px 5px 15px;*/
  margin: 0;
  /*border: 2px solid #039;*/
  background: #fff; }

#treebox table,
.albero table {
  table-layout: auto !important; }

#treebox table td,
.albero table td {
  padding: 0 !important; }

#gridbox .hdr, .gridbox.gridbox_modern .hdr {
  background-color: #99999c; }

div.gridbox_modern .xhdr {
  background-color: #99999c !important;
  background-image: none !important; }

div.gridbox table.hdr td div.hdrcell {
  padding: 0 !important; }

#gridbox .hdr th,
#gridbox .hdr td,
.gridbox.gridbox_modern .hdr td,
.gridbox.gridbox_modern .hdr th {
  color: #fff;
  text-align: center; }

#gridbox .obj td,
#gridbox .ftr td,
.gridbox.gridbox_modern .obj td,
.gridbox.gridbox_modern .ftr td {
  border-right: 1px solid #d6d6d6 !important; }

.dhx_dragColDiv{
  font-family: Verdana, Tahoma, Arial, sans-serif !important;
  font-size: 0.9em !important;
  color: #212121 !important;
  background-color:#EDEDED !important;
  z-index: 20 !important; /*valore a caso deciso da cauda*/
}

/*20160418 - alessandro.lia@tesisquare.com - TICKET: 190277*/
div.gridbox_modern table.obj tr.rowselected td{background-color:#9ac2e5 !important;}
div.gridbox_modern table.obj tr.rowselected td.cellselected, div.gridbox_modern table.obj td.cellselected {background-color:#9ac2e5 !important}

/* -----------------------------------------
   Navbar per la paginazione
   dei risultati nelle tabelle
----------------------------------------- */
.navbar_results {
  background-color: #eee;
  border: 0px;
  font-size: 0.8em;
  width: 100%;
  border-top: 1px solid #ccc;
  padding: 4px; }

.navbar_results .navbar_lblresults {
  float: left;
  padding: 2px 0;
  text-transform: lowercase; }

.navbar_results .navbar_gotobutton {
  float: left;
  display: none; }

.navbar_results .navbar_pagination {
  float: right; }

.navbar_results input.navbar_gotopage {
  text-align: center;
  border: 2px ridged #eee; }

.navbar_results input.navbar_numpages {
  text-align: left;
  border: 2px solid #eee;
  background-color: #eee; }

.navbar_results input.navbar_btngotopage {
  cursor: pointer; }

.navbar_results .navbar_pagination ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: #f5f5f5; }

.navbar_results li.navbar_page {
  border-color: #ccc !important; }

.navbar_results li.navbar_page a {
  display: block;
  color: #369;
  padding: 2px 4px;
  text-decoration: none; }

.navbar_results li.navbar_page a:hover {
  background-color: #e5e5e5; }

.navbar_results li.navbar_page span {
  display: block;
  color: #ccc;
  padding: 2px 4px; }

.navbar_results li.navbar_page.current {
  border-color: #369 !important;
  background-color: #369;
  color: #fff !important; }

.navbar_results li.navbar_page.current a {
  color: #fff; }

.navbar_results.no_results {
  border-top: none;
}

/* -----------------------------------------
   Tasti e tab
----------------------------------------- */
#CorpoTasti ul,
#CorpoTastiEle ul,
#CorpoTastiElenco ul,
#CorpoTastiGes ul,
#CorpoTastiTab ul,
.CorpoTasti ul,
.CorpoTastiEle ul,
.CorpoTastiElenco ul,
.CorpoTastiGes ul,
.CorpoTastiTab ul,
.CorpoTastiCompatto ul {
  margin: 0 10px;
  padding: 0;
  list-style: none;
  position: relative; }

#CorpoTastiEle ul,
#CorpoTastiElenco ul,
.CorpoTastiEle ul,
.CorpoTastiElenco ul,
.CorpoTastiCompatto ul {
  margin: 0 !important; }

#CorpoTasti li,
#CorpoTastiEle li,
#CorpoTastiElenco li,
#CorpoTastiGes li,
#CorpoTastiTab li,
.CorpoTasti li,
.CorpoTastiEle li,
.CorpoTastiElenco li,
.CorpoTastiGes li,
.CorpoTastiTab li,
.CorpoTastiCompatto li {
  display: block;
  margin: 0 !important;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  margin-top: 5px; }

#CorpoTasti li img,
#CorpoTastiEle li img,
#CorpoTastiElenco li img,
#CorpoTastiGes li img,
.CorpoTasti li img,
.CorpoTastiEle li img,
.CorpoTastiElenco li img,
.CorpoTastiGes li img {
  margin: 0 auto;
  padding: 0;
  display: block;
  float: left;
  margin-right: 3px !important; }

#CorpoTasti a,
#CorpoTastiEle a,
#CorpoTastiElenco a,
#CorpoTastiGes a,
.CorpoTasti a,
.CorpoTastiEle a,
.CorpoTastiElenco a,
.CorpoTastiGes a,
.CorpoTastiCompatto a {
  display: block;
  /*float: left;*/
  border: 0;
  text-align: center;
  /*height: 16px !important;*/
  line-height: 16px;
  padding: 0;
  min-width: 24px;
  width: auto;
  cursor: pointer;
  background-position: 50% 0;
  background-repeat: no-repeat;
  margin: 0;
  text-decoration: none;
  color: #000000; }

.CorpoTastiCompatto a {
  background-position: 0 0;
  padding: 6px 0 0 30px;
  height: 26px; }

#CorpoTastiTab,
.CorpoTastiTab {
  margin: 10px auto 0; }

#CorpoTastiTab ul,
.CorpoTastiTab ul {
  display: block;
  /*height: 15px;*/
  border-bottom: 1px solid #cecece;
  padding-left: 10px; }

#CorpoTastiTab li,
.CorpoTastiTab li {
  display: inline-block;
  background: #d6d6d6;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  /*border-bottom: 0 !important;*/
  border-bottom: 0;
  color: #212121;
  margin: 0 .2em -1px 0 !important;
  padding: 0 !important; }

#CorpoTastiTab li.sx,
.CorpoTastiTab li.sx,
#CorpoTastiTab li.dx,
.CorpoTastiTab li.dx {
  float: none; }

#CorpoTastiTab li a,
.CorpoTastiTab li a {
  display: block;
  /*float: left;*/
  /* color: #003399; */
  color: #A1A1A1;
  cursor: pointer;
  font-size: 12px !important;
  font-weight: normal;
  background: none !important;
  color: #555 !important;
  padding: 0.5em 1em; }

/* 20060927 - edoardo.galvagno@gruppotesi.com */
/* tengo la dicitura "sel" per il tab corrente */
/* per consistenza con le vecchie immagini */
#CorpoTastiTab li.sel,
.CorpoTastiTab li.sel {
  background: #fff !important;
  color: #212121 !important;
  border-style: solid;
  border-width: 1px;
  border-color: #cecece #cecece #fff #cecece;
  /*border-bottom: 1px solid #fff !important;*/ }

#CorpoTastiTab li:hover,
.CorpoTastiTab li:hover {
  background: #eaeaea !important;
  color: #212121 !important; }

#CorpoTastiTab li a:hover,
#CorpoTastiTab li.sel a,
.CorpoTastiTab li a:hover,
.CorpoTastiTab li.sel a {
  background: #fff;
  color: #003399 !important; }

#CorpoTasti a:hover,
#CorpoTastiElenco a:hover,
#CorpoTastiGes a:hover,
.CorpoTasti a:hover,
.CorpoTastiElenco a:hover,
.CorpoTastiGes a:hover {
  text-decoration: underline; }

#CorpoTasti a:active,
#CorpoTastiElenco a:active,
#CorpoTastiGes a:active,
.CorpoTasti a:active,
.CorpoTastiElenco a:active,
.CorpoTastiGes a:active {
  color: #003399;
  background-color: #C1C1C1; }

#CorpoTasti .sx,
#CorpoTastiElenco .sx,
#CorpoTastiGes .sx,
.CorpoTasti .sx,
.CorpoTastiElenco .sx,
.CorpoTastiGes .sx,
.CorpoTastiCompatto .sx {
  margin-right: 8px; }

#CorpoTasti .dx,
#CorpoTastiElenco .dx,
#CorpoTastiGes .dx,
.CorpoTasti .dx,
.CorpoTastiElenco .dx,
.CorpoTastiGes .dx,
.CorpoTastiCompatto .dx {
  margin-left: 8px; }

/* 20081028 - alessandro.lia@gruppotesi.com
classe per tasto che apre una bottoniera - con aiuto di Edoardo */
#CorpoTasti .popup a,
#CorpoTastiElenco .popup a,
#CorpoTastiGes .popup a,
.CorpoTasti .popup a,
.CorpoTastiElenco .popup a,
.CorpoTastiGes .popup a,
.CorpoTastiCompatto .popup a {
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  background-image: url(../btn16_navigate_close.gif);
  background-position: 100% 10px;
  background-repeat: no-repeat;
  padding-left: 5px;
  padding-right: 17px; }

.CorpoTastiPopup {
  border: 1px solid #039;
  width: 500px;
  z-index: 2;
  position: absolute;
  background-color: #EEF;
  padding: 8px;
  display: none; }

/* sopra: struttura generale tasti */
/* =============================== */
/* sotto: cose piu' specifiche     */
#CorpoTasti,
#CorpoTastiGes,
.CorpoTasti,
.CorpoTastiGes {
  clear: both;
  width: 100%;
  min-height: 40px;
  height: auto; }

/* stile per la sezione dei tasti pagina GES */
#CorpoTastiGes,
.CorpoTastiGes {
  border: 0;
  background: transparent; }

#FormGes .CorpoTastiBtn {
  position: relative;
  margin: 0 0 0 5px !important;
  padding: 0 0 0 0 !important;
  min-height: 25px !important;
}

#FormGes .CorpoTastiBtn ul {
  margin: 0 !important;
}

#FormGes .CorpoTastiBtn li {
  margin: 0 !important;
}

#FormGes .CorpoTastiBtn a {
  margin-right: 10px;
}

#FormEle .CorpoTastiBtn {
  min-height: 0 !important;
  border: none !important;
  background: none !important;
}

#FormEle .CorpoTastiBtn li,
.CorpoElenco .CorpoTastiBtn li {
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

#FormEle .CorpoTastiBtn ul li:hover,
.CorpoElenco .CorpoTastiBtn ul li:hover {
  background: none !important;
}

#CorpoTasti,
.CorpoTasti {
  margin-top: 10px; }

#CorpoTasti ul,
.CorpoTasti ul {
  background: transparent;
  border-top: 1px solid #aaa;
  padding: .6em .2em .2em;
  min-height: 36px;
  margin: 0; }

/* eccezione per tasti contenuti NON in una riga intera */
/* e in genere a fianco dei filtri nei popup */
/* (fatto con rowspan perche' non possibile fare per sottrazione) */
/* (es. non si puo' dire tutti quelli inclusi con colspan<>20) */
/* vedi: fanricercaanagraficheiframeele_01.cfm */
/* probabilmente necessarie ulteriori eccezioni */
td[rowspan="2"] #CorpoTasti,
td[rowspan="2"] .CorpoTasti {
  margin-top: 0; }

td[rowspan="2"] #CorpoTasti ul,
td[rowspan="2"] .CorpoTasti ul {
  border-top: none;
  padding-top: 0 !important;
  min-height: 0; }

/* eccezione per il tasto che chiude i filtri, */
/* che non deve avere margine superiore */
td[colspan="1"] #CorpoTastiElenco #btn_riduci,
td[colspan="1"] .CorpoTastiElenco #btn_riduci {
  margin-top: 0; }

#CorpoTasti ul li,
.CorpoTasti ul li,
#CorpoTastiGes ul li,
.CorpoTastiGes ul li {
  font-weight: normal;
  font-size: 0.9em;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  background-color: #fcfcfc;
  /*max-width: 110px;*/
  overflow: hidden;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  border-radius: 0.5em; }

.PaginaTab #CorpoTasti ul li,
.PaginaTab .CorpoTasti ul li,
.PaginaTab #CorpoTastiGes ul li,
.PaginaTab .CorpoTastiGes ul li {
  background-color: #ececec; }

#CorpoTasti ul li:hover,
.CorpoTasti ul li:hover,
#CorpoTastiGes ul li:hover,
.CorpoTastiGes ul li:hover {
  background-color: #e5e5e5; }

#CorpoTasti ul li:active,
.CorpoTasti ul li:active,
#CorpoTastiGes ul li:active,
.CorpoTastiGes ul li:active {
  box-shadow: 0 0 -1px 0 rgba(0, 0, 0, 0.22);
  background-color: #efefef;
  border-color: #bbb #eee #eee #bbb; }

#CorpoTasti ul li a,
.CorpoTasti ul li a,
#CorpoTastiGes ul li a,
.CorpoTastiGes ul li a {
  color: #369;
  padding: 3px 5px; }

#CorpoTasti ul li a img,
.CorpoTasti ul li a img,
#CorpoTastiGes ul li a img,
.CorpoTastiGes ul li a img {
  margin-right: 4px; }

/* 20060830 - edoardo.galvagno@gruppotesi.com */
/* correzione per classi applicate in  maniera errata nelle pagine, */
/* prevedere di deprecare poi l'uso di CorpoTastiGes e utilizzare */
/* solo CorpoTasti, con modifica del css con regole piu' precise */
#CorpoMaschera #CorpoTastiGes,
#CorpoMaschera .CorpoTastiGes,
.CorpoMaschera #CorpoTastiGes,
.CorpoMaschera .CorpoTastiGes {
  clear: both;
  width: 100%;
  margin: 0;
  /* padding: 5px 10px; */
  border-top: 2px solid #c1c1c1;
  border-right: 1px solid #fafafa;
  border-left: 2px solid #c1c1c1;
  border-bottom: 1px solid #fafafa;
  background: #e1e1e1; }

#CorpoTastiElenco,
.CorpoTastiElenco {
  margin: 0;
  padding: 0; }

#CorpoTasti input, .CorpoTasti input,
#CorpoTastiGes input, .CorpoTastiGes input,
#CorpoTastiElenco input, .CorpoTastiElenco input,
#CorpoTastiTab input, .CorpoTastiTab input {
  background: transparent;
  width: auto; }

#CorpoTastiTab .sx,
.CorpoTastiTab .sx {
  margin-right: 3px !important; }

/* -----------------------------------------
   Tasti piu' specifici
----------------------------------------- */
.CorpoMaschera .CorpoTastiElenco ul {
  *zoom: 1;
  position: relative; }

#btn_riduci {
  position: absolute;
  top: 0;
  right: 0; }

#btn_puliscifiltro {
  margin: 3px 0 0 2px !important; }

/* 20121127 - edoardo.galvagno@partners.gruppotesi.com */
/* hack per spostare il tasto indietro */
/* stili usati in congiunzione con hackMoveBackButton() */
.goback_moved {
  background-color: transparent !important;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 2px;
  display: block !important; }

/* il tasto (inizialmente) e il suo testo vengono nascosti */
#GoBack,
#goback,
#Goback,
#goBack,
.goback_moved span {
  display: none; }

/* viene aggiunto del padding al titolo per accomodare il tasto */
.con_goback {
  padding-right: 20px !important; }

/* mettendo la paginazione con la navbar nascondiamo i tasti Indietro/Avanti */
/* la navbar si occupa di aggiungere la classe hasNavBar al body della pagina */
.hasNavBar #btn_indietro,
.hasNavBar #btn_avanti {
  /*#btn_indietro,*/
  /*#btn_avanti {*/
  display: none !important; }

#btn_scambiacheck {
  display: inline-block;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-image: url(../images/btn_scambia-check.png); }

/* -----------------------------------------
   Eccezioni particolari (campi, etc.)
----------------------------------------- */
#prezzolordo {
  background-color: #fafafa;
  border: 1px solid #aaa;
  padding-bottom: 3px;
  margin-right: 5px; }

/* fgd060wizard_add_doc.cfm che ha tasti in posizione sbagliata */
.CorpoMaschera.senza_filtri .CorpoTastiGes {
  height: 25px;
  margin-top: 5px;
  border: 0;
  background-color: transparent; }

/* -----------------------------------------
   Popup e cover
----------------------------------------- */
/* utilizzare con pop_window */
.cover,
#cover {
  /*width: 100%;*/
  /*height: 100%;*/
  /*top: 0%;*/
  /*left: 0%;*/
  /*position: absolute;*/
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  background-color: black;
  visibility: hidden;
  z-index: 999; }

.preloading,
#preloading {
  border: 2px solid #C5DEF7;
  background-color: white;
  opacity: 80%;
  margin: auto;
  text-align: center;
  vertical-align: middle;
  z-index: 1000;
  position: absolute;
  width: 50%;
  height: 25%;
  left: 25%;
  top: 40%;
  visibility: hidden;
  background-image: url(../images/loading.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.preloading div,
#preloading div {
  top: 20%;
  text-align: center; }

/* utilizzare con cover */
.pop_window {
  opacity: 80%;
  z-index: 1000;
  position: absolute;
  width: 50%;
  visibility: hidden;
  padding: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.33);
  background-color: #fff;
  border: 1px solid #999; }

#DivCruscottoWorkOrders.pop_window {
  width: 90%;
  left: 5%;
  top: 10%;
  height: 80%; }

#frameCruscottoOrdiniRighe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/* il .CorpoDialog interno ha gia' del padding */
#divUpdateMassivo.pop_window {
  padding: 0 !important; }

#divUpdateMassivo.pop_window .CorpoDialog {
  border: none !important; }

.pop_window .BoxLabelPiccola {
  border-bottom: 1px solid #ccc;
  padding-bottom: 7px; }

.upd_elenco_carichi,
.crete_new_tratta,
.upd_fdv {
  opacity: 80%;
  z-index: 1000;
  position: absolute;
  height: 25%;
  visibility: hidden; }

.upd_elenco_carichi {
  width: 50%;
  left: 25%;
  top: 40%; }

.crete_new_tratta {
  width: 75%;
  left: 12.5%;
  top: 25%; }

.upd_fdv {
  width: 75%;
  left: 12.5%;
  top: 40%; }

#bolle {
  top: 10%;
  /*height: 80%;*/
  height: 320px; }

/*elena-meinero@tesisquare.com TICKET: 94284;*/
/* TODO: non forzare sopra con !important */
/* diventa difficile da gestire qui */
#FormEle .upd_elenco_carichi .CorpoMaschera,
#FormEle .crete_new_tratta .CorpoMaschera,
#FormEle .upd_fdv .CorpoMaschera,
#FormGes .upd_elenco_carichi .CorpoMaschera,
#FormGes .crete_new_tratta .CorpoMaschera,
#FormGes .upd_fdv .CorpoMaschera {
  background-color: #fff !important;
  border: 1px solid #999 !important;
  padding: 5px !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22); }

#FormEle .upd_elenco_carichi .CorpoMaschera .BoxLabel,
#FormEle .upd_elenco_carichi .CorpoMaschera label,
#FormEle .crete_new_tratta .CorpoMaschera .BoxLabel,
#FormEle .crete_new_tratta .CorpoMaschera label,
#FormEle .upd_fdv .CorpoMaschera .BoxLabel,
#FormEle .upd_fdv .CorpoMaschera label {
  background-color: #efefef !important; }

.upd_elenco_carichi .CorpoMaschera .CorpoTastiElenco,
.crete_new_tratta .CorpoMaschera .CorpoTastiElenco,
.upd_fdv .CorpoMaschera .CorpoTastiElenco {
  margin-top: 20px; }

.CorpoDialog {
  padding: 10px; }

.CorpoDialog .BoxLabelPiccola {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc !important; }

.CorpoDialog .descrizione {
  font-size: 10px; }

.CorpoDialog .CorpoTasti ul {
  border-top: none;
  padding-bottom: 2.8em; }

/* -----------------------------------------
   Date Picker
----------------------------------------- */
/*20081014 - emanuele.sogno@gruppotesi.com
per non passare l'immagine del calendario alla drawDatePicker()
Nota: .imgCalendar è presente anche in style_gr.css -> i file
  devono essere allineati, quindi le modifiche vanno fatte su entrambi i file */
.imgCalendar {
  background-image: url(../images/calendar.gif);
  background-repeat: no-repeat;
  /*background-position: 0 0;*/
  height: 16px;
  width: 0;
  padding: 0 16px 0 0;
  /*20090223 - gabriele.bernuzzi@gruppotesi.com*/
  text-decoration: none; }

.datepicker_vista {
  background-image: url(../images/datepicker_frame.png) !important; }

/* -----------------------------------------
   Overlib
----------------------------------------- */
#overDiv table {
  width: auto !important;
  height: auto !important; }

#overDiv table > tbody > tr > td {
  padding: 1px; }

#overDiv table > tbody > tr > td > table > tbody > tr > td {
  padding: 4px; }

/* -----------------------------------------
   ct_section
----------------------------------------- */
.ct_main_section {
  height: auto !important;
  border-bottom: 1px solid #C5DEF7 !important;
  background-color: #BABABA !important; }

.ct_main_section .title {
  color: #FFFFFF !important;
  font-weight: bold; }

.ct_section_ragg {
  height: auto !important;
  background-color: #F1F1F1 !important; }

.ct_section_ragg .title {
  color: #CCCCCC !important; }

.table_section_dati {
  border: 1px solid #DDDDDD !important; }

.table_section_dati .title_req {
  background-color: #DDDDDD !important; }

.BottonePiuMeno {
  color: black;
  background: white;
  cursor: pointer;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 2px groove gray;
  text-align: center;
  font-family: verdana;
  font-size: 9pt;
  font-weight: 800; }

/* -----------------------------------------
   Form dinamici (fwd110form_handler.cfm)
----------------------------------------- */
#divDatiRichiesta b {
  display: block;
  margin-top: 6px; }

/* -----------------------------------------
   Sezioni
----------------------------------------- */
/* simile a td.topDiv ma appplicabile anche a elementi diversi dalle td (quali
ad esempio le sezioni apri/chiudi) */
.sectionTitle {
  background-color: #99999c;
  /*background: #003399 url(../images/fondo_testa_tab.gif) top left repeat-x !important;*/
  height: 20px !important;
  width: 100%;
  text-transform: capitalize !important;
  padding: 2px;
  margin: 10px auto; }

.sectionTitle.subsection {
  background-color: #bbbbbd;
  /*background: #64a6e8 url(../images/fondo_testa_tab_blu_chiaro.gif) top left repeat-x !important;*/ }

.sectionTitle a {
  color: #fff !important;
  font-weight: bold; }

/* -----------------------------------------
   Colori
----------------------------------------- */
.bianco {
  color: #FFFFFF !important; }

.verde {
  color: #106910 !important; }

.rosso {
  color: #D60000 !important; }

.grigio {
  color: #888888 !important; }

.arancio {
  color: #CC9900 !important; }

.blu {
  color: #000099 !important; }

.giallo {
  color: #FFFF00 !important; }

.blu100 {
  color: #0000FF !important; }

.verdechiaro {
  color: #30CC30 !important; }

.readonly.bianco {
  color: #FFFFFF !important; }

.readonly.verde {
  color: #106910 !important; }

.readonly.rosso {
  color: #D60000 !important; }

.readonly.grigio {
  color: #888888 !important; }

.readonly.arancio {
  color: #CC9900 !important; }

.readonly.blu {
  color: #000099 !important; }

.readonly.giallo {
  color: #FFFF00 !important; }

.readonly.blu100 {
  color: #0000FF !important; }

.readonly.verdechiaro {
  color: #30CC30 !important; }

.sfondo_verde {
  background-color: #106910 !important; }

.sfondo_rosso {
  background-color: #D60000 !important; }

.sfondo_grigio {
  background-color: #888888 !important; }

.sfondo_arancio {
  background-color: #CC9900 !important; }

.sfondo_blu {
  background-color: #000099 !important; }

.sfondo_giallo {
  background-color: #FFFF00 !important; }

.sfondo_bianco {
  background-color: #FFFFFF !important; }

.sfondo_verde_chiaro {
  background-color: #ccffcc !important; }

.sfondo_rosso_chiaro {
  background-color: #ffcccc !important; }

.sfondo_giallo_chiaro {
  background-color: #ffffcc !important; }

.sfondo_azzurro_chiaro {
  background-color: #CEE3F6 !important; }

.sfondo_blu100 {
  background-color: #0000FF !important; }

.sfondo_verde_lime {
  background-color: lime !important; }

.sfondo_marrone_chiaro {
  background-color: #CFB079 !important; }

.sfondo_verde_muschio {
  background-color: #ADDFAD !important; }

/* -----------------------------------------
   Varie
----------------------------------------- */
div.Linea {
  color: #222;
  padding-left: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  border-bottom: 1px solid #808080; }

.trpregresso TD {
  background-color: #F4A460; }

.trbordo TD {
  border-bottom: 1px solid #999 !important; }

.trapprDef TD {
  background-color: #9fdab4; }

.trinlav TD {
  background-color: #ecb1b7; }

.corniceGes {
  border: 2px solid;
  color: navy;
  margin: 1px;
  background: trasparent; }

/* nelle maschere del budget e' necessario l'allineamento */
/* a sinistra per maggiore chiarezza */
body.budget .BoxLabel,
body.budget .BoxLabelObbl,
body.budget .CorpoMaschera label,
body.budget #CorpoMaschera label {
  text-align: left;
  margin-left: 0 !important;
  padding-left: 0 !important; }

/* 20130329 - edoardo.galvagno@partners.gruppotesi.com */
/* spostata da personalizzazioni */
.descr_grande {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding-top: 40px; }

/* 20131108 - edoardo.galvagno@partners.tesisquare.com */
/* correzioni specifiche per fifpqpges.cfm */
#elenco_modifiche.container_elenco {
  padding-bottom: 15px; }

#elenco_modifiche.container_elenco .CorpoNoEspandiElenco {
  overflow-y: hidden; }

/* 20131108 - edoardo.galvagno@partners.tesisquare.com */
/* eccezioni per tasti di help */
/* TICKET: 80574 */
.CorpoTastiGes.help {
  position: absolute;
  width: 400px;
  top: 8px;
  right: 5px; }

.CorpoTastiGes.help li {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important; }

/* -----------------------------------------
   Virtual Shop
----------------------------------------- */
div.PrimaLettera {
  font-size: 9pt;
  font-weight: bold;
  color: #BADBFF;
  background: #003399;
  border-bottom: 1px solid #003399;
  margin-top: 8px; }

div.PrimaLetteraRiga {
  font-size: 9pt;
  border-bottom: 1px solid #003399;
  margin-top: 8px;
  background: #BADBFF; }

div.Scorrimento {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  /*height: 90%;*/
  height: 100%; }

/* correzione per spazi verticali errati */
.Scorrimento #CorpoTastiGes,
.Scorrimento .CorpoTastiGes {
  min-height: 0; }

.etichettariepilogo {
  color: #003399 !important;
  font-weight: bold; }

/* -----------------------------------------
   Stili per le news (solo fcmBloccoNews)
----------------------------------------- */
/* TODO: verificare se eliminabili */
#CorpoMessaggi {
  clear: both;
  width: 100%;
  height: 100%;
  overflow-x: auto; }

tr.RigaEvidenziata {
  background: #ffc0c0; }

#ElencoMail td.RigaElenco {
  vertical-align: top;
  padding: 8px 0; }

#ElencoMail .descrizione {
  font: bold 13px;
  color: #039;
  margin: 0;
  padding: 0; }

#ElencoMail p {
  margin: 0;
  padding: 3px 30px 0 5px;
  color: #000;
  font: normal 11px; }

/* -----------------------------------------
   da fdopianificazione
----------------------------------------- */
.PaginaMapei #tableELenco {
  width: 97%;
  margin: 0 auto 5px; }

.tdTotali {
  vertical-align: top; }

.tdTotali #listaDocViewVisible {
  border: 1px solid #b5b5b5; }

.cssBoxMappa {
  background: #f5f5f5; }

/* come .CorpoElenco */
.corpoElencoViaggi {
  clear: both;
  width: 97%;
  overflow-x: auto;
  margin: 0 auto 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  font-size: 11px;
  border: 1px solid #bebebe; }

.CorpoViaggi > table > tbody > tr > td {
  padding: 2px; }

#row_filter_AreaViaggi_0 .BoxLabelPiccola {
  margin-bottom: 10px; }

#row_filter_AreaViaggi_Intestazione .BoxLabelPiccola {
  margin-top: 20px;
  margin-bottom: 10px; }

.divChiudiAggiungiViaggi {
  opacity: 80%;
  z-index: 1000;
  position: absolute;
  width: 300px;
  height: 200px;
  left: 40%;
  top: 40%;
  visibility: hidden;
  /*background-color: #EEEEFF;*/
  /*border:2px solid #003399;*/
  clear: both;
  margin-bottom: 5px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0;
  /*padding: 2px;*/
  text-align: left;
  background-color: #fff !important;
  border: 1px solid #999 !important;
  padding: 5px !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22); }

/* -----------------------------------------
   da fdogesitinerario
----------------------------------------- */
.divMessaggioControllo {
  color: #039;
  font-weight: bold; }

/* -----------------------------------------
   TinyMCE
----------------------------------------- */
.mceEditor {
  table-layout: auto !important;
  /* INDISPENSABILE per fare funzionare bene il tinyMCE */
  /* serve per dare all'editor lo stesso look degli input testo normali */
  border-top: 2px solid #807F87 !important;
  border-left: 2px solid #807F87 !important;
  border-bottom: 2px solid #D0D0D0 !important;
  border-right: 2px solid #D0D0D0 !important;
  background-color: #fff; }

/* -----------------------------------------
   Mask (mootools)
----------------------------------------- */
.mask {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  z-index: 999;
  background-color: black; }

/* -----------------------------------------
   Fix per IE8
----------------------------------------- */
/* fix per problema popup vuoti con IE8 */
#frameabbina,
#frameInoltra,
#frameInsEvento,
#frameRigheContrattiOdi,
#frameCreaODT,
#frameCruscottoWorkOrders,
#frameCruscottoOrdiniRighe {
  *position: absolute;
  *top: 0;
  *bottom: 0; }

/* cover non visibile */
.cover,
#cover {
  *width: 100%;
  *height: 100%;
  *position: absolute;
  /* non ha ombra, il bordo piu' spesso dovrebbe renderlo piu' visibile */
  *border-width: 2px !important; }

/* fix per mancato centramento con IE8 */
/* sarebbe meglio cambiare doctype, */
/* ma questo richiede cambio massivo e successive correzioni */
/* per evitarsi altri precedenti fix */
/* TICKET: 54187 */
#Titolo, .Titolo,
.CorpoMaschera,
#CorpoMaschera,
.CorpoElenco,
.CorpoNoEspandiElenco,
#CorpoElenco,
.CorpoTastiTab,
#CorpoTastiTab,
.CorpoMascheraIFrame,
#CorpoMascheraIFrame {
  *margin-left: 2%; }

/* fix per corretta visualizzazione con il componente TinyMCE
  aggiunto eccezione se Titolo, CorpoMaschera, CorpoElenco.. si trovano dentro la class ContainerTinyMCE.
  E' necessario impostare il margin-left a 0 perchè se no il tab risultava vuoto.
  TICKET: 96919*/
.ContainerTinyMCE #Titolo, .ContainerTinyMCE .Titolo,
.ContainerTinyMCE .CorpoMaschera,
.ContainerTinyMCE #CorpoMaschera,
.ContainerTinyMCE .CorpoElenco,
.ContainerTinyMCE .CorpoNoEspandiElenco,
.ContainerTinyMCE #CorpoElenco,
.ContainerTinyMCE .CorpoTastiTab,
.ContainerTinyMCE #CorpoTastiTab,
.ContainerTinyMCE .CorpoMascheraIFrame,
.ContainerTinyMCE #CorpoMascheraIFrame {
  *margin-left: 0; }

/* Fix per migliorare visualizzazione testate in IE8, che rimangono tagliate. */
td.TopDiv,
td.TopDivFestivo,
.TopDiv table {
  *height: 40px; }

/* eliminato bordo sopra su IE8 perche' non ben visualizzato */
/* (accadeva solo su IE8 vero! e non su IE9 in modalita' IE8) */
/* 20130114 - edoardo.galvagno@partners.gruppotesi.com */
/* TICKET: 54187 */
#CorpoTasti ul,
.CorpoTasti ul {
  *border-top: 0 !important; }

/* IE8 e inferiori non supportano display:inline-block */
/* (allora torniamo al float:left, anche se non perfetto come visualizzazione */
/* e dobbiamo fissare altezza al contenitore, e un po' di spazio a sinistra) */
/* 20130430 - edoardo.galvagno@partners.gruppotesi.com */
#CorpoTastiTab ul,
.CorpoTastiTab ul {
  *height: 30px !important;
  *border-bottom: 0 !important; }

#CorpoTastiTab li,
.CorpoTastiTab li {
  *float: left !important;
  *display: block !important; }

#btn_riduci {
  *top: -10px !important; }

/* 20130911 - edoardo.galvagno@partners.gruppotesi.com */
/* fix non piu' necessario con modifica fatta sopre per FF */
#CorpoMaschera #row_filter_0 #btn_riduci,
.CorpoMaschera #row_filter_0 #btn_riduci {
  *top: 0 !important; }

#CorpoTastiElenco,
.CorpoTastiElenco {
  zoom: 1; }

/* 20130913 - edoardo.galvagno@partners.gruppotesi.com */
/* aggiungiamo bordino perche' non si vedono le ombre */
.PaginaTab #CorpoElenco,
.PaginaTab .CorpoElenco,
.PaginaTab .CorpoNoEspandiElenco {
  *border: 1px solid #ccc; }

/* 20131111 - edoardo.galvagno@partners.tesisquare.com */
/* eccezione per fan021anagfornitoreges_00.cfm: */
/* su IE8 il campo "sfonda" la tabella se sono presenti troppe mail */
/* TICKET: 80410 */
#DescEMailPFWork {
  *width: 525px !important; }

/* 20140130 - edoardo.galvagno@partners.tesisquare.com */
/* eccezione per cruscotto carichi lavazza che risultava disallineata */
/* TICKET: 78751 */
.agenda table {
  *border-collapse: collapse; }

/* -----------------------------------------
   Cruscotto carichi
----------------------------------------- */
.CorpoElenco.agenda {
  overflow: hidden; }

/* -----------------------------------------
   Cruscotto appuntamenti
----------------------------------------- */
#tableFasce {
  table-layout: auto !important; }

#tableFasce td {
  padding-left: 0 !important;
  padding-right: 0 !important; }

#tableresult td.app.over {
  outline: 2px solid whitesmoke;
  outline: 4px solid rgba(255, 255, 255, 0.7); }

.containerTableFasce,
.containerTableResult {
  vertical-align: top;
  padding-bottom: 16px; }

/* -----------------------------------------
   Cruscotto Net Seller
----------------------------------------- */
/* personalizzazioni specifiche per il cruscotto */
body.cruscotto {
  padding-top: 10px;
  position: relative;
  height: 100%;
  /*overflow: hidden;*/
  /*  width: 1024px;*/ }

body.cruscotto .sezione {
  padding: 0;
  /*  border: 1px solid #ff0;*/ }

body.cruscotto .wrapper {
  width: 100%;
  /*background-image: url(../images/fondo-titolo-wrapper.png);*/
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0; }

body.cruscotto .contenitore {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  /*background: transparent url(../images/divisore-contenitore.png) no-repeat 50% 70px;*/ }

body.cruscotto #principale {
  position: absolute;
  left: 0;
  width: 740px; }

body.cruscotto #principale .shop-sezione {
  /*width: 640px;*/
  width: 100%;
  margin: 0 auto;
  float: none;
  /*padding-right: 17px;*/ }

body.cruscotto #principale .CorpoTastiButtons {
  width: 640px;
  margin: 80px auto 0; }

body.cruscotto #principale .CorpoTastiButtons ul {
  text-align: left !important; }

body.cruscotto #navigazione {
  position: absolute;
  right: 0;
  width: 240px; }

body.cruscotto .contenitore,
body.cruscotto #principale,
body.cruscotto #navigazione {
  /*height: 450px;*/ }

.sezione h3 {
  background: none !important;
  padding: 0 !important;
  margin: 1em 0 !important;
  text-align: center;
  font-size: 14px;
  font-weight: normal; }

body.cruscotto #principale .Titolo {
  background-position: 0 -50px; }

body.cruscotto #navigazione .Titolo {
  width: 265px !important;
  font-size: 12px;
  background-position: -610px -100px;
  padding-left: 35px !important; }

body.cruscotto #navigazione hr {
  border: 1px solid #ddd;
  margin: 10px auto;
  width: 35%; }

/* tasti grossi cruscotto shop */
.CorpoTastiButtons {
  margin: 0 20px 20px; }

.CorpoTastiButtons ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center; }

.CorpoTastiButtons li {
  display: block;
  margin: 10px auto 0;
  width: 200px;
  height: 40px;
  position: relative;
  cursor: pointer; }

.CorpoTastiButtons.orizzontali ul li {
  display: inline;
  float: left;
  margin-right: 10px !important; }

.CorpoTastiButtons.orizzontali ul li:last-child {
  margin-right: 0 !important; }

.CorpoTastiButtons li .imm {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 36px;
  height: 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: url(../images/btn_shop.png);
  background-repeat: no-repeat;
  background-position: 0 0; }

#btn_ordineveloce .imm {
  background-position: -50px 0; }

#btn_storicoordini .imm {
  background-position: -100px 0; }

#btn_promozioni .imm {
  background-position: -150px 0; }

#btn_novita .imm {
  background-position: -200px 0; }

#btn_assortimentohoreca .imm {
  background-position: -250px 0; }

#btn_assortimentocompleto .imm {
  background-position: -300px 0; }

.servizi .imm {
  background-position: -350px 0 !important; }

#btn_indietro .imm {
  background-position: -400px 0; }

.CorpoTastiButtons li a {
  display: block;
  padding: 6px 10px 0 44px;
  /*width: 146px !important;*/
  width: 200px;
  /*height: 34px !important;*/
  height: 40px;
  text-align: left;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background: #003894;
  background-image: -moz-linear-gradient(#0066bb, #003894 40%, #003894);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #0066bb), color-stop(0.4, #003894), color-stop(1, #003894));
  background-image: linear-gradient(#0066bb, #003894 40%, #003894); }

.CorpoTastiButtons .servizi li a {
  background: #8595a5;
  background-image: -moz-linear-gradient(#8aa2af, #8595a5 40%, #8595a5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #8aa2af), color-stop(0.4, #8595a5), color-stop(1, #8595a5));
  background-image: linear-gradient(#8aa2af, #8595a5 40%, #8595a5); }

.CorpoTastiButtons .prodotti li a {
  background: #cd1719;
  background-image: -moz-linear-gradient(#fd4749, #cd1719 40%, #cd1719);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fd4749), color-stop(0.4, #cd1719), color-stop(1, #cd1719));
  background-image: linear-gradient(#fd4749, #cd1719 40%, #cd1719); }

.CorpoTastiButtons .ordini li a {
  background: #457c1f;
  background-image: -moz-linear-gradient(#75ac4f, #457c1f 40%, #457c1f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #75ac4f), color-stop(0.4, #457c1f), color-stop(1, #457c1f));
  background-image: linear-gradient(#75ac4f, #457c1f 40%, #457c1f); }

/* -----------------------------------------
   = = = = = = = = = = = = = = = = = =
   = = = = = = = = = = = = = = = = = =
   = = = = = = = = = = = = = = = = = =
   ===================================
   ===================================
   ===================================
   ===================================
   ===================================
   ===================================
   ===================================
   ===================================
   QUI SOTTO ANCORA DA METTERE A POSTO
----------------------------------------- */
/*
Da eliminare
*/
/* 20110216 - alessandro.fasano@gruppotesi.com - TICKET: 0027221 */
/* 20110214 - alessandro.fasano@gruppotesi.com - TICKET: 0027148 */
#containerInfoRigenera,
#containerDestinatari {
  position: absolute;
  display: none;
  background-color: #EEEEFF;
  border: 1px solid #333399;
  overflow-y: auto;
  z-index: 100000; }

#containerInfoRigenera H3,
#containerDestinatari H3 {
  background-image: none !important;
  margin-left: 0px; }

/****************************************************************************************/
/*                                    CLASSI GENERICHE                                  */
/****************************************************************************************/
/* 20060420 - gualtiero.sappa@gruppotesi.com */
/* sottolineatura riga */
.rigasotto,
.rigasotto td {
  border-bottom: 1px solid #D1D1D1; }

/* 20111207 - alessandro.fasano@gruppotesi.com - TICKET: 0027494 */
.rigasopra_nera td {
  border-top: 1px solid #000; }

/* 20120328 - alessandro.fasano@gruppotesi.com - TICKET: 0041930 */
.rigasopra_nera_sep_num td {
  border-top: 2.5px solid #000; }

/* 20120328 - alessandro.fasano@gruppotesi.com - TICKET: 0041930 */
.rigasopra_nera_sep_rel td {
  border-top: 1px solid #000; }

/* 20070518 - alessandro.lia@gruppotesi.com */
.rigasotto_nera td {
  border-bottom: 1px solid #000; }

/* 20100211 - edoardo.galvagno@gruppotesi.com */
.rigasotto_divisoria td {
  border-bottom: 2px solid #aaa !important;
  padding-bottom: 10px !important; }

/* 20120112 - emanuele.sogno@gruppotesi.com - TICKET: 0038015 (Ediel MM) */
.rigasopra_sepOrdini td.td_row_header {
  border-top: 1px solid #003399; }

.rigasotto_sepOrdini td {
  border-bottom: 1px solid #003399; }

.rigasopra_sepBolle td {
  border-top: 2px solid #003399;
  padding-top: 2px !important; }

.prima td {
  padding-top: 10px !important; }

/* serve per impostare la mano */
.hand {
  cursor: pointer; }

/* classe generica per i Box di testo */
/* classe generica per i Box con label */
.BoxLabel.nota {
  white-space: normal !important;
  text-align: left !important; }

/* 20060203 - edoardo.galvagno@gruppotesi.com */
/* classe "avviso" da applicare preferibilmente al "Corpo Maschera" */
/* per eventuali segnalazioni pparticolari */
.avviso {
  padding: 20px !important; }

.avviso,
.avviso .BoxTesto,
.avviso .BoxLabel {
  font-size: 2em !important; }

.avviso .BoxLabelPiccola {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.5em !important;
  border: 0;
  text-align: center; }

/*20070213 - gabriele.bernuzzi@gruppotesi.com*/
#CorpoMaschera DIV.querycounter, .CorpoMaschera DIV.querycounter {
  text-align: right;
  float: right;
  width: 60%; }

#CorpoMaschera DIV.querycounter TABLE, .CorpoMaschera DIV.querycounter TABLE {
  table-layout: auto;
  width: 100%; }

/************************************************************/
/** correzioni specifiche per firefox */
/* 20060912 - edoardo.galvagno@gruppotesi.com */
/* per come son fatti i layout e' difficile riuscire ad ottenerne una */
/* visualizzazione pari a quella di IE, correggiamo restringendo le tabelle */
/*body > table {*/
/*  height: 90% !important;*/
/*}*/
/****************************************************************************************/
/*            NUOVI STILI PER SUL MODELLO PAGINA VISUALIZZAZIONE PROCESSI               */
/****************************************************************************************/
body.Processi {
  background: #D1D1D9;
  overflow: hidden !important; }

/** TESTATA DELLA PAGINA */
/* definendo una class specifica per il body */
/* si puo' cambiare l'icona a fianco del testo */
/*h1, h1 span, h1 span b {
  height: 38px;
  display: block;
  background-color: transparent;
}*/
/*h1, h1 span {
  background-repeat: no-repeat;
  background-image: url(../images/fondo_titolo_intero.gif);
}*/
h1 {
  position: relative;
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  color: #2D2D2D;
  line-height: 27px;
  height: 27px;
  padding: 0 0 0 5px;
  width: 98%;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  margin: 5px auto; }

/* FINE TESTATA DELLA PAGINA */
/* legend { display: none; } */
fieldset {
  border: 0;
  padding: 10px;
  margin: 0;
  background: #FFC;
  font-size: 1em; }

#CorpoAlbero fieldset {
  border-top: 1px solid #C1C1C1;
  background-color: #CDF; }

fieldset ol {
  list-style-position: outside;
  list-style-type: decimal;
  padding-left: 20px;
  margin: 0 !important; }

fieldset ol li {
  margin-bottom: 5px; }

fieldset ol select,
#id_org {
  width: 280px; }

#CorpoFiltri, #CorpoAlbero {
  background: #FFF;
  padding: 5px;
  text-align: left;
  overflow: hidden; }

#CorpoFiltri {
  /*width: 330px;*/
  float: left;
  margin-right: 10px !important; }

#CorpoAlbero {
  /*width: 500px;*/
  /* height: 100%; */ }

.fields {
  list-style: none;
  border-bottom: 1px solid #C1C1C1 !important;
  overflow: hidden;
  width: 330px;
  padding: 0;
  margin: 0; }

h2 {
  height: 20px;
  padding: 5px;
  margin: 0 !important;
  font-size: 0.916em;
  font-style: italic;
  font-weight: normal;
  background-color: #f3f3f3;
  background-position: top left;
  background-repeat: repeat-x;
  color: #667;
  background-image: url(../images/fondo_h2_filtri.gif); }

a.titolo {
  display: block;
  width: 100%;
  border-top: 1px solid #C1C1C1;
  padding: 5px 0;
  margin: 0;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url(../images/navigate_close.png) !important;
  background-image: url(../images/navigate_close.gif); }

a.selected {
  background-image: url(../images/navigate_open.png) !important;
  background-image: url(../images/navigate_open.gif); }

.sezione-tracking h3 {
  font-weight: bold;
  color: #4B6285;
  /*margin: 5px 20px 10px;*/
  margin: 0 auto 10px; }

.titolo p {
  color: #999;
  font-size: 0.833em; }

.titolo p strong {
  font-weight: bold;
  color: #039; }

h3, .titolo p {
  margin-left: 10px; }

.selected p {
  display: none; }

.selected h3 {
  color: #039; }

#filtro_tree {
  width: 80%; }

/* la nascondo altrimenti in ff si vede la barra di scroll comunque */
#sel_ruoli {
  display: none; }

.selected #sel_ruoli {
  display: inline !important; }

body.Processi .CorpoTasti {
  background-color: transparent;
  border: 0 !important;
  padding: 0 2% !important;
  width: 96% !important; }

/** stili per dhtmlxtree */
#treebox_treeboxbox_tree {
  border-top: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  background-color: #F2F2F2;
  padding: 5px 0;
  min-height: 500px;
  height: 500px;
  overflow: auto;
  font-size: 1.1em; }

.caricamento {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../images/loading.gif); }

.standartTreeRow,
.selectedTreeRow {
  /* background: #FF0; */
  padding: 2px 4px; }

.selectedTreeRow {
  background-color: #FF6; }

#a2 INPUT, #a2 SELECT {
  font-size: 90%; }

.upd_elenco_carichi {
  opacity: 80%;
  z-index: 1000;
  position: absolute;
  width: 50%;
  height: 25%;
  left: 25%;
  top: 40%;
  visibility: hidden; }

.crete_new_tratta {
  opacity: 80%;
  z-index: 1000;
  position: absolute;
  width: 75%;
  height: 25%;
  left: 12.5%;
  top: 25%;
  visibility: hidden; }

.upd_fdv {
  opacity: 80%;
  z-index: 1000;
  position: absolute;
  width: 75%;
  height: 25%;
  left: 12.75%;
  top: 40%;
  visibility: hidden; }

/* 20080206 - emanuele.sogno@gruppotesi.com
si copiano alcune classi dallo style_gr.css */
/* 20080401 - alessandro.lia@gruppotesi.com
serve se voglio fare un elenco di CorpoMaschera+CorpoElenco multiplo */
#multi_maschera_ele {
  overflow-y: auto;
  height: 100%;
  padding-bottom: 10px; }

/*20081212 - walter.giaquinto@gruppotesi.com*/
#ContenitoreCorpoElenco {
  width: 600px;
  height: 100%;
  overflow-x: scroll; }

/* 20090403 - gabriele.bernuzzi@gruppotesi.com */
/* usate dove serve usare es. corpomaschera ma senza bordi o colori */
.noBorder {
  border: 0px solid black; }

.noBackground {
  background-color: transparent !important; }

/* 20101207 - gabriele.bernuzzi@gruppotesi.com */
.inline {
  display: inline !important; }

/*stili per navbar da utiliz con il customtag cf_tabellaelenco*/
.sottoTabellaElenco .navbar_results {
  width: 97% !important;
  width: 97.5%;
  margin: -7px auto 0 !important;
  margin: -3px 10px 0;
  color: #fff; }

.sottoTabellaElenco .navbar_results td {
  background-color: #003399; }

/*20090331 - edoardo.galvagno@gruppotesi.com*/
/*correzione per textarea troppo larga in firefox che fa sbordare il tinymce*/
#testo {
  width: 98% !important;
  width: 100%; }

/* 20090825 - gabriele.bernuzzi@gruppotesi.com
/* usata da toggleLoadingImage() in tesi_lib.js */
.loadingImage {
  background-image: url(../images/ajax_loader.gif);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  float: right; }

.conPulisciFiltro {
  float: left; }

/*
  20100319 - ruben.magliano@gruppotesi.com
  Classi utilizzate per disegnare il tipo servizio con le icone
  20140331 - luca.ambrogio@tesisquare.com - TICKET: 0090985

  010101: via gomma
  010102: via aereo
  010103: via mare
  010104: via mare + aereo
  010105: via aereo in carico a fornitore
  010106: via aereo in carico a interno
  010107: via corriere espresso

*/
.tiposervizio {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 16px;
  width: 16px;
  display: block;
  text-indent: -5000px; }

.tiposervizio.ts010101 {
  background-image: url(../images/truck.gif); }

.tiposervizio.ts010102 {
  background-image: url(../images/airplane.gif); }

.tiposervizio.ts010103 {
  background-image: url(../images/containership.gif); }

.tiposervizio.ts010104 {
  background-image: url(../images/mix.gif); }

.tiposervizio.ts010105 {
  background-image: url(../images/airplane_rosso.gif); }

.tiposervizio.ts010106 {
  background-image: url(../images/airplane_verde.gif); }

.tiposervizio.ts010107 {
  background-image: url(../images/btn16_box_closed.gif); }

/*
  20100330 - ruben.magliano@gruppotesi.com
  Classi utilizzate per disegnare stati riga

  R: Da confermare
  A: Confermata
  M: Confermata con modifica
  6: Sollecito
  F: Rinegozia
*/
.statoRiga {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 16px;
  width: 100%;
  display: block;
  text-indent: -5000px; }

.statoRigaBolla {
  text-indent: 16px !important;
  height: auto !important; }

/* 20120319 - emanuele.sogno@gruppotesi.com */
tr.statoRiga_non_definito .statoRiga {
  text-indent: 0px !important; }

tr.statoRiga_R .statoRiga,
tr.statoRiga_aperto_scaduto .statoRiga {
  background-image: url(../images/bullet_ball_glass_yellow.gif); }

/* 20120326 - emanuele.sogno@gruppotesi.com - TICKET: 0041786 */
tr.statoRiga_riprogrammato .statoRiga {
  background-image: url(../images/btn16_user1_back.gif); }

tr.statoRiga_rifiutato .statoRiga {
  background-image: url(../images/btn16_forbidden.gif); }

tr.statoRiga_confermato .statoRiga {
  background-image: url(../images/btn16_check.gif); }

tr.statoRiga_A .statoRiga,
tr.statoRiga_aperto .statoRiga {
  background-image: url(../images/bullet_ball_glass_green.gif); }

/* 20150423 - alessandro.fasano@tesisquare.com - TICKET: 0138908 */
tr.statoRiga_69 .statoRiga,
tr.statoRiga_M .statoRiga,
tr.statoRiga_E .statoRiga,
tr.statoRiga_chiuso .statoRiga {
  background-image: url(../images/bullet_ball_glass_red.gif); }

tr.statoRiga_Y .statoRiga {
  background-image: url(../images/bullet_ball_glass_blue.gif); }

tr.statoRiga_F .statoRiga {
  background-image: url(../images/bullet_ball_glass_grey.gif); }

tr.statoRiga_6 .statoRiga {
  background-image: url(../images/bullet_ball_glass_black.gif); }

/* 20150203 - luca.antonelli@tesisquare.com - TICKET: 121070 */
tr.statoRiga_W .statoRiga {
  background-image: url(../images/bullet_ball_glass_purple.gif); }

/* 20140430 - barbara.marino@tesisquare.com - TICKET: 0096819 */
tr.statoRiga_C .statoRiga {
  background-image: url(../images/bullet_ball_glass_black.gif); }

tr.statoRiga_aperto .statoRiga,
tr.statoRiga_aperto_scaduto .statoRiga,
tr.statoRiga_chiuso .statoRiga {
  background-position: center !important; }

/* 20150710 - luca.matteu@partners.tesisquare.com - TICKET: 0151788 */
tr .statoSottor_respOK {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 16px;
  width: 16px;
  display: block;
  text-indent: -5000px;
  background-image: url(../images/respsplit_ok.gif); }

tr .statoSottor_respKO {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 16px;
  width: 16px;
  display: block;
  text-indent: -5000px;
  background-image: url(../images/respsplit_ko.gif); }

/* 20100507 - gualtiero.sappa@gruppotesi.com */
/* SPOSTATE QUI da style_specifico.css del livello Netmover */
/* dopo aver verificato che non fossero già definite */
.medio {
  font-size: 9px !important; }

.no_border {
  border-bottom: 0 !important; }

em {
  font-style: normal !important;
  font-weight: bold;
  color: #000000 !important;
  /*font-size: 13px;*/ }

.box_evidenziato {
  padding: 2px;
  color: #003399 !important; }

hr.separatore {
  background: #CCC;
  border: 1px dashed #CCC !important;
  height: 1px;
  margin: 0 !important;
  padding: 0; }

tr.TRDispari hr.separatore {
  border-color: #BBB; }

.festivo td {
  background-image: url(../images/fondo_tratteggiato.gif);
  background-position: top left;
  background-repeat: repeat; }

/* colonne da separare per la visualizzazione di totali */
.totale TD {
  border-top: 1px solid #000000; }

DIV.BoxLabelUnderLine {
  overflow: none;
  nowrap: true;
  border: 0;
  border-bottom: 1px solid #003399;
  padding: 1px 3px 1px 2px;
  margin: 0 3px 0 1px;
  position: relative;
  color: #003399;
  font: bold 12px;
  text-align: left;
  letter-spacing: 0px; }

/* label blu sottolineata */
DIV.BoxLabelBluUnderline {
  color: #0000DD;
  border-bottom: 1px solid #0000DD;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0px; }

INPUT.InputTestoSfoglia {
  background: #FFFFFF;
  color: black;
  width: 100%;
  font: normal 12px; }

/* usata in xt1 fxtPermitionGes */
DIV.RighePL {
  overflow: none;
  background: #f1f1f1;
  border: 1px solid #003399;
  padding: 0;
  position: relative;
  text-align: justify;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  font-variant: normal;
  font-weight: bold;
  COLOR: #003399;
  font: 10px;
  letter-spacing: -1px; }

/* usate solo in fdoRicercaProdotti */
DIV.Elenco_Prodotto {
  text-align: left;
  color: #003399;
  font: bold 13px;
  letter-spacing: 0px; }

TD.LabelExtraLight {
  font-variant: normal;
  font-weight: bold;
  color: #003399;
  font: 13px;
  letter-spacing: -1px; }

TD.LabelRed {
  font-variant: normal;
  font-weight: bold;
  color: #BF0000;
  font: 12px;
  letter-spacing: -1px; }

TD.LabelGreen {
  font-variant: normal;
  font-weight: bold;
  color: #007100;
  font: 12px;
  letter-spacing: -1px; }

TD.LabelYellow {
  font-variant: normal;
  font-weight: bold;
  color: #ff5809;
  font: 12px;
  letter-spacing: -1px; }

TD.LabelBlue {
  font-variant: normal;
  font-weight: bold;
  color: #3399ff;
  font: 12px;
  letter-spacing: -1px; }

A.LabelGreen {
  font-weight: bold;
  color: #007100;
  font: 12px; }

A.LabelRed {
  font-weight: bold;
  color: #BF0000;
  font: 12px; }

A.LabelYellow {
  font-weight: bold;
  color: #ff5809;
  font: 12px; }

/* usate solo in fdoNotaAllegatoTestaEle e fdoPubblicaRpl */
DIV.ElencoEsterno {
  overflow: none;
  background: #ffe27d;
  border: 1px solid #003399;
  padding: 0;
  position: relative;
  text-align: justify;
  overflow-x: auto;
  overflow-y: none;
  width: 100%;
  height: 100%;
  font-variant: normal;
  font-weight: bold;
  color: #003399;
  font: 13px;
  letter-spacing: -1px; }

/* usate solo in fdoRiassuntoUtenteVirtualShop */
A.LinkInTabella {
  color: #003399;
  /*font : normal 13px;*/ }

/* usate solo in fdoNewsPageTop */
TD.LabelLight {
  font-variant: normal;
  font-weight: lighter;
  color: black;
  font: 13px;
  letter-spacing: -1px; }

/* 20050502 - edoardo.galvagno@gruppotesi.com */
/* colori per pagina di elenco documenti */
/* stili per le procedure di TrackingTracing */
.shipment_request,
.TRPariImportati,
.TRPariBooked,
TR.TRPariImportati {
  background-color: #E3E3E3;
  font-size: 10px; }

.TRDispariImportati,
.TRDispariBooked,
TR.TRDispariImportati {
  background-color: #F3F3F3;
  font-size: 10px; }

.shipment_delivered,
.TRPariCompletati,
.TRPariDelivered,
TR.TRPariCompletati,
TR.TRPariDirottamento {
  background-color: #A0FFA0;
  font-size: 10px; }

.TRDispariCompletati,
.TRDispariDelivered,
TR.TRDispariCompletati,
TR.TRDispariDirottamento {
  background-color: #CCFFCC;
  font-size: 10px; }

.shipment_waiting,
.TRPariRifiutati,
TR.TRPariRifiutati,
TR.TRPariReso {
  background-color: Red;
  font-size: 10px; }

.TRDispariRifiutati,
TR.TRDispariRifiutati,
TR.TRDispariReso {
  background-color: #ff6633;
  font-size: 10px; }

.shipment_in_delivery,
.TRPariAccettati,
.TRPariShipped,
TR.TRPariAccettati,
TR.TRPariRiconsegna {
  background-color: #9ABBFF;
  font-size: 10px; }

.TRDispariAccettati,
.TRDispariShipped,
TR.TRDispariAccettati,
TR.TRDispariRiconsegna {
  background-color: #9ACCFF;
  font-size: 10px; }

.shipment_planned {
  background-color: #FFFF00;
  font-size: 10px; }

.TRPariCancellati,
TR.TRPariCancellati {
  background-color: #FFFF00;
  font-size: 10px; }

.TRDispariCancellati,
TR.TRDispariCancellati {
  background-color: #FFFF66;
  font-size: 10px; }

.OAC,
.TRPariOAC,
TR.TRPariOAC {
  background-color: #F9F;
  font-size: 10px; }

.TRDispariOAC,
TR.TRDispariOAC {
  background-color: #FCF;
  font-size: 10px; }

.TRPariConsegnato_cli,
TR.TRPariConsegnato_cli {
  background-color: #107010;
  color: #FFF;
  font-size: 10px; }

.TRPariConsegnato_cli a,
TR.TRPariConsegnato_cli a,
.TRDispariConsegnato_cli a,
TR.TRDispariConsegnato_cli a {
  color: #CCC; }

.TRDispariConsegnato_cli,
TR.TRDispariConsegnato_cli {
  background-color: #359535;
  color: #FFF;
  font-size: 10px; }

.TRPariRifiutato_cli,
TR.TRPariRifiutato_cli {
  background-color: #800;
  color: #FFF;
  font-size: 10px; }

.TRDispariRifiutato_cli,
TR.TRDispariRifiutato_cli {
  background-color: #886633;
  color: #FFF;
  font-size: 10px; }

/* 20091105 - francesco.mariani@gruppotesi.com -> BUGID: 16643 */
.TRPariOutboundDelivery,
TR.TRPariOutboundDelivery {
  background-color: #f97c02;
  color: #140e64;
  font-size: 10px; }

.TRDispariOutboundDelivery,
TR.TRDispariOutboundDelivery {
  background-color: #f9b702;
  color: #140e64;
  font-size: 10px; }

/*20080222 - alessandro.lia@gruppotesi.com*/
.stroke {
  text-decoration: line-through;
  color: #666; }

/* 20080229 - alessandro.lia@gruppotesi.com */
/* per annullare stroke */
.no_stroke {
  text-decoration: none; }

.italics {
  font-style: italic;
  color: #666; }

/* annulla italics */
.no_italics {
  font-style: normal; }

.optionTransfer {
  /* INDISPENSABILE per fare funzionare bene l'option transfer */
  table-layout: auto !important; }

.shop-sezione {
  background: #fff;
  /*border: 2px solid #003894;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  padding: 10px;
  float: left;
  margin: 0;
  overflow: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

/* 20110613 - alessandro.fasano@gruppotesi.com - TICKET: 0031132 */
.promo span,
.novita span,
.promoenovita span {
  width: 36px;
  height: 16px;
  display: block;
  text-indent: -5000px;
  background-image: url(../images/btn_promo_novita.png);
  background-position: 0 0;
  background-repeat: no-repeat; }

.promoenovita span {
  background-position: 0 -60px; }

.promo span {
  background-position: 0 -40px; }

.novita span {
  background-position: 0 -20px; }

/* 20110617 - marcello.occhetti@gruppotesi.com - TICKET: 0031332*/
.allegato span {
  width: 36px;
  height: 16px;
  display: block;
  text-indent: -5000px;
  background-image: url(../images/ui_paperclip.gif);
  background-position: 0 0;
  background-repeat: no-repeat; }

.allegatobw span {
  width: 36px;
  height: 16px;
  display: block;
  text-indent: -5000px;
  background-image: url(../images/btn16_paperclip_bw.gif);
  background-position: 0 0;
  background-repeat: no-repeat; }

/*20111116 - marcello.occhetti@gruppotesi.com - TICKET: 0030932*/
.semaforo_rosso span {
  width: 36px;
  height: 16px;
  display: block;
  text-indent: -5000px;
  background-image: url(../images/SemaforoRosso.gif);
  background-position: 0 0;
  background-repeat: no-repeat; }

.semaforo_verde span {
  width: 36px;
  height: 16px;
  display: block;
  text-indent: -5000px;
  background-image: url(../images/SemaforoVerde.gif);
  background-position: 0 0;
  background-repeat: no-repeat; }

.semaforo_baia {
  display: block;
  width: 3em;
  height: 3em;
  -moz-border-radius: 3em;
  -webkit-border-radius: 3em;
  border-radius: 3em;
  text-indent: -5000px; }

.semaforo_baia.libera {
  background: #0f0; }

.semaforo_baia.occupata {
  background: #f00; }

/* 20111104 - gabriele.bernuzzi@gruppotesi.com */
/* classi generiche per alternanza elementi (es. nelle griglie) */
/* TICKET: 35732 */
.pari {
  background: #F1F1F1; }

.dispari {
  background: #E1E1E1; }

/*
  20120307 - marco.dossetto@gruppotesi.com - TICKET: 40840
  Classi utilizzate per disegnare icona che identifica chi ha in carico la
  modifica della riga ordine

*/
.inCaricoA {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 16px;
  width: 16px;
  display: block;
  text-indent: -5000px; }

tr.inCaricoA_FOR .inCaricoA {
  background-image: url(../images/btn16_businessman.gif); }

tr.inCaricoA_INT .inCaricoA {
  background-image: url(../images/btn16_factory.gif); }

/*
  20120322 - edoardo.galvagno@partners.gruppotesi.com
  Classi utilizzate per sistemare i grafici sul cruscotto (NI)
*/
.wrap_grafici {
  text-align: center;
  width: 720px;
  margin: 10px auto 0; }

.home_grafico {
  width: 350px;
  margin: 0 5px;
  float: left;
  text-align: center; }

.home_grafico span {
  display: block;
  margin: 0 auto;
  width: 90%;
  border-bottom: 1px solid #a1a1a1;
  padding-bottom: 3px; }

/*
  20120322 - edoardo.galvagno@partners.gruppotesi.com
  Classi utilizzate per stato di consegna
*/
.alert {
  display: block;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 24px;
  width: 24px;
  height: 24px;
  margin: 3px auto;
  text-align: center;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.alert.information {
  background: #09b009; }

.alert.warning {
  background: #f0a000; }

.alert.delayed {
  background: #c00; }

.alert.rowType {
  background: #008080; }

.resizeablev {
  background: #eee url(../images/resize-v-down.jpg) top center no-repeat;
  cursor: n-resize;
  height: 7px !important;
  border: none !important;
  font-size: 10px; }

/*
20121010 - alessandro.lia@gruppotesi.com - TICKET: 41761
classe per i contatori di elementi selezionati in select multiple
*/
label span.multiselectCounter {
  font-weight: bold;
  color: #888; }

/* 20121031 - emanuele.sogno@gruppotesi.com - TICKET: 0051799 */
.iconaEventi {
  width: 14px;
  height: 14px;
  border: none;
  background: url(../images/btn24_index.gif) no-repeat -5px -5px;
  float: right;
  cursor: pointer; }

.barPerc {
  position: relative;
  height: 18px;
  margin-bottom: -3px;
  background-color: #fafafa;
  font-size: 9px;
  border: 1px solid #ccc;
  padding: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.barPerc .mark {
  position: relative;
  background-color: #c8efff;
  background-image: url(../images/fondo_istogramma.gif);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c8efff), to(#7db4ff));
  background-image: -webkit-linear-gradient(top, #c8efff, #7db4ff);
  background-image: -moz-linear-gradient(top, #c8efff, #7db4ff);
  background-image: -o-linear-gradient(top, #c8efff, #7db4ff);
  background-image: -ms-linear-gradient(top, #c8efff, #7db4ff);
  background-image: linear-gradient(top, #c8efff, #7db4ff);
  background-position: top left;
  background-repeat: repeat-x;
  height: 100%;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px; }

.barPerc .mark .value {
  position: absolute;
  /*display: none;*/
  top: 2px;
  /*left: 100%;*/
  right: 0;
  padding: 0 2px; }

.barPerc .mark.short .value {
  right: auto;
  left: 100%; }

#destmerce {
  padding: 3px; }

#destmerce li {
  padding: 2px 1px; }

#destmerce li.sel {
  background-color: #c8efff; }

.warning.draft.order {
  font-size: 1.5em;
  line-height: 1.5;
  text-align: center;
  padding: 1em; }

.warning.draft.order a {
  cursor: pointer !important;
  font-weight: bold;
  text-decoration: underline; }

.cruscotto .CorpoMaschera label {
  /*border-bottom: 1px solid #ccc;*/
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 6px; }

.cruscotto .CorpoMaschera .BoxTesto {
  background-color: #efefef; }

.test td {
  outline: 1px dashed red; }

/* 20130920 - dario.millone@partners.gruppotesi.com - TICKET: 0074394 */
td .tframe {
  clear: both;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 10px;
  background-color: #eeeeee; }

.htab {
  width: 100%;
  height: 320px !important;
  margin-bottom: 30px; }

/*20130923 - marcello.occhetti@gruppotesi.com - TICKET: 0074741*/
.multiline span {
  width: 36px;
  height: 16px;
  display: block;
  text-indent: -5000px;
  background-image: url(../images/ui_bookmarks.gif);
  background-position: 0 0;
  background-repeat: no-repeat; }

/* 20140121 - emanuele.sogno@tesisquare.com - TICKET: 0087359 (lavazza) - usata per span */
.warningBig {
  padding-left: 35px;
  padding-right: 35px;
  font-size: 1.8em;
  color: #A00;
  font-weight: bold;
  /* doppia immagine di sfondo, non va su IE8 */
  background: url(../images/btn24_warning.gif) no-repeat left, url(../images/btn24_warning.gif) no-repeat right; }

/* 20140405 - gabriele.bernuzzi@tesisquare.com - TICKET: 94834 */
/* assegnata alle label dei campi in errore */
.errFieldLabel {
  color: #CC0000 !important;
  font-weight: bold !important; }

/* 20140405 - gabriele.bernuzzi@tesisquare.com - TICKET: 94834 */
/* assegnata ai campi in errore */
.errField {
  border: 1px solid #CC0000 !important; }

/* 20140401 - marcello.occhetti@tesisquare.com - TICKET: 0093575 (bottega veneta) ridefinita width a 30% perchè altrimenti viene ereditata la width
   della classe selectTesto che è 100% e spinge gli altri bottoni del tinymce fuori dal div*/
.mceSelectList {
  background-color: #F0F0EE;
  font-family: 'MS Sans Serif',sans-serif,Verdana,Arial;
  font-size: 7pt !important;
  font-weight: normal;
  margin-top: 3px;
  padding: 0;
  vertical-align: top;
  width: 30% !important; }

/* 20140922 - stefano.paparesta@tesisquare.com - TICKET 0114046 */
/* Aggiunti due classi per gestire i suggest anche nei campi di ricerca
/* 20140422 - elena.meinero@tesisquare.com - TICKET 96258 */
/* correzione per permettere una corretta visualizzazione dei sueggest in Costa.
   I suggest erano costruiti con due tabelle contenenti i risultati.
   La width del 27% permette di attribuire una lunghezza pari quasi a quella del campo di input.*/
table#table_newpuntoincotermDesc, table#table_delpuntoincotermDesc, table#table_txtnewpuntoincotermDesc, table#table_txtdelpuntoincotermDesc {
  width: 27%;
  z-index: 9999;
  background-color: #fff; }

.sectionContainer {
  *display: none; }

/* 20160112 - emilio.cauda@tesisquare.com - TICKET: 0175979 */
#queryiframe {
  display: none;
}

/*20140604 - elena.meinero@tesisquare.com - TICKET 101042 */
/* inserita per avere un bordo nel box laterale al Corpomaschera */
#listaDocViewVisible {
  border: 1px solid #aaa; }

/*20140710 - elena.meinero@tesisquare.com - TICKET 106981 */
/* Aggiunte classi iframeDivItem e tableDivItem per permettere di visualizzare correttamente i popup anche su IE
In Ie l'iframe avendo solo un altezza del 100%, non si visualizzava corretamente e si visualizzava con un altezza di 150 lasciando così molto spazio vuoto sotto al popup */
.iframeDivItem {
  width: 100%;
  position: absolute;
  top: 0px;
  bottom: 50px;
  height: 85%;
  left: 0; }

/*20140717 - elena.meinero@tesisquare.com - TICKET 0108006 */
/*Aggiunte caratteristiche per il btn riduci all'interno della pagina tab per una tabella in tods,
dove i pulsanti, a causa della position relative non si allineavano.
Aggiunti i colori per le classi Labelarancio e LabelBlu*/
.PaginaTab td[class^="Label"] #CorpoTastiElenco ul.vert li#btn_riduci, .PaginaTab #CorpoTastiElenco ul.vert li#btn_riduci {
  position: relative !important; }

.LabelArancio {
  color: #c63e2f; }

.LabelBlu {
  color: #0229bf; }

/*20141105 - elena.meinero@parteners.tesisquare.com - TICKET: 0119129*/
.TastiEle_btn {
  display: inline !important;
  margin-left: 0.5em !important;
  margin-right: 0.1em !important; }

/*20141205 - gualtiero.sappa@tesisquare.com - TICKET: 0124595 */
/*
  classe per colonna bloccata a sinistra di un elenco con scroll orizzontale
  (simile  a funzione Freeze Panes di Excel)
*/
.lockedColumn {
  width: 100%;
  overflow-x: none; }

/* contenitore di base delle pagine: pagecontainer */
.Pagina #pagecontainer {
  position: fixed;
  top: 54px;
  right: 0;
  bottom: 20px;
  /*si suppone che il menu sia aperto*/
  left: 0;
  padding: 0;
  /*20150225 - emilio.cauda@tesisquare.com - TICKET: 0134413*/
  overflow-y: auto; }

.PaginaTab #pagecontainer,
.PaginaPopup #pagecontainer {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 0 !important;
  /*20150225 - emilio.cauda@tesisquare.com - TICKET: 0134413*/
  overflow-y: auto; }

.PaginaPopup #pageheader,
.PaginaPopup #menucontainer,
.PaginaPopup #pagefooter {
  display: none; }

#pagecontainer {
  /* corregge l'errata copertura dei menu dropdown dell'header */
  /* da parte dell'overlay visibile all'apertura del menu principale */
  z-index: 1;
  position: relative;
  /*si suppone che il menu sia chiuso*/
  padding: 54px 0px 20px 0px;
  -webkit-transition: left 0.1s ease-in-out, padding-left 0.1s ease-in-out;
  -moz-transition: left 0.1s ease-in-out, padding-left 0.1s ease-in-out;
  -ms-transition: left 0.1s ease-in-out, padding-left 0.1s ease-in-out;
  -o-transition: left 0.1s ease-in-out, padding-left 0.1s ease-in-out;
  transition: left 0.1s ease-in-out, padding-left 0.1s ease-in-out; }

/*20150218 - emilio.cauda@tesisquare.com - TICKET: 0133847
  bug su chrome: il vertical-align era baseline e perciò andava a capo
  il box "Crea prefattura online"*/
#pagecontainer #sezione_lista {
  vertical-align: top !important; }

/* HEADER della pagina (ex header.cfc) */
#pageheader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 54px;
  background-color: #fff;
  z-index: 101;
  vertical-align: middle;
  color: #505458;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }

#pageheader a {
  text-decoration: none;
  color: #505458; }

#pageheader .flag > span {
  height: 12px;
  width: 16px;
  padding: 0 12px;
  margin: 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center; }

#pageheader #header-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  /* fissa l'altezza allo stesso limite che mettevamo nel tag img (30px) */
  background-size: auto 56%; }

#pageheader #header-left {
  left: 20px;
  position: absolute;
  line-height: 54px; }

/* 20160223 - emilio.cauda@tesisquare.com - TICKET: 0182474 */
#pageheader #header-left a{
  display: inline-block;
}

#pageheader i.fa-lg {
  vertical-align: -15%;
  font-size: 1.5em !important;
  /*margin-right: 0.25em;*/
  /* corregge il render dell'icona: con 1em la linea centrale non è in centro rispetto alle altre due*/ }

#pageheader #header-right {
  right: 6px;
  min-width: 350px;
  display: inline-block;
  position: absolute;
  height: 54px;
  text-align: right; }

#pageheader #header-right .button,
#pageheader #header-right .label {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  border-right: 1px solid #D1DADE;
  /*padding: 12px 14px 12px 10px*/
   }

#pageheader #header-right #pageheader-logout {
  border-right: none; }

#pageheader .button {
  cursor: pointer;
  padding: 12px 14px 12px 10px}

/* FOOTER */
#pagefooter {
  /* corregge l'errata copertura del footer */
  /* da parte dell'overlay visibile all'apertura del menu principale */
  z-index: 2;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background-color: #fff;
  /*proprietà prese dal body di footer.cfm*/
  padding: 2px 4px 2px 2px;
  border-top: 1px solid #999;
  font: normal 10px Verdana, sans-serif;
  text-align: right; }

#pagefooter #nome_prodotto, #pagefooter a, #pagefooter a:active, #pagefooter a:hover {
  color: #235A9D; }

#pagefooter a {
  text-decoration: none;
}

#pagefooter a:active, #pagefooter a:hover {
  text-decoration: underline;

}

#trashcontainer {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 400px;
  left: 200px;
  display: none; }

#pageheader #pageheader-user {
  position: relative; }

#pageheader .popup-menu {
  position: absolute;
  right: 0;
  top: 3em;
  background-color: #fff;
  box-shadow: 0px 0px 8px rgba(86, 96, 117, 0.4);
  border-radius: 5px;
  border: 1px solid #b0b4b8; }

#pageheader #change-language {
  position: relative; }

#pageheader .popup-menu ul {
  list-style: none;
  padding: 0;
  margin: 5px 0;
  white-space: nowrap; }

#pageheader .popup-menu li {
  width: 100%;
  text-align: left;
  padding: 0.75em 1em 0.5em; }

#pageheader-user .popup-menu li.divider {
  padding: 0 !important;
}

#pageheader-user .popup-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

#pageheader-user .popup-menu .divider:hover {
  cursor: default;
}

#pageheader .popup-menu li:last-child {
  border-bottom: 0; }

#pageheader .popup-menu li:hover {
  background-color: #EFF2F3;
  border-radius: 2px; }

#pageheader .popup-menu:before {
  content: "";
  position: absolute;
  top: -7px;
  right: 15px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #808488; }

#pageheader .popup-menu:after {
  content: "";
  position: absolute;
  top: -6px;
  right: 16px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff; }

#pageheader #popup-language li > span {
  display: block;
  padding-left: 24px;
  width: auto;
  height: auto;
  background-position: center left;
  background-repeat: no-repeat; }

body[data-env] #pageheader:before {
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 100px;
  width: 54px;
  line-height: 24px; }

body[data-env="dev"] #pageheader:before {
  content: "dev";
  background-color: crimson; }

body[data-env="demo"] #pageheader:before {
  content: "demo";
  color: chocolate;
  background-color: gold;
  border-color: goldenrod; }

body[data-env="test"] #pageheader:before {
  content: "test";
  background-color: orangered; }

body[data-env="test2"] #pageheader:before {
  content: "test2";
  background-color: orangered; }

body[data-env="qa"] #pageheader:before {
  content: "qa";
  background-color: dodgerblue;
  border-color: darkslateblue; }

body[data-env="preprod"] #pageheader:before {
  content: "preprod";
  color: chocolate;
  background-color: gold;
  border-color: goldenrod;
}

.inner_popup td {
  height: 100%;
  overflow: hidden; }

/* 20150306 - alessandro.lia@tesisquare.com - TICKET: 136336
oggetto MASK mootools per bloccare tutta la pagina durante il submit (e prevenire multipli submit) */
#mask-block-multisubmit {
  background-color: transparent;
  z-index: 99999; }

/* 20150324 - edoardo.galvagno@partners.tesisquare.com */
/* correzione per pagine con dhtmlxlayout */
/* le tabelle disegnate dal componente dhx */
/* non devono avere il table-layout: fixed */
.dhx_cell_cont_layout table {
  table-layout: auto !important; }

/* 20150508 - edoardo.galvagno@partners.tesisquare.com */
/* personalizzazioni Select2 per armonizzazione con modern */
/* adozione Select2 - TICKET: 144980 */
.select2-container--default .select2-selection--multiple {
  border-radius: 0;
  border-color: #BFBFBF;
  min-height: 20px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 3px;
  margin-bottom: 3px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 11px;
  padding: 2px 4px;
  margin: 3px 3px 0 0;
  background-color: #e5e9ec;
  border-color: #d5d9dC;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-right: 3px; }

.select2-results__option {
  padding: 5px;
  font-size: 11px; }

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 3px; }

/* 20160407 - emilio.cauda@tesisquare.com - TICKET: 0185160 */
.select2-container--default { height: 26px !important; }

/* Quando la select2 è disabilitata non si visualizzano il box di ricerca e il tasto per la pulizia del campo */
.select2-container--disabled .select2-search__field { width: 0 !important; padding: 0 !important; }

.select2-container--disabled .select2-selection__clear { display: none; }

.pdf_preview_container > iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* this is necessary for silly iOS IFRAME width bug: http://stackoverflow.com/a/23083463/166524 */
  height: 10px;
  min-height: 100%;
  max-height: 100%;
  width: 10px;
  min-width: 100%;
  max-width: 100%; }

/* TICKET: 151207 */
.cookie_policy {
  padding: 2em;
  /*font-size: 1.1em;*/ }

.cookie_policy h1,
.cookie_policy h2,
.cookie_policy h3 {
  margin: 1em 0 0.5em !important;
  border: none;
  padding: 0;
  background-color: transparent;
  background-image: none;
  color: #000;
  font-weight: bold;
  font-style: normal; }

.cookie_policy h1 {
  font-size: 1.5em; }

.cookie_policy h2 {
  font-size: 1.35em; }

.cookie_policy h3 {
  font-size: 1.2em; }

.cookie_policy p,
.cookie_policy ul,
.cookie_policy ol {
  margin-bottom: 0.5em;
  font-size: 1.1em;
  line-height: 1.4; }

.cookie_policy ul,
.cookie_policy ol {
  list-style: disc;
  padding-left: 2em; }

.cookie_policy i {
  font-style: italic; }

/* 20160412 - luca.matteu@partners.tesisquare.com - TICKET: 0189210 */

#sceltaGestioneImballi,
#boxGestioneImballi {
  margin: 10px;
  font-size:105%;
  font-weight: bold;
}

#sceltaGestioneImballi UL {
  list-style-type: none;
}

#sceltaGestioneImballi LI {
  margin: 4px;
  cursor: pointer;
}

#sceltaGestioneImballi LABEL {
  font-size:105%;
  font-weight: normal;
  text-align: left;
}

#masterASNLabel.disabled {
  color: gray;
}

.doNotResize {
  resize: none;
}
.resizeHorizontal {
  resize: horizontal;
}
.resizeVertical {
  resize: vertical;
}

tr.group td{
  border-top: 1px solid #c1c2c3;
  padding-top: 8px;
  color: #777;
  font-weight: bold;
}

tr.group td:hover {
  cursor: pointer;
}

tr.group td::before{
  margin-right: .25em;
  width: 1.28571em;
  text-align: center;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  color: #8191a0;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
}

tr.group.collapsed td::before{
  content: "\f077";
}

tr.group.first td{
  border-top: none;
  padding-top: 4px;
}

.autocompleteContainer td {
  border-bottom: none !important;
}

/* NON EDITARE DOPO QUESTA LINEA */
/* FILE GENERATO AUTOMATICAMENTE */
#menucontainer {
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 54px;
  bottom: 20px;
  width: 0px;
  background-color: #3B3E44;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 1.4;
  z-index: 2000;
  transition: opacity 1ms linear, width 0.1s ease-in-out;
  user-select: none; }
  #menucontainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #menucontainer ul.multi-role .ruolo > a {
      visibility: hidden !important; }
  #menucontainer a {
    color: #D1DADE;
    display: block;
    position: relative;
    margin: 0;
    border: 0;
    padding: 11.5px 31px 11.5px 31px;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal; }
  #menucontainer .padre > a:before {
    content: "\f104";
    position: absolute;
    top: 8.625px;
    right: 26px;
    display: block;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    font-weight: 300;
    text-shadow: none; }
  #menucontainer .padre.open > a {
    color: #fff; }
    #menucontainer .padre.open > a:before {
      font-family: FontAwesome;
      content: "\f107";
      right: 24px; }
  #menucontainer .tipo {
    position: relative; }
  #menucontainer .tipo:not(:first-child) {
    margin-top: 3rem; }
  #menucontainer .tipo:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0.9rem;
    background-color: #505458;
    height: 0.85em; }
  #menucontainer .tipo > a {
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700; }
  #menucontainer .tipo > a span {
    padding: 0 1em;
    margin-left: -1em;
    background-color: #3B3E44;
    font-size: 1.15em; }
  #menucontainer .ruolo > a:hover, #menucontainer .padre > a:hover {
    color: #FFF; }
  #menucontainer .ruolo > a {
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #46c8ff;
    border-top: 1px solid #505458; }
  #menucontainer .ruolo:first-child > a {
    border-top: none; }
  #menucontainer .padre > a {
    text-transform: uppercase; }
  #menucontainer .padre.open {
    background-color: #2f3236; }
  #menucontainer .padre > ul {
    display: none;
    list-style: none;
    clear: both;
    margin: 0px;
    background-color: #2f3236;
    padding: 0 0 5px 0; }
    #menucontainer .padre > ul a {
      padding: 5px 31px 5px 53px;
      color: #e1eaf1;
      text-shadow: 0 1px 1px #000;
      font-size: 13px;
      font-weight: 300;
      background: none; }
    #menucontainer .padre > ul li.active {
      background-color: #2d323d; }
      #menucontainer .padre > ul li.active > a {
        font-weight: 600;
        border-left: 2px solid #fff; }
  #menucontainer .menu-select-role-container {
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    padding: 1rem 2rem; }
    #menucontainer .menu-select-role-container #menu-select-role {
      height: auto !important;
      min-height: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: transparent;
      color: #009DDF;
      border-color: #009DDF;
      line-height: 1;
      padding: 0.5rem 1rem;
      border-radius: 2px; }
      #menucontainer .menu-select-role-container #menu-select-role:hover {
        background-color: #009DDF;
        color: #1b1e24; }
      #menucontainer .menu-select-role-container #menu-select-role::-ms-expand {
        display: none; }

#menucontainer .foglia:hover {
  color: #fff;
  background-color: #3b3e44; }

#menucontainer li.figlio a.foglia {
  font-weight: normal; }

/* classi per l'apertura e la chiusura dei punti di menu*/
#menucontainer ul {
  display: none; }

#menucontainer > ul {
  display: block;
  margin-top: 16px;
  width: 300px; }

#menucontainer .open > ul {
  display: block; }

body.view_menu #pagecontainer {
  overflow: hidden;
}
body.view_menu #pagecontainer:after {
    position: fixed;
    content: "";
    top: 54px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 900; }
body.view_menu #menucontainer {
  opacity: 1;
  width: 300px;
  box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2); }

#toggle-menu-theme {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  cursor: pointer;
  font-size: 0.75em;
  color: #576475; }
  #toggle-menu-theme::before {
    font-size: 1.5em;
    margin-right: 0.25em; }
  #toggle-menu-theme:hover {
    color: crimson; }

#TYPE_2 li.figlio a::after {
  content: attr(delega-desc);
  padding: 0.1em 0.4em;
  background-color: #505458;
  border-radius: 0.25em;
  text-shadow: none;
  width: auto;
  font-size: 0.8em;
  white-space: nowrap;
  display: inline-block;
  font-weight: normal; }

#TYPE_2 li.figlio a:hover::after {
  background-color: #009DDF; }

/* modifiche per integrazione header easy/modern */
/* 20150803 - edoardo.galvagno@partners.tesisquare.com */
#pageheader .btn {
  padding: 6px 0;
  font-size: 12px; }

#pageheader .dropdown-menu {
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  padding: 5px 0;
  left: auto;
  right: 0;
  border-color: #b0b4b8;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(86, 96, 117, 0.4);
  min-width: 0; }

#pageheader .dropdown-menu > li {
  padding: 0; }

#pageheader .dropdown-menu > li > a {
  padding: 0.75em 1em 0.5em;
  line-height: 12px; }

#pageheader .dropdown-menu > li > a:hover,
#pageheader .dropdown-menu > li > a:focus {
  background-color: #EFF2F3; }

#pageheader .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -7px;
  right: 15px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #808488; }

#pageheader .dropdown-menu:after {
  content: "";
  position: absolute;
  top: -6px;
  right: 16px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff; }

body:not(.viewer-easy) #menucontainer .ruolo > a {
  font-size: 0.99em; }

body[data-env="dev"] #pageheader:before {
  content: "dev";
  background-color: crimson; }

body[data-env="demo"] #pageheader:before {
  content: "demo";
  color: chocolate;
  background-color: gold;
  border-color: goldenrod; }

body[data-env="test"] #pageheader:before {
  content: "test";
  background-color: orangered; }

body[data-env="test2"] #pageheader:before {
  content: "test2";
  background-color: orangered; }

body[data-env="qa"] #pageheader:before {
  content: "qa";
  background-color: dodgerblue;
  border-color: darkslateblue; }

#btn-bkdrop {
  display: none;
}

#header-container .popup-menu .icon {
  display: inline-block;
  width: 1.5em;
  font-size: 1.25em;
}
#pageheader-user .last-access-info {
  font-style: italic;
}
#pageheader-user .last-access-info a {
  cursor: default;
}
#pageheader-user .popup-menu .last-access-info:hover {
  background-color: transparent !important;
}

#pageheader-notif .popup-menu li {
  cursor: default;
  background-color: transparent !important;
}

span[data-badge-value]:after {
  position: relative;
  z-index: 2;
  content: attr(data-badge-value);
  font-weight: bold;
  padding: 0.2em 0.5em;
  margin-left: -1em;
  border-radius: 1rem;
  box-shadow: -1px 1px 0 #fff;
  background-color: #337AB7;
  color: #fff; }

span[data-badge-value] i.fa {
  margin-right: 0.25em;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  span .badge {
    position: relative;
    top: -1px; }
  span .badge, .btn-group-xs > span .badge, .btn-group-xs > span .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }


/* 20160111 - alessandro.lia@tesisquare.com
stili per nuovo loader (mima quello di easy) e backdrop dei tasti */
#iframe-loading, .loading {
  color: #C1CBD2;
  text-align: center;
  left: 25%;
  right: 25%;
  width: 50%;
  top: 0;
  padding-top: 100px;
  position: absolute;
  z-index: -2;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#btn-bkdrop {
  background-color: black;
  display: none;
  opacity: 0;
  z-index: 2001;
  top: 54px;
  bottom: 20px;
}

body.PaginaTab #btn-bkdrop, body.PaginaPopup #btn-bkdrop {
  bottom:0;
  top:0;
}

#pageheader-shortcuts img {
  max-height: 16px; }

/* pace page loader */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }
  .pace .pace-progress {
    background: #009EE0;
    position: fixed;
    z-index: 3001;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px; }

.pace-inactive {
  display: none; }