@charset "iso-8859-1";
.cart-select2 {
  position: relative;
  font-family: "europa", sans-serif;
  width: 100%;
  padding-top: 7px;
  cursor: pointer;
/*height:40px;*/
}
.cart-select2 select {
  display: none; /*hide original SELECT element: */
}
.cart-select2 .select-selected {
/*AA*/
  background-color: $Blue;
  color: #607467;
  border: 1px solid #607467;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 4px 16px;
}
/* Style the arrow inside the select element: */
.cart-select2 .select-selected:after {
/*AA*/
  position: absolute;
  content: "";
  top: 24px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #607467 transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.cart-select2 .select-selected.select-arrow-active:after {
/*AA*/
  border-color: transparent transparent #607467 transparent;
  top: 18px;
}
/* style the items (options), including the selected item: */
.cart-select2 .select-items div,
.cart-select2 select-selected {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #607467;
  padding: 4px 16px;
/*border: 1px solid transparent;*/
/*border-color: $Goud;*/
  border-left: 1px solid #607467;
  border-right: 1px solid #607467;
  border-bottom: 1px solid #607467;
  cursor: pointer;
}
.cart-select2 .select-items div:first-child,
.cart-select2 .select-selected:first-child {
  border-top: 1px solid #607467;
}
/* Style items (options): */
.cart-select2 .select-items {
  position: absolute;
  background-color: #fff;
  border: none;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* Hide the items when the select box is closed: */
.cart-select2 .select-hide {
  display: none;
}
.cart-select2 .select-items div:hover,
.cart-select2 .same-as-selected {
  background-color: #b5c7bb;
  color: #607467;
/* color:#FFF;*/
}
.cart-select2 .select-items .BE div:first-child {
  border-top: none;
}
.cart-select2 .select-items .BE div:last-child {
  border-bottom: none;
}
.cart-select2 .same-as-selected {
/*color:#FFF;	*/
  color: #607467;
}
/*
.BE{
	height:150px;
	width:60px;
	overflow-y:scroll;
	scrollbar-width: thin;
	color:$Goud;
	border-right:1px solid $Goud;
	border-top:1px solid $Goud;
	border-bottom:1px solid $Goud;
	box-sizing:border-box;
}

.BE::-webkit-scrollbar {
  width: 12px;
}
.BE::-webkit-scrollbar-track {
  background: $Goud;
}
.BE::-webkit-scrollbar-thumb {
  background-color: #FFF;
  border-radius: 20px;
  border: 3px solid $Goud;
}
*/
/***************CHECKBOXEN EN RADIOS*********************/
.CBcontainer {
  display: block;
  position: relative;
  padding-left: 50px;
  cursor: pointer;
  font-family: "europa", sans-serif;
  font-size: 18px;
  color: #607467;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.CBcontainer input {
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.CBcheckmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  border: solid 1px #607467;
  background: #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
  -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
  -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}
/* On mouse-over, add a grey background color */
.CBcontainer:hover input ~ .CBcheckmark {
  background-color: #eee;
}
/* When the checkbox is checked, add a blue background */
.CBcontainer input:checked ~ .CBcheckmark {
  background-color: #fff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.CBcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.CBcontainer input:checked ~ .CBcheckmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.CBcontainer .CBcheckmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #607467;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/********************RADIOOOOOOOOOOOOOOOOOO*/
/* Customize the label (the container) */
.RBcontainer {
  display: block;
  position: relative;
  padding-left: 50px;
  margin-bottom: 12px;
  cursor: pointer;
  font-family: "europa", sans-serif;
  font-size: 18px;
  color: #607467;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 50px;
}
/* Hide the browser's default radio button */
.RBcontainer input {
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom radio button */
.RBcheckmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #607467;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.RBcontainer:hover input ~ .RBcheckmark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.RBcontainer input:checked ~ .RBcheckmark {
  background-color: #fff;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.RBcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.RBcontainer input:checked ~ .RBcheckmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.RBcontainer .RBcheckmark:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #607467;
  color: #fff;
}