ign4/rf/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;
}




#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%;
	position: absolute;
	/*outline: 1px solid #8C8C8C;*/
}

#largeVideoContainer{
	outline: 1px solid #8C8C8C;

}





.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;
}

.focus_test .outline_indicator.ind_4{
	outline-offset: 7px;
	z-index: 100;
	outline-offset: calc((var(--voff) * 4 ) + var(--voffc));
	outline-width: var(--voffw);
	outline-color: #ff0;
}
.outline_indicator {
	/*outline:unset;*/
}


.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;
    /*--vr3:  rgba(0,0,0,0)  100%;*/
    --vr0:  #000 0%;
    --vr1:  #414141 60%;
    --vr2:  #414141 100%;
    --vr2:  #414141 100%;
    --vr3:  #414141 100%;
    --vr4:  #414141 100%;
    --vrx1:  #fff0 0%;
    --vrx2:  #000 0%;
    --vrx2:  #0000 0%;
    --vrx3:  #00f 10%;

    /*background-image: linear-gradient(to top,var(--vr0),var(--vr1),var(--vr2));*/
    background-image: linear-gradient(to bottom,var(--vr0), var(--vr1), var(--vr2));
    /*background-image: linear-gradient(to bottom,var(--vr0), var(--vrx3), var(--vr1), var(--vr2));*/
    /*background-image: linear-gradient(to bottom,var(--vrx1), var(--vrx2));*/
		background-color: #0000;


}


.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;
}

#sharedVideo.z{
	pointer-events: unset !important;
}
#sharedVideo{
	/*z-index: -1;*/
}
#etherpad.z{
	outline: 2px solid red;
	outline-offset: -5px;
	/*z-index: 500 !important;*/
	z-index: -1 !important;
	pointer-events: none;
}











.tsi > .jquery-corner > div {
	/*border-color: #ff0 !important;*/
	border-color: #414141 !important;
}



.display-name-on-black .videocontainer__background {
	outline: 2px solid #8C8C8C;
	outline-offset: -1px;

}





.videocontainer__background {
	outline: 1px solid #8C8C8C;
	border-radius: 0px;
	/*border: 3px solid #fff;*/
}

#localVideoWrapper video {
	border-radius: 0px !important;

}


.outline_indicator {
	/*display: none;*/
}
.ind_2,.ind_1 {
	/*display: none;*/
}
y
#sharedVideoContainer{
/*#sharedVideoContainer.focus_test{*/
	/*outline: 6px solid #0f0;*/
}

body {
    /*font-family: 'Montserrat';font-size: 22px !important;*/
    font-family: 'Montserrat'  !important;
    font-weight: bold; 

}
body * {
    /*font-family: 'Montserrat';font-size: 22px !important;*/
    font-family: 'Montserrat'  !important;
    font-weight: bold; 
    
}

/*
.z.small_vid video {
*/
	/*border-radius: 0px !important;*/
	/*filter: contrast(0%);*/
	/*filter: brightness(900%) sepia(100%) invert(80%) sepia(100%);*/
	/*display: none;*/
	/*transform: translate(50%,1px);*/
	/*transform: translate(1px,0px);*/
/*}*/

/*.videocontainer__background{
	background-color: #0ff;
}





.small_vid {
	border-radius: 15px; 
	overflow: hidden;
}

#largeVideoContainer {
	border-radius: 15px !important; 
	overflow: hidden !important;
	outline: unset;

}
.cont.c4{
	opacity: 0;
	display: none;
}
.icont.ic4.vid_container {
	outline: unset !important;
}

*/