#chatContainer {
    display: flex;
    flex-direction: column;
}
#webcamsContainer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: calc(100% - 300px);
}
#tabsAndFooter {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: auto;
}
#footer {
    position: relative;
}

#webcamsContainer div.webcamSwfContainer {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
}


#webcamsContainer .webcamContainer {
    transition-duration: 0.3s;
}

#webcamsContainer[data-grid="grid1"] .webcamContainer {
    width: 100%;
    height: 100%;
    transition-duration: 0.3s;
}

#webcamsContainer[data-grid="grid2"] .webcamContainer {
    width: calc(50% - 10px);
    height: 100%;
    transition-duration: 0.3s;
}

#webcamsContainer[data-grid="grid3"] .webcamContainer, #webcamsContainer[data-grid="grid4"] .webcamContainer {
    width: calc(50% - 10px);
    height: calc(50% - 10px);
    transition-duration: 0.3s;
}

#webcamsContainer[data-grid="grid5"] .webcamContainer, #webcamsContainer[data-grid="grid6"] .webcamContainer {
    width: calc(33% - 10px);
    height: calc(50% - 10px);
    transition-duration: 0.3s;
}
#webcamsContainer[data-grid="grid7"] .webcamContainer, #webcamsContainer[data-grid="grid8"] .webcamContainer, #webcamsContainer[data-grid="grid9"] .webcamContainer {
    width: calc(33% - 10px);
    height: calc(33% - 10px);
    transition-duration: 0.3s;
}



#webcamsContainer[data-grid="grid10"] .webcamContainer, #webcamsContainer[data-grid="grid11"] .webcamContainer, #webcamsContainer[data-grid="grid12"] .webcamContainer,
#webcamsContainer[data-grid="grid13"] .webcamContainer, #webcamsContainer[data-grid="grid14"] .webcamContainer, #webcamsContainer[data-grid="grid15"] .webcamContainer, #webcamsContainer[data-grid="grid16"] .webcamContainer
{
    width: calc(25% - 10px);
    height: calc(50% - 10px);
    transition-duration: 0.3s;
}
.headerCam {
    background: green;
    height: 20px;
}
#webcamsContainer video {
    max-width:  100%!important;
    max-height: 100%!important;
}
/*
#webcamsContainer .webcamContainer {
    width: 100%;
}*/


#tabs {
    height: 100%;
}
.tab-pane {
    bottom: 0;
}
#footer {
    height: 90px!important;
}