.card-side-img {
	background-image: url('../images/bg-material.png');
}

/* Logos keep their aspect ratio and never grow wider than their container; the height caps follow. */
.logo-lg img {
	max-height: 40px;
	max-width: 100%;
	width: auto;
	height: auto;
}

/* The condensed sidebar (75px) shows the square mark; the theme's default is too small for it. */
.logo-sm img {
	max-height: 40px;
	max-width: 100%;
	width: auto;
	height: auto;
}

/* Same selector weight as the theme's 26px auth logo rule, so the cap below wins. */
.auth-brand .logo-dark img,
.auth-brand .logo-light img {
	max-height: 75px;
	max-width: 100%;
	width: auto;
	height: auto;
}

.btn-xs {
	padding: .2rem .6rem;
	font-size: .75rem;
	border-radius: .15rem;
}

td.datatable-action-cell {
	width: 1.875rem;
	padding: .75rem .3rem;
}

.tooltip-label {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	width: 100%;
}

.tooltip-in-form {
	color: inherit;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	margin-inline-start: auto;
}

#sidenav-menu hr {
	border-top-color: var(--theme-sidenav-item-color);
	opacity: 0.15;
}

.topbar-alert {
	position: sticky;
	top: 0;
	z-index: 1010;
}

body.has-topbar-alert .sidenav-menu,
body.has-topbar-alert .app-topbar {
	top: var(--topbar-alert-height, 0px);
}

/* The 24px card toggle centres on a taller neighbour in the same .card-action (a header button); UBold leaves the
	row on stretch, which pins the toggle to the top. */
.card-header .card-action {
	align-items: center;
}

.gap-1-5 {
	gap: 0.5625rem !important;
}

/* A switch that opens its form-group has no group label above it, so its own label
    carries the field name and has to match the weight of a .form-label. Switches that
    sit underneath a group label are not :first-child, so they keep the normal body
    weight and the group label stays the only bold text in the block. */
.form-group > .form-check:first-child .form-check-label {
	font-weight: var(--theme-font-weight-semibold);
}

.modal-footer {
	--theme-modal-footer-gap: 1rem;
}