/*
	Copyright :: www.jwsdesign.nl - 2022
	
*/


/* Base ________________________________________________________________________ Base*/

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(loader_image.gif) 50% 50% no-repeat rgb(249,249,249,0.25);
	background-size: 64px;
}


#ui-datepicker-div {
	z-index: 9999 !important;
}

* {
	margin: 0;
	padding: 0;
 	font-family: "exo_2regular",Arial, Verdana, sans-serif;
	outline: none;
}

html, body {
	margin: 0px;
	height: 100%;
}

body {
	font-size:12px;
	line-height:15px;
	/* background:url(../images/bg_filler1.png); */
	/* background-color: #498A1A; */
	background-color: #EDEDED;
	background-repeat: repeat-x;
	text-align: center;
}

.jws_no_padding{
	padding: 0px;
}

.jws_div_border_left_right{
	border-left: 1px solid black;
	border-right: 1px solid black;
}

a {
	color: inherit;
}

a:hover {
	color: inherit;
}

.swal-botton {
	background-color: yellow;
}


#login_main_container {
	padding-top:0px;
	width:100%;
	height: 100%;
	text-align:left;
	margin-bottom: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;	
	background-color: silver;

}


#login_container {
	display: block;
	position: relative;
	height: 100%;
	width: 25%;
	float: left;
	min-width: 300px;
	min-width: 400px;
	background-color: white;	
	text-align: center;
	padding: 25px;
	box-sizing: border-box;
	z-index: 1;
}

	#login_container .login_logo {
		width: 90%;
		max-width: 290px;
		float: left;
	}

	.login_logo_background {
	position: fixed;
    left: -235px;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(255, 255, 255, 0.2); */
    /* content: 'Watermark'; */
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 200px;
    /* z-index: -1; */
    background-repeat: no-repeat !important;
    /* background-position-x: center; */
    background-position-y: center !important;
	}	
#login_container .form {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

#login_container .toggle-password {
	float: right;
    font-size: 28px;
    margin-top: -40px;
    margin-right: 14px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #707070;
}


#login_container .form p{
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	text-align: left;
	margin: 0px 0px 20px 0px
}


#login_container .form input[type=text],input[type=password] {
  outline: 0;
  background: #F4F4F4;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  min-height: 50px;
  box-sizing: border-box;
  font-size: 16px;
  border-radius: 25px;
}

#login_container .form input[type=text],input[type=password] {
    padding-right: 30px;
}

#login_container .form button {
  outline: 0;
  background: #d36f25;
  float: right;
  border: 0;
  padding: 0px 25px;
  color: #FFFFFF;
  font-size: 16px;
  min-height: 50px;
  line-height: 50px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  border-radius: 25px;
}
#login_container .form button:hover,.form button:active,.form button:focus {
/*  background: #666666; */
}
#login_container .form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
#login_container .form .message a {
  color: #4CAF50;
  text-decoration: none;
}
#login_container .form .register-form {
  display: none;
}

#login_container .form_login_remember {
	display: block;
	text-align: left;
	margin-bottom: 15px;
}

#login_container .password_forgot {
	display: block;
	float: left;
	color: #C9C9C9;
	text-decoration: underline;
	line-height: 50px;
  	font-size: 14px;
}

#login_container .form1 {
  display: block;
  float: left;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  max-width: 300px;
  margin: 0;
  text-align: left;
  
  left: 50%;
  transform: translate(-50%,-50%);
  bottom: 0px;
}



#login_container .form1 h2{
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	text-align: left;
	margin: 0px 0px 10px 0px
}
#login_container .form1 p{
	margin: 0px 0px 16px 0px
}

#login_container .form1 .button_new_customer{
	height: 50px;
	color: #707070;
	line-height: 50px;
	border: 1px solid #C9C9C9;
	border-radius: 25px;
	padding: 0px 25px;
	float: left;
	text-decoration: none;
}
#login_container .form1 .button_new_customer:hover{
	text-decoration: underline;
}


#login_container_slider {
	position: absolute;
	right: 0px;
	display: block;
	height: 100%;
	width: 75%;
	float: right;
	background-color: #FFF;	
	box-sizing: border-box;
	z-index: 0;
}


#form_passsword_forgot {
	padding: 20px;
	line-height: 28px;
	font-size: 18px;
}

#form_passsword_forgot h2 {
	margin-bottom: 20px;
}	

#form_passsword_forgot p{
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	text-align: left;
	margin: 0px 0px 20px 0px
}


#form_passsword_forgot input[type=text],input[type=password] {
  outline: 0;
  background: #F4F4F4;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  min-height: 50px;
  box-sizing: border-box;
  font-size: 16px;
  border-radius: 25px;
}


#form_passsword_forgot button {
  outline: 0;
  background: #d36f25;
  float: right;
  border: 0;
  padding: 0px 25px;
  color: #FFFFFF;
  font-size: 16px;
  min-height: 50px;
  line-height: 50px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  border-radius: 25px;
}
/* HEADER __________________________________________________________ */

#header	{
	position: fixed;
	height: 90px;
	top: 0;
	z-index: 99;
	display: table;
	width: 100%;
	padding-bottom: 0px;
	background-color: #d36f25;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	
}

#header_container {
	display: flex;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	height: 100%;
	align-items: center;
		background-size: contain;
  		background-repeat: no-repeat;
  		background-position-x: 0px;
  		background-position-y: 0px;

}

#header_logo {
	display: block;
	float: left;
}

	#header_logo img {
	position: absolute;
	height: 35px;
	margin: 0 0 0 60px;
	top: 50%;
	transform: translateY(-50%);

		
	}

#header_content {
	display: flex;
	flex-basis: max-content;
	flex-grow: 1;
	margin-top: 0px;
	margin-left: 340px;

}

	#header_content form{
	display: contents;
	}

#header_content input[name="search_overall"]{
	height: 50px;
	width: 100%;
    border-radius: 25px;
	border: 0px;
	padding-left: 20px;
	box-sizing: border-box;
}

#header_content .btn_search_overall {
	margin-left: -50px;
	margin-top: 5px;
}
	
#header_userinfo {
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
	
#header_icons {
	margin-right: 20px;

}

#header_icons div{
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

	#header_user {
	color: #F4F4F4;	
	font-size: 16px;
	}
	#header_user span{
		display: block;
		float: left;
		margin-right: 10px;
		margin-left: 50px;
		line-height: 40px;
	}
	
	#header_qrscanner {
	display: none;
	color: #F4F4F4;	
	font-size: 16px;
	}
	#header_qrscanner span{
		display: block;
		float: left;
		margin-right: 10px;
		margin-left: 50px;
		line-height: 40px;
	}

	
	#header_mail .circle_message_counter{
		display: block;
		position: relative;
		border-radius: 50%;
		width: 14px;
		height: 14px;
		padding: 3px;
		background-color: white;
		color: #707070;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		float: right;
		margin-top: -4px;
		margin-left: -12px;
		margin-right: -6px;
		z-index: 5;
	
	}

	#header_basket .circle_basket_counter {
		display: block;
		position: relative;
		border-radius: 50%;
		width: 14px;
		height: 14px;
		padding: 3px;
		background-color: white;
		color: #707070;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		float: right;
		margin-top: -4px;
		margin-left: -12px;
		margin-right: -6px;
		z-index: 5;
	}	

	#header_checkout_timer {
		position: absolute;
		color: #000;
		right: 30px;
		width: 220px;
		top: 80px;
		text-align: center;
		line-height: 24px;
		background-color: #ededed;
		height: 20px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	#header_checkout_timer i {
		font-size: 12px;
		margin-right: 5px;
	}
	#header_checkout_timer #countdown {
		float: none;
		display: inline-block;
	}
	#header_checkout_timer .warning {
		color: red;
	}
	
	#alert-box-basket {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #439d5e; /* Groene kleur */
    color: white;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    z-index: 9999;
    opacity: 1;
    transition: opacity 1s ease-out; /* Fade-out effect */
	}
	
	#alert-box-basket i {
		font-size: 26px;
		margin-right: 15px;
		vertical-align: middle;
	}
	
/* Webshop container_____________________________________________________________________*/
#main-container {
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	flex-direction: row;
	padding-top:125px;
	width:100%;
	max-width: 1600px;
	text-align:left;
	margin-bottom: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;	
}

	#main-container.main-container-products {
	justify-content: flex-start; !important;
	}

.div_load_more { 
	display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0px 10px 0px;
}

.div_load_more #loadMoreButton{
	border-radius: 5px;
    font-size: 16px;
    background-color: #d36f25;
    color: white;
    padding: 1px 20px;
    box-sizing: border-box;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}

.div_load_more .load_more_spinner {
	height: 24px;
	margin-left: 20px;
	display: none;
}
/* Dashboard webshope _________________________________________________________________________________ */	
#webshop_products_header1 {
	display: flex;
	justify-content: center;
	width: 100%;
	float: left;
	margin: 30px 0px 30px 0px;
}
	
	#header1_buttons {
		font-size: 16px;
		color: #707070;
	}
	
	#header1_buttons img {
		margin-right: 10px;
	}
	
	#header1_buttons .dashboard {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		padding: 15px 20px 15px 25px;
		box-sizing: border-box;
		cursor: pointer;
	}
	#header1_buttons .dashboard_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header1_buttons .products {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		padding: 15px 20px 15px 25px;
		box-sizing: border-box;
		cursor: pointer;
	}

	#header1_buttons .products_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header1_buttons .messages,
	#header1_buttons .relations,
	#header1_buttons .products_list {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		padding: 15px 20px 15px 25px;
		box-sizing: border-box;
		cursor: pointer;
	}
	
	#header1_buttons .messages .fa,
	#header1_buttons .relations .fa,
	#header1_buttons .products_list .fa {
		font-size: 16px;
		margin-right: 10px;
	}
	
	#header1_buttons .sales_portal_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header1_buttons .circle_quote_counter {
		display: block;
		border-radius: 50%;
		width: 14px;
		height: 14px;
		padding: 3px;
		background-color: #d36f25;
		color: #FFF;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}

	
	#webshop_products_header1 #header1_order_date {
	display: flex;
	align-items: center;
	float: left;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #C9C9C9;
	min-width: 280px;
	font-size: 16px;
	padding: 15px 0px 15px 25px;
	margin-left: 25px;
	box-sizing: border-box;
	
	}
	
	#webshop_products_header1 #header1_order_date img{
		margin-right: 5px;
	}
	
	#webshop_products_header1 #header1_order_date .selected_order_date input{
		font-family: "exo_2semi_bold";
		text-decoration: underline;
		color: #d36f25;
		margin-right: 10px;
		margin-left: 10px;		
		border: 0px;
		width: 100px;
		background-color: transparent;
		
	}
	#webshop_products_header1 #header1_order_date .select_order_date {
		
		float: right;
	}
	
	
#dashboard_block_left {
	display: block;
	width: 230px;
	float: left;
    min-height: 50px;
}

	#dashboard_block_left #complete_assortiment {
    	border-radius: 10px;
		background-color: #d36f25;
		min-height: 100px;
		display: block;
		font-size: 20px;
	 	font-family: "exo_2semi_bold";
		color: #FFF;
		padding: 25px 30px;
		box-sizing: border-box;
		line-height: 24px;
		margin-bottom: 30px;
	}
	#dashboard_block_left #complete_assortiment .button {
		float: right;
		margin-top: 5px;
	}

	#dashboard_block_left #verkoper_contactgegevens {
    	border-radius: 10px;
		background-color: #FFFFFF;
		min-height: 120px;
		display: block;
		padding: 30px;
		box-sizing: border-box;
		
	}
	#dashboard_block_left #verkoper_contactgegevens .pasfoto{
		width: 115px;
		height: 115px;
		border-radius: 50%;
		overflow: hidden;

		background-size: cover;
  		background-repeat: no-repeat;
		
	}
		#dashboard_block_left #verkoper_contactgegevens .pasfoto img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		
	#verkoper_contactgegevens h3{
		margin: 15px 0px 0px 0px;
		font-size: 20px;
	 	font-family: "exo_2semi_bold";
		color: #d36f25;
		line-height: 25px;
	}

	#verkoper_contactgegevens h4{
		margin: 15px 0px 15px 0px;
		font-size: 16px;
		font-size: 0.9vw;
		color: #d36f25;
		line-height: 23px;
	}
	
	#verkoper_contactgegevens span{
		float: left;
		margin-right: 10px;
	}
	#verkoper_contactgegevens span.contact_icon_question{
		float: right;
		margin-right: 0px;

	}

	#verkoper_contactgegevens #contact_messages {
		display: block;
		clear: both;
		height: 50px;
		margin: 80px 0px 0px 0px;
		border: 1px solid #C9C9C9;
		border-radius: 25px;
		text-align: center;
		color: #707070;
		line-height: 50px;
		font-size: 16px;
		cursor: pointer;
	}
	#verkoper_contactgegevens #contact_messages .icon_envelop {
		margin-right: 10px;
	}
	
	#verkoper_contactgegevens #contact_messages .circle_message_counter{
		display: block;
		position: relative;
		border-radius: 50%;
		width: 14px;
		height: 14px;
		padding: 3px;
		background-color: #d36f25;
		color: #FFFFFF;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		float: right;
		margin-top: -4px;
		margin-left: -12px;
		margin-right: -6px;
		z-index: 5;
		line-height: 14px;
		
	}

#dashboard_block_middle {
	position: relative;
   	border-radius: 10px;
	display: block;
	width: 750px;
	float: left;
	background-color: #FFFFFF;
	padding: 25px;
	box-sizing: border-box;
	overflow: hidden; 
	font-size: 20px;
	color: #d36f25;
}
	#dashboard_block_middle h3{
	display: contents;
	font-size: 36px;
	line-height: 40px;
	}
	
	#dashboard_block_middle .fa-angle-down {
		float: right;
		font-size: 36px;
	}
	
.button_create_new_order {
	display: flex;
    align-items: center;
    float: right;
    height: 50px;
    border-radius: 25px;
    min-width: 80px;
    font-size: 16px;
	background-color: #d36f25;
	color: white;
    padding: 15px 0px 15px 25px;
    box-sizing: border-box;	
	cursor: pointer;
}

.button_create_new_order img{
	margin: 0px 5px 0px 20px;
}
	
#dashboard_block_right {
   	border-radius: 10px;
	display: block;
	width: 500px;
	float: right;
	background-color: #FFFFFF;
	padding: 25px;
	box-sizing: border-box;
	overflow: hidden; 
	font-size: 20px;
	color: #d36f25;
}
	#dashboard_block_right h3{
	font-size: 36px;
	line-height: 40px;
	
	}

#myorders_block {
    margin-top: 50px;
	display: block;
	height: calc(100% - 60px);
	max-height: 820px;
	overflow: scroll;
	scrollbar-width: none;
}


.myorders_block_load_more {
	text-decoration: underline;
	font-size: 16px;
	  position: absolute;
      bottom: 20px;
      width: 100%;
      padding: 0px;
}

#myorders_detail {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #C9C9C9;
    width: 100%;
    min-height: 40px;
    margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;	
	font-size: 16px;
	color: #707070;
	}
	
	#myorders_detail div{
	padding-left: 0px;
	padding-right: 0px;
	}
	#myorders_detail h4{
	font-size: 20px;
	color: #d36f25;
	line-height: 24px;
	margin-bottom: 5px;
	}
	
	#myorders_detail h5{
	font-size: 16px;
	color: #d36f25;
	line-height: 20px;
	margin-bottom: 5px;
	}
	
	#myorders_detail .icon_order_status{
	margin-right: 10px;
	}
	
	#myorders_detail .myorders_detail_trolley_error {
	color: red;
	}
	
	#myorders_detail .myorders_detail_trolley_error i{
		font-size: 14px;
		margin-left: 5px;
	}
	
	
