.vs-root-tree {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    padding-left: 25px;
    list-style: none;
    overflow-y: hidden;
    left: 0;
    width: 100%;
}

.tree-node, .vs-tree-root-node {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-width: 200px;
    min-height: 15px;
    line-height: 15px;
}

.tree-node, .vs-tree-root-node {
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 3px;
    cursor: move;
    text-decoration: none;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tree-node .node-red {
    color: red;
}

.node-right-options {
    display: none;
}

.tree-node:hover, .vs-tree-root-node:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.selected-node, .selected-node .tree-node:hover,
.selected-node .vs-tree-root-node:hover {
    background: #3498DB;
    color: #fff;
    border-radius: 3px;
}

.vs-tree-root.selected-node a,
.selected-node .tree-node a,
.selected-node .vs-tree-root-node a {
    color: #fff;
}

.selected-node .node-right-options {
    display: block;
}

.vs-tree-placeholder {
    display: block;
    position: relative;
    margin: 0;
    min-width: 200px;
    min-height: 0px;
    line-height: 0px;
    padding: 0px;
    height: 0px;
    background: ghostwhite;
    border: 1px solid #438eb9;
}

.vs-tree-drag {
    position: absolute;
    pointer-events: none;
    z-index: 999;
    opacity: .8;
    list-style-type: none;
}

.tree-hover-drop {
    background: cadetblue;
}

.tree-external-drop {
    border: 1px solid cadetblue;
}

.tree-toggle-button:hover {
    cursor: pointer;
}