body{
	min-height: 100vh;
	display: grid;
	grid-template-rows: auto 1fr auto;
	
}

.page-header {
	grid-row: 1;
	display: flex;
	flex-direction: column;
}

.page-content{
	grid-row:  2;
}

.page-footer{
	grid-row: 3;
}

.border-squared{
	border: 1px solid lightgrey;
}
.searchbox{
	background-color: transparent;
	color: white;
	outline: none;
	max-height: 3.5em;
}

.searchbox::placeholder{
	color: white;
	text-align: center;
}
.searchbox::-webkit-input-placeholder{
	color: white;
	text-align: center;
}

.searchbox:-ms-input-placeholder{
	border: none;
	color: white;
}
.searchbox:focus{
	border:  1px solid #dddde3;;
	box-shadow: none;
	outline: none;
	color: white;
}
.searchbox:-moz-focusring{
	border: none;
	color: black;
}
.searchbox:-webkit-focus-ring{
	border: none;
	outline-color:black;
}
.powered-by-area{
	background-color: rgba(0,0,0,0.2);
}
.powered-by-area-filtered{
	
	z-index: 1000;
}



.product-slider-wrapper{
	justify-content: center;
	position: relative;
	
	width: 100vw;
	left: calc(-50vw + 50%);
	
}

.product-slider-wrapper-outer{
	position: relative;
	overflow: hidden;
}

.product-action{
	z-index: 999;
	position: absolute;
	top: 50%;
	transition: all 0.5s ease 0s;
	opacity: 0;
	transform: scale(0);

}

.product-action .btn{
	background-color: #B71C1C;
	color: white;
	border: 2px solid #B71C1C;
	margin: 0 1em;
	transition: all 0.2s ease 0s;
}

.product-action .btn:hover{
	background-color: transparent;
	color: white;
	
}

.justify-content-end{
	justify-content: flex-end;
}

.btn-squared{
	background-color: #E0E0E0;
	color: black;
	margin-left: 1vw;
}

.btn-squared:hover{
	color: black;
}

@media (max-width: 575.98px) { 
	.product-slider-header{
		display: grid;
		grid-template-rows: repeat(1, 4vh);
		grid-template-columns: repeat(12, 48px);
		
	}
	
	.product-slider-button-area{
		grid-column: 6;
		grid-row: 1;
	}

}

@media (max-width: 767.98px) { 
	.product-slider-header{
		display: grid;
		
		grid-template-rows: repeat(1, 4vh);
		grid-template-columns: repeat(12, (calc(100vw / 12)px));
	}

	.product-slider-button-area{
		grid-column: 6;
		grid-row: 1;
	}
	
}

@media (max-width: 991.98px) { 
	.product-slider-header{
		display: grid;
		grid-template-rows: repeat(1, 4vh);
		grid-template-columns: repeat(5, 10vw);
		
	}
	.product-slider-button-area{
		grid-column: 6;
		grid-row: 1;
	}

}

@media (min-width: 1199.98px) { 
	.product-slider-header{
		display: grid;
		grid-template-rows: repeat(1, 4vh);
		/* grid-template-columns: repeat(12, 95px); */
	}
	.product-slider-button-area{
		grid-column: 12;
		grid-row: 1;
	}
}


/* product slider styling */

.product-slider-header h2{
	margin: auto 0;
	grid-column: 2/6;
}
.product-slider-header hr{
	grid-column: 1/5;
	grid-row: 2;
}



.product-slider-item:hover .product-action{
	display: inherit;
	opacity: 1;
	transform: scale(1);
}


.product-slider-item-header{
	align-self: center;
	color: #2196F3;
}

.product-item-head{
	justify-content: center;
}
.product-item-slider-body{
	flex-wrap: wrap;
	justify-content: center;
	height: auto;
}

.product-item-body{
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	
}
.product-slider-wrapper .product-item-img{
	height: auto;
	width: 80%;
	
	
}
.product-img-wrapper{
	height: auto;
	width: 60%;
}


.product-name-wrapper{
	justify-content: center;
	text-align: center;
	width: 100%;
}
.product-item-slider-footer{
	justify-content: flex-end;
	flex-wrap: wrap;
}

.product-item-price{
	margin-right: 1rem;
	margin-bottom: 1rem;
	color: #2196F3;
	font-weight: 600;
}

