:root {
  --trimble-color-blue: #0063a3;
  --trimble-color-blue-dark: #004f83;
  --trimble-color-blue-dark-2: #0e416c;
  --trimble-color-blue-light: #217cbb;
  --trimble-color-blue-shade-1: rgba(33, 124, 187, 0.5);
  --trimble-color-gray-0: #e0e1e9;
  --trimble-color-gray-dark: #464b52;
  --trimble-color-gray-dark-half: rgb(var(--trimble-color-gray-dark), 0.1);
  --trimble-color-gray-medium: #a3a6b1;
  --trimble-color-yellow: #fbad26;
  --trimble-color-yellow-light: #fec157;
  --trimble-color-yellow-pale: #fff5e4;
  --trimble-color-red: #da212c;
  --trimble-color-red-light: #e86363;
  --trimble-color-red-pale: #fbd4d7;
  --trimble-color-white: #ffffff;
  --trimble-color-offwhite: #fcfbfc;
  --trimble-color-green: #1e8a44;
  --trimble-color-green-dark: #006638;
  --trimble-color-green-light: #4ea646;
  --trimble-color-green-light-1: #00fe00;
  --trimble-color-avoidance: #df4eb2;
  --trimble-color-avoidance-shade-1: rgba(223, 78, 178, 0.5);
  --spinner-bar1-color: #754fa0;
  --spinner-bar2-color: #09b7bf;
  --spinner-bar3-color: #90d36b;
  --spinner-bar4-color: #f2d40d;
  --spinner-bar5-color: #fcb12b;
  --spinner-bar6-color: #ed1b72;
  --black-light: #252a2e;
  --sider-width: 250px;
  --header-height: 45px;
  --footer-height: 65px;
  --content-height: calc(100vh - 126px);
  --ant-black: #001529;
  --white-shade-1: rgba(237, 234, 222, 0.2);
  --white-shade-2: rgba(237, 234, 222, 0.3);
  --white-shade-3: rgba(252, 251, 252, 1);
  --white-shade-4: #fafafa;
  --white-shade-5: rgba(250, 249, 246, 0.1); /*--trimble-color-offwhite*/
  --black-shade-1: rgba(0, 0, 0, 0.05);
  --black-shade-2: rgba(0, 0, 0, 0.5);
  --bottom-box-shaddow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  --logo-height: 150px;
  --dot-color: #28a745;
  --font-family-roboto: "Roboto", sans-serif;
  --font-family-roboto-flex: "Roboto Flex", sans-serif;
  --font-family-calibri: "Calibri", sans-serif;
}