/*divisore titoli resoconto prev integrativa*/
hr {
    display: block;
    margin-top: 0.0em;
    margin-bottom: 0.5em;
    width: 100% !important;
    border-width: 1px;
    border-style: solid;
}
/*divisore titoli risultati pensione*/
#mod_RIS_td_risultati hr, #mod_RISPI_td_risultati hr, #tit_tbl_quote hr {
    display: block;
    margin-top: 0.0em;
    margin-bottom: 0.5em;
    width: 100% !important;
    border-width: 1px;
    border-style: solid;
}

#tbl_anticipi_ris, #tbl_quote, #tit_tbl_quote {
    width: 100% !important;
}

#output {
    padding: 0em !important;
}

@media only screen and (min-width: 600px) {
    hr {
        display: block;
        margin-top: 0.0em;
        margin-bottom: 0.5em;
        width: 80% !important;
        border-width: 1px;
        border-style: solid;
    }

    #mod_RIS_td_risultati hr, #mod_RISPI_td_risultati hr, #tit_tbl_quote hr {
        display: block;
        margin-top: 0.0em;
        margin-bottom: 0.5em;
        width: 80% !important;
        border-width: 1px;
        border-style: solid;
    }

    #tbl_anticipi_ris hr {
        display: block;
        margin-top: 0.0em;
        margin-bottom: 0.5em;
        width: 100% !important;
        border-width: 1px;
        border-style: solid;
    }

    #tbl_anticipi_ris, #tbl_quote, #tit_tbl_quote {
        width: 80% !important;
    }
}

.grid_rivalutazione_rispi, .grid_rivalutazione_ris {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-template-rows: auto auto;
    max-width: 340px;
    margin: 0 auto;
}
.Separatore td {
    padding-top: 16px; /*1.8em;*/
}

#header {
    background-color: #e2001a !important;
}

/*Variazione larghezza primo td header per evitare a capo del logo in caso resize*/
.dv_loghi_header div {
    background-color: #ffffff !important;
    border-bottom: 1px solid #666;
}

.dv_loghi_header div:first-of-type {
   
}
div#logo_cliente {
    margin-left: 0% !important;
}

/*PER DEFINIRE COLORE TEMA -  VIENE ATTIVATO PER EVIDENZIARE I VALORI DEGLI OUTPUT E I SOTTOTITOLI*/
.ColorTheme, .ColorTheme p
{
    color: #e2001a;
}
/*IN STAMPA*/
.ui-title
{
    margin: 0 5% !important;
}
/*centro i grafici in stampaBrowser*/
.margineStampaDesktop
{
    margin-left: 0% !important;
}
/*centro i grafici in stampaBrowser*/
.margineStampaMobile
{
    margin-left: -10% !important; /* margin-left:15% !important;*/
}

div#div_main {
    min-width: 470px;
}

.MainGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(470px, 1fr));
    grid-template-rows: auto auto auto auto auto auto;
}
.grid-dialog-decorrenze-1 {
    display: grid;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    grid-template-rows: auto;
    align-items: center;
}

.grid-dialog-decorrenze-1 div {
    margin: 0 auto;
}

@media only screen and (min-width: 700px) {

    .grid-dialog-decorrenze-1 {
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
        grid-template-rows: auto;
        align-items: center;
    }

        .grid-dialog-decorrenze-1 div:nth-child(2) {
            margin: 0 auto;
        }

        .grid-dialog-decorrenze-1 div:nth-child(1) {
            margin-right: 5px !important;
        }

        .grid-dialog-decorrenze-1 div:nth-child(3) {
            margin-left: 5px !important;
        }
}


.grid-dialog-decorrenze-2 {
    /* grid declaration styles */
    display: grid;
    grid-template-columns: 30px 30px 90px 30px 30px;
    grid-template-rows: 30px;
    align-items: center;
}

.celleTabellone
{
    text-align: center !important;
    vertical-align: middle !important;
}

table#tblStoriaContributiva, table#tblStoriaContributivaPreg, table#tbl_accumulo_prev_int
{
    font-size: 0.8em;
}


label#versione
{
    float: right;
}
#div_splash
{
    margin: 3% 3% auto 3%;
}


/*///////
PER RICHIAMARE IMMAGIN SVG  E' NECESSARIO SOECIFICARLO USANDO img[src$=".svg"]. 
INOLTRE LA SVG DVE ESSERE PRODOTTA COME PURO SVG - E' NECESSARIO NELL'IMMGINE IMETTERE LA WHIDT E LA HEIGHT
Come fatto per logo.svg inserire gli attributi del view box, le coordinate devo coincidere con la larghezza effettiva dell'immagine per evitare spazi bianche  e margini del canvas.
Anche il div di contenimento dell'immagine, che ci serve per centrare tutto, deve avere la stassa larghezza massima.
///////*/
img[src$=".svg"]#img_logo_splash {
    margin: 0 auto;
    position: relative;
    width: 100% !important; /*margin: 0 auto;         position: relative;         width:320.03949px;         height:307.56448px;*/
}

div#div_img_logo_splash {
    margin: 0 auto;
    width: 100% !important;
    max-width: 320px !important; /*width: 500px !important;*/
}

#mod_HEAD_DESK_img_header_desk, #mod_HEAD_MOB_img_header_mob {
    max-width: 0px;
    min-width: 0px;
    max-height: 0px;
    min-height: 0px;
    margin-left: 0px;
}

#mod_HEAD_DESK_img_logo_cliente {
    max-height: 42px;
    margin-top: 2px;
    margin-left: 4px;
    margin-right: 8px;
}