#recommendations_detail {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #C9C9C9;
    width: 100%;
    min-height: 40px;
    margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	font-size: 16px;
	color: #707070;
}
#recommendations_detail_image {
	display: block;
	width: 100px;
	max-width: 100px;
	height: 130px;
	background-image: url(/img_layout/test_plaatje.jpg);
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: center; 
}

#recommendations_detail .recommendations_detail_left {
	display: block;
	width: 30%;
	float: left;
}

#recommendations_detail .recommendations_detail_right {
	display: block;
	width: 70%;
	float: right;
}

#recommendations_detail .recommendations_tekst {
	display: block;
    height: 30px;
    border-radius: 5px;
	width: 90%;
    font-size: 16px;
    background-color: #d36f25;
    color: white;
    padding: 0px;
    box-sizing: border-box;
	text-align: center;
	line-height: 30px;
	margin-bottom: 10px;
}

	#recommendations_detail_kenmerken {
	display: block;
	height: 32px;
	margin-top: -12px;
	width: 100%;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 32px;
	color: #d36f25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	#recommendations_detail_kenmerken .kenmerk_icon {
		margin-right: 5px;
		height: 22px;
	}
	#recommendations_detail_kenmerken .fa {
		margin-right: 5px;
	}
	
	#recommendations_detail_kenmerken span{
		margin: 0px 5px;
	}

#recommendations_detail .recommendations_detail_1 {
	margin: 0px 0px 15px 0px;
}


#recommendations_detail h4 {
	font-size: 20px;
	color: #d36f25;
	line-height: 30px;
	margin-bottom: 5px;
}

#recommendations_detail h4.recommendations_detail_art_oms { display: none; }

#recommendations_detail #product_detail_add {
	float: right;
}

#recommendations_detail #product_detail_add .Aantal_add{
	width: unset;
	margin-right: 5px;
}

#recommendations_detail .recommendations_detail_block1 { padding: 0px; text-align: left; }
#recommendations_detail .recommendations_detail_block2 { padding: 0px; text-align: center;  border-left: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9; box-sizing: border-box;}
#recommendations_detail .recommendations_detail_block3 { padding: 0px; text-align: right; }

#recommendations_detail .recommendations_detail_block1 span{ display: block; margin-top: 10px; 	font-family: "exo_2semi_bold"; color: #d36f25;}
#recommendations_detail .recommendations_detail_block2 span{ display: block; margin-top: 10px; 	font-family: "exo_2semi_bold"; color: #d36f25;}
#recommendations_detail .recommendations_detail_block3 span{ display: block; margin-top: 10px; 	font-family: "exo_2semi_bold"; color: #d36f25;}

#recommendations_detail .recommendations2_detail_block1 { padding: 0px; text-align: left; }
#recommendations_detail .recommendations2_detail_block2 { padding: 0px; text-align: center;  border-left: 1px solid #C9C9C9; border-right: 0px ; box-sizing: border-box;}
#recommendations_detail .recommendations2_detail_block3 { padding: 0px; text-align: right; }

#recommendations_detail .recommendations2_detail_block1 span{ display: block; margin-top: 10px; 	font-family: "exo_2semi_bold"; color: #d36f25;}
#recommendations_detail .recommendations2_detail_block2 span{ display: block; margin-top: 10px; 	font-family: "exo_2semi_bold"; color: #d36f25;}
#recommendations_detail .recommendations2_detail_block3 span{ display: block; margin-top: 0px; 	font-family: "exo_2semi_bold"; color: #d36f25;}


#dashboard_block_right .recommendations_load_more{
	text-decoration: underline;
	font-size: 16px;
    width: 100%;
    padding: 0px;
	margin-top: 20px;
	cursor: pointer;
}

#dashboard_special_offers {
	display: block;
	width: 98%;
	float: left;
    min-height: 200px;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	margin: 20px auto;
}

	#dashboard_special_offers h3{
	display: contents;
	font-size: 36px;
	line-height: 40px;
	color: #d36f25;
	}

	#dashboard_special_offer_detail {
    max-width: 300px;
	min-width: 300px;
	min-height: 400px;
    /* width: 100%; */
    margin: 10px;
    width: calc(33.33% - 20px);
    border-left: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;	
    /* display: flex; */
    box-sizing: border-box;
	padding: 20px;
	}
	

	#dashboard_special_offer_detail:not(:last-child):after {
		border-left: none;
	}
	
	#dashboard_special_offer_detail #product_detail_load {
	width: 44%;
	float: right;
	font-size: 16px;
	font-family: "exo_2regular";
	margin-top: 15px;
	}

	#dashboard_special_offer_detail #product_detail_load h6{
		display: inline;
		font-size: 16px;
		font-family: "exo_2bold";
		margin-right: 5px;
		
	}
	

	#dashboard_special_offer_detail #product_detail_retail {
	width: 54%;
	float: left;
	font-size: 16px;
	font-family: "exo_2regular";
	margin-top: 15px;

	}
	#dashboard_special_offer_detail #product_detail_retail h6{
		display: inline;
		font-size: 16px;
		font-family: "exo_2bold";
		margin-right: 10px;
		
	}
	#dashboard_special_offer_detail	#product_detail_retail input{
		width: 80px;
		height: 20px;
		margin-left: 5px;
		border: 0px;
		background-color: transparent;

	}

	
	#special_offer_image {
    display: block;
    width: 100%;
    max-width: 280px;
    height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	}
	



/* Salesportal  _________________________________________________________________________________ */	
.button_std {
	float: left;
	background-color: #d36f25;
	font-size: 14px;
	line-height: 30px;
	min-width: 160px;
	text-align: center;
	color: #FFF;
	border-radius: 20px;
	cursor: pointer;
	padding: 6px 20px;
	box-sizing: border-box;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);

}

.whatsapp_button,
.whatsapp_button2 {
	position: absolute;
	bottom: 5px;
	left: 5px;
	float: left;
	background-color: #d36f25;
	font-size: 27px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	cursor: pointer;
	padding: 6px;
	box-sizing: border-box;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	z-index: 5;
}

.whatsapp_button2 {
	margin-left: 50px;
	background-color: #d36f25;
}

#salesportal_content {
	display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
	float: left;
	margin-top: 0px;
    background-color: #FFFFFF;
    border-radius: 10px;
	padding: 20px;
	margin-bottom: 50px;
	
}

#salesportal_search {
	display: block;
	width: 100%;
}

#salesportal_search div {
	float: left;
	margin-right: 20px;
}

#salesportal_search input[name="search"],
#salesportal_search input[name="search_grower"],
#salesportal_search input[name="search_relatie"]{
	height: 50px;
	width: 240px;
    border-radius: 25px;
	border: 0px;
	padding-left: 20px;
	box-sizing: border-box;
	background-color: #EDEDED;

}
#salesportal_search input[name="date_from"],
#salesportal_search input[name="date_till"]{
		height: 50px;
		width: 140px;
		border-radius: 25px;
		box-sizing: border-box;
		background-color: #EDEDED;
		border: 0px;
		padding: 10px;
		
	}

#salesportal_search select {
	min-width: 200px !important;
	max-width: 600px !important;
	height: 50px;
	border-radius: 25px;
	border: 0px;
	background-color: #EDEDED;
	padding: 0px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
		
 background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1.5em + 2px),
    calc(100% - 15px) calc(1.5em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 3em;
  background-repeat: no-repeat;
}


#salesportal_search .btn_search {
margin-left: -50px;
margin-top: 5px;
}

#salesportal_filter_button {
	width: 42px;
	height: 42px;
	background-color: #d36f25;
	color: white;
	border-radius: 21px;
	line-height: 20px;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
	padding: 10px;
	margin-left: 10px;
}

#salesportal_filter_button.filter_active{
	padding: 8px;
	border: 2px solid #FF5722;
}


#products_block_az_filter {
	position: fixed;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 2px;
}
	#products_block_az_filter span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background-color: #d36f25;
	color: white;

	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s;
	
	}

	#products_block_az_filter span.az_filter_active {
		background-color: silver;	
		color: #000;
	}
	
#sales_portal_product_filter {
	position: absolute;
	display: none;
	right: 0px;
	width: calc(100% - 70px);
	max-width: 400px;
	height: 100%;
	margin: 0px;
	margin-top: -25px;
	padding: 0px;
	padding-bottom: 25px;
	box-sizing: border-box;
	z-index: 10;
	background-color: #FFF;
	border-left: 1px solid silver;
	box-shadow: -4px 0px 10px 1px #aaaaaa;
	
}

#sales_portal_product_filter_header {
	display: block;
	height: 48px;
	
}

#sales_portal_product_filter_content {
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 15px;
	line-height: 20px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
}

#sales_portal_product_filter_content h5 {
	border-top: 1px solid black;
	font-size: 20px;
	color: #d36f25;
	padding-top: 20px;
	padding-bottom: 10px;
}


	#sales_portal_product_filter_content input[type=checkbox] { margin-right: 5px; margin-bottom: 5px; }
	#sales_portal_product_filter_content #filter_artikel_webshop_status { min-width: 220px; }

#salesportal_content i {
	font-size: 24px;
	margin-right: 10px;
	cursor: pointer;
}

#salesportal_content i.copy_img_link {
	margin-left: 10px;
	margin-top: 10px;
}
#salesportal_content i.copy_omschrijving_link {
	float: right;
	margin-top: -24px;
}


#salesportal_tabs {
	display: flow-root;
	height: fit-content;
	width: 100%;
	border-bottom: 1px solid #C9C9C9;
	margin-bottom: 10px;
}

	#salesportal_tabs span {
		display: block;
		height: 45px;
		color: #C9C9C9;
		float: left;
		padding: 15px;
		box-sizing: border-box;
		margin-bottom: -1px;
		margin-left: -1px;
		font-size: 16px;
		background-image: linear-gradient(to bottom, transparent 13px, #C9C9C9 9px);
		background-repeat: no-repeat;
		background-position: right;
		background-position-y: -8px;
		background-size: 1px;
		cursor: pointer;
	}
	
		#salesportal_tabs span.active {
			border-left: 1px solid #C9C9C9;
			border-top: 1px solid #C9C9C9;
			border-right: 1px solid #C9C9C9;
			background-color: #FFF;
			color: #707070;
			background-image: none;
		}
		
	#salesportal_tabs .button_create_new_order {
		display: flex;
	    align-items: center;
	    float: right;
	    height: 40px;
	    border-radius: 20px;
	    min-width: 80px;
	    font-size: 16px;
		background-color: #d36f25;
		color: white;
	    padding: 15px 0px 15px 25px;
	    box-sizing: border-box;	
		cursor: pointer;
	}

	#salesportal_tabs .button_create_new_order img{
		margin: 0px 5px 0px 20px;
		height: 34px;
	}

	.resend_mail_button {
	display: flex;
    align-items: center;
	justify-content: center;
    float: left;
    height: 32px;
    border-radius: 16px;
    min-width: 60px;
    font-size: 14px;
	background-color: #E7E7E7;
	color: #000;
    padding: 7px 7px 7px 7px;
    box-sizing: border-box;	
	cursor: pointer;
	margin-right: 5px;
	}

	.resend_mail_button_green {
	background-color: green !important;
	color: #FFF;
	}
	
	.resend_mail_button i{
		margin: 0px !important;
		font-size: 20px !important;
	}
	
	
#salesportal_verdeling_klangroepen {
	display: grid;
	width: 100%;
}
	#salesportal_verdeling_klangroepen span{
	display: block;
	width: 100%;
	float: left;	
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 5px;
	}
	
	#salesportal_verdeling_klangroepen span i{
		text-align: center;
		min-width: 32px;
	}
	#salesportal_verdeling_klangroepen span i.fa-times {
		float: right;
	}
	
	#salesportal_content #jws_table_row .fa-bars {
		float: left;
		font-size: 20px;
		color: silver;
	}

		#salesportal_content #jws_table_row .fa-bars:hover {
		color: black;
		}
#jws_table {
	display: table;
	width: 100%;
	margin: 20px 0px 20px 0px;
}

#jws_table_headrow {
	display: table-header-group;
	background-color: #d36f25;
 	font-family: "exo_2semi_bold";
	font-size: 16px;	
	color: #FFF;
}

#jws_table_headrow .sortable {
	cursor: alias;
}

	#jws_table_headrow .sortable {
            cursor: pointer;
        }
        #jws_table_headrow .sortable::after {
            content: " >";
        }
        #jws_table_headrow .sortable.asc::after {
            content: " <";
        }

#jws_table_headrow .sortable2 {
cursor: pointer;
}


#jws_table_headrow .jws_table_cell,
#jws_table_headrow .jws_table_cell_v2 {
	display: table-cell;
	padding: 10px;
	text-align: justify;

}

#jws_table_body {
	display: table-row-group;
	
}

#jws_table_row {
	display: table-row;
}

#jws_table_row .icon_order_status {
	height: 28px;
}


#jws_table_body #jws_table_row:hover {
	transition: background-color 0.5s ease;
	background-color: rgba(0,0,0, 0.05);
	cursor: pointer;
}

	#jws_table_row.article_available{
		background-color: unset;
	}
	
	#jws_table_row.article_unavailable{
	background-color: #f4f4f4;
}



#jws_table_row .jws_table_cell,
#jws_table_row .jws_table_cell_v2,
#jws_table_row .jws_table_cell_v2-left
 {
	display: table-cell;
	padding: 5px 10px;
	border-bottom: 1px solid #E7E7E7;
	vertical-align: top;
}

	#jws_table_row .jws_table_cell_v2_image {
	display: table-cell;
	padding: 0px;
	border-bottom: 1px solid #E7E7E7;
	width: 110px;
	height: 110px;

	}
	
	#jws_table_row .jws_table_cell_v2 .switch_stock_add {
		position: relative;
		top: 20px;
	}
	
	#jws_table_row .jws_table_cell_v2 .switch_stock_add .mobile_icon_grower {
	height: 20px;
	margin: -8px 2px 0px 0px;
	}

	#jws_table_row .jws_table_cell_v2_image #product_detail_image{
		width: 100px;
		height: 100px;
		background-size: cover;
	}

	#jws_table_row .jws_table_cell h5{
		font-size: 12px;
		color: #9E9E9E;
		font-weight: normal;
		margin: 5px 0px;
	}
	
	
	#jws_table_row.subclients {
		display: none;
		background-color: aliceblue;
	}
	#jws_table_row.order_subclients {
	background-color: aliceblue;
	}
	
#jws_table_row_sub1 {
	display: table-row;
	background: #a9bfb0;
}

#jws_table_row_sub1.stockregel{
	background: #50525d;
	color: white;
}

#jws_table_row_sub1 .jws_table_cell,
#jws_table_row_sub1 .jws_table_cell_v2 {
	display: table-cell;
	padding: 10px;
	border-bottom: 1px solid #E7E7E7;
}

#jws_table2 {
	display: table;
	width: 100%;
	margin: 20px 0px 20px 0px;
}

#jws_table2_headrow {
	display: table-header-group;
 	font-family: "exo_2semi_bold";
	font-size: 16px;	
	color: #d36f25;
}

#jws_table2_headrow .sortable {
	cursor: alias;
}


#jws_table2_headrow .jws_table2_cell {
	display: table-cell;
	padding: 10px;
	text-align: justify;
	color: #d36f25;
	border-bottom: 1px solid #d36f25;

}

#jws_table2_body {
	display: table-row-group;
	
}

