.contacts {
    width: 280px;
    height: 100vh;
    border-right: 1px #e3e3e3 solid;
}

.contacts .list-group-item {
    border-right: 0;
    border-radius: 0;
}

.contacts .list-group-item {
    cursor: pointer;
}

.message-container {
    width: calc(100% - 280px);
    height: 100vh;
}

.messages {
    height: calc(100% - 110px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.input-container {
    position: absolute;
    bottom: 0;
    width: calc(100% - 280px);
    background: #f5f5f5;
    padding: 20px;
}