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

		/*border: 1px solid red;
}

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

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

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

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

#media-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;
}

#media-menuTable td:hover {
	color: #FFFFFF; 
	text-shadow: 0 0 0.4rem #FFFFFF;
	background-color: rgba(255, 255, 255, 0.25);
}
*/
#media-player {
	margin: 0.4vh 0 0 0.4vw;
    border: 0.1vmin solid #222222;
	width: 99%;
	height: 60%;

}

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

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

#media-dataTable tr {
	line-height: 1.4;
	text-align: left;
	cursor: pointer;
}

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

#media-dataTable td {
	font-family: "Courier New", Courier, monospace;
	font-size: max(1.7vmin, 14px);
	padding: 0.5vh 0.5vw 0.5vh 0.5vw;
	text-wrap: wrap;
  	border: 0.1vh solid #222222;
}

@media (orientation: portrait) {
  #media-dataTable td {
    letter-spacing: -1px;
  }
}

#media-dataTable td:nth-child(1) {
	width: 75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}