.product-item-slider-body > a:before{
	background: rgba(0,0,0,0.5);
	content: "";
	height: 100%;
	transition: all 0.5s ease 0s;
	z-index: 99;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}


.product-slider-item:hover .product-item-slider-body > a:before{
	opacity: 1;
}



.slide{
	transform: translateX(0);
	
}
.slide-item-left{
	transform: translateX(100%);
}
.slide-item-right{
	transform: translateX(-100%);
}






.dropdown:hover .dropdown-menu {
    display: block;
}

.sidemenu-active{
	border: none;
}

.backgroundImage{
	min-height: 100vh;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


.bg-left{
	background-size: 21.8vw 100%;
    background-position: left center;
    background-repeat: no-repeat repeat;
}

.bg-right{
	background-size: 21.8vw 100%;
    background-position: right center;
    background-repeat: no-repeat repeat;
}

.bg-center{
	/* background-size: cover; */
}

.searchItem{
	cursor: pointer;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
}



.list-group.list-group-root > .list-group > .list-group-item {
	padding-left: 30px;
	padding-right: 0;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
}

.list-group-item .glyphicon {
    margin-right: 5px;
}

.list-group-item-nested{
	padding-right: 0;
	margin-left: 4px;
	border: none;
	padding-bottom: 4px;
	padding-top: 4px;
	overflow-x: hidden;
}
a.list-group-item-nested{
	text-decoration: none;
	color: #212121 ;
}

.sidemenu-collapsable{
	cursor: pointer;
}
.side-menu{
	user-select: none;
	padding-left: 0.75em;
}

.group-nested{
	padding-left: -0.5em;
}


.shoppingcart-component-border-default{
	border: solid;
	border-left: none;
	border-top: none;
	
}

.top-row-border{
	border: solid;
	border-left: none;
	
	
}

.top-row-border:nth-of-type(1){
	border-left: solid;
	
}

.row .shoppingcart-component-border-default:nth-of-type(1){
	border-left: solid;
}
.row > .shoppingcart-component-border-default:nth-last-child(){
	border-right: solid;
	
}

.disable-border-right{
	border-right: none !important;
}
.disable-border-bottom{
	border-bottom: none !important;
}

.hide-spinner::-webkit-outer-spin-button,
.hide-spinner::-webkit-inner-spin-button,
.hide-spinner{
	-webkit-appearance: textfield;;
	margin: 0;
	-moz-appearance: textfield;
}

.not-available{
	color: #b71c1c;
}

.available{
	color: #44BC00;
}

.horizontal-center{
	display: flex;
	justify-content: center;
	flex-direction: row;
}

.prod-plusEen, .prod-minusEen{
	padding: 0;
	margin: 0;
	height: 39px !important;
	width: 39px !important;
	text-align: center;
}

.minusEen, .plusEen{
	height: 40px !important;
	width: 40px !important;
}

.product-slider-item{

	transition: transform 1s ease;

}

@media (max-width: 766px) { 
	.category-side-list{
		display: none;
	}

	.product-slider{
		max-width: 80vw;
		width: 80vw;
		
	}

	.product-slider-item{
		-ms-flex: 0 0 calc(80vw);
		flex: 0 0 calc(80vw);
		max-width: calc(80vw);
	}

	.wrapper-slide-left{
		transform: translateX(calc(-65vw));
		transition: transform 1s ease 0s;
	}
	.wrapper-slide-right{
		transform: translateX(calc(65vw));
		transition: transform 1s ease 0s;
	}

	.shoppingcart-top-row{
		display: none;
	}
	.cart-element *{
		border: none !important;
	}
}

@media (min-width: 1024px) { 
	.custom-dropdown{
		align-self: center;
	}

	.product-slider-item{
		-ms-flex: 0 0 calc(60vw / 3);
		flex: 0 0 calc(60vw / 3);
		max-width: calc(60vw / 3);
	}

	.wrapper-slide-left{
		transform: translateX(calc(-60vw / 3));
		transition: transform 1s ease 0s;
	}
	.wrapper-slide-right{
		transform: translateX(calc(60vw /3 ));
		transition: transform 1s ease 0s;
	}

	.product-slider{
		max-width: 60vw;
		/* width: 60vw; */
		
	}
}


.cart-btn{
	height: 39px;
}

@media (max-width: 768px){
	.cookieverklaring{
		height: 8rem;
	}
	
}

@media (min-width: 768px){
	.cookieverklaring{
		justify-content: center;
	}
}

.cookieverklaring{
	background-color: #212121;
	color: white;
	display: flex;
	
	
	align-items: center;
}

.cookieverklaring > span:first-child{
	margin-left: 8px;
}

.cookieAkkoord{
	margin-top: 8px;
	margin-bottom: 8px;
}

.cookie-moreinfo{
	text-decoration: underline;
	color: #03a9f4  ;
}

.sidemenu-active.list-group-item.active{
	border: none;
}



.order-overview-heading{
	color: #4A5568;
	font-size: 1.25rem;
}

.order-count{
	font-size: 1.125rem;
	
}


.order-number-lookup-input{
	/* grid-column: 10 / 12; */
	margin-top: 2rem;
	border-radius: 0.25rem;
	border: 1px solid #CBD5E0;
	padding: 0.5rem 1rem;
}


@media (min-width: 768px){
	.order-count{
		font-size: 1.125rem;
		grid-column: 1 / 5;
	}
	
	.order-number-lookup-input{
		grid-column: 10 / 12;
		border-radius: 0.25rem;
		border: 1px solid #CBD5E0;
		padding: 0.5rem 1rem;
		margin-top: 0;
	}

	.order-status-filter{
		grid-column: 6/9;
		height: 50%;
	}


}
@media (min-width: 1024px){
	.order-count{
		font-size: 1.125rem;
		grid-column: 1 / 3;
	}
	
	.order-number-lookup-input{
		grid-column: 10 / 12;
		border-radius: 0.25rem;
		border: 1px solid #CBD5E0;
		padding: 0.5rem 1rem;
	}
}


.order-number-lookup-input:focus{
	outline: none;
	border: 1px solid #4299E1;
}


.order-number-lookup-input::placeholder{
	text-align: center;
}

.table-pagination-section{
	display: flex;
	justify-content: center;
}

.table-pagination-section ul {
	margin: 0;
	padding-left: 0;
}



.table-pagination-section li {
	list-style: none;
	float: left;
}

.table-pagination-section a {
	border: 1px solid transparent;
	float: left;
	margin-left: 2px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
	color: #333;
	font-size: 1rem;
	
}

.table-pagination-section a:hover {
	background-color: #d9d9d9;
}


.table-pagination-section .active a:focus,
.table-pagination-section .active a:hover {
	background-color: #d9d9d9;
	cursor: default;
}

.table-pagination-section .ellipsis a,
.table-pagination-section .disabled a,
.table-pagination-section .disabled a:focus,
.table-pagination-section .disabled a:hover {
	cursor: not-allowed;
}

.table-pagination-section .disabled a,
.table-pagination-section .disabled a:focus,
.table-pagination-section .disabled a:hover {
	cursor: not-allowed;
	opacity: 0.4;
}

.table-pagination-section .pager a {
	font-weight: bold;
}
.table-pagination-section .active a,
.table-pagination-section .active{
	background-color: #3182CE;
	color: #F7FAFC;
}

.order-product-name{
	color: #4A5568;
	font-weight: 500;
}

.order-product-details-container{
	display: flex;
	flex-direction: column;
	margin-left: 2rem;
}

.order-product-image{
	height: auto;
	width: 150px;
}

.order-product-list{
	padding-top: 1rem;
	height: 60vh;
	max-height: 60vh;
	overflow-y: auto;
	background-color: #EDF2F7;
	padding-bottom: 1rem;
}

.order-product:not(:first-child){
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-style: dashed;
	border-top-width: 1px;
	border-top-color:#E2E8F0;
}
.order-product{
	display: flex;
}

.order-general-info-area{
	display: flex;
	flex-direction: column;
	padding-top: 1rem;
}
.order-general-info-area .fa-euro-sign, .order-product-list .fa-euro-sign{
	font-weight: 400;
}

.dashboard-user-greet{
	color: #4A5568;
}

.order-general-orderid {
	color: #4A5568;
}
.dashboard-latest-orders-header{
	color: #4A5568;
}

.account-menu{
	list-style: none;
	background-color: #EDF2F7;
	width: 100%;
	border-radius: 0.5rem;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
	padding-left: 1rem;
	
}
.account-menu li{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.account-menu li a{
	color: #4A5568;
}
.account-details-input-group{
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	margin-bottom: 1.5rem;
}

.account-details-input-group label{
	/* letter-spacing: 0.25rem; */
	color: #4a5568;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
}

.account-details-input{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.75rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	line-height: 1.25;
	display: block;
	border: 1px solid #E2E8F0;
	border-radius: 0.25rem;
	background-color: #E2E8F0;
	appearance: none;
	-moz-appearance: textfield !important;
	-webkit-appearance: none;
	width: 100%;
	color: #4A5568;

}

.account-details-input:focus{
	outline: none;
	background-color: #ffffff;
	border: 1px solid #A0AEC0;

}

.account-input-wrapper{
	width: 100%;
	margin-bottom: 0;
}

.account-details-input-half{
	width: 50%;
	margin-bottom: 0;
}

.account-details-input-group .account-details-input-half:first-child {
	padding-right: 10px;
}
.account-details-input-group .account-details-input-half:last-child {
	padding-left: 10px;
}


.account-details-input-half:last-child .account-details-input-small{
	width: 20%;
}

.account-details-dropdown{
	width: 90%;
}

.account-details-dropdown:focus{
	border: none;
	outline: none;
	border: 1px solid #A0AEC0;
}

.account-details-error{
	font-size: 0.75rem;
	font-style: italic;
	color: #F56565;
}

.account-details-success,
.account-details-succes{
	font-size: 0.75rem;
	font-style: italic;
	color: #68D391;
}

.cat-grid-image{
	border-radius: 0.25rem;
	overflow:hidden;
}

.cat-grid-name, .cat-grid-name h3{
	color: #a0aec0;
	letter-spacing: 0.1rem;
	margin-bottom: 0.25rem;
	font-size: 1rem;
}

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

.product-row .col-4.productColumn, .product-row .col-4.productColumn > div, .row.categories .col-3.categories, .row.categories .col-3.categories > div {
	display: grid;
}

.account-404-grid{
	margin-top: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.account-404-triangle{
	font-size: 5rem;
	color: #dd6b20;
	place-items: center;
	grid-column: 6/8;
	grid-row: 2;
}

.account-404-heading{
	font-size: 1rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	color: #2d3748;
}

.account-404-button-group{
	grid-row: 5;
	grid-column: 6/8;
}

.prod-name-area{
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: left;
}



.prod-row{
	display: flex;
	justify-content: left;
}

.hide-on-sm{
	display: none !important;
}

.show-on-sm{
	display: block;
}

@media (min-width: 768px){
	.account-404-grid{
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: repeat(5, 125px);
	}

	.hide-on-sm{
		display: inherit !important;
	}
	.show-on-sm{
		display: none;
	}
	.account-404-triangle{
		font-size: 10rem;
	}

	.account-404-heading{
		grid-column: 4/10;
		grid-row: 4;
		margin: 0 auto;
		font-size: 1.5rem;
	}

	.account-404-button-group{
		grid-row: 5;
		grid-column: 6/8;
	}

	.prod-name-area{
		text-align: center;
	}

	.shoppingcart-center {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.prod-row{
		display: flex;
		flex-direction: row;
		/* justify-content: center; */
	}
}

@media (min-width: 1024px){
	.account-404-grid{
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: repeat(5, 125px);
	}

	.account-404-triangle{
		font-size: 10rem;
	}

	.account-404-heading{
		grid-column: 4/10;
		grid-row: 4;
		margin: 0 auto;
		font-size: 2rem;
	}

	.account-404-button-group{
		grid-row: 5;
		grid-column: 6/8;
	}
}




#modal-retour-request{
	z-index: 50;
	top: 150px;
}

#retour-request-message-box{
	resize: none;
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	border: 1px solid #cbd5e0;
	margin-bottom: 1rem;
	height: 8rem;
}

.retour-request-message-label{
	margin-bottom: 0.5rem;
	line-height: 1.625;
	color: #2d3748;
}

#retour-request-message-box:focus{
	outline: none;
	border: 1px solid #667eea;
}

.btn-retour-send-request{
	background-color: #285e61;
	color: #edf2f7;
}
.btn-retour-send-request:hover{
	background-color: #234e52;
}
.btn-retour-send-request-cancel{
	background-color: #9b2c2c;
	color: #edf2f7;
}
.btn-retour-send-request-cancel:hover{
	background-color: #742a2a;
}

.retour-request-error{
	font-size: 1rem;
	font-style: italic;
	color: #F56565;
}
.retour-request-success{
	font-size: 1rem;
	font-style: italic;
	color: #48bb78;
	letter-spacing: 0.025em;
}

.retour-status{
    display: inline-block;
    padding: .25em .4em;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .5rem;
    
}

.retour-status-open{
    background-color: #3182ce;
    color: #fff;
}

.retour-status-accepted{
    background-color: #38a169;
    color: #fff;
}

.retour-status-declined{
    background-color: #c53030;
    color: #fff;
}

#newRetourState{
    width: 5rem;
}

