@font-face {
           font-family: fontmenu;
           src: url(/alchimia/fontpers/HyperspaceBold.otf);
           }
@font-face {
           font-family: fontpers;
           src: url(/alchimia/fontpers/spaceranger.ttf);
           }
@font-face {
           font-family: fontinput;
           src: url(/alchimia/fontpers/Play-Bold.ttf);
           }
html, body {height:100%;}
body       {
            margin: 0px 0px 0px 0px;
            background-color:rgba(0,255,0,0.1); /* green with opacity */
           }
div#container {
           position:absolute;
           height:100vh;width:100%;
           }
#header1vh {  /* contiene lims */
    position:relative;
    margin-top:0;margin-left:0;
    height: 5vh;
    width:100%;
    text-align : center;font-family : fontpers, verdana;text-shadow: 0.2vw 0.1vw 0.1vw  #694e25;
    background:#eaeaea;
    font-size: 2vw;
    color:#999999;
    border-top: 1px solid #999999;
    z-index:1;
    }
#header2vh {  /* contiene icone menu, e tasti di scelta */
    position:relative;
    height: 5vh;
    width:100%;
    font-family : verdana;
    overflow:hidden;
    border-top: 2px solid #999999;
    z-index:1;
    background: -moz-linear-gradient(top, #3399ff, #3366cc);
    }
#header3vh {  /* contiene icone menu, e tasti di scelta */
        position:relative;
        height: 6vh;
        width:100%;
        font-family : verdana;
        overflow:hidden;
        border-top: 2px solid #999999;
        z-index:1;
        background: -moz-linear-gradient(top, #3399ff, #3366cc);
        }
        /* --------------------- PAGINE CON LISTE --------------------- */
#intestazionelistecsb {  /* intestazione liste con scrollbars */
    position:relative;
    height: 5vh;width:100%;
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
    border-top: 2px solid #999999;
    /* background:#edecec; */ 
    }
#contenitorelistecsb {  /* corpo liste con scrollbars */
    position:relative;
    height: 77vh;
    width:100%;
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
    font-family : verdana;
    border-top: 2px solid #999999;
    }
#intestazioneliste {  /* contiene intestazione liste senza scrollbars */
    position:relative;
    height: 5vh;
    width:100%;
    font-family : verdana;
    border-top: 2px solid #999999;
    background:#edecec;
    }
#contenitoreliste {  /* contiene corpo liste senza scrollbars */
    position:relative;
    height: 78vh;
    width:100%;
    font-family : verdana;
    border-top: 2px solid #999999;
    background: #effafa; /* celeste */
    }
#footer {
    position: fixed;
    z-index:10;
    text-align: center;
    bottom: 0px;
    width:100%;
    height: 5vh;
    border-top: solid #a5a5a5 1px;
           font-family: Verdana, sans-serif;
           font-size: 9px;
    background: -moz-linear-gradient(top, #efeff0, #e0e1e1, #cfd0d1);
    border-bottom: 1px solid #a5a5a5;
    }
/* ------------------------------- divisione pagine a metà sopra sotto ------------------------------- */
#metacorpovh-noscroll {  /* contiene corpo liste senza scrollbars */
           position:relative;
           margin-top:1px;
           margin-left:0;
           height:42vh;
           font-family : verdana;
           overflow:hidden;
           }
/* ------------------------------- divisione pagine a metà dx sx ------------------------------- */
#sxcorpovh-noscroll, #dxcorpovh-noscroll {  /* contiene corpo liste senza scrollbars */
           position:relative;
           margin-top:1px;
           margin-left:0;
           width:49.8vw;
           height:82vh;
           font-family : verdana;
           overflow:hidden;
           border:1px solid rgb(11, 11, 11);
           float: left;
           }
#dxcorpovh-noscroll {  /* contiene corpo liste senza scrollbars */
            float: right;
            }
/* ------------------------------- CORPO PAGINE ------------------------------- */
#corpovh-noscroll {  /* contiene corpo liste senza scrollbars */
           position:relative;
           margin-top:1px;
           margin-left:0;
           width:100%;
           height:84vh;
           font-family : verdana;
           overflow:hidden;
           }
