/*------------------------------------------------------------------
Quantity Button
-------------------------------------------------------------------*/
.quantity input { -webkit-appearance: textfield !important; -moz-appearance: textfield !important }
.quantity { position: relative; float: left; overflow: hidden; zoom: 1; }
.quantity .qty { display: block; float: left; width: 36px; min-height: 36px; border: 1px solid #e4e4e4; margin: 0; padding: 0; text-align: center; vertical-align: middle; font-size: 12px; color: #777; cursor: pointer; }
.quantity .qty-changer { float: left; margin-left: 6px; }
.quantity .qty-changer a { display: block; width: 16px; height: 16px; font-size: 8px; line-height: 14px; border: 1px solid #e1e1e1; color: #ccc; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.quantity .qty-changer a.plus { margin-bottom: 4px; }
.quantity .qty-changer a:hover { border-color: #e0e0e0; }
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button { display: none }
.woocommerce form input[type="number"] { max-width: 58px; min-height: 36px; } |