.fi-sidebar-item.fi-active>.fi-sidebar-item-btn {
    background-color: var(--primary-50) !important;
    color: var(--primary-500) !important;
}

.fi-sidebar-item > a:hover, .fi-sidebar-item > a:hover > svg, .fi-sidebar-item > a:hover > span{
    background-color: var(--primary-50) !important;
    color: var(--primary-500) !important;
}

.fi-sidebar-nav {
    border-top: 2px solid transparent;
    border-image: linear-gradient(to right, transparent, #85C85B, transparent) 1;
    padding-left: 30px;
    padding-right: 19px;
}

.fi-main-sidebar {
    border-right: 4px solid transparent;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
    background-repeat: no-repeat;
    background-size: 4px 100%;
    background-position: right;
    min-height: 100vh;
    top: 0;
}

.fi-sidebar-open-collapse-sidebar-btn {
    border: 1px solid #D1D5DB !important;
    border-radius: 8px !important;
    width: 28px !important;
    height: 28px !important;
}

.fi-sidebar-close-collapse-sidebar-btn {
    border: 1px solid #D1D5DB !important;
    border-radius: 8px !important;
    width: 28px !important;
    height: 28px !important;
}

.dark .fi-sidebar-header {
    background-color: #18181B;
}

.fi-sidebar-header {
    display: flex !important;
    align-items: center;
    background: #FFFFFF;
}

.fi-layout {
    min-height: 100vh;
}

.fi-main-ctn {
    margin-left: -7px;
}