html body #scheduler .dhx_cal_container {
  width: 100% !important;
  height: 600px !important;
  padding: 10px !important;
}
html body #scheduler .dhx_cal_data .dhx_cal_event_clear {
  color: white;
}
#navbar-mobile {
  display: none;
}
@media only screen and (max-width: 1024px) {
  #navbar-mobile {
    display: inline-block;
  }
  #navbar-desktop {
    display: none;
  }
  #scheduler .dhx_cal_container {
    overflow: visible !important;
  }
  #scheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button {
    top: 0px !important;
    left: 150px;
  }
  #scheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button {
    top: 0px !important;
    left: 265px;
  }
  #scheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_today_button {
    top: 0px !important;
    left: 180px;
  }
  #scheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_date {
    top: -50px !important;
  }
  #scheduler .dhx_cal_container .dhx_cal_navline .day_tab {
    top: 30px !important;
    left: 91px !important;
  }
  #scheduler .dhx_cal_container .dhx_cal_navline .week_tab {
    top: 30px !important;
    left: 178px !important;
  }
  #scheduler .dhx_cal_container .dhx_cal_navline .month_tab {
    top: 30px !important;
    left: 267px !important;
  }
  #scheduler .dhx_cal_container .dhx_cal_light {
    width: 100vw !important;
    left: 0 !important;
  }
}