:root {
  /* --primary: rgb(254, 1, 129, 1);
  --primary-dark: rgb(209, 0, 105, 1);
  --primary-70: rgba(254, 1, 129, 0.7);
  --primary-50: rgba(254, 1, 129, 0.5);
  --primary-30: rgba(254, 1, 129, 0.3);
  --primary-10: rgba(254, 1, 129, 0.1);
  --logo: #430051;
  --sidebar-icon: #db34de; */

  --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:#252d37;
    --sidebar-icon:#b3c1d1;
    
}

.bg-grad-sidebar {
  /* background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(254, 1, 129, 1)),
    to(#3c4655)
  );

  background-image: linear-gradient(
    0deg,
    rgb(254, 1, 129, 1),
    rgb(100, 5, 113)
  ); */

  background-image:-webkit-gradient(linear,left bottom,left top,from(#7e8ea1),to(#3c4655));
  background-image:linear-gradient(0deg,#7e8ea1,#3c4655);
  background-attachment:fixed
}