#mod_HEAD_MOB_img_logo_cliente
{
    max-height: 35px;
    margin-top: 8px;
    margin-left: 4px;
}




#div_splash #img_logo_cliente
{
    width: 250px;
}


@media print
{


    div#div_main, div#alert_box_err
    {
        min-width: 600px;
    }

    div#div_main, div#alert_box_warn
    {
        min-width: 600px;
    }

    #mod_RISPI_output #output table:first-of-type
    {
        width: auto;
    }

    #mod_RISPI_output #output table:nth-of-type(2)
    {
        width: 90%;
    }


    #contenitore_main_anagrafica, #contenitore_main_prevint, #contenitore_main_penspubb, #contenitore_main_penspreg, #contenitore_main_raffronto, #contenitore_main_resoconto, #contenitore_main_risultati, #contenitore_main_avvertenze
    {
        page-break-inside: avoid;
    }

    #contenitore_main_avvertenze
    {
        page-break-before: always !important;
        font-style: italic;
    }



    /*visualizza in stampa anche le sezioni dei dati di input*/
    #input_content
    {
        display: block !important;
    }

    /*visualizza in stampa anche le sezioni dei ris*/
    #output_content
    {
        display: block !important;
    }
    #navbar
    {
        display: none !important;
    }

    #link_chart_PP
    {
        display: none !important;
    }
    #mod_PP_div_chart_riepilog_reddito_output
    {
        display: block !important;
    }

    /*nasconde tutti i btn*/
    .ui-btn
    {
        display: none;
    }
    /*visualizza tutte le sezioni di input a larghezza massima ed elimna il float*/
    #input_main_contenitore
    {
        width: 100% !important;
        clear: both;
    }
    /*visualizza tutte le sezioni di input a larghezza massima ed elimna il float*/
    #output_main_contenitore
    {
        width: 100% !important;
        clear: both;
    }
    /*nasconde i menu*/
    #cssmenu, #btn_menu, #nav-panel
    {
        display: none;
    }
    /*nasconde il contenitore della relativa sezione di input*/
    #mod_ANA_input, #mod_PP_input, #mod_PR_input, #mod_PI_input
    {
        display: none !important;
    }
    /*nasconde il contenitore della relativa sezione di output*/
    #mod_ANA_output, #mod_PP_output, #mod_PR_output, #mod_PI_output
    {
        display: block !important;
    }
    /*visualizza il contenuto dell'accordion avvertenze*/
    .ui-collapsible .ui-collapsible-content
    {
        display: block !important;
        height: auto !important;
    }
    /*rende visibile l'header dell'acc avvertenze (era stato nascosto da ui-btn visto che viene considerato come un bottone)*/
    #contenitore_main_avvertenze a
    {
        display: block !important;
    }

    /*nasconde la popup della stampa */
    #popupStampa
    {
        display: none;
    }

    /*//////////INSERIMENTO OLIVIA///////////////*/
    /*Per nascondere slider e btn avanzamento ad essa connessi*/
    .full-width-slider
    {
        display: none !important;
    }

    a.ui-btn ui-shadow ui-corner-all ui-icon-carat-l ui-btn-icon-notext
    {
        display: none !important;
    }

    a.ui-btn ui-shadow ui-corner-all ui-icon-carat-r ui-btn-icon-notext
    {
        display: none !important;
    }

    /* Per nascondere btn avanzamento abbinati alla slider(Button up) */
    .ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a
    {
        display: none !important;
    }
    div.ui-flipswitch
    {
        border: 0px solid transparent !important;
        background-color: transparent !important;
        -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2);
        box-shadow: inset 0px 0px 0px rgba(0,0,0,0.2);
    }

    /* Per nascondere estrimi data range */
    #tickMarks
    {
        display: none !important;
    }

    /* Per nascondere anderline ai titoli di sezione */
    a#edit_ana.ui-link, a#edit_pp.ui-link, a#edit_pr.ui-link, a#edit_pi.ui-link
    {
        text-decoration: none !important;
        color: #333333;
    }

    /* Per nascondere funzione cancella in posizioni pregresse */
    .LargeIcontr td:nth-of-type(2) a
    {
        display: none !important;
    }

    /* Per centrare grafici in stampa */
    /*#div_chart_ris div div div
                        {
                            margin: 0px 0px 0px 47%;
                        }
                        #chart_resoconto div div div
                        {
                            margin: 0px 0px 0px 47%;
                        }
                        #mod_PP_div_chart_riepilog_reddito_output
                        {
                            margin: 0px 0px 0px 50%;
                        }*/

    /*//////////FINE INSERIMENTO OLIVIA///////////////*/
}


body
{
}

/*Per forzare cursor pointer ai titoli di sezione*/
a#edit_ana, a#edit_pp, a#edit_pi, a#edit_ana, a#link_chart_PP, a#edit_redd_prevint
{
    cursor: pointer;
}

#titolo_ris_pens p, a#edit_pr
{
    cursor: default;
}

.ui-bar-a
{
    font-weight: normal !important;
}

/*Per regolare visualizzazione btn numerati pregresse*/

div#Addlink_preg
{
    margin: 0px 5px 0px 5px !important;
}

#listlink_preg table
{
    border-spacing: 0px;
}

#listlink_preg div a
{
    color: #e2001a;
    line-height: 25px;
    margin: 0px 5px 0px 5px !important;
}

