.calendar table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.calendar th,
.calendar td {
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: top;
    min-height: 200px;
    box-sizing: border-box;
}

.calendar .today {
    background-color: #00e1ff;
}

.calendar th {
    background: #f0f0f0;
    vertical-align: middle;
}

.calendar .event-marker {
  color: white;
  border-radius: 50%;
  padding: 2px 4px;
  font-size: 0.8em;
  display: inline-block;
}

.calendar .event-marker-hp {
  background-color: #FF6B6B;
}

.calendar .event-marker-sue {
  background-color: #4ECDC4;
}

.calendar .event-marker-rmt {
  background-color: #556270;
}

.calendar .event-marker-unknown {
  background-color: #FF9F43;
}