.listBG1{
	background-color:#ccc;
}
.listBG2{
	background-color:var(--primary-color-1-dark);
}
.listClients{
	list-style:none;
	padding-left:0px;
}
.listClients li{
	background-color:#222;
	border-top:solid 2px white;
	color:#fff;
	padding:1rem;
}
.listClients li:hover{
	background-color:#444;
	cursor:pointer;
}
.listClients li.active{
	background-color:var(--primary-color-1-dark);
	color:#fff;
}
.listEvents{
	list-style:none;
	padding-left:0px;
}
.listEvents li{
	background-color:var(--primary-color-1-dark);
	border-top:solid 2px #fff;
	color:#fff;
	padding:1rem;
}
.listEvents li:hover{
	background-color:#fff;
	color:#000;
	cursor:pointer;
}
.listEvents li.active{
	background-color:#fff;
	color:#000;
}

.listBG2 h1, .listBG2 p{
	color:#fff;
}

.eventMetricsContainer{
}

.eventMetricsRow{
	display:flex;
	padding:.5rem;
	background-color:#eee;
	border-bottom:2px solid white;
	border-radius:8px;
}

.eventMetricsName{
	width:45%;
}

.eventMetricsValue{
	width:45%;
}

.eventMetricsTotals{
	text-align:right;
	width:10%;
}