:root {
  --transparent: transparent;
  --black: #333;
  --white: #fff;
  --white-50: rgba(255, 255, 255, 0.5);
  --danger: #DA4E4E;
  --success: #30AB76;
  --warning: #DCCD49;
  --info: #47B6E8;
  --primary: #2a4274;
  --primary-dark: #1b2a4b;
  --primary-70: rgba(88, 159, 214, 0.7);
  --primary-50: rgba(88, 159, 214, 0.5);
  --primary-30: rgba(88, 159, 214, 0.3);
  --primary-10: rgba(88, 159, 214, 0.1);
  --logo: ;
  --sidebar-icon: #EEEEEE;
  /* --20: rgb(255, 255, 255);
  --30: rgb(229, 229, 229);
  --40: rgb(204, 204, 204);
  --50: rgb(179, 179, 179);
  --60: rgb(153, 153, 153);
  --70: rgb(128, 128, 128);
  --80: rgb(102, 102, 102);
  --90: rgb(77, 77, 77);
  --90-half: rgba(40, 54, 61, 0.5); */
}

.bg-grad-sidebar {
background-image: linear-gradient(0deg, #2a4274 0%, #1b2a4b 100%);
}