@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}


body {
    margin: 0px;
    padding: 0px;
    BACKGROUND-COLOR: #FFFFFF;
    color: #040c6b;
    
    -webkit-font-smoothing: antialiased;
  
    font-family: Open Sans;
    font-size: 16px;
    line-height: 22.4px;
  
}

a {
    COLOR: #040C6B;
    -webkit-font-smoothing: antialiased;
    TEXT-DECORATION: none
}

    a:hover {
        TEXT-DECORATION: underline
    }


input:focus {
    outline: none;
    border: 1px solid #040C6B;
}


button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input, optgroup, select, textarea, a, label {
    line-height: 1.3;
}

.fintoheader {
    width: 980px;
    margin: 0 auto;
}

    .fintoheader img {
        width: 100%;
        height: auto;
        display: block;
    }



@media print {
    .Suggestion {
        display: none;
    }
}

@media screen {
    .Suggestion {
        display: inline;
        color: #040C6B;
        cursor: pointer;
    }
}

.OptionCalcSelected {
    FONT-WEIGHT: bold;
    -webkit-font-smoothing: antialiased;
    TEXT-TRANSFORM: uppercase
}

@media screen {
    .OptionCalcUnSelected {
        FONT-WEIGHT: normal;
        COLOR: #192953;
        -webkit-font-smoothing: antialiased;
        TEXT-DECORATION: line-through;
        TEXT-TRANSFORM: lowercase;
    }
}

@media print {
    .OptionCalcUnSelected {
        display: none;
    }
}


table {
    width: 100%;
}


.Header {
   /*background-color: #F8E200;*/
}

#tblHeader {
   /* margin-top: 40px;*/
}



.MainTable {
    BACKGROUND-COLOR: #fff;
    width: 100%;
    margin: 0px auto;
    padding: 20px;
    max-width: 1140px;
}


#lblData {
}


#aFuturaPens {
    /*color: #040C6B;
    padding: 10px;
    -webkit-font-smoothing: antialiased;*/
    position: relative;
    padding: 15px 20px;
    margin-top: 10px;
    border-radius: 100vw;
    font-family: 'Montserrat';
    font-weight: 600;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    

    border: 2px solid #040C6B !important;
    background-color: transparent;
    color: #040C6B;
}

    #aFuturaPens:hover {
        margin-top: 0px;
        background-color: #E5F4FB;
        text-decoration: none;
       
    }

.TableGraph {
    BACKGROUND-COLOR: #ffffff;
    width: 100% !important;
    border: none;
}

td.MainTitle {
    visibility: hidden;
}

.MainTitle {
    -webkit-font-smoothing: antialiased;
    font-family: 'Montserrat', sans-serif;
    /* font-size: 25.6px !important; */
    /* line-height: 30.4px !important; */
    /* background-color: #F8E200; */
    /* text-transform: lowercase; */
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    /* color: inherit; */
}

    .MainTitle:first-letter {
        text-transform: capitalize
    }

#spTextIntro {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

#Table1 {
    margin-top: 20px;
}


.SectionTitle, .SectionTitleRis {
    font-size: 23.8px !important;
    line-height: 29.4px !important;
    color: inherit;
    margin-top: 30px;
    text-transform: lowercase;
    -webkit-font-smoothing: antialiased;
    background-color: #F8E200;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}



    .SectionTitle:first-letter, .SectionTitleRis:first-letter {
        text-transform: capitalize
    }


.SectionTitlePC {
    font-weight: bold;
    padding-top: 20px;
   /* background-color: #E5F4FB;
    text-align: center;*/
}

.PoweredBy {
    background-image: url(img/poweredby.gif);
    width: 130px;
    background-repeat: no-repeat;
    height: 30px;
}

.PanelText {
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    text-align: justify;
}


    .PanelText ul {
        list-style-type: none;
        margin: 0 0 20px;
        padding: 0;
        position: relative;
    }

        .PanelText ul li {
            line-height: 1.5;
            margin: 5px 0;
            padding-left: 20px;
            position: relative;
        }

            .PanelText ul li::before {
                content: "\2022";
                display: inline-block;
                left: 0px;
                position: absolute;
                top: -20px;
                font-size: 40px;
            }


.PanelTextIntro {
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    padding-bottom: 20px;
    padding-top: 10px;
}


table#Table2 tr:first-of-type td {
    padding-bottom: 19px;
}

table#Table1 tr:nth-of-type(2) td, table#tblResult tr:first-of-type td {
    padding-top: 17px;
}


    .PanelTextIntro img {
        opacity: 0.0;
        width: 0px;
    }

a.Link_UA {
    
}

    a.Link_UA:focus, a.Link_UAfocus-visible, a.Link_UA:hover {
        text-decoration: none;
    }

    a.Link_UA::before {
       
        content: "Ultima riforma";
        position: relative;
        padding: 15px 20px;
        margin-top: 10px;
        border-radius: 100vw;
        font-family: 'Montserrat';
        font-weight: 600;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        border: 2px solid #040C6B !important;
        background-color: transparent;
        color: #040C6B;
    }

    a.Link_UA:hover::before {
        
        margin-top: 0px;
        background-color: #E5F4FB;
        text-decoration: none;
    }



.FieldInput {
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    padding: 5px;
    -webkit-font-smoothing: antialiased;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #727272;
    border-radius: 2px;
}

    .FieldInput:hover {
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
        padding: 5px;
        -webkit-font-smoothing: antialiased;
        background: #fbec6645 0% 0% no-repeat padding-box;
        border: 1px solid #FFC100;
        border-radius: 2px;
    }

