:root {
  /*Body*/
  --fcBody: #333;
  --bgColorBody: #fff;
  /*Header/Footer*/
  --fcHeaderFooter: #fff;
  --bgColorHeaderFooter: #007acc;
  --borderColorHeaderFooter: #007acc;
  /*Content*/
  --fcContent: #000;
  --bgColorContent: #f5f5f7;
  --borderColorContent: #cccedb;
  /*Activated*/
  --fcActived: #000;
  --bgColorActived: #007acc;
  --borderColorActived: #cccedb;
  /*Hovered*/
  --fcHover: #000;
  --bgColorHover: #c9def5;
  --borderColorHover: #c9def5;
  /*Pressed*/
  --fcPressed: #fff;
  --bgColorPressed: #007acc;
  --borderColorPressed: #007acc;
  /*Disabled*/
  --fcDisabled: #808080;
  --bgColorDisabled: #fff;
  --borderColorDisabled: #8e9bbc;
  /*Formgroup Header*/
  --fcGroupHeader: #fff;
  --bgColorGroupHeader: #007acc;
  /*Grid Header*/
  --fcGridHeader: #000;
  --bgColorGridHeader: #f5f5f7;
  /*Tab*/
  --borderColorTab: transparent;
  /*Link*/
  --fcLink: blue;
  /*Welcome*/
  --fcWelcomeHeader: #7a9fc7;
  /*Colored Background*/
  --fcColoredBg: #333;
  /*Grid Row*/
  --bgColorRowRed: #edc9c9;
  --bgColorRowGreen: #c9ecc9;
  --bgColorRowYellow: #f6f5d2;
  /*Stars*/
  --colorStar: orange;
  /*Success*/
  --bgColorSuccess: #e8f4cc;
  /*Hint*/
  --bgColorHint: #cbe8f6;
  --borderColorHint: #6bc7f3;
  /*Warning*/
  --fcWarning: darkorange;
  --bgColorWarning: #fff4d8;
  --borderColorWarning: orange;
  /*Error*/
  --fcError: red;
  --borderColorError: red;
  --bgColorError: #ffcdd2;
  /*Priority*/
  --fcHighPriority: red;
  --fcMediumPriority: orange;
  --fcLowPriority: green;
}