body {
   background-color:#606060;
   overflow:hidden;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 12px;
}
/* main div fullscreen */
div.main{
   position:absolute;
   top:0;
   left:0;
   margin:0.25%;
   width:99.5%;
   height:99.5%;
   background-color:#606060;
}
/* div principale selezione ordini */
div.up-left{
   position:absolute;
   width:50%;
   height:40%;
   top:0;
   left:0;
   margin:0;
   background-color:#CCCCCC;
}
/* div principale messaggi */
div.up-right{
   position:absolute;
   width:49.75%;
   height:40%;
   top:0;
   left:50%;
   margin-left:0.25%;
   background-color:#CCCCCC;
}
/* div principale produzione corrente */
div.bottom{
   position:absolute;
   width:100%;
   height:59.25%;
   top:40%;
   left:0;
   margin-top:0.25%;
   background-color:#CCCCCC;
}
/* div distinta diproduzione */
div.distinta{
   position:absolute;
   width:57%;
   height:100%;
   top:0;
   left:0.2%;
   margin:0;
}
/* div immagine articolo */
div.image{
   position:absolute;
   width:24%;
   height:95%;
   top:0;
   left:58%;
   margin:0;
}
/* div bottoni */
div.bottoni{
   position:absolute;
   width:17%;
   height:100%;
   top:0;
   left:83%;
   margin:0;
}
/* div header selettori */
div.header{
   position:absolute;
   height:24px;
   width:100%;
   top:0;
}
/* div selettore header*/
div.selettore{
   position:absolute;
   height:100%;
   top:0;
   left:0;
}
/* div bottone header */
div.aggiornamento{
   position:absolute;
   height:100%;
   top:0;
   right:0px;
}
/* div dati (sotto header)*/
div.body{
   position:absolute;
   top:24px;
   width:100%;
   bottom:0px;
}
div.scroll_y{
   overflow-y:auto;
}
/* tabelle */
/* tabella pulita e semplice */
table {
   font-size: 12px;
   border-collapse:collapse;
   border:1px solid black;
}
/* tabella senza fincature ne bordi */
table.no_border {
   border-collapse:collapse;
   border:0px;
}
td.center {
   border-collapse:collapse;
   border:1px solid black;
   text-align:center;
}
td.left {
   border-collapse:collapse;
   border:1px solid black;
   text-align:left;
}
td.right {
   border-collapse:collapse;
   border:1px solid black;
   text-align:right;
}
td.note_ordine {
   color:red;
   font-size:14px;
   text-align: left;
   vertical-align: text-top;
}
td.note_imputate {
   color:blue;
   font-size:14px;
   text-align: left;
   vertical-align: text-top;
}

/* bottoni */
button.avvio {
   width:95%;
   height:25%;
   margin:3%;
   background-color:#99FF99;
}
button.accoda {
   width:95%;
   height:25%;
   margin:3%;
   background-color:#66b3ff;
}
button.probabile40 {
   width:95%;
   height:33%;
   margin:3%;
   background-color:#99FF99;
}
button.probabile50 {
   width:95%;
   height:40%;
   margin:3%;
   background-color:#99FF99;
}
button.improbabile20 {
   width:95%;
   height:20%;
   margin:3%;
   background-color:#FF6666;
}
button.improbabile25 {
   width:95%;
   height:20%;
   margin:3%;
   background-color:#FF6666;
}
button.probabile {
   width:95%;
   height:40%;
   margin:3%;
   background-color:#99FF99;
}
button.improbabile {
   width:95%;
   height:20%;
   margin:3%;
   background-color:#FF6666;
}

/* text area fill div */
textarea.filldiv {
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
   width:100%;
   height:100%;
}

/* spinner input (sono nel dialog conferma fine produzione) */
.ui-spinner-input{
   font-size: 150% !important;
   width: 50px !important;
}