.chat-body{
    height: 600px;
}
.chat-bar{
    text-align: center;
}
.chat-title{

}
.chat-message{
    height: 420px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    overflow-y: auto;
}
.chat-list{

}
.chat-wrap{
    margin: 5px;
}
.chat-wrap-right{
    float: right;
}
.chat-wrap-left{
    float: left;
}
.char-portrait{
    /*float: right;*/
}
.char-send-body{
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px;
    border-radius: 10px !important;
    position: relative;
    background-color: #FFF
}
.char-send-body:before,.char-send-body:after{
    content: "";
    display: block;
    border-width: 5px;
    position: absolute;
    border-style: solid dashed dashed;
    font-size: 0;
    line-height: 0;
}
.char-send-body-left{
    border: 1px solid #09F;
}
.char-send-body-left:before, .char-send-body-left:after{
    top: 10px;
    left: -11px;
    border-color: #09F #09F transparent transparent;
}
.char-send-body-left:after{
    top: 11px;
    left: -9px;
    border-color: #FFF #FFF transparent transparent;
}
.char-send-body-right{
    border: 1px solid #CCC;
}
.char-send-body-right:before, .char-send-body-right:after{
    top: 10px;
    right: -11px;
    border-color: #CCC transparent transparent #CCC;
}
.char-send-body-right:after{
    top: 11px;
    right: -9px;
    border-color: #FFF transparent transparent #FFF;
}
.char-sender{
    margin-left: 5px;
}
.char-send-messages{
    max-width: 300px;
    word-wrap: break-word;
    font-size: large;
}
.char-send-time{
    color: rgba(0,0,255,0.5);
    font-size: small;
}
.chat-send{
    height: 100px;
}
.chat-send > textarea{
    height: 100%;
    width: 100%;
    border: 1px solid #ccc;
}
.chat-footer{
    margin-top: 5px;
    text-align: right;
}