/*-----------------------------------------------*/
/*CUSTOM STYLE SHEET-----------------------------*/
/*NETFIETS---------------------------------------*/
/*Datum ---2025-06-20----------------------------*/
/*LAST EDITED BY FK------------------------------*/
/*START------------------------------------------*/

/* START NIEUWE AANPASSINGEN ONTWIKKELIMNG*/

.SMProductStockOverviewProductDetailPage  #ContentPlaceHolder1_cbProductDetails_pnlProducts_pnlProductInfo_ProductStock1_gvProductStockOverview_DXHeadersRow0 {
display: none;
}

.SMProductStockOverviewProductDetailPage  .dx-al {
display: none;
}

.SMProductStockOverviewProductDetailPage  .dx-ac {
width : 33px;
}

.LblStillProductsCss {
display: none;
}

.dxeButtonEdit_Moderno .dxeEditArea_Moderno {
    background-color: transparent !important;
}

.dxcvBreakpointsCard_Metropolis .dxeButtonEdit .dxeEditArea {
    background-color: transparent !important;
}

#ContentPlaceHolder1_ctl00_CbPnlProductcomplete_GvProductOrderedHistoryInMonths input[type="text"].dxeEditAreaSys {
    padding: 10px 5px !important;
    background: #f2f2f2 !important;
}

.ProductDescriptionLabel {
    text-transform: lowercase;
}
	
.dxbDisabled, a.dxbButton.dxbDisabled {
    text-transform: lowercase;
}

.SgTreeNode span {
    text-transform: lowercase;
}

.ProductDetailsButton {
    border-radius: 5px;
    /*border: 3px solid black;*/
    height: 50px !important;
}

.dxcvBreakpointsCard_Metropolis {
    border-radius: 25px !important;
    padding: 5px;
    font-family: poppins !important;
    box-shadow: 5px 5px 10px #00000038;
}

#SbBorderBox .SMSearchImgBtn {
	background: black !important;
}

#SbBorderBox .SMSearchImgBtn:hover {
	background: #389cff !important;
}

.SbBorderBox {
    background-color: transparent !important;
    border: transparent solid 0px !important;
}

.hoeken {
    border-radius: 25px;
    /*border: 5px solid black;*/
    box-shadow: 5px 5px 10px #00000038;
    transition: border 1s ease, box-shadow 1s ease;
}

.hoeken:hover {
    /*border: 5px solid #389cff;*/
    box-shadow: 5px 5px 15px #00000038;
}

.mainmenu__hamburger-button {
    background: #389cff!important;
}

.dxmLite.dxm-side-menu-mode .dxm-slide-panel .dxm-hovered {
    border: none !important;
}

.SpinButtons {
    margin: 0 !important;
}

/*PRODUCTEN PAGE*/

.dxeButtonEditButton {
    border: 0px solid #7f7f7f !important;
    background: #389cff !important;
    min-width: 25px;
}

.dxeButtonEditButton:hover {
    background: #000 !important;
}

.button.gridOrderButton {
    border: none !important;
}

.dxcvBreakpointsCard_Metropolis .dxeButtonEditSys td.dxic {
    padding: 0 !important;
    background: #ebebeb;
}

.dxeButtonEdit {
    border: 0px solid #9F9F9F !important;
    font-family: Poppins !important;
}

.SpinButtons:hover {
	background: #000000 !important;
}

.dxpLite_Metropolis .dxp-comboBox {
    border: 0px solid #c0c0c0 !important;
}

.SpinButtons {
    background: #389cff!important;
    color: white !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 5px !important;
}

/*PRODUCTEN PAGE END*/

/*SNEL BESTELLEN*/

.dxpLite_Moderno .dxp-num {
    color: #000000 !important;
	text-decoration: none !important;
	font-family: Poppins;
}

.dxgvDataRowAlt_Moderno {
    background-color: #f2f2f2 !important;
}

.dxgvDataRowHover_Moderno {
    background: #000000 !important;
}

.dxgvControl_Moderno.dxgvInLookup .dxgvHeader_Moderno {
    background: #389cff!important;
}

#ContentPlaceHolder1_cbProductDetails_QuickSearchASPxComboBox_DDD_gv_DXHeadersRow0 {
	font-family: Poppins;
    font-size: 16px;
     !important;
}

#ContentPlaceHolder1_cbProductDetails_QuickSearchASPxComboBox_B-1 {
	background: #389cff!important;
}

