/******************************************/
/* Cart Quantity Plus/Minus Buttons addon */
/******************************************/
/*************** Phoenix ******************/
/******************************************/
/******** Contribution by Demitry *********/
/******************************************/
.update-cart-btn {
 display:none!important; 
}

.qty {
 width:45px;
 text-align:center; 
}

.quantity.plus-minus_btns {   /* uitgezet om dat zelfde naam gebruikt wordt om plus en min knoppen te gebruiken.
 /*text-align:right;
 position:relative;
 white-space:nowrap!important;
 vertical-align:top; 
 padding:0px;*/
 width:100%;
}


.quantity.plus-minus_btns input {
 display:inline-block;
 margin:0px
 vertical-align:top;
 box-shadow:none; 
}

.quantity.plus-minus_btns .minus,
.quantity.plus-minus_btns .plus {
 font-size:22px;
 padding:0px 10px;
 background-color:#fff;
 border:1px solid #ccc;
 cursor:pointer;
 margin:0px;
 max-height:38px!important;
 min-height:38px!important; 
}
 
.quantity.plus-minus_btns .minus {
 line-height:36px;
 border-radius:4px 0 0 4px;
 -moz-border-radius:4px 0 0 4px;
 -webkit-border-radius:4px 0 0 4px;
 border-right:0px; 
}

.quantity.plus-minus_btns .plus {
 border-radius:0 4px 4px 0;
 -moz-border-radius:0 4px 4px 0;
 -webkit-border-radius:0 4px 4px 0;
 border-left:0px;
 margin-left:-1px; 
}

.quantity.plus-minus_btns .minus:hover,
.quantity.plus-minus_btns .plus:hover {
 background-color:#eee;
 color:red; 
}

input[type=number].qty::-webkit-outer-spin-button,
input[type=number].qty::-webkit-inner-spin-button {
 -webkit-appearance:none;
 -moz-appearance:none; margin:0px; 
}

input[type=number].qty {
 -moz-appearance: textfield; 
}
 
.quantity.plus-minus_btns .minus:focus,
.quantity.plus-minus_btns .plus:focus {
 outline:none; 
}

.remove-btn-container {
 display:inline-block;
 vertical-align:top!important;
}

.remove-btn { 
 margin-left:6px;
 border:1px solid #ccc;
 padding-left:10px;
 background-color:#dc3545;
/* background-color:#eee;*/
 color:#FFF;
}

.remove-btn:hover { 
 background-color:#c82333;
/* background-color:#ddd;*/ 
/* color:red;*/
color:#FFF;
}

.qty-container { 
 white-space:nowrap;
 /*max-width:213px;*/
 }

@media screen and (max-width: 1600px) { /* 500px is Maximum Mobile  Zelf aangepast van 820px naar 500px*/
body{
	/*background-color:yellow !important;*/
	}

.remove-btn-container {
 display:block;
 margin: 2px 0px 0px 13px;
}

		
.remove-btn {
 margin-left:0px;
 margin-top:12px;
 width:109px;
}

td .qty-container { 
 white-space:none;
 display:block;
 margin:auto;
 float:left;
 width:120px;
}
}