textarea {
    resize: vertical; /* Disable horizontal resizing in text area */
}

.chat-area {
    overflow: auto; /* Enable scroll bar if needed */
    height: 55vh; /* Chat area will be 55% of view port height */
    padding: 15px;
    margin: -15px;
}

.online-list {
    overflow: auto; /* Enable scroll bar if needed */
    height: 90vh; /* Online list will be 90% of view port height */
    padding-right: 5px;
}

.container {
    padding-top: 40px;
}

.media-name {
    color: #ea8627;
}

.info-message {
    margin-top: 20px;
}

#leave-button, #check-state-button {
    margin-top: -5px;
    margin-bottom: -15px;
}

.panel-title {
    padding-top: 5px;
}

.media-body .popover {
    position: relative;
    display: block;
    margin: 20px;
    z-index: 1;
}

.media-body .popover.left {
    float: right;
}
