* {
    margin:0;
    padding:0;
}
html{font-size:12px;}
/* General Style Info */
body {
	background: transparent url('../img/bg-nikita.png') repeat-x;
	
	font-family:'Trebuchet MS',verdana,helvetica,arial,sans-serif;
	
    margin: 0;
    min-height: 600px;
}
a {
    background:#fff;
    color: #b42529;
    font-weight: bold;
}
a:hover {
    background:#fff;
    color: #132457;
    text-decoration:none;
}
a img {
    border:none;
}
/*
h1, h2, h3, h4 {
    font-weight: normal;
}
h1 {
    background:#fff;
    color: #132457;
    font-size: 100%;
    margin: 0.1em 0;
}
h2 {
    background:#fff;
    color: #000;
    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: #993;
    font-weight: normal;
    padding-top: 0.5em;
}*/
ul, li {
    margin: 0 12px;
}

/* Layout */
OPTION.red{background-color:#F6ED6B; color:black}
OPTION.white{background-color:white; color:black}

#container {
    text-align: left;
}
#container-login{
text-align: left;
width: 400px;
height: 220px;
background-color: white;
padding: 16px;
border: 3px solid rgb(175, 13, 13);
margin:0 auto;
position:relative;
top:45%;
}

#header{
    padding: 10px 5px;
}
#header h4 {
    background: white url('../img/cake.icon.png') no-repeat left;
    color: #000;
	padding: 3px 40px;
    font-weight:bold;
}

#header h1 a {
    color: #fff;
    background: #132457;
    font-weight: normal;
    text-decoration: none;
}
#header h1 a:hover {
    color: #fff;
    background: #132457;
    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:98%;

}

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

}
th a {
    background:#b42529;
    color: #dedede;
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a:hover {
    background: #ffbfbf;
    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: #ffbfbf;
    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 */
dl {
    line-height: 2em;
    margin: 0em 0em;
    width: 70%;
    display: block;
}
dl .altrow {

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

/* Forms */
form {
    clear: both;
    padding: 0;
	width: 100%;
}
fieldset {
    border: 1px solid #ffbfbf;
    margin-top: 10px;
    padding: 16px 20px;
}
fieldset legend {
    background:#fff;
    color:#132457;
    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 ,td.required{
    font-weight: bold;
}
form div.submit {
    border: 0;
    clear: both;
    padding:0px;
    margin-top: 0px;
    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],input[type=password] {
	clear: both;
	margin: 2px;
        width:auto;
}

input[type=text].form-control,input[type=password].form-control {
        width:100%;
}

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: #132457;
    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:500px; 
    border:1px solid black;
    background-color:#ffbfbf;
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
}

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;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:rgb(253, 214, 181);
}

table.righePreventivo tr td {
    background: #fff;
    border-right: 1px solid #ffbfbf;
    padding: 2px;
    vertical-align: top;
}
table.righePreventivo tr.edited td{
    background: #ECCD76;
    border-right: 1px solid #ffbfbf;
    padding: 2px;
    vertical-align: top;
}
table.righePreventivo tr.green td{
    background: #99ff99;
    border-right: 1px solid #ffbfbf;
    padding: 2px;
    vertical-align: top;
}
table.righePreventivo tr.greenstrong td{
    background: #00ff44;
    border-right: 1px solid #ffbfbf;
    padding: 2px;
    vertical-align: top;
}
table.righeCombinazioni tr td {
    background: #fff;
    border-right: 1px solid #ffbfbf;
    padding: 2px;
    vertical-align: top;
}
table.righeCombinazioni tr.edited td{
    background: #ECCD76;
    border-right: 1px solid #ffbfbf;
    padding: 2px;
    vertical-align: top;
}
div.visualizzatrasmittanza{
    display:block;
    position: relative;
    bottom: 5px;
}
div.totalepreventivo{
    float:right;
    display: block;
    text-align: right;
    font-weight: bold;
}
div.trasmittanzaalert{
    float:left;
    color:red;
    display: block;
    text-align: left;
    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:#AAA;
    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-finestre.jpg);
    background-size: cover;
    display:block;
    height:500px;
    width:950px;
    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;
}

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

#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:#ffbfbf;
           text-align: center;
           width:388px;
           height:200px;
}
#variantswait{
    position: absolute;
    left: 404px;
    top: 69px;
    left:392px\9;
    top:63px\9;
    background-color: #E4DDDD;
    text-align: left;
    width: 602px;
    height: 451px;
}
#varianticonfigurazioni{
    position:absolute;
    left:415px;
    top:75px;
    background-color:#ffbfbf;
    text-align: left;
    width:606px;
    height:505px;
}
#ricalcolowait{position:absolute;
               left:8px;
               top:68px;
               background-color:#ffbfbf;
               text-align: left;
               width:976px;
               height:442px;
}
#copiawait{position:absolute;
           left:7px;
           top:154px;
           background-color:#ffbfbf5c5;
           text-align: left;
           width:988px;
           height:400px;
}
#sostwait{position:absolute;
          left:7px;
          top:100px;
          background-color:#ffbfbf;
          text-align: left;
          width:980px;
          height:560px;
}
table.datiRiga{
    border: 1px solid black;
    min-width: 1000px;
    padding: 1px;
    margin: 0px;
    background-color: #f2e4e4;
    border-radius: 5px;


}
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: 235px;
}

