.details-container.old {
	bottom: 76px;
	bottom: 80px;
	top: unset;
}

.details-container > .subject {
	margin-top: 8;
	margin-bottom: 12;
	/*outline: 1px solid white;*/
	outline-offset: -1;
	/*bottom: 76px;*/
	/*bottom: 80px;*/
	/*top: unset;*/
}






/*span.videocontainer#localVideoContainer*/


/*body.demo .remote_vid:before {*/
body.demo span.videocontainer:not(#localVideoContainer):before {
	content: "remote video";
	pointer-events: none;
	/*content: " video";*/
	z-index: 9000;
	width: 100%;
	/*font-size:  30px;*/
	/*background-color: #0ff7;*/
	left: 0;
	top:5px; 
	position: absolute;
	color:#000; 
	/*color: #fff;*/


} 

/*body.demo .local_vid:before {*/
body.demo span.videocontainer#localVideoContainer:before {
	pointer-events: none;
	content: "local video";
	/*content: "your video";*/
	z-index: 9000;
	width: 100%;
	/*font-size:  30px;*/
	/*background-color: #0ff7;*/
	left: 0;
	top:5px; 
	position: absolute;
	/*color: #000;*/
	color: #fff;


}


body.demo span.videocontainer {
	font-size:  40px;
	font-size:  35px;

}



.vcon_base {

	/*background-image: 	 linear-gradient(to top left, #0000 calc(50% - 1px), #0ff calc(50% + 1px));*/
}