#jitsiMainTutor {
	width: 0%;
	height:100%;
	z-index:99;
	/* border-right:1rem solid white; */
}
#jitsiMainStudent {
	width: 100%;
	border-right:1rem solid white;
}
.sideMenu{
	position:fixed;
	top:0;
	right:0;
	margin:0 1rem 0 0 ;
	width:3rem;
}
#menuContainer{
	display:none;
	flex-direction:column;
}
.menuButton{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 3rem;
	width: 3rem;
	background-color: #008080;
	color: #fff;
	font-size: 1rem;
	border-radius: 1.5rem;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px, rgba(0, 0, 0, 0.23) 0px 0px 6px;
	padding: 0;
	margin:1rem 0;
}
#menuHeader{
	background-color: #000;
}
#screenshareButton {
	top: 3rem;
	right: 1rem;
}
.flexDisplay{
	display:flex;
}
.noDisplay{
	display:none;
}
.screenshareOn{
	background-color:#ff0066 !important;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform background-color;
	-moz-transition-duration: 1s;
	-webkit-animation-name: grow;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: grow;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	border: 0.125rem solid white;
}
@-webkit-keyframes grow {
    0% { transform: scale(1); }
    50% { transform: scale(1.1);}
    100% { transform: scale(1); }
}
.menuButton:hover {
	border: 0.125rem solid white;	
}
#MiroBoard{
	width:100%;
}
#MiroBoard iframe{
	overflow: hidden;
	height: 100%;
	width: 100%;
}
#boardModalBody{
	overflow-y: scroll;
}
.popoverUserType{
	min-width:5rem !important;
}
#userCount{
	position:absolute;
	top:-0.375em;
	right:-0.375rem;
	background-color:teal;
	font-size:1.2rem;
	width:1.5rem;
	height:1.5rem;
	border-radius:0.75rem;
	display:flex;
	flex-direction: column;
	border:1px solid white;
}
#userCount div{
	justify-content: center;
	align-content: center;
	align-items: center;
	margin:auto;
	font-size:0.8rem;
}
#connectedUsers{
	position:relative;
}