/*
:root{
    --primary: #234f9e;
    --primary2: #001f3f;
    --footer: #001f3f;
    --secondary: #5C6F82;
    --primary-lighter:#F2F7FC;
    --secondary-lighter:#EBECED;
    --gray:#2a333b;
    --success:#008055;
    --warning:#995C00;
    --error:#CC334D;
    --link-footer:#52E0DB;
    --footer-font-size:15px;
    --L6_color_background:#fff;  
    --rav: #ffa12d;
}*/
:root{
    --bs-btn-disabled-bg:#dbe0e4;
    --bs-btn-disabled-color:#94979b;
    --bs-btn-disabled-border-color:#94979b;
}
.ravvedimento{
    background-color: var(--rav);
    color:var(--gray);
}
/*mmmmm*/
.img100{
    max-height: 100px !important;
}
body{
    background-color: var(--primary-lighter);
    /*font-size: 1.1em;*/
    font-size: 1em;
    color: var(--gray);
    margin:0;
    padding:0;
}

/* header */

header{
    background-color: var(--primary);
    color:#fff;
/*    padding: 10px 0;*/
}

header a{
    color:#fff;
}

header a:hover{
    color:#fff;
}


/*mmmmm*/
/* modifiche alla griglia */

.content-wrapper {
    max-width: 1200px;
    margin:auto;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 960px) { /* passaggio a finestra più piccola del wrapper  */
    .pre-header, nav, main,aside,footer,section{
        padding-left:5px;
        padding-right:5px;
    }

} 

@media only screen and (max-width: 888px) {  /* passaggio a mobile  */  
    aside{
        background-color: var(--primary-lighter);
    }
} 



/* modifiche agli h */

h1{
    font-size: 2.2em;
}

h2{
    font-size: 1.6em;
}

h3{
    font-size: 1.4em;
}

h1,h2,h3{
    font-weight: bolder;
}

h4,h5{
    font-weight: bold;
}

.em12{
    font-size: 1.2em;
}


.li_btn.link, .btn.link, .link {
    padding:0;
    color:var(--primary) !important;
}

.btn{
    border:none;
}

.b{
    font-weight: bold;
}

/* colori */

.primary{
    background-color: var(--primary);
    color:#fff;
}


.color-primary{
    color: var(--primary);
}


.primary:active, .primary:focus-visible,.primary:hover,.primary a:hover {
    background-color: var(--primary) !important;
    color:#fff !important;
    
}

.secondary:active, .secondary:focus-visible,.secondary:hover, .secondary a:hover  {
    background-color: var(--secondary) !important;
    color:#fff !important;
}


.primary:hover,.secondary:hover {
    filter: none;
}


.ligo-form label{
    font-weight: bold;
}

.primary2{
    background-color: var(--primary2);
    color:#fff;
}

.secondary{
    background-color: var(--secondary);
    color:#fff;
}

.color-secondary{
    color: var(--secondary);
}

.color-gray{
    color: var(--gray);
}


.red{
    background-color: var(--error);
    color:#fff;
}

.primary-lighter{
    background-color: var(--primary-lighter);
    color:#000000;
}

.secondary-lighter{
    background-color: var(--secondary-lighter);
    color:#000000;
}

.error{
    /*background-color: #fff; */
    color:var(--error)
}


.white{
    background-color:#fff;
    color:#000;
}





.footer{
    background-color: var(--footer);
    color:#fff;
}
.footer p, .footer div {
    font-size:var(--footer-font-size)
}
.footer a{
    color:var(--link-footer)
}

footer li, aside li{
    list-style: none;
}



aside ol, aside ul,footer ol, footer ul {
    padding-left:0;
}

/*
li{
    color: var(--primary);
}
*/

/* header  */ 


.logo {
    height: 70px;
    padding: 10px 17px;
    width: 70px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    
}

.logo img{
    background: none !important;
    max-height: 50px;
    width: auto;
}





aside a, main a{
    font-weight: 500;
    color:var(--primary);
    /* text-transform: uppercase;
    text-decoration: none; */
}

/* aside a::after, main a::after  {
    padding-left:10px;
    font-family: "Font Awesome 6 Free"; 
    content: "\f061";
    font-weight: 900;

} */


/*
button::after  {
    padding-left:10px;
    font-family: "Font Awesome 6 Free"; 
    content: "\f061";
    font-weight: 900;

} 
*/

li{
    padding-bottom: 5px;
}

main h1{
    color:var(--primary)
}


button{
    color:var(--primary);
}

.card{
    border: none;
    color:#000;
}

.shadow{
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}

.rounded {
    border-radius: 4px !important;
}

.underline{
    text-decoration: underline;
}

.smart-select::after{
    font-family: "Font Awesome 6 Free"; 
    content: "\f061";
    font-weight: 900;
}

.padding-0-LR{
    padding-right:0 !important;
    padding-left:0 !important;
}
.padding-5{
    padding:5px ;
}
.padding-5-T{
    padding-top:5px ;
}
.padding-0{
    padding:0 !important;
}

.padding-20-R{
    padding-right: 20px;
}

/* stati aliquote */    

.circle-0 {
    color: var(--error);
}

.circle-1 {
    color: var(--warning);
}


.circle-2,.circle-3,.circle-4 {
    color: var(--success);
}

@media screen and (min-width: 888px) {
    .padding-40MN{
        padding: 20px;
    }
    .padding-40MN-LR{
        padding: 20px;
    }

    .padding-30MN{
        padding: 40px;
    }
    .padding-30MN-LR{
        padding: 40px;
    }
    .padding-20MN{
        padding: 20px;
    }
    .padding-20MN-LR{
        padding: 20px;
    }
    .padding-10MN{
        padding: 40px;
    }
    .padding-10MN-LR{
        padding: 40px;
    }
}
@media screen and (max-width: 888px) {
    /**/
    .padding-40MX{
        padding: 20px;
    }
    .padding-40MX-LR{
        padding: 20px;
    }

    .padding-30MX{
        padding: 40px;
    }
    .padding-30MX-LR{
        padding: 40px;
    }
    .padding-20MX{
        padding: 40px;
    }
    .padding-20MX-LR{
        padding: 40px;
    }
    .padding-10MX{
        padding: 40px;
    }
    .padding-10MX-LR{
        padding: 40px;
    }
}

.responsive-tablesA td:before {
    padding-left: 10px;
}


/*  overlay  */


    /* Stile dell'overlay */
    #loadingOverlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 6, 26, 0.6); /* colore schermata */
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 32px;
        font-family: sans-serif;
        z-index: 99999;
        pointer-events: all;
    }


.testo-ravvedimento {
  /*text-decoration: line-through;*/
  color:#fff;
}