#ContentPlaceHolder1_cbProductDetails_QuickSearchASPxComboBox_B-1:hover {
	background: #000000 !important;
	border: none !important;
}

/*SNEL BESTELLEN END*/

.dxgvHeader_Moderno, .dxgvHeader_Moderno table {
    color: black !important;
    font-weight: 700;
}

.searchCriteriaComboBoxSg, .searchCriteriaComboBox, .searchCriteriaComboBoxDDL {
    border-color: transparent !important;
    background-color: #f2f2f2 !important;
}

.dxgvControl .dxgvFSDC .dxgvFooter td.dxgv {
    color: white;
}

.dvPaymentsItem {
    border-color: transparent !important;
    background: white !important;
}

.dxdvItem, .dxdvBreakpointsItem, .dxdvFlowItem {
    border: 0px solid #000 !important;
    background-color: white !important;
}

.OrderCheckContainer .dxbButtonSys.dxbTSys {
    border: none !important;
    color: #000 !important;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.ProgressBarElement  {
	background: #389cff!important;
}

#ContentPlaceHolder1_PnlMain_ProgressBarShoppingCart_CD, #ContentPlaceHolder1_ProgressBarShoppingCart_CD, #ContentPlaceHolder1_PnlMain_ProgressBarShippingChoice_CD, #ContentPlaceHolder1_ProgressBarShippingChoice_CD, #ContentPlaceHolder1_PnlMain_ProgressBarAddressing_CD, #ContentPlaceHolder1_ProgressBarAddressing_CD, #ContentPlaceHolder1_PnlMain_ProgressBarOverview_CD, #ContentPlaceHolder1_ProgressBarOverview_CD, #ContentPlaceHolder1_PnlMain_ProgressBarPayment_CD, #ContentPlaceHolder1_ProgressBarPayment_CD, #ContentPlaceHolder1_PnlMain_ProgressBarConfirmation_CD, #ContentPlaceHolder1_ProgressBarConfirmation_CD {
        font-family: Poppins !important;
        font-weight: 500 !important;
        color: white !important;
    }

.OrderCheckContainer a.dxbButton {
    padding: 0 10px !important;
}
	
/*OFFERTE PAGE*/

.finishorder-container .memo textarea {
    background: transparent;
}

.OrderCheckContainer .dxeMemo,
.OrderCheckContainer .dxeTextBox {
    border: 0px solid #9f9f9f !important;
    font-family: Poppins !important;
    font-size: 14px !important;
	background: #f0f5fa;
}

.OrderCheckContainer .dxeButtonEditSys td.dxic {
    padding-right: 10px !important;
}

.dxgvControl_Metropolis, .dxgvDisabled_Metropolis {
    color: white !important;
}

.shoppingCartControlHolder_orderDiscount,
.shoppingCartControlHolder_MultipleOrderLineDiscount {
    width: 50% !important;
}

.dxp-dropDownButton	{
	background: #389cff!important;
	padding: 5px 10px;
	border: none !important;
}

.dxp-dropDownButton:hover {
    background: #000000 !important;
}

.OrderCheckContainer .button {
    padding: 0px 10px !important;
}

.OrderCheckContainer .dxeSpinIncButton_Metropolis, 
.OrderCheckContainer .dxeSpinDecButton_Metropolis,
.OrderCheckContainer .dxeButtonEditSys .dxeButton, .dxeButtonEditSys .dxeButtonLeft {
    padding: 5px 10px;
    background: #389cff!important;
}

.OrderCheckContainer .dxeSpinIncButton_Metropolis:hover,
.OrderCheckContainer .dxeSpinDecButton_Metropolis:hover,
.OrderCheckContainer .dxeButtonEditSys:hover .dxeButton:hover, .dxeButtonEditSys:hover .dxeButtonLeft:hover {
    background: #000000 !important;
}

.OrderCheckContainer .dxeButtonEdit_Metropolis {
    border: 0px solid #c0c0c0 !important;
    background: #f2f2f2 !important;
}

.OrderCheckContainer .dxeButtonEditSys.dxeButtonEdit_Metropolis {
	min-width: 255px !important;
}

.OrderCheckContainer .dxeButtonEditButton {
    background: #389cff!important;
	padding: 5px 10px;
	border: none !important;
}

.OrderCheckContainer .dxeButtonEditButton:hover {
    background: #000000 !important;
}

.OrderCheckContainer .dxeButtonEdit {
    border: 0px solid #9F9F9F !important;
    font-family: Poppins !important;
    font-weight: 500 !important;
    margin: 2px;
	background: #f0f5fa;
}

