[x-cloak] { display: none !important; }

.thesis-head {
	font-weight: bold;
}

.sticky-header {
	position: sticky;
	top: 2.6em;
	/* choose a value slightly higher than the accordion header */
	z-index: 99;
}

.accordion-header {
	position: sticky;
	top: 3.85em;
	/* "points" input field behaves weirdly if it has no z-index */
	/* choose a value slightly lower than the sticky header */
	z-index: 98;
}

.accordion-button {
	font-weight: bold;
}

.thesis-header-overlay {
	right: 1.4em;
	top: 1.5em;
}

.accordion-header-overlay {
	right: 3em;
	top: 1em;
}

.thesis-header-overlay, .accordion-header-overlay {
	position: absolute;
	/* equals the sticky header */
	z-index: 99;
}

.group-name {
	font-weight: bold;
}

.group-id, .criterion-id {
	font-family: monospace;
	font-size: smaller;
	opacity: 0.5;
}

.group-chapter-type {
	/* font-size: smaller; */
	max-width: 1px;
}

.group-description, .criterion-description {
	/* font-style: italic; */
}

.anchor {
	/* font-size: 70%; */
	cursor: pointer;
}

.textarea-thesis {
	white-space: pre-line;
	height: 10em;
	/* background-color: lightyellow; */
	/* border-color: lightgray; */
	border: var(--bs-border-width) solid var(--bs-border-color) !important;
	border-radius: 0.25rem;
}

[contenteditable=true] {
	text-decoration-line: underline;
	text-decoration-style: dashed;
	text-decoration-color: darkgray;
	cursor: text;
	outline: none;
}

.embed-symbol-into-textarea {
	right: 1em;
	bottom: 1em;
	cursor: pointer;
}

.points {
	width: 6.5em !important;
	/* background-color: lightyellow !important; */
	background-color: field !important;
	/* border-color: lightgray !important; */
}

.badge {
	top: .5em !important;
	right: -3em;
}

.footer-buttons {
	border-radius: var(--bs-border-radius);
	bottom: .5em;
	right: .5em;
	z-index: 99;
}

.input-group-thesis {
	top: -.4em;
}

.input-group-chapter {
	top: -.5em;
}

.form-check-input:focus {
	box-shadow: none !important;
	outline: none;
}

.form-select-thesis {
	border: 0 !important;
	width: auto !important;
}

.form-select-thesis:focus {
	box-shadow: none !important;
	outline: none;
}

.form-control, .form-select-thesis {
	display: inline !important;
}

.form-floating > label::after {
	/* references field's inline label */
	background-color: transparent !important;
}

.form-text-thesis {
	position: relative;
	top: -1.4em;
}

.popover {
	z-index: 100 !important;
	/* max-width: fit-content !important; */
	max-width: 50% !important;
}

.bi-search:focus {
	/* avoid ugly border when focusing search button for popover */
	outline: none;
}

.popover-body {
	/* white-space: nowrap; */
}

.alert {
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* choose a value slightly higher than the sticky header */
	z-index: 100;
}