.people-list .chat-list li{padding:10px 15px;list-style:none;border-radius:3px}.chat .chat-header img{float:left;border-radius:40px;width:40px}.chat .chat-history{padding:20px;border-bottom:2px solid #fff}.chat .chat-history ul{padding:0}.chat .chat-history ul li{list-style:none;margin-bottom:30px}.chat .chat-history ul li:last-child{margin-bottom:0}.chat .chat-history .message-data{margin-bottom:15px}.chat .chat-history .message-data img{border-radius:40px;width:40px}.chat .chat-history .message-data-time{display:block;color:#434651;padding-left:6px}.chat .chat-history .message{color:#444;padding:9px 10px;font-size:16px;border-radius:7px;display:inline-block;position:relative}.chat .chat-history .message:after{bottom:100%;left:7%;height:0;width:0;position:absolute;pointer-events:none;border:10px solid transparent;border-bottom-color:#fff;margin-left:-10px}.chat .chat-history .my-message{background-color:#ccd1d1}.chat .chat-history .other-message{background:#efefef}.chat .chat-history .other-message:after{border-bottom-color:#efefef}.chat .chat-message{padding:20px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}@media only screen and (max-width: 767px){.chat-app .people-list{height:465px;width:100%;overflow-x:auto;background:#fff;left:-400px;display:none}.chat-app .people-list.open{left:0}.chat-app .chat{margin:0}.chat-app .chat .chat-header{border-radius:.55rem .55rem 0 0}.chat-app .chat-history{height:300px;overflow-x:auto}}