* {
	min-width: 0
}
html,
body {
	min-height: 100%;
	height: 100%;
	scroll-behavior: smooth;
	text-rendering: optimizeLegibility !important;
	font-size: 1rem;
	font-weight: 300;
	background-repeat: no-repeat;
	top: 0px !important;
	position: static !important;
}
html, body, input, option, select, textarea, button {
	font-family: 'Outfit', sans-serif;
	font-weight: 300;
}
a {
	box-sizing: border-box;
	text-decoration: none;
	outline: none;
	outline: none;
	outline-style: none;
	white-space: normal;
	font-weight: 400;
}

a img {
	border: none;
}
a:focus {
	outline: none;
	outline-style: none;
}

[required] {
	position: relative;
}

[required]::before {
	content: "*";
	color: tomato;
	position: absolute;
	right: 5px;
}

.goog-te-banner-frame {
	display: none !important
}

/* Tooltips CSS definitions */
div#qTip {
	position: absolute;
	font-size: 13px;
	display: none;
	padding: 8px 12px;
	border: none;
	max-width: 320px;
	z-index: 99999999999 !important;
	margin-right: 0px;
	margin-bottom: 0px;
	border-radius: 8px;
}

iframe,
p,
div,
span {
	box-sizing: border-box;
}
ul,
li {
	margin-left: 10px;
	padding: 2px 0px 3px 5px;
	border: 0;
	vertical-align: top;
	box-sizing: border-box;
}

ul.print_list {
	margin-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style: none;
}

ul.print_list li {
	margin-top: 1px;
	margin-left: 0px;
	padding-left: 50px;
	clear: both;
	vertical-align: top;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 35px 35px;
	min-height: 35px;
	background-image: url('/images/help/shipping_document_9.png');
	background-position: left;
}

ul.print_list li.shipping_document_1 {
	background-image: url('/images/help/shipping_document_1.png');
}

ul.print_list li.shipping_document_2 {
	background-image: url('/images/help/shipping_document_2.png');
}

ul.print_list li.shipping_document_3 {
	background-image: url('/images/help/shipping_document_3.png');
}

ul.print_list li.shipping_document_4 {
	background-image: url('/images/help/shipping_document_4.png');
}

ul.print_list li.shipping_document_5 {
	background-image: url('/images/help/shipping_document_5.png');
}

ul.print_list li.shipping_document_9 {
	background-image: url('/images/help/shipping_document_9.png');
}

ul.print_list li.shipping_document_10 {
	background-image: url('/images/help/shipping_document_10.png');
}

ul.print_list li.shipping_document_11 {
	background-image: url('/images/help/shipping_document_11.png');
}

ul.print_list li.shipping_document_12 {
	background-image: url('/images/help/shipping_document_12.png');
}

ul.print_list li.shipping_document_13 {
	background-image: url('/images/help/shipping_document_13.png');
}

ul.print_list li.shipping_document_14 {
	background-image: url('/images/help/shipping_document_14.png');
}

.fraktjakt_logga {
	width: 100%;
	max-width: 150px;
}

div {
	white-space: normal;
	box-sizing: border-box;
}

td,
th {
	white-space: normal;
	box-sizing: border-box;
}

font {
	white-space: normal;
}

hr,
td hr,
div hr,
#transparent hr {
	background-color: rgba(0, 0, 0, 0.06);
	color: var(--black-alpha-color) !important;
	border: 0;
	border-bottom: 1px solid var(--black-alpha-color) !important;
	border-left: 0;
	font-size: 1px;
	line-height: 0;
	overflow: visible;
	max-height: 0px;
	border-right: 0;
	border-top: 0;
	height: 1px;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

.mainwrapper {
	display: flex;
	flex-flow: row nowrap;
	flex-direction: row;
	margin: 1em 0;
	margin: 0px;
	padding: 0px;
	width: 100%;
	align-items: stretch;
	justify-content: center;
	min-height: 100%;
}

.secondarywrapper {
	display: flex;
	flex-flow: row wrap;
	flex-direction: row;
	margin: 1em 0;
	margin: 0px;
	padding: 0px;
	width: 100%;
	justify-content: center;
	align-items: stretch;
}

.maintab {
	width: 100%;
	max-width: 1600px;
	padding-bottom: 100px;
}

.footer {
	padding: 40px;
	width: 100%;
}

.footer h5 {
	margin-top: 0;
	text-transform: uppercase;
}

.footer_flex {
	flex: 0 1 1600px;
}

.footer_flex a {
	color: var(--black-half-alpha);
	font-weight: 300;
}

.footer_flex a:hover {
	color: var(--black-color);
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.grid-4-small {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
}
@media only screen and (min-width: 450px) {
	.grid-4-small {
		grid-template-columns: repeat(4, 1fr);
	}
}


.grid-base-340, .cards{
	display: grid;
	flex-wrap: wrap;
	gap: 30px;
	grid-template-columns: repeat( auto-fit, minmax(340px, 1fr));
}
.card {
	background: var(--light-grey-color);
	border: 1px solid var(--black-light-alpha);
	padding: 16px;
	border-radius: 8px;
}
.inline-grid-columns-2 {
	display: inline-grid;
	/* grid-template-columns: 145px 1fr; */
	grid-template-columns: 16ch 1fr;
	gap: 8px;
	align-content: baseline;
}
.subgrid_wrapper {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
	padding-inline: 3px;
}
.subgrid_wrapper:hover{
	background-color: var(--table-hover-color);
}
.flex_wrapper {
	display: flex;
	flex-flow: row wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin: 1em 0;
}

.mobile_data.flex_wrapper {
	gap: 20px;
	flex-flow: row nowrap;
	color: var(--slight-dark-color);
}

.flex1 {
	flex: var(--flex-section-1)
}
.flex2 {
	flex: var(--flex-section-2)
}

.mobile_data {
	display: flex;
	flex-flow: row wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	padding: 1em 0;
	gap: 20px;
	flex-flow: row nowrap;
	color: var(--slight-dark-color);
}
.border-left-transparent {
	border-left:4px solid transparent;
}
.flex_header {
	display: flex;
	flex-flow: row nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin: 1em 0 0;
	gap: 20px;
	font-weight: 400;
	font-size: 14px;
	align-content: center;
	clear: both;
	color: var(--black-half-alpha);
	background: var(--black-light-alpha);
	border-left: 1px solid var(--background-color);
	border-top: 1px solid var(--background-color);
	border-right: 1px solid var(--black-light-alpha);
	border-bottom: 1px solid var(--black-alpha-color);
	min-height: 40px;
	margin-bottom: 0;
}

article .flex_header {
	padding:5px;
}
article.rem.pres .flex_header {
	padding:15px;
}

.flex_header.desktop_element {
	gap: 20px;
}

.flex_header a {
	font-weight: 400;
	color: var(--slight-dark-color)
}

.flex_header div {
	padding: 5px;
}
article .flex_header div {
	padding: 10px;
}
article.rem.pres .flex_header div {
	padding: 15px;
}

.flex_header div div {
	padding: 0;
}

.sub_wrapper {
	display: flex;
	flex-flow: row nowrap;
	flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}

.expanderbar {
	display: flex;
	flex-flow: row nowrap;
	flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	gap: 20px;
	font-size: 14px;
	align-content: center;
	margin: 0;
}

.expanderbar div div.switch {
	padding: 2px;
	display: inline-block;
	width: auto;
	border-radius: 8px;
}

.sub_wrapper.table_header {
	gap: 10px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	background: var(--black-light-alpha);
	border-bottom: 1px solid var(--black-alpha-color);
}

.sub_wrapper.table_row {
	padding: 5px 5px;
}

.sub_wrapper.table_row:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.03);
}

.flex_subrow {
	color: var(--slight-darker-color);
	font-size: 13px;
	line-height: 1.4em;
}

.sub_wrapper.table_header div {
	padding: 5px;
	color: var(--black-half-alpha);
}

.sub_title {
	flex: 0 0 150px;
	font-size: 13px;
	color: var(--slight-darker-color);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right:5px;
}

.sub_content {
	flex-grow: 1;
	text-align: left;
	white-space: wrap;
	word-break: break-word;
}

.flex_margin div {
	margin: 5px 10px;
}

.flex_margin div.unit,
.flex_margin div div {
	margin: 0;
}

.tabellista div.flexcell {
	padding: 8px 10px;
	flex: 1 1 350px;
	background: var(--light-grey-color);
  border: 1px solid var(--black-light-alpha);
  border-radius: 8px;
}

.line-separator:before {
	content: "";
	align-self: stretch;
	border-left: 1px solid var(--black-alpha-color);
	margin-left: -30px;
	width: 30px;
	flex: 0 0 30px;
}

.line-separator {
	display: flex;
}

.expanderbar_icon:after {
	content: "\f078";
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	font-weight: 100;
	position: absolute;
	right: 0px;
	bottom: -5px;
	color: var(--blackerer-alpha-color);
	margin-right: 5px;
	z-index: 90;
	pointer-events: none;
	line-height: 20px;
}

.expanderbar div.expanderbar_icon:after {
	bottom: -2px;
}

.expanderbar {
	border-bottom: 1px solid var(--black-alpha-color);
	cursor: pointer;
	position: relative;
	color: var(--slight-dark-color);
}

div.expanderbar_icon.open:after,
div.expanderbar.open div.expanderbar_icon:after {
	content: "\f077";
}

.expanderbar:hover div.expanderbar_icon:after {
	font-weight: 600;
	opacity: 1;
	color: var(--link-color);
	pointer-events: none;
}

.expanderbar:hover {
	border-bottom: 1px solid var(--blackerer-alpha-color);
	box-shadow: 2px 0px 4px var(--black-alpha-color);
	cursor: pointer;
	background: var(--table-hover-color);
}

.lightgrey.expanderbar:hover {
	background: var(--black-light-alpha);
}

.lefttab {
	flex: 1 1 0;
}

.flex_break {
	flex-basis: 100%;
	height: 0;
}

.flex_300 {
	flex: 1 0 300px;
}

.flex_250 {
	flex: 1 0 250px;
}

.flex_200 {
	flex: 1 0 200px;
	margin: 0.5em 1em;
}

.pointer {
	cursor: pointer;
}

.hidden {
	display: none;
}

.text-w-400 {
	font-weight: 400;
}

.overflow-visible {
	overflow: visible;
}

.overflow-hidden {
	overflow: hidden;
}

.position_absolute {
	position: absolute;
}

.position_relative {
	position: relative;
}

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

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

.span-all {
	column-span: all;
	grid-column: 1/-1;
}

.sm-full-width {
	width: 100%;
}

.flex {
	display: flex;
}

.flex-column {
	flex-direction: column;
}

.flex-between {
	justify-content: space-between;
}

.gap-1 {
	gap: 2px;
}

.gap-2 {
	gap: 4px;
}

.vat-text {
	text-align: right;
	margin-bottom: 1em;
}

div.auto-label:before {
	content: " " attr(data-label)"";
	color: var(--black-half-alpha);
	display: block;
}

.white_rectangle_box {
	flex: 1 1 370px;
	min-height: 273px;
	gap: 24px;
	padding: 24px 24px 49px;
	border-radius: 19px;
	box-shadow: 0 6px 26px 0 var(--black-slight-alpha);
	background-color: var(--background-color);
}

i.input_icon,
i.fas.input_icon,
i.far.input_icon {
	padding-top: 7px;
	display: inline-block;
	width: 34px;
	height: 32px;
	color: rgba(0, 0, 0, 0.4);
	font-weight: 300;
	font-size: 18px;
	text-align: center;
	border-radius: 3px 0px 0px 3px;
	box-sizing: border-box;
	white-space: nowrap;
}

.floating_label i.input_icon,
.floating_label i.fas.input_icon,
.floating_label i.far.input_icon {
	width: 25px;
	padding-top: 12px;
	height: 30px;
	color: var(--blackerer-alpha-color);
	font-weight: 300;
	font-size: 16px;
	z-index: 10;
}

article.rem .floating_label i.input_icon,
article.rem .floating_label i.fas.input_icon,
article.rem .floating_label i.far.input_icon {
	margin-left: 5px;
}

article.rem.pres .floating_label i.input_icon,
article.rem.pres .floating_label i.fas.input_icon,
article.rem.pres .floating_label i.far.input_icon {
	margin-left: 10px;
}

i.input_icon_2 {
	position: absolute;
	bottom: 0px;
	margin-left: 1px;
	display: block;
	width: 25px;
	height: 30px;
	color: rgba(0, 0, 0, 0.4);
	font-weight: 300;
	font-size: 18px;
	text-align: center;
	border-radius: 3px 0px 0px 3px;
	box-sizing: border-box;
	line-height: 32px;
}

div.floating_label.input i.input_icon,
div.floating_label.input i.fas.input_icon,
div.floating_label.input i.far.input_icon,
div.floating_label.input i.input_icon_2,
div.floating_label.input:focus-within i.input_icon.recommended,
div.floating_label.input:focus-within i.input_icon,
div.floating_label.input:focus-within i.input_icon_2,
div.floating_label.input:focus-within i.input_icon_2.recommended {
	position: absolute;
	height: 40px;
	line-height: 30px;
	padding-top: 12px;
}

article.rem div.floating_label.input i.fas.input_icon {
	padding-top: 16px;
}


.input:hover i.input_icon,
.input:hover i.input_icon_2 {
	color: var(--blue-color);
}

div.input,
div.input_unit.input {
	display: flex;
	flex-flow: row nowrap;
	flex-direction: row;
	justify-content: space-between;
}

div.input input,
div.input select,
div.input_unit.input input,
div.input_unit.input select {
	flex: 1;
}

div.input:focus-within i.input_icon.recommended,
div.input:focus-within i.input_icon,
div.input:focus-within i.input_icon_2,
div.input:focus-within i.input_icon_2.recommended {
	font-weight: 600;
	color: var(--blue-color);
	display: block;
	text-shadow: none;
	position: absolute;
}

div.input.list_search:focus-within i.input_icon {
	color: var(--mediumblue-color);
	flex: 0 0 34px;
	margin-top: -1px;
	margin-left: -1px;
	background: transparent;
}

div.input.list_search:focus-within i.input_icon_2 {
	color: var(--mediumblue-color);
	padding-top: 0px;
	padding-left: 2px;
	border-right: 0;
	margin-top: 0;
	margin-left: 0;
	width: 34px;
	height: 30px;
	line-height: 32px;
	background: transparent;
}

div.floating_label input,
div.floating_label .fixed_input,
div.floating_label input:focus,
div.floating_label select,
div.floating_label select:focus,
div.floating_label .small input,
.small div.floating_label .fixed_input,
.small div.floating_label input:focus,
.small div.floating_label select,
.small div.floating_label select:focus {
	padding-top: 12px;
  line-height: 27px;
}

article div.floating_label input,
article div.floating_label .fixed_input,
article div.floating_label input:focus,
article div.floating_label select,
article div.floating_label select:focus,
article div.floating_label .small input,
article .small div.floating_label .fixed_input,
article .small div.floating_label input:focus,
article .small div.floating_label select,
article .small div.floating_label select:focus {
	height: 44px;
	line-height: 27px;
	padding-top: 15px;
	font-size: 16px;
}

article.rem div.floating_label input,
article.rem div.floating_label .fixed_input,
article.rem div.floating_label input:focus,
article.rem div.floating_label select,
article.rem div.floating_label select:focus {
	height: 50px;
	line-height: 27px;
	padding-top: 15px;
	font-size: 16px;
}

article.rem .expando div.floating_label input,
article.rem .expando div.floating_label .fixed_input,
article.rem .expando div.floating_label input:focus,
article.rem .expando div.floating_label select,
article.rem .expando div.floating_label select:focus {
	height: 44px;
	line-height: 27px;
	padding-top: 15px;
	font-size: 14px;
}

article.rem.pres div.floating_label input,
article.rem.pres div.floating_label .fixed_input,
article.rem.pres div.floating_label input:focus,
article.rem.pres div.floating_label select,
article.rem.pres div.floating_label select:focus {
	height: 64px;
	line-height: 20px;
	padding-top: 15px;
	font-size: 16px;
}

article.rem.pres .center_block div.floating_label .fixed_input,
article.rem.pres .fixed_input,
.center_block div.fixed_input {
	line-height: 49px;
}

article.rem input,
article.rem select,
article.rem option,
article.rem div.floating_label input,
article.rem div.floating_label input:focus,
article.rem div.floating_label select,
article.rem div.floating_label select:focus {
	font-size: 16px;
}

div.floating_label {
	position: relative;
	display: inline-block;
}

div.floating_label.input {
	display: flex;
}

.floating_label input:placeholder-shown,
.floating_label input:placeholder-shown:focus {
	padding-top: 15px;
	line-height: 27px;
}

.floating_label input:placeholder-shown~label {
	color: var(--black-color);
	top: 15px;
	opacity: 0;
	font-style: italic;
	pointer-events: none;
	line-height: 27px;
	font-size: 16px;
	transition: all 0.1s ease;
}

.floating_label.input input:placeholder-shown~label,
article.rem .floating_label.input input:placeholder-shown~label,
article.rem.pres .floating_label.input input:placeholder-shown~label {
	line-height: 27px;
	padding-left: 35px;
	transition: font-size 0.1s ease-out, line-height 0.1s ease-out, top 0.1s ease-out, left 0.1s ease-out, padding-left 0.1s ease-out;
}

.floating_label input:placeholder-shown~label,
article.rem .floating_label input:placeholder-shown~label,
article.rem.pres .floating_label input:placeholder-shown~label {
	line-height: 27px;
	transition: font-size 0.1s ease-out, line-height 0.1s ease-out, top 0.1s ease-out, left 0.1s ease-out, padding-left 0.1s ease-out;
}

.floating_label.input input {
	padding-left: 30px;
}

.floating_label.input select {
	padding-left: 32px;
}

article.rem .floating_label.input input {
	padding-left: 35px;
}

article.rem .floating_label.input select {
	padding-left: 35px;
}

article.rem.pres .floating_label.input input {
	padding-left: 40px;
}

article.rem.pres .floating_label.input select {
	padding-left: 40px;
}


.top_margin.floating_label label {
	transition: font-size 0.1s ease-out, line-height 0.1s ease-out, top 0.1s ease-out, left 0.1s ease-out, padding-left 0.1s ease-out;
	z-index: 10;
}

.floating_label i.fa-list {
	pointer-events: none;
}

.floating_label label,
.floating_label .fixed_label {
	display: block;
	height: 13px;
	white-space: nowrap;
	line-height: 13px;
	opacity: 1;
	top: 3px;
	left: 5px;
	padding-left: 0px;
	position: absolute;
	font-size: 13px;
	font-weight: 300;
	color: var(--black-half-alpha);
	z-index: 10;
	transition: font-size 0.1s ease-out, line-height 0.1s ease-out, top 0.1s ease-out, left 0.1s ease-out, padding-left 0.1s ease-out;
}

article.rem .floating_label label,
article.rem .floating_label .fixed_label {
	height: 13px;
	line-height: 13px;
	top: 4px;
	left: 10px;
	padding-left: 0px;
	font-size: 13px;
	transition: font-size 0.1s ease-out, line-height 0.1s ease-out, top 0.1s ease-out, left 0.1s ease-out, padding-left 0.1s ease-out;
}

article.pres.rem .floating_label label,
article.pres.rem .floating_label .fixed_label {
	height: 15px;
	line-height: 15px;
	top: 5px;
	left: 15px;
	padding-left: 0px;
	font-size: 14px;
	transition: font-size 0.1s ease-out, line-height 0.1s ease-out, top 0.1s ease-out, left 0.1s ease-out, padding-left 0.1s ease-out;
}

.floating_label label .hover_info {
	color: var(--black-half-alpha);
}

.floating_label:hover label,
.floating_label:hover label .hover_info {
	color: var(--active-color);
}

.fixed_label,
.hover_info.fixed_label,
.fixed_label .hover_info {
	display: block;
	height: 14px;
	font-weight: 200;
	white-space: nowrap;
	line-height: 14px;
	top: 2px;
	left: 3px;
	padding-left: 5px;
	font-size: 12px;
	color: var(--black-half-alpha);
}

article.rem .fixed_label,
article.rem .hover_info.fixed_label,
article.rem .fixed_label .hover_info {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

.fixed_label.hover_info:after,
.fixed_label .hover_info:after {
	position: absolute;
}

.floating_label label:hover,
.floating_label input:hover~label,
.floating_label select:hover~label {
	transition: font-size 0.1s ease-out, line-height 0.1s ease-out, top 0.1s ease-out, left 0.1s ease-out, padding-left 0.1s ease-out;
	text-decoration: none;
}

.floating_label.co_address input,
.co_address input,
.co_address input:focus,
article .co_address input:focus,
.floating_label.co_address input:focus,
article .floating_label.co_address input:focus {
	padding-left: 35px;
	transition: all 0.3s ease;
}

article.rem .floating_label.co_address input,
article.rem .co_address input,
article.rem .co_address input:focus,
article.rem article .co_address input:focus,
article.rem .floating_label.co_address input:focus,
article.rem article .floating_label.co_address input:focus {
	padding-left: 40px;
	transition: all 0.3s ease;
}

article.rem.pres .floating_label.co_address input,
article.rem.pres .co_address input,
article.rem.pres .co_address input:focus,
article.rem.pres article .co_address input:focus,
article.rem.pres .floating_label.co_address input:focus,
article.rem.pres article .floating_label.co_address input:focus {
	padding-left: 45px;
	transition: all 0.3s ease;
}

div.co_address div.co_address_shown::before {
	content: "c/o";
	color: var(--black-half-alpha);
	position: absolute;
	left: 4px;
	top: 12px;
	line-height: 27px;
	display: block;
	font-size: 14px;
}

article.rem div.co_address div.co_address_shown::before {
	left: 10px;
	top: 12px;
	font-size: 15px;
	line-height: 36px;
}

article.rem.pres div.co_address div.co_address_shown::before {
	left: 15px;
	top: 12px;
	font-size: 16px;
	line-height: 48px;
}

div.top_margin.floating_label.co_address div.co_address_shown::before {
	top: 12px;
	transition: all 0.3s ease;
}

div.top_margin.floating_label.co_address input:placeholder-shown~div.co_address_shown::before {
	top: 12px;
	transition: all 0.3s ease;
}

div.top_margin.floating_label input:placeholder-shown~a.add_co_address {
	margin-top: 0px;
}

div.top_margin.floating_label input~a.add_co_address {
	margin-top: 0px;
}

.commodity {
	border-radius: 20px;
	background: var(--accent-grey-color);
	padding: 15px 20px 15px;
}

.floating_label a.add_co_address {
	line-height: 44px;
}

article.rem .floating_label a.add_co_address {
	line-height: 50px;
}

article.rem.pres .floating_label a.add_co_address {
	line-height: 64px;
}

a.add_co_address {
	display: inline-block;
	font-size: 12px;
	right: 5px;
	top: 0;
	margin-top: 0px;
	line-height: 32px;
	position: absolute;
	font-weight: 300;
	cursor: pointer;
	user-select: none;
}

a.add_co_address.co_address {
	color: var(--black-color);
	pointer-events: none;
}

a.add_co_address.co_address:after {
	content: "\f057";
	font-size: 15px;
	cursor: pointer;
	pointer-events: auto;
	color: var(--mediumblue-color);
	font-weight: 300;
	margin-left: 5px;
	opacity: 1;
	font-family: 'Font Awesome 5 Pro';
}

a.add_co_address.co_address:hover:after {
	font-weight: 800;
}
.input_country.floating_label select {
	padding-left:40px;
}
article.rem .input_country.floating_label select {
	padding-left:45px;
}
article.rem.pres .input_country.floating_label select {
	padding-left:50px;
}
.input_country.floating_label .flagga {
	height:20px;
	width:20px;
}
article .input_country.floating_label .flagga, article.rem .input_country.floating_label .flagga  {
	height:22px;
	width:22px;
}
article.rem.pres .input_country.floating_label .flagga {
	height:28px;
	width:28px;
  margin-top:5px;
}

code {
	padding: 2px 4px;
	color: var(--black-800);
	background-color: var(--black-075);
	border-radius: 3px;
	font-family: monospace;
}

.code {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-size: 16px;
	padding: 0px 3px 2px;
	line-height: 1.2;
	white-space: pre;
	color: var(--slight-darker-color);
}

.code:focus {
	background: #ffe;
	color: var(--black-color);
}
.number {
	font-family: monospace;
}

blockquote cite {
	opacity: 0.7;
	font-size: 14px;
	margin-left: 30px;
	display: block;
	margin-top: 15px;
}

label.italic {
	color: var(--black-half-alpha);
}

.italic,
label.italic {
	font-style: italic;
}

.bold {
	font-weight: 500;
}

.nobold a,
.nobold a:hover,
.nobold a:visited,
.nobold a:link,
.nobold,
label.italic:before,
label.italic:after {
	font-weight: 400;
}

blockquote cite:before {
	content: "\2014 \2009";
}

div.download_icon {
	background: url('/images/download-icon.png') left top no-repeat;
	background-size: 40px 40px;
	padding-left: 55px;
	min-height: 55px;
	padding-bottom: 20px;
}

div.pdf_icon {
	background: url('/images/pdf-icon.png') left top no-repeat;
	background-size: 40px 40px;
	padding-left: 55px;
	min-height: 55px;
	padding-bottom: 20px;
}

div.zip_icon {
	background: url('/images/zip-icon.png') left top no-repeat;
	background-size: 40px 40px;
	padding-left: 55px;
	min-height: 55px;
	padding-bottom: 20px;
}

div.html_icon {
	background: url('/images/html-icon.png') left top no-repeat;
	background-size: 40px 40px;
	padding-left: 55px;
	min-height: 55px;
	padding-bottom: 20px;
}

.asterix {
	font-weight: 600;
	font-size: 18px;
	line-height: 12px;
	color: #f00;
	cursor: help;
	opacity: 0.3;
}

article {
	z-index: 50;
}

article .asterix {
	font-weight: 600;
	font-size: 20px;
	line-height: 16px;
	color: #f00;
	cursor: help;
	opacity: 0.3;
}

.asterix:hover {
	opacity: 1;
}

.pseudolink {
	font-weight: bold;
	color: var(--darker-color);
	text-decoration: none;
	cursor: pointer;
}

.pseudohover {
	font-weight: bold;
	color: #a00000;
	text-decoration: underline;
	cursor: pointer;
}

a:hover .underline_on_hover,
.underline_on_hover:hover {
	text-decoration: underline;
	cursor: pointer;
}

.black {
	color: var(--black-color);
}

.white,
.white h3,
.white h1,
.white h2 {
	color: var(--white-color);
}

.white a,
a.white {
	color: var(--white-color);
	border-bottom: 1px dotted var(--white-color);
	border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
}

.white a:hover,
a:hover.white {
	color: var(--white-color);
	border-bottom: 1px solid var(--white-color);
	text-decoration: none;
}
a.knapp.white, .white a.knapp {
	border: 1px solid var(--black-alpha-color);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05), inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}
.normal {
	font-weight: 400;
}

.login_rutor {
	padding-top: 24px;
	flex: 1 1 200px;
	white-space: nowrap;
	text-align: right;
	justify-content: flex-end;
	gap: 10px;
	display: flex;
	flex-flow: row wrap-reverse;
	flex-direction: row;
	align-items: stretch;
}

.white_rectangle_box h3 {
	margin-top: 24px;
	margin-bottom: 16px;
	font-weight: 400;
}

.white_rectangle_box .transparent_byline {
	margin: 0.5em 0 0.5em;
}

.white_rectangle_box.small {
	width: 100%;
	height: auto;
	min-height: auto;
	padding: 15px 15px 15px;
	flex: 1 1 120px;
	min-height: 0;
	max-width: 200px;
	align-items: center;
	display: flex;
}

.white_rectangle_box img {
	width: 100%;
	border-radius: 20px;
}

.white_rectangle_box a:hover img {
	transform: scale(1.25);
	transition: transform 0.13s ease;
}

.white_rectangle_box.loggor:hover {
	transition: box-shadow 0.5s ease;
	box-shadow: 0 10px 26px 0 rgba(0, 0, 0, 0.01);
}

.icon_header {
	height: 80px;
	margin: 0 0 24px;
	border-radius: 10px;
	background-color: rgba(0, 190, 220, 0.1);
	text-align: center;
	color: var(--main-color);
	font-size: 40px;
	line-height: 80px;
	font-weight: 200;
	width: 100%;
	box-sizing: border-box;
}

.languagedropbtn {
	font-size: 15px;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	border-radius: 10px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: left;
	user-select: none;
	background-repeat: no-repeat, no-repeat;
	background-size: 15px 15px;
	background-position: center;
	z-index: 200;
	display: inline-block;
	width: 40px;
	overflow: hidden;
	height: 40px;
}

.greybtn {
	padding: 11px;
	font-size: 15px;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	border-radius: 10px;
	box-sizing: border-box;
	cursor: pointer;
	user-select: none;
	text-align: left;
	background-color: var(--top-menu-background);
	color: var(--top-menu-color);
	font-weight: 300;
}

.greybtn a, .greybtn div {
	color: var(--top-menu-color);
}

.greybtn:hover {
	background-color: var(--top-menu-background-hover);
	color: var(--black-color);
}

.greybtn:hover a:hover, .greybtn:hover div:hover, button.greybtn:hover {
	color: var(--black-color);
}

.greybtn:focus {
	background-color: rgba(0, 181, 209, 0.1);
}

.greybtn.active {
	background-color: var(--black-light-alpha);
	color: var(--dark-grey-color);
}

.languagedropdown-content {
	position: absolute;
	background: var(--top-menu-back);
	border-radius: 10px;
	min-width: 200px;
	backdrop-filter: blur(15px) saturate(180%);
	line-height: 30px;
	padding: 0px;
	width: 170px;
	overflow: auto;
	color: var(--slight-dark-color);
	box-shadow: 0px 8px 10px 0px var(--black-light-alpha);
	border: 1px solid var(--black-alpha-color);
	z-index: 200;
	border-radius: 10px;
}

.menuitem {
	vertical-align: middle;
}

.languagedropdown-content a.menuitem {
	color: var(--black-color);
	padding: 9px 15px;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	vertical-align: top;
	font-weight: 300;
	text-shadow: none;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.languagedropdown-content a.menuitem:hover {
	background-color: var(--black-alpha-color);
	color: var(--black-color);
	cursor: pointer;
}

.languagedropdown-content.show {
	display: block;
}

.tutorial-button {
	/* height: 40px;
	border-radius: 20px;
	width: 40px; */
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-name: flash-notice-tutorial;
}

@keyframes flash-notice-tutorial {
	80% {
		box-shadow:none;
  }
  90% {
		box-shadow: inset 0px 0px 0px 40px var(--main-color);
		color: #fff;
  }
	100% {
		box-shadow:none;
	  color:var(--top-menu-color);
	}
}

#cart {
	padding: 0;
	position: relative;
	overflow: visible;
}
.tutorial-button + #cart {
	margin-left: 0;
}
.tutorial-button.completed {
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-name: big-to-small;
}

@keyframes big-to-small {
	0% {
		transform: scale(3);
		border:5px solid var(--main-color);
  }
  20% {
		box-shadow: inset 0px 0px 0px 40px var(--main-color);
		color: #fff;
  }
  30% {
    form: scale(2);
	}
	100% {
		transform: scale(1);
		border:0px solid transparent;
		box-shadow:none;
	  color:var(--top-menu-color);
	}
}

#cart a {
	line-height: 40px;
	padding: 11px;
}

.cart {
	background: rgba(0, 181, 209, 0.1);
	border-radius: 8px;
	display: block;
	white-space: nowrap;
	text-align: left;
	font-size: 14px;
	text-shadow: none;
	z-index: 50;
	line-height: 20px;
	position: relative;
	min-height: 40px;
}

.cart::before {
	content: "\f07a";
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	left: 0px;
	width: 32px;
	text-align: center;
	top: 8px;
	font-weight: 300;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5);
	text-shadow: none;
}

li.cart_responsive {
	padding-left: 2px;
	margin-left: 0;
	width: 100%;
}

a .cart.inactive {
	color: rgba(255,255,255,0.5);
}

.cart.inactive:hover {
	background: rgba(0, 50, 50, 0.1)
}

.cart:hover:before {
	color: rgba(255, 255, 255, 1);
	font-weight: 300;
}

.cart.selected:hover:before,
.cart.selected:before {
	color: rgba(255, 255, 255, 1);
	font-weight: 300;
}

.cart.selected,
.cart.selected:hover {
	color: rgba(255, 255, 255, 1);
	font-size: 15px;
	text-shadow: none;
}

.small {
	font-size: 10px;
	line-height: 1.2em;
}

.large,
.large td {
	font-size: 14px;
	line-height: 1.4em;
}

.aktiv {
	color: #00c;
	font-weight: bold;
}

h1,
h1 a {
	font-weight: 700;
	line-height: 1.33em;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 0px;
	margin-top: 10px;
	white-space: normal;
	hyphens: auto;
}

.content h1 {
	margin-bottom: 20px;
}

div.header_background {
	position: relative;
	background: rgba(0, 0, 0, 0.25);
	background: linear-gradient(to bottom, var(--black-color) 0%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0.50) 100%);
	height: 250px;
	margin-top: -250px;
}

article .row::after,
.row::before {
	content: " ";
	display: table;
}

article div.lead,
article .brodtext div.lead {
	font-weight: 500;
	line-height: 1.9em;
	font-size: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
	position: relative;
	min-height: 1px;
	color: var(--lead-color);
	background: -webkit-linear-gradient(99deg, var(--bluetransition-color), var(--blueend-color));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

article div.lead input,
article div.lead select {
	font-weight: 500;
	height: 50px;
	line-height: 50px;
}

article div.lead {
	text-align: center;
	margin-bottom: 2em;
}

article div.lead a {
	text-decoration: solid underline 2px var(--link-color);
}

article div.lead a:hover {
	text-decoration: solid underline 2px var(--link-hover-color);
	color: var(--link-hover-color);
	background: none;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: var(--link-hover-color);
}

article div.lead h2 {
	font-size: 1.4rem;
}

article p.lead {
	font-weight: 500;
	text-align: center;
	line-height: 1.6em;
}

article div.brodtext,
article .brodtext,
article .brodtext li,
.brodtext,
article .brodtext td,
article .brodtext {
	line-height: 1.6em;
	font-weight: 300;
}

.center_block,
article .center_block,
article .center_block div,
article .center_block td {
	font-weight: 300;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6em;
	float: none;
}

article {
	font-size: 16px;
	line-height: 1.6em;
}

article.rem {
	font-size: 16px;
	line-height: 1.6em;
}

article.pres {
	font-size: 20px;
	line-height: 1.6em;
}

h5 {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.6em;
	margin-top: 2em;
	margin-bottom: 0.75em;
}

h5 a.hover_info,
h5 a.hover_info:hover {
	font-weight: 400;
}

.smaller_headlines h2,
.smaller_headlines h2:first-of-type,
div.varningsruta .smaller_headlines h2:first-of-type {
	font-size: 1.2em;
	line-height: 1.6;
	margin-top: 20px;
	margin-bottom: 0;
	display: block;
	font-weight: bold;
	clear: both;
}

.smaller_headlines h3,
.smaller_headlines h3:first-of-type,
div.varningsruta .smaller_headlines h3:first-of-type {
	font-size: 1em;
	line-height: 1.6;
	margin-top: 20px;
	margin-bottom: 0;
	display: block;
	font-weight: bold;
	clear: both;
}

.smaller_headlines h4,
.smaller_headlines h4:first-of-type,
div.varningsruta .smaller_headlines h4:first-of-type {
	font-size: 1em;
	line-height: 1.6;
	margin-top: 20px;
	margin-bottom: 0;
	display: block;
	font-weight: bold;
	clear: both;
}

h3.empty,
.empty {
	text-align: center;
	padding: 150px 0;
	background: var(--black-light-alpha);
	display: block;
	font-weight: 300;
	font-size: 18px;
	opacity: .5;
	font-style: italic;
}

article a.registrera,
article .white a.registrera,
.white article a.registrera,
article a.registrera-blue,
article .white a.registrera-blue,
article a.registrera_green {
	width: 100%;
	box-sizing: border-box;
	height: 57px;
	font-size: 22px;
	line-height: 27px;
	font-weight: 600;
	font-style: italic;
	border-radius: 16px;
}

article .registrera,
article .white a.registrera,
article a.registrera,
article .white .registrera span,
article a.registrera-blue,
article .white .registrera-blue,
article .white .registrera-blue span {
	font-size: 22px;
	line-height: 27px;
	font-weight: 600;
	font-style: italic;
}

article a.registrera div,
article a.registrera-blue div,
article a.registrera_green div {
	font-size: 14px;
}

article.rem a.registrera div,
article.rem a.registrera-blue div,
article.rem a.registrera_green div,
article .brodtext a.registrera div,
article .brodtext a.registrera-blue div,
article .brodtext a.registrera_green div {
	font-size: 16px;
}

select, article select {
	padding: 0 25px 0 10px;
	font-size: 16px;
	line-height:32px;
	font-weight: 300;
	min-width: 100px;
}

.add_checkmark:after {
	content: "\f00c";
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: .5em;
	left: .3em;
	font-size: 1em;
	line-height: 0.8;
	font-weight: 400;
	color: var(--black-color);
	transition: all .2s;
	font-style: normal;
	opacity: 1;
	transform: scale(1);
	display: block;
	pointer-events: none;
}

.add_checkmark:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1.25em;
	height: 1.25em;
	border-radius: 4px;
	display: block;
	pointer-events: none;
}