.status-btn-group{
    margin-top: 1rem;
}

.link-disabled{
	pointer-events: none;
}

.shoppingcart-component-border-with-space{
	border: solid;
	border-left: none;
}

.row .shoppingcart-component-border-with-space:nth-of-type(1){
	border-left: solid;
}
.row > .shoppingcart-component-border-with-space:nth-last-child(){
	border-right: solid;
	
}

.prod-media-slide-item{
	display: none;
}

.prod-media-slider-fade{
	-webkit-animation-name: prod-media-fade;
  	-webkit-animation-duration: 0.8s;
  	animation-name: prod-media-fade;
  	animation-duration: 0.8s;
}

@-webkit-keyframes prod-media-fade {
	from {opacity: .4} 
	to {opacity: 1}
}
  
@keyframes prod-media-fade {
	from {opacity: .4} 
	to {opacity: 1}
}

.prod-media-prev, .prod-media-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

.prod-media-next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

.prod-media-prev {
	left: 0;
	border-radius: 3px 0 0 3px;
}

#wrapper content{
	position: relative;
	/* min-height: 100vh; */
}

#wrapper content footer{
	position: absolute;
	bottom: 0;
	/* width: 100; */
}

/*
 Boostrap 5 seems to miss the media querry for the 
 .mx-sm-2 class. 
*/

