@charset "UTF-8";
/*
<!---
================================================================================
                               www.tesisquare.com
================================================================================
Nuova gestione dei css:

style_struttura.css
  il css principale, che definisce la struttura nelle applicazioni basate su framework xt1
  ======================================================================
  QUESTO CSS NON DEVE ESSERE VARIATO PER LE PERSONALIZZAZIONI AL CLIENTE
  SE SI FANNO VARIAZIONI, QUESTE DEVONO ESSERE GENERICHE, PERCHE' QUESTO
  CSS DEVE ESSERE IMPORTATO ALLO STESSO MODO DA TUTTI I PROGETTI
  ======================================================================

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

Rev:
  20160727 - alessandro.lia@tesisquare.com - #206847
  layout custom button

  20160412 - luca.matteu@partners.tesisquare.com
  aggiunte regole per la pagina di scelta gestione imballi
  TICKET: 0189210

  20160407 - emilio.cauda@tesisquare.com
  Aggiunto stile per bloccare l'espansione verticale della select2
  TICKET: 0185160

  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

  20160111 - alessandro.lia@tesisquare.com
  classi per nuovo loader (mima quello di easy) e backdrop dei tasti
  TICKET: 175574

  20151026 - davide.antonali@tesisquare.com
  Aggiunto TastiEle_btn (per completezza, era stata aggiunta solo in modern.css)
  TICKET: 0163013

  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.62)

  20150508 - emilio.cauda@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

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

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

  20150225 - emilio.cauda@tesisquare.com
  Anche PaginaMapei deve avere gli stessi attributi di Pagina
  TICKET: 0134881

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

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

  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
  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 - luca.antonelli@tesisquare.com
  Aggiunta gestione stato riga W (proposta cancellazione)
  TICKET: 121070

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

  20141106 - edoardo.galvagno@partners.tesisquare.com
  miglioria CorpoTastiTab ed eccezioni specifiche per fdoMovimentiPortineria

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

  20140930 - elena.meinero@partners.tesisquare.com
  Aggiunta la classe INPUT.SelectTesto. Questo permette di visualizare correttamente anche gli input che hanno classe SelectTesto.
  Questa classe mancava all'elenco e pertanto gli input con classe select non si visualizzavano correttamente.
  La classe SelectTesto viene usata per i campi che usano l'autosuggest invece che autocomplete.
  TICKET: 0115938

  20140704 - simone.scarzello@partners.tesisquare.com
  Aggiunta classe sfondo_celeste
  TICKET: 0106094

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

  20140616 - simone.scarzello@partners.tesisquare.com
  Aggiunto font-family per input, textarea con classe inputTesto
  per uniformare il font negli elementi con classe inputTesto

  20140505 - elena.meinero@tesisquare.com
  Aggiunta la proprietà border-collapse:separate per la xgrid;
  Se lasciassi la proprietà border-collapse: collapse quando ho la scrollbar nella xgrid le celle si disallineano
  Vedere anche ticket 78751. Risoluzione di problema analogo per il modern.css
  TICKET: 97779

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

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

  20140403 - elena.meinero@tesisquare.com
  Aggiunta la classe gridboxConatiner per togliere lo stile inline nelle girdbox.
  Si è scletoi di togliere da #gridbox la riga margin: 0 15px 5px 15px !important
  che tanto non veniva utilizzata in quanto subito sotto era presente un'altra riga che ridefiniva il valore dei margini
  Aggiunta la classe .CorpoElenco #gridbox per ridefinire i margini e i bordi per le gridbox all'interno di un CorpoELenco.
  Nella TextArea.InputTesto è stata inserita la width di 99% invece che 100% se no c'erano dei problemi di visualizzazione su IE8. in alcune pagine
  TICKET: 93617

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

  [...]

  20041020 - edoardo.galvagno@gruppotesi.com
  Creazione

==========================================================================================
--->
*/
/* Imposta font di default per tutti i tag */
* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11.9px;
  font-variant: normal; }

/* 20070208 - anna.servetti@gruppotesi.com */
img {
  border: 0 !important; }

/****************************************************************************************/
/*                                          BODY                                        */
/****************************************************************************************/
/* stile generale per i BODY */
BODY.Pagina,
BODY.PaginaMapei {
  margin: 0;
  padding: 0 0 10px 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #E5E9EC;
  /*  overflow-y: hidden;*/ }

