.chat-message{
    padding: 10px 0px;
}
.chat-avatar{
    height: 20px;
    width: 20px;
}
.message-content{
    text-align: right;
    padding-right: 10px;
    position: relative;
}
.chat-bubble{
    display: inline-block;
    border-radius: 8px;
    padding: 8px 10px;
    float: none!important;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    max-width: 320px;
    word-wrap: break-word;
    position: relative;
}
.chat-bubble.to{
    background: #00bfa5;
    text-align: left;
    color: #fff;
}
.message-content.reverse{
    text-align: left;
    padding-left: 20px;
    padding-right: 0;
}
.chat-bubble.from{
    background-color:#fff;
}
.chat-item{
    cursor: pointer;
    
}