.add_checkmark {
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.add_checkmark select,
.add_checkmark select:focus {
	padding-left: 1.95em;
	left: 0;
	top: 0;
}

.add_checkmark {
	opacity: 0.6;
	transition: opacity 0.2s ease-out;
}

.add_checkmark:hover,
.add_checkmark:focus {
	opacity: 1;
	transition: opacity 0.2s ease-out;
	border-color: #4778d9;
	color: #4778d9;
}

input,
select,
article input,
article select {
	height: 44px;
	line-height: 44px;
	font-size: 16px;
}

article .expando input,
article .expando select {
	height: 44px;
	line-height: 44px;
	font-size: 14px;
}
article .expando .knapp,
article .expando .button {
	height: 44px;
	line-height: 44px;
}

.expando .switch input[type="radio"]:checked+label,
.expando .switch a.checked_badge,
.expando .switch .checked_badge,
.expando .switch input[type="radio"]+label,
.expando .switch a.badge {
	height: 40px;
	min-height: 40px;
	line-height: 40px;
}

article.rem input,
article.rem select {
	min-height: 50px;
	line-height: 50px;
	font-size: 16px;
}

article.rem .expando input,
article.rem .expando select,
article.rem .mobile_data input,
article.rem .mobile_data select,
article.rem .small input,
article.rem .small select {
	min-height: 44px;
	line-height: 44px;
	font-size: 16px;
}

article.rem select option {
	line-height: 1.6em;
}

article.rem.pres input,
article.rem.pres select {
	height: 64px;
	line-height: 64px;
	font-size: 16px;
}

article .center_block input,
article .center_block select,
article .center_block .disabled_textarea {
	height: 64px;
	line-height: 20px;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	border-radius: 35px;
	border-radius: 16px;
	border: solid 1px var(--inactive-color);
}

article .center_block .disabled_textarea {
	font-size: 16px;
	line-height: 1.6em;
	padding: 1px 20px;
	line-height: 62px;
}

article.rem input,
article.rem select,
article.rem option,
article .brodtext input,
article .brodtext select,
article .brodtext option {
	font-size: 16px;
	line-height:1.6em;
}

article .brodtext textarea,
article.rem textarea {
	font-size: 16px;
	line-height:1.6em;
}

article .brodtext .center_block textarea,
article.rem textarea,
article.rem div.tox.tox-tinymce,
article.rem textarea.tinymce {
	border-radius: 16px;
}

article.rem .expando input,
article.rem .expando select,
article.rem .expando option,
article .brodtext .expando input,
article .brodtext .expando select,
article .brodtext .expando option,
article .brodtext .expando textarea,
article.rem .expando textarea {
	font-size: 14px;
	line-height:1.6em;
	font-weight: 300;
}


input:focus,
select:focus,
textarea:focus {
	border-color: var(--mediumblue-color);
	background-color: var(--white-color);
	transition: box-shadow 0s;
	box-shadow: 0 0 0 2px var(--mediumblue-color);
}

article input {
	box-sizing: border-box;
}

article input:focus {
	box-sizing: border-box;
}

article textarea {
	font-size: 16px;
	line-height:1.6em;
	font-weight: 300;
	padding: 10px;
	line-height: 32px;
}

article option {
	height: 1.6em;
	font-size: 14px;
	line-height: 1.6em;
	box-sizing: border-box;
	vertical-align: middle;
}

article a.badge,
article a.checked_badge,
article .checked_badge,
article a.checked_badge:visited,
article a.disabled_badge,
.switch input[type="radio"]+label,
.switch input[type="radio"]:checked+label {
	height: 32px;
	line-height: 32px;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 8px;
	box-sizing: border-box;
	margin: 0px 0px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}

.switch input[type="radio"]+label,
.switch label, .switch a,
.switch a.checked_badge, .switch a.badge,
.switch input[type="radio"]:checked+label {
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
}

article.rem .switch input[type="radio"]+label,
article.rem .switch label, article.rem .switch a,
article.rem .switch a.checked_badge, article.rem .switch a.badge,
article.rem .switch input[type="radio"]:checked+label {
	height: 46px;
	font-size: 16px;
	line-height: 46px;
	border-radius: 8px;
}

article.pres .switch input[type="radio"]+label,
article.pres .switch label, article.pres .switch a,
article.pres .switch a.checked_badge, article.pres .switch a.badge,
article.pres .switch input[type="radio"]:checked+label {
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	border-radius: 16px;
}

article .mobile_data,
.mobile_data {
	font-size: 14px;
}

article .mobile_data select,
article .mobile_data input,
article.rem .mobile_data select,
article.rem .mobile_data input {
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	padding: 0 5px;
	width: 100%;
	margin: 0;
	min-width: 0;
}

article .mobile_data textarea {
	font-size: 14px;
	min-height: 32px;
	line-height: 16px;
	padding: 0 5px;
	width: 100%;
	margin: 0;
	font-weight: 300;
}

div.inverted.fixedheight {
	height: auto;
	line-height: 1em;
}

div.inverted {
	border-radius: 2px;
	padding: 2px 5px;
	border: 1px solid var(--black-color);
	line-height: 1em;
	display: inline-block;
}

div.inverted.white_background {
	border-color: var(--black-color);
}

div.inverted.green,
div.inverted.green_background {
	border-color: var(--green-color);
}

div.inverted.red_background {
	border-color: red;
}

div.inverted.red_background {
	border-color: red;
}


/* ---------------------------------- *
 *				 KNAPPAR 										*
 * ---------------------------------- */

.knapp,
.registrera_green,
input[type='submit'],
input[type='button'] {
	font-style: normal;
	box-sizing: border-box;
	cursor:pointer;
	text-align: center;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	font-weight: 500;
	border: none;
	border-radius:8px;
	outline:none;
	text-decoration: none;
	white-space: nowrap;
	padding: 0 15px;
	margin: 0;
	font-size: 16px;
	-webkit-appearance: none;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15), inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}

.knapp:hover,
.registrera_green:hover {
	box-shadow: none;
	text-decoration: none;
}

.knapp img {
	vertical-align: middle;
}

span.transparent2 {
	white-space: nowrap;
	line-height: 30px;
}

article .knapp,
article .knapp,
article .knapp {
	height: 32px;
	line-height:32px;
}

article.rem .expando .knapp,
article.rem .expando .knapp,
article.rem .expando .knapp.stor {
	height: 44px;
	line-height: 44px;
}

span.smallbutton,
input.smallbutton {
	background: #275d90;
	padding: 0px 3px 0px 3px;
	font-size: 11px;
	color: var(--white-color);
	font-weight: 400;
	height: 14px;
	line-height: 14px;
	overflow: visible;
	cursor: pointer;
	outline: none;
	outline-style: none;
	white-space: nowrap;
	border: 1px solid var(--blacker-alpha-color);
	display: inline-block;
	text-shadow: #227 1px 1px 0px;
}

input.smallbutton {
	padding-bottom: 10px;
	height: 16px;
	-webkit-appearance: none;
}

span.smallbutton:active,
input.smallbutton:active {
	box-shadow: none;
}

span.smallbutton:hover,
input.smallbutton:hover {
	background: #014da4;
}

input.knapp:hover,
input.knapp:focus,
button.knapp:hover,
button.knapp:hover,
input[type='submit']:hover,
input[type='submit']:focus,
article input[type='submit']:focus,
article input.knapp:focus,
article input.stor.knapp:focus,
button.knapp:focus {
	box-shadow: none;
	cursor: pointer;
	-webkit-appearance: none;
	box-shadow: none;
	background-image: linear-gradient(rgb(0, 136, 187), rgb(0, 153, 221) 99%);
	text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px, rgba(0, 0, 0, 0.75) 0px -1px 1px;
	border-color: 1px solid var(--blue-color);
	outline: none;
	outline-style: none;
}

input.knapp,
button.knapp,
input[type='submit'] {
	cursor: pointer;
	outline: none;
	outline-style: none;
	-webkit-appearance: none;
	vertical-align: bottom;
}

/* KNAPP-CROPPED */
.knapp.cropped,
.knapp.stor.cropped,
.knapp.cropped,
.knapp.stor.cropped,
.knapp.stor.mega.cropped,
.switch a.badge.cropped,
.switch a.checked_badge.cropped,
.switch label.cropped,
.switch input[type="radio"]:checked+label.cropped {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	text-align:center;
	margin: 0;
	text-align: center;
	white-space: nowrap;
}


button::-moz-focus-inner,
input.knapp::-moz-focus-inner {
	border: 0;
}

/* KNAPP-FÄRGER */
input[type="number"]:read-only, input[type="text"]:read-only {
	background: var(--black-slight-alpha);
	cursor:not-allowed;
}


.knapp.grey,
.white .knapp.grey,
input.grey.knapp:read-only {
	color: var(--slight-darker-color);
	text-shadow: none;
	box-shadow: none;
	font-weight:300;
	font-style: normal;
}

.knapp.grey:hover,
.knapp.grey:hover,
article .knapp.grey:hover,
input[type="submit"].grey:hover {
	color: var(--black-color);
	text-shadow:none;
}

input[type='submit'].knapp.grey:focus,
.knapp.grey:focus,
.knapp.grey:active {
	background: rgba(100,100,100,0.3);
}

.knapp.grey.disabled,
.knapp.grey.disabled:hover {
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--placeholder-color);
	text-shadow: none;
	box-shadow: none;
	border: 1px var(--blacking-alpha-color) solid
}

.knapp.yellow,
.white .knapp.yellow {
	background: #ffe900;
	color: #753;
	border-color: var(--blacker-alpha-color);
	text-shadow: none;
}

.knapp.yellow:hover,
.white .knapp.yellow:hover {
	background: #ea0;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.knapp.yellow:active,
.knapp.yellow:focus {
	background: #ee0;
}

.knapp.orange,
.white .knapp.orange {
	background: #fc9a00;
	background: linear-gradient(to bottom, rgba(255, 193, 153, 1) 0%, rgba(255, 193, 153, 1) 2%, rgba(237, 83, 0, 1) 3%, rgba(234, 101, 0, 1) 72%, rgba(252, 153, 5, 1) 99%);
	color: #fff;
	border-color: #c80;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}

.knapp.orange:hover {
	background: rgb(206, 61, 0);
	background: linear-gradient(to bottom, rgba(239, 112, 14, 1) 0%, rgba(239, 112, 14, 1) 2%, rgba(170, 0, 0, 1) 3%, rgba(237, 89, 4, 1) 100%);
}

.knapp.red,
.white .knapp.red,
.select.knapp.red {
	background: tomato;
	color: #fff;
	border-color: #c00;
}

.knapp.red:hover,
.white .knapp.red:hover,
.select.knapp.red:hover {
	background: #a82600;
	color:#fff;
	box-shadow: none;
}
.knapp.red:active,
.knapp.red:focus,
.select.knapp.red:focus,
.select.knapp.red:active {
	background: #b00;
}

.knapp.red.disabled {
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--black-half-alpha);
	text-shadow: none;
}

.knapp.lightblue {
	background: #45bafd;
	border-color: var(--blue-color);
}

.knapp.lightblue:hover {
	background: #0b9ff4;
}

.knapp.cyan,
.white .knapp.cyan {
	background: #01adb3;
	color: #fff;
	border-color: #066;
}

.knapp.cyan:hover {
	background: #008a8f;
}

.knapp.green,
.white .knapp.green {
	background: var(--green-color);
	color: #fff;
	border-color: var(--darkgreen-color);
}

.knapp.green:hover,
.knapp.green:focus,
.white .knapp.green:hover,
.knapp.green:active {
	background: var(--darkgreen-color);
}


.knapp.invert {
	color: var(--blue-color);
	border: 1px solid var(--blue-color);
	box-shadow: none;
	background: transparent;
	text-shadow: none;
	box-sizing: border-box;
}

.knapp.invert:hover {
	background: var(--link-hover-color);
	color: var(--white-color);
	text-shadow: var(--placeholder-color) 1px 1px 0px;
}

.knapp.black.invert {
	color: var(--black-color);
	font-weight: 400;
	border-color: var(--black-half-alpha);
}

.knapp.black.invert:hover {
	background: var(--black-color);
	color: var(--white-color);
}

.knapp.white {
	background: var(--white-color);
	color: var(--blue-color);
	text-shadow: none;
	border: none;
}

.knapp.white:hover {
	background: var(--white-color);
	color: var(--blue-color);
	border-color: var(--blue-color);
	box-shadow:none;
}


/* KNAPP-STORLEKAR */

.knapp,
article .knapp {
	line-height: 40px;
	height: 40px;
}

.knapp.stor,
article .knapp,
article input[type='submit'],
article .knapp.stor {
	line-height: 44px;
	height: 44px;
}

article.rem .knapp,
article.rem .knapp.stor,
article.rem article .knapp,
article.rem article input[type='submit'] {
	line-height: 50px;
	height: 50px;
}

article.rem.pres .knapp,
article.rem.pres .knapp.stor,
article.rem.pres article .knapp,
article.rem.pres article input[type='submit'] {
	font-size:inherit;
	height: 64px;
	border-radius: 16px;
	line-height:64px;
}

.knapp.stor.mega,
article.rem .knapp.stor.mega {
	height: 64px;
	line-height:64px;
	font-size: 20px;
	border-radius: 16px;
}

article.rem .knapp.stor, article .knapp.stor {
	height: 50px;
	font-size: 16px;
	line-height:50px;
}

article.rem .knapp,
article.rem input[type="submit"] {
	font-size: 16px;
}

.stor.knapp.invert {
	border-width: 2px;
}


.superadminbox .knapp,
.superadminbox .knapp.stor,
article .superadminbox .knapp {
	height:32px;
	line-height:32px;
	padding:0 15px;
}


/* REGISTRERA */
.registrera,
.white .registrera,
b a.a {
	background-image: linear-gradient(to bottom, #58c7eb, var(--main-color) 99%);
	color: var(--white-color);
	display: inline-block;
	text-align: center;
	padding: 4px 10px 0px;
	margin: 0px;
	font-size: 22px;
	line-height: 27px;
	font-weight: 600;
	font-style: italic;
	margin-right: 20px;
	border-bottom: 4px solid #720;
	text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 1px, var(--slight-dark-color) 0px 1px 1px;
	box-shadow: 0px 4px 2px var(--black-alpha-color);
	transition: 0.5s box-shadow ease;
	border-radius: 3px;
}

.registrera_green {
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 4px 10px 0px;
	margin: 0px;
	font-size: 22px;
	line-height: 27px;
	font-weight: 600;
	font-style: italic;
	transition: 0.5s box-shadow ease;
	border-radius: 16px;
}

article.rem .knapp.select,
article.pres .knapp.select {
	border-radius: 18px;
	background-image: none;
	box-shadow: none;
	font-size: 20px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	min-height: 56px;
	line-height: 56px;
	height:auto;
}

.rectangle {
	width: 100%;
	height: 1px;
	margin: 10px 0 24px;
	box-shadow: inset 0 -2px 0 0 var(--black-alpha-color);
	background-color: var(--accent-grey-color);
}

.grey_rectangle {
	max-width: 1050px;
	margin: 24px 0;
	padding: 50px 20px;
	border-radius: 40px;
	background-color: var(--light-grey-color);
}

.oval {
	width: 16px;
	height: 16px;
	margin: 0 8px 0 0;
	background-color: var(--main-color);
	display: inline-block;
	border-radius: 50%;
}

.transparent_byline {
	margin: 48px 0 24px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: var(--black-half-alpha);
}


article.rem .expando a.badge,
article.rem .expando a.checked_badge,
article.rem .expando .checked_badge,
article.rem .expando a.checked_badge:visited,
article.rem .expando a.disabled_badge,
article.rem .expando .switch input[type="radio"]+label,
article.rem .expando .switch input[type="radio"]:checked+label,
article.rem .expando .knapp,
article.rem .expando input.knapp,
.expando article.rem button.knapp,
.expando article.rem .knapp {
	font-size: 14px;
	line-height:44px;
	font-weight: 300;
}

article.rem .expando .switch input[type="radio"]+label,
article.rem .expando .switch input[type="radio"]:checked+label {
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	border-radius: 8px;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	overflow: hidden;
	height: 0;
	margin-top: 0;
	opacity: 0;
	width: 0;
	min-height:24px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
	position: relative;
	padding-left: 2.25em;
	cursor: pointer;
	min-height:24px;
	line-height:24px;
	height:24px;
	min-width:24px;
	display:inline-block;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	min-width: 24px;
	height: 24px;
	box-sizing:border-box;
	border: 1px solid var(--blacker-alpha-color);
	background: var(--background-color);
	border-radius: 4px;
}

[type="checkbox"].disabled:not(:checked)+label:before,
[type="checkbox"].disabled:checked+label:before {
	background: var(--black-light-alpha);
}

[type="checkbox"]:not(:checked):invalid+label:before {
	background: var(--invalid-input-background-color);
	border-color: DarkOrange;
	box-shadow: 0 0 1px 1px var(--invalid-input-background-color);
	transition: background 0.5s ease;
}

select:focus option:checked,
select:hover option:checked {
	background: var(--link-color) !important;
	color: var(--white-color);
}

a.invalid {
	opacity: 0.5;
}

a.invalid:hover {
	opacity: 1;
	color: red;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
	content: "\f00c";
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
  top: 3px;
  left: 3px;
  font-size: 21px;
	line-height: 0.8;
	font-weight: 500;
	color: var(--black-color);
	transition: all .2s;
	font-style: normal;
}

.reverse_indented [type="checkbox"]:checked+label:after {
	margin-left: 28px;
}

[type="checkbox"]:focus:checked+label:after,
article [type="checkbox"]:checked+label:focus:after {
	color: var(--link-color);
	font-weight: 800;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0);
}

[type="checkbox"]:checked+label:after {
	opacity: 1;
	transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
	cursor: not-allowed;
}

[type="checkbox"]:disabled:checked+label:after {
	cursor: not-allowed;
	color: var(--medium-grey-color);
}

[type="checkbox"]:disabled+label {
	cursor: not-allowed;
	color: var(--black-half-alpha);
}

[type="checkbox"]:disabled+label:hover {
	color: red;
}

:disabled, input.disabled {
	background: var(--black-alpha-color);
	cursor: not-allowed;
}

input.show_mark:read-only {
	cursor: pointer;
}

[type="checkbox"]:disabled:not(:checked)+label::before,
[type="checkbox"]:disabled:checked+label::before {
	background: var(--black-alpha-color);
	cursor: not-allowed;
}

/* accessibility */
[type="checkbox"]:checked:focus+label:before {
	border: 1px solid var(--link-color);
}

[type="checkbox"]:not(:checked):focus+label:before {
	border: 1px solid var(--link-color);
	box-shadow: 0 0 0 1px var(--link-color);
}

/* hover style just for information */
article [type="checkbox"]+label:hover:before {
	border: 1px solid #4778d9;
}

article [type="checkbox"].disabled+label:hover:before {
	border: 1px solid tomato;
}

article [type="checkbox"].disabled+label:hover {
	color: var(--black-half-alpha);
}


div.tox.tox-tinymce,
textarea.tinymce {
	border-radius: 4px;
	overflow: hidden;
	height: 300px;
	width: 100%;
	background: var(--white-color);
}

div.tox-sidebar-wrap,
div.tox-editor-container {
	border-radius: 4px 4px 0 0;
	background: var(--white-color);
}

div.tox-statusbar {
	border-radius: 0 0 4px 4px;
}

.script {
	font-family: Georgia, Garamond;
	font-style: italic;
	font-size: 18px;
}

.script h3 {
	font-size: 1.3rem;
}

body {
	padding-bottom: 0px;
	font-size: 13px;
	margin: 0;
}


h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 20px;
	margin-top: 50px;
}

h3 {
	font-size: 24px;
	margin-top: 24px;
	line-height: 24px;
	margin-bottom: 10px;
	font-weight: 600;
}

h3.avsnitt {
	font-weight: 400;
	font-size: 1.3em;
}

h4.avsnitt {
	font-weight: 400;
	font-size: 1.1em;
}

input:invalid,
select:invalid,
textarea:invalid {
	background-color: var(--invalid-input-background-color);
}

input:invalid,
textarea:invalid {
	color: red;
}

input:invalid~label {
	color: tomato;
	font-weight: 600;
}

input:placeholder-shown:invalid~label:after,
input:placeholder-shown:invalid {
	outline: none;
}

input:invalid~label:after,
input:not(:placeholder-shown):invalid~label:after {
	content: "\f071";
	font-family: 'Font Awesome 5 Pro';
	color: tomato;
	font-weight: 800;
	margin-left: 2px;
	font-style: normal;
	font-size: 14px;
}

_:-ms-lang(x),
.spinnerpath {
	display: none;
}

_:-ms-lang(x),
.circularspinner {
	display: none;
}

_:-ms-lang(x),
.lds-ring {
	display: inline-block;
	position: relative;
	width: 250px;
	height: 250px;
	opacity: 0.8;
}

_:-ms-lang(x),
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 220px;
	height: 220px;
	margin: 15px;
	border: 5px solid #1a7bdb;
	border-radius: 50%;
	animation: lds-ring 2s cubic-bezier(0.5, 0, 0.5, 1) infinite, ms-color 10s ease-in-out infinite;
	border-color: #1a7bdb transparent transparent transparent;
}

_:-ms-lang(x),
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

_:-ms-lang(x),
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}

_:-ms-lang(x),
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes ms-color {

	0%,
	50% {
		border-color: #0877fd transparent transparent transparent;
	}

	65% {
		border-color: #008e32 transparent transparent transparent;
	}

	75% {
		border-color: #ffa700 transparent transparent transparent;
	}

	85%,
	95% {
		border-color: #d62d20 transparent transparent transparent;
	}

	100% {
		border-color: #0877fd transparent transparent transparent;
	}
}


.circularloader {
	z-index: 200;
	position: relative;
	margin: 0 auto;
	width: 250px;
}

.circularloader:before {
	content: '';
	z-index: 201;
	display: block;
	padding-top: 100%;
}

.circularspinner {
	-webkit-animation: rotate 3s linear infinite;
	animation: rotate 3s linear infinite;
	height: 100%;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	z-index: 201;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0.5;
}

.spinnerpath {
	z-index: 201;
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 2s ease-in-out infinite, color 12s ease-in-out infinite;
	animation: dash 2s ease-in-out infinite, color 12s ease-in-out infinite;
	stroke-linecap: round;
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

@-webkit-keyframes color {

	0%,
	50% {
		stroke: #0877fd;
	}

	65% {
		stroke: #008e32;
	}

	75% {
		stroke: #ffa700;
	}

	85%,
	95% {
		stroke: #d62d20;
	}

	100% {
		stroke: #0877fd;
	}
}

@keyframes color {

	0%,
	50% {
		stroke: #0877fd;
	}

	65% {
		stroke: #008e32;
	}

	75% {
		stroke: #ffa700;
	}

	85%,
	95% {
		stroke: #d62d20;
	}

	100% {
		stroke: #0877fd;
	}
}

div.tabnavlist-admin {
	padding: 4px 6px;
	background: var(--lighter-grey-color);
	border-bottom: 1px solid var(--black-alpha-color);
}

.tabnavlist-admin div#tabnav {
	border-bottom: none;
}

td#tabnav_vertikal h3,
td#tabnav_vertikal h3 a {
	font-size: 18px;
	font-weight: 400;
	padding: 0px 5px 0px 0px;
	line-height: 32px;
	width: 206px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	clear: both;
	display: block;
	margin-top: 15px;
}

#topmenu_list li.submenu_enabled,
#tabnav_vertikal li.submenu_enabled {
	background: none;
}

#topmenu_list li li.submenu_enabled {
	background: url('/images/submenu_arrow.png') right center no-repeat;
}

#topmenu ul li ul li.submenu_enabled:hover {
	font-weight: bold;
	background: rgba(0, 100, 100, 0.05) url('/images/active_submenu_arrow.png') right center no-repeat;
	border-radius: 10px;
}

#topmenu ul li ul li.submenu_enabled a.submenu_enabled {
	display: inline-block;
	padding-right: 15px;
}

#topmenu ul li ul li.submenu_enabled:hover a,
#topmenu ul li ul li.submenu_enabled ul li.submenu_enabled:hover a {
	font-weight: bold;
}

#topmenu ul li ul li.submenu_enabled:hover ul li a,
#topmenu ul li ul li.submenu_enabled ul li.submenu_enabled:hover ul li a {
	font-weight: 300;
}

#tabnav_vertikal li {
	position: relative;
	border-radius: 8px;
}

#tabnav_vertikal li.submenu_enabled:after {
	content: "\f107";
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	font-weight: 100;
	position: absolute;
	right: 5px;
	top: 15px;
	color: rgba(255, 255, 255, 0.5);
	margin-right: 5px;
	z-index: 90;
	pointer-events: none;
}

#tabnav_vertikal li.submenu_enabled:hover:after {
	color: rgba(255, 255, 255, 1);
}

#tabnav_vertikal li.submenu_enabled ul {
	padding-left: 20px;
}

.tabnav_vertikal ul {
	margin: 0px;
	padding: 0px;
	padding-bottom: 0;
}

.tabnav_vertikal .tabnav_vertikal ul {
	margin-left: 15px;
	margin-bottom: 20px;
}

#tabnav_vertikal li ul {
	max-height: 0;
	overflow: hidden;
	padding-bottom: 0;
	opacity: 0;
	transition: opacity 0.2s, max-height 0.2s, overflow 0.2s 0s, padding-bottom 0.2s;
}

#tabnav_vertikal li ul.open {
	max-height: none;
	overflow: visible;
	padding-bottom: 20px;
	opacity: 1;
	transition: opacity 0.2s, max-height 0.2s, overflow 0.2s 0s, padding-bottom 0.2s;
}

#tabnav_vertikal li.active ul,
#tabnav_vertikal li.submenu_enabled:focus-within ul,
#tabnav_vertikal li.active ul li.submenu_enabled:focus-within ul,
#tabnav_vertikal li:focus-within ul,
#tabnav_vertikal li.submenu_enabled ul li.submenu_enabled:focus-within ul,
#tabnav_vertikal li.submenu_enabled ul li.submenu_enabled.open ul {
	transition: max-height 0.5s ease, padding-bottom 0.7s ease, opacity 0.7s ease;
	max-height: 1000px;
	padding-bottom: 20px;
	opacity: 1;
}

#tabnav_vertikal li.active ul ul,
#tabnav_vertikal li.submenu_enabled:focus-within ul ul {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0s .2s, padding-bottom 0s 0.2s ease, opacity 0s 0.2s ease;
	padding-bottom: 0;
}

#tabnav_vertikal li.submenu_enabled:focus-within:after,
#tabnav_vertikal li.submenu_enabled.aktivflik:after,
#tabnav_vertikal li.submenu_enabled.open:after {
	content: "\f106";
	color: #fff;
	font-weight: 600;
}

div#changeusermenutitle {
	font-weight: 400;
	user-select: none;
	padding: 0px 20px 0px 0px;
	color: rgba(255, 255, 255, 0.9);
	background-image: url('/images/change-vit-transparent.png');
	background-size: 10px auto;
	background-repeat: no-repeat;
	background-position: center right 8px;
	width: 100%;
	line-height:34px;
	border-radius: 8px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px;
}

div#changeusermenu ul li {
	width: 100%;
}

div#changeusermenutitle div.kontosymbol,
div#changeusermenutitle i.kontosymbol {
	width: 34px;
	height: 34px;
	margin: 0 8px 0 0;
	border-radius: 50%;
	line-height: 34px;
	font-size: 16px;
	text-align: center;
	vertical-align: top;
	background-position: center;
}

div.kontosymbol {
	height: 30px;
	line-height: 30px;
	width: 30px;
	border-radius: 50%;
	display: inline-block;
}
.greybtn div.kontosymbol, #myDropdown div.kontosymbol {
	height: 28px;
  width: 28px;
}
.greybtn div.kontosymbol {
  vertical-align: top;
}

.kontosymbol {
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	margin-right: 5px;
}

div#changeusermenutitle:hover,
#changeusermenu ul li.changeusermenu_bullet:hover div#changeusermenutitle {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.25);
	background-image: url('/images/change-down-vit-transparent.png');
}

#changeusermenu li {
	padding: 0;
}

#changeusermenu ul,
#changeusermenu li {
	display: inline;
	margin-left: 0;
	list-style: none outside none;
}

div#changeusermenu {
	clear: both;
	display: block;
	height: 40px;
}

#changeusermenu ul,
#changeusermenu li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}

#changeusermenu ul li {
	float: left;
	position: relative;
	padding-left: 0;
}

#changeusermenu ul li a {
	width: 100%;
	box-sizing: border-box;
	padding: 0px 10px;
	font-size: 16px;
	line-height: 32px;
	height: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

#changeusermenu ul li a .kontosymbol {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 30px;
	margin-right: 5px;
	text-align: center;
	vertical-align: top;
}

#changeusermenu ul li ul.accountlist li {
	color: var(--blackerer-alpha-color);
	padding: 0;
}

#changeusermenu ul li ul.accountlist li .kontosymbol {
	line-height: 32px;
	height: 30px;
	width: 30px;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}

#changeusermenu ul li ul.accountlist li a {
	color: var(--dark-color);
	text-decoration: none;
}

#changeusermenu ul li ul li {
	width: 100%;
	box-sizing: border-box;
	padding: 0px;
	height: 32px;
	line-height: 32px;
	margin-left: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#changeusermenu ul li ul li a {
	font-size: 14px;
	font-weight: 400;
	line-height: 32px;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	max-width: 240px;
	text-overflow: ellipsis;
	display: block;
	padding: 0 0;
	overflow: hidden;
	white-space: nowrap;
}

#changeusermenu ul li ul li a:hover {
	border-radius: 10px;
	background: var(--black-light-alpha);
}

#changeusermenu ul li ul li a i:before {
	line-height: 32px;
	height: 30px;
	width: 30px;
	text-align: center;
	display: inline-block;
}

#changeusermenu ul ul ul,
#changeusermenu ul li ul ul {
	position: absolute;
	top: -1000px;
	left: 100%;
	box-sizing: border-box;
	opacity: 0;
	background: var(--white-color);
	transition: top 0s 0.2s, opacity .2s ease-in-out;
	border: 1px solid #444;
	border: 1px solid var(--blacker-alpha-color);
}

#changeusermenu ul li.changeusermenu_bullet:focus ul.accountlist {
	opacity: 1;
	position: absolute;
	top: 36px;
	left: 0;
	transition: none;
	pointer-events: auto;
	max-height: 1000px;
	right: 0px;
}

ul.reset {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.reset li {
	margin: 0;
}

ol {
	padding-left: 25px;
}

ol li {
	margin-top: 20px;
}

ol li p {
	font-style: normal;
	font-weight: 300;
}

ol {
	list-style-type: decimal;
}

ol.round {
	list-style: none;
	counter-reset: my-awesome-counter;
	padding-left: 45px;
}

ol.round li {
	padding-left: 0px;
	counter-increment: my-awesome-counter;
}

ol.round li::before {
	content: counter(my-awesome-counter);
	background: rgba(0, 0, 0, 0.15);
	line-height: 30px;
	height: 30px;
	width: 30px;
	display: inline-block;
	text-align: center;
	padding-left: 0;
	border-radius: 50%;
	padding: 0 0;
	font-weight: 800;
	font-style: italic;
	font-size: 35px;
	margin-right: 15px;
	margin-left: -45px;
	box-shadow: inset 2px 0px 2px var(--blacker-alpha-color);
	text-shadow: 2px 0px 2px var(--blacker-alpha-color);
	color: var(--white-color);
}

ol[type="(a)"],
ol[type="(i)"] {
	counter-reset: list;
	margin: 0;
	list-style: none;
}

ol[type="(a)"]>li,
ol[type="(i)"]>li {
	list-style: none;
	position: relative;
}

ol[type="(a)"]>li:before,
ol[type="(i)"]>li:before {
	counter-increment: list;
	position: absolute;
	left: -1.4em;
}

ol[type="(a)"]>li:before {
	content: "(" counter(list, lower-alpha) ") ";
}

ol[type="(i)"]>li:before {
	content: "(" counter(list, lower-roman) ") ";
}

.bryt {
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal;
	display: block;
	hyphens: auto;
}

a.external-url:hover,
.white a.external-url:hover {
	text-decoration: underline;
}

.external-url:after {
	content: "\f08e";
	font-family: 'Font Awesome 5 Pro';
	padding-left: 5px;
	opacity:0.8;
	font-weight: 300;
	padding-right: 5px;
	text-decoration: none;
	line-height: 1;
	display: inline-block;
	vertical-align: super;
	font-size: 0.8em;
}

a.external-url:hover:after {
	color: var(--link-color);
	font-weight: bold;
	text-decoration: none;
}

.white .external-url:after {
	color: var(--white-half-alpha);
}

.white a.external-url:hover:after {
	color: var(--white-color);
	text-decoration: none;
}

.search-url:before {
	content: "\f002";
	padding-right: 2px;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
}

.search-url:hover:before {
	opacity: 1;
	font-weight: bold;
	color: var(--darker-color);
}

.search-url {
	text-decoration: none;
	font-weight: 300;
	padding-left: 1px;
}

.search-url:hover {
	color: var(--darker-color);
	text-decoration: underline;
	font-weight: 300;
}

.search-url.transparent.italic {
	cursor: help;
}

input.search {
	padding-left: 2.2em;
	padding-right: 0;
}

input.search:hover {
	padding-left: 2.2em;
	padding-right: 0;
	background: url('/images/search-blue.png') no-repeat var(--input-background-color);
	background-size: 1.3em 1.3em;
	background-position: 5px center
}

article.rem input.search,
article.rem input.search:focus {
	padding-left: 2.5em;
}

input.search:focus,
article input.search:focus:placeholder-shown {
	padding-left: 2.2em;
	background: url('/images/search-blue.png') no-repeat;
	background-size: 1.3em 1.3em;
	background-position: 5px center
}

article.rem input.search:focus:placeholder-shown {
	padding-left: 2.5em;
}

.floating_label input.search,
.floating_label input.search:focus,
.floating_label input.search:hover {
	background-position: bottom 7px left 2px;
}

.selectable,
textarea.selectable,
article textarea.selectable {
	color: var(--slight-dark-color);
	height: 32px;
	cursor: text;
	padding: 0;
	padding-right: 25px;
	vertical-align: middle;
	overflow-y: hidden;
	overflow-x: hidden;
	background: var(--input-background-color) url('/images/cut.png') center right no-repeat;
	background-position-x: right 5px;
}

.selectable:hover,
textarea.selectable:hover,
article textarea.selectable:hover {
	color: var(--link-hover-color);
	padding-right: 25px;
	vertical-align: middle;
	cursor: text;
	background: var(--input-background-color) url('/images/cut-blue.png') center right no-repeat;
	background-position-x: right 5px;
}

.selectable:focus,
textarea.selectable:focus,
textarea.selectable:focus:hover {
	background: #126BD0;
	cursor: text;
	padding-right: 25px;
	box-shadow: none;
	transition: 0.1s all ease-in-out;
	cursor: text;
	background: var(--active-color) url('/images/cut_invert.png') center right no-repeat;
	background-position-x: right 5px;
}

.total_volume {
	text-align: left;
	display: inline-block;
	background: var(--lighter-grey-color);
	width: auto;
	border: 1px solid var(--black-light-alpha);
	padding: 20px;
	border-radius: 20px;
	width: 100%;
	color: var(--slight-darker-color);
	margin-top: 5px;
	line-height: 1.2em;
	font-size: 14px;
}

.total_volume b {
	text-align: right;
	font-weight: 600;
}

article .selectable {
	height: 32px;
	line-height: 26px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.grey_vertikal {
	min-width: 180px;
	background: var(--grey-vertical);
	border: 1px solid var(--black-alpha-color);
	border-radius: 8px;
	padding: 0px;
}

.grey_vertikal h3:first-of-type {
	margin-top: 0px;
	margin-bottom: 0px;
	background: var(--vertical-header-color);
	font-size: 16px;
	line-height: 20px;
	padding: 15px;
	min-width: 180px;
	color: var(--slight-darker-color);
	user-select: none;
	font-weight:300;
}

.grey_vertikal h3:first-of-type:hover {
	color: var(--link-color);
	background: var(--table-hover-color);
}

.grey_vertikal div {
	padding: 15px;
	color: var(--black-half-alpha);
	font-size: 15px;
	line-height: 1.5em;
	max-height: 500px;
	transition: max-height 1s ease, opacity 0.5s ease;
}

.grey_vertikal.closed div {
	padding: 0px;
	max-height: 0px;
	transition: max-height 0.5s ease, opacity 0.5s ease, padding 0s 0.5s ease;
}

.grey_vertikal.api_color {
	background: #e5f5fa;
	border: 1px solid var(--black-alpha-color);
	border-bottom: 1px solid var(--blacker-alpha-color);
}

.grey_vertikal.api_color h3:first-of-type {
	color: var(--black-color);
	background: linear-gradient(135deg, #e5f5fa 0%, #dfeffa 100%);
}

#login_form {
	border-bottom: 1px solid var(--blacker-alpha-color);
	box-shadow: 0px 8px 10px 0px var(--black-light-alpha);
}

.fraktjakt_login_logga {
	width: 130px;
	margin: 32px 0;
}

.inloggad_logga {
	display: none;
}

.w1p {
	width: 100%;
}

/* ---------------- Block header ---------------------	*/
.block-header {
	position: relative;
}

.block-header .lefttab,
.block-header .right_tab {
	display: none;
}

.block-header .maintab {
	max-width: none;
}

.block-header .middle {
	background: none;
	margin: 0 auto;
	max-width: 1600px;
}

.block-header .header {
	height: auto;
	z-index: 1;
}

.block-header .header>div {
	max-width: 1600px;
	margin: 0 auto;
}

.block-header .login_rutor .greybtn{
	background-color: rgba(255, 255, 255, 0.1);
}

.block-header .login_rutor .greybtn:hover {
	background-color: rgba(255, 255, 255, 0.05);
}

.block-header .login_rutor .greybtn,
.block-header .login_rutor .greybtn a {
	color: white;
}

.block-header #topmenu ul li.inaktivflik a.topalternative {
	color: #fff;
}

.block-header .header::before,
.block-header .header::after {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: top left;
	z-index: -1;
}

.block-header .header::before {
	background: linear-gradient(to bottom, var(--navy-color), var(--main-color) 102%);

}

.block-header .header::after {
	background-image: url('/images/fraktjakt-grid-singel1x.webp');
	background-repeat: repeat;
	background-size: contain;

}

.new-header {
	--header-size: 4rem;
	text-align: center;

}

.new-header .header-text {
	padding: 8vh 5vw 5vh 5vw;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	font-size: 1.5rem;
	flex-wrap: wrap;
	gap: 1.4rem;
}

.header-text p {
	font-weight: 300;
	color: rgba(255,255,255,0.75);
	margin-bottom: 0;
	margin-top: 0;
	font-size: 1.5rem;
}

.header-text a {
	text-decoration: underline;
	font-weight: 600;
	color: rgba(255,255,255,0.9);
}

.header-text a:hover {
	color: var(--hover-color);
}

.new-header h1 {
	font-size: var(--header-size);
	margin-bottom: 0;
	margin-top: 0;
}

.new-header h1 img {
	max-height: 85px;
	max-width: 100%;
}

#butikbubbla .counter {
	display: none;
}

