.img-circle {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  object-fit: cover; /* Optional: ensures image fills circle */
}

.tree-container {
  overflow-x: auto;
  padding: 20px;
  text-align: center;
}

.treeview {
  display: table;
  margin: 0 auto;
  padding: 0;
}

.treeview ul {
  display: table;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.treeview li {
  display: table-cell;
  list-style-type: none;
  vertical-align: top;
  text-align: center;
  padding: 10px;
  background: white url(list.gif) no-repeat top center;
}

.treeview li.submenu {
  background: white url(closed.gif) no-repeat top center;
  cursor: pointer;
}

.treeview li.submenu.open {
  background-image: url(open.gif);
}

.treeview li > ul {
  display: none;
}

.treeview li.submenu.open > ul {
  display: table;
}