/*OFFERTE PAGE END*/

/*SHOPPING CART PAGE*/

#shoppingCartControlHolder .dxeButtonEditSys td.dxic {
    padding-right: 10px !important;
}

.dxgvControl_Metropolis, .dxgvDisabled_Metropolis {
    color: white !important;
}

.shoppingCartControlHolder_orderDiscount,
.shoppingCartControlHolder_MultipleOrderLineDiscount {
    width: 50% !important;
}
	
#shoppingCartControlHolder .button {
    padding: 0px 10px !important;
}

#shoppingCartControlHolder .dxeSpinIncButton_Metropolis, 
#shoppingCartControlHolder .dxeSpinDecButton_Metropolis,
#shoppingCartControlHolder .dxeButtonEditSys .dxeButton, .dxeButtonEditSys .dxeButtonLeft {
    padding: 5px 10px;
    background: #389cff!important;
}

#shoppingCartControlHolder .dxeSpinIncButton_Metropolis:hover,
#shoppingCartControlHolder .dxeSpinDecButton_Metropolis:hover,
#shoppingCartControlHolder .dxeButtonEditSys:hover .dxeButton:hover, .dxeButtonEditSys:hover .dxeButtonLeft:hover {
    background: #000000 !important;
}

#shoppingCartControlHolder .dxeButtonEdit_Metropolis {
    border: 0px solid #c0c0c0 !important;
    background: #f2f2f2 !important;
}

#shoppingCartControlHolder .dxeButtonEditButton {
    background: #389cff!important;
	padding: 5px 10px;
	border: none !important;
}

#shoppingCartControlHolder .dxeButtonEditButton:hover {
    background: #000000 !important;
}

#shoppingCartControlHolder .dxeButtonEdit {
    border: 0px solid #9F9F9F !important;
    font-family: Poppins !important;
     !important;
    margin: 2px;
}

/*#shoppingCartControlHolder .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
    background: transparent !important;
}*/

/*SHOPPING CART PAGE*/

#ContentPlaceHolder1_cbProductDetails_productDetailsContainer .dxeButtonEdit_Metropolis {
	background: #f7f7f7 !important;
}

#ContentPlaceHolder1_cbProductDetails_productDetailsContainer input[type="text"].dxeEditAreaSys {
	background: transparent !important;
}

/*Productdetailpagina*/

.rcrumbs {
    text-transform: lowercase;
}

.ProductDescriptionLabel span {
    color: #000 !important;
}

#ContentPlaceHolder1_cbProductDetails_productDetailsContainer .dxeSpinIncButton_Metropolis, 
#ContentPlaceHolder1_cbProductDetails_productDetailsContainer .dxeSpinDecButton_Metropolis{
    padding: 5px 10px;
    background: #389cff!important;
}

#ContentPlaceHolder1_cbProductDetails_productDetailsContainer .dxeSpinIncButton_Metropolis:hover,
#ContentPlaceHolder1_cbProductDetails_productDetailsContainer .dxeSpinDecButton_Metropolis:hover {
    background: #000000 !important;
}

#ContentPlaceHolder1_cbProductDetails_productDetailsContainer .dxeButtonEdit_Metropolis {
	background: white !important;
}

#ContentPlaceHolder1_cbProductDetails_productDetailsContainer .dxeButtonEditButton {
    background: #389cff!important;
	padding: 5px 10px;
	border: none !important;
}

#ContentPlaceHolder1_cbProductDetails_productDetailsContainer .dxeButtonEditButton:hover {
    background: #000000 !important;
}

#ContentPlaceHolder1_cbProductDetails_productDetailsContainer .dxeButtonEdit {
    border: 0px solid #9F9F9F !important;
    font-family: Poppins !important;
     !important;
    margin: 2px;
}

/*Productdetailpagina*/

/*FORMULIER*/

#responsive-form .dxeButtonEdit {
    background-color: #f2f2f2 !important;
    border: none !important;
    font: unset !important;
    font-family: Poppins !important;
    font-size: 14px !important;
}

#responsive-form .button {
    padding: 5px 10px !important;
    font-family: 'Poppins';
    font-size: 16px;
}

#responsive-form .dxeMemo {
    background-color: #f2f2f2 !important;
    border: 0px solid #9f9f9f !important;
}

#responsive-form .dxeMemoEditArea {
    background-color: #f2f2f2 !important;
}

#responsive-form .dxeBase {
    font: unset;
    font-family: Poppins !important;
    font-size: 16px;
    ;
}

