.remote-participant {
	height: -webkit-fill-available;
	height: -moz-available;
}

.container {
	height: 100%;
}
.withCaptions {
	height: calc(100% - var(--ov-captions-height, 250px)) !important;
}
.withMargin {
	margin: 0px 5px;
	max-height: calc(100% - 5px) !important;
	height: calc(100% - 5px) !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;
	overflow: none;
}

.OV_root,
.OV_root * {
	color: var(--ov-text-primary-color);
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

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

.OV_publisher .OV_video-element,
.OV_subscriber .OV_video-element {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.OV_ignored {
	display: none;
	width: 0px !important;
	height: 0px !important;
}

.OV_minimized {
	width: 230px !important;
	height: 130px !important;
	// position: absolute !important;
	bottom: 0 !important;
	right: 0 !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 999 !important;
	cursor: move;
}
