osb/public/css/fixes.css

body {
	font-size: 0.75em;
}

/* Fixes for data tables */
/* Fix pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0 0;
	margin-left: 0;
	border: 0 solid;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 0 solid;
	background: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	box-shadow: 0 0 0 #fff;
	background-color: #fff;
}

/* Fix select width */
.dataTables_wrapper .dataTables_length select {
	width: 5em !important;
}

.dataTables_scrollHeadInner {
	width: 100% !important;
}

/* Remove multiple sorting images on tables */
table.dataTable thead .sorting_asc {
	background-image: none !important;
}

table.dataTable thead .sorting_desc {
	background-image: none !important;
}

table.dataTable thead .sorting {
	background-image: none !important;
}

/* 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;
}

/* Optional: Customize .focus-visible */
/*
.focus-visible {
	outline-color: lightgreen;
}
 */

*: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;
}