#responsive-form  input[type="text"].dxeEditArea_Metropolis, input[type="password"].dxeEditArea_Metropolis {
    font-family: Poppins !important;
    font-size: 14px;
}

#responsive-form .dxeTextBox {
    background-color: #f2f2f2 !important;
    border: 0px solid #9f9f9f !important;
    font: unset !important;
}

#responsive-form .dxeTextBox_Metropolis {
    background-color: #f2f2f2 !important;
    border: 0px solid #c0c0c0 !important;
    font: unset !important;
    font-family: Poppins;
    font-size: 14px;
}

#responsive-form .dxeTextBox_Metropolis .dxeEditArea_Metropolis {
    background-color: transparent !important;
}

#responsive-form {
    padding: 40px 0px;
}

#responsive-form .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
    font-family: Poppins;
    color: #333;
    padding: 0px 5px;
}

#responsive-form .column-half, .column-full {
    padding: 10px !important;
}

/*FORMULIER END*/

.shoppingCartControlHolder .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
    background: transparent !important;
}

/*CATEGORIEËN*/

    .LblProductPriceFrom, .PriceLabelDiscount {
        display: none !important;
    }
	
.dxgvHeader table {
    color: white !important;
}

.dxgvHeader {
    border: 0px !important;
	background: black !important;
}

.dxgvControl, .dxgvDisabled {
    border: 0px !important;
	margin-top: 5px; 
}

.dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvAdaptiveDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvAdaptiveDetailRow td.dxgvAIC {
    border-bottom: 0px !important;
    border-right: 0px !important;
}

p {
	font-family: poppins; 
}

body {
	font-family: poppins; 
}

h1 {
	word-break: break-all;
	font-family: poppins; 
}

h2 {
	word-break: break-all;
	font-family: poppins; 
}

h3 {
	font-family: poppins; 
}

h4 {
	word-break: break-all;
	font-family: poppins; 
}

h5 {
	word-break: break-all;
	font-family: poppins; 
}

h6 {
	word-break: break-all;
	font-family: poppins; 
}

#HlNewsletter {
	display: none !important;
}

.button:hover, .SMBtnSummaryNewCustomer:hover, .finishorder_button:hover {
	background: #389CFF !important;
	text-decoration: none !important;
	color: #000 !important;
}

#ctl00_ContentPlaceHolder1_CallBackPanel_BtnClearShoppingcart {
    width: 112px !important;
    margin-right: 5px !important;
    background: #000 !important;
}

#ctl00_ContentPlaceHolder1_CallBackPanel_BtnClearShoppingcart:hover {
    background: #9dcefd !important;
}
	
/*NIEUWE INLOG*/
.fullWidth:has(#ctl00_ContentPlaceHolder1_LoginBox_ASPxBtnForgotPassword, #ContentPlaceHolder1_LoginBox_LoginButton) {
    display: flex;
	flex-direction: column;
}

#ctl00_ContentPlaceHolder1_LoginBox_ASPxBtnForgotPassword {
    order: 1; 
}

#ContentPlaceHolder1_LoginBox_LoginButton {
    order: 2;
    padding: 10px;
    width: 100% !important;
}

#ContentPlaceHolder1_BtnAddCustomer {
    padding: 10px;
    width: 100% !important;
}

#ctl00_ContentPlaceHolder1_LoginBox_ASPxBtnForgotPassword {
    background: transparent !important;
    padding: unset !important;
    margin-top: -20px;
    margin-bottom: 20px;
    text-align: start;
}

#ctl00_ContentPlaceHolder1_LoginBox_ASPxBtnForgotPassword span {
	color: #389cff !important;
}

#ContentPlaceHolder1_LoginBox_LoginButton span {
	font-size: 20px;
    text-transform: lowercase;
    font-family: Poppins;
    font-weight: 800;
}

#ContentPlaceHolder1_BtnAddCustomer span {
	font-size: 20px;
    text-transform: lowercase;
    font-family: Poppins;
    font-weight: 800;
}

.labelForm {
    margin-top: 10px;
}

.pnlLogin, .PnlAddCustomer  {
    padding: 20px !important;
}

.dxeBase.header {
	font-size: 32px;
	color: #389CFF;
	font-weight: 700;
}

.loginBox {
    width: 100% !important;
}
	
#ContentPlaceHolder1_loginHolder {
    display: flex;
	margin-top: 40px !important;
}
	
#ContentPlaceHolder1_PnlLoginInfo {
	display: none;
}

