.nt-li:focus,
.nt-li.active {
    background-color: #f9fafb;
}

    .nt-li:focus *,
    .nt-li.active * {
        color: black !important;
    }

.nt-li > .d-flex:hover {
    background-color: #f8f9fa;

}

.child-A {
    color: rgb(64, 64, 64);
    font-weight: 600;
}

    .child-A > * a {
        color: rgb(64, 64, 64) !important;
        cursor: pointer;
    }

.child-B {
    color: #1c84c6;
    font-weight: 400 !important;
}

    .child-B > * a {
        color: #1c84c6 !important;
        cursor: pointer;
    }

.child-C {
    color: #1ab394;
    font-weight: 300 !important;
}

    .child-C > * a {
        color: #1ab394 !important;
        cursor: pointer;
    }

.child-D {
    color: #cd3dbf;
    font-weight: 200 !important;
}

    .child-D > * a {
        color: #cd3dbf !important;
        cursor: pointer;
    }


.child-E {
    color: #7c7c7c;
    font-weight: 100 !important;
}

    .child-E > * a {
        color: #7c7c7c !important;
        cursor: pointer;
    }

.child-F {
    color: #62e9ff;
}
    .child-F > * a {
        color: #62e9ff !important;
        cursor: pointer;
    }