/* Minification failed. Returning unminified contents.
(129,14): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(141,14): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color'
(152,25): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-background-color'
(211,25): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color'
(212,14): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(218,14): run-time error CSS1039: Token not allowed after unary operator: '-main-content-text-color'
(229,14): run-time error CSS1039: Token not allowed after unary operator: '-main-content-text-color'
(238,25): run-time error CSS1039: Token not allowed after unary operator: '-footer-background-color'
(239,14): run-time error CSS1039: Token not allowed after unary operator: '-footer-text-color'
(286,25): run-time error CSS1039: Token not allowed after unary operator: '-cookie-background-color'
(287,14): run-time error CSS1039: Token not allowed after unary operator: '-cookie-text-color'
(293,15): run-time error CSS1039: Token not allowed after unary operator: '-cookie-link-color'
(801,14): run-time error CSS1039: Token not allowed after unary operator: '-headings-color'
(808,14): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(1015,25): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(1021,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1031,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1073,26): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1078,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1119,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1136,21): run-time error CSS1030: Expected identifier, found '>'
(1136,24): run-time error CSS1031: Expected selector, found ')'
(1136,24): run-time error CSS1025: Expected comma or open brace, found ')'
(1144,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background'
(1145,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background'
(1146,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-text-color'
(1150,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background-hover'
(1151,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background-hover'
(1155,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-background'
(1156,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-background'
(1157,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-text-color'
(1161,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-background-hover'
(1162,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-background-hover'
(1166,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background'
(1167,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background'
(1168,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-text-color'
(1172,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-hover'
(1173,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-hover'
(1177,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-background'
(1178,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-text-color'
(1179,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-background'
(1183,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-background-hover'
(1184,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-background-hover'
(1188,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background'
(1189,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-text-color'
(1190,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background'
(1194,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background-hover'
(1195,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background-hover'
(1199,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background'
(1200,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background'
(1204,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background-hover'
(1205,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background-hover'
(1209,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-success-background'
(1210,28): run-time error CSS1039: Token not allowed after unary operator: '-alert-success-border-color'
(1211,17): run-time error CSS1039: Token not allowed after unary operator: '-alert-success-text-color'
(1215,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger-background'
(1216,28): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger-border-color'
(1217,17): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger-text-color'
(1236,22): run-time error CSS1039: Token not allowed after unary operator: '-navbar-background-color'
(1337,26): run-time error CSS1039: Token not allowed after unary operator: '-navbar-background-menu-color'
(1353,47): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-border-color'
(1354,29): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-color'
(1355,34): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-background-color'
(1359,51): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-hover-border-color'
(1363,33): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-color'
(1371,25): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-color'
(1375,25): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-hover-color'
(1376,36): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-hover-background-color'
(1381,25): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-hover-color'
(1382,36): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-hover-background-color'
(1396,32): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-background-color'
(1403,32): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-left-pane-background-color'
(1415,25): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-link-color'
(1421,21): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-left-pane-link-hover-color'
(1422,32): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-left-pane-link-hover-background-color'
(1446,29): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-right-menu-link-color'
(1469,25): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-right-menu-link-color'
(1532,17): run-time error CSS1039: Token not allowed after unary operator: '-top-right-menu-link-color'
(1536,15): run-time error CSS1039: Token not allowed after unary operator: '-top-right-menu-icon-color'
(1540,21): run-time error CSS1039: Token not allowed after unary operator: '-top-right-menu-icon-color'
(1558,36): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-cart-indicator-background-color'
(1559,25): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-cart-indicator-color'
(1563,36): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-list-indicator-background-color'
(1564,25): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-list-indicator-color'
(1564,63): run-time error CSS1038: Expected hex color, found '#fffffff'
(1573,25): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-cart-indicator-background-color'
(1574,14): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-cart-indicator-color'
(1602,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1627,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1636,17): run-time error CSS1039: Token not allowed after unary operator: '-headings-color'
(1648,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1684,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1830,32): run-time error CSS1039: Token not allowed after unary operator: '-site-menu-background-color'
(1831,32): run-time error CSS1039: Token not allowed after unary operator: '-site-menu-border-color'
(1862,16): run-time error CSS1039: Token not allowed after unary operator: '-site-menu-link-color'
(2378,14): run-time error CSS1039: Token not allowed after unary operator: '-part-number-color'
(2434,14): run-time error CSS1039: Token not allowed after unary operator: '-part-text-color'
(2456,14): run-time error CSS1039: Token not allowed after unary operator: '-part-text-color'
(2524,15): run-time error CSS1039: Token not allowed after unary operator: '-part-price-color'
(2569,14): run-time error CSS1039: Token not allowed after unary operator: '-part-description-color'
: run-time error CSS1036: Expected expression, found ''
 */
.text-underline {
    text-decoration: underline !important;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: inherit;
    background: inherit;
}

.menu-dropdown {
    background: #eee;
    margin-top: 10px;
    padding: 0 10px;
    width: 100%;
    line-height: 40px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.menu-dropdown:hover {
    text-decoration: none;
}

@media print {
    .alert {
        display: none;
    }
}

.nav-pills > li + li {
    margin-left: 0;
}
/* Kendo color-picker fix */
.k-colorpicker .k-picker-wrap {
	font-size: 0.85em;
}
.k-colorpicker .k-selected-color {
	height: 2.39em;
	width: 2.39em;
}

.selectionGroup .k-multiselect-wrap .k-select{
    top:.2em;
    right:.2em;
}
/* /Kendo color-picker fix */
.tooltip-inner {
    background: #fff;
    color: #1c1c1c;
    border: 1px solid #efefef;
}

.tooltip.show {
    opacity: 0.9;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #fff;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #fff;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #fff;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #fff;
}

.btn .bi {
    position: relative;
    bottom: 2px;
}

.btn.btn-sm .bi {
    position: relative;
    bottom: 2px;
}

.breadcrumb-pipe-content .breadcrumb-item + .breadcrumb-item::before {
    content: '|' !important;
}

@media all and (max-width:992px)
{
    .pagination li {
        margin-top: 3px;
    }
}

.card {
    border: 1px solid #f0f0f0;
}

.accordion > .card > .card-header {
    background-color: #fafafa;
    border-bottom: 1px solid #f0f0f0;
}
#notifications {
	cursor: pointer;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	margin: 22px 10px 0;
}

@media all and (max-width:767px) {
	#notifications {
		bottom: 60px;
	}
}

html {
	position: relative;
	min-height: 100%;
}

img {
	max-width: 100%;
}

