hr {
	display: block;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
}

h3 {
	all: unset;
	margin: auto;
}

h4 {
	all: unset;
	margin: auto;
}

h5 {
	all: unset;
	margin: auto;
}

.ClassMargin td tr th {
	margin: 3px 0px 3px 0px;
}

.MaxWidth {
	display: flex;
}

.EmptyRow {
	margin: 2px 4px 2px 4px;
	width: max-content;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(1, 1fr);
	gap: 2px;
}


.AllSubjectRepeater {
	margin: 2px 4px 2px 4px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(1, 1fr);
	gap: 2px;
}

.SubjectRepeater {
	margin: 2px 4px 2px 4px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(1, 1fr);
	gap: 2px;
}

.SubjectContainer {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: 22px 24px 36px;
	gap: 6px;
}

.SingleItemDiv {
	display: grid;
	place-items: center;
	text-align: center;
}

/* Container for the grouping divs */
.checkbox-group-container {
	width: 100%;
	max-width: 270px;
	margin: 0 auto;
}

/* Row of grouping divs */
.checkbox-row {
	display: flex;
	justify-content: space-between; /* Evenly spaces the 5 items */
	align-items: flex-end; /* Aligns checkboxes if labels have different heights */
	margin-bottom: 0px;
	padding: 0px;
}

/* Individual wrapper for each label/checkbox pair */
.checkbox-item {
	display: flex;
	flex-direction: column; /* Stacks label above the checkbox */
	align-items: center; /* Centers the label and checkbox horizontally */
	text-align: center;
	flex: 1; /* Ensures each of the 5 items takes equal width */
}

	/* Label styling */
	.checkbox-item label {
		font-size: 16px;
		margin-bottom: 0px; /* Space between label and checkbox */
		cursor: pointer;
	}

	/* Checkbox styling */
	.checkbox-item input[type="checkbox"] {
		cursor: pointer;
		margin: 0;
	}

.FloatLeft {
	float: left;
}

.LowerRightSpacing {
	margin: 0px 8px 8px 0px;
}

.dtl-parent {
	display: grid;
	grid-template-columns: 11.516% 6% 6% 6% 8% 8% 8% 8% 8.129% 8.129% 8.129% 11.645%;
	grid-template-rows: 35px 1fr;
	width: 900px;
	gap: 2px;
}

.dtl-div1, .dtl-div2, .dtl-div3, .dtl.div4 {
	place-items: center;
}

.dtl-div5 {
	grid-column: span 5 / span 5;
	place-items: center;
}

.dtl-div6 {
	grid-column: span 2 / span 2;
	grid-column-start: 10;
	place-items: center;
}

.dtl-div7 {
	grid-row: span 2 / span 2;
	grid-column-start: 12;
	place-items: center;
}

.dtl-div8 {
	grid-row-start: 2;
}

.dtl-div9 {
	grid-column: span 10 / span 10;
	grid-row-start: 2;
}

.wdtl-parent {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 35px 35px 35px 1fr;
	gap: 2px;
}

.wdtl-div3 {
	grid-column-start: 4;
}

.wdtl-div4 {
	grid-column-start: 5;
}

.wdtl-div5 {
	grid-row-start: 2;
}

.wdtl-div6 {
	grid-row-start: 2;
}

.wdtl-div7 {
	grid-column-start: 4;
	grid-row-start: 2;
}

.wdtl-div8 {
	grid-column-start: 5;
	grid-row-start: 2;
}

.wdtl-div9 {
	grid-row-start: 3;
}

.wdtl-div10 {
	grid-column: span 4 / span 4;
	grid-row-start: 3;
}

.wdtl-div11 {
	grid-row-start: 4;
}

.wdtl-div12 {
	grid-column: span 4 / span 4;
	grid-row-start: 4;
}

.wdtl-div13 {
	grid-row-start: 5;
}

.wdtl-div14 {
	grid-column: span 4 / span 4;
	grid-row-start: 5;
}

.wdtl-div15 {
	grid-column: span 5 / span 5;
	grid-row-start: 6;
}

.DisplayBlock {
	display: block;
}

.DisplayCenter {
	display: flex;
	align-items: center;
}

.DisplayFlexOuterDiv {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 2px;
}

.DisplayFlexInnerDiv {
	justify-content: flex-start;
	align-items: flex-end;
}

.DescriptionMinimumHeight {
	min-height: 81px;
}

.d3parent {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: 2px;
}

.d3div1 {
}

.d3div2 {
	grid-column-start: 1;
	grid-row-start: 2;
}

.d3div3 {
	grid-column-start: 1;
	grid-row-start: 3;
}

.d3div4 {
	grid-column-start: 2;
	grid-row-start: 1;
}

.d3div5 {
	grid-column-start: 2;
	grid-row-start: 2;
}

.ClassDescriptionParent {
	display: flex;
	justify-content: center; /* Horizontal alignment */
	align-items: center; /* Vertical alignment */
	text-align: center;
	text-wrap: normal;
}

.ClassDescriptionChild {
	padding: 4px;
	justify-self: center
}