.help_wrapper .chat{margin:0!important}.help_wrapper .card.chat-app{border:1px solid #ccc;box-shadow:0 0 10px 0 #ccc}.help_wrapper .chat .chat-history{padding:20px;border-bottom:2px solid #fff;height:75vh;overflow:auto;background-image:url(https://i.pinimg.com/736x/8c/98/99/8c98994518b575bfd8c949e91d20548b.jpg)}.send_box_chat{padding:10px}.chat .chat-header{padding:15px 20px;border-bottom:2px solid #f4f7f6}.chat .chat-header img{float:left;border-radius:40px;width:40px}.chat .chat-header .chat-about{float:left;padding-left:10px}.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{color:#434651;padding-left:6px}.chat .chat-history .message{color:#444;padding:18px 20px;line-height:26px;font-size:16px;border-radius:7px;display:inline-block;position:relative}.chat .chat-history .message:after{bottom:100%;left:7%;content:" ";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:#efefef}.chat .chat-history .my-message:after{bottom:100%;left:30px;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:10px solid transparent;border-bottom-color:#efefef;margin-left:-10px}.chat .chat-history .other-message{background:#e8f1f3;text-align:right}.chat .chat-history .other-message:after{border-bottom-color:#e8f1f3;left:93%}.chat .chat-message{padding:20px}.chat-app .people-list{width:280px;position:absolute;left:0;top:0;padding:20px;z-index:7}.chat-app .chat{margin-left:280px;border-left:1px solid #eaeaea}.people-list{transition:.5s}.people-list .chat-list li{padding:10px 15px;list-style:none;border-radius:3px}.people-list .chat-list li:hover{background:#efefef;cursor:pointer}.people-list .chat-list li.active{background:#efefef}.people-list .chat-list li .name{font-size:15px}.people-list .chat-list img{width:45px;border-radius:50%}.people-list img{float:left;border-radius:50%}.people-list .about{float:left;padding-left:8px}.people-list .status{color:#999;font-size:13px}.float-right{float:right}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}@media only screen and (max-width:600px){.help_wrapper .chat .chat-history{height:82vh}}