#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: 27px;
}
#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-y:scroll;
}
#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:rgb(253, 214, 181);
}
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;
}
tr.variantevetro select {
    color: red;
    font-weight: bold;
}
tr.variantespecchiatura {
    background-color:#f7fa23;
}

/* codice css per visualizzazione tabbed dell'area varianti'*/

a.tasto{
    float:left;
    display:block;
    width:73px;
    height:18px;
    color:#fff;
    background-color: #ccc;
    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: #ffbfbf;
}

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

table.bloccoPreventivo{
    border:1px solid black;
    padding:2px;
    margin:2px;
    width:978px;
    background-color:#f2e4e4;
}

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

table.datiConfermaOrdine{
    border: 1px solid pink;
    min-width: 640px;
    margin-top: 15px;

}
table.datiConfermaOrdine input{
    overflow: visible;

}

table.datiConfermaOrdine caption{
    color: #132457;
    font-size: 110%;
    font-weight: bold;
    margin-top: 5px;
    float: left;
    padding-left: 20px;
}

table.indiceConferme{
    border: 0px;
    width:100%;
}

table.indiceConferme td{
    padding:5px;
}

/*scaffolding*/
div.commissions,div.agents,div.accounts,div.resellers,div.firms,div.payments{
    display: inline-table;
}

div.commissions table td,div.agents table td,div.accounts table td,div.resellers table td,div.firms table td,div.payments table td{
    padding-left:3px;
    padding-right:3px;
}
div.commissions form,div.accounts form,div.agents form,div.resellers form,div.firms form,div.payments form{
    width:100%;
}
div.commissions form input,div.commissions form select{
    float:right;
}
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.payments form input{
    float:right;
    width:350px;
}
div.resellers form select,div.payments form select{
    float:right;
    width:360px;
}

div.payments form input[type=submit],div.resellers form input[type=submit],div.accounts form input[type=submit]{
    float:right;
    width:80px;
}



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;
    color:#222;

}

.guidapdf{
    position: relative;
top: -50px;
    left: 704px;
    width: 150px;
    padding: 4px;
    background: #ffffff;
}

  .printonly{display:none;} 
@media print { 
    @page{
        size: landscape;
        margin-left:0.1cm;
        margin-right:0.1cm;
    }
     .printonly{display:block;}
    #userinfo,#printlink{display:none}
    form#Agent{display: none;}
    #header{display: none;}
    .dontprint{display:none};
    table.tabellabudget{
        width:970px;
        border:0px;
        padding:2px; 
        border:1px solid black!important;
        border-collapse: collapse;
        overflow:hidden;
    }
    table.tabellabudget td{
        border-bottom:1px solid lightgrey;
        min-width:43px;
    }

    tr.headbudget th{
        border:1px solid grey;
        background: #dddddd;

    }


    .rigadittabudget td{
        border:1px solid black;
        font-weight: bold;
    }


    .rigadittabudget td,.rigaagentebudget td,.rigarivenditabudget th,.rigaagentebudget th,.rigarivenditabudget td,tr.rigazonabudget td{
        padding:2px;
        border:1px solid black;
    }


}
.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;font-size: 11px;}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eee!important;
    text-decoration: none!important;
    background: #b42529!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 #b42529!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-active,.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;
}


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: 315px;
    left: 30px;
    
}
#schedavetri{
    position: absolute;
    top: 315px;
    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;
}

/* PROVVIGIONI*/
table.tabellaprovvigioni,table.tabellaAvvisi{
    border:1px solid grey;
    padding:0px;margin:15px 0px;
    min-width: 640px;
}
table.tabellaAvvisi td{border-bottom:1px dotted grey;border-collapse: collapse;}
table.tabellaprovvigioni td{padding:6px;border-bottom: 1px solid grey;border-collapse: collapse;}
table.tabellaprovvigioni tr.intestazione-agente th{
    background: #cecece;
    color: #1f0303;
    border: 1px solid #bbb;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
    
}
table.tabellaprovvigioni tr.intestazione-trimestre{cursor:pointer;opacity:1}
table.tabellaprovvigioni tr.intestazione-trimestre:hover{cursor:pointer;opacity:0.7}
#filtra{
    float: none;
    margin-left: 210px;
    display: inline;
}
#Provvigioni div.submit{float:left!important;}

#opmessage{
    position: fixed;
    left: 15%;
    color: #888;
    border:1px solid #ccc;
    font-weight: 700;
    top: 35%;
    z-index: 10;
    background: #efefef;
    padding: 20px;
    border-radius: 10px;
    display:none;
}

div.pagaajx,div.annulladatacajx{cursor:pointer;background:#fff;text-decoration:underline;color:#132457;display: inline;
    padding: 3px;font-weight: bold;margin:3px;border-radius:3px;}
div.pagaajx:hover,div.annulladatacajx:hover{cursor:pointer;opacity:0.7;}

@media print {
   .noprint,#header,#footer{display: none!important;}
   h2 {
    background: #fff;
    color: #fa5403;
    font-family: 'Gill Sans','Trebuchet MS',helvetica, arial, sans-serif;
    font-size: 150%;
    margin: 0.3em 0;
    padding-top: 0.8em;
    }
    a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
    @page {
        size: auto;   /* auto is the initial value */
        margin: 20px;  /* this affects the margin in the printer settings */
    }
   
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .275rem .55rem;
    font-size: 1.1em;
    line-height: 1;
    text-decoration: none;
    margin:2px;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn:hover{
    text-decoration: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}