:root {
    --bg-body: #f7f7f7;
    --color-body: darkslategrey;
    --bg-panel: white;
    --bg-btn: linear-gradient(to bottom, #fff, #fff);
    --color-btn: darkslategrey;
    --bg-page-link: white;
    --color-page-link: inherit;
    --color-table: inherit;
    --bg-table-foot: #fff2e0;
    --color-table-foot: darkslategrey;
    --bg-table-head: #03aed2;
    --color-table-head: white;
    --bg-table-row-even: #f8fafd;
    --bg-table-row-odd: white;
    --bg-white: white;
    --bg-dark: #2b2b2b;
    --bg-success: #0abab5;
    --color-success: white;
    --bg-info: #4da8da;
    --color-info: white;
    --bg-primary: #578fca;
    --color-primary: white;
    --bg-danger: #ff6363;
    --color-danger: white;
    --bg-warning: #ff9d3d;
    --color-warning: white;
    --text-primary: #578fca;
    --text-info: #4da8da;
    --text-warning: #ff9d3d;
    --text-success: #0abab5;
    --text-danger: #ff6363;
    --text-dark: darkslategrey;
    --bg-header: #0088ec;
    --bg-muted: #a0a0a0;
    --bg-modal-body: #fffdf6;
    --bg-table-head: #0088ec;
    --bg-header: #0088ec;
    --bg-btn-selected: #be5985;
    --bg-badge: #f7f7f7;
    --bg-success-light: #0abab588;
    --bg-danger-light: #ff636388;
    --bg-primary-light: #578fca88;
    --bg-info-light: #4da8da88;
    --bg-warning-light: #ff9d3d88;
    --bg-header: var(--bg-info);
    --bg-table-head: var(--bg-info);
    --bg-body: white;
}