/*      #5C6971         gray 
        #81AFB1         azure 
        #EF181E         red
        #D1D2D4         grigio chiar0
        #C20041         ciliegia
----------------------------------------------------------------------------------------------------*/
html {          font-size: 11px;}
html,body {     margin: 0;
                padding:0;
                width: 100%;
                height: 100%; }
body {          font-family: "Arial Narrow", Arial, sans-serif; 
                font-size: 76%; }
div#container { position: relative;
                width: 140em;
                margin: 1px auto;
                background-color: white; }
/*---------------------------------------------CLASSI---------------------------------------------*/
a.bottone, [type=button], [type=submit]  { text-decoration: none;
        text-align: center; }
.pointer:hover,
.clicc:hover {      cursor: pointer;}
.selez {            color: #C20041; }
.notselez {         color: gray; }
.notvis {           display: none; } 
.disabled {         pointer-events: none;
                    cursor: default; }
.silver {           background-color: silver; }
.clear {            clear:both; }
.evid {             border: solid 1px red;
                    background-color: #FFE1DC;   }
.inline {           display: inline; }
.grigio {           color: gray; }
.nomargin{          margin: 0; }
/*.miatabella {       border-collapse: collapse;
                    margin: 0em auto;
                    border: 1px solid gray;
                    text-align: center;
                    font-size: 125%;
                    background-color: whitesmoke; }*/

textarea {          resize: none;
                    text-align: justify; }
.et { min-width: 100%;  }
.uno {      position: relative;
            min-width: 33%;
            margin-left: 33%; }
.ndato {          background-color: #8F8F8F; }
.dato {           background-color: #C20041; }
div.flex {  display: flex;
            justify-content: center;
            align-items: center; }
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
div#pdf {
    position: fixed;
    visibility: hidden; 
    top: 1%;
    right: 15%;
    border: 8px solid gray;
    border-radius: 8px;
    width: 70%;
    height: 92%;
    z-index: -100;
}
div#mesri {
    position: fixed;
    opacity: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 9%;
    right: 1%;
    border: 2px solid gray;
    border-radius: 4px;
    width: 30%;
    min-width: 47em;
    height: 25%;
    min-height: 10em;
    background-color: whitesmoke;
    z-index: -500;
}
#done_fail { width: 20%; }
#mes {      width: 70%;
            text-align: center;
            font-size: 200%;
            font-style: italic; }
.tasto {
    width: 12em;
    height: 2.5em;
    margin-right: 1.5em;
}
#new_cliente input,
#new_cliente select { margin-left: 1em; }
div.flex_cont {     width: 100%;
                    display: flex;
                    justify-content: center;
}
div#pp, div#qq {
    position: absolute;
    visibility: hidden;
    padding: 5%;
    top: 30%;
    right: 15%;
    border: 2px solid gray;
    border-radius: 8px;
    width: 60%;
    z-index: -100;
}
img#close_pdf {
    position: absolute;
    margin: -1em 2em;
    width: 7%;
    cursor: pointer;
}
pre { font-family: "Arial Narrow", Arial, sans-serif; }
.act{       color: whitesmoke;
                    border: solid 1px whitesmoke;
                    border-radius: 6px; 
                    box-shadow: 0 2px 2px rgba(0,0,0,0.5);
                    background-color: #ddc596; }
input.act.doppio {  width: 48%;
                    margin-right: 3%; }
input#new_cli,
input#del_cli   {   font-size: 150%;
                    width: 50%;
                    margin-left: 25%; }
/*------------------------------------------- HEADER-----------------------------------------*/
div#header {                    height: 17em;
                                padding: 1% 2% 0%;}
div.head_img, div.head_cent {   float:left;
                                display: inline-block;
                                height: 100%; }
div.head_img {                  width:22%;
                                background-color: transparent;
                                border-radius: 8px;
                                box-shadow: 3px 8px 3px rgba(0,0,0,0.5); }
