.spinner{ padding-left:20px; padding-right:20px; position:relative; border:1px solid #e4e4e4}
.spinner button{ position:absolute; top:0; background:#f9f9f9; height:100%; cursor:pointer; border:0; width:20px; text-align:center}
.spinner button[data-spin=up]{ right:0}
.spinner button[data-spin=down]{left:0;}
.spinner input{ display:block; width:100%; border:0; padding:3px; text-align:center;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4}


.input-group{ padding-left:20px; padding-right:20px; position:relative; border:1px solid #e4e4e4}
.input-group button{ position:absolute; top:0; background:#f9f9f9; height:100%; cursor:pointer; border:0; width:20px; text-align:center}
.input-group button.btn-plus{ right:0}
.input-group button.btn-minus{left:0;}
.input-group input{ display:block; width:100%; border:0; padding:3px; text-align:center;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4}