/**
 * Styling for wizard steps
 */
.wizard {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    margin-bottom: 1em;
}

.wizard:before,
.wizard:after {
    display: table;
    line-height: 0;
    content: "";
}

.wizard:after {
    clear: both;
}

.wizard ul {
    width: 4000px;
    padding: 0;
    margin: 0;
    list-style: none outside none;
}

.wizard ul li p{
	display: inline;
}

.wizard ul li {
text-align: center;
    position: relative;
    width:115px;
    float: left;
    height: 46px;
    padding: 0px 10px 0 20px;
    margin: 0;
    font-size: 14px;
    line-height: 46px;
    color: #999999;
    cursor: default;
    background: #ededed;
}

.wizard ul li .chevron {
    position: absolute;
    top: 0;
    right: -14px;
    z-index: 1;
    display: block;
    border: 24px solid transparent;
    border-right: 0;
    border-left: 14px solid #d4d4d4;
}

.wizard ul li .chevron:before {
    position: absolute;
    top: -24px;
    right: 1px;
    display: block;
    border: 24px solid transparent;
    border-right: 0;
    border-left: 14px solid #ededed;
    content: "";
}

.wizard ul li.complete {
    background: #46c01c;
    color:#fff;
    /*background: #f3f4f5;*/
}

.wizard ul li.complete a {
    color:#fff !important;
    /*background: #f3f4f5;*/
}

.wizard ul li.complete:hover {
    cursor: pointer;
    background: #36b92b;
}

.wizard ul li.complete:hover .chevron:before {
    border-left: 14px solid #36b92b;
}

.wizard ul li.complete .chevron:before {
    border-left: 14px solid #46c01c;
}

.wizard ul li.active {
    color: #333;
    background: #fdfdfd;
}

.wizard ul li.active .chevron:before {
    border-left: 14px solid #fdfdfd;
}

.wizard ul li .badge {
    margin-right: 8px;
    background:rgba(255,255,255,0.4);
	padding:0 6px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:1px solid #ddd;
}

.wizard ul li i{
	display: none;
}

.wizard ul .complete i{
	font-size: 16px;
	display: inline;
	padding: 7px;
}

.wizard ul .complete .badge{
	/*display: none;*/
}


.wizard ul li .badge-success{
	background:url('');
}

.wizard ul li:first-child {
    padding-left: 5px;
    border-radius: 4px 0 0 4px;
}

.wizard ul li a {
    text-decoration: none;
    color: inherit;
}

.chechout_block .required {
    padding-left: 2px;
    color: #ff8500;
}


div.terms_conditions_block a {
    padding-left: 5px;
}


/**
 * General styling for blocks
 */
.checkout_block {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    margin-bottom: 1em;
}

.checkout_block h2 {
    font-size: 1.2em;
    padding: 10px 20px;
    background: #f1f6fc;
    border-bottom: 1px solid #d4d4d4;
}

.checkout_block h3 {
    font-size: 1em;
    margin: 1em 20px;
}

.checkout_cart h2 {
    background: #ededed;
}

.checkout_cart {
    border-radius: 4px 4px 0 0;
    padding-bottom: 20px;
}

.checkout_cart table {
	/*
	setting margin on table in combination with width auto will cause
	the cart table to not fully expand its width and break outside
	of the parent container
	*/
    margin: 0 !important 
    /*width: auto; */
}
.checkout_cart .table tbody tr:hover th,
.checkout_cart .table tbody tr:hover td {
    background: inherit;
}

.checkout_cart_actions {
    padding: 10px 20px;
    background: #ededed;
}

.checkout_block p {
    margin: 0;
    padding: 5px 20px 10px;
}

.checkout_coupon input {
    margin: 0 10px 20px 20px;
    float: left;
}

.checkout_coupon .btn {
    margin: 0px;
    float: left;
}

#ShippingAddressToggle {
    display: none;
  /*  margin-left: 20px;
    margin-bottom: 20px;
*/}
.gratis_verzending{color:#0ebc06; font-weight: 700;}

/**
 * Block with totals
 */
.checkout_totals table {
    width: 100%;
}

.checkout_totals td {
    padding: 8px; /* bootstrap default */
}

.checkout_totals .amount {
    text-align: right;
}

.checkout_totals .grand_total td {
    font-size: 1.2em;
    padding-top: 1em;
    font-weight: bold;
}

.checkout_block fieldset {
    margin: 10px 20px 20px;
}
.checkout_block legend {
    margin: 1em 0;
    font-size: 1.4em;
    line-height: normal;
}
.checkout_terms {
    margin:20px 0;
}

/* Input fields */
.checkout_block table{
	margin:10px;
}
.checkout_block table select.quantity{
	border: 1px solid #ddd;
box-sizing: border-box;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
width: 50px;
text-indent: 0.01px;
text-overflow: "";
color: #878787;
height: 26px;
padding-left: 5px;
background: url('../img/select-arrow.png') no-repeat right 5px center ;
}
.checkout_block table input.quantity{
    width: 50px;
    height: 26px;
    border: 1px solid #ddd;
    box-sizing: border-box;
	padding-left: 5px;
    text-indent: 0.01px;
    text-overflow: "";
    color: #878787;
}

.checkout_cart .wi-afbeelding .img {
position: inherit;
top: 0px;
}
.checkout_block table .ww-list-th th{
	border-bottom:1px solid #ddd;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
}

.ww-list-item td{
}

.checkout_block table tr > td{
	padding:10px;
    vertical-align: middle;
}

.checkout_block table .ww-list-item i {
font-size: 17px;
margin-top: 4px;
color: #b52832;
}

.right{
	float:right;
}

.checkout_coupon input{
	margin: 0 20px 10px 20px !important;
}

.checkout_totals{
	padding:0 20px;
}

#ShoppingCartIndexForm .cart_totals{width: 300px; float: right; background: #F0F0E1; padding-bottom: 10px; border: 1px solid #CECEBF;}
#ShoppingCartIndexForm .cart_totals .checkout_totals{border: none; background: none;}
#ShoppingCartIndexForm .cart_totals .checkout_totals td{padding: 3px;}
#ShoppingCartIndexForm .cart_totals  input{float: right; margin-right: 10px;}

.content-dubbel-links,
.content-dubbel-rechts,
.checkout_terms{
	 background-color: #fff;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    margin-bottom: 1em;
    padding-bottom: 10px;
    margin-left:3px !important;
    margin-right:3px !important;
}

.registreren{
	font-size: 11px;
	color:#fff !important;
	font-weight: 700;
	padding:10px;
}

.content-dubbel-links p,
.content-dubbel-rechts p{
	padding:0 15px;
}

.content-dubbel-links form,
.content-dubbel-rechts form{
	padding:0 15px;
	}

.content-dubbel-links h2,
.content-dubbel-rechts h2 {
    font-size: 1.2em;
    padding: 5px 20px;
    background: #f1f6fc;
    border-bottom: 1px solid #d4d4d4;
}

.content-dubbel-links h3,
.content-dubbel-rechts h3 {
    font-size: 1em;
    margin: 1em 20px;
}

.backlink{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#eee;
	border:0;
	padding:8px;
	text-decoration: none;
	margin:5px;
	border:1px solid #ddd;
	margin-left:10px;
}

#ShoppingCartComments{
	width: 96% !important;
	height: 100px;
	margin: 10px;
}

.checkout_terms{
	padding:10px;
}

.btn-primary{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #00adef;
	border:0;
	padding:10px;
	text-decoration: none;
	margin:5px;
	font-weight: 700;
	-webkit-appearance: none;
	color:#fff;
}

.btn-primary:hover,
.btn-primary:active{
	background:#00adef;
	cursor: pointer;
	}

.right .btn-primary{
	margin-top:-6px;
	-webkit-appearance: none;
}

