:root {
  /* --primary: rgb(39, 1, 254);
  --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, 216, 1)),
    to(#3c4655)
  );

  background-image: linear-gradient(
    0deg,
    rgb(1, 203, 254),
    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
}

.resource-list-icon {
  width: 30px !important;
  top: 2px !important;
  left: -35px !important;
}

.text-base {
  font-size: 0.8rem;
}

.sidebar-icon {
  margin-right: 0rem;
  width: 0rem;
  height: 0rem;
}
.ml-8 {
  margin-left: 2.1rem;
}

.text-sm {
  font-size: 1rem;
}

.py-view {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  
}

.px-view {
  padding-left: 1.7rem !important;
  padding-right: 1.7rem !important;
}

.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.0rem !important;
}

.w-sidebar {
  width: 13rem;
}