#jws_table2_row {
	display: table-row;
}

#jws_table2_row .jws_table2_cell {
	display: table-cell;
	padding: 15px 10px;
	border-bottom: 1px solid #E7E7E7;
}

	#jws_table_row .detail_trolley_error{
		color: red;
	}
	#jws_table_row .detail_trolley_error i{
		font-size: 14px;
	}
	
	#jws_table_row .error_missing_retail_info {
		color: red;
	}

	#jws_table_row .error_missing_retail_info i{
		font-size: 14px;
	}

.jws_table_cell_v2 .aanbevolen_ink_remarks {
	width: 100%;
	height: 24px;
	margin: 5px 0px;
	border: 1px solid #CCC;
	border-radius: 12px;
	padding: 0px 10px;
	box-sizing: border-box;
}

	#jws_table2_row.invoice_vervallen {
	color: red;
	}

	#jws_table2_row_sub.invoice_vervallen {
	color: red;
	}
	
	
	#jws_table2_row .fa {
	font-size: 18px;
	margin-right: 10px;
	}
	
#jws_table2_row_sub {
	display: table-row;
	background-color: aliceblue;	
}

#jws_table2_row_sub .jws_table2_cell {
	display: table-cell;
	padding: 5px 10px;
	border-bottom: 1px solid #E7E7E7;
}


.btn_invoice_download {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	border: 1px solid #E7E7E7;
	text-align: center;
}

.btn_invoice_download i{
	line-height: 32px;
	font-size: 18px;
	color: #C9C9C9;
}

.btn_invoice_download .fa { margin-right: unset !important; }
.btn_invoice_download .fa:hover{
	color: #000;
}


.frm_sales_portal_edit {
	font-size: 16px;
	line-height: 20px;
	
}

.frm_sales_portal_edit .header{
	padding: unset;
	padding-left: 10px;
	font-weight: bold;
}

.frm_sales_portal_edit td{
	padding: 10px;
}

.frm_sales_portal_edit input {
	height: 50px;
	min-width: 300px;
	width: 100%;
	max-width: 600px;
	border-radius: 25px;
	border: 0px;
	background-color: #E7E7E7;
	padding-left: 20px;
	box-sizing: border-box;
}

.frm_sales_portal_edit textarea {
	height: 260px;
	min-width: 300px;
	width: 100%;
	max-width: 600px;
	border-radius: 25px;
	border: 0px;
	background-color: #E7E7E7;
	padding: 20px;
	box-sizing: border-box;
}

.frm_sales_portal_edit select {
	min-width: 300px !important;
	max-width: 600px !important;
	height: 40px;
	border-radius: 25px;
	border: 0px;
	background-color: #E7E7E7;
	padding: 0px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
		
 background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.frm_sales_portal_edit.edit_recommended td{
	text-align: left;
}
	.frm_sales_portal_edit.edit_recommended input[type=checkbox]{
		height: 24px !important;
		width: 24px;
		min-width: auto;
		margin-right: 15px;
		float: left;
		
		
	}

.frm_sales_portal_edit_small {
	font-size: 14px;
	line-height: 18px;
	
}

.frm_sales_portal_edit_small .header{
	padding: unset;
	padding-left: 10px;
	font-weight: bold;
}

.frm_sales_portal_edit_small td{
	padding: 5px 10px;
}

.frm_sales_portal_edit_small .toggle-password {
	float: none;
    font-size: 28px;
    margin-left: -38px;
    cursor: pointer;
    color: #707070;
}

.frm_sales_portal_edit_small .toggle-password .fa {
	margin-top: 10px;
}

.frm_artikel_edit_column1 {
	width: 250px;
}

.frm_sales_portal_edit_small input[type=text],
.frm_sales_portal_edit_small input[type=password],
.frm_sales_portal_edit_small input[type=currency] {
	height: 40px;
	min-width: 300px;
	width: 100%;
	max-width: 600px;
	border-radius: 20px;
	border: 0px;
	background-color: #E7E7E7;
	padding: 0px 10px;
	box-sizing: border-box;
	min-height: 40px;
}

.frm_sales_portal_edit_small input[type=currency] {
	min-width: unset;
	max-width: 140px;
	text-align: right;
}

.frm_sales_portal_edit_small #mixtrolley_geldig_van,
.frm_sales_portal_edit_small #mixtrolley_geldig_tot {
	max-width: 140px;
	min-width: unset;
	text-align: center;

}

.frm_sales_portal_edit_small #mixtrolley_prijs { width: 140px; min-width: unset; }

.frm_sales_portal_edit_small .small_input {
	min-width: 100px !important;
	max-width: 140px !important;
}

.frm_sales_portal_edit_small .medium_input {
	min-width: 240px !important;
	max-width: 280px !important;
}


.frm_sales_portal_edit_small input[type="checkbox"]{
	height: 20px;
	width: 20px;
	border: 0px;
	background-color: #E7E7E7;
	padding-left: 10px;
	box-sizing: border-box;
	accent-color: #d36f25;
}

.frm_sales_portal_edit_small select {
	min-width: 100px !important;
	max-width: 140px !important;
	height: 40px;
	border-radius: 20px;
	border: 0px;
	background-color: #E7E7E7;
	padding: 0px 38px 0px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
		
 background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.select_box_v1_header {
	font-size: 14px;
	line-height: 18px;
	margin-left: 5px;
}
.select_box_v1 {
	min-width: 100px !important;
	max-width: 140px !important;
	height: 32px;
	border-radius: 16px;
	border: 0px;
	background-color: #E7E7E7;
	padding: 0px 38px 0px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
		
 background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}


.frm_sales_portal_edit_small textarea {
	height: 260px;
	min-width: 300px;
	width: 100%;
	max-width: 600px;
	border-radius: 20px;
	border: 0px;
	background-color: #E7E7E7;
	padding: 10px;
	box-sizing: border-box;
}

	.frm_sales_portal_edit_small .chosen-container{
		width: 100% !important;
		max-width: 600px;
	}
	
	.frm_sales_portal_edit_small .chosen-choices{
		border-radius: 30px !important;
		border: 0px !important;
		padding-inline: 10px !important;
		background-color: #e7e7e7 !important;
		width: 100% !important;
		box-shadow: none !important;
		background-image: none !important;

	}
	
	.frm_sales_portal_edit_small .search-choice{
		font-size: 16px;
	
	}
	
	.frm_sales_portal_edit_small .chosen-container .chosen-results li.highlighted {
		background-color: #d36f25 !important;
		background-image: none !important;
	}
	
	.frm_sales_portal_edit_small .chosen-container-multi .chosen-choices li.search-choice {
		padding: 10px 25px 10px 10px !important;
		border-radius: 15px !important;
		
	}
	
	.frm_sales_portal_edit_small .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
		top: 7px !important;
		right: 5px !important;
	}
	
	
.frm_sales_portal_detail_small {

}

.frm_sales_portal_detail_small .header {
		background-color: #E7E7E7;
}

.frm_sales_portal_detail_small tr{
	height: 40px;
}
.frm_sales_portal_detail_small td{
	border-bottom: 1px solid #E7E7E7;
}

.portal_button {
	display: flex;
    align-items: center;
	justify-content: center;
    float: left;
    height: 32px;
    border-radius: 16px;
    min-width: 80px;
    font-size: 14px;
	background-color: #E7E7E7;
	color: #000;
    padding: 7px 7px 7px 7px;
    box-sizing: border-box;	
	cursor: pointer;
}

	.portal_button_green {
	background-color: #707070 !important;
	color: #FFF;
	}

.button_save {
	display: flex;
    align-items: center;
    float: left;
    height: 50px;
    border-radius: 25px;
    min-width: 80px;
    font-size: 16px;
	background-color: #E7E7E7;
	color: #000;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;	
	cursor: pointer;
}

	.button_save_done {
		background-color: #d36f25 !important;
		color: #FFF !important;
	
	}

.button_search {
	display: inline-flex;
    align-items: center;
    height: 38px;
    border-radius: 25px;
    min-width: 80px;
    font-size: 16px;
	background-color: #E7E7E7;
	color: #000;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;	
	cursor: pointer;
}

#salesportal_article_images {
	display: flex;
	align-items: flex-end;
	flex-direction: row;
	flex-wrap: wrap;
}

#salesportal_article_images .image_block{
	flex: 1;
	max-width: 200px;
	max-height: 200px;
	min-height: 120px;
	margin-left: 10px;
}

#salesportal_article_images .image_block img{
	width: 100%;	
	max-height: 175px;	
}

#salesportal_article_images .image_block div {
	height: 100%;
}

#salesportal_article_images .image_block_main{
	flex: 1;
	max-width: 220px;
	border: 1px solid grey;
	padding: 10px;
	margin-right: 15px;
	
}

#salesportal_article_images .image_block_thumb{
	border: 1px solid lightgrey;
	padding: 10px;
	display: flex;
	flex-direction: column;
}

.image_block_edit {
	height: 30px;
	background-color: #e8e8e8db;
	margin: -10px -10px -10px -10px;
	position: relative;
	display: block;
	text-align: center;
	margin-top: auto;
}

	.image_block_edit .fa {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 16px;
	}
	
	.image_block_edit .main_active{
		color: green;
	}
	

/*  Switches  ________________________________________________________________________________ */
  @supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox] {
      --active: #d36f25;
      --active-inner: #fff;
      --focus: 2px rgba(39, 94, 254, .3);
      --border: #BBC1E1;
      --border-hover: #d36f25;
      --background: #fff;
      --disabled: #F6F8FF;
      --disabled-inner: #E1E6F9;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 21px;
      outline: none;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--bc, var(--border));
      background: var(--b, var(--background));
      transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	  box-sizing: unset;
	  padding: unset;
    }
    .checkbox-wrapper-14 input[type=checkbox]:after {
      content: "";
      display: block;
      left: 0;
      top: 0;
      position: absolute;
      transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked {
      --b: var(--active);
      --bc: var(--active);
      --d-o: .3s;
      --d-t: .6s;
      --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled {
      --b: var(--disabled);
      cursor: not-allowed;
      opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked {
      --b: var(--disabled-inner);
      --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label {
      cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled) {
      --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus {
      box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
      width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
      opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
      --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-left: 4px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
      border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
      width: 5px;
      height: 9px;
      border: 2px solid var(--active-inner);
      border-top: 0;
      border-left: 0;
      left: 7px;
      top: 4px;
      transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
      --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch {
      width: 38px;
      border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:after {
      left: 2px;
      top: 2px;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      background: var(--ab, var(--border));
      transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked {
      --ab: var(--active-inner);
      --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked):after {
      opacity: 0.6;
    }
  }

  .checkbox-wrapper-14 * {
    box-sizing: inherit;
  }
  .checkbox-wrapper-14 *:before,
  .checkbox-wrapper-14 *:after {
    box-sizing: inherit;
  }
	
	.switch_2 input[type=checkbox]{
	vertical-align: unset !important;
	}
	
	
   .checkbox-wrapper-24	{
   margin-left: 3px;
   float: right;
   margin-right: 3px;
   }
   
   .checkbox-wrapper-24	i{
	position: absolute;
	left: 2px;
	top: -27px;
   }

	
  .checkbox-wrapper-24 .checkbox {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
  }

  .checkbox-wrapper-24 label {
    display: inline-block;
    color: #333;
    cursor: pointer;
    position: relative;
  }
  .checkbox-wrapper-24 label span {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 16px;
    height: 16px;
    transform-origin: center;
    border: 2px solid #333;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
  }
  .checkbox-wrapper-24 label span:before {
    content: "";
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: #333;
    position: absolute;
    transform: rotate(45deg);
    top: 8px;
    left: 4px;
    transition: width 50ms ease 50ms;
    transform-origin: 0% 0%;
  }
  .checkbox-wrapper-24 label span:after {
    content: "";
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #333;
    position: absolute;
    transform: rotate(305deg);
    top: 12px;
    left: 6px;
    transition: width 50ms ease;
    transform-origin: 0% 0%;
  }
  .checkbox-wrapper-24 label:hover span:before {
    width: 5px;
    transition: width 100ms ease;
  }
  .checkbox-wrapper-24 label:hover span:after {
    width: 10px;
    transition: width 150ms ease 100ms;
  }

  .checkbox-wrapper-24 input[type=checkbox] {
    display: none;
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label span {
    background-color: #333;
    transform: scale(1.1);
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label span:after {
    width: 10px;
    background: #fff;
    transition: width 150ms ease 100ms;
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label span:before {
    width: 5px;
    background: #fff;
    transition: width 150ms ease 100ms;
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label:hover span {
    background-color: #333;
    transform: scale(1.1);
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label:hover span:after {
    width: 10px;
    background: #fff;
    transition: width 150ms ease 100ms;
  }
  .checkbox-wrapper-24 input[type=checkbox]:checked + label:hover span:before {
    width: 5px;
    background: #fff;
    transition: width 150ms ease 100ms;
  }
/* Products  _________________________________________________________________________________ */	
#products_block {
	display: flex;
}

#products_block_filter {
	display: block;
    position: fixed;
    float: left;
    width: 230px;
    min-height: 500px;
	height: calc(100% - 300px);
    margin: 10px;
	margin-top: 100px;
    padding: 10px;
    box-sizing: border-box;
	
}

#products_block_filter .filter_close_button {
		font-size: 20px;
		line-height: 40px;
		text-align: center;
		color: #000;
		width: 40px;
		height: 40px;
		border-radius: 25px;
		border: 1px solid #707070;
		cursor: pointer;
		float: right;
		margin: 5px 5px 0px 0px;	
}


#products_block_filter_content {
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 15px;
	line-height: 20px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
}

#products_block_filter_content h5 {
	border-top: 1px solid black;
	font-size: 20px;
	color: #d36f25;
	padding-top: 20px;
	padding-bottom: 10px;
}


	#products_block_filter_content input[type=checkbox] { margin-right: 5px; margin-bottom: 5px; }
	
	#products_block_filter_content input[name=upselling_from_cc],
	#products_block_filter_content input[name=upselling_till_cc]{
		width: 50px;
		padding: 0px 5px;
		box-sizing: border-box;
	}
	
	#filter_webshop_search_tekst {
		width: 100%;
		height: 28px;
		border: 1px solid #aaaaaa;
		border-radius: 3px;
		padding: 5px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	
	#filter_webshop_grower {
	display: none;
	}
	
	#products_block_filter_content .select2-container{
	width: 100% !important;
	}

#webshop_weeknr_tabs {
	display: flow-root;
	height: fit-content;
	width: 97%;
	border-bottom: 1px solid #C9C9C9;
	margin-bottom: 10px;
	margin-top: 10px;
}

#webshop_weeknr_tabs h4 {
		display: block;
		height: 45px;
		float: left;
		line-height: 40px;
		font-size: 20px;
		color: #d36f25;
		margin-right: 10px;
}	

	#webshop_weeknr_tabs span {
		display: block;
		height: 45px;
		color: #C9C9C9;
		float: left;
		padding: 15px;
		box-sizing: border-box;
		margin-bottom: -1px;
		margin-left: -1px;
		font-size: 16px;
		background-image: linear-gradient(to bottom, transparent 13px, #C9C9C9 9px);
		background-repeat: no-repeat;
		background-position: right;
		background-position-y: -8px;
		background-size: 1px;
		cursor: pointer;
	}
	
		#webshop_weeknr_tabs span.active {
			border-left: 1px solid #C9C9C9;
			border-top: 1px solid #C9C9C9;
			border-right: 1px solid #C9C9C9;
			background-color: #FFF;
			color: #707070;
			background-image: none;
		}

	
#products_block_list {
	display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
	float: left;
	margin-left: 260px;
	margin-top: 0px;
    background-color: #FFFFFF;
    border-radius: 10px;

}

