/*  hide leading dropdown triangle used in */
.dx-treeview-toggle-item-visibility,
.dx-treeview-toggle-item-visibility:before,
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    color: #df1313;
    display: none !important;
}

/*Menu Colors*/
.dropdown-menu {
    border-radius: 0;
    background-color: #000;
}

header .nav li .dropdown-menu li a {
    color: #fff;

}
li.dx-treeview-node[aria-level="1"] .dx-treeview-node-container {
    background-color: #000;
}
.dropdown-menu li:hover {
    background: #000 !important;
}
/* Menu Format */
.dropdown-menu {
    left: 0;
    width: auto;
}

#CategoryNavList {
    width: auto;
}

.dx-scrollable-container {
    overflow: visible;
}

.dx-treeview-node-container {}

.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: #fff;
    background-color: #000;
}

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

}

ul.dx-treeview-node-container.dx-treeview-node-container-opened {
    display: block;
    overflow: visible;
}

li.dx-treeview-node {
    margin: 10px 0;
    width: auto;
    display: block;
    float: none;
    padding-left: 0px;
}

li.dx-treeview-node[aria-level="1"] .dx-treeview-node-container {
    z-index: 100;
    position: relative;
    left: 224px;
    position: absolute;
    left: 99%;
    top: 2px;
    width: auto;
}

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



/* individual levels css */

li.dx-treeview-node[aria-level="1"] {
    margin: 10px 0;
    padding-left: 0;
}

li.dx-treeview-node[aria-level="2"] {
    margin: 0 0px;
    padding-left: 0;
}

li.dx-treeview-node[aria-level="3"] {
    margin: 0 0px;
    padding-left: 0;
}

li.dx-treeview-node[aria-level="4"] {
    margin: 0 0px;
    padding-left: 0;
}

li.dx-treeview-node[aria-level="5"] {
    margin: 0 0px;
    padding-left: 0;
}

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

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

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

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

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

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