/*NIEUWE INLOG EIND*/

.obj-container-img {
        max-height: 220px;
    }

.obj-container:hover {
    border-style: solid !important;
	box-shadow: 5px 5px 10px #0000002e;
}

.SMlblSupergroupDescription {
    background-color: #389CFF;
    height: auto !important;
    color: black !important;
    font-weight: 700 !important;
    min-height: 47px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.dxdvItem, .dxdvBreakpointsItem, .dxdvFlowItem {
    padding: 0 !important;
}

/*CATEGORIEËN END*/

a.LgnStatus:hover, a.HlNewsletter:hover {
    color: black !important;
}

.container-4-columns-top {
    display: grid;
    justify-content: center;
}

.top_content {
    padding-bottom: 0px !important;
}

.btn-header {
    padding: 20px !important;
}

.Zoom:hover {
  /*transform: scale(1.02); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  index: 1;
  background: black;
  color: #9dcefd !important;
  text-decoration: none;
  /*border: 3px solid #389CFF;*/
    border-radius: 5px;
}

.btn-header-color {
    background: #389CFF;
    color: black;
    /*border: 3px solid black;*/
    border-radius: 5px;
	transition: border 1s ease, background 1s ease, color 1s ease;
}

.btn-header {
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none !important;
	margin: 0px !important;
	text-align: center;
	color: black;
}

.btn-header-small {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 10px !important;
	margin: 0px !important;
	text-transform: lowercase;
	text-align: center;
	color: black;
}

#center {
    padding: 0px !important;
}
	
.landscape {
    height: 0px;
}

.FooterRow {
	margin-top: 240px !important; 
}
	
.cell {
  text-align: flex-start;
padding: 40px;
}

.cell-text {
  padding: 40px;
}

.cell-1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.cell-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.percentageholder {
    background-color: #f6f6f6;
    height: 60px;
    position: relative;
    width: 100%;
}
		
.sm-mainmenu__rootitem .dxm-content {
    padding: 0px 10px 0px 10px !important;
font-weight: bold;
}
	
.container-1-columns {
    display: grid;
    justify-content: center;
	background-size: cover;
	background-position-x: center;
    background-position-y: center;
}

.container-2-columns {
    display: grid;
    justify-content: center;
}

.container-3-columns {
	display: grid;
	justify-content: center;	
}

.container-4-columns {
    display: grid;
    justify-content: center;
}

.container-4-columns-sub {
    display: grid;
    justify-content: center;
}

.container-5-columns {
    display: grid;
    justify-content: center;	
}

.container-6-columns {
    display: grid;
    justify-content: center;	
}

.container-7-columns {
    display: grid;
    justify-content: center;	
}

.SubtotalNettText, .SubtotalNettAmount {
color: blue;
background: lightblue;
margin-top: 5px;
    margin-bottom: 5px;
}

.item_bg_image {
    height: 200px !important;
}

.ProductCard {
    height: 320px !important;
}

.loginBoxHolder {
	display: table;
}

/* EINDE NIEUWE AANPASSINGEN ONTWIKKELING*/

/* START CUSTOM AANPASSINGEN KLEUR FONT ANDERS */

.delft-line {
	display: none !important;
}

/*NAVIGATION BAR END*/

.SgNodeSelected, .SgNodeHover {
    border-bottom: solid 1px transparent !important;
}

.sm-mainmenu__rootitem--hover, .dxtc-tabHover {
    border-bottom: 3px black solid !important;
}

/*PRODUCT CARDS*/

.grid_item_responsive {
    min-width: 294px !important;
}

.grid_item:hover {
    box-shadow: 0px 5px 10px grey;	
}

.obj-container:hover {
    box-shadow: 0px 0px 20px grey;
}

.grid_item {
    box-shadow: 0px 3px 5px grey;	
}

.obj-container {
    box-shadow: 0px 0px 10px grey;
	border-radius: 15px;
}

.HlProductDetails:hover {
	background: black !important;
	color: #389CFF !important;
	text-decoration: none !important;
}

.SMlblSupergroupDescription:hover {
    background: black;
	color: #389CFF !important;
}

dxmLite .dxm-main .dxm-checked, .dxmLite .dxm-selected, .dxmLite .dxm-hovered, .dxmLite .dxm-main .dxm-dropDownMode.dxm-checked .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-selected .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-hovered .dxm-popOut {
    border-color: transparent !important;
}

#wide-div {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.panel_footer_sub {
	background-color: #389CFF !important;
	position: relative;
	bottom: 0;
}