/*gestione img sezione anagrafica*/
div#mod_ANA_output
{
    position: relative;
}
div#mod_ANA_output div img
{
    /* position: absolute;*/
    top: 10px;
    right: 10px;
}
/*FINE - gestione img sezione anagrafica*/
/*gestione img sezione penspubb*/
div#mod_PP_output
{
    position: relative;
}
div#mod_PP_output div img
{
    /*position: absolute;*/
    top: 10px;
    right: 10px;
}
/*FINE - gestione img sezione penspubb*/
/*gestione img sezione penspubbpreg*/
div#mod_PR_output
{
    position: relative;
}
div#mod_PR_output div img
{
    /*position: absolute;*/
    top: 10px;
    right: 10px;
}
/*FINE - gestione img sezione penspubbpreg*/
/*gestione img sezione prevint*/
div#mod_PI_output
{
    position: relative;
}
div#mod_PI_output div img
{
    /*position: absolute;*/
    top: 10px;
    right: 10px;
}
/*FINE - gestione img sezione prevint*/

.not-active
{
    /*pointer-events: none !important;*/ /*cursor: default !important;*/
    color: Black !important;
    text-decoration: none !important;
}

.div_contenitore_chart
{
    /*position: relative;*/ /*height: 0;*/ /* overflow:hidden;*/
}
.div_chart
{
    /* position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;*/
}
/*//PER RIPOSIZIONARE IL VALORE AL CENTRO DEL GRAFICO//*/
#cnt {
    position: relative;
    top: -110px;
    font-weight: bold !important;
    font-size: 24px !important;
    cursor: default;
}

/*//// GESTONE FORMATTAZIONE RISULTATI////*/
.STRValue, .STRValue label
{
    font-weight: bold !important;
    text-align: center !important;
    font-size: 24px !important;
    color: #e2001a !important;
}

.STRValue2
{
    font-weight: normal !important;
    text-align: center !important;
    font-size: 1em !important;
}
/*Variazioni font per riepilogo*/
.STRValueR, .STRValueR label
{
    font-weight: bold !important; /*font-size: 22px !important;*/
}

.STRValueR2, .STRValueR2 label {
    padding-top: 0.4em; /*1.8em;*/
    font-weight: bold !important; /*font-size: 22px !important;*/
}
.SubTitle label
{
    color: #e2001a;
    margin: 10px 0px 0px 0px;
}

label#mod_PI_lbl_comparto_contr_att.SubTitle_NCT
{
    margin: 25px 0px 0px 0px;
    font-weight: bold !important;
}
.SMLValueR label
{
    font-weight: normal !important; /*font-size: 12px !important;*/ /*margin-top: 0.9em !important;*/
}

/*Fine Variazioni font per riepilogo*/
.LH_STRValue, .LH_STRValue label {
    margin-top: 0px !important;
}
.ValueNote, .ValueNote label
{
    text-align: center !important;
    font-size: 12px !important;
    font-style: italic !important;
}
.ValueNote2, .ValueNote2 label
{
    font-size: 12px !important;
    font-style: italic !important;
}
/*//// FINE GESTONE FORMATTAZIONE RISULTATI////*/

/*Gestione larghezza Alert Popup*/
.AlertLNG
{
    min-width: 550px;
}


/*centra il wait nella pagina*/
div#dvLoading
{
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 170px;
    margin-left: -170px;
}

/*lunghezza campi testo*/
.80percWidth
{
    width: 50px !important;
}
/*arrotonda gli angoli dei btn*/
.ui-btn-icon-notext.ui-corner-all
{
    -webkit-border-radius: .3125em;
    border-radius: .3125em;
}
.border_right_cell
{
    border-top: 0px;
    border-left: 0px;
    border-right: 1px solid #d9d9d9;
    border-bottom: 0px;
}
.border_bottom_row
{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #d9d9d9;
}

/*identificativo(nome / cognome) anagrafica*/
@media all and (max-width: 50em)
{
    .identificativo .ui-block-a, .identificativo .ui-block-b, .identificativo .ui-block-c, .identificativo .ui-block-d, .identificativo .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .identificativo.ui-grid-b .ui-block-a
    {
        width: 22%;
    }
    /*larghezza I blocco*/
    .identificativo.ui-grid-b .ui-block-b
    {
        width: 25%;
    }
    /*larghezza II blocco*/
    .identificativo.ui-grid-b .ui-block-c
    {
        width: 16%;
    }
    /*larghezza IIII blocco*/
    .identificativo.ui-grid-b .ui-block-d
    {
        width: 37%;
    }
    /*larghezza IV blocco*/
    .identificativo.ui-grid-b .ui-block-b .ui-input-text
    {
        margin-bottom: 0px;
    }
    .identificativo.ui-grid-b .ui-block-d .ui-input-text
    {
        margin-bottom: 0px;
    }
}
/*end identificativo*/

/*bottoniera header*/
@media all and (max-width: 50em)
{
    .header .ui-block-a, .header .ui-block-b, .header .ui-block-c, .header .ui-block-d, .header .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .header.ui-grid-b .ui-block-a
    {
        width: 25%;
    }
    /*larghezza I blocco*/
    .header.ui-grid-b .ui-block-b
    {
        width: 25%;
    }
    /*larghezza II blocco*/
    .header.ui-grid-b .ui-block-c
    {
        width: 25%;
    }
    /*larghezza IIII blocco*/
    .header.ui-grid-b .ui-block-d
    {
        width: 25%;
    }
    /*larghezza IV blocco*/
}
/*end bottoniera*/

