/*
// File written by Jochen "Khuri" Dippel <khuri@khuris.com>
// Copyright 2019
//
// File        : webform.css
// Begin       : 2019.09.27 08:38:26
// Last Update : 2019.11.29 15:25:28
*/

input, select, textarea, button, .webform_elementlist, .button, .webform_selectmenu {
	font-family: 'Verdana', sans-serif;
	color: #000;
	border: 1px solid #000;
	background-color: #fff;
	padding: 4px 8px;
	box-sizing: border-box;
	border-radius: 4px;
}
select {
	padding-left: 4px;
}
input:focus, select:focus, textarea:focus, button:focus, .button:focus, .webform_selectmenu:focus {
	border-color: #000;
	box-shadow: 0 0 8px rgba(192,192,255,0.5);
}
input:hover, select:hover, textarea:hover, button:hover, .button:hover, .webform_selectmenu:hover {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
.webform_tabs a, label, input, button, select, textarea, .ui-menu-item, .button, .webform_remotebox, .webform_response div, .webform_response span, .webform_errorcode, .webform_slider_value_title, .webform_slider_value, .webform_elementlist, .webform_field_html, .webform_selectdropdown, .webform_selectmenu, .webform_elementlist .webform_etr .td-buttons * {
	line-height: 18pt;
	font-size: 10pt;
	color: #000;
}
textarea {
	line-height: 12pt;
}
label {
	padding: 4px 0;
	vertical-align: top;
	color: #000;
}
label:hover {
	cursor: pointer;
}
input[type="submit"], .button, button {
	margin: 20px 0 0 0;
	padding: 6px 20px;
	cursor: pointer;
	font-weight: bold;
}
[disabled="disabled"], [disabled="disabled"]:hover {
	background-color: #ddd;
}
.webform_content, .webform_tabs, .webform, .webform_tab, .webform_block {
	position: relative;
	display: block;
	font-size: 0;
	line-height: 0;
}
.webform_content {
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
}
.webform_tabs ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #f1f1f1;
	border-bottom: 1px solid #ccc;
}
.webform_tabs li {
	display: inline-block;
	background-color: transparent;
}
.webform_tabs a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 10px 20px;
	line-height: 1em;
}
.webform_tabs li.currenttab {
	background-color: #666;
}
.webform_tabs li.currenttab a {
	color: #fff;
}
.webform_tabs li:hover {
	background-color: #ccc;
}
.webform_tabs li:hover a {
	color: #000;
}
.webform_tab {
	display: none;
	animation: fadeEffect .5s;
}
.webform_tab.currenttab {
	display: block;
}
.webform {
	padding: 20px 20px;
}
.webform label {
	color: #000;
}
.webform_labelbox label {
	display: block;
	margin-top: 5px;
	padding: 0;
	color: #000;
	font-weight: bold;
}
.webform_block > div:first-child .webform_labelbox label {
	margin-top: 0;
}
.webform_requiredstring {
	margin-left: 6px;
}
.webform_infotext {
	position: relative;
	margin-left: 6px;
}
.webform_infotext .text {
	display: none;
	position: absolute;
	top: 5px;
	left: 10px;
	box-sizing: border-box;
	width: 200px;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #000;
	background-color: #fff;
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
.webform_infotext:hover .text {
	display: block;
}
.webform input, .webform select, .webform textarea, .webform button, .webform .button, .webform_contentlist {
	font-family: 'Verdana', sans-serif;
}
.webform input, .webform select, .webform textarea, .webform button, .webform .button, .webform_contentlist, .webform_selectdropdown, .webform_selectmenu_icon, .webform_selectmenu {
	color: #000;
	border: 1px solid #000;
	background-color: #fff;
	line-height: 1em;
	padding: 8px 10px;
	box-sizing: border-box;
	border-radius: 4px;
	max-width: 100%;
}
.webform input, .webform select, .webform textarea, .webform_contentlist, .webform_selectmenu {
	width: 100%;
}
.webform input:focus, .webform select:focus, .webform textarea:focus, .webform button:focus, .webform .button:focus {
	border-color: #000;
	box-shadow: 0 0 8px rgba(192,192,192,0.5);
}
.webform input:hover, .webform select:hover, .webform textarea:hover, .webform button:hover, .webform .button:hover {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
.webform input[type="submit"], .webform .button, .webform button {
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	padding: 10px 20px;
	line-height: 1em;
}
.webform_selectdropdown, .webform_selectmenu_icon {
	position: absolute;
	right: 0;
	cursor: pointer;
	border-radius: 0 4px 4px 0;
	min-height: 100%;
}
.webform_selectmenu_icon {
	top: -1px;
	right: -1px;
}
.webform hr {
	border-bottom: 1px solid #000;
	width: 100%;
	margin: 8px 0;
}
.webform h1, .webform h2, .webform h3, .webform h4, .webform h5, .webform h6 {
	color: #000;
}
.webform_field_checkbox .webform_fieldbox label {
	display: block;
	width: 100%;
	padding: 0;
}
.webform_slider_box, .webform_field_slider .ui-slider-range {
	position: relative;
	box-sizing: border-box;
	width: auto;
	height: 6px;
	border: 1px solid #666;
	border-radius: 2px;
	background-color: #fafafa;
	margin: 10px 30px;
	cursor: pointer;
}
.webform_slider_box .ui-slider-handle {
	width: 60px;
	height: 20px;
	top: 50%;
	margin-top: -10px;
	margin-left: -31px;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	border: 1px solid #666;
	background-color: #eee;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.2);
	color: #000;
	box-sizing: border-box;
	overflow: hidden;
	cursor: ew-resize;
}
.webform_field_slider .ui-slider-range {
	background-color: #aaa;
	margin: 0;
	top: -1px;
}
.webform_field_slider.smallhandle .webform_slider_box {
	margin-left: 10px;
	margin-right: 10px;
}
.webform_field_slider.smallhandle .ui-slider-handle {
	width: 20px;
	margin-left: -11px;
}
.webform_slider_value_box {
	display: block;
}
.webform_slider_value_title {
	font-weight: bold;
	font-style: italic;
	padding-right: 10px;
}
.werbform_autocompletebox {
	position: relative;
	display: inline-block;
}
.webform_elementlist {
	position: relative;
	overflow: auto;
	height: auto;
	min-height: 200px;
	padding: 0;
}
.webform_elementlist .webform_et {
	display: table;
	border-collapse: separate;
	width: 100%;
}
.webform_elementlist .webform_ethr, .webform_elementlist .webform_etr, .webform_elementlist .webform_etar {
	position: relative;
	padding: 0;
	display: table-row;
}
.webform_elementlist .webform_etplaceholder {
	display: table-row;
}
.webform_elementlist .webform_etplaceholder > div {
	background-color: #ffc;
	display: table-cell;
}
.webform_elementlist .webform_etplaceholder:hover {
	cursor: move;
}
.webform_elementlist .ui-sortable-helper {
	display: none;
}
.webform_elementlist .webform_ethr > div {
	background-color: #e0e0e0;
}
.webform_elementlist .webform_etr:hover > div, .webform_elementlist .webform_etar:hover > div {
	background-color: #ababab;
}
.webform_elementlist .webform_ethr > div, .webform_elementlist .webform_etr > div, .webform_elementlist .webform_etplaceholder > div, .webform_elementlist .webform_etar > div {
	display: table-cell;
	padding: 5px 10px;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
}
.webform_elementlist .webform_ethr > div:first-child, .webform_elementlist .webform_etr > div:first-child, .webform_elementlist .webform_etplaceholder > div:first-child {
	border-left: 0 none;
}
.webform_elementlist .webform_etar > div {
	border-left: 0 none;
	border-style: dashed;
	color: #aaa;
}
.webform_elementlist .webform_etar:hover > div {
	cursor: pointer;
	color: #000;
}
.webform_elementlist .webform_etar span:first-child {
	padding-right: 10px;
}
.webform_elementlist .webform_etar span:last-child {
	position: absolute;
	width: auto;
	white-space: nowrap;
	z-index: 1;
}
.webform_elementlist .webform_etplaceholder > div {
	border-left-color: rgba(0,0,0,.25);
	color: rgba(0,0,0,.5);
}
.webform_elementlist .webform_etplaceholder .td-tmpbuttons {
	border-left: 0 none;
}
.webform_elementlist .webform_etr .td-buttons, .webform_elementlist .webform_ethr .th-buttons {
	position: relative;
	vertical-align: top;
	height: 100%;
	padding: 0;
	/*border-left: 0 none;*/
}
.webform_elementlist .webform_etr .td-buttons > div {
	display: table;
	height: calc(18pt + 10px);
	float: right;
}
.webform_elementlist .webform_etr .td-buttons > div > div {
	position: relative;
	display: table-cell;
	border-radius: 0;
	border-width: 0 0 0 1px;
	height: 100%;
	line-height: 18pt;
	background-color: #efefef;
	cursor: pointer;
	box-sizing: border-box;
	padding: 5px 10px;
	border-left: 1px solid #888;
	vertical-align: top;
}
.webform_elementlist .webform_etr .td-buttons > div > div > span {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	padding-left: 4px;
	font-size: 10px;
	line-height: 10px;
}
.webform_elementlist .webform_etr .td-buttons > div > div:hover {
	background-color: #fafafa;
}
.webform_elementlist .webform_etr .td-buttons > div > div::before {
	top: 50%;
	transform: translateY(-50%);
	position: relative;
	display: inline-block;
}
.webform_elementlist .webform_etr .td-buttons .fa-arrows:hover {
	cursor: move;
}
.webform_selectmenu {
	position: relative;
	display: inline-block;
	max-width: 100%;
	width: 300px;
	overflow: hidden;
}
.webform_fieldbox button .fa {
	margin: 0 0 0 -5px;
	padding: 0 10px 0 0;
}
.webform_content.tableform .webform_field {
	margin-top: 5px;
}
.webform_content.tableform .webform_labelbox {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}
.webform_content.tableform .webform_labelbox label {
	margin-top: 3px;
}
.webform_content.tableform .webform_fieldbox {
	display: inline-block;
	width: 70%;
}
.webform_content.tableform .webform_fieldbox:first-child {
	margin-left: 30%;
}
.webform_confirmbuttons:before, .webform_confirmbuttons:after {
	display: block;
	content: '';
	clear: both;
}
.webform_confirmbuttons:before {
	margin: 15px 0 20px 0;
	border-top: 1px solid #aaa;
}
.webform_content.tableform input, .webform_content.tableform select, .webform_content.tableform textarea, .webform_content.tableform .webform_contentlist, .webform_content.tableform .webform_selectmenu, .webform_content.tableform .werbform_autocompletebox {
	width: 100%;
}
.webform_confirmbuttons button {
	color: #000;
	cursor: pointer;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
	margin: 0;
}
.webform_confirmbuttons button i {
	margin-right: 10px;
	font-size: 20px;
	line-height: 18px;
}
.webform_confirmbuttons .greenbutton button {
	background-color: #c0e6c0;
	border-color: green;
	color: green;
	float: left;
}
.webform_confirmbuttons .redbutton button {
	background-color: #ffe4e1;
	border-color: red;
	color: red;
	float: right;
}
.webform_response {
	display: block;
	box-shadow: 2px 2px 2px rgba(0,0,0,.1);
	word-break: break-word;
}
.webform_errorcode, .webform_response_error, .webform_response_notice, .webform_response_success {
	display: none;
	margin: 2px;
	border-style: solid;
	border-width: 0 0 0 2px;
	padding: 0;
	color: #d00;
	background-color: #ffe4e1;
	line-height: 1em;
	width: auto;
	min-width: 200px;
}
.webform_errorcode span, .webform_response div, .webform_markred input, .webform_markred select, .webform_markred textarea {
	border-color: #d00;
}
.webform_response_error {
	color: #000;
}
.webform_response_notice {
	color: #000;
	background-color: #ffc;
	border-color: #ffc107 !important;
}
.webform_response_success {
	color: #000;
	background-color: #dfd;
	border-color: #4caf50 !important;
}
.webform_response_info {
	color: #000;
	background-color: #dff;
	border-color: #2196f3 !important;
}
.webform_errorcode span, .webform_response div {
	display: block;
	padding: 5px 10px;
}
.webform_response > div {
	position: relative;
	margin: 0;
}
.webform_response > div:last-child {
	margin-bottom: 10px;
}
.response_closer {
	position: absolute;
	width: 16px;
	height: 16px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	opacity: .5;
}
.response_closer:hover {
	opacity: 1;
	cursor: pointer;
}
.response_closer:before, .response_closer:after {
	position: absolute;
	top: 0;
	left: 7px;
	content: ' ';
	height: 16px;
	width: 2px;
	background-color: #333;
}
.response_closer:before {
	transform: rotate(45deg);
}
.response_closer:after {
	transform: rotate(-45deg);
}
.webform_markred .webform_errorcode {
	display: table;
}
.webform_response div {
	padding: 10px 34px 10px 10px;
}
.webform_field.wide input, .webform_field.wide textarea, .webform_field.wide select, .webform_field.wide button, .webform_field.wide .button  {
	width: 500px;
}
.webform_checkboxreplacement, .webform_radioreplacement {
	min-width: 16px;
}
.webform_loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
	z-index: 1000;
}
.webform_spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	border: 10px solid #fff;
	border-radius: 50%;
	border-top: 10px solid #666;
	width: 60px;
	height: 60px;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
	animation: spin 2s linear infinite;
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

/* autocomplete */
.webform_autocomplete_input.open, .webform_autocomplete_input.open + .webform_selectdropdown, .webform_autocomplete_input_open, .webform_autocomplete_input_open > .webform_selectmenu_icon {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.webform_autocomplete, .webform_selectmenu_menu {
	position: absolute;
	top: 0;
	left: 0;
	z-Index: 100;
}
.webform_selectmenu_menu {
	display: none;
}
.webform_selectmenu_menu_open {
	display: block;
}
.webform_autocomplete, .webform_selectmenu_menu ul {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-spacing: 0;
  border-collapse: inherit;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 2px 2px rgba(0,0,0,.5);
}
.webform_selectmenu_menu ul {
	margin-top: -1px;
}
.webform_selectmenu_menu li {
	padding: 0;
	margin: 0;
}
.webform_autocomplete li, .webform_selectmenu_menu li div {
	background-color: #fff;
	margin: 0px;
	padding: 4px 8px;
	border-bottom: 1px solid #000;
	color: #000;
	min-height: 18pt;
}
.webform_autocomplete li:nth-child(odd), .webform_selectmenu_menu li:nth-child(odd) {
	background-color: #fefefe;
}
.webform_autocomplete li:last-child, .webform_selectmenu_menu li:last-child div {
	border: 0;
}
.webform_autocomplete li span {
	font-weight: bold;
	color: #44f;
}
.webform_autocomplete li.marked, .webform_autocomplete li:hover, .webform_autocomplete li.marked span, .webform_autocomplete li:hover span, .webform_selectmenu_menu .ui-state-active, .webform_selectmenu_menu li:hover {
	background-color: #ddd;
	color: #000;
	cursor: pointer;
}
.webform_autocomplete li i, .webform_selectmenu_menu li i {
	font-weight: normal !important;
	background-color: #cacaca !important;
	padding: 1px 3px;
	font-style: normal;
	display: block;
}
.webform_autocomplete li.marked i, .webform_autocomplete li:hover i, .webform_selectmenu_menu li.marked i, .webform_selectmenu_menu li:hover i {
	background-color: #35415d !important;
}
.ui-helper-hidden-accessible {display:none;}
/* UI control */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(200,200,200,0.3);
	z-index: 1000;
}
.ui-tooltip, .ui-datepicker, .ui-dialog {
	position: absolute;
	padding: 10px;
	border: 1px solid #000;
	border-radius: 4px;
	background-color: #eaeaea;
	color: #000;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	width: auto;
	z-index: 9999;
	display: none;
	cursor: default;
}
.ui-dialog {
	max-height: 95vh;
	overflow: auto;
}
.ui-dialog-title {
	width: auto;
	font-weight: bold;
}
.ui-dialog-titlebar {
	line-height: 32px;
	padding-top: 0;
	padding-bottom: 6px;
	padding-left: 0;
	padding-right: 0;
}
.ui-dialog-titlebar, .ui-dialog-content {
	padding-left: 0;
	padding-right: 0;
}
.ui-dialog-buttonpane {
	margin-top: 16px;
	border-top: 1px solid #aaa;
}
.ui-dialog-content {
	overflow: auto;
	min-height: 150px !important;
}
.ui-dialog-content > i.fa {
	display: block;
	width: 100%;
	text-align: center;
}
.ui-dialog-titlebar-close {
	border: 0 none;
	background-color: transparent !important;
	padding: 0;
	margin: 0;
	cursor: pointer;
	float: right;
	color: #000;
	font-size: 32px !important;
}
.ui-dialog-titlebar-close:focus {
	box-shadow: none;
	border: 0 none;
}
.ui-dialog-titlebar-close:active {
	padding: 0;
}
.ui-dialog-titlebar-close:hover {
	background-color: transparent !important;
}
.ui-dialog-titlebar-close i {
	margin: 0;
}
.ui-dialog-buttonset > button {
	color: #000;
	cursor: pointer;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
}
.ui-dialog-buttonset > button i {
	margin-right: 10px;
	font-size: 20px;
	line-height: 18px;
}

/* UI defaults */
.ui-datepicker {
	max-width: auto;
}
.ui-datepicker table.ui-datepicker-calendar {
	border-spacing: 0;
}
.ui-datepicker .ui-state-default:hover {
	color: #000;
	background-color: #e0e0e0;
}
.ui-datepicker table th, .ui-datepicker table td {
	text-align: center;
	color: #000;
}
.ui-datepicker td.ui-datepicker-week-col {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.ui-datepicker a {
	color: #000;
	text-decoration: none;
}
.ui-datepicker a, .ui-datepicker td.ui-datepicker-week-col {
	display: block;
	padding: 3px 6px;
}
.ui-datepicker a:hover {
	color: #10241e;
}
.ui-datepicker td.ui-datepicker-other-month a {
	color: #888;
}
.ui-datepicker td.ui-datepicker-today a {
	color: #6d85bf;
}
.ui-datepicker td a.ui-state-active {
	background-color: #6d85bf;
	color: #fff;
	padding: 2px 5px;
	border-radius: 2px;
	border: 1px solid #10241e;
}
.ui-datepicker select {
	padding: 2px 4px;
}
.ui-datepicker a.ui-datepicker-prev, .ui-datepicker a.ui-datepicker-next {
	cursor: pointer;
	z-index: 10;
}
.ui-datepicker a.ui-datepicker-prev {
	float: left;
	margin-right: 10px;
}
.ui-datepicker a.ui-datepicker-next {
	float: right;
	margin-left: 10px;
}
.ui-datepicker div.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker div.ui-datepicker-buttonpane button {
	padding: 8px 16px;
}
.ui-datepicker div.ui-datepicker-buttonpane button i {
	margin: 0;
}
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close {
	float: right;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-widget-content {
	color: #000;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background-color: #f0f0f0;
	color: #333;
}
/* Date time picker */
.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; }