.cellaRegistro {
            width: 100%;
            font-size: 0.9em;
            border: none;
            border-bottom: 0.7px solid black;
        }

        .totaliRegistro {
            text-align: right !important;
            background-color: white !important;
        }

        .giorniRegistro:hover {
            background-color: #c3f6fc !important;
        }

        .dropdown-submenu {
            position: relative;
        }

        .dropdown-submenu .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -1px;
            color: white;
            background-color: rgb(33, 37, 41);
        }

        .navbar-nav li:hover>ul.dropdown-menu {
            display: block;
        }

        .calendarioTurni_lavoratore {
            cursor: pointer;
            width: 5% !important;
        }

        .calendarioTurni_lavoratore:hover {
            font-weight: bold;
        }

        .tooltip-inner {
            min-width: 300 !important;
            height: 76px;
            font-size: 12px;
            padding: 10px 15px 10px 20px;
            background: #FFFFFF;
            color: rgba(0, 0, 0, .7);
            border: 1px solid #737373;
            text-align: left;
        }

        .servizioPrimario {
            font-weight: bold;
        }

        .servizioSecondario {
            color: gray;
        }

        body {
            display: block;
            width: 100% !important;
            overflow-x: auto;
        }

        .dropdown-toggle {
            width: 97% !important;
        }

        .dayIcons {
            bottom: 0 !important;
        }

        .dateWithNotes>* {
            font-size: 20px !important;
            text-decoration: none !important;
            color: #CD5C5C !important;
            font-weight: bold !important;
        }

        .fc-state-highlight {
            background: red !important;
        }

        .fc-highlight {
            background: red !important;
        }

        .multiSelezioneId {
            width: 10px !important;
        }

        .multiSelezioneData {
            width: 15%;
        }

        .multiSelezioneSelectBox {
            width: 20%;
        }


        @media screen and (max-width: 400px) {

            li.page-item {

                display: none;
            }

            .page-item:first-child,
            .page-item:nth-child(2),
            .page-item:nth-last-child(2),
            .page-item:last-child,
            .page-item.active,
            .page-item.disabled {

                display: block;
            }
        }

        /* Small columns: 1, 8, 9 (checkboxes) */
        .colonna0SelezioneMultipla,
        .colonna7SelezioneMultipla,
        .colonna8SelezioneMultipla {
            width: 4%;
            min-width: 40px;
            max-width: 50px;
            text-align: center;
        }

        /* Medium columns: 2, 3, 4 (date/time) */
        .colonna1SelezioneMultipla,
        .colonna2SelezioneMultipla,
        .colonna3SelezioneMultipla {
            width: 10%;
            min-width: 80px;
            max-width: 120px;
            text-align: center;
        }

        /* Medium-large columns: 5, 6, others */
        .colonna4SelezioneMultipla,
        .colonna5SelezioneMultipla,
        .colonna6SelezioneMultipla {
            width: 18%;
            min-width: 120px;
            max-width: 220px;
            text-align: left;
        }

        .checkBoxSelezioneTurni {
            left: 4%;
        }

        .turnoToDelete {
            background-color: #FFB6C1 !important;
        }

        .styled-list {
            list-style-type: none;
            /* Rimuove i pallini */
            padding: 0;
            margin: 0;
        }

        .styled-list li {
            text-align: left;
            margin-bottom: 10px;
            /* Margine tra le righe */
            padding: 10px;
        }

        .styled-list li:nth-child(odd) {
            background-color: #f0f0f0;
            /* Colore righe dispari */
        }

        .styled-list li:nth-child(even) {
            background-color: #d0d0d0;
            /* Colore righe pari */
        }

        /* FullCalendar: Resource View Styling (Bootstrap friendly) */
        .fc {
            font-size: 0.875rem;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

        .fc .fc-toolbar-title {
            font-weight: 600;
            font-size: 1.25rem;
            color: #343a40;
        }

        .fc .fc-button {
            @apply btn btn-sm btn-outline-primary;
            border-radius: 0.25rem;
        }

        .fc .fc-resource {
            background-color: #f8f9fa;
            border-right: 1px solid #dee2e6;
            padding: 0.25rem;
            font-weight: 500;
        }

        .fc .fc-resource-cell {
            background-color: #e9ecef;
            font-weight: 600;
        }

        .fc .fc-daygrid-day,
        .fc .fc-timegrid-slot {
            border-color: #dee2e6;
        }

        .fc .fc-day-today {
            background-color: #fff3cd !important;
        }

        .fc .fc-event {
            border: none;
            border-radius: 0.25rem;
            padding: 2px 4px;
            font-size: 0.75rem;
        }

        .fc .fc-event.fc-event-notturno {
            background-color: darkslateblue;
            color: white;
        }

        .fc .fc-event.fc-event-festivo {
            background-color: #f8d7da;
            color: #721c24;
        }

        /* Tooltip override if used */
        .fc [data-bs-toggle="tooltip"] {
            cursor: pointer;
        }

        tr.even-date {
            background-color: #f9f9f9;
        }

        tr.odd-date {
            background-color: #e6f7ff;
        }

        #tabellaPrestazioniSelezioneMultipla tbody tr td {
            padding: 3px 8px !important;
            height: 25px !important;
        }

        /* Add margin between FullCalendar header buttons */
        .fc-header-toolbar .fc-button {
            margin-right: 0.5rem !important;
        }

        /* Remove margin from the last button in each group */
        .fc-header-toolbar .fc-button-group>.fc-button:last-child {
            margin-right: 0 !important;
        }

        .fc-event-selected {
            border: 2px solid #007bff !important;
            background-color: #cce5ff !important;
        }

        .fc-event-other-servizio {
            opacity: 0.35 !important;
            filter: grayscale(60%);
            transition: opacity 0.3s ease, filter 0.3s ease;
        }

        .fc-event-other-servizio:hover {
            opacity: 0.7 !important;
            filter: grayscale(30%);
        }