@font-face{
	font-family:"Ratio W01 Thin";
	src:url("/templates/medarbejdershop/fonts/MTI-WebFonts-2089179965/Fonts/5196276/88505dd7-c594-4d61-b39a-9d876ece0009.woff2") format("woff2"),url("Fonts/5196276/e1f5b3f4-3601-4027-a85f-483c9b95722a.woff") format("woff");
}
@font-face{
	font-family:"Ratio W05 Regular";
	src:url("/templates/medarbejdershop/fonts/MTI-WebFonts-2089179965/Fonts/5208735/9a6e2c08-f728-4f7e-b1a0-ecac5d5b5bea.woff2") format("woff2"),url("Fonts/5208735/e672cd95-9f73-4a63-bd43-15d014782a7a.woff") format("woff");
}
@font-face{
	font-family:"Ratio W05 Medium";
	src:url("/templates/medarbejdershop/fonts/MTI-WebFonts-2089179965/Fonts/5217059/09df8391-2f4c-4ba1-8a9e-cfdf196a9618.woff2") format("woff2"),url("Fonts/5217059/5521e7d4-ce2b-4125-aa53-3bdf89241e18.woff") format("woff");
}

@media (min-width:1px){.container{max-width:100%}}
@media (min-width:1400px){.container{max-width:1160px}}

body, h1, h2, h3, h4, h5, h6, p, label, div, ol li, ul li, td, th {
	font-family:"Ratio W05 Regular", Tahoma, Sans-serif;
	color: #2b2f31;
}

h1 {
	color: #17255f;
	font-size: 1.8em;
}

h2 {
	color: #17255f;
	font-size: 1.6em;
}

h3 {
	color: #17255f;
	font-size: 1.4em;
}

h4 {
	color: #17255f;
	font-size: 1.2em;
}

h5, h6 {
	color: #17255f;
	font-size: 1.1em;
}

label {
	color: #5b5b5b;
	padding-left: 1.4em;
}

.clear {
	display: block;
	width: 100%;
	clear: both;
}

.right {
	text-align: right;
}

.btn.btn-primary {
	background-color: #f28c5a;
	border-color:#f28c5a;
	box-shadow:0 0 0 .1rem rgba(242,140,90,.5)
}

.gradient {
	background: rgb(23,37,95);
	background: linear-gradient(90deg, rgba(23,37,95,1) 0%, rgba(71,143,199,1) 100%);
}



a.logo svg,
a.logo img {
	min-width: 150px!important;
	max-width: 240px!important;
}

a.logo img {
	margin: 1em;
}

ol.breadcrumb li.breadcrumb-item a {
	color: #9b9b9b;
	font-size: 1em;
}

ol.breadcrumb li.breadcrumb-item.current a {
	color: #fff;
}





/* left menu */
#left ul.nav {
	background-color: #f6f6f6;
}

#left ul.nav li {
	border-left: 3px solid #f6f6f6;
	transition: background-color 0.3s ease;
}

#left ul.nav li.nav-item:hover {
	background-color: #f9f9f9;
}

#left ul.nav li.nav-item-primary {
	border-left: 3px solid #ddd; /* #17255f; */
}

#left ul.nav li.current {
	border-left: 3px solid #f28c5a;
}

#left ul.nav li.information {
	border-left: 3px solid #eee;
}

#left ul.nav li a.nav-link {
	color: #17255f!important;
	font-size: 1.1em;
}

#left ul.nav li a.nav-link.text-muted {
	color: #8f95aa!important;
}

#left ul.nav li.current a.nav-link {
	color: #f28c5a!important;
}

#left .filter.brands-filter h4 {
	font-size: 1.1em;
	margin-top: .3em;
	padding-left: 1.5em;
}

#left .filter.brands-filter .form-check {
	font-size: 1em;
	padding-left: 3em;
}
/* // left menu */


div.client-logo.border.rounded {
	border-width: 2px!important;
}

div.frontpage-welcometext p:first-child strong {
	font-size: 1.5em;
	color: #17255f;
}

.bg-orange {
	background-color: #f28c5a!important;
}

.border-orange {
	border-color: #f28c5a!important;
}

.bg-light-gray {
	background-color: #f6f6f6;
}

.bg-light-gray #footer .col-lg-9 {
	color: #999;
}


#login-form {
	min-height: 310px;
}

#password-forgot-form,
#create-user-form {
	/* padding-top: 5vh; */
	min-height: 310px;	
	display: none;
}



#content {
	min-height: 76.9vh;
}


div.frontpage-shops.boxes ul li.nav-item:first-child {
	display: none;
}


body.login {
	background:url('/images/william-iven-SpVHcbuKi6E-unsplash.jpg') 50% 50% no-repeat;
	background-size: cover;
}

body.login #header {
	min-height: 19vh;
}

body.login .login-page {
	opacity: .93;
}

body.login #footer {
	color: #fff;
	background: transparent!important;
}