div.head_cent {                 width:56%; }
#header img {                   width: 100%;
                                height: 100%;
                                border-radius: 8px; }
#img_sx, #img_dx {              cursor: pointer; }
div.titolo {                    width: 100%;
                                height: 75%;
                                font-family: fantasy; 
                                font-weight: bold;
                                font-style: italic;
                                color: #C20041; 
                                text-shadow: 5px 14px 15px rgba(0,0,0,0.5);
                                text-align: center; }
span.pagetitle,span.onlytitle  {    display: block;
                                    font-size: 600%;
                                    width: 90%;
                                    margin: 1% auto;
                                    margin-top:0.2em;
                                    line-height:1.05em; }
span.pagesubtitle {             font-size: 300%;
                                line-height:50%; }
/*------------------------------------CONTENITORI----------------------------------------*/
div#footer, div#content {               position: static;
                                                width: 100%; }
div#content {                                   padding: 2% 0% 0%; }
div#content_inn {                               min-height: 57em; }
div#footer {                                    min-height: 13em;
                                                padding: 1% 0% 2%; }
div#content_inn, div#footer_inn {               position: relative;
                                                overflow: hidden;
                                                margin: 0 auto;
                                                max-width: 94%;
                                                padding: 1%;
                                                padding-top: 3%;      
                                                padding-bottom: 3%;
                                                border: 1px solid gray;
                                                border-radius: 8px; 
                                                box-shadow: 3px 8px 3px rgba(0,0,0,0.5); 
                                                min-height: inherit; }
div.settore {                           position: relative;
                                        float: left;
                                        margin: 1% 0%;
                                        min-width: 50%;
                                        max-width: 50%; }
div.bordo {                             min-width: 97%;
                                        max-width: 97%;
                                        border: 1px solid whitesmoke;
                                        margin: 1% auto;
/*                                      margin-top: -2%;
                                        margin-bottom: 2.5%;*/
                                        border-radius: 8px;
                                        color: whitesmoke;
/*                                      padding-bottom: 5%;*/
                                        display: flex;
                                        justify-content: center;
                                        align-items: stretch;
}
input.bordo {           font-size: large;
                        background-color: inherit;
                        border: none;
                        color: whitesmoke;
                        margin-left: 15%; }
div#footer_inn a {      width: 14em;
                        border: 1px solid whitesmoke;
                        color: whitesmoke; 
                        box-shadow: 3px 8px 3px rgba(250,250,250,0.5);  }
button.sub {            width: 25%;
                        height: 2.5em;
                        line-height: 1.5em;
                        margin-top: 3em;
                        margin-left: 0.5em;
                        padding: 0em;
                        font-size: 175%;
                        font-weight: bold;
                        color: gray;
                        background-color: whitesmoke;   }
button.sub:nth-child(1) {   margin-left: 19em;  }
button.sub:hover {      cursor: pointer;
                        color: #C20041;
                        border: 1px solid #C20041;  } 
/*-----------------tabelle inserimento dati--------------------*/
div#rep_wrapper > div { color: whitesmoke; }
div#rep_wrapper select {    border: solid 1px grey;
                            color: grey; }
/*-----------------tabelle inserimento dati--------------------*/
table.insdati {                         width: 95%;
                                        margin: 1% 0% 0% 3%;
                                        font-size: 150%;
                                        border-collapse: collapse; }
table.insdati tr {                      height: 2.5em; }
table.insdati td {                      text-align: center;
                                        white-space: nowrap;   }
table.insdati select,
table.insdati [type=text],
table.insdati textarea {        width: 100%;
                                border: solid 1px grey;
                                border-radius: 4px; }
