/* Fixes for select 2 and our theme */
/* The opened input box */
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
	line-height: 1.0;
	border: 1px solid #aaa;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
	line-height: 1.2;
	padding: 0.3rem 0.2rem 0.3rem 0.4rem;
	font-size: 85%;
}

select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear
{
	width: 0.5rem;
	height: 0.5rem;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder
{
	line-height: 1.0;
	font-size: 90%;
}

/* SimpleMDE Toolbar fixes */
.editor-toolbar {
	background-color: #fff;
	color: #000;
	opacity: 1;
}

div.CodeMirror-wrap.form-control.is-invalid {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Bootstrap 5 fixes */
/* select import, round the right side */
.input-group .form-select {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

/* Using OL instead of UL */
ol {
	text-align: left;
}

#content ol {
	margin: 0 1ch;
	padding-left: 1ch;
	list-style-type: none;
}

#content ol:not(.pagination) li {
	margin: 0 1ch;
	text-indent: -3ch;
	padding-left: 3ch;
	display: block;
	counter-increment: count-me;
}

#content ol:not(.pagination) li::before {
	content: counter(count-me) ") ";
	color: #0a0;
}

#content ol li:last-child {
	margin-bottom: 16px;
}

/* Fix h5 which is 25% larger than h4 */
#content h4:not(.alert-heading) {
	color: #c60;
}
#content h5:not(.alert-heading) {
	font-size: 0.9rem;
}

/* Fix markdown parser that renders <li><p> */
#content ul:not(.pagination) li p {
	margin-left: -1ch;
}

.btn.btn-success a {
	color: white;
}

/* Stop dropdown menu animation - also fixes collapsing transition layout */
.collapsing {
	-webkit-transition: none;
	transition: none;
	display: none;
}

/* dropdown menu fixes */
#nav-menu div.collapse.navbar-collapse.show ul {
	padding: 5px 20px 5px 5px;
}
#nav-menu div.collapse.navbar-collapse.show li {
	display: list-item;
}
#nav-menu div.collapse.navbar-collapse.show li a {
	padding: 5px 5px 5px 5px;
	margin: 0;
	font-size: 85%;
}

/* fix chevrons to our accordion displays */
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dc3545'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed) {
	color: inherit;
	background-color: inherit;
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dc3545'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button {
	padding: 0;
	color: inherit;
	background-color: inherit;
}

/* h1 headings reference */
h1>small.float-end {
	padding-top: 2rem;
}
h1>small:before {
	color: #acacac;
	content: '[';
}
h1>small:after {
	color: #acacac;
	content: ']';
}
/* Enable smaller text in h1, but not tiny as used at the float-end */
h1 > small:not(.float-end) {
	font-size: 50% !important;
}

h1 sup {
	text-shadow: none;
	font-size: 50%;
	top: -1em;
}
h1>small.success {
	color: #005300 !important;
}
h1>small.success:before {
	color: #00aa00;
	content: '[';
}
h1>small.success:after {
	color: #00aa00;
	content: ']';
}

/* Ensure our greyframe titled boxes are full width */
.titledbox {
	margin-right: 0;
	margin-left: 0;
}

/* Usage of label for radio icons, but using span instead */
span.label.form-label {
    font-size: 75%;
    margin-bottom: 1px;
}