﻿/* Style général pour QuickGrid avec le thème "corporate" */
.quickgrid[theme="corporate"] {
    width: 100%;
    border-collapse: collapse; /* Fusion des bordures pour éviter les doubles bordures */
    background-color: #f8f9fa; /* Couleur de fond gris clair */
    font-family: Arial, sans-serif;
    font-size: small;
}

    /* Style des en-têtes de colonne (th) */
    .quickgrid[theme="corporate"] th {
        background-color: #6c757d; /* Fond gris foncé pour l'en-tête */
        color: white; /* Texte blanc pour l'en-tête */
        font-weight: 500;
        text-transform: uppercase;
        padding: 1px;
        text-align: left;
        border-bottom: 2px solid #dddddd; /* Bordure inférieure des en-têtes */
        border-left: 1px solid #dddddd;
    }

        /* Suppression de la bordure droite pour la dernière colonne */
        /*.quickgrid[theme="corporate"] th:last-child {
            border-right: none;
        }*/

    /* Style des cellules de données (td) */
    .quickgrid[theme="corporate"] td {
        padding: 4px;
        border-bottom: 1px solid #dddddd; /* Bordure horizontale entre les lignes */
        border-right: 1px solid #dddddd;
        border-left: 1px solid #dddddd; /* Bordures verticales entre les colonnes */
        text-align: left;
        
    }

        /* Suppression de la bordure droite pour la dernière cellule de chaque ligne */
        /*.quickgrid[theme="corporate"] td:last-child {
            border-right: none;
        }*/

    /* Alternance de couleurs pour les lignes */
    .quickgrid[theme="corporate"] tr:nth-child(odd) {
        background-color: #ffffff; /* Lignes impaires blanches */
    }

    .quickgrid[theme="corporate"] tr:nth-child(even) {
        background-color: #f2f2f2; /* Lignes paires gris clair */
    }

    /* Effet de survol */
    .quickgrid[theme="corporate"] tr:hover {
        background-color: #e9ecef; /* Couleur légèrement plus foncée au survol */
    }
/*.page-size-chooser {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: small;
}

    .page-size-chooser select {
        margin: 0 1rem;
        padding: 0.25rem 0.5rem;
    }*/
 
.quickgrid[theme=corporate] button {
    font-weight: bold;
    font-size: 0.875rem;    
    line-height: 1.25rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    border:none;
    border-radius: 0.375rem;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}