/* stile generale per i BODY delle pagine nei tab */
.PaginaTab,
.PaginaPopup {
  margin: 0;
  padding: 0 5px;
  padding-top: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  /*  overflow-y: hidden;*/
  background-color: #EEEEFF; }

.PaginaPopup {
  background-color: #E5E9EC; }

/* 20071010 - paolo.olocco.jr@gruppotesi.com */
/* stile per i BODY per il caricamento */
.modal-body-cover {
  left: 0px;
  top: 0px;
  position: absolute;
  background-color: #999999;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 1000; }

/* 20071026 - edoardo.galvagno@gruppotesi.com */
.modal-progress-box {
  z-index: 2000;
  left: 0px;
  top: 0px;
  position: absolute;
  width: 136px;
  height: 152px;
  background-color: transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../images/fondo_progress_box.png) !important;
  background-image: url(../images/fondo_progress_box.gif); }

/****************************************************************************************/
/*                                         TABLE                                        */
/****************************************************************************************/
/* stile per la TABLE contenuta nel BODY */
/* 20060907 - gualtiero.sappa@gruppotesi.com*/
/* aggiunta proprietà border-collapse */
BODY.Pagina TABLE,
BODY.PaginaTab TABLE,
BODY.PaginaPopup TABLE {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  border-collapse: collapse; }

/* 20080812 - edoardo.galvagno@gruppotesi.com */
/* INIZIO per Firefox: imposto la tabella contenitore ad un'altezza inferiore */
/* per non far comparire le barre di scorrimento; */
/* e forzo allineamento verso l'alto del contenuto dei td della tabella */
/* devo selezionare la prima tabella figlia del body (che fa da contenitore), */
/* ma quasi sempre in mezzo c'e' il tag form (da qui la doppia dichiarazione) */
BODY.Pagina > TABLE,
BODY.PaginaTab > TABLE,
BODY.PaginaPopup > TABLE,
BODY.Pagina > FORM > TABLE,
BODY.PaginaTab > FORM > TABLE,
BODY.PaginaPopup > FORM > TABLE {
  height: 97%; }

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

body.Pagina > table > tbody > tr > td {
  padding: 0; }

/*20140403 - elena.meinero@tesisquare.com TICKET:93617 */
/* 20080812 - edoardo.galvagno@gruppotesi.com */
/* FINE per Firefox */
#gridbox {
  /* come #CorpoElenco */
  /* margin: 0 15px 5px 15px !important ;*/
  margin: 0 10px 5px 10px;
  border: 2px solid #003399;
  background: #FFFFFF; }

/*20140403 - elena.meinero@tesisquare.com TICKET:93617 usata nelle gridbox */
.CorpoElenco #gridbox {
  margin: 0;
  border: 0; }

/* 20070509 - edoardo.galvagno@gruppotesi.com */
/* correzione forzatura altezze per oggette xgrid */
/* 20110530 - edoardo.galvagno@partneers.gruppotesi.com */
/* aggiunta eccezione anche per xtree */
#gridbox 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; }

/* 20070918 - emanuele.sogno@gruppotesi.com */
/* il background è su tutto l'header, e non sulla singola td */
/* 20081128 - walter.giaquinto@gruppotesi.com
   referenziate immagini su framework per errori 404*/
#gridbox .hdr {
  background: #003399 url(../images/fondo_testa_tab.gif) top left repeat-x !important; }

div.gridbox table.hdr td div.hdrcell {
  padding: 0 !important;
  font-size: 10px !important; }

#gridbox .hdr th,
#gridbox .hdr td {
  color: #FFFFFF;
  text-align: center;
  /*background: #003399 url(../images/fondo_testa_tab.gif) top left repeat-x !important;*/ }

/* 20130328 - edoardo.galvagno@partners.gruppotesi.com */
/* aggiunto per togliere height="100%" da codice inline */
/* (da' problemi con gli altri viewer) */
/* TICKET: 56686 */
.CorpoElencoContainer {
  height: 100%; }

/* 20070918 - emanuele.sogno@gruppotesi.com */
/* 20091229 - anna.servetti@gruppotesi.com - TICKET: 0016811 */
#gridbox .obj td,
#gridbox .ftr td {
  border-right: 1px solid #D6D6D6 !important; }

