.clearfloat { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
body { background-color: #FFFFFF; margin: 0px; padding: 0px; color: #000000; font-family: 'Roboto'; font-size: 1em; }
input, select, p, code { font-size: 1rem; font-family: inherit; }
* { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
a { color: #000000; }
a:hover { text-decoration: underline; }
a img { border: none; }

.alert { color: #EA0000; }
.good { color: #090; }
.maybe { color: #F90; }
.bggood { background-color: #CFFFB9; }
.pointer { cursor: pointer; }
.underline { text-decoration: underline; }
.notify { color: #06C; }
.border { border: 1px solid #000; }
.width { max-width: 75em; }

form { padding: 0; margin: 0; }
.form-search { padding: 1em 0; }
h1, h2, h3, h4 { padding: 0; margin: 0; }

/*label.error { display: none; padding-left: 1em; margin-left: .3em; }*/
label.valid { display: block; width: 1em; height: 1em; }
label.error { color: #f00; font-size: 0.8em; margin-right: .5em; }
.errorHolder label { display: list-item; white-space: nowrap; }

.oa { overflow: auto; }
.oh { overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.b { font-weight: bold; }

.list { background-color: #FFFFFF; width:100%; }
.scroll { overflow-y: scroll; }
.autoHeight { height: auto; }

input[type=text], input[type=password], textarea, select { width: 15em; border: 1px solid #333; margin: 0; }
input.datepick { width: 6em; text-align: center; }
input.time { width: 3em; text-align: center; }
.req { background: #FFF2BF; }
.r { text-align: right; }
.c { text-align: center; }
input.error, textarea.error, select.error, div.error { border: 2px solid #f00; background-color: #F90; }
.hide, input.hide, textarea.hide, select.hide { background-color: transparent; border-color: transparent; }
input[type=text].wAll, input[type=password].wAll, textarea.wAll, select.wAll { width: 100%; }
.perc, .percsani, .perctext, .miniperc, .totaleperc { width: 3em !important; text-align: right; }
.miniperc, .minidesc { font-size: 0.8em; }
.totaleperc, .totaledesc { font-weight: bold; font-size: 1.2em; }

.button { background-color: #ADCDE7; text-align: center; border-radius: 0.4em; }

.intestBG { background-color: #000000; }
.intestBG td { font-weight: bold; background-color: #C0C0C0; text-align: center; padding-top: 0.3em; padding-bottom: 0.3em; }
.tfixed { table-layout: fixed; }

#tablelist td, #tablelistnorollover td, .bottom_dotted { border-bottom: 1px dotted #666666; overflow: hidden; }
#tablelist td td, #tablelistnorollover td td{ border-bottom: none; }
#tablelist tr:hover { background-color: #FFCC00; cursor: pointer; }
#tablelist tr.subtitle:hover, #tablelist .norollover:hover { background-color: inherit; cursor: default; }

.title { font-weight: bold; color: #303881; border-bottom: 2px solid #303881; font-size: 2em; margin-bottom: 1em; }
.title strong { color: #FC0; }
.subtitle { font-weight: bold; color: #303881; border-bottom: 2px solid #303881; font-size: 1.3em; margin-bottom: 1em; }
.subtitle strong { color: #FC0; }
.tac { text-align: center; }
.tar { text-align: right; }

#top { background-color: #fff; border-bottom: 0.3em solid #303881; position: fixed; width: 100%; z-index: 100; }
#topContent { text-align: left; overflow: auto; position: relative; padding-bottom: 1px; }
#topContent div { float: left; }
.logo { margin: 0.4em 2em 0 0; }
.logo > img { width: 18.75em; }
.menu-item { /*width: 12em;*/ padding: 0 1em; color: #303881; border: 1px solid #303881; background-color: #fff; text-align: center; font-weight: bold; line-height: 2em; margin: 3em 1px 0 0; }
.menu-item:hover { color: #FC0; background-color: #303881; }
#topContent .logout { position: absolute; right: 0; line-height: 2em; margin: 0.4em 0; }

#content { padding: 6em 0.3em 3em 0.3em; }
#contentText { padding: 1px; background: #fff; text-align: left; }

/*COLORI CERTIFICAZIONE*/
.colorG, .colorF, .colorE, .colorD { background-color: #D52C27; }
.colorC { background-color: #F47622; }
.colorB { background-color: #FDC127; }
.colorA { background-color: #F6EE32; }
.colorA1 { background-color: #BED73A; }
.colorA2 { background-color: #68B945; }
.colorA3 { background-color: #149448; }


/*INIZIO CSS PER DIV COME TABELLE*/
.div-table { display: table; border-collapse: collapse; width: 100%; table-layout: fixed; position: relative; }
.table-head { display: table-row; }
.table-head > div { display: table-cell; border: 1px solid #000; font-weight: bold; background-color: #C0C0C0; text-align: center; padding: 5px 0; }
.table-row, .table-subtitle, .table-total { display: table-row; }
.table-row { background-color: white; border-bottom: 1px dotted #666; }
.table-row > div, .table-subtitle > div, .table-total > div { display: table-cell; padding: 2px 1px; }
.nowrap .table-row > div, nowrap .table-subtitle > div, nowrap .table-total > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-subtitle > div { background-color: #3CF; font-weight: bold; }
.table-total > div { background-color: #39F; color: #fff; font-weight: bold; }
.noborder > .table-row { border: 0px; }
.border > .table-row > div { border: 1px solid #666; }
.vtop .table-row > div { vertical-align: top; }
.colored > div.table-row:nth-child(odd) { background-color: #f0f0f0; }
.rollover > div.table-row:hover { background-color: #fc0; cursor: pointer; }
.form > .table-row { border-bottom: 0; padding: 1em; }
.table-row > div.dotted { font-weight: bold; color: #004276; border-bottom: 1px dashed #999; }
/*.highlight { border: 1px solid #043882 !important; color: #043882; }
.highlight input { color: #043882; }*/
.highlight > div, .highlight input { background-color: #043882; color: #fc0;}

.form { margin: 0; }
.formspace { margin: 2em 0; }
.formstd > .table-row > div:nth-child(odd) { width: 20%; }
.formstd > .table-row > div:nth-child(even) { width: 30%; border-right: 1em solid transparent; }
.form2c > .table-row > div:nth-child(odd) { width: 40%; }
.form2c > .table-row > div:nth-child(even) { width: 60%; border-right: 1em solid transparent; }
.formcertificazione > .table-row > div:nth-child(1) { width: 35%; }
.formcertificazione > .table-row > div:nth-child(2) { width: 55%; }
.formcertificazione > .table-row > div:nth-child(3) { width: 10%; text-align: right; }
.formtotale > .table-row > div:nth-child(1) { width: 90%; }
.formtotale > .table-row > div:nth-child(2) { width: 10%; text-align: right; }
/*FINE CSS PER DIV COME TABELLE*/

/*ETICHETTA*/
.etichetta-img { width: 21.875em; }

/*ETICHETTA RISCALDAMENTO*/
#etichettaRisc {  }
#installatoreRisc { position: absolute; top: 19.19%; left: 5%; width: 40%; font-size: 0.7em; text-transform: uppercase; }
#modelloRisc { position: absolute; top: 18.7%; left: 50%; width: 45%; }
#freModRis { position: absolute; top: 33.53%; left: 29.14%; z-index: 25; width: 2.5em; height: 1.4375em; background: url(/erp/images/freModRis.png) no-repeat top left; background-size: 100%; padding-left: 0.6em; }
#freModRis > input { color: #fff; font-size: 1em; font-weight: bold; width: 100%; height: 100%; }
#freImpRis { position: absolute; top: 85.86%; left: 78.28%; z-index: 20; width: 3.4375em; height: 2em; background: url(/erp/images/freImpRis.png) no-repeat top left; background-size: 100%; padding-left: 0.6em; }
#freImpRis > input { color: #fff; font-size: 1.2em; font-weight: bold; width: 100%; height: 100%; }
#pannRisc, #bollRisc, #tempRisc, #suppRisc { position: absolute; z-index: 30; left: 33.43%; width: 0.6875em; height: 0.8125em; background: url(/erp/images/X.png) no-repeat top left; background-size: 100%; }
#pannRisc { top: 50.50%; }
#bollRisc { top: 62.70%; }
#tempRisc { top: 74.80%; }
#suppRisc { top: 86.60%; }
.etichetta { font-size: 0.7em; text-transform: uppercase; width: 100% !important; border: 1px dashed #1BADCF !important; }

/*ETICHETTA SISTEMI IBRIDI*/
#etichettaIbri {  }
#installatoreIbri { position: absolute; top: 19.19%; left: 5%; width: 40%; font-size: 0.7em; text-transform: uppercase; }
#modelloIbri { position: absolute; top: 19.19%; left: 50%; width: 40%; font-size: 0.7em; text-transform: uppercase; }
#modelloIbriInput { position: absolute; top: 18.7%; left: 50%; width: 45%; }
#freModIbrRis, #freModIbrSan { position: absolute; left: 18.29%; z-index: 25; width: 2.0625em; height: 1.1875em; background: url(/erp/images/freModIbr.png) no-repeat top left; background-size: 100%; padding-left: 0.6em; line-height: 1.1875em; overflow: hidden; }
#freModIbrRis { top: 28.08%; }
#freModIbrSan { top: 34.95%; }
#freModIbrRis > input , #freModIbrSan > input { color: #fff; font-size: 0.7em; font-weight: bold; width: 100%; height: 100%; }
#freImpIbrRis, #freImpIbrSan { position: absolute; left: 82.57%; z-index: 20; width: 2.5em; height: 1.4375em; background: url(/erp/images/freImpIbr.png) no-repeat top left; background-size: 100%; padding-left: 0.6em; line-height: 1.4375em; }
#freImpIbrRis > input , #freImpIbrSan > input { color: #fff; font-size: 0.8em; font-weight: bold; width: 100%; height: 100%; }
#freImpIbrRis { top: 53.73%; }
#freImpIbrSan { top: 89.29%; }
#profiloMod { position: absolute; top: 35.96%; left: 33.14%; font-size: 0.7em; font-weight: bold; }
#profiloImp { position: absolute; top: 63.23%; left: 51.14%; font-size: 0.8em; font-weight: bold; }
#pannIbri, #bollIbri, #tempIbri, #suppIbri { position: absolute; z-index: 30; left: 33.92%; width: 0.6875em; height: 0.8125em; background: url(/erp/images/X.png) no-repeat top left; background-size: 100%; }
#pannIbri { top: 49.49%; }
#bollIbri { top: 61.41%; }
#tempIbri { top: 73.53%; }
#suppIbri { top: 85.45%; }

/*ETICHETTA SCALDACQUA*/
#etichettaScal {  }
#installatoreScal { position: absolute; top: 19.19%; left: 5%; width: 40%; font-size: 0.7em; text-transform: uppercase; }
#modelloScal { position: absolute; top: 18.7%; left: 50%; width: 45%; }
#freModSca { position: absolute; top: 33.53%; left: 29.14%; z-index: 25; width: 2.5em; height: 1.4375em; background: url(/erp/images/freModRis.png) no-repeat top left; background-size: 100%; padding-left: 0.6em; }
#freModSca > input { color: #fff; font-size: 1em; font-weight: bold; width: 100%; height: 100%; }
#freImpSca { position: absolute; top: 85.86%; left: 78.28%; z-index: 20; width: 3.4375em; height: 2em; background: url(/erp/images/freImpRis.png) no-repeat top left; background-size: 100%; padding-left: 0.6em; }
#freImpSca > input { color: #fff; font-size: 1.2em; font-weight: bold; width: 100%; height: 100%; }
#profiloSca { position: absolute; top: 25.6%; left: 10.57%; font-size: 0.7em; font-weight: bold; }
#pannScal, #bollScal { position: absolute; z-index: 30; left: 33.43%; width: 0.6875em; height: 0.8125em; background: url(/erp/images/X.png) no-repeat top left; background-size: 100%; }
#pannScal { top: 58.98%; }
#bollScal { top: 78.78%; }

.installatore_lista > div > div:nth-child(1) { width: 20%; }
.installatore_lista > div > div:nth-child(2) { width: 20%; }
.installatore_lista > div > div:nth-child(3) { width: 10%; text-align: center; }
.installatore_lista > div > div:nth-child(4) { width: 20%; }
.installatore_lista > div > div:nth-child(5) { width: 7%; text-align: center; }
.installatore_lista > div > div:nth-child(6) { width: 15%; }
.installatore_lista > div > div:nth-child(7) { width: 8%; text-align: center; }

.formsanitemp { font-size: 0.6em; text-align: right; }
.formsanitemp > tr > td:nth-child(1) { text-align: left; }

@media screen and (min-width: 1025px) and (max-width: 1280px) {
	body { font-size: 0.9em; }
	input, select, p, code { font-size: 0.9rem; }
}
@media screen and (min-width: 897px) and (max-width: 1024px) {
	body { font-size: 0.8em; }
	input, select, p, code { font-size: 0.8rem; }
}
@media screen and (min-width: 769px) and (max-width: 896px) {
	body { font-size: 0.7em; }
	input, select, p, code { font-size: 0.7rem; }
}
@media screen and (max-width: 768px) {
	body { font-size: 0.6em; }
	input, select, p, code { font-size: 0.6rem; }
}