table.insdati select,
table.insdati [type=text] {     text-align: center;  }
table.insdati textarea {        text-align: justify-all;}
table.insdati input[type=button],
table.insdati label {           color: whitesmoke;
                                border: solid 1px whitesmoke;
                                border-radius: 6px; 
                                box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
table.insdati label {   display: inline-block;
                        min-width: 2.5em;
                        padding: 0.275em 1.4em;
                        font-size: 87%;
                        margin-left: -52%; }
table.insdati input:required,
table.insdati select:required, 
table.insdati select:required {   border: 1px solid #C20041; }

table.insdati.report td {   width: 25%; }
/*table.insdati.report { margin: 6% auto; }*/
table#mod_cli {     margin-top: 0.5em;
                    margin-bottom: 2em;
                    margin-left: 1%; }
table#mod_con {     margin-top: 5%;
                    margin-bottom: 1em; }
/*---------------------------------------LOGIN---------------------------------------------------*/
div#log {       position: absolute;
                top: 20em;
                left: 40em;
                width: 60em;
                height: 30em;
                border: 1.5px solid gray;
                box-shadow: 0 14px 15px rgba(0,0,0,0.5);
                border-radius: 8px; 
                background-color: #af9867; }
table#log {     height: 100%;
                width: 100%;
                vertical-align: middle;
                text-align: center;
                font-size: large;
                color: whitesmoke;
                text-shadow: -1px 0 gray, 0 1px gray, 1px 0 gray, 0 -1px gray;
                font-weight: bold; }
input#sublog {  width: 10em;
                font-size: large; 
                color: #00323F;
                padding: 0.5em 3em;
                box-shadow: 8px 8px 8px rgba(0,0,0,0.5);
                border-radius: 8px; }
input#sublog:hover {    font-weight: bold;
                        cursor: pointer;  }
.inside {       width:98%;
                height: 98%;
                padding: 0;
                margin: 0;
                border:none;
                background-color:inherit; }
.info { font-size: 130%;
                background-color: #D2D2D2; }
div.card { position: relative;
                width: 88%;
        margin: 1.5% auto;
        padding: 2% 4%;
        border: solid 1px gray; }
#riass { width: 98%;
        height: 10%;
        line-height: 1.5em;
        margin: 1% 0%;
        padding: 1%;
        border: solid 1px gray;
        font-size: 150%;
        background-color: whitesmoke; }
#riass div { display: inline-block;
                min-width: 10%;
                margin-left: 8%;}
div.totheig { height: inherit; }
/*--------------------------------------------------TABELLA IN_SETTORE-------------------------------------------*/
table.intab {                   border-collapse: collapse;
                                width: 100%;
                                margin: 0em auto;
                                text-align: center;
                                font-size: 125%;
                                color: dimgray;
                                background-color: inherit; }
table.intab th  {               color: whitesmoke;
                                font-weight: normal;
                                border: none; }
table.intab th:first {          border-top-left-radius: 6px; }
table.intab tr {                height: 2em;
                                border: solid 1px whitesmoke;}
table.intab tr.tab_thead {      font-size: 110%;
                                background-color: #8F8F8F; }
table.intab tbody tr:hover {    cursor: pointer; }
table.intab td {                max-width: 0;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap; }
/*------- tabella report hidden column ----- */
#div_rep {  margin-left: 2%;
            max-width: 98%; }
#tab_rep { width: 100%; }
#tab_rep td:nth-child(2), #tab_rep th:nth-child(2),
#tab_rep td:nth-child(4), #tab_rep th:nth-child(4),
#tab_rep td:nth-child(7), #tab_rep th:nth-child(7),
#tab_rep td:nth-child(9), #tab_rep th:nth-child(9) { display: none; }

#tab_rep td:nth-child(6),
#tab_rep td:nth-child(10) { max-width: 10em;
                            min-width: 10em; }
#tab_rep td:nth-child(1),#tab_rep td:nth-child(5),#tab_rep td:nth-child(3),#tab_rep td:nth-child(8) { max-width: 4em;
                            min-width: 4em; }
