/* Skeleton shimmer */
.skel {
	position: relative;
	overflow: hidden;
	background: #e9ecef;
	border-radius: .375rem;
}

	.skel::after {
		content: "";
		position: absolute;
		top: 0;
		left: -150px;
		height: 100%;
		width: 150px;
		background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
		animation: skel-shimmer 1.2s infinite;
	}

@keyframes skel-shimmer {
	0% {
		left: -150px;
	}

	100% {
		left: 100%;
	}
}

/* Skeleton card sizes similar to your real cards */
.route-skel-card {
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .5rem;
	background: #fff;
	overflow: hidden;
	height: 100%;
}

.route-skel-img {
	height: 150px;
}

.route-skel-title {
	height: 18px;
	width: 70%;
	margin-bottom: .75rem;
}

.route-skel-line {
	height: 14px;
	width: 100%;
	margin-bottom: .5rem;
}

	.route-skel-line.short {
		width: 85%;
	}

.route-skel-btn {
	height: 38px;
	width: 110px;
	border-radius: .375rem;
}

.route-skel-meta {
	height: 14px;
	width: 60%;
	margin-top: .75rem;
}

/* voorkom dat dropdown sluit bij klikken binnenin */
.dropdown-menu {
	user-select: none;
}

	.dropdown-menu .form-check {
		cursor: pointer;
	}