.main-sidebar {
    background: linear-gradient(270deg, #12A2E0 0%, #0085BE 100%);
}

.main-sidebar .hx-sidebar-item,
.main-sidebar .hx-sidebar-item i {
    color: #ffffff;
}

.main-sidebar .hx-sidebar-item:hover,
.main-sidebar .hx-sidebar-item:hover i {
    color: #ffffff;
}

.main-sidebar .hx-sidebar-item.active,
.main-sidebar .hx-sidebar-item.active i,
.main-sidebar .hx-sidebar-item.hx-active,
.main-sidebar .hx-sidebar-item.hx-active i {
    color: #ffffff;
}

.bi-list::before{
    color: #ffffff;
}

.hx-sidebar-item.active {
    background-color: rgb(226 250 255 / 23%) !important;
    color: #ffffff;
}

.hx-sidebar-item.active .hx-sidebar-item-text {
    color: #ffffff !important;
}

.hx-sidebar-item.active .hx-sidebar-item-icon,
.hx-sidebar-item.active .hx-sidebar-item-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.hx-sidebar-item:hover {
    background-color: rgba(226, 250, 255, 0.107) !important;
    color: #ffffff;
}

.hx-sidebar-item:hover * {
    color: #ffffff !important;
    fill: #ffffff !important;
}