body.login .bg-light-gray {
	background-color: transparent;
}

body.login .bg-light-gray #footer .col-lg-9 {
	color: #fff;
}

svg {
  fill: #17255f;
}

.price-table {
	width: 100%;
}

.price-table tr td {
	line-height: 1.1em;
	vertical-align: bottom;
	padding-bottom: .35em;
}

.price-table tr td:last-child {
	text-align: right;
}

/* 20231030 JDS: Added to make sure breadcrumbs and basket is not coliding */
@media (max-width:767.98px){
	#breadcrumbs-wrapper {
		padding-bottom: 1em!important;
	}
	
	#shoppingbasket-summary {
		padding-top: 2.3em!important;
	}
	
	#breadcrumbs.container nav {

	}
}

@media (max-width:1024px){
	#breadcrumbs-wrapper.breadcrumbs-md {
		padding-bottom: 1em!important;
	}
	
	#breadcrumbs-wrapper.breadcrumbs-md #shoppingbasket-summary {
		padding-top: 2.3em!important;
	}
	
	#breadcrumbs-wrapper.breadcrumbs-md #breadcrumbs.container nav {

	}
}

@media (max-width:4800px){
	#breadcrumbs-wrapper.breadcrumbs-lg {
		padding-bottom: 1em!important;
	}
	
	#breadcrumbs-wrapper.breadcrumbs-lg #shoppingbasket-summary {
		padding-top: 2.3em!important;
	}
	
	#breadcrumbs-wrapper.breadcrumbs-lg #breadcrumbs.container nav {

	}
}



div.shoppingbasket-summary #shoppingbasket-form table table.price-table td {
	font-size: .9em;
	padding-top: .15em;
	padding-bottom: .1em;
	border-color: #fefefe;
}

#breadcrumbs {
	position: relative;
}

.shoppingbasket-summary {
	position:absolute;
	right: .8em;
	margin-top: -1.9em;
	min-width: 270px;
	z-index: 10;
}

.shoppingbasket-summary #shoppingbasket-form {
	display: none;
	z-index: 10;
	background-color: #fff;
	min-width: 500px;
}

.shoppingbasket-summary:hover #shoppingbasket-form {
	display: block;
}


.boxes ul.productgroups li,
.product-list.row.list-inline li {
	min-width: 269px!important;
	max-width: 269px!important;
	border-width: 2px!important;
	background-color: #f6f6f6;
}

.productgroups li a.nav-link,
.product-list.row.list-inline li h2 {
	font-size: 1.2em;
}

.productgroups li a.nav-link,
.product-list.row.list-inline li h2 a {
	color: #17255f!important;
	display: block;
}

.boxes ul.productgroups li.box-muted {
	border-color: #f0f0f0!important;
	background-color: #fbfbfb;
	background: repeating-linear-gradient(
	  135deg,
	  #fbfbfb,
	  #fbfbfb 10px,
	  #f0f0f0 10px,
	  #f0f0f0 20px
	);
}

.productgroups li a.nav-link.text-muted {
	color: #8f95aa!important;
}

.product-list.row.list-inline li .product-image.empty {
	min-height: 160px;
}

.product-list.row.list-inline a.information {
	background-color: #eeeeee;
}

.product-list.row.list-inline a.information::before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	background-size: contain;
	color: #17255f;
	fill: #17255f;
	background: url('../gfx/hmmmm/info.svg') center bottom no-repeat;
	background-size: contain;
}


.shoppingbasket-summary a {
	color: #fff;
}

#shoppingbasket-form table table.price-table td,
#order-confirmation table table.price-table td {
	border: 0;
	padding-top: .1em;
	padding-bottom: .1em;
}


.frontpage-shops.boxes ul.nav li.nav-item {
	border-width: 1px!important; /* 2px!important; */
	border-color: #f28c5a!important;
	border-radius: 6px!important;
	max-width: 260px;
	margin-left: 1.875em;
	background-color: #f6f6f6;
}

.frontpage-shops.boxes ul.nav li.nav-item:nth-child(3n+2) {
	margin-left: 0;
}

.frontpage-shops.boxes ul.nav li.nav-item a {
	font-size: 1.2em;
	color: #17255f!important;
	padding-top: 2em!important;
	padding-bottom: 2em!important; /* 1.4em!important; */
	display: block!important;
}


.information-link {
	background-color: #f6f6f6;
}

.information-link a {
	font-size: 1.15em;
	color: #17255f!important;
}


.impersonate-info {
	position: fixed;
	right: 0;
	top: 120px;
	background-color: #f28c5a;
	color: #fff;
	padding: 1em;
	z-index: 99;
}


nav.navbar ul.nav li.nav-item a {
	color: #17255f!important;
	font-size: 1.1em;
	display: inline-block;
}

nav.navbar ul.nav li.nav-item.current a {
	color: #f28c5a!important;
}