.FieldInput_Combo {
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    padding: 5px;
    -webkit-font-smoothing: antialiased;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #727272;
    border-radius: 2px;
}

    .FieldInput_Combo:hover {
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
        padding: 5px;
        -webkit-font-smoothing: antialiased;
        background: #fbec6645 0% 0% no-repeat padding-box;
        border: 1px solid #FFC100;
        border-radius: 2px;
    }



@media print {
    .FieldInput_Combo {
        border-width: 0px;
        background-color: transparent;
    }
}

.FieldInputReadOnly {
    background-color: #F0EFEF;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    color: #192953;
    border-color: #C4C1BD;
    border-width: 0px;
    border-style: none;
    text-align: right;
    height: 17px;
    vertical-align: middle;
    padding-top: 1px;
}

.FieldInputName {
    -webkit-font-smoothing: antialiased;
    padding: 5px 0px;
}

.FieldInputName2 {
    -webkit-font-smoothing: antialiased;
    padding: 0px;
}

#Table2 tr:nth-child(1):after {
    content: '';
    position: relative;
    display: block;
    /* margin-top: 20px;*/
    width: 100%;
    /*height: 30px;*/
}


.Note {
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    color: #F88E30;
    background-color: transparent;
}

#lstMesi {
    min-width: 120px !important;
}

#lstAnni {
    min-width: 80px !important;
}

.FieldOutput {
    -webkit-font-smoothing: antialiased;
    padding: 5px 0px;
}

.FieldOutputName {
    -webkit-font-smoothing: antialiased;
    padding: 5px 0px;
}

.FieldOutputName2 {
    -webkit-font-smoothing: antialiased;
    padding: 8px 0px;
}

.FieldOutputBigText {
    line-height: 19pt;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    font-weight: bold;
    color: #192953;
    background-color: transparent;
}

.ErroreText {
    -webkit-font-smoothing: antialiased;
    color: #FF0000;
    background-color: #F0EFEF;
    padding: 15px;
    margin: 10px 0px 10px 0px;
}

#risultati input {

}

.Bottone {
    
    position: relative;
    padding: 15px 20px;
    margin-top: 10px;
    border-radius: 100vw;
    font-family: 'Montserrat';
    font-weight: 600;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    border: 0px;
    background: #040C6B;
    color: #FFFFFF;
}


    .Bottone:hover {
        background-color: #FFC100;
        color: #040C6B !important;
    }

    .Bottone:focus, .Bottone:focus-visible, .Bottone:hover {
        color: #fff;
        outline: 0;
        text-decoration: none;
    }

    .Bottone::before {
        background-color: #00491f;
        background-image: linear-gradient(270deg, #006d52 0%, #00491F 100%);
        border-radius: 30px;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .3s;
        z-index: -1;
    }



#aLinkMefop {
    float: right;
    padding-top: 0px;
}


.MainTableRis {
    BACKGROUND-COLOR: Transparent;
}

    .MainTableRis tr td{
        height: 31px !important;
    }

/*VARIANTI E AGGIUNTE PER LE VERSIONI CON CONFRONTO PRE E POST*/

.FieldOutputName3 {
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    color: #333333;
    background-color: transparent;
    background-color: #F8F8F8;
    border-bottom: 1px dotted #E2E2E2;
    height: 21px;
}

.FieldOutput3 {
    -webkit-font-smoothing: antialiased;
    color: #333333;
    background-color: transparent;
}

.tdAnte {
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    border: 1px solid #C6C6C6;
    border-top-width: 0px;
    border-bottom: 1px dotted #E2E2E2;
    padding-right: 2px;
    height: 21px;
}

.tdPost {
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    border: 1px solid #C6C6C6;
    border-top-width: 0px;
    border-left-width: 0px;
    border-bottom: 1px dotted #E2E2E2;
    padding-right: 2px;
}

.tdDiff {
    -webkit-font-smoothing: antialiased;
    color: #333333;
    background-color: #F1F1F1;
    border-right: 1px solid #CFCFCF;
    border-bottom: 1px dotted #CFCFCF;
    padding-right: 2px;
}

.Totali {
    background-color: #EBEBEB;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px dotted #92A8BA;
    border-top-width: 0px;
    border-left-width: 0px;
    font-weight: bold;
    color: #0457A5;
}

.TotaliDiff {
    background-color: #E2E2E2;
    border-right: 1px solid #CFCFCF;
    border-bottom: 1px dotted #92A8BA;
    color: #0457A5;
}

.FieldOutput4 {
    -webkit-font-smoothing: antialiased;
    color: #0457A5;
    background-color: transparent;
}

.FieldOutputBigText2 {
    
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    color: #333333;
    background-color: transparent;
}

.TableGraph2 {
    background-color: #F8F8F8;
    border: solid 0px #E2E2E2;
}

.Vneg {
    -webkit-font-smoothing: antialiased;
    color: #DC3912;
    background-color: transparent;
}

#lstAnnoNascita, #lstMesiContr {
    width: 100% !important;
    min-width: 120px !important;
    max-width: 130px !important;
}

#lstMeseNascita, #lstAnniContr {
    width: 100% !important;
    min-width: 120px !important;
    max-width: 130px !important;
}

#lstSex, #txtCap, #lstCarriera {
    width: 100% !important;
    min-width: 205px !important;
}

#lstCatPrev {
    width: 100% !important;
}

#txtRedditoNow {
    width: 99% !important;
}

.MainTable table tbody tr td:nth-of-type(3) {
    padding-left: 20px;
}

table#Table2.MainTable2 tbody tr:nth-of-type(3) td:first-of-type {
    padding: 0px !important;
}