#product_detail {
    max-width: 300px;
	min-width: 300px;
	min-height: 400px;
    /* width: 100%; */
    margin: 10px;
    width: calc(33.33% - 20px);
    border-left: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;	
    /* display: flex; */
    box-sizing: border-box;
	padding: 20px;
}
	#product_detail:not(:last-child):after {
		border-left: none;
	}
	
	#product_detail.product_detail_upcomming {		background-color: #F4F4F4;	}
	#product_detail.product_detail_upcomming #product_detail_categorie p {	background-color: #FFF;	}
	
	#product_detail_webshop_tags {
		display: block;
		float: right;
		position: relative;
		top: 46px;
		width: 40px;
		/* 
		background: #FFF;
		padding: 5px;
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;		
		box-shadow: -3px 2px 5px rgba(0,0,0, 0.5);
		*/
	}
	
	#product_detail_webshop_tags span {
		float: right;
	}
	
	#product_detail_webshop_tags img {
		height: 36px;
		margin-bottom: 5px;
	}

	
#product_detail_image {
    display: block;
    width: 100%;
    max-width: 280px;
    height: 280px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#product_detail .add_to_favorites{
	float: right;
	display: block;
	width: 36px;
	height: 36px;
	background-color: #d36f25;
	color: white;
	font-size: 20px;
	border-radius: 18px;
	text-align: center;
	margin-bottom: -36px;
	z-index: 1;
	position: relative;
}
	#product_detail .add_to_favorites .fa{
	line-height: 36px;
	}
	
	#product_detail .add_to_favorites_active{
	background-color: #d36f25;
	}
	
	
#product_detail .recent_buyed {
	float: right;
	display: block;
	width: 36px;
	height: 36px;
	background-color: #d36f25;
	color: white;
	font-size: 20px;
	border-radius: 18px;
	text-align: center;
	margin-bottom: -36px;
	margin-right: 40px;
	z-index: 1;
	position: relative;
	cursor: pointer;
}

	#product_detail .recent_buyed .recent_buyed_qty{
	display: none;
	float: left;
	padding: 0px 10px;
	line-height: 36px;
	font-size: 16px;
	}

	#product_detail .recent_buyed .fa{
	line-height: 36px;
	}

	#product_detail .recent_buyed_extended {
	width: 72px;
	}
	
	#product_detail .recent_buyed_extended .fa{
	float: right;
	margin-right: 8px;
	}

	#product_detail .recent_buyed_extended .recent_buyed_qty{
	display: block;
	}

	
	#product_detail .hide_add_to_order,
	#article_detail_info .hide_add_to_order{
		display: none !important;
	}	

	#product_detail #reservation_icon,
	#article_detail_info #reservation_icon{
		display: inline-block;
		margin-left: 20px;
		background-color: #d36f25;
		height: 24px;
		width: 24px;
		line-height: 24px;
		color: #FFF;
		border-radius: 12px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	
	#product_detail_kenmerken {
	display: block;
	height: 32px;
	margin-top: -32px;
	background-color: #FFF;
	width: 100%;
	opacity: 0.85;
	box-sizing: border-box;
	padding: 0px 10px;
	font-size: 12px;
	line-height: 32px;
	color: #d36f25;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	#product_detail_kenmerken .kenmerk_icon {
		margin-right: 5px;
		height: 22px;
	}
	#product_detail_kenmerken .fa {
		margin-right: 5px;
	}
	
	#product_detail_kenmerken span{
		margin: 0px 5px;
	}


	#product_detail_info_ink {
	display: block;
	height: 32px;
	margin-top: -32px;
	background-color: #d36f25;
	width: 100%;
	opacity: 0.85;
	box-sizing: border-box;
	padding: 0px 10px;
	font-size: 14px;
	line-height: 32px;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
	}
	
	#recommendations_detail .icon_potsize,
	#dashboard_special_offer_detail .icon_potsize,
	#product_detail .icon_potsize,
	#basket_detail .icon_potsize,
	#basket_detail .icon_basket_import_product {
	height: 20px; 
	margin-right: 5px; 
	margin-bottom: 5px;
	}
	
	#basket_detail .icon_basket_import_product {
	margin-left: 5px; 
	}
	
	#recommendations_detail .icon_height,
	#dashboard_special_offer_detail .icon_height,
	#product_detail .icon_height,
	#basket_detail .icon_height {
	height: 20px;
	margin-left: 15px; 
	margin-right: 5px; 
	margin-bottom: 5px;
	}
	
	#recommendations_detail .icon_stock,
	#dashboard_special_offer_detail .icon_stock,
	#product_detail .icon_stock,
	#basket_detail .icon_stock {
	height: 20px;
	margin-left: 15px; 
	margin-right: 5px; 
	margin-bottom: 5px;
	}
	
#product_detail_categorie {
    width: 70%;
	float: left;
	font-size: 14px;
 	font-family: "exo_2regular";	
	color: #707070;
	margin: 10px 0px 10px 0px;
	height: 30px;
	line-height: 30px;

}
	#product_detail_categorie p{
	background-color: #F4F4F4;
	height: 30px;
	border-radius: 5px; 
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	box-sizing: border-box;
	}

#product_detail_kweker {
    width: 29%;
	float: right;
	font-size: 14px;
 	font-family: "exo_2regular";	
	color: #707070;	
	margin: 10px 0px 10px 0px;
	text-align: right;
	height: 30px;
	line-height: 30px;
	
}

#product_detail_naam {
	float: left;
	width: 100%;
	height: 36px;
	text-transform:	capitalize;
	font-size: 20px;
 	font-family: "exo_2regular";
	color: #d36f25;
	margin: 10px 0px 4px 0px;
	line-height: 18px;
	cursor: pointer;
	overflow: hidden;
}

#product_detail_maten {
    display: block;
    width: 100%;
	margin: 10px 0px 10px 0px;
	font-size: 16px;
 	font-family: "exo_2bold";
	color: #707070;
}
	#product_detail_maten span {
	}

	#product_detail_maten span#mixdetail_block	{
		border-bottom: 1px solid #ededed;
		display: block;
		margin-bottom: 5px;
		padding-bottom: 2px;
		
	}
	#product_detail_maten #mixdetail_block1,
	#product_detail_maten #mixdetail_block2,
	#product_detail_maten #mixdetail_block3 {
	display: inline-table;
	font-size: 14px;
	
	}
	
	#product_detail_maten #mixdetail_block1{ width: 20%; }
	#product_detail_maten #mixdetail_block2{ width: 60%; }
	#product_detail_maten #mixdetail_block3{ width: 20%; text-align: right;}
	
	#product_detail_add {
    	display: block;
	    width: 100%;
		border: 1px solid #C9C9C9;
		border-radius: 25px;
		height: 50px;
		padding: 4px 0px 0px 15px;
		box-sizing: border-box;
		
	}
	
	#product_detail_add.active {
		background-color: #d36f25;
	}
	
	#product_detail_add span{
		display: block;
		float: left;
	}
	
	#product_detail_add .Aantal_delete{
		width: 10%;
		line-height: 44px;
		font-size: 16px;		
	}
	
	#product_detail_add .Aantal_delete i{
		font-size: 0px;
		color: #FFF;	
		cursor: pointer;
		margin: 10px 0px 0px 0px;
	}
	
	#product_detail_add .Aantal{
		width: 35%;
		line-height: 44px;
		font-size: 16px;		
	 	font-family: "exo_2regular";
		color: #707070;
	}
	

	#product_detail_add .Aantal input{
		width: 60%;
		margin-right: 5px;
		text-align: center;
		border: 0px;
		background-color: transparent;
		color: #000;
	}

	
	#product_detail_add .Prijs{
		width: 35%;
		color: #d36f25;
		font-size: 18px;
	 	font-family: "exo_2bold";
		text-align: center;
		line-height: 44px;
		
	}
	

	#product_detail_add .Verkoopprijs {
		display: contents;
		font-family: "exo_2bold";
	}
	
	#product_detail_add .Verkoopprijs input {
		height: 28px;
		width: calc(100% - 20px);
		text-align: center;
		border: 0px;
		background: transparent;
	}
	
	#product_detail_add .Aantal_add {
		float: right;
		width: 18%;
	
	}
	
	#product_detail_add .Aantal_add	.Buttun_aantal_add {
		background-color: #d36f25;
		font-size: 36px;
		line-height: 40px;
		text-align: center;
		color: #FFF;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		cursor: pointer;
	}
	
	#product_detail_add .Aantal_add	.Buttun_aantal_add .fa{
		font-size: 26px;
		line-height: 40px;
		margin-left: -1px;
	}

	#product_detail_add.active .Aantal_add	.Buttun_aantal_add{
		background-color: #FFF;	
		color: #d36f25;
	}

	#product_detail_add.active .Aantal,
	#product_detail_add.active .Prijs,
	#product_detail_add.active .Aantal input {
		color: #FFF;	
	}

	#product_detail_add.active .Aantal_delete i{
		font-size: 20px;
	}
	
	.popup_advanced_buy_layer {
		display: none;
		width: 140px;
		border: 1px solid #C9C9C9;
		border-radius: 10px;
		position: absolute;
		z-index: 10;
		background-color: #FFF;
		padding: 5px;
		box-sizing: border-box;
		margin-left: 117px;
		margin-top: -112px;
		font-size: 14px;
		color: #707070;
	}
	
	.popup_advanced_buy {
		display: none;
		width: 140px;
		border: 1px solid #C9C9C9;
		border-radius: 10px;
		position: absolute;
		z-index: 10;
		background-color: #FFF;
		padding: 5px;
		box-sizing: border-box;
		margin-top: -112px;
		font-size: 14px;
		color: #707070;
	}
	
	.popup_advanced_buy_trolley {
		display: none;
		width: 140px;
		border: 1px solid #C9C9C9;
		border-radius: 10px;
		position: absolute;
		z-index: 10;
		background-color: #FFF;
		padding: 5px;
		box-sizing: border-box;
		margin-left: 117px;
		margin-top: -112px;
		font-size: 14px;
		color: #707070;
	}

	.popup_advanced_buy i,
	.popup_advanced_buy_layer i,
	.popup_advanced_buy_trolley i{
		float: right;
		font-size: 20px;
		color: #d36f25;
	}
	
	.popup_advanced_buy span,
	.popup_advanced_buy_layer span,
	.popup_advanced_buy_trolley span{
		width: 100%;
		float: left;
		line-height: 24px;
		text-align: center;

	}
	.popup_advanced_buy span:hover,
	.popup_advanced_buy_layer span:hover,
	.popup_advanced_buy_trolley span:hover	{
		background-color: #F4F4F4;
		cursor: pointer;
	}

	#product_detail_add1 {
		width: 100%;
		float: left;
		height: 50px;
		margin: 15px 0px 0px 0px;
		font-size: 14px;
	 	font-family: "exo_2regular";
		line-height: 18px;
	}
	
	#product_detail_add1 .product_detail_add1_1 {
		width: 33%;
		float: left;

	}

	#product_detail_add1 .product_detail_add1_2 {
		width: 33%;
		float: left;
		text-align: center;
	}
	
	#product_detail_add1 .product_detail_add1_3 {
		width: 33%;
		float: right;
		text-align: right;
	}
	
	
	#product_detail_add1 .product_detail_add1_1 span,
	#product_detail_add1 .product_detail_add1_2 span,
	#product_detail_add1 .product_detail_add1_3 span
	{
		display: block;
		width: 100%;
	}
	
	#product_detail_add1 .product_detail_add_select {
		font-family: "exo_2bold";
	}
	
	#product_detail_add1 .product_detail_add1_3_load {
		font-family: "exo_2bold";
	}
	
	#product_detail_add1 .product_detail_add1_1 i,
	#product_detail_add1 .product_detail_add1_2 i {
		margin-left: 5px;
		color: #d36f25;
		font-weight: bold;
	}
	
	#product_detail_add1 .fa-plus-circle {
		margin-left: 5px;
		color: #d36f25;
		font-weight: bold;
		font-size: 18px;		
	}

	#product_detail_add1 {
	cursor: pointer;
	}
	#product_detail_add1 .product_detail_add_hidden {
		visibility: hidden;
	}

#product_detail_retail {
	font-size: 16px;
	font-family: "exo_2regular";
}
	#product_detail_retail h6{
		display: inline;
		font-size: 16px;
		font-family: "exo_2bold";
		margin-right: 10px;
		
	}
	#product_detail_retail input{
		width: 60px;
		height: 20px;
		margin-left: 5px;
		border: 0px;
		background-color: transparent;

	}
	#product_detail_retail .hist_retailprijs {
		display: block;
		float: right;
		line-height: 20px;
	}
	
#product_detail_inkoopinfo {
	font-size: 16px;
	font-family: "exo_2regular";
	display: inline-block;
	border-top: 2px solid #d36f25;
	width: 100%;
	padding-top: 5px;
}
		#product_detail_inkoopinfo h6{
		display: inline;
		font-size: 16px;
		font-family: "exo_2bold";
		margin-right: 10px;
		
	}
	
	
/* Artikel popup detail ________________________________________________________________________ Artikel popup detail*/
#article_detail_image {
	display: block;
	float: left;
	width: 48%;
}

#article_detail_image #product_detail_image {
    display: block;
    width: 100%;
    height: 360px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#article_detail_image #article_detail_images {
	margin: 10px 0px 0px 4px;
}

#article_detail_image #article_detail_images_thumb {
	display: block;
	float: left;
	width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	border: 1px solid silver;
	margin-right: 10px;
}


#article_detail_info {
	display: block;
	float: left;
	width: 48%;
}

#article_detail_info_grp {
    display: block;
    width: 100%;
	float: left;
	font-size: 14px;
 	font-family: "exo_2regular";	
	color: #707070;
	margin: 10px 0px 10px 0px;
	height: 30px;
	line-height: 30px;
}

#article_detail_info_grp p{
	display: inline-block;
	background-color: #F4F4F4;
	height: 30px;
	border-radius: 5px; 
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: 20px;
}

#article_detail_info_naam {
	float: left;
	width: 100%;
	height: 30px;
	text-transform:	capitalize;
	font-size: 28px;
 	font-family: "exo_2regular";
	color: #d36f25;
	margin: 10px 0px 10px 0px;

}

#article_detail_info_maten {
    display: block;
    width: 100%;
	margin: 10px 0px 10px 0px;
	font-size: 16px;
 	font-family: "exo_2bold";
	color: #707070;
}

	#article_detail_info .icon_potsize {
	height: 20px; 
	margin-right: 5px; 
	}
	
	#article_detail_info .icon_height {
	height: 20px;
	margin-left: 15px; 
	margin-right: 5px; 
	}
	
	#article_detail_info .icon_stock {
	height: 20px;
	margin-left: 15px; 
	margin-right: 5px; 
	}

#article_detail_info_kenmerken {
    display: block;
    width: 100%;
	margin: 10px 0px 10px 0px;
	font-size: 16px;
 	font-family: "exo_2bold";
	color: #707070;
	line-height: 20px;
	border-top: 1px solid #E4E4E4;
}

	#article_detail_info_kenmerken div{
	margin: 10px;
	display: inline-block;
	}
	
	#article_detail_info_kenmerken i {
	margin-right: 10px;
	}
	
	
	#article_detail_info_kenmerken .kenmerk_icon {
	margin-right: 10px;
	height: 28px;
	}

#article_detail_info #product_detail_add {
	margin-top: 24px;
	max-width: 280px;
}

