:root {
    --primary: #121347 !important;
    --secondory: #fad7c5 !important;
}

.sidebar-link {
    display: inline-block;
    padding: 6px 0;
    color: #333;
    text-decoration: none;
}

    .sidebar-link:hover {
        color: var(--primary);
    }

.sidebar-sublink {
    display: block;
    padding: 4px 0;
    color: #555;
}

    .sidebar-sublink:hover {
        color: var(--primary);
    }

    .sidebar-link.active,
    .sidebar-sublink.active {
        color: var(--primary) !important;
        font-weight: 600;
    }

.collapse-btn {
    background: none;
    border: none;
    font-size: 20px;
    line-height: 20px;
    padding: 0 6px;
    cursor: pointer;
    color: #333;
}

    .collapse-btn:hover {
        color: var(--primary);
    }

    .collapse-btn:focus {
        outline: none;
    }


.ttm-btn i {
    display: inline-block;
    vertical-align: middle;
    text-align: inherit;
    margin-left: 0px !important;
}