﻿/**/
.timepicker {
	border: 1px solid #a9a9a9;
	display: inline-block;
	border-radius: 3px;
	vertical-align:middle;
}

	.timepicker .timepicker-table {
		border-collapse: collapse;
		vertical-align: middle;
	}

	.timepicker .input-cell {
		padding: 0;
	}

		.timepicker .input-cell input {
			border: none;
			margin: 0;
		}

		.timepicker .timepicker-table {
			height: 0;
		}
			.timepicker .timepicker-table > tbody,
			.timepicker .timepicker-table > tbody > tr,
			.timepicker .timepicker-table > tbody > tr > td {
				height: 100%;
			}

		.timepicker.spinner-layout .spinbtn-cell {
			height: 0;
			padding: 0;
			width: 16px;
			line-height: normal;
		}

			.timepicker.spinner-layout .spinbtn-cell .timepicker-spinbtn {

				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
						box-sizing: border-box;

				display: block;
				font-size: inherit;
				margin: 0px -1px 0px 0px;
				padding: 0px 1px 0px 1px;
					
				min-width: 20px;
				width: 1.25em;
				height: calc(50% + 1px);
					
				border-radius: 0;
			}

				.timepicker.spinner-layout .spinbtn-cell .timepicker-spinbtn span {
					display: block;
					margin: auto auto;
					height: 0;
					line-height: 0;
				}

				.timepicker.spinner-layout .spinbtn-cell .timepicker-spinbtn.timepicker-spinup {
					border-top-right-radius: 3px;
					margin-top: -1px;
					margin-bottom: 0px;
				}

				.timepicker.spinner-layout .spinbtn-cell .timepicker-spinbtn.timepicker-spindn {
					border-bottom-right-radius: 3px;
					margin-top: 0px;
					margin-bottom: -1px;
				}

	.timepicker.thumb-layout .spinbtn-cell {
		height: 0;
		padding: 0;
		width: 16px;
		line-height: normal;
	}

		.timepicker.thumb-layout .spinbtn-cell .timepicker-spinbtn {
			-webkit-box-sizing: content-box;
			   -moz-box-sizing: content-box;
					box-sizing: content-box;

			display: block;
			font-size: inherit;
			margin:0;
			padding: 0;
			
			min-width: 16px;
			width: 1.5em;			
			height: 100%;

			border-radius: 0;
		}

		.timepicker.thumb-layout .spinbtn-cell .timepicker-spinbtn span {
			display: block;
			margin: auto auto;
			line-height: normal;
		}

		.timepicker.thumb-layout .spinbtn-cell .timepicker-spinbtn.timepicker-spinup {
			margin: -1px -1px -1px 0px;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
		}
		.timepicker.thumb-layout .spinbtn-cell .timepicker-spinbtn.timepicker-spindn {
			margin: -1px 0px -1px -1px;
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px;
		}
