ign4/clone/fs.css

.tile-view #filmstripRemoteVideos {
	margin: 135 0 100 0;
}





.vid_container > .small_vid {
	display: inline-block;
}



.small_vid{
	/*box-sizing: content-box;*/
	box-sizing: border-box;
	margin: 4px 5px;/
	/*background-clip: border-box;*/
	background-clip: content-box;
	outline: unset;
}
.dev_filmstrip {
	height: 100%;
	width: 100%;
	position: absolute;
	display: inline-flex;
    align-items: center;
    justify-content: center;
}



.vid_container{
	z-index: 6;
}





.ic4  {
	/*vertical-align: */
	vertical-align: middle;
	text-align: center;
	/*outline: 2px solid red;*/

	align-items: center;
	/*margin: auto;*/
	display: flex;
	/*flex-wrap: */
}

.ic4 .small_vid  {
	display: inline-block !important;
	margin: auto;
}



.fs_container{
	position: relative;
	display: inline-block;
	height: 100%;
	margin: auto;

}

#sharedVideoIFrame {
	width: 100% !important;
	height: 100% !important;
}

#videospace{
	vertical-align: center;
	--lvw: 100% !important;;
}
 
.youtube_vid {
	outline: 5px dotted red;
}



.ic1 {

  display: flex;
  justify-content: center;

	justify-content:center;

}



#sharedVideoIFrame,#sharedVideo {
	display: unset !important;
	opacity: 1 !important;
}

#largeVideoWrapper {
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
}

.large-video-background{
	display: none !important;
}


.indicator_hook {
pointer-events: none;
}


.vid_toptoolbar_hook {
	position: absolute;
}


#toggleFilmstripButton,[aria-label="Toggle tile view"] {
	display: none !important;
}

.videocontainer__toptoolbar{
	z-index: auto !important;
}


/* this is important this covers large video  */
.cont.c4{
	z-index: 0;
}


.dev_hook:not(.vspace,.top_toolbox){
	display: none;
}
.xbox {
	display: none ;

}







.vid_toptoolbar_hook{
	width: 100%;
	height: 0%;
	padding-bottom: 56.25%;
}





.outline_indicator{
	/*outline: 1px solid #0000;*/
	outline: 2px solid #000;
	outline: 0px solid #fff;
	outline-offset: -15px;
	--voffc: -3px; 
	--voff:  2px;
	--voffw: 2px; 
	width: 100%;
	height: 100%;
	position: absolute;

}

.active-speaker .outline_indicator.ind_1{
	outline-offset: 5px;
	outline-offset: calc((var(--voff) * 3 ) + var(--voffc));
	outline-width: var(--voffw);
	outline-color: #0ff;
}
.videoContainerFocused .outline_indicator.ind_2{
	outline-offset: 3px;
	outline-offset: calc((var(--voff) * 2 ) + var(--voffc));
	outline-width: var(--voffw);
	outline-color: #f00;
}
.local_vid .outline_indicator.ind_3{
	outline-offset: 1px;
	outline-offset: calc((var(--voff) * 1 ) + var(--voffc));
	outline-width: var(--voffw);
	outline-color: #fff;
}





.remote-video-menu-trigger, .remotevideomenu {
	z-index: 10;
}

.follow_focus {
	z-index: 20;
	position: absolute;
	left: 250px;
	pointer-events:auto;

}

.follow_focus2 {
	z-index: 20;
	position: absolute;
	right: 100px;
	pointer-events:auto;

}

.dev_hook.top_toolbox{
	pointer-events: none;
	z-index: -1;
}


#react > div {
		/*background-color: rgb(27, 38, 56);*/
		/*background-color: rgb(71, 71, 71);*/
		background-color: #374757;
}


.new-toolbox .toolbox-background {
/*
    background-image: linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.4),rgba(0,0,0,.1),rgba(0,0,0,0));


    --vr0: rgba(0,0,0,1);
    --vr1: rgba(0,0,0,.6);
    --vr2: rgba(0,0,0,.4);
    --vr3: rgba(0,0,0,0);

    background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.5),rgba(0,0,0,.2),rgba(0,0,0,0));
*/

    --vr0:  rgba(0,0,0,1)  0%;
    --vr1:  rgba(0,0,0,.6) 25%;
    --vr2:  rgba(0,0,0,.3) 55%;
    --vr3:  rgba(0,0,0,0)  100%;

    background-image: linear-gradient(to top,var(--vr0),var(--vr1),var(--vr2),var(--vr3));
}
.button-group-center {
	position: relative;
}



/*
.il {
	outline: 4px inset #ff0;
}

.ir {
	outline: 4px inset #f00;
	
}


.ilr {
	outline: 4px inset #0ff;
}

.ir0 {
	border-radius: 30px;
}

.il0 {
	border-radius: 30px;
}
.ic3 {
	background: #ff08;

}
.ic2 {
	background: #00f8;

}
*/



.follow_focus,.follow_focus2 {
	background-color: #0008;
}


.inline_input {
	display: inline;
}

#ov_timeout,#num_pseudo{
	width: 4em;
}

/*.presence-label, */

.subject {
	overflow: visible;
}