.shipper_header img {
	width: 50px;
	vertical-align: bottom;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 15px;
}
.shipper_tab {
	background: var(--light-grey-color);
	border-radius: 25px;
	border: 1px solid var(--table-hover-color);
	border-bottom: 1px solid var(--black-alpha-color);
	margin:0.2em 0 2px;
}
h5.shipper_header a {
	padding:0;
	border-radius: 25px;
	display:block;
}
h5.shipper_header a:hover {
	background: var(--accent-color3);
}
h5.shipper_header {
	margin:0;
}
h5.shipper_header .expand_title:after, .shipper_header .expand_title:hover:after {
	bottom: 12px;
	right: 17px;
}

.switch_sender {
	margin-top: 18px;
}


/* -----------	 media containers ------------- */
@media print {
	body {
	   box-shadow:  inset 0 0 0 1000px #000;
	}
	div.logga, .bottenbanner, .desktop_element, .fullwidth_element, .tabnav_vertikal,
	#header_top, .footer, #logintab, .open_menu {
		display: none !important;
	}

	.no-print,
	.no-print * {
		display: none !important;
	}
}

@media (hover:none) {

	#tabnav_vertikal li.submenu_enabled:hover ul,
	#tabnav_vertikal li.active ul li.submenu_enabled:hover ul,
	#tabnav_vertikal li:hover ul,
	#tabnav_vertikal li.submenu_enabled ul li.submenu_enabled:hover ul {
		transition: max-height 0.5s ease, padding-bottom 0.7s ease, opacity 0.7s ease;
		max-height: 1000px;
		padding-bottom: 20px;
		opacity: 1;
	}

	#tabnav_vertikal li.active ul ul,
	#tabnav_vertikal li.submenu_enabled:hover ul ul {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: max-height 0s .2s, padding-bottom 0s 0.2s ease, opacity 0s 0.2s ease;
		padding-bottom: 0;
	}

	#tabnav_vertikal li.submenu_enabled:hover:after {
		content: "\f106";
		color: var(--white-color);
		font-weight: 600;
	}

	#tabnav_vertikal li.inaktivflik:hover {
		display: block;
		max-height: 1200px;
		transition: max-height 0.5s ease;
	}
}

@media only screen and (max-width: 999.98px) {
	@viewport {
		width: 440px;
		orientation: portrait;
		overflow: hidden;
	}

	.ripped_screenshot img {
		max-width: 100%;
	}

	.header {
		padding: 0 20px 30px;
		height: 78px;
		margin: 0;
		position: relative;
	}

	.utloggad_logga {
		margin-left: 0px;
		flex: 1 1 134px;
		padding-top: 32px;
	}

	article p.lead {
		font-size: 16px;
		transition: font-size 0.2s ease;
	}

	div#changeusermenutitle {
		font-size: 16px;
	}

	.sm-hidden {
		display: none;
	}

	.address_input {
		display: flex;
		flex-flow: row wrap;
		transition: 1s height ease-in-out;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 0px;
	}

	.add_commodity {
		text-align: right;
	}

	.loggamenu a {
		height: 84px;
		padding-left: 10px;
	}

	#logged_in h1 {
		margin-top: 0;
		transition: margin-top 0.3s ease;
	}

	h1 {
		font-size: 38px;
		transition: all 0.2s ease;
	}

	article h2 {
		font-size: 1.5em;
		line-height: 1.5em;
		margin-top: 2em;
		margin-bottom: 0.8em;
	}

	article h3 {
		font-size: 1.3em;
		line-height: 1.5em;
		margin-top: 2em;
		margin-bottom: 0.8em;
	}

	article h4 {
		font-size: 1.2em;
		line-height: 1.5em;
		margin-top: 2em;
		margin-bottom: 0.8em;
	}

	.topmenu_table {
		flex: 6 1 450px;
	}

	.center_block,
	article .center_block,
	article .center_block div,
	article .center_block td {
		font-size: 16px;
		transition: font-size 0.2s ease;
	}

	article div.brodtext,
	article .brodtext,
	article .brodtext li,
	.brodtext,
	article .brodtext td,
	article .brodtext,
	article .brodtext .content_tab {
		font-size: 16px;
		transition: font-size 0.2s ease;
	}

	.transparent_byline {
		font-size: 16px;
		transition: font-size 0.2s ease;
	}

	article div.lead input,
	article div.lead select {
		font-size: 16px;
		transition: font-size 0.2s ease;
	}

	article div.lead,
	article .brodtext div.lead {
		font-size: 16px;
		line-height: 1.4em;
		transition: font-size 0.2s ease;
	}

	article {
		font-size: 15px;
	}

	.footer article {
		font-size: 13px;
		line-height: 1.2em;
	}

	img.rellax {
		display: inline-block;
		margin-top: 0 !important;
		min-height: 100%;
		min-width: 100%;
		text-align: center;
		object-fit: cover !important;
		transform: translate3d(0, 0, 0) !important;
	}

	article div.lead h2 {
		margin-top: 0px;
		padding-top: 24px;
		font-size: 1.4rem;

	}

	article div.lead {
		width: 100%;
		font-weight: 500;
		font-size: 16px;
		padding-left: 0px;
		padding-right: 0px;
	}

	td.soksidan div.switch {
		display: block;
		float: right;
	}

	.soksidan h3 {
		color: var(--slight-darker-color);
		font-size: 18px;
		font-weight: 400;
		line-height: 1.1;
		padding: 10px 0;
		margin: 0;
	}

	td.soksidan {
		width: 100%;
		display: block;
		min-height: 50px;
	}

	table.expanderbar .mobile_flex {
		border-bottom: 1px solid var(--black-slight-alpha);
		margin-bottom: 10px;
	}


	.switch {
		white-space: nowrap;
	}

	a.bildruta {
		font-size: 12px;
	}

	.login_table {
		width: 77%
	}

	.login_table div {
		width: auto;
		display: none;
		font-size: 15px;
		padding-right: 0px;
		float: right;
	}

	.login_forms {
		width: 28%;
		min-width: 75px;
	}

	.topmenu_table {
		flex: 1 1 80px;
		text-align: center;
	}

	.fraktjakt_logga {
		position: absolute;
		top: 33px;
		left: 20px;
		width: 25%;
	}

	body {
		overflow-x: hidden;
	}

	#protofade,
	#protofade2,
	#protofade3,
	#protofade4 {
		height: 70px;
	}

	div#protofade {
		box-sizing: border-box;
		width: 80%;
	}

	div#changeusermenu,
	#changeusermenutitle {
		display: none;
	}

	div.transparent2.service_ruta {
		border: 1px solid var(--black-alpha-color);
		padding: 20px;
		width: 90%;
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid var(--blacker-alpha-color);
	}

	div.service_ruta {
		width: 100%;
		box-sizing: border-box;
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px;
		background: var(--main-color);
		padding-top: 10px;
		padding-bottom: 10px;
	}

	html,
	body {
		min-width: 300px;
	}

	#topmenu a {
		cursor: pointer;
		transition: 1s ease;
	}

	#topmenu ul#topmenu_list li {
		z-index: 102;
		transition: 1s ease;
	}

	#topmenu ul li.inaktivflik ul {
		display: block;
		max-height: 0px;
		transition: all 1s 1s ease;
		overflow: hidden;
		opacity: 0;
	}

	#topmenu ul li.inaktivflik:hover ul {
		display: block;
		max-height: 2000px;
		transition: all 1s 0.2s ease;
		padding: 5px 5px;
		border-radius: 3px;
		margin-left: 15px;
		opacity: 1;
	}

	#topmenu ul li.aktivflik ul {
		display: block;
		color: rgba(255, 255, 255, 0.7);
		font-size: 18px;
		font-weight: 600;
		line-height: 28px;
		padding: 5px;
		border-radius: 3px;
		margin-left: 20px;
		background: none;
	}

	#topmenu ul li.aktivflik ul a {
		background: none;
		color: rgba(255, 255, 255, 0.7);
		border: 1px solid transparent;
	}

	#topmenu ul {
		padding: 0;
		margin: 0;
		display: inline;
		box-sizing: border-box;
	}

	#topmenu li {
		padding: 0;
		margin: 0;
		display: block;
		box-sizing: border-box;
	}

	#topmenu li a {
		display: block;
		color: rgba(255, 255, 255, 0.7);
		font-size: 18px;
		font-weight: 500;
		line-height: 28px;
		border: 1px solid rgba(255, 255, 255, 0);
		margin: 2px;
		padding: 6px 10px;
		border-radius: 4px;
	}

	#topmenu li.aktivflik a,
	#topmenu li.aktivflik a:hover {
		color: var(--blue-color);
		background: var(--white-color);
		border: 1px solid var(--white-full-alpha);
	}

	#topmenu li a:hover {
		text-decoration: none;
		background: rgba(80%, 80%, 100%, 0.25);
		transition: 1s ease;
	}

	#topmenu li li a {
		font-weight: 400;
	}

	#topmenu li.aktivflik li a,
	#topmenu li.inaktivflik li a {
		font-weight: 200;
		font-size: 15px;
		line-height: 24px;
	}

	div.topmenu_table {
		width: 100%;
		transition: 0.5s ease;
	}

	div#topmenu ul {
		width: 100%;
		box-sizing: border-box;
		transition: 1s 0.5s max-height ease;
	}

	div#topmenu {
		margin-top: 32px;
		width: 100%;
		box-sizing: border-box;
		max-height: 25px;
		transition: all .5s ease-in-out;
	}

	#topmenu ul#topmenu_list {
		margin-top: 0px;
		overflow: hidden;
		padding: 10px 0 0 10px;
		height: 100%;
		background: rgb(6, 31, 56);
		background: linear-gradient(153deg, rgba(0, 144, 188, 1) 0vh, rgba(3, 81, 106, 1) 10vh, rgba(6, 31, 56, 1) 25vh, rgba(6, 31, 56, 1) 90vh, #053754 100vh);
		background-attachment: fixed;
		display: block;
		overflow-y: scroll;
		overflow-x: hidden;
		width: 0px;
		position: fixed;
		z-index: 100;
		top: 0px;
		left: 0px;
		opacity: 0;
		scrollbar-color: #678 #061f38;
		transition: width .2s ease, opacity .2s ease;
	}

	#topmenu:target ul#topmenu_list {
		text-align: left;
		border-right: 1px solid var(--black-half-alpha);
		box-shadow: 0px 10px 30px var(--slight-dark-color);
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		width: 300px;
		opacity: 1;
		transition: width .5s ease, opacity .5s ease, overflow 0.5s 0.5s;
	}

	#topmenu #close_topmenu a.loggamenu img {
		opacity: 0;
	}

	#topmenu #close_topmenu a.closemenu {
		opacity: 0;
	}

	#topmenu:target #close_topmenu a.closemenu {
		z-index: 101;
		opacity: 1;
		position: fixed;
		display: block;
		left: 260px;
		text-align: right;
		top: 5px;
		font-size: 30px;
		color: var(--white-color);
		transition: all 0.5s 0.5s ease;
	}

	#topmenu:target #close_topmenu a.loggamenu img {
		z-index: 101;
		opacity: 1;
		position: absolute;
		display: block;
		left: 10px;
		height: 65px;
		text-align: left;
		top: 0px;
		transition: all 0.5s 0.5s ease;
	}

	#topmenu:target #close_topmenu {
		display: block;
	}

	#topmenu:target #open_menu {
		display: none;
	}

	#close_topmenu {
		display: none;
	}

	.logintab.open #close_topmenu {
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 24px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.1);
		height: 50px;
		width: 50px;
		text-align: center;
		vertical-align: middle;
		padding: auto 0;
		line-height: 50px;
		z-index: 300;
	}

	.logintab.open #close_topmenu:hover {
		background: rgba(255, 255, 255, 0.3);
	}

	.logintab.open #close_topmenu a {
		color: var(--white-color);
		width: 50px;
		height: 50px;
		display: block;
	}

	.logga {
		padding-left: 10px;
	}

	.logintab {
		display: block;
		flex: 1 1 0px;
		width: 0px;
		opacity: 0;
		max-width: 0;
		overflow: hidden;
		transition: opacity 0.3s ease, width 0.5s ease, max-width 0.5s ease, flex 0.5s ease, display 0s 0.5s ease;
		scrollbar-color: #678 #061f38;
	}

	.logintab.open {
		width: 100%;
		max-width: 100%;
		margin: 0;
		opacity: 1;
		position: fixed;
		overflow: hidden;
		transition: opacity 0.2s ease, flex 0.3s ease;
		z-index: 200;
	}

	.logintab .loginbackground {
		width: 0;
		max-width: 0;
		transition: opacity 0.2s ease, max-width 0.3s ease, width 0.3s ease, flex 0.3s ease;
	}

	.logintab.open .loginbackground {
		width: 100%;
		max-width: 310px;
		border-right: 2px solid rgba(0, 0, 0, 0.7);
		position: relative;
		box-shadow: 0 0 20vw 2vw rgba(0, 0, 0, 0.8);
		transition: opacity 0.2s ease, flex 0.3s ease;
	}

	#tabnav_vertikal li ul {
		max-height: 0;
		overflow: hidden;
		padding-bottom: 0;
		opacity: 0;
		transition: opacity 0.2s, max-height 0.2s, overflow 0.2s 0s, padding-bottom 0.2s;
		margin-bottom: 0;
	}

	#tabnav_vertikal ul li a {
		padding: 0 0 0 10px;
		font-weight: 300;
		font-size: 18px;
	}

	#tabnav_vertikal ul li ul li a {
		font-weight: 200;
		font-size: 16px;
	}

	#tabnav_vertikal li.inaktivflik {
		max-height: 50px;
	}

	.tabnav_vertikal a,
	.tabnav_vertikal a.active,
	#tabnav_vertikal ul li.aktivflik a {
		line-height: 50px;
		font-weight: 300;
		font-size: 18px;
	}

	#open_menu {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 51;
		padding: 25px;
		border-radius: 0 0 25px 0;
		transition: all .5s;
	}

	#open_menu.scrolled {
		/* js file Scroll_behavior add this class on scroll */
		position: fixed;
		background-color: var(--background-color);
		padding: 10px 3px 3px 10px;
		border-radius: 0 0 10px 0;
		box-shadow: 1px 1px 3px var(--black-alpha-color);
	}
	#open_menu.scrolled.blackbars {
		padding: 10px;
	}

	#open_menu a {
		width: 100%;
		display: block;
		width: 50px;
		height: 50px;
		background-image: url('/images/fraktjakt-logo-menu.png');
		background-repeat: no-repeat;
		background-position: left;
		background-size: auto 100%;
		transition: all 0.2s ease;
	}

	#open_menu a:hover {
		cursor: pointer;
		overflow: visible;
		z-index: 120;
		background-image: url('/images/fraktjakt-logo-menu-hover.png');
	}

	.block-header #open_menu a {
		background-image: url('/images/fraktjakt-logo-menu-white.png');
	}
	.block-header #open_menu.scrolled a {
		background-image: url('/images/fraktjakt-logo-menu.png');
	}

	.block-header #open_menu a:hover {
		background-image: url('/images/fraktjakt-logo-menu-white-hover.png');
	}

	#open_menu.blackbars a {
		background-image: url('/images/menu_open_svart.png');
		opacity: 0.3;
		top: 0;
		height: 30px;
		width: 60px;
		background-size: 100% auto;
	}

	.block-header #open_menu.blackbars a {
		background-image: url('/images/menu_open.png');
	}
	.block-header #open_menu.blackbars.scrolled a {
		background-image: url('/images/menu_open_svart.png');
	}

	#open_menu.blackbars a:hover {
		opacity: 1;
	}

	table.content,
	div.content {
		padding-top: 0px;
		box-sizing: border-box;
	}

	.content {
		padding: 0;
	}

	#custom_css.content {
		padding: 0 0 30px;
	}

	div.settings .content_tab {
		margin: 0;
	}

	div.topmenu_table {
		width: 100%;
		position: relative;
		box-sizing: border-box;
	}

	td.logga_td {
		width: 30%;
	}

	.desktop_background_image {
		background-image: none !important;
	}

	.desktop_inline {
		display: none;
	}

	.mobile_padding_left20 {
		padding-left: 20px;
	}

	.fraktsokruta td {
		padding-top: 10px;
	}

	div#tabnav.tabnav {
		display: none;
	}

	.tabnav ul {
		padding: 0px;
		margin: 0px;
	}

	.tabnav li {
		display: inline-block;
	}

	.tabnav li a {
		line-height: 30px;
		font-size: 14px;
		display: inline-block;
	}

	.tabnav a,
	tabnav a.active {
		padding: 5px 7px;
		display: inline-block;
	}

	td#tabnav_vertikal {
		display: none;
	}

	.tabnav_vertikal,
	td#tabnav_vertikal,
	.tabnav_vertikal ul,
	.tabnav_vertikal a,
	.tabnav_vertikal ul li {
		padding: 0px;
		margin: 0px;
	}

	.tabnav_vertikal,
	td#tabnav_vertikal,
	.tabnav_vertikal ul,
	.tabnav_vertikal a,
	.tabnav_vertikal ul li {
		padding: 0px;
		margin: 0px;
	}

	#tabnav_vertikal ul {
		height: auto;
		width: 100%;
		box-sizing: border-box;
		overflow: hidden;
		margin-bottom: 20px;
	}

	.tabnav-wrapper {
		display: none;
	}

	.klickbox div {
		width: 100%;
		box-sizing: border-box;
	}

	.mobile_padding {
		padding: 20px;
	}

	.width1,
	.width2,
	.width3,
	.width4,
	.width5,
	.width1content,
	.width6,
	.width8,
	.width9,
	.width80,
	.width200,
	.width250,
	.width300,
	.width320,
	.width340,
	.width360,
	.width435,
	.width540,
	.width640,
	.width650,
	.width680,
	.width700,
	.width750,
	.width800,
	.width820,
	.width371,
	.width380,
	.width400,
	.width100percent,
	.content,
	.contentwidth1,
	.width5_side,
	div.ripped_screenshot,
	.ripped_screenshot {
		box-sizing: border-box;
		width: 100%;
	}

	.height200mobile120 {
		height: 120px;
	}

	.float_right {
		clear: both;
		display: block;
		text-align: right;
	}

	blockquote {
		font-family: Georgia, serif;
		font-size: 14px;
		font-style: italic;
		margin: 0.25em 0;
		padding: 0.35em 20px 0.35em 5px;
		line-height: 1.45;
		position: relative;
	}

	td.rightquote.desktop_column {
		width: inherit;
	}

	.dhtmlgoodies_question {
		width: 100%;
	}

	.dhtmlgoodies_answer {
		width: 97%;
	}

	.fraktsokruta {
		padding: 0;
		margin: 0;
		width: 100%;
		box-sizing: border-box;
		background: #E5EDF6;
		border: 1px solid var(--black-alpha-color);
		border-bottom: 1px solid var(--blackerer-alpha-color);
	}

	select#country_to_id,
	select#package_type,
	select#shipper_id {
		width: 110px;
	}

	div.desktop-cell {
		padding: 5px;
		display: inline-block;
	}

	.popupmall {
		background: var(--background-color);
		width: 100%;
		box-sizing: border-box;
		vertical-align: middle;
		z-index: 250;
		overflow: auto;
		text-align: left;
		padding: 30px;
		border: 2px solid var(--blacker-alpha-color);
		position: absolute;
		cursor: default;
	}

	.expand_info {
		text-align: right;
	}

	.mobile_top_margin {
		margin-top: 30px;
	}

	.mobile_flex,
	td.desktop_column.mobile_flex {
		display: flex;
		flex-flow: row wrap;
		flex-direction: row;
		justify-content: space-between;
	}

	.mobile_flex span {
		display: inline-flex;
	}

	.mobile_flex td {
		flex-basis: auto;
		flex-grow: 1;
	}

	.desktop_column {
		display: block;
		clear: both;
		position: relative;
		transition: all 0.3s ease-in-out;
	}

	td.desktop_column {
		flex: 1 0 200px;
		flex-flow: column;
		min-width: 0;
		white-space: normal;
		clear: both;
		width: 100%;
		box-sizing: border-box;
		transition: all 0.3s ease-in-out;
	}

	td.mobile_width33 {
		display: inline-block;
		white-space: normal;
		width: 30%;
		transition: all 0.3s ease-in-out;
	}

	td.border-bottom.desktop_column {
		border: 0;
	}

	tr td.border-bottom.desktop_column:last-child {
		border-bottom: 1px solid var(--black-alpha-color);
	}

	tr td.border-bottom.desktop_column:first-child {
		padding-top: 20px;
	}

	td.desktop_top {
		vertical-align: bottom;
		padding-top: 20px;
	}

	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	input,
	select,
	textarea,
	option,
	select option,
	input[type="color"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="email"]:focus,
	input[type="month"]:focus,
	input[type="number"]:focus,
	input[type="password"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="text"]:focus,
	input[type="time"]:focus,
	input[type="url"]:focus,
	input[type="week"]:focus,
	select:focus,
	option:focus,
	select:focus option,
	textarea:focus {
		font-size: 16px !important;
		-webkit-appearance: none;
	}

	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button,
	input[type=number]::inner-spin-button,
	input[type=number]::outer-spin-button,
	input[type=number]::-moz-inner-spin-button,
	input[type=number]::-moz-outer-spin-button {
		-webkit-appearance: none;
		appearance: none;
		margin: 0;
	}

	.knapp {
		padding: 0 20px;
	}

	.knapp.stor,
	.knapp.stor.mega {
		padding: 0 50px;
	}

	div.floating_label {
		position: relative;
		display: inline-block;
	}

	.batch_popup {
		width: 100%;
		box-sizing: border-box;
	}

	.center_popup {
		width: 100%;
		cursor: default;
		padding: 30px 10px 30px 30px;
		box-sizing: border-box;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
	}


	/* Force table to not be like tables anymore */
	table.desktop_table,
	.desktop_table thead,
	.desktop_table tbody,
	.desktop_table td,
	.desktop_table tr {
		display: block;
		box-sizing: border-box;
		clear: both;
		text-align: left;
	}

	.desktop_table th {
		display: none;
	}


	/* Hide table headers (but not display: none;, for accessibility) */
	.desktop_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.desktop_table tr {
		margin-bottom: 10px;
		border-bottom: 1px solid var(--black-alpha-color);
	}

	.desktop_table td {
		/* Behave	like a "row" */
		border: none;
		width: 100%;
		display: block;
	}


	/* Force table to not be like tables anymore */
	table.desktop_data_table,
	.desktop_data_table thead,
	.desktop_data_table tbody,
	.desktop_data_table td,
	.desktop_data_table tr {
		display: block;
		box-sizing: border-box;
		clear: both;
		text-align: left;
		line-height: 32px;
	}

	div.mobile_data {
		display: block;
		box-sizing: border-box;
		clear: both;
		text-align: left;
		line-height: 24px;
		margin: 0;
		background: rgba(0, 0, 0, 0.01);
		border-bottom: 1px solid #bbb;
		margin-bottom: 10px;
	}

	.mobile_data>* {
		min-width: 0;
	}

	.mobile_data div.unit {
		text-align: right;
	}

	.mobile_data div,
	.mobile_data.expanderbar div,
	.mobile_data.expanderbar div.nopadding,
	.mobile_data.expanderbar div.lesspadding,
	.flex_child.lesspadding,
	.flex_child.nopadding {
		display: block;
		box-sizing: border-box;
		clear: both;
		text-align: left;
		border-bottom: 1px solid var(--blacker-alpha-color);
		border: none;
		border-bottom: 1px dotted var(--accent-grey-color);
		position: relative;
		padding-left: 40%;
		min-height: 32px;
		line-height: 32px;
	}

	.mobile_data div.sub_wrapper {
		display: flex;
		flex-flow: row nowrap;
		flex-direction: row;
		flex-direction: row;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}

	.mobile_data div.desktop_element, .desktop_element, .crop.desktop_element {
		display: none;
	}

	.mobile_data div div,
	.mobile_data.expanderbar div div {
		box-shadow: none;
		float: none;
		border-radius: 0;
		padding-left: 0;
		border-bottom: none;
	}

	.mobile_data div img {
		text-align: left;
	}

	.mobile_data div:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 30%;
		font-size: 13px;
		line-height: 1em;
		padding-right: 10px;
		white-space: normal;
	}

	div.mobile_data div.click_more_menu .more_menu {
		border-radius: 8px;
		border-bottom: 3px solid var(--blacker-alpha-color);
		padding: 3px;
	}

	.mobile_data .counter_number.stor {
	  width: 40px;
	  overflow: visible;
	  left: 0px;
	  position: absolute;
	  top: 5px;
	  display: inline-block;
	  height: 30px;
	  line-height: 30px;
	  padding: 5px;
	  padding-right: 0;
	  vertical-align: middle;
	  text-align: center;
	}

	.desktop_data_table th {
		display: none;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.desktop_data_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.desktop_data_table tr {
		border: 1px solid var(--black-light-alpha);
		margin-bottom: 2em;
		border-bottom: 1px solid var(--blacker-alpha-color);
	}

	.desktop_data_table tr.desktop_element,
	.desktop_data_table td.desktop_element {
		display: none;
	}

	.desktop_data_table td {
		/* Behave	like a "row" */
		border: none;
		border-bottom: 1px solid var(--black-light-alpha);
		position: relative;
		padding-left: 40%;
		width: 100%;
		min-height: 32px;
		line-height: 32px;
	}

	.desktop_data_table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%;
		line-height: 1em;
		padding-right: 10px;
		white-space: normal;
	}

	.desktop_data_table td {
		line-height: 32px;
	}

	.desktop_data_table td:before {
		content: " " attr(data-label)"";
		color: var(--black-half-alpha);
	}

	.mobile_data div:before {
		content: " " attr(data-label)"";
		color: var(--black-half-alpha);
		text-align: left;
    overflow:hidden;
		text-overflow:ellipsis;
	}

	.transparent2 {
		padding: 5px 0px;
	}

	.artikel {
		width: 100%;
		box-sizing: border-box;
		padding: 0px 10px 50px;
		border: 0px;
		margin: 0px;
	}

	.padding20 {
		padding: 0px;
	}

	.paketruta {
		width: 50%;
		line-height: 16px;
	}

	input {
		font-size: 16px;
		-webkit-appearance: none;
	}

	.cart {
		padding: 6px 10px 2px 10px;
		width: 225px;
		height: auto;
	}

	.cart.selected,
	.cart.selected:hover {
		font-size: 16px;
	}

	.flash {
		width: 95%;
		left: 10px;
		top: 38%;
		margin-left: 0px;
		margin-top: 0px;
		margin-left: 0px;
	}

	.new-header {
		--header-size: 3rem;
	}
}

.tablet {
	display: none;
}
@media only screen and (max-width: 699.99px) {
	#logged_in h1 {
		margin-top:20px;
	}
	.middle {
		padding: 0 20px;
	}
	.desktop_element,
	.desktop_flex,
	.desktop_element.interaktiv_transparens,
	.fullwidth_element,
	.hide_mobile {
		display: none;
	}
}
@media only screen and (min-width: 700px) and (max-width: 999.98px) {

	.logga img.fraktjakt_login_logga {
		content: url('/images/fraktjakt-logo-menu-white.png');
		margin: 2rem 0 1rem;
		height: 40px;
		width: auto;
	}

	.logintab:hover .logga img.fraktjakt_login_logga {
		content: url('/images/logo-logo-white.webp');
	}

	#logintab .logga {
		padding-left: 15px;
	}

	#logintab .logga a {
		height: auto !important;
	}

	#logged_in #open_menu {
		display: none;
	}


	.middle {
		padding: 0 20px 0 40px;
	}


	.logintab {
		display: block;
		flex: 86px 0 0;
		width: 86px;
		transition: all .2s ease;
		opacity: 1;
		max-width: unset;
		z-index: 200;
	}

	.logintab .loginbackground {
		width: 86px;
		padding: 0px 10px 40px 10px;
		transition: all .5s ease;
		max-width: unset;
		opacity: 1;
		max-width: unset;
		width: 86px;
		scrollbar-width: thin;
	}

	div#changeusermenutitle {
		background-size: 0px 0px;
	}

	.logintab:hover div#changeusermenutitle {
		background-size: 10px auto;
	}

	div#changeusermenu,
	#changeusermenutitle {
		display: block;
	}

	.logintab:hover .loginbackground {
		width: 300px;
		scrollbar-width: initial;
		box-shadow: 5px 0px 8px 0px var(--blacker-alpha-color);
		transition: all .2s ease;
	}

	li.submenu_enabled {
		background: none;
	}

	#tabnav_vertikal h5 {
		height: 0;
		overflow: hidden;
		margin: .5em 0px;
		transition: all .2s ease;

	}

	.logintab:hover #tabnav_vertikal h5 {
		height: auto;
		overflow: visible;
		margin: 2em 0px 0.75em;
	}

	#tabnav_vertikal li.submenu_enabled:after,
	#tabnav_vertikal li.submenu_enabled:focus-within:after,
	#tabnav_vertikal li.submenu_enabled.aktivflik:after,
	#tabnav_vertikal li.submenu_enabled.open:after {
		opacity: 0;
		transition: opacity .2s ease;
	}

	.logintab:hover #tabnav_vertikal li.submenu_enabled:after,
	.logintab:hover #tabnav_vertikal li.submenu_enabled:focus-within:after,
	.logintab:hover #tabnav_vertikal li.submenu_enabled.aktivflik:after,
	.logintab:hover #tabnav_vertikal li.submenu_enabled.open:after {
		opacity: 1;
	}

	td#tabnav_vertikal.desktop_column,
	td#tabnav_vertikal {
		display: none;
		width: 0;
		transition: width 0.5s ease;
	}

	.cart {
		width: auto;
	}

	.cart::before {
		visibility: visible;
		margin-left: 15px;
	}

	.logintab:hover .cart::before {
		margin-left: 2px;
	}

	#butikbubbla .counter {
		display: block;
	}

	.logintab:hover #butikbubbla .counter {
		display: none;
	}

	div#changeusermenutitle i.kontosymbol,
	div#changeusermenutitle div.kontosymbol {
		margin-left: 15px;
		visibility: visible;
	}

	#tabnav_vertikal ul li a {
		position: relative;
		overflow: visible;
	}

	#tabnav_vertikal .counter {
		visibility: visible;
		opacity: 1;
		position: absolute !important;
		right: 5px;
	}

	#changeusermenutitle,
	.tabnav_vertikal a,
	.tabnav_vertikal a.active,
	#tabnav_vertikal ul li.aktivflik a,
	#tabnav_vertikal ul li a {
		visibility: hidden;
	}

	#tabnav_vertikal ul li a i {
		margin-left: 5px;
	}

	.tabnav_vertikal a.active:not(:has(i)),
	#tabnav_vertikal ul li.aktivflik a:not(:has(i)),
	#tabnav_vertikal ul li a:not(:has(i)) {
		visibility: visible;
	}

	#tabnav_vertikal #butikbubbla>a {
		visibility: hidden;
	}

	#tabnav_vertikal ul li.admin_menu a {
		visibility: visible;
	}

	.logintab:hover #tabnav_vertikal #butikbubbla>a,
	.logintab:hover #tabnav_vertikal ul li a,
	.logintab:hover #changeusermenutitle,
	#tabnav_vertikal ul li a i {
		visibility: visible;
	}

	#changeusermenutitle,
	.tabnav_vertikal a,
	.tabnav_vertikal a.active,
	#tabnav_vertikal ul li.aktivflik a,
	#tabnav_vertikal ul li a,
	#tabnav_vertikal ul li ul li a {
		line-height: 36px;
		font-weight: 300;
		font-size: 13px;
		transition: all .2s ease;
	}

	#tabnav_vertikal li.submenu_enabled ul {
		padding-left: 10px;
		transition: padding .2s ease;
	}

	.logintab:hover #tabnav_vertikal li.submenu_enabled ul {
		padding-left: 20px;
	}

	.tabnav_vertikal a,
	.tabnav_vertikal a.active,
	#tabnav_vertikal ul li.aktivflik a {
		/* padding: 0 0 0 10px; */
		/* line-height: 30px;
		font-weight: 300; */
		transition: all .2s ease;
	}

	.switchwrapper.leftmenu {
		margin-top: 0 !important;
	}

}

