.stepper { border-radius: 3px; margin: 0 0 10px 0; overflow: hidden; position: relative; width: 65px; }.stepper .stepper-input { background: #F9F9F9; border: 1px solid #ccc; border-radius: 3px; color: #333; margin: 0; overflow: hidden; padding: 9px 10px 10px; width: 100%; z-index: 49;-moz-appearance: textfield;}.stepper .stepper-input::-webkit-inner-spin-button,.stepper .stepper-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }.stepper .stepper-input:focus { background-color: #fff; }.stepper .stepper-arrow { background: #eee url(../../images/widgets/stepper/stepper-arrows.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 20px; z-index: 50; }.stepper .stepper-arrow.up { background-position: center top; border-bottom: none; top: 0; }.stepper .stepper-arrow.down { background-position: center bottom; bottom: 0; }@media screen and (min-width: 740px) {.stepper:hover .stepper-input { background-color: #fff; }.stepper .stepper-step:hover { background-color: #F9F9F9; }.stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default; }}.stepper.disabled .stepper-input { background: #fff; border-color: #eee; color: #ccc; }.stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default; }