html,
body {
	position: relative;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.uicontainer-landscape {
	position: absolute;
	top: 50%;
	margin-top: 20px;
	margin-left: 10px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
}

.uicontainer-portrait {
	position: absolute;
	left: 50%;
	bottom: 0%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 99;
}

.btn,
.btn-outline-light {
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 0px;
}

#buttonPlayPause {
	position: absolute;
	left: calc(100vw - 20px - min(8vh, 8vw));
	margin-right: 20px;
	margin-top: 20px;
	z-index: 99;

	box-shadow: none !important;
}

.icon {
	height: min(9.5vh, 9.8vw);
}