* {
    margin:0;
    padding:0;
}

/* General Style Info */
body {
    background: #767676;
    color: #fff;
    font-family:'Trebuchet MS',verdana,helvetica,arial,sans-serif;
    font-size:10pt;
    margin: 0;
    min-height: 600px;
}
a {
    background:#fff;
    color: #1858A0;
    text-decoration: underline;
    font-weight: bold;
}
a:hover {
    background:#fff;
    color: #1858A0;
    text-decoration:none;
}
a img {
    border:none;
}
h1, h2, h3, h4 {
    font-weight: normal;
}
h1 {
    background:#fff;
    color: #1858A0;
    font-size: 100%;
    margin: 0.1em 0;
}
h2 {
    background:#fff;
    color: #fa5403;
    font-family:'Gill Sans','Trebuchet MS',helvetica, arial, sans-serif;
    font-size: 190%;
    margin: 0.3em 0;
    padding-top: 0.8em;
}
h3 {
    color: #595959;
    font-family:'Gill Sans','Trebuchet MS',helvetica, arial, sans-serif;
    font-size: 145%;
    padding-top: 0px;
    padding-left:4px;
}
h4 {
    color: #206B16;
    font-weight: normal;
    padding-top: 0.5em;
}
ul, li {
    margin: 0 12px;
}

/* Layout */
LI.red,OPTION.red{background-color:#fa5403; color:black;}
LI.white,OPTION.white{background-color:white; color:black;}
LI.yellow,OPTION.yellow{background-color:yellow; color:black;}
LI.green,OPTION.green{background-color:greenyellow; color:black;}
LI.turquoise,OPTION.turquoise{background-color:#2de5f4; color:black;}
LI.lightgrey,OPTION.lightgrey{background-color:lightgrey; color:black;}
#container {
    text-align: left;
}

#header{
    padding: 10px 5px;
}
#header h1 {
    background: #767676 url('../img/demo.icon.png') no-repeat left;
    color: #fff;
    padding: 0px 30px;
}
#header h1 a {
    color: #fff;
    background: #1858A0;
    font-weight: normal;
    text-decoration: none;
}
#header h1 a:hover {
    color: #fff;
    background: #767676;
    text-decoration: underline;
}
#content{
    background: #fff;
    clear: both;
    color: #333;
    padding: 0px 5px 5px 5px;
    overflow: auto;
}
#footer {
    clear: both;
    padding: 6px 10px;
    text-align: right;
}

table.preventiviidx{
    max-width:1000px;

}

table.preventiviidx tr td{padding:5px;}
/* Tables 
table {
        background: #fff;
        border:1px solid #BBB8DA;
        border-right:0;
        clear: both;
        color: #333;
        margin-bottom: 10px;
        width: 100%;
}
*/
th {
    background: #f2f2f2;
    border:1px solid #bbb;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
}
.ricerca th,.ricerca td{
 background: #eee;
    border: 1px solid #fff;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;

}
th a {
    background:#f2f2f2;
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a:hover {
    background: #BBB8DA;
    color: #333;
    text-decoration: none;
}
th span.red{
    padding: 0px;
    margin: 0px;
    display: block;
}
th span.red img{ 
    margin-left: 3px;
}
table tr.altrow td {
    background: #f4f4f4;
}
td.actions {
    text-align: center;
    white-space: nowrap;
}
td.actions a {
    margin: 0px 6px;
}
.cake-sql-log table {
    background: #f4f4f4;
}
.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
}
td.sx{
    text-align: right;
}
td.cen{
    text-align: center;
}
td.cen-small{
    text-align: center;
    font-size: 10px;
    line-height: 13px;
}
td.cen-small a {
    margin: 8px 0px;
}
td.dx{
    text-align: right;padding-right:5px;
}
td.jus{
    text-align: justify;
}

/* Paging */
div.paging {
    background:#fff;
    color: #BBB8DA;
    margin-top: 2em;
    margin-bottom: 2em;
}
div.paging div.disabled {
    color: #ddd;
    display: inline;
}
div.paging span {
}
div.paging span.current {
    color: #000;
}
div.paging span a {
}

