.listHeader > div {
	/* width: 30%; */
}

.listRow,
.listHeader {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	padding: 8px 6px;
}

.listGrid {
	/* width: 600px; */
	padding: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 17px -12px #646669;
	background: white;
	font-size: 14px;
}

.listHeader {
	font-weight: bold;
	border-bottom: 1px solid #dedede;
	padding-top: 8px;
	padding-bottom: 12px;
}

.listRow {
	cursor: pointer;
}

.listRow:hover {
	background: #e4e7eb52;
	border-radius: 6px;
}

.listGrid.oneCol .listRow,
.listGrid.oneCol .listHeader {
	grid-template-columns: 1fr;
}

.listGrid.twoCol .listRow,
.listGrid.twoCol .listHeader {
	grid-template-columns: 1fr 1fr;
}

.listGrid.threeCol .listRow,
.listGrid.threeCol .listHeader {
	grid-template-columns: 1fr 1fr 1fr;
}

.listGrid.fourCol .listRow,
.listGrid.fourCol .listHeader {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.listGrid.fiveCol .listRow,
.listGrid.fiveCol .listHeader {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.listGrid.sixCol .listRow,
.listGrid.sixCol .listHeader {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.listGrid.sevenCol .listRow,
.listGrid.sevenCol .listHeader {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.listGrid.eightCol .listRow,
.listGrid.eightCol .listHeader {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.listGrid.nineCol .listRow,
.listGrid.nineCol .listHeader {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.listGrid.tenCol .listRow,
.listGrid.tenCol .listHeader {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}