#virtualclassCont.congrea #multiremoteVideo {
  width: 400px;
  height: 400px;
}

#virtualclassCont.congrea #videosWrapper {
  z-index: 600;
  height: auto;
  max-height: 345px;
  width: 320px;
  overflow-y: auto;
}

#virtualclassCont.congrea .videoWrap {
  width: 25%;
  padding: 5px;
  float: left;
}

#virtualclassCont.congrea .videoCont {
  float: left;
}

#virtualclassCont.congrea .videoCont video {
  border: 0 solid #ddd;
  padding: 0;
  width: 100%;
}

#virtualclassMultiVideoTool span {
  color: #fff;
}

#virtualclassCont.congrea.teacher #virtualclassMultiVideo {
  margin-left: 65px;
  margin-top: 10px;
}

#virtualclassCont.congrea #multiVidSelected {
  width: 860px;
}

#virtualclassCont.congrea #virtualclassMultiVideo #multiVidSelected {
  border: 1px solid #ddd;
  padding: 6px;
}

/* #virtualclassCont.congrea.meetingmode #speakerPressOnce, #virtualclassCont.congrea.meetingmode #congCtrBar{ */

/* display : none; */

/* } */

/** Multi Video Two User layout, Start **/

#virtualclassCont.congrea.meetingmode[data-totaluser="morethanfour"] #videosWrapper {
  max-height: 240px;
  overflow-y: auto;
}

#virtualclassCont.congrea #videoConfrence[data-totaluser='two'] #videosWrapper {
  position: relative;
}

#virtualclassCont.congrea.meetingmode[data-totaluser="one"] .selfVideo {
  z-index: 500;
  width: 100%;
}

#virtualclassCont.congrea #videoConfrence[data-totaluser='two'] .selfVideo {
  width: 105px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 2px solid rgba(254, 254, 254, 0.7);
  border-width: 2px 0 0 2px;
}

#virtualclassCont.congrea #videoConfrence[data-totaluser='two'] .remoteVideo {
  width: 100%;
}

/** Multi Video Two User layout, End **/

/** Multi Video Four User layout **/
#virtualclassCont.congrea #videoConfrence[data-totaluser='four'] .videoCont,
#virtualclassCont.congrea #videoConfrence[data-totaluser='morethanfour'] .videoCont {
  width: 50%;
}

#virtualclassCont.congrea #videoMainPreview {
  position: absolute;
  left: calc(50% - 159px);
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#virtualclassCont.congrea #videoMainPreview #multiVidSelected {
  width: 600px;
}

#virtualclassCont.congrea.meetingmode #audioWidget #mainAudioPanel li {
  width: 33.3%;
}

#virtualclassCont.congrea.meetingmode[data-totaluser="one"] #rightSubContainer,
#virtualclassCont.meetingmode[data-totaluser="one"] #congreaChatMainCont {
  height: calc(100% - 286px);
}

#virtualclassCont.congrea.meetingmode[data-totaluser="one"] #chat_div {
  height: calc(100vh - 387px);
}

#virtualclassCont.congrea.meetingmode[data-totaluser="one"] #chat_room {
  height: calc(100vh - 397px);
}

#virtualclassCont.congrea.meetingmode[data-totaluser="two"] #rightSubContainer,
#virtualclassCont.meetingmode[data-totaluser="two"] #congreaChatMainCont,
#virtualclassCont.congrea.meetingmode[data-totaluser="four"] #rightSubContainer,
#virtualclassCont.meetingmode[data-totaluser="four"] #congreaChatMainCont,
#virtualclassCont.congrea.meetingmode[data-totaluser="morethanfour"] #rightSubContainer,
#virtualclassCont.meetingmode[data-totaluser="morethanfour"] #congreaChatMainCont {
  height: calc(100% - 285px);
}

#virtualclassCont.congrea.meetingmode[data-totaluser="two"] #chat_div,
#virtualclassCont.congrea.meetingmode[data-totaluser="four"] #chat_div,
#virtualclassCont.congrea.meetingmode[data-totaluser="morethanfour"] #chat_div {
  height: calc(100vh - 386px);
}

#virtualclassCont.congrea.meetingmode[data-totaluser="two"] #chat_room,
#virtualclassCont.congrea.meetingmode[data-totaluser="four"] #chat_room,
#virtualclassCont.congrea.meetingmode[data-totaluser="morethanfour"] #chat_room {
  height: calc(100vh - 388px);
}

/* When Camera is not available */
#virtualclassCont.congrea.meetingmode.nowebcam #virtualclassAppRightPanel #videoConfrence {
  display: none;
}

#virtualclassCont.congrea.meetingmode.nowebcam #rightSubContainer,
#virtualclassCont.meetingmode.nowebcam #congreaChatMainCont {
  height: calc(100% - 48px);
}

#virtualclassCont.congrea.meetingmode.nowebcam #chat_div {
  height: calc(100vh - 148px);
}

#virtualclassCont.congrea.meetingmode.nowebcam #chat_room {
  height: calc(100vh - 160px);
}

#virtualclassCont.congrea.meetingmode[data-totaluser="one"] .vshow {
  display: block;
}

#virtualclassCont.congrea.meetingmode[data-totaluser="one"] .vhide {
  display: none;
}

#virtualclassCont.congrea.meetingmode .videoCont.selfVideo {
  z-index: 2000;
}
