.ddt_tree .ddtlist .child { }
.ddt_tree .opt { margin:0;padding:0; }
.ddt_tree .opt li { cursor:pointer;background-color:#f2f2f2;display:inline-block;padding:5px;margin-right:5px;margin-bottom:5px; }
.ddt_tree .opt li.aktive { background-color:#333;color:#fff; }
.ddt_tree .child.ui-draggable-dragging { z-index:10; }
.ddt_tree .child .ddt_element { padding:10px;background-color:#f2f2f2; }

.ddt_tree .child .ddt_element.hover {  box-shadow:0px 0px 6px #000 inset;  }
.ddt_tree .childs { padding-left:40px;position:relative; }

.ddt_tree .childs > .collapseChilds { width: 20px;
width: 35px;
height: 20px;
background:url(../../images/plus-icon.svg) center center no-repeat #f2f2f2;background-size: 32%;
border-radius: 3px;
position: absolute;
top: -5px;
left: 0px;
box-shadow: 0px 0px 3px #f2f2f2 inset, 0px 1px 1px 0px rgba(0,0,0,0.2);z-index:1; }
.ddt_tree .childs > .collapseChilds:hover { background-color:#e5e5e5;cursor:pointer; }
.ddt_tree .childs[collapse="1"] > .child  { overflow:hidden;height:9px;background-color:#dddddd;margin-bottom:2px; }
.ddt_tree .childs[collapse="1"] > .child > div { opacity:0;display:none; }
.ddt_tree .childs[collapse="0"] > .collapseChilds { background:url(../../images/minus.svg) center center no-repeat #f2f2f2;background-size: 32%;}
.ddt_tree .childs[collapse="0"] > .collapseChilds:hover { background-color:#e5e5e5;cursor:pointer; }



.ddt_tree .mainpos { height:40px;background-color:#f2f2f2;margin-bottom:10px; }
.ddt_tree .mainpos.hover { box-shadow:0px 0px 6px #000 inset; }
.ddt_tree .placeholder { height:30px;border:1px dashed #ccc; }