.TreeView {
    display: inline-block;
    /*   max-width:220px; */
}

.TreeView .NodeChilds {
    list-style: none;
    padding: 0px;
    margin: 0px;

}

.TreeView .NodeChilds .NodeOuter {

}

.TreeView .NodeChilds .NodeChilds {
    margin-left: 21px;

}

.TreeView .Node {
    display: table;
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
}

.TreeView .Node:hover {
    background-color: #f3f6fb;
}

.TreeView .Node .Handle {
    display: table-cell;

    cursor: pointer;

    vertical-align: middle;
    text-align: left;

    width: 16px;

}
.TreeView .Node .Icon {
    display:table-cell;

    box-sizing: border-box;
    width:32px;
    height:32px;
}
.TreeView .Node .Icon IMG {
    display:block;
    max-width:32px;
    max-height:32px;
}

.TreeView .Node .Handle .Button {
    /*border: 1px solid #cccccc;*/

    width: 32px;
    height: 32px;

    display: block;

    background-repeat: no-repeat;
    background-position: 50% 50%;

    background-size:50%;

    filter: invert(.5);
}

.TreeView .Node[branch_type='opened'] + .NodeChilds {
    display: auto;
}

.TreeView .Node[branch_type='closed'] + .NodeChilds {
    display: none;
}


.TreeView .Node[branch_type='opened'] .Handle .Button {
    background-image: url('../images/tree_node_close.svg');
}

.TreeView .Node[branch_type='closed'] .Handle .Button {
    background-image: url('../images/tree_node_open.svg');
}

.TreeView .Node[branch_type='leaf'] .Handle .Button {
    background-image: url('../images/tree_node_leaf.svg');
    background-size:12%;
}

.TreeView .Node .Action[action='TextTreeItemAction'] {
    display: table-cell;
    vertical-align: middle;

    text-decoration: none;
    color: black;

    text-align: left;

    /*   margin-left:25px; */
    /*   margin-top:1px; */

}

.TreeView .Node[active="1"] .Action[action='TextTreeItemAction'] {

    text-decoration: underline;
    font-weight: bold;
}

.TreeView .node_actions {
    display: table-cell;

    vertical-align: middle;
    text-align: right;

}

.TreeView .node_actions A {

    display: inline-block;
    margin-left: 5px;
    color: #50a9f9;
    text-decoration: none;

}


.TreeView .Node .Control {
    display: block;

    cursor: pointer;

    vertical-align: middle;
    text-align: left;
    float: left;

    width: 16px;
    height: 16px;
}