#cont-coleta {
     position:relative;
     margin-top:1px;
     margin-left:0;
     width:100%;
     height: 48vh;
     font-family : verdana;
     overflow: -moz-scrollbars-vertical; 
     overflow-y: scroll;
     border-top: 1px solid #999999;
     background: #effafa; /* celeste */
     }

.immagineA {display: block;width:2vw;height:2vw;}
.immagineB {display: none;}
.immagineD {display: block;width:4vw;height:2vw;}
.immagineE {display: none;}
#cambio:hover .immagineA {display: none;}
#cambio:hover .immagineB {display: block;width:2.2vw;height:2vw;}
#cambio:hover .immagineD {display: none;}
#cambio:hover .immagineE {display: block;width:4.2vw;height:2vw;}
.immagineF {display: block;width:6.7vw;height:2.5vw;}
.immagineG {display: none;}
#cambio:hover .immagineF {display: none;}
#cambio:hover .immagineG {display: block;width:6.7vw;height:2.5vw;}
/* ruota immagine */
.immagineC {display: block;width:2vw;height:2vw;}
.ruota{ overflow: hidden; transition-duration: 0.8s; transition-property: transform;} 
.ruota:hover { transform: rotate(360deg); }

/* -------------------------        NUOVE TABELLE          --------------------------------- */
/* -------------------------     tabella senza bordo       --------------------------------- */
table.vhnoborder, table.vhborder {
               margin-top: auto;
               margin-left:0px; 
               border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
               width:100%;
               /* width:100vw;     con questa istruzione la larghezza pagina è sbagliata */
               table-layout:fixed; 
               overflow:hidden;
               white-space:nowrap;
               font-family : verdana;
               font-size: 13px;
               z-index:1;
               }
table.vhnoborder tr {
               font-size: 10px;
               }
table.vhnoborder tr.dieci {height: 1.0vh;}
table.vhnoborder tr.venti {height: 2.0vh;}
table.vhnoborder tr.quaranta {height: 4.0vh;}
table.vhnoborder tr.cinquanta {height: 5.0vh;}
table.vhnoborder tr.sessanta {height: 6.0vh;}
table.vhnoborder tr.titolo {
               height: 6.0vh;
               font-family : fontinput;
               font-size:40px;
               color: #000000;
               }
table.vhnoborder tr.sfondo {
               height:20px;
               background:#DFE5F3;
               }
table.vhnoborder td {
               padding-left:5px;
               padding-right:5px;
               }
table.vhnoborder td.txt12 {
               padding-left:15px;
               font-size:12px;
               }
table.vhnoborder td.cc, table.vhborder td.cc {
               text-align:center;
               }
table.vhnoborder td.ccgr {
               text-align:center;
               font-weight:bold;
               }
table.vhnoborder td.left {
               text-align:left;
               }
table.vhnoborder td.right {
               text-align:right;
               }
table.vhnoborder td.angoloaltosx {
                border-top:3px solid #5F6E3C;
                border-left:3px solid #5F6E3C;
                }
table.vhnoborder td.angoloaltodx {
                border-top:3px solid #5F6E3C;
                border-right:3px solid #5F6E3C;
                }
table.vhnoborder td.bordosx {
                border-left:3px solid #5F6E3C;
                }
table.vhnoborder td.bordodx {
                border-right:3px solid #5F6E3C;
                }
table.vhnoborder td.angolobassosx {
                border-bottom:3px solid #5F6E3C;
                border-left:3px solid #5F6E3C;
                }
table.vhnoborder td.angolobassodx {
                border-bottom:3px solid #5F6E3C;
                border-right:3px solid #5F6E3C;
                }
table.vhnoborder td.bordobasso {
                border-bottom:3px solid #5F6E3C;
                }
table.vhnoborder td.sfondocella {
                text-align:center;
                font-weight:bold;
                }
table.vhnoborder th {
               text-align:center;
               }
/* -------------------------      tabella CON bordo        --------------------------------- */
table.vhborder tr {
               font-size:10px;
               }
table.vhborder tr.dieci {
               height: 1.0vh;
               }
table.vhborder tr.venti {height: 2.0vh;}
table.vhborder tr.quaranta {height: 4.0vh;}
table.vhborder tr.cinquanta {height: 5.0vh;}
table.vhborder tr.sessanta {height: 6.0vh;
               }
table.vhborder tr.titolo {
               height: 6.0vh;
               font-family : fontinput;
               font-size:40px;
               color:#000000;
               }