.panel_footer {
	    padding-top: 40px;
}

.dxm-item.SMmnHeadMenuItem.dxm-hovered {
	border-color: transparent !important;
}

.dxmLite .dxm-main {
    background-color: transparent !important;
}

.masterContainer {
	background-color: transparent !important;
	min-height: 490px;
}

p {
    font-size: 16px !important;
}

body {
    overflow-x: unset !important;
}


/*FOOTER VAST CONTACTBLOCK ONZICHTBAAR---------------------------------
#footer .contactBlock {
    margin-right: 20px;
    display: none;
}		*/

	h2.parallaxPrcexxx {
		font-size: 5em !important;
		color: #fff;
		text-shadow: 2px 2px 10px black;    
	}

	.header-info-block {
		border-radius: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

.header-info-block h1 {
    color: #D1C59B;
    margin-top: 36px;
    margin-bottom: 14px;
    text-shadow: 2px 2px 0px #8e6c6d;
}


	.header-info-block p {
		font-size: 1.2em !important;
	}
	
	.button {
		background: -moz-linear-gradient(top, #6b5b6c 0%, #6b5b6c 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b5b6c), color-stop(100%,#6b5b6c)) !important;
	} 	

	.GridCell-LeftColumn {
	padding-left: 0px !important;
	}


	.ict-parallax-container .btn .parallax-btn {
		background-color: #d1c59b;
		color: #FFF;
		text-transform: lowercase;
	}

	.SMHideUnhidecontactBlock{
		display:none !important;
	}

	.dxmLite .dxm-horizontal .dxm-image-l .dxm-content, .dxmLite .dxm-horizontal .dxm-image-r .dxm-content {
	font-size: 1.25em;
    text-transform: lowercase;
    font-family: Poppins;
}

	.mediaTextHolder {
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 100% !important;
	}		
	
	.nav-side-menu ul, .nav-side-menu li {
		background: white;
	}

	.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
		background: white;
	}

	.nav-side-menu li:hover {
		background-color: #f2eded !important;
		color: white !important;
	}	
	
	.productNameHolder .LblProductID {
	padding: 5px 0px 3px;
	width: 100%;
	word-wrap: break-word;
	}
	
	.SMfloat {
		float: left !important;
	}	
	
	.SMProductDetailDescriptionLabel{
		font-size: 30px !important;
		font-family: Poppins;
		font-weight: 600;
	}		
	
	.specialfonth1 {
		font-family: 'Satisfy', cursive ;
		text-shadow: 2px 2px 10px black;   
	}
	.specialfonth2 {
		font-family: 'Satisfy', cursive ;
	}		


/*---------------------------------------------------------------------------------------------------*/
/* START CUSTOM AFMETINGEN PER SCHERM 320 - 375 - 414 - 768 - 1024 - 1280 - 1500>  FONTSIZE - HOOGTE */
	
@media only screen and (min-width: 320px) and (max-width: 374px) {
/*START*/	

img.dx-vam {
    max-width: 150px !important;
    height: auto;
}

.obj-container {
	height: 202px !important;
    width: 150px !important;
    margin-right: 5px !important;
	min-width: 150px;
}

.container-4-columns-top {
    grid-template-columns: 1fr 1fr;
}

.padding-xl {
    padding: 0 !important;
}

.padding-lg {
    padding: 0 !important;
}

.padding-md {
    padding: 0 !important;
}

.padding-sm {
    padding: 0 !important;
}

.padding-xs {
    padding: 0 !important;
}

.padding-xxs {
    padding: 0 !important;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-columns: 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr;
}

.container-4-columns-sub {
    grid-template-columns: 1fr 3fr 1fr 3fr;
}

.container-5-columns {
    grid-template-columns: 1fr;	
}

.container-6-columns {
    grid-template-columns: 1fr;
}

.container-7-columns {
    grid-template-columns: 1fr;
}

	.SMProductDetailDescriptionLabel{
	font-size: 19px !important;
	}
	
.headerLogo {
    width: 115px !important;
    margin-top: 2px;
}
	
/*EINDE*/	
}
	
	
@media only screen and (min-width: 375px) and (max-width: 413px) {
/*START*/	

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 12px;
}

.padding-cell {
    padding: 20px !important;
    margin: 15px;
	min-height: 320px;
}

img.dx-vam {
    max-width: 150px !important;
    height: auto;
}

.obj-container {
	height: 202px !important;
    width: 168px !important;
    margin-right: 14px !important;
	min-width: 168px;
}

.container-4-columns-top {
    grid-template-columns: 1fr 1fr;
}

.padding-xl {
    padding: 0 !important;
}

.padding-lg {
    padding: 0 !important;
}

.padding-md {
    padding: 0 !important;
}

.padding-sm {
    padding: 0 !important;
}

.padding-xs {
    padding: 0 !important;
}

.padding-xxs {
    padding: 0 !important;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-columns: 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr;
}

.container-4-columns-sub {
    grid-template-columns: 1fr 3fr 1fr 3fr;
}

.container-5-columns {
    grid-template-columns: 1fr;	
}

.container-6-columns {
    grid-template-columns: 1fr;
}

.container-7-columns {
    grid-template-columns: 1fr;
}
	
/*.panel_header_top_sub {
    display: none !important;
}*/	
	
.headerLogo {
    width: 120px !important;
    margin-top: -10px;
}

/*EINDE*/	
}

