/* ALL TREE RELATED STYLING MOVED FROM CX.CSS */
/* ------------------------- CX TREE - NODE -------------------------*/

.cx_tree {
    /* background: white; */
}
.cx_tree ul li {
    position: relative
}
.cx_node-row {
    display: table-row;
}
/* TEMPORARILY DISABLED
	.cx_node a,
	.cx_end_node_icon {
	    color: #333;
	    text-decoration: none;
	    display: block;
	}
*/
.cx_node_label {
    /* LI ITEM */
    
    padding-right: 10px;
}
.cx_tree-label {
    /* <label> wraps node with checkbox */
    
    display: block;
    margin: 0;
    font-weight: normal;
}
/* PAY ATTENTION - 10 LEVELS DEFINED - */

.cx_tree .cx_node
{
    display: block;
    min-height: 23px;
    padding-left: 5px;
    
    margin: -1px 0;
}
.cx_tree,
.cx_tree ul,
.cx_tree li {
    -webkit-padding-start: 0;
    padding: 0;
    list-style: none;
}
.cx_node
{
    white-space: nowrap;
    border: 1px solid transparent;
    position: relative;
}

.cx_tree > li {
    width: 100%;
    display: table;
}
.cx_tree ul .cx_node {
    padding-left: 48px;
}
.cx_tree ul ul .cx_node {
    padding-left: 90px;
}
.cx_tree ul ul ul .cx_node {
    padding-left: 135px;
}
.cx_tree ul ul ul ul .cx_node {
    padding-left: 180px;
}
.cx_tree ul ul ul ul ul .cx_node {
    padding-left: 224px;
}
.cx_tree ul ul ul ul ul ul .cx_node {
    padding-left: 268px;
}
.cx_tree ul ul ul ul ul ul ul .cx_node {
    padding-left: 310px;
}
.cx_tree ul ul ul ul ul ul ul ul .cx_node {
    padding-left: 354px;
}
.cx_tree ul ul ul ul ul ul ul ul ul .cx_node {
    padding-left: 400px;
}
.cx_tree ul ul ul ul ul ul ul ul ul ul .cx_node {
    padding-left: 444px;
}
/* LVL 11 + ( looks uglier )*/

.cx_tree ul ul ul ul ul ul ul ul ul ul ul {
    padding-left: 35px;
}
.cx_tree ul li::before,
.cx_tree ul li:last-of-type .cx_node::before,
.cx_tree ul li .cx_node::after {
    left: 24px;
}
.cx_tree ul ul li::before,
.cx_tree ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul li .cx_node::after {
    left: 67px;
}
.cx_tree ul ul ul li::before,
.cx_tree ul ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul ul li .cx_node::after {
    left: 110px;
}
.cx_tree ul ul ul ul li::before,
.cx_tree ul ul ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul ul ul li .cx_node::after {
    left: 154px;
}
.cx_tree ul ul ul ul ul li::before,
.cx_tree ul ul ul ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul ul ul ul li .cx_node::after {
    left: 200px;
}
.cx_tree ul ul ul ul ul ul li::before,
.cx_tree ul ul ul ul ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul ul ul ul ul li .cx_node::after {
    left: 243px;
}
.cx_tree ul ul ul ul ul ul ul li::before,
.cx_tree ul ul ul ul ul ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul ul ul ul ul ul li .cx_node::after {
    left: 288px;
}
.cx_tree ul ul ul ul ul ul ul ul li::before,
.cx_tree ul ul ul ul ul ul ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul ul ul ul ul ul ul li .cx_node::after {
    left: 330px;
}
.cx_tree ul ul ul ul ul ul ul ul ul li::before,
.cx_tree ul ul ul ul ul ul ul ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul ul ul ul ul ul ul ul li .cx_node::after {
    left: 374px;
}
.cx_tree ul ul ul ul ul ul ul ul ul ul li::before,
.cx_tree ul ul ul ul ul ul ul ul ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul ul ul ul ul ul ul ul ul li .cx_node::after {
    left: 420px;
}
/* PAY ATTENTION - 10 LEVELS DEFINED */

.cx_tree ul li::before,
.cx_tree ul li:last-of-type .cx_node::before,
.cx_tree ul li .cx_node::after {
    content: '';
    position: absolute;
    right: auto;
    z-index: 101;
}
.cx_tree ul li::before,
.cx_tree ul li:last-of-type > .cx_node::before {
    border-left: 1px dashed #999;
    height: 100%;
    top: 0;
    width: 1px
}
.cx_tree ul li .cx_node::after {
    border-top: 1px dashed #999;
    height: 10px;
    top: 50%;
    width: 10px
}
.cx_tree ul li .cx_node:not(.cx_node-collapsible)::after {
    width: 25px;
}
.cx_tree ul .cx_end_node_container .cx_node::after {
    	width: 24px;
    /* NIER MEER NODIG EN DOET KRAK */
}
.cx_tree ul li:last-of-type::before {
    height: 0;
}
.cx_tree ul li:last-of-type .cx_node::before {
    height: 50%;
    margin-left: -1px;
    /* EQUAL TO BORDER WIDTH OF NODE */
}
.cx_tree li {
    position: relative;
}
/* REMOVE
	.cx_node:hover {
	    border: 1px solid #90CBFF;
	    background: aliceblue;
	    z-index: 10;
	}
	.cx_selectednode {
	    border: 1px solid #D5DBDE;
	    background: #f8f8f8;
	}
*/
/* ELEMENTS IN A NODE  */
/* TEMPORARILY DISABLED
	.cx_node .form-control {
	    width: auto;
	    width: initial;
	    margin: 0.5rem 0;
	}
*/
.cx_node input[type=checkbox],
.cx_node input[type=radio] {
    margin-right: 5px;
}
/* TEMPORARILY DISABLED
	.cx_node a,
	.cx_node_row > span:not(.cx_hiddenmarker),
	.cx_end_node_icon {
	    display: table-cell;
	    vertical-align: middle;
	}
*/
.cx_node_row > .cx_node-label-span {
    vertical-align: bottom;
}
.cx_node_row > span:not(.cx_node_icon):not(.cx_node_label) {
    padding-left: 15px;
}
.cx_node_row > span:not(.cx_node_icon) + span {
    padding-left: 5px;
}
.cx_node_row > input[type=checkbox],
.cx_node_row >input[type=radio] {
    /*    display: table-cell;	*/
    
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.cx_node .cx_widget {
    display: inline-block;
    width: auto;
    /*padding-left: 1rem;*/
    vertical-align: middle;
}
/* TEMPORARILY DISABLED
	.cx_node .cx_widget > * {
	    float: left;
	    line-height: 30px;
	}
*/
.cx_node .cx_widget .form-group,
.cx_node .cx_widget .btn-group{
	margin: 0 15px;
	display: inline-block;
	float: left; /* VCMOD, added for ordering tree row field and buttons, both float:left; because input-group-btn is float:left; */
}