/*@keyframes levandefot {
	50% {
		background-position-y: -100px;
	}
}
*/
footer {
	background-color: rgba(153, 204, 204, 1);
	background-image: url("/bilder/navbar-bg.png");
	background-image: image-set( "/bilder/navbar-bg.avif" type("image/avif"), "/bilder/navbar-bg.png" type("image/png"));
	background-position-y: 0px;
	/*animation: levandefot 50s infinite;*/
	color: #555;
	clear: both;
	padding: 60px 0px;
	font-size: 0.75em;
}

	footer p {
		border-bottom: solid 3px #77aaaa;
		font-size: calc(1rem + .1vw);
		margin-bottom: 0.5rem;
	}

.footer-brand {
	height: 32px;
	width: 140px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.callout {
	background-color: rgba(153, 204, 204, 0.2);
	border-left: 0.25rem solid rgba(153, 204, 204, 1);
	padding: 1rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

.callout-danger {
	color: var(--bs-danger-text-emphasis);
	background-color: var(--bs-danger-bg-subtle);
	border-left-color: var(--bs-danger-border-subtle);
}

.callout > a, .callout > div > a {
	color: rgb(2, 61, 146);
}

.aptopmeny {
	background: rgba(153, 204, 204, 0.8) !important;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	--bs-navbar-color: rbga(0,0,0,.8);
	--bs-navbar-color-hover: black;
	--bs-navbar-padding-y: 0;
}

@media (max-width: 991.98px) {
	.aptopmeny {
		position: revert;
	}
}

.navbar-shadow {
	box-shadow: 0 5px 15px rgba(153, 204, 204, .8);
}

.navbar-brand img {
	filter: drop-shadow(1px 1px 2px rgb(0 0 0 / 0.5));
}

/*.text-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-shadow: 0 0 6px black;
	color: #fff;*/ /* Change text color as needed */
	/*padding: 20px;
	animation-delay: 0s;
	animation-duration: 1s;
	animation-name: softaintext;
	animation-direction: normal;
}*/

@keyframes softaintext {
	0% {
		opacity: 0;
		transform: translate(-50%, 200%);
	}

	100% {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

.modellguidencontainer h1 {
	/*margin-top: 25px;*/
	padding: 5px 5px 5px 15px;
	background-color: #ddd;
	background-image: linear-gradient(to bottom right, #ddd, rgba(153, 204, 204, .4));
	border-radius: 0.375rem;
	top: 41px;
	position: sticky;
	z-index: 1050;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-shadow: 0 0 2px 0px #ccc;
}

@media (max-width: 768px) {
	.modellguidencontainer h1 {
		/*top: 85px;*/
	}
}

@media (max-width: 767.98px) {
	.hanterabredtext {
		font-size: 4.25vw;
		line-height: 2.5rem;
		height: 3.25rem;
	}
}

.card-body h5 {
	text-align: left;
}

.card-body h6 {
	text-align: left;
}

.card-body div {
	font-size: .75em;
	line-height: normal;
	text-align: right;
}

.card .card-body {
	--bs-card-spacer-y: 0.25rem;
	background-color: rgba(153, 204, 204, .2);
	background-image: linear-gradient(to bottom right, rgba(153, 204, 204, .01), rgba(153, 204, 204, .9));
}

h2.card-title {
	font-size: 1.25rem;
}

.card {
	--bs-card-title-spacer-y: 0rem;
	border: 1px solid rgba(113, 164, 164, 0.5);
	/*box-shadow: 2px 2px 8px 0px silver;*/
	box-shadow: 1px 1px 4px rgba(0,0,0,.25); /*, 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);*/
}

	.card:hover {
		/*box-shadow: 4px 4px 16px 0px silver;*/
		box-shadow: 2px 2px 8px rgba(0,0,0,.5); /*, 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);*/
	}

.card {
	/*transition: all 0.3s ease-in-out;*/
	transition: box-shadow .1s cubic-bezier(.4,0,.2,1) 0ms;
}


.yearandbodies h3 {
	float: left;
	font-size: 1rem;
}



.yearandbodies div {
	float: right;
	font-size: 10px;
	color: rgba(33, 37, 41, 0.75);
}

.yearandbodies {
	background-color: rgba(153, 204, 204, 1);
}

.col a {
	text-decoration: none;
}

.card {
	overflow: hidden;
}

	.card img {
		transition: all 0.3s ease-in-out;
	}

		.card img:hover {
			transform: scale(1.05, 1.05);
		}

/*@keyframes korabil {
	from {
		transform: translateX(30px) scale(1.1, 1.1);
	}

	to {
		transform: translateX(-75px) scale(1.25, 1.25);
	}
}
*/
/*.panorera {
	animation-duration: 20s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-name: korabil;
}
*/
.position-relative {
	overflow: hidden;
	margin-top: 15px;
}

@media (max-width: 991.98px) {
	.position-relative {
		margin-top: 10px;
	}
}

@keyframes regskyltblank {
	50% {
		background-position-x: -67px;
	}
}

.registreringsskylt {
	border: 1px solid black;
	border-radius: 3px 3px;
	box-shadow: 2px 2px 8px 0 gray;
	background-color: #eee;
	background: linear-gradient(135deg, #ddd 30%, #fffde0 40%, #ddd 60%);
	height: 27px;
	display: inline-block;
	width: 132px;
	font-family: Arial, Helvetica, sans-serif;
	animation: regskyltblank 10s ease 5s 2;
}

	.registreringsskylt > div {
		transform: scale(0.68, 1);
		transform-origin: top left;
		font-size: 25px;
		font-weight: bold;
		display: flex;
		overflow: inherit;
		line-height: 26px;
		color: black;
	}

	.registreringsskylt::before {
		content: ".SE";
		background-color: #01529E;
		text-align: center;
		font-size: 7px;
		color: #eee;
		float: left;
		height: 100%;
		margin: 0 3px 0 0;
		padding: 15px 0px 0 0px;
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
		width: 13px;
		display: inline-block;
	}

	.registreringsskylt::after {
		content: "\25CC";
		font-size: 18px;
		color: #E8C112;
		position: relative;
		top: -32px;
		left: 1px;
		float: left;
		text-shadow: 0 0 2px yellow;
	}

.nav-link {
	/*font-weight: bold;*/
	color: black;
}

.nav {
	background-color: rgba(153, 204, 204, 1);
	background-image: url("/bilder/navbar-bg.png");
	background-image: image-set( "/bilder/navbar-bg.avif" type("image/avif"), "/bilder/navbar-bg.png" type("image/png"));
	background-position-y: 0px;
	z-index: 2500;
}



/* från annan fil!!! */
a.nav-link {
	font-size: 8px;
	padding: 3px 5px 3px 5px;
	border: 1px solid transparent;
}

	a.nav-link:link {
		color: #333333;
		font-size: 14px;
	}

	a.nav-link:visited {
		color: #333333;
	}

	a.nav-link:hover {
		background-color: rgba(153, 204, 204, 0.8);
		border-radius: 5px 5px;
		border: 1px solid #86b3b377;
		box-shadow: rgba(134, 179, 179, 0.75) 2px 2px 3px;
	}

.menu td {
	padding: 4px 1px;
	vertical-align: top;
}

.grayborderbg {
	background-color: #f7f7f7;
	border: gray 1px solid;
	padding: 2px 0 0 0;
	max-width: 200px;
	border-radius: 4px;
	margin: 10px 0;
	box-shadow: rgba(0,0,0,0.25) 1px 1px 4px;
}

	.grayborderbg label {
		font-size: 12px;
	}

	.grayborderbg input {
		width: 98%;
	}

.loginform {
	font-size: 12px;
}

.nav-item .nav-link {
	padding: 4px 0 4px 10px;
	font-weight: bold;
	white-space: nowrap;
}

.dropdown-menu {
	background-color: #fafafa;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 5px;
	min-width: 9rem;
	z-index: 3000;
}

.dropdown-item {
	padding-right: 60px;
}

.badge {
	/*	--bs-badge-font-weight: normal;
	--bs-badge-font-size: 0.65em;*/
}

.bg-warning {
	color: black;
}





.modellguidencontainer {
	width: 100%;
	max-width: 768px;
	font-size: 16px;
	font-family: verdana, arial, helvetica, sans-serif;
}

	.modellguidencontainer > table {
		border-collapse: separate;
		border-spacing: 1px;
	}


		.modellguidencontainer > table td, .modellguidencontainer > table th {
			font-size: 12px;
		}

		.modellguidencontainer > table th {
			padding: 2px 0px;
		}

		.modellguidencontainer > table > th:first-child {
			border-top-left-radius: 8px;
			border-bottom-left-radius: 8px;
		}

		.modellguidencontainer > table > th:last-child {
			border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		}

	.modellguidencontainer .toppbilddiv, .container > .row > .col-lg-10 > .toppbilddiv {
		position: relative;
		text-align: center;
		color: white;
		/*max-width: 768px;*/
		margin-bottom: 20px;
		margin-top: 20px;
		z-index: -100;
	}

		.modellguidencontainer .toppbilddiv .background-video,
		.container > .row > .col-lg-10 > .toppbilddiv .background-video {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			height: 100%;
			object-fit: cover; /* Ser till att videon täcker hela området utan att ändra proportioner */
			transform: translate(-50%, -50%); /* Centrerar videon */
			z-index: -1; /* Placerar videon bakom innehållet */
			border: solid 1px black;
			border-radius: 8px;
			box-shadow: 2px 2px 8px 0px silver;
		}

		.modellguidencontainer .toppbilddiv img, .container > .row > .col-lg-10 > .toppbilddiv img {
			width: 100%;
			border: solid 1px black;
			border-radius: 8px;
			box-shadow: 2px 2px 8px 0px silver;
		}

.textbild {
	position: relative;
	height: 100%;
}

	.textbild > div {
		position: absolute;
		width: 50%;
		color: white;
		font-size: calc(0.75rem + 2.75vw);
		font-weight: bold;
		text-shadow: 2px 2px 5px black;
		text-align: left;
		top: -200%;
		left: 20px;
	}

	.textbild img {
		border: solid 1px black;
	}


.toppbilddiv .centered {
	font-size: calc(1.2rem + 0.8vw);
	font-weight: bold;
	text-shadow: -1px 1px 1px #000, 1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 2px 2px 4px #000;
	position: absolute;
	text-align: left;
	top: 10%;
	left: 20px;
}

.datatabell {
	margin-top: 30px;
	width: 100%;
}

	.datatabell tr td:nth-child(n+3):last-child {
		text-align: right;
	}

	.datatabell tr {
		background-color: #ddd;
		text-align: center;
	}

		.datatabell tr > td:first-child {
			/*border-left: 5px #aaa solid;*/
		}

		.datatabell tr:nth-child(even) {
			background-color: #eee;
		}



.modellguidencontainer h1 {
	margin-top: 30px;
}

table.modellguidenmatt {
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
	margin-top: 40px;
	caption-side: top;
}

	table.modellguidenmatt caption {
		padding: 4px;
		background-color: #eee;
		font-size: 18px;
		font-weight: bold;
		padding: 10px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-top-color: red;
		border-top-width: 1px;
	}

	table.modellguidenmatt tr > th {
		background-color: #ddd;
		padding: 8px;
	}

		table.modellguidenmatt tr > th:not(:first-child) {
			text-align: center;
		}

	table.modellguidenmatt > tbody > tr > td:first-child {
		background-color: #9cc;
		width: 60%;
		padding: 8px;
	}

	table.modellguidenmatt > tbody > tr > td:not(:first-child) {
		background-color: #eee;
		text-align: center;
		font-weight: normal;
		max-width: 100%;
		padding: 8px;
	}

.modellguidenkommentar td {
	text-align: left;
	padding: 10px 10px 10px 10px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-bottom: 40px;
	padding-bottom: 1em;
}

tr.modellguidenkommentar > td {
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-color: white;
	border-bottom-width: 6px;
	background-color: #ddd;
	background-image: linear-gradient(to bottom right, #ddd, rgba(153, 204, 204, .4));
}

.modellguidenkommentar td > h4 {
	line-height: 0;
	margin: 7px 0 8px;
	font-size: 12px;
	font-weight: bold;
}


.modellguidenforklaring {
	/* ??????????????????? */
}

.modellguidencontainer .datatabell tbody tr.modellguidenforklaring td {
	margin-top: 50px;
	text-align: left;
	background-color: rgba(153, 204, 204, 0.1);
	border-left: 8px #9cc solid;
	padding: 10px 10px 10px 10px;
}

.karossvarianterdiv img {
	width: 100%;
	border: solid 1px black;
}

.karossvarianterdiv > div {
	position: relative;
	bottom: 25px;
	left: 12px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px 3px black, 0px 0px 2px black;
	color: white;
}

.modellguidencontainer > table .modelyear {
	background-color: #99cccc;
	text-align: left;
	font-size: 14px;
	background: #aaa;
	font-weight: bold;
	padding: 4px 5px 1px 15px;
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.datatabell th {
	font-weight: bold;
	background-color: #9cc;
	position: sticky;
	top: 40px;
	z-index: 800;
}

@media (max-width: 768px) {
	.datatabell th {
		font-weight: bold;
		background-color: #9cc;
		position: sticky;
		/*top: 86px;*/
	}
}










.apmenu {
	font-family: arial;
	font-weight: bold;
	background-color: #dddddd;
}

#stormeny {
	display: none;
}

.apmenu > div > a {
	font-size: 14px;
	margin: 5px 5px 5px 1px;
	/*display: inline;*/
}

.apmenu ul {
	margin-top: 2px;
	margin-bottom: 8px;
	padding-left: 25px;
	margin-left: 0px;
	list-style: none;
	font-weight: normal;
}

.apmenu li {
	margin-bottom: 6px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

	.apmenu li a {
		font-size: 12px;
	}

.apmenu input {
	font-family: tahoma;
	font-size: 8pt;
}

.apmenu a {
	text-decoration: none;
	color: #000000;
}

	.apmenu a:hover {
		text-decoration: underline;
	}

.apmenu label {
	display: block;
	padding: 10px 0 0 0;
}

.apmenu input[type=submit] {
	width: 95%;
	margin: 10px 2px;
	padding: 10px 0px;
	cursor: pointer;
}

.apmenu .grayborderbg {
	border: 1px solid gray;
	background: #f7f7f7;
	border-spacing: 0;
	margin: 4px 0px 5px 4px;
	padding: 4px 0px 5px 4px;
	width: 140px;
}

.apmenu .menu-sub:hover {
	cursor: pointer;
	text-decoration: underline;
}

.apmenu .pumenu {
	font-weight: normal;
	background-color: transparent;
	line-height: 1.3em;
}


/* Style the navigation menu */
.topnav {
	overflow: hidden;
	background-color: #ddd;
	position: relative;
}

	/* Style navigation menu links */
	.topnav a {
		padding: 8px 8px;
		text-decoration: none;
	}

		/* Style the hamburger menu */
		.topnav a.icon {
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			border: solid 3px #99cccc;
			border-radius: 10px 10px;
		}

		/* Add a grey background color on mouse-over */
		.topnav a:hover {
			background-color: #ddd;
		}

/* Style the active link (or home/logo) */
.active {
	background-color: #04AA6D;
	color: white;
}

.modellguidencontainer > div > a.badge.text-bg-secondary {
	text-decoration: none;
	margin: 0 0;
}

.bg-mgmeny {
	background-color: #99cccc !important;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 1px;
	width: 40px;
	margin-left: 4px;
	/*border: 1px solid green;*/
}

	.bg-mgmeny:hover {
		background-color: #99cccc !important;
		box-shadow: rgba(0,0,0,0.5) 0px 0px 2px;
		/*border: 1px solid green;*/
	}

@media (max-width: 767.98px) {

	a.nav-link.dropdown-toggle.badge.rounded-pill.bg-mgmeny::after {
		display: none;
	}

	a.nav-link.dropdown-toggle.badge.rounded-pill.bg-mgmeny {
		width: 24px;
		text-align: center;
		padding: 3px 0 3px 0;
	}
}

@media (min-width: 768px) {

	a.nav-link.dropdown-toggle.badge.rounded-pill.bg-mgmeny {
		padding: 4px 2px 1px 8px;
	}
}



@keyframes menyavdelare {
	50% {
		border-bottom-color: gray;
	}
}

.aptopmeny {
	border-bottom: #99cccc 1px solid;
}

#navbarNavAP {
	display: flex !important;
	justify-content: center;
	width: 584px;
	top: 9px;
}

@media (max-width: 991.98px) {
	#navbarNavAP {
		top: 0;
		height: 44px;
		padding-top: 8px;
		width: 100%;
	}
}


.apsubmeny {
	background: rgba(153, 204, 204, 0.8) !important;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	border-bottom: #99cccc 1px solid;
}

@media (min-width: 992px) {
	.apsubmeny {
		background: none;
		background-image: none;
		background-color: transparent !important;
		margin-top: -80px;
		top: -15px;
		position: sticky;
		border-bottom: none;
		margin-bottom: 56px;
	}

	.modellguidencontainer {
	}
}

@media (max-width: 991.98px) {
	.apsubmeny {
		height: 40px;
		padding: 0 0 0 0;
		top: 45px;
		margin-top: 0;
		box-shadow: 0px 5px 15px rgba(153, 204, 204, 0.8);
	}

	a.nav-link.dropdown-toggle.badge.rounded-pill.bg-mgmeny {
		padding: 5px 0px 0px 2px;
	}

	.bg-mgmeny {
		width: 28px;
		height: 28px;
	}

	.apsubmeny {
		height: 34px;
		padding: 3px 0 0 0;
	}
}


.startsidancontainer .panel-heading {
	padding-left: 5px;
	background-color: #ddd;
	background-image: linear-gradient(to bottom right, #ddd, rgba(153, 204, 204, .4));
	border-bottom: 1px solid #9cc;
	/*height: 35px;*/
}

	.startsidancontainer .panel-heading h2 {
		font-size: calc(1.1rem);
		line-height: 1.8;
		margin-bottom: 0.1rem;
	}

		.startsidancontainer .panel-heading h2 a {
			color: black;
		}

.startsidancontainer .card-body {
	padding: 0 5px;
}

table.card-table-forum {
	width: 100%;
	table-layout: fixed;
	font-size: 14px;
}

	table.card-table-forum > thead > tr {
		display: none;
	}

	table.card-table-forum > tbody > tr > td {
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

		table.card-table-forum > tbody > tr > td > a {
			color: rgb(2, 70, 180);
		}

		table.card-table-forum > tbody > tr > td:nth-child(2) {
			text-align: right;
			min-width: 30px;
			width: 40px;
		}

		table.card-table-forum > tbody > tr > td:nth-child(3) {
			text-align: right;
			width: 40px;
		}

		table.card-table-forum > tbody > tr > td:nth-child(2) > div {
			border-radius: var(--bs-border-radius-pill) !important;
			--bs-badge-border-radius: var(--bs-border-radius);
			background-color: RGBA(108,117,125,var(--bs-bg-opacity,1)) !important;
		}

.pufflinkbutton {
	margin-top: 10px;
	margin-bottom: 5px;
}

.card-divider {
	margin-top: 5px;
	border-top: 1px solid #9cc;
	bottom: 5px;
}

.card-body {
	font-size: 14px;
}

.disclaimer {
	font-size: 0.75em;
}

.statistik {
	width: 100%;
}

.statistikgrupp {
	/*border-bottom: 1px solid #9cc;*/
	box-shadow: rgba(100, 150, 150, .5) 0px 1px;
}

footer .col-md-3 {
	margin-bottom: 25px;
}

.aspectratio21 {
	aspect-ratio: 2 / 1;
	object-fit: cover;
}

.aspectratio31 {
	aspect-ratio: 3 / 1;
	object-fit: cover;
}

.aspectratio41 {
	aspect-ratio: 4 / 1;
	object-fit: cover;
}

.aspectratio51 {
	aspect-ratio: 5 / 1;
	object-fit: cover;
}

.aspectratio61 {
	aspect-ratio: 6 / 1;
	object-fit: cover;
}

.pbannonsrubrikstartsidan {
	font-size: calc(1rem);
}

@media (max-width: 767.98px) {
	footer h3 {
		padding-top: 25px;
	}
}

@media (min-width: 768px) {
	.dubbelradigheader {
		padding-top: 25px;
	}
}



.standardtabell {
	margin-top: 30px;
	border-collapse: separate;
	border-spacing: 1px;
	width: 60%;
}

@media (max-width: 768px) {
	.standardtabell {
		width: 100%;
	}
}

.standardtabell tr td:nth-child(n+3):last-child, .standardtabell th:last-child {
	text-align: right;
}

.standardtabell th {
	background-color: #aaa;
	padding: 6px 4px;
}

.standardtabell td {
	vertical-align: top;
	padding: 4px 4px;
	font-size: 12px;
	white-space: nowrap;
}

	.standardtabell td:first-child {
		white-space: initial;
	}

.standardtabell tr {
	background-color: #ddd;
}

	.standardtabell tr > td:first-child {
		/*border-left: 5px #aaa solid;*/
	}

	.standardtabell tr:nth-child(even) {
		background-color: #eee;
	}

.bild100 > div > picture > img {
	width: 100%;
	border: 1px solid black;
	border-radius: 6px 6px;
	box-shadow: rgba(0,0,0, 0.45) 2px 2px 5px;
	margin-bottom: 5px;
}

.bild100 > div {
	padding-bottom: 50px;
}

@media (max-width: 991.98px) {
	#navbarNavAltMarkup {
		/*display: none !important;*/
	}
}

@media (min-width: 992px) {
	#navbarNavAltMarkup {
		position: sticky;
		top: 40px;
		height: calc(100vh - 56px);
		display: block !important;
	}
}

.navbar-collapse {
	flex-basis: initial;
	align-items: initial;
}

.navbar-toggler {
	border: none;
}

svg.bi-person-fill-check {
	filter: drop-shadow(0px 0px 1px rgb(255 255 0 / 0.75));
}

svg.bi-person {
	filter: drop-shadow(1px 1px 1.5px rgb(0 0 0 / 0.5));
}

/*	.navbar-toggler-icon::before {
		content: '';
		display: block;
		height: 100%;
		background-image: url(/bilder/autopower-autobahn.svg);
		background-repeat: no-repeat;
		background-origin: content-box;
		opacity: 10%;
	}*/
.navbar-toggler:focus {
	box-shadow: none;
}

.inloggadsom {
	background-color: rgba(153, 204, 204, 0.25);
	border-radius: 0 0 4px 4px;
	color: #666666;
	font-size: 0.75em;
	border-top: 1px solid #99cccc;
	box-shadow: rgba(100, 150, 150, 0.5) 0px 0px 2px;
	margin-top: 6px;
	padding: 4px 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media (max-width: 399.98px) { /*iPhone 5 eller 14 med zoom (och mindre) */
	.registreringsskylt {
		display: none;
	}

	.autobahn {
		display: block;
		height: 26px;
	}

		.autobahn img {
			vertical-align: baseline;
		}
}

@media (min-width: 400px) { /*iPhone 5 eller 14 med zoom (och mindre) */
	.registreringsskylt {
		display: inline-block;
	}

	.autobahn {
		display: none;
	}
}

.accordion-body h3 {
	font-size: 1.1rem;
	padding-top: 16px;
}

table.pyamas {
	filter: drop-shadow(1px 1px 2px rgb(50 100 100 / 0.15));
	border-collapse: separate;
	border-spacing: 1px;
}

	table.pyamas td, table.pyamas th {
		padding: 8px 12px;
	}

	table.pyamas > thead {
		position: sticky;
		top: 0px;
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
		border-bottom: #99cccc 1px solid;
		background: rgba(153, 204, 204, 0.8) !important;
		transition: top 0.2s ease-in-out 0s;
	}

body:has(nav.apsubmeny) table.pyamas > thead {
	top: 40px;
}

@media (min-width: 992px) {
	table.pyamas > thead {
		top: 40px;
	}
}

table.pyamas > thead > tr > th:first-child {
	border-radius: 8px 0 0 0;
}

table.pyamas > thead > tr > th:last-child {
	border-radius: 0 8px 0 0;
}

table.pyamas > tbody > tr:nth-child(2n+1) {
	background-color: #e8e9ea;
}

table.pyamas > tbody > tr:nth-child(2n) {
	background-color: #f8f9fa;
}

table.pyamas > tbody > tr > td {
	overflow-wrap: anywhere;
}

table.pyamas a {
	color: rgb(2, 61, 146);
	text-decoration: none;
}

.callout div svg {
	filter: drop-shadow(1px 1px 2px rgb(0 0 0 / 0.5));
	margin-right: 4px;
}

.probadge {
}

.accordion-button {
	font-size: 1.5rem;
}

table.forum-lista {
	caption-side: top;
	margin-bottom: 12px;
}

	table.forum-lista > caption {
		padding-bottom: 0;
	}

table.forum-lista {
	border-collapse: separate;
	border-spacing: 0px;
}

	table.forum-lista > caption > h2 {
		background-color: #9cc;
		background-image: image-set( "/bilder/navbar-bg.avif" type("image/avif"), "/bilder/navbar-bg.png" type("image/png"));
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 8px 12px;
		color: black;
		margin: 0 0;
		font-size: 1rem;
	}

	table.forum-lista > thead > tr {
		background-color: silver;
		font-size: 0.75rem;
	}

		table.forum-lista > thead > tr > th:first-child, table.forum-lista > tbody > tr > td:first-child {
			border-top-left-radius: 0;
			padding-right: 0;
			/*		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;*/
		}

		table.forum-lista > thead > tr > th:nth-child(2), table.forum-lista > tbody > tr > td:nth-child(2) {
			padding-left: 0;
			padding-right: 0;
		}

		table.forum-lista > thead > tr > th {
			border-bottom: 1px solid grey;
			border-top: 1px solid grey;
		}

	table.forum-lista > tbody > tr > td:last-child {
		padding-left: 5px;
		padding-right: 6px;
	}

	table.forum-lista > thead > tr > th:last-child {
		border-top-right-radius: 0;
	}

	table.forum-lista > tbody > tr > td {
		border-bottom: 1px solid #ddd;
	}

		table.forum-lista > tbody > tr > td:last-child, table.forum-lista > thead > tr > th:last-child {
			text-align: right;
			vertical-align: top;
		}

		table.forum-lista > tbody > tr > td:nth-child(2), table.forum-lista > thead > tr > th:nth-child(2) {
			text-align: right;
			vertical-align: top;
		}

	table.forum-lista a {
		font-size: 1.35rem;
		/*color: #337ab7;*/
		text-decoration: none;
		display: block;
	}

	table.forum-lista > tbody > tr:nth-child(2n) {
		background-color: #f9f9f9;
	}

	table.forum-lista > tbody > tr:nth-child(2n+1) {
		background-color: #f2f2f2;
	}

	table.forum-lista > tbody > tr > td:first-child {
		padding-right: 0;
		margin-right: 0;
		font-size: 0.8rem;
	}

table.forum-avdelning {
	caption-side: top;
	width: 100%;
	margin-bottom: 12px;
}

	table.forum-avdelning a {
		color: rgb(2, 61, 146);
		text-decoration: none;
		display: block;
	}

	table.forum-avdelning > caption {
		background-color: #9cc;
		background-image: image-set( "/bilder/navbar-bg.avif" type("image/avif"), "/bilder/navbar-bg.png" type("image/png"));
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 8px 12px;
		color: black;
		margin: 0 0;
		/*	position: sticky;
	top: 0;*/
	}

	table.forum-avdelning td, table.forum-avdelning th {
		padding: 8px 12px;
	}
	table.forum-avdelning > thead > tr > th {
/*		border-top: 1px solid grey;
		border-bottom: 1px solid grey;*/
	}

	table.forum-avdelning > thead {
		position: sticky;
		top: 0;
		backdrop-filter: blur(2.5px);
		-webkit-backdrop-filter: blur(2.5px);
		background: rgba(128, 128, 128, 0.5) !important;
		transition: top 0.2s ease-in-out 0s;
		z-index: 1;
		/*border-bottom: 1px solid red;*/
	}

@media (min-width: 992px) {
	table.forum-avdelning > thead {
		top: 40px;
	}
}

table.forum-avdelning > tbody > tr > td {
	border-bottom: 1px solid #ddd;
}

table.forum-avdelning > tbody > tr:nth-child(2n) {
	background-color: #f9f9f9;
}

table.forum-avdelning > tbody > tr:nth-child(2n+1) {
	background-color: #f2f2f2;
}

table.forum-avdelning > tbody > tr > td:first-child > a {
	overflow-wrap: anywhere;
}

table.forum-avdelning > tbody > tr > td:first-child {
	overflow-wrap: normal;
	padding-right: 0;
}

table.forum-avdelning > tbody > tr > td:nth-child(3) {
	padding-left: 0;
}

table.forum-avdelning > tbody > tr > td {
	vertical-align: top;
}

table.forum-avdelning tr:has(td:nth-child(4)) td:last-child, table.forum-avdelning th:last-child {
	text-align: right;
}

table.forum-avdelning > tbody > tr > td:nth-last-child(2), table.forum-avdelning th:nth-last-child(2) {
	text-align: right;
}

table.forum-avdelning > tfoot {
	background-color: #9cc;
	background-image: image-set( "/bilder/navbar-bg.avif" type("image/avif"), "/bilder/navbar-bg.png" type("image/png"));
}

table.forum-avdelning > tbody > tr > td:first-child > div {
	margin-top: 13px;
	margin-bottom: 4px;
}

	table.forum-avdelning > tbody > tr > td:first-child > div > a {
		font-size: 0.9em;
		color: white;
	}

@media (max-width: 450px) {
	.me-xxs-0 {
		margin-right: 0px !important;
	}

	.pe-xxs-0 {
		padding-right: 0px !important;
	}
}

.pagination {
	margin-bottom: 0;
}

.forum-avdelning-dropdown > ul > li > a > span {
	right: 8px;
	position: absolute;
}

.forum-avdelning-dropdown > ul > li > a {
	padding-right: 60px;
	/*font-size: 0.75rem;*/
	padding-bottom: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 280px;
}

.forum-avdelning-dropdown > ul > li:nth-child(2n+1) {
	background-color: #f2f2f2;
}

.forum-avdelning-dropdown > ul > li > a:hover {
	background-color: #e2e2e2;
}

.forum-avdelning-dropdown > ul > li {
	border-bottom: 1px solid #ddd;
}

.forum-avdelning-dropdown .dropdown-menu[data-bs-popper] {
	/*right: 0;
	left: initial;*/
}

.forum-avdelning-dropdown .dropdown-header {
	background-color: silver;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	margin-top: 6px;
	padding: 5px 8px 5px 8px;
	box-shadow: rgba(128, 128, 128, 0.5) 0 0px 5px;
	font-size: 0.75rem;
	font-weight: bold;
	color: black;
}

#accordionAdmin .accordion-button {
	font-size: 0.85rem;
	padding: 2px 10px 2px 10px;
	background-color: rgba(255, 0, 0, 0.2);
}

#accordionAdmin .accordion-body {
	background-color: rgba(255, 0, 0, 0.2);
	font-size: 0.85rem;
}

#accordionAdmin .accordion-item {
	margin-top: 5px;
}

#accordionAdmin #idrubrik {
	font-size: 0.75rem;
}

.topic-info a.badge {
	text-decoration: none;
}

table.topic {
	caption-side: top;
	width: 100%;
}

	table.topic > caption {
		backdrop-filter: blur(2.5px);
		-webkit-backdrop-filter: blur(2.5px);
		z-index: 2000;
		background-color: #9ccc;
		/*background-image: image-set( "/bilder/navbar-bg.avif" type("image/avif"), "/bilder/navbar-bg.png" type("image/png"));*/
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 5px 12px;
		color: black;
		margin: 0 0;
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 0;
	}
@media (max-width: 350px) {
	table.topic > caption {
		position: initial;
	}
}

	table.topic > thead {
		/*position: sticky;
		top: 40px;
		backdrop-filter: blur(2.5px);
		-webkit-backdrop-filter: blur(2.5px);
		background: rgba(128, 128, 128, 0.5) !important;
		transition: top 0.2s ease-in-out 0s;
		z-index: 1;*/
		/*border-bottom: 1px solid red;*/
		background-color: silver;
	}
		table.topic > thead > tr > th > div .small {
			font-weight: normal;
		}

	table.topic > tfoot {
		background: rgba(128, 128, 128, 0.5) !important;
	}
	table.topic h1 {
		font-size: calc(0.875rem + .75vw);
		margin-bottom: 0px;
	}

	table.topic > thead > tr > th ul.pagination, table.topic > tfoot > tr > th ul.pagination {
		float: right;
		padding: 4px 4px 4px 0;
	}
		table.topic > tfoot > tr > th ul.pagination-forum {
			flex-wrap: wrap;
		}
table.topic th:first-child {
	padding-left: 12px;
}

	table.topic > tbody > tr:nth-child(2n) {
		background-color: #f9f9f9;
		/*background-color: #ddd;*/
	}

	table.topic > tbody > tr:nth-child(2n+1) {
		background-color: #f2f2f2;
		/*background-color: #eee;*/
	}
	table.topic > tbody > tr > td {
		vertical-align: top;
		border-bottom: 2px solid #bbb;
		/*margin-top: 10px;*/
		/*margin-bottom: 20px;*/
	}
	table.topic > tbody > tr > td:first-child {
		border-right: 1px solid #e8e8e8;
		position: relative;
	}
	table.topic > tbody > tr > td:first-child svg {
		margin-left: 10px;
		margin-right: 4px;
	}
		table.topic > tbody > tr > td > a {
			color: rgb(2, 61, 146);
			text-decoration: none;
		}
		table.topic > tbody > tr > td:last-child {
			padding: 10px 10px 10px 10px;
			position: relative;
		}
			table.topic > tbody > tr > td:last-child a {
				color: rgb(2, 61, 146);
				text-decoration: none;
				padding: 0.35em 0.65em;
				font-size: 0.75em;
				font-weight: 700;
				color: #fff;
				border-radius: 0.375rem;
				display: inline-block;
				line-height: 1;
				text-align: center;
				white-space: nowrap;
				vertical-align: baseline;
				border-radius: 0.375rem;
				background-color: darkgreen;
				box-shadow: rgba(0,0,0,0.5) 1px 1px 2px;
				transition: 0.25s;
			}
			table.topic > tbody > tr > td:last-child a:hover {
				box-shadow: rgba(0,0,0,0.75) 2px 2px 4px;
			}
				table.topic > tbody > tr > td:last-child a::after {
					display: inline-block;
					content: "";
					background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'><path stroke-width='3' fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5'/><path fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z'/></svg>");
					background-repeat: no-repeat;
					width: 1em;
					height: 1em;
					margin-left: 5px;
					stroke-width: 2;
				}
				table.topic > tbody > tr > td:last-child a.forum-topic-redigera::after {
					/* återställ eller uteslutande CSS-kod här */
					background-image: initial;
					display: inline-block;
					width: revert;
					height: revert;
					margin-left: revert;
				}

@media (max-width: 575px) {
	table.topic > tbody > tr > td {
		display: flow;
	}
}

table.topic > tbody > tr > td {
	width: 100%;
}
@media (min-width: 576px) {
	table.topic > tbody > tr > td:first-child {
		width: 25%;
	}
	table.topic > tbody > tr > td:last-child {
		width: 75%;
	}
}


.bi::before {
	display: inline-block;
	content: "";
	vertical-align: -.125em;
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	width: 1em;
	height: 1em;
}
.poweruser-nopic {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ccc' xmlns='http://www.w3.org/2000/svg'><path d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/></svg>");
	display: block;
	margin: 10px auto 5px auto;
	width: 90px;
	height: 90px;
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid gray;
	border-radius: 50% 50%;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 5px;
	background-position: center;
	background-size: 100%;
	transition: .2s;
	position: relative;
}
.poweruser-nopic {
	/*overflow: hidden;*/
}
	.poweruser-nopic:hover {
		background-size: 120%;
		box-shadow: rgba(0,0,0,0.8) 2px 2px 7px;
		/*border: 2.5px solid black;*/
	}
	.profile-div a {
		color: rgb(2, 61, 146);
	}
	.profile-div a.poweruser-nopic {
		color: black;
	}

.poweruser-blocked {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='red' xmlns='http://www.w3.org/2000/svg'><path d='M13.879 10.414a2.501 2.501 0 0 0-3.465 3.465zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465m-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m.256 7a4.5 4.5 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10q.39 0 .74.025c.226-.341.496-.65.804-.918Q8.844 9.002 8 9c-5 0-6 3-6 4s1 1 1 1z'/></svg>");
	margin: 10px auto 5px auto;
	width: 50px;
	height: 50px;
	filter: drop-shadow(1px 1px 2px rgb(0 0 0 / 0.4));
	transition: .2s;
}
	.poweruser-blocked:hover {
		filter: drop-shadow(2px 2px 3px rgb(0 0 0 / 0.5));
	}
.topic time {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	/*opacity: 0.75;*/
	transition: 0.25s;
	border-bottom-right-radius: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}
@media (max-width: 576px){
	.topic time {
		border-bottom-right-radius: 9px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 0px;
	}
}
.topic time::before {
	content: "";
	background-image: url("data:image/svg+xml,<svg viewBox='-1 -1 18 18' fill='white' stroke='white' stroke-width='1' xmlns='http://www.w3.org/2000/svg'> <path d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/> <path d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm0-1A7 7 0 1 1 8 1a7 7 0 0 1 0 14z'/> </svg>");
	background-repeat: no-repeat;
	display: inline-block;
	width: 0.75rem;
	height: 0.75rem;
	margin-right: 0.3rem;
	margin-left: 0;
	margin-top: 1px;
	vertical-align: top;
}
.topic tr:hover time {
	opacity: 1;
}
/*	.topic time {
		box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
	}*/
.agertext {
	font-size: 0.75em;
	color: #4a4a4a;
	margin: 12px 4px 4px 10px;
}

.poweruser-image-background {
	position: absolute;
	z-index: 0;
	background-size: cover;
	background-position: center center;
	top: 0px;
	width: 100%;
	height: 100%;
	left: 0px;
	opacity: 0.1;
	/*	border-top-right-radius: 5px;
	border-top-left-radius: 5px;*/
}
.poweruser-picture-container {
	width: 90px;
	height: 90px;
	border: 2px solid #000;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 5px;
}
.poweruser-picture-container:hover {
	box-shadow: rgba(0,0,0,0.8) 2px 2px 7px;
}

.poweruser-picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: .2s;
}
	.poweruser-picture:hover {
		transform: scale(1.2);
		
	}
.profile-div {
	position: relative;
	text-align: center;
}
.poweruser-name {
	text-align: center;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
.poweruser-pic {
	display: inline-block;
	border-radius: 50% 50%;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 5px;
	transition: .2s;
	position: relative;
	margin: 10px auto 5px auto;
}
.poweruser-pic .rounded-pill {
	box-shadow: rgba(0,0,0,0.75) 3px 3px 4px;
	margin-right: 7px;
}
.poweruser-pro {
	background-color: gold !important;
}
.posted-count {
	position: absolute !important;
	font-size: 1rem;
	right: -20px;
	bottom: 0px;
}
.poweruser-nopic .posted-count {
	overflow: initial;
	right: initial;
	left: 55px;
}
.poweruser-nopic .rounded-pill {
	box-shadow: rgba(0,0,0,0.35) 2px 2px 2px;
	margin-right: 7px;
	font-size: 12px;
}
.poweruser-pro {
	position: absolute !important;
	left: -10px;
	bottom: 0px;
}
.poweruser-gold {
	border: 3px solid gold;
	box-shadow: rgba(205,165,0,0.75) 3px 3px 5px;
}

.poweruser-bg-color-0 {
	background-color: #FFB6C1;
}
.poweruser-bg-color-1 {
	background-color: #87CEFA;
}
.poweruser-bg-color-2 {
	background-color: #98FB98;
}
.poweruser-bg-color-3 {
	background-color: #FFD700;
}
.poweruser-bg-color-4 {
	background-color: #FFA07A;
}
.poweruser-bg-color-5 {
	background-color: #B0C4DE;
}
.poweruser-bg-color-6 {
	background-color: #FFDEAD;
}
.poweruser-bg-color-7 {
	background-color: #DDA0DD;
}
.poweruser-bg-color-8 {
	background-color: #AFEEEE;
}
.poweruser-bg-color-9 {
	background-color: #FFDAB9;
}






@media (max-width: 575.98px) {
	table.topic td {
		display: block;
		width: 100%;
	}

	table.topic > tbody > tr:first-child > td:first-child {
		margin-top: 10px;
	}

	table.topic > tbody > tr:nth-child(2n) {
		background-color: white;
	}

	table.topic > tbody > tr:nth-child(2n+1) {
		background-color: white;
	}

	table.topic > tbody > tr > td:first-child {
		background-color: azure;
		/*border-left: 4px solid #9cc;*/
		/*border-bottom: 1px solid #eee;*/
		border-right: 1px solid silver;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
		border-radius: 10px 10px 0 0;
		box-shadow: rgba(0,0,0,0.15) 2px 0px 2px;
	}

	table.topic > tbody > tr > td:last-child {
		border-right: 1px solid silver;
		border-bottom: 1px solid silver;
		border-left: 1px solid silver;
		border-radius: 0px 0px 10px 10px;
		/* padding-bottom: 10px; */
		margin-bottom: 10px;
		box-shadow: rgba(0,0,0,0.15) 2px 2px 3px;
	}
	.profile-div {
		text-align: left;
	}
	.posted-count {
		left: 55px;
		bottom: 0px;
	}
	.poweruser-image-background {
		opacity: 0.25;
		border-radius: 10px 10px 0 0;
	}
	.poweruser-name {
		top: 0px !important;
		position: absolute;
		left: 65px;
		font-size: 1.2rem;
	}
	.poweruser-nopic .rounded-pill, .poweruser-pic .rounded-pill {
		font-size: 9px !important;
		position: absolute;
		bottom: 5px;
	}
	.poweruser-nopic {
		margin: 2px auto 2px 10px;
		font-size: 1.5rem;
		width: 50px;
		height: 50px;
		border: 1px solid gray;
		line-height: 3rem;
	}
	.poweruser-pic {
		margin: 4px 0px 4px 10px;
	}
	.poweruser-picture-container {
		width: 50px;
		height: 50px;
		border: 1px solid black;
	}
	.profile-div a.poweruser-nopic {
		color: transparent;
	}
	.poweruser-gold {
		border: 3px solid gold;
		box-shadow: rgba(205,165,0,0.75) 3px 3px 5px;
	}

}
.badge-forum-avdelning {
	bottom: 1px;
	left: 1px;
	position: absolute;
}
table.topic > tbody > tr > td:last-child iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
}
.forum-topic-sidvaljare {
	float: left;
}

/*time {
	display: block;
	content: "";
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'><path d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z'/><path d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0'/></svg>");
	background-repeat: no-repeat;
	padding-left: 1.5em;
	margin: 5px 5px 5px 5px;
	line-height: 0.9em;
	position: absolute;
	bottom: 0px;
	right: 0px;
	opacity: 0.5;
	transition: .2s;
} */
.topic-hidden {
	background-color: lightcoral;
}

.topic-visningar {
	position: absolute;
	bottom: 1px;
	right: 1px;
	background-color: darkgreen;
	border-radius: 10px 0 5px 0;
	padding-right: 10px;
	font-size: 14px;
}
	.topic-visningar::before {
		content: "";
		background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'><path d='M0 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5z' /> </svg>");
		display: inline-block;
		width: 1rem;
		height: 1rem;
		margin-left: 8px;
		vertical-align: bottom;
		margin-bottom: 3px;
		margin-right: 6px;
	}
@media (min-width: 450px) {
	.topic-visningar::after {
		content: "visningar";
		display: inline-block;
		padding-left: 6px;
	}
}
.topic-bevaka {
	background-color: blue;
}

.forum-merval {
	border-radius: 50% 50%;
}
.forum-merval:hover {
	background-color: #eee;
}
.forum-merval > ul > li > a > span {
/*	right: 8px;
	position: absolute;*/
}
.forum-merval > ul > li > a {
	padding-right: 60px;
	/*font-size: 0.75rem;*/
	padding-bottom: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 280px;
}
.forum-merval + .dropdown-menu[data-bs-popper] {
/*	right: 0;
	left: initial;
	margin-top: -8px;*/
}
.forum-topic-avdelning-badge {
	position: absolute;
	bottom: 1px;
	left: 1px;
	line-height: 1rem;
	border: 0 0;
	padding: 3px 12px;
	border-radius: 0 10px 0 5px;
}

.forum-sok {
	border: 1px solid #9cc;
	border-radius: 10px 10px;
	padding: 0 0 0 12px;
}
body:has(.forum-sok > input:focus) .forum-sok {
	color: green;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
	.forum-sok:focus {
		color: var(--bs-body-color);
		background-color: var(--bs-body-bg);
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
	}
	.forum-sok > input {
		border: none;
		margin-left: 10px;
		width: 100%;
	}
	.forum-sok > button {
		border: none;
		border-left: 1px solid #9cc;
		border-radius: 0 10px 10px 0;
	}
.forum-sok > input:focus {
	border: none;
	outline: none;
}

	.forum-sok > label > svg {
		vertical-align: -webkit-baseline-middle;
	}
.forum-nav {
	border-radius: 10px 10px;
	transition: 1s ease-in-out;
}
.forum-nav:hover {
	background-color: aliceblue;
}
table.forum-soksida {
	caption-side: top;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
}
	table.forum-soksida > caption {
		background-color: #9cc;
		background-image: image-set( "/bilder/navbar-bg.avif" type("image/avif"), "/bilder/navbar-bg.png" type("image/png"));
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 8px 12px;
		color: black;
		margin: 0 0;
	}
table.forum-soksida > caption > h2 {
	font-size: 1.5rem;
	margin-bottom: 0;
}

	table.forum-soksida > thead > tr {
		background-color: silver;
		backdrop-filter: blur(2.5px);
		-webkit-backdrop-filter: blur(2.5px);
		background: rgba(128, 128, 128, 0.5) !important;
		transition: top 0.2s ease-in-out 0s;
		z-index: 1;
		position: sticky;
		top: 0;
	}
@media (min-width: 992px) {
	table.forum-soksida > thead > tr {
		top: 40px;
	}
}

table.forum-soksida > tbody > tr:nth-child(2n+1) {
	background-color: #e8e9ea;
}
table.forum-soksida > tbody > tr:nth-child(2n) {
	background-color: #f8f9fa;
}
table.forum-soksida a {
	text-decoration: none;
}
table.forum-soksida > tbody > tr > td:nth-child(2),
table.forum-soksida > tbody > tr > td:nth-child(3) {
	text-align: right;
	color: rgb(2, 61, 146);
}
table.forum-soksida > tbody > tr > td, table.forum-soksida > thead > tr > th {
	border-bottom: 1px solid #ddd;
	padding: 6px 6px;
}
table.topic > tbody > tr > td:last-child > a.forum-topic-redigera {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.6rem;
	font-weight: normal;
	background-color: cornflowerblue;
	border-radius: 0 10px 0 0;
	color: white;
	opacity: 0.5;
	padding-bottom: 1px;
}
	table.topic > tbody > tr > td:last-child > a.forum-topic-redigera:hover {
		opacity: 1;
		background-color: #4a90e2;
	}
.forum-topic-redigera-knapp {
	margin-left: 5px;
	/*border: 1px solid #779999;
	font-family: verdana;
	font-size: 11px;*/
/*	background-color: #99cccc;
	border-collapse: collapse;*/
}
.forum-nav ul > li a:hover {
	background-color: #eee;
}
@media (max-width: 380px) {
	.miniknappar > a, .miniknappar > div > button{
		font-size: 0.7rem;
		margin-right: 0.15rem !important;
	}
	.forum-merval {
		padding: 6px 6px;
	}
	.pagination-forum > .page-item > a.page-link {
		padding: 4px 6px;
	}
}
table.poweruser-tabell {
	width: 100%;
}
table.poweruser-tabell > tbody > tr:nth-child(2n) {
	background-color: #f9f9f9;
}
table.poweruser-tabell > tbody > tr:nth-child(2n+1) {
	background-color: #f2f2f2;
}
table.poweruser-tabell > tbody > tr > td {
	vertical-align: top;
}
.forum-nytt > td:first-child > a::before {
	display: inline-block;
	content: "";
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='darkblue' viewBox='0 0 16 16'><path d='M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.73 1.73 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.73 1.73 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.73 1.73 0 0 0 3.407 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.16 1.16 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.16 1.16 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732z'/></svg>"); 
	background-repeat: no-repeat;
	width: 0.875em;
	height: 0.875em;
	padding-right: 4px;
	margin-right: 4px;
}
.modellguidenknappar a {
	--bs-btn-padding-y: .2rem;
	--bs-btn-padding-x: .35rem;
	--bs-btn-font-size: .75rem;
}
	.modellguidenknappar .row div:last-child a::after {
		content: "";
		background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8' /> </svg>");
		display: inline-block;
		width: 0.75rem;
		height: 0.75rem;
		margin-left: 4px;
		vertical-align: bottom;
		margin-bottom: 3px;
		margin-right: 4px;
	}
.modellguidenknappar .row div:first-child a::before {
	content: "";
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'><path d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8' /> </svg>");
	display: inline-block;
	width: 0.75rem;
	height: 0.75rem;
	margin-left: 4px;
	vertical-align: bottom;
	margin-bottom: 3px;
	margin-right: 4px;
}

body:has(.modellguidenknappar) .modellguidencontainer > .toppbilddiv {
	margin-top: 10px;
}

table.forum-valjmanad > tbody > tr > th {
	padding: 0 0 0 0;
	width: initial;
}
table.forum-valjmanad > tbody > tr > td {
	padding: 0 0 0 0;
	width: 7%;
}
table.forum-valjmanad > tbody > tr > td > a {
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
}
table.forum-valjmanad > tbody > tr > td:nth-last-child(2) {
	text-align: initial;
}
table.forum-valjmanad > tbody > tr > td:last-child {
	text-align: initial;
}
table.forum-valjmanad {
	caption-side: top;
	width: 100%;
	margin-bottom: 12px;
}
table.forum-valjmanad a {
	color: rgb(2, 61, 146);
	text-decoration: none;
	display: block;
}
table.forum-valjmanad > caption {
	background-color: #9cc;
	background-image: image-set( "/bilder/navbar-bg.avif" type("image/avif"), "/bilder/navbar-bg.png" type("image/png"));
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 8px 12px;
	color: black;
	margin: 0 0;
}
table.forum-valjmanad > tbody > tr > td {
	border-bottom: 1px solid #ddd;
}

table.forum-valjmanad > tbody > tr:nth-child(2n) {
	background-color: #f9f9f9;
}

table.forum-valjmanad > tbody > tr:nth-child(2n+1) {
	background-color: #f2f2f2;
}
.topic-ts {
	background-color: aliceblue;
}