/* 
 *----------------------------------------------------------------*
  ATTENZIONE!!! ATTENZIONE!!! ATTENZIONE!!! ATTENZIONE!!! ATTENZIONE!!!
    Inserire le classi piu' complesse in alto e le classi piu' semplici
    in fondo.
    Serve in caso di definizione con piu' classi 
    nell'HTML (esempio: class="classe1 classe2")
    perche' rispetta l'ordine del CSS e prevalgono le classi 
    definite piu' in fondo rispetto quelle in cima, 
    non conta come sono nel parametro "class=".

    Inoltre i parametri in comune delle classi piu' specifiche 
    hanno sempre priorita' sulle classi non specifiche
    (Esempio: il parametro text-align di LABEL.classe1 ha priorita' 
     sullo stesso parametro presente in .classe2 anche se .classe2 
     si trova piu' in fondo.).

 *----------------------------------------------------------------* 
  NOTE SUI FONTS:
   Font di tipo "serif": 

   Font di tipo "sans-serif": 
        Arial, Hervetica, Lucida sans, Tebuchet MS, Verdana

   Font di tipo "monospace":
        Courier New, Courier, Lucida Console

   Font di tipo "cursive":
 *----------------------------------------------------------------*
  LEGENDA NOMENCLATURA CLASSI:

     col-xxxxxxxx      colori del testo
     colbg-xxxxxx      colore di sfondo (backgorund)
     colbordo-xxxxxx   colore dei bordi 

     tipocar-xxxxxx    tipo di carattere (font)
     dimcar-xxxxxx     dimensione del carattere (font) 

     all-xxxxxxx       allineamenti testo/contenuto 

 *----------------------------------------------------------------*
*/

/* Font personalizzati da far scaricare al browser  
   (.eot per IE, .ttf per tutti gli altri browser */
@font-face {
	font-family: 'DejaVuSansMono';
	src: url('./font/DejaVuSansMono.eot');
	src: local('DejaVuSansMono'), url('./font/DejaVuSansMono.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}


/* Definizioni generali pagina completa 
   Notabene: il font-size messo nel body gestisce la dimensione di base 
   in pixel dei fonts in tutta la pagina,
   negli altri tag usare sempre le dimensioni in "em", evitare di usare i "px", 
   per fare sempre riproporzionare tutto automaticamente
*/
html {height:100%;width:100%;}  /* serve a sfruttare tutto il browser */

/*@media screen and (max-height:748px){
   html {
      transform:scale(0.92);
      transform-origin:0 0;
   }
   div#maschera {
      font-size:90%;
   }
}*/

body {background:white;color:black;font-family: monospace;font-size:15px;
      margin:0px;
      /*height:100%;  commentato il 12.06.2015 perche' crea problemi con la funzione scrollTo */
      width:100%;overflow-y:hidden;
     /* imposta sfondo generale riducendo luminosita' del bianco 
        per diminuire affaticamento occhi */
      background-color: #F7F7F7;
      }

#content {height:100%;width:100%;}

/* Definizioni maschera interna (N.B. non usare bordi che bloccano i <br>) */
#maschera-generale {white-space:pre;text-align:left;}
#maschera {white-space:pre;text-align:left;overflow-y:auto;
           height:100%;
	 /*  min-width:960px; tolto perche' non va bene nei popup */
           }
#maschera br {white-space:normal}

div#barra_lat {
	z-index:9999;
	position:fixed;
	width:191px;
	height:100%;
	/*border:1px solid black;*/
	/*overflow: hidden;*/
	left:-191px;
}

div#barra_lat_link {
	width:190px;
	height:95%;
	overflow:auto;
	background:#CFD9E2;
	scrollbar-width: thin;
	/*scrollbar-color: #4a99d1 aliceblue;*/
}

div#barra_lat_link div.link_sezione {
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
   font-family: Arial,Helvetica,sans-serif;
}

div#barra_lat_link div {
	margin: 4px;
	padding: 4px;
	/*border: 1px solid black;*/
	/*border-radius: 4px;*/
	/*background: white;*/
	/*min-width:100px;*/
	/*display:inline-block;*/
}

div#barra_lat_link form {
	white-space: normal;
}

div#barra_lat_apri {
	position:absolute;
	top:0px;
	right:-18px;
	width:17px;
	height:17px;
	background:#CFD9E2;
	border:1px solid #CFD9E2;
	border-radius:0px 2px 2px 0px;
	cursor: pointer;
}

form {white-space:pre}
form LABEL {font-weight:normal; font-size: 1em;}
form INPUT, form SELECT {
       /*   font-family:"Consolas",monospace; font-size: 1em;  */
       /*   font-family:"Lucida Sans Typewriter",monospace; font-size: 1em; */
          font-family: "Courier New", "Courier", monospace; font-size: 1em;
	    } 
form INPUT[type="submit"],form INPUT[type="button"] {
            font-family:Arial,Helvetica,sans-serif;}
form TABLE {white-space:pre;}
form TD {vertical-align:top;} 
form br {white-space: normal}
br {white-space: normal}

/*  Rimuove la "x" nei campi input su IE10+ */
::-ms-clear {display: none;} 
/*  Rimuove l'occhiolino nei campi input con password su IE10+ */
input[type=password]::-ms-reveal {display: none;}


/* Stile dei link normale e visitato uguale */
a:link {color: #0000FF;}
a:visited {color: #0000FF;}

/* Definizione classi per separatori (con div)*/
DIV.separatore1 {border-style:solid;border-width:1px 0 0 0;border-color:black;margin: 4px 0px 4px 0px}

/* Divisore tra elementi maschera, occupa solo lo spazio del contenuto 
   e non va a capo 
*/
DIV.dv-el {display:inline-block;}


/* Divisore per messaggi occupa solo lo spazio del contenuto 
   non va a capo, con bordo (da usare per messaggi conferma e altro
   con la possibilita' di centrarlo orizzontalmente 
*/
DIV.dv-messaggi {display:inline-block;
                 border: 1px; border-style:solid; 
	         border-color:black; padding: 3px 3px 3px 3px;}

/* Divisore tipo 0, occupa tutto lo spazio disponibile e va a capo, senza bordi    (overflow-y:auto serve a mettere lo scrool verticale quando serve */
DIV.dv0 {display:block;
         overflow-y:auto;} 

/* Divisore tipo 1, occupa tutto lo spazio disponibile e va a capo, con bordo */
DIV.dv1 {display:block;border-width: 1px 1px 1px 1px;
         border-style:solid;border-color:black;
	 padding: 3px 3px 3px 3px;
         overflow-y:auto;} 

/* Divisore tipo 2, occupa tutto lo spazio disponibile e va a capo, senza bordi    (come dv0 ma tolto overflow-y:auto perche' creava problemi con anteprima help   dei campi) */
DIV.dv2 {display:block;} 

/* Divisore tipo 1, occupa tutto lo spazio disponibile e va a capo, con bordo */

/* Divisore tipo centrato senza bordi, occupa tutto lo spazio disponibile 
   e centra il contenuto orizzontalmente */
DIV.dv-centra {display:block;margin: 0 auto;text-align:center;}

/* Divisore per posizionamento fisso in alto sovrapposto X MATTEO M. */
DIV.dv-fisso-alto {position:fixed; 
                   top:43px; 
                   padding: 0px; 
                   z-index:200;
                   overflow:visible;
	           width:944px;
                   }
/* Divisore per posizionamento fisso in basso sovrapposto tasti-per-mod. */
DIV.dv-fisso-basso {position:fixed; 
                   bottom:14px; 
                   padding: 0px; 
                   z-index:200;
                   overflow:visible;
                   width:944px;
                   }

/* Per centratura Verticale non si riesce a usare un divisore, ma si puo' usare
   una tabella con questi parametri */
TABLE.dv-centra-v {width:100%;height:100%;
                            }
TD.dv-centra-v {vertical-align: middle}


/* Divisore per barra di navigazione menu generali procedura */
DIV.dv-barra-nav-menu {display:block;
		     width:100%;
                     padding-top:2px;
		     padding-bottom:2px;
                     }

/* Divisori per animazione pagina in attesa */
#div_blocco_click {
		   text-align:center;
		   position:absolute;top:0;left:0;
		   width:100%;height:100%;
		   z-index:99990;
		   opacity:0.0;background-color:white; /* blocca i click */
		   /* cursor:progress; (cursore gestito dalla funzione) */
                   }

#div_anim_attesa_principale, #div_anim_attesa_popup {
		   text-align:center;
		   position:absolute;top:0;left:0;
		   width:100%;height:100%;
		   z-index:99999;
		   background-color:transparent;
		   cursor:progress;
                   }

#div_anim_attesa_immagine {
	   display:inline-block;
	   background-color:white;
	   padding:8px;
	   border-radius:7px;
	   border:1px solid black;
           font-family:Arial,Helvetica,sans-serif;
	   font-weight:bold;
	   border-collapse:separate;  /* risolve bug IE con box-shadow */
           box-shadow: 2px 2px 3px 0px rgba(100,100,100,1);
           height: 50px;
           }

#img_anim_attesa_immagine {
           width: 50px;
           height: 50px;
           }

/* Dimensioni fisse per Divisori */
/*  - per 1200x960  consigliato 94% e 70% = 1128x670 */
/*  - per 1024x768  consigliato 94% e 70% = 960x540 */

/* Intestazione principale con logo e informazioni programmi */
#intestazione-header {
	     /*  width:960px;   disablitato  */
	       min-width:960px;  /* larghezza minima con adattamento */
	       width: 100%;
	     /*  height:80px;   vecchia dimensione */
	       height:40px; 
	       margin: 0 auto;
	       margin-bottom: 3px;  /* !!!PROVA!!! */
	     /*  background: url("../images/loghi/logo-clsystem.png"), url("../images/loghi/logo-clsystem-riempi.png");  */
	       background: url("../images/loghi/logo-clsystem-40.png"), url("../images/loghi/logo-clsystem-riempi-40.png"); 
	       background-repeat: no-repeat, repeat-x;
	       background-position: top left, top left;
	    /*   margin-top: 5px; */
	  /*     margin-bottom: 5px;  */
               position:relative;
	  /*     IE 7 e IE 8  */
	  /* background: #99AABC url("../images/loghi/logo-clsystem.png")\9; */
	       background: #99AABC url("../images/loghi/logo-clsystem-40.png")\9;
	       background-repeat: no-repeat\9;
	       }

#intestazione-click-sito {
	     /* l'immagine si trova nel div principale, adeguare dimensioni */
                cursor:pointer;
		position:absolute;left:5px;top:12px;
		height:20px;
		width:80px; 
	       }

#intestazione-procedura-gen {
            /*   position:absolute;left:245px;top:5px; */
               position:absolute;left:130px;
	    /*   top:5px; */
	       top:3px;
	       color:#00008B;
	    /*   width:500px;height:70px;  vecchia dimensione */
	       width:300px;height:35px;
	       }
#intestazione-procedura-logo {
	    /*   height:78px;float:left;margin-top:5px; */
	       height:28px;float:left;margin-top:3px;
	       }
#intestazione-procedura-logo-img {
	      /* width: 25px; */
	      /* width: 70px; */
	       height: 30px;
	       }
#intestazione-procedura-nome {
	       text-align:left;display:inline-block;
	       color:white;
	     /* margin-top:27px;margin-left:5px;font-size:20px; */
             /* disattivo nome ora contenuto nell'immagine */
	       display:none; 
	       margin-top:10px;margin-left:5px;font-size:14px;
	       float:left;
               font-family:Arial,Helvetica,sans-serif;
	       }
#intestazione-procedura-versione {
	       text-align:left;display:inline-block;
	     /*  color:white; */
	       color:#203364;
	     /*  margin-top:31px;margin-left:15px;font-size:15px; */
	       margin-top:12px;margin-left:10px;font-size:12px;
	       float:left;
               font-family:Arial,Helvetica,sans-serif;
	       }
#intestazione-pdl {
	      /*  position:absolute;top:32px; right:30px; */
	      /*  position:absolute;top:5px; right:30px; */
	      /*  position:absolute;top:4px; right:10px; */
	       position:absolute;top:4px; right:60px;
	       color:white;
               font-family:Arial,Helvetica,sans-serif;
	       font-size: 12px;
	       top:16px;
	       }
#intestazione-abilitazione {
	      /*  position:absolute;top:49px; right:30px; */
	      /*  position:absolute;top:22px; right:30px; */
	      /*  position:absolute;top:4px; right:65px; */
	       position:absolute;top:4px; right:115px;
	       color:white;
               font-family:Arial,Helvetica,sans-serif;
	       font-size: 12px;
	       top:16px;
	       }
#intestazione-programma {
	       position:absolute;top:5px; right:310px;
	       font-size:0.8em;
	       color:white;
               font-family:Arial,Helvetica,sans-serif;
              /* per ora nascondo */
	       display:none;
	       }

#intestazione-icona-manuale {
               visibility:visible;
	       cursor:pointer;
	       position:absolute;
	       right:10px;
	       top:2px;
	       }

IMG.icona-manuale-int {
	        width: 35px;
		height: 35px;
               }


/* div per debug con sessione e tempo di esecuzione */

#div_mostra_prestazioni {width:auto;height:20px; 
	       margin: 0 auto;
	       background:transparent;
	       position:relative;
              }
#div_prestazioni {
		display:none;
		width:auto;
		text-align: center;
                }

/* Definizione classi per informazioni speciali */
/* Riga VD-1 con informazioni programma */
DIV.Intestazione-VD-1 {
        display:block;text-align:center;
        border: 0px; border-style:solid; border-color:black; 
/*	background-image: url("../images/loghi/logo-clsystem-riempi2.png"); 
	background-repeat: repeat;
	background-position: top left; diabilito per !!!PROVA!!! */
	background-color: #4A99D1;  
	}
LABEL.Intestazione-VD-1 {
        font-weight:bold;  
     /* text-decoration:underline;  */
     /*   font-family:"Lucida Console", monospace;  */
        font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
     /* color:#0073B9; */
     /*	color:#333333; */
	color:white;
	}


/* Divisori principali con dim. fisse per programmi CLSYSTEM */
DIV.finestra-menu-avvio {
	     /*  width:960px;   disablitato per !!!PROVA!!! */
	       min-width:960px;  /*  !!!PROVA!!! */
	    /*   height:600px; */
	       min-height:550px;height:100%;
	       overflow-y:auto;margin: 0 auto;
       	       border: 0px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       position:relative;
	       }
