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

	.form-item .stepper { margin: 0 0 10px 0; overflow: hidden; position: relative; width: 60px; }
	.stepper .stepper-input { position: relative; background: #fff; border: 1px solid #9D9E9F; color: #333; font-size: 13px; line-height: 32px; margin: 0; overflow: hidden; padding: 0 10px; width: 60px; 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: #9D9E9F; border: 1px solid #9D9E9F; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 30px; z-index: 50; }
	.stepper .stepper-arrow.up { border-bottom: none; top: 0; }
	
	.stepper .stepper-arrow.up:after, .stepper .stepper-arrow.down:after {
    content: " ";
    position: absolute;
    display: block;
    right: 9px;
    top: 50%;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
    display: block;
    height: 7px;
    width: 7px;
    margin-top: -9px;
    pointer-events: none;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
	}
	
	.stepper .stepper-arrow.up:after {
    margin-top: -2px;
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
	}
	.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; }