body.sport-bg {
    background:
        linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
        url('img/trama2.jpg');
    background-size: 100% 100%, auto;
    background-repeat: no-repeat, repeat;
}

.navbar-nav {
    display: flex;
    align-items: center;
}

.navbar-nav .nav-item {
    margin-right: 40px; /* Aggiusta lo spazio tra le voci del menu a tuo piacimento */
}

.navbar-nav .nav-link {
    padding: 10px 15px; /* Aggiusta il padding per ottenere un aspetto più spazioso */
    color: #fff !important;  /* Imposta il colore del testo delle voci del menu */
    font-weight: bold; /* Rendi il carattere in grassetto */
    font-size: 18px; /* Imposta la dimensione del testo a tuo piacimento */
}

.navbar-nav .nav-link:hover {
    background-color: #1868c5; /* Cambia il colore di sfondo al passaggio del mouse */
    color: #fff; /* Cambia il colore del testo al passaggio del mouse */
}

.nav-link i {
    margin-right: 8px; /* Aggiunge spazio tra l'icona e il testo */
    font-size: 1.2em; /* Dimensione delle icone */
}


.dropdown-menu-large .dropdown-item {
    font-size: 1.25rem; /* Aumenta la dimensione del testo */
    padding: 10px 20px; /* Aumenta lo spazio tra le voci */
}

.dropdown-menu-large .dropdown-item i {
    font-size: 1.5rem; /* Aumenta la dimensione delle icone */
}



/* CSS personalizzato */
.thead-custom-color {
    background-color: #337ab7; /* Colore di sfondo personalizzato per la prima riga della tabella (thead) */
    color: white; /* Colore del testo */
}

.custom-thumbnail {
    max-width: 200px; /* Imposta la larghezza massima */
    max-height: 200px; /* Imposta l'altezza massima */
    width: auto; /* Larghezza automatica per mantenere l'aspetto */
    height: auto; /* Altezza automatica per mantenere l'aspetto */
}

.modal-dialog-scrollable .modal-body {
    max-height: 60vh; /* Altezza massima della modale come percentuale dell'altezza viewport */
    overflow-y: auto; /* Abilita lo scrolling verticale */
}

.table tbody tr.selected {
    background-color: #f9c74f; /* Colore giallo chiaro */
}

.custom-bg {
    background-image: url('./img/ImageBackground1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 85vh; /* Occupa l'80% dell'altezza della finestra */
    width: 100vw; /* Occupa il 100% della larghezza della finestra */
    padding: 200px;
    border-radius: 10px;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}

.navbar-brand img {
    border-radius: 10px; /* Arrotonda gli angoli */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Aggiunge ombreggiatura */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Effetto di transizione per interazione */
}
.navbar-brand img:hover {
    transform: scale(1.05); /* Ingrandisce leggermente al passaggio del mouse */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); /* Rafforza l'ombreggiatura */
}

.btn-custom {
    border-radius: 10px; /* Arrotonda gli angoli */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Ombreggiatura più sottile */
    font-size: 18px; /* Aumenta la dimensione del testo */
    padding: 10px 20px; /* Aggiusta il padding */
    margin: 10px; /* Aggiunge spazio tra i pulsanti */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Effetti di interazione */
    color: white; /* Colore del testo */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); /* Aggiunge nitidezza al testo */
    -webkit-font-smoothing: antialiased; /* Ottimizza il rendering su Webkit */
    -moz-osx-font-smoothing: grayscale; /* Ottimizza il rendering su macOS */
}

.btn-custom:hover {
    transform: scale(1.05); /* Ingrandisce leggermente */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); /* Rafforza l'ombreggiatura */
    color: white;
}

.btn i {
    margin-right: 8px; /* Spazio tra l'icona e il testo */
    font-size: 1.2em; /* Aumenta la dimensione dell'icona */
}

.wide-cell {
    width: 200px;
}
.wide-select {
    width: 100%; /* Rende il <select> largo quanto la cella */
}

.menu-vertical {
    display: flex;
    flex-direction: column; /* Dispone gli elementi verticalmente */
    align-items: center; /* Centra i pulsanti orizzontalmente */
    gap: 15px; /* Distanza tra i pulsanti */
    margin-top: 20px; /* Spazio dal titolo */
}

.menu-vertical .btn-custom {
    width: 80%; /* Imposta una larghezza fissa per i pulsanti */
    max-width: 300px; /* Larghezza massima per schermi grandi */
    text-align: left; /* Allinea il testo e l'icona a sinistra */
    padding: 10px 20px; /* Spazio interno dei pulsanti */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombreggiatura leggera */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.menu-vertical .btn-custom:hover {
    background-color: #0056b3; /* Cambia il colore al passaggio del mouse */
    transform: translateY(-2px); /* Effetto sollevamento */
}

.menu-vertical .btn-custom i {
    margin-right: 10px; /* Spazio tra l'icona e il testo */
    font-size: 20px; /* Dimensione dell'icona */
}

.highlighted-row {
    background-color: #d1ecf1 !important;  /* Colore blu chiaro con !important */
}

/* Evidenziazione dei campi required */
.required-field::after {
    content: "*";
    color: red;
    margin-left: 5px;
}
/* Campo note più largo */
.wide-field {
    width: 100%;
}
/* Campo anno più stretto */
.narrow-field {
    width: 80px;
}