/*contribuzione attesa prevint*/
@media all and (max-width: 50em)
{
    .contr_att .ui-block-a, .contr_att .ui-block-b, .contr_att .ui-block-c, .contr_att .ui-block-d, .contr_att .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .contr_att.ui-grid-b .ui-block-a
    {
        width: 22%;
    }
    /*larghezza I blocco*/
    .contr_att.ui-grid-b .ui-block-b
    {
        width: 56%;
    }
    /*larghezza II blocco*/
    .contr_att.ui-grid-b .ui-block-c
    {
        width: 22%;
    }
    /*larghezza IIII blocco*/
    .contr_att.ui-grid-b .ui-block-b .ui-input-text
    {
        margin-bottom: 0px;
    }
    .contr_att.ui-grid-b .ui-block-c .ui-input-text
    {
        margin-bottom: 0px;
    }
}
/*end contribuzione attesa*/

/*maturato prevint*/
@media all and (max-width: 50em)
{
    .maturato .ui-block-a, .maturato .ui-block-b, .maturato .ui-block-c, .maturato .ui-block-d, .maturato .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .maturato.ui-grid-b .ui-block-a
    {
        width: 65%;
    }
    /*larghezza I blocco*/
    .maturato.ui-grid-b .ui-block-b
    {
        width: 25%;
    }
    /*larghezza II blocco*/
    .maturato.ui-grid-b .ui-block-c
    {
        width: 10%;
    }
    /*larghezza IIII blocco*/
    .maturato.ui-grid-b .ui-block-a .ui-input-text
    {
        margin-bottom: 0px;
    }
    .maturato.ui-grid-b .ui-block-b .ui-input-text
    {
        margin-bottom: 0px;
    }
    .maturato.ui-grid-b .ui-block-c .ui-input-text
    {
        margin-bottom: 0px;
    }
}
/*end maturato*/

/*contribuzione sogg prevint*/
@media all and (max-width: 50em)
{
    .contr_sogg .ui-block-a, .contr_sogg .ui-block-b, .contr_sogg .ui-block-c, .contr_sogg .ui-block-d, .contr_sogg .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .contr_sogg.ui-grid-b .ui-block-a
    {
        width: 22%;
    }
    /*larghezza I blocco*/
    .contr_sogg.ui-grid-b .ui-block-b
    {
        width: 45%;
    }
    /*larghezza II blocco*/
    .contr_sogg.ui-grid-b .ui-block-c
    {
        width: 12%;
    }
    /*larghezza IIII blocco*/
    .contr_sogg.ui-grid-b .ui-block-d
    {
        width: 19%;
    }
    /*larghezza IV blocco*/
    /*.contr_sogg.ui-grid-b .ui-block-e { width: 25%; }*/    /*larghezza V blocco*/
    .contr_sogg.ui-grid-b .ui-block-b .ui-input-text
    {
        margin-bottom: 0px;
    }
    .contr_sogg.ui-grid-b .ui-block-c .ui-input-text
    {
        margin-bottom: 0px;
    }
    .contr_sogg.ui-grid-b .ui-block-d .ui-input-text
    {
        margin-bottom: 0px;
    }
}
/*end contribuzione sogg*/

/*somma contributi prevint*/
@media all and (max-width: 50em)
{
    .somma_contr .ui-block-a, .somma_contr .ui-block-b, .somma_contr .ui-block-c, .somma_contr .ui-block-d, .somma_contr .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .somma_contr.ui-grid-b .ui-block-a
    {
        width: 23%;
    }
    /*larghezza I blocco*/
    .somma_contr.ui-grid-b .ui-block-b
    {
        width: 27%;
    }
    /*larghezza II blocco*/
    .somma_contr.ui-grid-b .ui-block-c
    {
        width: 23%;
    }
    /*larghezza IIII blocco*/
    .somma_contr.ui-grid-b .ui-block-d
    {
        width: 27%;
    }
    /*larghezza IV blocco*/
    .somma_contr.ui-grid-b .ui-block-b .ui-input-text
    {
        margin-bottom: 0px;
    }
    .somma_contr.ui-grid-b .ui-block-d .ui-input-text
    {
        margin-bottom: 0px;
    }
}
/*end somma contributi*/

/*contr datoriale prev int*/
@media all and (max-width: 50em)
{
    .contr_dat .ui-block-a, .contr_dat .ui-block-b, .contr_dat .ui-block-c, .contr_dat .ui-block-d, .contr_dat .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .contr_dat.ui-grid-b .ui-block-a
    {
        width: 22%;
    }
    /*larghezza I blocco*/
    .contr_dat.ui-grid-b .ui-block-b
    {
        width: 25%;
    }
    /*larghezza II blocco*/
    .contr_dat.ui-grid-b .ui-block-c
    {
        width: 5%;
    }
    /*larghezza IIII blocco*/
    .contr_dat.ui-grid-b .ui-block-d
    {
        width: 48%;
    }
    /*larghezza IV blocco*/
    .contr_dat.ui-grid-b .ui-block-b .ui-input-text
    {
        margin-bottom: 0px;
    }
}
/*end contr datoriale*/