DIV.finestra-testweb {
	       width:960px;
	    /*   height:540px; */
	       min-height:550px;height:100%;
	       overflow-y:auto;margin: 0 auto;
               border: 0px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       position:relative}
DIV.finestra-genius {
	       width:960px;
	    /*   height:540px; */
	    /* min-height:600px;height:100%;*/
	       min-height:550px;height:100%;
	       overflow-y:auto;margin: 0 auto;
               border: 0px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       position:relative}
DIV.finestra-business {
               width:960px;
	    /*   height:540px; */
	       min-height:550px;height:100%;
	       overflow-y:auto;margin: 0 auto;
               border: 0px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       position:relative}
DIV.finestra-welcome {
               width:960px;
	    /*   height:540px; */
	       min-height:550px;height:100%;
	       overflow-y:auto;margin: 0 auto;
               border: 0px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       position:relative}
DIV.finestra-pob {
               width:960px;
	    /*   height:540px; */
	       min-height:550px;height:100%;
	       overflow-y:auto;margin: 0 auto;
               border: 0px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       position:relative}
DIV.finestra-cdl {
               width:960px;
	    /*   height:540px; */
	       min-height:550px;height:100%;
	       overflow-y:auto;margin: 0 auto;
               border: 0px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       position:relative}
DIV.finestra-estesa {
	    /*   width:960px;  */
	       min-width:960px;width:100%;
	    /*   height:540px; */
	       min-height:550px;height:100%;
	       overflow-y:auto;margin: 0 auto;
               border: 0px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       position:relative;} 


/* Divisori con dim. fisse standard per programmi CLSYSTEM */
DIV.finestra0 {width:960px;
	    /*   height:540px; */
	       height:600px;
	       overflow-y:auto;margin: 0 auto; 
	       position:relative}
DIV.finestra1 {width:960px;
	    /*   height:540px; */
	       height:600px;
	       overflow-y:auto;margin: 0 auto; 
               border: 1px; border-style:solid; border-color:black; 
	       position:relative}


/* Divisori speciali per finestre popup */
DIV.finestra-popup-0 {
	       overflow-y:auto;margin: 0 auto;
               border: 0; 
	       background-color:#F5F5F5;
	       }
DIV.finestra-popup-1 {
               width:800px;height:600px;
	       overflow-y:auto;margin: 0 auto;
               border: 1px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       }

DIV.finestra-popup-2 {
               width:500px;height:400px;
	       overflow-y:auto;margin: 0 auto;
               border: 1px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       }

DIV.finestra-popup-3 {
               width:200px;height:200px;
	       overflow-y:auto;margin: 0 auto;
               border: 1px; border-style:solid; border-color:black; 
	       background-color:#F5F5F5;
	       }

/* Classi per Tag liste ul e li */
UL.ul0 {}
LI.li0 {}


/* Modifiche alle classi usate nei popup gestiti da jquery 
   rispetto al foglio di stile specifico in:
      /pup/web/web2py/applications/clsystem/static/css/smoothness
*/
.ui-dialog { border: 1px solid black !important; 
	     border-collapse:separate;  /* risolve bug IE con box-shadow */
             box-shadow: 0px 2px 3px 1px rgba(150,150,150,1) !important;
              padding: 0 !important;  
	       }
.ui-widget-header[barratitolo=false] { 
              /* Per ora questi parametri sono passati dal motore
		        nello style */
                    /*
		     background-image: none !important;
		     background-repeat: repeat !important;
		     background-attachment: scroll !important;
		     background-position: 0 0 !important;
		     background-origin: padding-box !important;
		     background-clip: border-box !important;
		     background-size: auto !important;
		     background-color: transparent !important;
		     border: 0 none currentColor !important;
		     height: 10px !important;
		   */
                     }
.ui-widget-header[barratitolo=true] { 
		     /* Cambio sfondo e colori default barra titolo popup */
		     /* 
		     background-image: url("../images/tasto-bg.png") !important;
		     background-repeat: repeat-x !important;
		     background-attachment: scroll !important;
   	             background-position: 0px -1px !important;
		     border-radius: 3px 3px 0px 0px !important;
		     border: 0 solid black !important;
		     */
		     background-image: none !important;
		     background-color: #4A99D1 !important;
		     border: 0 !important;
		     border-radius: 3px 3px 0px 0px !important;
                     }
.ui-dialog-titlebar { color: white !important;
                      }
.ui-widget-header {}
.ui-widget {font-size: 1em !important;}

div#div_dialog_child{ 
	width:100%; height:100%; 
	overflow-y: hidden;
}

/* Divisori jj05 per richiesta stampante */
DIV.jj05-rich-stampa-contenitore-popup {
	       display:inline-block;
	       padding-top:7px;
	       padding-bottom:7px;
	       padding-left:10px;
	       padding-right:10px;
	       overflow-y:auto;margin: 0 auto; 
               border: 0;
	       position:relative;
	       }
DIV.jj05-rich-stampa-contenitore {
	       display:inline-block;
	       padding-top:7px;
	       padding-bottom:7px;
	       padding-left:10px;
	       padding-right:10px;
	       overflow-y:auto;margin: 0 auto; 
               border: 1px; border-style:solid; border-color:black; 
	       border-radius: 5px;
	       position:relative;
	       border-collapse:separate;  /* risolve bug IE con box-shadow */
               box-shadow: 2px 2px 3px 1px rgba(180,180,180,1) !important;
	       }
DIV.jj05-rich-stampa-modulo-div {
	       margin-bottom: 7px;
	       }
LABEL.jj05-rich-stampa-modulo-label {
	       color: black;
               font-weight:bold;
               text-decoration:underline;
	       }
DIV.jj05-rich-stampa-titolo-div {
	       margin-bottom: 2px;
	       }
LABEL.jj05-rich-stampa-titolo {
              /*  color:#00008B; */
	       color: black;
              /* font-weight:bold; */
	       }

SELECT.jj05-rich-stampa-elenco {
               border: 1px; border-style:solid; border-color:lightgrey; 
	       margin-bottom: 5px;
	       }

.jj05-rich-stampa-flag-laser-div {
	       margin: 2px;
	       text-align: left;
	       }
.jj05-rich-stampa-residuo-div {
	       margin: 2px;
	       text-align: left;
	       }
.jj05-rich-stampa-residuo-label {
	       }
.jj05-rich-stampa-residuo-valore-pos {
	       color: black;
	       }
.jj05-rich-stampa-residuo-valore-neg {
	       color: red;
	       }
DIV.jj05-rich-stampa-sez-tasti-sx {
	       display:inline-block;
	       width: 20%;
	       margin-top: 3px;
	       }
DIV.jj05-rich-stampa-sez-tasti-centro {
	       display:inline-block;
	       width: 60%;
	       margin-top: 3px;
	       }
DIV.jj05-rich-stampa-sez-tasti-dx {
	       display:inline-block;
	       width: 20%;
	       text-align: right;
	       margin-top: 3px;
	       }

/* Divisori jj05 messaggio di stampa in esecuzione */
DIV.jj05-mess-stampa-es-area {
               display:block;margin: 0 auto;text-align:center;
	       height: 90%;
	       }
DIV.jj05-mess-stampa-es-contenitore {
	      /*  margin-top:200px; */
              /*  corretto temporaneamente per allineare messaggi */
	       margin-top:29%;
	       }
DIV.jj05-mess-stampa-es-div-avviso {
               display:inline-block;margin: 0 auto;
	       overflow:visible;
	       text-align:center;
	  /*     background-image: url("../images/animazione-stampa.gif"); 
	       background-position: center right; 
	       background-repeat: no-repeat; 
	       padding-left: 5px;
	       padding-right: 25px;  */
	       }
LABEL.jj05-mess-stampa-es-label-avviso {
	       color: black;
               font-weight:bold;
	       }
DIV.jj05-mess-stampa-es-div-running {
               display:inline-block;margin: 0 auto;
	       overflow:visible;
	       text-align:center;
	     /*  margin-top:5px; */
	       }
LABEL.jj05-mess-stampa-es-label-running {
	       color: black;
               font-weight:bold;
	       }

/* Divisori jj05 messaggio di conversione in pdf */
DIV.jj05-mess-conv-pdf-area {
               display:block;margin: 0 auto;text-align:center;
	       height: 90%;
	       }
DIV.jj05-mess-conv-pdf-div {
               display:inline-block;margin: 0 auto;
	       margin-top:200px;
	       text-align:center;
	       background-image: url("../images/animazione-stampa.gif");
	       background-position: center right; 
	       background-repeat: no-repeat;
	       padding-left: 5px;
	       padding-right: 25px;
	       }
LABEL.jj05-mess-conv-pdf-label {
	       color: black;
               font-weight:bold;
	       }

/* Divisori jj05 finestra messaggio standard */
DIV.jj05-contenitore-messaggio-div {
	       display:inline-block;
	       padding-top:20px;
	       padding-bottom:20px;
	       padding-left:20px;
	       padding-right:20px;
	       overflow-y:auto;margin: 0 auto; 
               border: 1px; border-style:solid; border-color:black; 
	       border-radius: 5px;
	       position:relative;
	       border-collapse:separate;  /* risolve bug IE con box-shadow */
               box-shadow: 2px 2px 3px 1px rgba(180,180,180,1) !important;
	       }

/* Divisori jjweb finestra messaggio standard */
DIV.jjweb-contenitore-messaggio-div {
	       max-width: 95%; /* necessario per non sforare se testo lungo */
	       display:inline-block;
	       padding-top:10px;
	       padding-bottom:10px;
	       padding-left:20px;
	       padding-right:20px;
	       overflow-y:auto;margin: 0 auto; 
               border: 1px; border-style:solid; border-color:black; 
	       border-radius: 5px;
	       position:relative;
	       border-collapse:separate;  /* risolve bug IE con box-shadow */
               box-shadow: 2px 2px 3px 1px rgba(180,180,180,1) !important;
	       }

/* Divisori uwcopy finestra messaggio standard */
DIV.uwcopy-contenitore-messaggio-div {
	       display:inline-block;
	       padding-top:10px;
	       padding-bottom:10px;
	       padding-left:20px;
	       padding-right:20px;
	       overflow-y:auto;margin: 0 auto; 
               border: 1px; border-style:solid; border-color:black; 
	       border-radius: 5px;
	       position:relative;
	       border-collapse:separate;  /* risolve bug IE con box-shadow */
               box-shadow: 2px 2px 3px 1px rgba(180,180,180,1) !important;
	       }


/* Divisori speciali generali per le maschere di Visualizzazione e Modifica
   da usare come attributi in cobol con "APRI-DIV-0" 
   N.B.:
   Inserire solo attributi riguardanti il colore e i bordi, il resto 
   deve essere inserito dal programma per non incidere sul posizionamento
*/
UL.mask-generale-vis,
DIV.mask-generale-vis {display:block;
         border-width: 0px 0px 0px 0px;
         border-style:solid;
	 border-color:white;
	 padding: 3px 3px 3px 3px;
         color:#00008B;
         background-color:#D3D3D3;
         overflow-y:auto;} 

DIV.mask-paragrafo-vis {display:block;
         border-width: 1px 1px 1px 1px;
         border-style:solid;
         border-color:#00008B;
	 padding: 3px 3px 3px 3px;
         color:#00008B;
         background-color:#D3D3D3;
         overflow-y:auto;} 

DIV.mask-generale-mod {display:block;
         border-width: 0px 0px 0px 0px;
         border-style:solid;
	 border-color:white;
	 padding: 3px 3px 3px 3px;
         color:#00008B;
         background-color:#F5F5F5;
         overflow-y:auto;} 

DIV.mask-paragrafo-mod {display:block;
         border-width: 1px 1px 1px 1px;
         border-style:solid;
         border-color:#00008B;
	 padding: 3px 3px 3px 3px;
         color:#00008B;
         background-color:#F5F5F5;
         overflow-y:auto;} 

DIV.mask-bottoni-sotto-mod {display:block;
         border-width: 0px 0px 0px 0px;
         border-style:solid;
         border-color:white;
	 padding: 3px 3px 3px 3px;
         color:#00008B;
         background-color:#F5F5F5;
         overflow-y:auto;} 

/* Divisori speciali
*/
DIV.uwcopy-div-attendere {display:inline-block;
         border-width: 1px 1px 1px 1px;
         border-style:solid;
  	 border-color: #4A99D1;  
	 padding: 5px 5px 5px 5px;
         color:#00008B;
  	/* background-color: #F5F5F5;   */
  	 background-color: #FFFF99;  
	 border-radius: 3px;
	 border-collapse:separate;  /* risolve bug IE con box-shadow */
         box-shadow: 2px 2px 3px 0px rgba(100,100,100,1);
         overflow-y:auto;} 

