:root {
  --transparent: transparent;
  --black: #22292f;
  --white: #fff;
  --white-50: hsla(0,0%,100%,.5);
  --danger: #e74444;
  --success: #21b978;
  --warning: #ffeb3b;
  --info: #03a9f4;
  --primary: #4099de;
  --primary-dark: #297ec0;
  --primary-70: rgba(64,153,222,.7);
  --primary-50: rgba(64,153,222,.5);
  --primary-30: rgba(64,153,222,.3);
  --primary-10: rgba(64,153,222,.1);
  --logo: #FFF;
  --sidebar-icon: #b3c1d1;
  --20: #f6fbff;
  --30: #f4f7fa;
  --40: #eef1f4;
  --50: #e3e7eb;
  --60: #bacad6;
  --70: #b3b9bf;
  --80: #7c858e;
  --90: #3c4b5f;
  --90-half: rgba(40,54,61,.5);
  --warning-light: #fff382;
  --warning-dark: #684f1d;
  --success-light: #c6f6d5;
  --success-dark: #38a169;
  --danger-light: #fed7d7;
  --danger-dark: #e53e3e;
  --info-light: #bee3f8;
  --info-dark: #3182ce;
}

.bg-grad-sidebar {
  background: #000;
}