/* css unique to spscc_path */

div.course-group {
	padding:1em;
	margin:2em 0.5em;
	background-color: #ddebff; /* taken from apply background color */
}
div.course-group div {
	margin-bottom: unset;
}
div.course-group div.course-or {
	background-color: black;
	color: white;
	padding: .1em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	font-weight: bold;
}

div.course {
	font-size: 1.1rem;
	margin-bottom: 2em;
	padding:1em;
	background-color: #ddebff; /* taken from apply background color */
}
div.course span.course-id {
	padding-right: 5em;
	font-weight: bolder;
}
div.course span.course-credit {
	padding-right: 5em;
	font-weight: bolder;
}
div.course span.course-title {
	font-weight: bolder;
}
div.course div.course-description {
	font-weight: lighter;
}

ul.course-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	gap: .2em;
	padding: 1em;
	background-color: aliceblue;
	font-size: smaller;
	font-weight: lighter;
}

ul.course-list li.course-list-element {
	width: 5%;
	min-width: 8em;
}