#selected_dates {

    margin-top: 25px;

}

.calendarBox {

    width: 240px;

    height: 220px; /*background:url('./images/calendar-bg.png') left top no-repeat;*/

    float: left;

    margin: 0px 2px 10px 0px;

}

.calendarBox h4 {

    text-align: center;

    margin: 10px 0px 5px 0px;

    font-size: 16px;

    color: #22337d;

    font-weight: bold;

}

.calendarBox .days li {

    list-style-type: none;

    float: left;

    /*border: 1px solid #e5e5e5;*/

    text-align: center;

    width: 30px;

    height: 22px;

    margin-bottom: 3px;

    margin-right: 3px;

    background-color: #FFFFFF;

}

.calendarBox .days li a {

    display: block;

    height: 22px;

    text-decoration: none;

    color: #848484;

}

.calendarBox .days li a:hover {

    background-color: #FCAC4C;

    color: #FFF;

}

.calendarBox .days li.dayname {

    width: 30px;

    height: 13px;

    border: 0px;

    background: none;

    font-weight: bold;

    font-size: 11px;

}

.calendarBox .days li.lastday {

}

.calendarBox .days li.lastday a {

    cursor: default;

    color: #d7d7d7;

}

.calendarBox .days li.lastday a:hover {

    color: #d7d7d7;

    background: none;

}

.calendarBox .days li.empty {

    width: 30px;

    height: 13px;

    border: 0px;

    background: none;

}

.calendarBox .days li.booked a {

    cursor: default;

    background-color: #22337d;

    color: #FFF;

}

.calendarBox .days li.booked a:hover {

}

.calendarBox .days li.booked_half {

    background: linear-gradient(135deg, #22337d 50%,#c6c3f3 50%);

    color: #FFF;

}

.calendarBox .days li.booked_half a {

    color: #FFF;

}

.calendarBox .days li.booked_half_first {

    background: linear-gradient(135deg, #c6c3f3 50%,#22337d 50%);

    color: #FFF;

    height: 22px;

}

.calendarBox .days li.booked_half_first a {

    color: #FFF;

    height: 22px;

}

.calendarBox .days li.giriscikis {
    background: linear-gradient(135deg, rgb(34, 51, 125) 48%,rgb(34, 51, 125) 48%,rgb(255, 255, 255) 48%,rgb(255, 255, 255) 48%,rgb(255, 255, 255) 51%,rgb(34, 51, 125) 51%,rgb(34, 51, 125) 51%);
    height: 22px;
}

.calendarBox .days li.giriscikis a {
    color: #FFF;
    cursor: default;
    height: 22px;
}

.calendarBox .days li.giriscikis a:hover {
    background: linear-gradient(135deg, rgb(34, 51, 125) 48%,rgb(34, 51, 125) 48%,rgb(255, 255, 255) 48%,rgb(255, 255, 255) 48%,rgb(255, 255, 255) 51%,rgb(34, 51, 125) 51%,rgb(34, 51, 125) 51%);
}

.calendarBox .days li.reserved a {

    cursor: default;

    background-color: #C00000;

    color: #FFF;

    height: 22px;

}

.calendarBox .days li.reserved a:hover {

    height: 22px;

}

.calendarBox .days li.reserved_half {

    background: url('./images/reserved_half.png') left top no-repeat;

    color: #FFF;

    height: 22px;

}

.calendarBox .days li.reserved_half a {

    color: #FFF;

    height: 22px;

}

.calendarBox .days li.reserved_half_first {

    background: url('./images/reserved_half_first.png') right bottom no-repeat;

    color: #FFF;

    height: 22px;

}

.calendarBox .days li.reserved_half_first a {

    color: #FFF;

    height: 22px;

}

.calendarBox .days li.closedays a {

    background: #FFF;

    cursor: default;

    color: #d7d7d7;

    height: 22px;

}

.calendarBox .days li.closedays a:hover {

    color: #d7d7d7;

    background: none;

    height: 22px;

}

.calendarBox .days li.selectable a {

    height: 22px;

    background-color: #E91E63;

    color: #FFF;

}

.booked_days {

    background: #22337d;

    width: 20px;

    height: 20px;

    float: left;

    margin-right: 5px;

    border: 1px solid gray;

}

.reserved_days {

    background: #C00000;

    width: 20px;

    height: 20px;

    float: left;

    margin-right: 5px;

    border: 1px solid gray;

}

.available_days {

    background: #FFF;

    width: 20px;

    height: 20px;

    float: left;

    margin-right: 5px;

    border: 1px solid gray;

}

.calendar_price {

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    background-color: #ed5151;

    padding: 5px;

    border-radius: 5px;

}