@media (min-width: 768px){
	.mx-sm-2{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
    .max-on-sm {
        max-width: 83.333333%;
        flex: 0 0 83.333333;
    }
}
.blog-overview-post-title{
	font-weight: 400;
	letter-spacing: 4px;
	text-align: center;
}

.subtle-shadow{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.blog-overview-item-footer{
	background-color: #FFF !important;
}

.blog-overview-post-title a{
	color: var(--secundairy-txt) !important;
}

.blog-breadcrumb-d::after{
	display: inline-block;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	content: '\00B7' !important;
	color: rgb(31, 41, 55) !important;
}


.blog-breadcrumb::before{
	display: inline-block;
	padding-right: 0 !important;
	padding-left: 0 !important;
	content: '' !important;
	color: rgb(31, 41, 55) !important;
}

.blog-breadcrumb a{
	color: var(--primary-txt);
	font-size: 1rem;
}

.blog-post-title{
	font-weight: 700;
}

.knowledge_cat_wrapper{
	border-radius: 5px;
	margin-bottom: 40px;
	border: 2px solid #e1e8ee;
	background-color: #f5f8fa;
}

.knowledge_cat_wrapper h3{
	padding: 20px 40px 0;
	/* text-align: center; */
	font-size: 1.15rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	/* padding-left: 25px; */

}

.knowledge_topic_list{
	padding: 10px 40px;
	margin-top: 0;
	margin-bottom: 1rem;
}

.knowledge_topic_list li{
	line-height: 35px;
	padding-left: 28px;

	
}


.knowledge_topic_list li a{
	color: var(--primary-txt);
	/* padding-left: 25px; */
}

.knowledge_cat_articles_text{
	height: 5rem;
}

.knowledge_cat_article_title{
	font-size: 2rem;
	font-weight: 700;
}

/*
	broken bootstrap classes.
*/

.d-sm-none {
	display: none !important; 
}
.d-sm-inline {
	display: inline !important; 
}
.d-sm-inline-block {
	display: inline-block !important; 
}
.d-sm-block {
	display: block !important; 
}
.d-sm-table {
	display: table !important; 
}
.d-sm-table-row {
  display: table-row !important; 
}
.d-sm-table-cell {
	display: table-cell !important; 
}
.d-sm-flex {
	display: -ms-flexbox !important;
	display: flex !important; 
}
.d-sm-inline-flex {
	display: -ms-inline-flexbox !important;
	display: inline-flex !important; 
} 

#pickupMap{
	height: 400px;
	width: 100%;
}


@media (min-width: 768px) {
	.d-md-none {
	  display: none !important; }
	.d-md-inline {
	  display: inline !important; }
	.d-md-inline-block {
	  display: inline-block !important; }
	.d-md-block {
	  display: block !important; }
	.d-md-table {
	  display: table !important; }
	.d-md-table-row {
	  display: table-row !important; }
	.d-md-table-cell {
	  display: table-cell !important; }
	.d-md-flex {
	  display: -ms-flexbox !important;
	  display: flex !important; }
	.d-md-inline-flex {
	  display: -ms-inline-flexbox !important;
	  display: inline-flex !important; } 
	
	#pickupMap{
		height: 960px;
		width: 960px;
	}
}
  
