li.sidebar-list {
    display: block;
    width: 100%;
    padding: 5px 12px 5px 12px;
    position: relative;
}


a.sidebar-link.sidebar-title.link-nav.active {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
  
    background-color: #f4f6fd;
}


.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li {
    display: block;
    width: 100%;
    padding: 0 20px;
    position: relative;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
     font-weight: 500;
    display: flex
;
    align-items: center;
    gap: 15px;
    padding: 10px 15px;
    border-radius: 8px;
    color: black;
}


a.sidebar-link.sidebar-title.link-nav.active{
    color: #6362e7 !important;
}
a.sidebar-link.sidebar-title.active{
      background-color: #f4f6fd !important; 
}
a.sidebar-link.sidebar-title.active span{
     color: #6362e7 !important;
}

li.submenulist a.active {
    color: #6362e7 !important;
    font-weight: 600;
}

li.submenulist a {
    color: #444 !important;
    font-size: 14px;
}

li.submenulist a:hover {
    color: #6362e7 !important;
}

li.submenulist {
    margin-left: 45px;
    padding-top: 10px;
}


a.sidebar-link.sidebar-title.active svg{
 color: #6362e7 !important;
}

svg.feather
 {
  
    width: 21px !important;
}




li.sidebar-list.sp-active > a.sidebar-link.sidebar-title {
    background-color: #f4f6fd !important;
}

li.sidebar-list.sp-active > a.sidebar-link.sidebar-title span {
    color: #6362e7 !important;
}

li.sidebar-list.sp-active > a.sidebar-link.sidebar-title svg {
    color: #6362e7 !important;
}

/* For dashboard (link-nav variant) */
li.sidebar-list.sp-active > a.sidebar-link.sidebar-title.link-nav {
    background-color: #f4f6fd !important;
    color: #6362e7 !important;
}