body {
    padding: 0.2em 2em;
}

table {
    width: 100%;
}

table td {
    padding: 0.1em 0.2em;
}

table tr:nth-child(even) {
}

table th {
    text-align: left;
    border-bottom: 1px solid #ccc;
}

table > tbody > tr.view {
    cursor: pointer;
}

table > tbody > tr.even {
    background: #eee;
}

table > tbody > tr.fold {
    display: none;
}

table > tbody > tr.fold > td {
    padding-left: 1em;
}

table > tbody > tr.fold.open {
    display: table-row;
}

/*
table > tbody > tr.view td:first-child:before {
    color: #999;
    content: "x";
    transition: all 0.3s ease;
}

table > tbody > tr.view.open td:first-child:before {
  transform: rotate(-180deg);
  color: #333;
}
*/