.bookingCalendar {
	font-family: 'Open Sans', sans-serif;
}

.bookingCalendar table {
    border-collapse: collapse;
}

.bookingCalendar table tr td, .bookingCalendar table tr th{
    border: 1px solid black;
}

.bookingCalendar td {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.bookingcalendar-months{
    padding: 3px;
    font-weight: bold;
}

.bookingCalendar .free {
    background-color: lightgreen;
}

.bookingCalendar .reserved {
    background-color: lightcoral;
}

.bookingCalendar .comming {
    background-image: linear-gradient(to bottom right, lightgreen 50%, lightcoral 50%);
}

.bookingCalendar .going {
    background-image: linear-gradient(to bottom right, lightcoral 50%, lightgreen 50%);
}

.bookingCalendar .none {
    background-color: lightgray;
}

#bookingCalendar-Tooltip {
    display: none;
    padding: 8px;
    border: 1px solid black;
    position: absolute;
    background-color: #FFF;
}

.tooltip-visible {
    display: inline-block !important;
}

#bookingCalendar-controlBar{
    display: flex;
    justify-content: space-between;
    display: flex;
    margin: 10px 10px 10px 10px;
}

#bookingCalendar-controlBar .title{
    font-size: 18px;
    font-weight: bold;
}

#bookingCalendar-controlBar .bc-btn{
    padding: 2px 15px 2px 15px;
    margin-right: 5px;
}