.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {
margin: 0;
padding: 0;
border: none;
border-spacing: 0;
} .ui-datepicker {
display: none;
width: 100%;
padding: 0;
cursor: default;
text-transform: uppercase;
font-size: 17px;
} .ui-datepicker-header {
position: relative;
background-color: #0080c9;
height: 38px;
padding-left: 40px;
padding-right: 40px;
}
.ui-datepicker-title { text-align: center; line-height: 38px;} .ui-datepicker-month {
position: relative;
padding-right: 5px;
color: #fff;
} .ui-datepicker-year {
color: #fff;
} .ui-datepicker-prev,
.ui-datepicker-next {
position: absolute;
top: 0;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
padding: 0;
display: block;
cursor: pointer;
color: #fff;
text-decoration: none
}
.ui-datepicker-prev:before,
.ui-datepicker-next:before{
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;
}
.ui-datepicker-prev:before{content: "\f104"}
.ui-datepicker-next:before{content: "\f105"}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover{text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, 0.2)}
.ui-datepicker-prev {
left: 0;
padding-left: 0;
}
.ui-datepicker-next {
right: 0;
padding-right: 0;
}
.ui-datepicker-prev span,
.ui-datepicker-next span{display: none}
.ui-datepicker-prev span { background-position: 0px 0px; }
.ui-datepicker-next span { background-position: -5px 0px; }
.ui-datepicker-prev-hover span { background-position: 0px -10px; }
.ui-datepicker-next-hover span { background-position: -5px -10px; }
.ui-datepicker-calendar {width: 100%; border-collapse: collapse; table-layout: fixed} .ui-datepicker-calendar th {
border: 1px solid #fff;
height: 43px;
font-weight: 400;
color: #231f20;
padding: 0;
vertical-align: middle;
text-align: center
}
.ui-datepicker-calendar td {
padding: 0;
line-height: 41px;
border: 1px solid #fff;
text-align: center;
}
.ui-datepicker-calendar .ui-state-default {
display: block;
width: 100%;
height: 41px;
outline: none;
text-decoration: none;
color: #b7b7b7;
border: none;
background-color: #ebebeb
} .ui-datepicker-calendar .ui-state-active {
color: #fff;
background-color: #0080c9
}
.ui-datepicker-calendar td.active_day .ui-state-default{
color: #fff;
background-color: #143d92	
}
.ui-datepicker-calendar td.active_day .ui-state-default:hover{background-color: #0080c9; color: #fff} .ui-datepicker-other-month .ui-state-default { color: #565656; }