/*
Breakpoint	    Classe	    Dimensione min. (px)	Descrizione
Extra small	    col-	    0	                    (default, senza breakpoint)
Small	        col-sm-	    ≥ 576px	                Telefono in orizzontale
Medium	        col-md-	    ≥ 768px	                Tablet
Large	        col-lg-	    ≥ 992px	                Desktop
Extralarge	    col-xl-	    ≥ 1200px	            Desktop grande
XXL	            col-xxl-	≥ 1400px	            Schermi extra-large

*/

header {
    padding: 1rem !important;
    background-color: #eef1f6;
    color: white;
}

.nav-link{
    color: #6176a2;  
    font-size: large;
    text-decoration: underline;
}
.nav-link:hover{
    color: #485777;  
}

.nav-link.active {
  color: #3c5897;  
  font-weight: 700;
  text-decoration: none; /* Rimuove la sottolineatura per il link attivo */
}

.registration-link {
    color: #664d03;  
    font-weight: 700;
    text-decoration: underline;
}

.access-btn {
    background-color: #6176a2; 
    color: white;
    border: none;
}

.access-btn:hover {
    background-color: #485777; /* colore più scuro al passaggio del mouse */
}

.logout-btn {
    background-color: #c9462f; 
    color: white;
    border: none;
}

.logout-btn:hover {
    background-color: #7c2819; /* colore più scuro al passaggio del mouse */
}


.logo {
    height: 60px; /* altezza fissa */
    width: auto; /* larghezza automatica per mantenere le proporzioni */
    object-fit: contain; /* facoltativo per adattamento proporzionato */
}

.top-footer {
    background-color: #eef1f6;

}

footer {
    background-color: #90a4d0;
    padding-top: 0.2rem !important;
}


.title{
    color: #3c5897;
}

.modal{
    color: black;
}

.modal-body{
    align-self: center;
}