#article_detail_info #product_detail_add1 {
	max-width: 280px;
}

	#article_detail_info input[name="Retailprijs"]{
		width: 80px;
		text-align: left;
		border: 0px solid #CCC;
		background-color: transparent;
		color: #000;
		margin-left: 5px;
	}

#article_detail_info_mixartikelen {
	display: flex;
	width: 100%;
	margin: 10px 0px;
}

#article_detail_info_mixartikelen h4{
	font-size: 20px;
	color: #d36f25;
	line-height: 24px;
	margin-bottom: 15px;
}
	#article_detail_info_mixartikelen span{
		display: block;
		margin: 10px 0px;
	}
	
	#article_detail_info_mixartikelen #product_detail_retail1_2{
		float: right;
	}

#product_detail_retail1 {
	float: left;
	width: 100%;
	height: 30px;
	font-size: 14px;
 	font-family: "exo_2regular";
	color: #d36f25;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}

	#product_detail_retail1 h6{
		font-size: 16px;
		font-family: "exo_2bold";
	}

	#product_detail_retail1_1 {
		float: left;
		width: 33%;
		max-width: 120px;	
	}
	
	#product_detail_retail1_2 {
		float: left;
		width: 33%;
		max-width: 120px;	
	}


/* Ribbons ________________________________________________________________________ Ribbons*/
#ribbon_wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	top: -20px;
	right: 20px;
	
}

#ribbon {
	background-color: #d36f25;
	color: #FFF;
	text-align: center;
	position: relative;
	padding: 6px 0px;
	width: 220px;
	left: -56px;
	top: 40px;
	transform: rotate(-45deg);
	white-space: nowrap;
	font-size: 16px;
 	font-family: "exo_2semi_bold";
	line-height: 20px;
	
}

/* Content frame ________________________________________________________________________ Content frame*/
#content_frame_overlay {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	justify-content: right;
	z-index: 10;

}

#content_frame_overlay.on_top{
	z-index: 1000;
}

#content_frame_content {
	background: #FFF;
	padding: 20px;
	padding-top: 120px;
	max-width: 1200px;
	min-width: 300px;
	width: 80%;
	overflow: scroll;
}

#content_frame_content.on_top{
	padding-top: 40px;
}


#qrscanner_frame_overlay {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	justify-content: right;
	z-index: 999;
}

#qrscanner_frame_content {
	background: #FFF;
	max-width: 800px;
	max-height: 800px;
	width: 90%;
	height: 90%;
	overflow: none;
	margin: 20px auto;	
	border-radius: 20px;
	overflow: scroll;
}

	#reader {
		padding: 20px;
		width: 90%;
		height: calc(90% - 120px);
		margin: 15px auto; 
		margin-top: 60px;
	}

	#html5-qrcode-button-camera-start {
	width: 90%;
    display: flex;
    align-items: center;
    /* float: right; */
    height: 40px;
    border-radius: 20px;
    min-width: 80px;
    font-size: 16px;
    background-color: #d36f25;
    color: white;
    padding: 15px 25px 15px 25px;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 15px;
	}

	#html5-qrcode-button-camera-stop {
	width: 90%;
    display: flex;
    align-items: center;
    /* float: right; */
    height: 40px;
    border-radius: 20px;
    min-width: 80px;
    font-size: 16px;
    background-color: #d36f25;
    color: white;
    padding: 15px 25px 15px 25px;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 15px;
	
	}
	

		
        /* Verberg de camera select dropdown */
		#html5-qrcode-select-camera {
		width: 90% !important;
		height: 28px !important;
		}

.popup_close_button {
		font-size: 20px;
		line-height: 40px;
		text-align: center;
		color: #000;
		width: 40px;
		height: 40px;
		border-radius: 25px;
		border: 1px solid #707070;
		cursor: pointer;
		float: right;
}

.reset_filter_button {
		display: inline-block;
		font-size: 20px;
		line-height: 40px;
		text-align: center;
		color: #000;
		width: 40px;
		height: 40px;
		border-radius: 25px;
		border: 1px solid #707070;
		cursor: pointer;
		padding: 10px;
		box-sizing: border-box;
}


.popup_log_off_button {
		font-size: 20px;
		line-height: 40px;
		text-align: center;
		color: #000;
		height: 40px;
		border-radius: 25px;
		border: 1px solid #707070;
		cursor: pointer;
		float: left;
		padding: 0px 15px;
		margin-bottom: 10px;

}

#client_portal {

}

#client_portal h2{
	line-height: 28px;
	margin: 15px 0px 15px 0px;
}

#client_portal_tabs {
	display: flow-root;
	height: fit-content;
	width: 100%;
	border-bottom: 1px solid #C9C9C9;
}

	#client_portal_tabs span {
		display: block;
		height: 45px;
		color: #C9C9C9;
		float: left;
		padding: 15px;
		box-sizing: border-box;
		margin-bottom: -1px;
		margin-left: -1px;
		font-size: 16px;
		background-image: linear-gradient(to bottom, transparent 13px, #C9C9C9 9px);
		background-repeat: no-repeat;
		background-position: right;
		background-position-y: -8px;
		background-size: 1px;
		cursor: pointer;
	}
	
		#client_portal_tabs span.active {
			border-left: 1px solid #C9C9C9;
			border-top: 1px solid #C9C9C9;
			border-right: 1px solid #C9C9C9;
			background-color: #FFF;
			color: #707070;
			background-image: none;
		}

	#sales_historie_search {
	display: block;
	width: 100%;
	font-size: 16px;
	margin: 10px 0px;
	}
	
	#sales_historie_search input{
		height: 38px;
		width: 140px;
		border-radius: 15px;
		box-sizing: border-box;
		background-color: #EDEDED;
		border: 0px;
		padding: 10px;
		
	}
	
	#sales_historie_search select {
	min-width: 200px !important;
	max-width: 600px !important;
	height: 38px;
	border-radius: 20px;
	border: 0px;
	background-color: #E7E7E7;
	padding: 0px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
		
	 background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
	  background-position:
    calc(100% - 20px) calc(1.0em + 2px),
    calc(100% - 15px) calc(1.0em + 2px),
    calc(100% - 2.5em) 0.5em;
	  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
	  background-repeat: no-repeat;
	}


/* Basket frame ________________________________________________________________________ Basket frame*/
#basket_frame_overlay {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	justify-content: right;
	z-index: 10;

}

#basket_frame_content {
	background: #FFF;
	padding: 20px;
	padding-top: 120px;
	max-width: 1200px;
	min-width: 300px;
	width: 80%;
	overflow: scroll;
}


.popup_close_button {
		font-size: 20px;
		line-height: 40px;
		text-align: center;
		color: #000;
		width: 40px;
		height: 40px;
		border-radius: 25px;
		border: 1px solid #707070;
		cursor: pointer;
		float: right;
}

#basket_frame_content h2{
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 36px;
	line-height: 36px;
 	font-family: "exo_2semi_bold";
	color: #d36f25;
}

#basket_frame_content h3{
	margin-bottom: 15px;
	font-size: 16px;
 	font-family: "exo_2regular";
	color: #707070;
	
}
#basket_frame_content .basket_message {
	font-size: 20px;
	line-height: 24px;
 	font-family: "exo_2semi_bold";
	color: #ed1104;
}

#basket_order_left {
	float: left;
	min-width: 400px;
	width: 75%;
	height: 100%;
}

#basket_order_calculation,
#basket_order_retail_calculation,
#basket_add_tags,
#basket_order_move_departure_date {
	display: none;
	float: left;
	min-width: 400px;
	width: 75%;
	border: 0px solid green;
	min-height: 40px;
	font-size: 18px;
	background-color: #eeeeee;
    line-height: 40px;
	padding: 15px;
}

#basket_order_calculation div,
#basket_order_retail_calculation div,
#basket_add_tags div,
#basket_order_move_departure_date div{
	min-width: 220px;
	float: left;
}


	#basket_order_calculation div input,
	#basket_order_retail_calculation div input,
	#basket_order_move_departure_date div input,
	{
	min-width: 80px;
    height: 30px;
    max-width: 80px;
    text-align: right;
    padding: 0px 10px;
    box-sizing: border-box;
    border: 0px;
    border-radius: 15px;
    margin-left: 10px;
	}
	
	#basket_order_calculation div select,
	#basket_order_retail_calculation div select,
	#basket_create_recommendation div select,
	#basket_create_special_offer div select,
	#basket_create_quote div select,
	#basket_create_mixtrolley div select,
	#basket_create_seasonal div select,
	#basket_create_quote_central_buyer div select,
	#basket_direct_buy_central_buyer div select{
	min-width: 100px !important;
	max-width: 140px !important;
	height: 30px;
	border-radius: 15px;
	border: 0px;
	padding: 0px 10px;
	line-height: 24px;
	 margin-left: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
		
	 background-image:
	    linear-gradient(45deg, transparent 50%, gray 50%),
	    linear-gradient(135deg, gray 50%, transparent 50%),
	    linear-gradient(to right, #ccc, #ccc);
	  background-position:
	    calc(100% - 20px) calc(1em + -2px),
	    calc(100% - 15px) calc(1em + -2px),
	    calc(100% - 2.0em) 0.1em;
	  background-size:
	    5px 5px,
	    5px 5px,
	    1px 1.5em;
	  background-repeat: no-repeat;
	}

	
	#basket_add_tags div select{
	min-width: 100px !important;
	max-width: 240px !important;
	height: 30px;
	border-radius: 15px;
	border: 0px;
	padding: 0px 10px;
	line-height: 24px;
	 margin-left: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
		
	 background-image:
	    linear-gradient(45deg, transparent 50%, gray 50%),
	    linear-gradient(135deg, gray 50%, transparent 50%),
	    linear-gradient(to right, #ccc, #ccc);
	  background-position:
	    calc(100% - 20px) calc(1em + -2px),
	    calc(100% - 15px) calc(1em + -2px),
	    calc(100% - 2.0em) 0.1em;
	  background-size:
	    5px 5px,
	    5px 5px,
	    1px 1.5em;
	  background-repeat: no-repeat;
	}

#basket_create_recommendation {
	display: none;
	float: left;
	min-width: 400px;
	width: 75%;
	border: 0px solid green;
	min-height: 40px;
	font-size: 18px;
	background-color: #eeeeee;
    line-height: 40px;
	padding: 15px;
}

	
#basket_create_special_offer,
#basket_create_quote,
#basket_create_mixtrolley,
#basket_create_seasonal,
#basket_create_quote_central_buyer,
#basket_direct_buy_central_buyer{
	display: none;
	float: left;
	min-width: 400px;
	width: 75%;
	border: 0px solid green;
	min-height: 40px;
	font-size: 18px;
	background-color: #eeeeee;
    line-height: 40px;
	padding: 15px;

}

#basket_create_recommendation div,
#basket_create_special_offer div,
#basket_create_quote div,
#basket_create_mixtrolley div,
#basket_create_seasonal div,
#basket_create_quote_central_buyer div,
#basket_direct_buy_central_buyer div{
	min-width: 250px;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}

	#basket_create_recommendation div select,
	#basket_create_special_offer div select,
	#basket_create_quote div select,
	#basket_create_mixtrolley div select,
	#basket_create_seasonal div select,
	#basket_create_quote_central_buyer div select,
	#basket_direct_buy_central_buyer div select {
	max-width: unset !important;
	width: -webkit-fill-available;
	margin-left: 0px;
	}

	#basket_create_special_offer #special_offer_till,
	#basket_create_quote #special_offer_till,
	#basket_create_quote_central_buyer #quote_till,
	#basket_create_mixtrolley  #mixtrolley_geldig_van,
	#basket_create_mixtrolley  #mixtrolley_geldig_tot,
	#basket_create_seasonal #seasonal_from,
	#basket_create_seasonal #seasonal_till
	{
		width: 120px;
		height: 30px;
		border-radius: 15px;
		border: 0px;
		text-align: center;
		padding: 0px 10px;
		
	}
	
	#basket_create_mixtrolley #Omschrijving,
	#basket_create_mixtrolley #OmschrijvingEN {
		float: left;
		width: 90%;
		height: 30px;
		border-radius: 15px;
		border: 0px;
		padding: 0px 10px;

	}
	
	#basket_direct_buy_central_buyer textarea {
		width: 100%;
		height: 70px;
	}
	
	#basket_direct_buy_central_buyer input[name="Reference"] {
		width: 100%;
		height: 32px;
	}
	
	
#basket_order_right {
	float: right;
	min-width: 200px;
	width: 23%;
	height: 100%;
	padding: 15px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 20px;
}

#basket_order_right div{
	display: grid;
	margin: 15px 0px 15px 0px;
}
	.button_basket_check_out {
	display: flex;
    align-items: center;
    float: right;
    height: 50px;
    border-radius: 25px;
    min-width: 80px;
	width: fit-content;
    font-size: 16px;
	background-color: #d36f25;
	color: white;
    padding: 15px 25px 15px 25px;
    box-sizing: border-box;	
	cursor: pointer;
	}
	
	.button_basket_check_out_not_active {
	background-color: grey !important;
	}
	
	.button_basket_continue_shopping {
	display: flex;
    align-items: center;
    float: right;
    height: 50px;
    border-radius: 25px;
    min-width: 80px;
    font-size: 16px;
	background-color: #d36f25;
	color: white;
    padding: 15px 25px 15px 25px;
    box-sizing: border-box;	
	cursor: pointer;
	margin-bottom: 15px;
	}
	
	.button_basket_continue_shopping i{
		background-color: #FFF;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		line-height: 40px;
	    text-align: center;
    	float: right;
		margin-right: 20px;
    	margin-left: -20px;
		color: #000;
		font-size: 20px;
	}
	
	.button_basket_calculate {
	display: flex;
    align-items: center;
    float: right;
    height: 50px;
    border-radius: 25px;
    min-width: 80px;
    font-size: 16px;
	background-color: #d36f25;
	color: white;
    padding: 15px 25px 15px 25px;
    box-sizing: border-box;	
	cursor: pointer;
	margin-bottom: 15px;
	}
	
	.button_basket_calculate i{
		background-color: #FFF;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		line-height: 40px;
	    text-align: center;
    	float: right;
		margin-right: 20px;
    	margin-left: -20px;
		color: #000;
		font-size: 20px;
	}
	
	.button_basket_calculate_2 {
		width: contents;
		float: right !important;
	}
	
	.button_basket_calculate_2 i{
		margin-right: -20px;
    	margin-left: 18px;
	}


	.button_basket_quote,
	.button_basket_import_file {
	display: flex;
    align-items: center;
    float: right;
    height: 50px;
    border-radius: 25px;
    min-width: 80px;
    font-size: 16px;
	background-color: #d36f25;
	color: white;
    padding: 15px 25px 15px 25px;
    box-sizing: border-box;	
	cursor: pointer;
	margin-bottom: 15px;
	}
	
	.button_basket_quote i,
	.button_basket_import_file i{
		background-color: #FFF;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		line-height: 40px;
	    text-align: center;
    	float: right;
		margin-right: 20px;
    	margin-left: -20px;
		color: #000;
		font-size: 20px;
	}	
	
	
	.button_clear_basket,
	.button_delete_quote,
	.button_delete_mixartikel {
	display: flex;
    align-items: center;
    float: right;
    height: 50px;
    border-radius: 25px;
    min-width: 80px;
    font-size: 16px;
	background-color: darkred;
	color: white;
    padding: 15px 25px 15px 25px;
    box-sizing: border-box;	
	cursor: pointer;
	margin-bottom: 15px;
	}
	
	.button_clear_basket i,
	.button_delete_quote i,
	.button_delete_mixartikel i{
		background-color: #FFF;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		line-height: 40px;
	    text-align: center;
    	float: right;
		margin-right: 20px;
    	margin-left: -20px;
		color: #000;
		font-size: 20px;
	}
	
	.button_quote_to_basket_detail {
	display: flex;
	position: absolute;
    align-items: center;
    float: right;
    height: 50px;
    border-radius: 25px;
    min-width: 80px;
    font-size: 16px;
	background-color: #d36f25;
	color: white;
    padding: 15px 25px 15px 25px;
    box-sizing: border-box;	
	cursor: pointer;
	bottom: 0px;
	right: 0px;
	}
	
		.button_quote_to_basket_detail i.fa{
		background-color: #FFF;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		line-height: 40px !important;
	    text-align: center;
    	float: right;
		margin-right: 20px;
    	margin-left: -20px;
		color: #000;
		font-size: 20px !important;
		}
	
