body[data-v-6c2a3598]{background-color:#f4f7f6;margin-top:20px}.card[data-v-6c2a3598]{background:#fff;transition:.5s;border:0;margin-bottom:30px;border-radius:.55rem;position:relative;width:100%;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.chat-app .people-list[data-v-6c2a3598]{width:280px;position:absolute;left:0;top:0;padding:20px;z-index:7}.chat-app .chat[data-v-6c2a3598]{margin-left:280px;border-left:1px solid #eaeaea}.people-list[data-v-6c2a3598]{transition:.5s}.people-list .chat-list li[data-v-6c2a3598]{padding:10px 15px;list-style:none;border-radius:3px}.people-list .chat-list li[data-v-6c2a3598]:hover{background:#efefef;cursor:pointer}.people-list .chat-list li.active[data-v-6c2a3598]{background:#efefef}.people-list .chat-list li .name[data-v-6c2a3598]{font-size:15px}.people-list .chat-list img[data-v-6c2a3598]{width:45px;border-radius:50%}.people-list img[data-v-6c2a3598]{float:left;border-radius:50%}.people-list .about[data-v-6c2a3598]{float:left;padding-left:8px}.people-list .status[data-v-6c2a3598]{color:#999;font-size:13px}.chat .chat-header[data-v-6c2a3598]{padding:15px 20px;border-bottom:2px solid #f4f7f6}.chat .chat-header img[data-v-6c2a3598]{float:left;border-radius:40px;width:40px}.chat .chat-header .chat-about[data-v-6c2a3598]{float:left;padding-left:10px}.chat .chat-history[data-v-6c2a3598]{padding:20px;border-bottom:2px solid #fff}.chat .chat-history ul[data-v-6c2a3598]{padding:0}.chat .chat-history ul li[data-v-6c2a3598]{list-style:none;margin-bottom:30px}.chat .chat-history ul li[data-v-6c2a3598]:last-child{margin-bottom:0}.chat .chat-history .message-data[data-v-6c2a3598]{margin-bottom:15px}.chat .chat-history .message-data img[data-v-6c2a3598]{border-radius:40px;width:40px}.chat .chat-history .message-data-time[data-v-6c2a3598]{color:#434651;padding-left:6px}.chat .chat-history .message[data-v-6c2a3598]{color:#444;padding:18px 20px;line-height:26px;font-size:16px;border-radius:7px;display:inline-block;position:relative}.chat .chat-history .message[data-v-6c2a3598]:after{bottom:100%;left:7%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#fff;border-width:10px;margin-left:-10px}.chat .chat-history .my-message[data-v-6c2a3598]{background:#efefef}.chat .chat-history .my-message[data-v-6c2a3598]:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#efefef;border-width:10px;margin-left:-10px}.chat .chat-history .other-message[data-v-6c2a3598]{background:#e8f1f3;text-align:right}.chat .chat-history .other-message[data-v-6c2a3598]:after{border-bottom-color:#e8f1f3;left:93%}.chat .chat-message[data-v-6c2a3598]{padding:20px}.me[data-v-6c2a3598],.offline[data-v-6c2a3598],.online[data-v-6c2a3598]{margin-right:2px;font-size:8px;vertical-align:middle}.online[data-v-6c2a3598]{color:#86c541}.offline[data-v-6c2a3598]{color:#e47297}.me[data-v-6c2a3598]{color:#1d8ecd}.float-right[data-v-6c2a3598]{float:right}.clearfix[data-v-6c2a3598]:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}@media only screen and (max-width:767px){.chat-app .people-list[data-v-6c2a3598]{width:100%;overflow-x:auto;background:#fff}.chat-app .people-list.open[data-v-6c2a3598]{left:0}.chat-app .chat[data-v-6c2a3598]{margin:0}.chat-app .chat .chat-header[data-v-6c2a3598]{border-radius:.55rem .55rem 0 0}.chat-app .chat-history[data-v-6c2a3598]{height:300px;overflow-x:auto}}@media only screen and (min-width:768px) and (max-width:992px){.chat-app .chat-list[data-v-6c2a3598]{height:650px;overflow-x:auto}.chat-app .chat-history[data-v-6c2a3598]{height:600px;overflow-x:auto}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.chat-app .chat-list[data-v-6c2a3598]{height:480px;overflow-x:auto}.chat-app .chat-history[data-v-6c2a3598]{height:calc(100vh - 350px);overflow-x:auto}}