@media only screen and (min-width: 414px) and (max-width: 767px) {
/*START*/	

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 12px;
}

.padding-cell {
    padding: 20px !important;
    margin: 15px;
	min-height: 320px;
}

img.dx-vam {
    max-width: 150px !important;
    height: auto;
}

.obj-container {
	height: 202px !important;
    width: 188px !important;
    margin-right: 14px !important;
	min-width: 188px;
}

.container-4-columns-top {
    grid-template-columns: 1fr 1fr;
}

.padding-xl {
    padding: 0 !important;
}

.padding-lg {
    padding: 0 !important;
}

.padding-md {
    padding: 0 !important;
}

.padding-sm {
    padding: 0 !important;
}

.padding-xs {
    padding: 0 !important;
}

.padding-xxs {
    padding: 0 !important;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-columns: 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr;
}

.container-4-columns-sub {
    grid-template-columns: 1fr 3fr 1fr 3fr;
}

.container-5-columns {
    grid-template-columns: 1fr;	
}

.container-6-columns {
    grid-template-columns: 1fr;
}

.container-7-columns {
    grid-template-columns: 1fr;
}

.headerLogo {
    width: 120px !important;
    margin-top: -8px !important;
}
	
/*EINDE*/
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*START*/	

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 12px;
}

.padding-cell {
    padding: 20px !important;
    margin: 15px;
	min-height: 320px;
}

img.dx-vam {
    max-width: 150px !important;
    height: auto;
}

.obj-container {
	height: 202px !important;
    width: 175px !important;
    margin-right: 14px !important;
	min-width: 175px;
}

#header {
	height: 50px !important;
}

.panel_header_sub {
    height: 55px;
}

.panel_header_top_sub {
    height: 50px;
}

.userMenuHeaderManipulate {
    margin-top: 0px !important;
}
	
.SMpanel_header_top_sub {
     height: 50px;
}
	
.container-4-columns-top {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.padding-xl {
    padding: 40px 20px !important;
}

.padding-lg {
    padding: 40px 20px !important;
}

.padding-md {
    padding: 40px 20px !important;
}

.padding-sm {
    padding: 40px 20px !important;
}

.padding-xs {
    padding: 40px 20px !important;
}

.padding-xxs {
    padding: 40px 20px !important;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr;
}

.container-4-columns-sub {
    grid-template-columns: 1fr 3fr 1fr 3fr;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr;	
}

.container-6-columns {
    grid-template-columns: 1fr 1fr;
}

.container-7-columns {
    grid-template-columns: 1fr 1fr;
}
	
.headerLogo {
    width: 125px !important;
    margin-top: -40px !important;
}	
	
/*EINDE*/	
}


@media only screen and (min-width: 1024px) and (max-width: 1279px) {
/*START*/	

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 12px;
}

.padding-cell {
    padding: 20px !important;
    margin: 15px;
	min-height: 240px;
}

img.dx-vam {
    max-width: 150px !important;
    height: auto;
}

.obj-container {
	height: 202px !important;
    width: 188px !important;
    margin-right: 14px !important;
	min-width: 188px;
}

.panel_header_sub {
    height: 55px;
    margin-top: 0;
}

