:root {
    --cm_new_ultramarine_blue: #1E2346;
    --cm_new_sand: #D7CDC1;
    --cm_new_saffron_yellow: #FDBE00;
    --cm_new_sienna: #9D432C;
    --cm_new_verdigris: #A7BFB9;
    --cm_new_lavender_blue: #9BADFA;
    --cm_new_black_coal: #000000;
    --cm_new_cloud_white: #FFFFFF;

    --cm_blue: #005589;
    --cm_yellow: #695824;
    --cm_blue_transparent: #00558922;
    --cm_default_text: #212121;

    --cm_prune: #4B2355;
    --cm_sapin: #144B50;
    --cm_acajou: #55142D;
    --cm_bleu_profond: #235578;
    --cm_bleu_clair: rgb(61, 125, 170);
    --cm_bleu_clair_trans: rgba(61, 125, 170, 0.3);
    --cm_bleu_profond_alpha: rgba(0, 160, 162, 0.50);

    /*--cm_sable: #D7BE87;*/
    --cm_mer_du_sud: #9BC8CD;
    --cm_mer_du_sud_alpha: #9BC8CD44;

    --cm_lila: #4D75C5;
    --cm_kiwi: #737D08;
    --cm_grenadine: #C54B78;
    --cm_grenadine_alpha: #C54B7844;
    --cm_grenadine_alpha_2: #C54B7811;
    --cm_ocre: #9F6D0B;
    --cm_turquoise: #0480a9;
    --cm_ambre: #C75300;

    --cm_perle_de_sable: #F0E6D7;
    --cm_gris: #444444;

    --cm_lightgray: #e8e8f8;
    --cm_lightgray_dark: #dddded;
    --cm_lightgray_darkest: #c8c8d8;
    --cm_middlegray: #d2d2e2;
    --cm_gray: #a5a5a5;
    --cm_gray_light: #B9B9B9;
    --cm_orange: #cf4b2a;
    --cm_violet: #007571;
    --cm_red: #cf4b2a;
    --cm_info: var(--cm_gris);
    --cm_white: #ffffff;
    --cm_ultra_marin: #1e2245;
    --cm_table_background: rgba(244, 244, 244, 0.6);

    --cm_ultramarine_blue: #1E2245;
    --cm_lightsable: #F2EBE2;
    --cm_lightsable_hover: #efe4c5;
    --cm_sable: #D6CDC1;
    --cm_darksable: #A89784;
    --cm_safran: #FCBD00;
    --cm_darksafran: #D9AA08;
    --cm_sienna: #9D432C;
    --cm_sienna_alpha: rgba(157, 67, 44, 0.5);
    --cm_sienna_alpha_2: rgba(157, 67, 44, 0.2);
    --cm_verdigris: #AEBEB8;
    --cm_lavander: #9BACF9;

    --cm_font_size_xx_small: 8px;
    --cm_font_size_x_small: 10px;
    --cm_font_size_small: 11px;
    --cm_font_size_medium: 12px;
    --cm_font_size_large: 14px;
    --cm_font_size_x_large: 17px;
    --cm_font_size_xx_large: 21px;
    --cm_font_size_xxx_large: 26px;

    --default-big-margin-padding: 2.25rem;
    --default-margin-padding: .8rem;

    --cm_border_radius: 7.5rem;

    --header-height: 60px;
    --border-radius: 4px;
    --puzzle_height: 60px;
    --puzzle_right_svg_semi_width: 8.125px;
    --puzzle_right_svg_width: 16.25px;

    --slide-height: 56rem;

    --loginPageBackgroundColor: var(--cm_sienna);

    --puzzle_lightpart: var(--cm_darksafran);
    --puzzle_darkpart: var(--cm_sienna);
    --puzzle_link: var(--cm_darksafran);

    --tooltip_background_color: var(--cm_sienna);
    --tooltip_arrow_size: 10px;
    --tooltip_width: 150px;
}

#sidebar {
    background-color: var(--cm_lightsable) !important;
}

#bookings-table tbody tr:hover {
    background-color: var(--cm_yellow);
}

.btn-valider {
    color: white;
    background-color: #4cab62;
    border: 0;
    border-radius: 5px;
    margin: 2px;
}

.btn-refuser {
    color: white;
    background-color: #c55757;
    border: 0;
    border-radius: 5px;
    margin: 2px;
}

.btn-detail {
    color: white;
    background-color: var(--cm_bleu_profond);
    border: 0;
    border-radius: 5px;
    margin: 2px;
}

li a {
    color: black !important;
}

#sidebar ul li a:hover {
    background-color: var(--cm_safran);
}

.user {
    background-color: var(--cm_bleu_profond);
}

#sidebar ul li.active {
    font-weight: bold;
    color: white !important;
    background-color: var(--cm_yellow) !important;
}

.pending-row {
    background-color: #82ce94 !important;
    color: white;
    border-radius: 20px !important;
    font-weight: bold;
}

.pending-row td {
    padding: 2px;
}

.sorting input {
    border-radius: 5px;
    border: 1px solid var(--cm_bleu_profond);
}

#bookings-table_wrapper {
    background-color: var(--cm_bleu_clair);
    padding: 20px;
    border-radius: 20px;
    color: white;
}

.button, .button:hover {
    color: white !important;
    background-color: #1E2245 !important;
    font-weight: bold;
}

#sidebar > ul, #sidebar {
    width: 300px !important;
    max-width: 300px;
    min-width: 300px;
}