/*importo pregressa*/
@media all and (max-width: 50em)
{
    .importo_preg .ui-block-a, .importo_preg .ui-block-b, .importo_preg .ui-block-c, .importo_preg .ui-block-d, .importo_preg .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .importo_preg.ui-grid-b .ui-block-a
    {
        width: 22%;
    }
    /*larghezza I blocco*/
    .importo_preg.ui-grid-b .ui-block-b
    {
        width: 30%;
    }
    /*larghezza II blocco*/
    .importo_preg.ui-grid-b .ui-block-c
    {
        width: 14%;
    }
    /*larghezza IIII blocco*/
    .importo_preg.ui-grid-b .ui-block-d
    {
        width: 33%;
    }
    /*larghezza IV blocco*/
    .importo_preg.ui-grid-b .ui-block-a .ui-input-text
    {
        margin-bottom: 0px;
    }
    .importo_preg.ui-grid-b .ui-block-c .ui-input-text
    {
        margin-bottom: 0px;
    }
}
/*end importo pregressa*/
/*importo pens pubb*/
@media all and (max-width: 50em)
{
    .importo .ui-block-a, .importo .ui-block-b, .importo .ui-block-c, .importo .ui-block-d, .importo .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .importo.ui-grid-b .ui-block-a
    {
        width: 22%;
    }
    /*larghezza I blocco*/
    .importo.ui-grid-b .ui-block-b
    {
        width: 25%;
    }
    /*larghezza II blocco*/
    .importo.ui-grid-b .ui-block-c
    {
        width: 16%;
    }
    /*larghezza IIII blocco*/
    .importo.ui-grid-b .ui-block-d
    {
        width: 37%;
    }
    /*larghezza IV blocco*/
    .importo.ui-grid-b .ui-block-a .ui-input-text
    {
        margin-bottom: 0px;
    }
}
/*end importo*/

/*comparto prevint*/
@media all and (max-width: 50em)
{
    .prevint .ui-block-a, .prevint .ui-block-b, .prevint .ui-block-c, .prevint .ui-block-d, .prevint .ui-block-e
    {
        width: 100%;
        float: none;
    }
}
@media all and (min-width: 75em)
{
    .prevint.ui-grid-b .ui-block-a
    {
        width: 50%;
    }
    /*larghezza I blocco*/
    .prevint.ui-grid-b .ui-block-b, /*larghezza II blocco*/ .prevint.ui-grid-b .ui-block-c
    {
        width: 10%;
    }
    /*larghezza IIII blocco*/
    .prevint.ui-grid-b .ui-block-d
    {
        width: 20%;
    }
    /*larghezza IV blocco*/
}
/*end prevint*/

/*nasconde gli spinner dei campi input di tipo number*/
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]
{
    -moz-appearance: textfield;
}

/*SUPERATI*/
/*icon acc anagrafica*/
/*.ui-myicon-ana:after {
	background-image: url("../../Img_Accordion/icon_acc.svg") !important;
	background-size: 18px 18px;
}*/
/*icon acc Prevint*/
/*.ui-myicon-pi:after {
	background-image: url("../../Img_Accordion/icon_acc.svg") !important;
	background-size: 18px 18px;
}*/
/*icon acc pens pubb*/
/*.ui-myicon-pp:after {
	background-image: url("../../Img_Accordion/icon_acc.svg") !important;
	background-size: 18px 18px;
}*/
/*icon acc anagrafica*/
/*.ui-myicon-pr:after {
	background-image: url("../../Img_Accordion/icon_acc.svg") !important;
	background-size: 18px 18px;
}*/
/*icon acc raff pi*/
/*.ui-myicon-raffpi:after {
	background-image: url("../../Img_Accordion/icon_acc.svg") !important;
	background-size: 18px 18px;
}*/
/*icon acc resonc pi*/
/*.ui-myicon-repi:after {
	background-image: url("../../Img_Accordion/icon_acc.svg") !important;
	background-size: 18px 18px;
}*/
/*icon acc ris*/
/*.ui-myicon-ris:after {
	background-image: url("../../Img_Accordion/icon_acc.svg") !important;
	background-size: 18px 18px;
}*/


/*PER NON FARE ANDARE A CAPO IL RADIOBTN  PROFESSIONISTI OMETTIAMO RIDUZIONE LARGHEZZA IN CASO RESPONSIVE (min-width: 28em)*/
@media (min-width: 28em)
{
    #PP_Ente div.ui-controlgroup-controls
    {
        width: 100% !important;
    }
}

/*PER REGOLARE LA VISUALIZZAZIONE DEI BTN EDIT JQUERY*/
.btn_cell
{
    padding: 0;
    margin: 0;
}

/*/////Formattazione titoli di sezione per ridurre padding in presenza delle icone//////*/
/*h4#titolo_pp,  h4#titolo_reddito, h4#titolo_pr, h4#titolo_pi, h4#titolo_ris, h4#titolo_ris_pi, h4#titolo_raff_pi, h4#titolo_avvertenze, h4#titolo_riepiloghi*/
#titolo_anagrafica div, #titolo_prevobbbase div, #titolo_prevobbpreg div, #titolo_prevobbsext div, #titolo_prevint div, #titolo_ris_pens div, #mod_RISPI_titolo_resoconto_prev_int p, #titolo_redditi_prevint div, #titolo_avvertenze div, #mod_RISPI_titolo_resoconto_prev_int p, #titolo_raffront_prev_int div
{
    height: 25px;
}

#img_error, #img_warn
{
    width: 90%;
    position: relative;
    top: -3px;
    left: -10px;
}


/*//////////gestione progressbar/////////////////////*/
#progressbar1
{
    /*background-color: black;*/ /*background-repeat: repeat-x;*/
    border-radius: 5px;
    padding: 3px;
}

#progressbar1 > div
{
    background-color: #e2001a;
    width: 10%;
    height: 25px;
    border-radius: 5px;
}
#progressbar2
{
    /*background-color: black;         background-repeat: repeat-x;*/
    border-radius: 5px;
    padding: 3px;
}

