gijgo/modular/tree/css/tree.min.css

Gijgo is a set of free open source javascript controls distributed under MIT License. All widgets are high performance, built on top of the jQuery JavaScript Library with built-in support for Bootstrap, Material Design and Font Awesome. They are designed

.gj-button,.gj-button-md{color:#000;cursor:pointer}.gj-button-md,.gj-text-align-center{text-align:center}.gj-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:3px;padding:6px 10px}.gj-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gj-margin-left-5{margin-left:5px}.gj-margin-left-10{margin-left:10px}.gj-width-full{width:100%}.gj-cursor-pointer{cursor:pointer}.gj-font-size-16{font-size:16px}.gj-hidden{display:none}.gj-mdl-icon-plus::after{content:"\E145"}.gj-mdl-icon-minus::after{content:"\E15B"}.gj-button-md{background:0 0;border:none;border-radius:2px;position:relative;height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);outline:0;text-decoration:none;line-height:36px;vertical-align:middle;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gj-button-md:hover{background-color:rgba(158,158,158,.2)}.gj-button-md:disabled{color:rgba(0,0,0,.26)}.gj-button-md .material-icons{vertical-align:middle;font-size:1.3rem;margin-right:4px}.gj-button-md.gj-button-md-icon{width:24px;height:24px;min-width:24px;padding:0}.gj-button-md.gj-button-md-icon .material-icons{vertical-align:baseline;margin-right:0}.gj-button-md.active{background-color:rgba(158,158,158,.4)}.gj-button-md-group{position:relative;display:inline-block;vertical-align:middle}.gj-textbox-md{border:none;border-bottom:1px solid rgba(0,0,0,.12);display:block;font-size:16px;font-family:Helvetica,Arial,sans-serif;margin:0;padding:4px 0;width:100%;background:0 0;text-align:left;color:inherit}.gj-textbox-md:focus{border-bottom:2px solid rgba(158,158,158,.4);outline:0}.gj-md-spacer-24{min-width:24px;width:24px;display:inline-block}.gj-md-spacer-32{min-width:32px;width:32px;display:inline-block}li.gj-tree-item{padding:0}li.gj-tree-item div[data-role=wrapper]{display:table;width:100%}li.gj-tree-item [data-role=spacer]{display:table-cell}[data-type=tree] ul li [data-role=expander]{display:table-cell;vertical-align:middle;text-align:center;cursor:pointer}li.gj-tree-item [data-role=image],li.gj-tree-item [data-role=checkbox]{display:table-cell;vertical-align:middle;text-align:center}li.gj-tree-item [data-role=display]{display:table-cell;vertical-align:middle;cursor:pointer;padding:2px 4px}ul.gj-tree-bootstrap-list{padding-left:0;margin-bottom:0}li ul.gj-tree-bootstrap-list{padding-left:0;width:100%}ul.gj-tree-bootstrap-list li.gj-tree-item ul li.gj-tree-item{border-left:0;border-right:0}ul.gj-tree-bootstrap-list li.gj-tree-item ul li.gj-tree-item:first-child{border-top-left-radius:0;border-top-right-radius:0}ul.gj-tree-bootstrap-list li.gj-tree-item ul li.gj-tree-item:last-child{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}ul.gj-tree-bootstrap-list li [data-role=wrapper]{padding:0 10px}ul.gj-tree-bootstrap-list li [data-role=expander].gj-tree-material-icons-expander{padding-top:6px}ul.gj-tree-bootstrap-list li [data-role=checkbox]{width:24px;padding:3px}ul.gj-tree-bootstrap-list li [data-role=image]{width:24px;height:24px}ul.gj-tree-bootstrap-list li [data-role=display]{padding:8px 0 8px 4px}.list-group-item.active ul li,.list-group-item.active:focus ul li,.list-group-item.active:hover ul li{text-shadow:none;color:initial}ul.gj-tree-bootstrap-list li.gj-tree-item{border:0}.gj-tree-bootstrap-border ul.gj-tree-bootstrap-list li.gj-tree-item{border:1px solid #ddd}.gj-tree-md-list{padding:0;list-style:none;line-height:24px;letter-spacing:0}.gj-tree-md-item{display:list-item;list-style-type:none;padding:0;min-height:unset;box-sizing:border-box;align-items:center;cursor:default;overflow:hidden;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;color:rgba(0,0,0,.87);-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}li.gj-tree-item.gj-tree-md-item [data-role=display]{padding:8px 0 8px 5px;order:0;flex-grow:2;text-decoration:none;box-sizing:border-box;align-items:center}.gj-tree-md-border .gj-tree-md-item{border:1px solid rgba(0,0,0,.87);margin-bottom:-1px}.gj-tree-md-border ul.gj-tree-md-list li.gj-tree-item ul li.gj-tree-item{border-left:0;border-right:0}.gj-tree-md-border ul.gj-tree-md-list li.gj-tree-item ul li.gj-tree-item:last-child{border-bottom:0}li.gj-tree-md-item [data-role=image],li.gj-tree-md-item [data-role=checkbox]{height:24px;width:24px}.gj-tree-md-active{background:#E8EAF6}[data-type=tree] ul li [data-role=expander].gj-tree-font-awesome-expander,[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander,[data-type=tree] ul li [data-role=expander].gj-tree-material-icons-expander{width:24px}[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander .glyphicon{top:4px;height:24px}.gj-tree-drop-above{border-top:1px solid #000}.gj-tree-drop-below{border-bottom:1px solid #000}.gj-tree-drag-el,.gj-tree-drag-el li{padding:0;margin:0}.gj-tree-drag-el [data-role=wrapper]{cursor:move;display:table}.gj-tree-drag-el [data-role=indicator]{width:14px;padding:0 3px;display:table-cell;vertical-align:middle;text-align:center}.gj-tree-bootstrap-drag-el [data-role=indicator],.gj-tree-mdl-drag-el [data-role=indicator]{width:24px;height:24px;padding:0}