/*------- tabella clienti hidden column ----- */
/*
#cli td:nth-child(2), #cli th:nth-child(2),
#cli td:nth-child(3), #cli th:nth-child(3),
#cli td:nth-child(4), #cli th:nth-child(4) { display: none; }
*/
/*------- tabella trattative hidden column ----- */
#tra_cl td:nth-child(2), #tra_cl th:nth-child(2) { display: none; }
/*------- tabella contatti hidden column ----- */
#tab_con td:nth-child(2), #tab_con th:nth-child(2),
#tab_con td:nth-child(4), #tab_con th:nth-child(4),
#tab_con td:nth-child(6), #tab_con th:nth-child(6),
#tab_con td:nth-child(7), #tab_con th:nth-child(7),
#tab_con td:nth-child(8), #tab_con th:nth-child(8),
#tab_con td:nth-child(9), #tab_con th:nth-child(9),
#tab_con td:nth-child(10), #tab_con th:nth-child(10),
#tab_con td:nth-child(11), #tab_con th:nth-child(11),
#tab_con td:nth-child(12), #tab_con th:nth-child(12),
#tab_con td:nth-child(13), #tab_con th:nth-child(13) { display: none; }
/*-------------- tabella trattativa -------------*/
table#trattativa td:nth-child(1),
table#trattativa td:nth-child(3)   {   width: 20%; }
/*-----tab rep table---------*/
div#tab_rep,
div#tab_con {   width: 94%;
                margin: 2%; }
table.cliente td:nth-child(2),
table.contatto td:nth-child(2) {width: 70%;}
div#tab_cli { padding: 0em 2em 2em 2em; }
div#tab_tra  { padding: 0em 2em 2em 1em; }
table#mod_soc { margin-bottom: 2em;}
/*--------------------------classe menu orizzontale----------------------------------*/
div.menu_oriz ul {              display: inline;
                                list-style-type: none;
                                padding-left: 0px; }
ul.menu_oriz li {               display: inline; }
ul.menu_oriz a {                display: inline-block;
                                text-align: center;
                                text-decoration: none; }
/*-------------------------------------menu orizzontale header---------------------------------- */
div#div_menu_header                 {   position: relative;
                                        width: 100%;    }
div#div_menu_header .disabled       {   color: gray;
                                        background-color: #A2A2A2;
                                        border: none;   }
ul.menu_header                      {   position: absolute;
                                        width: 98%;
                                        margin: 0% auto;    }
ul.menu_header > li                 {   box-shadow: 3px 8px 3px rgba(0,0,0,0.5); }               
ul.menu_header > li > a:hover,
ul.menu_header > li > input:hover   {   font-weight: bold;
                                        cursor: pointer;    } 
ul.menu_header > li > a,
ul.menu_header > li > input[type=button],
ul.menu_header > li > input[type=submit] {      padding: 0.3em;
                                                font-size: medium; 
                                                border: solid 1px #af9867;
                                                color: whitesmoke;
                                                background-color: #ddc596; }
ul.menu_header.uno > li > a,
ul.menu_header.uno > li > input[type=button],
ul.menu_header.uno > li > input[type=submit]    {   min-width: 13em; }
ul.menu_header.due > li > a,
ul.menu_header.due > li > input[type=button],
ul.menu_header.due > li > input[type=submit]    {   min-width: 11em; }
ul.menu_header.tre > li > a,
ul.menu_header.tre > li >input[type=button],
ul.menu_header.tre > li >input[type=submit]     {   min-width: 10em; }
ul.menu_header.qua > li > a,
ul.menu_header.qua > li >input[type=button],
ul.menu_header.qua > li >input[type=submit]     {   min-width: 8em; }
ul.menu_header.cin > li > a,
ul.menu_header.cin > li > input[type=button],
ul.menu_header.cin > li > input[type=submit]    {   min-width: 6.7em; }
ul.menu_header.uno > li:nth-child(1) {      margin-left: 12em; }
ul.menu_header.due > li:nth-child(1) {      margin-left: 22%; }
ul.menu_header.tre > li:nth-child(1) {      margin-left: 5em; }
ul.menu_header.qua > li:nth-child(1) {      margin-left: 3.5em; }
ul.menu_header.cin > li:nth-child(1) {      margin-left: 1.3em; }

/*--------------------------------menu orizzontale filtri------------------------------------------------------ */        
div#filtri {                    height: 3em;
                                line-height: 3em; }
