/* _content/Orderix/Components/Components/DataGrid.razor.rz.scp.css */
/* Stile per la tabella */
.data-grid[b-758ttvs89b] {
    width: 100%;
    overflow: auto;
    display: none; /* La tabella è nascosta finché non è pronta */
    position: relative;
}

    /* Quando il caricamento è finito, visibilità diventa visible */
    .data-grid.loaded[b-758ttvs89b] {
        display: block;
    }

.table[b-758ttvs89b] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

th .header-content[b-758ttvs89b] {
    display: flex;
    justify-content: space-between; /* Pushes header text and actions apart */
    align-items: center;
    /* Adjust padding if needed, considering the original padding on th */
    padding-right: 25px; /* Space for resize handle and filter button */
}

th .header-actions[b-758ttvs89b] {
    display: flex;
    align-items: center;
    position: absolute; /* Position relative to the th */
    right: 0;
    top: 0;
    height: 100%;
}


.filter-button[b-758ttvs89b] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 5px; /* Adjust as needed */
    font-size: 0.9em; /* Adjust size */
    color: inherit; /* Inherit color from header */
    margin-right: 10px; /* Space before resize handle */
    position: relative; /* For positioning the active indicator */
    line-height: 1; /* Prevent extra height */
}

    .filter-button:hover[b-758ttvs89b] {
        opacity: 0.7;
    }

.filter-active-indicator[b-758ttvs89b] {
    color: #007bff; /* Or another color to show filter is active */
    font-weight: bold;
    font-size: 1.2em;
    position: absolute;
    top: -5px; /* Adjust position */
    right: -5px;
}


/* Filter Popup */

/* Assicurati che lo stile del popup abbia uno z-index sufficiente */
.filter-popup[b-758ttvs89b] {
    position: absolute;
    top: 100%; /* Sotto l'header */
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 100; /* Assicura che sia sopra gli altri elementi (come le righe tbody) */
    min-width: 200px;
    padding: 10px;
    font-size: 0.9rem;
    text-align: left;
    white-space: normal;
}

.filter-search input[b-758ttvs89b] {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    box-sizing: border-box; /* Include padding in width */
    border: 1px solid #ccc;
}

.filter-values-list[b-758ttvs89b] {
    max-height: 200px; /* Limit height and add scroll */
    overflow-y: auto;
    margin-bottom: 10px;
    border: 1px solid #eee; /* Optional border for the list */
    padding: 5px;
}

.filter-value-item[b-758ttvs89b] {
    display: flex; /* Use flex for better alignment */
    align-items: center;
    padding: 3px 0;
    white-space: nowrap; /* Prevent wrapping of individual items */
    overflow: hidden;
    text-overflow: ellipsis;
}

    .filter-value-item input[type="checkbox"][b-758ttvs89b] {
        margin-right: 8px; /* Space between checkbox and label */
    }

    .filter-value-item label[b-758ttvs89b] {
        margin-bottom: 0; /* Override default label margin */
        cursor: pointer;
        flex-grow: 1; /* Allow label to take available space */
        overflow: hidden;
        text-overflow: ellipsis;
    }

.filter-actions[b-758ttvs89b] {
    display: flex;
    justify-content: space-between; /* Space out buttons */
    border-top: 1px solid #eee; /* Separator line */
    padding-top: 10px;
}

    .filter-actions .btn[b-758ttvs89b] {
        margin: 0 2px; /* Small margin between buttons */
    }

/* --- Adjustments to existing styles --- */
/* Regola specifica per TD (celle dati) */
td[b-758ttvs89b] {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    position: relative; /* Necessario per eventuali contenuti posizionati in futuro nelle celle */
    white-space: nowrap;
    overflow: hidden; /* Mantiene il taglio e l'ellipsis per le celle */
    text-overflow: ellipsis;
}

/* Regola specifica per TH (header) */
th[b-758ttvs89b] {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    position: relative; /* Mantiene il contesto per popup e handle */
    white-space: nowrap;
    overflow: visible; /* !!! MODIFICA CHIAVE: Permette al popup di essere visibile !!! */
    /* text-overflow: ellipsis; Rimuovi se non serve per il testo dell'header stesso */
}

/* Ensure resize handle is still accessible */
.resize-handle[b-758ttvs89b] {
    width: 2px; /* Keep size */
    height: 100%;
    /* position: absolute; Already absolute */
    right: 0;
    top: 0;
    cursor: ew-resize;
    background-color: #007bff;
    z-index: 10; /* Ensure it's below filter button if overlapping needed, but above content */
    border-radius: 4px;
    /* No change needed usually, but ensure it's not hidden by .header-actions */
}

    /* Colore al passaggio del mouse */
    .resize-handle:hover[b-758ttvs89b] {
        background-color: #0056b3;
    }

.pagination[b-758ttvs89b] {
    margin-top: 20px;
    text-align: center;
}

    .pagination button[b-758ttvs89b] {
        /*padding: 10px;*/
        /*margin: 0 5px;*/
        cursor: pointer;
    }

        .pagination button:disabled[b-758ttvs89b] {
            background-color: #ccc;
            cursor: not-allowed;
        }

    .pagination .page-item + .page-item[b-758ttvs89b] {
        margin-left: 0.5rem; /* O un altro valore che preferisci, es. 8px */
    }

    .pagination .page-link[b-758ttvs89b] {
        padding-top: 10px; /* Applica padding sopra a tutti */
        padding-bottom: 10px; /* Applica padding sotto a tutti */
        /* Puoi mantenere o aggiungere padding orizzontale se necessario, es: */
        /* padding-left: 12px; */
        /* padding-right: 12px; */
        display: inline-block; /* Assicura che padding sia rispettato */
    }

/* Stile per il caricamento */
.loading-indicator[b-758ttvs89b] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.loading-dot[b-758ttvs89b] {
    width: 15px;
    height: 15px;
    background-color: #007bff;
    border-radius: 50%;
    animation: dotAnimation-b-758ttvs89b 1.5s infinite ease-in-out;
}

@keyframes dotAnimation-b-758ttvs89b {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}
/* _content/Orderix/Components/Layout/CookieConsent.razor.rz.scp.css */
#cookie-consent[b-xkobxyxtha] {
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
/* _content/Orderix/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-wllixmdfah] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-wllixmdfah] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }