/*
    number-input style
*/
	.number-input {
		border: 1px solid #a9a9a9;
		display: inline-block;
		border-radius: 3px;
		vertical-align:middle;
	}

		.number-input .layout-tbl {
			height: 0;
            border-collapse: collapse;
            vertical-align: middle;
		}
			.number-input .layout-tbl > tbody,
			.number-input .layout-tbl > tbody > tr,
			.number-input .layout-tbl > tbody > tr > td {
				height: 100%;
			}

		.number-input .input-cell {
			padding: 0;
		}

			.number-input .input-cell input {
				border: none;
				margin: 0;
			}

		.number-input .spinbtn-cell {
			padding: 0;
			width: 16px;
			line-height: normal;
		}

			.number-input .spinbtn-cell .spin-btn {
				border-radius: 0;
				margin: 0;
				padding: 0;
				width: 20px;
				box-sizing: border-box;
				height: calc(50% + 1px);
				display: block;
				padding-left: 1px;
				padding-right: 1px;
				margin-right: -1px;
			}

				.number-input .spinbtn-cell .spin-btn span {
					display: block;
					margin: auto auto;
					height: 0;
					line-height: 0;
				}

				.number-input .spinbtn-cell .spin-btn.spin-up {
					border-top-right-radius: 3px;
					margin-top: -1px;
					margin-bottom: 0px;
				}

				.number-input .spinbtn-cell .spin-btn.spin-dn {
					border-bottom-right-radius: 3px;
					margin-top: 0px;
					margin-bottom: -1px;
				}