.mms,
nav.navbar ul.nav li.nav-item a:before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	background-size: contain;
	color: #17255f;
	fill: #17255f;
	margin-bottom: -.3em;
}

nav.navbar ul.nav li.nav-item.current a:before {
	color: #f28c5a;
	fill: #f28c5a;
}

nav.navbar ul.nav li.nav-item.contact a:before {
	background: url('../gfx/hmmmm/email.svg') center bottom no-repeat;
	background-size: contain;
}

nav.navbar ul.nav li.nav-item.current.contact a:before {
	background: url('../gfx/hmmmm/email.current.svg') center bottom no-repeat;
	background-size: contain;
}

nav.navbar ul.nav li.nav-item.orders a:before {
	background: url('../gfx/hmmmm/receipt.svg') center bottom no-repeat;
	background-size: contain;
}

nav.navbar ul.nav li.nav-item.current.orders a:before {
	background: url('../gfx/hmmmm/receipt.current.svg') center bottom no-repeat;
	background-size: contain;
}

nav.navbar ul.nav li.nav-item.user a:before {
	background: url('../gfx/hmmmm/user.svg') center bottom no-repeat;
	background-size: contain;
}

nav.navbar ul.nav li.nav-item.current.user a:before {
	background: url('../gfx/hmmmm/user.current.svg') center bottom no-repeat;
	background-size: contain;
}

nav.navbar ul.nav li.nav-item.logout a {
	color: #999!important;
}

nav.navbar ul.nav li.nav-item.logout a:before {
	background: url('../gfx/hmmmm/logout.svg') center bottom no-repeat;
	background-size: contain;
}



.shopping-cart-empty {
	color: #fff;
}

.mms.shopping-cart {
	background: url('../gfx/hmmmm/shopping-cart.svg') center bottom no-repeat;
	background-size: contain;
}

.mms.trash {
	background: url('../gfx/hmmmm/trash.svg') center bottom no-repeat;
	background-size: contain;
}

.mms.chevron-right {
	background: url('../gfx/hmmmm/chevron-right.svg') center bottom no-repeat;
	background-size: contain;
}

.mms.edit {
	background: url('../gfx/hmmmm/edit.svg') center bottom no-repeat;
	background-size: contain;
}


@media (max-width:1200px){
	nav.navbar {
		text-align: right;
		position: absolute;
		right: 0;
		background: #fff;
		z-index: 15;
		padding-left: 0;
	}

	button.navbar-toggler {
		position: absolute;
		top: 8px;
		right: 1em;
		margin-right: 0px;
	}

	#navbarSupportedContent {
		position: relative;
		z-index: 20;
		background: #fff;
		top: 45px;
		right: 0;
	}

	#navbarSupportedContent ul.navbar-nav {
		float: right;
		width: 100%;
		margin-right: -1em;
		background-color: #fff;
	}

	#navbarSupportedContent ul.navbar-nav li {
		border-bottom: 1px solid #ccc;
		width: 100%;
		text-align: left;
		background-color: #fff;
		padding-left: 2em;
		padding-right: 2px;
		margin-right: 1em;
	}
	
	.boxes ul.productgroups li {
		width: 48%;
		margin-right: 1em;
		margin-bottom: 1em;
		float: left;
	}	
}

/*
@media (max-width:600px){
	.shoppingbasket-summary {
		right: 1.2em;
	}
}
*/

@media (max-width:475px){

	/*
	button.navbar-toggler {
		position: absolute;
		top: -35px;
		right: 1em;
		margin-right: 0px;
	}	

	

	.shoppingbasket-summary {
		right: 1.5em;
	}	
	*/
	
	/*
	.boxes ul.productgroups li {
		width: 100%;
		margin-right: 0;
		float: none;
		clear: both;
	}
	*/
	
	.frontpage-shops.boxes ul.nav li.nav-item {
		width: 100%;
		max-width: 100%;
		margin-left: 0;	
	}
	
	
	.boxes ul.productgroups li,
	.product-list.row.list-inline li {
		max-width: 90%!important;
		float: none;
		clear: both;
	}
	
	
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here. Notice, for IE9- style is in ie-only.css */
	
	ul.productgroups,
	ul.product-list {
		display: block;         /* just to be sure - it's not needed */ 
		width: auto !important; /* IE max-width hack */
		width: 920px !important;  /* width value for IE */
	}
	
	ul.productgroups li,
	ul.product-list.list-inline li {
		float: left!important;
	}
	
	ul.productgroups li:nth-child(3n+1),
	ul.product-list.list-inline li:nth-child(3n+1) {
		clear: left!important;
	}

}

.lang-icon {
	max-height: 15px;
	width: auto;
}


.navbar .nav-item .dropdown-menu { 
	display: none;
}

.navbar .nav-item:hover .dropdown-menu { 
	display: block;

}
.navbar .nav-item .dropdown-menu{
	margin-top:0;
}

.navbar .nav-item .dropdown-menu a.dropdown-item:focus {
    background-color: #f6f6f6;
}