:root {
    /* color theme */
    --white-color: #fff;
    --black-color: #22201F;
    --red-color: #E25C41;
    --discount-color: #ED2B2A;
    --cyan-color: #95DBCF;
    --yellow-color: #FBBC04;
    --bg-input: rgba(226, 92, 65, 0.10);
    --bg-product: #D4CEBB;
    --collapse-header: rgba(191, 193, 171, 0.20);
    --bg-detail-product: #DFD8C6;
    --icon-filled: #F4D6D1;
    --green-palette: #353825;
    --red-palette: #800404;
    --black-palette: #111111;
    --background-palette: #BFC1AA;
    --semi-green-palette: #A1A580;
    --background-cat: #F5F7F9;
    --border-palette: #C9C9C9;
    /* color theme */
}

.label-form {
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #000000 !important;
    margin-bottom: 5px !important;
}

.input-form {
    height: 50px !important;
    width: 100% !important;
    border: 1px solid #C9C9C9 !important;
    border-radius: 8px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #090D10 !important;
}

.is-invalid {
    border-color: #dc3545 !important;
}

.input-check {
    margin-right: 10px !important;
    background-color: var(--red-color) !important;
}

.form-check-input:checked {
    background-color: var(--discount-color) !important;
    border-color: var(--discount-color) !important;
}

.select__control {
    height: 100%;
}

body {
    background-color: var(--white-color);
    /* background-color: var(--bg-color) !important; */
}

.body-cont {
    background-color: var(--white-color);
}