@media only screen and (min-width: 1000px) and (max-width: 1495.98px) {

	td#tabnav_vertikal.desktop_column,
	td#tabnav_vertikal {
		display: none;
		width: 0;
		transition: width 0.5s ease;
	}

	.width3,
	.width2,
	.width4,
	.width5,
	.width5content,
	.width1content,
	.contentwidth1,
	.width6,
	.width7,
	.width9,
	.width10,
	.width320,
	.width360,
	.width793,
	.width800,
	.width820,
	.width850,
	.width863,
	.width880 {
		box-sizing: border-box;
		width: 100%;
	}

	.width1 {
		width: 100%;
	}

	h1 {
		font-size: 42px;
		transition: font-size 0.3s ease;
		transition: all .2 ease;
	}

	article h2 {
		font-size: 1.5em;
		line-height: 1.7em;
		margin-top: 2em;
		margin-bottom: 0.8em;
	}

	article h3 {
		font-size: 1.3em;
		line-height: 1.5em;
		margin-top: 2em;
		margin-bottom: 0.8em;
	}

	article h4 {
		font-size: 1.2em;
		line-height: 1.5em;
		margin-top: 2em;
		margin-bottom: 0.8em;
	}

	.width5_side {
		display: none;
		width: 0;
		transition: width 0.5s ease;
	}

	#logged_in h1 {
		margin-top: 0px;
		transition: margin-top 0.3s ease;
	}

	.loginbackground {
		width: 200px;
		padding: 0px 10px 40px 20px;
		transition: all .2s ease;
	}

	.logintab {
		display: block;
		flex: 200px 0 0;
		width: 200px;
		transition: all .2s ease;
	}

	#tabnav_vertikal ul li a {
		font-weight: 300;
		font-size: 13px;
	}

	#tabnav_vertikal ul li ul li a {
		font-weight: 200;
		font-size: 12px;
	}

	div#changeusermenutitle {
		font-size: 13px;
		line-height: 30px;
		transition: all .2s ease;
	}

	.tabnav_vertikal a,
	.tabnav_vertikal a.active,
	#tabnav_vertikal ul li.aktivflik a {
		padding: 0 0 0 10px;
		line-height: 30px;
		font-weight: 300;
		transition: all .2s ease;
	}

	.middle {
		padding: 0 40px 0 55px;
		transition: padding .2s ease;
	}

	.address_input {
		display: flex;
		flex-flow: row wrap;
		transition: 1s height ease-in-out;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 0px;
		gap: 40px;
	}

	.footer article {
		font-size: 14px;
		line-height: 1.2em;
	}

	article p.lead {
		font-size: 18px;
		transition: font-size 0.2s ease;
	}

	.transparent_byline {
		font-size: 17px;
		transition: font-size 0.2s ease;
	}

	.center_block,
	article .center_block,
	article .center_block div,
	article .center_block td {
		font-size: 18px;
		transition: font-size 0.2s ease;
	}

	td.soksidan {
		width: 240px;
		transition: width 0.2s ease;
	}

	article div.brodtext,
	article .brodtext,
	article .brodtext li,
	.brodtext,
	article .brodtext td,
	article .brodtext {
		font-size: 17px;
		transition: font-size 0.2s ease;
	}
	article .brodtext .content_tab div.expando {
		font-size: 1rem;
	}

	article div.lead input,
	article div.lead select {
		font-size: 18px;
		transition: font-size 0.2s ease;
	}

	article div.lead,
	article .brodtext div.lead {
		font-size: 18px;
		transition: font-size 0.2s ease;
	}

	.fullwidth_element {
		display: none;
	}

	article div.lead h2 {
		padding-top: 50px;
		margin-top: 0;
	}

	div.banner_headline {
		margin-top: -130px;
		height: 120px;
		position: absolute;
		display: flex;
	}

	img.rellax {
		display: inline-block;
		margin-top: 0 !important;
		min-height: 100%;
		min-width: 100%;
		text-align: center;
		object-fit: cover !important;
		transform: translate3d(0, 0, 0) !important;
	}

	.cart {
		padding: 6px 10px 2px 42px;
		width: 180px;
	}

	.cart.selected,
	.cart.selected:hover {
		font-size: 15px;
	}

	table.content,
	div.content {
		padding: 0 0 10px;
		box-sizing: border-box;
	}

	.content {
		padding: 0;
	}

	#custom_css.content {
		padding: 0 0 40px;
		margin: 0 0 40px;
		border-radius: 40px;
	}

	.flash {
		width: 550px;
		top: 50%;
		left: 50%;
		margin-top: -60px;
		margin-left: -275px;
	}

}

@media only screen and (min-width: 700px) {
	.sm-full-width {
		width: auto;
	}

	.md-flex {
		display: flex;
	}

	.md-flex-row {
		flex-direction: row;
	}

}

@media only screen and (min-width: 1000px) {

	.mobile_element,
	#topmenu ul li.mobile_element,
	#topmenu ul li a.mobile_element {
		display: none !important;
	}

	.ripped_screenshot img {
		max-width: 80%;
	}

	.desktop_flex {
		display: flex;
	}

	.header {
		padding: 0 40px 30px;
		height: 78px;
		margin: 0;
		position: relative;
	}

	.utloggad_logga {
		margin-left: 0px;
		flex: 0 0 200px;
		padding-top: 32px;
	}

	div#topmenu #open_menu {
		display: none;
	}

	div#topmenu {
		top: 24px;
		margin-left: 0px;
		position: relative;
	}

	.loggamenu img {
		display: none;
		opacity: 0;
	}

	.loggamenu a {
		display: none;
	}

	#open_menu {
		display: none;
	}

	#topmenu ul li a {
		display: block;
		padding: 0px 8px 0px 8px;
		margin: 0px;
		font-size: 18px;
		white-space: nowrap;
		font-weight: 300;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		user-select: none;
	}

	#topmenu ul li.inaktivflik a.topalternative {
		color: var(--dark-color);
	}

	#topmenu a.topalternative {
		font-size: 16px;
		line-height: 40px;
		height: 40px;
	}

	#topmenu li.aktivflik a.topalternative {
		font-size: 16px;
		color: var(--black-color);
	}

	#topmenu ul li.aktivflik ul li a {
		background: none;
		font-size: inherit;
		height: inherit;
		color: inherit;
	}

	#tabnav_vertikal li.inaktivflik {
		max-height: 36px;
	}

	div.auto-label:before {
		content: unset;
	}

	.add_commodity {
		float: right;
	}

	.logintab {
		display: block;
		margin: 0;
		position: relative;
		overflow: hidden;
		transition: width 0.2s ease;
		scrollbar-color: #678 #061f38;
	}

	.login_forms {
		width: 150px;
	}

	.desktop_absolute {
		position: absolute;
	}

	.desktop_crop {
		max-width: 100%;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		box-sizing: border-box;
		min-width: 0;
	}

	#topmenu ul li.aktivflik a.topalternative {
		font-weight: 600;
		height: 40px;
		border-radius: 10px;
		background-color: rgba(0, 181, 209, 0.1);
		color: var(--main-color);
		display: inline-block;
		border: 0px;
		margin: 0px;
	}

	.desktop_center {
		text-align: center;
	}

	.desktop_border-right {
		border-right: 1px solid #bbb;
		border-right: 1px solid var(--black-slight-alpha);
	}

	.commodity_ikoner {
		position: absolute;
		right: 0px;
		width: 32px;
		vertical-align: top;
		text-align: center;
		padding-right: 0;
	}

	#close_topmenu {
		display: none;
	}

	td.vertikal_lista {
		vertical-align: top;
	}

	.registrera,
	.white .registrera,
	b .a {
		height: 40px;
		width: 210px;
	}

	.registrera-blue,
	.registrera-blue:visited,
	b .registrera-blue {
		height: 40px;
		width: 200px;
	}

	.knapp {
		padding: 0 20px;
	}

	.knapp.stor,
	.knapp.stor.mega {
		padding: 0 60px;
	}

	img.rellax {
		width: 100%;
	}

	article div.lead {
		width: 82%;
		padding-left: 70px;
		padding-right: 70px;
	}

	article div.center_block {
		padding-left: auto;
		padding-right: auto;
		max-width: 100%;
	}


	#existing_commodities_in_search,
	#existing_export_reason_in_search,
	#parcel-rows,
	.search-row,
	.sender_section,
	.receiver_section {
		display: flex;
		gap: 20px;
		margin-bottom: 3rem;

		& > .soksidan {
			flex-basis: 240px;
			flex-shrink: 0;
		}
	}
	.switch_sender {
		display: flex;
		justify-content: end;
	}



	.soksidan h3 {
		color: var(--slight-darker-color);
		font-size: 20px;
		font-weight: 400;
		line-height: 32px;
		padding: 0 0 5px 0;
		margin-bottom: 0;
	}

	.soksidan.green h3 {
		color: var(--active-color);
	}

	.transparent2 {
		padding: 5px;
	}

	#protofade,
	#protofade2,
	#protofade3,
	#protofade4 {
		height: 30px;
	}

	.desktop_inline {
		display: inline-block;
	}

	a[href^="tel"]:link,
	a[href^="tel"]:visited,
	a[href^="tel"]:hover {
		text-decoration: none;
	}

	a.bildruta {
		font-size: 14px;
	}

	#topmenu ul,
	#topmenu li {
		list-style: none;
		padding: 0;
		margin: 0;
		display: inline;
	}

	#topmenu ul li {
		float: left;
		position: relative;
	}

	#topmenu ul li:hover {
		transition: none;
	}

	#topmenu ul li:focus {
		pointer-events: none;
	}


	#topmenu ul li ul li:hover {
		width: 100%;
		background: rgba(0, 100, 100, 0.05);
		border-radius: 10px;
		transition: none;
	}

	#topmenu ul li.inaktivflik ul,
	#topmenu ul li.aktivflik ul {
		position: absolute;
		text-shadow: none;
		top: -1000px;
		left: 0px;
		opacity: 0;
		/* Hide sub level */
		transition: top 0s 0.2s, opacity 0.2s ease, max-height 0s 0.2s ease;
		z-index: 157;
		padding: 0px;
		max-height: 0px;
		border: 1px solid var(--black-alpha-color);
		border-bottom: 1px solid var(--blacker-alpha-color);
		box-shadow: 0px 8px 10px 0px var(--black-light-alpha);
	}

	#topmenu ul li.inaktivflik ul ul,
	#topmenu ul li.aktivflik ul ul {
		transition: none;
	}

	#topmenu ul li.inaktivflik:hover ul {
		opacity: 1;
	}

	#topmenu ul li ul {
		background: var(--top-menu-back);
		opacity: 0.5;
		border-radius: 10px;
		min-width: 200px;
		backdrop-filter: blur(15px) saturate(180%);
		-webkit-backdrop-filter: blur(15px) saturate(180%);
	}

	#topmenu ul li.inaktivflik:focus ul li a,
	#topmenu ul li.inaktivflik:hover ul li a {
		color: var(--slight-dark-color);
	}

	#topmenu ul li.aktivflik:hover,
	#topmenu ul li.aktivflik:focus {
		cursor: pointer;
	}

	#topmenu ul li.inaktivflik:hover,
	#topmenu ul li.inaktivflik:focus {
		cursor: pointer;
		border-radius: 10px;
		color: var(--black-color);
		background-color: rgba(0, 181, 209, 0.1);
	}


	#topmenu ul li.aktivflik ul li,
	#topmenu ul li.inaktivflik ul li {
		width: 100%;
		box-sizing: border-box;
		padding: 0px;
		height: 35px;
	}

	#topmenu ul li.aktivflik ul li a,
	#topmenu ul li.inaktivflik ul li a {
		font-size: 14px !important;
		font-weight: 300;
		line-height: 35px;
		padding: 0px 10px;
		width: 100%;
		box-sizing: border-box;
		display: block;
	}

	#topmenu ul li ul li a {
		color: var(--dark-color);
	}

	#topmenu ul li.aktivflik ul ul {
		position: absolute;
		top: -1000px;
		max-height: 0px;
		left: 100%;
		box-sizing: border-box;
		opacity: 0.5;
		transition: top 0s 0.2s, opacity 0.2s ease, max-height 0.2s ease;
	}

	#topmenu ul li:focus>ul {
		opacity: 1;
		position: absolute;
		top: 100%;
		max-height: 1000px;
		left: 0;
		transition: none;
		pointer-events: auto;
	}

	#topmenu ul ul li:hover>ul {
		position: absolute;
		top: 0;
		left: 100%;
		max-height: 1000px;
		opacity: 1;
		z-index: 197;
		transition: none;
		pointer-events: auto;
		border-radius: 10px;
	}

	div#tabnav,
	td#tabnav {
		line-height: 20px;
		height: auto;
		margin: 0px;
		width: 100%;
		box-sizing: border-box;
	}

	div.settings .content_tab {
		margin: 0 0 0 40px;
	}

	.widthauto {
		width: auto;
	}

	.width8 {
		width: 110px;
	}

	.width11 {
		width: 11px;
	}

	.width15 {
		width: 15px;
	}

	.width20 {
		width: 20px;
	}

	.width25 {
		width: 25px;
	}

	.width30 {
		width: 30px;
	}

	.width40 {
		width: 40px;
	}

	.width45 {
		width: 45px;
	}

	.width50 {
		width: 50px;
	}

	.width55 {
		width: 55px;
	}

	.width60 {
		width: 60px;
	}

	.width65 {
		width: 65px;
	}

	.width70 {
		width: 70px;
	}

	.width80 {
		width: 80px;
	}

	.width88 {
		width: 88px;
	}

	.width90 {
		width: 90px;
	}

	.width95 {
		width: 95px;
	}

	.width98 {
		width: 98px;
	}

	.width100 {
		width: 100px;
	}

	.width105 {
		width: 105px;
	}

	.width110 {
		width: 110px;
	}

	.width120 {
		width: 120px;
	}

	.width125 {
		width: 125px;
	}

	.width130 {
		width: 130px;
	}

	.width140 {
		width: 140px;
	}

	.width145 {
		width: 145px;
	}

	.width150 {
		width: 150px;
	}

	.width160 {
		width: 160px;
	}

	.width170 {
		width: 170px;
	}

	.width178 {
		width: 178px;
	}

	.width180 {
		width: 180px;
	}

	.width190 {
		width: 190px;
	}

	.width194 {
		width: 194px;
	}

	.width200 {
		width: 200px;
	}

	.width205 {
		width: 205px;
	}

	.width210 {
		width: 210px;
	}

	.width216 {
		width: 216px;
	}

	.width220 {
		width: 220px;
	}

	.width223 {
		width: 223px;
	}

	.width225 {
		width: 225px;
	}

	.width230 {
		width: 230px;
	}

	.width240 {
		width: 240px;
	}

	.width250 {
		width: 250px;
	}

	.width255 {
		width: 255px;
	}

	.width260 {
		width: 260px;
	}

	.width270 {
		width: 270px;
		max-width: 270px;
	}

	.width277 {
		width: 277px;
	}

	.width280 {
		width: 280px;
	}

	.width285 {
		width: 285px;
	}

	.width300 {
		width: 300px;
		max-width: 300px;
	}

	.width310 {
		width: 310px;
	}

	.width320 {
		width: 320px;
	}

	.width324 {
		width: 324px;
	}

	.width327 {
		width: 327px;
	}

	.width340 {
		width: 340px;
	}

	.width350 {
		width: 350px;
	}

	.width346 {
		width: 346px;
	}

	.width357 {
		width: 357px;
	}

	.width360 {
		width: 360px;
	}

	.width371 {
		width: 371px;
	}

	.width380 {
		width: 380px;
	}

	.width400 {
		width: 400px;
	}

	.width407 {
		width: 407px;
	}

	.width410 {
		width: 410px;
	}

	.width420 {
		width: 420px;
	}

	.width430 {
		width: 430px;
	}

	.width435 {
		width: 435px;
	}

	.width450 {
		width: 450px;
	}

	.width470 {
		width: 470px;
	}

	.width500 {
		width: 500px;
	}

	.width540 {
		width: 540px;
	}

	.width550 {
		width: 550px;
	}

	.width580 {
		width: 580px;
	}

	.width600 {
		width: 600px;
	}

	.width640 {
		width: 640px;
	}

	.width650 {
		width: 650px;
	}

	.width680 {
		width: 680px;
	}

	.width700 {
		width: 700px;
	}

	.width750 {
		width: 750px;
	}

	.width5percent {
		width: 5%;
	}

	.width10percent {
		width: 10%;
	}

	.width12percent {
		width: 12%;
	}

	.width13percent {
		width: 13%;
	}

	.ripped_screenshot {
		width: 100%;
	}

	div.ripped_screenshot {
		width: 100%;
		text-align: center;
	}

	.width25percent {
		width: 25%;
	}

	.width30percent {
		width: 30%;
	}

	.width33percent {
		width: 33%;
	}

	.startrutor.stor.width33percent {
		width: 33%;
	}

	.width40percent {
		width: 40%;
	}

	.width45percent {
		width: 45%;
	}

	.width50percent {
		width: 50%;
	}

	.width55percent {
		width: 55%;
	}

	.width60percent {
		width: 60%;
	}

	.width65percent {
		width: 65%;
	}

	.width70percent {
		width: 70%;
	}

	.width100percent {
		width: 100%;
	}

	.height300px {
		height: 300px;
	}

	.height100percentage {
		height: 100%;
	}

	.height90 {
		height: 90px;
	}

	.height200mobile120 {
		height: 200px;
	}

	.margin_left_28 {
		margin-left: 28px;
	}

	.margin_left_850 {
		margin-left: 850px;
	}

	.margin_top_30 {
		margin-top: 30px;
	}

	.margin_top_50 {
		margin-top: 50px;
	}

	.center_fixed_horizontally {
		margin-left: -350px;
		left: 50%;
	}

	.margin_top_28 {
		margin-top: -28px;
	}

	.margin_top5 {
		margin-top: 5px;
	}

	.margin_top20 {
		margin-top: 20px;
	}

	.margin_top107 {
		margin-top: 107px;
	}

	.margin_top115 {
		margin-top: 115px;
	}

	.margin_top135 {
		margin-top: 135px;
	}

	.margin_top140 {
		margin-top: 140px;
	}

	.margin_top160 {
		margin-top: 160px;
	}

	.margin_top_-300 {
		margin-top: -300px;
	}

	div.desktop_column_1of2 {
		width: 50%;
		padding-right: 30px;
		vertical-align: top;
		display: inline-block;
	}

	div.desktop_column_1of2.width60percent {
		width: 60%;
	}

	div.desktop_column_2of2.width40percent {
		width: 40%;
	}

	div.desktop_column_2of2 {
		width: 50%;
		padding-left: 30px;
		vertical-align: top;
		display: inline-block;
	}

	td.rightquote {
		width: 470px;
	}

	.inlineblock {
		display: inline-block;
	}

	.mobile_data.nopadding, 
	.mobile_data .flex_child.nopadding {
		padding: 0;
	}
	
	.mobile_data,
	.expanderbar {
		padding: 5px;
	}
	article .mobile_data .flex_child,
	article .expanderbar .flex_child {
		padding: 10px;
	}
	article.rem.pres .mobile_data .flex_child,
	article.rem.pres .expanderbar .flex_child {
		padding: 15px;
	}
	
	.expanderbar div.lesspadding,
	.flex_child.lesspadding,
	.flex_header .lesspadding {
		padding: 10px 5px;
	}
	
	.expanderbar div.nopadding,
	.nopadding {
		padding: 5px 0px;
	}

	div.service_ruta {
		padding: 20px;
		display: inline-block;
		width: 320px;
		height: 135px;
		float: left;
		margin-right: 28px;
		margin-bottom: 28px;
		background: #e5edf6;
	}

	div.transparent2.service_ruta {
		border: 1px solid var(--blacker-alpha-color);
		padding: 20px;
		display: inline-block;
		width: 320px;
		height: 135px;
		float: left;
		margin-right: 28px;
		margin-bottom: 28px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	}

	.padding15 {
		padding: 15px;
	}

	.klickbox div {
		width: 590px;
	}

	.mobile_data .flex_child,
	.width0 {
		width: 0
	}

	blockquote:before {
		display: block;
		padding-left: 10px;
		content: "\201C";
		font-size: 80px;
		position: absolute;
		left: -20px;
		top: -20px;
		opacity: 0.5;
	}

	blockquote {
		font-family: Georgia, serif;
		font-size: 18px;
		font-style: italic;
		margin: 0.25em 0;
		padding: 0.35em 40px;
		line-height: 1.45;
		position: relative;
	}

	.expand_info {
		float: right;
	}

	.popupmall {
		width: 600px;
		background: var(--background-color);
		vertical-align: middle;
		position: absolute;
		z-index: 250;
		overflow: visible;
		text-align: left;
		padding: 30px;
		border: 5px solid var(--blacker-alpha-color);
		border-radius: 20px;
	}

	.helpbox.popupmall {
		width: 800px;
		height: 100%;
		max-height: 600px;
		cursor: default;
		padding: 30px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		overflow: auto;
		overflow-x: hidden;
		-ms-overflow-x: hidden;
	}

	.batch_popup {
		width: 550px;
		margin-top: 230px;
		margin-left: 400px;
	}

	.popupmall.center_popup {
		width: 800px;
		height: 100%;
		max-height: 600px;
		cursor: default;
		padding: 30px;
		position: fixed;
		top: 50%;
		left: 50%;
		overflow:auto;
		transform: translate(-50%, -50%);
	}

	.paginering2 {
		width: 100%;
	}

	.dhtmlgoodies_question {
		width: 100%;
		box-sizing: border-box;
	}

	.dhtmlgoodies_answer {
		width: 100%;
		box-sizing: border-box;
	}

	.tabnav li {
		padding: 2px 2px 2px 2px;
		white-space: nowrap;
	}

	.tabnav {
		margin: 3px 3px 1px 0px;
		padding: 0px;
		height: 22px;
	}

	.tabnav a,
	tabnav a.active {
		padding: 3px 5px;
	}

	.margin5 {
		margin: 5px;
	}

	.margin_left_10 {
		margin-left: 10px;
	}

	.margin_left_15 {
		margin-left: 15px;
	}

	.margin_left_20 {
		margin-left: 20px;
	}

	.margin_left_25 {
		margin-left: 25px;
	}

	.margin_left_30 {
		margin-left: 30px;
	}

	.margin_left-32 {
		margin-left: -32px;
	}

	.margin_right-80 {
		margin-right: -80px;
	}

	.margin_right-32 {
		margin-left: -32px;
	}

	.margin_right_30 {
		margin-right: 30px;
	}

	.margin_right_40 {
		margin-right: 40px;
	}

	.margin_right_50 {
		margin-right: 50px;
	}

	.margin_left_50 {
		margin-left: 50px;
	}

	.margin_left_200,
	.vertikal_lista ul.margin_left_200,
	ul.margin_left_200 {
		margin-left: 200px;
	}

	.margin_left_300 {
		margin-left: 300px !important;
	}

	.margin_top_0 {
		margin-top: 0px;
	}

	.margin_top_-10 {
		margin-top: -10px;
	}
	.margin_top_-34 {
		margin-top: -34px;
	}

	.margin_bottom_40 {
		margin-bottom: 40px;
	}

	.padding_left_10 {
		padding-left: 10px;
	}

	.padding_left_30 {
		padding-left: 30px;
	}

	.padding_left45 {
		padding-left: 45px !important;
	}

	.padding_left60 {
		padding-left: 60px;
	}

	.padding_left65 {
		padding-left: 65px;
	}

	.padding_left80,
	.border_left_desktop.padding_left80 {
		padding-left: 80px;
	}

	.padding_left170 {
		padding-left: 170px;
	}

	.padding_left300 {
		padding-left: 300px;
	}

	.padding_left450 {
		padding-left: 450px;
	}

	.padding_left500 {
		padding-left: 500px;
	}

	.padding_left550 {
		padding-left: 550px;
	}

	.padding_left620 {
		padding-left: 620px;
	}

	.padding_left50,
	.border_left_desktop.padding_left50 {
		padding-left: 50px;
	}

	.padding_left50percent {
		padding-left: 50%;
	}

	.padding_right350 {
		padding-right: 350px;
	}

	.padding_right500 {
		padding-right: 500px;
	}

	.padding_right450 {
		padding-right: 450px;
	}

	.padding_right400 {
		padding-right: 400px;
	}

	.padding_right370 {
		padding-right: 370px;
	}

	.padding_right300 {
		padding-right: 300px;
	}

	.padding_right230 {
		padding-right: 230px;
	}

	.padding_right80 {
		padding-right: 80px;
	}

	.padding_right60 {
		padding-right: 60px;
	}

	.padding_right50 {
		padding-right: 50px !important;
	}

	.padding_right40 {
		padding-right: 40px;
	}

	.padding_right32 {
		padding-right: 32px;
	}

	.padding_right30 {
		padding-right: 30px;
	}

	.padding_right25 {
		padding-right: 25px;
	}

	.padding_right20 {
		padding-right: 20px;
	}

	.padding_right10 {
		padding-right: 10px;
	}

	.padding_top5 {
		padding-top: 5px;
	}

	.padding_top15 {
		padding-top: 15px;
	}

	.padding_top20 {
		padding-top: 20px;
	}

	.padding_bottom20 {
		padding-bottom: 20px;
	}

	.padding40 {
		padding: 40px;
	}

	.padding25 {
		padding: 25px;
	}

	.padding20 {
		padding: 20px;
	}

	.padding10 {
		padding: 10px;
	}

	.padding5 {
		padding: 5px;
	}

	.padding_top_2 {
		padding-top: 2px;
	}

	.float_left {
		float: left;
	}

	.float_right,
	div.float_right {
		float: right !important;
	}

	.align_right {
		text-align: right;
	}

	.align_center {
		text-align: center;
	}

	.shipper_ruta {
		width: 260px;
		padding: 0px;
		padding-right: 10px;
		padding-left: 15px;
	}

	.fraktsokruta {
		height: 241px;
	}

	div.desktop-cell {
		display: table-cell;
		vertical-align: top;
		padding: 5px;
	}

	.tabnav-wrapper {
		padding-left: 14px;
		padding-top: 2px;
		display: none;
	}

	.tabnav-wrapper-admin {
		padding-left: 14px;
		padding-top: 2px;
	}

	table.tabnavlist {
		display: none;
	}

	.left-padding {
		padding-left: 30px;
	}

	.sub_topmenu2 {
		margin-top: 3px;
	}

	.bottenbanner {
		height: 67px;
	}

	.legaltext {
		width: 870px;
	}

	#topmenu ul li.aktivflik,
	#topmenu ul li.inaktivflik {
		margin: 0 20px 0 0;
	}

	#topmenu ul li.aktivflik {
		font-weight: 400;
		height: 40px;
		border-radius: 10px;
		vertical-align: bottom;
		display: inline-block;
		border: 0px;
	}

	#topmenu ul li a:hover {
		text-decoration: none;
	}

	#topmenu ul li.aktivflik ul li a {
		background: none;
		font-size: inherit;
		height: inherit;
		color: inherit;
	}

	#topmenu ul li.inaktivflik:hover ul a {
		color: var(--black-color);
	}

	#topmenu ul li.submenu_enabled ul {
		background: rgba(217, 243, 248, 1);
	}

	.inaktivflik-right {
		background-position: -93px 0px;
		padding-top: 3px;
		width: 7px;
		height: 18px;
		vertical-align: bottom;
		display: inline-block;
		padding-bottom: 2px;
	}

	a:hover .inaktivflik {
		background-position: 0px 0px;
		background-color: #37b;
		background-color: rgba(0, 0, 0, 0.25);
		height: 18px;
		padding-bottom: 2px;
	}

	.border_left_desktop {
		padding-left: 50px;
		border-left: 1px solid var(--blacker-alpha-color);
	}

	.border_left_desktop.padding_left_30 {
		padding-left: 30px;
	}

	td.desktop_top {
		vertical-align: top;
	}

	td.desktop_column table {
		direction: ltr;
	}

	.artikel,
	td.artikel,
	table.artikel {
		box-sizing: border-box;
		padding: 30px 30px 100px 40px;
		border: 0px;
		margin: 0px;
	}

	table.artikel {
		width: 100%;
	}

	table.expanderbar,
	table.standard_table {
		position: relative;
		height: 84px;
		padding: 0;
		border-bottom: 1px solid var(--black-alpha-color);
		outline: 0;
		user-select: none;
		border-collapse: collapse;
	}

	table.cleantable,
	table.slimtable {
		position: relative;
		border-collapse: collapse;
		padding: 0;
		outline: 0;
	}

	table.slimtable {
		height: 60px;
	}

	article table.cleantable {
		height: 100px;
	}

	article.rem table.cleantable {
		height: 120px;
	}

	table.expanderbar td,
	.standard_table td {
		padding: 0px 5px;
		height: 84px;
		border-collapse: collapse;
		vertical-align: middle;
		outline: 0;
		user-select: none;
	}

	table.expanderbar,
	table.standard_table,
	table.expanderbar.compact td,
	.standard_table.compact td {
		height: 64px;
	}

	table.cleantable td,
	table.slimtable td {
		padding: 0px 20px;
		border-collapse: collapse;
		vertical-align: middle;
		outline: 0;
	}

	table.slimtable td {
		height: 60px;
	}

	table.cleantable td {
		height: 100px;
	}

	article.rem table.cleantable td {
		height: 120px;
	}

	table.expanderbar td .crop,
	table.cleantable td .mid.crop,
	table.cleantable td .mid,
	table.slimtable td .mid.crop,
	table.slimtable td .mid {
		display: block;
		position: absolute;
		line-height: 30px;
		vertical-align: middle;
	}

	table.expanderbar td .crop {
		top: 25px;
	}

	table.expanderbar td .flex_wrapper .crop {
		position: static;
	}

	table.expanderbar.compact td .crop {
		top: 15px;
	}

	table.cleantable td .mid.crop,
	table.cleantable td .mid {
		top: 35px;
	}

	table.slimtable td .mid.crop,
	table.slimtable td .mid {
		top: 15px;
	}

	article.rem table.cleantable td .mid.crop,
	article.rem table.cleantable td .mid {
		top: 45px;
	}

	td div.toptext {
		position: absolute;
		top: 16px;
		font-size: 12px;
		line-height: 20px;
		font-weight: 200;
	}

	.compact td div.toptext {
		top: 7px;
	}

	td div.subtext {
		position: absolute;
		line-height: 20px;
		font-size: 14px;
		bottom: 16px;
		font-weight: 200;
	}

	td div.toptext .crop,
	td div.subtext.crop {
		top: inherit;
		position: static;
		line-height: inherit;
	}

	.cleantable td div.toptext,
	.slimtable td div.toptext {
		position: absolute;
		font-size: 12px;
		line-height: 20px;
	}

	.cleantable td div.subtext,
	.slimtable td div.subtext {
		position: absolute;
		line-height: 20px;
		font-size: 12px;
	}

	.cleantable td div.toptext {
		top: 16px;
	}

	.slimtable td div.toptext {
		top: 5px;
	}

	.cleantable td div.subtext {
		bottom: 18px;
	}

	.slimtable td .subtext,
	.slimtable td .subtext {
		bottom: 5px;
	}

	article.rem .cleantable td div.toptext {
		top: 28px;
		font-size: 14px;
	}

	article.rem .cleantable td div.subtext {
		bottom: 28px;
		font-size: 14px;
	}

	tr.expanderbar_trigger td.expanderbar:after {
		content: "\f078";
		font-family: 'Font Awesome 5 Pro';
		font-size: 16px;
		font-weight: 100;
		position: absolute;
		right: 0px;
		bottom: -5px;
		color: var(--black-half-alpha);
		margin-right: 5px;
		z-index: 90;
		pointer-events: none;
	}

	tr.expanderbar_trigger td.expanderbar.open:after {
		content: "\f077";
	}

	tr.expanderbar_trigger:hover td.expanderbar:after {
		font-weight: 600;
		opacity: 1;
		color: var(--link-color);
		pointer-events: none;
	}

	table.expanderbar:hover {
		border-bottom: 1px solid var(--blackerer-alpha-color);
		box-shadow: 2px 0px 4px var(--black-alpha-color);
		cursor: pointer;
		background: var(--table-hover-color);
	}

	.expanderbar.right:after {
		bottom: auto;
		top: 30px;
	}

	table.expanderbar:after {
		content: "\f078";
		font-family: 'Font Awesome 5 Pro';
		font-size: 16px;
		font-weight: 100;
		float: right;
		opacity: 0.4;
		position: absolute;
		right: 0px;
		bottom: 2px;
		margin-right: 5px;
		z-index: 90;
		pointer-events: none;
	}

	table.expanderbar:hover:after {
		font-weight: 600;
		opacity: 1;
		color: var(--link-color);
		pointer-events: none;
	}

	.expanderbar.right:hover:after {
		font-weight: 600;
		opacity: 1;
		color: var(--link-color);
		pointer-events: none;
	}

	table.expanderbar.open:after {
		content: "\f077";
	}

	.expanderbar.right:after {
		position: absolute;
		font-family: 'Font Awesome 5 Pro';
		content: "\f054";
		opacity: 0.4;
		right: 0;
	}

	table.expanderbar.open:before,
	table.expanderbar.open:after {
		opacity: 1;
	}

	table.expanderbar.open,
	table.cleantable.open {
		border-radius: 4px 4px 0 0;
		background: rgba(0, 0, 100, .04);
	}

	.header-text p {
		max-width: 70%;
		min-width: 820px;
	}

}

@media only screen and (min-width: 1496px) {
	.content {
		min-width: 500px;
		padding: 0;
	}

	#custom_css.content {
		padding: 0;
		margin: 0 0 50px;
		border-radius: 50px;
	}

	.loginbackground {
		width: 250px;
		padding: 0px 10px 20px 25px;
		transition: all .2s ease;
	}

	.logintab {
		display: block;
		flex: 250px 0 0;
		width: 250px;
		transition: all .2s ease;
	}

	#tabnav_vertikal ul li a {
		font-weight: 300;
		font-size: 15px;
		transition: all .2s ease;
	}

	#tabnav_vertikal ul li ul li a {
		font-weight: 200;
		font-size: 13px;
	}

	div#changeusermenutitle {
		font-size: 16px;
		transition: all .2s ease;
	}

	.tabnav_vertikal a,
	.tabnav_vertikal a.active,
	#tabnav_vertikal ul li.aktivflik a {
		padding: 0 0 0 10px;
		line-height: 36px;
		font-weight: 300;
		transition: all .2s ease;
	}

	.middle {
		padding: 0 40px 0 60px;
		transition: padding .2s ease;
	}

	.footer article {
		font-size: 16px;
		line-height: 1.2em;
	}

	.address_input {
		display: flex;
		flex-flow: row wrap;
		transition: 1s height ease-in-out;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 0px;
		gap: 70px;
	}

	#logged_in h1 {
		margin-top: 0px;
		transition: margin-top 0.3s ease;
	}

	h1 {
		font-size: 55px;
		transition: font-size 0.3s ease;
		transition: all .2 ease;
	}

	article h2 {
		font-size: 35px;
		line-height: 1.5em;
		margin-top: 2em;
		margin-bottom: 0.8em;
	}

	article h3 {
		font-size: 1.3em;
		line-height: 1.5em;
		margin-top: 2em;
		margin-bottom: 0.8em;
	}

	article h4 {
		font-size: 1.2em;
		line-height: 1.5em;
		margin-top: 2em;
		margin-bottom: 0.8em;
	}

	article p.lead {
		font-size: 20px;
		transition: font-size 0.2s ease;
	}

	.transparent_byline {
		font-size: 18px;
		transition: font-size 0.2s ease;
	}

	.center_block,
	article .center_block,
	article .center_block div,
	article .center_block td {
		font-size: 18px;
		transition: font-size 0.2s ease;
	}

	article div.brodtext,
	article .brodtext,
	article .brodtext li,
	.brodtext,
	article .brodtext td,
	article .brodtext,
	article .brodtext .content_tab {
		font-size: 18px;
		transition: font-size 0.2s ease;
	}

	article div.lead input,
	article div.lead select {
		font-size: 20px;
		transition: font-size 0.2s ease;
	}

	article div.lead,
	article .brodtext div.lead {
		font-size: 20px;
		transition: font-size 0.2s ease;
	}

	td#tabnav_vertikal {
		width: 200px !important;
		padding-top: 0px;
		padding-right: 5px;
		padding-left: 15px;
		background: #fafdff;
		border-radius: 20px;
		border-top: 0;
		font-size: 15px;
		border-right: 0;
		border-bottom: 0;
		padding-bottom: 30px;
	}

	.width0 {
		width: 0px;
	}

	.width1 {
		max-width: 1600px;
		min-width: 900px;
		width: 100%;
	}

	.width2 {
		width: 900px;
	}

	.width3 {
		width: 1050px;
	}

	.width4 {
		width: 710px;
	}

	.width5 {
		width: 873px;
	}

	.width5content {
		width: 873px;
	}

	.width5_side {
		vertical-align: top;
		width: 320px;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		background: rgba(0, 0, 0, 0.03);
	}

	.width1content {
		min-width: 900px;
		max-width: 1550px;
		width: 100%;
	}

	.contentwidth1 {
		min-width: 900px;
		max-width: 1600px;
		width: 100%;
		padding: 0 0 20px 0;
	}

	.width6 {
		width: 914px;
	}

	.width7 {
		width: 650px;
	}

	.width9 {
		width: 910px;
	}

	.width10 {
		width: 952px;
	}

	.width793 {
		width: 793px;
	}

	.width800 {
		width: 800px;
	}

	.width820 {
		width: 820px;
	}

	.width850 {
		width: 850px;
	}

	.width863 {
		width: 863px;
	}

	.width880 {
		width: 880px;
	}

	article div.center_block {
		padding-left: auto;
		padding-right: auto;
		max-width: 1000px;
	}

	.cart {
		padding: 6px 10px 2px 42px;
		width: 100%;
		height: auto;
	}

	td.soksidan {
		width: 250px;
	}

	.cart.selected,
	.cart.selected:hover {
		font-size: 15px;
	}

	.margin_left_28_only_on_full {
		margin-left: 28px;
	}

	.flash {
		width: 600px;
		top: 50%;
		left: 50%;
		margin-top: -60px;
		margin-left: -300px;
	}

	a.knapp, article a.knapp	{
		padding: 0 50px;
		height: 40px;
		line-height: 40px;
	}

	.knapp.stor,
	.knapp.stor.mega {
		padding: 0 114px;
	}

}