.container-4-columns-top {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.dxdvFlowItemsContainer {
    width: 1024px;
}

.padding-xl {
    padding: 9rem 9rem !important;
}

.padding-lg {
    padding: 9rem 9rem !important;
}

.padding-md {
    padding: 80px !important;
}

.padding-sm {
    padding: 40px !important;
}

.padding-xs {
    padding: 40px 20px !important;
}

.padding-xxs {
    padding: 40px 10px !important;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr;
}

.container-4-columns-sub {
    grid-template-columns: 1fr 3fr 1fr 3fr 1fr 3fr 1fr 3fr;
	margin-top: -5px;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr 1fr;	
}

.container-6-columns {
    grid-template-columns: 1fr 1fr 1fr;
}

.container-7-columns {
    grid-template-columns: 1fr 1fr 1fr;
}

.headerLogo {
    margin-top: -10px;
    width: 160px;
}

.panel_header {
height: 75px !important;
}
	
/*EINDE*/	
}

@media only screen and (min-width: 1280px) and (max-width: 1499px) {	
/*START*/	

.dxeButtonEdit {
    min-width: 85px !important;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 12px;
}

.padding-cell {
    padding: 20px !important;
    margin: 15px;
	min-height: 240px;
}

.obj-container {
	height: 202px !important;
    width: 196px !important;
    margin-right: 14px !important;
	min-width: 196px;
}

img.dx-vam {
    max-width: 150px !important;
    height: auto;
}

.panel_header_sub {
    height: 55px;
    margin-top: 0;
}

.container-4-columns-top {
    grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: -5px;
}
	
.dxdvFlowItemsContainer {
    width: 1280px;
}

.padding-xl {
    padding: 9rem 12rem !important;
}

.padding-lg {
    padding: 9rem 12rem !important;
}

.padding-md {
    padding: 80px !important;
}

.padding-sm {
    padding: 40px !important;
}

.padding-xs {
    padding: 80px  20px !important;
}

.padding-xxs {
    padding: 80px  20px !important;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-4-columns-sub {
    grid-template-columns: 1fr 3fr 1fr 3fr 1fr 3fr 1fr 3fr;
	margin-top: -5px;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr 1fr;	
}

.container-6-columns {
    grid-template-columns: 1fr 1fr 1fr;
}

.container-7-columns {
    grid-template-columns: 1fr 1fr 1fr;
}
	
#headerMenu {	
	min-height: 48px;				
}
.panel_header {
height: 75px !important;
}	

.headerLogo {
    margin-top: -10px;
    width: 160px;
}
	
/*EINDE*/
}	

@media only screen and (min-width: 1500px) {	
/*START*/

.dxeButtonEdit {
    min-width: 85px !important;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 12px;
}

.padding-cell {
    padding: 40px !important;
    margin: 20px;
}

/*.dxgvControl, .dxgvDisabled {
	width: 282px !important;
}*/

.EasyOrder_ProductList {
	width: 80% !important;
	max-width: 80% !important;
}

.obj-container {
	height: 202px !important;
    width: 200px !important;
    margin-right: 14px !important;
	min-width: 200px;
}

img.dx-vam {
    max-width: 150px !important;
    height: auto;
}
	
#header {
    height: 0 !important;
}

.panel_header_sub {
    height: 55px;
    margin-top: 0;
}

.cell-height-lg {
	min-height: 640px;
}

.cell-height-sm {
	min-height: 360px;
}
	
.container-4-columns-top {
    grid-template-columns: 1fr 1fr 1fr 1fr;
	margin-top: -5px;
}
	
.dxdvFlowItemsContainer {
    width: 1500px;
}
	
.container-2-columns-icon {
    display: grid;
    grid-template-columns: 1fr 5fr;
}

.header-height {
	height: 160px;
}

.padding-xl {
    padding: 40px 400px !important;
}

.padding-lg {
    padding: 40px 320px !important;
}

.padding-header {
    padding: 40px 240px !important;
}

.padding-md {
    padding: 40px 240px !important;
}

.padding-sm {
    padding: 40px  80px !important;
}

.padding-xs {
    padding: 40px  20px !important;
}

.padding-xxs {
    padding: 40px  10px !important;
}

.container-1-columns {
	grid-template-columns: 1fr;
}

.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-4-columns-sub {
    grid-template-columns: 1fr 3fr 1fr 3fr 1fr 3fr 1fr 3fr;
	margin-top: -5px;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;	
}

.container-6-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.container-7-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

    .headerLogo {
        margin-top:0px;
        width: 200px;
    }

.panel_header {
	height: 110px !important;
}

/*EINDE*/
}	
	
/* EINDE CUSTOM AFMETINGEN PER SCHERM FONTSIZE - HOOGTE */

/*----------------------------------------------*/
/*CUSTOM STYLE SHEET------------------*/
/*EINDE--------------------------------------*/