@charset "UTF-8";
/*
<!---
================================================================================
                               www.tesisquare.com
================================================================================
$RCSfile: modern.css,v $
$Revision: 1.165 $
$Date: 2016/02/23 14:56:02 $
$Author: u0662 $
$Name: TESITMS_4_0_29 $

Modern viewer: stili base.

ATTENZIONE: 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

Rev:
  20160223 - emilio.cauda@tesisquare.com
  Il display deve essere applicato all'ancora del menu e non al contenitore
  TICKET: 0182474

  20160122 - alessandro.lia@tesisquare.com
  correzioni classi menu per indent voci in delega
  TICKET: 177046

  20160112 - emilio.cauda@tesisquare.com
  Aggiunta regola per nascondere l'iframe disegnato dall'autosuggest
  TICKET: 0175979

  20160112 - alessandro.lia@tesisquare.com
  eliminate vecchie regole per richieste da esaminare su header
  TICKET: 175968

  20160107 - alessandro.lia@tesisquare.com
  correzioni per allineare style header come easy.css

  20151119 - emilio.cauda@tesisquare.com
  Correzione per errato posizionamento delle linguette dei tab su IE10
  TICKET: 0169378

  20151022 - edoardo.galvagno@partners.tesisquare.com
  correzione errato posizionamento del btn_riduci per apertura/chiusura filtri
  TICKET: 165310

  20150911 - edoardo.galvagno@partners.tesisquare.com
  push del contenuto su apertura menu

  20150722 - emilio.cauda@tesisquare.com
  Aggiunta descrizione della delega
  TICKET: 0154752

  20150710 - luca.matteu@partners.tesisquare.com
  aggiunto tr .statoSottor_conResp
  TICKET: 0151788

  20150706 - alessandro.lia@tesisquare.com
  aggiunta regola #pagefooter a, #pagefooter a:active, #pagefooter a:hover;
  eliminate rev pre 2014 (disponibili fino a 1.138)

  20150508 - edoardo.galvagno@partners.tesisquare.com
  adozione Select2
  TICKET: 144980

  20150506 - emilio.cauda@tesisquare.com
  Ripristinata l'apertura a scorrimento del menu

  20150428 - alessandro.lia@tesisquare.com
  modificata spaziatura e dimensione menu
  TICKET: 143400

  20150427 - emilio.cauda@tesisquare.com
  modificate le clausole del menu per il nuovo layout
  TICKET: 0143400

  20150403 - emilio.cauda@tesisquare.com
  aggiunte le clausole per visualizzare in grassetto i punti di menu dei ruoli/processi
  TICKET: 0140308

  20150423 - alessandro.fasano@tesisquare.com
  aggiunto tr.statoRiga_69
  TICKET: 0138908

  20150311 - edoardo.galvagno@partners.tesisquare.com
  corretto problema righe disallineate  in xgrid con split e immagini
  TICKET: 133718

  20150306 - alessandro.lia@tesisquare.com
  aggiunto mask-block-multisubmit
  TICKET: 136336

  20150220 - emilio.cauda@tesisquare.com
  aggiunta classe inner_popup per problemi di visualizzazione degli iframe nei popup
  TICKET: 0134874

  20150225 - emilio.cauda@tesisquare.com
  aggiunto overflow-y:auto al pagecontainer per abilitare lo scroll sulle pagine più
  grandi della videata
  TICKET: 0134413

  20150805 - emilio.cauda@tesisquare.com
  il display:none applicato al menu ora ha !important così da nascondere anche la scrollbar
  TICKET: 0134105

  20150219 - emilio.cauda@tesisquare.com
  il menu parte nascosto quindi i selettori e le classi che si utilizzavano
  per nascondere il menu sono stati modificati
  TICKET: 0133680

  20150218 - emilio.cauda@tesisquare.com
  aggiunto selettore #pagecontainer #sezione_lista
  TICKET: 0133847

  20150218 - emilio.cauda@tesisquare.com
  white-space nowrap ai popup per non far andare a capo i punti di menu
  (ad es. change password)

  20150217 - emilio.cauda@tesisquare.com
  classe e id cover hanno position fixed

  20150203 - alessandro.lia@tesisquare.com
  aggiunti stili menucontainer e pageheader e stili inline contenuti nel vecchio header.cfc,
  per passaggio a HTML5 senza frame
  TICKET: 129745

  20150203 - luca.antonelli@tesisquare.com
  Aggiunta gestione stato riga W (proposta cancellazione)
  TICKET: 121070

  20141205 - gualtiero.sappa@tesisquare.com
  aggiunta classe lockedColumn
  TICKET: 0124595

  20141105 - elena.meinero@partners.tesisquare.com
  Aggiunta classe TastiElen_btn. Questa casse serve per allienare i pulsanti all'interno del corpo maschera.
  Inserendo più di un pulsante questi apparivano uno sotto l'altro invece che uno a finaco all'altro.
  La modifica ù stata fatta con l'indicazione di avere massimo 3 pulsanti affiancati
  TICKET: 0119129

  20141020 - dario.millone@partners.tesisquare.com
  aggiunta classe sfondo_verde_muschio
  TICKET: 118641

  20140922 - stefano.paparesta@tesisquare.com
  aggiunte classi table#table_txtnewpuntoincotermDesc e table#table_txtdelpuntoincotermDesc
  per gestire i suggest di CostaCrociere dei campi nei filtri
  TICKET: 0114046

  20140919 - ruben.magliano@tesisquare.com
  Aggiunta classe #frameabbina
  TICKET: 112559

  20140904 - davide.corona@partners.tesisquare.com
  aggiunto text-transform-none
  TICKET: 0111939

  20140717 - elena.meinero@tesisquare.com
  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
  TICKET 0108006

  20140710 - elena.meinero@tesisquare.com -
  Aggiunta classe iframeDivItem per permettere di visualizzare correttamente i popup anche su IE
  TICKET 106981

  20140624 - elena.meinero@tesisquare.com
  Inserito la classe .gridbox.gridbox_modern vicino a ogni #gridbox.
  Questo è stato inserito per tutte le pagine che hanno più grid che non hanno id gridbox.
  La classe .gridbox.gridbox_modern è inserita in automatico dal componente perciò ogni grid dovrebbe averla
  TICKET 0104782

  20140617 - luca.ambrogio@tesisquare.com
  modificati .tiposervizio.ts010105 e .tiposervizio.ts010106
  TICKET: 0103856

  20140604 - elena.meinero@tesisquare.com
  E' stato inserito un bordo attorno al contenitore degli ordini per farlo risaltare meglip
  TICKET 0101042

  20140430 - elena.meinero@tesisquare.com
  E' necessario impostare il margin-left a 0 perchè se no il tab risultava vuoto.
  Il margin-left: 0 è stato attribuito alle classi/id:; Titolo, CorpoMaschera, CorpoElenco.. se si trovano dentro la class ContainerTinyMCE.
  TICKET: 96919

  20140430 - barbara.marino@tesisquare.com
  aggiunto tr.statoRiga_C .statoRiga: stessa immagine impostata in tr.statoRiga_6 .statoRiga
  TICKET: 0096819

  20140422 - elena.meinero@tesisquare.com
  aggiunto table#table_newpuntoincotermDesc e table#table_delpuntoincotermDesc.
  TICKET: 96258

  20140405 - gabriele.bernuzzi@tesisquare.com
  aggiunto classi errField e errFieldLabel
  TICKET: 94834

  20140403 - elena.meinero@tesisquare.com
  Aggiunto anche a #FormGes CorpoMaschrea lo sfondo bianco e il bordo. Questa prima era presente solo per #FormEle CorpoMaschra
  TICKET: 94284;

  20140403 - elena.meinero@tesisquare.com
  Aggiunta la classe gridboxConatiner per togliere lo stile inline nelle girdbox.
  Modificata la lunghezza del CorpoElenco da 97% a 98% per permettere un corretto allineamento con il CorpoMaschera
  TICKET: 93617

  20140402 - edoardo.galvagno@partners.tesisquare.com
  Aggiunta classe specifica per il caso dei box select[anag|gera] multiselect
  TICKET: 94551

  20140401 - marcello.occhetti@tesisquare.com
  ridefinita mceSelectList
  TICKET: 0093575

  20140331 - luca.ambrogio@tesisquare.com
  Aggiunti 3 tipi servizio
  TICKET: 0090985

  20140228 - elena.meinero@tesisquare.com
  aggiunto l'id #frameCruscottoOrdiniRighe ai fix in Ie8 per visualizzazione popup vuoti
  TICKET: 91088

  20140210 - alessandro.lia@tesisquare.com
  ATTENZIONE le classi BoxTesto non devono avere una height fissata (es. 20px) altrimenti
  quando sono multiselezione e si aggiungono elementi, il contenitore non si espande in altezza
  facendo uscire gli elementi contenuti
  TICKET: 89151

  20140130 - edoardo.galvagno@partners.tesisquare.com
  aggiunta eccezione per cruscotto carichi lavazza per IE8
  TICKET: 78751

  20140122 - emanuele.sogno@tesisquare.com
  corretta classe BoxTesto:
    serve in Lavazza, in aggiungi viagigo in pianificazione con cartografia
  TICKET: 0087359

  [...]

  20130313 - edoardo.galvagno@partners.gruppotesi.com
  Ricreazione ex novo

==========================================================================================
--->
*/
/* -----------------------------------------
   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 {
  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: right 1px;
  background-repeat: no-repeat;
  background-image: url(../images/freccina_espandi.gif);
  cursor: pointer; }

.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: #FFFF00; }

tr.TRDispariGiallo {
  background: #FEEE00; }

/* 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: #FFFFEE !important; }

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

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

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

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

tr.TRDispari .evidenziata_rosso {
  background-color: #EFDEDE !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; }

.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; }

#gridbox table,
.gridbox.gridbox_modern table,
#treebox table,
.albero table {
  height: auto !important; }

#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; }

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

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

#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: white;
  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: #fff; }

/* -----------------------------------------
   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,
.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 .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: 16px;
  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; }

/*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 #logout {
  border-right: none; }

#pageheader .button {
  cursor: pointer; }

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

.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; }

.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; }

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

/*
#pageheader .notif-disabled, #pageheader #img_ajax_running {
  color: #E4E5EC;
}
*/

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 {
  color: #8191A0;
  line-height: 1.25;
  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: 25%;
  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;
}