#tingList {
	width: 100%;
	border: 0px;
	border-spacing: 0px;
}

.listRow:nth-child(5n+0) {
	background-color: #ccccff;
}
.listRow:nth-child(5n+1) {
	background-color: #d4d4ff;
}
.listRow:nth-child(5n+2) {
	background-color: #ddddff;
}
.listRow:nth-child(5n+3) {
	background-color: #e5e5ff;
}
.listRow:nth-child(5n+4) {
	background-color: #eeeeff;
}

.yearLabel {
    background-color: var(--color-bg-header);
    color: var(--color-text-invert);
    padding: 6px;
    font-weight: bold;
    margin: 10px 0 4px;
    border-radius: 4px;
}

.tingCard {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
    padding: 4px;
}

.tingCard:nth-child(5n+0) { background-color: var(--color-bg-module_0); }
.tingCard:nth-child(5n+1) { background-color: var(--color-bg-module_1); }
.tingCard:nth-child(5n+2) { background-color: var(--color-bg-module_2); }
.tingCard:nth-child(5n+3) { background-color: var(--color-bg-module_3); }
.tingCard:nth-child(5n+4) { background-color: var(--color-bg-module_4); }

.tingCard > div {
    padding: 1px 4px;
}

.tingDate { flex: 0 0 120px; font-weight: bold; }
.tingTitle { flex: 1; margin: 0 10px; }
.tingPersons { flex: 0 0 250px; font-size: 0.9em; }