#selected_dates {
    margin-top: 25px;
}

.calendarBox {
    width: 310px;
    /*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: #015696;
    font-weight: bold;
}

.calendarBox .days li {
    list-style-type: none;
    float: left;
    border: 1px solid #e5e5e5;
    text-align: center;
    width: 40px;
    /*height: 22px;*/
    margin-bottom: 3px;
    margin-right: 3px;
    background-color: #FFFFFF;
}

.calendarBox .days li a {
    display: block;
    /*height: 22px;*/
    text-decoration: none;
    color: #015696;
    font-weight: bold;
}

.calendarBox .days li a span {
    display: block;
    /* color: #ffffff; */
    font-size: 11px;
    font-weight: 100 !important;
    background-color: #ffffff78;
}

.calendarBox .days li a:hover {
    background-color: #FCAC4C;
    color: #FFF;
}

.calendarBox .days li.dayname {
    width: 40px;
    /* height: 13px; */
    border: 0px;
    background: #e0e0e0;
    font-weight: bold;
    font-size: 11px;
    color: #015696;
    padding: 2px 0;
    border-radius: 6px;
}

.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: 40px;
    height: 13px;
    border: 0px;
    background: none;
}

.calendarBox .days li.booked a {
    cursor: default;
    background-color: #551515;
    color: #FFF;
}

.calendarBox .days li.booked a:hover {}

/* indirimli yarım günler start */
.calendarBox .days li.booked_half.discounted {
    background: linear-gradient(135deg, #551515 50%, #b5f7a9 50%);
    color: #FFF;
}

.calendarBox .days li.booked_half.discounted a {
    color: #FFF;
}

.calendarBox .days li.booked_half_first.discounted {
    background: linear-gradient(135deg, #b5f7a9 50%, #551515 50%);
    color: #FFF;
}

.calendarBox .days li.booked_half_first.discounted a {
    color: #FFF;
}

.calendarBox .days li.discounted {
    background-color: #b5f7a9;
}
/* indirimli yarım günler end */

.calendarBox .days li.booked_half {
    background: linear-gradient(135deg, #551515 50%, #fff 50%);
    color: #FFF;
}

.calendarBox .days li.booked_half a {
    color: #FFF;
}

.calendarBox .days li.booked_half_first {
    background: linear-gradient(135deg, #fff 50%, #551515 50%);
    color: #FFF;
    /*height: 22px;*/
}

.calendarBox .days li.booked_half_first a {
    color: #000;
    /*height: 22px;*/
}

.calendarBox .days li.giriscikis {
    background: linear-gradient(135deg, rgb(208 0 0) 48%, rgb(208 0 0) 48%, rgb(255, 255, 255) 48%, rgb(255, 255, 255) 48%, rgb(255, 255, 255) 51%, rgb(208 0 0) 51%, rgb(208 0 0) 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(18 104 114) 48%, rgb(18 104 114) 48%, rgb(255, 255, 255) 48%, rgb(255, 255, 255) 48%, rgb(255, 255, 255) 51%, rgb(18 104 114) 51%, rgb(18 104 114) 51%);
}

.calendarBox .days li.reserved a {
    cursor: default;
    background-color: #989898;
    color: #FFF;
    /*height: 22px;*/
}

.calendarBox .days li.reserved a:hover {
    /*height: 22px;*/
}

.calendarBox .days li.reserved_half {
    background: linear-gradient(135deg, #989898 50%, #d0d0d0 50%);
    color: #FFF;
    /*height: 22px;*/
}

.calendarBox .days li.reserved_half a {
    color: #FFF;
    /*height: 22px;*/
}

.calendarBox .days li.reserved_half_first {
    background: linear-gradient(135deg, #d0d0d0 50%, #989898 50%);
    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: #015696 !important;
    color: #FFF;
}

.booked_days {
    background: #551515;
    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: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #f88400;
    padding: 3px;
    border-radius: 5px;
}

.calendarBox .days li.booked_half span {
    color: #015696;
}

.calendarBox .days li.booked_half_first span {
    color: #fff;
}

.available_days_half_first {
    background: linear-gradient(135deg, #fff 50%, #551515 50%);
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    border: 1px solid gray;
}

.available_days_half {
    background: linear-gradient(135deg, #551515 50%, #fff 50%);
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    border: 1px solid gray;
}