.chat-widget{background:#fff}.chat-widget .header{height:35px;padding:5px;background:#f2f6fc;border-bottom:1px solid #ddd}.room-widget{padding:8px}.room-widget .messages{position:relative;flex:1 1 auto;overflow-y:scroll;height:0px}.room-widget .messages .bottom{border-top:1px solid transparent}.room-widget .messages .new-message{position:sticky;bottom:0;left:calc(50% - 55px);background:#419eff;color:#fff;width:110px;padding:2px 4px;font-size:12px;border-radius:15px;text-align:center;cursor:pointer}.room-widget .messages:empty:after{content:"No Message"}.room-widget .messages .message{padding:5px 5px 0;position:relative}.room-widget .messages .message .unread-dot{position:absolute;top:50%;right:10px}.room-widget .messages .message .system{text-align:center;width:360px;margin:auto;background:#fcfcfc;padding:5px;border:1px dashed #ddd;border-radius:5px}.room-widget .messages .message .name{font-size:12px;line-height:1.25rem;font-weight:700}.room-widget .messages .message .time{font-size:85%;font-weight:400;color:#5f6368}.room-widget .messages .message .to-mark{visibility:hidden}.room-widget .messages .message:hover .to-mark{visibility:visible}.room-widget .messages .message p.text{padding:4px;margin:0 -4px;font-size:12px;line-height:1.25;box-sizing:border-box;white-space:pre-wrap;width:100%;word-break:break-word;word-wrap:break-word}.room-widget .messages .message p.text .number{text-decoration:underline;color:#419eff;font-weight:700;cursor:pointer}.room-widget .messages .message .sound{border:1px solid #ddd;padding:2px;border-radius:5px;height:24px;width:200px;font-size:11px;cursor:pointer}.room-widget .messages .message .sound.active{border:1px solid #aec9ff;background:#d5e3ff}.room-widget .messages .message .sound.active .icons-sound.playing{color:red;animation:tilt-shaking .25s linear infinite}.room-widget .messages .message:hover p{background:#f6f6f6;border-radius:5px}.room-widget .typists{font-size:11px;font-style:italic;color:#999;height:14px}.room-widget .typists li{display:inline-block;margin-right:5px}.room-widget .images-preview{margin-top:5px;background:#fff}.room-widget .images-preview .image{margin:2px;position:relative}.room-widget .images-preview .image.uploading .el-image{opacity:.25}.room-widget .images-preview .image.uploading .el-icon-loading{display:block}.room-widget .images-preview .image.uploading .top-right{display:none}.room-widget .images-preview .image .el-icon-loading{display:none;position:absolute;top:52.5px;right:52.5px}.room-widget .images-preview .image .top-right{position:absolute;top:-5px;right:-5px}.room-widget .images-preview .image .top-right .fa-check-circle{color:green!important}.room-widget .images-preview .image .top-right .fa-times-circle{color:gray!important;display:none}.room-widget .images-preview .image:hover .fa-times-circle{display:block}.room-widget .images-preview:empty{display:none}.room-widget .message-form{background:#f0f0f0;margin:5px -8px -8px;padding:8px;border-top:1px solid #ccc}.room-widget .message-form .audio-widget{text-align:center}.room-widget .message-form .audio-widget .el-button{width:54px;height:54px}.room-widget .message-form .audio-widget .el-button i{font-size:1.25rem!important}.room-widget .message-form .audio-widget .recording{border-color:red;background:#ff2e2e;color:#fff}.room-widget .message-form .audio-widget .recording .fa-microphone{animation:tilt-shaking .15s linear infinite!important}.members{background:#fff;padding:5px 0}.members .member{margin:2px}.members .member .el-avatar{font-family:Arial,Verdana,sans-serif;width:24px;height:24px;line-height:20px;border:2px solid #eee;font-size:9.5px;font-weight:700;background:#999;cursor:pointer}.members .member .el-avatar.online{background:green}.members .member .el-avatar.away{background:orange}.members .member .el-avatar.circled{border-color:red}.el-collapse.rooms .el-collapse-item__header{font-size:13px;background:#f2f6fc!important;padding:6px;height:32px}.el-collapse.rooms .el-collapse-item__content{padding:2px;line-height:1}.el-collapse.rooms .el-collapse-item__content ul li{padding:3px 0;align-items:center;font-size:12px}.el-collapse.rooms .el-collapse-item__content ul li .fas{font-size:13px!important}.el-collapse.rooms .el-collapse-item__content ul li:hover{cursor:pointer;background:#f9f9f9}.el-collapse.rooms .el-collapse-item__content ul li.active{background:#e9edff}.el-collapse.rooms .el-collapse-item__content ul li .el-avatar{font-family:Arial,Verdana,sans-serif;margin:0 5px;flex-shrink:0;font-size:11px;font-weight:700}.el-collapse.rooms .el-collapse-item__content ul li .el-avatar.el-avatar--small{width:24px;height:24px;line-height:24px;background:#a9a9a9}.el-collapse.rooms .el-collapse-item__content ul li .el-avatar.online,.el-collapse.rooms .el-collapse-item__content ul li .el-avatar.ready,.el-collapse.rooms .el-collapse-item__content ul li .el-avatar.resumed{background:green}.el-collapse.rooms .el-collapse-item__content ul li .thumb{flex:1;overflow:hidden}.el-collapse.rooms .el-collapse-item__content ul li .thumb .name{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap}.el-collapse.rooms .el-collapse-item__content ul li .thumb .msg{font-size:10px;font-style:italic;text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap}.el-collapse.rooms .el-collapse-item__content ul li .marked-icon{font-size:11px;color:green}.el-collapse.rooms .el-collapse-item__content ul li .unread-icon{font-size:11px;color:#ff4646}.el-collapse.rooms .el-collapse-item__content ul li .icons-call{cursor:pointer;font-size:18px;color:#aaa;margin-right:10px}.el-collapse.rooms .el-collapse-item__content ul li .icons-call.single{color:red;animation:tilt-shaking .25s linear infinite}.el-collapse.rooms .el-collapse-item__content ul li .icons-call.multiple{color:green}.el-collapse.rooms .el-collapse-item__content ul li .meet-stats{position:relative}.el-collapse.rooms .el-collapse-item__content ul li .meet-stats .num{position:absolute;top:2px;left:4px;font-size:9px;font-weight:700;color:#fff}.popover-menu .name{border-bottom:1px solid #eee;margin:-5px;padding:5px;background:#ebf1fa}.popover-menu ul{margin:-5px;padding:10px}.popover-menu ul li{padding:5px 3px;cursor:pointer;border-radius:5px}.popover-menu ul li:hover{background:#f9f9f9}.typing:after{display:inline-block;animation:dotty steps(1,end) 1s infinite;content:""}.incoming-meet{width:400px}.incoming-meet .el-notification__group{width:95%}.incoming-meet .accept{background:#00a708;color:#fff;border-radius:14px;font-size:15px;line-height:28px;width:28px;height:28px;text-align:center;animation:tilt-shaking .25s linear infinite}@keyframes tilt-shaking{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes dotty{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}