.ui-datepicker {
  width:auto;
  padding: 10px;
  z-index: 999 !important;
}

.ui-datepicker .ui-datepicker-header {
  margin : 0;
  padding: 0 0 5px 0;
  border: none;
}

.ui-datepicker select.ui-datepicker-month option:hover,
.ui-datepicker select.ui-datepicker-year option:hover {
  color: #000000;
  background-color: #ffffff;
}

.ui-datepicker table.ui-datepicker-calendar thead {

}

.ui-datepicker td {
  padding: 3px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0.3em;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  font-size: 15px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 48%;
  margin: 0 1%;
  height: 40px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #000000;
  background-color: #ffffff;
}

.ui-timepicker-div .ui_tpicker_hour .ui-slider-handle,
.ui-timepicker-div .ui_tpicker_minute_slider .ui-slider-handle {
  background-color: #b2b2b2;
}

.ui-timepicker-div .ui_tpicker_hour .ui-slider-handle:hover,
.ui-timepicker-div .ui_tpicker_minute_slider .ui-slider-handle:hover {
  background-color: #cc0000;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #bac405;
  color: #ffffff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #cc0000;
  color: #ffffff;
}

.ui-widget-content button.ui-state-default {
    background-color: #cc0000;
    color: #ffffff;
    height: 40px;
    width: 85px !important;
    text-align: center;
    font-family: wuerthbold;
    font-weight: normal;
    font-size: 15px;
}

.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; }