ul.etifiltri li > input {       width: 11em;}
ul.etifiltri li > input:hover { cursor: pointer; }
span#ot {                       margin-left: 18em; } 
input#mostra {                  margin: 2em 9em 1em;
                                height: 1.8em;
                                background-color: whitesmoke;
                                color: gray;
                                width: 20em; }
input#mostra:hover {            cursor: pointer;
                                border: solid 1px #C20041;
                                color: #C20041;
                                background-color: whitesmoke; }
/*----------------------------------------------------etichette colonne---------------------------------------------------*/
input.titolo {                  font-size: 150%;
                                font-weight: bold;
                                height: 2em;
                                line-height: 1.5em;
                                width: 50%;
                                margin: 3% 25% 2%;
                                border: solid 1px gray;
                                border-radius: 8px; 
                                background-color: whitesmoke;
                                box-shadow: 0 2px 2px rgba(0,0,0,0.5);}
input.titolo:hover {            cursor: default; }
/*---------------------------tasti precedente e sucessivo pagina paziente--------------------------------------------*/
div#psb {                       margin: 3em 1em 1.5em 2em; }
div#psb input {                 width: 16.5em; }
div#psb input:hover {           border: solid 1px #C20041;
                                color: #C20041; }
div#psb input:disabled:hover {  cursor: default;
                                border: solid 1px #C0C0C0;
                                color: gray; }
/*-------------------------------------------dati paziente------------------------------------------------------*/
ul#menu_head_dati_ril > li:nth-child(1) {   margin-left: 50em; }
ul#menu_head_dati_ril > li > a {            min-width: 11em;
                                            padding: 0.3em;
                                            font-size: medium; 
                                            border: solid 1px gray;
                                            color: whitesmoke;
                                            background-color: #81AFB1; }
select#ditta_filt {             font-size: 2em; 
                                margin: -0.5em 23em;
                                width: 19em; }
div#eti_tab {           margin: 1em 0em 4em 2em; }
div#eti_tab input {     font-size: 3.5em;
                        width: 12em;
                        margin-right: 0.2em;
                        margin-bottom: 0.2em; }
div#mp, div#ms {        margin: 1em 0em -2em 2em; }
div#mp input  {         font-size: 3.5em;
                        width: 7em;
                        margin-left: 15em; }
div#ms input {          font-size: 2em;
                        width: 10em;
                        margin-left: 7em;
                        margin-bottom: -0.7em; }
div#dati_paz {                  margin: 0.5em 1em 0em 2em;
                                width: 88%;
                                height: 45em;
                                background-color: whitesmoke;
                                border: solid 1px gray;
                                box-shadow: 2px 7px 8px rgba(0,0,0,0.5); }
div#int_dati_paz {              font-size: 140%;
                                margin: 2% auto;
                                width: 90%;
                                height: 96%;}
div#int_dati_paz div.voce {     float: left;
                                width: 50%;
                                height: 2em;
                                line-height: 2em; }
div#int_dati_paz div.valore {   float: right;
                                width: 50%;
                                height: 2em;
                                line-height: 2em; }
div#tst_eti {                   margin-top: 1em;
                                color:gray; }
div.sch, div.sch_ts {           margin-top: 2em;
                                margin-left: 1em; }
input.et_ts {                   min-width: 7em;
                                margin-left: 0.4em;
                                margin-bottom: 0.2em;
                                color: gray;}
