#froguinfo_i	{
	position:relative;
	width:320px;
	margin:auto;
	margin-top:100px;
}

#froguinf_bm	{
	float:right;
	text-align:right;
	height:32px;
	width:23px;
}

#froguinf_bmc_x	{
	position:absolute;
	margin-top:-26px;
	margin-left:9px;
	color:var(--white);
	cursor: pointer;
}

#rtcvpop	{
	border-radius:10px;
	position:fixed;
	z-index:899;
	max-width:300px;
	max-height:200px;
	background:rgba(130,130,130,0.8);
	right:30px;
	bottom:30px;
}

#rtc_lvideo	{
	width:300px; //100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items: center;
}

#rtcv_stream, #rtcv_image	{
//	position:relative;
//	left: 50%;
//	transform: translateX(-50%);
	border-radius:5px;
	object-fit:contain;
	max-width:300px; //100%;
	max-height:200px; //100%;
	background:red;
}


#rtcv_img_x	{
	display:flex;
	justify-content:center;
	border-radius:5px;
	width:100%;
	height:100%;
}

#rtcv_image	{
	height: 130px;
	}

#rtcv_stream	{
//	background-color: green;
//	background-position: center;
	}

#rtc_bar_mb, #rtc_bar_dt	{
	background:rgba(200,200,200,0.6);
	position:absolute;
	bottom:0px;
	box-sizing:border-box;
	width:100%;
	height:50px;
	line-height:50px;
}

#rtc_bar_dt	{
	display:none;
	height:30px;
	line-height:30px;
	}


#rtc_vid_inline	{
	position:absolute;
	right:10;
	top:-20;
	height:80px;
	max-width:80px;
	}

#rtcv_ostream	{
	border:2px solid #ddd;
	position:relative;
	left: 50%;
	border-radius:5px;
	object-fit:contain;
	max-width:100%;
	max-height:100%;
	-webkit-transform: translateX(-50%) scaleX(-1);
	transform: translateX(-50%) scaleX(-1);
}

#cookwarn	{
	box-shadow: 8px 8px 10px grey;
	z-index:1000;
	border-radius:5px;
	line-height:16px;
	position:fixed;
	width:80%
	min-height:30px;
	background:var(--red);
	left:15%;
	right:15%;
/*	margin-left:-160px; */
	bottom:15px;
	border: 2px solid var(--mediumgray)
}