body {
  padding: 0;
  margin: 0;
}
#root {
  width: 100vw;
  height: 100vh;
}

:root {
  --primary: #1ecbce;
  --primary-light: #4be8eb;
  --primary-dark: #16b1bd;
  --danger: #ff6161;
  --danger-light: #ff837d;
  --danger-dark: #ff5252;
  --success: #ff6161;
  --success-light: #ff837d;
  --success-dark: #ff5252;
  --link: #44aaff;
  --fs: 12px;
  --fs-small: 12px;
  --fs-large: 14px;
  --icon: #8899bb;
  --disabled: #999999;
  --bd-color: #dbe1ea;
  --color: #333333;
  --color-dark: #000000;
  --color-light: #000000;
  --sider-size: 330px;
  --app-header-color: #ffffff;
  --app-header-bg: #001529;
  --nav-height: 44px;
  --nav-bg: rgba(26, 34, 51, 1);
  --nav-sub-bg: rgba(255, 255, 255, 1);
  --nav-sub-bg2: rgba(26, 34, 51, 0.05);
  --nav-item-bg-selected: rgba(255, 255, 255, 0.1);
  --nav-item-color: rgba(255, 255, 255, 1);
  --nav-item-color-selected: rgba(30, 203, 206, 1);
  --nav-sub-item-bg-selected: rgba(255, 255, 255, 1);
  --nav-sub-item-color-selected: rgba(30, 203, 206, 1);
  --nav-sub-item-color: rgba(51, 51, 51, 1);
  --nav-bd-color: rgba(255, 0, 0, 1);
  --tab-height: 44px;
  --tab-bg: #dbe1ea;
  --tab-item-bg: #e7ecf2;
  --tab-item-height: 32px;
  --tab-item-color: rgba(170, 181, 201, 1);
  --tab-item-selected-bg: #f3f6f9;
  --tab-item-selected-color: #1ecbce;
  --table-bg: #ffffff;
  --table-head-bg: rgba(219, 225, 234, 1);
  --table-bd: rgba(243, 246, 249, 1);
  --table-row-hover-color: rgba(239, 255, 255, 1);
  --drawer-title-height: 44px;
  --drawer-title-bg: #ffffff;
  --drawer-divider-color: #e8e8e8;
  --drawer-footer-height: 44px;
  --drawer-footer-bg: #ffffff;
  --drawer-content-bg: #f3f6f9;
  --modal-title-height: 44px;
  --modal-title-bg: #ffffff;
  --modal-divider-color: #e8e8e8;
  --modal-footer-height: 44px;
  --modal-footer-bg: #ffffff;
  --modal-content-bg: #f3f6f9;
  --card-image-radius: 0px;
  --card-image-bg: #dbe1ea;
  --card-radius: 0px;
  --card-content-bg: #ffffff;
  --card-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  --card-bd-color: #dbe1ea;
  --card-hover-bd-color: #1ecbce;
  --card-footer-bg: #dbe1ea;
  --content-box-bg: rgba(0, 0, 0, 0);
  --content-two-column-box-left-bg: #ffffff;
  --content-two-column-box-right-bg: #f0f2f5;
  --content-two-column-box-color: #333333;
  --content-info-box-bg: #ffffff;
  --content-info-box-bd-color: #dbe1ea;
  --content-info-box-title-bg: rgba(0, 0, 0, 0);
  --content-info-box-title-bd: rgba(0, 0, 0, 0);
  --content-info-box-title-height: 40px;
  --content-list-box-bg: #ffffff;
  --content-list-box-bd-color: #dbe1ea;
  --content-list-box-title-bg: rgba(0, 0, 0, 0);
  --content-list-box-title-bd: rgba(0, 0, 0, 0);
  --content-list-box-title-height: 40px;
  --content-tools-box-bg: #ffffff;
  --form-redius: 0px;
  --form-bg: #ffffff;
  --form-bd: rgba(181, 190, 207, 1);
  --form-bg-dark: #ccc;
  --form-bg-light: #eee;
  --form-divider-color: eee;
  --scrollbar-width: 10px;
  --scrollbar-track-bg: rgba(255, 255, 255, 1);
  --scrollbar-thumb-bg: rgba(219, 225, 234, 1);
  --scrollbar-thumb-hover-bg: rgba(214, 220, 231, 1);
  --scrollbar-track-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.1) inset;
  --scrollbar-thumb-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) inset;
  --force-place: rgba(208, 2, 27, 1);
  --force-device: rgba(74, 144, 226, 1);
  --force-person: rgba(208, 2, 27, 1);
  --force-vehicle: rgba(189, 16, 224, 1);
}
