osb/public/css/fixes.css

body {
	font-size: 0.75em;
}

/* Data Tables */
/* Row Group columun padding 2 */
table.dataTable tbody tr.dtrg-group th {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/* Fix textcolor on navbar focus */
.form-control.form-control-navbar:focus {
	color: #111;
	background-color: white;
}

/* Remove blue border from chrome on buttons */
/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {
	outline: none !important;
	box-shadow: none !important;
}

*:disabled {
	cursor: not-allowed;
}

#favourite.selected {
	color: orange;
}

#favourite:hover {
	cursor: pointer;
}

.tag-selected {
	color: orange;
}

.tag-selected:hover {
	cursor: pointer;
}

.card-header h3.card-title {
	font-size: 1.0rem;
}

/* Fix selected item is positioned correctly */
span.select2-selection.select2-selection--single > span.select2-selection__rendered {
	margin-left: -9px;
}

/* Fix height when used with form-group */
.select2-selection.select2-selection--single {
	height: calc(2.25rem + 2px) !important;
}

/* Fix dark background nav pills */
.card-header.bg-dark .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #ffffff;
	color: #343a40;
}

.card-header.bg-dark .nav-pills .nav-link:hover {
	background-color: #6c757d;
	color: #ffffff;
}

.card-header.bg-dark .nav-pills .nav-link:not(.active):hover {
	background-color: #6c757d;
	color: #ffffff;
}

/* Fixes to select2, to make sure col-x widths are honoured */
.select2-selection.select2-selection--single {
	height: calc(2.25rem + 2px) !important;
}
.select2.select2-container.select2-container--default {
	display: flex;
	flex: 1 1 auto;
}
.select2.select2-container.select2-container--default .selection {
	width: 100%;
}

/* Render the invalid red when a select container fails validation */
.is-invalid + .select2-container--default .select2-selection--single,
.is-invalid + .select2-container--default .select2-selection--multiple {
	border: 1px solid #dc3545;
}

/* When we have a hr after h3, show the line directly under the h3 */
h3:has(+hr) {
	margin-bottom: 0;
}
h3 + hr {
	margin-top: 0;
	margin-bottom: 2em;
}