#calendar-dataTableContainer {
	width: 99.5%;
	height: 100%;
	flex: 1 1 0;
	overflow-y: scroll;
	overflow-x: auto;
}

#calendar-dataTable {
	width: 99%;
	color: #FFFFFF;
	margin: 0.4vh 0 0 0.4vw;
	border-collapse: separate;
	border-spacing: 0 0.4vh;
	
		/*border: 1px solid green;*/
}

#calendar-dataTable tr {
	cursor: pointer;
}

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

#calendar-dataTable td {
	font-family: "Courier New", Courier, monospace;
	text-wrap: wrap;
  	border: 0.1vh solid #222222;
}

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

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

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

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

.repertoire-dataTableEventColumn {
	text-align: left;
	line-height:1.5;
	padding:10px 10px 10px 35px;
}

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

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

.repertoire-dataTableLocation {
	font-size: max(1.7vmin, 14px);
}