/* Scaffold View */
/* Scaffold View */
#content .view dl {
	line-height: 2em;
	margin: 0em 0em;
    width: 70%;
    display: block;
}
#content .view dl .altrow {

}
#content .view dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
    float:left;
}
#content .view dd {
    margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
    float: left;
    clear: both;
    padding-left: 40px;
}

/* Forms */
form {
    clear: both;
    margin-right: 20px;
    padding: 0;
    width: 80%;
}
fieldset {
    border: 1px solid #BBB8DA;
    margin-top: 10px;
    padding: 16px 20px;
}
fieldset legend {
    background:#fff;
    color:#1858A0;
    font-size: 110%;
    font-weight: bold;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 10px;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
    clear: both;
    margin-bottom: 1em;
    /*padding: .5em;*/
    vertical-align: text-top;
}
form div.input {
    color: #444;
}
form div.required {
    font-weight: bold;
}
form div.submit {
    border: 0;
    clear: both;
    padding:0px;
    margin-top: 0px;
    margin-right: 16px;
    float:right;
}
label {
    display: inline;
    font-size: 100%;
    font-weight: bold;
    padding: 0px;
}
input, textarea {
    clear: both;
    font-size: 90%;
    overflow:hidden;
    font-family: "frutiger linotype", "Trebuchet MS", "verdana", sans-serif;
    padding: 1px;
}
select {
    clear: both;
    font-size: 100%;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 100%;
    padding: 0 3px;
}
input[type=checkbox] {
    width: auto;
}

input[type=text] {
    clear: both;
    margin: 2px;
    width:auto;
}

input[type=radio] {
    border:0px solid red;
    margin: 0 3px 7px 0;
}
div.radio label {
    margin: 0 0 6px 10px;
}
input[type=submit] {
    clear:both;
    display: inline;
    font-size: 90%;
    padding: 1px;
    width: auto;
    vertical-align: top;
}

/* Notices and Errors */
div.message {
    clear: both;
    color: #900;
    font-size: 140%;
    font-weight: bold;
    margin: 1em 0;
}
div.error-message {
    clear: both;
    color: #900;
    font-weight: bold;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    color: #000;
    font-weight: normal;
    line-height: 140%;
}
.notice {
    background: #ffcc00;
    color: #000;
    display: block;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    background: green;
    color: #fff;
}

/*  Actions  */
div.actions ul {
    margin: 0px 0;
    padding: 0;
}
div.actions li {
    display: inline;
    list-style-type: none;
    line-height: 2em;
    margin: 0 2em 0 0;
    white-space: nowrap;
}
div.actions ul li a {
    background:#fff;
    color: #1858A0;
    text-decoration: none;
}
div.actions ul li a:hover {
    color: #333;
    text-decoration: underline;
}

/* Related */
div.related {
    clear: both;
    display: block;
}

/* Debugging */
pre {
    color: #000;
    background: #f0f0f0;
    padding: 1em;
}
pre.cake-debug {
    background: #ffcc00;
    font-size: 120%;
    line-height: 140%;
    margin-top: 1em;
    overflow: auto;
    position: relative;
}
div.cake-stack-trace {
    background: #fff;
    border: 4px dotted #ffcc00;
    color: #333;
    margin: 0px;
    padding: 6px;
    font-size: 120%;
    line-height: 140%;
    overflow: auto;
    position: relative;
}
div.cake-code-dump pre {
    position: relative;
    overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
    color: #000;
    background-color: #F0F0F0;
    margin: 0px;
    padding: 1em;
    overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
    overflow: auto;
}
div.cake-code-dump span.code-highlight {
    background-color: #ff0;
    padding: 4px;
}
div.code-coverage-results div.code-line {
    padding-left:5px;
    display:block;
    margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
    background:#ecc;
}
div.code-coverage-results div.covered span.content {
    background:#cec;
}
div.code-coverage-results div.ignored span.content {
    color:#aaa;
}
div.code-coverage-results span.line-num {
    color:#666;
    display:block;
    float:left;
    width:20px;
    text-align:right;
    margin-right:5px;
}
div.code-coverage-results span.line-num strong {
    color:#666;
}
div.code-coverage-results div.start {
    border:1px solid #aaa;
    border-width:1px 1px 0px 1px;
    margin-top:30px;
    padding-top:5px;
}
div.code-coverage-results div.end {
    border:1px solid #aaa;
    border-width:0px 1px 1px 1px;
    margin-bottom:30px;
    padding-bottom:5px;
}
div.code-coverage-results div.realstart {
    margin-top:0px;
}
div.code-coverage-results p.note {
    color:#bbb;
    padding:5px;
    margin:5px 0 10px;
    font-size:10px;
}
div.code-coverage-results span.result-bad {
    color: #a00;
}
div.code-coverage-results span.result-ok {
    color: #fa0;
}
div.code-coverage-results span.result-good {
    color: #0a0;
}

