: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-sub-table: #F2F2F2;
 --color-active-table: #DAE7FB;
 --color-search-border: #CED2D5;
 --color-highlight: #235e88;
 --bg-nav: #fbfbfb;
 --color-hover-nav: #eaeaea;
 --color-icon-text: #778396;
 --color-dark-or-light: #ffffff;
 --v2-color-text-info: #202125;
 --v2-color-text-secondary: #676A6F;
 --v2-color-text-placeholder: #979898;
 --v2-color-border-input: #B3D7FF;
 --v2-color-select-input: #E3F5FF;
 --v2-color-hover: #ECF3F7;
 --v2-color-border: #DBDCDF;
 --v2-color-bg-card: #FFFFFF;
 --v2-color-bg: #F1F3F4;
 --v2-color-primary: #3872E1;
 --v2-color-primary-hover: #004EE2;
 --v2-color-success: #1FA700;
 --v2-color-warning: #FFAD00;
 --v2-color-danger: #ED4234;
}