[data-chat]{text-align:left; margin-bottom:40px; background-color:#fbfbfb; padding:20px 20px 15px 20px;}
[data-chat] ul{overflow-y:auto; margin:0 0 10px 0; max-height:350px;}
[data-chat] ul li{float:left; clear:both; max-width:80%; padding:12px 17px; border:1px solid #e4e4e4; margin-bottom:10px; border-radius:0px 8px 8px 8px; background-color:#fff;}
[data-chat] ul li.self{float:right; border-radius:8px 0px 8px 8px; background-color:#f1f1f1;}
[data-chat] ul li span{font-size:85%;color:#aaa;}
[data-chat] ul li.float-end span, [data-chat] ul li.pull-right span {color:#666;}
[data-chat] ul li .msg {color:#263238;}
[data-chat] ul li img{max-height:100px; max-width:100%;}
[data-chat] hr{border-top:1px solid #f0f0f0; margin:10px 0;}
[data-chat] label{font-size:20px; margin:5px 0 0 0; cursor:pointer;}
[data-chat] [type=file]{display:none;}
[data-chat] textarea{width:100%; height:60px; line-height:20px; background-color:transparent;}