#mast{
    display:block;
    float:right;
}


a:hover {
    color: #0062A0;
    text-decoration: underline;
}


table tr.rigavarianteattiva td{
    color:black;
    background-color:red;
}
table tr.rigavariantenonattiva td{
    color:#933;
    background-color:#ffc;
}
.dati_testata{display:block;}
.dati_testa{display:block;}

form div.dati_testata {
    clear: both;
    margin-bottom: .2em;
    vertical-align: text-top;
}

table.anagrafica_cliente{
    width:550px; 
    border:1px solid black;
    background-color:#DDD;
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
}

table.bloccoPreventivo {
    border: 1px solid black;
    padding: 2px;
    margin: 2px;
    width: 978px;
    background-color: #eee;
}
form div.dati_cliente {
    clear: both;
    margin-bottom: .1em;
    padding: .1em;
    vertical-align: text-top;
}
form div.dati_cliente label{
    display: block;
}
.bottoni_testata{display:inline;float:left;}


#num_prev{float:left; display:inline;margin:0px;padding:0px;}
#data_prev{float:left;display:inline;margin:0px;margin-top:0px;padding:0px;}
#data_cons{float:right;margin-top:0px;}
#configurazione_testata{margin:0px;padding:0px;}
#spostaRiga{float:right;margin-top:-40px;}

table.bloccoConfigurazione{
    border:1px solid black;
    padding:2px;
    margin:2px;
    width:700px;
    background-color:#eee;
}

table.righePreventivo tr td {
    background: #fff;
    border-right: 1px solid #BBB8DA;
    padding: 2px;
    vertical-align: top;
}
table.righePreventivo tr.edited td{
    background: #ECCD76;
    border-right: 1px solid #BBB8DA;
    padding: 2px;
    vertical-align: top;
}
table.righePreventivo tr.green td{
    background: #99ff99;
    border-right: 1px solid #BBB8DA;
    padding: 2px;
    vertical-align: top;
}
table.righePreventivo tr.greenstrong td{
    background: #00ff44;
    border-right: 1px solid #BBB8DA;
    padding: 2px;
    vertical-align: top;
}
table.righeCombinazioni tr td {
    background: #fff;
    border-right: 1px solid #BBB8DA;
    padding: 2px;
    vertical-align: top;
}
table.righeCombinazioni tr.edited td{
    background: #ECCD76;
    border-right: 1px solid #BBB8DA;
    padding: 2px;
    vertical-align: top;
}
div.visualizzatrasmittanza{
    display:block;
    position: relative;
    bottom: 5px;
}
div.totalepreventivo{
    text-align: right;
    font-weight: bold;
}


td.red,span.red{color:red;}
td.green,span.green{color:green;}
td.bold{font-weight: bold;}
td.left{text-align: left;}
td.right{text-align: right;}
td.center{text-align: center;}
td.upper{text-transform: uppercase}
table.datiTestataCliente{
    border:1px solid gray;
    width:99%;
    padding:0px;
    margin:2px;
    background-color:#BBB8DA;
    border-radius: 5px;
}

.datiTestataCliente .salvainrubrica{
    float: right;
    padding: 10px 12px 0px 0px;
    color:#fff;

}
div.righe_eccezione{
    width:230px;
    padding-top:0px;
    padding-bottom:10px
}

DIV.pagina-principale{
    background-image: url(/img/bg-demo.jpg);
    background-size: cover;
    display:block;
    height:520px;
    width:1110px;
    border: 1px solid black;
    background-repeat: no-repeat;
    background-position: bottom;
}
DIV.pagina-avanzate{
    background-image: url(/img/avanzate_bg.png);
    display:block;
    height:500px;
    border: 0px;
    background-repeat: no-repeat;
}
.menu_principale li a {
    color: #000000;
    text-decoration: none;
    display: inline;
    height: 35px;
}

