.treeNode {
    cursor: pointer;
    position: relative;
    width: 20px;
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
    color: #212529;
}

.expanded {
    transform: rotate(90deg); /* Rotate arrow on expansion */
}

#TreeContainer a {
    color: #212529;
    text-decoration: none;
}

    #TreeContainer a:hover {
        color: blue;
        text-decoration: underline;
    }


.nodeDetail {
    display: grid;
    gap: 3px;
    align-items: center;
    grid-template-columns: auto auto 1fr;
    padding: 1px 0px;
    border-radius:5px;
}

    .nodeDetail:hover {
        background-color: #ffd800 !important;
    }

    .nodeDetail .addlink {
        padding-right: 5px;
        display: none;
    }

@media (max-width: 768px) {
    .nodeDetail {
        padding: 3px 0px;
    }
}

.nodeDetailActions {
    grid-column: 3;
    display:none;
}
.nodeDetailActionsBtns {
    display: flex;
    justify-content: end;
    gap: 5px;
    padding-right: 3px;
}