/*--------------------------------------------------*/
/*CUSTOM STYLE SHEET--------------------------------*/
/*Robin.softmaat Versie 2.000-----------------------*/
/*Datum ---2021-12-22-------------------------------*/
/*START---------------------------------------------*/

.panel_header_top_sub {
    background: #800080 !important;
}




    .loginBox {
display: contents;
}


/*hide advertisement in shoppingcard because of OCI connection button------------------------------------------*/
.ShoppingCartResumeDiv .UserSummaryContainer .SMAdWidgetHolder {
     display: none;
}
.dxcvTable_Metropolis {
     padding: unset;
}

.flowCardStyle {
    width: 23.4%;
    margin: 10px;
}


.mytabs {
	display: flex;
	flex-wrap: wrap;
	max-width: 600px;
	margin: 50px auto;
	padding: 25px;
	float: left ;
}

.mytabs input[type="radio"] {
	display: none;
}

.mytabs label {
	padding: 25px;
	background: #e2e2e2;	
	font-weight: bold;
	order: 0;	
}

.mytabs .tab {
	width: 100%;
	padding: 20px;	
	background: #FFF;
	order: 1;
	display: none;
}

.mytabs input[type="radio"]:checked + label + .tab {
	display: block;
}

.mytabs input[type="radio"]:checked + label {
	background: #008236;
	color: #FFF;
}

/* START NIEUWE AANPASSINGEN ONTWIKKELIMNG*/

#ctl00_MnAccount_DXI0_T{
    padding-top: 0px !important;
}

/* EINDE NIEUWE AANPASSINGEN ONTWIKKELING*/


/* START CUSTOM AANPASSINGEN KLEUR FONT ANDERS */

.obj-container {
     height: 280px !important;
    margin-top: 0px !important;
}

.SMlblSupergroupDescription {
     margin-top: 56px !important;
}

.column-half.LblBankAccount {
	display: none;
}

body {
	font-family: Open Sans !important;
}

p    {
	font-size: 18px !important;
	font-family: Open Sans !important;
	}


h1, h2, .dxm-content   {
	font-family: Sans Serif !important;
	}

.TreeViewProductGroups {
    font-family: Open Sans !important;
}

.dxdvControl_Metropolis {
	font-family: Open Sans !important;
}

.dxpnlControl {
	font-family: Open Sans !important;
}

.LblProductID {
	font-family: Open Sans !important;
}

/*START - Dashboard - text below icon*/


/*EINDE - Dashboard - text below icon*/


.SMbuttonColor {
    background: #53575a;
	color: white;
}

.CbPnlChosenFilters {
    margin-left: 25px;
}

.SalesAdvicePriceHolder {
    /* padding-left: 9px; */
    /* color: white; */
    /* background: transparent; */
    /* height: 21px; */
	display: none;
}


	.btn-discover {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: 1px solid rgba(255, 255, 255, 0.7);
		border-radius: 3px;
		color: #ffffff;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 1px;
		padding: 14px 60px;
		text-decoration: none;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
	}	
	
	.btn-discover:hover {
		color: #fff;
		border-color: rgba(255, 255, 255, 0.7);
		background-color:#D1C59B;
	}	
	
	.button-3 {
	  background-color:#D1C59B !important;
	}	
	
	.ChosenFilter {
		background: #0090e3 !important;
		font-size: 11pt !important;
		color: #FFFFFF !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;
	}
	
	.GridCell-LeftColumn {
	padding-left: 0px !important;
	}


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

	.SMHideUnhidecontactBlock{
		display:none !important;
	}

	.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;
	}	
	
/*FILTER LABEL KLEUR----------------------
	.SMbuttonColor{ 
		 background:#1383e1 !important; 
		 color: white  !important;  
	 } 	*/
	
/*SUPERGROEPN LABEL + KLEUR------------------
	.SMlblSupergroupDescription {
		border-color: #1383e1;
		background-color: #1383e1;
		border-radius: 3px !important;
		height: 28px;
		color: white !important;
	}*/
	
	.SMlblSupergroupDescription{
		font-family: Open Sans;		
	}		
	
	.SMProductDetailDescriptionLabel{
		font-size: 30px !important;
		font-family: Open Sans;
		font-weight: 600;
	}		
	
	.specialfonth1 {
		font-family: Open Sans;
		text-shadow: 2px 2px 10px black;   
	}
	.specialfonth2 {
		font-family: Open Sans;
	}		

/* EINDE CUSTOM AANPASSINGEN KLEUR FONT ANDERS */


/*---------------------------------------------------------------------------------------------------*/
/* 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*/	
	.SMProductDetailDescriptionLabel{
	font-size: 19px !important;
	}
	
.headerLogo {
    max-width: 100px !important;
}	

	
/*EINDE*/	
}
	
	
@media only screen and (min-width: 375px) and (max-width: 413px) {
/*START*/	

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

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

	.headerLogo {
		max-width: 120px !important;
		margin-top: -15px !important;
	}
	

/*EINDE*/
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*START*/	
	
	.headerLogo {
		max-width: 130px !important;
		margin-top: -18px !important;
	}	
	
/*EINDE*/	
}


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

.headerLogo {
    width: 100px;
    margin-top: -10px !important;
}
	

/*EINDE*/	
}

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

.headerLogo {
    width: 116px !important;
    margin-top: -17px !important;
}

	#headerMenu {	
		min-height: 48px;				
	}	


/*EINDE*/
}	

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

.headerLogo {
        max-width: 350px !important;
        margin-top: -16px !important;
    }

.SMAdWidgetHolder {
     margin-top: 225px;
}
	
/*EINDE*/
}	
	
/* EINDE CUSTOM AFMETINGEN PER SCHERM FONTSIZE - HOOGTE */

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