.tp {
	position: relative;
	display: inline-block;
	border: 1px solid lightgray;
	padding: 2px 4px;
	font-family: Calibri, Tahoma, Veradana !important;
	background-color: #FFF;
	color: #000;
}
.tp input {
	font: inherit;
	border: 0; margin: 0;
	outline: none;
	text-align: center;
	background-color: #FFF;
	color: inherit;
}
.tp_spinners {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
}
.tp_spinners span { border: 5px solid transparent; cursor: pointer; display: block; }
.tp_spinners .tp_spinup { border-bottom-color: black; border-top: 0; margin-bottom: 4px; }
.tp_spinners .tp_spindown { border-top-color: black; border-bottom: 0; }

.tp{ justify-content: space-around; align-items: baseline; display: flex; width: 100%;}
.tp_hr{width: 100% !important; border: none !important; padding-left: 5px !important; padding-right: 5px !important;}
.tp_min{width: 100% !important; border-top: none !important; border-right: none !important; border-bottom: none !important; padding-left: 5px !important; padding-right: 5px !important;}
.tp_am_pm{margin-right: 5px !important; width: 100% !important; border-top: none !important; border-right: none !important; border-bottom: none !important; padding-left: 5px !important; padding-right: 5px !important;}
.tp_spinners{ position: relative !important; display: inline-block !important; vertical-align: middle !important; margin-top: 0 !important; margin-right: 15px !important;}