/* -------------------------------------------------------------------------- */
/*                                CSS Personnalisé                            */
/* -------------------------------------------------------------------------- */

.calendar .calendar-day {
    padding: 0.75rem;
}

.data-table thead th {
    cursor: pointer;
}

.card .card-download-btn {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

.card:hover > .card-download-btn {
    display: block;
}

/** Permet d'enlever la petite flèche du dropdown */
#add-row-button::after {
    display: none;
}

.column-grid-link {
    border: none;
}

.column-grid-link:hover .grid-bg {
    background-color: rgb(146, 241, 68) !important;
    color: #000000;
    transition: background-color 1s ease;
}

.row-control-buttons {
    top: 10px; /* Ajuster selon la marge supérieure désirée */
    bottom: 10px; /* Ajuster selon la marge inférieure désirée */
    left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: calc(
        100% - 20px
    ); /* Ajuster si nécessaire pour la hauteur totale de la rangée */
}

.row-control-buttons a {
    font-size: 16px; /* Ajuster selon la taille désirée des icônes */
    display: flex;
}

.cursor-move {
    cursor: move !important;
}

.cursor-help {
    cursor: help !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: start !important;
}