.menu_principale {
    width: 100%;
    margin-left:0px;
    padding:5px 0px;
    border: 0px solid black;
    background-color: #fff;
    float: left;
    vertical-align: middle;
}
.menu_principale ul {

}

.menu_principale li {
    display:inline;
    list-style-type: none;
    height: 35px;
    font-weight: bold;
    margin: 8px;
    background-color: #fff;

}

.menu_principale li img{
    margin-top: 3px;
    margin-left: 5px;
    vertical-align: middle;
}
.menu_principale li a:hover {
    color: #aaa;
}
.menu_principale li a:visited {
    color: #000000;
}
.menu_principale li a:visited:hover {
    color: #aaa;
}

.menu_avanzate li a {
    color: #000000;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 50px;
}

.menu_avanzate {
    border:0px solid black;
    width: 320px;
    margin-left:0px;
    padding:5px;
    padding-bottom:10px;
    background-color: #eee;
    float: left;
    vertical-align: middle;
}
.menu_avanzate ul {
    height: 80px;
}

.menu_avanzate li {
    list-style-type: none;
    height: 45px;
    font-weight: bold;
    text-indent: 5px;
    margin: 8px;

}

.menu_avanzate li img{
    margin-top: 7px;
    margin-left: 5px;
    vertical-align: middle;
}
.menu_avanzate li a:hover {

    color: #aaa;
}
.menu_avanzate li a:visited {
    color: #000000;
}
.menu_avanzate li a:visited:hover {
    color: #aaa;
}

.dati_input{display:block;}

form div.dati_input {
    clear: both;
    margin-bottom: .1em;
    padding: .1em;
    vertical-align: text-top;
}

form div.modelloriga {
    float: left;
    padding-left:0px;
}
form div.modelloriga label{
    display: inline-block;
    padding-right:25px;
}
form div.modelloriga input{
    display: inline-block;
    width: 260px!important;
}

form div div.formriga{
    border:0px solid red;
    padding:0px;
    margin:0px;
}
form div.formriga{
    border:0px solid red;
    padding:0px;
    margin:0px;
}

table tr td {
    padding: 0px;
    margin:0px;
    text-align: left;
    vertical-align: top;
}

input.spaced{
    margin-top: 17px;
}


input[type=submit].indice_preventivi{
    clear:both;
    display: inline;
    font-size: 90%;
    padding: 1px;
    vertical-align: middle;
}
/*righe preventivo*/
#RigaPreventivo{margin:0px; padding:0px; border:0px solid red}
#principale{ 
    position: absolute;
    left: 8px;
    top: 60px;
    min-width: 380px;
    font-size: 85%;
    background: #fff;
}

#modelliconfigurazioni{position:absolute; 
                       left:6px;
                       top:58px;
                       width:405px;
                       height: 540px;
                       font-size:85%;
                       background-color: white;
                       overflow: visible;
}

#modelwait{position:absolute;
           left:3px;
           top:50px;
           background-color:#DDD;
           text-align: center;
           width:388px;
           height:200px;
}
#variantswait{
    position: absolute;
    left: 404px;
    top: 60px;
    left:392px\9;
    top:63px\9;
    background-color:#DDD;
    text-align: left;
    width: 602px;
    height: 451px;
}
#varianticonfigurazioni{
    position:absolute;
    left:404px;
    top:60px;
    background-color:#DDD;
    text-align: left;
    width:602px;
    height:451px;
}
#ricalcolowait{position:absolute;
               left:0px;
               top:0px;
               background-color:#DDD;
               text-align: left;
               width:100%;
               height:442px;
}
#copiawait{position:absolute;
           /*left:7px;
           top:154px;*/
           left:0;top:0;
           background-color:#ccc;
           text-align: left;
           /*width:988px;
           height:400px;*/
           width:100%;
           height:100%;
}
#sostwait{position:absolute;
          left:7px;
          top:100px;
          background-color:#DDD;
          text-align: left;
          width:980px;
          height:560px;
}
table.datiRiga{
    border: 1px solid black;
    min-width: 1000px;
    padding: 1px;
    margin: 0px;
    border-radius: 5px;
    background-color:#DDD;
}
td.rigasx{width:370px; vertical-align: top;border:0px solid red;}
td.rigadx{vertical-align: top;border:0px solid red;}
#forma{

}
#datiModello{
    border:0px solid blue;
    padding:0px;
    margin:0px;
    background-color:#fff;
    width:100%;
    height: 210px;
}

