/*
 * Stepper v3.0.5 - 2014-02-06
 * A jQuery plugin for cross browser number inputs. Part of the Formstone Library.
 * http://formstone.it/stepper/
 *
 * Copyright 2014 Ben Plum; MIT Licensed
 */

.stepper { border-radius: 3px; margin: 0 0 2px 0; overflow: hidden; position: relative; width: 300px; width: auto; float: right; }
.stepper .stepper-input { background: #F9F9F9; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 13px; line-height: 1.2; margin: 0; overflow: hidden; padding: 3px 10px 3px; width: 100%; z-index: 49;}
.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('img/jquery.fs.stepper-arrows.png') no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 45%; position: absolute; right: 0; text-indent: -99999px; width: 40%; z-index: 2; }
.stepper .stepper-arrow.up { background-position: center -3px; border-bottom: none; top: 0; }
.stepper .stepper-arrow.down { background-position: center -20px; 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; }

/* CUSTOMIZR SPECIFICS */
.tc-customizer-section .stepper .stepper-input { width: 65px; }