.side_wrap {
        position: fixed;
        min-width: 270px;
        max-width: 270px;
        height: 100vh;
        overflow-y: auto;
        -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: ive; }
.heading1 {
                color: white;
                font-weight: bold;
                margin-bottom: 10px;
                margin-left: 10px;
        }
        .p-40 {
  padding: 0.5rem !important;
}
.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #161617;
  .sidebar-menu > li {
    position: relative;
    margin: 0;
    padding: 0; }
    .sidebar-menu > li > a {
      padding: 12px 5px 12px 1px;
      display: block;
      border-left: 0px solid transparent;
      color: #b8c7ce; }
      .sidebar-menu > li > a > .fa {
        width: 30px; }
    .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
      color: black;
      transition: color 0.3s ease;
      border-radius: 8px;
      background: white;
      border-left-color: #4c5255; }
    .sidebar-menu > li > .treeview-menu {
      margin: 0 1px;
      background: #35393c;
      color: #fff;
    }
    .sidebar-menu > li .label,
    .sidebar-menu > li .badge {
      margin-top: 3px;
      margin-right: 5px; }
  .sidebar-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 14px;
    color: white;
    background: #1a2226; }
  .sidebar-menu li > a > .fa-angle-right {
    width: auto;
    height: auto;
    padding: 6px;
    margin-right: 19px;
    margin-top: 3px; }
  .sidebar-menu li.active > a > .fa-angle-right {
    transform: rotate(+90deg); }
  .sidebar-menu li.active > .treeview-menu {
    display: block; }
  .sidebar-menu a {
    color: #b8c7ce;
    text-decoration: none; }
  .sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 10px; }
    .sidebar-menu .treeview-menu .treeview-menu {
      padding-left: 10px; }
    .sidebar-menu .treeview-menu > li {
      margin: 0; }
      .sidebar-menu .treeview-menu > li > a {
        padding: 7px 5px 5px 15px;
        display: block;
        font-size: 13px;
        color: white; }
        .sidebar-menu .treeview-menu > li > a > .fa {
          width: 20px; }
        .sidebar-menu .treeview-menu > li > a > .fa-angle-right,
        .sidebar-menu .treeview-menu > li > a > .fa-angle-down {
          width: auto; }
      .sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover {
              border-radius: 8px;
              transition: color 0.3s ease;
        color: black; }
        .sidebar-menu ul li a:hover {
  background: #8281a4;
  border-radius: 0px 0px 0px 0px;
  color: black;
  transition: color 0.3s ease;
}
        .heading1 {
                color: white;
                font-weight: bold;
                margin-bottom: 10px;
                margin-left: 10px;
        }
        .p-40 {
  padding: 0.5rem !important;
}
   /* body {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
  background: #fafafa;
  color: white;
}*/
.sidebar-menu ul li a:hover {
    background: #6a64f1;
    border-radius: 0px 0px 0px 0px;
    color: black;
    transition: color 0.3s ease;
}
.wrapper {
  width: 100%; }
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }