.date-range-selected > .ui-state-active, .date-range-selected > .ui-state-default {
    background: none;
    background-color: lightsteelblue;
}

/* hide today button */
button.ui-datepicker-current {
    display: none;
}

.date-in-progress span {
    background-color: #EDED11 !important;
    border: 1px solid orange !important;
}

.date-accepted span {
    background-color: #FFC0BD !important;
    border: 1px solid red !important;
}

.date-free a, .date-free span {
    background-color: #DDFFCC !important;
    border: 1px solid green !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
}

.ui-state-default {
    color: #000;
}

.calendar-legend-box {
    float: left;
}

.calendar-legend-box .legend-item {
    display: block;
    min-height: 22px;
    line-height: 22px;
    padding-bottom: 2px;
}

.calendar-legend-box .legend-color {
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    clear: left;
    position: relative;
    margin-right: 5px;
}

.calendar-legend-box .status-free {
    background-color: #DDFFCC;
    border: 1px solid green;
}

.calendar-legend-box .status-accepted {
    background-color: #FFC0BD;
    border: 1px solid red;
}

.calendar-legend-box .status-in-progress {
    background-color: #EDED11;
    border: 1px solid orange;
}