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

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

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

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


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

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

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

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

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

.repertoire-dataTableSong {
	font-size: max(1.7vmin, 14px);
	
	white-space: nowrap; /* mai andare a capo */
	overflow: hidden; /* nasconde il testo in eccesso */
/*	text-overflow: ellipsis; /* mostra i puntini sospensivi */
}

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