/*#################################################################
CALCOLATORI
####################################################################*/
.risultato .titolo-risultato{font-size:19px; font-weight:600; text-align:center}

table{margin-bottom: 0px!important} /*serve a togliere il margine sotto messo dallo stile di base del tema */
/* td{border: none!important;} serve a togliere i bordi alle tabelle messi dallo stile di base del tema */
/* tr, th{border: none!important;} /*serve a togliere i bordi alle tabelle messi dallo stile di base del tema */
input[type=checkbox],input[type=radio]  {transform: scale(1.2)} 


.calcolatori button, .risultato button {background-color:#1e5192; display:block!important; margin:auto!important; margin-top:28px!important; border-radius: 4px}

/* campi numerici termini processuali tabelle rm mi eta anagraf OK non toccare */
div.giorni > div > input[type="number"] /* vale anche per le tabelle rm mi */{width: 10%; margin-right: 8%}
input[readonly]{border: 1px solid #ccc; background:#f4f9fe!important; color:#424242;box-shadow:0 0 0 !important; cursor:default}
input[type=text],
input[type=email],
input[type=url],
input[type=password] { width: 50%; }
.sf-fulltext-wrapper input:focus,
.sf-filter input[placeholder="Numero"]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus{ outline: 0; border-color: #4697e4;color:#333;
}

/* .calcolatori select{font-family: 'Open Sans', sans-serif}
.calcolatori select:focus{font-family: 'Open Sans', sans-serif} */
form > fieldset > div {clear: both;overflow: hidden; margin: 2px 0px 6px;padding: 8px 3px 8px;border-bottom: dotted 1px #DADADA; font-size: 13px}
form > div:last-child {border-bottom:none}
form > fieldset > div > div { margin: 0 0 5px 0}
form > fieldset > div > label,legend {width: 40%; float: left; padding-right: 10px; padding-left: 33px; line-height:26px}
div.didascalia{width: 100%; margin-top: 15px;padding-left: 33px}/* la uso in IMU */


label{line-height:26px;display:inline-block}
input + label{ display:inline-block; margin-left: 6%;margin-right: 1%; }
label + input[type=radio]{margin-right:16px}
legend{font-weight:700;/*line-height:inherit*/}
form.calcolatori > div > div, form.calcolatori > fieldset > div > div {width: 60%; /* MAX 65 attenzione cambiando questo cambiano anche i select */float: left}

/* Colori dei testi delle opzioni di calcolo disabilitate nel loro stato iniziale */
#bollocolor{color:#dcdcdc}

/*ATTENZIONE INFLUENZANO TUTTI I FORM */
.calcolatori select.full{width:90%; margin-right: 6%}
.calcolatori select.large{width:65%; margin-right: 6%}
.calcolatori select.medium{width:60%; margin-right: 6%}
.calcolatori select.small{width:28%; margin-right: 6%}
.calcolatori select.x-small{width:24%; margin-right: 6%}
.calcolatori input[type=checkbox]{margin:10px; width: 15px!important; height: 15px!important;cursor: pointer!important}
.calcolatori input[type=radio], input[type=checkbox], select{color:#444}
option{padding:4px}
.calcolatori input[type=radio]{margin-left: 10px; margin-right: 20px;  width: 15px!important; height: 15px!important; cursor: pointer!important}
.calcolatori input[type=number]{text-align:right!important;padding: 2px;width:60%}
.calcolatori input[type=text]{text-align:left;padding: 8px 11px}
.calcolatori input[type=number].medium{width:40%}
.calcolatori input[type=number].frazione{width:10%}
.calcolatori input[type=text].short, input[type=number].short{width:22%}

.calcolatori .un-terzo{width:30%}
.calcolatori .due-terzi{width:70%}


@media (max-width: 770px) {
form.calcolatori {padding: 20px 10px!important}
form > fieldset > div, form > div > div, form > fieldset > div > div {width: 100%!important; text-align:center!important}
form> fieldset > div > div {width: 100%!important; text-align: center;}
form > fieldset > div > label,legend {width: 100%!important; text-align: center; padding: 0px 0px 6px 0px}
form > fieldset > div > label {width: 100%!important;  text-align: center;}
.calcolatori input[type=number], .calcolatori input[type=number].medium, .calcolatori input[type=text].short, input[type=number].short{width:60%}
.calcolatori input[type=number].frazione{width:20%}
.calcolatori select.medium,.calcolatori select.small,select.x-small{margin-bottom:13px; display: inline-block; text-align: center;} /*così allineo tutti i selettori date in verticale*/
.calcolatori select,.calcolatori select.large, .calcolatori select.full {width:100%; display: inline-block;margin-right: 0px}
.calcolatori select.medium{width: 80%;margin-right: 0px}
.calcolatori select.small, .calcolatori select.x-small{width: 50%; text-align: center; margin-right:4px; text-align: center;}
}

/* ############# REGOLE SPECIFICHE PER ALCUNI FORM ###################### */
/* danno biologico */
form#danno-biologico > fieldset > div > label,form#danno-biologico legend {width: 49%}
form#danno-biologico > div > div,form#danno-biologico > fieldset > div > div { width: 49%}
/* @media (max-width: 770px) {form#danno-biologico > fieldset > div > label, form#danno-biologico legend {width: 100%}
form#danno-biologico > div > div,form#danno-biologico > fieldset > div > div { width:100%}
} */

/* 344 danno morte congiunto roma ok normale ok mobile */
form#danno-morte-congiunto > fieldset > div > label,form#danno-morte-congiunto legend {width: 40%}
form#danno-morte-congiunto > div > div,form#danno-morte-congiunto > fieldset > div > div { width: 60%; text-align: center}


/* 326 equo indennizzo OK ok normale ok mobile */
form#equo-indennizzo > fieldset > div > label{width: 45%}
form#equo-indennizzo > div > div,form#equo-indennizzo > fieldset > div > div {width: 55%}


/* 334 Imu tasi e nuova IMU 335  */
form#imu  > fieldset > div > label,legend { width: 36%}
form#imu input[type=number].short{width:18%}
form#imu input[type=number].medium{width:35%}
form#imu select.full {width: 98%}
form#imu select.large {width: 76%}
@media (max-width: 770px) {
form#imu label {display:block}
form#imu input[type=number].short {width: 35% !important; margin-top: 10px; display: inline-block}
} 



/* 324 fattura  ok normale ok mobile */
form#fatturazione > fieldset > div{padding-left: 20px;}
#a, #b, #c{display:none} /* nascondo i radio di lato a casella somme */
form#fatturazione > fieldset > div > label,form#fatturazione legend {width: 60%}
form#fatturazione > div > div,form#fatturazione > fieldset > div > div{width: 40%; float:right}
form#fatturazione input.medium{width: 70%}
form#fatturazione select.small{width: 40%}


/* 325 scorporo iva form_iva ok normale ok mobile */
form#form_iva input{width: 50%}
form#form_iva select.medium{width: 35%}
form#form_iva div{padding-left: 10%;}
form#form_iva legend{padding-left:10%; width: 40%; text-align: center;}
@media (max-width: 770px) {
form#form_iva input, form#form_iva select.medium{width: 80%;  margin: 0px;}
form#form_iva div,form#form_iva legend{padding-left: 0%;}
}

/* 300 rivalutazione monetaria  ok normale ok mobile */
form#rivalutazione-monetaria > fieldset > div > label,form#rivalutazione-monetaria legend {width: 52%}
form#rivalutazione-monetaria > div > div,form#rivalutazione-monetaria > fieldset > div > div {width: 46%}


/* 310 devalutazione svalutazione ok normale ok mobile */
form#svalutazione-monetaria > fieldset > div > label,form#svalutazione-monetaria legend {width: 52%}
form#svalutazione-monetaria > div > div,form#svalutazione-monetaria > fieldset > div > div {width: 46%}


 /* 352 Compenso avvocato  ok normale ok mobile */
form#compenso table tbody {width: 100%; display: table} /*serve a far estendere il tbody tanto quanto la tabella altrimenti problemi su chrome */
form#compenso td{padding:8px}
table#fasi td, table#aumenti td, table#riduzioni td, table#spese td {border: 0px!important;} /*tolgo i bordi ai td messi dal css base del tema */
table#fasi, table#aumenti, table#riduzioni, table#spese {border: 1px solid #d5e9f6;margin-top:0px!important} /* metto il mio bordo a contorno tabella */
table#aumenti, table#riduzioni, table#spese{height: 440px;}
table#fasi{width: 100%;margin-bottom:20px!important}  
form#compenso > fieldset > div > label {width:35%}
form#compenso input[type=radio] {margin-right: 10px;}/*rimetto il margin a pari del sinistro di solito distanzio a destra per non appiccicarli */
table#fasi  tr th{height: 50px;background: #eef5fc;text-align: center; font-size: 15px; border-bottom: none;padding:15px}
table#fasi tr td{height: 55px; padding-left: 15px!important}
table#fasi  tr td:nth-child(1){width:30%}
table#fasi  tr td:nth-child(3){width:10%;  text-align:center }
table#fasi  tr td:nth-child(2),table#fasi  tr td:nth-child(4){width:30%; text-align:center}
table#aumenti table tbody{width:100%; display: table;}
table#aumenti  tr td:nth-child(1), table#riduzioni tr td:nth-child(1), table#spese tr td:nth-child(1){min-width:30%; text-align:center }
table#aumenti  tr td:nth-child(2), table#riduzioni tr td:nth-child(2), table#spese tr td:nth-child(2){min-width:10%; text-align:center }
table#aumenti  tr td:nth-child(3), table#riduzioni tr td:nth-child(3), table#spese tr td:nth-child(3){min-width:30%; text-align:center }
table#aumenti  tr td:nth-child(4), table#riduzioni tr td:nth-child(4), table#spese tr td:nth-child(4){min-width:30%; text-align:center }
.nomobile input[type=number]{width:38%}
table#aumenti tr td, table#riduzioni tr td,  table#spese tr td{height:50px}
.tabcontent td {line-height:16px}
div.selezioni{width:100%!important; margin-bottom:12px; font-size:15px}
.selezioni a{cursor:pointer; float: left; padding: 6px 18px; transition: 0.3s;  color:#375573; background-color: #e0eef9; width: 33.3333333334%; text-align: center;border: 1px solid #e1ecf2;border-bottom: 1px solid #d5e9f6;}/*bordo come sfondo per creare effetto ombra e border bottom chiaro per raccordare tab aperta*/
.selezioni a:hover{text-decoration:none !important; background-color:#d5e9f6; color:#494b4e!important;}
a.tablinks.active {color:#494b4e; background: #eef5fc;border: 1px solid #d5e9f6; border-bottom:1px solid #eef5fc;}/*bordo  sotto come sfondo  così lo raccordo alla tab attiva */
form#compenso input[type=number].medium{width:60%} /*spese vive*/
form#compenso table select,form#compenso table input { line-height: normal}
@media (max-width: 770px) {
form#compenso {padding: 20px 5px!important}
table#fasi,table#fasi tr th, table#aumenti, table#riduzioni, table#spese {border:none!important}/*tolgo i bordi a tutto per fare spazio*/
a.tablinks.active {border-top: 1px solid #d5e9f6!important}
form#compenso input[type=number]{width:60%; display:inline}
form#compenso td, form#compenso tr{font-size:12px!important}
form#compenso > fieldset > div > label {text-align:center; width:90%; display:block}
.nomobile{display:none}
}


/* quotepercent  e percqute ok normale ok mobile */
form#percentquote > fieldset > div > div {width:90%}
form#percentquote, form#quotepercent {border-top:none}/* tolgo il bordo superiore per raccordo con le tab */
form#percentquote div.percent input.short, form#quotepercent div.percent input.short{width:35%;text-align: right}
form#percentquote  label, form#quotepercent  label{width:40%}
div.selequote{width:100%; margin-bottom:0!important; border-bottom:0!important; font-size:15px}
.selequote a{cursor:pointer; float: left; padding: 10px 18px; transition: 0.3s;  color:#989a9c; background-color: #e0eef9;text-align: center;border: 1px solid #e1ecf2;border-bottom: 1px solid #d5e9f6; width: 50%}/*bordo come sfondo per creare effetto ombra e border bottom chiaro per raccordare tab aperta*/
.selequote a:hover {text-decoration:none !important; background-color:#d5e9f6; color:#494b4e!important;}
form#percentquote > fieldset > div > div, form#quotepercent > fieldset > div > div{width:50%}
form#percentquote div.percent, form#quotepercent div.percent{width:50%; text-align: center}


/* 367 sconto ok normale ok mobile */
form#sconto > fieldset > div > div{width:50%}
form#sconto input.short{width:42%}
form#sconto div.percent input.short{width:25%}
form#sconto  label{width:35%; margin-left: 11%;}
form#sconto div.percent{width:50%; text-align: center;}
@media (max-width: 770px) {form#sconto  label{width:100%; margin-left:0}}



/* 333 contributo unificato ok normale ok mobile */
form#unificato  div {width: 100%; text-align: left;}
form#unificato  select {margin-left: 3%}
form#unificato label{width: 100%; text-align: left; margin-bottom: 10px}
@media (max-width: 770px) {form#unificato  select {margin-left: 0px}}

/* 314 tasso fisso ok normale ok mobile */ 
form#interessi-semplici-composti label{width:30%}
@media (max-width: 769px) {
.baseannua{display: none}
form#interessi-semplici-composti select#convenz, form#interessi-semplici-composti select#capitaliz {width: 60%!important; display:inline-block}
}


/*347 tan taeg ok normale ok mobile */ 
form#tasso > fieldset > div > div {width: 50%}
form#tasso select.short {width: 38%}
form#tasso input[type=number].short {width: 38%}
form#tasso legend {text-align: center; float: none}
form#tasso > fieldset > div > label {margin-left: 5%}



/* 307 304 306 342 Calcolo tribunale milano roma biologico non patrimoniale ok normale ok mobile */ 
form#tabelle-rm-mi > div.giorni > div, form#tabelle-rm-mi > fieldset > div.giorni > div { width: 90%; margin-left: 15%}
form#tabelle-rm-mi > fieldset > div > label, form#tabelle-rm-mi legend {width: 49%}
form#tabelle-rm-mi > div > div, form#tabelle-rm-mi > fieldset > div > div {width: 50%}
form#tabelle-rm-mi select#periodo{width:85%}
form#tabelle-rm-mi input#puntobase, form#tabelle-rm-mi input#baseass{width:32%}
 @media (max-width: 770px) { 
form#tabelle-rm-mi > fieldset > div.giorni > div { width: 90%; margin-left: 0px}
form#tabelle-rm-mi select.small{width: 35% !important; margin-top: 10px; display: inline-block}
form#tabelle-rm-mi div.giorni input[type="number"] { width: 25% !important; margin-bottom:20px}
form#tabelle-rm-mi > fieldset > div.giorni:nth-child(odd) {border-right:dotted 1px #e2e2e2}
form#tabelle-rm-mi select#periodo{width: 90%}
} 



/* 346 ammortamento OK*/
form#ammortamento input[type=number].short {width: 33%}/*tasso*/
 @media (max-width: 770px) {
form#ammortamento  select.x-small {width: 25%!important} /* numero rate*/
}

/* 368 curatore fallimentare ok normale ok mobile */
form#compenso-curatore legend {width: 80%; margin-top:15px}
form#compenso-curatore legend, form#compenso-curatore label {margin-left:5%}
form#compenso-curatore input{width: 25%;}
 @media (max-width: 770px) {
form#compenso-curatore input[type="number"] { width: 60% !important}
} 

/* 265 delegato vendita ok normale ok mobile */
form#delegato select.large{width: 80%; margin-right:0px}
 form#delegato > fieldset > div > div{width: 45%; text-align:right; margin-right:3%}
form#delegato > fieldset > div > label{width: 50%}
form#delegato select#variazione{width: 38%;  margin-right:6%}
form#delegato select#percvar{margin-right:5px}
form#delegato select.x-small{width:25%; margin-right: 0}


/* 340 pena patteggiamento ok normale ok mobile*/
form#pena fieldset{text-align:center}
form#pena fieldset div{width: 92%; float: left; text-align:center;margin-left:5%}
form#pena label.pena-anni{width: 70px;padding-right: 5px!important;}
form#pena label.pena-mesi,form#pena label.pena-giorni {width: 60px;padding-right: 5px!important;}
form#pena label.pena-importo {width:130px;margin-right: 5px!important;}
form#pena input#euro{float:left}
form#pena > fieldset > div.frazpena > div { width: 87%; margin-left: 8%; text-align:left}
form#pena legend {width: 29%; margin-left: 10%}
form#pena input[type=number].short {width: 15%;margin-right: 4%}
form#pena input[type=number].medium {width: 30%}
@media (max-width: 770px) {
form#pena label.pena-giorni,form#pena label.pena-mesi, form#pena label.pena-anni, form#pena label.pena-importo {width: 100%; text-align: center; margin-top:6px}
form#pena input#euro{width: 65%; text-align: center; float: none;}
form#pena input[type=number].short {width: 35%;margin-right: 1px!important}
form#pena > fieldset > div.frazpena > div{text-align: center;}
} 

/* 309 prezzo iniziale ok normale ok mobile con regole generali*/

/* 336 imposte compravendita ok normale ok mobile con regole generali*/

/* 318 interessi moratori ok normale ok mobile con regole generali*/

/* 316 interessi e rivalutazione ok normale ok mobile con regole generali*/

/* 343 Calcolo perdita parentale milano ok normale ok mobile con regole generali*/

/* 353 costi mediazione civile ok normale ok mobile con regole generali*/
form#mediazione-civile select.small {width:33%}

/* 308 quote ereditarie successione ok normale ok mobile con regole generali*/

/* 302 usufrutto ok normale ok mobile con regole generali*/

/* 322 interessi legali ok normale ok mobile con regole generali*/

/* 348 data futura o passata ok normale ok mobile con regole generali*/

/* 332 diritti di copia ok normale ok mobile con regole generali*/

/* 350 eta anagrafica ok normale ok mobile con regole generali*/

/* 338 giorni tra due date ok normale ok mobile con regole generali*/
form#giornitradate  select#tipologia{ width: 52% !important}
@media (max-width: 770px) {
  form#giornitradate  select#tipologia{ width: 80% !important}
}

/* 330 termini processuali ok normale ok mobile */
form > fieldset > div{text-align: center}
form#termini span {font-size:15px; width: 100%; margin-bottom: 5px;font-weight: 600}
form#termini > fieldset > div > div {width: 100%; text-align: center;}
form#termini > fieldset > div > label{width:30%; margin-left: 6%;}
div.giorni > div > label {padding-right:20px}
form#termini #sospensione{width: 51%}
form#termini > fieldset > div > div > select{ width: 20% !important; margin-top: 10px; display: inline-block}
form#termini > fieldset > div > div > select#tipologia {width: 80% !important }
 @media (max-width: 770px) {
form#termini > fieldset > div > div > select{ width: 50% !important; margin-top: 10px;text-align: center; float: none;}
form#termini > fieldset > div > div > select#tipologia {width: 100% !important }
input#dies1, input#dies2,input#dies3 {margin-left: 35%; margin-right: 35%; width: 33%; padding-right: 4px}
form#termini > fieldset > div > span{width:90%}
form#termini #sospensione{width:100%}
} 


/* 364 prescrizione ok normale ok mobile con regole generali */
form#prescrizione > fieldset > div > label {width: 25%}
form#prescrizione select#diritto {width: 95%}
form#prescrizione > fieldset > div > div {width: 75%}
 

/* valore catastale ok normale ok mobile  */
form#valore_catastale > fieldset > div > label{width: 46%}
form#valore_catastale > fieldset > div > div {width:54%}

 /* 369 percentuali diretto inverso ok normale ok mobile */
form#percentuali legend {width: 80%}
form#percentuali fieldset, form#percentuali  > fieldset > div > div {text-align: center}
form#percentuali > fieldset > div > div {width: 90%; text-align: left;  padding-left: 14%}
div.percent input + label { margin-left: 1%; margin-right: 2%}
@media (max-width: 770px) {
form#percentuali [type=number].short{width: 34%; text-align: center; float: none;margin-bottom: 5px}
form#percentuali fieldset {padding-left: 0px} 
}

/* 320 appalti ok normale ok mobile */
form#interessi-mora-appalti-pubblici select.large {width:80%}


  /* 312 pensione  ok normale ok mobile */
form#pensione_reversibilita div label{width:40%;text-align: right}
form#pensione_reversibilita #pensione{text-align: right!important;  width: 25%;   margin-left: 40px; }
#riftemp{width:40%}
input#redditoconiuge, input#pensione{width:30%}
@media (max-width: 770px) {
form#pensione_reversibilita div.due-terzi label{width: 90%; margin-bottom: 10px;}
form#pensione_reversibilita #pensione{width: 35%}
form#pensione_reversibilita select{width:28%; margin: 0px!important}

}  

/* 366 imposte locazione ok normale ok mobile */
@media (max-width: 770px) { 
form#imposte_locazione input[type=number]{display: block!important; margin: 0 15% 9px 15%!important;}/* il margine sotto serve perchè ho i radio che scorrono sotto */

}
 /*########END FORM ######## */

/* ######## Stili elementi risultato calcolatori ####### */
div.risultato{background: #eef5fc;border: 1px solid #D0DEEF; padding: 18px; margin-bottom:30px; font-size: 14px !important}
div.risultato table.ml-table{font-size:16px !important}
div.risultato h3{margin:15px 10px 25px 30px; text-align: center}
div.risultato p,div.risultato h4 {line-height:22px;font-size:16px; margin:15px 10px 20px 30px}
div.risultato  p:last-child { margin-top:35px} /* dove sta il bottone nuovo calcolo */
.help-risultato{background: #d9f3ff;border: 1px solid #D0DEEF; font-size: 14px!important;line-height: 24px !important; padding: 11px 11px 11px 20px !important; margin-top:15px; }