#calendar-dataTableContainer {
    width: 100%;
    height: 100%;
    flex: 1 1 0;
    overflow: hidden;
}

#calendar-dataTable {
    width: 100%;
    color: #FFFFFF;
	margin: 0 0 0 0;
    border-collapse: separate;
	border-spacing: 0.4vw 0.4vh;
}

#calendar-dataTable tr {
	transition: background 120ms ease;
    cursor: pointer;
}

#calendar-dataTable tr:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

#calendar-dataTable td {
    font-family: "Courier New", Courier, monospace;
    text-wrap: wrap;
 	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 4px;
	vertical-align: middle;
}

.calendar-dataTableDateColumn {
    text-align: center;
    line-height: 1.1;
    padding: 10px;
}

.calendar-dataTableDateDay {
    font-size: max(3.4vmin, 24px);
    font-weight: 900;
}

.calendar-dataTableDateMonth {
    font-size: max(2.1vmin, 16px);
}

.calendar-dataTableDateYear {
    font-size: max(1.7vmin, 12px);
}

.calendar-dataTableEventColumn {
    text-align: left;
    line-height: 1.5;
    padding: 10px 3dvw 10px 3dvw;
}

.calendar-dataTableVenue {
    font-size: max(2.4vmin, 18px);
    font-weight: 900;
}

@media (orientation: portrait) {
  .calendar-dataTableVenue {
    letter-spacing: -1px;
  }
}

.calendar-dataTableLocation {
    font-size: max(1.8vmin, 16px);
}

#calendar-noEventMessage {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
    font-family: "Courier New", Courier, monospace;
    font-size: max(2.4vmin, 18px);
    margin: 0 25px 0 25px;
}