html, body { margin:0px; padding:0px; height:100%}
body { background-image:url("img/fondo_colonna_sx.png"),url("img/fondo_colonna_dx.png"); background-repeat:repeat-y, repeat-y; background-color:#fff; background-position:left,right; font-family:Helvetica, Arial; height:100%}
a {color:white;}
.alto { background:url("img/fondo_alto.png") repeat-x; height:40px; }
.alto_pratica { background:url("img/fondo_pratica.png") no-repeat 14px 7px; height:40px; padding-left:45px; color:#fff; float:left}
.alto_pratica h1 { margin:0px; padding:0px; font-size:15px; padding-top:9px;}
.alto_logon { no-repeat 14px 7px; height:16px; /*padding-left:15px;*/ color:#fff; float:left; padding:12px 15px 0px}
.alto_logon h1 { margin:0px; padding:0px; font-size:15px; /*padding-top:12px;*/}
.alto_menu { float:right; font-size:13px; padding-top:10px;}
.alto_menu_voce { display:inline-block; background:url("img/divisorio_menu.png") no-repeat top right; padding-right:10px; padding-left:10px; height:15px}
.alto_menu_voce a { color:#99CCFF; text-decoration:none}
.alto_menu_voce a:hover { color:#ffffff; text-decoration:none}
.alto_menu .alto_menu_voce:last-child { background:none}
.colonna_sx { width:268px; float:left; background-color:#373737;}
.promo_text { padding-left: 35px; padding-right: 35px; font-size:13px; color: whitesmoke; text-align: justify; margin-top:-1px}
.promo_text h3 { font-size: 19px; text-align: center; /*margin:15px 0*/height: 15px; padding-bottom:3px}
.link_appstore { text-align: center; margin-top:-2px; margin-bottom:3px}
.colonna_dx { width:190px; position:absolute; right:0px; background:url("img/fondo_alto_pratica.png") repeat-x #f6f6f6}
#contenuti { }
.contenitore_generale { position:absolute; margin-left:268px;}
.contenitore_titoli, .contenitore_titoli_logon { margin-left:30px; padding-top:30px; background:#ffffff; }
.contenitore_titoli h2 { margin:0px; padding:0px; font-size:35px; color:#535353; float:left; padding-bottom:20px; display:inline-block;}
.contenitore_titoli_logon h2 { margin:0px; padding:0px; font-size:35px; color:#535353; float:left; padding-bottom:5px; display:inline-block;}
.contenitore_titoli_stato { float:right}
.contenitore_titoli_stato_link { display:inline-block; padding-right:10px; padding-top:15px; padding-left:20px}
.contenitore_titoli_stato_link a { color:#000000; text-decoration:underline; font-size:11px;}
.contenitore_titoli_stato_attuale { display:inline-block; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; width:200px; padding-left:10px; font-size:18px; height:27px; padding-top:3px; font-weight:bold}
.contenitore_procedura { margin-left:30px; background:url("img/fondo_alto_pratica.png") repeat-x; float:left;}
.singola_fase h1 { margin:0px; padding:0px; font-size:20px; padding-top:20px; padding-left:40px; font-weight:bold; padding-bottom:13px; border-top:1px solid #e0e0e0; color: #666; }
.singola_fase_first h1 { border-top: 0px; }
.singolo_field { padding-bottom:7px; border-bottom:1px solid #e0e0e0; padding-top:5px;}
.singolo_field_last { border-bottom: 0px; }
.singolo_field a { color:#666}
.singolo_field a:hover { color:#666; text-decoration:none}
.singolo_field h2 { margin:0px; padding:0px; font-weight:normal; font-size:12px; color:#595959 }
.field_campo_oggetto_sociale input {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 2px;
    color: #595959;
    border: 1px solid #c2c2c2;
    margin: 0px;
    margin-top: 5px;
    width: 600px;
}
.field_campo_oggetto_sociale {
    float: left;
    width: auto;
    margin-right: 15px
}
.field_campo input, .field_campo select, .field_campo_files input {  font-family:Helvetica, Arial; font-size:12px; padding:2px; color:#595959; border:1px solid #c2c2c2; margin:0px; margin-top:5px; width:250px;}
.field_campo_check input {  font-family:Helvetica, Arial; font-size:12px; padding:2px; color:#595959; border:1px solid #c2c2c2; margin:0px; margin-top:5px;}
.field_campo, .field_campo_files { float:left; width:auto; margin-right:15px}
.field_help { float:left; padding-top:7px; margin-right:5px;}
.field_utente { float:left; padding-top:7px; }
.field_clessidra { float:left; padding-top:7px; padding-left:5px }
.field_obbligatorio { float:right; padding-right:15px; display:none}
.mancata_compilazione { background:#ffffc9;}
.field_campo_check_1 { float:left; width:20px;}
.field_campo_check_2 { float:left; font-size:12px; color:#595959; padding-top:5px;}
.field_campo_files input { border:0px; padding:0px; margin-bottom:5px}
.field_campo_files_presente {font-size:12px; color:#595959; padding-top:5px}
.suggerimenti { background:url("img/suggerimento.png") no-repeat top right; min-height:100px; margin:20px}
.titolo_suggerimento { font-size:18px; color:#000000; padding-top:15px;}
.testo_suggerimento { color:#444444; font-size:13px; padding-top:10px }
.form_annulla { float:right; margin-top:30px; margin-right:20px;}
.form_avanti { float:right; margin-top:10px; margin-right:30px;}
.form_annulla input { background:none; border:0px; text-decoration:underline; font-size:16px; cursor:pointer; color:#6c6c6c }
.form_avanti input, .finito_bottone input, .finito_bottone a { border:1px solid #d3d3d3; color:#666666; font-weight:bold; font-size:32px; padding:5px; padding-left:35px; padding-right:35px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor:pointer; background:url("img/submit.png") repeat-x #e6e6e6 }
.form_avanti input:hover, .form_annulla input:hover, .finito_bottone input:hover { color:#000000; text-decoration:none}
.ruota {  background:url("img/sfondo_ruota.jpg") no-repeat top left; width:268px; height:280px; text-align:center}
.ruota img { margin-top:20px}

.sottomenu ul { margin:0px;padding:0px;list-style:none}
.sottomenu ul li {  background:url("img/sottomenu_off.png") repeat-x top left; height:51px;}
.sottomenu ul li.sottomenu_attivo {  background:url("img/sottomenu_on.png") repeat-x top left; height:51px;}
.sottomenu ul li a { color:#ffffff; padding-top:19Px; text-decoration:none; padding-left:35px; text-shadow: #000000 2px 2px 3px; display:block;}
.sottomenu ul li.sottomenu_attivo a { color:#000000; text-shadow: #ffffff 2px 2px 3px}
.sottomenu ul li span { display:block; width:268px; height:51px;}
.sottomenu ul li .ToDo, .sottomenu ul li .Done {  background:url("img/pallino_grigio.png") no-repeat 10px 20px; }
.sottomenu ul li .ToBeVierified {  background:url("img/pallino_giallo.png") no-repeat 10px 20px; }
.sottomenu ul li .Verified {  background:url("img/pallino_verde.png") no-repeat 10px 20px; }
.sottomenu ul li .Error {  background:url("img/pallino_rosso.png") no-repeat 10px 20px; }
.sottomenu ul li .TooManyErrors {  background:url("img/pallino_nero.png") no-repeat 10px 20px; }

.riapri { position:absolute; right:200px; margin-top:17px; }
.finito_verde { background:#6de28a; border:solid 15px #bff2cc; padding:20px; margin-right:10px}
.finito_rosso { background:#ff9641; border:solid 15px #fff2bf; padding:20px; margin-right:10px}
.finito_testo { float:left; color:#ffffff; font-size:20px; width:70%}
.finito_bottone { float:right;}

.compatta_espandi_tutto { float: right; padding: 20px 10px 0px 0px; }
.compatta_espandi_tutto img { cursor: pointer; }

h1.ico_v_ToDo {  background:url("img/v_off.png") no-repeat 0px 20px;color:#666666;  }
h1.ico_v_ToBeVierified, h1.ico_v_Done { background:url("img/v_on.png") no-repeat 0px 20px;color:#98D000;  }
h1.ico_v_Verified { background:url("img/v_on.png") no-repeat 0px 20px;color:#98D000;  }
h1.ico_v_Error { background:url("img/v_off.png") no-repeat 0px 20px;color:#666666;  }

h1.ico_v_ToDo a { color:#666666; text-decoration:none }
h1.ico_v_ToBeVierified a, h1.ico_v_Done a { color:#98D000; text-decoration:none }
h1.ico_v_Verified a { color:#98D000; text-decoration:none }
h1.ico_v_Error a { color:#666666; text-decoration:none }

.logon { font-size:14px; color:#333333; padding-top:35px}

.visu_ToDo {  background:url("img/backend/bollo_grigio.png") no-repeat 9px 9px; color:#666666; padding-left:38px; padding-top:11px }
.visu_ToBeVierified { background:url("img/backend/bollo_grigio.png") no-repeat 9px 9px; color:#98D000; padding-left:38px; padding-top:11px  }
.visu_Done { background:url("img/backend/bollo_verde.png") no-repeat 9px 9px; color:#98D000; padding-left:38px; padding-top:11px  }
.visu_Verified { background:url("img/backend/bollo_verde.png") no-repeat 9px 9px; color:#98D000; padding-left:38px; padding-top:11px  }
.visu_Error { background:url("img/backend/bollo_alert.png") no-repeat 9px 9px #f4f4be; color:#666666; padding-left:38px; padding-top:11px  }

.contenitore_titoli_stato_attuale_Verified .Verified { background:url("img/pallino_verde.png") no-repeat 165px 4px; display:block}
.contenitore_titoli_stato_attuale_Error .Error { background:url("img/pallino_rosso.png") no-repeat 165px 4px; display:block}
.contenitore_titoli_stato_attuale_ToBeVierified .ToBeVierified { background:url("img/pallino_giallo.png") no-repeat 165px 4px; display:block}
.contenitore_titoli_stato_attuale_ToDo .ToDo, .contenitore_titoli_stato_attuale_Done .Done { background:url("img/pallino_grigio.png") no-repeat 165px 4px; display:block}

.contenitore_titoli_stato_attuale_Verified, .contenitore_titoli_stato_attuale_Done {background:#BDE553;}
.contenitore_titoli_stato_attuale_Error {background:#FE0200;}
.contenitore_titoli_stato_attuale_ToBeVierified {background:#FFCD1A;}
.contenitore_titoli_stato_attuale_ToDo {background:#cccccc;}

.sottomenu_icona a.Customer {background:url("img/fondino_viola.jpg") no-repeat; height:33px}
.sottomenu_icona a.Office {background:url("img/fondino_blu.jpg") no-repeat; height:33px}

.field_campo_files_presente {  padding:5px; padding-right:10px; padding-left:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; text-align:center; font-weight:bold; background:#cccccc; float:left; font-size:18px; margin-top:5px}
.singolo_field a.sfondino_pdf  { text-decoration:none; color:#000000 !important}
.ruota_singola { text-align:center}

.valore_sfondo {background:url("img/fondo_valore.png") no-repeat bottom center; background-size:917px 491px; height:600px; margin:0 auto; width:917px; margin-top:50px}
.valore_pratica_costi { background:url("img/fumetto_doppio.png") no-repeat top center; background-size:137px 130px; height:130px; position:absolute; width:137px; font-size:11px; color:#000; text-align:center; padding-top:10px; margin-top:110px}
.valore_totale { position:absolute; background:url("img/valore_totale.png") no-repeat 0px 40px; width:716px; margin-left:99px; height:314px; font-size:13px; color:#666; text-align:center}
.valore_immagine  { position:absolute; margin-top:400px; margin-left:101px;}
.valore_pratica_barra_sopra { height:80px; width:713px; position:absolute; margin-top:338px; margin-left:100px  }
.valore_barra_blu { height:80px; background:url("img/sfondo_barra_azzurro_trasp.png") repeat-x; position:absolute;}
.valore_barra_viola { height:80px; background:url("img/sfondo_barra_viola_trasp.png") repeat-x; position:absolute;}
.valore_omino_barra_blu { height:80px; background:url("img/sfondo_barra_azzurro.png") repeat-x; position:absolute;}
.valore_omino_barra_viola { height:80px; background:url("img/sfondo_barra_viola.png") repeat-x; position:absolute;}
.valore_omino_blu { position:absolute; margin-top:-25px}
.valore_omino_viola { position:absolute; margin-top:-25px}
.valore_giallo { position:absolute;margin-left:100px; margin-top:80px; color:#A5DD06;font-size:13px; text-align:center }
.valore_giallo_dx { background:url("img/valore_giallo_dx.png") no-repeat; width:5px; height:218px; float:left}
.valore_giallo_centro { float:left; border-top:7px solid #A5DD06}
.valore_giallo_sx { background:url("img/valore_giallo_sx.png") no-repeat; width:5px; height:218px; float:left}
.valore_giallo_sopra { background:url("img/valore_giallo_su.png") no-repeat bottom center; padding-bottom:10px}
.valore_rosso { position:absolute;margin-left:100px; margin-top:180px; color:#D11213;font-size:13px; text-align:center }
.valore_rosso_dx { background:url("img/valore_rosso_dx.png") no-repeat; width:5px; height:218px; float:left}
.valore_rosso_centro { float:left; border-top:7px solid #7A0D0E}
.valore_rosso_sx { background:url("img/valore_rosso_sx.png") no-repeat; width:5px; height:218px; float:left}
.valore_rosso_sopra { background:url("img/valore_rosso_su.png") no-repeat bottom center; padding-bottom:10px}
.valore_iva { position:absolute;margin-left:100px; margin-top:150px; }
.valore_iva_dentro {background:url("img/valore_iva.png") no-repeat bottom center; height:200px; color:#D11213; font-size:12px; text-align:center;}
.valore_barra_rossa { height:80px; background:url("img/sfondo_barra_rosso_trasp.png"); position:absolute; text-align:center;}
.valore_barra_rossa_iva { height:80px; background:url("img/sfondo_barra_rosso.png"); position:absolute;}
.valore_blu_generico { position:absolute; margin-top:418px; margin-left:100px; height:50px}
.valore_blu { color:#88CCF8; font-size:13px; text-align:center; height:50px }
.valore_blu_dx { background:url("img/valore_blu_dx.png") no-repeat; width:5px; height:37px; float:left}
.valore_blu_centro { float:left; border-bottom:7px solid #4893C5; height:30px}
.valore_blu_sx { background:url("img/valore_blu_sx.png") no-repeat; width:5px; height:37px; float:left}
.valore_blu_sotto { background:url("img/valore_blu_sotto.png") no-repeat top center; padding-top:10px; position:absolute; margin-top:37px}
.valore_viola_generico { position:absolute; margin-top:418px; margin-left:100px; height:50px}
.valore_viola { color:#B885F4; font-size:13px; text-align:center; height:50px }
.valore_viola_dx { background:url("img/valore_viola_dx.png") no-repeat; width:5px; height:95px; float:left}
.valore_viola_centro { float:left; border-bottom:7px solid #B885F4; height:88px}
.valore_viola_sx { background:url("img/valore_viola_sx.png") no-repeat; width:5px; height:95px; float:left}
.valore_viola_sotto { background:url("img/valore_viola_sotto.png") no-repeat top center; padding-top:10px; position:absolute; margin-top:95px; width:100px}
.valore_per_viola { position:absolute; margin-top:-60px; color:#B885F4; background:url("img/valore_alone_percentuali.png") no-repeat center; width:108px; height:53px; text-align:center; font-size:13px; padding-top:20px; margin-left:-40px;}
.valore_per_blu { position:absolute; margin-top:-60px; color:#4792C5; background:url("img/valore_alone_percentuali.png") no-repeat center; width:108px; height:53px; text-align:center; font-size:13px; padding-top:20px; margin-left:-40px;}
.valore_tasse_imposte { padding-top:30px;}

.preventivo_scelta { color:#595959; padding-right:50px; font-size:12px;}
.preventivo_scelta_viola { color:#7448CE; font-size:15px; padding-top:50px; padding-bottom:15px}
.preventivo_scelta_viola a { color:#7448CE; text-decoration:none}
.preventivo_scelta_viola b { font-size:22px}
.preventivo_scelta ul { padding:0px; margin:0px; list-style:none; margin-top:10px;}
.preventivo_scelta ul li { padding: 5px; padding-right: 10px;padding-left: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; font-weight: bold; display: inline-block; font-size: 15px; margin-top: 5px; margin-bottom:15px; color:#7448CE}
.preventivo_scelta ul li a { color:#7448CE; text-decoration:none}

.calendario { padding-top:20px; padding-right:20px; padding-bottom:20px}

.giorno_occupato, .giorno_occupato .fc-event-skin { background-color:#000000; border-color:#000000}

.nascondi_livello { display:none; visibility:hidden}

.colorbox_contenuti { padding:10px; font-size:12px;}
.colorbox_contenuti h3 { font-size:15px; border-bottom:1px dotted #ccc; margin:0px; padding:0px; margin-bottom:10px}
.colorbox_contenuti a {color:black; font-weight:bold;}

.colorbox_input { border:1px solid #d3d3d3; color:#666666; font-weight:bold; font-size:15px; padding:5px; padding-left:35px; padding-right:35px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor:pointer; background:url("img/submit.png") repeat-x #e6e6e6; margin-top:20px; display:inline-block }
.colorbox_input:hover { color:#000}
.colorbox_annullo { display:inline-block; color:#666; text-decoration:none; margin-left:10px}
.colorbox_annullo:hover { color:#000}

.box_prezzo_dx { position:absolute; right:0px; width:160px; font-size:12px; border-top:1px solid #E0E0E0; margin-top:-1px; padding:10px; padding-left:20px}
.box_prezzo_dx_titolo { font-size:18px; padding-bottom:10px}
.box_prezzo_dx_immagine { float:right}
.box_prezzo_dx_bottone {border: 1px solid #d3d3d3; color: #666; font-weight: bold; font-size: 18px; padding: 5px; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; background: url("img/submit.png") repeat-x bottom; display:inline-block; margin-top:5px; text-decoration:none}
.box_prezzo_dx_bottone:hover { color:#000000}
.box_prezzo_dx_bottone_accettato {border: 1px solid #d3d3d3; color: #2EA0EA; font-weight: bold; font-size: 18px; padding: 5px; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: url("img/submit.png") repeat-x bottom; display:inline-block; margin-top:5px; text-decoration:none}

.fase_assegnata_studio { background: url("img/completa_studio.png") no-repeat; padding-left:25px; font-size:12px; display:inline-block; margin-top:18px; margin-left:10px;}

.example { display:inline-block; }
.switch {	display: inline-block;	overflow: hidden;	position: relative;	height: 30px;	vertical-align: middle; }

.bottone_ewitness { float:right; padding-top:0px; padding-right:30px; margin-bottom:-2px; margin-top:2px}
.login_h3 { margin:0px; padding:0px; font-size:20px; border-bottom:1px dotted #ccc; margin-top:20px; padding-bottom:5px; margin-bottom:10px}
.login_link { background:#236D97; padding:10px; padding-left:15px; padding-right:15px; text-decoration:none; color:#fff; margin-top:10px; font-size:15px; font-weight:bold;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.tabella_pay tr:nth-child(even) {background: #CCC}
.tabella_pay tr:nth-child(odd) {background: #FFF}
.tabella_pay { margin-top:40px; margin-bottom:20px;}
.tabella_pay tbody td { padding:10px; font-size:13px; color:#333}
.tabella_pay thead td { padding:10px; font-size:15px; color:#000; border-bottom:1px solid #ccc; font-weight:bold}
.tabella_pay tfoot td { padding:10px; font-size:18px; color:#373737; border-bottom:1px solid #ccc; font-weight:bold}
.elimina_pay { background: url("img/cross.png") 10px 7px no-repeat #efefef; background-size:12px 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#cc0000; border:1px solid #aaa; padding:5px 15px 5px 30px; text-decoration:none; font-size:12px; font-weight:bold; display:inline-block; cursor:pointer }
.elimina_pay:hover { background: url("img/cross.png") 10px 7px no-repeat #fff; background-size:12px 12px; }
.elimina_step{ background: url("img/cross.png") 10px 7px no-repeat; background-size:12px 12px; color:#cc0000; padding:5px 0px 5px 30px; text-decoration:none; font-size:12px; font-weight:bold; display:inline-block; cursor:pointer; border:none }
.elimina_step:hover { text-decoration:underline}

.originale_stipula {clear: both; font-size: 12px; color: red; font-weight:bold; }

.checkFase { margin-bottom: -2px; margin-right: 4px;}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('https://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}