.table > :not(:first-child) {
	border-top-color: inherit;
	border-top-width: 0;
}

.nav-tabs {
	border: none;

	.nav-link {
		border-bottom: none !important;
		outline: none !important;

		&.active {
			font-weight: bolder;
			color: var(--bs-primary);
		}

		&:not(.active) {
			color: unset;
		}
	}
}

.btn-toolbar {
	.btn {
		width: 40px;
		max-width: calc((100vw - 1.5rem) / 8);
		height: 33px;
		padding: 0.375rem !important;

		font-size: 20px;
		line-height: 20px;

		i {
			height: 20px;
		}
	}

	.dropdown-item {
		cursor: pointer;
		padding: 0.2rem 2rem 0.2rem 0.5rem;

		&.disabled {
			pointer-events: all;
			cursor: unset;
		}

		&:not(.disabled) {
			&:hover,
			&:active {
				color: #fff;
				text-decoration: none;
				background-color: var(--bs-primary);
				background-image: var(--bs-gradient);
			}
		}

		> i,
		.flex-grow-1 > :first-child {
			display: inline-block;
			width: 2rem;
			margin-right: 0.5rem;
			text-align: center;
		}
	}
}

.modal-open .modal {
	overflow: hidden;
}

.error {
	color: red !important;
	transition-delay: 0.1s;
	transition-property: color;
}

.touch-only {
	display: none;
}

.form-select,
.form-check {
	&,
	* {
		cursor: pointer;
	}
}

@media (hover: none), (pointer: coarse) {
	.btn-toolbar .dropdown-item {
		padding: 0.4rem 2rem 0.4rem 0.5rem;
	}

	.btn-primary:hover:not(:focus, .active) {
		border-color: var(--bs-primary);
		background-color: var(--bs-primary);
	}

	.desktop-only {
		display: none;
	}

	.touch-only {
		display: unset;
	}
}

.tooltip {
	--bs-tooltip-opacity: 1 !important;
	--bs-tooltip-bg: var(--bs-gray-200) !important;
	--bs-tooltip-color: var(--bs-black) !important;
}

.tooltip-inner {
	text-align: left !important;
}

html.dark {
	.tooltip {
		--bs-tooltip-bg: var(--bs-gray-800) !important;
		--bs-tooltip-color: var(--bs-white) !important;
	}
}