#progressbar2 > div
{
    background-color: #e2001a;
    width: 10%;
    height: 25px;
    border-radius: 5px;
}
#progressbar3
{
    /*background-color: black;         background-repeat: repeat-x;*/
    border-radius: 5px;
    padding: 3px;
}

#progressbar3 > div
{
    background-color: #e2001a;
    width: 10%;
    height: 25px;
    border-radius: 5px;
}

/*PER ALZARE IL TR CHE CONTIENE LE ICONE DEI PARAMETRI*/
fieldset#fd_mensile_annuale, fieldset#fd_lordo_netto
{
    /*height: 80px;*/
}


/*PER REGOLARE GLI A CAPO NELLA TABELLA DELLE QUOTE*/
table#tbl_quote td:nth-of-type(2)
{
    white-space: nowrap;
    padding-right: 3px;
}

table#tbl_quote td
{
    vertical-align: text-top;
}



#link_dialog_video
{
     background-color:#e2001a !important;
     border-color:#e2001a !important;
  
}

a#edit_pr.ui-link, a#edit_pp.ui-link, a#edit_ana.ui-link, a#edit_pi.ui-link, #mod_RIS_contenitore_titolo_ris, #titolo_ris_pens, a#edit_redd_prevint {
    color: #FFFFFF !important;
}

#mod_RISPI_contenitore_titolo_resoconto,  #mod_RAFFPI_contenitore_titolo_raffronto, #titolo_avvertenze a p
{
     color:#333 !important;
  
}

#cssmenu > ul > li:first-child > a 

{
 
  background: #eeeeee !important;
  
}





#cssmenu ul ul a:hover {
  color: #FFFFFF;
}


#cssmenu ul ul a {
  padding: 10px 30px 10px 5px;
  display: block;
  color: #FFFFFF !important;
  font-size: .8em;
  font-weight: normal;
}

#cssmenu ul ul a:hover {
  color: #e2001a !important;
}

.ui-dialog {
    z-index: 1000 !important;
}


.rbt_ottimistico_on {
    height: 40px !important;
    width: 30px !important;
    background-image: url(Img_Accordion/sc_ottimistico_ON.svg) !important;
    background-repeat: no-repeat;
}

.rbt_ottimistico_off {
    height: 40px !important;
    width: 30px !important;
    background-image: url(Img_Accordion/sc_ottimistico_OFF.svg) !important;
    background-repeat: no-repeat;
}

.rbt_medio_on {
    height: 40px !important;
    width: 30px !important;
    background-image: url(Img_Accordion/sc_medio_ON.svg) !important;
    background-repeat: no-repeat;
}

.rbt_medio_off {
    height: 40px !important;
    width: 30px !important;
    background-image: url(Img_Accordion/sc_medio_OFF.svg) !important;
    background-repeat: no-repeat;
}

.rbt_pessimistico_on {
    height: 40px !important;
    width: 30px !important;
    background-image: url(Img_Accordion/sc_pessimistico_ON.svg) !important;
    background-repeat: no-repeat;
    color: transparent !important;
}

.rbt_pessimistico_off {
    height: 40px !important;
    width: 30px !important;
    background-image: url(Img_Accordion/sc_pessimistico_OFF.svg) !important;
    background-repeat: no-repeat;
    color: transparent !important;
}
.stato_incompleto:after {
    background-image: url(images/Error-2.svg) !important;
    background-size: 40px !important;
}

.stato_completo:after {
    background-image: url(images/checked-2.svg) !important;
    background-size: 40px !important;
}
.ui-btn.my-info-btn,
.ui-btn.my-info-btn:hover,
.ui-btn.my-info-btn:active {
    background: none !important;
    border: 0;
    -webkit-box-shadow: 0 0 0px transparent !important;
    -moz-box-shadow: 0 0 0px transparent !important;
    box-shadow: 0 0 0px transparent !important;
    margin: 0px 0px 0px 0px !important;
}

.lbl_info {
    font-style: italic;
    font-size: 0.8em !important;
    background-color: #f7f7f7;
    text-shadow: none !important;
    padding: 7px 7px 7px 7px !important;
}

.btn_help_close:after {
    background-image: url(images/moreClose.svg) !important;
    width: 18px;
    height: 18px;
}

.btn_help_open:after {
    background-image: url(images/moreOpen.svg) !important;
    width: 18px;
    height: 18px;
}



#dvCookie {
    width: 100%;
    background: #e2001a;
    opacity: 0.9;
    filter: alpha(opacity=70);
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    z-index: 900;
    font-weight: normal !important;
    min-height: 55px;
}

#Cookie {
    color: #ffffff !important;
    font-size: 0.8em;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 10px;
    font-weight: normal !important;
}

.Privacy_Policy {
    color: #ffffff !important;
    text-decoration: underline;
    font-weight: normal !important;
}


.ButtonChiudiCookie {
    text-decoration: none;
}

    .ButtonChiudiCookie::after {
        font-size: 45px;
        content: "\00D7";
        color: #ffffff;
        opacity: 0.8;
        position: relative;
        top: 10px;
    }

    .ButtonChiudiCookie:hover:after {
        opacity: 1.0;
    }

.inner_Title_ist {
    font-weight: bold;
    font-size: 16px;
    width: 100%;
}

.Evidenza1 {
    color: #e2001a;
}

