/* Remove default bullets */
ul {
  list-style-type: none;
  padding-left: 120px;
}

ul.root {
  list-style-type: none;
  padding-left: 10px;
}

table {
  table-layout: fixed;
  border: 1px black;
  padding: 1px;
}

td {
  line-height: 20px;
  width: 20px;
  font-family: monospace;
  font-size: 15px;
  color: white;
  text-align: center;
  vertical-align: middle;
}

td.X { background-color:#404040; }
td.C { background-color:#CCCC00; }
td.M { background-color:#009900; }

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}