table.vhborder td {
                padding-left:5px;
                padding-right:5px;
                overflow:hidden;
                border: #000000 1px solid;
                }

table.vhborder td.ccgr {
               text-align:center;
               font-weight:bold;
               }
table.vhborder td.left {
               text-align:left;
               }
table.vhborder td.right {
               text-align:right;
               }
table.vhborder td.noborder {
               border-left: none;
               border-right: none;
               }
 table.vhborder td.txt12 {
               padding-left:15px;
               font-size:12px;
               }
table.vhborder th {
               text-align:center;
               }
/* -------------------------     tabella menu senza bordo       --------------------------------- */
table.menuvh   {
               margin-top: auto;
               margin-left:0px; 
               border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
               width:100%;
               table-layout:fixed; 
               overflow:hidden;
               white-space:nowrap;
               font-family : verdana;
               z-index:1;
               }
table.menuvh tr  {
               height: 6vh;
               font-size:10px;
               }
table.menuvh td.cc {
               text-align:center;
               border-left: inset 1px grey;
               border-right: inset 1px grey;
               }
table.menuvh td.sx {
               text-align:left;
               }
table.menuvh td.dx {
               text-align:right;
               }
table.menuvh td.fine {
               border-left:1px solid grey;
               text-align:center;
               }
/* -------------------------     tabella lista non cliccabile senza bordo       --------------------------------- */
table.noclicvh   {
               margin-top: auto;
               margin-left:0px; 
               border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
               width: 100%;
               table-layout:fixed; 
               overflow:hidden;
               white-space:nowrap;
               font-family : fontinput;
               z-index:1;
               }
table.noclicvh tr  {
               height: 5vh;
               font-size:0.75em;
               background:#eaeaea;
               color:#4a4848;
               }
table.noclicvh td  {
               padding-left:5px;
               padding-right:5px;
               border:1px solid #a5a5a5;
               }
table.noclicvh td.cc {
               text-align:center;
               }
table.noclicvh td.sx {
                text-align:left;
                }
table.noclicvh td.dx {
                text-align:right;
                }
table.noclicvh td.ccsmall {
               text-align:center;
               font-size:0.625em;
               }
table.noclicvh td.ccnb { /* --- senza bordo --- */
               text-align:center;
               border-left:none;
               border-right:none;
               border-bottom:1px solid #a5a5a5;
               }
table.noclicvh th  {
               border-left:1px solid grey;
               border-right:1px solid grey;
               }
/* ------------------- tabella lista cliccabile con bordo nero ------------------- */
table.clicvh {   /* --- customers --- */
               margin-top: auto;
               margin-left:0px; 
               border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
               width:100%;
               table-layout:fixed; 
               overflow:hidden;
               white-space:nowrap;
               font-family : verdana;
               z-index:1;
               }
table.clicvh tr  {
               height: 4vh;
               font-size:12px;
               }
table.clicvh tr.hover  {
               height: 4vh;
               font-size:12px;
               }
table.clicvh tr.hover:hover  {
               background:#c6e5f5;
               cursor: pointer;
               }
table.clicvh td  {
               padding-left:5px;
               padding-right:5px;
               border-left:1px solid #a5a5a5;
               border-right:1px solid #a5a5a5;
               border-bottom:1px solid #a5a5a5;
               overflow:hidden;
               }
table.clicvh td.cc {
               text-align:center;
               }
table.clicvh td.sx {
                text-align:left;
                }
table.clicvh td.dx {
                text-align:right;
                }
/* ------------------- tabella per aa_analisys_param e form_analisys ------------------- */
table.bottone  {
               margin-top: auto;
               margin-left:0px;
               border-collapse: separate; /* spazio fra le celle della tabella. */
               border-spacing: 5px;
               width: 100%;
               table-layout:fixed;
               overflow:hidden;
               white-space:nowrap;   /*il testo continua senza andare mai a capo (salvo sia presente il tag <br>) */
               }
table.bottone th.dx {
               text-align:right;
               }
table.bottone td {
               font-family:fontpers;
               font-size:16px;
               text-align:center;
               border:none;
               background: #cccccc;
               border-radius: 10px;
               box-shadow: 3px 3px 3px 0px #000000;
               }