#basket_order_right h2{
	font-size: 36px;
 	font-family: "exo_2light";
	color: #d36f25;
}

#basket_order_right h5{
		font-size: 16px;
	 	font-family: "exo_2regular";
	
}

	#basket_departure_day1 {
		display: block;
		float: left;
		margin-right: 15px !important;
	}

	#basket_departure_day2 {
		font-size: 16px;
	 	font-family: "exo_2regular";
		color: #707070;
	}
	#basket_departure_day2 h4{
	color: #d36f25;
	font-size: 20px;
 	font-family: "exo_2semi_bold";
		
	}
	
	#basket_order_right #Reference{
		width: 100%;
		background-color: #F4F4F4;
		border: 0px;
		height: 30px;
		margin-bottom: 10px;
		padding: 0px 10px;
		box-sizing: border-box;
	}
	
	#basket_order_right textarea{
		width: 100%;
		height: 100px;
		background-color: #F4F4F4;
		border: 0px;
		padding: 10px;
		box-sizing: border-box;
	}
	
#basket_detail {
    display: flex;
	border-bottom: 1px solid grey;
	padding: 10px 0px 10px 0px;
	font-size: 16px;
 	font-family: "exo_2regular";
	line-height: 18px;
}

	#basket_detail.error{
	background-color: #eeeeee;
	}
	
	#basket_detail .select_order_toggle{
		display: none;
	    position: absolute;
    	bottom: 5px;
	    left: 5px;
	    width: 20px;
	    height: 20px;
	}
	
	#basket_detail .select_order_toggle.showing{
		display: inline-block;
	}
	

#basket_detail_mix {
	background-color: #fbfbfb;
}

#basket_detail_image {
	display: block;
	width: 95%;
	max-width: 100px;
	height: 130px;
	background-image: url(/img_layout/test_plaatje.jpg);
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: center; 
}

#basket_detail_mix #basket_detail_image{
	max-width: 70px;
    height: 70px;
    margin: auto;
}

	#basket_detail div{
	padding-left: 0px;
	padding-right: 0px;
	}
	
	#basket_detail h4{
	font-size: 20px;
	color: #d36f25;
	line-height: 24px;
	margin-bottom: 15px;
	}
	
	#basket_detail_mix h4 {
	font-size: 16px;
	}

#basket_detail input {
		border: 1px solid #CCC;
		font-family: "exo_2regular";
		color: #000;
		height: 24px;
		border-radius: 12px;
		padding: 0px 5px;
		box-sizing: border-box;
}

#basket_detail_inkoop_info {
	display: table;
	font-size: 16px;
 	font-family: "exo_2semi_bold";
	color: #707070;
	margin: 5px 0px -10px 0px;
}
	#basket_detail_inkoop_info .fa{
	float: left !important;
	margin-right: 5px;
	}

#basket_detail_belading_info {
	display: table;
	font-size: 14px;
 	font-family: "exo_2semi_bold";
	color: #707070;
	margin: 5px 0px -10px 0px;
}

#basket_detail_opmerkingen {
	display: block;
	font-size: 16px;
 	font-family: "exo_2semi_bold";
	color: #707070;
	margin-top: 15px;
}


#basket_detail .basket_detail_oms .error_basket_import_departure {
font-size: 12px;
color: red;
}
	

#basket_detail .basket_detail_total_price i,
#basket_detail .basket_detail_total_price span {
	line-height: 24px;
}

#basket_detail .basket_detail_total_price i.fa-whatsapp{
	position: absolute; bottom: 0; right: 22px;
}

#basket_detail .basket_detail_qty h5,
#basket_detail .basket_detail_price h5,
#basket_detail .basket_detail_total_price h5
{
	font-size: 16px;
 	font-family: "exo_2semi_bold";
	margin-bottom: 10px;
}

#basket_detail .basket_detail_qty h6,
#basket_detail .basket_detail_price h6,
#basket_detail .basket_detail_total_price h6
{
	font-size: 16px;
 	font-family: "exo_2semi_bold";

	margin-top: 5px;
	margin-bottom: 5px;
}
	
#basket_detail .fa {
	float: right;
	font-size: 16px;
	cursor: pointer;
}

	#basket_detail .basket_check_out_icon {
	position: absolute;
	bottom: 0;
	right: 0;
	}

	#basket_detail .fa-lock {
	float: none;
	margin-left: 10px;
	}
	#basket_detail .basket_detail_qty input{
		width: 40%;
		min-width: 80px;
		margin-right: 5px;
		text-align: center;
		border: 1px solid #CCC;
		background-color: transparent;
		color: #000;
	}
	
	#basket_detail input[name="Barcode"]{
		width: 120px;
		text-align: left;
		border: 1px solid #CCC;
		background-color: transparent;
		color: #000;
		font-size: 14px;
	}
	
	#basket_detail input[name="Retailprijs"]{
		width: 80px;
		text-align: center;
		border: 1px solid #CCC;
		background-color: transparent;
		color: #000;
	}

	#basket_detail input[name="Retail_multibuy"]{
		width: 100%;
		text-align: center;
		border: 1px solid #CCC;
		background-color: transparent;
		color: #000;
	}

	
	#basket_detail input[name="Prijs"]:read-only{
		width: 100%;
		text-align: left;
		border: 0px;
		background-color: transparent;
		color: #000;
	}
	
	#basket_detail input[name="Prijs"]{
		width: 80px;
		text-align: center;
		border: 1px solid #CCC;
		background-color: transparent;
		color: #000;
	}

	
	#basket_detail input[id="Quote_prijs"]{
		border-radius: 12px;
		border: 1px solid #CCC;
		width: 80px;
		text-align: center;
	}
	
	#basket_detail #Retail_label_type_select {
		max-width: 90%;
		width: 90%;
		box-sizing: border-box;
		background: #f4f4f4;
		height: 26px;
		border-radius: 15px;
		border: 0px;
		padding: 0px 32px 0px 10px;
		line-height: 24px;
		font-size: 12px;
		 margin-left: 0px;
		-webkit-appearance: none;
		-moz-appearance: none;
		
		 background-image:
	    linear-gradient(45deg, transparent 50%, gray 50%),
	    linear-gradient(135deg, gray 50%, transparent 50%),
	    linear-gradient(to right, #ccc, #ccc);
		  background-position:
	    calc(100% - 14px) 10px,
	    calc(100% - 9px) 10px,
	    calc(100% - 2.0em) 0.3em;
		  background-size:
	    5px 5px,
	    5px 5px,
	    1px 1.4em;
		  background-repeat: no-repeat;
		}
	
	#basket_detail .basket_detail_packing_select,
	#basket_detail .basket_detail_layer_select,
	#basket_detail .basket_detail_trolley_select
	{
		display: block;
		margin-top: 10px;
	 	font-family: "exo_2semi_bold";
	}
	
#basket_total {
	line-height: 48px;
	text-align: right;
	padding: 0px 15px;
 	font-family: "exo_2semi_bold";	
	font-size: 16px;
	border-top: 1px solid #d36f25;
	border-bottom: 1px solid #d36f25;
}

	#basket_total #basket_total_value{
		display: inline-grid;
		margin-left: 15px;
	}
	
#edit_quote {
	float: left;
	min-width: 400px;
	width: 75%;
	border: 0px solid green;
	min-height: 40px;
	font-size: 18px;
	background-color: #eeeeee;
    line-height: 40px;
	padding: 15px;
	margin-bottom: 10px;
}

	#edit_quote input{
		height: 34px;
		box-sizing: border-box;
		border-radius: 17px;
		margin-left: 10px;
		border: 1px solid #c9c9c9;
		padding: 0px 10px;
		width: 140px;
	}

/*  Popups   _________________________________________________________________________________  */
#popup_sales_price {

}

#popup_sales_price hr{
	border-color: gainsboro;
	width: 100%;
}


#popup_sales_price #product_detail_naam{	
float: none;
}


#popup_sales_price_edit {	
	display: block;
	width: 100%;
	max-width: 300px;
	border: 1px solid #C9C9C9;
	border-radius: 25px;
	height: 50px;
	padding: 8px 0px 0px 5px;
	box-sizing: border-box;
	margin: 0px auto;
	font-size: 18px;
	background-color: #d36f25;
	color: #FFF;
}	

#popup_sales_price_edit span{
	display: block;
	float: left;

}

#popup_sales_price_edit .Aantal {	width: 40%; margin-right: 15px;}
#popup_sales_price_edit .Prijs {	width: 40%; 	background-color: #FFFFFF2b;
	border-radius: 18px;
}

#popup_sales_price_edit #Aantal {
	height: 32px;
	width: 80px;
	text-align: center;
	border: 0px;
	background-color: #FFFFFF2b;
	margin-right: 5px;
	border-radius: 18px;
}

#popup_sales_price_edit #Prijs {
	height: 32px;
	width: 80px;
	text-align: center;
	border: 0px;
	background-color: transparent;
}

#popup_sales_price_edit .Button_save {
	height: 32px;
	width: 32px;
	background-color: #d36f25;
	border-radius: 16px;
	margin-right: 8px;
	float: right;
	cursor: pointer;
}	

	#popup_sales_price_edit .Button_save .fa {
	line-height: 32px;
	}
	

	#popup_sales_price_edit	input[type="number"]::-webkit-outer-spin-button,
    #popup_sales_price_edit input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
	
	#popup_sales_price #marge_calc_result {
		width: 100%;
		height: 28px;
		border-radius: 14px;
		padding: 0px 20px 0px 8px;
		box-sizing: border-box;
		border: 1px solid #C9C9C9;
	
	}

	#popup_sales_art_info input[type="number"]::-webkit-outer-spin-button,
    #popup_sales_art_info input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
	
	#popup_sales_art_info .icon_potsize{
	height: 20px; 
	margin-right: 5px; 
	margin-bottom: 5px;
	}


	#popup_sales_art_info .icon_height{
	height: 20px;
	margin-left: 15px; 
	margin-right: 5px; 
	margin-bottom: 5px;
	}
	
	#popup_sales_art_info .icon_stock{
	height: 20px; 
	margin-left: 15px; 
	margin-right: 5px; 
	margin-bottom: 5px;
	}
	
	.popup_sales_art_info2 div {
		line-height: 30px;
	}
	
	.popup_sales_art_info2 div.popup_sales_retailprijs {
		width: 66% !important;
	}
	
	.popup_sales_art_info2 input[name="Retailprijs"]	 {
		width: 90%;
		border: 1px solid #C9C9C9;
		border-radius: 16px;
		height: 28px;
		padding: 0px 10px;
		box-sizing: border-box;
		text-align: center;
		margin-left: 0px;
		float: left;
	}

	.popup_sales_art_info2 div.popup_sales_retailprijs input {
		width: 120px;
		border: 1px solid #C9C9C9;
		border-radius: 16px;
		height: 32px;
		padding: 0px 10px;
		box-sizing: border-box;
		text-align: center;
		margin-left: 5px;
		float: none;
	}


	
#popup_sales_remarks {
	margin-top: 5px;
}
#popup_sales_remarks input{
	width: 100%;
	max-width: 300px;
	border: 1px solid #C9C9C9;
	border-radius: 16px;
	height: 32px;
	padding: 0px 10px;
	box-sizing: border-box;
	font-size: 14px;
}


#popup_sales_art_info {
	display: block;
	width: 100%;
	max-width: 300px;
	font-size: 18px;
	margin: 10px auto;
	
}

	#popup_sales_art_info span{
	display: block;
	width: 100%;
	margin-top: 10px;
	}
	#popup_sales_art_info #marge_calc_result {
	margin-top: 0px;
	}
	#popup_sales_art_info span .fa-calculator{
	margin-left: -26px;
	margin-right: 6px;
	font-size: 14px;
	}
	

	
	#popup_sales_art_info div {
	display: block;
	width: 33%;
	float: left;
	margin-bottom: 5px;
	}
	

#popup_sales_price_info {
	display: block;
	width: 100%;
	max-width: 300px;
	font-size: 16px;
	margin: 10px auto;
}
	#popup_sales_price_info span {
	display: block;
	width: 33%;
	float: left;
	line-height: 24px;
	cursor: pointer;
	}
	
	#popup_sales_price_info p {
		font-family: "exo_2bold";
		font-size: 18px;
		
	}
	
#popup_sales_marge_info {
	display: block;
	width: 100%;
	max-width: 300px;
	font-size: 16px;
	margin: 10px auto;

}
	
	#popup_sales_marge_info span {
	display: block;
	width: 33%;
	float: left;
	line-height: 24px;
	}
	
	#popup_sales_marge_info span.header {
	width: 100%;
	background-color: #d36f25;
	color: white;	

	}
	
	
.tbl_recent_buyed {
	margin: 10px auto;
	font-size: 14px;
}

.tbl_recent_buyed tr.header{
	height: 28px;
	font-weight: bold;
	color: #FFF;	
	background-color: #d36f25;	
	
}

.tbl_recent_buyed tr.detail{
	height: 28px;
	background-color: #FFF;	
	border-bottom: 1px solid silver;
}

.tbl_recent_buyed tr.klantnaam{
	height: 28px;
	font-weight: bold;
	border-bottom: 1px solid silver;
}

.tbl_recent_buyed tr.total{
	height: 32px;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid silver;
}

	
/* Std butttons  _________________________________________________________________________________ */	
.std_button1 {
    height: 50px;
    border-radius: 25px;
    border: 1px solid #C9C9C9;
    font-size: 16px;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
	min-width: 140px;
	text-align: center;
	cursor: pointer;
}

.std_button1_right {
	float: right;
}

	
/* Webshop message _________________________________________________________________________________ */	

#webshop_message_alert {
	padding: 15px;
	font-family: "Open Sans",Arial, Verdana, sans-serif;
	font-size: 14px;

}

#webshop_message_alert h2 {
	display: inline-block;
    width: auto;
    margin: 20px;
    background-color: green;
    padding: 20px;
    color: white;
    font-size: 18px;
    float: none;
}

#webshop_message_alert div{
	display: flow-root;
    width: 100%;
	line-height: 24px;
}

#webshop_message_footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: -1;
	opacity: 30%;
}

#webshop_message_footer img{
	width: fit-content;
}

#Message_header {
	display: block;
	height: 40px;
	margin: 10px 0px 10px 0px;
}

#Message_detail {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 20px 0px 20px 0px;
	border-bottom: 1px solid gainsboro;
}

#Message_detail div {
	padding: 15px;
	box-sizing: border-box;
}

#Message_detail_header {
	font-family: "exo_2regular";
	font-size: 20px;
	min-height: 40px;
	background-color: #d36f25;
	color: #FFFFFF;
}

	#Message_detail_header.read {
		background-color: #d36f25;
	}
	
