formstone/dist/css/themes/light/number.css

Library of modular front end components.

/*! formstone v1.4.7 [number.css] 2018-05-22 | GPL-3.0 License | formstone.it */
.fs-number.fs-light{position:relative;border-radius:2px;margin:0 0 10px 0}.fs-light .fs-number-element{width:100%;height:40px;background:#fff;border:1px solid #546e7a;border-radius:2px;color:#263238;font-size:15px;margin:0;padding:0 40px 0 15px}.fs-light .fs-number-arrow{width:25px;height:50%;position:absolute;right:1px;z-index:1;background:#fff;border:2px solid #fff;border-radius:4px;text-indent:200%;white-space:nowrap}.fs-light .fs-number-arrow:after{width:0;height:0;position:absolute;top:0;right:0;bottom:0;left:0;border-left:5px solid transparent;border-right:5px solid transparent;content:'';display:block;margin:auto}.no-touchevents .fs-light .fs-number-arrow:hover{background:#cfd8dc}.fs-light .fs-number-arrow.fs-number-up{top:1px}.fs-light .fs-number-arrow.fs-number-up:after{border-bottom:5px solid #546e7a}.fs-light .fs-number-arrow.fs-number-down{bottom:1px}.fs-light .fs-number-arrow.fs-number-down:after{border-top:5px solid #546e7a}.fs-light.fs-number-focus .fs-number-element,.no-touchevents .fs-light:hover .fs-number-element{border-color:#263238}.fs-light.fs-number-focus .fs-number-arrow.fs-number-up:after,.no-touchevents .fs-light:hover .fs-number-arrow.fs-number-up:after{border-bottom-color:#263238}.fs-light.fs-number-focus .fs-number-arrow.fs-number-down:after,.no-touchevents .fs-light:hover .fs-number-arrow.fs-number-down:after{border-top-color:#263238}.fs-light.fs-number-disabled,.no-touchevents .fs-light.fs-number-disabled:hover{opacity:.5}.fs-light.fs-number-disabled .fs-number-element,.no-touchevents .fs-light.fs-number-disabled:hover .fs-number-element{border-color:#546e7a}.fs-light.fs-number-disabled .fs-number-arrow,.no-touchevents .fs-light.fs-number-disabled:hover .fs-number-arrow{background:#fff}.fs-light.fs-number-disabled .fs-number-arrow.fs-number-up:after,.no-touchevents .fs-light.fs-number-disabled:hover .fs-number-arrow.fs-number-up:after{border-bottom-color:#546e7a}.fs-light.fs-number-disabled .fs-number-arrow.fs-number-down:after,.no-touchevents .fs-light.fs-number-disabled:hover .fs-number-arrow.fs-number-down:after{border-top-color:#546e7a}