#userList div[data-status='busy'] {
    opacity: 0.5;
    pointer-events: none;
}

div.tab #chatContainer {
    display: flex;
    flex-flow: column;
    overflow-y: hidden;
}
div.tab #webcamsContainer {
    display: flex;
}
div.tab  #tabs {
    flex:1;
    overflow-y: auto;
    overflow-x: hidden;
}

div.tab  #footer {
    height: 130px !important;
    padding: 10px 5px !important;
    position: relative;
}
#tabsAndFooter {
    height: 100%;
    display: flex;
    flex-flow: column;
}

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

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    div.tab #footer {
        height: 170px !important;
    }

}