/* CSS Personnalisé pour CSCTICAO Time Tracker */

body {
    /* Ajoute un peu d'espace en bas pour éviter que le footer ne colle au contenu */
    /* 60px pour la hauteur du footer + 15px de marge supplémentaire */
    padding-bottom: 75px;
}

.navbar {
    /* Vous pouvez personnaliser la navbar ici */
    /* background-color: #004494 !important; /* Exemple de couleur spécifique */
}

/* Style pour les miniatures de photos dans les tableaux */
.employee-thumbnail {
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%; /* Rendre les miniatures rondes */
    object-fit: cover; /* Assurer que l'image couvre bien sans être déformée */
}

/* Style pour la photo sur la fiche employé */
.employee-photo {
    max-width: 200px;
    max-height: 200px;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 15px;
}

/* Alignement vertical pour les icônes d'action dans les tableaux */
.action-icons a {
    margin-right: 8px;
    vertical-align: middle;
}

.action-icons form {
    display: inline-block; /* Pour que le bouton delete soit sur la même ligne */
    vertical-align: middle;
}

.action-icons .btn-sm {
    padding: 0.2rem 0.4rem; /* Ajuster la taille des boutons icônes */
    font-size: 0.9rem;
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw; /* Utiliser viewport width pour garantir 100% */
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
    text-align: center;
    z-index: 1000;
    border-top: 1px solid #dee2e6; /* Ajouter une bordure pour mieux délimiter */
    box-sizing: border-box; /* Inclure padding et border dans la largeur */
}

/* Ajustements pour formulaires */
.form-label {
    font-weight: bold;
}

/* Masquer définitivement les éléments de pagination et recherche pour le tableau des employés */
#employeesTable_wrapper .dataTables_paginate,
#employeesTable_wrapper .dataTables_info,
#employeesTable_wrapper .dataTables_length,
#employeesTable_wrapper .dataTables_filter,
.dataTables_paginate,
.dataTables_info,
.dataTables_length,
.dataTables_filter {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Masquer également les éléments génériques de DataTables pour les employés */
.dataTables_wrapper:has(#employeesTable) .dataTables_paginate,
.dataTables_wrapper:has(#employeesTable) .dataTables_info,
.dataTables_wrapper:has(#employeesTable) .dataTables_length,
.dataTables_wrapper:has(#employeesTable) .dataTables_filter {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Masquer tous les éléments qui contiennent du texte de pagination ou de recherche */
div:contains("Affichage"),
div:contains("entrées"),
div:contains("Rechercher"),
div:contains("Showing"),
div:contains("entries"),
div:contains("Search") {
    display: none !important;
}