#CategoryNavList {
    width: 50vw;
}

.dx-treeview-toggle-item-visibility,
.dx-treeview-toggle-item-visibility:before,
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    display: none !important;
}

.dropdown-menu {
    left: -10vw;
}

.dx-treeview-node-container {
    display: flex !important;
    flex-flow: column wrap;
    max-height: 50vh;
    align-content: flex-start;
}

    .dx-treeview-node-container .dx-treeview-node {
        flex: 0 0 auto;
        margin: 0px -5px 0;
    }

li.dx-treeview-node:hover,
.dx-treeview
.dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected > .dx-treeview-item,
.dx-treeview .dx-treeview-item.dx-state-hover,
.dx-treeview
.dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item {
    color: var(--text-light);
    background-color: var(--black);
}

.dx-treeview .dx-treeview-item {
    min-height: auto;
    padding: 0 6px;
}

header .nav li .dropdown-menu li a {
    line-height: 24px;
    padding: 0 12px;
}

/* individual levels css */
li.dx-treeview-node[aria-level="1"] {
    margin: 10px 0;
}

    li.dx-treeview-node[aria-level="1"] a {
        font-size: 16px;
        font-weight: bold;
    }

li.dx-treeview-node[aria-level="2"] a {
    font-size: 14px;
    font-weight: normal;
}

li.dx-treeview-node[aria-level="3"] a {
    font-size: 12px;
    font-weight: normal;
}

li.dx-treeview-node[aria-level="4"] a {
    font-size: 10px;
    font-weight: normal;
}

li.dx-treeview-node[aria-level="5"] a {
    font-size: 8px;
    font-weight: normal;
}

li.dx-treeview-node a:hover {
    text-decoration: underline;
}