table { font-size: 1em; }
.demo-description { clear: both; padding: 12px; }
.ui-draggable, .ui-droppable { background-position: top; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color: #fff; z-index: 80!important }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background-color: #323232 }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 7px; width: 15px; height: 15px; background-repeat: no-repeat; display: block; background-position: center; }
.ui-datepicker .ui-datepicker-next { background-image: url(../images/datepicker-next.png); }
.ui-datepicker .ui-datepicker-prev { background-image: url(../images/datepicker-prev.png) }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev { left: 10px; }
.ui-datepicker .ui-datepicker-next { right: 10px; }
.ui-datepicker .ui-datepicker-prev-hover { }
.ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title span { font-weight: bold; color: #fff; font-size: 16px }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border: 1px solid #c5c5c5 }
.ui-datepicker th { text-align: center; border: 0; }
.ui-datepicker th span { font-weight: bold; padding: .7em .3em; font-size: 14px; display: block; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; color: #000; font-weight: bold; font-size: 12px; border: 1px solid #c5c5c5 }
.ui-datepicker td span { background-color: #F7F7F7; color: #555555; }
 .ui-datepicker td a:hover { background-color: #CB944C; color: #fff; }
.ui-datepicker td a.ui-state-active { background-color: #000; color: #fff }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
/* with multiple calendars */
.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, .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: 0; }
/* RTL support */
.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, .ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }
/* Icons */
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; }
.hasDatepicker { background: #b5d96b url("images/icon-select.png") no-repeat right center; }
 @media (max-width:1023px) {
.ui-datepicker { width: 300px; margin: 0 auto }
.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker th span, .ui-datepicker .ui-datepicker-title span { font-size: 18px }
.ui-datepicker td span, .ui-datepicker td a { padding: 10px 0; text-align: center }
}
@media (max-width:480px) {
.ui-datepicker { width: 100%; margin: 0 auto; left: 0!important; right:!important
}
.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker th span, .ui-datepicker .ui-datepicker-title span { font-size: 18px }
.ui-datepicker td span, .ui-datepicker td a { padding: 5px 0 }
}