#ui-datepicker-div.ui-datepicker,
#ui-datepicker-div.ui-datepicker .ui-widget,
#ui-datepicker-div.ui-datepicker input,
#ui-datepicker-div.ui-datepicker select,
#ui-datepicker-div.ui-datepicker textarea,
#ui-datepicker-div.ui-datepicker button,
#ui-datepicker-div.ui-datepicker .ui-timepicker-div,
#ui-datepicker-div.ui-datepicker .ui-timepicker-div input {
	font-family: Verdana, Arial, sans-serif;
}

#ui-datepicker-div.ui-datepicker {
	font-size: 1.1em;
}

#ui-datepicker-div.ui-datepicker .ui-widget {
	font-size: 1em;
}

#ui-datepicker-div.ui-datepicker input,
#ui-datepicker-div.ui-datepicker select,
#ui-datepicker-div.ui-datepicker textarea,
#ui-datepicker-div.ui-datepicker button {
	font-size: 1em;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker {
	display: grid;
	grid-template-columns: minmax(16em, auto) 8.5em;
	grid-template-areas:
		"header timepicker"
		"calendar timepicker"
		"buttonpane buttonpane";
	align-items: start;
	column-gap: 0.75em;
	row-gap: 0.5em;
	width: auto;
	padding-right: 0.5em;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-datepicker-header {
	grid-area: header;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-datepicker-calendar {
	grid-area: calendar;
	margin-bottom: 0;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div {
	grid-area: timepicker;
	border-left: 1px solid #b5b5b5;
	align-self: stretch;
	margin-top: 0;
	padding-left: 0.75em;
	padding-top: 0;
	width: 100%;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-datepicker-buttonpane {
	grid-area: buttonpane;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div dl {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"time time"
		"hour-label minute-label"
		"hour minute";
	column-gap: 0.85em;
	row-gap: 0.35em;
	margin: 0;
	text-align: center;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div dt,
#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div dd {
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui_tpicker_time_label {
	display: none;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui_tpicker_time {
	grid-area: time;
	margin-bottom: 0.25em;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui_tpicker_time_input {
	background: #e9e9e9;
	border: 1px solid #b5b5b5;
	border-radius: 2px;
	box-sizing: border-box;
	color: #222;
	cursor: default;
	font-size: 1.05em;
	font-weight: bold;
	padding: 0.45em 0.25em;
	text-align: center;
	width: 100%;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui_tpicker_hour_label {
	grid-area: hour-label;
	font-weight: bold;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui_tpicker_minute_label {
	grid-area: minute-label;
	font-weight: bold;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui_tpicker_hour {
	grid-area: hour;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui_tpicker_minute {
	grid-area: minute;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui_tpicker_hour,
#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui_tpicker_minute {
	align-items: flex-start;
	display: flex;
	justify-content: center;
	min-height: 9.5em;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui-slider {
	margin: 0 auto;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui-slider-vertical {
	height: 8.9em;
	width: 0.55em;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker .ui-timepicker-div .ui-slider-vertical .ui-slider-handle {
	margin-bottom: -0.3em;
	margin-left: -0.35em;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker.vipr-legacy-timepicker-only {
	display: block;
	padding-right: 0;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker.vipr-legacy-timepicker-only .ui-timepicker-div {
	border-left: none;
	padding-left: 0;
	width: auto;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker.vipr-legacy-timepicker-only .ui-timepicker-div > .ui-widget-header {
	display: none;
}

#ui-datepicker-div.ui-datepicker.vipr-legacy-timepicker.vipr-legacy-timepicker-only .ui-datepicker-buttonpane {
	margin-top: 0.5em;
}