#datiModello select {
    clear: both;
    font-size:90%;
    vertical-align: text-bottom;
    width: 270px;

}

#datiModello input {
    clear: both;
    font-size:90%;
    vertical-align: text-top;
    width: 264px;
    margin-left:32px;
}

TABLE#datiModello TD.misure {
    text-align:center;

}
TABLE#datiModello TD.misure input{
    width: 50px!important; text-align:center;
}
#tabmisure{
    margin:0px;
    padding:0px;
    width:274px;
}

#tabmisure input {
    clear: both;
    font-size: 80%;
    vertical-align: text-bottom;
    width: 32px!important;
    margin: 0px;
    padding: 0px;
}

div#Misure{
    max-width: 352px;
    padding-left: 0px;  
    margin-left: 0px;
    margin-top: 3px;
}
#EssenzeTipifiniture{
    display:block;
    width: 290px;
    margin:0px;
}
#DisegnoPezzo{
    margin-top: 2px;

    background-color: white;
}

#Forme{
    display:block;
    margin: 0px;
}
#Ante{
    display:block;
    margin: 0px;
}
table.testataVarianti{
    margin:0px;
    padding:0px;
    clear:both;
}


#SalvaDatiRiga{
    float: right;
    display:block;
    margin:0px;
    padding:0px;
}

#LinkAttivaVarianti{
    margin:0px;
    padding:0px;
}
#mostraAlbero{
    display:block;
    float:right;
    margin-top:5px;
    margin-right:0px
}

#Finiture{
    border:0px solid black;
    margin-left:0px;
}

#TabellaDescrizioniVarianti{
    position:relative;
    left:0px;
    top:0px;
    margin:0px;
    padding:0px;
    width:auto;
    height:250px;
    background-color:#ffffff;
    overflow:auto;
}

#TabellaParametriModello{
    position:relative;
    left:0px;
    top:0px;
    margin:0px;
    padding:0px;
    width:auto;
    height:380px;
    background-color:#ffffff;
    overflow:auto;
}
/*varianti*/
#TabellaTipiVarianti{
    position:relative;
    left:0px;
    top:0px;
    margin: 3px;
    padding:0px;
    width:auto;
    height:380px;
    background-color:#ffffff;
    overflow:auto;
}
#TabellaTipiVariantiConfigurazioni{
    position:relative;
    left:0px;
    top:0px;
    margin:0px;
    padding:0px;
    width:auto;
    height:486px;
    background-color:#ffffff;
    overflow:auto;
}
#TabellaTipiVariantiConfigurazioni table td{
    font-size:11px;
    text-transform:lowercase;
}

#TabellaTipiVariantiConfigurazioni select {
    clear: both;
    /*font-size:90%;*/
    vertical-align:middle;
    width: 270px;
    margin:0px;
} 

#TabellaTipiVarianti table td{
    font-size:11px;
    text-transform:lowercase;
}

#TabellaTipiVarianti select {
    clear: both;
    font-size:120%;
    vertical-align:middle;
    width: 270px;
    margin:0px;
}

tr.tipovarianteattiva{
    height: 30px;
    border-bottom: 1px solid grey;
    color:black;
    background-color:#fff;
}
tr.tipovarianteinattiva{
    height: 30px;
    border-bottom: 1px solid grey;
    color:#aaa;
    background-color:#eee;
}
tr.tipovariantenonstandard{
    height: 30px;
    border-bottom: 1px solid grey;
    color:black;
    background-color:#65F1FE;
}

tr.tipovariantepersonalizzata{
    height: 30px;
    border-bottom: 1px solid grey;
    font-weight:bold;
    font-style:italic;
    color:black;
}