@media (min-width: 992px) {
	.d-lg-none {
	  display: none !important; }
	.d-lg-inline {
	  display: inline !important; }
	.d-lg-inline-block {
	  display: inline-block !important; }
	.d-lg-block {
	  display: block !important; }
	.d-lg-table {
	  display: table !important; }
	.d-lg-table-row {
	  display: table-row !important; }
	.d-lg-table-cell {
	  display: table-cell !important; }
	.d-lg-flex {
	  display: -ms-flexbox !important;
	  display: flex !important; }
	.d-lg-inline-flex {
	  display: -ms-inline-flexbox !important;
	  display: inline-flex !important; } 
}
  
@media (min-width: 1200px) {
	.d-xl-none {
	  display: none !important; }
	.d-xl-inline {
	  display: inline !important; }
	.d-xl-inline-block {
	  display: inline-block !important; }
	.d-xl-block {
	  display: block !important; }
	.d-xl-table {
	  display: table !important; }
	.d-xl-table-row {
	  display: table-row !important; }
	.d-xl-table-cell {
	  display: table-cell !important; }
	.d-xl-flex {
	  display: -ms-flexbox !important;
	  display: flex !important; }
	.d-xl-inline-flex {
	  display: -ms-inline-flexbox !important;
	  display: inline-flex !important; }
}