LABEL.uwcopy-messaggio-attendere {color:#00008B;}

DIV.uwcopy-div-ok {display:inline-block;
         border-width: 1px 1px 1px 1px;
         border-style:solid;
  	 border-color: #4A99D1;  
	 padding: 5px 5px 5px 5px;
         color:#00008B;
  	 background-color: #F5F5F5;
	 border-radius: 3px;
	 border-collapse:separate;  /* risolve bug IE con box-shadow */
         box-shadow: 2px 2px 3px 0px rgba(100,100,100,1);
         overflow-y:auto;} 

LABEL.uwcopy-messaggio-ok {color:#00008B;}

DIV.uwcopy-div-errore {display:inline-block;
         border-width: 1px 1px 1px 1px;
         border-style:solid;
  	 border-color: red;  
	 padding: 5px 5px 5px 5px;
         color:#00008B;
  	 background-color: #F5F5F5;  
	 border-radius: 3px;
	 border-collapse:separate;  /* risolve bug IE con box-shadow */
         box-shadow: 2px 2px 3px 0px rgba(100,100,100,1);
         overflow-y:auto;} 

LABEL.uwcopy-messaggio-errore {color:red;}


/* Altezza fissa standard da usare in tutti i per menu' principali
   (per menu' particolari (piu' lunghi) forzare un'altezza diversa.
*/
.altezza-menu {height: 535px !important;}


/* Opzioni per Divisori */
DIV.centra-contenuto {text-align:center} /* centra il contenuto del div */
DIV.flottante-sx {float: left}
DIV.flottante-dx {float: right}
/*    disattivati perche' non funzionano bene 
DIV.flottante-alto {position: absolute; top:0px;left; 0px}
DIV.flottante-basso {position: absolute; bottom:0px;left: 0px}
*/

.larghezza-auto {width: auto !important;
                 } /* annulla largh.fissa, si adatta alla finestra */
/* larghezza in percentuale sul totale */
.larghezza-5   {width: 5% !important;} 
.larghezza-10  {width: 10% !important;}
.larghezza-15  {width: 15% !important;}
.larghezza-20  {width: 20% !important;}
.larghezza-25  {width: 25% !important;}
.larghezza-30  {width: 30% !important;}
.larghezza-35  {width: 35% !important;}
.larghezza-40  {width: 40% !important;}
.larghezza-45  {width: 45% !important;}
.larghezza-50  {width: 50% !important;}
.larghezza-55  {width: 55% !important;}
.larghezza-60  {width: 60% !important;}
.larghezza-65  {width: 65% !important;}
.larghezza-70  {width: 70% !important;}
.larghezza-75  {width: 75% !important;}
.larghezza-80  {width: 80% !important;}
.larghezza-85  {width: 85% !important;}
.larghezza-90  {width: 90% !important;}
.larghezza-95  {width: 95% !important;}
.larghezza-100 {width: 100% !important;}

/* annulla alt.fissa, si adatta al contenuto */
.altezza-auto {height: auto !important;} 

/* altezze in percentuale sul totale - abilita le barre se il contenuto sfora */
.altezza-5   {height: 5% !important;overflow-y:auto;} 
.altezza-10  {height: 10% !important;overflow-y:auto;}
.altezza-15  {height: 15% !important;overflow-y:auto;}
.altezza-20  {height: 20% !important;overflow-y:auto;}
.altezza-25  {height: 25% !important;overflow-y:auto;}
.altezza-30  {height: 30% !important;overflow-y:auto;}
.altezza-35  {height: 35% !important;overflow-y:auto;}
.altezza-40  {height: 40% !important;overflow-y:auto;}
.altezza-45  {height: 45% !important;overflow-y:auto;}
.altezza-50  {height: 50% !important;overflow-y:auto;}
.altezza-55  {height: 55% !important;overflow-y:auto;}
.altezza-60  {height: 60% !important;overflow-y:auto;}
.altezza-65  {height: 65% !important;overflow-y:auto;}
.altezza-70  {height: 70% !important;overflow-y:auto;}
.altezza-75  {height: 75% !important;overflow-y:auto;}
.altezza-80  {height: 80% !important;overflow-y:auto;}
.altezza-85  {height: 85% !important;overflow-y:auto;}
.altezza-90  {height: 90% !important;overflow-y:auto;}
.altezza-95  {height: 95% !important;overflow-y:auto;}
.altezza-100 {height: 100% !important;overflow-y:auto;}

DIV.barra-x-no   {overflow-x:hidden !important;
                 } /* disattiva barra inferiore di scorrimento laterale */
DIV.barra-y-no   {overflow-y:hidden !important;
                 } /* disattiva barra laterale di scorrimento verticale */
DIV.barra-x-auto {overflow-x:auto !important;
                 } /* barra inferiore di scorrimento laterale automatica */
DIV.barra-y-auto {overflow-y:auto !important;
                 } /* barra laterale di scorrimento verticale automatica */

DIV.display-inline-block {display:inline-block !important;
       } /* occupa spazio del contenuto e NON torna a capo prima e dopo */
DIV.display-block {display:block !important;
       } /* occupa tutto lo spazio in larghezza e torna a capo prima e dopo) */


/* Definizione classi per tabelle (table, td, tr)*/
/*         tabella 0 - standard senza bordi */
.tb0    {border-collapse:collapse;}
.tb0-c  {border: 0px;padding:0px 0px 0px 0px;text-align:left;}
.tb0-r  {border: 0px}

/*         tabella 1 - standard con bordo standard */
.tb1    {border-collapse:collapse;border: 1px solid black;}
.tb1-c  {border: 1px solid black;padding:3px 3px 3px 3px;text-align:left;}
.tb1-r  {border: 1px solid black}


/* Definizioni generali bordo e colori per classi di campi input, 
   select e bottoni
   N.B.: mettere prima di tutte le classi specifiche, 
         usate per campi INPUT e SELECT e bottoni
*/
form INPUT, form SELECT {
     /*   border:1px solid black; */
        border:1px solid;
      /*  border-color: lightgray transparent transparent lightgray; */
        border-color: lightgray;
	margin: 1px 1px 1px 1px;
	color:black;
	/* background:#CAE2FA; */
        /* box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.3);  */
        }
form INPUT[disabled] {color:gray !important;} /* colore quando disabilito */
form SELECT[disabled] {color:gray !important;} /* colore quando disabilito */
form LABEL[nonattivo] {color:gray !important;} /* colore quando disabilito campo associato */

form DIV[contradio],
form DIV[contcbox] {
	/* 
	padding:2px; 
        box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.3); 
	*/
        }

form INPUT[type="radio"] {
        border:1px solid transparent;
	margin: 4px 4px 4px 4px;    /* per FF e altri browser tranne IE */
	margin: 2px 2px 2px 2px\9;  /* solo per IE  perche' e' piu' alto */
	padding:1px\9; 
        box-shadow: none;
        }

form INPUT[type="checkbox"] {
        border:0px solid transparent; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
        }  /* tolgo bordo e margine perche' lo metto nel contenitore */


form INPUT[type="submit"],form INPUT[type="button"] {
        border:1px outset gray;
	margin: 1px; 
	color:white; 
	border-collapse:separate;  /* risolve bug IE con box-shadow */
        box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
	   /* padding per FF e altri browser diversi da IE */
	padding-left: 6px;
	padding-right: 6px;  
	padding-top: 0px;
	padding-bottom: 0px; 
	   /* padding per IE diverso da FF */
	padding-left: 7px\9;
	padding-right: 7px\9;  
	padding-top: 1px\9;
	padding-bottom: 2px\9;  
	/*background:#0073B9;*/
	background: url("../images/tasto-bg.png") repeat-x scroll 0 -1px transparent;
	/*background-image: url("../images/dx-arrow.png"), url("../images/tasto-bg.png");
	background-position: center right, top left;
	background-repeat: no-repeat, repeat-x;	*/
	cursor:pointer;
	border-radius: 5px;
    }

form INPUT[type="submit"]:not([disabled]):hover,form INPUT[type="button"]:not([disabled]):hover {
		background: url("../images/tasto-bg-active.png") repeat-x scroll 0 -1px transparent;
		color:#333333; 
        }
		
/* Definizioni modifica bottone menu per aggiungere una freccia a dx o sx
*/
form INPUT[type="submit"]:not([disabled]).freccia-menu-dx,
form INPUT[type="button"]:not([disabled]).freccia-menu-dx {
	background-image: url("../images/dx-arrow.png"), url("../images/tasto-bg.png");
	background-position: center right, top left;
	background-repeat: no-repeat, repeat-x;
	padding-right: 20px;
}

form INPUT[type="submit"]:not([disabled]):hover.freccia-menu-dx,
form INPUT[type="button"]:not([disabled]):hover.freccia-menu-dx {
	background-image: url("../images/dx-arrow-active.png"), url("../images/tasto-bg-active.png");
	background-position: center right, top left;
	background-repeat: no-repeat, repeat-x;
	padding-right: 20px;
}

form INPUT[type="submit"]:not([disabled]).freccia-menu-sx,
form INPUT[type="button"]:not([disabled]).freccia-menu-sx {
	background-image: url("../images/sx-arrow.png"), url("../images/tasto-bg.png");
	background-position: center left, top left;
	background-repeat: no-repeat, repeat-x;
	padding-left: 20px;
}

form INPUT[type="submit"]:not([disabled]):hover.freccia-menu-sx,
form INPUT[type="button"]:not([disabled]):hover.freccia-menu-sx {
	background-image: url("../images/sx-arrow-active.png"), url("../images/tasto-bg-active.png");
	background-position: center left, top left;
	background-repeat: no-repeat, repeat-x;
	padding-left: 20px;
}

form INPUT[type="submit"]:not([disabled]).freccia-menu-su,
form INPUT[type="button"]:not([disabled]).freccia-menu-su {
	background-image: url("../images/up-arrow.png"), url("../images/tasto-bg.png");
	background-position: center right, top left;
	background-repeat: no-repeat, repeat-x;
	padding-right: 20px;
}

form INPUT[type="submit"]:not([disabled]):hover.freccia-menu-su,
form INPUT[type="button"]:not([disabled]):hover.freccia-menu-su {
	background-image: url("../images/up-arrow-active.png"), url("../images/tasto-bg-active.png");
	background-position: center right, top left;
	background-repeat: no-repeat, repeat-x;
	padding-right: 20px;
}

form INPUT[type="submit"]:not([disabled]).freccia-menu-giu,
form INPUT[type="button"]:not([disabled]).freccia-menu-giu {
	background-image: url("../images/down-arrow.png"), url("../images/tasto-bg.png");
	background-position: center right, top left;
	background-repeat: no-repeat, repeat-x;
	padding-right: 20px;
}

form INPUT[type="submit"]:not([disabled]):hover.freccia-menu-giu,
form INPUT[type="button"]:not([disabled]):hover.freccia-menu-giu {
	background-image: url("../images/down-arrow-active.png"), url("../images/tasto-bg-active.png");
	background-position: center right, top left;
	background-repeat: no-repeat, repeat-x;
	padding-right: 20px;
}

/* ************************* Definizione bottoni speciali *************** */

/* ---> Tasti Scheda (utilizzano i DIV invece degli INPUT) <--- */
/* ------> Bottone Scheda 1 per visualizzazione <------- */
form DIV.bt-scheda1-vis {
            cursor:pointer;
            text-align:center;
            font-family:Arial,Helvetica,sans-serif;
            font-weight:normal;
	    color: white; 
	    background-color: #A9A9A9;
	    border-top-left-radius: 7px;
	    border-top-right-radius: 7px;
	    border-bottom-left-radius: 0px;
	    border-bottom-right-radius: 0px;
	    border: 1px solid black;
	    margin: 0px;
	    margin-left: 0px;
	    margin-right: 0px;
	    width:auto;
	    padding:2px;
            } /* usato per schede da selezionare */

form DIV:not([disabled]):not([disattivo]):not([schedaattiva]):not([schedanulla]):hover.bt-scheda1-vis {
            font-weight:normal;
	  /*  color: white; 
            background-color: #76B0E0;  */
	    color: #00008b;  
            background-color: #D3D3D3; 
            text-decoration:underline;
            }   /* usato per segnalare passaggio su scheda da selezionare */

form DIV[schedaattiva].bt-scheda1-vis {
            cursor:default;
	    color: #00008b;  
            background-color: #D3D3D3; 
            font-weight:normal;
	    background-image: none;
	  /*  border: 1px solid black; */
	  /*  border-bottom: 1px solid #76B0E0; */
	    border-bottom: 1px solid #D3D3D3;
            }   /* usato per scheda attualmente attiva non selezionabile */

form DIV[schedanulla].bt-scheda1-vis {
            cursor:default;
            background-color: transparent; 
	    background-image: none;
	  /*  border: 1px solid black; */
	  /*  border-bottom: 1px solid #76B0E0; */
	    border: 0;
	    border-bottom: 1px solid black;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }   /* usato per scheda di completamento non selezionabile */

form DIV[disattivo]:not([schedaattiva]):not([schedanulla]).bt-scheda1-vis {
            cursor:default;
	    color: #D3D3D3;  
            }   /* usato per scheda disattivata non selezionabile */

/* ------> Bottone Scheda 1 per modifica <------- */
form DIV.bt-scheda1-mod {
            cursor:pointer;
            text-align:center;
            font-family:Arial,Helvetica,sans-serif;
            font-weight:normal;
	    color: #00008b; 
	    background-color: #D3D3D3;
	    border-top-left-radius: 7px;
	    border-top-right-radius: 7px;
	    border-bottom-left-radius: 0px;
	    border-bottom-right-radius: 0px;
	    border: 1px solid black;
	    margin: 0px;
	    margin-left: 0px;
	    margin-right: 0px;
	    width:auto;
	    padding:2px;
            } /* usato per schede da selezionare */

form DIV:not([disabled]):not([disattivo]):not([schedaattiva]):not([schedanulla]):hover.bt-scheda1-mod {
            font-weight:normal;
	  /*  color: white; 
            background-color: #76B0E0;  */
	    color: #00008b;  
            background-color: #F5F5F5; 
            text-decoration:underline;
            }   /* usato per segnalare passaggio su scheda da selezionare */

form DIV[schedaattiva].bt-scheda1-mod {
            cursor:default;
	    color: #00008b;  
            background-color: #F5F5F5; 
            font-weight:normal;
	    background-image: none;
	  /*  border: 1px solid black; */
	  /*  border-bottom: 1px solid #76B0E0; */
	    border-bottom: 1px solid #F5F5F5;
            }   /* usato per scheda attualmente attiva non selezionabile */

form DIV[schedanulla].bt-scheda1-mod {
            cursor:default;
	    color: #00008b;  
            background-color: transparent; 
	    background-image: none;
	  /*  border: 1px solid black; */
	  /*  border-bottom: 1px solid #76B0E0; */
	    border: 0;
	    border-bottom: 1px solid black;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }   /* usato per scheda di completamento non selezionabile */


form DIV[disattivo]:not([schedaattiva]):not([schedanulla]).bt-scheda1-mod {
            cursor:default;
	    color: #F5F5F5;  
            }   /* usato per scheda disattivata non selezionabile */

/* ----------> Definizioni per aggiungere freccie alle schede <---------- */
form DIV.freccia-scheda-no {
	background-image: none !important;
	background-position: center right 2px, top left !important;
	background-repeat: no-repeat, repeat-x !important;
	padding-right: 20px !important;
}

form DIV.freccia-scheda-giu {
	background-image: url("../images/freccia-scheda-giu.png") !important;
	background-position: center right 2px, top left !important;
	background-repeat: no-repeat, repeat-x !important;
	padding-right: 20px !important;
}

form DIV:hover.freccia-scheda-giu {
	background-image: url("../images/freccia-scheda-giu-active.png") !important;
	background-position: center right 2px, top left !important;
	background-repeat: no-repeat, repeat-x !important;
	padding-right: 20px !important;
}

form DIV.freccia-scheda-su {
	background-image: url("../images/freccia-scheda-su.png") !important;
	background-position: center right 2px, top left !important;
	background-repeat: no-repeat, repeat-x !important;
	padding-right: 20px !important;
}

form DIV:hover.freccia-scheda-su {
	background-image: url("../images/freccia-scheda-su-active.png") !important;
	background-position: center right 2px, top left !important;
	background-repeat: no-repeat, repeat-x !important;
	padding-right: 20px !important;
}

form DIV.freccia-scheda-dx {
	background-image: url("../images/freccia-scheda-dx.png") !important;
	background-position: center right 2px, top left !important;
	background-repeat: no-repeat, repeat-x !important;
	padding-right: 20px !important;
}

form DIV:hover.freccia-scheda-dx {
	background-image: url("../images/freccia-scheda-dx-active.png") !important;
	background-position: center right 2px, top left !important;
	background-repeat: no-repeat, repeat-x !important;
	padding-right: 20px !important;
}

form DIV.freccia-scheda-sx {
	background-image: url("../images/freccia-scheda-sx.png") !important;
	background-position: center left 2px, top left !important;
	background-repeat: no-repeat, repeat-x !important;
	padding-left: 20px !important;
}

form DIV:hover.freccia-scheda-sx {
	background-image: url("../images/freccia-scheda-sx-active.png") !important;
	background-position: center left 2px, top left !important;
	background-repeat: no-repeat, repeat-x !important;
	padding-left: 20px !important;
}

/* --------> Definizioni per modificare le schede in grandi tasti <-------- */
/* -> N.B.: non e' stato previsto uno sfondo diverso nel caso 'disattivo' <-*/
form .bt-scheda-grande {
            padding-top: 20px !important;
            padding-bottom:20px !important;
	    background: url("../images/tasto-bg.png") repeat-x scroll 0 0px transparent !important;
            background-size: auto 100% !important;
            }   /* usato per modificare scheda in bottone grande */

form .bt-scheda-grande:hover {
	    background: url("../images/tasto-bg-active.png") repeat-x scroll 0 0px transparent !important;
            background-size: auto 100% !important;
	    color:#333333; 
            }   /* scheda grande con passaggio del mouse */

form .bt-scheda-grande:disabled {
	    background: #DCDCDC !important;
            }   /* sottomenu scheda grande al pass. del mouse */

form .bt-scheda-grande.freccia-scheda-giu {
	    background-image: url("../images/freccia-scheda-giu.png"), url("../images/tasto-bg.png") !important;
   	    background-position: center right, top left !important;
	    background-repeat: no-repeat, repeat-x !important;
            background-size: auto auto, auto 100% !important;
	    padding-right: 20px !important;
            }   /* scheda grande con freccia giu */

form .bt-scheda-grande.freccia-scheda-giu:hover {
	    background-image: url("../images/freccia-scheda-giu.png"), url("../images/tasto-bg-active.png") !important;
   	    background-position: center right, top left !important;
	    background-repeat: no-repeat, repeat-x !important;
            background-size: auto auto, auto 100% !important;
	    padding-right: 20px !important;
            }   /* scheda grande con freccia giu al passaggio del mouse */

form .bt-scheda-grande.freccia-scheda-giu:disabled {
	    background: #DCDCDC !important;
   	    background-position: center right, top left !important;
	    background-repeat: no-repeat, repeat-x !important;
            background-size: auto auto, auto 100% !important;
	    padding-right: 20px !important;
            }   /* scheda grande con freccia giu al passaggio del mouse */

form .bt-scheda-grande.freccia-scheda-su {
	    background-image: url("../images/freccia-scheda-su.png"), url("../images/tasto-bg.png") !important;
   	    background-position: center right, top left !important;
	    background-repeat: no-repeat, repeat-x !important;
            background-size: auto auto, auto 100% !important;
	    padding-right: 20px !important;
            }   /* scheda grande con freccia su */

form .bt-scheda-grande.freccia-scheda-su:hover {
	    background-image: url("../images/freccia-scheda-su.png"), url("../images/tasto-bg-active.png") !important;
   	    background-position: center right, top left !important;
	    background-repeat: no-repeat, repeat-x !important;
            background-size: auto auto, auto 100% !important;
	    padding-right: 20px !important;
            }   /* scheda grande con freccia su al passaggio del mouse */

form .bt-scheda-grande.freccia-scheda-su:disabled {
	    background: #DCDCDC !important;
   	    background-position: center right, top left !important;
	    background-repeat: no-repeat, repeat-x !important;
            background-size: auto auto, auto 100% !important;
	    padding-right: 20px !important;
            }   /* scheda grande con freccia su al passaggio del mouse */

form .bt-sottomenu-scheda-grande {
            background-color: #3B80B9 !important;
            }   /* sottomenu scheda grande */

form .bt-sottomenu-scheda-grande:hover {
            background-color: #7FB4D9 !important;
	    color:#333333;
            }   /* sottomenu scheda grande al pass. del mouse */

form .bt-sottomenu-scheda-grande:disabled {
	    background: #DCDCDC !important;
            }   /* sottomenu scheda grande al pass. del mouse */

form .bt-sottomenu-scheda-grande.freccia-scheda-dx {
	    background-image: url("../images/freccia-scheda-dx.png"), url("../images/tasto-bg.png") !important;
   	    background-position: center right, top left !important;
	    background-repeat: no-repeat, repeat-x !important;
            background-size: auto auto, auto 100% !important;
	    padding-right: 20px !important;
            }   /* scheda sottomenu grande con freccia dx */

form .bt-sottomenu-scheda-grande.freccia-scheda-dx:hover {
	    background-image: url("../images/freccia-scheda-dx.png"), url("../images/tasto-bg-active.png") !important;
   	    background-position: center right, top left !important;
	    background-repeat: no-repeat, repeat-x !important;
            background-size: auto auto, auto 100% !important;
	    padding-right: 20px !important;
            }   /* scheda sottomenu grande con freccia dx al passaggio del mouse */

form .bt-sottomenu-scheda-grande.freccia-scheda-dx:disabled {
	    background: #DCDCDC !important;
   	    background-position: center right, top left !important;
	    background-repeat: no-repeat, repeat-x !important;
            background-size: auto auto, auto 100% !important;
	    padding-right: 20px !important;
            }   /* scheda sottomenu grande con freccia dx al passaggio del mouse */


/* ------------------------> Tasto Home <------------------------- */
form INPUT[type="button"].tasto-home {
	    background-image: url("../images/tasto-home.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
            background-size: auto, auto 100% !important;
	    width: 50px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	  /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }
form INPUT[type="button"]:not([disabled]):hover.tasto-home {
	    background-image: url("../images/tasto-home-active.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
            background-size: auto, auto 100% !important;
	    width: 50px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
form INPUT[type="button"][disabled].tasto-home {
	    background: #DCDCDC;
	    background-image: url("../images/tasto-home.png");
	    background-position: center center;
	    background-repeat: no-repeat;
            background-size: auto, auto 100% !important;
	    width: 50px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

/* ------------------------> Tasto Home con opaco <------------------------- */
form INPUT[type="button"].tasto-home-1 {
	    background-image: url("../images/tasto-home.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
            background-size: auto, auto 100% !important;
	    width: 50px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	  /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }
form INPUT[type="button"]:not([disabled]):hover.tasto-home-1 {
	    background-image: url("../images/tasto-home-active.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
            background-size: auto, auto 100% !important;
	    width: 50px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
form INPUT[type="button"][disabled].tasto-home-1 {
	    background: #DCDCDC;
	    background-image: url("../images/tasto-home.png");
	    background-position: center center;
	    background-repeat: no-repeat;
            background-size: auto, auto 100% !important;
	    width: 50px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

/* ---> Tasto Ricerca <--- */
form INPUT[type="button"].tasto-ricerca {
	    background-image: url("../images/tasto-ricerca.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-ricerca {
	    background-image: url("../images/tasto-ricerca-active.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-ricerca {
	    background: #DCDCDC;
	    background-image: url("../images/tasto-ricerca.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

/* ---> Tasto Seleziona Tutti Report <--- */
form INPUT[type="button"].tasto-seltutti-report {
	    background-image: url("../images/tasto-seltutti-report.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 22px; height: 22px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-seltutti-report {
	    background-image: url("../images/tasto-seltutti-report.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].tasto-seltutti-report {
	    background-image: url("../images/tasto-seltutti-report-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Download Generico <--- */
form INPUT[type="button"].tasto-download {
	    background-image: url("../images/tasto-download.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 22px; height: 22px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	 /* border-color: transparent !important;
	    box-shadow: none;  */
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-download {
	    background-image: url("../images/tasto-download.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            opacity:0.8;filter: alpha(opacity=80);  /* schiarisce */
            }

form INPUT[type="button"][disabled].tasto-download {
	    background-image: url("../images/tasto-download-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Modifica 1 Generico <--- */
form INPUT[type="button"].tasto-modifica-1 {
	    background-image: url("../images/tasto-modifica-1.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 22px; height: 22px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	 /* border-color: transparent !important;
	    box-shadow: none;  */
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-modifica-1 {
	    background-image: url("../images/tasto-modifica-1.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            opacity:0.8;filter: alpha(opacity=80);  /* schiarisce */
            }

form INPUT[type="button"][disabled].tasto-modifica-1 {
	    background-image: url("../images/tasto-modifica-1-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Cancella Generico <--- */
form INPUT[type="button"].tasto-canc-generico {
	    background-image: url("../images/tasto-canc-generico.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 22px; height: 22px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-canc-generico {
	    background-image: url("../images/tasto-canc-generico.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].tasto-canc-generico {
	    background-image: url("../images/tasto-canc-generico-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto warning <--- */
form INPUT[type="button"].tasto-warn {
	  /*  background-image: url("../images/warn.png"), url("../images/tasto-bg.png");
	    background-size: contain;
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    */
	    background-image: url("../images/warn.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 22px; height: 22px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-warn {
	    /*
	    background-image: url("../images/warn.png"), url("../images/tasto-bg-active.png");
	    background-size: contain;
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    */
	    background-image: url("../images/warn.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

/* ---> Tasto Cancella Voci Calendario <--- */
form INPUT[type="button"].tasto-canc-calendario {
	  /*  background-image: url("../images/tasto-canc-calendario.png"), url("../images/tasto-bg.png");
	    background-size: contain;
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    */
	    background-image: url("../images/tasto-canc-calendario.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 22px; height: 22px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-canc-calendario {
	    /*
	    background-image: url("../images/tasto-canc-calendario.png"), url("../images/tasto-bg-active.png");
	    background-size: contain;
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    */
	    background-image: url("../images/tasto-canc-calendario.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].tasto-canc-calendario {
	    background-image: url("../images/tasto-canc-calendario-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Cancella Voci Calendario <--- */
form INPUT[type="button"].aggiorna {
	    background-image: url("../images/aggiorna.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 22px; height: 22px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.aggiorna {
	    background-image: url("../images/aggiorna.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].aggiorna {
	    background-image: url("../images/aggiorna-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Giornata Lavorativa <--- */
form INPUT[type="button"].tasto-giornata-lav {
	    background-image: url("../images/tasto-giornata-lav.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 22px; height: 22px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-giornata-lav {
	    background-image: url("../images/tasto-giornata-lav.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].tasto-giornata-lav {
	    background-image: url("../images/tasto-giornata-lav-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Inserimento manuale <--- */
form INPUT[type="button"].tasto-ins-manuale {
            background-image: url("../images/tasto-ins-manuale.png");
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            width: 25px; height: 25px;
            color:transparent;   /* elimina testo per firefox */
            text-indent: -9999px; /* elimina testo per IE */
            border-color: transparent !important;
            box-shadow: none;
            background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-ins-manuale {
            background-image: url("../images/tasto-ins-manuale.png");
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].tasto-ins-manuale {
            background-image: url("../images/tasto-ins-manuale-disab.png");
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            }

/* ---> Tasto Welcome Inserisci Riga <--- */
form INPUT[type="button"].tasto-wel-riga-ins {
	    background-image: url("../images/tasto-wel-riga-ins.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 18px; height: 18px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-wel-riga-ins {
	    background-image: url("../images/tasto-wel-riga-ins.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].tasto-wel-riga-ins {
	    background-image: url("../images/tasto-wel-riga-ins-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Welcome Cancella Riga <--- */
form INPUT[type="button"].tasto-wel-riga-canc {
	    background-image: url("../images/tasto-wel-riga-canc.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 18px; height: 18px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-wel-riga-canc {
	    background-image: url("../images/tasto-wel-riga-canc.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].tasto-wel-riga-canc {
	    background-image: url("../images/tasto-wel-riga-canc-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Business Inserisci Riga <--- */
form INPUT[type="button"].tasto-bus-riga-ins {
	    background-image: url("../images/tasto-bus-riga-ins.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 18px; height: 18px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-bus-riga-ins {
	    background-image: url("../images/tasto-bus-riga-ins.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].tasto-bus-riga-ins {
	    background-image: url("../images/tasto-bus-riga-ins-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Business Cancella Riga <--- */
form INPUT[type="button"].tasto-bus-riga-canc {
	    background-image: url("../images/tasto-bus-riga-canc.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 18px; height: 18px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-bus-riga-canc {
	    background-image: url("../images/tasto-bus-riga-canc.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"][disabled].tasto-bus-riga-canc {
	    background-image: url("../images/tasto-bus-riga-canc-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

/* ---> Tasto Opzioni Stampa <--- */
form INPUT[type="button"].tasto-opzioni-stampa {
	    background-image: url("../images/tasto-opzioni-stampa.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 30px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-opzioni-stampa {
	    background-image: url("../images/tasto-opzioni-stampa-active.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 30px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-opzioni-stampa {
	    background: #DCDCDC;
	    background-image: url("../images/tasto-opzioni-stampa.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 30px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

/* ---> Campo Input nascosto (invisibile) <--- */
form INPUT:not([type="submit"]):not([type="button"]).campo-nascosto
            {
            background-image: none;
	    background-color:transparent;
	    color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            border:0;
	    box-shadow: none;
	    cursor:default; 
            }

/* ---> Tasto nascosto (invisibile) <--- */
form INPUT[type="submit"].tasto-nascosto,
form INPUT[type="button"].tasto-nascosto {
            background-image: none;
	    background-color:transparent;
	    color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            border:0;
	    box-shadow: none;
            }

form INPUT[type="submit"]:not([disabled]):hover.tasto-nascosto,
form INPUT[type="button"]:not([disabled]):hover.tasto-nascosto {
            background-image: none;
            background-color:transparent;
            color:transparent;   /* elimina testo per firefox */
            text-indent: -9999px; /* elimina testo per IE */
            border:0;
	    box-shadow: none;
            }

form INPUT[type="submit"][disabled].tasto-nascosto, 
form INPUT[type="button"][disabled].tasto-nascosto {
            background-image: none;
            background-color:transparent;
            color:transparent;   /* elimina testo per firefox */
            text-indent: -9999px; /* elimina testo per IE */
            border:0;
	    box-shadow: none;
            }

/* Impostazione bordi e sfondo per tutti campi in disable e readonly
   (solo per i casi non gestiti altrove)
   N.B.: mettere sempre in fondo a tutte le classi di INPUT e SELECT 
*/                           
INPUT[disabled], SELECT[disabled],
INPUT[readonly], SELECT[readonly] {
             border-style:solid;
	  /* border-color:#B0B0B0; colore vecchio */
	     border-color: transparent;
	  /*   background-color:white; */ 
	  /*   background-color:#F5F5F5; */
	  /*   background-color:transparent; */
	     background-color:white;  
	     cursor:default; 
	     } 

/* !!!PROVA!!! Impostazione evidenziazione campi al passaggio (hover) */
/*   N.B.: mettere prima del focus altrimenti lo puo' sovrascrivere */
INPUT:not([disabled]):not([readonly]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not(.campo-nascosto):hover {
                    /* box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.3); */
			   } 
SELECT:not([disabled]):not([readonly]):not(.campo-nascosto):hover { 
                    /* box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.3); */
			   }

/* !!!PROVA!!! Impostazione evidenziazione campi con focus 
               ad esclusione di classi o tasti particolari */
INPUT:not([disabled]):not([readonly]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not(.campo-nascosto):focus {
	        /* border: 2px solid orange !important;
		   margin: 0px !important; */
		 /*  border-color: rgba(13,87,200,0.4) !important; */
		   border-color: rgba(13,87,200,0.4);  /* senza important altrimenti non si evidenzia il bordo con l'errore-input  */
		   box-shadow: 1px 1px 4px rgba(13,87,200,0.4) inset !important;
		   } 
SELECT:not([disabled]):not([readonly]):not(.campo-nascosto):focus { 
		/* border: 2px solid orange !important;
		   border-right: 2px !important;
		   margin: 0px !important; 
		   margin-right: 2px !important; */
		 /*  border-color: rgba(13,87,200,0.4) !important; */
		   border-color: rgba(13,87,200,0.4);  /* senza important altrimenti non si evidenzia il bordo con l'errore-input  */
		   box-shadow: 1px 1px 4px rgba(13,87,200,0.4) inset !important;
		   }

INPUT[type="submit"]:not([disabled]):not([readonly]):not(.tasto-nascosto):focus,
INPUT[type="button"]:not([disabled]):not([readonly]):not(.tasto-nascosto):focus
                           {
			/*   border: 1px solid black !important;
			   margin-left: 0px !important;
			   margin-right: 0px !important;
			   margin-top: 0px !important;
			   margin-bottom: 0px !important;     */
	        border-collapse:separate;  /* risolve bug IE con box-shadow */
                box-shadow: 0px 0px 1px 2px rgba(255,170,50,1) !important;

/*			   border-style:solid !important;
			   border-color:orange !important; */
			   } 

DIV:focus,
SELECT:focus,
IMG:focus,
INPUT[type="text"]:focus,
INPUT[type="password"]:focus,
INPUT[type="checkbox"]:focus,
INPUT[type="radio"]:focus {
		outline: none !important;  
		} /* toglie il bordo giallo nei focus in CHROME */

INPUT[type="submit"]:focus,
INPUT[type="button"]:focus {
		outline: none !important;  
		} /* toglie il bordo interno tratteggiato IE */

INPUT[type="submit"]:focus::-moz-focus-inner,
INPUT[type="button"]:focus::-moz-focus-inner {
                border-color:transparent !important;
		} /* toglie il bordo interno tratteggiato FF */

/*  Classi per Evidenziazione contenitori dei campi checkbox e radio 
    eseguita tramite javascript quando c'e' focus */
DIV.focuscbox {
	     /*  border: 2px solid orange !important;
	         margin: 0px !important;  */
		 border-color: rgba(13,87,200,0.4) !important;
		 box-shadow: 1px 1px 4px rgba(13,87,200,0.4) inset !important;
	         } 
DIV.focusradio {
	     /*  border: 2px solid orange !important;
	         margin: 0px !important;  */
	         border-color: rgba(13,87,200,0.4) !important;
		 box-shadow: 1px 1px 4px rgba(13,87,200,0.4) inset !important;
	         } 


/* Impostazioni per bottoni e submit disabilitati (soprattutto per firefox) */
INPUT[type="submit"][disabled], INPUT[type="button"][disabled] {
     /*   color:gray;  */
     /*	background:white;
        color:#6699CC;  */
	background:#DCDCDC;
        color:#A9A9A9;
	cursor:default} 

/* Definizione colori per evidenziare campo errato in campi input 
   gestito da motore web o da programma
   N.B.:
   verificare che i pixel dei bordi e del magin sommati diano
   lo stesso valore anche sui tag input / radio / checkbox / select
   in modo da non provocare sfasamenti della pagina con l'applicazione
   della classe
*/
.errore-input:not([elemradio]) { border: 1px solid red !important;
		margin: 1px !important;
                background-color:#FFECEC !important;
                color:#FF0000 !important;
		}

/* per checkbox toglie bordo e margine errore perche' e' gestito 
   nel div contenitore */
.errore-input[type="checkbox"] { border:0px !important;
				 margin:0px !important;
                                 border-color:transparent !important;}
/* per elemento radio toglie bordo perche' lo mette nel div contenitore */
.errore-input[elemradio] { /* margin: 0px !important; */  /* come elemento */
                           background-color:transparent !important;
                           border-color:transparent !important;}
/* se campo disabilitato forza bordo come campi normali disabilitati */
.errore-input[disabled],
.errore-input[readonly] { border-style: solid !important; 
			  border-color: #FF8080 !important;}

/* Definizioni classi per descrizioni (label) e campi input 
   Sono usati nei tipi "ACC-xxxx" e i tipi "DISP-xxxx"
*/
/* Definizione classi LIVELLO1 generale per campi input
   stabilisce colori e stile della casella dei campi input e select
   obbligatori e facoltativi
   cinsT-X = campo inserimento tipo T, 
             X='o' per obbligatorio 
	     X='f' per facoltativo
   N.B.:
   per allineamenti, font e dimensione carattere, usare Livello 2.
*/
/* LIV1 - TIPO0 - (Contenitore invisibile senza sfondo e senza bordi
                   e nessuna differenza tra obbligatorio e facolativo) 
                  N.B.: per ora e' usato solo da ACC-RADIO-0
		  */
/* L1 - T0 - Campo input e select normali */
INPUT.cins0-o:not([disabled]):not([readonly]),
SELECT.cins0-o:not([disabled]):not([readonly]) {
                           color:black;background:transparent;}  
INPUT.cins0-o[disabled], 
INPUT.cins0-o[readonly], 
SELECT.cins0-o[disabled], 
SELECT.cins0-o[readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:transparent;} 
INPUT.cins0-o[disabled][elemradio] { 
			   border-color: transparent;
                           }

INPUT.cins0-f:not([disabled]):not([readonly]),
SELECT.cins0-f:not([disabled]):not([readonly]) { 
                           color:black;background:transparent;} 
INPUT.cins0-f[disabled], 
INPUT.cins0-f[readonly], 
SELECT.cins0-f[disabled], 
SELECT.cins0-f[readonly] {
                           color:black;background:transparent;} 
INPUT.cins0-f[disabled][elemradio] { 
			   border-color: transparent;
                           }

/* L1 - T0 - elemento contenitore casella checkbox */

DIV.cins0-o[contcbox], 
DIV.cins0-f[contcbox] {text-align:left;
                       border:0px solid;
                       padding-top:2px; /* adattato per IE e FF */
		       padding-left:2px; padding-right:2px;
                       padding-bottom:0px; /* c'e' gia' un minimo */
		       margin:1px;}
DIV.cins0-o[contcbox]:not([disabled]):not([readonly]) {
                           color:black;background:transparent;}
DIV.cins0-o[contcbox][disabled],
DIV.cins0-o[contcbox][readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:transparent;}

DIV.cins0-f[contcbox]:not([disabled]):not([readonly]) {
                           color:black;background:transparent;}
DIV.cins0-f[contcbox][disabled],
DIV.cins0-f[contcbox][readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:transparent;}
/* L1 - T0 - elemento contenitore casella radio */
DIV.cins0-o[contradio], 
DIV.cins0-f[contradio] {
                  text-align:left;
		  margin:2px;
		  border:0px solid;
	          box-shadow:0px 0px 0px 0px !Important; 
		     /* disattivo shadow solo per questa classe */
		     /* perche' non ha bordi */
		  }

DIV.cins0-o[contradio]:not([disabled]):not([readonly]) {
                           color:black;background:transparent;}
DIV.cins0-o[contradio][disabled],
DIV.cins0-o[contradio][readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:transparent;}

DIV.cins0-f[contradio]:not([disabled]):not([readonly]) {
                           color:black;background:transparent;}
DIV.cins0-f[contradio][disabled],
DIV.cins0-f[contradio][readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:transparent;}

/* L1 - T0 - label associato alla singola casella radio */
LABEL.cins0-o[labelradio]:not([disabled]):not([readonly]) {
                           color:black;background:transparent;}
LABEL.cins0-o[labelradio][disabled], 
LABEL.cins0-o[labelradio][readonly] {
                           color:gray !important;background:transparent;}

LABEL.cins0-f[labelradio]:not([disabled]):not([readonly]) {
                           color:black;background:transparent;}
LABEL.cins0-f[labelradio][disabled], 
LABEL.cins0-f[labelradio][readonly] {
                           color:gray !important;background:transparent;}

/* L1 - T0 - tendina speciale convertita in ricerca (aggiunge immagine) */
INPUT.cins0-o[tendric-txt]:not([disabled]):not([readonly]),
INPUT.cins0-f[tendric-txt]:not([disabled]):not([readonly]) {
                text-align:left;
	        background-image: url("../images/casella-tendina-ricerca.png");
	        background-position: right; 
	        background-repeat: no-repeat;
                }  

DIV.tendina1 SPAN.ev { 
	background-color:yellow;
}
				
/* LIV1 - TIPO1 - (Contenitore Normale con sfondo e bordo
                   inoltre colori diversi tra obbligatorio e facoltativo) */
/* L1 - T1 - Campo input e select normali */
INPUT.cins1-o:not([disabled]):not([readonly]),
SELECT.cins1-o:not([disabled]):not([readonly]) {
                           color:black;background:white;}  
                         /*  color:balck;background:#CAE2FA;}  */

INPUT.cins1-o[disabled], 
INPUT.cins1-o[readonly], 
SELECT.cins1-o[disabled], 
SELECT.cins1-o[readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:white;} 
INPUT.cins1-o[disabled][elemradio] { 
			   border-color: transparent;
                           }

INPUT.cins1-f:not([disabled]):not([readonly]),
SELECT.cins1-f:not([disabled]):not([readonly]) { 
                           color:black;background:#E6E6E6;} 
INPUT.cins1-f[disabled], 
INPUT.cins1-f[readonly], 
SELECT.cins1-f[disabled], 
SELECT.cins1-f[readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:#E6E6E6;} 
INPUT.cins1-f[disabled][elemradio] { 
			   border-color: transparent;
                           }

/* L1 - T1 - elemento contenitore casella checkbox */
DIV.cins1-o[contcbox], 
DIV.cins1-f[contcbox] {text-align:left;
                   border:1px solid;
                   border-color: lightgray transparent transparent lightgray;
                   padding-top:2px; /* adattato per IE e FF */
		   padding-left:2px; padding-right:2px;
                   padding-bottom:0px; /* c'e' gia' un minimo */
		   margin:1px;}
DIV.cins1-o[contcbox]:not([disabled]):not([readonly]) {
                           color:black;background:white;}  
                         /*  color:balck;background:#CAE2FA;}  */
DIV.cins1-o[contcbox][disabled],
DIV.cins1-o[contcbox][readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:white;}

DIV.cins1-f[contcbox]:not([disabled]):not([readonly]) {
                           color:black;background:#E6E6E6;}
DIV.cins1-f[contcbox][disabled],
DIV.cins1-f[contcbox][readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:#E6E6E6;}
/* L1 - T1 - elemento contenitore casella radio */
DIV.cins1-o[contradio],
DIV.cins1-f[contradio] {text-align:left;
                   border:1px solid;
                   border-color: lightgray transparent transparent lightgray;
		   margin:1px;}

DIV.cins1-o[contradio]:not([disabled]):not([readonly]) {
                           color:black;background:white;}  
                         /*  color:balck;background:#CAE2FA;}  */
DIV.cins1-o[contradio][disabled],
DIV.cins1-o[contradio][readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:white;}

DIV.cins1-f[contradio]:not([disabled]):not([readonly]) {
                           color:black;background:#E6E6E6;}
DIV.cins1-f[contradio][disabled],
DIV.cins1-f[contradio][readonly] {
			   border-style: solid;
	                /* border-color:#B0B0B0; colore vecchio */
	                   border-color: transparent;
                           color:black;background:#E6E6E6;}

/* L1 - T1 - elemento label associata alla singola casella radio */
LABEL.cins1-o[labelradio]:not([disabled]):not([readonly]) {
                           color:black;background:transparent;}
LABEL.cins1-o[labelradio][disabled], 
LABEL.cins1-o[labelradio][readonly] {
                           color:gray !important;background:transparent;}

LABEL.cins1-f[labelradio]:not([disabled]):not([readonly]) {
                           color:black;background:transparent;}
LABEL.cins1-f[labelradio][disabled], 
LABEL.cins1-f[labelradio][readonly] {
                           color:gray !important;background:transparent;}

/* L1 - T1 - tendina speciale convertita in ricerca (aggiunge immagine) */
INPUT.cins1-o[tendric-txt]:not([disabled]):not([readonly]),
INPUT.cins1-f[tendric-txt]:not([disabled]):not([readonly]) {
                text-align:left;
	        background-image: url("../images/casella-tendina-ricerca.png");
	        background-position: right; 
	        background-repeat: no-repeat;
                }  

/* Definizione classi LIVELLO2 per campi input e select
   stabilisce allineamenti, carattere ecc.
   N.B.: NON USARE COLORI
   N.B.: ATTENZIONE!!! stringa1 viene usato anche per i elementi tipo DISP-xxx
*/
/* LIV2 - Tipo 1 - Font monospace */
/* LABEL.stringa1 {text-align:left;font-family: sans-serif;font-size:0.9em} */
INPUT.stringa1 {text-align:left;}

/* LABEL.numero1 {text-align:left;font-family: sans-serif;font-size:0.9em} */
INPUT.numero1 {text-align:right;}

/* LABEL.data1 {text-align:left;font-family: sans-serif;font-size:0.9em} */
INPUT.data1 {text-align:right;}

/* LABEL.radio1 {text-align:left;font-family: sans-serif;font-size:0.9em} */
INPUT.radio1 {text-align:left;}

/* LABEL.cbox1 {text-align:left;font-family: sans-serif;font-size:0.9em} */
INPUT.cbox1 {text-align:left;}

/* LABEL.tendina1 {text-align:left;font-family: sans-serif;font-size:0.9em} */
SELECT.tendina1 {text-align:left;}
OPTION.tendina1 {text-align:left;}

/* ---- FINE LIVELLI CAMPI INPUT/SELECT ---- */

/* Definizioni classi per elementi tipo "DISP-xxx" e label campi "ACC-xx" */
LABEL.disp1 {text-align:left;font-family: sans-serif;font-size:0.9em;}
LABEL.dispacc1 {text-align:left;
                font-family: "Courier New", "Courier", monospace; 
		font-size:1em;}
LABEL.radio1[labelradio] {
             text-align:left;font-family: sans-serif;font-size:0.9em;
	     position:relative;top:-1px; /* allinea il testo */
	     }

/* Definizioni classi per progressbar */
DIV.pbar-1-cont {
	       display:inline-block;
	       position: relative;
               border: 1px solid black;
	       border-radius: 7px;
	       background-color:#F5F5F5;
	       margin: 1px;
	       padding:1px;
	       width:99%;
	       border-collapse:separate;  /* risolve bug IE con box-shadow */
               box-shadow: 1px 1px 2px 0px rgba(180,180,180,1);
	  /*   height:1em;  /* altezza minima */
                    }
DIV.pbar-1-barra {
		    border-radius: 7px;
	  /*   background-color:red; */
	  /*   background-color:#37F5F5;  */
	  /*   background-color:#26D8EF; */
	       background-color:#B9D8EF;
	       height:1em; 
               }
DIV.pbar-1-testo {
	       position:absolute;
	       top:0px; 
	       left:0px;
	       text-align:center;
	       width:100%;
               color: black;
	       font-family: arial, sans-serif; 
               }

/* Definizioni classi per messaggi speciali */
DIV.messaggio-running {text-align:center;}
LABEL.messaggio-running {font-weight:bold;font-family:sans-serif;}
DIV.messaggio-err-1 {text-align:center;}
LABEL.messaggio-err-1 {color:red;font-family:sans-serif;}
DIV.messaggio-err-grave {text-align:center;}
LABEL.messaggio-err-grave {color:red;font-size:1.2em;font-family:sans-serif;}

/* Per messaggio motore in caso di terminato con errore da cobol */
LABEL.messaggio-err-terminato {color:red;font-family:sans-serif;}  

/* Definizione classi per bottoni */
# INPUT.BottoneMenu1   {text-align:left;font-size:1.1em;margin: 2px !important}
INPUT.BottoneMenu1   {text-align:left;font-size:1.1em}
INPUT.BottoneMenu1-c {text-align:center;font-size:1.1em}
INPUT.BottoneMenu1-dx {text-align:right;font-size:1.1em}

INPUT.BottoneMenu2   {text-align:left;font-size:1.2em}
INPUT.BottoneMenu2-c {text-align:center;font-size:1.2em}
INPUT.BottoneMenu2-dx {text-align:right;font-size:1.2em}

INPUT.BottoneFunzione1 {text-align:center;}

INPUT.BottoneTasto1 {text-align:center;}

INPUT.BottoneSubmit1 {text-align:center;}

INPUT.BottonePopup1 {text-align:center;}

/* Definizione classi per link web */
.Linkweb1 { font-family: sans-serif;font-size:0.9em; }

/* Definizione classi per campi speciali */
INPUT.campo-calendario {
              border-color:transparent grey transparent transparent !important;
                        } /* calendario registraz. */

/* Definizioni stili generali */


/* ***** Definizioni sottoclassi per modifiche estetiche ad-hoc 
   ***** (tenere in fondo al css) 
*/

/* Bordi per Divisori e Tabelle 
   (N.B.: non usare !iportant perche' potrebbe interferire 
    con la classe errore-input)
*/
DIV.bordo0, TABLE.bordo0, td.bordo0, tr.bordo0, input.bordo0, img.bordo0 
        { 
         border: 0px;} /* toglie bordo */

DIV.bordo1, TABLE.bordo1, td.bordo1, tr.bordo1, input.bordo1, img.bordo1 
        { 
         border: 1px; 
         border-style:solid; 
	 border-color:black; 
	}

DIV.bordo2, TABLE.bordo2, td.bordo2, tr.bordo2, input.bordo2, img.bordo2 
        { 
         border: 3px; 
         border-style:solid; 
	 border-color:black; 
	 padding: 3px 3px 3px 3px;
	}

/* Bordo per finestra login */
.bordo-fin-login 
        { 
         border: 1px; 
         border-style:solid; 
	 border-color:black; 
	 border-radius:5px;
	 border-collapse:separate;  /* risolve bug IE con box-shadow */
         box-shadow: 2px 2px 3px 0px rgba(100,100,100,1);
	}

/* Bordo generico per finestra di conferma operazione */
.bordo-fin-conferma 
        { 
         border: 1px; 
         border-style:solid; 
	 border-color:black; 
	 border-radius:5px;
	 border-collapse:separate;  /* risolve bug IE con box-shadow */
         box-shadow: 2px 2px 3px 0px rgba(100,100,100,1);
	}

/* Ombreggiature generiche su bordi */
.ombra1 {
         box-shadow: 2px 2px 3px 0px rgba(100,100,100,1);
}
.ombra2 {
         box-shadow: 0px 5px 10px 0px rgba(100,100,100,1);
}
.ombra-sottomenu {
         box-shadow: 0px 5px 10px 0px rgba(80,80,80,1);
}

/* posizionamento */
.pos-static {position:static}  /* default */
.pos-absolute {position:absolute}
.pos-relative {position:relative}

/* selezione tipo cursore puntatore */
.cursore-default {cursor:default !important;}    /* freccia */
.cursore-puntatore {cursor:pointer !important;}  /* ditino */
.cursore-attendere {cursor:progress !important;} /* freccia con attesa */
.cursore-attendere2 {cursor:wait !important;}    /* attesa senza freccia */
.cursore-testo {cursor:text !important;}     /* cursore per testo */
.cursore-help {cursor:help !important;}      /* freccia con punto di domanda */

/* selezione tipo font caratteri */
.tipocar-cabin {font-family:Cabin, sans-serif !important;}
.tipocar-arial {font-family:Arial, sans-serif !important;}
.tipocar-arial-black {font-family:"Arial Black", sans-serif !important;}
.tipocar-verdana {font-family:Verdana, sans-serif !important;}
.tipocar-comic-sans {font-family:"Comic Sans MS", sans-serif !important;}
.tipocar-trebuchet {font-family:"Trebuchet MS", sans-serif !important;}
.tipocar-book-antiqua {font-family:"Book Antiqua", serif !important;}
.tipocar-times {font-family:"Times New Roman", serif !important;}
.tipocar-palatino {font-family:"Palatino Linotype", "Palatino", "URW Palladio L", serif !important;}  /* ha nomi diversi in base al S.O. */
.tipocar-courier-new {font-family:"Courier New", Courier, monospace !important;}
.tipocar-lucida  {font-family:"Lucida Console", monospace !important;} 
.tipocar-lucidasanstw  {font-family:"Lucida Sans Typewriter", monospace, sans-serif !important;} 
.tipocar-consolas  {font-family:"Consolas", monospace, sans-serif !important;} 
.tipocar-dejavusansmono {font-family:"DejaVuSansMono", monospace !important;}
/*  Tolgo font georgia perche' ha i numeri brutti 
.tipocar-georgia {font-family:Georgia, serif !important;} */


/* dimensione caratteri */
/* N.B.: viene messa l'opzione "!important" per dare la priorita' massima
   su tutte le altre classi */
.dimcar-p1 {font-size:0.9em !important;}
.dimcar-p2 {font-size:0.8em !important;}
.dimcar-p3 {font-size:0.7em !important;}
.dimcar-p4 {font-size:0.6em !important;}
.dimcar-p5 {font-size:0.5em !important;}
.dimcar-p6 {font-size:0.4em !important;}

.dimcar-g0 {font-size:1em !important;}
.dimcar-g1 {font-size:1.2em !important;}
.dimcar-g2 {font-size:1.4em !important;}
.dimcar-g3 {font-size:1.6em !important;}
.dimcar-g4 {font-size:1.8em !important;}
.dimcar-g5 {font-size:2.0em !important;}
.dimcar-g6 {font-size:2.2em !important;}
.dimcar-g7 {font-size:2.4em !important;}
.dimcar-g8 {font-size:2.6em !important;}
.dimcar-g9 {font-size:2.8em !important;}
.dimcar-g10 {font-size:3.0em !important;}
.dimcar-g11 {font-size:3.5em !important;}
.dimcar-g12 {font-size:4.0em !important;}
.dimcar-g13 {font-size:4.5em !important;}
.dimcar-g14 {font-size:5.0em !important;}
.dimcar-g15 {font-size:5.5em !important;}
.dimcar-g16 {font-size:6.0em !important;}
.dimcar-g17 {font-size:6.5em !important;}
.dimcar-g18 {font-size:7.0em !important;}
.dimcar-g19 {font-size:7.5em !important;}
.dimcar-g20 {font-size:8.0em !important;}

/* stile carattere */
/* N.B.: viene messa l'opzione "!important" per dare la priorita' massima
   su tutte le altre classi */
.normale {font-weight:normal !important;font-style:normal !important;}
.grassetto {font-weight:bold !important;}
.italico {font-style:italic !important;}
.sottolineato {text-decoration:underline !important;}
.barrato {text-decoration:line-through !important;}

/* stile per creare effetto grafico come un link */
.effetto-link {color:#0000FF !important;
               border-bottom:1px solid #0000FF !important;
	       cursor: pointer;
               }

/* allineamenti */
DIV.all-o-centrato {display:block;margin: 0 auto;text-align:center;
		   }  /* serve a disattivare divisore-elementi 
                         N.B.: non usare nella table perche' 
                               il display:block
                               disattiva la centratura verticale
                      */
TABLE.all-o-centrato, TD.all-o-centrato, TR.all-o-centrato 
                   {text-align:center;}

.all-o-centrato {margin: 0 auto !important;text-align:center !important;}  
.all-o-sinistra {text-align:left !important;}
.all-o-destra {text-align:right !important;}

/* Allineamento verticale solo per TD (colonne tabelle) */
/*             N.B. non funzionano con i DIV            */
.all-v-alto {vertical-align:top !important;} 
.all-v-centrato {vertical-align:middle !important;} 
.all-v-basso {vertical-align:bottom !important;} 

/* N.B.: viene messa l'opzione "!important" per dare la priorita' massima
   su tutte le altre classi */
/* modifica colore del testo */
.col-nero {color:black !important;}
.col-bianco {color:white !important;}
.col-rosso {color:#FF0000 !important;}
.col-rosso1 {color:#FF0000 !important;}
.col-rosso2 {color:#DC143C !important;}
.col-rosso3 {color:#CD5C5C !important;}
.col-giallo {color:#FFFF00 !important;}
.col-giallo1 {color:#FFFACD !important;}
.col-giallo2 {color:#FFFF99 !important;}
.col-giallo3 {color:#FFFF66 !important;}
.col-giallo4 {color:#FFFF33 !important;}
.col-giallo5 {color:#FFFF00 !important;}
.col-giallo6 {color:#FFD700 !important;}  
.col-arancione {color:#FFA500 !important;}  
.col-arancione1 {color:#FFEC8B !important;}  
.col-arancione2 {color:#FFD700 !important;}  
.col-arancione3 {color:#FFC125 !important;}  
.col-arancione4 {color:#FFB90F !important;}  
.col-arancione5 {color:#FFA500 !important;}  
.col-arancione6 {color:#FF8C00 !important;}  
.col-arancione7 {color:#FF7F00 !important;}  
.col-arancione8 {color:#EE7600 !important;}  
.col-blu {color:blue !important;}
.col-blu {color:#0000FF !important;}
.col-blu1 {color:#4876FF !important;}
.col-blu2 {color:#436EEE !important;}
.col-blu3 {color:#4169E1 !important;}
.col-blu4 {color:#3A5FCD !important;}
.col-blu5 {color:#0000FF !important;}
.col-blu6 {color:#0000EE !important;}
.col-blu7 {color:#0000CD !important;}
.col-blu8 {color:#00008B !important;}
.col-grigio {color:#DCDCDC !important;}
.col-grigio1 {color:#F5F5F5 !important;}
.col-grigio2 {color:#DCDCDC !important;}
.col-grigio3 {color:#D3D3D3 !important;}
.col-grigio4 {color:#C0C0C0 !important;}
.col-grigio5 {color:#A9A9A9 !important;}
.col-grigio6 {color:#808080 !important;}
.col-grigio7 {color:#696969 !important;}
.col-grigio8 {color:#E6E6E6 !important;}
.col-verde {color:#00FF00 !important;} 
.col-verde1 {color:#008700 !important;} 
.col-azzurro {color:#76B0E0 !important;} 
.col-azzurro1 {color:#98F5FF !important;} 
.col-azzurro2 {color:#76B0E0 !important;} 
.col-viola {color:#EE82EE !important;} 
.col-rosa {color:#FFC0CB !important;} 
.col-marrone {color:#A52A2A !important;} 
 
/* modifica colore dello sfondo */
.colbg-nero {background-color:black !important;}
.colbg-bianco {background-color:white !important;}

.colbg-rosso {background-color:#FF0000 !important;}
.colbg-rosso1 {background-color:#FF0000 !important;}
.colbg-rosso2 {background-color:#DC143C !important;}
.colbg-rosso3 {background-color:#CD5C5C !important;}
.colbg-rosso4 {background-color:#FFECEC !important;}

.colbg-giallo {background-color:#FFFF00 !important;}
.colbg-giallo1 {background-color:#FFFACD !important;}
.colbg-giallo2 {background-color:#FFFF99 !important;}
.colbg-giallo3 {background-color:#FFFF66 !important;}
.colbg-giallo4 {background-color:#FFFF33 !important;}
.colbg-giallo5 {background-color:#FFFF00 !important;}
.colbg-giallo6 {background-color:#FFD700 !important;} 

.colbg-arancione {background-color:#FFA500 !important;}  
.colbg-arancione1 {background-color:#FFEC8B !important;}  
.colbg-arancione2 {background-color:#FFD700 !important;}  
.colbg-arancione3 {background-color:#FFC125 !important;}  
.colbg-arancione4 {background-color:#FFB90F !important;}  
.colbg-arancione5 {background-color:#FFA500 !important;}  
.colbg-arancione6 {background-color:#FF8C00 !important;}  
.colbg-arancione7 {background-color:#FF7F00 !important;}  
.colbg-arancione8 {background-color:#EE7600 !important;}  

.colbg-blu {background-color:#0000FF !important;}
.colbg-blu1 {background-color:#4876FF !important;}
.colbg-blu2 {background-color:#436EEE !important;}
.colbg-blu3 {background-color:#4169E1 !important;}
.colbg-blu4 {background-color:#3A5FCD !important;}
.colbg-blu5 {background-color:#0000FF !important;}
.colbg-blu6 {background-color:#0000EE !important;}
.colbg-blu7 {background-color:#0000CD !important;}
.colbg-blu8 {background-color:#00008B !important;}

.colbg-grigio {background-color:#DCDCDC !important;}
.colbg-grigio1 {background-color:#F5F5F5 !important;}
.colbg-grigio2 {background-color:#DCDCDC !important;}
.colbg-grigio3 {background-color:#D3D3D3 !important;}
.colbg-grigio4 {background-color:#C0C0C0 !important;}
.colbg-grigio5 {background-color:#A9A9A9 !important;}
.colbg-grigio6 {background-color:#808080 !important;}
.colbg-grigio7 {background-color:#696969 !important;}
.colbg-grigio8 {background-color:#E6E6E6 !important;}

.colbg-verde {background-color:#00FF00 !important;} 
.colbg-verde1 {background-color:#008700 !important;} 
.colbg-azzurro {background-color:#76B0E0 !important;} 
.colbg-azzurro1 {background-color:#98F5FF !important;} 
.colbg-azzurro2 {background-color:#76B0E0 !important;} 
.colbg-viola {background-color:#EE82EE !important;} 
.colbg-rosa {background-color:#FFC0CB !important;} 
.colbg-marrone {background-color:#A52A2A !important;} 

/* modifica colori per bordi di divisori, tabelle, separatori ecc. */
DIV.colbordo-nero, TABLE.colbordo-nero, td.colbordo-nero, tr.colbordo-nero {border-color:black !important;}
DIV.colbordo-bianco, TABLE.colbordo-bianco, td.colbordo-bianco, tr.colbordo-bianco {border-color:white !important;}
DIV.colbordo-rosso, TABLE.colbordo-rosso, td.colbordo-rosso, tr.colbordo-rosso {border-color:#FF0000 !important;}
DIV.colbordo-rosso1, TABLE.colbordo-rosso1, td.colbordo-rosso1, tr.colbordo-rosso1 {border-color:#FF0000 !important;}
DIV.colbordo-giallo, TABLE.colbordo-giallo, td.colbordo-giallo, tr.colbordo-giallo  {border-color:#FFFF00 !important;}
DIV.colbordo-blu, TABLE.colbordo-blu, td.colbordo-blu, tr.colbordo-blu {border-color:#0000FF !important;}
DIV.colbordo-blu8, TABLE.colbordo-blu8, td.colbordo-blu8, tr.colbordo-blu8 {border-color:#00008B !important;}
DIV.colbordo-azzurro, TABLE.colbordo-azzurro, td.colbordo-azzurro, tr.colbordo-azzurro {border-color:#76B0E0 !important;}
DIV.colbordo-azzurro1, TABLE.colbordo-azzurro1, td.colbordo-azzurro1, tr.colbordo-azzurro1 {border-color:#98F5FF !important;}
DIV.colbordo-azzurro2, TABLE.colbordo-azzurro2, td.colbordo-azzurro2, tr.colbordo-azzurro2 {border-color:#76B0E0 !important;}

/* colori per calendario registrazione */
.colbg-cal-fest {background-color:#B2D7DC !important;} 

/* colore per titoli finestra generici (uguale a VD-1) */
.col-titolo-generico {color: white !important;}
.colbg-titolo-generico {background-color: #4A99D1 !important;}
.col-titolo-generico-dis {color: white !important;}
.colbg-titolo-generico-dis {background-color: #A9A9A9 !important;}

/* colore speciale per titoli con sfumatura come tasti */
.col-titolo-speciale1 {color: white !important;}
.colbg-titolo-speciale1 {
	    background-image: url("../images/tasto-bg.png");
	    background-position: top left;
	    background-repeat: repeat-x;
     }

/* colore per titoli sezione in gestioni (anagrafiche ecc.) */
.col-titolo-sezione {color: white !important;}
.colbg-titolo-sezione {
     background: #9CADBF !important; /* for browsers vecchi senza sfumature */

     /* salvo inizio #9CADBF e fine #BCCDDF  */
      
     background: -webkit-linear-gradient(left, #9CADBF 0%, #9CADBF 30%, #E2F3FF 100%) !important; /* for webkit browsers (Chrome ecc.)*/

     background: -moz-linear-gradient(left,  #9CADBF 0%, #9CADBF 30%,  #E2F3FF 100%) !important; /* for firefox 3.6+ */

     background: -o-linear-gradient(left, #9CADBF 0%, #9CADBF 30%, #E2F3FF 100%) !important; /* for Opera */

     background: -ms-linear-gradient(left, #9CADBF 0%, #9CADBF 30%, #E2F3FF 100%) !important; /* for IE */

     background: linear-gradient(left, #9CADBF 0%, #9CADBF 30%, #E2F3FF 100%) !important; /* generico se altri non vanno */
    }


/* colori per tabelle elenchi con lettura facilitata */
.col-lf-intestazione {color:white !important;}
.colbg-lf-intestazione {background-color:#007DC0 !important;}

.col-lf-riga-dispari {color:#00008B !important;}
.colbg-lf-riga-dispari {background-color:white !important;}

.col-lf-riga-pari {color:#00008B !important;}
.colbg-lf-riga-pari {background-color:#D1E8FF !important;}


/* classi per evidenziazione sfondo al passaggio del mouse */
.hover-col-bianco:hover {color:white !important;}
.hover-col-giallo:hover {color: #FFFF00 !important;}
.hover-col-verde:hover {color: #00FF00 !important;}
.hover-col-azzurro:hover {color: #76B0E0 !important;}
.hover-col-rosso:hover {color: #FF0000 !important;}
.hover-bg-giallo:hover {background-color: #FFFF00 !important;}
.hover-bg-giallo1:hover {background-color: #FFFACD !important;}
.hover-bg-verde:hover {background-color: #00FF00 !important;}
.hover-bg-azzurro:hover {background-color: #76B0E0 !important;}
.hover-bg-rosso:hover {background-color: #FF0000 !important;}
.hover-bordo-blu:hover {border:1px solid #00008B !important;}

.tablesorter tr.hover-bg-azzurro:hover td { background-color: #76B0E0 !important; }


/* Definizione classe per ritorno a capo */
.acapo {}

/* Definizione classe per spaziatura orizzontale */
.spaziatura {height:5px;background-color:yellow;
            }

/* ---> Finestrella Help Manuale <--- */
.help-keyman {
	display:inline-block;
	font-family: Times-New-Roman;
	
	position:absolute;
	background: white;
     /*	border:2px solid rgba(13,87,200,0.4); */
	border:2px solid rgba(74,153,209,0.8);
	border-collapse:separate;  /* risolve bug IE con box-shadow */
      /* box-shadow: 3px 3px 5px 1px rgba(13,87,200,0.4); */
      box-shadow: 3px 3px 5px 1px rgba(74,153,209,0.4);
	left:5px;
	margin-top:5px;
	padding:4px;
	white-space:nowrap;
	cursor: default;
	z-index:9999;
	
	overflow: auto;
	max-height: 500px;
	max-width: 800px;
   
   color: black;
}

.help-keyman span.new_tab {
     /* border:2px solid rgba(13,87,200,0.4);  */
	border:2px solid rgba(74,153,209,0.8);
	position:absolute;
	top:-10px;
	background:white;
	cursor:pointer;
	
}

.cursore-keyman {
	cursor:help;
}

/* --------->  Classi speciali per Menu Dropdown ORIZZONTALE 
*/
form ul.menu-drop-o-liv0 {
	 margin:0;
	 padding:0px;
	 visibility:visible;
	 display:inline-block;
	 width:100%;
}

form ul.menu-drop-o-liv1,
form ul.menu-drop-o-liv2,
form ul.menu-drop-o-liv3,
form ul.menu-drop-o-liv4,
form ul.menu-drop-o-liv5 {
	 position:absolute;
	 margin:0;
	 padding:0px;
	 visibility:hidden;
	 /* ripristina direzione testo se prima era stato usato rlt */
         direction: ltr;
	 /* corregge riga anomalia su ombra in ie */
	 border-bottom-style:solid;
	 border-bottom-width:1px;
	 border-bottom-color:transparent;
}
form li.scelta-menu-drop-o-liv0 {
	 float:left; 
}
form li.scelta-menu-drop-o-liv0,
form li.scelta-menu-drop-o-liv1,
form li.scelta-menu-drop-o-liv2,
form li.scelta-menu-drop-o-liv3,
form li.scelta-menu-drop-o-liv4,
form li.scelta-menu-drop-o-liv5 {
	 position:relative;
	 list-style:none;
}
form li.scelta-menu-drop-o-liv0:not([disattivo]):hover ul.menu-drop-o-liv1{
	 z-index:99;
	 visibility:visible;
}
form li.scelta-menu-drop-o-liv1:not([disattivo]):hover ul.menu-drop-o-liv2{
	 z-index:99;
	 visibility:visible;
}
form li.scelta-menu-drop-o-liv2:not([disattivo]):hover ul.menu-drop-o-liv3{
	 z-index:99;
	 visibility:visible;
}
form li.scelta-menu-drop-o-liv3:not([disattivo]):hover ul.menu-drop-o-liv4{
         z-index:99;
         visibility:visible;
}
form li.scelta-menu-drop-o-liv4:not([disattivo]):hover ul.menu-drop-o-liv5{
         z-index:99;
         visibility:visible;
}
/*  Serve a rendere visibile e fisso il sottomenu sempre  */
form ul.menu-drop-o-fisso {
	 position:static;
	 visibility:visible;
}

/* --------->  Classi speciali per Menu Dropdown VERTICALE   
*/
form ul.menu-drop-v-liv0 {
	 margin:0;
	 padding:0px;
	 visibility:visible;
	 display:inline-block;
}

form ul.menu-drop-v-liv1,
form ul.menu-drop-v-liv2,
form ul.menu-drop-v-liv3,
form ul.menu-drop-v-liv4,
form ul.menu-drop-v-liv5 {
	 position:absolute;
	 margin:0;
	 padding:0px;
	 visibility:hidden;
	 top:0px;
	 left:100%;
	 /* ripristina direzione testo se prima era stato usato rlt */
         direction: ltr;
	 /* corregge riga anomalia su ombra in ie */
	 border-bottom-style:solid;
	 border-bottom-width:1px;
	 border-bottom-color:transparent;
}

form li.scelta-menu-drop-v-liv0,
form li.scelta-menu-drop-v-liv1,
form li.scelta-menu-drop-v-liv2,
form li.scelta-menu-drop-v-liv3,
form li.scelta-menu-drop-v-liv4,
form li.scelta-menu-drop-v-liv5 {
	 position:relative;
	 list-style:none;
}
form li.scelta-menu-drop-v-liv0:not([disattivo]):hover ul.menu-drop-v-liv1{
	 z-index:99;
	 visibility:visible;
}
form li.scelta-menu-drop-v-liv1:not([disattivo]):hover ul.menu-drop-v-liv2{
	 z-index:99;
	 visibility:visible;
}
form li.scelta-menu-drop-v-liv2:not([disattivo]):hover ul.menu-drop-v-liv3{
	 z-index:99;
	 visibility:visible;
}
form li.scelta-menu-drop-v-liv3:not([disattivo]):hover ul.menu-drop-v-liv4{
         z-index:99;
         visibility:visible;
}
form li.scelta-menu-drop-v-liv4:not([disattivo]):hover ul.menu-drop-v-liv5{
         z-index:99;
         visibility:visible;
}
/*  Serve a rendere visibile e fisso il sottomenu sempre  */
form ul.menu-drop-v-fisso {
	 position:static;
	 visibility:visible;
}



   
/*  !!!!!!!! TASTI SPECIALI ANCORA IN PROVA !!!!!!
*/


/* ---> Tasto Voce 99 Registrazione <--- */
form INPUT[type="button"].tasto-nota-v99 {
	    background-image: url("../images/nota-v99.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 28px; height: 26px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:hover.tasto-nota-v99 {
	    background-image: url("../images/nota-v99.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 28px; height: 26px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: 0px 0px 1px 2px rgb(255, 170, 50) !important;
	    background-color: transparent !important;
            }


/* ---> Tasto Descrizione aggiuntiva Registrazione <--- */
form INPUT[type="button"].tasto-descr-agg {
	    background-image: url("../images/fumetto.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 21px; height: 20px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

/* ---> Tasto Visualizza storico Registrazione <--- */
form INPUT[type="button"].tasto-vis-storico {
	    background-image: url("../images/storia.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 34px; height: 26px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

/* ---> Tasto Visualizza ferie Registrazione <--- */
form INPUT[type="button"].tasto-vis-ferie {
	    background-image: url("../images/ferie.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 30px; height: 26px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

/* ---> Tasto Pulisci Registrazione <--- */
form INPUT[type="button"].tasto-pulisci {
	    background-image: url("../images/pulisci.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 28px; height: 24px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

/* ---> Tasto Ricicla Registrazione <--- */
form INPUT[type="button"].tasto-ricicla {
	    background-image: url("../images/riciclo.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 28px; height: 26px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

/* ---> Tasto Nuova voce Registrazione <--- */
form INPUT[type="button"].tasto-nuova-voce {
	    background-image: url("../images/nuovo.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 26px; height: 26px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

/* ---> Tasto Anteprima <--- */
form INPUT[type="button"].tasto-anteprima {
	    background-image: url("../images/anteprima.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 28px; height: 26px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }
/* ---> Tasto uscita <--- */
form INPUT[type="button"].tasto-uscita {
	    background-image: url("../images/uscita.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-uscita {
	    background-image: url("../images/uscita-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-uscita {
	    background: #DCDCDC;
	    background-image: url("../images/uscita.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
	    
	     /* ---> Tasto Stampante <--- */
form INPUT[type="button"].tasto-stampante {
	    background-image: url("../images/stampante.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 26px; height: 26px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }
	    
/* ---> Tasto Nuovo <--- */
form INPUT[type="button"].tasto-nuovo {
	    background-image: url("../images/new.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-nuovo {
	    background-image: url("../images/new-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-nuovo {
	    background: #DCDCDC;
	    background-image: url("../images/new.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Stampa <--- */
form INPUT[type="button"].tasto-stampa {
	    background-image: url("../images/stampa.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-stampa {
	    background-image: url("../images/stampa-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-stampa {
	    background: #DCDCDC;
	    background-image: url("../images/stampa.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }


/* ---> Tasto Stampa dettaglio <--- */
form INPUT[type="button"].tasto-stampa-dettaglio {
	    background-image: url("../images/stampa-dettaglio.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-stampa-dettaglio {
	    background-image: url("../images/stampa-dettaglio-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-stampa-dettaglio {
	    background: #DCDCDC;
	    background-image: url("../images/stampa-dettaglio.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }



/* ---> Tasto Modifica <--- */
form INPUT[type="button"].tasto-modifica {
	    background-image: url("../images/modifica.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-modifica {
	    background-image: url("../images/modifica-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-modifica {
	    background: #DCDCDC;
	    background-image: url("../images/modifica.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Elimina <--- */
form INPUT[type="button"].tasto-elimina {
	    background-image: url("../images/elimina.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-elimina {
	    background-image: url("../images/elimina-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-elimina {
	    background: #DCDCDC;
	    background-image: url("../images/elimina.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Estrai <--- */
form INPUT[type="button"].tasto-estrai {
	    background-image: url("../images/estrai.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-estrai {
	    background-image: url("../images/estrai-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-estrai {
	    background: #DCDCDC;
	    background-image: url("../images/estrai.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Conferma <--- */
form INPUT[type="button"].tasto-conferma {
	    background-image: url("../images/conferma.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-conferma {
	    background-image: url("../images/conferma-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-conferma {
	    background: #DCDCDC;
	    background-image: url("../images/conferma.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Annulla <--- */
form INPUT[type="button"].tasto-annulla {
	    background-image: url("../images/annulla.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
            background-size: auto, auto 100% !important;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-annulla {
	    background-image: url("../images/annulla-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
            background-size: auto, auto 100% !important;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-annulla {
	    background: #DCDCDC;
	    background-image: url("../images/annulla.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Salva <--- */
form INPUT[type="button"].tasto-salva {
	    background-image: url("../images/salva.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-salva {
	    background-image: url("../images/salva-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-salva {
	    background: #DCDCDC;
	    background-image: url("../images/salva.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Duplica <--- */
form INPUT[type="button"].tasto-duplica {
	    background-image: url("../images/duplica.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-duplica {
	    background-image: url("../images/duplica-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-duplica {
	    background: #DCDCDC;
	    background-image: url("../images/duplica.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Trova <--- */
form INPUT[type="button"].tasto-trova {
	    background-image: url("../images/trova.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-trova {
	    background-image: url("../images/trova-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-trova {
	    background: #DCDCDC;
	    background-image: url("../images/trova.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Anagrafica Lav <--- */
form INPUT[type="button"].tasto-anaglav {
	    background-image: url("../images/anaglav.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-anaglav {
	    background-image: url("../images/anaglav-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-anaglav {
	    background: #DCDCDC;
	    background-image: url("../images/anaglav.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

/* ---> Tasto ToDo - Periodicita' <--- */
form INPUT[type="button"].tasto-todo {
	    background-image: url("../images/todo.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
            background-size: auto, auto 100% !important;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-todo {
	    background-image: url("../images/todo-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
            background-size: auto, auto 100% !important;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-todo {
	    background: #DCDCDC;
	    background-image: url("../images/todo.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

/* ---> Tasto Costo <--- */
form INPUT[type="button"].tasto-costo {
	    background-image: url("../images/costo.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-costo {
	    background-image: url("../images/costo-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-costo {
	    background: #DCDCDC;
	    background-image: url("../images/costo.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

/* --------> Definizioni per modificare bottoni grandi  <-------- */
form INPUT[type="button"].bt-grande {
            padding-top: 20px !important;
            padding-bottom:20px !important;
	    background: url("../images/tasto-bg.png") repeat-x scroll 0 0px transparent !important;
            background-size: auto 100% !important;
            }   /* usato per modificare scheda in bottone grande */

form INPUT[type="button"]:not([disabled]):hover.bt-grande {
	    background: url("../images/tasto-bg-active.png") repeat-x scroll 0 0px transparent !important;
            background-size: auto 100% !important;
	    color:#333333; 
            }   /* scheda grande con passaggio del mouse */

form INPUT[type="button"][disabled].bt-grande {
            padding-top: 20px !important;
            padding-bottom:20px !important;
	    background: #DCDCDC !important;
            background-size: auto 100% !important;
            }

/* --------> Definizioni per bottoni barra laterale a scomparsa <-------- */
form INPUT[type="button"].bt-barra-lat {
            padding-top: 10px !important;
            padding-bottom:10px !important;
	    background: url("../images/tasto-bg.png") repeat-x scroll 0 0px transparent !important;
            background-size: auto 100% !important;
            }  

form INPUT[type="button"]:not([disabled]):hover.bt-barra-lat {
	    background: url("../images/tasto-bg-active.png") repeat-x scroll 0 0px transparent !important;
            background-size: auto 100% !important;
	    color:#333333; 
            }   /* con passaggio del mouse */

form INPUT[type="button"][disabled].bt-barra-lat {
            padding-top: 10px !important;
            padding-bottom:10px !important;
	    background: #DCDCDC !important;
            background-size: auto 100% !important;
            }

/* ---> Tasto Tutti i menu <--- */
form INPUT[type="button"].tasto-tutti {
	    background-image: url("../images/tutti.png"), url("../images/tasto-bg.png");
	    background-repeat: no-repeat, repeat-x;
            background-position: center, left top;
            background-size: auto, auto 100% !important;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-tutti {
	    background-image: url("../images/tutti-selez.png"), url("../images/tasto-bg-active.png");
	    background-repeat: no-repeat, repeat-x;
            background-position: center, left top;
            background-size: auto, auto 100% !important;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

/* ---> Tasto Fine programma <--- */
form INPUT[type="button"].tasto-fine {
	    background-image: url("../images/fine.png"), url("../images/tasto-bg.png");
	    background-repeat: no-repeat, repeat-x;
            background-position: center, left top;
            background-size: auto, auto 100% !important;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-fine {
	    background-image: url("../images/fine-selez.png"), url("../images/tasto-bg-active.png");
	    background-repeat: no-repeat, repeat-x;
            background-position: center, left top;
            background-size: auto, auto 100% !important;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }
/* ---> Tasto Aggiungi <--- */
form INPUT[type="button"].tasto-aggiungi {
	    background-image: url("../images/aggiungi.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-aggiungi {
	    background-image: url("../images/aggiungi-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-aggiungi {
	    background: #DCDCDC;
	    background-image: url("../images/aggiungi.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Rimuovi <--- */
form INPUT[type="button"].tasto-rimuovi {
	    background-image: url("../images/rimuovi.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-rimuovi {
	    background-image: url("../images/rimuovi-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-rimuovi {
	    background: #DCDCDC;
	    background-image: url("../images/rimuovi.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Aggiungi tutti <--- */
form INPUT[type="button"].tasto-aggiungi-tutti {
	    background-image: url("../images/aggiungi-tutti.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-aggiungi-tutti {
	    background-image: url("../images/aggiungi-tutti-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-aggiungi-tutti {
	    background: #DCDCDC;
	    background-image: url("../images/aggiungi-tutti.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto sposta-su <--- */
form INPUT[type="button"].tasto-freccia-su {
	    background-image: url("../images/freccia-su.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-freccia-su {
	    background-image: url("../images/freccia-su-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-freccia-su {
	    background: #DCDCDC;
	    background-image: url("../images/freccia-su.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto sposta-giu <--- */
form INPUT[type="button"].tasto-freccia-giu {
	    background-image: url("../images/freccia-giu.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-freccia-giu {
	    background-image: url("../images/freccia-giu-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-freccia-giu {
	    background: #DCDCDC;
	    background-image: url("../images/freccia-giu.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }
/* ---> Tasto Filtro <--- versione OLD */
/* form INPUT[type="button"].tasto-filtro {
	    background-image: url("../images/tasto-filtro.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 18px; height: 18px;
            color:transparent;   /* elimina testo per firefox 
	    text-indent: -9999px; /* elimina testo per IE 
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-filtro {
	    background-image: url("../images/tasto-filtro.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni 
            }

form INPUT[type="button"][disabled].tasto-filtro {
	    background-image: url("../images/tasto-filtro-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }*/
/* ---> Tasto filtro <--- */
form INPUT[type="button"].tasto-filtro {
	    background-image: url("../images/filtro.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-filtro {
	    background-image: url("../images/filtro-selez.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-filtro {
	    background: #DCDCDC;
	    background-image: url("../images/filtro.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

/* ---> Tasto punto esclamativo <--- */
form INPUT[type="button"].tasto-lettera {
	    background-image: url("../images/lettera.gif");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 38px; height: 38px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
            border: hidden;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-lettera {
	    background-image: url("../images/lettera.gif");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            border: hidden;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

form INPUT[type="button"].tasto-lettera-fissa {
	    background-image: url("../images/lettera-fissa.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 38px; height: 31px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
	    border-color: transparent !important;
            border: hidden;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-lettera-fissa {
	    background-image: url("../images/lettera-fissa.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            border: hidden;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

/* ---> Tasto sfoglia per importazione <--- */
form INPUT[type="button"].tasto-sfoglia {
	    background-image: url("../images/tasto-sfoglia.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 22px; height: 22px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-sfoglia {
	    background-image: url("../images/tasto-sfoglia.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border: hidden;
            box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }

/* ---> Tasto help <--- */
form INPUT[type="button"].tasto-help {
	    background-image: url("../images/tasto-help.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 18px; height: 18px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-help {
	    background-image: url("../images/tasto-help.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }
/* ---> Icona help <--- */
form INPUT[type="button"].icona-help {
	    background-image: url("../images/icona-help2.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 18px; height: 18px;
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	    border-color: transparent !important;
	    box-shadow: none; 
	    background-color: transparent !important;
            }

form INPUT[type="button"]:not([disabled]):hover.icona-help {
	    background-image: url("../images/icona-help2.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	    border-color: black !important;
            box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); /* ombregg. bottoni */
            }
/*
form INPUT[type="button"][disabled].tasto-bus-riga-ins {
	    background-image: url("../images/tasto-bus-riga-ins-disab.png");
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
            }

*/
/* ---> Tasto apri CSV <--- */
form INPUT[type="button"].tasto-apricsv {
	    background-image: url("../images/tasto-apricsv.png"), url("../images/tasto-bg.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
	 /*   margin-left: 0px; margin-right: 0px; /* per focus */
            }

form INPUT[type="button"]:not([disabled]):hover.tasto-apricsv {
	    background-image: url("../images/tasto-apricsv.png"), url("../images/tasto-bg-active.png");
	    background-position: center center, top left;
	    background-repeat: no-repeat, repeat-x;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

form INPUT[type="button"][disabled].tasto-apricsv {
	    background: #DCDCDC;
	    background-image: url("../images/tasto-apricsv.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    width: 35px; 
            color:transparent;   /* elimina testo per firefox */
	    text-indent: -9999px; /* elimina testo per IE */
            }

/* Divisore tipo 0, occupa tutto lo spazio disponibile e va a capo, senza bordi    (overflow-y:auto serve a mettere lo scrool verticale quando serve */
/*
DIV.dv0-opaco {display:block;
         overflow-y:auto;}

form DIV.dv0-opaco:not([disattivo]):not(:hover) {
         display:block;
         overflow-y:auto;
         opacity: 0.5;
}*/

/*.opaco:not([disattivo]):not(:hover) {
         opacity: 0.5;
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
         filter: alpha(opacity=50);
}*/

/* ---> Classe usata dal motore per attivare l'opaco nei menu del programma
 *      con il menu a scomparsa, aggiungendola alla classe "opaco" presente 
*/
.opaco-attivo {
   opacity: 0.5;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
}

canvas.anteprima_welcome{border-bottom: 1px solid black}

/* classe del righello - anteprima welcome */
.noUi-pips-horizontal{height: 30px !important;}

/* classe delle linee del righello - anteprima welcome */
.vertical_line { border: 1px dashed #CCC; height: 500px; display: none;}

.noUi-marker :hover {display: block;}