:root {
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-blue: #4674de;
  --color-blue-active: #3369e7;
  --color-yellow: #ffc107;
  --color-red: #ff0000;
  --color-green: #00ff00;
  --color-orange: #ff8c00;
  --color-skyblue: #00ffff;
  --color-dodgerblue: #1e90ff;
  --color-mediumpurple: #ad9ae8;
  --color-violet: #b84592;
  --color-line: #E9E9E9;
  --color-line: #d1d2d4;
  --color-line-soft: #E9E9E9;
  --color-line-menu-top: #eceef2;
  --color-text: #2c3136;
  --color-primary: #3369e7;
  --color-success: #11b671;
  --color-warning: #ffc168;
  --color-info: #00aeff;
  --color-default: #e8eaf1;
  --color-danger: #fe3535;
  --color--input-placeholder: #8f8f8f;
  --color-upload-text: #8989a7;
  --color-bg-ws: #f5f6f8;
  --color-sidebar: #f7f7f7;
  --color-sidebar-modal: #EEEEFC;
  --color-sidebar-bg-mobile-menu: #f6f8fb;
  --color-body-module: #f9f9f9;
  --color-icon-grid: #7c8288;
  --color-close-modal: #7c8288;
  --color-bg-gray: #e8eaf1;
  --color-bg-gray-hover: rgb(148 158 183);
  --color-bg-box-info-modal: #ffffff;
  --color-close-modal-hover: #eb4646;
  --color-btn-hover: #4674de;
  --color-btn-hover-light: #D1E4FC;
  --color-btn-disabled: #dededf;
  --color-tab-bg-menu-top: #f1f3f9;
  --color-inner-form: #e0e4ec;
  --color-inner-form-head: #edeff4;
  --color-inner-upfile: #d3d8f4;
  --color-tab-hover-bg: #ecf0f1;
  --color-btn-icon-input: rgb(148 158 183);
  --color-whatsapp: #25d366;
  --color-modal-bg: #F2F2F2;
  --color-odd: #f2f3f9;
  --color-odd-hover: #dbdde8;
  --color-blue-soft: #c8d1e5;
  --border-radius: 5px;
  --color-sidebar-icon: #0070f6;
}
.colorDanger {
  color: var(--color-danger);
}