/* Minification failed. Returning unminified contents.
(160,14): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(172,15): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-color'
(183,25): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-background-color'
(241,25): run-time error CSS1039: Token not allowed after unary operator: '-body-background-color'
(242,14): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color'
(248,14): run-time error CSS1039: Token not allowed after unary operator: '-main-content-text-color'
(259,14): run-time error CSS1039: Token not allowed after unary operator: '-main-content-text-color'
(268,25): run-time error CSS1039: Token not allowed after unary operator: '-footer-background-color'
(269,14): run-time error CSS1039: Token not allowed after unary operator: '-footer-text-color'
(311,25): run-time error CSS1039: Token not allowed after unary operator: '-cookie-background-color'
(312,14): run-time error CSS1039: Token not allowed after unary operator: '-cookie-text-color'
(316,15): run-time error CSS1039: Token not allowed after unary operator: '-cookie-link-color'
(325,25): run-time error CSS1039: Token not allowed after unary operator: '-cookie-background-color'
(326,14): run-time error CSS1039: Token not allowed after unary operator: '-cookie-text-color'
(332,15): run-time error CSS1039: Token not allowed after unary operator: '-cookie-link-color'
(833,14): run-time error CSS1039: Token not allowed after unary operator: '-headings-color'
(840,14): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(1068,25): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(1074,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1084,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1126,26): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1131,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1173,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1190,22): run-time error CSS1030: Expected identifier, found '>'
(1190,25): run-time error CSS1031: Expected selector, found ')'
(1190,25): run-time error CSS1025: Expected comma or open brace, found ')'
(1229,18): run-time error CSS1030: Expected identifier, found '.'
(1229,38): run-time error CSS1031: Expected selector, found ')'
(1229,38): run-time error CSS1025: Expected comma or open brace, found ')'
(1234,17): run-time error CSS1030: Expected identifier, found '.'
(1234,37): run-time error CSS1031: Expected selector, found ')'
(1234,37): run-time error CSS1025: Expected comma or open brace, found ')'
(1241,17): run-time error CSS1030: Expected identifier, found '#cookieConsentModal'
(1241,41): run-time error CSS1031: Expected selector, found ')'
(1241,41): run-time error CSS1025: Expected comma or open brace, found ')'
(1245,24): run-time error CSS1030: Expected identifier, found '#cookieConsentModal'
(1245,48): run-time error CSS1031: Expected selector, found ')'
(1245,48): run-time error CSS1025: Expected comma or open brace, found ')'
(1276,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background'
(1277,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background'
(1278,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-text-color'
(1282,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background-hover'
(1283,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background-hover'
(1287,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-background'
(1288,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-background'
(1289,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-text-color'
(1293,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-background-hover'
(1294,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-success-background-hover'
(1298,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background'
(1299,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background'
(1300,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-text-color'
(1304,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-hover'
(1305,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-hover'
(1309,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-background'
(1310,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-text-color'
(1311,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-background'
(1315,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-background-hover'
(1316,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-danger-background-hover'
(1320,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background'
(1321,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-text-color'
(1322,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background'
(1326,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background-hover'
(1327,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background-hover'
(1331,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background'
(1332,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background'
(1336,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background-hover'
(1337,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-info-background-hover'
(1341,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-success-background'
(1342,28): run-time error CSS1039: Token not allowed after unary operator: '-alert-success-border-color'
(1343,17): run-time error CSS1039: Token not allowed after unary operator: '-alert-success-text-color'
(1347,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger-background'
(1348,28): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger-border-color'
(1349,17): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger-text-color'
(1368,19): run-time error CSS1039: Token not allowed after unary operator: '-navbar-background-color'
(1468,20): run-time error CSS1039: Token not allowed after unary operator: '-navbar-background-menu-color'
(1484,35): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-border-color'
(1485,17): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-color'
(1486,22): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-background-color'
(1490,36): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-hover-border-color'
(1494,16): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-color'
(1502,16): run-time error CSS1039: Token not allowed after unary operator: '-navbar-active-link-color'
(1506,16): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-hover-color'
(1507,27): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-hover-background-color'
(1512,16): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-hover-color'
(1513,27): run-time error CSS1039: Token not allowed after unary operator: '-navbar-link-hover-background-color'
(1526,26): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-background-color'
(1533,26): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-left-pane-background-color'
(1545,16): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-link-color'
(1551,15): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-left-pane-link-hover-color'
(1552,26): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-left-pane-link-hover-background-color'
(1576,17): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-right-menu-link-color'
(1599,16): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-right-menu-link-color'
(1662,14): run-time error CSS1039: Token not allowed after unary operator: '-top-right-menu-link-color'
(1666,14): run-time error CSS1039: Token not allowed after unary operator: '-top-right-menu-icon-color'
(1670,14): run-time error CSS1039: Token not allowed after unary operator: '-top-right-menu-icon-color'
(1687,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-cart-indicator-background-color'
(1688,15): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-cart-indicator-color'
(1692,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-list-indicator-background-color'
(1693,15): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-list-indicator-color'
(1693,53): run-time error CSS1038: Expected hex color, found '#fffffff'
(1701,25): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-cart-indicator-background-color'
(1702,14): run-time error CSS1039: Token not allowed after unary operator: '-badge-shopping-cart-indicator-color'
(1732,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1757,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1766,15): run-time error CSS1039: Token not allowed after unary operator: '-headings-color'
(1778,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1815,25): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1958,26): run-time error CSS1039: Token not allowed after unary operator: '-site-menu-background-color'
(1959,26): run-time error CSS1039: Token not allowed after unary operator: '-site-menu-border-color'
(1989,15): run-time error CSS1039: Token not allowed after unary operator: '-site-menu-link-color'
(2502,14): run-time error CSS1039: Token not allowed after unary operator: '-part-number-color'
(2557,14): run-time error CSS1039: Token not allowed after unary operator: '-part-text-color'
(2579,14): run-time error CSS1039: Token not allowed after unary operator: '-part-text-color'
(2641,14): run-time error CSS1039: Token not allowed after unary operator: '-part-price-color'
(2687,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;
	}
}

.checklist {
	padding-left: 0px;
	list-style-type: none;
}

	.checklist > .text-success:before {
		content: "\2713\0020";
	}

	.checklist > .text-dager:before {
		content: "X";
	}

.overlay {
	position: absolute;
	display: flex;
	width: 100%;
	align-items: center;
	height: 100%;
	vertical-align: middle;
	z-index: 1001;
	opacity: 0.5;
}

.invalid-feedback-block {
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}

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-color-theme {
	background-color: var(--cookie-background-color, #474747) !important;
	color: var(--cookie-text-color, #eeeeee) !important;
}

	.cookie-color-theme a {
		color: var(--cookie-link-color, #eeeeee);
	}

/*Old 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-list-info {
	display: none;
	position: absolute;
	top: 1rem;
	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-tooltip-balance:hover .mon-tooltip-balance-list-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;
	}

.product-view-change-button {
	cursor: pointer;
}
/* Cookie policy modal */

