/* for the calendar in wide view */
.content-wrap {
    max-width: unset !important;
}

tbody > tr:hover {
    background-color: #d8efec !important;
}

@media (min-width: 1800px) {
  table.cal {
    xxx-table-layout: fixed;
    width: 100%;
  }

  /* Example fixed column widths */
  table.cal th:nth-child(1),
  table.cal td:nth-child(1) {
    width: 220px;
  }

  table.cal th:nth-child(2),
  table.cal td:nth-child(2) {
    width: 130px;
  }

  table.cal th:nth-child(3),
  table.cal td:nth-child(3) {
    width: 100px;
  }

  table.cal tr.hilite {
    color: red;
  }

  /* Add more rules if your table has more columns */
}