body {
	height: 100vh;
}

.hover-hand:hover {
	cursor: pointer;
}

.hover-arrow:hover {
	cursor: default;
}

.offcanvas {
	width: 90% !important;
	transition: transform 0.4s ease-in-out !important;
}

.offcanvas-help {
	width: 40% !important;
	transition: transform 0.4s ease-in-out !important;
}

.tab-pane {
	padding: 0.25rem !important; /* Bootstrap: p-1 */
	padding-top: 1rem !important; /* Bootstrap: p-3 */
}

.container-scrollable {
	overflow: auto;
	margin-top: 0.5rem; /* Bootstrap: mt-2 */
}

/* Scrollable div that shows the vertical scrollbar even on Mac */
.container-scrollable-small {
	max-height: 35vh;
}

.container-scrollable-small::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

.container-scrollable-small::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.container-scrollable-small::-webkit-scrollbar:horizontal {
	display: none;
}

.container-scrollable thead {
	background-color: #f8f9fa;
	position: sticky; /* Bootstrap: sticky-top */
	top: 0;
	z-index: 1020;
}

/* Tables */
.container-scrollable td,
th {
	white-space: nowrap; /* Columns can be long, e.g. a BAM file's "Extra" column */
}

th {
	vertical-align: middle;
}

/* Sveltestrap tables show an extra footer line otherwise, even if the footer is empty */
tfoot {
	display: none;
}

/* Prevent tooltips from flickering when hover between icon and tooltip */
.tooltip {
	pointer-events: none;
}