.x-datepicker-header {
    background-color: #d9d9d9 !important;
    background-image: none !important;
    color: #000;
}

.x-datepicker-month span {
    color: #000 !important;
    font-weight: bolder !important;
}

.x-datepicker-inner .x-datepicker-selected a {
    background-color: #00b8d2 !important;
    border-color: #17406d !important;
    color: #fff !important;
}

.x-datepicker-inner th {
    background-color: #f2fafb !important;
    background-image: none !important;
    border-bottom: none !important;
}

.x-datepicker {
    border: 1px solid #ccc;
}

.x-datepicker-month .x-btn-split-right {
    background-image: url("../../resources/themes/images/default/button/arrow.gif") !important;
}

.x-datepicker-prev a {
    background-image: url("../../resources/Images/DatePicker/left-btn.png") !important;
}

.x-datepicker-next a {
    background-image: url("../../resources/Images/DatePicker/right-btn.png") !important;
}

.x-datepicker-active a:hover,
.x-datepicker-prevday a:hover,
.x-datepicker-disabled a:hover{
    background-color: #17406d !important;
    color: #fff !important;
}

.x-datepicker-active a:active,
.x-datepicker-prevday a:active,
.x-datepicker-disabled a:active{
    background-color: #00b8d2 !important;
    border: 1px solid #17406d !important;
    color: #fff !important;
}

.x-datepicker-today a {
    border-color: #17406d !important;
}

.x-monthpicker-item a {
    color: #000 !important;
}

.x-monthpicker-item a:hover {
    background-color: #17406d !important;
    color: #fff !important;
    text-decoration: none !important;
}

.x-monthpicker-item a:active {
    background-color: #00b8d2 !important;
    border: 1px solid #17406d !important;
    color: #fff !important;
}

.x-monthpicker-yearnav {
    background-color: #d9d9d9;
}

.x-monthpicker-months {
    border-right: 1px solid #d9d9d9 !important;
}

.x-monthpicker-item a.x-monthpicker-selected {
    background-color: #00b8d2 !important;
    border-color: #17406d !important;
    color: #fff !important;

}

.x-datepicker-selected span {
   font-weight: normal !important;
}

.x-monthpicker-yearnav button {
    cursor: pointer;
    background-color: #d9d9d9;
}

.x-monthpicker-yearnav-prev {
    background-image: url("../../resources/Images/DatePicker/left-btn.png") !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
}

.x-monthpicker-yearnav-next {
    background-image: url("../../resources/Images/DatePicker/right-btn.png") !important;
    margin-left: 36px !important;
    margin-right: 0px !important;
}

.x-monthpicker-months, .x-monthpicker-years {
    width: 88px !important;
}