body {
    font-family: 'Poppins', sans-serif !important;
}

.card {
    padding: 20px; /* Espace intérieur */
    border: 1px solid #ccc; /* Bordure */
    border-radius: 10px; /* Coins arrondis */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ombre */
    margin-bottom: 10px;
}

.card-header {
    background-color: red;
    padding:10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #ccc; /* Bordure en bas de l'en-tête */
}

.table-container { }

.dataTables_filter input[type="search"] {
    width: 200px !important;
}

@media (min-width: 768px) {
    .table-container {
        padding: 20px;
        border: 1px solid #ccc; /* Bordure */
        border-radius: 10px; /* Coins arrondis */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ombre */
        margin-bottom:10px;
    }

    .dataTables_filter input[type="search"] {
        width: 10rem !important;
    }
}

@media (min-width: 1280px) {
    .dataTables_filter input[type="search"] {
        width: auto !important;
    }
}

@media (min-width: 1536px) {
    .dataTables_filter input[type="search"] {
        width: 25rem !important;
    }
}

/* Styles pour le titre */
.table-title {
    font-weight:bold;
    font-size: 24px; /* Taille de police */
    margin-bottom: 10px; /* Marge inférieure */
}

/* Styles pour le tableau */
.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    /* Styles pour l'en-tête du tableau */
    .table th {
        color: #fff; /* Couleur du texte */
        font-weight: bold;
        padding: 10px; /* Espace intérieur */
        text-align: left;
    }

    .table tr:hover {
        cursor:pointer;
    }

    /* Styles pour les lignes du tableau */
    .table td {
        padding: 10px; /* Espace intérieur */
        border-bottom: 1px solid #ddd; /* Bordure inférieure */
    }

    /* Styles pour les coins arrondis */
    .table tr:first-child th:first-child {
        border-top-left-radius: 5px;
    }

    .table tr:first-child th:last-child {
        border-top-right-radius: 5px;
    }

    .table tr:last-child td:first-child {
        border-bottom-left-radius: 5px;
    }

    .table tr:last-child td:last-child {
        border-bottom-right-radius: 5px;
    }

.justify-between {
    justify-content: space-between;
}

input[type="search"] {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg>');
    background-position: right 5px center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.sub-menu {
    transition: all 0.3s ease-in-out;
}