:root {
 --bg-color: #EEEEED;
 --bg-card: #FBFBFB;
 --bg-card-optional-1: #D5D5D5;
 --bg-card-optional-2: #DEDEDE;
 --bg-card-navbar: #E6E6E6;
 --bg-card-back: #DADEE3;
 --bg-table: #F7F7F7;
 --bg-table-hover: #E6E6E6;
 --bg-hover-optional-1: #F5F5F5;
 --bg-hover-optional-2: #EAEAEA;
 --color-line: #DADEE3;
 --color-field: #D0D6DD;
 --color-field-active: #5C9CFF;
 --color-info: #3A4248;
 --color-secondary: #58606E;
 --color-place-holder: #9CA2A8;
 --color-primary: #3E88FB;
 --color-success: #0BAA22;
 --color-warning: #FFBD3A;
 --color-danger: #FE635B;
 --color-light: #E6E6E6;
 --color-dark: #000000;
 --color-highlight: #235E88;
 --bg-nav: #fbfbfb;
 --color-hover-nav: #eaeaea;
 --color-icon-text: #778396;
}