:root {
  --white-color:#fff;
  --black-color:#000;

  --white-grey: #fff;
  --black-grey: #000;

  --dark-grey:#333;
  --dark-grey-opacity: rgba(51, 51, 51, 0.1);
  --dark-grey-2:#555;
  --grey: #999999;
  --grey-2: #777777;
  --half-grey: #cccccc;
  --light-grey: #d8d8d8;
  --light-grey-2: #ececec;
  --storm-gray-400: #93939D;
  --super-light-grey: #f7f7f7;
  --super-light-grey-2: #fdfdfd;
  --light-blue: #3E9DB6;
  --light-pink: #CA5279;
  --light-green: #61B347;
  --light-purple: #90207F;


  --btn-att-bg-black: #2d2d2d;
  --btn-att-bg-black-hover: #424242;
  --btn-att-text-black: #fff;
  --btn-att-hollow-black-disable: #d8d8d8;

  --box-shadow-1: #ffffff;
  --box-shadow-2: #b3b3b3;
  --box-shadow-light: #999999;
  --box-shadow-main: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #b3b3b3;
  --box-shadow-hover: 0 3px 8px #999999;

  --form-control: #fff;
  --form-control-focus-box-shadow: #f78e1e;

  --primary-color: #f78e1e;
  --primary-color-opacity: rgba(255, 158, 15, 0.05);
  --primary-alpha:rgba(255, 213, 134, 0.5);
  --primary-1: #b35d40;
  --primary-2: #fb9a20;
  --primary-3: #fff0eb;
  --secondary-color:#fff4e0;
  --success-color:#3CBD20;
  --danger-color:#ff0022;
  --dark-danger:#d0001c;
  --danger-alpha:#ff00220d;
  --warning-color:#ff7403;
  --info-color:#2cc3ff;
  --yellow-color: #fff200;

  --menu-icon-color: #555555;
  --dialog-bg: #ffffff;
  --dialog-bg-2: #ececec;
  --dialog-sec-color: #999999;

  --body-bg:#f7f7f7;
  --nav-topbar-bg:#ffffff;
  --nav-footer-bg:#f7f7f7;
  --nav-sidebar-bg:#1b1b1b;
  --nav-sidebar-icon-disabled: #555555;
  --nav-sidebar-submenu-bg: #1b1b1b;
  --topbar-bg:#ffffff;
  --topbar-fonts-color:#73818f;
  --sidebar-bg:#ffffff;
  --sidebar-fonts-color:#fff;
  --content-container: #fafafa;
  --card-bg:#fff;
  --comp-border:#e4e3e3;
  --border-color: #ececec;
  --table-border-color:#e4e3e3;
  --table-row-odd: #ffffff;
  --table-row-even: #fdfdfd;
  --table-row-hover: #f7f7f7;
  --table-row-hover-alpha: rgba(216, 216, 216, 0.369);
  --std-chip-bg: #d8d8d8;
  --std-chip-color: #000000;
  --chart-item-bg: #ffffff;
  --split-whitebox: #ffffff;
  --toggle-bg: rgba(255, 158, 15, 0.3);
  --highlight-bg: #d8d8d8;
  --highlight-text: rgba(255, 158, 15, 0.5);
  --caret-menu-icon: #000000;
  --content-split-side: #f7f7f7;
  --disabled-input: #ececec;
  --disabled-button: rgba(0, 0, 0, 0.12);
  --placeholder-color: #999999;
  --overlay-bg: rgba(0,0,0,0.4);
  --surface-high-emphasis: rgba(0, 0, 0, 0.87);
  --icon-invert: 0.8;
  --icon-invert-hover: 0.7;
  --icon-invert-active: 0.3;
  --icon-saturate: 5;

  --item-hover: #f7f7f7;
  --item-active: #ececec;

  --scroll-ag-bg: #f7f7f7;
  --scroll-ag-thumb: #d8d8d8;

  --fonts-color: #333333;
  --fonts-color-2: #777777;

  --fonts-color-on-white: #333333;
  --fonts-color-on-white-2: #999999;
  --fonts-color-on-black: #ececec;
  --fonts-color-on-black-2: #d8d8d8;

  --chipbg1: #389DB7;
  --chipbg2: #5EB43F;
  --chipbg3: #CC5078;
  --chipbg4: #911980;
  --chipbg5: #FFF3ED;
  --chipbg6: #E2EDFE;
  --chipbg7: #0B42B4;
  --chipbg8: #006579;
  --chipbg9: #FFF1C0;
  --chipbg10: #A97155;
  --chipbg11: #F7F7F7;

  --chipbr5: #ffe1f2;
  --chipbr6: #d9fff7;

  --chip-creator-bg: #ffffff;
  --chip-creator-color: #1B6ED2;
  --chip-creator-border: #b2d2d2;

  --chipcolor1: white;
  --chipcolor2: white;
  --chipcolor3: white;
  --chipcolor4: white;
  --chipcolor5: #F28240;
  --chipcolor6: #104ca4;
  --chipcolor7: white;
  --chipcolor8: white;
  --chipcolor9: white;
  --chipcolor10: white;
  --chipcolor11: #777777;

  --chipborder1: #389DB7;
  --chipborder2: #5EB43F;
  --chipborder3: #CC5078;
  --chipborder4: #911980;
  --chipborder5: #FFF3ED;
  --chipborder6: #E2EDFE;
  --chipborder9: #FFF1C0;
  --chipborder10: #A97155;
  --chipborder11: #D8D8D8;

  --chip-bg-publish: #006579;
  --chip-color-publish: #ffffff;
  --chip-border-publish: #006579;

  --chip-bg-active: #f78e1e;
  --chip-color-active: #ffffff;
  --chip-border-active: #f78e1e;

  --chip-bg-success: #3CBD20;
  --chip-color-success: #ffffff;
  --chip-border-success: #3CBD20;

  --chip-bg-fail: #d0001c;
  --chip-color-fail: #ffffff;
  --chip-border-fail: #d0001c;

  --chip-bg-plain: #999;
  --chip-color-plain: #fff;
  --chip-border-plain: #999;

  --chip-bg-info: #547CFF;
  --chip-color-info: #fff;
  --chip-border-info: #547CFF;

  --chip-bg-warn: #9F792B;
  --chip-color-warn: #fff;
  --chip-border-warn: #9F792B;

  --noti-bg-high: #ff3636;
  --noti-bg-medium: #FF8621;
  --noti-bg-low: #ffc753;
  --noti-bg-info: #547CFF;

  --noti-text-high: #fff;
  --noti-text-medium: #fff;
  --noti-text-low: #fff;
  --noti-text-info: #fff;

  --noti-border-high: #ff3636;
  --noti-border-medium: #FF8621;
  --noti-border-low: #ffc753;
  --noti-border-info: #547CFF;

  --high-bg: #f7d1d1;
  --medium-bg: #ffdcbf;
  --low-bg: #fff59e;
  --info-bg:#dfe6fd;

  --nav-noti-high: #C70000;
  --nav-noti-medium: #FF8621;
  --nav-noti-low: #ffc753;
  --nav-noti-info: #547CFF;

  --alert-text-plain: #777777;
  --alert-text-info: #4e74ff;
  --alert-text-warning: #9f792b;
  --alert-text-danger: #9f2b2b;

  --alert-bg-plain: #f7f7f7;
  --alert-bg-info: #edf8ff;
  --alert-bg-warning: #feffa4;
  --alert-bg-danger: #ffe8e8;

  --alert-border-plain: #ececec;
  --alert-border-info: #b7e3ff;
  --alert-border-warning: #ffe38e;
  --alert-border-danger: #fcd0d0;

  --alert-icon: #ffd400;

  --container-bg: #fff;
  --btn-banner-color: #1079a8;
  --lic-header-text: #fff;
  --project-att-label: #ececec;
  --collapse-btn: #fff;

  --filter-border-group: #d8d8d8;
  --filter-bg-group: #d8d8d8;

  --filter-border-filter: #ececec;
  --filter-bg-filter: #ececec;

  --tutorial-bg: #FDE8D2;
  --tutorial-bg-overlay: rgba(0, 0, 0, 0.25);
}