.submit{
	margin-top: -10px;
}

.grand_total{
	border-top: 1px solid #ddd;
}





/* ONEPAGECHECKOUT */

#opc .opc_cart_mobile{display: none;}
#opc .checkout_block h2{padding:5px 20px; margin:0; margin-bottom: 0px;}
#opc .shipping_details_block h2{margin-bottom: 20px !important;}
#opc .checkout_block table{margin: 0;}
#opc .checkout_block table tr > td{padding: 5px;}
#opc .checkout_block .content{font-size: 12px; padding: 10px;}
#opc .checkout_block .name{	display: block;}
#opc .checkout_block .bundle{margin-left: 10px;}
#opc .checkout_block .bundle i{margin-right: 5px; font-size: 11px;}


.checkout_totals{
	border: none;
	margin-top: 10px;
	border-top: 1px solid #eee;
	font-size: 12px;
	/* border: none; */
	-webkit-box-shadow: none;
	/* box-shadow: none; */
	/* padding: 10px 0; */
	border: 1px solid #eeeeee;
	/* margin-bottom: 0; */
	background: #fff;
	}
#opc .wizard ul li{width: 150px;}
#opc .shipping-methods,
#opc .payment-methods,
#opc .checkout_block shipping_details_block{padding:15px;}

#opc .afrekenen{background: #F0F0E1; padding: 10px; text-align: right}
#opc .afrekenen p{color:#666; font-size: 12px; margin: 10px 0 0;}
#opc .stick{
	 position:fixed;
     top:20px;
}

.checkout_cart .remove{
	position: relative;
}
.btn-cta{
	padding:15px 30px;
	color: #fff;
	font-size: 14px;
	border: none;
	border-bottom: 3px solid #CA5001;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: 700;
	cursor: pointer;
	background: #ff6600 ;
}

.top-cart{position: relative;
top: 4px;
left: 15px;
float: right;}

#opc_cart .checkout_totals{border: none;}
.shipping-methods .instructie{font-size: 11px;}


.type_bestelling{font-size: 13px;}
.hidden_fields{display: none; background: #eee;
padding: 10px 0 2px 0px;
margin-bottom: 10px; height: 90px;}

.shipping_details_block .naam{width: 200px;}
.shipping_details_block .postcode{width: 75px; margin-right: 10px;}
.shipping_details_block .huisnummer{width: 50px; margin-right: 10px;}
.shipping_details_block .toevoeging{width: 35px;}
.shipping_details_block .email{width: 280px;}
.shipping_details_block .artikelnummer{width: 280px; height: 75px;}

.geslaagd h2, .newsletter_bedankt h2, .wat_nu h2, .canceled h2{font-weight: 600;}
.geslaagd p, .newsletter_bedankt p, .wat_nu p, .canceled p{font-size: 16px; line-height: 22px; padding: 20px 20px 0;}
.geslaagd .order_nummer{padding: 10px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.geslaagd .order_nummer strong{display: inline-block; margin-right: 40px;}
.geslaagd .order_nummer p{display: inline-block; margin-bottom: 0; padding: 10px 20px;}

.canceled{padding-bottom: 40px;}
.canceled .cta{margin: 10px 0px;}
.newsletter_bedankt{margin-top: 10px;}
.newsletter_bedankt form{padding: 20px;}
.newsletter_bedankt input[type="text"]{font-size: 16px !important; padding:10px 15px 13px;; display: inline-block; width: 200px;}
.newsletter_bedankt .submit{float: none !important; display: inline-block; margin-left: 10px;}
.newsletter_bedankt .controls{width: 200px;display: inline;}

.wat_nu{padding-bottom: 40px;}
.wat_nu h3{font-weight: 600 !important; padding: 0; margin: 0;}
.wat_nu ul{list-style: decimal !important; padding: 20px;}
.wat_nu p{padding: 10px 0px;}


.payment-methods input[type=radio] { margin-left:0 !important }