
.ui-datepicker { width: 17em; padding: 1px; display: none; border: 1px solid; z-index: 999999 !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; padding: 10px 20px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 12px; text-align: center; cursor: pointer; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; }
.ui-datepicker .ui-datepicker-prev { left: 10px }
.ui-datepicker .ui-datepicker-next { right: 10px }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev:before { content: "<"; color: #ffffff ; font-family: monospace}
.ui-datepicker .ui-datepicker-next:before { content: ">"; color: #ffffff ; font-family: monospace}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #ffffff; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 }
.ui-datepicker select.ui-datepicker-month-year { width: 100% }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0; background: #ffffff; }
.ui-datepicker th { padding: .7em .3em; text-align: right; font-weight: bold; border: 0 }
.ui-datepicker td { border: 0; padding: 4px }
.ui-datepicker td:first-child, .ui-datepicker th:first-child { padding-left: 10px }
.ui-datepicker td:last-child, .ui-datepicker th:last-child { padding-right: 10px }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #ffffff; opacity: 0.5 }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color: #ffffff; opacity: 1 }
.ui-datepicker .ui-datepicker-buttonpane { background: #ffffff; padding: 10px; border: none }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; padding: 5px 10px; width: auto; color: #ffffff; border: none }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: none; display: inline-block }
.ui-datepicker.ui-datepicker-multi { width: auto }
.ui-datepicker-multi .ui-datepicker-group { float: left }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50% }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25% }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0 }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em }
.ui-datepicker-rtl { direction: rtl }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right }
.ui-datepicker-rtl .ui-datepicker-group { float: right }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px }
.ui-datepicker-cover { position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px }
.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 }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 }
.ui-slider-horizontal { height: 4px; background: #000000 }
.ui-timepicker-div { background: #ffffff; padding: 10px; border-top: 2px solid; }
.ui-timepicker-div dl dd { margin: 10px 10px 10px 65px; }
.ui-timepicker-div dl dd.ui_tpicker_time { margin: 0 10px 10px 65px; }
.ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; border: 1px solid; background: #ffffff; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100% }
.ui-slider-horizontal .ui-slider-range-min { left: 0 }
.ui-slider-horizontal .ui-slider-range-max { right: 0 }
.ui-slider-vertical { width: .8em; height: 100px }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100% }
.ui-slider-vertical .ui-slider-range-min { bottom: 0 }
.ui-slider-vertical .ui-slider-range-max { top: 0 }

.ui-timepicker-div, .ui-datepicker .ui-datepicker-buttonpane { border-top: 2px solid #d1022e; }
.ui-widget-content, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-color: #d1022e; }
.ui-datepicker { background-color: #d1022e; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background-color: #d1022e; }
.ui-slider-horizontal, .ui-datepicker .ui-datepicker-buttonpane button { background-color: #d1022e; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: #d1022e; border-color: #d1022e; }
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}