/* 20110121 - alessandro.fasano@gruppotesi.com - TICKET: 0026298 */
.trpregresso TD {
  background-color: #F4A460; }

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

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

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

/* 20110125 - alessandro.fasano@gruppotesi.com */
.corniceGes {
  border: 2px solid;
  color: navy;
  margin: 1px;
  background: trasparent; }

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

/****************************************************************************************/
/*                                          TR                                          */
/****************************************************************************************/
/* differenziazione colore righe elenco */
tr.TRPari {
  background: #F1F1F1; }

tr.TRDispari {
  background: #E1E1E1; }

/* 20060522 - gualtiero.sappa@gruppotesi.com */
/* 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; }

/*20120105 - marco.dossetto@gruppotesi.com - TICKET: 37673*/
tr.TRPariGiallo {
  background: #FFFF00; }

tr.TRDispariGiallo {
  background: #FEEE00; }

/* 20060621 - gualtiero.sappa@gruppotesi.com */
/* bordo inferiore TRPari e TRDispari */
tr.TRPari .borderBottom,
tr.TRDispari .borderBottom {
  padding-bottom: 10px;
  border-bottom: 2px solid #BBBBBB; }

/* bordo superiore TRPari e TRDispari */
tr.TRPari .borderTop,
tr.TRDispari .borderTop {
  padding-top: 10px;
  border-top: 2px solid #BBBBBB; }

/* 20060621 - gualtiero.sappa@gruppotesi.com */
/* bordo superiore TRPari e TRDispari */
tr.TRPari HR,
tr.TRDispari HR {
  width: 90%;
  margin: 0;
  height: 1px; }

/* 20060907 - gualtiero.sappa@gruppotesi.com */
/* padding colonne e relative intestazioni in elenchi */
tr.TRPari td,
tr.TRDispari 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-left: 2px;
  padding-right: 2px; }

/* 20060302 - edoardo.galvagno@gruppotesi.com */
/* stile per gli elenchi che usano il custom tag TabellaElenco */
/* portati da dimar e da mettere a posto quando mettiamo a posto questi css */
tr.TRPari_NUOVO {
  background: #E1E1E1; }

tr.TRDispari_NUOVO {
  background: #F1F1F1; }

tr.TRPari_NUOVO_hilite {
  background: #EFEFC2; }

tr.TRDispari_NUOVO_hilite {
  background: #FFFFCF; }

tr.TRSelezionato_NUOVO {
  background: #EFAAAA; }

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

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

/* aggiunte classi per evidenziare elenco in verde e giallo */
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; }

/* 20110228 - paolo.olocco.jr@gruppotesi.com - TICKET: 25937 */
tr.TRPari .evidenziata_viola {
  background-color: #CFAFCF !important; }

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

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

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

/* 20071010 - emanuele.sogno@gruppotesi.com -> deprecata
.evidenziata_retino {
  background-image: url(../images/fondo_retinato_azzurro.gif);
  background-position: top left;
  background-repeat: repeat;
}
*/
/* 20071029 - emanuele.sogno@gruppotesi.com */
.evidenziata_retino_azzurro,
.evidenziata_retino_rosso,
.evidenziata_retino_giallo,
.evidenziata_retino_verde,
.evidenziata_retino_bianco {
  background-position: top left;
  background-repeat: repeat; }

/* 20081128 - walter.giaquinto@gruppotesi.com
   referenziate immagini su framework per errori 404*/
.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); }

/****************************************************************************************/
/*                                          TD                                          */
/****************************************************************************************/
/* stile TD testata elenco (caratteristiche cella) */
/* 20081128 - walter.giaquinto@gruppotesi.com
   referenziate immagini su framework per errori 404*/
td.TopDiv {
  background: #003399 url(../images/fondo_testa_tab.gif) top left repeat-x;
  height: 20px; }

td.TopDivFestivo {
  background: #003399 url(../images/fondo_testa_tab_red.gif) top left repeat-x;
  height: 20px; }

/* 20101126 - emanuele.sogno@gruppotesi.com - TICKET: 0024443 */
/* da usare con TopDiv */
.TDFestivo {
  background: #003399 url(../images/fondo_testa_tab_red.gif) top left repeat-x !important;
  height: 20px; }

/* per gestione fasce */
.TDSatura {
  background: #003399 url(../images/fondo_testa_tab_red.gif) top left repeat-x !important;
  height: 20px; }

/* per gestione fasce */
.TDDisponibile {
  background: #003399 url(../images/fondo_testa_tab_green.gif) top left repeat-x !important;
  height: 20px; }

/* 20060616 - emanuele.sogno@gruppotesi.com */
/* stile TD testata elenco (caratteristiche carattere) */
/* 20100218 - alessandro.lia@gruppotesi.com */
/* aggiunto clausola "td.TopDiv td div" per gestione ordinamento */
td.TopDiv, td.TopDivFestivo,
td.TopDiv td, td.TopDivFestivo td, td.TopDiv td div, td.TopDivFestivo td div {
  color: #FFFFFF;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 10px; }

/* 20050929 - gualtiero.sappa@gruppotesi.com */
/* ridefinizione caratteristiche input nella testata elenco */
/* 20090825 - edoardo.galvagno@gruppotesi.com */
/* il width auto causava un malfunzionamento con le colspan */
td.TopDiv input, td.TopDivFestivo input {
  background: transparent;
  color: #FFFFFF;
  /*width: auto;*/ }

/* 20090902 - anna.servetti@gruppotesi.com */
td.TopDiv .InputTesto, td.TopDivFestivo .InputTesto {
  background: #FFFFFF;
  color: #000000; }

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

/* SPAN in TD generico */
/* 20060621 - gualtiero.sappa@gruppotesi.com */
/*TD SPAN {  color: #D60000; }*/
/* 20060302 - edoardo.galvagno@gruppotesi.com */
/* stile per gli elenchi che usano il custom tag TabellaElenco */
/* portati da dimar e da mettere a posto quando mettiamo a posto questi css */
td.label_NUOVO {
  border-bottom: 1px solid #999999;
  border-right: 1px solid #ABABAB;
  /*  20110311 - paolo.olocco.jr@gruppotesi.com - TICKET: 28190 */
  /*  rimosso border-left per compatibilità con IE8 */
  /*  border-left: 1px solid #FFFFFF; */
  /*  20090311 - edoardo.galvagno@gruppotesi.com*/
  /*  modifica padding per divisori verticali nelle testate delle tabelle*/
  /*  padding: 3px;*/
  padding: 3px 0;
  vertical-align: top; }

.TopDiv td.label_NUOVO, .TopDivFestivo td.label_NUOVO {
  border-bottom: 1px solid #999999;
  border-right: 1px solid #676789;
  border-left: 1px solid #8888AA; }

/* 20100218 - alessandro.lia@gruppotesi.com */
/* inizio gestione ordinamento */
td.sortable:hover, td.sortable.over {
  cursor: pointer;
  background-color: #36c; }

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

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/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.right div,
td.right div {
  float: right !important;
  /* allineamento a dx */
  text-align: right; }

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

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

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

/* fine gestione ordinamento */
/* 20060302 - edoardo.galvagno@gruppotesi.com */
.label_NUOVO td {
  padding: 0 !important; }

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

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

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

/****************************************************************************************/
/*                                          DIV                                         */
/****************************************************************************************/
/* elenco ricerca */
DIV.Elenco {
  width: 100%;
  height: 100%;
  /* overflow: hidden !important; overflow: auto; */
  overflow-x: hidden;
  overflow-y: auto; }

/* stili per la TABLE contenuta nell'Elenco e relativi TR per tighe colorate alternativamente */
DIV.Elenco TABLE {
  background: transparent;
  table-layout: fixed; }

/* 20050928 - edoardo.galvagno@gruppotesi.com */
/* commentate le generiche perche' non applicabili al momento */
/* ci sono ancora radio e checkbox che devono esser dotati di classe, */
/* o cambiare browser */
/* 20090213 - paolo.olocco.jr@gruppotesi.com*/
/* forzata trasparenza per la corretta visualizzazione su righe alternate */
DIV.Elenco BoxTesto {
  width: 90%;
  background-color: transparent !important; }

/* DIV.Elenco BoxTesto, */
/* DIV.Elenco INPUT, */
/* DIV.Elenco SELECT { */
/*   width: 90%; */
/* } */
/* 20060515 - gualtiero.sappa@gruppotesi.com */
DIV.Elenco INPUT.InputTesto,
DIV.Elenco SELECT.InputTesto,
DIV.Elenco TEXTAREA.InputTesto {
  background: #FFFFFF;
  color: black;
  /* 20140616 - simone.scarzello@partners.tesisquare.com */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 100%; }

/* stile per la sezione dei tasti dentro righe elenco */
DIV.Elenco #CorpoTasti {
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  background: transparent; }

/* 20060621 - gualtiero.sappa@gruppotesi.com */
/* stili per spostare i tasti (o qualsiasi cosa) a sinistra */
DIV.Elenco .sx,
DIV.Elenco .dx {
  margin: 0; }

/* VERIFICARE UTILIZZO */
DIV.Linea {
  color: #222222;
  padding-left: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  border-bottom: 1px solid #808080; }

/*
20101227 - gualtiero.sappa@gruppotesi.com - TICKET: 0025668
classi per visualizzazione box di apertura popup e relativo tasto di reset.
Il tasto di reset ha larghezza fissa e il box si allarga in modo da occuapre tutto
lo spazio restante qualsiasi sia la risoluzione dello schermo
*/
DIV.selectanag,
DIV.selectgera,
DIV.selectpopup {
  width: 100%;
  position: relative; }

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

/*
20110804 - ruben.magliano@gruppotesi.com - TICKET: 33071
Aggiunta gestione della classe required legata alle classi
selectanag, selectgera e selectpopup
*/
DIV.selectanag.disabled .BoxTesto,
DIV.selectgera.disabled .BoxTesto,
DIV.selectpopup.disabled .BoxTesto,
DIV.selectanag.required .BoxTesto,
DIV.selectgera.required .BoxTesto,
DIV.selectpopup.required .BoxTesto {
  margin-right: 0px !important; }

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

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

/****************************************************************************************/
/*                                    INPUT E SELECT                                    */
/****************************************************************************************/
/* 20140304- elena.meinero@tesisquare.com TICKET:93617;
/* 20050928 - edoardo.galvagno@gruppotesi.com */
/* commentate le generiche perche' non applicabili al momento */
/* ci sono ancora radio e checkbox che devono esser dotati di classe, */
/* o cambiare browser */
/* INPUT, */
/* SELECT { */
/*   color: #000000; */
/*   width: 100%; */
/* } */
/* 20060515 - gualtiero.sappa@gruppotesi.com */
/* 20140930 - elena.meinero@partners.tesisquare.com - TICKET 0115938*/
INPUT.InputTesto,
SELECT.InputTesto,
TEXTAREA.InputTesto,
INPUT.SelectTesto {
  background: #FFFFFF;
  color: black;
  /* 20140616 - simone.scarzello@partners.tesisquare.com */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 99%; }

/* 20051222 - gualtiero.sappa@gruppotesi.com */
INPUT.ClsData,
INPUT.ClsDataCalendar {
  width: 75px; }

/* 20070622 - gualtiero.sappa@gruppotesi.com */
/* 20080123 - alessio.vezza@gruppotesi.com */
/* 20080222 - alessio.vezza@gruppotesi.com */
INPUT.readonly, SELECT.readonly {
  color: #888 !important; }

/* 20101018 - anna.servetti@gruppotesi.com - TICKET: 0023877 */
/* 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; }

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

.SelectMultiDisabled li.selected {
  background-color: #000066;
  color: #FFF; }

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

/****************************************************************************************/
/*                                       LINK                                           */
/****************************************************************************************/
A.Label SPAN {
  color: #D60000; }

/****************************************************************************************/
/**                                  CLASSI PER ID FISSI                                */
/****************************************************************************************/
/* stile per il DIV chiamato con id Titolo */
#Titolo {
  position: relative;
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  color: #2D2D2D;
  line-height: 27px;
  height: 27px;
  padding: 0 0 0 5px;
  width: 98%;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  margin: 5px auto; }

/* 20110118 - gualtiero.sappa@gruppotesi.com */
/*
se non specificato gli span all'interno dei div con id Titolo ereditano
font-size dalla cluasola generale (*)
*/
#Titolo span {
  font-size: 14px; }

/* stile per la sezione della maschera di ricerca */
#CorpoMaschera, .CorpoMaschera,
#CorpoMascheraIFrame, .CorpoMascheraIFrame,
.CorpoDialog, .CorpoViaggi {
  clear: both;
  text-align: left;
  width: 96% !important;
  width: 100%;
  background-color: #EEEEFF;
  border: 2px solid #003399;
  /* padding: 0; */
  /* 20060926 - edoardo.galvagno@gruppotesi.com */
  /* aggiungiamo fiato e togliamo il cellpadding dal codice delle table incluse */
  /* 20061123 - gualtiero.sappa@gruppotesi.com */
  /*
    ridotto padding laterale in seguito ad aggiunta padding per TD e prevista rimozione
    cellpadding e cellspacing da tabella contenuta in CorpoMaschera
  */
  /*padding: 4px;*/
  padding: 2px;
  /* 20051223 - gualtiero.sappa@gruppotesi.com */
  /* margin: 10px; */
  margin-left: auto !important;
  margin-right: auto !important;
  margin: 0 10px 5px 10px; }

/* stile per il div contenitore degli IFrame (tab) */
#CorpoMascheraIFrame, .CorpoMascheraIFrame {
  border-top: 0;
  /* correzione per problema errata visualizzazione tab in Sogefi, TICKET: 160603 */
/*  height: 97% !important;
  height: 100%;*/ }

/* 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 {
  vertical-align: top;
  /* correzione per problema errata visualizzazione tab in Sogefi, TICKET: 160603 */
  /*height: 100% !important;*/ }

/* stili per la TABLE contenuta nell'Elenco e relativi TR per tighe colorate alternativamente */
#CorpoMaschera TABLE, .CorpoMaschera TABLE {
  background: transparent;
  table-layout: fixed; }

/* 20061123 - gualtiero.sappa@gruppotesi.com */
#CorpoMaschera TABLE TD, .CorpoMaschera TABLE TD {
  padding: 2px; }

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

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

/* stile per la sezione di elenco */
#CorpoElenco, .CorpoElenco, .CorpoNoEspandiElenco, .CorpoElencoPopUp {
  clear: both;
  width: 96.5% !important;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  margin-left: auto !important;
  margin-right: auto !important;
  margin: 0 10px 5px 10px;
  border: 2px solid #003399;
  background: #FFFFFF; }

/* 20101026 - anna.servetti@gruppotesi.com - TICKET: 0024085 */
#CorpoElenco .Elenco label,
.CorpoElenco .Elenco label,
.CorpoNoEspandiElenco .Elenco label {
  color: #666;
  font-weight: bold; }

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

#CorpoElenco label.obbl SPAN,
.CorpoElenco label.obbl SPAN,
.CorpoNoEspandiElenco label.obbl SPAN,
#CorpoMaschera label.obbl SPAN,
.CorpoMaschera label.obbl SPAN {
  color: #D60000 !important; }

/* stile per la sezione dei tasti */
#CorpoTasti, .CorpoTasti,
#CorpoTastiGes, .CorpoTastiGes {
  clear: both;
  width: 100%;
  /* 20061031 - gualtiero.sappa@gruppotesi.com */
  /* causa problemi in IE */
  /*
  margin-left: auto !important;
  margin-right: auto !important;
  */
  min-height: 40px;
  height: auto;
  padding: 5px 0;
  border-style: solid;
  border-color: #C1C1C1 #FAFAFA #FAFAFA #C1C1C1;
  /* 20080812 - edoardo.galvagno@gruppotesi.com */
  /* per Firefox, cosi' non lasciamo impostata width al 100% */
  /* senza problemi di visualizzazione grafica */
  border-width: 2px 0 1px !important;
  border-width: 2px 1px 1px 2px;
  background: #E1E1E1; }

/* stile per la sezione dei tasti pagina GES */
#CorpoTastiGes, .CorpoTastiGes {
  /* margin: 10px; */
  margin-top: 0 10px;
  /* padding: 0 5px; */
  border: 0;
  background: transparent; }

/* 20130509 - edoardo.galvagno@partners.gruppotesi.com */
/* perche' un CorpoTastiGes dovrebbe trovarsi in un TopDiv? */
/* cfr. core/net/procedure/comuni/fcmRicercaZoneIFrame.cfm */
.TopDiv #CorpoTastiGes,
.TopDiv .CorpoTastiGes {
  min-height: 24px !important; }

/* 20110523 - edoardo.galvagno@gruppotesi.com */
/* correzione per spazi verticali errati */
/* nella tabella di classificazione di netseller */
.Scorrimento #CorpoTastiGes, .Scorrimento .CorpoTastiGes {
  min-height: 0; }

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

/* stile per la sezione dei tasti dentro righe elenco */
#CorpoTastiElenco, .CorpoTastiElenco, .CorpoTastiTopDiv {
  margin: 0;
  padding: 0; }

/* stile per la sezione dei tab */
#CorpoTastiTab, .CorpoTastiTab {
  clear: both;
  width: 96.5% !important;
  width: 100%;
  margin: 0 10px; }

/* ridefinizione caratteristiche input nei div dei tasti */
#CorpoTasti INPUT, .CorpoTasti INPUT,
#CorpoTastiGes INPUT, .CorpoTastiGes INPUT,
#CorpoTastiElenco INPUT, .CorpoTastiElenco INPUT,
#CorpoTastiTab INPUT, .CorpoTastiTab INPUT {
  background: transparent;
  width: auto; }

/*20050927 - gualtiero.sappa@gruppotesi.com*/
/* ridefinizione classe di allineameto a sinistra per div dei tab */
#CorpoTastiTab .sx, .CorpoTastiTab .sx {
  margin-right: 3px !important; }

/****************************************************************************************/
/*                                    CLASSI GENERICHE                                  */
/****************************************************************************************/
/*20070705 - paolo.olocco.jr@gruppotesi.com*/
.nascondi {
  display: none !important; }

/* stili per spostare i tasti (o qualsiasi cosa) a sinistra */
.sx {
  float: left;
  margin-right: 10px; }

/* stili per spostare i tasti (o qualsiasi cosa) a destra */
.dx {
  float: right;
  margin-left: 10px; }

/*20080117 - anna.servetti@gruppotesi.com */
.txtdx {
  text-align: right !important; }

B STRONG {
  font-weight: bold; }

/* text-transform */
/* 20060217 - gualtiero.sappa@gruppotesi.com */
.maiuscolo {
  text-transform: uppercase !important; }

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

.capitalize {
  text-transform: capitalize !important; }

/* 20100507 - gabriele.bernuzzi@gruppotesi.com */
/* 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; }

/* font-style */
/* 20060217 - gualtiero.sappa@gruppotesi.com */
.corsivo {
  font-style: italic !important; }

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

/* 20131029 - elena.garofano@tesisquare.com - TICKET: 0076718*/
.normal {
  font-weight: normal !important; }

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

/* 20070810 - luca.portanova@gruppotesi.com */
.numerico {
  text-align: right !important; }

/* 20060201 - emanuele.sogno@gruppotesi.com */
/* font-family */
.monospaced {
  font-family: "Lucida Console", "Courier New", Courier, monospace; }

/* 20060712 - gualtiero.sappa@gruppotesi.com */
/* BUGID: 0005035 */
/* font-size */
.piccolo {
  font-size: 9px; }

/* 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: 3px solid #003399 !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; }

/** colori di primo piano e sfondo */
.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; }

/*20111017 - simone.scarzello@gmail.com */
.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; }

/* 20090902 - anna.servetti@gruppotesi.com */
.sfondo_bianco {
  background-color: #FFFFFF !important; }

/* 20140704 - simone.scarzello@partners.tesisquare.com - TICKET: 0106094 */
.sfondo_celeste {
  background-color: #87D4ED !important; }

/* 20100112 - alessandro.fasano@gruppotesi.com */
.sfondo_verde_chiaro {
  background-color: #ccffcc !important; }

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

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

/* 20101103 - alessandro.fasano@gruppotesi.com - TICKET: 0024281 */
.sfondo_azzurro_chiaro {
  background-color: #CEE3F6 !important; }

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

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

/* 20070405 - paolo.olocco.jr@gruppotesi.com */
.sfondo_verde_lime {
  background-color: lime !important; }

/* 20141020 - dario.millone@partners.tesisquare.com - TICKET:118641 */
.sfondo_verde_muschio {
  background-color: #ADDFAD !important; }

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

/* classe generica per i Box di testo */
.BoxTesto {
  overflow: none;
  border: 1px inset #003399;
  background-color: #E1E1E1;
  padding: 1px 3px;
  position: relative;
  text-align: left;
  /* 20110721 - edoardo.galvagno@partners.gruppotesi.com - TICKET: 32576 */
  /* non piu' necessario per firefox */
  /* width: 95% !important; width: 100%; */
  width: auto !important;
  width: 100%;
  min-height: 14px;
  height: auto !important;
  height: 18px;
  color: #003399;
  font-weight: bold;
  letter-spacing: 0px; }

/* classe generica per i Box con label */
/*20060725 - gualtiero.sappa@gruppotesi.com*/
/* 20090924 - alessandro.lia@gruppotesi.com */
/* da oggi si utilizza anche il tag label */
.BoxLabel,
.BoxLabelObbl,
.CorpoMaschera label,
#CorpoMaschera label,
.shop-sezione label {
  overflow: none;
  border: 0;
  border-bottom: 1px solid #A1A1A1;
  border-left: 1px solid #A1A1A1;
  padding: 0;
  padding-left: 3px;
  padding-bottom: 2px;
  position: relative;
  /* 20110721 - edoardo.galvagno@partners.gruppotesi.com - TICKET: 32576 */
  /* non piu' necessario per firefox */
  /* width: 95% !important; width: 100%; */
  width: auto !important;
  width: 100%;
  color: #000000;
  font-weight: normal;
  text-align: left;
  letter-spacing: 0px;
  text-transform: capitalize;
  display: block; }

/* SPAN all'interno di Box con label */
.BoxLabelObbl SPAN,
.CorpoMaschera label.obbl SPAN,
#CorpoMaschera label.obbl SPAN {
  color: #D60000; }

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

/* --------------------------------------------------------
   20060207 - gianluca.falconi@gruppotesi.com
   Classi per il 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;
  width: 18px;
  height: 16px;
  border: 2px groove gray;
  vertical-align: middle;
  text-align: center;
  font-family: verdana;
  font-size: 9pt;
  font-weight: 800; }

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

/************************************************************/
/** classe da aggiungere ai campi che richiamano popup/iframe */
/* 20060926 - edoardo.galvagno@gruppotesi.com */
/* correzione per errata visualizzazione in Firefox */
/* 20090227 - edoardo.galvagno@gruppotesi.com */
.espandi {
  background-position: 99% 2px;
  background-repeat: no-repeat;
  background-image: url(../images/freccina_espandi.gif);
  cursor: pointer;
  /*min-height: 16px;*/
  height: auto !important;
  height: 18px; }

.espandilabel {
  background-position: right 1px;
  background-repeat: no-repeat;
  background-image: url(../images/freccina_espandi.gif);
  cursor: pointer; }

/* 20090731 - gualtiero.sappa@gruppotesi.com */
/* stili necessari per le pagine più grafiche del 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; }

/*20091003 - gualtiero.sappa@gruppotesi.com*/
/* l'altezza al 100% permette di sfruttare tutto lo spazio a disposizione per la visualizzazione dei dati */
DIV.Scorrimento {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  /*height: 90%;*/
  height: 100%; }

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

/************************************************************/
/** 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;*/
/*}*/
/* 20070308 - edoardo.galvagno@gruppotesi.com */
/* correzione per i problemi di visualizzazione di overLib */
#overDiv TABLE {
  width: auto !important;
  height: auto !important; }

/* 20070604 - edoardo.galvagno@gruppotesi.com */
/* correzione per problemi visualizzazione tinyMCE */
.mceEditor {
  /* INDISPENSABILE per fare funzionare bene il tinyMCE */
  table-layout: auto !important;
  /* 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; }

/****************************************************************************************/
/*            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 {
  background-position: 0 0;
  text-align: left;
  line-height: 40px;
  font-weight: bold;
  padding: 0 0 0 20px;
  margin: 0 0 10px;
  color: #039; }

h1 span {
  background-position: 100% 0; }

h1 span b {
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 32px;
  margin-left: -10px !important;
  margin-left: 0;
  line-height: 38px;
  font-size: 14px !important; }

body.Processi h1 span b {
  background-image: url(../images/shadow_gears.png) !important;
  background-image: url(../images/shadow_gears.gif); }

/* 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: #F3F6FF;
  background-position: top left;
  background-repeat: repeat-x;
  color: #039;
  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); }

h3 {
  color: #666;
  font-weight: bold;
  font-size: 1.166em;
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 20px;
  margin: 0 0 0 10px !important;
  background-image: url(../images/funnel.png) !important;
  background-image: url(../images/funnel.gif); }

#tabSottofasi h3 {
  background-image: url(../images/gears.png) !important;
  background-image: url(../images/gears.gif); }

#tabAltriFiltri h3 {
  background-image: url(../images/funnel.png) !important;
  background-image: url(../images/funnel.gif); }

#tabRegoleCatalogazioneProcessi h3 {
  background-image: url(../images/cabinet.png) !important;
  background-image: url(../images/cabinet.gif); }

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

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
b.niftycorners, b.niftyfill {
  display: block; }

b.niftycorners * {
  display: block;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px; }

/*normal*/
b.r1 {
  margin: 0 3px;
  border-width: 0 2px; }

b.r2 {
  margin: 0 2px; }

b.r3 {
  margin: 0 1px; }

b.r4 {
  height: 2px; }

b.rb1 {
  margin: 0 8px;
  border-width: 0 2px; }

b.rb2 {
  margin: 0 6px;
  border-width: 0 2px; }

b.rb3 {
  margin: 0 5px; }

b.rb4 {
  margin: 0 4px; }

b.rb5 {
  margin: 0 3px; }

b.rb6 {
  margin: 0 2px; }

b.rb7 {
  margin: 0 1px;
  height: 2px; }

b.rb8 {
  margin: 0;
  height: 2px; }

b.rs1 {
  margin: 0 1px; }

/*transparent inside*/
b.t1 {
  border-width: 0 5px; }

b.t2 {
  border-width: 0 3px; }

b.t3 {
  border-width: 0 2px; }

b.t4 {
  height: 2px; }

b.tb1 {
  border-width: 0 10px; }

b.tb2 {
  border-width: 0 8px; }

b.tb3 {
  border-width: 0 6px; }

b.tb4 {
  border-width: 0 5px; }

b.tb5 {
  border-width: 0 4px; }

b.tb6 {
  border-width: 0 3px; }

b.tb7 {
  border-width: 0 2px;
  height: 2px; }

b.tb8 {
  border-width: 0 1px;
  height: 2px; }

b.ts1 {
  border-width: 0 2px; }

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

/* utilizzare con cover */
.pop_window {
  opacity: 80%;
  z-index: 1000;
  position: absolute;
  width: 50%;
  visibility: hidden;
  background: #fff;
  border: 2px solid #039;
  padding: 2px; }

.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 */
/* utilizzare con pop_window */
.cover,
#cover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  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; }

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

/* 20131206 - edoardo.galvagno@partners.tesisquare.com */
/* valori specifici per popup */
/* TICKET: 83609 */
#DivCruscottoWorkOrders.pop_window {
  width: 90%;
  left: 5%;
  top: 10%;
  height: 80%; }

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

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

.link_sottolineato {
  font-size: 9px;
  text-decoration: underline !important;
  font-weight: bold;
  cursor: pointer;
  color: #787878; }

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

  010101: via gomma
  010102: via aereo
  010103: via mare
  010104: via mare + aereo
  010105: via aereo in carico a fornitore
  010106: via aereo in carico a interno
  010107: via corriere espresso
*/
.tiposervizio {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 16px;
  width: 16px;
  display: block;
  text-indent: -5000px; }

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

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

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

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

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

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

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

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

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

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

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

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

/* 20120326 - emanuele.sogno@gruppotesi.com - TICKET: 0041786 */
tr.statoRiga_riprogrammato .statoRiga {
  background-image: url(../images/btn16/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); }

/* 20140430 - barbara.marino@tesisquare.com - TICKET: 0096819 */
tr.statoRiga_C .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); }

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

TABLE.TavolaTesto {
  border: 3px solid #FFE27D;
  background: #FFEF8F;
  coor: Black;
  padding: 3px; }

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

/* usate solo in fcmBloccoNews */
/*******************************************************************************************
  STILI PER LE NEWS
*******************************************************************************************/
#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: #003399;
  margin: 0;
  padding: 0; }

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

/* usate solo in fli010ElencoListini */
/* stile per select piccoline (in realtà si adatta a larghezza */
SELECT.SelectTestoLarghAuto {
  background: #FFFFFF;
  color: black;
  border-top: 2px solid #5F6CDD;
  border-right: 2px solid #F1F1F1;
  border-left: 2px solid #5F6CDD;
  border-bottom: 2px solid #F1F1F1;
  font: normal 11px; }

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

/* simile a td.topDiv ma appplicabile anche a elementi diversi dalle td (quali
ad esempio le sezioni apri/chiudi) */
.sectionTitle {
  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: #64a6e8 url(../images/fondo_testa_tab_blu_chiaro.gif) top left repeat-x !important; }

.sectionTitle A {
  color: white !important;
  font-weight: bold; }

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

.shop-sezione {
  background: #dbedfd;
  border: 2px solid #003894;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 20110708 - edoardo.galvagno@partners.gruppotesi.com - TICKET: 32051 */
  box-sizing: border-box;
  float: left;
  margin: 0;
  overflow: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  /*  20110601 - edoardo.galvagno@partneers.gruppotesi.com*/
  /*  ATTENZIONE: per funzionare correttamente il PIE.htc */
  /* a IE serve un puntamento assoluto e non relativo, */
  behavior: url(/core/framework/css/PIE.htc); }

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

/* 20121114 - edoardo.galvagno@partners.gruppotesi.com - TICKET: 51879 */
#btn_scambiacheck {
  display: inline-block;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-image: url(../images/btn_scambia-check.gif); }

/* 20121116 - edoardo.galvagno@partners.gruppotesi.com - TICKET: 51879 */
/* 20131127 - simone.scarzello@partners.tesisquare.com - TICKET: 0082598 */
.navbar_results {
  background-color: #eee;
  border: 0px;
  font-size: 9px;
  border-top: 1px solid #ccc;
  padding: 3px;
  *padding-bottom: 12px; }

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

.navbar_results .navbar_gotobutton {
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 9px;
  margin-left: 2em; }

.navbar_results .navbar_gotobutton button {
  font-size: 9px; }

.navbar_results .navbar_gotobutton input {
  font-size: 9px; }

.navbar_results tr {
  background-color: #eee; }

.navbar_results a:link, a:visited {
  text-decoration: none; }

.navbar_results a:hover {
  text-decoration: underline; }

.navbar_results .navbar_numrecords {
  font-weight: bold; }

.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 {
  margin: 0; }

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

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

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

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

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

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

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

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

/* 20121210 - gabriele.bernuzzi@gruppotesi.com */
/* utilizzato dall'oggetto Mask di Mootools More*/
.mask {
  position: absolute;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  z-index: 999;
  background: #fff; }

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

/* 20130706 - edoardo.galvagno@partners.gruppotesi.com */
/* spostate da fdopianificazione */
.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; }

/* da fdogestionescenario */
#corpoElencoCartografia {
  border: none !important; }

.divMessaggioControllo {
  color: #039;
  font-weight: bold; }

/* come .CorpoElenco */
.corpoElencoViaggi {
  border: 2px solid #003399;
  background: #FFFFFF; }

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

.containerTableFasce,
.containerTableResult {
  vertical-align: top; }

/* 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_paperclip.gif);
  background-position: 0 0;
  background-repeat: no-repeat; }

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

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

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

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

/* 20140505 - elena.meinero@tesisquare.com */
/* il border-collapse deve essere separate per la xgrid se no ho problemi con la scrollbar.
Ho messo anche il caso #gridbox table.hdr senza CorpoElenco, per quelle pagine che hanno id="gridbox" e
il div non è contenuto in un Corpoelenco.
Se lasciassi la proprietà border-collapse: collapse quando ho la scrollbar le celle si disallineano
Vedere anche ticket 78751. Risoluzione di problema analogo per il modern.css */
/* TICKET: 97779 */
#CorpoElenco #gridbox table.hdr,
.CorpoElenco #gridbox table.hdr,
#gridbox table.hdr {
  border-collapse: separate; }

/* -----------------------------------------
   Movimenti portineria (fdoMovimentiPortineria)
   (tab fittizi e a fianco di tabella)
   20141106 - edoardo.galvagno@partners.tesisquare.com
----------------------------------------- */
.tabContainer {
  vertical-align: top;
  height: 100%; }

.tabContainer .CorpoMaschera {
  border-top: 0; }

.CorpoElenco.gridboxContainer {
  height: auto !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; }

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

/* contenitore di base delle pagine: pagecontainer */
#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; }

.Pagina #pagecontainer {
  position: fixed;
  top: 54px;
  right: 0;
  bottom: 20px;
  /*si suppone che il menu sia chiuso*/
  left: 0px;
  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; }

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

/* 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;
  margin: 2px 2px -2px 2px;
  display: inline-block;
  background-position: left -2px; }

#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;
  /* 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: 15px;
  border-right: 1px solid #e1e1e1;
  padding: 3px 14px 3px 10px; }

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

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

#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 {
  color: #235A9D; }

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

#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: 2.5em;
  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;
  border-bottom: 1px solid #E5E9EC; }

#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;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 100px;
  width: 54px;
  line-height: 24px; }

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

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

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

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

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

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

#btn-bkdrop {
  display: none;
}

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

/* 20150508 - emilio.cauda@tesisquare.comm */
/* personalizzazioni Select2 per armonizzazione con classic */
/* adozione Select2 - TICKET: 144980 */
.select2-container--default .select2-selection--multiple {
  border-radius: 0;
  border-color: #BFBFBF;
  min-height: 20px;
  border-top: 2px solid #848484;
  border-left: 2px solid #848484; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.cookie_policy i {
  font-style: italic; }

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

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

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

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

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

#masterASNLabel.disabled {
  color: gray;
}

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

/* 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;
  display: none;
  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: 1.5rem;
    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;
  display: block;
  box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2); }

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

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

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

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

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

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

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

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

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

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

body:not(.viewer-easy) #menucontainer .ruolo > a {
  font-size: 11.9px !important;
  letter-spacing: 0.595px !important;
  line-height: 16.66px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: #46c8ff !important;
}

body[data-env] #pageheader:before {
  color: #fff;
  font-weight: bold;
  font-size: 0.9em;
  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; }

TastiEle_btn{
display:inline;
margin-left:0.5em;
margin-right:0.1em;
}

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

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