tr.tipovariantenonstandardpersonalizzata{
    font-weight:bold;
    height: 30px;
    border-bottom: 1px solid grey;
    font-style:italic;
    color:black;
    background-color:#65F1FE;
}

tr.tipovarianteconfigurata{
    height: 30px;
    border-bottom: 1px solid grey;
    font-weight:bold;
    font-style:italic;
    color:black;
    background-color:#65F1FE;
}
/* codice css per visualizzazione tabbed dell'area varianti'*/

a.tasto{
    float:left;
    display:block;
    width:73px;
    height:18px;
    background-color:#BBB8DA;
    color:#fff;
    border:1px solid #fff;
    text-align:center;
    font-size: 90%;
}
a.tasto:hover{
    opacity : 0.6;
    color:#000;
}
a.tasto_sel{
    float:left;
    display:block;
    width:73px;
    height:18px;
    color:#000;
    border:1px solid #fff;
    text-align:center;
    font-size: 90%;
}
div#cont {
    border: 0px solid #000;
    width: 600px;
    height: 430px;
    background-color: #fff;
    clear: both;
}

div.hidetab{
    display:none
}

div.visualizza_prezzi{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 20px;
}
.prezzi{
    display:inline;
    width:120px!important;
    font-size:90%;
    font-weight: bold;
    border:1px solid #aaa;
    background-color:white;
    padding: 2px 5px 2px 5px;
}

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    color: black;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white ;
}

.ac_odd {
    background-color: #BBB8DA;
}

.ac_over {
    background-color: #bbb;
}

#The_colorPicker{
    position:absolute;
    width:224px;
    padding-bottom:1px;
    background-color:#FFF;
    border:1px solid #317082;
}

form div.misurecombinazione { margin:0px!important; padding:0px!important;}
div.misurecombinazione input { vertical-align: top;width: 30px!important;}
/* STILI PER PAGINA ADD E EDIT PREVENTIVO*/
#agent,#reseller{

    width: 300px;
}



DIV.righe_spese{
    padding-left: 190px;
}


DIV.righe_spese input {
    float: right;

}

DIV.righe_spese2{
    padding-left: 80px;
}

DIV.righe_spese2 select{
    width: 250px;
}

div#spesegen{float:right;}

#TipoDataListino{
    padding-left: 2px;
    font-weight: bold;
}


#OrderChangeStateForm div.submit{
    margin-left: 259px;
    float: left;
}

table#tabellacommesse{
    width: 100%;
    max-width: 960px;
     border-spacing: 0px;
    border-collapse: COLLAPSE;
    border:1px solid #eee;    
}
tr.daticommesse td{background-color: #ddd;}
table#tabellacommesse tr td a{
    line-height: 16px;
}
table#tabellanotecommesse tr td a{
    line-height: 16px;
}

table#tabellanotecommesse{
    width: 960px;
    border:1px solid black;

}

table#tabellacommesse tr td {
    padding: 2px;
    text-align: center;
    border: 1px solid black;
    vertical-align: middle;
}

table#tabellanotecommesse tr td{
    padding: 2px;
    text-align: center;
    border: 1px solid black;
    vertical-align: middle;
} 
table#tabellanotecommesse tr td a{
    line-height: 16px;
}
div.accounts form input,div.accounts form select{
    width:250px;
    float:right;
}
div.agents form input,div.agents form select{
    float:right;
}
div.firms form input,div.firms form select{
    float:right;
}
div.resellers form input,div.resellers form select{
    float:right;
    width:180px;
}
.div-table{
    display:table;         
    width:250px;         
    border-spacing:2px;/*cellspacing:poor IE support for  this*/
}

.div-table-row{
    display:flex;
    width:auto;
    clear:both;
    padding: 0px;
    margin: 0px;
}
.div-table-col{
    float:left;/*fix for  buggy browsers*/
    display:table-column;         
    width:80px;         
    background-color:#eeeeee;  
}

.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}

