.invoice-tab .nav-item,
.kanban-tabs .nav-item,
.profile-tabs .nav-item {
    margin-bottom: 0
}

    .invoice-tab .nav-item .nav-link,
    .kanban-tabs .nav-item .nav-link,
    .profile-tabs .nav-item .nav-link {
        position: relative;
        padding: .7rem 0;
        margin: 0 1rem;
        font-weight: 500;
        color: var(--bs-body-color);
        display: inline-flex;
        align-items: center
    }

        .invoice-tab .nav-item .nav-link i,
        .kanban-tabs .nav-item .nav-link i,
        .profile-tabs .nav-item .nav-link i {
            font-size: 18px
        }

        .invoice-tab .nav-item .nav-link .material-icons-two-tone,
        .kanban-tabs .nav-item .nav-link .material-icons-two-tone,
        .profile-tabs .nav-item .nav-link .material-icons-two-tone {
            font-size: 20px
        }

        .invoice-tab .nav-item .nav-link:after,
        .kanban-tabs .nav-item .nav-link:after,
        .profile-tabs .nav-item .nav-link:after {
            content: "";
            background: var(--bs-primary);
            position: absolute;
            transition: all .3s ease-in-out;
            left: 50%;
            right: 50%;
            bottom: -1px;
            height: 2px;
            border-radius: 2px 2px 0 0
        }

.invoice-tab .nav-link:hover,
.kanban-tabs .nav-link:hover,
.profile-tabs .nav-link:hover {
    border-color: transparent;
    background-color: transparent;
    color: var(--bs-primary)
}

    .invoice-tab .nav-link:hover .material-icons-two-tone,
    .kanban-tabs .nav-link:hover .material-icons-two-tone,
    .profile-tabs .nav-link:hover .material-icons-two-tone {
        background-color: var(--bs-primary)
    }

.invoice-tab .nav-item.show .nav-link,
.invoice-tab .nav-link.active,
.kanban-tabs .nav-item.show .nav-link,
.kanban-tabs .nav-link.active,
.profile-tabs .nav-item.show .nav-link,
.profile-tabs .nav-link.active {
    border-color: transparent;
    background-color: transparent;
    color: var(--bs-primary)
}

    .account-tabs .nav-link:hover .material-icons-two-tone,
    .invoice-tab .nav-item.show .nav-link .material-icons-two-tone,
    .invoice-tab .nav-link.active .material-icons-two-tone,
    .kanban-tabs .nav-item.show .nav-link .material-icons-two-tone,
    .kanban-tabs .nav-link.active .material-icons-two-tone,
    .profile-tabs .nav-item.show .nav-link .material-icons-two-tone,
    .profile-tabs .nav-link.active .material-icons-two-tone {
        background-color: var(--bs-primary)
    }

    .invoice-tab .nav-item.show .nav-link:after,
    .invoice-tab .nav-link.active:after,
    .kanban-tabs .nav-item.show .nav-link:after,
    .kanban-tabs .nav-link.active:after,
    .profile-tabs .nav-item.show .nav-link:after,
    .profile-tabs .nav-link.active:after {
        left: 0;
        right: 0
    }