a {
	color: var(--link-color, #007bff);
}

	a:active {
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}

a.breadcrumb-link {
	color: var(--breadcrumb-color, #000000);
}

.breadcrumb-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: var(--breadcrumb-background-color, #e9ecef);
	border-radius: 0.25rem;
}

.balance-icon {
	overflow: hidden;
	display: block;
	height: 24px;
	line-height: 30px;
	font-size: 1em;
}


.warehouse-balance {
	background-color: white;
}

.balance {
	align-self: flex-end;
}

.balance-text-highlight {
	cursor: help;
	text-decoration: underline;
	text-decoration-style: dashed;
}

.password-criteria-tooltip {
	padding: 0 10px;
	max-width: 400px;
	position: absolute;
}

.staggered-price-tooltip {
	padding: 10px;
	max-width: 500px;
	position: absolute;
	z-index: 15000;
}

	.staggered-price-tooltip table {
		margin: 0;
	}

.display-block {
	display: block;
}

.form-required:after {
	content: '*';
}

.form-required-one:after {
	content: '**';
}

/* För att ändra höjd på footer, sätt margin-bottom på body och height på .footer till önskat värde. */

body {
	background-color: var(--body-background-color, #ffffff);
	color: var(--body-text-color, #212529);
	overscroll-behavior: none !important;
}

#main-container {
	background-color: #ffffff;
	color: var(--main-content-text-color, #212529);
}

@media (min-width:992) {
	#main-container {
		min-height: 800px;
	}
}

#main-container table th,
#main-container table td {
	color: var(--main-content-text-color, #212529);
}

body > .container, body > .container-fluid {
	padding-bottom: 20px;
}

body > .footer {
	width: 100%;
	background-color: var(--footer-background-color, #f5f5f5);
	color: var(--footer-text-color, #212529);
	overflow: auto;
}


@media all and (max-width: 767px) {
	body > .footer {
		bottom: 60px;
	}
}

@media print {
	.col-print-12 {
		width: 100%
	}

	.no-print {
		display: none;
	}
}

.no-selection {
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
}

/* Cursor */

.cursor-pointer {
	cursor: pointer;
}

/* Cursor Helper */
.cursor-help {
	cursor: help;
}

/* Cookie Notification */

#cookie-notification {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 500;
	background-color: var(--cookie-background-color, #474747);
	color: var(--cookie-text-color, #eeeeee);
	font-size: 0.8em;
	padding: 10px;
}

	#cookie-notification a {
		color: var(--cookie-link-color, #eeeeee);
		text-decoration: underline;
	}

/* Validation */

.field-validation-error {
	color: #c23838;
}

/* Loader Overlay */

.js-loader-overlay {
	opacity: 0.5;
	display: inline;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 1060;
	background-color: #fff;
	text-align: center;
}

	.js-loader-overlay .vertical-helper {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

	.js-loader-overlay img {
		vertical-align: middle;
	}

.js-loader-element {
	z-index: 100;
	opacity: 0.5;
}

	.js-loader-element img {
		margin-left: auto;
		display: block;
		margin-right: auto;
	}
/* Text */
.text-bold {
	font-weight: bold;
}

.text-italic {
	font-style: italic;
}


@media (min-width: 768px) {
	.border-right-sm-1 {
		border-right: 1px solid #ccc;
	}
}

/*
    When using th over th
    Example of usage is in admin/price-list
*/
.th-clarification {
	font-weight: normal;
	font-size: 1.4em;
	font-family: Arial;
}

/*
    Used for emphaizing something in a different bg-color. Example in tables
*/
.beige-em {
	background-color: #f9f9f9;
	font-style: italic;
	font-weight: bold;
}

.break-word {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.box-group {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px 20px;
	background: #fafafa;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #f0f0f0;
}

/* Part Widget */
.js-part-widget {
	margin: 0 -2px 0 -2px;
}

/* Quick Order */

.quickorder-table {
	width: 100%;
}

	.quickorder-table input {
		width: 80px;
	}

/* Shopping List */

@media only screen and (max-width : 667px) {
	.quantity-shopping-list {
		min-width:150px;
	}
	.price-shopping-list {
		min-width:135px;
	}
	.shopping-list-image-container {
		min-width: 50px;
		padding: 0px !important;
	}
}

.shopping-list-image {
	position: relative;
	float: left;
	width: auto !important;
}

.shopping-list-image > img {
	max-height: 6em;
}


/* Admin Permissions*/
.permission-table > tbody > tr > td:nth-child(2),
.permission-table > thead > tr > th:nth-child(2) {
	text-align: center;
}


/* Special för inköpslistans dropdown, notera 768px annars fel vid 767px */
@media (max-width:768px) {
	.bottom-10-xs {
		margin-bottom: 5px;
	}
}


/* Top Link */
#top-link {
	position: fixed;
	right: 10px;
	bottom: 30px;
}

	#top-link a {
		transition: opacity linear 0.3s;
		color: #fff;
		background: #222;
		border-color: #111;
		opacity: 0.8;
	}

		#top-link a:hover {
			opacity: 1;
		}

	#top-link > a > span:after {
		display: none;
	}

/* Cookie Notification Invasive */

.cookie-notification-invasive {
	position: fixed;
	width: 350px;
	height: 300px;
	left: calc(50% - 175px);
	top: calc(50% - 150px);
	background-color: white;
	z-index: 9999;
	border-radius: 5px;
	box-shadow: 1px 1px 5px black;
}

.cookie-notification-title {
	padding: 5px;
	background-color: rgb(192,192,208);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	position: absolute;
	width: 100%;
	height: 32px;
	z-index: 1;
	top: 0px;
	border-radius: 5px 5px 0 0;
	line-height: 24px;
}

.cookie-notification-info table {
	top:16px;
}

.cookie-notification-info table tbody td {
	min-width: 200px;
}


.cookie-notification-body {
	margin-top:32px;
	padding: 20px;
	height:200px;
}

.cookie-notification-settings {
	background-color:white;
	width:100%;
	height:200px;
	left:0px;
	top:32px;
	position:absolute;
	z-index:9999;
	padding: 10px;
}

.cookie-notification-info {
	background-color: white;
	border-radius: 5px 5px 0 0;
	box-shadow: 1px 1px 5px black;
	width: 75%;
	height: 75%;
	top: calc(50% - 37.5%);
	left: calc(50% - 37.5%);
	position: fixed;
	z-index: 9998;
	padding: 10px;
	display: flex;
	justify-content: center;
	overflow: scroll;

}

.cookie-notification-info-back {
	z-index:9999;
	position: absolute;
	right: 15px;
	width: 32px;
	height: 32px;
	line-height: 28px;
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
	cursor: pointer;
	border-radius: 5px;
	top: 40px;
}

.cookie-notification-settings div {
	width:100%;
}

.cookie-notification-settings-btn {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
	cursor: pointer;
	height: 0px;
}

.cookie-notification-info-btn {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
	cursor: pointer;
}

.cookie-notification-buttons {
	line-height:40px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.cookie-notification-buttons > div a{
	font-size: .9em;
	margin-left: 10px;
}

.cookie-notification-buttons > div {
	display:flex;
	justify-content:space-between;
}

.cookie-notification-accept {
	text-align:center;
	margin-right: 10px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-o-user-select: none;
	border-radius: 5px;
	margin-bottom: 10px;
	width: 80px;
	height: 40px;
	background-color: green;
	color: white;
	cursor: pointer;
	box-shadow: 1px 1px 3px black;
}

.cookie-notification-input-blocker {
	background-color: rgba(100,100,100,.5);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9998;
}

.padding-bottom-50 {
	padding-bottom: 50px;
}

.red {
	color: red;
}

.green {
	color: green;
}


.recaptcha-right > div {
	margin: 0 0 15px auto;
}

.stop-text-overflow {
	max-width: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*Angular Permissiongroup "Component"*/
.angularDisad {
	opacity: 0.5;
}

	.angularDisad:hover {
		cursor: not-allowed;
	}

/*Angular mon-button Component*/
mon-button {
	margin: 5px;
	
}

@media (max-width:767px) {
	.mon-button {
		width: 100%;
	}

	.mon-button-group {
		padding-top: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}
}

.languageList li:hover {
	background-color: lightgray;
}


.mon-cart-item {
	border-bottom: 1px solid #dee2e6
}

.mon-cart-item-price {
	font-size: 1.2rem;
}

.mon-cart-item-campaign-image0 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mon-cart-item-campaign-image1 {
	top: 0;
	left: 0;
}

.mon-cart-item-campaign-image2 {
	top: 0;
	right: 0;
}

.mon-cart-item-campaign-image3 {
	bottom: 0;
	left: 0;
}

.mon-cart-item-campaign-image4 {
	bottom: 0;
	right: 0;
}

.mon-cart-item-text {
	font-size: inherit;
}

/*TopList widget*/

.topListWrapper {
	border: 1px solid rgba(240, 240, 240, 0.8);
}

.topListRow {
	max-width: 100%;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}

	.topListRow:last-child {
		border-bottom: none;
	}

.topListRowContent {
	padding-left: 1em;
	max-width: 90%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media only screen and (min-width: 990px) {
	.topListRowContent {
		max-width: 50%;
	}
}

.topListBuyBtn {
	margin-left: 1em;
}

.topListRank .topListPriceAndBtn {
	display: block;
}

.grey-background {
	background: #efefef;
}

@media (min-width:992px) {
	.register-account-container input[placeholder]::placeholder,
	.register-account-container input[placeholder]::-moz-placeholder {
		opacity: 0;
	}
}

/*monPriceSummary*/

.mon-price-summary {
	background-color: rgba(230, 230, 230, 0.8);
	margin-bottom: 1em;
}

	.mon-price-summary > tbody > tr > td {
		padding: 1em;
	}


/* Search tags */
.tag-info {
	background-color: cornflowerblue;
	display: inline-block;
	border-radius: 10px;
	padding: 2px 10px;
	text-align: center;
	min-width: 40px;
}
.tags {
	width: 250px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

/* Nya ikoner */

table td label {
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
	word-break: break-word;
	color: var(--headings-color, #212529);
}

/* My orders/quotes filter */
.filter-dropdown {
	background-color: #eee;
	text-decoration: none !important;
	color: var(--link-color, #007bff) !important;
	padding: 0 10px;
	line-height: 40px;
	border-radius: 5px;
}

#cover {
	z-index: 1000;
	left: 0;
	width: 100%;
}

/* Varning */

.not-linked-warning {
	display: flex;
	min-width: 325px;
	padding: 20px;
	background-color: lightgoldenrodyellow;
}
.not-linked-warning-icon-container {
	width: 50px;
	display: inline-block;
	align-self: center;
}
.not-linked-warning-text-container {
	width: calc(100% - 60px);
	display: inline-block;
}

.mon-input-invalid {
	border-color: #dc3545;
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.mon-input-invalid-text {
	display: block;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 80%;
	color: #dc3545;
}

.loading-overlay {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	opacity: 0.5;
}
	.loading-overlay > .spinner-border {
		position: absolute;
		z-index: 1000;
		height: 4rem;
		width: 4rem;
		top: 50%;
		left: 50%;
		opacity: 1;
	}

.original-price {
	color: #777;
	font-size: 0.8em;
	text-decoration: line-through;
}

.shopping-cart-clickable {
	cursor:pointer;
}

.shipping-alternative {
	border-radius: 3px;
	display: block;
	padding: 10px 15px;
	margin-bottom: 15px;
}

	.shipping-alternative.shipping-selected {
		background: rgba(170, 221, 170, 0.25);
		border: 1px solid rgba(170, 221, 170, 0.25);
	}

	.shipping-alternative.shipping-not-selected {
		background: #fafafa;
		border: 1px solid #f0f0f0;
	}

.align-vertical-top {
	vertical-align: top;
}

.display-grid {
	display: grid;
}

.thin-border {
	border-style: solid;
	border-width: thin;
	border-color: black;
	border-radius: 5px;
}

.modal-footer--sticky {
	position: sticky;
	position: -webkit-sticky;
	bottom: 0;
	background-color: inherit;
	z-index: 1055;
}



.break-word {
	word-break: break-word;
}

.payment-card:hover .card-img-top {
	background-color: aliceblue;
}

.payment-card img, .payment-card svg {
	transform: scale(0.85);
}
.payment-card:hover:first-child svg, .payment-card:hover:first-child img {
	transform: scale(1);
	transition:.5s;
}

.payment-card {
	background-color: #fafafa;
}

.payment-card:hover {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
	overflow:hidden;
}

.mon-tooltip-info {
	display: none;
	position: absolute;
	right: 1rem;
	top: 2rem;
	background-color: white;
	z-index: 9;
	min-width: max-content;
}
.mon-tooltip:hover .mon-tooltip-info {
	display: block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}

.mon-tooltip-balance-info {
	display: none;
	position: absolute;
	left: 1rem;
	top: 2rem;
	background-color: white;
	z-index: 9;
	min-width: max-content;
}
.mon-tooltip-balance:hover .mon-tooltip-balance-info {
	display: block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}

.mon-cart-item .part-text-expander::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #343a40;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.mon-cart-item .part-text-expander:focus{
	box-shadow:none;
}

.shopping-cart-config-display-text::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #343a40;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.shopping-cart-config-group-display-text {
	background-color: var(--dark);
}

.shopping-cart-config-display-text {
	overflow: hidden;
	max-height: calc(5rem - 3px);
	background-color: var(--light);
	padding: .5rem 1rem .5rem 1rem !important;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.mon-cart-item .part-text-expander {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0;
	background-color: var(--light);
	border-left: 0;
	border-right:0;
}

.payment-card .card-body {
	padding: 1rem;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
}

.payment-card .card-body .card-title {
	/*max-width: 15rem;*/
	font-size: 1.4rem;
}
	.payment-card > .card-img-top {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		background: #fafafa;
	}
	.payment-card:hover {
		cursor: pointer;
	}

.mon-dropdown-menu-buttons {
	border:none !important;
}

.dashed-divider{
	border-style:dashed;
}

.order-summary-table {
	border: 1px solid #dee2e6;

}

	.order-summary-table td, .order-summary-table th {
		
	}

	.order-summary-table tbody:nth-child(even) {
		background-color: var(--light);
	}

.mon-price-summary {
	border-radius: .25rem;
	background-color: var(--light);
	border-collapse: separate;
	border: 1px solid #ddd;
}
.mon-price-summary tbody tr:not(.total-amount-row) td {
	border: none;
}

.mon-price-summary tbody .total-amount-row td {
	border-top: 1px dashed #ddd;
}

	.mon-price-summary:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		border-width: 0 16px 16px 0;
		border-style: solid;
		border-color: #fff #fff #ddd #ddd;
		background: #ddd;
		-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
		box-shadow: 0 1px 0 rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
		display: block;
		width: 0;
	}

	.mon-price-summary.rounded {
		-moz-border-radius: 5px 0 5px 5px;
		border-radius: 5px 0 5px 5px;
	}

		.mon-price-summary.rounded:before {
			border-width: 8px;
			border-color: #fff #fff transparent transparent;
			-moz-border-radius: 0 0 0 5px;
			border-radius: 0 0 0 5px;
		}

.address-table-wrapper {
	background-color: var(--light);
	border-right:5px solid white;
	border-radius:.25rem;
}

.address-table > tbody > tr > td{
	padding-top:.5em;
}

.address-table tr {
	border-bottom: 1px dashed #ddd;
}

.child-row-cell {
	font-size:smaller;
}

.child-row-cell:has(> *){
	padding:0 !important;
}
	.child-row-cell > table > tbody > tr td {
		border: none;
		border-bottom: 1px dashed #ddd;
	}
.btn-primary {
    background: var(--btn-primary-background, #007bff);
    border: 1px solid var(--btn-primary-background, #007bff);
    color: var(--btn-primary-text-color, #ffffff);
}

    .btn-primary:hover {
        background: var(--btn-primary-background-hover, #0069D9);
        border: 1px solid var(--btn-primary-background-hover, #0069D9);
    }

.btn-success {
    background: var(--btn-success-background, #28a745);
    border: 1px solid var(--btn-success-background, #28a745);
    color: var(--btn-success-text-color, #ffffff);
}

    .btn-success:hover {
        background: var(--btn-success-background-hover, #218838);
        border: 1px solid var(--btn-success-background-hover, #218838);
    }

.btn-secondary {
    background: var(--btn-secondary-background, #6c757d);
    border: 1px solid var(--btn-secondary-background, #6c757d);
    color: var(--btn-secondary-text-color, #ffffff);
}

    .btn-secondary:hover {
        background: var(--btn-secondary-background-hover, #5A6268);
        border: 1px solid var(--btn-secondary-background-hover, #5A6268);
    }

.btn-danger {
    background: var(--btn-danger-background, #dc3545);
    color: var(--btn-danger-text-color, #ffffff);
    border: 1px solid var(--btn-danger-background, #dc3545);
}

    .btn-danger:hover {
        background: var(--btn-danger-background-hover, #C82333);
        border: 1px solid var(--btn-danger-background-hover, #C82333);
    }

.btn-info {
    background: var(--btn-info-background, #17a2b8);
    color: var(--btn-info-text-color, #ffffff);
    border: 1px solid var(--btn-info-background, #17a2b8);
}

    .btn-info:hover {
        background: var(--btn-info-background-hover, #138496);
        border: 1px solid var(--btn-info-background-hover, #117a8b);
    }

.btn-outline-info {
    color: var(--btn-info-background, #17a2b8);
    border: 1px solid var(--btn-info-background, #17a2b8);
}

    .btn-outline-info:hover {
        background: var(--btn-info-background-hover, #138496);
        border: 1px solid var(--btn-info-background-hover, #117a8b);
    }

.alert-success {
    background: var(--alert-success-background, #d4edda);
    border: 1px solid var(--alert-success-border-color, #c3e6cb);
    color: var(--alert-success-text-color, #155724);
}

.alert-danger {
    background: var(--alert-danger-background, #f8d7da);
    border: 1px solid var(--alert-danger-border-color, #f5c6cb);
    color: var(--alert-danger-text-color, #721c24);
}

/* Extra small devices */

#site-logo {
    height: 70px;
    object-fit:contain;
}

@media (max-width: 767px) {
    #site-logo {
        display: block;
        margin: auto;
    }
}

.navbar {
    margin-bottom: 0;
    background: var(--navbar-background-color, #ffffff);
}

    .navbar.navbar-under {
        display: none;
    }

.dropdown-menu form .form-group {
    padding: 0 10px;
    margin: 5px 0;
}

.dropdown-menu form {
    padding: 5px;
}

.nav-mobile-search {
    margin-top: 5px;
}

    .nav-mobile-search input[type=text] {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .nav-mobile-search button[type=button] {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.searchContainer > ul {
    z-index: 1001;
    background: white;
    list-style-type: none;
    position: absolute;
    padding: 0;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 5px;
    font-size: 0.9rem;
    width: 100%;
}

    .searchContainer> ul > li {
        cursor: pointer;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .searchContainer > ul > li:nth-child(odd) {
        background: #fbfbfb;
    }

    .searchContainer > ul > li p.partno,
    .searchContainer > ul > li p.additional-info {
        margin-bottom: 0px;
    }

    #searchContainer{
        display:none;
    }

@media (max-width: 767px) {
    .navbar-header {
        width: 100%;
    }

        .navbar-header button.navbar-toggler {
            float: right;
        }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .navbar.navbar-under {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav-container {
        position: relative;
        padding: 0;
    }

    #site-logo {
        height: 90px;
    }

    #cover {
        background-color: rgba(0,0,0,0.6);
    }

    .navbar.navbar-inverse {
        height: 110px;
        margin-bottom: 0;
    }

    /* Begin "under"-navbar */

    .navbar.navbar-under {
        background: var(--navbar-background-menu-color, #efefef);
        min-height: 40px;
        display: block;
    }

        .navbar.navbar-under ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            .navbar.navbar-under ul li {
                float: left;
            }

            .navbar.navbar-under ul > li.active > a {
                border-bottom: 6px solid var(--navbar-active-link-border-color, #cccccc);
                color: var(--navbar-active-link-color, #1c1c1c);
                background: var(--navbar-active-link-background-color, #efefef);
            }

                .navbar.navbar-under ul > li.active > a:hover {
                    border-bottom: 6px solid var(--navbar-active-link-hover-border-color, #cccccc);
                }

                .navbar.navbar-under div.nav-container > ul > li > a {
                    color: var(--navbar-link-color, #555555);
                    line-height: 55px;
                    padding: 0 10px;
                    height: 55px;
                    display: block;
                }

        .navbar.navbar-under div.nav-container > ul > li.active > a {
            color: var(--navbar-active-link-color, #1c1c1c);
        }

        .navbar.navbar-under div.nav-container > ul > li > a:hover {
            color: var(--navbar-link-hover-color, #555555);
            background-color: var(--navbar-link-hover-background-color, #dddddd);
        }

        .navbar.navbar-under ul li a:hover {
            text-decoration: none;
            color: var(--navbar-link-hover-color, #555555);
            background-color: var(--navbar-link-hover-background-color, #dddddd);
        }

        .navbar.navbar-under ul li.active > a:hover::after {
            opacity: 0.2;
        }

        .navbar.navbar-under ul li.active > a {
            font-weight: bold;
        }


    .new-navigation {
        position: absolute;
        background-color: var(--dropdown-background-color, #ffffff);
        width: 100%;
        z-index: 10001;
        left: 0;
    }

    div.new-navigation > div:first-child {
        background-color: var(--dropdown-left-pane-background-color, #eaeaea);
    }

    .new-navigation .new-navigation-item h5 {
        margin: 0;
        font-size: 1em;
    }

        .new-navigation .new-navigation-item h5 a {
            display: inline-block;
            line-height: 40px;
            padding: 0 20px;
            color: var(--dropdown-link-color, #555555);
            word-break: break-word;
            font-weight: bold;
        }

    .navbar.navbar-under .new-navigation .new-navigation-item h5:hover > a{
        color: var(--dropdown-left-pane-link-hover-color, #555555);
        background-color: var(--dropdown-left-pane-link-hover-background-color, #dddddd);
    }

    .new-navigation .new-navigation-item h5 a.toggle-dropdown {
        display: inline-block;
        float: right;
    }

    .new-navigation-item-child div ul > li ul {
        font-size: 90%;
    }

    .new-navigation-item-child {
        overflow: auto;
        padding: 10px;
    }

        .new-navigation-item-child div h6 {
            margin: 0;
        }

            .new-navigation-item-child div h6 a {
                display: block;
                padding: 0 10px;
                color: var(--dropdown-right-menu-link-color, #666666);
                word-break: break-word;
                font-size: 1.20em;
                font-weight: bold;
                width: fit-content;
            }

    .new-navigation .new-navigation-item-child div h6 a:hover {
        background: inherit;
        text-decoration: underline;
    }

    .new-navigation-item-child div ul > li ul {
        font-size: 92%;
        padding-left: 10px !important;
    }

    .new-navigation-item-child div ul > li {
        display: block;
        float: none !important;
    }

        .new-navigation-item-child div ul > li > a {
            color: var(--dropdown-right-menu-link-color, #666666);
            display: block;
            padding-left: 10px;
            font-size: 0.95em;
            word-break: break-word;
        }

    .new-navigation .new-navigation-item-child div ul > li > a:hover {
        background: inherit;
        text-decoration: underline;
    }

    @media all and (max-width: 992px){
        .new-navigation-left-pane {
            max-width:50%;
        }
    }

    .new-navigation-right-pane {
        width: min-content;
        box-shadow: inset 0 0 5px #555555;
        max-height: none !important;
    }

    #searchContainer {
        max-width: 400px;
        width:100%;
    }

    #sellerDropdown {
        max-width: 400px;
        width: 100%;
        margin-top: .25em;
    }
      
    #searchContainerMobile{
        display: none !important;
    }

    .nav.navbar-nav.navbar-right {
        font-size: 0.9em;
    }

        .nav.navbar-nav.navbar-right > li {
            padding: 0 13px;
        }

        .nav.navbar-nav.navbar-right > div:first-child{
            padding-left: 0 !important;
        }

        .nav.navbar-nav.navbar-right > div:last-child {
            padding-right: 0 !important;
        }
}

.nav-container .navbar-right.nav.nav.navbar-nav div svg {
    position: relative;
    left: 1px;
    bottom: 1px;
}

.nav-container .navbar-right.nav.navbar-nav div > a, .shopping-cart-label {
    color: var(--top-right-menu-link-color, #555555);
}

	.nav-container .navbar-right.nav.navbar-nav .shopping-cart > div > svg {
		color: var(--top-right-menu-icon-color, #2d9cdb);
	}

    .nav-container .navbar-right.nav.navbar-nav div > a > svg {
        color: var(--top-right-menu-icon-color, #2d9cdb);
    }

    .nav-container .navbar-right.nav.navbar-nav div > a.dropdown-item {
        color: #1c1c1c;
    }

    .nav-container .navbar-right.nav.navbar-nav div > a.active {
        color: #fff;
    }


    .nav-container .navbar-right.nav.navbar-nav div > a span.badge {
        position: absolute;
        text-shadow: 1px 1px 1px #888;
    }

        .nav-container .navbar-right.nav.navbar-nav div > a span.badge.js-nav-basket-count {
            background-color: var(--badge-shopping-cart-indicator-background-color, #ffc107);
            color: var(--badge-shopping-cart-indicator-color, #ffffff);
        }

        .nav-container .navbar-right.nav.navbar-nav div > a span.badge.js-nav-list-count {
            background-color: var(--badge-shopping-list-indicator-background-color, #07abff);
            color: var(--badge-shopping-list-indicator-color, #fffffff);
        }

        .nav-container ul li .dropdown-toggle {
            pointer-events: none;
        }


.mon-badge {
	background-color: var(--badge-shopping-cart-indicator-background-color, #ffc107);
	color: var(--badge-shopping-cart-indicator-color, #ffffff);
}
.shopping-cart-topbar {
	cursor: pointer;
}
	.shopping-cart-topbar:hover {
		text-decoration: underline;
	}

/*ShoppingCart modal*/
.shopping-cart .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100vw;
    max-width:576px;
    height: 100%;
    right: 0;
}

mon-shopping-cart .modal.fade .modal-dialog {
    transform: translate(+100%,0);
}

mon-shopping-cart .modal.show .modal-dialog {
    transform: none;
}

.footer-buttons .dropdown-menu {
    background-color: var(--light);
    margin-left: calc(-1rem + 5px);
    margin-bottom: .25rem;
    border-radius: 0;
    border-color: #dee2e6;
}

.shopping-cart .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: .25rem 0 0 .25rem;
    border: none;
}
/* Hide scrollbar for Chrome, Safari and Opera */
    .shopping-cart .modal-content::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
.shopping-cart .modal-content {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.shopping-cart .modal-header {
    background-color: var(--light);
}

.shopping-cart .modal-header .close {
    padding: 0;
    margin: 0;
    height: 24px;
    width: 24px;
    border-radius: 1rem;
    color: var(--headings-color, #212529);
    opacity: .75 !important;
}

    .shopping-cart .modal-header .close:hover {
        opacity: 1 !important;
    }

.shopping-cart .footer-buttons {
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    padding: .25rem calc(1rem - 5px) .25rem calc(1rem - 5px);
    background-color: var(--light);
}

    .shopping-cart .footer-buttons .btn-group .checkout-button {
        margin-right:1px;
    }
    .shopping-cart .footer-buttons .btn-group .checkout-button button {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .shopping-cart .footer-buttons .btn-group .quote-button button {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.shopping-cart .currency-badge{
    font-size:smaller;
    vertical-align: text-bottom;
}

.shopping-cart .quantity-badge {
    right: 0.5rem;
    top: -0.5rem;
    font-size: initial;
}

.shopping-cart .total-price-row{
    font-size:large;
}

.shopping-cart .mon-cart-item-image {
    border-radius: .25rem;
}

.shopping-cart .bundle-wrapper {
    background-color: var(--light);
    padding: .5rem 1rem .5rem 1rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.shopping-cart .cart-item-counter {
    width: 32px;
    height: 32px;
    line-height: 28px;
    position: absolute;
    text-align: center;
    color: white;
    font-size: 14px;
    transform: translateX(.1rem);
}

.shopping-cart .bundle-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    width: 3px;
    height: 100%;
    background-color: #343a40;
}



/*
	Följande definitioner hör till hemsidans undermeny-navigering.
 */

.menu-column {
	position: relative;
}

	.menu-column ul {
		padding-left: 0;
	}

.menu-column {
	padding-left: 0;
	padding-right: 0;
}

	.menu-column .js-menu-xs {
		position: absolute;
		right: 25px;
		margin-top: -21px;
	}

.stop-menu-text-overflow {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* < Bootstrap Small Breakpoint */
@media(max-width: 767px) {
	#site-menu {
		min-height: 50px;
		float: left;
		position: relative;
		width: 100%;
		color: #fff;
		z-index: 23;
		height: 100%;
	}

		#site-menu ul {
			list-style-type: none;
			background: white;
		}

		#site-menu a {
			margin-left: 15px;
			color: #999;
			text-decoration: none;
			display: block;
			padding: 10px 0;
		}

		#site-menu ul div.menu-link-wrapper {
			border-top: 1px dotted #eee;
		}

		#site-menu > ul > li {
			box-shadow: 1px 1px 5px 0 rgba(240, 240, 240, 0.8);
		}

		#site-menu ul li li:nth-child(even) {
			background: rgba(250, 250, 250, 0.6);
		}

		#site-menu ul div.menu-link-wrapper {
			background: rgba(245, 245, 245, 1);
		}

		#site-menu > ul > li div > a {
			font-weight: bold;
			font-size: 1em;
		}

		#site-menu div.expander {
			height: 11px;
			width: 11px;
			position: absolute;
			cursor: pointer;
			margin-top: 10px;
			background-repeat: no-repeat;
			background-position: center;
			right: 15px;
		}

		#site-menu li > ul {
			padding-left: 10px;
			padding-top: 2px;
			padding-bottom: 2px;
			/*margin-top: 5px;*/
			margin-bottom: 0px;
		}

		#site-menu .menu-collapsed {
			height: 0;
			display: none;
		}

		#site-menu .menu-expanded {
			height: auto;
			display: block;
		}
}

/* > Bootstrap Small Breakpoint */
@media(min-width: 768px) {
    #site-menu {
        border-radius: 3px;
        min-width: 100%;
        position: relative;
        overflow-x: auto;
        margin-left: 0;
        padding: 5px;
        padding-right: 10px;
        background-color: var(--site-menu-background-color, #fafafa);
        border: 1px solid var(--site-menu-border-color, #dddddd);
        font-size: 0.9em;
    }

        #site-menu ul {
            white-space: nowrap;
            list-style-type: none;
        }

		#site-menu ul li {
			padding-left: 10px;
		}

		#site-menu ul {
			margin-bottom: 0;
		}

	#mon-site-menu-item ul li {
		padding-left: 0;
	}

		#site-menu .menu-link-wrapper {
			margin: 0;
			margin-left: 1.1rem;
		}

		#site-menu a.expander:hover {
			cursor: pointer;
		}

		#site-menu a {
			color: var(--site-menu-link-color, #888888);
			text-decoration: none;
			font-size: 1em;
			line-height: 24px;
		}

			#site-menu a:last-of-type {
				margin-bottom: 20px;
			}

		#site-menu span.expander ~ .menu-link-wrapper > a, #site-menu > ul > li > div.menu-link-wrapper > a {
			line-height: 25px;
			font-weight: 600;
		}

		#site-menu div.expander {
			position: absolute;
			cursor: pointer;
			background-repeat: no-repeat;
			background-position: center;
		}

			#site-menu div.expander > svg {
				width: 12px;
				height: 24px;
			}

		#site-menu .menu-collapsed {
			height: 0;
			display: none;
		}

		#site-menu .menu-expanded {
			height: auto;
			display: block;
		}

		#site-menu ul ul {
			margin-left: 1px;
		}
}

.trait-menu {
	color: #333;
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 3px;
	font-size: 1.1em;
}

@media (max-width:767px) {
	.trait-menu {
		margin-top: 5px;
	}

	#site-menu {
		color: #333;
	}
}

#mobile-menu {
	position: absolute;
	bottom: 60px;
	background: white;
	width: 100%;
	z-index: 100000;
	height: 0;
	overflow: auto;
	transition: height 0.5s;
	overscroll-behavior: contain;
}

	#mobile-menu .mobile-menu-top {
		background: #efefef;
		border-bottom: 2px solid #ddd;
		height: 35px;
	}

	#mobile-menu .active {
		font-weight: bold;
	}

	#mobile-menu ul {
		transition: height 0.5s;
		overflow: hidden;
	}

	#mobile-menu li {
		list-style-type: none;
	}

	#mobile-menu .mobile-menu-top svg {
		width: 32px;
		height: 32px;
	}

	#mobile-menu .mobile-menu-top a {
		color: #333;
		line-height: 32px;
	}


	#mobile-menu ul {
		padding: 0;
	}

	#mobile-menu > ul > li {
		border-bottom: 1px solid #efefef;
		background: white;
	}

		#mobile-menu > ul > li:nth-child(even) {
			/*background: #f9f9f9;*/
		}

	#mobile-menu ul ul {
		background: white;
		width: 100%;
		font-size: 0.97em;
		height: 0;
		transition: height 0.5s;
	}

		#mobile-menu ul ul.height-auto {
			height: auto;
		}

		#mobile-menu ul ul li {
			border-top: 1px solid #efefef;
			padding-left: 0.4rem;
		}

	#mobile-menu > ul > li span > svg {
		width: 30px;
		height: 26px;
	}

	.mon-site-menu-item {
		display: flex;
	}
	#mobile-menu ul li a,
	#mobile-menu ul li span {
		padding: 8px 15px;
		line-height: 30px;
		color: #333;
		display: inline-block;
		width: 75%;
		padding-right: 7px;
		color: #555;
	}

	#mobile-menu .mobile-menu-product-expander {
		font-weight: normal;
	}

	#mobile-menu ul li .mobile-menu-expander-link {
		text-align: right;
		float: right;
		width: 25%;
	}

.mobile-customer-selector {
	padding: 0 !important;
}

.mobile-menu-expander-link .caret-down {
	display: none;
}

.mobile-menu-expander-link .caret-right {
	display: inline;
}

.mobile-menu-expander-link.expanded .caret-down {
	display: inline;
}

.mobile-menu-expander-link.expanded .caret-right {
	display: none;
}

#order-filter-form.form-inline .form-control {
    width: 100%;
}

#order-filter-form.form-inline .form-group {
    margin-bottom: 5px;
}

#order-filter-form hr {
    margin: 10px 0;
}

@media(max-width: 991px) {
    #order-filter-form.form-inline input[type=submit] {
        width: 100%;
    }

    #order-filter-form.form-inline .form-group {
        margin-bottom: 15px;
    }

    #order-filter-form.form-inline .checkbox {
        margin-top: 10px;
        margin-bottom: 10px;
        float: none;
        display: block;
    }
}
.right-arrow::before {
    content: "\25B6";
    color: black;
    display: inline-block;
}

.left-arrow::before {
    content: "\25C0";
    color: black;
    display: inline-block;
}
tbody {
    overflow: auto;
}
td > a[href]:after {
	display:none;
}

.table.table-headless {
	margin-bottom: 0;
}

td.no-border {
	border-top: none !important;
}

	.table.table-headless > tbody > tr:first-child > td,
	.table.table-headless > tbody > tr:first-child > th,
	.table.table-discrete > tbody > tr:first-child > td,
	.table.table-discrete > tbody > tr:first-child > th {
		border-top: none;
	}

.table-responsive {
	border: none !important;
	overflow-x: auto;
}

.button-hover {
	visibility:hidden;
}

.button-hover:hover {
	visibility: visible;
}

tr:hover .button-hover {
	visibility: visible;
}

/* Condensed Product List (Topplistan) */

.product-list-condensed {
	border: 1px solid #eee;
	margin-top: 10px;
}

	.product-list-condensed table {
		margin: 15px 0;
	}

/* Product Details */

.product-details header {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

	.product-details header * {
		display: block;
	}

	.product-details header h4 {
		font-weight: bold;
		margin: 15px 0 10px;
	}

.product-details .balance {
	margin-top: 10px;
	padding-right: 0;
}

	.product-details .balance .col-xs-6 {
		padding: 0;
	}

	.product-details .balance img {
		display: block;
	}

	.product-details .balance p {
		font-size: 0.85rem;
		margin: 0;
	}

.product-details .pricing .price,
.product-details .pricing .original {
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	margin: 10px 0 0;
}

.pricing .original {
	text-decoration: line-through;
	font-size: 0.8em;
}

.product-details .pricing .original {
	color: #999;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 0;
}

.pricing-info {
	color: #999;
	font-size: 0.8em !important;
}

.product-details .staggered-pricing {
	margin: 15px 0 0;
}

.product-details .extra-descriptions,
.product-details .extra-info-texts {
	list-style-type: none;
	margin: 15px 0 0;
	padding: 0;
}

	.product-details .extra-descriptions,
	.product-details .extra-info-texts li {
		font-size: 0.9em;
		margin-top: 10px;
	}

.product-details .delivery-date {
	color: #666;
	font-size: 0.9em;
	margin: 5px 0;
}

.product-details .serialNumber {
    font-size: 0.9em;
}

.product-details .links h5 {
	font-weight: bold;
}

.product-details .links ul {
	margin: 0;
	padding: 0 0 0 20px;
}

.product-details .documents {
	list-style-type: none;
	margin: 15px 0 0;
	padding: 0;
}

	.product-details .documents li {
		-ms-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #ddd;
		background: #fafafa;
		margin-top: 5px;
		padding: 5px 26px 5px 5px;
		position: relative;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}

	.product-details .documents img {
		position: absolute;
		top: 5px;
		right: 5px;
	}

.product-details .purchase {
	margin-top: 10px;
}

@media all and (max-width: 768px) {
	/*.product-details .purchase {
        padding-left: 15px;
    }
    .purchase button.btn-primary {
        width: 100%;
    }*/
}

.product-details .quantity {
	-ms-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
	padding: 5px;
	margin-top: 10px;
}

	.product-details .quantity > * {
		padding: 0;
	}

		.product-details .quantity > *:last-child {
			padding-left: 5px;
			line-height: 30px;
		}

.js-quantity {
	padding-right: 0;
}

/* Product Info */

.product-info .additional-info {
	margin-top: 15px;
	overflow-wrap:break-word;
}

.product-info .related {
	margin-top: 10px;
}

/* Related parts */
.related-row {
	grid-gap: 10px;
}

	.related-row > .product-small {
		flex: 1 0 0%;
		margin-bottom: 0;
	}

/* Product */

.product-is-campaign {
	font-weight: bold;
	color: #e82525 !important;
}

.product-small .box {
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 10px #ddd;
	-ms-box-shadow: 0 2px 10px #ddd;
	box-shadow: 0 2px 10px #ddd;
	padding: 10px;
}

	.product-small .box:hover {
		-webkit-box-shadow: 0 2px 10px #bbb;
		-ms-box-shadow: 0 2px 10px #bbb;
		box-shadow: 0 2px 10px #bbb;
	}

.card-img-top {
    width: 100%;
    height: 10em;
    object-fit: contain;
}

.campaign-img-wrapper-0 {
	justify-content: center;
	align-items: center;
}

.campaign-img-wrapper-1 {
	justify-content: left;
	align-items: start;
}


.campaign-img-wrapper-2 {
	justify-content: right;
	align-items: start;
}

.campaign-img-wrapper-3 {
	justify-content: left;
	align-items: end;
}

.campaign-img-wrapper-4 {
	justify-content: right;
	align-items: end;
}

.card-img-overlay-original {
	position: absolute;
	object-fit: contain;
	width: 100%;
	height: 10em;
	padding: 1.25rem;
}

.card-img-overlay {
	position: absolute;
	object-fit: contain;
	padding: 0;
	top: unset;
	bottom: unset;
	left: unset;
	right: unset;
}

.article-number {
	color: var(--part-number-color,#333333);
}

.product-small .article-number,
.product-list .article-number {
	display: block;
	margin-top: 5px;
}

.product-small h5,
.product-small .article-number,
.product-list h5,
.product-list .article-number {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}

.product-small h5,
.product-list h5 {
	font-weight: bold;
	margin: 5px 0 0;
}

.product-small .thumbnail {
	position: relative;
	height: 150px;
	margin: 0;
	padding: 0;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: flex;
	align-items: center;
	border: 0;
}

	.product-small .thumbnail img {
		max-width: 100%;
		max-height: 100%;
		flex: 0 0 auto;
	}

.campaign {
	position: absolute;
	padding: 0 !important;

}

.product-small a {
	color: #333;
	width: 100%;
	display: block;
	text-decoration: none;
}

.synopsis {
	color: var(--part-text-color, #333333);
}

.product-small a:hover {
	text-decoration: none;
}

.product-small .synopsis,
.product-small .extra-descriptions,
.product-small .extra-info-texts {
	font-size: 0.85rem;
	/*height: 5.5em;*/
	margin: 5px 0 12px;
	overflow: hidden;
	position: relative;
}

.product-small .box a:active {
	text-decoration: none !important;
}

.extra-descriptions {
	color: var(--part-text-color, #333333);
}

.product-small .extra-descriptions,
.product-small .extra-info-texts li {
	position: relative;
	z-index: 0;
}

.product-small .balance {
	padding-right: 0;
	font-size: 0.85rem;
}

	.product-small .balance p {
		line-height: 30px;
		margin: 0;
		margin-top: 5px;
	}

.product-small .synopsis .bottom-fade,
.product-small .extra-descriptions .bottom-fade,
.product-small .extra-info-texts .bottom-fade {
	background: transparent url('../../Shared/Content/Images/white-bottom-fade.png') repeat-x;
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
}

.part-card-footer .pricing {
    background-color: #eee
}

.part-card-footer > .pricing,
.part-card-footer > .balance,
.part-card-footer > .balance-tracker,
.part-card-footer > .purchase {
    padding: .75rem 1.25rem;
}

	.product-small .pricing img {
		position: absolute;
		top: 5px;
		right: 5px;
	}

.product-list .synopsis p {
	max-height: 100px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.product-small .pricing span,
.product-list .pricing span {
	font-size: 1.1rem;
	display: block;
}

	.product-list .pricing span.original{
		font-size: 0.8rem;
	}

	.pricing .price {
		color: var(--part-price-color, #666666);
	}

@media all and (max-width: 992px) {
	.product-small .pricing span,
	.product-list .pricing span {
		font-size: 0.8rem;
		line-height: 15px;
	}
}
.part-card-text-area {
    overflow:hidden;
}

.no-max-height {
    max-height:none !Important;
}

.pricing .price,
.pricing p.original,
.pricing .show-vat {
    margin-bottom: 0px;
}

.product-small .pricing,
.product-list .pricing {
    color: #666;
}

	.product-small .pricing p.original,
	.product-list .pricing p.original {
		color: #999;
		font-size: 0.8em;
		text-decoration: line-through;
	}

		.product-small .pricing p.original.no-decoration {
			text-decoration: none;
		}

.product-small .purchase {
	margin-top: 5px;
}

.product-description {
	color: var(--part-description-color, #333333);
	white-space: pre-wrap;
}

.product-small .product-description {
	font-size: 1.2rem;
	line-height: 20px;
}

/* Product Table */
.product-table .pricing span {
	display: block;
}

.product-table .original-price {
	color: #777;
	font-size: 0.8em;
	text-decoration: line-through;
}

/* Product List */

.category-list-icon {
	font-size: 18px;
	margin-top: 15px;
}

.product-list {
	list-style-type: none;
}

	.product-list > li {
		border-bottom: 1px solid #eee;
		margin-top: 15px;
		padding-bottom: 15px;
		position: relative;
	}

	.product-list ul {
		padding-left: 20px;
	}

	.product-list a {
		/*min-height: 100px;*/
		color: #666;
		margin-right: 0;
	}

	.product-list .thumb img {
		max-width: 100%;
		flex: 0 0 auto;
	}

	.product-list .pricing {
		position: relative;
	}

/* Other */

.configuration-col-item {
	position: relative;
	font-size: 11px;
	cursor: pointer;
}

	.configuration-col-item img {
		position: absolute;
		top: 10px;
		right: 10px;
	}

.configuration-restricted {
	max-height: 500px;
	overflow: auto;
	padding-right: 0;
}

.product-item-extended {
	border-top: 0;
	padding: 0 15px 15px 15px;
	display: none;
	position: absolute;
	left: 0;
	z-index: 90;
	background: #fff;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	top: 115px;
	min-height: 90px;
}

.product-item-shadow {
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

.product-detail-description {
	margin-bottom: 20px;
}

	.product-detail-description > p {
		font-size: 0.9em;
	}

.product-selector-content {
	min-height: 350px;
}

.product-selector-description img {
	width: 100%;
}

.configuration-col-item h4, .configuration-col-item p {
	margin: 0;
}

.product-item-partno {
	color: #428bca;
	font-size: 0.9em;
}

/*.product-item-shadow .singleline-text {
    overflow: auto;
    white-space: normal;
    text-overflow: clip;
}*/

.product-item-shadow .product-item-desc-number {
	visibility: hidden;
}

.selection-group-radio {
	bottom: -10px;
	margin-left: 55px !important;
}

.search-image {
	width: 50px;
}

@media all and (max-width:768px) {
	.new-product {
		margin-top: 5px;
	}
}

.new-product button {
	min-height: 40px;
}

	.new-product button.btn-primary {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.new-product button.btn-default {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

.new-product div.col-xs-2 {
	padding-left: 0;
}

.new-product div.col-xs-10 {
	padding-right: 0;
}

.js-product-to-list{
	min-width: 38px;
	min-height: 38px;
}

.js-product-to-list:hover {
	background-color: #eee;
}

@media all and (max-width: 768px) {
	.new-product .js-product-to-list {
		width: 100%;
	}
}

.extra-descriptions {
	margin: 0;
	/*padding: 0 20px;*/
}

	.extra-descriptions li {
		font-size: 0.9em;
		line-height: 15px;
	}

.product-list-container {
	border-bottom: 1px solid #efefef;
}

	.product-list-container .d-flex div {
		margin: 0 1rem;
	}

		.product-list-container .d-flex div:last-child {
			margin: 0;
		}

	.product-list-container img {
		max-height: 100px;
	}



@media all and (max-width: 992px) {
	.product-list-container h5 {
		font-size: 0.9em;
	}

	.product-list h4 {
		font-size: 0.8rem;
		font-weight: bold;
	}

	.product-list .synopsis, .product-list .extra-descriptions {
		font-size: 0.7rem;
		line-height: 17px;
	}

	.product-list .pricing {
		font-weight: 0.8rem;
	}

	.category-title {
		font-size: 1.5em;
	}

	.category-list-icon {
		margin-top: 0;
		font-size: 2rem;
	}
}

.product-list-container h5 a {
	color: #333;
}

.product-list-container ul.extra-descriptions li a {
	color: #333;
}

.technical-info-header {
	width: 100%;
	background-color: transparent;
	border-width: 0px;
	border-color: Highlight;
}

	.technical-info-header[aria-expanded="false"] {
		border-bottom-width: 1px;
	}

	.technical-info-header:hover {
		background-color: rgba(1,1,1,0.1);
	}

	.technical-info-header:focus {
		outline: none
	}

	.technical-info-header[aria-expanded="true"] > .col-xs-1 > .glyphicon-menu-up {
		display: none;
	}

	.technical-info-header[aria-expanded="false"] > .col-xs-1 > .glyphicon-menu-down {
		display: none;
	}

.customer-part-linked {
	background-color: #f5f5f5;
	color: #999;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: bold;
}

.product-vat-text {
	color: initial;
}

.product-item-vat-text {
	font-size: .95em;
}

@media(max-width:992px) {
	.balance-tracker {
		font-size: 0.9rem;
	}
}

.product-bundle-list {
	list-style-type: none;
}

.gross {
	text-decoration: none !important;
}

.swiper-pagination{
	pointer-events: none;
}

.swiper-pagination > span{
	pointer-events: all;
}

.hoverZoomOverlay {
	border: 1px solid black;
	background-repeat: no-repeat;
	background-size: 250%;
	position: absolute;
	left: 0;
	right: 0;
	visibility: hidden;
	margin: auto;
}

.extra-descriptions {
	white-space: pre-wrap;
	word-break: break-word;
}

.card-text, .part-card-text-area {
	font-size: .85rem;
	margin:0;
}

.card-title {
	font-size: 1.2rem;
	line-height: 20px;
}

.card-footer{
	border:none;
}

.card-footer .pricing .price{
	font-size: 1.1rem;
}

.card-footer .pricing .show-vat {
	font-size: 0.95rem;
}

.part-text-expander:hover {
	background-color: #eee;
	border-radius: .25rem;
}

.product-card-deck {
	margin-left: 0;
	margin-right: 0;
}

.product-card-deck .card{
	margin-left: 0;
	margin-right: 0;
}

.js-product-grid {
	padding-left: calc(15px - 0.25rem);
	padding-right: calc(15px - 0.25rem);
}

.wishlistPlaceholder{
	padding-top: 0.75rem;
	height:38px;
}
.news header { margin-bottom: 10px; }

.news article {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.news h4 { margin: 0 0 3px 0; }

.news-condensed {
    border: 1px solid rgba(240, 240, 240, 0.8);
    border-radius: 2px;
}

    .news-condensed article {
        border-bottom: 1px solid #eee;
        padding-top: 15px;
    }

        .news-condensed article:last-child {
            border-bottom: none;
        }

    .news-condensed h4 {
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 0;
    }

#product-carousel {
    overflow: hidden;
	position: relative;
}

.carousel-control.left, .carousel-control.right {
    background: none !important;
    filter: progid:none !important;
}

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

.carousel .item > img {
    display: inline-block;
    width: 100%;
}

.carousel-inner .item {
    width: 100%;
}

.col-sm-10 #product-carousel {
    height: 296px;
}

.carousel-indicators li {
    -ms-opacity: 0.8;
    opacity: 0.8;
}

    .carousel-indicators li.active {
        -ms-opacity: 1;
        opacity: 1;
    }

/* slider */
#product-carousel div.carousel-inner {
    height: inherit;
}

#product-carousel div.carousel-inner  div.item{
    height: inherit;
}

#product-carousel div.carousel-inner  div.item  img.center-block{
    height: inherit;
}

.w-100 {
    width: 100%;
}

.w-75 {
    width:100%;
}

w-50 {
    width: 50%;
}

@media (max-width: 767px) {
    .w-100-sm {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .w-100-md {
        width: 100%;
    }
}

/*
    #
    # Visning (t.ex. block)
    #
*/

.open {
    display: block;
}

.hidden {
    display: none !important;
}

/* Trick för att inte scrolla body när man har t.ex. en position:absolute framför */
body.noscroll {
    overflow: hidden;
}