pre {
    display: inline-block;
    background-color: #94C2ED;
    color: white;
    font-weight: bold;
}

pre.right {
    float: right;
    background-color: #86BB71;
}
ol, ul {
    list-style:none;
    padding: 0;
    margin: 0;
}
.chat-history {
    padding: 30px 30px 20px;
    border-bottom: 2px solid white;
    overflow-y: scroll;
    max-height: 318px;
}
.chat-history .message-data {
    margin-bottom: 15px;
}
.chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px;
}
.chat-history .message {
    color: white;
    padding: 12px 15px;
    line-height: 24px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
}
.chat-history .message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #86BB71;
    border-width: 10px;
    margin-left: -10px;
}
.chat-history .my-message {
    background: #86BB71;
}
.chat-history .other-message {
    background: #94C2ED;
}
.chat-history .other-message:after {
    border-bottom-color: #94C2ED;
    left: 93%;
}
.me {
    color: #94C2ED;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.float-right {
    float: right;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* 
 * Override Bootstrap styles
 */
.btn {
    margin-right: 5px;
}