div.text{margin-bottom:0px!important;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
table.custom_glasses,table.custom_glasses_add {width:640px;border:1px solid black;}
table.custom_glasses tr td,table.custom_glasses_add tr td{
    border-bottom: 1px solid #ddd;
    border-collapse: collapse;
    padding: 5px;
    margin: 0px;
    text-align: center;
    vertical-align:middle;

}
table.custom_glasses_add tr td.left{text-align: left;}
table.custom_glasses_add tr td.right{text-align: right;width: 170px;}
.canvasclass{display:block;border:1px solid black;}
.area_composizioni{overflow: hidden;}
.area_composizioni h3{margin-bottom:10px;color:red;cursor:pointer;}
.area_composizioni .suggest_composizioni{font-size:11px;color:red;float:right;}
.area_composizioni form{width:550px; border:1px solid #e5e5e5;border-radius:4px; padding:10px;margin-bottom:20px;float:left;}
.componenti_composizioni{float:left;width:450px;border:1px solid #e5e5e5;border-radius:4px; padding:5px;}
.componenti_composizioni th{padding:3px;}
.area_composizioni form .submit{float:none;}
.ui-accordion-header-icon{    float: left; margin-top: 5px;    margin-right: 5px;}
#tabs ul{margin:0px; margin-bottom:20px;padding:5px 5px 5px 5px;}
.composition-left{float:left;display:block;clear:both;}

#tabs ul li{margin: 5px 3px -2px 0px;
            float: left;}
#tabs ul li a{    padding: 6px 8px;}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eee!important;
    text-decoration: none!important;
    background: #767676!important;
}        

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default ,.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
    border: 6px solid #fff!important;
    background: #ffffff url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    margin-bottom: -6px!important;
}


.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active,
.ui-state-active:hover, 
.ui-widget-content .ui-state-active:hover, 
.ui-widget-header .ui-state-active:hover {
    border: 6px solid #767676!important;
    background: #ffffff url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
    margin-bottom: -6px!important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none!important;
}
form#Account div{
    clear: none;
    margin-bottom: 0px;
   vertical-align: text-top;
}
form#Account div.cleardiv{clear:both;}
form#Account div.anagrafica-block{
    padding:20px;border:1px solid grey;display: inline-block;min-width:800px;
}
form#Account div.anagrafica-block-item{float:left;display: inline-block;padding:20px;}
.disabledlink,.disabledlink:hover{cursor:not-allowed;color:lightgray;}
#reseller_table table,#agent_account_table table{
    border: 1px solid black;
    margin: 10px 0px;
}
#reseller_table table tr,#agent_account_table table tr{border-bottom:1px solid black;}
input.required{border-color:#e06c7f;}
a.button{
    display: inline-block;
    margin: 1px;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    background:#f2f2f2;
    padding: 2px;
    box-shadow: 0.5px 0.5px 1px #888888;
}
a.button:hover{
    display: inline-block;
    margin: 1px;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    background:#f2f2f2;
    /* border: 1px solid #aaa; */
    padding: 2px;
    box-shadow: 0.5px 0.5px 1px #888888;
}
#schedatecnica{
    position: absolute;
    top: 280px;
    left: 30px;
    
}
#schedavetri{
    position: absolute;
    top: 280px;
    left: 280px;
    
}
#schedatecnica a,#schedavetri a{
    background: #fff;
    color: rgb(196, 17, 44);
    text-decoration: none;
    cursor : help;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}


table.tabellabudget{
    width:1100px;
    border:1px solid black;
    padding:3px; 
    
    border-collapse: collapse;
    font-size: 0.7em;
    
}
table.tabellabudget td{
    
    min-width:50px;
}

.rigaagentebudget th{
    border:1px solid grey;
    background:#FBC9C9;
}
.rigazonabudget td,.rigadittabudget td,.rigaagentebudget td,.rigarivenditabudget th,.rigaagentebudget th,.rigarivenditabudget td,tr.rigazonabudget td{
  padding: 2px;
border: 1px solid grey;
}

.rigadittabudget td{
    border:1px solid black;
   font-weight: bold;
}                      
tr.rigazonabudget{
    border:1px solid black;
   color:green;
    min-width:50px;
}
tr.rigaagentebudget{
    border:1px solid black;
     color:red ;
   
}

tr.rigaagentebudget td,tr.rigazonabudget td{

   padding-bottom: 4px;
    padding-top: 4px;
}
tr.headbudget th{
    border:1px solid grey;
    background: #dddddd;
    
}