.rounded-pill[data-v-c41dc8ac]{border-radius:50rem!important}.custom-file-input[data-v-c41dc8ac]:before{content:"";display:inline-block;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer}body[data-v-c41dc8ac]{padding-top:0;font-size:12px;color:#777;background:#f9f9f9;font-family:Open Sans,sans-serif;margin-top:20px}.modal-area-chats[data-v-c41dc8ac]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background-color:#fff;color:#93918f;border-radius:4px;border:1px solid #eee;z-index:10000;box-shadow:inset 0 0 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.close-modal-chats[data-v-c41dc8ac]{float:right;font-size:21px;font-weight:700;position:absolute;right:10px;cursor:pointer}.friend-list[data-v-c41dc8ac]{list-style:none;margin-left:-40px}.friend-list li[data-v-c41dc8ac]{border-bottom:1px solid #eee}.friend-list li a img[data-v-c41dc8ac]{float:left;width:45px;height:45px;margin-right:10px}.friend-list li a[data-v-c41dc8ac]{position:relative;display:block;padding:10px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}
/*  !*background-color: #ddecee;*!*/.friend-list li a[data-v-c41dc8ac]:focus{background-color:#eef5f6}.avatar-group[data-v-c41dc8ac],.avatar-img[data-v-c41dc8ac]{border-radius:50%;border:2px solid #fff}.avatar-group[data-v-c41dc8ac]{margin-left:-10px;float:left}.friend-list li a .friend-name[data-v-c41dc8ac],.friend-list li a .friend-name[data-v-c41dc8ac]:hover{color:#777;text-align:left}.friend-list li a .last-message[data-v-c41dc8ac]{width:65%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}.friend-list li a .time[data-v-c41dc8ac]{position:absolute;top:10px;right:8px}.small[data-v-c41dc8ac],small[data-v-c41dc8ac]{font-size:85%}.friend-list li a .chat-alert[data-v-c41dc8ac]{position:absolute;right:8px;top:30px;font-size:10px;padding:3px 5px}.chat-message[data-v-c41dc8ac]{padding:0 20px 20px;height:540px!important;overflow-y:scroll}.chats[data-v-c41dc8ac]{padding:0 10px 20px;height:600px!important;overflow-y:scroll}.chat[data-v-c41dc8ac]{list-style:none;margin:0}.chat-message[data-v-c41dc8ac]{background:#f9f9f9}img[data-v-c41dc8ac]{max-width:100%}.chat-body[data-v-c41dc8ac]{padding-bottom:20px}.chat-message-container.left .chat-body[data-v-c41dc8ac]{margin-left:70px;background-color:#fff}.chat-message-container .chat-body[data-v-c41dc8ac]{position:relative;font-size:11px;padding:10px;border:1px solid #f1f5fc;box-shadow:0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:0 1px 1px rgba(0,0,0,.05);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05)}.chat-message-container .chat-body .header[data-v-c41dc8ac]{padding-bottom:5px;text-align:left;border-bottom:1px solid #f1f5fc}.chat-message-container .chat-body p[data-v-c41dc8ac]{margin:0;text-align:left}.chat-message-container.left .chat-body[data-v-c41dc8ac]:before{position:absolute;top:10px;left:-8px;display:inline-block;background:#fff;width:16px;height:16px;border-top:1px solid #f1f5fc;border-left:1px solid #f1f5fc;content:"";transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.chat-message-container.right .chat-body[data-v-c41dc8ac]:before{position:absolute;top:10px;right:-8px;display:inline-block;background:#fff;width:16px;height:16px;border-top:1px solid #f1f5fc;border-right:1px solid #f1f5fc;content:"";transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.chat-message-container[data-v-c41dc8ac]{margin:15px 0}.chat-text-message[data-v-c41dc8ac]{padding-top:2px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;text-align:left}.chat-message-container.right .chat-body[data-v-c41dc8ac]{margin-right:70px;background-color:#fff}.chat-box[data-v-c41dc8ac]{padding:15px;border-top:1px solid #eee;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}.primary-font[data-v-c41dc8ac]{color:#3c8dbc}a[data-v-c41dc8ac],a[data-v-c41dc8ac]:active,a[data-v-c41dc8ac]:focus,a[data-v-c41dc8ac]:hover{text-decoration:none;outline:0}.reply[data-v-c41dc8ac]{height:60px;width:100%;padding:10px 5px 10px 5px!important;margin:0!important;border-top:1px solid #f1f5fc}.heading[data-v-c41dc8ac]{height:60px;width:100%;background-color:#eef5f6;padding:10px 10px 10px 10px!important;margin:0!important}.reply-attach[data-v-c41dc8ac]{padding:5px!important}.reply-attach a[data-v-c41dc8ac]{text-align:center;padding:5px 5px 5px 5px!important}.reply-recording[data-v-c41dc8ac]{padding:5px!important}.reply-recording span[data-v-c41dc8ac]{text-align:left;padding:1px!important;color:#93918f;cursor:pointer}.reply-send[data-v-c41dc8ac]{padding:5px!important}.reply-send a[data-v-c41dc8ac]{text-align:center;padding:5px!important;color:#93918f;cursor:pointer}.heading-compose a[data-v-c41dc8ac],.heading-dot a[data-v-c41dc8ac],.reply-attach a[data-v-c41dc8ac],.reply-recording span[data-v-c41dc8ac],.reply-send a[data-v-c41dc8ac]{color:#93918f;cursor:pointer}.reply-main[data-v-c41dc8ac]{padding:2px 5px!important}.reply-main textarea[data-v-c41dc8ac]{width:100%;resize:none;overflow:hidden;padding:5px!important;font-size:16px}.reply-main textarea[data-v-c41dc8ac],.reply-main textarea[data-v-c41dc8ac]:focus{outline:none;border:none;text-indent:5px;box-shadow:none}.heading-compose a[data-v-c41dc8ac]:hover,.heading-dot a[data-v-c41dc8ac]:hover,.reply-attach a[data-v-c41dc8ac]:hover,.reply-recording span[data-v-c41dc8ac]:hover,.reply-send a[data-v-c41dc8ac]:hover{color:#f26c0d}.on-line[data-v-c41dc8ac]{display:inline-block}.off-line[data-v-c41dc8ac]{display:none}.blinking[data-v-c41dc8ac]{color:red;-webkit-animation:blinker-c41dc8ac 1s linear infinite;animation:blinker-c41dc8ac 1s linear infinite}@-webkit-keyframes blinker-c41dc8ac{50%[data-v-c41dc8ac]{opacity:0}}@keyframes blinker-c41dc8ac{50%[data-v-c41dc8ac]{opacity:0}}.full-size[data-v-c41dc8ac]{width:400px;max-width:100%}