.pagination {
    margin-top: 20px;

}

.pagination-container {
    float: right;
    /* Float the pagination container to the right */
}

.pagination button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
}

.pagination button:hover {
    background-color: #45a049;
}

.pagination button.active {
    background-color: #45a049;
}


.pagination button.active-bouton {
    background-color: #801e18;
    /* Blue color */
    color: white;
    border: 1px solid #801e18;
}

.even-row {
    background-color: #f2f2f2;
    /* Define the background color for even rows */
}

.odd-row {
    background-color: #ffffff;
    /* Define the background color for odd rows */
}


.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: inherit;
    /* Or set to the desired background color */
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

/* CSS */
.even-row:hover,
.odd-row:hover {
    background-color: #d4edda
        /* Your desired overlay color */
    ;
}

/* Adjustments for the Export to PDF button */
#exportPDFButton {
    margin-top: 0;
    /* Remove default margin */
    margin-left: 10px;
    /* Add margin to separate from the search input */
}
/* Add this CSS to initially hide the table container */
#transactionHistoryContainer.hidden {
display: none;
}