/*opzione selezionata*/
a.option_selected:before {
    background-image: url(images/option_selected.svg) !important;
    width: 14px;
    height: 14px;
    padding: 7px;
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
}
/*opzione non selezionata*/
a.option_unselected:before {
    background-image: url(images/option_unselected.svg) !important;
    width: 14px;
    height: 14px;
    padding: 7px;
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
}



/*GESTIONE HEADER CON GRID PER ELLIPSIS A RESIZE */
/*H4 con icona*/

h4#mod_RAFFPI_titolo_raffront_prev_int a, h4#mod_RISPI_titolo_resoconto_prev_int a {
    display: inline-grid;
    grid-template-columns: 90% 10%;
    width: calc(100% - 58px);
    grid-template-rows: repeat(1, 30px);
}

    h4#mod_RAFFPI_titolo_raffront_prev_int a div, h4#mod_RISPI_titolo_resoconto_prev_int a div {
        text-align: right;
    }

#mod_RAFFPI_contenitore_titolo_raffronto, #mod_RISPI_contenitore_titolo_resoconto {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
}

/*H4 senza icona*/
#titolo_grafico a {
    display: inline-grid;
    grid-template-columns: 90% 10%;
    width: calc(100% - 58px);
}

    #titolo_grafico a p {
        text-overflow: ellipsis;
        overflow-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
    }


/*TRASPOSIZIONE TBL PER EFFETTO REFLOW DOPO RESIZE SU DIMENSIONE MINIMA SCELTA*/
.movie-list thead th,
.movie-list tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.movie-list tbody th,
.movie-list tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.movie-list tbody tr:last-child th,
.movie-list tbody tr:last-child td {
    border-bottom: 0;
}

.movie-list tbody tr:nth-child(odd) td,
.movie-list tbody tr:nth-child(odd) th {
    background-color: #eeeeee; /* non-RGBA fallback  */
    background-color: rgba(0,0,0,.04);
}

@media ( max-width: 49em) {
    .my-hidden-class {
        display: none;
    }

    tbody#tbodyDett th,
    tbody#tbodyDettPreg th,
    tbody#mod_ACCUMULO_tbl_body_accumulo th,
    tbody#tbl_body_contr_att th,
    tbody#tbl_body_profilo th,
    tbody#tbl_body_switch th,
    tbody#tbl_body_maturato th,
    tbody#tbl_body_riepilogo_vecchi_anticipi th, tbody#tbl_body_riepilogo_nuovi_anticipi th {
        margin-top: 0.0em !important;
        padding-top: 8px;
    }
}

@media ( min-width: 49em) {
    /* Show the table header rows and set all cells to display: table-cell */
    #tbl_profilo.my-custom-breakpoint td,
    #tbl_profilo.my-custom-breakpoint th,
    #tbl_profilo.my-custom-breakpoint tbody th,
    #tbl_profilo.my-custom-breakpoint tbody td,
    #tbl_profilo.my-custom-breakpoint thead td,
    #tbl_profilo.my-custom-breakpoint thead th {
        display: table-cell;
        margin: 0;
    }
        /* Hide the labels in each cell */
        #tbl_profilo.my-custom-breakpoint td .ui-table-cell-label,
        #tbl_profilo.my-custom-breakpoint th .ui-table-cell-label {
            display: none;
        }
}

#tbl_profilo tbody tr td .ui-table-cell-label,
#tbl_profilo thead tr th:first-of-type .ui-table-cell-label {
    width: 30% !important;
}

@media ( max-width: 560px ) {
    .my-hidden-class {
        display: none;
    }

    tbody#tbodyDett th,
    tbody#tbodyDettPreg th,
    tbody#mod_ACCUMULO_tbl_body_accumulo th,
    tbody#tbl_body_contr_att th,
    tbody#tbl_body_profilo th,
    tbody#tbl_body_switch th,
    tbody#tbl_body_maturato th,
    tbody#tbl_body_riepilogo_vecchi_anticipi th, tbody#tbl_body_riepilogo_nuovi_anticipi th {
        margin-top: 0.0em !important;
        padding-top: 8px;
    }
}

/*@media ( min-width: 560px ) {*/
/* Show the table header rows and set all cells to display: table-cell */
/*.my-custom-breakpoint td,
    .my-custom-breakpoint th,
    .my-custom-breakpoint tbody th,
    .my-custom-breakpoint tbody td,
    .my-custom-breakpoint thead td,
    .my-custom-breakpoint thead th {
        display: table-cell;
        margin: 0;
    }*/
/* Hide the labels in each cell */
/*.my-custom-breakpoint td .ui-table-cell-label,
        .my-custom-breakpoint th .ui-table-cell-label {
            display: none;
        }
}*/



@media ( max-width: 1060px ) {
    .grid_contribuzioni_sogg,
    .grid_contribuzioni_dat {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(auto, 340px));
        /*justify-items: start;*/
        grid-gap: 5px;
    }
}



/*ACCESSIBILITA*/
.ui-corner-all {
    -webkit-border-radius: 0.2em !important;
    border-radius: 0.2em !important;
}

p {
    line-height: 1.5em;
}

#mod_PI_output p {
    margin-top: 0.0em;
}

h5.SubTitle {
    margin-top: 0.9em;
    color: #e2001a;
    margin-bottom: 0px;
    padding-bottom: 0.0em;
    line-height: 1.5em;
    font-size: unset;
}

h5.SubTitle2 {
    color: #e2001a;
    margin-bottom: 0px;
    padding-bottom: 0.0em;
    line-height: 1.5em;
    font-size: unset;
    border-bottom: solid 2px #e2001a;
    padding-bottom: 10px;
    width: 100%;
}

