/*VARIABILI GENERALI CSS*/
:root {
    --blue_logo: #0081ff;
    --blue_sfondo: #c0e0ff;
    --blue_sfondo_hover: #0066cc;
    --colore_testo_digitato: midnightblue;
    --grigio_sfondo_chiudi: #f5f5f5;
    --grigio_border_chiudi: #cccccc;
    --grigio_sfondo_chiudi_hover: #e0e0e0;
}










html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

















.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}




/*MENU HOME*/
.navbar .navbar-nav .nav-link {
  
    font-size: 1.1em;
    padding: 0 .5em;
}











@media screen and (min-width:768px) {
    navbar .navbar-nav .nav-link {
        padding: 0 .5em
    }

    .yourclass {
        border-right: 2px solid var(--blue_logo);
    }

    .yourclass:last-child {
        border: 0;
    }
}


.backwhite {
    background-color: #FFF;
}

.img-responsive
{
    display: block;
    max-width: 100%;
    height: auto;
}


.high-light {
    background: #d9edf7 !important;
}







.form-group {
    margin-bottom: 15px;
}

.form-group-registrati {
    margin-bottom: 10px !important;
}

.checkbox_registrati {
    margin-bottom: 20px !important;
}
    
.text-justify
{
    text-align: justify;
}













/*DA QUESTO PUNTO IN POI SONO STATI VERIFICATI
    VENGONO USATI IN GENERALE DALLA PAGINE
*/





/*AREA GENERALE*/


/*Questa perche il con css brootstrap le immagini con firefox si vedono sciacciate*/
.card-img-top {
    height: auto !important;    
}



.color_blue_logo {
    color: var(--blue_logo) !important;
}

.color_blue_sfondo {
    color: var(--blue_sfondo) !important;
}


.background_color_blue_sfondo {
    background-color: var(--blue_sfondo) !important;
}

.background_color_logo {
    background-color: var(--blue_logo) !important;
}


.border-color-Logo {
    border-color: var(--blue_logo) !important;
}

.border-radius-5 {
    border-radius: 5px !important;
}







.My-btnGenerico {
    color: white !important;
    background-color: var(--blue_logo) !important;
    border-color: var(--blue_sfondo) !important;
    font-size: 18px !important;
    height: auto !important;
    border-radius: 15px !important;
    width: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none !important;
    border: none !important;
    transition: background-color 0.3s ease, color 0.3s ease;

}

    .My-btnGenerico:hover {
        background-color:var(--blue_sfondo_hover) !important;
        color: white !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Aggiunge un'ombra */
    }


















.My-btnGenerico-Close {
    background-color: var(--grigio_sfondo_chiudi) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--grigio_border_chiudi) !important;
    font-size: 18px !important;
    height: auto !important;
    border-radius: 15px !important;
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    transition: background-color 0.3s ease, color 0.3s ease;
}


    .My-btnGenerico-Close:hover {
        background-color: var(--grigio_sfondo_chiudi_hover) !important;
    }









.Testo-digitato {
    color: var(--colore_testo_digitato) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}