.btn-cart{
	background-image:url(/img/cart-blk.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 30px;
}

.stretch {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	display: inline-block;
	font-size: 0;
	height: 0;
}

div.webshop-secondary-btn-wrapper {
	position: relative;
	margin: 15px 0 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #929292;
}

a.webshop-to-overview {
	float: right;
	margin: 6px 0 0;
	text-decoration: none;
	color: #606060;
}

div.webshop-secondary-btn-wrapper:after {
	position: relative;
	content: "";
	display: block;
	width: 100%;
	height: 0;
	font-size: 0;
	clear: both;
}

div.webshop-btn-wrapper {
	font-size: 0;
	text-align: justify;
	text-justify: distribute-all-lines;
}

div.webshop-btn-wrapper a.webshop-main-btn {
	position: relative;
	display: inline-block;
	font-size: 12px;
	height: 34px;
	vertical-align: middle;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	line-height: 34px;
	color: #434143;
	background: #c7c7c7;
	width: 31%;
}

div.webshop-btn-wrapper a.webshop-main-btn span {
	display: inline-block;
	text-align: center;
	max-width: 100px;
}

div.webshop-btn-wrapper a.webshop-main-btn img {
	position: relative;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

div.webshop-btn-wrapper a.webshop-main-btn.selected,
div.webshop-btn-wrapper a.webshop-main-btn:hover {
	background: #a6cc37;
}

div.webshop-btn-wrapper a.webshop-main-btn.selected:after,
div.webshop-btn-wrapper a.webshop-main-btn.selected:hover:after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	content: "";
	border-top: 10px solid #a6cc37;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

select.webshop-category-select {
	display: inline-block;
	padding: 3px;
	width: 31%;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #ccc;
}

div.webshop-product-wrapper {
	font-size: 0;
	text-align: justify;
	text-justify: distribute-all-lines;
	position: relative;
	left: -25px;
	width: 643px;
	/* border-top: 1px solid #929292; */
}

div.webshop-product-wrapper.product-specific {
	font-size: 14px;
	text-align: left;
	text-justify: none;
	left: 0;
	width: 620px;
}

div.webshop-product-wrapper.product-specific h2 {
	margin: 24px 0;
	line-height: 30px;
}

div.product-specific-wrapper {
	overflow: hidden;
	margin-bottom: 2rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 1rem;
}

div.product-specific-wrapper div.img-wrapper {
	aspect-ratio: 16/9;
    width: 100%;
    height: auto;
    box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
}

div.product-specific-wrapper div.img-wrapper img {
    height: 100%;
	object-fit: fill;
}

div.product-specific-wrapper div.ondersteunde-afbeelding-wrapper {
	display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-top: 1rem;
}

div.product-specific-wrapper div.ondersteunde-afbeelding-wrapper div {
	width: 50%;
}

div.product-specific-wrapper div.ondersteunde-afbeelding-wrapper img {
	aspect-ratio: 16/9;
    width: 100%;
	object-fit: cover;
}

div.product-container {
	/* float: right; */
	width: 70%;
    padding: 25px;
    overflow: hidden;
    border: 1px solid #ccc;
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 0;
}

div.product-container strong {
	font-size: 12px;
}

div.product-container div.webshop-product-price-wrapper {
	margin: 10px 0 0;
}

div.product-container div.webshop-product-price-wrapper span.price-before {
	position: relative;
	top: 1px;
	font-size: 16px;
}

div.product-container div.webshop-product-price-wrapper span.price-normal {
	font-size: 24px;
}

div.product-order-container {
	margin: 15px 0 0;
	padding-bottom: 15px;
	overflow: hidden;
}
div.product-order-container select{
	border: 1px solid #ccc;
	padding: 5px;
	display: block;
	width: 233px;
	margin-bottom: 5px;
	max-width: 100%;
}

div.product-order-variant__title {
	margin: 1rem 0 .5rem;
	font: 400 12px/18px Arial, 'Ubuntu';
}

div.product-order-variant__select {
	margin: 0 0 2rem;
}

div.product-order-variant__select select {
	padding: .5rem .5rem .5rem .25rem;
	font: 400 12px/18px Arial, 'Ubuntu';
}

div.order-amount {
	float: left;
	width: 60px;
	border: 1px solid #ccc;
	line-height: 15px;
}

div.order-amount input {
	float: left;
	padding: 8px 2px;
	width: 35px;
	text-align: center;
	border: none;
	border-right: 1px solid #ccc;
}

div.plus,
div.min {
	width: 20px;
	text-align: center;
	cursor: pointer;
	background: #eee;
	color: #aaa;
}

div.min {
	border-top: 1px solid #ccc;
}

a.webshop-btn {
	float: left;
	width: 150px;
	height: 33px;
	line-height: 33px;
	font-weight: 700;
	background: #a6cc37;
	text-align: center;
	text-decoration: none;
	color: #434143;
}
a.webshop-btn.gray {
	background: #acacac;
	cursor: default;
}
a.webshop-btn.gray:hover {
	background: #acacac;
}
a.webshop-btn > span {
	display: inline-block;
}

a.webshop-btn > span img {
	vertical-align: middle;
	margin: 0 10px 0 0;
	display:none;
}

div.product-order-container a.webshop-btn {
	margin: 0 0 0 20px;
}

div.product-container > p {
	margin: 20px 0 0;
	padding: 12px 0 0;
	border-top: 1px solid #ccc;
}

div.webshop-product-wrapper div.webshop-product {
	position: relative;
	/* vertical-align: middle;
	display: inline-block; */
	text-align: center;
	float: left;
	width: 189px;
	min-height: 247px;
	font-size: 12px;
	margin: 25px 0 0 25px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #929292;
	cursor: pointer;
}

div.webshop-product-wrapper div.webshop-product.ribbon:after {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	content: url('../img/ribbon-new.png');
	z-index: 20;
}

div.webshop-product-wrapper div.webshop-product.ribbon-discount:after {
	content: url('../img/ribbon-discount.png');
}

div.webshop-product-wrapper div.webshop-product.ribbon-new:after {
	content: url('../img/ribbon-new.png');
}

div.webshop-product-wrapper div.webshop-product:hover {
	border: 1px solid #a8cd3b;
}

div.webshop-product-wrapper div.webshop-product span.webshop-product-title {
	display: inline-block;
	height: 43px;
	overflow: hidden;
	line-height: 14px;
	font-size: 11px;
	margin: 0px 10px;
}

div.webshop-product-price-wrapper {
	min-height: 30px;
	line-height: 30px;
}

div.webshop-product-price-wrapper span.price-normal {
	display: inline-block;
	font-size: 18px;
	vertical-align: middle;
	color: #8dcc37;
}

div.webshop-product-price-wrapper span.price-before {
	display: inline-block;
	font-size: 11px;
	text-decoration: line-through;
	vertical-align: middle;
}

span.price-before + span.price-normal {
	margin: 0 0 0 10px;
}

div.webshop-product-wrapper div.webshop-product div.img-wrapper {
	position: relative;
    height: 160px;
    line-height: 160px;
    margin-bottom: 0.5rem;
}

div.webshop-product-wrapper div.webshop-product div.img-wrapper img {
	object-fit: cover;
    height: 100%;
}

div.webshop-product-overview {
	margin: 15px 0 0;
	border-bottom: 1px solid #ccc;
}

div.product-row {
	padding: 15px 0;
	min-height: 30px;
	overflow: hidden;
	line-height: 88px;
	border-top: 1px solid #ccc;
}

div.product-row.product-row-heading {
	padding: 0;
	font-weight: 700;
	background: #eee;
	border-top: none;
	line-height: 30px;
}

div.product-row.product-row-heading + div.product-row {
	border-top: none;
}

div.product-name {
	float: left;
	width: 190px;
	margin: 0 0 0 20px;
	line-height: 14px;
}

div.product-row.product-row-heading div.product-name {
	line-height: 30px;
}

div.product-name span.webshop-product-title {
	display: inline-block;
	font-size: 11px;
	margin: 10px 0 0;
	max-width: 160px;
}

div.product-name span.webshop-product-title + span {
	display: inline-block;
	font-size: 11px;
}

div.product-name span.webshop-product-title + span::before {
	display: inline-block;
	content: "|";
	margin-left: .5rem;
	margin-right: .5rem;
	color: rgb(105, 105, 105);
}

div.product-name div.img-wrapper {
	width: 83px;
	height: 83px;
	line-height: 83px;
	text-align: center;
	border: 1px solid #ccc;
}

div.product-name div.img-wrapper img {
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
}

div.product-remove {
	float: left;
	width: 30px;
}

div.product-remove a {
	color :#f00;
	text-decoration: none;
}

div.product-remove img {
	position: relative;
	top: -2px;
	left: -3px;
	vertical-align: middle;
}

div.product-unit-price {
	float: left;
	width: 120px;
	margin: 0 0 0 30px;
}

div.product-amount {
	float: left;
	width: 100px;
	margin: 0 0 0 20px;
}

div.product-amount div.order-amount {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

div.product-total {
	float: left;
	width: 90px;
	margin: 0 0 0 10px;
}

div.cart-total {
	float: right;
	overflow: hidden;
}

div.price-row {
	margin: 10px 0;
	overflow: hidden;
}

div.price-row.faded {
	color: #999;
}

div.price-row.bold {
	font-weight: 700;
}

div.price-row:first-child {
	margin-top: 30px;
}

div.price-row div.left {
	width: 100px;
	text-align: right;
}

div.cart-total a.webshop-btn {
	float: right;
	margin: 26px 0 0;
	padding: 5px 20px;
	/*color: #222;*/
}

div.order-history {
	margin: 15px 0 0;
	overflow: hidden;
}

div.order-history-row {
	overflow: hidden;
	/*height: 30px;*/
	line-height: 30px;
	padding: 3px 0 3px 10px;
	border: 1px solid #ccc;
	border-top: none;
	font-size: 12px;
}

div.order-history-row.order-history-heading {
	border: none;
	font-weight: 700;
}

div.order-history-row.order-history-heading + div.order-history-row {
	border-top: 1px solid #ccc;
}

div.order-number,
div.product-kenmerk,
div.invoice-date,
div.total-amount {
	float: left;
}
div.invoice-status{
	float:left;
	
}

div.order-number {
	width: 135px;
	margin: 0 30px 0 0;
}
div.product-kenmerk {
	width: 120px;
	margin-right: 20px;
	/*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
	line-height: normal;    
    padding: 8px 0;
}

div.order-number a {
	color: #8ab118;
}

div.invoice-date {
    width: 95px;
}

div.total-amount {
	width: 65px;
}

a.reorder {
	float: right;
	width: 90px;
	background: #a6cc37;
	padding: 0 20px;
	height: 22px;
	margin: 4px 7px 4px 0;
	line-height: 22px;
	text-decoration: none;
	color: #111;
	font-weight: 700;
	text-align: center;
}

@media all and (max-width: 949px) {

	div.webshop-product-wrapper,
	div.webshop-product-wrapper.product-specific {
		width: 100%;
                left:0;
	}

	div.webshop-product-wrapper div.webshop-product {
		width: calc(25% - 19px);
		min-width: 140px;
                margin-left: 25px;
	}
    /*    div.webshop-product-wrapper div.webshop-product:nth-of-type(4n+1) {
		margin-left: 0;
	}*/

	div.product-name {
		float: none;
		width: 100%;
		overflow: hidden;
		margin: 0;
	}

	div.product-name div.img-wrapper {
		width: 96px;
		height: 96px;
		line-height: 96px;
		float: left;
	}

	div.product-name span.webshop-product-title {
		margin: 0 0 0 20px;
		float: left;
	}

	div.mobile-product-info-display {
		margin: 15px 0 0;
		width: 100%;
		line-height: 30px;
		overflow: hidden;
	}

	div.product-remove {
		float: right;
		margin: 0;
		width: 33px;
	}

	div.product-remove a {
		display: inline-block;
		background: #f67;
		height: 31px;
		width: 31px;
		text-align: center;
		line-height: 29px;
		font-weight: 700;
		color: #fff;
		border: 1px solid #f00;
	}

	div.product-amount {
		width: 100px;
		margin: 0;
	}

	div.order-amount {
		width: 96px;
	}

	div.order-amount input {
		float: right;
		width: 28px;
		border: none;
	}
	div.order-amount > div.right {
		float: left;
	}

	div.order-amount div.plus,
	div.order-amount div.min {
		float: left;
		height: 31px;
		width: 31px;
		font-size: 25px;
		font-weight: 700;
		line-height: 31px;
		margin: 0;
		border: none;
		border-right: 1px solid #ddd;
	}

	div.order-amount div.min {
		/* line-height: 26px; */
		border-right: 1px solid #ccc;
	}
	div.order-amount div.min.no-select,
	div.order-amount div.plus.no-select {
		cursor: none;
	}

	div.product-total {
		width: auto;
		border: 1px solid #ccc;
		background: #eee;
		height: 31px;
		line-height: 31px;
		padding: 0 10px;
		margin: 0 0 0 13px;
	}

	div.product-total span.mobile {
		font-weight: 700;
	}

	div.product-container {
		box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 66%;
	}

	div.webshop-btn-wrapper a.webshop-main-btn span.non-mobile {
		display: none;
	}

	div.webshop-btn-wrapper a.webshop-main-btn > span > img {
		position: relative;
		top: -4px;
		height: 14px;
		margin: 0 5px 0 0;
	}

	div.webshop-btn-wrapper a.webshop-main-btn > span > span.mobile-bigger {
		font-size: 16px;
	}

	div.order-number,
	div.invoice-date,
	div.total-amount {
		width: 23%;
	}

	a.reorder {
		padding: 0;
		width: 20%;
	}

	div.order-number div.left.mobile,
	div.invoice-date div.left.mobile,
	div.total-amount div.left.mobile {
		display: none;
	}

}

@media all and (max-width: 710px) {
	div.product-specific-wrapper {
		flex-direction: column;
	}

	div.product-container {
		width: 100%;
		flex-basis: 100%;

	}
}
@media all and (max-width: 678px) {

	div.webshop-product-wrapper>div.webshop-product {
		width: calc(33% - 15px);
                margin-left: 25px;
	}
        div.webshop-product-wrapper div.webshop-product:nth-of-type(4n+1) {
		margin-left: 25px;
	}
    /*    div.webshop-product-wrapper>div.webshop-product:nth-of-type(3n+1) {
		margin-left: 0;
	}*/

}

@media all and (max-width: 579px) {

	div.product-order-container a.webshop-btn {
		float: right;
		width: auto;
		padding: 0 20px;
	}

	div.product-specific-wrapper div.img-wrapper {
		box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		height: auto;
		text-align: center;
		margin-bottom: 25px;
	}

	div.webshop-product-wrapper div.webshop-product {
		width: 100%;
                margin-left: 0;
	}
        div.webshop-product-wrapper div.webshop-product:nth-of-type(4n+1) {
		margin-left: 0px;
	}
        div.webshop-product-wrapper>div.webshop-product:nth-of-type(3n+1) {
		margin-left: 0;
	}

	div.product-container {
		width: 100%;
	}

	select.webshop-category-select {
		min-width: 120px;
	}

	div.order-history-row.order-history-heading {
		display: none;
	}

	div.order-history-row {
		min-height: 30px;
		height: auto;
		padding-bottom: 9px;
	}

	div.order-number,
	div.invoice-date,
	div.total-amount {
		float: none;
		width: auto;
	}

	div.order-number div.left.mobile,
	div.invoice-date div.left.mobile,
	div.total-amount div.left.mobile {
		display: block;
		width: 120px;
	}

	div.order-history-row a.reorder {
		float: left;
		width: calc(100% - 54px);
		padding: 7px 20px;
	}
}

@media all and (max-width: 350px) {

	div.product-name span.webshop-product-title {
		max-width: 140px;
		max-height: 96px;
		overflow: hidden;
	}

	div.cart-total {
		width: 100%;
	}

	div.cart-total div.price-row {
		width: 200px;
		float: right;
	}

	div.cart-total a.webshop-btn {
		width: 100%;
		padding: 5px 0;
		text-align: center;
	}

}

/* Jquery UI: MODAL/DIALOG .dialog-light */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.dialog-light {
    background: white;
	padding: 1.5rem 1rem;
}

.dialog-light .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
	background: white;
	color: black;
	border: none;
}

.dialog-light .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
	background: white;
	color: black;
	border: none;
}

.dialog-light button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
	min-width: 2rem;
    right: 1.5rem;
}

.dialog-light.ui-widget select {
	margin-top: 1rem;
	margin-bottom: 2rem;
	width: 250px;
}