: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-version: #ae3047;
  --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;
}