.cal-container {
  overflow-x: auto;
  margin: 10px 0px;
}

table.cal {
  border-collapse: collapse;
  width: 100%;
}
table.cal thead tr {
  border-bottom: 5px solid #f0f0f0;
}
table.cal thead tr th {
  background-color: #f0f0f0;
}
table.cal thead tr th:not(.cal-header-day) {
  padding: 5px 20px;
}
table.cal thead tr th:nth-child(4n+0 of .cal-header-name) {
  background-color: #6abdca;
}
table.cal thead tr th:nth-child(4n+1 of .cal-header-name) {
  background-color: #64b986;
}
table.cal thead tr th:nth-child(4n+2 of .cal-header-name) {
  background-color: #eab840;
}
table.cal thead tr th:nth-child(4n+3 of .cal-header-name) {
  background-color: #ee725d;
}
@media screen and (max-width: 500px) {
  table.cal thead tr th.cal-header-name {
    min-width: 65vw;
  }
}
table.cal tbody tr:nth-child(odd) {
  background-color: #f0f0f0;
}
table.cal tbody tr:nth-child(even) {
  background-color: #e0e0e0;
}
table.cal tbody tr td {
  vertical-align: top;
}
table.cal tbody tr td.cal-day, table.cal tbody tr td.cal-weekday {
  vertical-align: middle;
  text-align: right;
  color: rgba(0, 0, 0, 0.33);
  padding: 6px 4px;
}
@media screen and (max-width: 1280px) and (min-width: 500px) {
  table.cal tbody tr td.cal-day, table.cal tbody tr td.cal-weekday {
    font-size: 12px;
    padding: 3px 2px;
  }
}
table.cal tbody tr td.cal-weekday {
  text-align: left;
}
table.cal tbody tr td.cal-void {
  background-color: #f0f0f0;
}
table.cal tbody tr td.cal-event {
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  min-width: 100px;
  font-size: 12px;
  padding: 10px;
  margin: 10px;
  background-color: red;
}
table.cal tbody tr td.cal-event .cal-title {
  word-break: break-word;
}
table.cal tbody tr td.cal-event.cal-counter-0 {
  background-color: #6abdca;
}
table.cal tbody tr td.cal-event.cal-counter-1 {
  background-color: #64b986;
}
table.cal tbody tr td.cal-event.cal-counter-2 {
  background-color: #eab840;
}
table.cal tbody tr td.cal-event.cal-counter-3 {
  background-color: #ee725d;
}
table.cal tbody tr td.cal-event .cal-a {
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
table.cal tbody tr td:not(.cal-void).cal-dow-6, table.cal tbody tr td:not(.cal-void).cal-dow-7 {
  background-color: rgba(0, 255, 0, 0.2);
}

/*# sourceMappingURL=cal.css.map */