.cookie-invasive .close {
	display: none;
}

.cookie-invasive .modal-header {
	justify-content: start;
}

.cookie-consent-wrapper a {
	text-decoration: underline;
}

.cookie-non-invasive {
	align-items: end;
	box-shadow: #0000001a 0 1px 3px,#0000000f 0 1px 2px 1px;
	border-radius: .3rem;
	min-width: min(500px, 100%);
	margin: 0 auto 60px auto;
}

@media (min-width:767px) {
	.cookie-non-invasive {
		margin: 0 0 30px 10px;
	}

	.modal.show:has(.cookie-non-invasive) {
		width: auto !important;
	}
}

.modal.show:has(.cookie-non-invasive) {
	height: unset;
	width: 100%;
	bottom: 0;
	top: unset;
}

.modal-open:has(#cookieConsentModal.show):has(.cookie-non-invasive) {
	overflow: auto;
}

#monitor-main-body:has(#cookieConsentModal.show) {
	padding-right: 0 !important;
}

#cookieConsentModal {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.consent-section {
	display: flex;
	align-items: center
}

	.consent-section::after {
		display: block;
		flex-shrink: 0;
		width: 1.25rem;
		height: 1.25rem;
		margin-left: auto;
		content: "";
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		background-size: 1.25rem;
		transition: transform .2s ease-in-out;
	}

	.consent-section:not(.collapsed)::after {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		transform: rotate(-180deg);
	}
.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;
	}

.navigation-pointer {
	cursor: pointer;
}

.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;
		}

@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 {
			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 */
.drawing-display {
	display: grid;
}

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

	.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: 0.8em;
	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 */

.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-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 */

.pic a img{
	max-height: 200px;
}

.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;
	}

.product-card-widget {
	padding-right: 0;
	padding-left: 0;
}

	.product-card-widget .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-main {
    font-family: 'Open Sans', sans-serif;
}

.news-detail-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f7f6f4;
    border: 2px solid green;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 15px;
}

.news-list {
    list-style: none;
    margin: 1rem 0;
}

.news-list-item-heading a {
    text-decoration: none;
    padding: 0;
    margin: 0;
    font-size: 1.5rem;
    color: #193870;
}

.news-list-item-date {
    margin-bottom: 1rem;
    font-size: 0.75rem;
    color: #6c757d;
}

.news-list-item-text a {
    text-decoration: none;
    color: #193870;
}


#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;
}
.datepicker a, [datepicker] a, datepicker a {
    color: inherit;
    text-decoration: none
}

    .datepicker a:hover, [datepicker] a:hover, datepicker a:hover {
        text-decoration: none
    }

.datepicker select, .datepicker select:focus, .datepicker select:hover, [datepicker] select, [datepicker] select:focus, [datepicker] select:hover, datepicker select, datepicker select:focus, datepicker select:hover {
    width: 100%;
    overflow: hidden;
    background: 0 0;
    color: #fff;
    background-color: #138efa;
    border-radius: 2px;
    border: 0;
    margin-top: 5px
}

