@use "../init" as *;

.C_main
{
	display: flex;
	flex-flow: column nowrap;
	padding-left: $desktopSpacerMedium;
	padding-right: $desktopSpacerMedium;

	@include mobile()
	{
		padding-left: 0;
		padding-top:$mobileSpacerMedium;
	}
}
.C_heading
{
	display: flex;
	flex-flow: column nowrap;
	font-size: $desktopFontSizeLarge;
	font-weight: bold;
	padding-bottom: $desktopSpacerSmall;
}

.C_list_scroll
{
	position: relative;
	width:100%;
	height:70rem;
	overflow: auto;
}

.C_list
{
	display:table;
	position: absolute;
	left:0;
	top:0;
	min-width:100%;
}

.C_list_headings
{
	display:table-row;
}

.C_list_heading
{
	display: table-cell;
	font-weight: bold;
	padding-right:0.5rem;
	padding-left:0.5rem;
	padding-bottom: 0.5rem;
}

.C_row, .C_row_alt
{
	display: table-row;
}


.C_row_alt
{
	background-color: #eeeeee;
}

.C_cell
{
	display: table-cell;
	padding:0.5rem;
	// border: $border1;
}