div#room-scene {
	/* background-image: url(../../assets/images/home.jpg); */
	background-repeat: no-repeat;
	background-size: cover;
}

div#room-info {
	padding-top: 2.5vh;

	width: 100vw;
	height: 15vh;

	text-align: center;
}

/* div#room-players {
	width: 100vw;
	height: 65vh;
} */

div#room-players-container {
	float: left;
	margin-left: 5vw;
	margin-right: 20vw;
	width: 25vw;
	height: 65vh;
	/* clip-path: polygon(10% 0%, 100% 0, 100% 95%, 90% 100%, 0 100%, 0% 5%); */
}

div#room-footer-buttons {
	width: 100vw;
	height: 12.5vh;
}

div#room-connected-players-list {
	/* margin-left: 40vw;
	margin-right: 40vw; */

	background-color: rgba(0, 0, 0, 0.25);

	width: 25vw;
	height: 60vh;

	/* border: 1px solid rgba(255, 255, 255, 0); */
}

div#room-connected-players-list-top{
	/* margin-left: 40vw;
	margin-right: 40vw; */

	width: 25vw;
	height: 5vh;

	display: flex;
	justify-content: center;

	background-color: rgba(0, 0, 0, 0.5);

	/* border: 1px solid rgba(255, 255, 255, 0); */
}

div.player-list-item {
	width: 25vw;
	height: 5vh;

	display: flex;
	align-items: center;
}

p.room-title {
	font-size: 4vh;
	color: white;
	font-family: 'Blender Pro Thin', sans-serif;
}

p#p-connected-static-title {
	margin: 1.25vh;
	
	font-size: 2.5vh;
	line-height: 2.5vh;
}

p.p-static-list-item {
	margin-left: 2vw;
	
	font-size: 2vh;
	line-height: 2vh;

	color: white;
	font-family: 'Blender Pro Thin', sans-serif;
	text-align: center;
}

div.room-footer-sections {
	float: left;
	width: 33.33vw;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

div#room-config {
	float: left;
	margin-left: 20vw;
	margin-right: 5vw;
	width: 25vw;
	height: 65vh;

}

div.div-config {
	/* margin-left: 40vw;
	margin-right: 40vw; */

	background-color: rgba(0, 0, 0, 0.25);

	width: 25vw;
	height: 60vh;

	overflow-y: auto;

	/* border: 1px solid rgba(255, 255, 255, 0); */
}

p.p-config-description {
	font-family: "Blender Pro Thin";
	font-size: 1.5vh;
	color: white;
}

div.div-config-item {
	height: 5vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

input.input-config {
	margin-left: 2vw;
	width: 5vw;
	font-family: "Blender Pro Thin";
	font-size: 1.5vh;
	color: white;
	background: none;
	border-left: none;
	border-right: none;
	border-top: none;
	outline: none;
	text-align: center;
}

input#input-use-advanced-pt-system {
	width: 2vh;
	height: 2vh;
	margin-left: 1vw;
}

label.label-file-input {
	position: relative;
	border: solid 1px rgba(255, 255, 255, 0.3);
	background: none;
	color: rgba(255, 255, 255, 0.5);
	font-family: "Blender Pro Thin", sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.5vh;
	letter-spacing: 1.8px;
	width: 12.5vw;
	height: 3.75vh;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.25s ease;
	outline: none;
}

label.label-file-input:hover {
	box-shadow: 1px 1px 8px rgba(255, 255, 255, 0.3);
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
	cursor: pointer;
}

label.label-file-input:active {
	width: 7.5vw;
	height: 2vh;
}