/* span.fs_container.fs_c0{ */
.dev_filmstrip > .fs_cx .fs_container.fs_c0{
    /* grid-template-rows: 120px 1fr 1fr !important; */

}
#videoconference_page{
	--fs_c_width: 280px;
	--fs_c_height: 120px;
	--fs_c_height: 320px;
}
.dev_filmstrip > .fs_cx .fs_container.fs_c0{
    /* grid-template-rows: 1fr 1fr 1fr !important; */
    grid-template-rows: var(--fs_c_height) 1fr 1fr !important;
    /* repeat(var(--v_gtc), auto) */
    /* --v_gtc */
    /* 243.828px 243.828px 243.828px 243.828px 243.828px 243.844px */
    /* 243.828px 243.828px 243.828px 243.828px 243.828px 243.844px */
    /* grid-template-columns:  repeat(4, auto) 100px; */
    grid-template-columns:  1fr 1fr 1fr 1fr  100px;
    grid-template-columns:  1fr 1fr 1fr 1fr  0px;
    /* grid-template-columns:  1fr 1fr 1fr 280px  0px; */
    grid-template-rows: var(--fs_c_height) 1fr 1fr 1fr  1fr !important;
    grid-template-columns:  1fr 1fr 1fr var(--fs_c_width)  0px;
    /* grid-template-columns:  1fr 1fr 1fr 1fr  1fr; */
    /* grid-template-columns:  1fr 1fr !important; */

    grid-template-areas: 
                /* "a a a b b d"  */
                /* "a a a c c d";    */
                "a a a e e b" 
                "a a a c c b" 
                "a a a c c b"
;                


    grid-template-areas: 
                /* "a a a b b d"  */
                /* "a a a c c d";    */
                /* "a a a b e "  */
                "a a a z z " 
                "a a a c c " 
                "a a a c c " 
                /* "a a a c c z"  */
                "i i p p p "
                "i i p p p "
                "i i p p p ";


}
span.vcon_base[data-corner_vc=c5]{
    grid-area: p !important;

}
span.vcon_base[data-corner_vc=c6]{
    /* background: red; */
    /* display: none; */
    grid-area: i !important;

}
/* grid-area */
/* top r b l */

div.toolbox-content-items {
	display: grid;

	grid-template-columns: 48px 48px 48px 48px  48px ;
	grid-template-rows: 48px 48px;
	grid-auto-flow: column;
	grid-auto-flow: row;
	/* background: blue; */
	padding: calc((var(--fs_c_height) - 108px)/2) calc((var(--fs_c_width) - 252px)/2);
	padding: calc((var(--fs_c_height) - 108px)/2) calc((var(--fs_c_width) - 240px)/2);
	/* margin-top: 200px; */
	/* top: 200px; */
	transform: translate(0,200px);
	padding: calc((120px - 108px)/2) calc((var(--fs_c_width) - 240px)/2);
	/* margin: auto; */
	/* padding: calc((var(--fs_c_height) - 108px)/2) calc((var(--fs_c_width) - 252px)/2); */
	/* padding: calc((var(--fs_c_height) - 108px)) calc((var(--fs_c_width) - 252px)/2); */
	/* margin-right: calc((var(--fs_c_width) - 252px)/2); */
	/* margin-top: calc((var(--fs_c_height) - 108px)/2); */


	/* 'myArea myArea . . .' */
	/* 'myArea myArea . . .' */
/* 
	grid-template-areas:
	'myArea myArea . . .'
	'myArea myArea . . .'
	;
 */

}


.toolbox-content-wrapper {
	/* margin: 0; */
	margin-right: 0;
	pointer-events: none;
	/* margin-top: calc((var(--fs_c_height) - 108px)/2); */
	/* opacity: .5; */

}

.toolbox-content {
	margin: unset;
	/* z-index: 999; */
	/* top: ; */
}
.tbox_rmix_logo {
	/* z-index: 1000; */
	position: absolute;
}

.new-toolbox {
	top: 0px;
	z-index: 1;
}
.e_tbox_c2 {
	display: none;
}

.role_label {
	position: absolute;
	/* background: red; */
}