#Message_detail_header_icon {
	float: left;
	margin-right: 10px;
	margin-top: -5px;
}
	#Message_detail_header_icon img{
		height: 24px;
	}

#Message_detail_from {
	font-family: "exo_2regular";
	font-size: 16px;
	color: #707070;
	margin: bottom: 20px;
	border-left: 1px solid gainsboro;
	border-right: 1px solid gainsboro;
	background-color: #dcdcdc50;
}

#Message_detail_tekst {
	font-size: 16px;
	line-height: 20px;
	border-left: 1px solid gainsboro;
	border-right: 1px solid gainsboro;
}

	
/* END Webshop message _________________________________________________________________________________ */	


/* Pagination _________________________________________________________________________________ */
#pagination {
	display: block;
	width: 100%;
	margin: 15px 0px 0px 0px;
}
	#pagination a{
		display: inline-block;
		width: 26px;
		height: 26px;
		line-height: 26px;
		text-align: center;
		background-color: #d36f25;
		color: #FFF;
		text-decoration: none;
	}

#pagination a.pagination_activepage{
	background-color: #d36f25;
	color: #FFF;
	width: 30px;
	height: 30px;
	line-height: 28px;
}


.pagination_activepage {
	font-weight: bold;
	
}

/* END Pagination _________________________________________________________________________________ */


#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgb(33 45 85 / 80%); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 18px; /* Rounded corners */
  font-size: 24px; /* Increase font size */
}

#myBtn:hover {
  background-color: rgb(33 45 85 / 90%); /* Add a dark-grey background on hover */
}


/* Chosen aanpassingen ____________________________________________________________________________*/
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #4AA850), color-stop(90%, #4AA850));
  background-image: -webkit-linear-gradient(#4AA850 20%, #4AA850 90%);
  background-image: -moz-linear-gradient(#4AA850 20%, #4AA850 90%);
  background-image: -o-linear-gradient(#4AA850 20%, #4AA850 90%);
  background-image: linear-gradient(#4AA850 20%, #4AA850 90%);
  color: #fff;
}

.chosen-container-single .chosen-drop {
	margin-top: -3px;
}


/* Dropdown _________________________________________________________________________________ */
/* Style The Dropdown Button */
.dropbtn {
  font-size: 14px;
  border: none;
  cursor: pointer;
  background-color: inherit;
}

.dropbtn1 {
    background-color: #8E948E;
    color: white;
    padding: 2px 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin: 12px 0px 0px 0px;
    border: 1px solid black;
}

.dropbtn1 i {
   margin-right: 0px !important;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 8px 8px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid silver;
  cursor: pointer;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #FFF;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {

}

.dropdown i{
	margin-right: 5px;
}

/* mobile elemenenten verbergen  _________________________________________________________________ */
#m_login_container {
	display: none;
}

#m_header_logo {
	display: none;
}

#header_mobile_menu {
	display: none;
}

#m_mobile_menu {
	display: none;
}

#basket_buttons_mobile {
	display: none;
}

.show_mobile {
	display: none !important;
}

.show_tablet {
	display: none !important;
}

.mobile_icon {
	display: none;
}	

@media only screen and (min-width: 1000px) and (max-width: 1380px) {
.show_tablet {
	display: block !important;
}

	#content_frame_content {
		width: 90%;
	}

	#basket_frame_content {
		width: 90%;
	}
	
	#header1_buttons {
		margin-left: 50px;
	}
	
	#header1_buttons .dashboard,
	#header1_buttons .products,
	#header1_buttons .messages,
	#header1_buttons .relations,
	#header1_buttons .products_list {
	padding: 15px 10px 15px 15px;
	}
	
	#webshop_products_header1 {
	    flex-wrap: wrap;
	    justify-content: space-around;
	}
	
	#webshop_products_header1 #header1_order_date {
		margin-top: 10px;
	}
	
	#webshop_products_header1 {
	margin: 0px 0px 15px 0px
	}

	#dashboard_block_left {
		width: 98%;
	}
	

	
	#dashboard_block_left #complete_assortiment {
		display: inline-block;
		margin-bottom: 15px;
		padding: 10px 30px;
		min-height: unset;
		line-height: 45px;
	}
	#dashboard_block_left #complete_assortiment .button{
	margin-left: 10px;
	}

	
	#dashboard_block_left #verkoper_contactgegevens {
		display: none;
	}
	
	#dashboard_block_left #verkoper_contactgegevens h3 { width: 65%; }
	#dashboard_block_left #verkoper_contactgegevens h4 { width: 65%; float: left;}
	
	#dashboard_block_left #verkoper_contactgegevens .pasfoto{
		width: 85px;
		height: 85px;
		border-radius: 50%;
		overflow: hidden;
		background-size: cover;
  		background-repeat: no-repeat;
		float: left;
		margin-right: 10px;
		margin-top: -12px;		
		margin-bottom: 12px;
	}

	
	#dashboard_block_middle,
	#dashboard_block_right {
	width: 48%;
	margin-bottom: 15px;
	}

#myorders_detail {
	flex-wrap: wrap;
	justify-content: space-around;
}
	#myorders_detail div {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	}
	
	#myorders_detail .col-md-5 { width: 85%;	}
	#myorders_detail .col-md-4 { width: 45%; margin-left: 5%;	}
	
	
#products_block_filter_button {
	width: 50px;
	height: 50px;
	background-color: #d36f25;
	color: white;
	border-radius: 25px;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	box-sizing: border-box;
	padding: 13px;
	margin-top: -80px;
	margin-left: 10px;
}

#products_block_filter_button.scrolling {
	position: sticky;
	top: 110px;
	z-index: 9999;
	opacity: 0.8;
}
	
	#products_block_filter {
	display: none;
	right: 0px;
	width: calc(100% - 70px);
	max-width: 400px;
	height: 100%;
	margin: 0px;
	margin-top: -25px;
	padding: 0px;
	padding-bottom: 25px;
	box-sizing: border-box;
	z-index: 10;
	background-color: #FFF;
	border-left: 1px solid silver;
	box-shadow: -4px 0px 10px 1px #aaaaaa;

	}

	#products_block_filter_content {
		font-size: 14px;
		line-height: 26px;
		height: calc(100% - 100px);
	}
	#products_block_filter_content input[type=checkbox] { transform: scale(1.5); margin-right: 10px; margin-bottom: 10px; }
	
	#products_block_list {
	width: 98%;
	margin: 0px auto 20px auto;
	}



}


/* Voor tablets in portretmodus (minimale breedte: 601px, maximale breedte: 1024px) */
@media only screen and (min-width: 601px) and (max-width: 1000px) {
    /* Je tablet-specifieke stijlen hier */
.show_tablet {
	display: block !important;
}

#main-container{ 
	padding-top: 100px;
}

#header_logo {
	display: none;
}
#header_content {
	margin-left: 20px;
}
#header_user {
	max-width: 240px;
	overflow: hidden;
	max-height: 40px;
}
#header_qrscanner {
	margin-left: 10px;
}

	#header1_buttons .dashboard,
	#header1_buttons .products,
	#header1_buttons .messages,
	#header1_buttons .relations,
	#header1_buttons .products_list {
	padding: 15px 10px 15px 10px;
	}
	
	#webshop_products_header1 {
	    flex-wrap: wrap;
	    justify-content: space-around;
	}
	
	#webshop_products_header1 #header1_order_date {
		margin-top: 0px;
	}
	
	#webshop_products_header1 {
	margin: 20px 0px 15px 70px
	}
	
	#dashboard_block_left {
		width: 98%;
	}
	
	#dashboard_block_left #complete_assortiment {
		display: inline-block;
		margin-bottom: 15px;
		padding: 10px 30px;
		min-height: unset;
		line-height: 45px;
	}
	#dashboard_block_left #complete_assortiment .button{
	margin-left: 10px;
	}

	#dashboard_block_left #verkoper_contactgegevens {
		display: none;
	}

	#dashboard_block_left #verkoper_contactgegevens h3 { width: 65%; }
	#dashboard_block_left #verkoper_contactgegevens h4 { width: 65%; float: left;}
	
	#dashboard_block_left #verkoper_contactgegevens .pasfoto{
		width: 85px;
		height: 85px;
		border-radius: 50%;
		overflow: hidden;
		background-size: cover;
  		background-repeat: no-repeat;
		float: left;
		margin-right: 10px;
		margin-top: -12px;		
		margin-bottom: 12px;
	}

	#dashboard_block_middle,
	#dashboard_block_right {
	width: 48%;
	margin-bottom: 15px;
	padding: 15px;
	}
	
	#recommendations_detail .recommendations_tekst {	display: none;	}
	#recommendations_detail .recommendations_detail_1 h4 {	display: none;	}
	#recommendations_detail h4.recommendations_detail_art_oms { display: block; }
	
	

	
#myorders_detail {
	flex-wrap: wrap;
	justify-content: space-around;
}
	#myorders_detail div {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	}
	
#products_block_filter_button {
	width: 50px;
	height: 50px;
	background-color: #d36f25;
	color: white;
	border-radius: 25px;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	box-sizing: border-box;
	padding: 13px;
	margin-top: -65px;
	margin-left: 20px;
}	

#products_block_filter_button.scrolling {
	position: fixed;
	bottom: 10px;
	border-radius: 18px;
	z-index: 9999;
	opacity: 0.8;
}

	#products_block_filter {
	display: none;
	right: 0px;
	width: calc(100% - 70px);
	max-width: 400px;
	height: 100%;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	box-sizing: border-box;
	z-index: 10;
	background-color: #FFF;
	border-left: 1px solid silver;
	box-shadow: -4px 0px 10px 1px #aaaaaa;
	}

	#products_block_filter_content {
		font-size: 14px;
		line-height: 26px;
		height: calc(100% - 100px);
	}
	#products_block_filter_content input[type=checkbox] { transform: scale(1.5); margin-right: 10px; margin-bottom: 10px; }
	
	#products_block_list {
	width: 96%;
	margin: 0px auto 20px auto;
	}

	#basket_frame_content {
		width: 90%;
	}
	
	#basket_order_calculation,
	#basket_order_retail_calculation {
		width: 100%;
		box-sizing: border-box;
	}
	
	#basket_order_left {
		width: 100%;
		min-width: unset;
		height: unset;
	
	}
	
	#basket_order_right {
		width: 100%;
	}
	#basket_order_right .basket_order_right_1{
		width: 48%;
		float: right;
	}

	#basket_order_right .basket_order_right_2{
		width: 48%;
		float: left;
	}
	
	#basket_detail .basket_detail_qty input { 
		min-width: 60%;
	}
	
	#product_detail_retail1_1 {
		float: left;
		width: 49%;
		max-width: 120px;	
	}
	
	#product_detail_retail1_2 {
		float: left;
		width: 49%;
		max-width: 120px;	
	}
	
	#basket_detail .basket_detail_image {
		min-width: 130px;
		max-width: 130px;
	}



}


@media only screen and (max-height: 850px) {
#products_block_az_filter {
	top: 110px;
	transform: none;
}
	#products_block_az_filter span{
	width: 24px;
	height: 24px;
	font-size: 12px;
	border-radius: 3px;
	}

}

@media only screen and (max-height: 980px) {
#products_block_az_filter {
	top: 110px;
	transform: none;
}

}

@media only screen and (max-width: 600px) {
.hide_mobile {
	display: none !important;
}

.show_mobile {
	display: block !important;
}

#login_container .form1 {
	display: none !important;
}

#login_container_slider {
	display: none !important;
}

#header{
	height: 70px !important;
}

#header_logo {
	display: none;
}

#header_mobile_menu {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 0px 0px 0px 0px !important;
  	background-image: url("../img_layout/mobile_menu.png");
	background-size: 40px;
	background-repeat: no-repeat;
}

#header_content {
	margin-left: 10px;
	margin-right: 10px;	
}


#header_favorites,
#header_user,
#header_question {
	display: none;

}

	#header_checkout_timer {
		position: absolute;
		color: #000;
		right: 30px;
		width: 130px;
		top: 65px;
		text-align: center;
		line-height: 18px;
		background-color: #ededed;
		height: 15px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	#header_checkout_timer i {
		font-size: 10px;
		margin-right: 5px;
	}

	#header_checkout_timer .header_checkout_timer_tekst {
	display: none;
	}

	#alert-box-basket {
    width: 90%;
	}

	#webshop_products_header1 #header1_order_date {
	padding: 15px 0px 15px 15px;
	margin-left: 60px;
	}


#header1_buttons {
	display: none;

}

	#header1_buttons_mobile {
		font-size: 16px;
		color: #707070;
		margin: -15px 0px 15px 0px;
	}
	
	#header1_buttons_mobile img {
		margin-right: 10px;
	}
	
	#header1_buttons_mobile .dashboard {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		padding: 15px 10px 15px 15px;
		box-sizing: border-box;
		cursor: pointer;
	}
	#header1_buttons_mobile .dashboard_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header1_buttons_mobile .myorders {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		padding: 15px 10px 15px 15px;
		box-sizing: border-box;
		cursor: pointer;
	}
	#header1_buttons_mobile .myorders_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header1_buttons_mobile .products {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		padding: 15px 10px 15px 15px;
		box-sizing: border-box;
		cursor: pointer;
	}

	#header1_buttons_mobile .products_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header1_buttons_mobile .messages,
	#header1_buttons_mobile .relations,
	#header1_buttons_mobile .products_list {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		padding: 15px 10px 15px 15px;
		box-sizing: border-box;
		cursor: pointer;
	}
	
	#header1_buttons_mobile .messages .fa,
	#header1_buttons_mobile .relations .fa,
	#header1_buttons_mobile .myorders .fa,
	#header1_buttons_mobile .products_list .fa {
		font-size: 16px;
		margin-right: 10px;
	}
	
	.icon_order_status {
		height: 24px;
	}
	
	#header1_buttons_mobile .sales_portal_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header1_buttons_mobile .circle_quote_counter {
		display: block;
		border-radius: 50%;
		width: 14px;
		height: 14px;
		padding: 3px;
		background-color: #d36f25;
		color: #FFF;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	
	
	
	#header2_buttons_mobile {
		font-size: 16px;
		color: #707070;
		margin: -15px 0px 15px 0px;
		width: 90%;
	}
	
	#header2_buttons_mobile span{
		width: 25%;
	}
	
	#header2_buttons_mobile img {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#header2_buttons_mobile .dashboard {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		padding: 15px 10px 15px 15px;
		box-sizing: border-box;
		cursor: pointer;
		border-right: 1px solid #e7e5e5;
	}
	#header2_buttons_mobile .dashboard_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header2_buttons_mobile .myorders {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		padding: 15px 10px 15px 15px;
		box-sizing: border-box;
		cursor: pointer;
	}
	#header2_buttons_mobile .myorders_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header2_buttons_mobile .products {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		padding: 15px 10px 15px 15px;
		box-sizing: border-box;
		cursor: pointer;
	}

	#header2_buttons_mobile .products_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header2_buttons_mobile .messages,
	#header2_buttons_mobile .relations,
	#header2_buttons_mobile .products_list {
		background-color: #F4F4F4;
		display: flex;
		align-items: center;
		float: left;
		height: 50px;
		padding: 15px 10px 15px 15px;
		box-sizing: border-box;
		cursor: pointer;
		justify-content: center;
		border-right: 1px solid #e7e5e5;
	}
	
	#header2_buttons_mobile .messages .fa,
	#header2_buttons_mobile .relations .fa,
	#header2_buttons_mobile .myorders .fa,
	#header2_buttons_mobile .products_list .fa {
		font-size: 16px;
		margin-right: 10px;
	}
	
	#header2_buttons_mobile .sales_portal_active {
		background-color: #FFF;
		color: #d36f25;
	}
	
	#header2_buttons_mobile .circle_quote_counter {
		display: block;
		border-radius: 50%;
		width: 14px;
		height: 14px;
		padding: 3px;
		background-color: #d36f25;
		color: #FFF;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}