/* ---------------------------------- *
 *			TABELLER											*
 * ---------------------------------- */

.tabellhuvud {
	text-align: left;
	color: #474952;
	font-weight: bold;
	background-image: none;
	padding: 1px;
	padding-left: 4px;
}

.tabellhuvud_no_align {
	color: #474952;
	font-weight: bold;
	background-image: none;
	padding: 1px;
	padding-left: 4px;
}

.leftcell {
	padding-top: 5px;
	width: 150px;
	display: inline-block;
	vertical-align: top;
}

.rightcell {
	padding-top: 3px;
	display: inline-block;
	vertical-align: top;
}

.no_border,
.no_border td {
	border: 0;
}

td.tabell {
	background: rgba(0, 0, 0, 0.03);
	border-collapse: collapse;
}

table.separate_table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid var(--accent-grey-color);
	border-spacing: 0;
}

.separate_table td,
.separate_table th {
	text-align: left;
	border-bottom: 1px solid var(--accent-grey-color);
	border-top: 1px solid var(--accent-grey-color);
	height: auto;
	min-height: 50px;
	vertical-align: top;
	padding: 5px 7px 5px;
	overflow-wrap: break-word;
	border-spacing: 0;
	line-height: 20px;
}

article .separate_table td,
article .separate_table th {
	text-align: left;
	border-bottom: 1px solid var(--accent-grey-color);
	border-top: 1px solid var(--accent-grey-color);
	height: auto;
	min-height: 50px;
	vertical-align: top;
	padding: 10px 15px 10px;
	overflow-wrap: break-word;
	border-spacing: 0;
	line-height: 20px;
}

.separate_table th {
	font-weight: 400;
	width: 200px;
}

table.separate_table tr:nth-child(2n) {
	background-color: var(--black-light-alpha);
}

.expand-div table.separate_table tr:nth-child(2n),
.flipout table.separate_table tr:nth-child(2n) {
	background-color: var(--light-grey-color);
}

.flipout table.separate_table,
.expand-div table.separate_table {
	background: var(--background-color);
}


.border-bottom,
tr.border-bottom {
	border-bottom: 1px solid var(--blacking-alpha-color);
}

.border-bottom.palegreen,
.border-bottom.on_hold {
	border-bottom: 1px solid var(--blacker-alpha-color);
}

.border-bottom.white,
.white .border-bottom {
	border-bottom: 1px solid rgba(100%, 100%, 100%, 0.5);
}

table.border-bottom:hover,
tr.border-bottom:hover {
	border-bottom: 1px solid var(--blacker-alpha-color);
	box-shadow: 0px 4px 5px var(--black-light-alpha);
	transition: box-shadow 0s ease-in-out;
}

table.border-bottom.expanderbar_trigger:hover {
	border-bottom: 1px solid var(--link-color);
	box-shadow: 0px 4px 7px var(--black-alpha-color);
	transition: box-shadow 0s ease-in-out;
}


.border-top-white {
	border-top: 1px solid var(--white-color);
	border-top: 1px solid rgba(100%, 100%, 100%, 0.5);
}

.border-left {
	border-left: 1px solid #bbb;
	border-left: 1px solid var(--black-slight-alpha);
}

.border-right {
	border-right: 1px solid #bbb;
	border-right: 1px solid var(--black-slight-alpha);
}

.border-top {
	border-top: 1px solid #bbb;
	border-top: 1px solid var(--black-slight-alpha);
}

.margin-bottom-1 {
	margin-bottom: 1px;
}

.border-transparent {
	border-left-color: transparent;
}

.border-limegreen {
	border-left-color: limegreen;
}

.border-green {
	border-left-color: var(--green-color);
}

.border-orange {
	border-left-color: Orange;
}

.border-inactive {
	border-left-color: var(--inactive-color);
}

/* ---------------------------------- *
 *			FORMULÄR-CSS									*
 * ---------------------------------- */

form {
	margin: 0px !important;
	padding: 0px;
	display: inline;
}

input,
select,
textarea {
	font-size: 16px;
	color: var(--black-color);
	background: var(--input-background-color);
	display: inline-block;
	box-sizing: border-box;
	-webkit-appearance: none;
	outline: none;
	outline-style: none;
	border-radius: 8px;
	border: 1px var(--blacking-alpha-color) solid;
}

article.rem.pres input,
article.rem.pres select,
article.rem.pres textarea {
	border-radius: 16px;
}

.floating_label input,
.floating_label .fixed_input {
	padding: 0 5px 0 10px;
}

.floating_label select {
	padding: 0 25px 0 5px;
}

article.rem .floating_label input,
article.rem .floating_label .fixed_input {
	padding: 0 10px 0 10px;
}

article.rem .floating_label select {
	padding: 0 25px 0 10px;
}

article.rem.pres .floating_label input,
article.rem.pres .floating_label .fixed_input {
	padding: 0 15px 0 15px;
}

article.rem.pres .floating_label select {
	padding: 0 15px 0 15px;
}

fieldset {
	margin: unset;
	padding: unset;
	border: unset;
}

input,
textarea,
article input,
article.rem input,
article.rem textarea {
	padding: 1px 10px;
}

article.rem.pres input,
article.rem.pres textarea,
article .center_block input,
article.rem.pres .center_block textarea {
	padding: 1px 20px;
}

select {
	text-indent: 0px;
	padding: 0 25px 0 5px;
	margin-left: 0px;
	outline: none;
	min-width: 100px;
	outline-style: none;
	-webkit-appearance: none;
}

article.pres select,
article .center_block select {
	padding: 0 25px 0 20px;
}

select::-ms-expand {
	display: none;
}

input,
textarea {
	min-height: 21px;
}

select::-ms-expand {
	display: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: textfield;
	-ms-appearance: none;
	appearance: none;
	text-overflow: '';
}

input[type='date'],
article input[type='date'] {
	background: var(--input-background-color);
}

.dateselect,
.content_tab:target div.expando .dateselect {
	display: inline-block;
	position: absolute;
	pointer-events: none;
}

.content_tab div.expando .dateselect {
	position: relative;
}

input[type='time'] {
	appearance: time;
}


select.list_search {
	-webkit-appearance: none;
	-moz-appearance: textfield;
	-ms-appearance: none;
	appearance: none;
	text-overflow: '';
}

select {
	padding: 0 25px 0 5px;
}

input:hover,
select:hover,
textarea:hover,
article input.recommended:placeholder-shown:hover,
article select.recommended:hover,
article input:hover,
article select:hover,
article textarea:hover {
	box-shadow: none;
	border-color: var(--blue-color);
}

input:hover:placeholder-shown,
select:hover:placeholder-shown,
textarea:hover:placeholder-shown,
article input:hover:placeholder-shown,
article select:hover:placeholder-shown,
article textarea:hover:placeholder-shown {
	box-shadow: none;
	opacity: 1;
}

div.unit {
	display: inline-block;
	opacity: 0.4;
	font-size: 13px;
}

div.input_unit {
	position: relative;
	display: inline-block;
}

.input_unit input,
article .input_unit input {
	padding-right: 24px;
}

article.rem .input_unit input,
article.rem div.floating_label.input_unit input,
article.rem.pres .input_unit input,
article.rem.pres div.floating_label.input_unit input {
	padding-right: 30px;
}

.input_unit div.unit {
	position: absolute;
	right: 3px;
	bottom: 0px;
	line-height: 32px;
	opacity: 0.4;
	pointer-events: none;
	display: block;
	font-size: 12px;
}

article.rem .input_unit div.unit {
	position: absolute;
	right: 5px;
	bottom: 0px;
	line-height: 32px;
	opacity: 0.4;
	pointer-events: none;
	display: block;
	font-size: 13px;
}

article.rem.pres .input_unit div.unit {
	position: absolute;
	right: 5px;
	bottom: 0px;
	line-height: 64px;
	opacity: 0.4;
	pointer-events: none;
	display: block;
	font-size: 14px;
}

div.help_inside_input {
	position: absolute;
	right: 5px;
	top: 0px;
	line-height: 32px;
	opacity: 0.4;
	pointer-events: none;
	font-size: 12px;
}

div.input_unit:hover .help_inside_input i:before,
div.input_unit:hover .help_inside_input {
	opacity: 1;
	color: var(--link-color);
	font-weight: bold;
}

input[type="checkbox"] {
	min-height: inherit;
}

.transparent2 input,
.expand-div textarea,
.expand-div select,
.dhtmlgoodies_answer input,
.fraktsokruta input,
.fraktsokruta select,
.transparent3 input,
.transparent2 textarea,
.transparent2 select {
	background-color: var(--input-background-color);
	border-bottom: 1px var(--blacker-alpha-color) solid;
}

article .expand-div [type="checkbox"]:not(:checked)+label:before,
article .expand-div [type="checkbox"]:checked+label:before,
article .dhtmlgoodies_answer [type="checkbox"]:not(:checked)+label:before,
article .dhtmlgoodies_answer [type="checkbox"]:checked+label:before,
article .transparent2 [type="checkbox"]:not(:checked)+label:before,
article .transparent2 [type="checkbox"]:checked+label:before {
	background-color: var(--input-background-color);
	border: 1px var(--black-alpha-color) solid;
	border-bottom: 1px var(--blacker-alpha-color) solid;
}

.lightgrey input,
.lightgrey select,
.lightgrey textarea {
	background-color: #fbfbfb;
}

.transparent2 input:hover,
.expand-div input:hover,
.expand-div textarea:hover,
.expand-div select:hover,
.dhtmlgoodies_answer input:hover,
.fraktsokruta input:hover,
.fraktsokruta select:hover,
.transparent3 input:hover,
.transparent2 textarea:hover,
.transparent2 select:hover {
	box-shadow: none;
}


input:focus,
select:focus,
textarea:focus,
article input:focus,
article select:focus,
article textarea:focus,
input:hover:focus,
select:hover:focus,
textarea:hover:focus {
	border-color: var(--blue-color);
	transition: box-shadow 0s;
	box-shadow: 0 0 0 2px var(--blue-color);
}

input[type="checkbox"],
input[type="image"] {
	border: 0px;
	padding: 0px;
}

input[type="image"] {
	background: none transparent;
}

.longinput {
	width: 300px;
}

option {
	font-size: 12px;
}

input.Interactive_edit {
	border: 1px solid var(--black-color);
	padding: 3px 10px 3px 0px;
	background: rgba(255, 255, 255, 0) url('/images/edit_mini_transparent.png') right no-repeat;
	box-shadow: none;
}

input.Interactive_edit:hover {
	border: 1px solid rgba(0, 0, 0, 0.075);
	padding: 3px 10px 3px 0px;
	background: rgba(255, 255, 255, 0.25) url('/images/edit_mini.png') right no-repeat;
	box-shadow: none;
}

input.Interactive_edit:focus {
	padding: 3px 5px;
	transition: all 0.3s ease-in-out;
	border: 1px solid rgba(0, 0, 0, 0.25);
	background: var(--white-color) url('/images/edit_mini_transparent.png') right no-repeat;
}

select.Interactive_edit {
	appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	-webkit-appearance: none;
	border: 1px solid var(--black-color);
	padding: 3px 5px 3px 0px;
	background: rgba(255, 255, 255, 0) url('/images/edit_mini_transparent.png') right no-repeat;
	box-shadow: none;
}

select.Interactive_edit:hover {
	appearance: select;
	text-indent: auto;
	text-overflow: inherit;
	border: 1px solid rgba(0, 0, 0, 0.075);
	padding: 3px 5px 3px 0px;
	background: rgba(255, 255, 255, 0.25) url('/images/1x1trans.gif') right no-repeat;
	box-shadow: none;
}

select.Interactive_edit:focus {
	transition: all 0.3s ease-in-out;
	border: 1px solid rgba(0, 0, 0, 0.25);
	background: var(--white-color) url('/images/edit_mini.png') right no-repeat;
	padding: 3px 0px 3px 5px;
}

input[type=number] {
	-moz-appearance: textfield;
	margin: 0;
}

input[list] {
	background-image: url('/images/bars_transparent.png');
	background-repeat: no-repeat;
	background-position: center right 5px;
	padding-right: 20px;
}

input[list]:focus {
	background-image: url('/images/bars_transparent_down_blue.png');
	padding-right: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
	/* <-- Apparently some margin are still there even though it's hidden */
}

input[type=radio].show_mark {
	opacity: 0;
	position: absolute;
	width:20px;
}

input[type=radio]:disabled.show_mark+label {
	cursor: not-allowed;
	opacity: 0.5;
}

input[type=radio].show_mark {
	opacity: 0;
	position: absolute;
}


input[type=radio].show_mark+label {
	line-height: 25px;
	display: inline-block;
	vertical-align: middle;
}

input[type=radio].show_mark+label:before {
	content: '';
	background: var(--white-color);
	border: 1px solid #bbb;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	box-sizing: border-box;
	height: 16px;
	padding: 2px;
	line-height: 25px;
	margin-right: 10px;
	text-align: center;
}


input[type=radio].show_mark+label:before {
	border-radius: 50%;
}

input[type=radio].show_mark:checked+label:before {
	background-color: var(--slight-darker-color);
	box-shadow: inset 0px 0px 0px 4px var(--white-color);
	border: 1px solid rgba(0, 0, 0, 0.4);
}


input[type=radio].show_mark:focus+label:before {
	background-color: #0090bc;
	box-shadow: inset 0px 0px 0px 4px var(--white-color);
	border: 1px solid #0090bc;
}


:placeholder-shown,
input:placeholder-shown,
article input:placeholder-shown {
	color: var(--placeholder-color);
	font-style: italic;
	opacity: 1;
	text-align: left;
}

input:placeholder,
input::placeholder,
input::moz-placeholder,
input:moz-placeholder,
input::webkit-placeholder {
	color: var(--placeholder-color);
	opacity: 1;
}

::placeholder {
	color: var(--placeholder-color);
	font-style: italic;
	opacity: 1;
	font-size: 14px;
}

.floating_label ::placeholder {
	font-size: 15px;
}

article.rem.pres .floating_label input::placeholder {
	font-size: 1rem;
	color:var(--black-half-alpha);
}


::placeholder,
::-webkit-input-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
	color: var(--placeholder-color);
	opacity: 1;
	font-style: italic;
}

input::-ms-input-placeholder {
	color: var(--placeholder-color);
	opacity: 1;
	font-style: italic;
}

input:-ms-input-placeholder {
	color: var(--placeholder-color);
	opacity: 1;
	font-style: italic;
}

:invalid:placeholder-shown,
input:invalid:placeholder-shown,
article input:invalid:placeholder-shown,
input:invalid:placeholder,
input::invalid::moz-placeholder,
input:invalid:moz-placeholder,
input::invalid::webkit-placeholder,
::invalid::placeholder,
::invalid::-webkit-input-placeholder,
:invalid:-ms-input-placeholder,
::invalid::-ms-input-placeholder,
input:invalid:-ms-input-placeholder {
	opacity: 1;
	font-style: italic;
	background-color: var(--invalid-input-background-color);
	outline: 2px solid tomato;
}

select option[value=""] {
	color: var(--slight-darker-color);
	text-align: center;
	font-style: italic;
}

a.recommended {
	background: var(--recommended-background-color);
	padding: 0.5em 1em;
	display: inline-block;
}

.recommended:placeholder-shown,
select.recommended,
input.recommended:placeholder-shown,
article input.recommended:placeholder-shown,
input.recommended:placeholder,
input.recommended::moz-placeholder,
input.recommended:moz-placeholder,
input.recommended::webkit-placeholder,
.recommended::placeholder,
.recommended::-webkit-input-placeholder,
.recommended:-ms-input-placeholder,
.recommended::-ms-input-placeholder,
input.recommended:-ms-input-placeholder {
	opacity: 1;
	font-style: italic;
	background-color: var(--recommended-background-color);
	border-color: var(--recommended-border-color);
}

input.recommended:placeholder-shown,
article input.recommended:placeholder-shown,
select.recommended[data-chosen=''] {
	background-color: var(--recommended-background-color);
	border-color: var(--recommended-border-color);
}

input.recommended:focus:placeholder-shown,
input:focus:placeholder-shown,
article input.recommended:focus:placeholder-shown,
article input:focus:placeholder-shown {
	border-color: var(--blue-color);
	transition: box-shadow 0s;
	box-shadow: 0 0 0 2px var(--blue-color);
}

input:invalid,
select:invalid,
textarea:invalid {
	background-color: var(--invalid-input-background-color);
}


input.korrekt {
	background: url('/images/check-green.png') right center no-repeat;
	background-size: 20px 20px;
	transition: background-position 0.3s ease;
}

input.inkorrekt {
	background: url('/images/exclamation.png') right center no-repeat;
	background-size: 20px 20px;
	transition: background-position 0.3s ease;
	border-color: tomato;
}

input:invalid,
textarea:invalid,
select:invalid,
option:invalid,
.expand-div input:invalid,
.expand-div textarea:invalid,
.expand-div option:invalid,
input:hover:focus:invalid,
textarea:hover:focus:invalid,
select:hover:focus:invalid,
option:hover:focus:invalid,
input:placeholder-shown:invalid,
article input:placeholder-shown:invalid,
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid,
option:focus:invalid,
.expand-div input:focus:invalid,
.expand-div textarea:focus:invalid,
.expand-div option:focus:invalid,
select:invalid option {
	background-color: var(--invalid-input-background-color);
	transition: background 0.4s ease;
}