.pickup_hover_info{
	display: none;
}

#area_list > li:hover .pickup_hover_info{
	display: block;
}


.top-ordered-prod-img{
	width: 100px;
}

.pl-12px{
	padding-left: 12px !important;
}

input.quantity-holder.hide-spinner[type=number]::-webkit-inner-spin-button, 
input.quantity-holder.hide-spinner[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
	margin: 0;

}



.cart-header {
	font-weight: 700;
	
}





/* options */
.wrapper-demo {
    font-weight: 400;
    padding-bottom: 10px;
    width: 97%;
}

.wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}

.wrapper-dropdown-2 {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    outline: medium none;
    padding: 0px 15px;
    position: relative;
    width: auto;
}

.dropdownel:hover {
    background-color: #eeeeee;
}

.wrapper-dropdown-2:after {
    border-color: grey transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    content: "";
    height: 0;
    margin-top: -3px;
    position: absolute;
    right: 16px;
    top: 50%;
    width: 0;
}

.wrapper-dropdown-2 .dropdown {
    background: none repeat scroll 0 0 white;
    left: 0;
    list-style: outside none none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-out 0s;
    z-index: 100;
}

.wrapper-dropdown-2 .dropdown li a {
    border-left: 25px solid;
    color: #333;
    display: none;
    padding: 10px;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
    z-index: 10;
}

.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.no-opacity .wrapper-dropdown-2 .dropdown,
.no-pointerevents .wrapper-dropdown-2 .dropdown {
    display: none;
    opacity: 1;
    pointer-events: auto;
}

.no-opacity .wrapper-dropdown-2.active .dropdown,
.no-pointerevents .wrapper-dropdown-2.active .dropdown {
    display: block;
}

.optionlbl {
    font-weight: bold;
    padding-left: 8px;
}

.optionline {
    display: block;
    height: 10px;
    width: 310px;
}

.optionlinetext {
    float: left;
    font-size: 120%;
    font-weight: normal;
    width: 235px;
}

.optionlineprice {
    float: left;
    font-size: 120%;
    font-weight: normal;
    width: 50px;
}

.optionlinedelete {
    cursor: pointer;
    float: left;
    line-height: 2;
    margin-top: -4px;
    text-align: right;
    width: 20px;
}

/* end options */


.p-2:has(>.small-img) {
    max-width: 25%;
}