html,body{height:100%}body{margin:0;padding:0;background:#efefef;color:#222;font:13px/22px 'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.mindmap{width:100%;height:100%;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mindmap:before{width:0;height:100%;content:''}.mindmap:before,.node{display:inline-block;vertical-align:middle}.node{position:relative;margin:2px 0;padding:0 4px;height:22px;border:1px solid #ccc;border-radius:2px;background:#fff;text-align:left;cursor:pointer;transition:all .2s;direction:ltr}.node:hover{box-shadow:0 0 3px 0 #3498DB}.node:active{box-shadow:0 0 1px 0 #3498DB}.node__input{position:absolute;top:0;right:0;left:0;display:none;margin:0;padding:0 3px 0 4px;height:22px;border:0;background:0 0;color:inherit;font:inherit}.node__input:focus{outline:0;box-shadow:inset 0 0 2px 1px #3498DB}.node_active,.node_active:hover{box-shadow:0 0 2px 1px #3498DB}.node_root{padding:0 10px;height:32px;border:0;background:#3498DB;color:#fff;font:18px/32px 'Helvetica Neue',Helvetica,Arial,sans-serif}.node_root .node__input{padding:0 9px 0 10px;height:32px}.node_editable{border:1px solid #3498DB}.node_editable.node_root{border:0}.node_editable .node__text{overflow:hidden;height:0}.node_editable .node__input{display:block}.children{position:relative;display:inline-block;margin:0;padding:0 0 0 6px;list-style:none;vertical-align:middle;text-align:left}.children:before{position:absolute;top:50%;left:-4px;width:10px;border-top:1px solid #ccc;content:''}.children__item{position:relative;padding:0 0 0 10px;border-left:1px solid #ccc}.children__item:first-child,.children__item:last-child{border-left:1px solid transparent}.children__item:before{position:absolute;top:50%;left:0;width:10px;border-top:1px solid #ccc;content:''}.children__item:first-child:before{bottom:0;left:-1px;border-left:1px solid #ccc;border-radius:4px 0 0 0}.children__item:last-child:before{top:0;bottom:50%;left:-1px;border:0;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-radius:0 0 0 4px}.children__item:first-child:last-child:before{top:50%;bottom:auto;border:0;border-top:1px solid #ccc;border-radius:0}.children_leftbranch,.children_leftbranch .children{padding:0 6px 0 0;text-align:right;direction:rtl}.children_leftbranch:before,.children_leftbranch .children:before{right:-4px;left:auto}.children_leftbranch .children__item{padding:0 10px 0 0;border:0;border-right:1px solid #ccc}.children_leftbranch .children__item:first-child,.children_leftbranch .children__item:last-child{border-right:1px solid transparent}.children_leftbranch .children__item:before{top:50%;right:0;left:auto}.children_leftbranch .children__item:first-child:before{right:-1px;border:0;border-top:1px solid #ccc;border-right:1px solid #ccc;border-radius:0 4px 0 0;direction:ltr}.children_leftbranch .children__item:last-child:before{top:0;right:-1px;bottom:50%;border:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:0 0 4px 0;direction:ltr}.children_leftbranch .children__item:first-child:last-child:before{top:50%;bottom:auto;border:0;border-top:1px solid #ccc;border-radius:0}