#products_block_filter_button {
	width: 50px;
	height: 50px;
	background-color: #d36f25;
	color: white;
	border-radius: 25px;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	box-sizing: border-box;
	padding: 13px;
	margin-top: -80px;
	margin-left: 10px;
}

#products_block_filter_button.scrolling {
	position: fixed;
	bottom: 10px;
	border-radius: 18px;
	z-index: 9999;
	opacity: 0.8;
}


#products_block_az_filter {
	right: 3px;
	gap: 3px;
	top: 85px;
	transform: none;
	max-height: 80vh;
	overflow-y: auto;
}
	#products_block_az_filter span{
	width: 30px;
	height: 30px;
	font-size: 14px;
	border-radius: 3px;
	}

#main-container {
	padding-top: 60px !important;
}

#main-container.filter_az_visible {
	width: calc(100% - 36px);
	margin-left: 0px;
}

.mobile_icon { display: block; }
.mobile_icon_potsize { height: 20px; margin-right: 10px; float: left; }
.mobile_icon_height { height: 20px; margin-right: 10px; float: left; }
.mobile_icon_grower { height: 20px; margin-right: 10px; float: left; }
.mobile_icon_euro_sign { height: 20px; margin-right: 10px; float: left; }

#m_mobile_menu {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #d36f25;
	z-index: 999;
}

#m_mobile_menu_close {
	display: block;
	padding: 25px;
	text-align: right;
}	

	#m_mobile_menu_close img{
		height: 32px;	
	}
	
#m_mobile_menu_items {
	display: block;
	width: 90%;
	margin: 0px auto;
	font-size: 18px;
}

	#m_mobile_menu_items span{
		display: block;
		height: 50px;
		line-height: 50px;
		color: #CCC;
		border-bottom: 1px solid #313A59;
	}
	
	
	#m_mobile_menu_items i{
		font-size: 24px;
		margin-right: 10px;
		margin-left: -30px;
	}
	
	#m_mobile_menu_items .mobile_menu_home a{
		color: #FFF;
	}
	
	#m_mobile_menu_items .mobile_menu_home p{
		border-bottom: 2px solid #4aa851;		
		display: inline-block;
		line-height: 28px;
	}
	
	#m_mobile_menu_items a{
		text-decoration: none;
		color: #CCC;
	}
	

	
#m_mobile_menu_items2 {
	display: block;
	position: fixed;
	bottom: 85px;
	width: 70%;
	margin: 20px auto;
	margin-left: 15%;
}
	#m_mobile_menu_items2_detail_1 {
	display: block;
	float: left;
	width: 25%;
	}
	
	#m_mobile_menu_items2_detail_2 {
	display: block;
	float: left;
	width: 25%;
	}
	

	#m_mobile_menu_items2_detail_3 {
	display: block;
	float: left;
	width: 25%;
	}

	#m_mobile_menu_items2_detail_4 {
	display: block;
	float: right;
	width: 25%;
	}

	
	
	#m_mobile_menu_items2_detail img,
	#m_mobile_menu_items2_detail_1 img,
	#m_mobile_menu_items2_detail_2 img,
	#m_mobile_menu_items2_detail_3 img,
	#m_mobile_menu_items2_detail_4 img {
		width: 40px;
	}

#m_mobile_menu hr{
	width: 80%;
	color: #CCC;
	margin: 10px auto;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #FFF;
}	
#m_mobile_menu .logo{
	display: block;
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 20px;

}

	#m_mobile_menu .logo img{
		margin-top: 15px;
		height: 35px;
	}


#dashboard_block_left {
	width: 90% !important;
	margin-bottom: 15px;
}

#dashboard_block_left #complete_assortiment {
	min-height: 60px !important;
}

	#verkoper_contactgegevens h4{
		font-size: 3.9vw;
	}

	#dashboard_block_left #verkoper_contactgegevens .pasfoto{
		width: 85px;
		height: 85px;
		border-radius: 50%;
		overflow: hidden;
		background-size: cover;
  		background-repeat: no-repeat;
		float: left;
		margin-right: 10px;
		margin-top: -12px;		
		margin-bottom: 12px;
	}
	
	#dashboard_block_left #complete_assortiment .button {
		margin-top: -8px;
	}
	
	#dashboard_block_middle,
	#dashboard_block_right,
	#dashboard_special_offers {
	width: 90%;
	margin-bottom: 15px;
	}

	.dashboard_block_middle_ingeklapt {
	height: 70px !important;
	}
	
	.dashboard_block_middle_ingeklapt .myorders_block_load_more {
		display: none;
	}

.button_create_new_order {
	display: none;
}
#myorders_detail {
	flex-wrap: wrap;
	justify-content: space-around;
}
	#myorders_detail div {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	}
	
	#myorders_block {
	margin-top: 0px;
	margin-bottom: 20px;
	max-height: 400px;
	}
	
	#recommendations_detail .recommendations_detail_left { width: 100%; }
	#recommendations_detail .recommendations_detail_right { width: 100%; }
	#recommendations_detail .recommendations_tekst {	display: none;	}
	#recommendations_detail_image { width: 100%;  max-width: unset; height: 260px; }
	
	
	#recommendations_detail .recommendations_detail_block1 { width: 100%; float: left;}
	#recommendations_detail .recommendations_detail_block2 { text-align: left;  border-left: 0px solid #C9C9C9; border-right: 1px solid #C9C9C9; box-sizing: border-box; width: 48%; float: left;}
	#recommendations_detail .recommendations_detail_block3 { text-align: right; width: 48%; float: left;}

	#recommendations_detail .recommendations2_detail_block1 { width: 100%; float: left;}
	#recommendations_detail .recommendations2_detail_block2 { text-align: left;  border-left: 0px solid #C9C9C9; border-right: 1px solid #C9C9C9; box-sizing: border-box; width: 48%; float: left;}
	#recommendations_detail .recommendations2_detail_block3 { text-align: right; width: 48%; float: left;}

	#products_block_filter {
	display: none;
	right: 0px;
	width: calc(100% - 70px);
	height: 100%;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	box-sizing: border-box;
	z-index: 10;
	background-color: #FFF;
	border-left: 1px solid silver;
	box-shadow: -4px 0px 10px 1px #aaaaaa;
	}

	#products_block_filter_content {
		font-size: 14px;
		line-height: 26px;
		height: calc(100% - 100px);
	}
	#products_block_filter_content input[type=checkbox] { transform: scale(1.5); margin-right: 10px; margin-bottom: 10px; }
	
	#products_block_list {
	width: 90%;
	margin: 0px auto 20px auto;
	}
	
#salesportal_content {
	margin-left: 0px;
	width: 90%;
	padding: 10px;
	box-sizing: content-box;
	}


#salesportal_search input[name="search"],
#salesportal_search input[name="search_grower"],
#salesportal_search input[name="search_relatie"]{
	width: unset;
}

/* Artikel popup detail ________________________________________________________________________ Artikel popup detail*/
#article_detail_image {
	width: 98%;
}

#article_detail_info {
	width: 100%;
}

#article_detail_info_naam {
	height: auto;
	line-height: 24px;
}

.popup_close_button {
	/* position: absolute; */
	right: 10px;
	margin-top: -30px;
	
}

#jws_table {
	display: grid;
	justify-content: center;
}

	#jws_table_headrow {
	display: none;
	}
	#jws_table_body {
	display: inline-table;
	}
	
	#jws_table_row {
		display: block;
		float: left;
		border-bottom: 1px solid green;
		width: 100%;
		font-size: 16px;
		
	}

	#jws_table_row .jws_table_cell {
		display: block;
		padding: 10px;
		box-sizing: border-box;
		width: 50%;
		float: left;
		border-bottom: 0px;
	}
	
	#jws_table_row .jws_table_cell_v2 {
		display: block;
		padding: 5px;
		box-sizing: border-box;
		width: 55%;
		float: right;
		border-bottom: 0px;
		line-height: 24px;
	}

	#jws_table_row .jws_table_cell_v2:empty {
		padding: 0px;
	}
	
	#jws_table_row .jws_table_cell_v2-left {
		display: block;
		padding: 5px;
		box-sizing: border-box;
		width: 45%;
		float: left;
		border-bottom: 0px;
		line-height: 24px;
	}

	#jws_table_row .jws_table_cell_v2 .switch_stock_add {
	position: unset;
	top: 0px;
	margin-top: 10px;
	}
	
	#jws_table_row .jws_table_cell_v2 .switch_stock_add .mobile_icon_grower {
	height: 20px;
	margin: -8px 2px 0px 0px;
	float: none;
	}

	
	#jws_table_row .jws_table_cell_v2_header{
		width: 98%;
		float: none;
		margin: 5px auto;
		font-weight: bold;
		padding-bottom: 3px;
		font-size: 18px;
		
	}

	
	#jws_table_row .jws_table_cell_v2_image{
		width: 45%;
		float: left;
		border: 0px;
	}

	#jws_table_row .jws_table_cell_v2_image #product_detail_image{
		width: 90%;
		height: 180px;
		background-position: top;
		margin: 5%;
		
	}
	
	#jws_table_row_sub1 {
	display: table-row;
	background: #a9bfb0;
	width: 100%;
	float: left;
	}

	#jws_table_row_sub1 .jws_table_cell,
	#jws_table_row_sub1 .jws_table_cell_v2 {
	/*
	display: table-cell;
	padding: 10px;
	border-bottom: 1px solid #E7E7E7;
	*/
	display: block;
	padding: 5px;
	box-sizing: border-box;
	width: 45%;
	float: left;
	border-bottom: 0px;
	line-height: 24px;
	font-size: 14px;
	}

	#jws_table_row_sub1.stockregel{
	background: #ceced1;
	color: black;
	}

	
	
.frm_sales_portal_edit_small {
	font-size: 12px;
	line-height: 16px;
}

.frm_sales_portal_edit_small td{
	padding: 4px 5px;
}

.frm_artikel_edit_column1 {
	width: 90px;
}


.frm_sales_portal_edit_small input[type=text],
.frm_sales_portal_edit_small input[type=password]{
	height: 40px;
	min-width: 100%;
	max-width: 600px;
	border-radius: 18px;
	border: 0px;
	background-color: #E7E7E7;
	padding-left: 10px;
	box-sizing: border-box;
	min-height: 36px;
}

	.button_basket_calculate {
    /* padding: 15px 0px 15px 25px; */
	}
	
	
	.button_basket_quote {
    padding: 15px 0px 15px 25px;
	}
	
	
	.button_basket_continue_shopping i{
		margin-right: 10px;
		margin-top: -10px;
		margin-right: -15px;
	}
	
	.button_basket_calculate i{
		margin-right: 10px;
		margin-top: -10px;
		margin-right: -15px;
	}
	.button_quote_calculate i.fa-calculator{
		margin-right: unset;
		margin-top: unset;
		margin-right: 20px;

	}
	
	.button_basket_quote i{
		margin-right: 10px;
		margin-top: -10px;
    	margin-left: -20px;
	}

#basket_buttons_mobile {
	display: block;
	width: 100%;
	float: right;
	padding: 0px 15px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 20px;	
	border-bottom: 1px solid black;
	border-top: 1px solid black;	
}

#basket_buttons_mobile div {
	display: grid;
	margin: 15px 0px 15px 0px;
}


#basket_order_left {
	width: 100%;
	min-width: unset;
	height: unset;
	
}


#basket_order_right {
	width: 100%;	
}


#basket_detail {
	flex-wrap: wrap;
}

#basket_detail .basket_detail_qty {
	width: 49%;
	float: left;
	margin-top: 10px;
}
#basket_detail .basket_detail_price {
	width: 49%;
	float: right;
	margin-top: 10px;
}


#basket_order_calculation,
#basket_order_retail_calculation {
	min-width: unset;
	width: 90%;
	box-sizing: content-box;
	line-height: 40px;
	
}

#basket_create_special_offer	{
	min-width: unset;
	width: 90%;
	box-sizing: content-box;
	line-height: 40px;

}

#basket_create_recommendation	{
	min-width: unset;
	width: 90%;
	box-sizing: content-box;
	line-height: 40px;

}

	#basket_order_calculation div,
	#basket_order_retail_calculation div {
	min-width: unset;
	width: 100%;
	}
	
	#basket_order_calculation div input,
	#basket_order_retail_calculation div input{
	float: right;
	}
	
	#basket_order_calculation div select,
	#basket_order_retail_calculation div select,
	#basket_create_recommendation div select,
	#basket_create_special_offer div select {
	float: right;
	}
	
	#basket_detail .basket_detail_oms{
	width: 65%;
	}
	

	#basket_detail .basket_detail_total_price {
		min-width: 100%;
		margin-top: 10px;
		background-color: #F9F9F9;
		padding: 10px;
		box-sizing: border-box;
	}
	
	#basket_detail .basket_detail_total_price .fa-times {
	font-size: 28px;
	margin-top: -10px;
	}
	
	#basket_detail .basket_detail_total_price i.fa-whatsapp{
	position: unset; 
	font-size: 28px;
	margin-top: -10px;
	margin-right: 25px;
	}
	#basket_detail .basket_check_out_icon {
	padding: 10px;
	}

	
	#basket_detail .basket_detail_image {
		width: 35%;
	}
	
	#basket_detail .basket_retail_border_top {
		border-top: 1px solid #9e9e9e;
		padding-top: 5px;
		margin-top: 10px !important;
	}
	
	
.tbl_recent_buyed {
	margin: 2px auto;
	font-size: 12px;
}
	
/* Date picker _________________________________________________________________________________ */	
.ui-datepicker th {
	padding: 1.0em 0.6em !important;
}

/* Pagination _________________________________________________________________________________ */
#pagination {
	display: none;
	width: 100%;
	margin: 15px 0px 0px 0px;
	font-size: 18px; 
}
	#pagination a{
		display: inline-block;
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		background-color: #d36f25;
		color: #FFF;
		text-decoration: none;
		margin-bottom: 5px;
	}

#pagination a.pagination_activepage{
	background-color: #d36f25;
	color: #FFF;
	width: 34px;
	height: 34px;
	line-height: 34px;
}


.pagination_activepage {
	font-weight: bold;
	
}

/* END Pagination _________________________________________________________________________________ */

	#frm_search_salesportal div{
	width: 100%;
	}
	#frm_search_salesportal #search {
		margin-bottom: 5px;
		width: 90%;	
	}
	
	#frm_search_salesportal #date_from,
	#frm_search_salesportal #date_till
	{
		width: 43%;	
		margin-bottom: 5px;
	}

	
	#salesportal_search select {
		margin-bottom: 5px;
		width: 90%;	
	}
	
    #frm_search_salesportal .checkbox-wrapper-14 {
	width: 43%;
	margin-bottom: 10px;
	}	
}

/* iPhone SE (1e generatie), 5s, en vergelijkbare oudere modellen */
@media screen and (max-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
#reader video {
	max-height: 400px;
	}

}

/* iPhone 6, 7, 8 */
@media screen and (max-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
#reader video {
	max-height: 400px;
	}

}

/* iPhone 6plus */
@media screen and (max-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
#reader video {
	max-height: 400px;
	}

}

/* iPhone X */
@media screen and (max-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
#reader video {
	max-height: 400px;
	}

}