.switch input[type="radio"]:invalid+label {
	background-color: var(--invalid-input-background-color);
	transition: background 0.4s ease;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

label:hover {
	text-decoration: underline;
	color: var(--darker-color);
	cursor: pointer;
}

label {
	-webkit-touch-callout: none;
	user-select: none;
}

.label {
	color: rgba(0, 10, 30, 0.5);
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
}

.white label:hover {
	color: var(--white-color);
}

.full-width-form {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.full-width-form .floating_label {
	width: 100%;
	display: block;
}
.full-width-form input:not(.switch) {
	width: 100%;
}

/* ---------------------------------- *
 *			Gamla LEGACY tabeller				 *
 * ---------------------------------- */


tr.transparent {
	background-color: var(--white-color);
}

td.small,
.small td {
	font-size: 12px;
}

td.crop,
th.crop {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

td.crop div,
th.crop div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	min-width: 0;
	max-width: 100%;
}

table.crop {
	table-layout: fixed;
	box-sizing: border-box;
}

table.crop td {
	max-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ---------------------------------- *
 *			CROP													*
 * ---------------------------------- */


div.crop {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

a.crop,
i.crop,
span.crop {
	max-width: 100%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	min-width: 0;
}

.smallprint {
	font-size: 12px;
	color: var(--black-half-alpha);
	line-height: 1.2em;
}

.small b {
	font-size: 12px;
}

.display_on_hover {
	transition: max-height 0.2s ease;
	max-height: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.display_on_hover:hover {
	overflow: visible;
	white-space: normal;
	text-overflow: ellipsis;
	height: auto;
	hyphens: auto;
	max-height: 4.8em;
	transition: max-height 0.5s ease;
	background: var(--white-half-alpha);
	box-shadow: 0 1px 0 1px rgba(0,0,0,0.02);
}

.fixedheight,
i.fixedheight,
a.fixedheight,
a.fixedheight.crop,
a.fixedheight.crop.search-url,
span.fixedheight,
div.fixedheight,
.fixedheight.helptext {
	line-height: 26px;
	border-bottom: 0;
	height: 26px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	overflow: hidden;
}

a.fixedheight.crop.search-url {
	display: block;
}

.crop a,
.crop div {
	white-space: nowrap;
	box-sizing: border-box;
	text-overflow: ellipsis;
	overflow: hidden;
	min-width: 0;
}

.crop div {
	max-width: 100%;
	overflow: hidden;
	min-width: 0;
}

a.hover_edit {
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, 0);
	color: var(--slight-dark-color);
	font-weight: 400;
	position: relative;
	display: inline-block;
}

a.hover_edit:hover {
	border: 1px solid var(--black-alpha-color);
	border-radius: 4px;
	cursor: pointer;
	color: var(--placeholder-color);
	text-decoration: none;
	background-color: rgba(0, 0, 120, 0.05);
	transition: all 0.2s ease;
}

a.hover_edit:hover:before {
	content: "\f044";
	position: absolute;
	transition: all 0.2s ease;
	font-weight: bold;
	left: 40%;
	top: 25%;
	font-family: 'Font Awesome 5 Pro';
	font-size: 18px;
	color: var(--link-color);
}

.matt {
	width: 50px;
}

.select_ruta {
	width: 25px;
	border: 0px solid #88aacc;
}

.select_ruta_small {
	width: 20px;
	border: 0px solid #88aacc;
	padding-right: 0px;
	margin-right: 0px;
}

.tidselect {
	width: 45px;
	margin-right: 0px;
}

.time select {
	width: 55px;
}

.redlink a {
	font-weight: bold;
	color: var(--black-color);
	text-decoration: none;
}

.redlink a:hover {
	font-weight: bold;
	color: var(--white-color);
	text-decoration: underline;
	font-weight: bold;
}

.account nobr {
	display: none;
}

.account label {
	text-align: right;
	vertical-align: top;
	display: inline-block;
	width: 60px;
	float: left;
	padding: 0px;
	font-weight: bold;
	padding-right: 4px;
	padding-bottom: 5px;
	margin: 0px;
}

.account input {
	vertical-align: top;
	margin: 0px;
}

.select_xl {
	width: 300px;
}

.fieldWithErrors {
	display: block;
	margin: 0px;
	width: 100%;
}

.content_tab:has(.fieldWithErrors) .question i:before {
	top: 0px;
	left: 0px;
	content: "\f071";
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	font-size: 24px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	border-radius: 50%;
	display: block;
	background: var(--status-error);
	color: #fff;
	font-weight: 800;
	text-align: center;
}
.content_tab:has(.fieldWithErrors) a.question {
	background-color:var(--invalid-input-background-color);
	box-shadow:0 0 0 2px var(--status-error);
	color:var(--status-error);
  font-weight: 500;
}
.content_tab:has(.fieldWithErrors) a.question:hover {
	  background-color: var(--warning-background-color);
}
.content_tab:has(.fieldWithErrors):target a.question, .content_tab:has(.fieldWithErrors):target a.question:hover {
	box-shadow:none;
	color:var(--status-error);
	background-color:var(--lighter-grey-color);
}
.content_tab:has(.fieldWithErrors):target {
	box-shadow:0 0 0 2px var(--status-error);
}

.fieldWithErrors input,
article .fieldWithErrors input,
.fieldWithErrors input:focus,
article .fieldWithErrors input:focus,
article .fieldWithErrors .switch,
.fieldWithErrors input:active,
.fieldWithErrors input:hover,
.fieldWithErrors textarea,
.fieldWithErrors textarea:focus,
.fieldWithErrors textarea:hover,
input.warning {
	border: 1px solid tomato;
	box-shadow: 0 0 0 2px tomato;
	background-color: var(--invalid-input-background-color);
}

article .fieldWithErrors label {
	color: tomato;
}

input.warning:before {
	content: "\f00d";
	position: absolute;
	margin-top: -32px;
	margin-left: -20px;
	color: tomato;
	opacity: 1;
	vertical-align: middle;
	font-size: 18px;
	line-height: 32px;
	pointer-events: none;
	font-family: 'Font Awesome 5 Pro';
}

.fieldWithErrors input:hover,
article .fieldWithErrors input:hover,
article .fieldWithErrors input:hover:placeholder-shown,
input.warning:hover {
	box-shadow: 0 0 0 1px tomato;
}

a.smalurl {
	font-weight: 400;
	text-decoration: none;
	border-bottom: 1px dotted var(--dark-color);
	cursor: help;
}


/* ---------------------------------- *
 *			TRANSPARENS									 *
 * ---------------------------------- */

.lighttransparent {
	opacity: 0.6;
}

.transparent {
	opacity: 0.5;
}

.ultratransparent {
	opacity: 0.1;
}

.extraheavytransparent {
	opacity: 0.2;
}

.heavytransparent {
	opacity: 0.3;
}

.interaktiv_transparens {
	opacity: 0.5;
	transition: opacity 0.2s ease-out;
}

.interaktiv_transparens:hover {
	opacity: 1;
	transition: opacity 0s ease-out;
}

.interaktiv_light_transparens {
	opacity: 0.7;
	transition: opacity 0.2s ease-out;
}

.interaktiv_light_transparens:hover {
	opacity: 1;
	transition: opacity 0s ease-out;
}

.interaktiv_transparens_weight {
	opacity: 0.5;
	font-weight: 200;
}

.interaktiv_transparens_weight:hover {
	opacity: 1;
	color: var(--link-color);
	transition: opacity 0s ease-out;
}

.interaktiv_transparens_weight:hover i,
i.interaktiv_transparens_weight:hover {
	font-weight: bold;
}

.hover_verktyg .interaktiv_transparens_weight,
.hover_verktyg .interaktiv,
.hover_verktyg .greybutton {
	opacity: 0;
	transition: all 0.4s 0.5s ease;
	color: var(--black-color);
}

.hover_verktyg .interaktiv {
	opacity: 0;
	transition: all 0.4s 0.5s ease;
	position: absolute;
	display: block;
	left: -50px;
}

.hover_verktyg .interaktiv_right {
	opacity: 0;
	transition: all 0.4s 0.5s ease;
	position: absolute;
	display: block;
	right: -50px;
}

.hover_verktyg:hover .interaktiv,
.hover_verktyg:hover .interaktiv_right {
	opacity: 1;
	transition: all 0.4s 0s ease;
	position: absolute;
}

.hover_verktyg:hover .interaktiv {
	left: 0px;
}

.hover_verktyg:hover .interaktiv_right {
	right: 0px;
}

.hover_verktyg:hover .interaktiv_transparens_weight,
.hover_verktyg:hover .tomato.interaktiv_transparens_weight,
.interaktiv_transparens_weight,
a.interaktiv_transparens_weight,
.hover_verktyg:hover .greybutton {
	color: var(--black-color);
	opacity: 0.4;
	transition: opacity 0.4s 0s ease;
	font-weight: 200;
}

.interaktiv_heavy_transparens_weight {
	opacity: 0.2;
	transition: opacity 0.3s ease;
	font-weight: 400;
}

.tomato.interaktiv_transparens_weight {
	color: var(--black-color);
}

.hover_verktyg .interaktiv_transparens_weight:hover,
.interaktiv_transparens_weight:hover,
.interaktiv_heavy_transparens_weight:hover {
	opacity: 1;
	color: var(--link-color);
	transition: opacity 0s ease-out;
}

.hover_verktyg .greybutton:hover {
	opacity: 1;
	background: var(--link-color);
	color: var(--white-color);
	transition: opacity 0.3s ease-out;
}

.hover_verktyg .tomato.interaktiv_transparens_weight:hover,
.tomato.interaktiv_transparens_weight:hover {
	color: tomato;
	opacity: 1;
}

.hover_verktyg .interaktiv_transparens_weight:hover i,
.hover_verktyg i.interaktiv_transparens_weight:hover,
.interaktiv_transparens_weight:hover i,
i.interaktiv_transparens_weight:hover,
i.interaktiv_heavy_transparens_weight:hover,
.interaktiv_heavy_transparens_weight:hover i {
	font-weight: bold;
}

.interaktiv_weight.fas:hover {
	font-weight: 200;
}
.interaktiv_weight.fas {
	transition: opacity 0.3s ease-out;
	font-weight: 800;
}


.interaktiv_weight {
	transition: opacity 0.3s ease-out;
	font-weight: 200;
}

.interaktiv_weight:hover {
	font-weight: 400;
	transition: opacity 0.3s ease-out;
}

.interaktiv_weight:hover i,
i.interaktiv_weight:hover {
	font-weight: 600;
}

.interaktiv_fad .fad {
	font-family: "Font Awesome 5 Duotone";
}

.interaktiv_fad:hover .fad {
	font-weight: 900;
	font-family: 'Font Awesome 5 Pro';
}

.interaktiv_fad:hover .fad:after {
	opacity: 0;
}

.disabled {
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);

	text-shadow: none;
	cursor: not-allowed;
}

.disabled_input {
	border: 1px var(--black-alpha-color) solid;
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
	border-radius: 10px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	padding: 0px 5px;
	cursor: not-allowed;
}

.floating_label.disabled_input {
	padding-top: 15px;
	border-radius: 10px;
	height: 44px;
}

article.rem .floating_label.disabled_input {
	padding-top: 15px;
	border-radius: 10px;
	height: 50px;
}

article.rem.pres .floating_label.disabled_input {
	padding-top: 15px;
	border-radius: 16px;
	height: 64px;
}

.disabled_input:hover {
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
}

.opak {
	opacity: 1;
}

.transparent_medium {
	opacity: 0.5;
}

.transparent_light {
	opacity: 0.7;
}

.interaktiv_help {
	float: right;
	display: inline-block;
	cursor: help;
	font-weight: 300;
}

.interaktiv_help:hover:after {
	color: rgba(0, 0, 0, 1);
	font-weight: 800;
}

.interaktiv_help:after {
	content: "\f059";
	font-family: 'Font Awesome 5 Pro';
	font-size: 18px;
	color: var(--blackerer-alpha-color);
}

.interaktiv_help.stor:after {
	font-size: 24px;
}

.interaktiv_infotext {
	opacity: 0.5;
}

.interaktiv_infotext:hover {
	opacity: 1;
	cursor: help;
}

a.link_on_hover {
	color: inherit;
}

a.link_on_hover:hover {
	color: var(--link-color);
	text-decoration: underline;
}

a.interaktiv_link:link,
a.interaktiv_link,
a.interaktiv_link:visited {
	opacity: 0.5;
	transition: 0.3s ease-out opacity;
}

a.interaktiv_light_link:link,
a.interaktiv_light_link,
a.interaktiv_light_link:visited {
	opacity: 0.85;
	transition: 0.3s ease-out opacity;
}

a.interaktiv_link:hover,
a.interaktiv_light_link:hover {
	opacity: 1;
	transition: 0.5s ease-out opacity;
}

a.interaktiv_link_inverted:link,
a.interaktiv_link_inverted:visited {
	opacity: 1;
	transition: 0.3s ease-out opacity;
}

a.interaktiv_link_inverted:hover {
	opacity: 0.5;
	transition: 0s ease-out opacity;
}

.transparent_links a,
select.transparent_links,
td.transparent_links,
div.transparent_links,
input.transparent_links {
	opacity: 0.5;
	transition: opacity 0.1s ease-out;
}

.transparent_links a:hover,
select.transparent_links:hover,
td.transparent_links:hover,
div.transparent_links:hover,
input.transparent_links:hover {
	transition: opacity 0s ease-out;
	opacity: 1;
}

a.hover_blue:hover {
	display: inline-block;
	outline: none;
	padding: 0;
	background: var(--mediumblue-color);
	opacity: 0.2;
}

a.hover_blue:hover img {
	opacity: 0.7;
	margin: 0;
	padding: 0;
	outline: none;
}

.hover_zoom {
	display: inline-block;
	transition: 0.2s all ease;
	border-bottom: 1px solid var(--black-color);
}

.hover_zoom:hover {
	transform: scale(1.15);
	transition: 0.07s all ease;
	border-bottom: 1px solid var(--blackerer-alpha-color);
	text-decoration: none;
	box-shadow: 0 2px 2px var(--blacker-alpha-color);
}

.zoom_img img {
	transition: all 0.2s ease-out;
	overflow: hidden;
	display: inline-block;
	border: none;
}

.zoom_img img:hover {
	transition: all 0.1s ease-out;
	box-shadow: 0px 4px 10px var(--blacking-alpha-color);
	border: none;
	overflow: hidden;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	display: inline-block;
}

.zoom_img img.no_zoom:hover {
	box-shadow: none;
	overflow: hidden;
	-webkit-transform: none;
	transform: none;
}

.zoom_img_no_border img:hover {
	transition: all 0.16s ease-out;
	overflow: hidden;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	display: inline-block;
}

a.zoom_link:hover {
	transition: all 0.1s ease-out;
	transform: scale(1.15);
	display: inline-block;
}

.border1 {
	border: 3px solid var(--lighter-grey-color);
}

table.expanderad_info {
	position: relative;
}

.expanderad_info .transparent2.adminmenu {
	display: none;
	border: 1px solid var(--black-alpha-color);
	border-top: 1px solid var(--black-light-alpha);
	border-bottom: 1px solid var(--blacker-alpha-color);
	box-shadow: 0 2px 0px 2px var(--black-light-alpha);
	background: var(--light-grey-color);
	padding: 0px 5px 10px;
	border-radius: 4px;
	text-align: left;
	opacity: 1;
	transition: all 0.2s ease 0.5s;
	position: absolute;
	display: block;
	right: -20px;
	z-index: 99;
}

.transparent_comment span i {
	background: var(--black-half-alpha);
	color: var(--white-color);
	padding: 1px 4px;
	margin-left: 20px;
	border-radius: 4px;
}

.transparent_comment i {
	color: var(--black-half-alpha);
}


/* ---------------------------------- *
 *			SUPERADMINBOX								 *
 * ---------------------------------- */

#order_comments_area table,
.superadminbox table,
#order_comments_area td,
.superadminbox td {
	font-size: 14px;
}

.superadminbox h3 {
	color: teal;
	font-weight: 400;
	font-size: 1.2em;
}

.superadminbox:before {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-weight: bold;
	line-height: 32px;
	font-size: 16px;
	content: 'SUPERADMIN';
	position: absolute;
	margin-top: -60px;
	margin-left: -10px;
}

article .superadminbox select {
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	padding: 0 25px 0 5px;
	width: 100%;
	margin: 0;
	min-width: 0;
}
article .superadminbox input {
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	padding: 0 5px;
	width: 100%;
	margin: 0;
	min-width: 0;
}



article .superadminbox textarea {
	font-size: 14px;
	min-height: 44px;
	line-height: 16px;
	padding: 5px;
	width: 100%;
	margin: 0;
	font-weight: 300;
}

article .superadminbox .switch {
	font-size: 14px;
	min-height: 44px;
	line-height: 44px;
	padding: 2px;
	margin: 0;
	font-weight: 300;
	border-radius: 8px;
}

article .superadminbox .switch label,
article .superadminbox .switch input[type="radio"]+label,
article .superadminbox .switch a.badge,
article .superadminbox .switch input[type="radio"]:checked+label:hover,
article .superadminbox .switch a.checked_badge:hover,
article .superadminbox .switch a.checked_badge:visited {
	font-size: 14px;
	min-height: 30px;
	line-height: 40px;
	margin: 0;
	font-weight: 300;
	height: 40px;
	border-radius: 8px;
}

article .superadminbox .switch label {
	padding: 0 10px;
}

article .superadminbox .knapp,
article .superadminbox .knapp.stor {
	width: auto;
	line-height: 44px;
	height: 44px;
	font-size: 14px;
}

article .superadminbox .knapp,
article .superadminbox .knapp.stor,
article .superadminbox .knapp,
article .superadminbox .knapp.grey {
	font-weight: 400;
}

.delivery_terms_checks {
	display: grid;
	grid-template-columns: repeat(7, auto);
	gap: 10px
}

.outerprogress {
	opacity: 0.7;
	position: absolute;
	margin-top: 0;
	background-color: rgba(0, 0, 0, 0.08);
	z-index: 2;
	height: 25px;
	width: 100%;
	border-radius: 1px;
	border-radius: 13px;
}

.innerprogress {
	border-radius: 13px;
	height: 25px;
	box-shadow: 1px 0px 0px var(--blacker-alpha-color);
}

.fixedheight .outerprogress,
.fixedheight .innerprogress {
	max-height: 25px;
}

.transparent2 {
	background: rgba(0, 0, 0, 0.03);
	border-left: 1px solid var(--white-color);
	border-top: 1px solid var(--white-color);
	border-right: 1px solid #a7a9b2;
	border-right: 1px solid var(--black-light-alpha);
	border-bottom: 1px solid #a7a9b2;
	border-bottom: 1px solid var(--black-alpha-color);
}

td.transparent2 {
	background: var(--white-color);
	border-left: 1px solid var(--white-color);
	border-top: 1px solid var(--white-color);
	border-right: 1px solid var(--black-alpha-color);
	border-bottom: 1px solid var(--black-alpha-color);
}


.transparent2_blank {
	border: 1px solid var(--white-color);
	padding: 5px;
}


div.transparent2.skugga,
table.transparent2.skugga {
	border-top: 1px solid var(--black-light-alpha);
	border-left: 1px solid var(--black-light-alpha);
	border-right: 1px solid var(--black-alpha-color);
	border-bottom: 1px solid var(--placeholder-color);
}

.interaktiv_transparent_ruta {
	background: var(--white-color);
	border: 1px solid var(--blacker-alpha-color);
	padding: 5px;
	margin: 5px;
	display: inline-block;
}

.interaktiv_transparent_ruta:hover {
	background-color: #1a7bdb;
	color: var(--white-color);
	text-decoration: none;
	text-shadow: 0px 1px 1px var(--black-half-alpha);
	box-shadow: 1px 5px 10px var(--blacker-alpha-color) inset;
}

.interaktiv_transparent_ruta:hover a {
	color: var(--white-color);
	text-decoration: none;
}

a .interaktiv_transparent_ruta {
	text-decoration: none;
}

a .interaktiv_transparent_ruta:hover {
	text-decoration: none;
}

a .interaktiv_transparent_ruta h2,
a .interaktiv_transparent_ruta h2:visited {
	color: #126BD0;
}

th.border-bottom {
	font-weight: 400;
}

th:first-of-type {
	border-radius: 4px 0 0 0;
}

th:last-of-type {
	border-radius: 0 4px 0 0;
}

th:first-of-type:last-of-type {
	border-radius: 4px 4px 0 0;
}

th.transparent2,
.annonsrubriker th.transparent2 {
	border-top: 1px solid var(--black-light-alpha);
	border-bottom: 1px solid var(--black-alpha-color);
	color: var(--black-half-alpha);
	background-image: none;
	background-color: transparent;
	border-right: none;
	border-left: none;
	padding: 20px 5px;
	background: var(--black-light-alpha);
	font-weight: 400;
	vertical-align: bottom;
}

.flex_header a:after,
th.transparent2 a:after {
	content: "\f107";
	display: inline-block;
	font-weight: 300;
	margin-left: 3px;
	vertical-align: sub;
	white-space: nowrap;
	margin-top: 2px;
	font-family: 'Font Awesome 5 Pro';
}

.flex_header a.hover_info:after {
	content: "\f059";
}

.flex_header a.active,
th.transparent2 a.active {
	font-weight: 700;
	opacity: 1;
	color: var(--black-color);
}

.flex_header a.active:after,
th.transparent2 a.active:after {
	content: "\f0d7";
	font-weight: 600;
}

th.transparent2:hover {
	opacity: 1;
}

th.transparent2 a,
.annonsrubriker th.transparent2 a {
	color: var(--black-half-alpha);
	text-decoration: underline;
	font-weight: 400;
}

th.transparent2 a:hover {
	text-decoration: underline;
	color: var(--link-color);
}

th.transparent2 a:hover:after {
	font-weight: bold;
}


div.tabnav.transparent2,
table.tabnav.transparent2 {
	background: -webkit-linear-gradient(top, #f3f7fc 10%, #e1e9f3 50%);
	background: linear-gradient(to bottom, #f3f7fc 20%, #e1e9f3 60%);
	border-top: 1px solid var(--black-light-alpha);
	border-left: 1px solid var(--black-light-alpha);
	border-bottom: 1px solid var(--placeholder-color);
	line-height: 20px;
	height: auto;
}

.gulruta {
	background: #ffff00;
	border: 1px solid #777755;
	outline: none;
	outline-style: none;
	padding: 10px;
	color: var(--black-color);
	border: 1px solid var(--blackerer-alpha-color);
}

a.verktyg span {
	transition: bottom 0.5s 0.5s ease, opacity 0.5s 0.4s ease;
	opacity: 1;
	width: auto;
}

a.verktyg:hover span {
	text-decoration: none;
}

a.verktyg {
	display: inline-block;
	float: left;
	clear: none;
	background: rgba(0, 0, 0, 0.25);
	color: var(--white-color);
	text-shadow: 0px 1px 2px var(--blackerer-alpha-color);
	padding: 0px 10px 0px;
	margin: 0px 2px 0px 0px;
	box-sizing: border-box;
	vertical-align: bottom;
	border-radius: 6px 6px 0 0;
	height: 28px;
	line-height: 28px;
}

a.vertyg:hover {
	background: var(--link-color);
	text-shadow: 0px 1px 2px var(--black-half-alpha);
	opacity: 1;
	text-decoration: none;
}

a.vertyg i {
	font-weight: 300;
}

a.vertyg:hover i {
	font-weight: bold;
}

div.click_more_menu {
	height: 32px;
	width: 37px;
	padding-right: 5px;
	display: inline-block;
	text-align: right;
	font-weight: 300;
	font-size: 26px;
	line-height: 32px;
	cursor: pointer;
	position: relative
}

.expanderbar div div.click_more_menu {
	padding-right: 5px;
}

div.click_more_menu i {
	font-weight: 500;
	overflow: visible;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 20px;
	color: inherit;
	vertical-align:top;
	background-color: var(--black-light-alpha);
	box-sizing: border-box;
	border-radius: 50%;
}

div.stor.click_more_menu i {
	height: 44px;
	width: 44px;
	line-height: 44px;
	font-size: 24px;
	background-color: var(--black-slight-alpha);
}

div.stor.click_more_menu {
	height: 44px;
	width: 44px;
	font-weight: 300;
	font-size: 24px;
	line-height: 40px;
}

div.stor.click_more_menu .more_menu {
	margin-top: -44px;
}

div.stor.click_more_menu:focus .more_menu {
	width: 280px;
	max-width: 280px;
}

div.click_more_menu:hover i {
	cursor: pointer;
	color: var(--white-color);
	background-color: var(--link-color);
}

div.click_more_menu a.tomato,
div.click_more_menu a.tomato i {
	color: tomato;
	text-shadow: none;
}

div.click_more_menu a.tomato:hover,
div.click_more_menu a.tomato:hover i {
	color: var(--white-color);
	background: tomato;
}

div.click_more_menu:focus {
	color: var(--black-color);
}

.white div.click_more_menu {
	color: var(--white-color);
}

.white div.click_more_menu a.verktyg {
	color: var(--black-color);
}

div.click_more_menu a i {
	font-weight: 200;
	color: var(--placeholder-color);
}

div.click_more_menu .more_menu {
	opacity: 0;
	display: block;
	position: absolute;
	max-height: 1px;
	border-radius: 8px;
	background: var(--altmenu-back);
	border: 2px solid var(--blackerer-alpha-color);
	width: 0px;
	max-width: 0px;
	overflow: hidden;
	right: 0;
	margin-right: 0;
	margin-top: -33px;
	z-index: 0;
	padding: 6px;
	overflow: hidden;
	transition: all 0.2s 0.2s ease;
	box-shadow: 0 4px 20px var(--blacker-alpha-color);
}

.crop div.click_more_menu .more_menu {
	overflow: auto;
}

div.click_more_menu:focus .more_menu {
	opacity: 1;
	outline: 0;
	z-index: 9999999999;
	margin-right: 0;
	pointer-events: auto;
	max-height: 700px;
	width: 250px;
	max-width: 250px;
	transition: all 0.25s 0.1s ease, max-height 0.8s 0.1s ease;
}

.more_menu a.verktyg {
	text-align: left;
	padding: 0px 0px 0 0;
	line-height: 30px;
	border-radius: 2px 0 0 2px;
	display: block;
	width: 100%;
	max-width: 100%;
	background: transparent;
	text-decoration: none;
	font-weight: 300;
	height: 30px;
	font-size: 14px;
	text-shadow: none;
	color: var(--black-color);
	border-top: 1px solid rgba(0, 0, 0, 0.03);
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: nowrap;
}

.more_menu a.verktyg.disabled {
	text-align: left;
	display: block;
	text-decoration: none;
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--black-color);
}

.more_menu a.verktyg.first {
	border-top: 0;
}

.more_menu a.verktyg:hover {
	background: var(--light-hover-color);
	color: var(--link-color);
	border-radius: 6px;
}

.more_menu a.verktyg i {
	width: 28px;
	background: transparent;
	color: var(--slight-darker-color);
	overflow: visible;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	padding-left: 3px;
	padding-right: 3px;
	height: 30px;
	border-top: 0;
	border-radius: 6px;
}

.more_menu a.verktyg:hover i {
	line-height: 30px;
	height: 30px;
	color: var(--link-color);
	border-top: 0;
}

.interaktiv_ajaxruta {
	transition: all 1s ease-in-out;
	overflow: hidden;
}

.interaktiv_expanderbartext {
	background: url('/images/expand.png') bottom center no-repeat;
	box-shadow: 0px -10px 5px var(--blacker-alpha-color) inset;
	outline: none;
	border: 1px solid var(--white-color);
	border: 1px solid var(--black-color);
	outline-style: none;
	padding: 10px;
	overflow: hidden;
	height: 90px;
	transition: height 0.2s ease-out;
}

.interaktiv_expanderbartext:hover {
	box-shadow: none;
	background: var(--white-color);
	background-image: none bottom center;
	border: 1px solid var(--black-color);
	border: 1px solid var(--black-half-alpha);
	height: 250px;
	overflow: auto;
	cursor: help;
	transition: height 0.7s ease-out;
}

.callout h5 {
	font-weight: 500;
}

.sub_shipments {
	font-size: 13px;
	border-bottom: 1px solid var(--black-light-alpha);
}

.expand_title {
	color: inherit;
	position: relative;
	padding-right: 15px;
	user-select: none;
	display:inline-block;
}

.expand_title:hover {
	color: var(--link-hover-color);
	opacity: 1;
}

.expand_title:after,
.expand_title:hover:after {
	content: "\f107";
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	bottom: 0px;
	right: -3px;
	line-height: 0.5em;
	text-decoration: none;
	opacity: 0.5;
}

.expand_title:hover:after {
	bottom: 2px;
}

.expand_title:hover:after,
.expand_title.open:hover:after {
	color: var(--link-color);
	opacity: 1;
}

.callout-warning .expand_title:hover,
.callout-warning .expand_title:hover:after,
.callout-warning .expand_title.open:hover:after {
	color: var(--red-color);
}

.expand_title.open:after,
.expand_title.open:hover:after {
	content: "\f106";
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	text-decoration: none;
	opacity: 0.5;
}

.errorExplanation h2 {
	font-size: 1em;
	font-weight: 500;
}

.callout,
.errorExplanation {
	padding: 1em 1em 1em 3.7em;
	margin: 1em 0;
	color: var(--slight-darker-color);
	overflow: auto;
	position: relative;
	text-align: left;
	border-width: 0 0 0 4px;
	border-style: solid;
	min-height: 3em;
}

article.rem .callout {
	line-height: 1.4em;
	padding: 1.5em 1.5em 1.5em 4em;
}

article.rem .callout.no-icon {
	line-height: 1.4em;
	padding: 1.5em 1.5em 1.5em 1.5em;
}
article.rem .callout.no-icon.slim {
	font-size:13px;
	line-height: 1em;
	padding: 1em;
}

.callout.slim {
	min-height: auto;
	line-height: 1.4em;
	padding: .5em .2em .5em 3em;
	border-width: 0 0 1px 4px;
	border-collapse: collapse;
	box-shadow: 0 0 1px var(--black-alpha-color);
	border-bottom: 1px solid var(--black-alpha-color);
}

.slim {
	min-height: auto;
	line-height: 1.4em;
  margin: 1px 2px;
	padding: .5em .2em .5em .2em;
}

.callout.no-icon.slim {
	min-height: auto;
	line-height: 1.4em;
	padding: 0.5em 1em 0.5em 0.7em;
}

.callout:before,
.errorExplanation:before {
	content: "";
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	font-size: 1.6em;
	top: 13px;
	left: 0.6em;
	font-weight: 200;
}
article.rem .callout:before,
article.rem .errorExplanation:before {
	top: 0.8em;
}

.callout.slim:before,
.errorExplanation.slim:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 1.5em;
	top: 0.4em;
	left: 0.35em;
	font-weight: 200;
}

.callout p:last-of-type {
	margin-bottom: 0;
}

.callout.no-icon {
	padding-left: 1.2em;
}

.no-icon.callout-info:before,
.no-icon.callout-positive_info:before,
.no-icon.callout-idea:before,
.no-icon.callout-integration:before,
.no-icon.callout-action:before,
.no-icon.callout-tip:before,
.no-icon.callout-warning:before,
.no-icon.callout-tutorial:before,
.no-icon.callout-error:before,
.no-icon.callout-ban:before {
	content: "";
}


.callout-info:before {
	content: "\f05a";
	font-size: 1.7em;
}

.callout-positive_info:before {
	content: "\f05a";
	font-size: 1.7em;
}

.callout-idea:before {
	content: "\f0eb";
	font-size: 1.8em;
}

.callout-integration:before {
	content: "\f422";
}

.callout-pause:before {
	content: "\f28b";
}

.callout-tip:before {
	content: "\f0eb";
}

.callout-warning:before {
	content: "\f071";
	font-size: 1.7em;
}

.callout-tutorial:before {
	content: "\f059";
}

.callout-error:before,
div.errorExplanation:before {
	content: "\f057";
}

.callout-ban:before {
	content: "\f05e";
}

table.interaktiv_td tr:hover td, .interaktiv_child:hover .flex_child {
	background: rgba(0, 0, 100, 0.05);
}

mark {
	background: transparent;
	position: relative;
	z-index: 2;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	vertical-align: top;
}

mark:before {
	position: absolute;
	z-index: -1;
	content: '';
	background: url('/images/bakgrunder/highlight.webp') no-repeat;
	background-size: 100% 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	-webkit-animation: markexpand 0.5s ease-in 1;
	animation: markexpand 0.5s ease-in 1;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes markexpand {
	0% {
		width: 0;
	}

	100% {
		width: calc(100% + 5px)
	}
}

mark:before {
	width: 100%;
}

.noborder,
.darkblue.noborder {
	border: none;
}

i.grey {
	color: var(--greyer-color);
}

.grey,
td.grey,
div.grey,
th.grey,
table.grey {
	background-color: var(--dark-grey-color);
}

.lightgrey,
td.lightgrey {
	background: var(--light-grey-color);
}

.incart {
	background: #dfd;
}

.mediumgrey,
.mediumgrey_background,
td.mediumgrey {
	background: var(--accent-grey-color);
}

td.tabelldropdown {
	background-image: url("/images/droppil-inaktiv.png?v=2");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.not_billed {
	color: var(--black-half-alpha);
	text-decoration: line-through;
	cursor: help;
}

.discounted {
	color: var(--green-color);
	cursor: help;
}

/* ---------------------------------- *
 *				 Rundade hörnfält					 *
 * ---------------------------------- */

.curved_top {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.curved_bottom {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.curved {
	border-radius: 20px;
}

.no_right_radius,
input.no_right_radius,
.knapp.no_right_radius {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.no_left_radius,
input.no_left_radius,
.knapp.no_left_radius {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

i.strike-through,
.strike-through {
	text-decoration: line-through;
}

.not-allowed {
	cursor: not-allowed;
}

article .disabled_textarea {
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--black-color);
	min-height: 27px;
}

.disabled_textarea {
	cursor: not-allowed;
	border: 1px var(--black-alpha-color) solid;
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--black-color);
	padding: 2px 5px;
	display: inline-block;
	border-radius: 0px;
	box-sizing: border-box;
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
}

.disabled_textarea:hover {
	background-color: var(--black-light-alpha);
	opacity: 1;
}

.disabled_color_picker {
	cursor: not-allowed;
	display: inline-block;
	background-image: url('/images/color-dropper.png'), url('/images/red_stripe_transparent.png');
	background-repeat: no-repeat, repeat;
	background-position: right top, right top;
	background-size: 20px 20px, 30px 30px;
	border-radius: 3px;
	min-height: 32px;
	width: 70px;
	border: 1px solid var(--placeholder-color);
	opacity: 0.4;
}

.disabled_color_picker:hover {
	opacity: 1;
}

.disabled.knapp,
.icon.disabled,
.icon.stor.disabled,
.disabled.knapp.green,
.disabled.knapp.red,
.disabled.knapp.stor,
.disabled.knapp.stor.green,
.disabled.grey.knapp,
.disabled.grey.knapp.stor {
	background: var(--blacker-alpha-color);
	opacity: 0.5;
	color: var(--black-half-alpha);
	text-shadow: none;
	cursor: not-allowed;
	border-color:var(--black-alpha-color);
	box-shadow: none;
}

.more_column {
	flex:0 1 85px;
	gap:5px;
	display:flex;
	flex-flow:row nowrap;
  flex-direction:row;
  justify-content:space-between;
  align-items:stretch;
}

.icon_spinner {
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
	color:var(--main-color);
	font-size:20px;
}

.fal.fa-save {
	opacity: 0.6;
	padding-right: 3px;
}

*:focus {
	outline: none;
	outline-style: none;
}

input.greybutton:hover, input[type="button"].greybutton:hover {
	background: #014da4;
	box-shadow: none;
	color: var(--white-color);
	cursor: pointer;
}

input.greybutton, input[type="button"].greybutton {
	height: 32px;
	box-shadow: none;
	background: none;
	color: var(--switch-text-hover);
	text-decoration: none;
	display: inline-block;
	white-space: nowrap;
	padding: 0 4px;
	vertical-align: bottom;
	margin: 0px;
	box-sizing: border-box;
	border: none;
	min-height: 32px;
	box-sizing: border-box;
	font-weight: 500;
	line-height: 32px;
	font-size: 16px;
}

input.greybutton:focus {
	padding: 0 4px;
	font-size: 16px;
}

input.stor {
	height: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	line-height:24px;
	padding: 4px 5px;
}



select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 var(--black-color);
	/* your normal text color here */
}

select:-moz-focusring * {
	color: var(--black-color);
	/* your normal text color here */
	text-shadow: none;
}

input.disabled,
input:disabled {
	opacity: 0.35;
	background: rgba(0, 0, 0, 0.00);
	cursor: not-allowed;
	text-shadow: none;
}

select:disabled,
select.disabled {
	background: url('/images/dropdown.png?v=2') bottom 5px right 5px no-repeat, var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
	cursor: not-allowed;
}

input.disabled:hover,
input:disabled:hover {
	background: var(--black-slight-alpha);
	color: var(--slight-darker-color);
	border-color: var(--black-half-alpha);
	box-shadow: 0 0 1px 1px var(--black-alpha-color);
	cursor: not-allowed;
	text-shadow: none;
	transition: opacity 0.2s ease;
}

label:disabled {
	color: var(--black-half-alpha);
}

label:disabled:hover {
	color: red;
	cursor: not-allowed;
}

.buttons input.disabled:hover,
.buttons input:disabled:hover {
	background: transparent;
	opacity: 0;
	color: transparent;
	border-color: transparent;
	box-shadow: none;
}

select.disabled:hover,
select:disabled:hover {
	background: url('/images/dropdown.png?v=2') bottom 5px right 5px no-repeat, var(--black-slight-alpha);
	opacity: 0.5;
	border-color: var(--black-half-alpha);
	box-shadow: 0 0 1px 1px var(--black-alpha-color);
	cursor: not-allowed;
	color: var(--slight-darker-color);
	transition: opacity 0.2s ease;
}


input.disabled:placeholder-shown,
input:placeholder-shown:disabled,
article input.disabled:placeholder-shown,
article input:placeholder-shown:disabled {
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
}

input.disabled:hover:placeholder-shown,
input:hover:placeholder-shown:disabled,
article input:hover.disabled:placeholder-shown,
article input:hover:placeholder-shown:disabled {
	border-bottom: 1px solid rgba(255, 0, 0, 1);
	border-top: 1px solid rgba(255, 0, 0, 1);
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
}

article input.clear_placeholder:placeholder-shown,
article input.clear_placeholder::placeholder {
	opacity: 1;
	color: var(--black-color);
	background: var(--white-color);
}

article input.clear_placeholder:hover:placeholder-shown,
article input.clear_placeholder:hover::placeholder {
	background: #f9f9ff;
	color: var(--blackerer-alpha-color);
	opacity: 1;
}

article input.clear_placeholder:focus:placeholder-shown,
article input.clear_placeholder:focus::placeholder {
	background: var(--light-grey-color);
	color: var(--blacker-alpha-color);
	opacity: 1;
}

flash {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.85)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
	/* IE6-9 */

	width: 15%;
	height: 100%;
	transform: skew(-10deg, 0deg);

	animation-iteration-count: infinite;
	animation-delay: 1s;
	-webkit-animation: moveflash 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: 1s;
	-moz-transform: skew(-10deg, 0deg);
	-moz-animation: moveflash 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-delay: 1s;
}

@keyframes moveflash {
	0% {
		left: 0;
		opacity: 0;
	}

	5% {
		opacity: 0.0
	}

	48% {
		opacity: 0.5
	}

	80% {
		opacity: 0.0
	}

	100% {
		left: 82%
	}
}


a.registrera:hover {
	background-image: linear-gradient(to bottom, #08b, #09d 99%);
	color: #ffe;
	text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px, rgba(0, 0, 0, 0.75) 0px -1px 1px;
	text-decoration: none;
	transition: 0.5s all ease;
	box-shadow: none;
}

a.registrera_green:hover {
	color: #fff;
	background-image: linear-gradient(to bottom, #08b, #09d 99%);
	border-bottom: 1px solid var(--blue-color);
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px, rgba(0, 0, 0, 0.75) 0px -1px 1px;
	transition: 0.1s all ease;
	box-shadow: none;
}

a.registrera div,
a.registrera_green div {
	margin-top: -5px;
	font-weight: 300;
	font-size: 12px;
}

a.registrera-blue,
b a.registrera-blue {
	background: var(--link-color);
	color: var(--white-color);
	display: inline-block;
	text-align: center;
	padding: 0px 10px;
	margin: 2px;
	font-size: 14px;
	line-height:23px;
	font-weight: 600;
	margin-right: 20px;
	border-bottom: 4px solid #227;
	text-shadow: var(--blacker-alpha-color) 0px -1px 1px, #115 1px 1px 0px;
}

a.registrera-text {
	font-weight: 600;
	height: 50px;
	margin-top: 10px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
}

a.registrera-text div {
	font-weight: 400;
	font-size: 14px;
}

a.registrera-blue:hover {
	background: #014da4;
	border-bottom: 1px solid #115;
	border-top: 3px solid var(--white-color);
	text-shadow: #227 0px 0px 2px;
	text-decoration: none;
	text-shadow: #227 -1px -1px 0px;
}

a.registrera-blue div {
	margin-top: -5px;
	font-size: 10px;
	font-weight: 400;
}

.drop {
	background: url('/images/dropdown-white.png?v=2');
	width: 18px;
	height: 12px;
	display: inline-block;
	vertical-align: bottom;
	padding-bottom: 3px;
}

.dropup {
	background-position: 0px 12px;
}

.settings_hover {
	background: var(--white-color);
	position: absolute;
	width: 360px;
	height: 27px;
	margin-top: -7px;
	margin-left: -5px;
	text-align: right;
	border-top: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.bracket {
	background: var(--black-half-alpha);
	color: var(--white-color);
	padding: 1px 2px;
}

/* ---------------------------------- *
 *			AUTOCOMPLETE AJAX-CSS				 *
 * ---------------------------------- */

.auto_complete {
	position: absolute;
	border: 1px solid var(--blackerer-alpha-color);
	width: 400px;
	border-radius: 0 0 4px 4px;
	margin: 0 0 0 23px;
	padding: 0px;
	top: auto !important;
	margin-top: -2px;
	background-color: var(--white-color);
	background: var(--white-color);
	z-index: 102;
	box-shadow: 0 3px 8px var(--black-alpha-color);
}

.auto_complete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.auto_complete ul li b {
	font-weight: 300;
	color: var(--black-color);
}

.auto_complete ul li.selected b {
	color: var(--white-color);
}

.auto_complete ul li.option {
	background-color: red;
}

.auto_complete li.selected {
	background-color: #1a7bdb;
	color: var(--white-color);
}

.auto_complete ul li.selected {
	background-color: #1a7bdb;
	color: var(--white-color);
}

.auto_complete ul li {
	color: var(--black-half-alpha);
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 5px 5px 10px;
	height: auto;
	cursor: pointer;
}

.auto_complete ul li a {
	color: var(--black-color);
	text-decoration: none;
}

.dropdown {
	transition: all ease-in-out 0.2s;
	height: 20px;
	padding-right: 2em;
	font-weight: 300;
	display: block;
	position: relative;
}

.dropdown:after {
	content: "\f107";
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	font-weight: 100;
	position: absolute;
	color: var(--black-half-alpha);
	margin-right: 5px;
	z-index: 90;
	right: 0px;
	bottom: -0.4em;
}

.dropdown,
.dropdown:visited {
	color: var(--black-half-alpha);
}

.dropdown:hover:after {
	color: var(--link-hover-color);
	transition: all ease-in-out 0.1s;
	font-weight: 400;
	right: 1px;
	bottom: -5px;
}

.dropdown.open:after {
	transition: all ease-in-out 0.5s;
	content: "\f106";
}

.blue_dropdown {
	background: url('/images/dropdown-blue.png?v=2') right bottom no-repeat;
	transition: all ease-in-out 0.2s;
	height: 18px;
	padding-right: 20px;
	font-weight: 400;
	display: block;
	cursor: pointer;
	color: var(--black-half-alpha);
}

.blue_dropdown:hover {
	background: url('/images/dropdown-blue.png?v=2') right bottom no-repeat;
	transition: all ease-in-out 0.2s;
	height: 18px;
	padding-right: 20px;
	font-weight: 400;
	display: block;
	color: var(--link-color);
}

.blue_dropdown.open {
	transition: all ease-in-out 0.5s;
	background: url('/images/animerbar-dropdown.png') right bottom no-repeat;
}

.topdropdown {
	position: relative;
	display: inline-block;
	color: var(--dark-color);
}

.topdropdown #myDropdown {
	right: 0;
}

.topdropdown-content.show {
	display: block;
}

.topdropdown-content i {
	margin-right: 5px;
}

.topdropdown-content {
	display: none;
	position: absolute;
	backdrop-filter: blur(15px) saturate(180%);
	max-width: 90vw;
	width: 352px;
	overflow: auto;
	color: var(--slight-dark-color);
	box-shadow: 0px 6px 5px 1px var(--blacker-alpha-color);
	z-index: 101;
	border-radius: 10px;
	border: 1px solid var(--black-alpha-color);
	box-shadow: 0px 8px 10px 0px var(--black-light-alpha);
}

#changeusermenu ul ul.accountlist,
#changeusermenu ul li.changeusermenu_bullet ul.accountlist {
	position: absolute;
	top: -1000px;
	left: 0px;
	opacity: 0;
	transition: top 0s .2s, opacity .2s, max-height 0s .2s;
	z-index: 98;
	padding: 0px;
	border-radius: 10px;
	border: 0;
	font-size: 13px;
	max-height: 0;
	box-shadow: var(--blacker-alpha-color) 1px 5px 5px;
}

#myDropdown.topdropdown-content > div.menuitem,
#myDropdown.topdropdown-content a.menuitem {
	color: var(--black-color);
	padding: 0 10px;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	display: block;
	width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	vertical-align: top;
	font-weight: 300;
	line-height: 32px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#myDropdown.topdropdown-content div.shorter_menu a.menuitem {
	width: 330px;
}

#changeusermenu ul.accountlist > li > .active,
#myDropdown.topdropdown-content div.menuitem.active,
#myDropdown.topdropdown-content div.menuitem.active:hover {
	color: #fff;
	background: var(--green-color) url('/images/check-vit.png') no-repeat;
	background-position: right 10px top 5px;
	background-size: 24px 24px;
}

#myDropdown.topdropdown-content div.menuitem.active.indent,
#myDropdown.topdropdown-content div.active.menuitem.indent:hover {
	padding-left: 32px;
	color: var(--white-color);
	background: url('/images/toprightangle-vit-check.png') top left no-repeat var(--green-color);
}

#myDropdown.topdropdown-content div.menuitem.active.indent_continous,
#myDropdown.topdropdown-content div.active.menuitem.indent_continous:hover {
	padding-left: 32px;
	color: var(--white-color);
	background: url('/images/toprightangle_continous-vit-check.png') top left no-repeat var(--green-color);
}

#myDropdown.topdropdown-content a.menuitem.indent:hover,
#myDropdown.topdropdown-content a.menuitem:hover,
#myDropdown.topdropdown-content a.menuitem.indent_continous:hover {
	background-color: var(--black-light-alpha);
	color: var(--black-color);
	cursor: pointer;
}

#myDropdown.topdropdown-content a.menuitem.grey,
#myDropdown.topdropdown-content a.menuitem.grey:hover {
	background-color: var(--blackerer-alpha-color);
}

a.menuitem.active .transparent {
	opacity: 0.6;
}

.show {
	display: block;
}

/* ---------------------------------- *
 *	Sekundära Expanderande flikar		 *
 * ---------------------------------- */

.dhtmlgoodies_question {
	font-size: 14px;
	line-height:32px;
	font-weight: 400;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background: url('/images/dropdown-dynamic.png?v=2') right top no-repeat, var(--white-color);
	border: 1px solid var(--black-alpha-color);
	color: var(--black-color);
	outline: none;
	outline-style: none;
	margin-bottom: 0px;
	display: block;
	margin-top: 3px;
	padding-left: 10px;
	height: 32px;
	line-height: 32px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	cursor: pointer;
	transition: all ease-in-out 0.2s;
	border-radius: 16px;
}

article.rem .dhtmlgoodies_question {
	font-size: 16px;
	line-height:40px;
	height: 40px;
}

.dhtmlgoodies_question:hover {
	color: var(--link-color);
	text-decoration: underline;
	background: url('/images/dropdown-dynamic-blue.png?v=2') right top no-repeat, var(--table-hover-color);
}

.dhtmlgoodies_question.open {
	text-decoration: underline;
	transition: all ease-in-out 0.5s;
	font-weight: bold;
	color: var(--white-color);
	border-radius: 16px 16px 0 0;
	background: url('/images/dropdown-dynamic.png?v=2') right bottom no-repeat, var(--main-color);
}
.dhtmlgoodies_answer {
	background: var(--background-color);
	border: 1px solid var(--accent-grey-color);
	border: 1px solid var(--black-alpha-color);
	border-top: 0;
	border-bottom: 1px solid var(--blackerer-alpha-color);
	margin-bottom: 15px;
	margin-top: 0px;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	position: relative;
	border-radius: 0 0 4px 4px;
	width: 100%;
}

.dhtmlgoodies_answer_content {
	/* Content that is slided down */
	padding: 10px;
	position: relative;
}

a.question {
	overflow-anchor: none;
	background: var(--light-grey-color);
	font-size: 16px;
	line-height:40px;
	font-weight: 300;
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 1px solid var(--table-hover-color);
	border-bottom: 1px solid var(--black-alpha-color);
	box-sizing: border-box;
	color: var(--slight-dark-color);
	outline: none;
	outline-style: none;
	margin-bottom: 0px;
	display: block;
	padding-left: 52px;
	line-height: 42px;
	height: 44px;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
	border-radius: 16px;
	margin-top: 2px;
	position: relative;
}

article.rem a.question {
	padding-left: 50px;
	margin-top: 2px;
}

article.rem.pres a.question {
	padding-left: 75px;
	margin-top: 5px;
}

article.rem a.question {
	line-height: 50px;
	height: 50px;
}

article.rem .faq a.question {
	padding-left: 32px;
}

article.rem.pres .faq a.question {
	padding-left: 32px;
}

a.question.disabled i.fal,
a.question.disabled:hover i.fal {
	background: transparent;
	color: var(--white-color);
	text-shadow: none;
	border: none;
}

a.question.disabled i.fal.fa-lock-alt {
	left: 0;
	text-align: center;
	margin: 0;
	background: transparent;
	color: var(--black-color);
	position: absolute;
	text-shadow: none;
	font-weight: 800;
	padding-left: 2px;
	border: 0;
	opacity: 1;
	z-index: 100;
}

a.question i,
a.question i.fal {
	width: 40px;
	font-size: 1.25em;
	text-align: center;
	font-weight: 200;
	height: 40px;
	line-height: inherit;
	border-radius: 21px;
	color: var(--slight-dark-color);
	position: absolute;
	margin-top: -1px;
	margin-left: -50px;
	border: 1px solid transparent;
}

article.rem a.question i,
article.rem a.question i.fal {
	width: 48px;
	height: 48px;
	border-radius: 25px;
	margin-top: -1px;
	margin-left: -51px;
}

article.rem.pres a.question i,
article.rem.pres a.question i.fal {
	width: 62px;
	height: 62px;
	border-radius: 31px;
	margin-top: -1px;
	margin-left: -76px;
}

a.question:hover i {
	color: var(--active-color);
}

.content_tab:target a.question i {
	color: var(--link-color);
	font-weight: 800;
}

a.question.disabled {
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	outline: none;
	opacity: 0.5;
	background: var(--accent-grey-color);
	color: var(--slight-darker-color);
	outline-style: none;
	overflow: hidden;
	cursor: not-allowed;
}

.question:after {
	content: "\f078";
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	opacity: 0.4;
	font-weight: 400;
	right: 0px;
	position: absolute;
	margin-right: 20px;
}

.content_tab:target .question:after {
	opacity: 1;
	color: var(--mediumblue-color);
	content: "\f077";
	font-weight: 400;
}

.content_tab:hover .question:after {
	opacity: 1;
	text-decoration: none;
}

a.question.disabled:hover {
	background: rgba(200, 0, 0, .15);
	opacity: 0.5;
	color: var(--slight-darker-color);
	border-right: 1px solid var(--blackerer-alpha-color);
	border-bottom: 1px solid var(--blackerer-alpha-color);
	transition: all 0.2s ease;
}

a.question:hover {
	color: var(--link-hover-color);
	transition: none;
	background: var(--accent-color3);
}

.content_tab:target {
	border-radius: 16px;
}

.content_tab:target a.question {
	overflow-anchor: none;
	opacity: 1;
	color: var(--link-color);
	font-weight: 400;
	background: var(--lighter-grey-color);
	border-top: 1px solid var(--table-hover-color);
	border-left: 1px solid var(--black-alpha-color);
	border-right: 1px solid var(--black-alpha-color);
	border-bottom: 0;
	cursor: default;
	border-radius: 16px 16px 0 0;
	transition: padding-top 0.3s, padding-bottom 0.3s, margin 0.5s;
	transition-timing-function: ease;
}

.content_tab:target a.question.disabled {
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
}

.content_tab:target div.disabled.expando {
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
}

.content_tab {
	position: relative;
}

.content_tab div.expando {
	overflow-anchor: none;
	transition: max-height 0.4s ease, opacity 0.5s ease;
	overflow: hidden;
	max-height: 0;
	padding: 0px 20px;
	border: 0px solid var(--black-color);
	white-space: normal;
	word-break: break-word;
	hyphens: auto;
	font-size: 14px;
}

