﻿.ui-datepicker {
    background: #E6E6E6;
    border: 1px solid #CDCCCC;
    padding: 0;
    margin: 0;
}

.ui-datepicker table {
    margin-bottom: 0;
}

.ui-datepicker.ui-corner-all, .ui-datepicker .ui-corner-all {
    border-radius: 0;
}

.ui-datepicker-header {
    background: #E6E6E6;
    border: 1px solid #E6E6E6;
    color: #024ddf;
}

.ui-datepicker-prev, .ui-datepicker-next,
.ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover {
    background: none;
    border: none;
    top: 2px;
}

.ui-datepicker-prev, .ui-datepicker-prev.ui-state-hover { left: 2px; }
.ui-datepicker-next, .ui-datepicker-next.ui-state-hover { right: 2px; }

.ui-datepicker-prev {
    background-image: url('calendar-arrow-left.png') !important;
}

.ui-datepicker-next {
    background-image: url('calendar-arrow-right.png') !important;
}

.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon {
    background: none;
}

.ui-datepicker th, .ui-datepicker td {
    border-left: 5px solid #E6E6E6;
    border-right: 5px solid #E6E6E6;
    border-bottom: 4px solid #E6E6E6;
    padding: 0;
}

.ui-datepicker th {
    padding: 3px 0;
    color: #FFFFFF;
    background: #024ddf;
}

.ui-datepicker td a.ui-state-default,
.ui-datepicker td a.ui-state-hover,
.ui-datepicker td.ui-state-disabled span {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.ui-datepicker td a.ui-state-default:hover {
    border: 1px solid #024ddf;
}

.ui-datepicker td a.ui-state-active {
    color: #FFFFFF;
    background: #024ddf;
    border: 1px solid #024ddf;
}

.ui-widget-content .ui-state-disabled { opacity: 1; }
.ui-widget-content .ui-state-disabled .ui-state-default { background-color: #e6e6e6; border-color: #e6e6e6; text-decoration: line-through; }
