#remote-participant {
	height: 100%;
}

.container {
	height: 100%;
}
.withCaptions {
	height: calc(100% - var(--ov-captions-height, 250px)) !important;
}

.layout {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	min-width: 350px !important;
	min-height: 100%;
	width: inherit;
	height: -webkit-fill-available;
	height: -moz-available;
}

.OT_root,
.OT_root * {
	color: #ffffff;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}


.OT_publisher,
.OT_subscriber {
	position: relative;
	min-width: 0px;
	min-height: 0px;
	padding: 3px;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}

.OT_publisher .OT_video-element,
.OT_subscriber .OT_video-element {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}