.footer {
	background-color: #f5f5f5;
	font-size: 0.9em;
	height: 60px;
}

.footer > .container,
.footer > .container-fluid {
	padding-right: 15px;
	padding-left: 15px;
}

.not-set {
	color: #c55;
	font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
	content: '';
	left: 3px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 5px transparent;
	margin: 4px 4px 2px 4px;
	background: transparent;
}

a.asc:after {
	border-bottom: solid 7px #212529;
	border-top-width: 0;
}

a.desc:after {
	border-top: solid 7px #212529;
	border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
	white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
	min-width: 50px;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.error-summary {
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.navbar form > button.logout {
	padding-top: 7px;
	color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
	.navbar form > button.logout {
		display: block;
		text-align: left;
		width: 100%;
		padding: 10px 0;
	}
}

.navbar form > button.logout:focus,
.navbar form > button.logout:hover {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.75);
}

.navbar form > button.logout:focus {
	outline: none;
}

/* style breadcrumb widget as in previous bootstrap versions */
.breadcrumb {
	background-color: var(--bs-gray-200);
	border-radius: 0.25rem;
	padding: 0.75rem 1rem;
}

.breadcrumb-item > a {
	text-decoration: none;
}

/* EditorJS Parsed Components */
.prs-image img {
	width: 100%;
}

.prs-paragraph {
	color: #797979;
	font-size: var(--fs-p2);
	line-height: var(--lh-p2);
	font-weight: var(--fw-bold);
}

.prs-image img.prs-image-stretched {
	width: 100%;
}

.prs-image img.prs-image-background {
	background: #eff2f5;
	padding: 10px;
}

.prs-image img.prs-image-border {
	border: 2px solid #000;
}

.prs-quote.left {
	text-align: left;
}

.prs-quote.center {
	text-align: center;
}

.prs-quote.right {
	text-align: right;
}

.prs-warning div {
	padding: 10px;
}

.prs-warning p {
	margin-bottom: 0;
}

.prs-warning {
	background-color: #fffaf0;
	border: 1px solid #ed8936;
	color: #c05621;
	border-radius: 7px;
}

.prs-alert {
	position: relative;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.prs-alert p {
	margin-bottom: 0;
}

.prs-alert-align-left {
	text-align: left;
}

.prs-alert-align-center {
	text-align: center;
}

.prs-alert-align-right {
	text-align: right;
}

.prs-alert-primary {
	background-color: #ebf8ff;
	border: 1px solid #4299e1;
	color: #2b6cb0;
}

.prs-alert-secondary {
	background-color: #f7fafc;
	border: 1px solid #cbd5e0;
	color: #222731;
}

.prs-alert-info {
	background-color: #e6fdff;
	border: 1px solid #4cd4ce;
	color: #00727c;
}

.prs-alert-success {
	background-color: #f0fff4;
	border: 1px solid #68d391;
	color: #2f855a;
}

.prs-alert-warning {
	background-color: #fffaf0;
	border: 1px solid #ed8936;
	color: #c05621;
}

.prs-alert-danger {
	background-color: #fff5f5;
	border: 1px solid #fc8181;
	color: #c53030;
}

.prs-alert-light {
	background-color: #fff;
	border: 1px solid #edf2f7;
	color: #1a202c;
}

.prs-alert-dark {
	background-color: #2d3748;
	border: 1px solid #1a202c;
	color: #d3d3d3;
}

.prs-carousel {
	margin-bottom: 32px;
}

.prs-carousel .carousel-item {
	/* height: 600px;
	max-height: 600px; */
	aspect-ratio: 2.4;
	opacity: 0;
	transition-property: opacity;
	transform: none;
}

.prs-carousel img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* .prs-carousel .carousel-caption {
	display: none;
} */

/* .prs-carousel .carousel-control-prev,
.prs-carousel .carousel-control-next {
	display: none;
} */

.prs-carousel .carousel-indicators li,
.prs-carousel .carousel-indicators button {
	height: 8px;
	width: 8px;
	opacity: 1;
	border-radius: 50%;
}

.prs-carousel .carousel-indicators .active {
	background-color: #d1ae68;
}

.prs-carousel .carousel-item.active,
.prs-carousel .carousel-item-next.carousel-item-start,
.prs-carousel .carousel-item-prev.carousel-item-end {
	z-index: 1;
	opacity: 1;
}

.prs-carousel .active.carousel-item-start,
.prs-carousel .active.carousel-item-end {
	z-index: 0;
	opacity: 0;
	transition: opacity 0s 0.6s;
}

@media (max-width: 767px) {
	.prs-carousel {
		margin-bottom: 16px;
	}

	.prs-carousel .carousel-item {
		/* height: 200px;
		max-height: 200px; */
		aspect-ratio: unset;
	}
}