._720kb-datepicker-calendar-body, ._720kb-datepicker-calendar-days-header, ._720kb-datepicker-calendar-header, ._720kb-datepicker-calendar-years-pagination-pages, .datepicker, [datepicker], datepicker {
    font-family: Helvetica Neue,Arial,sans-serif;
    font-size: 13.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    float: left;
    clear: right;
    position: relative
}

._720kb-datepicker-calendar {
    background: #fff;
    color: #333;
    position: absolute;
    z-index: 999;
    min-width: 220px;
    margin: 0 auto;
    width: 101%;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    visibility: hidden;
    overflow: hidden;
    margin-left: -.5%;
    padding: 0 0 2% 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

    ._720kb-datepicker-calendar._720kb-datepicker-forced-to-open, ._720kb-datepicker-calendar._720kb-datepicker-open {
        visibility: visible
    }

._720kb-datepicker-calendar-header {
    text-align: center;
    font-size: 15px;
    line-height: 40px
}

    ._720kb-datepicker-calendar-header:nth-child(odd) {
        background: #138efa
    }

    ._720kb-datepicker-calendar-header:nth-child(even) {
        background: #7bc6fc
    }

._720kb-datepicker-calendar-header-left, ._720kb-datepicker-calendar-header-middle, ._720kb-datepicker-calendar-header-right {
    width: 15%;
    float: left
}

._720kb-datepicker-calendar-header-middle {
    width: 70%
}

._720kb-datepicker-calendar-header-closed-pagination::after {
    content: " \25BE"
}

._720kb-datepicker-calendar-header-opened-pagination::after {
    content: " \25BE";
    margin-left: 4px;
    position: relative;
    bottom: -3px;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

._720kb-datepicker-calendar-body {
    width: 96%;
    margin: 2%;
    text-align: center
}

._720kb-datepicker-calendar-day {
    cursor: pointer;
    font-size: 12.5px;
    width: 12.2%;
    margin: 5px 1%;
    padding: 1.5% 0;
    float: left;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

    ._720kb-datepicker-calendar-day._720kb-datepicker-active, ._720kb-datepicker-calendar-day:hover {
        background: rgba(0,0,0,.03)
    }

._720kb-datepicker-calendar-header a, ._720kb-datepicker-calendar-header a:hover {
    text-decoration: none;
    padding: 3% 9% 4% 9%;
    font-size: 13.5px;
    color: rgba(0,0,0,.55);
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

    ._720kb-datepicker-calendar-header a:hover {
        color: rgba(0,0,0,.9);
        background: rgba(255,255,255,.45)
    }

._720kb-datepicker-calendar-month {
    color: #fff
}

    ._720kb-datepicker-calendar-month span {
        font-size: 13px;
        color: rgba(0,0,0,.4)
    }

    ._720kb-datepicker-calendar-month a span i {
        font-style: normal;
        font-size: 15px
    }

    ._720kb-datepicker-calendar-month a, ._720kb-datepicker-calendar-month a:hover {
        padding: 3px;
        margin-left: 1%
    }

._720kb-datepicker-calendar-years-pagination {
    padding: 2% 0 0 0;
    float: left;
    clear: right;
    width: 100%
}

    ._720kb-datepicker-calendar-years-pagination a, ._720kb-datepicker-calendar-years-pagination a:hover {
        font-size: 12px;
        padding: 0 7px;
        font-weight: 400;
        margin: 3px 1% 0 1%;
        line-height: 20px;
        display: inline-block
    }

        ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
            color: rgba(0,0,0,.9);
            font-weight: 500;
            background: rgba(255,255,255,.45)
        }

._720kb-datepicker-calendar-years-pagination-pages a, ._720kb-datepicker-calendar-years-pagination-pages a:hover {
    padding: 5px 10px
}

._720kb-datepicker-calendar-days-header {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 2% 0 2%;
    background: rgba(19,142,250,.08);
    border-bottom: 1px solid rgba(0,0,0,.02)
}

    ._720kb-datepicker-calendar-days-header div {
        width: 14.18%;
        font-weight: 500;
        font-size: 11.5px;
        padding: 10px 0;
        float: left;
        text-align: center;
        color: rgba(0,0,0,.7)
    }

._720kb-datepicker-calendar-days ._720kb-datepicker-default-button {
    font-size: 18.5px;
    position: relative;
    bottom: -.5px
}

._720kb-datepicker-default-button {
    padding: 0 4.5px
}

._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
    width: 95%;
    float: none;
    margin: 0 auto
}

._720kb-datepicker-item-hidden {
    visibility: hidden
}

._720kb-datepicker-calendar-day._720kb-datepicker-disabled, ._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover {
    color: rgba(0,0,0,.2);
    background: rgba(25,2,0,.02);
    cursor: default
}