body{
  --border: #555555;
  --primary-color: #5090C1;
  --primary-border: var(--primary-color);
  --nav-active-color: var(--primary-color);
  --bar-bg: #e7f2f8;

  /* MAIN COLORS */
  --site-bg: #FFFFFF;
  --page-content-bg: var(--site-bg);
  --site-second-bg: #eef5fa;
  --main-color: #393939;

  /* NAVBAR */
  --navbar-bg: #404040;
  --navbar-active-bg: #f3faff;

  /* SIDEBAR */
  --sidebar-bg: #DBDBDB;
  --sidebar-color: #5a5a5a;
  --rgba: rgba(255, 255, 255, 0.5);

  /* WIDGET */
  --widget-headline-bg: var(--primary-color);
  --widget-headline-border: var(--primary-color);
  --widget-border-color: var(--primary-color);
  --widget-toolbox-bg: #EEEEEE;
  --widget-border: var(--primary-color);

  /* TABLE */
  --table-odd-bg: #f9f9f9;
  --table-even-bg: var(--site-bg);
  --table-color: var(--main-color);
  --table-border: #ddd;
  --table-headline: #f2f2f2;

  /* BUTTON */
  --button-bg: var(--site-bg);
  --button-border: var(--primary-color);

  /* INPUT */
  --input-bg:var(--site-bg);
  --input-color:#858585;
  --input-border: #D5D5D5;
}