/*#repertoire {
	position: relative;
	background-color: rgba(0, 0, 0, 0.75);

		/*border: 1px solid red;*/
/*}

#repertoire-container {
	position: absolute;
	top: 0;	

	display: flex;
	flex-direction: column;
	width: 100%;
	height: 98.5dvh;
	
		/*border: 1px solid red;*/
/*}

#repertoire-menuTableContainer {
	flex: 0 0 auto;
	width: 100%;
	margin-top: 1.2dvh;
	
			/*border: 1px solid blue;*/
/*}

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

#repertoire-menuTable td {
	font-family: "Courier New", Courier, monospace;
	font-size: max(1.7vmin, 14px);
	font-weight: 900;
	padding: 0.5vh 0.5vw 0.5vh 0.5vw;
    text-wrap: nowrap;
  	border: 0.1vh solid #222222;
	cursor: pointer;
}

#repertoire-menuTable td:hover {
	color: #FFFFFF; 
	text-shadow: 0 0 0.4rem #FFFFFF;
	background-color: rgba(255, 255, 255, 0.25);
}
*/
#repertoire-dataTableContainer {
	width: 99.5%;
	height: 100%;
	flex: 1 1 0;
	overflow-y: scroll;
	overflow-x: auto;
}

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

#repertoire-dataTable tr {
	cursor: pointer;
}

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


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

.repertoire-dataTableImageColumn {
	width: 25%;
	vertical-align: middle; 
	padding:15px 0px 0px 0px;
}

.repertoire-dataTableImage {
	max-width: 25dvmin; 
	height:auto;
}

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

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

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

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