.winkelwagen{margin-bottom:70px}
.shoppingcart_tabs{margin: 0 0 15px;}
.shoppingcart_tabs .step_item{width: 25%; padding: 10px 25px 10px 60px; background: #F8F8F8;  }
.shoppingcart_tabs .step_item i{margin: 0 0 0 -47px; width: 34px; height: 34px;  text-align: center; border-radius: 100%; background: #fff;}
.shoppingcart_tabs .step_item.done{background: var(--clr2); color: #fff;}
.shoppingcart_tabs .step_item.done i{color: var(--clr2)}
.shoppingcart_tabs .step_item.current{background: rgba(75,182,80,0.5); color: #fff;}
.shoppingcart_tabs .step_item.current i{color: var(--clr2)}

#shopping_cart{margin: 0 0 30px; position: relative;}
.shopping_cart_container{}
.shopping_cart_row{border-bottom: 1px solid #A7ACBD; position: relative; padding: 10px 0;     display: grid;  gap:10px;  grid-template-columns: 90px auto 400px 100px 40px;    align-content: center;    align-items: center; justify-items: stretch;}
.shopping_cart_row:first-child{border-top: 1px solid #A7ACBD;}
.shopping_cart_row > span{}
.shopping_cart_row > span:nth-child(1){font-size: 0;}
.shopping_cart_row > span:nth-child(2){ }
.shopping_cart_row > span:nth-child(2) span{}
.shopping_cart_row > span:nth-child(3){    display: grid;  gap:10px;   align-items: start;    grid-template-columns: 70px auto;}
.shopping_cart_row > span .qty_row{width: 60px;}
.shopping_cart_row > span .qty_row input{width: 30px; height: 32px; border: 1px solid #D3D7E0; text-align: center; margin-right:5px;}
.shopping_cart_row .qty_info{    text-align: left;    margin: 0px 0 0;    display: block;    position: absolute;}
.shopping_cart_row .qty_info span{color: var(--clr2); font-weight: bold; font-size: 100%;}
.shopping_cart_row > span .qty_row a{width: 30px; height: 32px; text-align: center; color: #D3D7E0}
.shopping_cart_row > span .qty_row a.active{color: var(--clr2)}
.shopping_cart_row > span input.datepicker{width: 160px; height: 32px; padding: 0 0 0 25px; border: 1px solid #D3D7E0; background: #fff url(../../img/calendar.png) no-repeat left center / 17px auto; cursor: pointer; font:inherit; font-size:14px}
.shopping_cart_row > span input.datepicker:last-child{}
.shopping_cart_row > span:nth-child(4){text-align:right;}
.shopping_cart_row > span:nth-child(4) span{ text-align: right; font-weight:700; }
.shopping_cart_row > span:nth-child(5){text-align:right}
.shopping_cart_row > span:nth-child(5) a{display:inline-block; width: 40px; height: 40px; line-height: 40px;  text-align: center; color: #A7ACBD; }
.shopping_cart_row > span:nth-child(5) a:hover{color: red}
.shopping_cart_row .product_link{color: inherit; font-weight:500}
.shopping_cart_row .product_link:hover{text-decoration: underline}

.shopping_cart_totals{background: #F8F8F8; padding: 5px 0;}
.shopping_cart_totals.fixed{position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 2; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.shopping_cart_totals > span{width: 100%; text-align: right; padding: 5px 20px; display:block;}
.shopping_cart_totals > span span{display: inline-block; width: 110px;}
.shopping_cart_totals > span.sct_total{font-weight: bold;  border-top: 1px solid #A7ACBD; padding-top: 10px; margin: 5px 0 0}

.sc_form_block{background: #F8F8F8; padding: 30px 30px 15px; margin: 0 0 30px; display:flex; flex-wrap:wrap;     justify-content: space-between;}
.sc_form_block h3{margin: 0 0 15px; display:block; width:100%}
.sc_form_block h4{margin: 0 0 15px; width:100%}
.sc_form_left{width: 48%;}
.sc_form_right{ width: 48%;}
.sc_form_item{width: 100%;    display: flex;    flex-wrap: wrap;    position: relative;    padding: 0 0 0 150px;    margin: 0 0 15px;    justify-content: flex-start;}
.sc_form_item.no_padding{padding: 0!important}
.sc_form_item > span{width: 150px; position: absolute; left: 0; top: 50%; height: 24px; line-height: 24px; margin: -12px 0 0;}
.sc_form_item input,
.sc_form_item select,
.sc_form_block textarea{width: 100%; height: 34px; padding: 0 10px; border: 1px solid #D3D7E0; font:inherit }
.sc_form_block textarea{width: 550px; max-width: 100%; padding: 10px; height: 122px}
.sc_form_item input[data-type="postcode_1"]{width: 60px;}
.sc_form_item input[data-type="postcode_2"]{width: 45px; border-left: none;}
.sc_form_block .required{color: red}
.required_info{margin: 10px 0 0; }

.afleveradres_block{position: relative;}

.radio_box{width: 100%; margin: 0 0 5px; position: relative; padding: 10px 5px 10px 40px; cursor: pointer;}
.radio_box span{width: 20px; height: 20px; position: absolute; left: 5px; top: 50%; margin: -10px 0 0; background: #fff; border: 2px solid var(--clr1); border-radius: 100%;}
.radio_box input:checked ~ span:after{content: "\00a0"; width: 10px; height: 10px; border-radius: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: var(--clr1)}
.radio_box input{display: none;}

.checkbox_box{width: 100%; margin: 0 0 5px; position: relative; padding: 5px 5px 5px 40px; cursor: pointer; display:block;}
.checkbox_box span{width: 20px; height: 20px; position: absolute; left: 5px; top: 10px; margin: 0px 0 0; background: #fff; border: 2px solid var(--clr1); border-radius: 4px;}
.checkbox_box input[type="radio"] ~ span{border-radius: 100%;}
.checkbox_box input:checked ~ span:after{content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight:900; width: 14px; height: 14px; line-height: 14px; text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; color: var(--clr2)}
.checkbox_box input{display: none;}
.checkbox_box a{text-decoration: underline; color: var(--clr2)}

.error_list{list-style: none; padding: 10px 15px; background: #fff; margin: 0 0 15px; display: block; width: 100%; border-radius: 8px; border: 1px solid #eee;}
.error_list li{color: red; padding: 3px 0;}

.sc_form_block.submit{padding-top: 15px;}
.sc_form_block.submit button{}

.aflever_overlay,
.sc_overlay{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; background: rgba(255,255,255,0.8); display: none;}
.aflever_overlay i,
.sc_overlay i{width: 50px; height: 50px; line-height: 50px; font-size: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; color: #4C4C4C;}

.order_summary{}
.os_prices{background: #fff; padding: 10px 10px 5px;}
.order_summary > span,
.order_summary .os_prices > span{width: 100%; margin: 0 0 5px;}
.order_summary > span:last-child{margin: 0 0 15px;}
.order_summary > span span,
.order_summary .os_prices > span span{ width: calc(100% - 200px)}
.order_summary .sct_total{font-weight: bold;}
.order_summary_footer .btn{margin: 0 10px 10px 0;}

.xdsoft_time_variant { margin-top: 0 !important; }

/**** Media queries ****/

@media screen and (max-width: 960px){	
  .shopping_cart_row { grid-template-columns: 70px auto 40px 40px;}
  .shopping_cart_row > span:nth-child(2){grid-column-start: 2;    grid-column-end: span 2;    grid-row-start: 1;    grid-row-end: span 1;  }
  .shopping_cart_row > span:nth-child(3) {    grid-template-columns: 70px auto; grid-column-start: 1;    grid-column-end: span 2;    grid-row-start: 2;    grid-row-end: span 1; padding-bottom:20px}
  .shopping_cart_row > span:nth-child(4){grid-column-start: 3;    grid-column-end: span 2;    grid-row-start: 2;    grid-row-end: span 1;         height: 100%;}
  .shopping_cart_row > span:nth-child(5){grid-column-start: 3;    grid-column-end: span 2;    grid-row-start: 1;    grid-row-end: span 1;  }   
  .sc_form_block{padding: 25px 15px 15px}
  .shoppingcart_tabs .step_item{ padding: 14px 10px 14px 44px; }
  .shoppingcart_tabs .step_item i{width: 24px; height: 24px; line-height: 24px;margin: 0 0 0 -34px;}
}

@media screen and (max-width: 730px){
  .shopping_cart_totals.fixed{ padding: 3px 0}
  .shopping_cart_totals.fixed > span{padding: 3px 15px;}
  .shopping_cart_totals.fixed > span.sct_total{padding-top: 6px;}
  .shopping_cart_totals.fixed > span span{}
  .sc_form_item{padding: 0;}
  .sc_form_item > span{position: static; display:block; width: 100%; margin: 0;}
}

@media screen and (max-width: 650px){
  .shoppingcart_tabs .step_item{width: 100%;}
}

@media screen and (max-width: 550px){
  .shopping_cart_totals > span{padding: 5px 15px 5px 0}
  .shopping_cart_totals > span span{width: 95px;}
  .sc_form_left, .sc_form_right{width: 100%}
  .sc_form_block h4{margin: 20px 0}
  .order_summary .os_prices > span span,
  .order_summary > span span{width: calc(100% - 180px)}
}

@media screen and (max-width: 450px){
  .shopping_cart_row { grid-template-columns: 50px auto 40px}
  .shopping_cart_row > span:nth-child(2){grid-column-start: 2;    grid-column-end: span 3;    grid-row-start: 1;    grid-row-end: span 1;  }
  .shopping_cart_row > span:nth-child(3) {grid-template-columns: 50px auto; grid-column-start: 1;    grid-column-end: span 3;    grid-row-start: 2;    grid-row-end: span 1; }
  .shopping_cart_row > span:nth-child(4){grid-column-start: 1;    grid-column-end: span 2;    grid-row-start: 3;    grid-row-end: span 1; height:auto; text-align:left;}
  .shopping_cart_row > span:nth-child(5){grid-column-start: 3;    grid-column-end: span 1;    grid-row-start: 3;    grid-row-end: span 1;  }   
}