.number-spinner-container { position: relative; width: 100px; display: inline-block; }
.number-spinner-container .number-spinner { position: relative; }
.number-spinner-container .number-spinner .number-spinner-button { background-color: #f2f1ef; position: absolute; cursor: pointer; height: 28px; width: 28px; text-align: center; color: #7e7d7b; font-size: 14px; line-height: 32px; top: 1px; }
.number-spinner-container .number-spinner .number-spinner-button:hover { background-color: #e7e7e7; }
.number-spinner-container .number-spinner input[type=number] { width: 100px; height: 30px; font-size: 13px; font-weight: 500; display: block; padding: 0; margin: 0; text-align: center; }
.number-spinner-container .number-spinner input[type=number]:focus { outline: 0; }
.number-spinner-container .number-spinner input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.number-spinner-container .number-spinner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.number-spinner-container .number-spinner .number-spinner-button-up { right: 1px; }
.number-spinner-container .number-spinner .number-spinner-button-down { left: 1px;}
.number-spinner-container .number-spinner .number-spinner-button i { font-size: 1rem; line-height: 28px; }