@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap");
/**************DITAS DEFAULTS + BODY**********************************/
#indicator {
  position: fixed;
  top: 5px;
  left: 5px;
  background-color: #6ff;
  height: 30px;
  width: 30px;
  z-index: 1000000;
  display: block;
}
#currentMQ {
  z-index: 0;
  display: none;
}
.debugbox {
  position: fixed;
  z-index: 400000;
  background-color: #fff;
  color: #000;
  width: 400px;
  height: 200px;
  top: 100px;
  left: 50%;
  margin-left: -205px;
  overflow: auto;
  padding: 10px;
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  font-family: 'Work Sans', sans-serif;
  font-size: 18px;
  color: $Gray;
/*949494*/
}
body:after {
  display: none;
  content: url("../images/ico_cart_white.svg"), url("../images/ico_sortDown_act.svg");
}
.rfll {
  position: relative;
  float: left;
}
.rflr {
  position: relative;
  float: right;
}
.clear {
  clear: both;
}
.b {
  font-weight: 700;
}
.max400 {
  max-width: 400px;
}
.w5 {
  width: 5%;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w33 {
  width: 33.3333333%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w50px {
  width: 50px;
}
.w60 {
  width: 60%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w85px {
  width: 85px;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 100%;
}
.w100px {
  width: 100px;
}
.w150px {
  width: 150px;
}
.h50 {
  height: 50%;
}
.h20px {
  height: 23px;
}
.w80px {
  width: 80px;
}
.h1px {
  height: 1px;
}
.mb10px {
  margin-bottom: 10px;
}
.mt10px {
  margin-top: 10px;
}
.ml10px {
  margin-left: 10px;
}
.mr10px {
  margin-right: 10px;
}
.mb20px {
  margin-bottom: 20px;
}
.mt20px {
  margin-top: 20px;
}
.ml20px {
  margin-left: 20px;
}
.mr20px {
  margin-right: 20px;
}
.mb30px {
  margin-bottom: 30px;
}
.mt30px {
  margin-top: 30px;
}
.mb40px {
  margin-bottom: 40px;
}
.mt40px {
  margin-top: 40px;
}
.mb50px {
  margin-bottom: 50px;
}
.mt50px {
  margin-top: 50px;
}
.mb80px {
  margin-bottom: 80px;
}
.mb4p {
  margin-bottom: 4%;
}
.mb5p {
  margin-bottom: 5%;
}
.pl10 {
  padding-left: 10px;
}
.pl30 {
  padding-left: 30px;
}
.divTable {
  display: table;
/*width: 100%;*/
}
.divTableRow {
  display: table-row;
}
.divTableCell {
  display: table-cell;
  vertical-align: top;
}
.divTableBody {
  display: table-row-group;
}
h1 {
  font-size: 24px;
  color: #0fa400;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
}
.absContent {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.absContentNH {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.fixedContent {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
/*background-color: rgba(0,0,0,0.7);*/
/*z-index:10000;*/
}
.vierkant {
  position: relative;
/*float:left;*/
}
.vierkant::before {
  content: "";
/*display:block;*/
  float: left;
  padding-top: 100%;
}
.vierkant::after {
/* to clear float */
  content: "";
  display: table;
  clear: both;
}
wbr:after {
  content: "\00200B";
}
a.block {
  display: block;
  float: left;
  height: 100%;
  width: auto;
}
.block {
  display: block;
}
.h1px {
  height: 1px;
}
.centerCont {
  position: relative;
  width: 1420px;
  margin: 0px auto;
}
/**************END DITAS DEFAULTS + BODY**********************************/
.mobileMenu {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 80px;
  z-index: 5;
}
.topBar_ico_menuBtn {
  width: 40px;
  height: 40px;
  background-image: url("../images/ico_menu2.svg");
  background-size: 85%;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 20px;
  cursor: pointer;
}
a.topBar_ico_cart2 {
  display: block;
  height: 40px;
  width: 40px;
  margin-top: 20px;
  margin-left: 15px;
  color: #0fa400;
  background-image: url("../images/ico_cart.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px auto;
  text-decoration: none;
}
a.topBar_ico_profile {
  display: block;
  height: 40px;
  width: 40px;
  margin-top: 20px;
  color: #0fa400;
  background-image: url("../images/ico_profile.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px auto;
  text-decoration: none;
}
/*START PROGRAMMING HERE***/
/*Hoeveel moet content naar beneden schuiven door fixed onderdelen? */
/***Alles in zwarte balk bovenaan****/
.topBar {
  height: 80px;
  background-color: #000;
  -webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -ms-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -o-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  z-index: 4;
/*Box shadow over zone eronder die z-index1 is*/
}
.topBar_fixed {
  position: fixed;
  top: 0px;
  left: 0px;
/*z-index:5;*/
}
.topBar_logo {
/*width:92px;*/
  width: 260px;
  height: 57px;
  margin-top: 11.5px;
  margin-left: 40px;
  background-image: url("../images/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding-top: 13px;
}
.topBar_middle {
  height: 80px;
  overflow: hidden;
  color: #fff;
}
.topBar_logOut {
  background-image: url("../images/ico_profile.svg");
  background-repeat: no-repeat;
  background-size: 40px;
  margin-top: 15px;
  height: 40px;
  line-height: 40px;
  padding-left: 50px;
}
.topBar_cart {
  width: 25%;
  min-width: 300px;
  height: 80px;
  padding-left: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #2b2b2b;
}
.topBar_my {
  padding-top: 30.5px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
a.topBar_ico_cart {
  display: block;
  height: 40px;
  margin-top: 20px;
  margin-right: 10px;
  padding-right: 30px;
  color: #0fa400;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  background-image: url("../images/ico_cart.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 24px auto;
  text-decoration: none;
}
.topBar_ico_down {
  width: 40px;
  height: 40px;
  background-image: url("../images/ico_down.svg");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 20px;
  margin-right: 5px;
  cursor: pointer;
}
/***EINDE Alles in zwarte balk bovenaan****/
/***Alles in grijze balk bovenaan****/
.hdr {
  z-index: 1;
/*what are you looking for blijft anders door prods komen*/
}
.hdr_fixed {
  position: fixed;
  top: 80px;
  left: 0px;
}
.hdr_leftMenu {
  position: relative;
  float: left;
  width: 300px;
  height: 70px;
  background-color: #2b2b2b;
  border-bottom: 1px solid #353535;
}
.hdr_menuBtn {
  width: 40px;
  height: 40px;
  background-image: url("../images/ico_menu2.svg");
  background-size: 85%;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-left: 38px;
}
.hdr_isPinnedBtn {
  width: 20px;
  height: 40px;
  background-image: url("../images/ico_pin.svg");
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-right: 20px;
  cursor: pointer;
}
.hdr_isUnpinnedBtn {
  background-image: url("../images/ico_unpin.svg");
}
.hdr_downBtn {
  width: 40px;
  height: 40px;
  background-image: url("../images/ico_down.svg");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-right: 0px;
  cursor: pointer;
}
.upBtn {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.hdr_searchbar {
  height: 70px;
  background-color: #e9e9e9;
  z-index: 4;
  overflow: hidden;
}
.hdr_searchbarContent {
  display: inline-block;
  height: 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;
}
.hdr_searchbar_btn {
  height: 70px;
  width: 100px;
  background-image: url("../images/ico_magnify.svg");
  backround-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.hdr_searchbar_inputCont {
  height: 70px;
  overflow: auto;
}
.inputSearch {
  height: 100%;
  width: 100%;
  padding: 0px;
  border: 0px;
  font-size: 19px;
  font-weight: 400;
  background-color: transparent;
}
/***EINDE Alles in grijze balk bovenaan****/
/***Alles in linkermenu********/
.dropBelowFixedMenu {
  margin-top: 150px;
}
.lm_spacer {
  position: relative;
  float: left;
  width: 300px;
  height: 1px;
}
.lm_fixed {
/*position:relative;
	float:left;*/
  position: fixed;
  display: block;
  top: $fixedCorrection;
  left: 0px;
  width: 300px;
  background-color: #2b2b2b;
  height: calc(100vh - 150px);
  z-index: 1;
}
.lm_content {
  margin-top: 40px;
  margin-left: 38px;
  width: 224px;
}
a.lm_button {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  line-height: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center left;
}
a.lm_button:hover {
  color: #0fa400;
}
a.lm_sel {
  color: #0fa400;
}
.lm_group {
  color: #939393;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.36842105px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #454545;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.ico_dashboard {
  background-image: url("../images/ico_dashboard.svg");
  background-size: 25px;
}
.ico_order {
  background-image: url("../images/ico_order.svg");
  background-size: 25px;
}
.ico_ranking {
  background-image: url("../images/ico_ranking.svg");
  background-size: 25px;
}
.ico_history {
  background-image: url("../images/ico_history.svg");
  background-size: 25px;
}
.ico_visit {
  background-image: url("../images/ico_visit.svg");
  background-size: 25px;
/*background-size:20px;
	background-position:center;	*/
}
.ico_company {
  background-image: url("../images/ico_company.svg");
  background-size: 25px;
}
.ico_contact {
  background-image: url("../images/ico_contact.svg");
  background-size: 25px;
}
.ico_overview {
  background-image: url("../images/ico_overview.svg");
  background-size: 25px;
}
.ico_message {
  background-image: url("../images/ico_message.svg");
  background-size: 25px;
}
.ico_match {
  background-image: url("../images/ico_match.svg");
  background-size: 25px;
}
.ico_agentgroup {
  background-image: url("../images/ico_agentgroup.svg");
  background-size: 25px;
}
.ico_docent {
  background-image: url("../images/ico_agent.svg");
  background-size: 25px;
}
.ico_history {
  background-image: url("../images/ico_history.svg");
  background-size: 25px;
}
.ico_inschr {
  background-image: url("../images/ico_inschr.svg");
  background-size: 25px;
}
.ico_locatie {
  background-image: url("../images/ico_agent.svg");
  background-size: 25px;
}
.ico_beer {
  background-image: url("../images/ico_beer.svg");
  background-size: 25px;
}
.ico_pos {
  background-image: url("../images/ico_pos.svg");
  background-size: 25px;
}
.ico_stats {
  background-image: url("../images/ico_stats.svg");
  background-size: 25px;
}
.ico_price {
  background-image: url("../images/ico_price.svg");
  background-size: 25px;
}
.ico_promo {
  background-image: url("../images/ico_promo.svg");
  background-size: 25px;
}
/*** EINDE Alles in linkermenu********/
/***Alles in fixed Cart menu***/
.fixCrt_menuSpacer {
/*duwt floats open zodat de fixed kan staan*/
  height: 1px;
  width: 25%;
  min-width: 300px;
}
.fixedCart {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 25%;
  min-width: 300px;
  height: 100%;
  border-left: 1px solid #d7d7d7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
}
.fixCrt_hdr {
  height: 80px;
  padding-left: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
  -webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -ms-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -o-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
}
.fixCrt_hdrSpace {
  margin-top: 79px;
  height: 1px;
  background-color: transparent;
}
/**Begin productopsomming*/
.fixCrt_prodCont {
  width: 100%;
  background-color: #fff;
  height: calc(100vh - 350px);
  padding-left: 35px;
  padding-right: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}
.fixCrt_prodTbl {
  margin-top: 50px;
}
.fixCrt_prod {
  vertical-align: middle;
}
.fixCrt_aant {
  width: 86px;
  text-align: center;
}
.fixCrt_aant_inp {
  width: 56px;
  height: 36px;
  border: solid 1px #d3d3d3;
  background-color: #e9e9e9;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
}
.fixCrt_icoTrash {
  width: 40px;
  vertical-align: top;
  text-align: right;
}
.fixCrt_icoTrash_btn {
  width: 100%;
  height: 40px;
  background-image: url("../images/ico_trash.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.fixCrt_icoTrash_btn:hover {
  background-color: #f4f4f4;
}
.fixCrt_prdSpacer {
  width: 100%;
  height: 30px;
}
/**Einde productopsomming*/
.fixCrt_totalCont {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}
.fixCrt_Refresh {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 45px;
  width: 260px;
  margin: 0px auto 30px;
  background-color: #f4f4f4;
  color: #999;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  background-image: url("../images/ico_update.svg");
  background-size: auto 27px;
  background-position: 15px 11.5px;
  background-repeat: no-repeat;
/*margin-bottom:30px;*/
}
.fixCrt_Refresh_Hot {
  cursor: pointer;
  background-color: #000;
  color: #fff;
  animation: colorchange 1s linear 1s infinite; /* animation-name followed by duration in seconds*/
/* you could also use milliseconds (ms) or something like 2.5s */
  -webkit-animation: colorchange 1s linear 0s infinite alternate; /* Chrome and Safari */
}
@-webkit-keyframes colorchange {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.98;
  }
  100% {
    scale: 1;
  }
}
.fixCrt_totalBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 1px #d7d7d7;
  border-bottom: solid 1px #d7d7d7;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-top: 30px;
}
.fixCrt_txtTotal {
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
.fixCrt_txtAmount {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
}
.fixCrt_checkout {
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  height: 50px;
  background-color: #f4f4f4;
  color: #999;
  margin-top: 40px;
}
.fixCrt_checkout_hot {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  height: 50px;
  background-color: #61d87e;
  margin-top: 40px;
  cursor: pointer;
}
.fixCrt_conf_order {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  height: 50px;
  background-color: #61d87e;
  margin: 40px auto;
  cursor: pointer;
  width: 260px;
}
/***EINDE Alles in fixed Cart menu***/
.sectionZone {
  overflow: hidden;
}
.sectionTitle_Resp {
  background-color: #0fa400;
}
.st_icon_Resp {
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: center left;
  height: 114px;
  width: 35px;
  margin-left: 40px;
}
.st_text_Resp {
  padding-top: 44.5px;
  margin-left: 25px;
/*padding-left:60px;*/
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
/*color: #2b2b2b;*/
  color: #fff;
}
.sectionTitle {
  height: 114px;
  background-color: #0fa400;
  overflow: hidden;
}
.sectionTitleSmall {
  height: 60px;
}
.st_icon {
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: center left;
  height: 114px;
  width: 35px;
  margin-left: 40px;
}
.st_text {
  padding-top: 44.5px;
  margin-left: 25px;
/*padding-left:60px;*/
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
/*color: #2b2b2b;*/
  color: #fff;
}
.st_btn_cont {
  margin-top: 31px;
  margin-right: 40px;
}
.st_ico_dashboard {
  background-image: url("../images/ico_dashboard.svg");
}
.st_ico_company {
  background-image: url("../images/ico_company.svg");
}
.st_ico_products {
  background-image: url("../images/ico_order.svg");
}
.st_ico_overview {
  background-image: url("../images/ico_overview.svg");
}
.st_ico_visit {
  background-image: url("../images/ico_visit.svg");
}
.st_ico_contact {
  background-image: url("../images/ico_contact.svg");
/*background-position:40px 40px;*/
}
.st_ico_agentgroup {
  background-image: url("../images/ico_agentgroup.svg");
}
.st_ico_docent {
  background-image: url("../images/ico_agent.svg");
}
.st_ico_inschr {
  background-image: url("../images/ico_inschr.svg");
}
.st_ico_history {
  background-image: url("../images/ico_history.svg");
}
.st_ico_locatie {
  background-image: url("../images/ico_locatie.svg");
}
.st_ico_beer {
  background-image: url("../images/ico_beer.svg");
}
.st_ico_pos {
  background-image: url("../images/ico_pos.svg");
}
.st_ico_stats {
  background-image: url("../images/ico_stats.svg");
}
.st_ico_promo {
  background-image: url("../images/ico_promo.svg");
}
.st_ico_price {
  background-image: url("../images/ico_price.svg");
}
.st_ico_cart {
  background-image: url("../images/ico_cart_white.svg");
}
.st_ico_pricelist {
  background-image: url("../images/ico_price.svg");
}
.st_ico_history {
  background-image: url("../images/ico_history.svg");
}
.st_ico_message {
  background-image: url("../images/ico_message.svg");
}
.st_ico_ranking {
  background-image: url("../images/ico_ranking.svg");
}
.st_ico_match {
  background-image: url("../images/ico_match.svg");
}
.st_filter {
  width: 300px;
  height: 60px;
}
.sectionMargin {
  margin-left: 40px;
  margin-right: 40px;
  width: calc(100% - 80px);
}
.sortTitle {
  height: 60px;
  padding-left: 25px;
  padding-right: 25px;
  line-height: 60px;
  background-color: #2b2b2b;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
#syncResult {
  height: 55px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #f00;
  font-size: 15px;
  line-height: 25px;
}
#sync {
  cursor: pointer;
}
.prod_hdr {
  height: 142px;
  background-position: left 20px bottom 35px;
  background-repeat: no-repeat;
  text-align: left;
  color: #2b2b2b;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  vertical-align: bottom;
  padding-top: 35px;
  padding-bottom: 45px;
  padding-left: 140px;
}
.cartTitle {
  color: #2b2b2b;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  margin-top: 30px;
}
/*
.prodHeader{
	padding-top:35px;
	padding-bottom:35px;
}
*/
/*.prodHeaderImg{
	padding-right:35px;
}

.prdh_beer{
	height:142px;
}

.prodHeaderTxt{
	padding-bottom:45px;
	vertical-align:bottom;
	text-align:left;
	color: #2b2b2b;
	font-size: 21px;
	font-weight: 600;
	line-height: 25px;		
}*/
.prdRow {
  height: 50px;
  background-color: #f4f4f4;
}
.prdRow:hover .divTableCell {
/*prdHStd*/
  background-color: #fff;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
}
.prdSpacer {
  width: 100%;
  height: 3px;
}
.prd_ster {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-left: solid 1px #efefef;
  vertical-align: middle;
  text-align: center;
  width: 40px;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
}
.prd_naam {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
}
a.details {
  font-size: 14px;
  color: #0fa400;
  text-decoration: none;
}
.prd_prijs {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  text-align: right;
  padding-right: 10px;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
}
.prd_aantal {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  width: 86px;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
}
.prd_setPrijs {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  width: 120px;
  text-align: right;
  padding-right: 10px;
}
.prd_inp_aantal {
  border: solid 1px #d3d3d3;
  background-color: #e9e9e9;
  height: 36px;
  width: 56px;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
}
.prd_inp_aantal2 {
  border: solid 1px #d3d3d3;
  background-color: #e9e9e9;
  height: 36px;
  width: 56px;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
}
.prd_inp_prijs {
  border: solid 1px #d3d3d3;
  background-color: #e9e9e9;
  height: 36px;
  width: 56px;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: right;
  padding-right: 10px;
}
.prd_kar {
  width: 50px;
  border-left: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
  background-image: url("../images/ico_cart.svg");
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat;
}
/*
.prdRow .prd_kar:hover{
	background-color:$flavourColor;
	background-image:url(../images/ico_cart_white.svg);
}
*/
.dash_kar {
  width: 60px;
  height: 60px;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  border-left: solid 1px #e0e0e0;
  background-image: url("../images/ico_cart.svg");
}
.prd_karHot {
  background-color: #0fa400;
  background-image: url("../images/ico_cart_white.svg");
  cursor: pointer;
}
.prd_karHot2 {
  background-color: #0fa400;
  background-image: url("../images/ico_cart_white.svg");
  cursor: pointer;
}
.prdRow:hover .prd_karHot {
  background-color: #0fa400;
  background-image: url("../images/ico_cart_white.svg");
}
.prd_fav {
  font-weight: 500;
}
.cartTotal {
  padding-top: 20px;
  padding-left: 40px;
  font-size: 20px;
  font-weight: bold;
}
.cartTotalNumber {
  padding-top: 20px;
  padding-right: 40px;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}
.pApply {
  font-size: 14px;
  font-weight: bold;
}
.pApply2 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
/*************Algemene view settings******************/
.th_gerneral {
  vertical-align: middle;
  height: 40px;
  margin-top: 40px;
  padding-right: 40px;
}
.th_gerneral_less {
  vertical-align: middle;
  height: 40px;
  margin-top: 40px;
  padding-right: 20px;
}
.th_gerneralNoPD {
  vertical-align: middle;
  height: 40px;
  margin-top: 40px;
}
.th_status {
  width: 5px;
  height: 100%;
}
.th_left {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.36842105px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-right: 10px;
  color: #939393;
}
.th_norm {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.36842105px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #939393;
}
.th_right {
  height: 100%;
  width: 20px;
}
.th_sort {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 10px;
/*background-position:center;*/
}
.sortUp {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  background-image: url("../images/ico_sortDown.svg");
  background-position: center top 1.5px;
}
.sortDown {
  background-image: url("../images/ico_sortDown.svg");
  background-position: center top 1.5px;
}
.sortDownAct {
  background-image: url("../images/ico_sortDown_act.svg");
}
.sortUp:hover,
.sortDown:hover {
  background-image: url("../images/ico_sortDown_act.svg");
}
.ovv_Row_static {
  height: 50px;
  background-color: #f4f4f4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.ovv_Row {
  height: 50px;
  background-color: #f4f4f4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.ovv_Row:hover .ovv_td_std {
  background-color: #fff;
}
.ovv_Row:hover .ovv_td_std_np {
  background-color: #fff;
}
.ovv_Row:hover .ovv_td_foto {
  background-color: #fff;
}
.ovv_RowSpacer {
  width: 100%;
  height: 3px;
}
.ovv_td_std {
  vertical-align: middle;
  padding-right: 40px;
  height: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
}
.th_foto {
  width: 60px;
}
.ovv_td_foto {
  vertical-align: middle;
  height: 1px;
  min-height: 1px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  text-align: center;
}
.img_bol {
  display: block;
  height: 42px;
  padding-left: 5px;
}
.ovv_td_std_np {
  vertical-align: middle;
  height: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
}
.ovv_td_iconlist {
  vertical-align: middle;
  height: 1px;
  min-height: 1px;
  padding-right: 0px;
  vertical-align: top;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@-moz-document url-prefix() {
  .ovv_td_iconlist {
    height: 100%;
  }
}
.ovv_td_status {
  height: 100%;
  width: 5px;
}
.bolLive {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #3c0;
  display: inline-block;
}
.bolNietLive {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f00;
  display: inline-block;
  color: #c00;
}
.st_rood {
  background-color: #f00;
}
.st_groen {
  background-color: #090;
}
.ovv_td_first {
  padding-left: 10px;
}
.ovv_td_first:hover {
  border-left: 1px solid #e0e0e0;
}
.ovv_iconlist {
  position: relative;
  float: right;
  height: 100%;
  min-height: 50px;
  display: inline-block;
}
.ovv_iconlist .ovv_icon:last-child {
  border-right: 1px solid #e0e0e0;
}
.ovv_iconlist2 {
  position: relative;
  float: right;
  height: 100%;
  min-height: 80px;
  width: 100px;
}
.ovv_iconlist2 .ovv_icon:last-child {
  border-right: 1px solid #e0e0e0;
}
.min80 {
  min-width: 80px;
}
.ovv_icon {
  position: relative;
  float: left;
  height: 100%;
  width: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #e0e0e0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
/*display:inline-block;*/
}
.ovv_icon_Black {
  position: relative;
  float: left;
  height: 100%;
  width: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #e0e0e0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
.ovv_icon_Black:hover {
  background-color: #0fa400;
}
.ovv_icon_Black:hover .ovv_ico_desc {
  display: block;
}
.ovv_ico_bottom {
  border-bottom: 1px solid #e0e0e0;
}
.ovv_icon:hover {
  background-color: #e0e0e0;
}
.ovv_icon:hover .ovv_ico_desc {
  display: block;
}
.ovv_ico_del {
  background-image: url("../images/ico_trash.svg");
  background-size: 25px;
}
.ovv_ico_eye {
  background-image: url("../images/ico_eye.svg");
  background-size: 25px;
}
.ovv_ico_del_white {
  background-image: url("../images/ico_trash_white.svg");
  background-size: 25px;
}
.ovv_ico_play {
  background-image: url("../images/ico_play.svg");
  background-size: 25px;
}
.ovv_ico_del_pass {
  cursor: default;
  background-image: none;
}
.ovv_ico_edit {
  background-image: url("../images/ico_edit.svg");
  background-size: 25px;
}
.ovv_ico_aanw {
  background-image: url("../images/ico_aanwezig.svg");
  background-size: 25px;
}
.ovv_ico_edit_white {
  background-image: url("../images/ico_edit_white.svg");
  background-size: 25px;
}
.ovv_ico_magnify {
  background-image: url("../images/ico_magnify.svg");
  background-size: 25px;
}
.ovv_ico_download {
  background-image: url("../images/ico_download.svg");
  background-size: 25px;
}
.ovv_ico_down {
  background-image: url("../images/ico_down.svg");
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
}
.ovv_ico_up {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.iconLink {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.ovv_ico_desc {
  position: absolute;
  top: -22px;
  left: -25%;
  background-color: #0fa400;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  width: 150%;
  text-align: center;
}
.ovv_ico_desc:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #0fa400;
  border-bottom: 5px solid transparent;
  left: 50%;
  margin-left: -5px;
  bottom: -10px;
}
/*
.topicTitle{
	padding:10px 30px 10px 30px;
	
	margin-top:30px;
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	box-sizing:border-box;
}*/
.ovv_Row_Black {
  height: 50px;
  background-color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/*
.ovv_Row_Black:hover .ovv_td_Black{
	background-color:#FFF;
}

.ovv_Row_Black:hover .ovv_td_std_np_Black{
	background-color:#FFF;
}
*/
.ovv_td_std_Black {
  vertical-align: middle;
  padding-right: 40px;
  height: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  color: #fff;
  font-weight: bold;
}
.sec_subTitle {
  color: #939393;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.36842105px;
  margin-bottom: 20px;
}
.sec_subDivide {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 1px;
  background-color: #dbdbdb;
}
.sec_td_label {
  width: 300px;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  vertical-align: middle;
  padding-bottom: 10px;
}
.sec_td_label2 {
  width: 120px;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  vertical-align: middle;
  padding-bottom: 10px;
}
.sec_td_label_top {
  vertical-align: top;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
}
.sec_td_content {
  padding-bottom: 10px;
}
.sec_td_inp_txt {
  height: 36px;
  max-width: 440px;
  width: 100%;
  border: solid 1px #d3d3d3;
  background: #e9e9e9;
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #2b2b2b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.sec_td_inp_txtarea {
  width: 100%;
  max-width: 440px;
  border: solid 1px #d3d3d3;
  background: #e9e9e9;
  padding: 10px;
  height: 200px;
  resize: none;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #2b2b2b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.sec_td_inp_txtarea_small {
  height: 70px;
}
.sec_td_explain {
  font-size: 14px;
  margin-bottom: 20px;
}
.row_cont_type {
  width: 70px;
}
.sec_td_btnpos {
  margin-left: 300px;
}
.sec_td_cbCell {
  max-width: 200px;
  width: 50%;
}
.sec_td_cbCell3col {
  max-width: 200px;
  width: 33%;
}
.btnQ {
  display: inline-block;
  background-color: #0fa400;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}
.uitbaterAdded {
  font-weight: 700;
  color: #000;
  line-height: 36px;
  width: 100%;
  max-width: 420px;
}
.smaller {
  font-size: 14px;
  color: #767676;
}
.productAdded {
  font-weight: 700;
  color: #000;
  line-height: 36px;
  width: 100%;
  max-width: 800px;
}
.uitbRemove {
  width: 36px;
  height: 36px;
  background-image: url("../images/ico_trash.svg");
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center;
  cursor: pointer;
}
.prodRemove {
  width: 36px;
  height: 36px;
  background-image: url("../images/ico_trash.svg");
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center;
  cursor: pointer;
}
.typeBol {
  width: 26px;
  height: 26px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  line-height: 26px;
}
.typeBolS {
  float: left;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 15px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
  margin-right: 5px;
  margin-top: 8px;
}
.bolBlauwP {
  color: #85c7fb;
  background-color: #000;
}
.bolRoodP {
  color: #fb8585;
  background-color: #000;
}
.bolPaarsP {
  color: #9385fb;
  background-color: #000;
}
.bolGroenP {
  color: #9ce786;
  background-color: #000;
}
.bolGeelP {
  color: #e8ce17;
  background-color: #000;
}
.bolBlauw {
  background-color: #85c7fb;
}
.bolRood {
  background-color: #fb8585;
}
.bolPaars {
  background-color: #9385fb;
}
.bolGroen {
  background-color: #9ce786;
}
.bolGeel {
  background-color: #e8ce17;
}
.loginLogo {
  margin: 60px auto 20px;
  width: 300px;
}
.loginCont {
  width: 300px;
  margin: 0px auto;
}
.tdw_10 {
  width: 10px;
}
.tdw_20 {
  width: 20px;
}
.tdw_30 {
  width: 30px;
}
.tdw_40 {
  width: 40px;
}
.tdw_50 {
  width: 50px;
}
.tdw_60 {
  width: 60px;
}
.tdw_70 {
  width: 70px;
}
.tdw_80 {
  width: 80px;
}
.tdw_90 {
  width: 90px;
}
.tdw_100 {
  width: 100px;
}
.tdw_110 {
  width: 110px;
}
.tdw_120 {
  width: 120px;
}
.tdw_130 {
  width: 130px;
}
.tdw_140 {
  width: 140px;
}
.tdw_150 {
  width: 150px;
}
.tdw_160 {
  width: 160px;
}
.tdw_170 {
  width: 170px;
}
.tdw_180 {
  width: 180px;
}
.tdw_190 {
  width: 190px;
}
.tdw_200 {
  width: 200px;
}
.tdw_210 {
  width: 210px;
}
.tdw_220 {
  width: 220px;
}
.tdw_230 {
  width: 230px;
}
.tdw_240 {
  width: 240px;
}
.tdw_250 {
  width: 250px;
}
/*************EINDE Algemene view settings******************/
.overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #c2c1c6;
  opacity: 0.7867141;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=79);
  z-index: 10;
}
.overlay2 {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #c2c1c6;
  opacity: 0.7867141;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=79);
  z-index: 10;
}
.goBig {
  cursor: pointer;
}
.btnClose {
  position: absolute;
  background-color: #0fa400;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #000;
  right: 10px;
  top: 10px;
  height: 40px;
  width: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  font-weight: bold;
}
.picTable {
  margin: 0px auto;
  height: 100%;
  max-width: 640px;
  width: 100%;
}
.canvas {
  width: 94%;
  margin-left: 3%;
}
.z100 {
  z-index: 100;
}
.ol_content {
  position: absolute;
  z-index: 11;
  width: 100%;
  left: 0px;
  top: 0px;
}
.ol_content_box {
  margin: 10px auto;
  width: 90%;
  max-width: 800px;
}
.ol_cbs {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  -moz-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  -ms-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  -o-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  text-align: center;
}
.ol_title {
  background-color: #0fa400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px 20px 10px;
  font-size: 20px;
  font-weight: bold;
}
.ol_uitleg {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px 10px 10px;
}
.ol_sluit {
  padding: 20px 10px 30px 10px;
}
a.a_ol_sluit {
  text-decoration: none;
  color: #0fa400;
}
a.a_ol_sluit:hover {
  text-decoration: none;
  color: #000;
}
.boxDel {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -234px;
  margin-top: -110px;
  z-index: 2;
  width: 388px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  -moz-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  -ms-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  -o-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  padding: 20px 40px 40px 40px;
  font-weight: 700;
  color: #000;
  z-index: 10;
}
.errorBox {
  margin-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f4f4f4;
  padding: 20px;
  color: #f00;
  border: 1px solid #f00;
}
.errorBox ul {
  list-style-position: inside;
}
.content {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}
ul.productList {
  font-size: 16px;
  list-style-position: inside;
  padding-left: 20px;
  padding-bottom: 10px;
}
ul.productList li {
  padding-top: 5px;
}
ul.productList li.free {
  color: #0fa400;
}
.btn {
  display: inline-block;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 52px;
  text-align: center;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
}
.btnSmall {
  display: inline-block;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
}
.btnPrim {
  background: #0b7000;
}
.btn:hover {
  background: #000;
}
.btnSec {
  background: #074900;
}
.removeTitle {
  width: 100%;
  margin-bottom: 20px;
  color: #0b7000;
  font-size: 22px;
}
.loginError {
  font-weight: bold;
  color: #f00;
  text-align: center;
}
.orderNowBox {
  background-color: #dbbf8e;
}
.orderNowImg {
  height: 135px;
  width: 320px;
  background-image: url("../images/ordernow-small.jpg");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 320px;
}
.orderNowBtn {
  height: 135px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 40px;
  margin-right: 40px;
}
.dashcol {
  width: 310px;
  background-color: #e9e9e9;
  margin-right: 20px;
  border: solid 1px #eee;
  -webkit-box-shadow: 0px 2px 4px rgba(165,165,165,0.5);
  -moz-box-shadow: 0px 2px 4px rgba(165,165,165,0.5);
  -ms-box-shadow: 0px 2px 4px rgba(165,165,165,0.5);
  -o-box-shadow: 0px 2px 4px rgba(165,165,165,0.5);
  box-shadow: 0px 2px 4px rgba(165,165,165,0.5);
  margin-bottom: 20px;
}
.dashcols .dashcol:last-child {
  margin-right: 0px;
}
.dashContent {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 218px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5%;
  overflow: hidden;
}
.boxDetail {
  position: absolute;
  left: 50%;
  margin-left: -234px;
  width: 388px;
  max-width: 100%;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  -moz-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  -ms-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  -o-box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  box-shadow: 0px 0px 9px rgba(150,150,150,0.5);
  padding: 20px 40px 40px 40px;
  font-weight: 700;
  color: #000;
  z-index: 10;
}
.dashContent2 {
  position: relative;
  float: left;
  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;
  padding-top: 10px;
}
.closeMe {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
}
.dashBox {
  background-color: #fff;
  height: 50px;
  padding-bottom: 10px;
}
.dash_inp {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.dashMore {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: #e9e9e9;
  padding-left: 20px;
}
a.more {
  text-decoration: none;
  color: #0fa400;
}
.dashTitle {
  color: #2b2b2b;
  font-family: 'Work Sans', sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
}
.dashValid {
  color: #2b2b2b;
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  text-transform: uppercase;
  margin-top: 5px;
}
.dashText {
  margin-top: 20px;
  color: #2b2b2b;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  height: 133px;
}
.dashText2 {
  margin-top: 20px;
  color: #2b2b2b;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
.dashAction {
  position: absolute;
  bottom: 20px;
  left: 5%;
}
.dashAction2 {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 40px;
}
.voorbeeld {
  width: 100%;
  max-width: 400px;
}
.priceLabel {
  text-align: center;
  margin-top: 40px;
  font-size: 15px;
  font-weight: bold;
}
.timeSpacer {
  width: 20px;
  text-align: center;
}
/**************GENERAL OVERRULE************************/
.impersonate {
  background-color: #ff0078;
}
a.goldLink {
  color: #0fa400;
}
a.goldLinkNodeco {
  color: #0fa400;
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
a.nodeco:link,
a.nodeco:hover,
.nodeco:visited,
.nodeco:active {
  color: inherit;
  text-decoration: none;
}
.nodeco {
  text-decoration: none;
  color: inherit;
}
.bgBlack {
  background-color: #000;
}
.bgWhite {
  background-color: #fff;
}
.bgError {
  background-color: #ffa4a4;
}
.txtErr {
  color: #ff6464;
}
.txtBold {
  font-weight: bold;
}
.txtBlack {
  color: #000;
}
.txtWhite {
  color: #fff;
}
.txtGold {
  color: #0fa400;
}
.hide {
  display: none;
}
.pt20px {
  padding-top: 20px;
}
.pb10px {
  padding-bottom: 10px;
}
.pb20px {
  padding-bottom: 20px;
}
.pt40px {
  padding-top: 40px;
}
.pb40px {
  padding-bottom: 40px;
}
.pt50px {
  padding-top: 50px;
}
.mt80px {
  margin-top: 80px;
}
.h100 {
  height: 100%;
}
.txtSlim {
  font-weight: 400;
}
.hoverAlt {
  border: none;
  cursor: pointer;
}
.hoverAlt:hover {
  background-color: #0b7000;
  color: #000;
}
.txtLeft {
  text-align: left;
}
.txtRight {
  text-align: right;
}
.txtCenter {
  text-align: center;
}
.smallFont {
  font-size: 15px;
  line-height: 16px;
}
.h3rood {
  color: $red;
  font-family: $apertura;
  font-size: 16px;
  font-weight: 700;
  line-height: 27px;
  margin-top: 1.2em;
  margin-bottom: 0.8em;
}
.userbox {
  position: relative;
  float: left;
  width: 240px;
/*height:40px;*/
  -webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -ms-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -o-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.userboxJG {
  position: relative;
  float: left;
  width: 240px;
/*height:40px;*/
  -webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -ms-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  -o-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.5);
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.present {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: #cffeda;
}
.txtWin {
  color: #093;
  text-decoration: underline;
}
.txtGreen {
  color: #093;
}
.txtRed {
  color: #f00;
}
.drag {
  cursor: n-resize;
}
.geslacht {
  width: 20px;
  padding-left: 20px;
}
.tdRank {
  width: 20px;
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}
.tdRank2 {
  width: 20px;
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.daySpace {
  display: inline-block;
  width: 35px;
}
.tdTeam {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  width: 220px;
}
.tdTeam2 {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  width: 220px;
}
.tdBT {
  border-top: 1px solid #000;
}
.tdTrend {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  width: 40px;
}
.tdTop {
  background-color: #000;
  color: #fff;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
}
.rankTbl {
  margin-right: 50px;
}
.bgGelijk {
  background-color: #ffc;
}
.bgGestegen {
  background-color: #d5ffd7;
}
.bgGezakt {
  background-color: #ffcece;
}
.bgAfwezig1 {
  background-color: #fff9f9;
}
.bgAfwezig2 {
  background-color: #fce2e3;
}
.bgAfwezig3 {
  background-color: #ffcece;
}
.bgAfwezig4 {
  background-color: #faa7a7;
}
.legende {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.legende2 {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.absBol {
  display: block;
  float: left;
  margin-top: 5px;
  width: 5px;
  height: 5px;
  margin-top: -5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f00;
}
.txtGray {
  color: #ccc;
}
.ratings {
  position: relative;
  display: block;
  margin-left: 5px;
}
.upper {
  position: absolute;
  top: 0px;
  left: 0px;
}
.lower {
  position: absolute;
  left: 0px;
  top: 15px;
  line-height: 1em;
  font-size: 13px;
}
.noPR {
  padding-right: 0px;
}
.PR5 {
  padding-right: 5px;
}
@-moz-keyframes colorchange {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.98;
  }
  100% {
    scale: 1;
  }
}
@-webkit-keyframes colorchange {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.98;
  }
  100% {
    scale: 1;
  }
}
@-o-keyframes colorchange {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.98;
  }
  100% {
    scale: 1;
  }
}
@keyframes colorchange {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.98;
  }
  100% {
    scale: 1;
  }
}