ul.root, .root ul{
  padding: 5px 10px;

}

ul.root  li{
  margin-right:10px;
}

ul.root > li {
  background:#fff;
  margin-bottom:40px;
}

ul.root  {
width:100%;
}



ul.root > li > ul   {
  display: inline-flex;
  flex-flow: wrap;
}

ul.root > li > ul > li {
  background:#eee;
  border:1px solid #ccc;
  border-radius: 5px;  
  margin:10px;
}

ul.root > li > ul > li > ul  {
  display: inline-flex;
  flex-flow: wrap;
}

ul.root > li > ul > li > ul > li {
  border:1px solid #ccc;
  border-radius: 5px;  
  margin:10px;	
  background:#ddd;
}



ul.root > li > ul > li > ul > li > ul {
  display: inline-flex;
  flex-flow: wrap;
}

ul.root > li > ul > li > ul > li > ul > li {
  border:1px solid #ccc;
  border-radius: 5px;    
  margin:10px;	
  background:#ccc;	
}


ul.root > li > ul > li > ul  li  {
 padding:10px !important;
}

ul.root > li > ul li{
 /*width:100%*/
}