.chat-main{width:100%;height:100%;background:#f8f9fb!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.chat-main .message-box{padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.chat-main .left,.chat-main .right{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.chat-main .left{text-align:left;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.chat-main .right{text-align:right;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.chat-main .right .message{text-align:left;background:#005adc;color:hsla(0,0%,100%,.85)}.chat-main .avatar{width:30px;height:30px;margin-right:5px}.chat-main .username{color:rgba(36,46,51,.7);font-size:14px;margin:0 5px}.chat-main .time{font-size:12px}.chat-main .message{background:#fff;border-radius:3px;margin-top:5px;padding:12px;color:rgba(0,0,0,.85);font-size:10px;max-width:500px;display:inline-block;line-height:20px}.chat-main .message,.chat-main .message .text{white-space:break-spaces}.chat-main .dialog{background-color:#fff;border-top:1px solid #f9f9f9}.chat-main .dialog .chat-input textarea{resize:none}