* {
    box-sizing: inherit;
}

html {
    height: 100%;
    box-sizing: border-box;
}

body {
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.wrapper {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.page-footer {
    background-color: var(--object-background-color);
    text-decoration: none;
    color: white;
    font-size: small;
    font-weight: bold;
    padding: 0 2rem;
}

.mentions-legales-link {
    color: inherit;
    font-size: small;
}

:root {
    --color-selected: #b2b801;
    --object-background-color: #c9cf00;

    --color-btn-bg: rgb(31, 204, 86);
    --color-btn-bg-hover: rgb(29, 190, 80);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-btn-bg);
    --bs-btn-border-color: var(--color-btn-bg);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-btn-bg-hover);
    --bs-btn-hover-border-color: var(--color-btn-bg-hover);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(33, 209, 89);
    --bs-btn-active-border-color: rgb(33, 209, 89);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-btn-bg);
    --bs-btn-disabled-border-color: var(--color-btn-bg);
}

.btn-edit {
    --bs-btn-bg: rgb(155, 190, 166);
    --bs-btn-hover-bg: rgb(124, 177, 141);
}

.btn-delete {
    --bs-btn-bg: rgb(252, 173, 173);
    --bs-btn-hover-bg: rgb(255, 152, 152);
}

/* Pagination des datatables */
.pagination {
    --bs-pagination-active-bg: var(--color-btn-bg);
    --bs-pagination-active-border-color: var(--color-btn-bg);
}