/* CSS Document */
:root {
  --bms-pre: #FFFFCC;
  --bms-light-gray: #E4E4E4;
  --bms-marked: #DAA8FF;
  --bms-marked-hover: #C77FFF;
  --bms-btn-sm-gradient-start: #FFFFFF;
  --bms-btn-sm-gradient-end: #DEDEDE;
  --bms-btn-sm-gradient-end-hover: #C4C4C4;
  --bms-agentOnly: #99FFFF;
  --bms-agentOnly-hover: #00EBEB;
  --bms-bg-agent: #D6EEFF;
  --bms-bg-reseller: #FBFBFB;

  --bms-color-primary: #2196F3;
  --bms-color-secondary: #0366B9;
  --bms-color-white: #FFFFFF;
  --bms-color-lineHover: #D6F5FF;
  --bms-color-levels-dr: #B42C27; /* donker rood */
  --bms-color-levels-lr: #FF0000; /* light rood */
  --bms-color-levels-tr: #FB6262; /* transparant rood */
  --bms-color-levels-o: #FFA500; /* oranje */
  --bms-color-levels-to: #FBC562; /* transparant oranje */
  --bms-color-levels-g: #008000; /* groen */
  --bms-color-levels-tg: #62AF62; /* transparant groen */
  
  /* User category colors */
  --bms-st-None: #FFFFFF;
  --bms-st-Brown: #98600B;
  --bms-st-Yellow: #FFFF94;
  --bms-st-Pink: #FF01BD;
  --bms-st-Blue: #47A3FF;
  --bms-st-Purple: #BD7AFF;
  --bms-st-Orange: #FF957A;
  --bms-st-OrangeRed: #FF5429;
  --bms-st-Grey: #BDBDBD;
  --bms-st-Green: #4CCE5D;
  --bms-st-OK: green;
  --bms-st-Problem: #E3000F;
  --bms-st-Shared: #F2AB26;

  --dev-bg: #538CB8;
  --dev-border: #FF0000;
}