@charset "UTF-8";

.bonsai,
.bonsai > li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.bonsai > li {
  position: relative;
  padding-left: 2.3em; /* padding for the thumb */
  margin-bottom: 18px;	
}

li .thumb {
  /*margin: -1px 0 0 -1em;*/ /* negative margin into the padding of the li */
  position: absolute;
  cursor: pointer;
  margin: 0px;
  margin-left: -35px;	
}
/*
li.has-children > .thumb:after {
  width: 16px;
  height: 16px;	
  background: url(bonsai-images/plusminus.jpg) top left no-repeat;
  background-size: 16px 32px;
  display: inline-block;
  content:"";	
}

li.has-children.expanded > .thumb:after {
    width: 16px;
  height: 16px;	
  background: url(bonsai-images/plusminus.jpg) bottom left no-repeat;
  background-size: 16px 32px;
  display: inline-block;
  content:"";
}
*/
li.has-children > .thumb:after {
  width: 29px;
  height: 29px;	
  background: url(bonsai-images/plus.svg) top left no-repeat;
  background-size: 29px 29px;
  display: inline-block;
  content:"";	
}

li.has-children.expanded > .thumb:after {
    width: 29px;
  height: 29px;	
  background: url(bonsai-images/minus.svg)top left no-repeat;
  background-size: 29px 29px;
  display: inline-block;
  content:"";
}




li.collapsed > ol.bonsai {
  height: 0;
  overflow: hidden;
}

.bonsai .all,
.bonsai .none {
  cursor: pointer;
}