: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-blue-shade-2: rgba(33, 124, 187, 0.08);
    --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-red-shade-1: rgba(238, 75, 43, 0.5);
    --trimble-color-red-shade-2: rgba(218, 33, 44, 0.08);
    --trimble-color-white: #ffffff;
    --trimble-color-offwhite: #fcfbfc;
    --trimble-color-green: #1e8a44;
    --trimble-color-green-dark: #006638;
    --trimble-color-green-shade-2: rgba(30, 138, 68, 0.08);
    --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: 55px;
    --footer-height: 45px;
    --content-height: calc(100vh - 90px);
    --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;
}