.content_tab:target div.expando {
	opacity: 1;
	overflow-anchor: none;
	display: block;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 30px;
	max-height: max-content;
	height: max-content;
	overflow:hidden;
	background: var(--lighter-grey-color);
	border-radius: 0 0 16px 16px;
	border-bottom: 1px solid var(--blacker-alpha-color);
	border-left: 1px solid var(--black-alpha-color);
	border-right: 1px solid var(--black-alpha-color);
	transition: max-height 2s ease, height 2s ease, opacity 1s ease;
}

article .faq .question {
	font-size: 1.1em;
	max-width: 1252px;
	margin: 8px auto 0;
	padding: 22px 77px 22px 30px;
	border-radius: 16px;
	background: transparent;
	line-height: 50px;
	min-height: 89px;
	border-collapse: collapse;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
}

article .faq .question:target {
	background: transparent;
}

.faq .content_tab {
	background: var(--light-grey-color);
	border-radius: 16px;
	max-width: 1252px;
	margin: 5px auto;
	transition: all .2s ease;
}

.faq .content_tab:hover,
.faq .content_tab:target {
	background: var(--light-hover-color);
}

.faq .content_tab:target a.question {
	border: none;
	background: transparent;
}

.faq .content_tab:target a.question:after {
	color: var(--mediumblue-color);
	text-shadow: none;
}

.faq .content_tab:target div.expando {
	background: transparent;
	border: none;
	padding-top: 0;
	padding-bottom: 30px;
	border-radius: 0;
	font-weight: 300;
	border: none;
	font-size: inherit;
}

.faq .content_tab:target {
	box-shadow: none;
	margin: 10px auto;
	transition: all .2s ease;
}

article .faq a.question h3 {
	display: inline-block;
	font-size: inherit;
	margin-top: 0;
	margin-bottom: 0;
	color: inherit;
	font-weight: inherit;
}

/* ---------------------------------- *
 *	Popup															*
 * ---------------------------------- */
.overlay {
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	background: var(--white-85-alpha);
	z-index: 199;
}

.dark_overlay {
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	background: var(--slight-darker-color);
	z-index: 199;
}

.blur {
	filter: blur(2px);
}

.flash {
	background: rgba(100%, 100%, 100%, 0.95);
	vertical-align: middle;
	display: block;
	z-index: 200;
	overflow: visible;
	text-align: left;
	position: fixed;
	padding: 30px;
	border-radius: 0px;
	font-size: 20px;
	line-height: 25px;
	border: 0px solid rgba(0, 0, 0, 0.4);
	cursor: pointer;
	font-weight: 300;
}

.flash.varningsruta.closed,
.flash.flashruta.closed {
	position: inherit;
	width: 100%;
	padding: 30px 20px;
	line-height: inherit;
	margin-top: 0;
	margin-left: 0;
	left: 0;
	top: 0;
	margin-bottom: 0;
	transition: background 1s ease;
	min-height: 0;
}

.flash.notched_down {
	margin-top: 65px;
}

.flash.notched_down.closed {
	margin-top: 0;
}

.flash.flashruta.closed {
	z-index: 5;
	border-radius: 20px;
	cursor: pointer;
	background: var(--white-color);
	color: var(--flashruta-text-color);
	margin: 0;
	border: 0;
	border-left: 5px solid #00bcd2;
	border-top: 1px solid rgba(0, 0, 100, 0.1);
	border-bottom: 1px solid rgba(0, 0, 150, 0.2);
	box-shadow: 0 2px 3px var(--black-alpha-color);
	transition: all 0.5s ease;
	background: rgba(0, 181, 209, 0.1);
	margin-bottom: 20px;
}

.flash.flashruta.closed:hover {
	transition: background 0.1s ease;
	background: rgba(0, 181, 209, 0.2);
}

.flash.varningsruta {
	background: #ffb;
	border-left: 5px solid #ff9000;
	color: #d70;
}

.flash.closed.varningsruta {
	border-radius: 20px;
	margin: 0;
	border: 0;
	border-top: 1px solid var(--black-alpha-color);
	border-left: 5px solid Orange;
	border-bottom: 1px solid Orange;
	cursor: inherit;
	z-index: 5;
	box-shadow: 0 2px 3px var(--black-alpha-color);
}

.flash.closed.varningsruta div,
.flash.flashruta.closed div {
	padding-left: 60px;
}

.flash.closed.varningsruta>i:first-child,
.flash.closed.flashruta>i:first-child {
	font-size: 2rem;
	position: static;
	position: absolute;
	display: block;
	margin: -5px 20px 0 0;
	transition: all 0s ease;
}

.flash.closed.flashruta>i:first-child {
	color: #00bcd2;
}

.flash.closed.flashruta h3 {
	color: #00bcd2;
}

.flash.closed.varningsruta h3,
.flash.closed.flashruta h3,
.flash.varningsruta.closed .closebox {
	display: none;
}

.flash h3 {
	margin-top: 10px;
}

.popupmall h2:first-of-type {
	margin-top: 0;
}

.flash.varningsruta {
	border: 0;
	padding: 30px;
	border-radius: 30px;
	position: fixed;
	padding-left: 85px;
	border: 2px solid orange;
}

.varningsruta {
	border-bottom: 1px solid var(--blackerer-alpha-color);
	position: relative;
	color: #a45007;
	background: #fffdd0;
	font-size: 1rem;
	border-left: 7px solid #ff9c00;
	padding: 20px 20px 20px 60px;
	border-radius: 4px;
	min-height: 60px;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.flash.varningsruta>i:first-child {
	margin-left: -70px;
	margin-top: -15px;
}

.varningsruta>i:first-child {
	margin-left: -50px;
	font-size: 45px;
	color: DarkOrange;
	font-weight: 200;
	position: absolute;
}

div.varningsruta h3:first-of-type {
	margin-top: 0px;
	font-weight: 500;
	color: DarkOrange;
}

.flashruta,
.flash.flashruta {
	background: var(--white-color);
	border: 3px solid #a0c0d1;
	padding: 30px;
	padding-left: 75px;
	border-radius: 30px;
	min-height: 60px;
	margin-bottom: 20px;
}

.flashruta i:first-of-type {
	margin-left: -60px;
	margin-top: -15px;
	font-size: 45px;
	color: #a0c0d1;
	font-weight: 200;
	position: absolute;
}

.flashruta h3 {
	color: #a0c0d1;
}

.flashruta a i:first-of-type {
	margin-left: 0px;
	font-size: inherit;
	color: inherit;
	position: relative;
}

.flashruta h3:first-of-type,
.darkblue h3:first-of-type,
.callout h5:first-of-type,
.errorExplanation h2:first-of-type {
	margin-top: 0px;
}


/* ---------------------------------- *
 *	Base															*
 * ---------------------------------- */


table.dottedtable {
	border-top: 1px dotted #666;
	border-left: 1px dotted #666;
}

.dottedtable td {
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

.popupmall.skugga {
	box-shadow: 3px 5px 20px var(--blacker-alpha-color);
}

.skugga {
	box-shadow: 0px 5px 3px 4px rgba(0, 0, 0, .1);
}

.dropskugga {
	box-shadow: 1px 3px 5px var(--blacking-alpha-color);
}

.storskugga {
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.25);
}

.skuggadtext {
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

#lightwindow_title_bar_close_link.closebox:after {
	text-shadow: 0px 0px 4px var(--black-color);
	color: var(--white-color);
	width: 24px;
	height: 24px;
	margin-right: 0;
	margin-top: 0;
}

.closebox:after {
	content: "\f00d";
	float: right;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	text-align: center;
	width: 32px;
	height: 32px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 200;
	cursor: pointer;
	color: var(--black-half-alpha);
	border-radius: 50%;
	background: var(--white-half-alpha);
}
.closebox.medium:after {
	width: 32px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
}
.closebox.small:after {
	width: 21px;
	height: 21px;
	font-size: 12px;
	line-height: 21px;
}
.hover_closebox .closebox {
	transition:opacity 0.3s ease;
	opacity:0;
}
.hover_closebox:hover .closebox {
	opacity:1;
}


.popupmall .closebox {
	position:sticky;
	top:0;
	right:10px;
}

.closebox.white:after {
	color: var(--white-half-alpha);
	background: var(--blacker-alpha-color);
}

div.closebox:hover:after {
	text-align: center;
	color: var(--black-color);
	border-bottom: 0;
	text-decoration: none;
	background: var(--black-alpha-color);
}

.closebox.white:hover:after {
	color: var(--white-color);
	background: var(--white-quarter-alpha);
}

span.helptext,
.helptext {
	border-bottom: 1px dotted var(--black-half-alpha);
	text-decoration: none;
	vertical-align: bottom;
	display: inline-block;
	cursor: help;
}

span.helptext:hover,
i.helptext:hover {
	border-bottom: 1px solid var(--black-color);
}

span.reference_text {
	font-weight: 400;
	text-decoration: none;
	background: url('/images/info_inverterad_liten.png') top right no-repeat;
	padding-right: 18px;
	margin-right: 10px;
	vertical-align: bottom;
	display: inline-block;
	color: #009;
	cursor: help;
}

.info_text {
	background: url('/images/info_inverterad_liten.png') center left no-repeat;
	padding: 5px 5px 5px 25px;
	width: auto;
	margin-left: 0px;
	font-style: italic;
	vertical-align: bottom;
	color: var(--slight-darker-color);
	border: 1px solid rgba(0, 0, 0, 0.25);
}

.tips {
	background: var(--light-tint-color);
	border: 1px solid var(--black-slight-alpha);
	border-left: 65px solid #ffc703;
	border-radius: 4px;
	padding: 20px;
	position: relative;
}

.tips i {
	margin-left: -65px;
	font-size: 35px;
	color: var(--white-color);
	position: absolute;
}

.tips h3:first-of-type {
	margin-top: 0px;
}

.tips_vertikal {
	background: var(--light-tint-color);
	border: 1px solid var(--black-alpha-color);
	border-bottom: 1px solid var(--blacker-alpha-color);
	border-radius: 15px;
	padding: 0px;
}

.tips_vertikal h3:first-of-type {
	margin-top: 0px;
	background: #ffb400;
	margin-bottom: 0px;
	padding: 15px;
	color: var(--white-color);
	border-radius: 15px 15px 0 0;
	text-shadow: 0px 1px 2px var(--black-half-alpha);
}

.tips_vertikal div {
	padding: 15px;
}

.inforuta_vertikal {
	background: #f2f9f2;
	border: 1px solid var(--black-alpha-color);
	border-bottom: 1px solid var(--blacker-alpha-color);
	border-radius: 15px;
	padding: 0px;
}

.inforuta_vertikal h3:first-of-type {
	margin-top: 0px;
	background: #7cc770;
	margin-bottom: 0px;
	padding: 15px 15px 10px;
	color: var(--white-color);
	border-radius: 15px 15px 0 0;
	text-shadow: 0px 1px 1px var(--black-half-alpha);
}

.inforuta_vertikal div {
	padding: 10px 15px 15px;
}

a.helpbox {
	text-decoration: none;
	color: var(--black-color);
	font-weight: 300;
	margin-right: 5px;
	text-decoration: none;
	cursor: pointer;
}

.floating_label a.helpbox:after {
	font-size: 1rem;
	color: var(--black-half-alpha);
}

a.helpbox:after {
	content: "\f059";
	font-family: 'Font Awesome 5 Pro';
	font-size: 1rem;
	color: var(--blackerer-alpha-color);
	vertical-align: top;
}

a.helpbox.stor:after {
	font-size: 28px;
}
a.helpbox.medium:after {
	font-size: 20px;
}

a.helpbox:hover {
	text-decoration: none;
	font-weight: 400;
}

a.helpbox:hover:after,
a.small.helpbox:hover:after {
	font-weight: bold;
	color: var(--link-color);
	border-bottom: 0;
	text-decoration: none;
}

a.small.helpbox:after {
	font-size: 12px;
	font-weight: 200;
}

a.samesize.helpbox:after {
	font-size: 15px;
	font-weight: 200;
}

a.samesize.helpbox:hover:after {
	font-weight: 800;
}

.floating_label .helpbox {
	position: absolute;
	right: 1px;
	line-height: 44px;
}

article.rem .floating_label .helpbox {
	position: absolute;
	right: 5px;
	line-height: 50px;
}

article.rem.pres .floating_label .helpbox {
	position: absolute;
	right: 10px;
	line-height: 64px;
}
.floating_label input:invalid~a.helpbox:after,
.floating_label input:invalid~a.helpbox:hover:after {
	color: red;
}

.floating_label input:not(:placeholder-shown)~a.helpbox:after {
	display: none;
}

a.helpbox~input.recommended {
	padding-right: 40px;
}

.infobubbla {
	border: 1px solid var(--black-color);
	padding: 5px 11px 5px 10px;
	width: 340px;
	margin-left: 30px;
	font-size: 12px;
	position: absolute;
	display: inline-block;
	background: var(--white-color);
	color: var(--black-color);
	z-index: 100;
	box-shadow: 4px 3px 8px var(--blacker-alpha-color);
	border-radius: 3px;
	border-top-left-radius: 0;
}

.dashed_bubble {
	max-width: 176px;
	width: 100%;
	position: absolute;
	min-height: 104px;
	padding: 19px 24px 20px;
	border-radius: 23px;
	border: dashed 2px #d6d6d6;
	background-color: var(--white-bubbles);
	font-size: 16px;
	color: var(--dark-color);
	font-size: 20px;
}

.bignum {
	width: 100%;
	height: auto;
	margin: 5px 0 0;
	background-image: linear-gradient(99deg, #61c5e6 -23%, #015967 144%);
	font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.transparent_with_hover_info {
	color: var(--black-half-alpha);
	cursor: help;
	text-decoration: none;
	font-weight: inherit;
}

.hover_info {
	cursor: help;
	text-decoration: none;
	color: inherit;
	font-weight: inherit;
}

.hover_info:after,
.transparent_with_hover_info:after,
th.transparent2 a.hover_info:after {
	content: "\f059";
	font-family: 'Font Awesome 5 Pro';
	padding-left: 5px;
	font-size: 1em;
	font-weight: 200;
	margin-left: 0;
	vertical-align: top;
	color: var(--black-half-alpha);
}

.tooltip {
	cursor: help;
	text-decoration: none;
	font-weight: 400;
	opacity: 1;
	color: var(--black-half-alpha);
}

.floating_label .hover_info:after,
.fixed_label .hover_info:after {
	font-size: 13px;
}

a.hover_info:hover,
.hover_info:hover,
a.transparent_with_hover_info:hover,
.hover_info:hover .transparent {
	text-decoration: none;
	font-weight: 400;
	opacity: 1;
}

a.hover_info:hover:after,
a.transparent_with_hover_info:hover:after,
.hover_info:hover:after,
th.transparent2 a.hover_info:hover:after {
	font-weight: 800;
	color: var(--link-color);
	border-bottom: 0;
	text-decoration: none;
}

.white .hover_info:after {
	color: rgba(255, 255, 255, 0.4);
}

.white a.hover_info:hover:after {
	color: var(--white-color);
	font-weight: 800;
	text-decoration: none;
}


.hover_info2 {
	cursor: help;
	text-decoration: none;
	border-bottom: 1px dotted var(--dark-grey-color);
	display: inline-block;
	color: var(--black-color);
	font-weight: inherit;
	padding-right: 0px;
	margin-top: -4px;
	border-bottom: 1px dotted var(--black-half-alpha);
}

.hover_info2:hover {
	text-decoration: none;
	font-weight: 300;
	color: var(--black-color);
	border-bottom: 1px solid rgba(0, 0, 0, 1);
}


.toggle_text {
	cursor: pointer;
}

.toggle_help {
	cursor: pointer;
	margin-bottom: -10px;
	margin-left: -10px;
	margin-right: -10px;
	padding: 0px 10px;
	background: linear-gradient(to bottom, var(--black-color) 0%, var(--blacking-alpha-color) 100%);
	width: 100%;
	width: calc(100% + 20px);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.toggle_help_over {
	z-index: 100;
	cursor: pointer;
	text-align: center;
	font-weight: 400;
	opacity: 0.5;
	line-height: 32px;
	color: var(--black-color);
	font-size: 15px;
	vertical-align: bottom;
	overflow: hidden;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
}

.toggle_help_over:before {
	content: "\f107";
	float: left;
	font-family: 'Font Awesome 5 Pro';
}

.toggle_help_over:after {
	content: "\f107";
	float: right;
	font-family: 'Font Awesome 5 Pro';
}


.toggle_help:hover {
	background: var(--black-color);
	border-bottom: 1px solid var(--black-half-alpha);
	margin-bottom: -11px;
	box-shadow: 0 4px 3px var(--black-alpha-color);
}

.toggle_text:hover {
	border-bottom: 1px solid var(--black-half-alpha);
	margin-bottom: -1px;
}

.toggle_help_over:hover {
	opacity: 1;
	color: var(--link-color);
	font-weight: bold;
	text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.75);
}


.bubblaflik {
	background: url('/images/bubbla-left.gif');
	display: inline;
	width: 20px;
	height: 20px;
	position: relative;
	margin-right: -20px;
	left: -30px;
	top: -6px;
	float: left;
}


/*	 Annat stuff																														*/

ul.checka li,
ul.checka_green li {
	list-style-type: none;
	margin-top: 15px;
}

ul.checka li:before,
ul.checka_green li:before {
	content: "\f00c";
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	width: 2em;
	color: var(--green-color);
	margin-left: -2em;
	display: inline-block;
	font-weight:500;
}

ul.checka,
ul.checka_green {
	margin-top: 0px;
	padding-left: 20px;
	margin-bottom: 5px;
}

.vit_checka {
	color: var(--white-color);
	font-style: normal;
}

ul.vit_checka li {
	list-style-type: none;
	margin-top: 15px;
	margin-left: 0;
}

ul.vit_checka li:before {
	content: "\f00c";
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	width: 2em;
	margin-left: -2em;
	display: inline-block;
}


ul.vit_checka {
	margin-top: 0px;
	padding-left: 2em;
	margin-left: 0;
	margin-bottom: 5px;
}



/* ---------------------------------- *
 *	(c)-text längst ner på alla sidor *
 * ---------------------------------- */

.legal_text {
	padding: 0px 0px;
	color: #bbb;
	color: rgba(255, 255, 255, 0.75);
	white-space: normal;
}

.legalback {
	background: var(--black-alpha-color);
	padding: 10px;
}

.legal_text a {
	color: rgba(255, 255, 255, 0.75);
}

.legal_text a:hover {
	color: var(--white-color);
	text-decoration: none;
}



/*-----------------------------------------------------------------------------------------------
			PAGINERING
-----------------------------------------------------------------------------------------------*/

td.paginering {
	padding-top: 30px;
	text-align: right;
}

.paginering .disabled {
	cursor: not-allowed;
	opacity: 0.5;
	font-weight: 300;
	color: var(--black-half-alpha);
	background: none;
}

div.pagination {
	display: flex;
	flex-flow: row wrap;
	min-height: 32px;
	color: var(--black-color);
	font-size: 16px;
	font-weight: 400;
	align-items: center;
	justify-content: flex-end;
	padding: 10px 0px;
}

.paginering {
	min-height: 32px;
	color: var(--black-color);
	font-size: 16px;
	font-weight: 400;
	padding: 10px 0px;
}

.paginering span,
.paginering a {
	display: inline-block;
	line-height: 32px;
	height: 32px;
	padding: 0 5px;
	margin: 0;
	flex-shrink: 1;
	text-align: center;
}

.paginering span.current,
.paginering span.unlinked_page {
	border-bottom: 2px solid var(--green-color);
}

.paginering a {
	display: inline-block;
	text-decoration: none;
	font-weight: 200;
	outline: none;
	flex-shrink: 1;
	outline-style: none;
	color: var(--slight-darker-color);
	border-bottom: 2px solid transparent;
	text-align: center;
}

.paginering a:hover {
	border-color: var(--blue-color);
	color: var(--blue-color);
	font-weight: 400;
	text-decoration: none;
}

.paginering a:visited {
	font-weight: 400;
}

.true_white,
.true_white a,
.true_white a:hover {
	color: white;
}

.white .paginering a:hover {
	background: var(--white-color);
	color: var(--blue-color);
	border-color: var(--blue-color);
}

.white .paginering a:hover {
	background: var(--white-color);
}

.white a.linked_page {
	font-weight: 400;
	background: var(--white-color);
}

small.legal_ref {
	color: #3f3f3f;
	vertical-align: text-top;
}

.unlinked_page,
.current,
a.unlinked_page {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	border-color: var(--green-color);
	outline: none;
	outline-style: none;
	color: var(--green-color);
}

.unlinked_page,
.current,
a.unlinked_page,
.paginering .unlinked_page,
.paginering .current {
	color: var(--green-color);
	font-weight: bold;
}

.boll {
	font-size: 12px;
	font-style: italic;
	border-radius: 30px;
	padding: 10px;
	font-weight: bolder;
}

.stegboll {
	float: right;
	font-size: 100px;
	margin-left: 50px;
	background: var(--link-color);
	line-height: 180px;
	width: 180px;
	border-radius: 90px;
	height: 180px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}


/* Styled radiobuttons */
.switch input[type=radio] {
	display: none;
	-webkit-appearance: none;
}

.switch input[type=radio]+label,
a.badge {
	transition: all 0s ease-in-out;
	display: inline-block;
	padding: 2px 10px;
	font-size: 1em;
	border-radius: 8px;
	box-sizing: border-box;
	margin: 0px 0px;
	font-weight: bold;
	color: var(--darker-color);
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: var(--background-color);
	border: 1px solid var(--blacker-alpha-color);
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2);
	background-position: -10px center;
	-webkit-appearance: none;
	box-sizing: border-box;
}

article.pres .switch input[type=radio]+label {
	padding: 0 25px;
}

.switch input[type=radio]+label,
a.badge {
	background-image: none;
	background-color:transparent;
	border: 1px solid var(--black-color);
}

a.bildruta {
	display: inline-block;
	box-sizing: border-box;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s, ease-in-out;
	padding: 78px 2px 2px;
	height: 108px;
	border-spacing: 0px;
	width: 100%;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0);
	background-position: top center;
	background-repeat: no-repeat;
}

a.bildruta.checked,
a.bildruta:hover {
	background-position: bottom center;
	background-color: var(--link-color);
	border-color: var(--link-color);
	color: var(--white-color);
	border-radius: 3px;
	text-shadow: 0px 1px 1px var(--black-half-alpha);
}

label.disabled,
a.disabled_badge,
.switch input[type="radio"]+label.disabled {
	cursor: not-allowed;
	display: inline-block;
	margin: 0px 0px;
	padding: 2px 15px;
	text-align: center;
	vertical-align: middle;
	background-color: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
	border: 1px solid var(--white-color);
	border-color: rgba(255, 255, 255, 0);
	transition: all 0.2s ease-in-out;
}

.switch.disabled a.badge:hover,
.switch.disabled a.checked_badge:hover {
	background-color: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
	cursor: not-allowed;
	border-color: transparent;
	box-shadow: none;
	text-decoration: none;
}

label.disabled:hover,
a.disabled_badge:hover {
	text-decoration: none;
	cursor: not-allowed;
	border: 1px solid rgba(255, 0, 0, 1);
	background-color: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
	transition: all 0.2s ease-in-out;
}

a label.url_label,
a.url_badge {
	cursor: pointer;
	display: inline-block;
	margin: 0px 0px;
	padding: 2px 8px 2px 8px;
	line-height: 26px;
	color: var(--black-color);
	font-weight: 400;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	border-color: rgba(255, 255, 255, 0);
	transition: all 0.2s ease-in-out;
}

a label.url_label:hover,
a.url_badge:hover {
	text-decoration: underline;
	color: var(--link-color);
	transition: all 0.2s ease-in-out;
}

article label.disabled,
article a.disabled_badge,
.switch input[type="radio"]+label.disabled {
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 8px;
	box-sizing: border-box;
	margin-bottom: 0;
	background-color: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
}

a.checked_badge_noback.white {
	background: url('/images/vit_checkmark_bakgrund.png') no-repeat left center;
	padding-left: 22px;
	color: #f2f9ff;
}

a.checked_badge_noback {
	background: url('/images/checkmark.png') no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
	font-weight: bold;
}

a.badge_noback {
	text-decoration: none;
	font-weight: 400;
	border-bottom: 1px dotted var(--link-color);
}

a.badge_noback:hover {
	text-decoration: none;
	border-bottom: 1px solid var(--link-color);
}

.buttons {
	background: var(--black-light-alpha);
	border-radius: 16px;
	width: auto;
	overflow: hidden;
	user-select: none;
	display: flex;
	flex-flow: row wrap;
	flex-direction: row;
	justify-content: space-between;
}

.buttons input[type="checkbox"]+label:before {
	border: none;
	background: none;
}

.buttons input[type="checkbox"]+label:after {
	content: "";
}

.buttons input[type="checkbox"]+label,
.buttons a.badge {
	background: transparent no-repeat 2px center;
	border: 1px solid transparent;
	border-radius: 16px;
	color: var(--slight-darker-color);
	line-height: 36px;
	box-shadow: none;
	padding: 2px 5px;
	height: 36px;
	margin: 3px;
	font-weight: 400;
}

.buttons input[type="checkbox"]+label:hover,
.buttons a.badge:hover {
	color: var(--switch-text-hover);
	box-shadow: 0px 0px 0px 1px var(--blue-color);
	text-decoration: none;
}

.buttons input[type="checkbox"]:checked+label:hover {
	color:var(--switch-text-hover);
	box-shadow: 0px 0px 0px 2px var(--blue-color);
	text-decoration: none;
}

.buttons input[type="checkbox"]:checked+label,
.buttons a.checked_badge,
.buttons a.checked_badge:visited,
.buttons .checked_badge {
	border: 1px solid var(--blacker-alpha-color);
	color: var(--black-color);
	background-color: var(--switch-checkedbadge-background);
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
	text-decoration: none;
}

.buttons input[type="checkbox"]:checked+label:hover,
.buttons a.checked_badge:hover {
	border: 1px solid var(--blue-color);
	background-color: var(--switch-checkedbadge-hover-background);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
	text-decoration: none;
	color:var(--switch-text-hover);
}

article .buttons input[type="checkbox"]:checked+label:before {
	content: "\f058";
	color: var(--green-color);
	font-weight: 800;
	font-family: 'Font Awesome 5 Pro';
	position: relative;
	border: none;
	background: transparent;
	margin-right: 5px;
	font-size: 16px;
	box-shadow: none;
}

article .buttons input[type="checkbox"]+label:hover:before {
	text-decoration: none;
}

article .buttons input[type="checkbox"]:checked:focus+label:before {
	background: transparent;
	color: var(--green-color);
	font-weight: 800;
}

article .buttons input[type="checkbox"]:not(:checked):focus+label:before {
	background: transparent;
	color: var(--black-alpha-color);
}

article .buttons input[type="checkbox"]:not(:checked)+label:before {
	content: "\f111";
	color: var(--black-alpha-color);
	position: relative;
	font-weight: 800;
	border: none;
	opacity: 1;
	font-family: 'Font Awesome 5 Pro';
	margin-right: 5px;
	font-size: 16px;
	box-shadow: none;
	transform: scale(0.5);
	background: transparent;
}

article .buttons input[type="checkbox"]:not(:checked)+label:after,
article .buttons input[type="checkbox"]:checked:focus+label:after,
article .buttons input[type="checkbox"]:not(:checked)+label:after {
	background: none;
	box-shadow: none;
	border: 0;
}

.buttons label {
	flex-grow: 1;
	text-align: center;
}


/*-----------------------------------------------------------------------------------------------
		SWITCH Radio buttons
-----------------------------------------------------------------------------------------------*/

.switch {
	border: none;
	background: var(--black-light-alpha);
	border-radius: 8px;
	padding: 2px;
	min-height: 44px;
	box-sizing: border-box;
	width: auto;
	display: inline-block;
	overflow: hidden;
	user-select: none;
	display: inline-flex;
	flex-flow: row wrap;
	flex-direction: row;
	justify-content: space-between;
}

.badge,
.checked_badge,
.switch a,
.switch label {
	background-repeat:no-repeat;
}

article.rem .switch {
	border-radius: 8px;
	min-height: 50px;
}

article.rem .expando .switch {
	border-radius: 8px;
	min-height: 44px;
}

article.pres .switch {
	border-radius: 20px;
	min-height: 64px;
	padding: 2px;
}

.switch.with_disabled {
	background: var(--blacking-alpha-color);
}

.switch input[type=radio]+label.disabled,
.switch a.badge.disabled,
article .switch input[type=radio]+label.disabled,
article .switch a.badge.disabled,
article .switch label.disabled,
article .switch a.disabled_badge {
	border: 1px solid rgba(0, 0, 0, 0);
	box-shadow: none;
	padding: 0px 15px;
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--blackerer-alpha-color);
}

article.rem.pres .switch input[type=radio]+label.disabled,
.switch a.badge.disabled,
article.rem.pres switch input[type=radio]+label.disabled,
article.rem.pres .switch a.badge.disabled,
article.rem.pres .switch label.disabled,
article.rem.pres .switch a.disabled_badge {
	border: 1px solid transparent;
	box-shadow: none;
	padding: 0px 20px;
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--black-half-alpha);
}

.switch input {
	line-height: 32px;
}

article.rem .switch input {
	line-height: 50px;
}

article.rem.pres .switch input {
	line-height: 64px;
}

.switch input[type=radio]+label.disabled:hover,
.switch a.badge.disabled:hover,
.switch input[type=radio]+label.disabled:hover,
article .switch a.badge.disabled:hover,
article .switch label.disabled:hover,
article .switch a.disabled_badge:hover {
	text-shadow: none;
}

.switch input[type=radio]+label,
.switch a.badge {
	background-position:2px center;
	border: 1px solid transparent;
	border-radius: 8px;
	color: var(--slight-dark-color);
	float: left;
	box-shadow: none;
	padding: 0px 15px;
	box-sizing: border-box;
	font-weight: 200;
}

article.rem .switch input[type=radio]+label,
article.rem .switch a.badge {
	background-position:2px center;
	border-radius: 8px;
	padding: 0px 20px;
}

article.rem.pres .switch input[type=radio]+label,
article.rem.pres .switch a.badge {
	background-position:2px center;
	border-radius: 16px;
	line-height: 60px;
	padding: 0px 20px;
	height: 60px;
	font-weight: 200;
}

.switch input[type=radio]+label,
.switch a.badge,
.switch a.checked_badge {
	float: left;
}

.switch input[type=radio]+label:hover,
.switch input+label:hover,
.switch a:hover,
.switch a.badge:hover {
	box-shadow: 0px 0px 0px 1px var(--blue-color);
	border: 1px solid var(--blue-color);
	background-color:var(--switch-hover-color);
	color: var(--switch-text-hover);
	box-sizing: border-box;
	text-decoration: none;
}