table.bottone td:hover {
               background-color: #cccccc;
               color:white;
               cursor:pointer;
               }
table.bottone td.attivo {
               font-family:arial;
               font-size:9px;
               text-align:center;
               border:none;
               background: #cccccc;
               border-radius: 10px;
               box-shadow: 3px 3px 3px 0px #000000;
               line-height:12px;
               }
table.bottone td.attivo:hover {
               background-color: #999999;
               cursor:pointer;
               box-shadow: 1px 1px 1px 1px #000000;
               }
table.bottone td.nonattivo {
               font-family:arial;
               font-size:9px;
               text-align:center;
               border:none;
               background-color: #f4f3f3;
               border-radius: 10px;
               box-shadow: 3px 3px 3px 0px #000000;
               line-height:12px;
               }
table.bottone td.nonattivo:hover {
               background-color: none;
               cursor:none;
               }
/* -------------------  tabella su mod-plan ------------------- */ 
table.modplan {
               margin-top: auto;
               margin-left:0px; 
               border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
               width: 100%;
               table-layout:fixed; 
               white-space:normal;
               font-family : verdana;
               font-size:13px;
               }
table.modplan tr {
               height:30px;
               }
table.modplan tr.venti {
              height:20px;
              }
table.modplan tr.cons:hover {
               background:#c6e5f5;
               cursor: pointer;
               }
table.modplan td {
               padding-left:5px;
               padding-right:5px;
               }
table.modplan td.uno { 
               border-top:1px solid #000000;
               border-left:1px solid #000000;
               border-bottom:1px solid #000000;
               }
table.modplan td.due { /* tabella su mod-plan */
               border-top:1px solid #000000;
               border-right:1px solid #000000;
               border-bottom:1px solid #000000;
               }
table.modplan td.duesx { /* tabella su mod-plan */
               border-top:1px solid #000000;
               border-bottom:1px solid #000000;
               text-align:left;
               }
table.modplan td.duedx { /* tabella su mod-plan */
               border-top:1px solid #000000;
               border-right:1px solid #000000;
               border-bottom:1px solid #000000;
               text-align:right;
               }
/* -------------------  tabella su okpage ------------------- */ 
table.oknot  {
              margin-top: auto;
              margin-left:0px;
              border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
              width: 100%;
              table-layout:fixed;
              overflow:hidden;
              font-size:8px;font-weight:normal;font-family:verdana;
              color:black;
              }
table.oknot td.ver {
               text-align:center;
               font-size:15px;
               }
table.oknot th.chr15 {
               font-size:25px;
               }
table.oknot td {
               text-align:left;
               padding-right:10px;
               }
table.oknot td.chr15 {
               font-size:15px;
               text-align:center;
               }
table.oknot td.chr25 {
               font-size:25px;
               }
table.oknot td.cc {
               text-align:center;
               }
table.oknot td.jj {
               font-size:9px;
               text-align:justify;
               }

/* ------------------- legenda ------------------- */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 90%;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 30%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 30%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/* ------------------- maschera di stampe ------------------- */
#vertical{
	   height: 56vh;
	   width:38vw;
       background:#eaeaea;
       border:2px solid grey;
       border-radius:6px;
       box-shadow: 10px 10px 5px #888888;
       position: absolute;
       top:50%;
       left:50%;
       margin-top: -29vh;
       margin-left: -19vw;
}
#rigabassa     { /* */
position:absolute;
           bottom:0px;
           margin-left:0;
		   height: 7vh;
		   width:38vw;
           font-family : verdana;
           overflow: auto;
		   }
/* -------------------------     tabella lista   --------------------------------- */
/* -------------------------     form_reagentes  --------------------------------- */
table.vhnew   {
    margin-top: auto;
    margin-left:0px; 
    border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
    width: 100vw;
    table-layout:fixed; 
    overflow:hidden;
    white-space:nowrap;
    font-family : fontinput;
    z-index:1;
    }
table.vhnew tr  {
    height: 5vh;
    font-size:0.75em;
    background:#eaeaea;
    color:#4a4848;
    }
table.vhnew tr.nback  {
    background:none;
    }
table.vhnew td  {
    padding-left:4px;
    padding-right:4px;
    border:1px solid #a5a5a5;
    }
table.vhnew td.cc {
    text-align:center;
    }