@media (max-width: 900px) {
    .dhx_cal_navline .dhx_cal_date {
        display: block !important;
    }
    .dhx_tooltip_line {
        display: none !important;
    }
}

.occupancy-calendar .dhx_month_head.dhx_year_event {
    background: #db6f46 !important;
}

.dhx_year_tooltip{
    display:none !important;
}

.dhx_cal_today_button{
    color: #83b291 !important;
}

/*  prev and next has background image as button so color can't be changed */
.dhx_cal_prev_button,
.dhx_cal_next_button
{
    filter: brightness(24%);
}

.calendar-legend-icon{
    width: 40px;
    height: 20px;
    display: inline-block;
}

.dhx_year_month{
    padding: 10px;
}

.dhx_before div.dhx_month_head,
.dhx_after div.dhx_month_head {
    background-color: #ffffff !important;
    color: #ffffff !important;
}