.switch input[type=radio]:checked+label,
.switch a.checked_badge,
.switch .checked_badge {
	background-color: var(--switch-checkedbadge-background);
	border: 1px solid var(--blacker-alpha-color);
	color: var(--black-color);
	font-weight: 400;
	box-sizing: border-box;
	padding: 0px 15px;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.switch .checked_badge {
	background-image:none;
}

.switch input[type=radio]:checked+label:hover,
.switch a.checked_badge:hover,
.switch a.checked_badge:visited:hover,
.checked_badge:hover {
	background-color: var(--switch-checkedbadge-hover-background);
	border: 1px solid var(--blue-color);
	color: var(--switch-text-hover);
	font-weight: 400;
	box-shadow: 0px 0px 0px 2px var(--blue-color);
	transition: none;
	box-sizing: border-box;
}

article.rem .switch input[type=radio]:checked+label,
article.rem .switch a.checked_badge,
article.rem .switch .checked_badge {
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
	padding: 0px 20px;
	font-weight: 400;
}

article.rem .switch input[type=radio]:checked+label:hover,
article.rem .switch a.checked_badge:hover,
article.rem .switch a.checked_badge:visited:hover {
	padding: 0px 20px;
}

article.rem.pres .switch input[type=radio]:checked+label,
article.rem.pres .switch a.checked_badge,
article.rem.pres .switch input[type=radio]:checked+label:hover,
article.rem.pres .switch a.checked_badge:hover,
article.rem.pres .switch a.checked_badge:visited,
article.rem.pres .switch .checked_badge {
	padding: 0px 20px;
	font-weight: 400;
}

.medium .switch input[type=radio]:checked+label.yes,
.medium .switch a.yes.checked_badge,
.medium .switch input[type=radio]:checked+label.yes:hover,
.medium .switch a.yes.checked_badge:hover,
.medium .switch a.yes.checked_badge:visited,
.medium .switch .yes.checked_badge,
.medium .switch input[type=radio]:checked+label.no,
.medium .switch a.no.checked_badge,
.medium .switch input[type=radio]:checked+label.no:hover,
.medium .switch a.no.checked_badge:hover,
.medium .switch a.no.checked_badge:visited,
.medium .switch .no.checked_badge {
	background-position:2px center;
	padding: 0px 10px 0px 20px;
  background-size: 12px 12px;
	line-height:28px;
	height:28px;
}
.medium .switch label,
.medium .switch input[type="radio"] + label {
	line-height:28px;
	height:28px;
	padding: 0px 10px;
}
.medium .switch {
	height:32px;
  min-height: 32px;
  font-size: 14px;
}

.switch input[type=radio]:checked+label.yes,
.switch a.yes.checked_badge,
.switch input[type=radio]:checked+label.yes:hover,
.switch a.yes.checked_badge:hover,
.switch a.yes.checked_badge:visited,
.switch .yes.checked_badge {
	background-image: url('/images/checkmark-green.png');
	background-position:8px center;
	padding: 0px 20px 0px 30px;
}


article.rem .switch input[type=radio]:checked+label.yes,
article.rem .switch a.yes.checked_badge,
article.rem .switch input[type=radio]:checked+label.yes:hover,
article.rem .switch a.yes.checked_badge:hover,
article.rem .switch a.yes.checked_badge:visited,
article.rem .switch .yes.checked_badge {
	background-image: url('/images/checkmark-green.png');
	background-position:13px center;
	padding: 0px 25px 0px 40px;
}

article.rem.pres .switch input[type=radio]:checked+label.yes,
article.rem.pres .switch a.yes.checked_badge,
article.rem.pres .switch input[type=radio]:checked+label.yes:hover,
article.rem.pres .switch a.yes.checked_badge:hover,
article.rem.pres .switch a.yes.checked_badge:visited,
article.rem.pres .switch .yes.checked_badge {
	background-image: url('/images/checkmark-green.png');
	background-position:13px center;
	padding: 0 25px 0 40px;
}

.switch input[type=radio]:checked+label.no,
.switch a.no.checked_badge,
.switch input[type=radio]:checked+label.no:hover,
.switch a.no.checked_badge:hover,
.switch a.no.checked_badge:visited,
.switch .no.checked_badge {
	background-image:	url('/images/cross.png');
	background-position:5px center;
	background-size: 22px 22px;
	padding: 0px 20px 0px 30px;
}

article.rem .switch input[type=radio]:checked+label.no,
article.rem .switch a.no.checked_badge,
article.rem .switch input[type=radio]:checked+label.no:hover,
article.rem .switch a.no.checked_badge:hover,
article.rem .switch a.no.checked_badge:visited,
article.rem .switch .no.checked_badge {
	background-image: url('/images/cross.png');
	background-position:10px center;
	background-size: 22px 22px;
	padding: 0 25px 0 40px;
}

article.rem.pres .switch input[type=radio]:checked+label.no,
article.rem.pres .switch a.no.checked_badge,
article.rem.pres .switch input[type=radio]:checked+label.no:hover,
article.rem.pres .switch a.no.checked_badge:hover,
article.rem.pres .switch a.no.checked_badge:visited,
article.rem.pres .switch .no.checked_badge {
	background-image: url('/images/cross.png');
	background-position:10px center;
	background-size: 22px 22px;
	padding: 0 25px 0 40px;
}

a.checked_badge:hover {
	box-shadow: none;
	text-shadow: none;
	color: var(--link-color);
	border: 1px solid var(--switch-checkedbadge-background);
}

a.badge:hover {
	box-shadow: none;
	background-image: none;
	text-shadow: none;
	text-decoration: none;
	transition: none;
	border: 1px solid var(--blue-color);
	color: var(--link-hover-color);
}

.checked_badge, .badge {
	height: 44px;
	line-height: 44px;
}

a.checked_badge,
a.checked_badge:visited,
.checked_badge {
	background-image: url('/images/vit_checkmark_bakgrund.png');
	background-position:left center;
	color: var(--black-color);
	margin: 0px 0px;
	font-size: 1em;
	border-radius: 12px;
	box-sizing: border-box;
	padding: 2px 10px 2px 22px;
	display: inline-block;
	text-shadow: none;
	font-weight: 400;
	outline: 0;
	transition: background 0.5s ease-in-out;
	border: 1px solid var(--blue-color);
}

a.checked_badge,
a.checked_badge:visited,
.checked_badge {
	outline: none;
	color: var(--black-color);
	border: 1px solid rgba(0,0,0,0.2);
}

.loginbackground {
	display: flex;
	flex-flow: column nowrap;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	background-attachment: fixed;
	height: 100vh;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	overflow-y: auto;
	overflow-x: hidden;
	left: 0;
}

.switchwrapper.leftmenu {
	width: 100%;
	margin-top: 40px;
	padding: 0 0;
}

.logintab article.rem .leftmenu.switch {
	height: 36px;
	background: rgba(255, 255, 255, 0.1);
	height: auto;
	min-height: auto;
	padding: 2px;
	width: 100%;
	gap: 4px;
}

article.rem .leftmenu.switch a.badge {
	color: rgba(255, 255, 255, 0.7);
	line-height: 32px;
	height: 32px;
	font-size: 14px;
	padding: 0 5px;
	flex: 1 1 70px;
	border-top: 1px solid rgba(255, 255, 255, 0);
	overflow: hidden;
	text-overflow: ellipsis;
}

article.rem .leftmenu.switch a.badge.checked {
	background: #046;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
}

article.rem .leftmenu.switch a.badge:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

article.rem .leftmenu.switch a.badge.checked:hover {
	color: #fff;
	background: #268;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

/* select_tabnav */

.select_tabnav a {
	display: inline-block;
	margin: -2px;
	padding: 2px 10px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: var(--lighter-grey-color);
	background-image: linear-gradient(to bottom, var(--white-color), #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid var(--grey-color);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: var(--black-alpha-color) var(--black-alpha-color) rgba(0, 0, 0, 0.35);
	border-bottom-color: #939393;
	box-shadow: outset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px var(--black-light-alpha);
}

.select_tabnav a.active {
	background-image: none;
	background-color: var(--link-color);
	color: var(--white-color);
	text-shadow: none;
	font-weight: bold;
	outline: 0;
	box-shadow: inset 0 2px 4px var(--black-half-alpha), 0 1px 2px var(--table-hover-color);
	border-top-color: var(--grey-color);
}

.circled {
	border: 2px solid var(--blacker-alpha-color);
	padding: 10px;
	display: inline-block;
	border-radius: 50%;
}

.circled.green {
	color: var(--green-color);
	border: 2px solid var(--green-color);
}

.normaltabell {
	width: 100%;
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.normaltabell td,
.artikel td,
.artikel,
.normaltabell {
	vertical-align: top;
}

article.rem .normaltabell td,
article.rem .artikel td,
article.rem .artikel,
article.rem .normaltabell {
	line-height: 30px;
}

.expanderbar td,
.cleantable td,
.slimtable td {
	vertical-align: middle;
}

.clean td,
.clean th {
	vertical-align: middle;
	height: 50px;
}

table.annonsrubriker {
	line-height: 14px;
	font-size: 14px;
	padding-top: 10px;
}

table.annonsrubriker th {
	font-size: 14px;
}

.annonsrubriker a {
	color: var(--black-color);
}


.alternate_background:nth-child(even) {
	background: rgba(255, 255, 255, 0.1);
}

.alternate_background:nth-child(odd) {
	background: rgba(0, 0, 0, 0.05);
}

td.tabelldropdown,
th.transparent2.tabelldropdown {
	cursor: pointer;
}

th.transparent2.tabelldropdown {
	background-image: url('/images/droppil-inaktiv2.png?v=2');
	background-position: right bottom;
	background-repeat: no-repeat;
}

th.transparent2.tabelldropdown:hover {
	background-image: url('/images/droppil-inaktiv2.png?v=2');
	background-position: right bottom;
	background-repeat: no-repeat;
}

td.tabelldropdown:hover,
table.border-bottom:hover td.tabelldropdown {
	background-image: url('/images/droppil-inaktiv-blue.png?v=2');
	background-position: right bottom;
	background-repeat: no-repeat;
}

table.tabelldropdown {
	box-sizing: border-box;
}

.tabelldropdown:hover,
td.tabelldropdown_aktiv,
th.tabelldropdown_aktiv {
	opacity: 1;
}

.toggle_arrow_down:before {
	content: "\f107";
}

.toggle_arrow_down.arrow_up:before {
	content: "\f106";
}

.expand_info {
	color: var(--blue-color);
	padding: 0px;
	border-top-left-radius: 4px;
	white-space: nowrap;
}

.expand_info:hover,
.expand_info.dropdown:hover {
	color: var(--link-hover-color);
	text-decoration: underline;
	cursor: pointer;
}

.expand_info.dropdown {
	float: right;
	color: var(--black-half-alpha);
	padding-left: 5px;
	border-top-left-radius: 4px;
	white-space: nowrap;
	line-height: 20px;
	transition: all ease-in-out 0s;
	width: auto;
	min-width: 40px;
	height: 20px;
	vertical-align: bottom;
	font-weight: 300;
	margin-left: 10px;
	overflow: visible;
}

.expand_info.dropdown.open {
	transition: all ease-in-out 0.5s;
	vertical-align: bottom;
	margin-top: 4px;
	width: auto;
	margin-left: 10px;
}

.expand_info.dropdown:hover {
	text-decoration: underline;
}

.cleantable.open .expand_info,
.cleantable.open .expand_info.open,
table.tabelldropdown.open div.expand_info {
	display: none;
	opacity: 0;
}

table.table32 td {
	line-height: 32px;
	height: 36px;
	box-sizing: border-box;
	padding: 2px;
}

ul.timeline {
	padding-bottom: 0;
	margin-bottom: 0;
}

div.maxheight {
	max-height: 260px;
	overflow-y: hidden;
	padding-bottom: 0px;
	margin-bottom: 0px;
	transition: 2s all ease;
	transition-delay: 0s;
}

div.maxheight.expanded {
	max-height: 3299px;
	transition: 2s all ease;
	transition-delay: 0s;
}

.green {
	color: var(--green-color);
}

.green .green {
	color: var(--white-color);
}

.cyan {
	color: var(--cyan-color);
}

.darkcyan {
	color: var(--darkcyan-color);
}

.yellow {
	color: var(--status-warning);
}

.grey_background {
	color: var(--white-color);
	background-color: var(--medium-grey-color);
	border-color: var(--medium-grey-color);
}

.lightgrey_background {
	background-color: var(--light-grey-color);
	border-color: var(--accent-grey-color);
}
.background_background {
	background-color: var(--background-color);
}

.lightgreen_background {
	color: var(--black-color);
	background-color: rgba(150, 240, 100, 0.1);
}

.purple_background {
	background-color: rgba(250, 200, 250, 0.1);
	color: var(--black-color);
}

table.test {
	background-image: url('/images/test.png');
	background-repeat: repeat;
	color: var(--black-color);
}

table.test table.test {
	background-image: none;
}

table.on_hold {
	background-color: var(--cyanbackground-color);
	color: var(--black-color);
}

table.on_hold table.on_hold {
	background: transparent;
}

table.on_hold a.expand_info {
	font-size: 12px;
}

.green_background {
	color: var(--white-color);
	background-color: var(--green-color);
	border-color: var(--green-color);
}

.blue {
	color: var(--blue-color);
}

.grey-color {
	color: var(--black-half-alpha);
}

.tomato {
	color: tomato;
}

.DarkOrange {
	color: DarkOrange;
}

i.menu_icon {
	color: #fff;
	width: 35px;
	margin-right: 0px;
	margin-left: -10px;
	font-size: 16px;
	line-height: 35px;
	display: inline-block;
	text-align: center;
	background: rgba(0, 0, 0, 0.05);
	text-shadow: 1px 0 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(0, 0, 0, 0.3), -1px 0 0 rgba(0, 0, 0, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.white i.menu_icon,
.tabnav_vertikal i.menu_icon {
	color: #fff;
	background: transparent;
	line-height: inherit;
	margin-left: 0px;
	opacity: 0.4;
	margin-right: 5px;
}

.white i.menu_icon {
	background: var(--black-alpha-color);
}

.tabnav_vertikal i.menu_icon {
	border-radius: 50%;
	font-weight: 200;
	border: 0;
	box-sizing: border-box;
	height: 32px;
	margin: 2px 5px 2px -8px;
	width: 32px;
	text-align: center;
	line-height: 28px;
}

.tabnav_vertikal ul li ul i.menu_icon {
	border-radius: 50%;
	font-weight: 200;
	border: 0;
	opacity: 0.5;
	box-sizing: border-box;
	height: 24px;
	margin: 2px 5px 2px -3px;
	width: 24px;
	font-size: 15px;
	text-align: center;
	line-height: 20px;
}

.tabnav_vertikal a:hover i.menu_icon,
.tabnav_vertikal ul li ul a:hover i.menu_icon {
	opacity: 1;
}

.tabnav_vertikal a.active i.menu_icon {
	font-weight: 600;
	color: #fff;
	opacity: 1;
	text-shadow: none;
}

.grey_bubbla {
	background: var(--lighter-grey-color);
	border: 1px solid var(--black-light-alpha);
	padding: 30px;
	border-radius: 30px;
}

.hide {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease, display 0s 0.3s ease;
}

.grey_bubbla h2:first-of-type {
	margin-top: 0;
}

.parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.cyangradient {
	background: #1085d3;
	background: -moz-linear-gradient(-45deg, #1085d3 0%, #00bbc2 78%, #00bbc2 100%);
	background: -webkit-linear-gradient(-45deg, #1085d3 0%, #00bbc2 78%, #00bbc2 100%);
	background: linear-gradient(135deg, #1085d3 0%, #00bbc2 78%, #00bbc2 100%);
}


/*-----------------------------------------------------------------------------------------------
			Expand divvar
-----------------------------------------------------------------------------------------------*/

.flipout {
	width: 100%;
	box-sizing: border-box;
	margin-left: 30px;
	font-size: 14px;
	padding: 30px;
	box-shadow: rgba(0, 0, 0, 0.03) 0px 7px 4px;
	border-top: 1px solid transparent;
	border-left: 1px solid var(--black-light-alpha);
	border-right: 1px solid var(--black-light-alpha);
	border-bottom: 1px solid var(--blacker-alpha-color);
	border-radius: 0 0 16px 16px;
	margin-bottom: 40px;
}

.expand-div {
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	font-size: 14px;
	background: var(--lighter-grey-color);
	border-top: 1px solid transparent;
	border-right: 1px solid var(--black-light-alpha);
	border-bottom: 1px solid var(--black-alpha-color);
	border-radius: 0 0 16px 16px;
	margin-bottom: 40px;
}

.notice_expand {
	background: rgba(255, 245, 229, 0.1);
	display: block;
	color: var(--slight-darker-color);
	padding: 20px;
	border: 1px solid var(--black-alpha-color);
	max-width: 800px;
	border-radius: 8px;
	margin-bottom: 10px;
	line-height: 1.4em;
}

.transparent2.curved.skugga {
	box-shadow: var(--black-alpha-color) 0px 2px 3px;
	border-radius: 20px;
}

.main_transaction .flipout {
	margin-left: 80px;
}


/*-----------------------------------------------------------------------------------------------
			COUNTERS
-----------------------------------------------------------------------------------------------*/

.counter, .greybtn div.counter {
	background-color: #fa3e3e;
	background-color: tomato;
	border-radius: 6px;
	color: #fff;
	padding: 0px 5px;
	font-size: 12px;
	position: absolute;
	top: -5px;
	right: 0px;
	max-width: 100px;
	text-overflow: ellipsis;
	max-height: 20px;
	line-height: 20px;
	font-weight: 600;
	text-shadow: 0px 1px 1px var(--black-half-alpha);
	margin-left: 5px;
}

#tabnav .counter {
	position: static;
	top: auto;
	right: auto;
	display: inline-block;
}


/*-----------------------------------------------------------------------------------------------
			PRATBUBBLOR
-----------------------------------------------------------------------------------------------*/

.pratbubbla {
	position: absolute;
	display: block;
	white-space: nowrap;
	background: url('/images/pratbubbla-right.png') no-repeat top right;
	height: 30px;
	padding-right: 13px;
	margin-top: -20px;
	margin-left: -20px;
	color: var(--black-color);
	text-align: center;
	font-size: 14px;
	padding-top: 3px;
	text-shadow: none;
	border: 0;
	z-index: 50;
}

div.pratbubbla-left {
	position: absolute;
	display: inline-block;
	z-index: 50;
	margin-left: -11px;
	margin-top: -3px;
	width: 11px;
	height: 34px;
	background: url('/images/pratbubbla-left.png') no-repeat;
}

.arrow_box_down {
	position: relative;
	background: var(--light-tinter-color);
	color: var(--black-color);
	border-radius: 20px;
	padding: 20px;
	width: auto;
	font-style: italic;
}

.arrow_box_down:after {
	bottom: -26px;
	left: 2%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: var(--light-tinter-color);
	border-left-color: var(--light-tinter-color);
	border-width: 11px;
	margin-top: -22px;
}

.arrow_box_left {
	position: relative;
	background: var(--light-tint-color);
	color: var(--black-color);
	border-radius: 5px 20px 20px 20px;
	padding: 20px;
	border: 1px solid var(--black-light-alpha);
	border-bottom: 1px solid var(--black-alpha-color);
	font-style: italic;
	box-shadow: 0 0 0 2px var(--black-alpha-color);
	font-size: 14px;
}

.arrow_box_left:after,
.arrow_box_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_left:after {
	border-color: rgba(243, 243, 243, 0);
	border-right-color: var(--light-tint-color);
	border-width: 22px;
	margin-top: -22px;
}

.arrow_box_left:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: var(--black-alpha-color);
	border-width: 25px;
	margin-top: -25px;
}

.expand-div .arrow_box_left {
	background: var(--white-color);
}

.expand-div .arrow_box_left:after {
	border-right-color: var(--white-color);
}

.vit.arrow_box_left {
	background: var(--white-color);
	box-shadow: 0px 2px 3px var(--black-alpha-color);
}

.vit.arrow_box_left:after {
	border-right-color: var(--white-color);
}

.arrow_box_left.green {
	background: var(--green-color);
	color: var(--white-color);
}

.arrow_box_left.green:after {
	border-right-color: var(--green-color);
}

.arrow_box_left h2,
.arrow_box_left h3 {
	margin-top: 0px;
}

.flipout .arrow_box_left {
	background: var(--white-color);
}

.flipout .arrow_box_left:after {
	border-right-color: var(--white-color);
}

.ripped_screenshot img {
	border-radius: 20px;
	transition: 0.8s 0.2s ease;
	box-shadow: 0 1px 1px 2px var(--black-alpha-color);
	border: 5px solid var(--white-color);
	opacity: 1;
}

.ripped_screenshot .caption {
	margin-left: 50px;
	font-style: italic;
	opacity: 0.5;
	transition: opacity 0.5s;
}

.ripped_screenshot:hover .caption {
	opacity: 0;
	transition: opacity 0.5s;
}

.ripped_screenshot:hover img {
	opacity: 1;
	transition: 0.2s ease;
	box-shadow: 0 10px 20px 5px var(--blacker-alpha-color);
	transform: scale(1.05);
	z-index: 50;
}

div.ripped_screenshot {
	display: inline-block;
	border-radius: 12px;
}

div.ripped_screenshot_wrapper {
	margin: 35px 0px 40px;
}

.fadethis {
	position: absolute;
	margin-top: -40px;
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%);
	transition: all 1s 0.4s ease;
	visibility: visible;
}

.fadethis:hover {
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s 0s ease-in-out;
}

section {
	text-align: center;
	position: relative;
	margin: 144px 0 0;
}


/*-----------------------------------------------------------------------------------------------
			TAGS
-----------------------------------------------------------------------------------------------*/

.tag {
	display: inline-block;
	background: var(--blackerer-alpha-color);
	color: var(--white-color);
	margin: 1px;
	line-height: 1.4em;
	padding: 0.1em 0.7em;
	border-radius: 0.7em;
	box-sizing: border-box;
	border: 0px solid transparent;
}

.tag.orange {
	background: #fc9a00;
}
.tag.cyan {
	background: var(--darkcyan-color);
}
.tag.green {
	background: var(--green-color);
}
.tag.red {
	background: tomato;
	color:#fff;
}

.inactive_tag {
	display: inline-block;
	margin: 0 4px 0;
	padding: 7px 16px;
	border-radius: 10px;
	border: solid 1px #e6e5e5;
	background-color: var(--white-color);
	opacity: 0.5;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: var(--dark-color);
}

.inactive_tag:hover {
	border: solid 1px var(--main-color);
	opacity: 1;
	color: var(--main-color);
}

.active_tag {
	display: inline-block;
	margin: 0 4px 0;
	padding: 7px 16px;
	border-radius: 10px;
	border: solid 1px #006a82;
	background-color: rgba(0, 106, 130, 0.05);
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #006a82;
}

a.textbadge {
	display: inline-block;
	background: var(--background-color);
	color: var(--link-color);
	padding: 2px 10px;
	border-radius: 3px;
	border: 1px solid var(--link-color);
}

article a.textbadge {
	border-radius: 17px;
	border-width: 2px;
	font-weight: 300;
}

a.textbadge:hover {
	color: var(--background-color);
	background: var(--link-color);
	border-color: var(--link-color);
	text-decoration: none;
}

.fjplus {
	display: inline-block;
	background: transparent;
	font-weight: 400;
	text-align: center;
	box-sizing: border-box;
	cursor: help;
}

.fjplus:after {
	padding: 0 5px;
	line-height: 18px;
	pointer-events: auto;
	color: var(--slight-darker-color);
	margin-right: 10px;
	text-align: center;
	margin-left: 5px;
}

.fjplus:hover:after {
	background: var(--black-color);
	border: 1px solid var(--black-color);
	color: var(--white-color);
}

.fjplus:before {
	content: "\f30d";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 200;
	color: var(--black-color);
}

.fjplus:hover:before {
	font-weight: 600;
}

.open .fjplus:before {
	color: var(--white-color);
}

.expert {
	display: inline-block;
	background: #ffff00;
	color: var(--black-color);
	font-weight: bold;
	margin-top: 5px;
	padding: 1px 2px;
	margin-left: 2px;
	line-height: 12px;
	border: 0px solid var(--white-color);
	border-radius: 12px;
	float: right;
	cursor: help;
}

.own_contract {
	display: inline-block;
	background: #997700;
	color: var(--white-color);
	font-weight: 400;
	margin-top: 3px;
	font-size: 24px;
	padding: 1px 2px;
	margin-left: 2px;
	line-height: 10px;
	border: 0px solid var(--white-color);
	border-radius: 12px;
	float: right;
	height: 12px;
	cursor: help;
}

.utrikes {
	display: inline-block;
	margin-top: 0px;
	border-radius: 12px;
	float: right;
	overflow: hidden;
	box-sizing: border-box;
	height: 18px;
	width: 18px;
	margin-left: 2px;
	margin-right: 1px;
	cursor: help;
	text-align: center;
	box-shadow: 0 0 0 1px var(--black-alpha-color);
}

.utrikes img {
	overflow: hidden;
	margin: 0;
	display: inline-block;
	height: 20px;
}

.utrikes_medium {
	display: inline-block;
	margin-top: 0px;
	border-radius: 12px;
	float: right;
	overflow: hidden;
	box-sizing: border-box;
	height: 22px;
	width: 22px;
	margin-left: 2px;
	margin-right: 1px;
	cursor: help;
	text-align: center;
	box-shadow: 0 0 0 1px var(--black-alpha-color);
	position: absolute;
	bottom: 6px;
	left: 9px;
}

article.pres .utrikes_medium {
	position: absolute;
	bottom: 10px;
	left: 10px;
	height: 26px;
	width: 26px;
	border-radius: 13px;
}

.utrikes_medium img {
	overflow: hidden;
	margin: -1px -2px;
	display: inline-block;
	height: 24px;
}

article.pres .utrikes_medium img {
	height: 28px;
}

.swedish_import img {
	margin: -5px -6px;
	height: 28px;
}

article .utrikes.stor {
	display: inline-block;
	margin-top: 0px;
	border-radius: 50%;
	float: right;
	overflow: hidden;
	box-sizing: border-box;
	height: 27px;
	width: 27px;
}

article .utrikes.stor img {
	margin: -9px -9px;
	height: 45px;
	line-height: 45px;
	padding-left: 0;
}

.swedish_import {
	display: inline-block;
	margin-top: 0px;
	border-radius: 4px;
	float: right;
	margin-left: 2px;
	overflow: hidden;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 2px solid var(--green-color);
	cursor: help;
	box-shadow: 0 0 1px 1px var(--blacker-alpha-color);
}

.flagga {
	background-size:cover;
	background-position:center;
	height:20px;
	width:20px;
	text-align: center;
	display:inline-block;
	margin:0;
	overflow:hidden;
	float:right;
	border-radius:50%;
}
.flagga.medium {
	height:22px;
	width:22px;
}
.flagga.stor {
	height:27px;
	width:27px;
}

.danger-icon {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--background-color);
	color:red;
  vertical-align: bottom;
	display:inline-block;
  padding: 1px;
  border: 1px solid var(--black-color);
  box-sizing: border-box;
  color: var(--black-color);
}
.danger-icon::before {
  content: "\f714";
	font-weight:300;
	font-style:normal;
	font-family: "Font Awesome 5 Pro";
  vertical-align: top;
  line-height: 16px;
}
.danger-icon:hover {
  background-color:var(--black-color);
	color:var(--background-color);
	border-color:var(--black-color);
	cursor:help;
}

.beta {
	display: inline-block;
	color: #c00;
	padding: 0.5em;
	background-color: var(--white-color);
	border: 0.3em dashed #c00;
	border-radius: 4px;
	transform: rotate(-7deg);
}

.api {
	display: inline-block;
	background: var(--blackerer-alpha-color);
	color: var(--white-color);
	font-weight: 300;
	padding: 0px 4px;
	margin-left: 2px;
	margin-top: 1px;
	border-radius: 0.5em;
	line-height: 1.5em;
	cursor: help;
}

article .api,
article .beta,
article .swedish_import,
article .utrikes,
article .expert,
article .own_contract {
	line-height: 18px;
	border-radius: 12px;
	box-shadow: 0 0 0 1px var(--black-alpha-color);
}

article .api {
	box-shadow: none;
}

.recently_updated {
	display: inline-block;
	margin-top: -10px;
	margin-left: 5px;
	padding: 2px 10px;
	width: auto;
	color: #f80;
	border: 2px solid #f80;
	background: var(--background-color);
	border-radius: 20px;
}

.not_normal_search {
	display: inline-block;
	color: #007d9e;
	font-weight: 600;
	margin-left: 2px;
	line-height: 20px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	cursor: help;
	text-align: center;
}

.not_normal_search i.fal {
	font-weight: 600;
}


/*-----------------------------------------------------------------------------------------------
				ICONS
-----------------------------------------------------------------------------------------------*/

.icon,
.icon:visited {
	background: var(--black-slight-alpha);
	color: inherit;
}
.icon {
	border-radius: 50%;
	font-weight: 200;
	display: block;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

a.icon:hover,
.icon:hover {
	color: #fff;
	background-color: var(--link-color);
	font-weight: 600;
	text-decoration: none;
}

a.icon.trash:hover,
.icon.trash:hover {
	background: Tomato;
}

.icon:before {
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	width: 32px;
	text-align: center;
	display: block;
	cursor: pointer;
	font-family: "Font Awesome 5 Pro";
}

.icon.small {
	width: 24px;
	height: 24px;
}
.icon.small:before {
	width: 24px;
	line-height: 24px;
	font-size: 1.2em;
}

.icon.stor,
.icon.stor:before {
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
}

.icon.xl,
.icon.xl:before {
	width: 52px;
	height: 52px;
	line-height: 52px;
	font-size: 22px;
}

.icon.edit:before {
	content: '\f044';
}
.icon.clone:before {
	content: '\f24d';
}
.icon.refresh:before {
	content: '\f021';
}
.icon.undo:before {
	content: '\f0e2';
}
.icon.setting:before {
	content: '\f013';
}
.icon.download:before {
	content: '\f019';
}
.icon.trash:before {
	content: '\f2ed';
}
.icon.view:before {
	content: '\f06e';
}
.icon.expand:before {
	content: '\f065';
}
.icon.more:before {
	content: '\f141';
}
.icon.down:before {
	content: '\f107';
}
.icon.up:before, .icon.down.open:before {
	content: '\f106';
}
.icon.right:before {
	content: '\f054';
}
.icon.help:before {
	content: '\f128';
	font-size: 20px;
}
.icon.info:before {
	content: '\f05a';
}

.icon.warningsign:before {
	content: "\f071";
}

.disabled .icon:before, .icon.disabled:before {
	cursor: not-allowed;
}

.edi_not_sent {
	cursor: help;
}

.state {
	clear: both;
	display: inline-block;
	background: var(--white-color);
	color: var(--black-color);
	margin-left: 2px;
	margin-bottom: 5px;
	text-align: right;
	padding: 2px 4px;
	line-height: 12px;
	border: 1px dashed rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	width: auto;
}

.error_state {
	clear: both;
	display: inline-block;
	width: auto;
	background-color: var(--highlight-border-color);
	color: var(--background-color);
	margin-left: 10px;
	margin-bottom: 5px;
	text-align: right;
	padding: 4px 6px;
	line-height: 12px;
	border-radius: 10px;
	font-weight: 300;
}

.error_state.plain {
	clear: both;
	display: inline-block;
	width: auto;
	background: transparent;
	color: var(--black-half-alpha);
	margin-left: 2px;
	margin-bottom: 5px;
	text-align: right;
	padding: 2px 4px;
	line-height: 12px;
	border: none;
}

.warning {
	background: rgba(255, 240, 0, 0.25);
}

.warning .input {
	outline: 1px solid orange;
}

.warning input {
	background: rgba(255, 240, 0, 0.25);
}

.progress_title {
	text-align: left;
	width: 100%;
}

@-webkit-keyframes animate-stripes {
	100% {
		background-position: -100px 0px;
	}
}

@keyframes animate-stripes {
	100% {
		background-position: -100px 0px;
	}
}

.meter {
	background-color: var(--lighter-grey-color);
	border-radius: 6px;
	height: 12px;
	box-shadow: 0 2px 3px var(--black-alpha-color) inset;
}

.meter>span {
	border-radius: 6px;
	display: block;
	height: 100%;
	background: #58c7eb;
	box-shadow: none;
	position: relative;
	overflow: hidden;
}

.meter>span:after,
#progress_bar>span>span {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 0) 100%);

	background-size: 2500px 12px;
	z-index: 1;
	-webkit-animation: move 2s linear infinite;
	animation: move 2s linear infinite;

	border-radius: 6px;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0);
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}


#progress_bar>span:after {
	display: none;
}

@-webkit-keyframes move {
	to {
		background-position: 2500px 0;
	}
}

@keyframes move {
	to {
		background-position: 2500px 0;
	}
}


#progress_bar,
#tracking_bar {
	transition: width 5s ease;
}

#protofade,
#protofade2,
#protofade3,
#protofade4 {
	position: relative;
	margin: 0;
	padding: 0px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

#protofade li,
#protofade2 li,
#protofade3 li {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background: none;
}

#protofade div {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0px;
	background: none;
	text-align: left
}

.next,
.previous,
.start,
.stop {
	cursor: pointer;
	display: block;
	margin: 5px 15px 15px 15px;
	float: left;
}

.fade {
	position: relative;
	height: 3.2em;
	/* exactly three lines */
	line-height: 1.5em;
	overflow: hidden;
}

.fade:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35%;
	height: 1.5em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

a .fade {
	color: var(--black-color);
	font-weight: 400;
	text-decoration: none;
}

a .fade div {
	opacity: 0.4;
}

a .fade b {
	opacity: 0.8;
}

a:hover .fade b {
	opacity: 1;
	text-decoration: underline;
}

a:hover div.fade {
	color: var(--link-color);
	text-decoration: none;
}

a:hover div.fade div {
	opacity: 0.6;
	text-decoration: none;
	color: var(--black-color);
}

.limit {
	position: relative;
	overflow: hidden;
}

/*-----------------------------------------------------------------------------------------------
			Video
-----------------------------------------------------------------------------------------------*/


.videocontainer {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-----------------------------------------------------------------------------------------------
			Animations
-----------------------------------------------------------------------------------------------*/
.blink_me {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.fade_green {
	animation: fade_green 10s linear;
}

@keyframes fade_green {
	from {
		background-color: #9fa;
	}

	20% {
		background-color: #9fa;
	}

	50% {
		background-color: #dfc;
	}

	to {
		background-color: #efe;
	}
}


.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated.quick {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}

.animated.really_slow {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}

.animated.microdelay {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.animated.smalldelay {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.animated.delay {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

.flashing {
	animation-name: flashing;
}

@keyframes flashing {

	from,
	50%,
	to {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

.notice_me {
	animation-name: faint_flashing;
}

.notice_me.animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.faint_flashing {
	animation-name: faint_flashing;
}

.animated.faint_flashing {
	animation-duration: 5s;
}

.spin-flash {
	-webkit-animation: spin-flash 3s infinite linear;
	animation: spin-flash 3s infinite linear;
}

@-webkit-keyframes spin-flash {
	0% {
		transform: rotate(0deg);
		opacity: 0.3;
	}

	30% {
		transform: rotate(180deg);
		opacity: 0.7;
	}

	100% {
		transform: rotate(360deg);
		opacity: 0.3;
	}
}

@keyframes faint_flashing {

	from,
	10%,
	to {
		opacity: 1;
		transform: scale3d(1.0, 1.0, 1.0);
	}

	20% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}

	25% {
		transform: scale3d(1.05, 1.05, 1.05);
	}

	70% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}

	75% {
		opacity: 0.5;
	}

	90% {
		opacity: 1;
	}
}


@-webkit-keyframes pulse {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(1.08, 1.08, 1.08);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}


@-webkit-keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1);
	}

	30% {
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.05, .95, 1);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

@keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1);
	}

	30% {
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.05, .95, 1);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes shake {

	from,
	to {
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {

	from,
	to {
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		transform: translate3d(10px, 0, 0);
	}
}

.shake {
	animation-name: shake;
}

@-webkit-keyframes headShake {
	0% {
		transform: translateX(0);
	}

	6.5% {
		transform: translateX(-6px) rotateY(-9deg);
	}

	18.5% {
		transform: translateX(5px) rotateY(7deg);
	}

	31.5% {
		transform: translateX(-3px) rotateY(-5deg);
	}

	43.5% {
		transform: translateX(2px) rotateY(3deg);
	}

	50% {
		transform: translateX(0);
	}
}

@keyframes headShake {
	0% {
		transform: translateX(0);
	}

	6.5% {
		transform: translateX(-6px) rotateY(-9deg);
	}

	18.5% {
		transform: translateX(5px) rotateY(7deg);
	}

	31.5% {
		transform: translateX(-3px) rotateY(-5deg);
	}

	43.5% {
		transform: translateX(2px) rotateY(3deg);
	}

	50% {
		transform: translateX(0);
	}
}

.headShake {
	animation-timing-function: ease-in-out;
	animation-name: headShake;
}

@-webkit-keyframes tada {
	from {
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	animation-name: tada;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInDown {
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInGreen {
	animation-name: fadeInGreen;
}

@keyframes fadeInGreen {
	from {
		opacity: 0;
		background-color: LimeGreen;
	}

	to {
		opacity: 1;
		background-color: transparent;
	}
}

.fadeInRight {
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInUp {
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.fadeOut {
	animation-name: fadeOut;
}

@keyframes flipInX {
	from {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		transform: perspective(400px);
	}
}

.flipInX {
	backface-visibility: visible !important;
	animation-name: flipInX;
}

@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@keyframes zoomOut {
	from {
		opacity: 0;
		transform: scale(1.1, 1.1);
	}

	100% {
		opacity: 1;
		transform: scale(1, 1);
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}


@keyframes glowing {
	0% {
		box-shadow: 0 0 5px #f00;
		border: 1px solid var(--black-color);
	}

	50% {
		box-shadow: 0 0 12px 2px #ff5;
		border: 1px solid var(--white-color);
	}

	100% {
		box-shadow: 0 0 1px 1px #a00;
		border: 1px solid var(--black-color);
	}
}

.glowing {
	-webkit-animation: glowing 1.5s ease infinite;
	animation: glowing 1.5s ease infinite;
}

div.tabnav {
	color: var(--black-color);
}

.tabnav ul {
	margin: 0px;
	padding: 2px;
}

.tabnav li {
	list-style-type: none;
	font-size: 12px;
	display: inline-block;
	margin-left: 0px;
}

.tabnav {
	display: block;
}

.tabnav li span.disabled {
	background: var(--black-slight-alpha);
	opacity: 0.5;
	color: var(--slight-darker-color);
	border-right: 2px solid var(--inactive-color);
	padding: 1px 5px 1px 5px;
	margin: 0;
	text-decoration: none;
	font-weight: 400;
}

.tabnav a,
tabnav a.active {
	text-decoration: none;
	border-radius: 12px;
	border: 2px solid var(--black-light-alpha);
}

.tabnav a.active {
	font-weight: 400;
}

.tabnav a:visited,
.tabnav a:link,
.tabnav a {
	color: var(--slight-darker-color);
	border-radius: 12px;
}

.tabnav a.active:hover,
.tabnav ul li.active a.active:hover {
	background-color: var(--link-color);
	color: var(--white-color);
	border: 2px solid var(--link-color);
}

.tabnav a:hover,
.tabnav a:hover:visited {
	background-color: var(--link-color);
	color: var(--white-color);
	text-decoration: none;
}

.tabnav_content {
	padding: 0px;
	border-top: none;
	border-bottom: none;
	border-left: none;
	z-index: 2;
}

.tabnav a.active,
.tabnav a.active:visited {
	background-color: var(--white-color);
	font-weight: bold;
	border: 2px solid var(--link-color);
	border-radius: 12px;
	color: var(--link-color);
}

#tabnav_vertikal li.inaktivflik {
	cursor: pointer;
	transition: max-height 0.5s ease;
}

#tabnav_vertikal li.inaktivflik:focus-within {
	display: block;
	max-height: 1200px;
	transition: max-height 0.5s ease;
}

#tabnav_vertikal li.aktivflik li,
#tabnav_vertikal li.inaktivflik li {
	display: block;
	margin-left: 0;
}

td#tabnav_vertikal li {
	display: block;
	font-size: 18px;
}

.tabnav_vertikal {
	color: var(--white-color);
	margin: 0px;
	display: block;
	z-index: 1;
	padding-left: 0px;
}

#tabnav_vertikal h5 {
	color: rgba(255, 255, 255, 0.4);
	font-weight: 300;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	font-size: 1rem;
}

.tabnav_vertikal li {
	padding: 0px;
	margin-left: 0px;
	margin-top: 1px;
	display: block;
	list-style-type: none;
}

.tabnav_vertikal li span.disabled {
	text-decoration: none;
	color: var(--white-color);
	opacity: 0.4;
	text-decoration: line-through;
}

.tabnav_vertikal a,
.tabnav_vertikal a.active,
#tabnav_vertikal ul li.aktivflik a {
	color: rgba(255, 255, 255, 0.7);
	margin: 0px;
	width: 100%;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
	max-width: 100%;
	border-radius: 8px;
}

.tabnav_vertikal a.active {
	color: var(--white-full-alpha);
}

.tabnav_vertikal a:visited {
	color: #fff;
}

.tabnav_vertikal a:hover {
	text-decoration: none;
	color: #fff;
}

.tabnav_vertikal a.active,
.tabnav_vertikal a.active:visited,
.tabnav_vertikal a.active:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.tabnav_vertikal a:hover,
.tabnav_vertikal a:hover:visited {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

.tabnav_vertikal.left_padding_list a {
	padding-left: 15px;
}

.tabnav_vertikal_content {
	padding: 0px;
	border-top: none;
	border-bottom: none;
	border-left: none;
	z-index: 2;
}