:root {
    --link: #4b1bdb;
    --angle: 0deg;
    --text_dark: #383838;
    --text_light: #d1d1d1;
    --text_print: #000000;
    --button: #4d498a;
    --button1: #e9e9e9;
    --button2: #f9f9f9;
    --button_border: #dcdcdc;
    --button_color: #383838;
    --color1: #4d498a;
    --navbar: #2F2F2F;
    --domain: #cccccc;
    --background: #D4D4D4;
    --background_print: #FFFFFF;
    --background_body_print: #2E2E2E;
    --card_header_bg: #F7F7F7;
    --card_header_border_width: 1px;
    --card_header_border_color: #eeeeee;
    --card_body_bg: #FFFFFF;
    --input_bg: #eeeeee;
    --input_bg_light: #eeeeee;
    --menu_bg: #EDECEB;
    --gridline: #EEEEEE;
    --menu_separator: #d4d4d4;
    --border-ligth: #EDECEB;
    --border: #dddddd;
    --border_dark: #757575;
    --modal_footer: #F7F7F7;
    --page_link_bg: #cccccc;
    --page_link_bg_hover: #EDECEB;
    --progressbar: #4d498a;
    --badge-primary: #0E8ED0;
    --badge-secondary: #EDEDED;

    /* chart */
    --chart_trend: #e24358;
    --chart_color1: #4d498a;
    --chart_color2: #a1b0e3;
    --chart_color3: #2ca089;
    --chart_color4: #ff9955;
    --chart_color5: #8a6f91;
    --chart_color6: #d35f8d;
    --chart_color7: #6f7c91;
    --chart_color8: #89a02c;
    --chart_color9: #916f6f;
    --chart_color10: #d35f5f;
    --chart_color11: #918a6f;
    --chart_color12: #6f8a91;
    --chart_color13: #c8ab37;
    --chart_color14: #999999;
    --chart_color15: #9e5173;
    --chart_color16: #355c7d;
    --chart_color17: #506266;
    --chart_color18: #668284;
    --chart_color19: #697060;
    --chart_color20: #d3c8b4;

}