/*---------------------------------------------------------colonna dx dati paziente*/
div.col_dx{                     display: inline-block;
                                width: 86%;
                                font-weight: bold;
                                text-align: center;
                                color: #E1E1E1;
                                font-size: 170%;
                                background-color: whitesmoke;
                                box-shadow: 2px 7px 8px rgba(0,0,0,0.5); }
div#stato {                     margin: 1.8em 1.3em 0em;           
                                height: 6em;
                                line-height: 6em;
                                border: solid 1px #E1E1E1; }
div#studio {                    margin: 1.3em 1.3em 0em;           
                                height: 10em;
                                border: solid 1px gray;
                                color: gray; }                          
div#attach {                    margin: 1em 1.3em 0em;
                                height: 13.7em;
                                border: solid 1px gray; }
div.col_dx span.etich {         display: inline-block;
                                text-align: center;
                                width: 100%;
                                height: 2em;
                                line-height: 2em;
                                color: #E1E1E1;
                                background-color: #006062; }
a.bottone {                     text-decoration: none;
                                display: block;
                                margin: 1em auto;
                                width: 9em;
                                height: 1.5em;
                                line-height: 1.5em;
                                background: #D2D2D2;
                                padding: 2%;
                                text-align: center;
                                border: solid 1px gray;
                                border-radius: 2px;
                                color: #2F2F2F;
                                font-weight: 300; }
a.bottone:hover {               color: #C20041; }      
div#anag input {                margin: 2em 1.5em; }
div#anag input:hover {          border: solid 1px #C20041;
                                color: #C20041; }
/*---------------------------------------------inserimento dati-----------------------------------------*/
div#etich_cen { margin: 2% 0% 1% 30%; }
div#etich_cen input { font-size: large;
                height: 1.5em;
                min-width: 10em; }
div#new_test select, div#new_test [type=text] {  margin-left: 5%;
                text-align: center;
                width: 100%; }
table.new_test { margin-top: 7%;
                border: dashed;}
table.new_test td { min-width: 10em;
                text-align: center;
                padding: 0.3em 0em; }
table.new_test td:nth-child(1),table.new_test td:nth-child(3) {  font-size: 85%;
                border: solid 1px #5C6971;
                background-color: #C20041;
                min-width: 15em; }
table.new_test td:nth-child(2), table.new_test td:nth-child(4) { 
                width: 17em;
                padding: 0em 0em;
                min-width: 17em; }
/*---------------------------- PAGINA NUOVO PAZIENTE -----------------------------------------------------*/

div.subcont {                                   margin: 1% 0%;
                                                width: 98%;
                                                height: 100%;
                                                background-color: cadetblue;
}
div.base_bassa {                                clear: both;
                                                width: 98%;
                                                height: 12em; }
div.base_alta {                                 padding: 0.5em;
                                                line-height: 0em;
                                                margin: 0.8em auto 0em;
                                                width: 99%; }
div.base_alta a:link                            {  margin: 0.2em;  
                                                    padding: 1em;
                                                    text-align: center;
                                                    text-decoration: none;
                                                    display: inline-block;  }
div#pres                                       {  overflow: visible;         }
div.base_alta div#pres a,
div.base_alta div#pres a.pres
div.base_alta div#pres a.npres                  {  width: 4em;
                                                    font-weight: bold; }
div.base_alta div#pres a                       {   background-color: whitesmoke;
                                                    color: gray;
                                                    border: solid 1px gray; }
div.base_alta div#pres a.pres                  {   background-color: #81afb1;
                                                    color: whitesmoke;
                                                    border: solid 1px gray; }
div.base_alta div#pres a.npres                  {  color: #c20041;
                                                    border: solid 2px #c20041;}
div.base_alta div#pres a.bc_red,
div.base_alta div#pres a.pres .bc_red               { background-color: #c20041; 
                                                    border: solid 2px whitesmoke; }
/*------TABELLLA TRATTATIVA ----------*/
input#add_cli {     height: 2em;   
                    width: 100%;    }
