.shoppingcart_tabs{margin:0 0 15px}
.shoppingcart_tabs .step_item{float:left;width:25%;padding:10px 25px 10px 60px;background:#f8f8f8;font-size:15px;line-height:34px}
.shoppingcart_tabs .step_item i{float:left;margin:0 0 0 -47px;width:34px;height:34px;line-height:34px;text-align:center;border-radius:100%;background:#fff}
.shoppingcart_tabs .step_item.done{background:#d5c53f;color:#fff}
.shoppingcart_tabs .step_item.done i{color:#d5c53f}
.shoppingcart_tabs .step_item.current{background:rgba(75,182,80,.5);color:#fff}
.shoppingcart_tabs .step_item.current i{color:#d5c53f}

#shopping_cart{margin:0 0 30px;position:relative}
.shopping_cart_container{font-size:13px}
.shopping_cart_row{border-bottom:1px solid #a7acbd;position:relative;padding:5px 0}
.shopping_cart_row:first-child{border-top:1px solid #a7acbd}
.shopping_cart_row>span{float:left}
.shopping_cart_row>span:first-child{width:70px;font-size:0}
.shopping_cart_row>span:nth-child(2){width:calc(100% - 540px);padding:0 15px 0 10px;height:70px;display:table}
.shopping_cart_row>span:nth-child(2) span{display:table-cell;vertical-align:middle}
.shopping_cart_row>span:nth-child(3){width:330px;position:absolute;right:140px;top:50%;margin:-16px 0 0;height:32px}
.shopping_cart_row>span .qty_row{float:left;width:60px}
.shopping_cart_row>span .qty_row input{float:left;width:30px;height:32px;border:1px solid #d3d7e0;text-align:center}
.shopping_cart_row .qty_info{text-align:left;margin:5px 0 0;line-height:14px}
.shopping_cart_row>span .qty_row a{float:left;width:30px;height:32px;line-height:32px;text-align:center;color:#d3d7e0}
.shopping_cart_row>span .qty_row a.active{color:#d5c53f}
.shopping_cart_row>span input.datepicker{float:left;width:130px;height:32px;padding:0 0 0 25px;border:1px solid #d3d7e0;background:url(../../img/calendar-icon.png) left center/20px auto no-repeat #fff;cursor:pointer;font-size:12px}
.shopping_cart_row>span input.datepicker:last-child{float:right}
.shopping_cart_row>span:nth-child(4){position:absolute;right:60px;top:0;height:100%;width:80px}
.shopping_cart_row>span:nth-child(4) span{display:inline-block;position:absolute;line-height:20px;height:20px;left:0;top:50%;margin:-10px 0 0;text-align:right}
.shopping_cart_row>span:nth-child(5){width:60px;height:100%;position:absolute;right:0;top:0}
.shopping_cart_row>span:nth-child(5) a{float:left;width:40px;height:40px;line-height:40px;position:absolute;right:0;top:50%;margin:-20px 0 0;text-align:center;color:#a7acbd;font-size:16px}
.shopping_cart_row>span:nth-child(5) a:hover{color:red}
.shopping_cart_row .product_link{color:inherit}
.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:0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);box-shadow:0 0 5px 0 rgba(0,0,0,.75)}
.shopping_cart_totals>span{float:left;width:100%;text-align:right;padding:5px 20px}
.shopping_cart_totals>span span{display:inline-block;width:110px}
.shopping_cart_totals>span.sct_total{font-weight:700;font-size:14px;border-top:1px solid #a7acbd;padding-top:10px;margin:5px 0 0}

.sc_form_block{background:#f8f8f8;padding:30px 30px 15px;font-size:13px;margin:0 0 30px}
.sc_form_block h3,.sc_form_block h4{margin:0 0 15px}
.sc_form_left{float:left;width:48%}
.sc_form_right{float:right;width:48%}
.sc_form_item{float:left;width:100%;position:relative;padding:0 0 0 150px;margin:0 0 15px}
.sc_form_item.no_padding{padding:0!important}
.sc_form_item>span{float:left;width:150px;position:absolute;left:0;top:50%;height:24px;line-height:24px;margin:-12px 0 0}
.sc_form_block textarea,.sc_form_item input,.sc_form_item select{float:left;width:100%;height:34px;padding:0 10px;border:1px solid #d3d7e0;font-size:13px}
.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;line-height:16px;font-size:12px}
.afleveradres_block{position:relative}

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

.checkbox_box{float:left;width:100%;margin:0 0 5px;position:relative;padding:5px 5px 5px 40px;cursor:pointer}
.checkbox_box span{float:left;width:20px;height:20px;position:absolute;left:5px;top:50%;margin:-10px 0 0;background:#fff;border:2px solid #1f376c;border-radius:4px}
.checkbox_box input[type=radio]~span{border-radius:100%}
.checkbox_box input:checked~span:after{content:"\f00c";font-family:fontawesome;float:left;width:14px;height:14px;line-height:14px;text-align:center;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;color:#1f376c}
.checkbox_box input{display:none}
.checkbox_box a{text-decoration:underline;color:#d5c53f}

.error_list{list-style:none;padding:10px 15px;background:#fff;margin:0 0 15px;font-size:12px}
.error_list li{color:red;padding:3px 0}

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

.aflever_overlay,.sc_overlay{position:absolute;left:0;top:0;height:100%;background:rgba(255,255,255,.8);display:none}
.aflever_overlay i,.sc_overlay i{float:left;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{font-size:13px}
.os_prices{background:#fff;padding:10px 10px 5px}
.order_summary .os_prices>span,.order_summary>span{float:left;width:100%;margin:0 0 5px}
.order_summary>span:last-child{margin:0 0 15px}
.order_summary .os_prices>span span,.order_summary>span span{float:right;width:calc(100% - 200px)}
.order_summary .sct_total{font-weight:700}
.order_summary_footer .btn{float:left;margin:0 10px 10px 0}

@media screen and (max-width:900px){
  .sc_form_block{padding:25px 15px 15px}
  .shoppingcart_tabs .step_item{font-size:14px;padding:14px 10px 14px 44px;line-height:24px}
  .shoppingcart_tabs .step_item i{width:24px;height:24px;line-height:24px;font-size:14px;margin:0 0 0 -34px}
}

@media screen and (max-width:730px){
  .shoppingcart_tabs .step_item{font-size:13px}
  .shopping_cart_row{height:150px}
  .shopping_cart_row>span:nth-child(2){width:calc(100% - 350px)}
  .shopping_cart_row>span:nth-child(3){width:140px;height:68px;margin:-65px 0 0}
  .shopping_cart_row>span input.datepicker{width:100%;margin:0}
  .shopping_cart_row>span input.datepicker:last-child{margin:4px 0 0;float:left}
  .shopping_cart_totals.fixed{font-size:12px;padding:3px 0}
  .shopping_cart_totals.fixed>span{padding:3px 15px;line-height:14px}
  .shopping_cart_totals.fixed>span.sct_total{padding-top:6px}
  .shopping_cart_totals.fixed>span span{font-size:11px}
  .sc_form_item{padding:0}
  .sc_form_item>span{position:static;width:100%;margin:0}
}

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

@media screen and (max-width:550px){
  .shopping_cart_row{padding:5px 0 50px;height:125px}
  .shopping_cart_row>span:first-child{width:54px}
  .shopping_cart_row>span:nth-child(2){height:54px;width:calc(100% - 139px)}
  .shopping_cart_row>span:nth-child(3){width:100%;right:0;bottom:5px;top:auto;margin:0;height:auto;z-index:1}
  .shopping_cart_row>span input.datepicker{width:120px;margin:0 10px 0 0!important;height:28px;font-size:11px;background-size:20px auto!important;padding:0 0 0 20px}
  .shopping_cart_row>span:nth-child(5){height:40px}
  .shopping_cart_row>span:nth-child(4){right:5px}
  .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:370px){
  .shopping_cart_row{height:150px}
}