/*Per forzare colore titoli di sezione*/
span#edit_ana, span#edit_pp, span#edit_pi, span#link_chart_PP, span#mod_GRAFICO_titolo, span#mod_ACCUMULO_titolo, span#mod_INFO_FONDO_ADERENTE_titolo, span#edit_pr, span#edit_redd_prevint, span#mod_AVV_titolo, span#mod_RISPI_titolo {
    color: #ffffff !important;
}

/*Per forzare colore fondo accordion di sezione*/
#titolo_accumulo a, #titolo_anagrafica a, #titolo_prevint a, #titolo_prevobbpreg a, #titolo_prevobbbase a, #titolo_prevobbsext a,
#titolo_info_aderente a, #titolo_redditi_prevint a, #titolo_raffront_prev_int a, #mod_RISPI_titolo_resoconto_prev_int a, #titolo_avvertenze a,
#titolo_ris_pens a {
    background-color: #333;
    text-shadow: none !important;
}

    #titolo_accumulo a:hover, #titolo_anagrafica a:hover, #titolo_prevint a:hover, #titolo_prevobbpreg a:hover, #titolo_prevobbbase a:hover, #titolo_prevobbsext a:hover,
    #titolo_info_aderente a:hover, #titolo_redditi_prevint a:hover, #titolo_raffront_prev_int a:hover, #mod_RISPI_titolo_resoconto_prev_int a:hover, #titolo_avvertenze a:hover,
    #titolo_ris_pens a:hover {
        background-color: #262626;
        text-shadow: none !important;
    }

.Note2, .Note2 p {
    font-size: 0.875rem !important;
    font-style: italic !important;
    color: red;
    padding-left: 1em;
    padding-right: 1em;
}

.Note1, .Note1 p {
    font-size: 0.875rem !important;
    font-style: italic !important;
    color: red;
    padding-left: 0em;
    padding-right: 0em;
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 36px 45px auto 60px;
    background-color: #e2001a !important;
    border-color: #e2001a !important;
}



/*padding applicato al contenitore principale per far si che il footer aggiunto non sovrasti elementi della pagina*/
#index {
    padding-bottom: 60px;
}

/*Per rimuovere disalineamento tra area input area risultati*/
#contenitore_main_risultati, #contenitore_main_resoconto {
    margin-top: 0.5em;
    margin-right: 0px;
    margin-left: 0px;
}

@media ( max-width: 930px ) {

    #contenitore_main_risultati, #contenitore_main_resoconto {
        margin-top: 0.0em !important;
        margin-right: 0px;
        margin-left: 0px;
    }
}


/*aggiungere misure e adeguare colore in base alla personalizzazione*/
#link_dialog_video {
    background-color: #aa1c0d !important;
    border-color: #aa1c0d !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 3px;
}

/* per rimuovere padding in eccesso nelle schede che hanno anche i tab */
#contenitore_main_penspubb > .ui-collapsible-content,
#contenitore_main_penspreg > .ui-collapsible-content,
#contenitore_main_prevint > .ui-collapsible-content {
    margin: 0;
    padding: .0em 0em !important;
}

/* Focus - per ottenere lo stesso stile focus di jquery*/


section#mod_ANA_output article.ui-body section:focus,
section#mod_PP_output article.ui-body section:focus,
section#mod_ANA_output:focus,
section#mod_PP_output:focus,
section#mod_PR_output:focus,
*:focus {
    -webkit-box-shadow: 0 0 12px #e2001a /*{c-active-background-color}*/;
    -moz-box-shadow: 0 0 12px #e2001a /*{c-active-background-color}*/;
    box-shadow: 0 0 12px #e2001a /*{c-active-background-color}*/;
    outline: 0 !important;
    border: 0px solid Red !important;
}


/* Focus caso errori*/


/* Focus buttons and text inputs with div wrap */
.ui-page-theme-a .ui-focus-error,
html .ui-bar-a .ui-focus-error,
html .ui-body-a .ui-focus-error,
html body .ui-group-theme-a .ui-focus-error,
html head + body .ui-btn-a.ui-focus-error,
html head + body .ui-body-a.ui-focus-error {
    -webkit-box-shadow: 0 0 0px #B3000D /*{c-active-background-color}*/;
    -moz-box-shadow: 0 0 0px #B3000D /*{c-active-background-color}*/;
    box-shadow: 0 0 0px #B3000D /*{c-active-background-color}*/;
    /*outline-color:red !important;
            outline-style: solid !important;*/
    outline: 0 !important;
    border: 1px solid Red !important;
}

.classFloatLeft {
    float: left;
}


/*Per gestire colore bottone menu rispetto al default, per renderlo piu evidente*/


#cssmenu > ul > li:first-child > a {
    background: #aa1c0d !important;
    border: none;
    border-top: 0px solid #aa1c0d !important;
    text-shadow: 0 0px 0px #aa1c0d !important;
    background-color: #aa1c0d !important;
    border-radius: 3px !important;
}

#cssmenu {
    border-bottom: 0px solid #aa1c0d !important;
    border-bottom: 2px solid #aa1c0d !important;
}

    #cssmenu > ul > li:first-child {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa1c0d), color-stop(100%, #aa1c0d)) !important;
    }

    #cssmenu ul ul a:hover {
        color: #aa1c0d !important;
    }

#tbl_AnticipoPensione label {
    line-height: 1.2em;
}

#tbl_AnticipoPensione table tr td {
    padding: 0.5px !important;
}