input.vedi_cli {    height: 4.5em;   
                    width: 80%; }
td.vc {             text-align: right;    }
#nr {   margin-top: -3em; }
/*---------------------------- PAGINA PAZIENTE -----------------------------------------------------*/
#statediv, #statesuspdiv { height: 6em;
        border: solid 1px black;
        font-weight: bold;
        font-size: 150%; }
#statediv { line-height: 6em; }
#statesuspdiv { height: 4em;
        line-height: 1em;
        padding-top: 2em;
        background-color: #C0C0C0; }
#updowncont img { display: inline-block;
        float: right;
        width: 1.5em;
        height: auto;
        border: 1px solid #C0C0C0;
        border-radius: 40%;
        background-color: whitesmoke;
        margin: 0.15em -0.5em 0em 3em; }
/*---------------- PAGINA CLIENTE -----------------*/
input#new_con_et {  margin-left: 3em; }
div#cont_ndc {      margin-top: 4em;
                    margin-bottom: 4em; }
div#cont_ndc input {    font-size: 150%;
                        min-width: 15em;
                        margin-right: 0.5em; }
/*-----------------------------radio and checkbox styling-----------------------------------------*/
input[type=checkbox]:not(old),
input[type=radio   ]:not(old) {
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label {
  display      : inline-block;
  margin-left  : -2em;
  margin-right: 1em;
  line-height  : 1.5em;
}
nput[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span {
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
input[type=radio   ]:not(old).req + label > span { border           : 0.0625em solid #c20041; }
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span {
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=checkbox]:not(old):checked + label > span:before {
  content     : 'x';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}
input[type=radio]:not(old):checked + label > span > span {
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}
input[type=radio]:disabled:not(old):checked + label > span > span {
  background-image :    -moz-linear-gradient(rgb(229,229,229),rgb(229,229,229));
  background-image :     -ms-linear-gradient(rgb(229,229,229),rgb(229,229,229));
  background-image :      -o-linear-gradient(rgb(229,229,229),rgb(229,229,229));
  background-image : -webkit-linear-gradient(rgb(229,229,229),rgb(229,229,229));
  background-image :         linear-gradient(rgb(229,229,229),rgb(229,229,229));
}
/*-----------------------------------FUMETTO DESCRIZIONE------------------------------------------*/
.tt,.aa {
    position: relative;
    display: inline-block;
}
.tttt,.aaaa             {   visibility: hidden;
                            text-align: center;
                            border-radius: 6px;
                            padding: 6px;
                            position: absolute;
                            z-index: 1;
                                }
.tttt::after, .aaaa::after {
    content: "";
    position: absolute;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
}
.tttt { width: 800%;
    background-color: #104160;
    color: #fff;
    font-size: 120%;
    top: 100%;
    right: -150%;}
.tttt::after {
    bottom: 100%;
    left: 75%;
    border-color: transparent transparent #104160 transparent;
}
.aaaa {  width: 8em;
                height: 50%;
                line-height: 100%;
                font-weight: bold;
                color: gray;
                background-color: whitesmoke;
                top: -3em;
                left: 0em; }
.npres .aaaa {  color: #c20041; }
.aaaa::after, .pres .aaaa::after,
.bbbb::after, .pres .bbbb::after {  bottom: -45%;
                left: 1em;  }
                
.pres .aaaa {   color: whitesmoke;
                background-color: #81afb1;  }
.aaaa::after {  border-color: whitesmoke transparent transparent transparent;  }
.pres .aaaa::after {  border-color: #81afb1 transparent transparent transparent;  }
.bc_red .aaaa::after {  border-color: #c20041 transparent transparent transparent;  }
.ad_red { background-color: red; }
/*----------LOADER----------*/
.lds-spinner {
    position: fixed;
    visibility: hidden;
    width: 10%;
    height: 10%;
    left: 45%;
    top: 45%;
    z-index: -100;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #1d389f;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}