body > section#classes div#bc {
	margin: 0 auto;
	width: 615px;
}
body > section#classes div#bc button.cal-select {
	width: 300px;
	display: inline-block;
	border-style: solid;
	border-radius: 10px;
	cursor: pointer;
}

body > section#classes div#bc button.cal-select.green {
	background: #5cd7a940 !important;
	border-color: #5cd7a9 !important;
}

body > section#classes div#bc button.cal-select.green.selected {
	background: #5cd7a980 !important;
}

body > section#classes div#bc button.cal-select.pink {
	background: #ff3fe440 !important;
	border-color: #ff3fe4 !important;
}

body > section#classes div#bc button.cal-select.pink.selected {
	background: #ff3fe480 !important;
}

body > section#classes table.schedule-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 2rem;
}

body > section#classes table.schedule-table th,
body > section#classes table.schedule-table td {
	border: 1px solid #000;
	padding: 0.5rem;
	text-align: center;
}

body > section#classes table.schedule-table th {
	background-color: #f5f5f5;
	font-weight: bold;
}

body > section#classes table.schedule-table.hidden {
	display: none;
}