#tabsAndFooter {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 1;
}
#tabs {
    flex-grow: 1;
    height: auto;
}
#chatContainer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#footer {
    position: relative;
    width: 100%;
	height: 100px!important;
}

#webcamsContainer {
    display: flex;
    flex-wrap: wrap;
    overflow-x: initial;
    overflow-y: initial;
}
.webcamContainer.noFloat {
    max-width: calc(25% - 10px);
    height: fit-content;
    /*height: -webkit-fill-available;*/


}
#webcamsContainer .webcamSwfContainer {
    width: 100%;
    max-height: 100%;
}
#webcamsContainer video {
    width: 100% !important;
    height: 100%!important;
}
.webcamHeader.professor, .webcamHeader.performer,.webcamHeader.admin {
    background: black;
    color:white;
}
.webcamHeader.professor .webcamCloseBtn, .webcamHeader.performer .webcamCloseBtn {
    display: none;
}
.hamburger-header div {
    display: none;
}
.hamburger-header:after {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f013";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.open #chatContainer, #chatContainer {
    width: 30px;
}

#tabs {
    height: 100%;
}
.tab-pane {
    bottom: 0;
}



@media (max-width:800px) {
    #chatContainer.opacity0 div.webcamHeader{
        display: none;
    }

    .webcamContainer.noFloat {
        max-width: calc(50% - 10px);
        height: fit-content;
    }
}