#frame{width:100%;height:500px;background:#fff}#frame .content{width:100%;height:100%;overflow:hidden;position:relative}#frame .content .contact-profile{width:100%;padding:15px;background:#4776e6}#frame .content .contact-profile h4{margin:0;color:#fff;font-weight:600;font-size:14px}#frame .content .messages{height:auto;min-height:calc(100% - 114px);max-height:calc(100% - 114px);overflow-y:scroll;overflow-x:hidden;padding:10px}#frame .content .messages .timeline{margin-bottom:20px;padding:0;position:relative}#frame .content .messages .timeline:before{background-color:#dee2e6;bottom:0;content:"";left:31px;margin:0;position:absolute;top:0;width:2px}#frame .content .messages .timeline .system-message-background{height:45px;line-height:40px;font-size:13px;font-weight:700;text-align:center}#frame .content .messages .timeline .system-message-background .system-engraved-text{color:#333;background-color:hsla(0,0%,86.3%,.3);text-shadow:0 1px 0 hsla(0,0%,100%,.5)}#frame .content .messages .timeline .system-message-background .system-engraved-text.error-state{color:#f33}#frame .content .messages .timeline .time-label{position:relative}#frame .content .messages .timeline .time-label span{border-radius:4px;display:inline-block;font-weight:600;padding:4px;font-size:12px;color:#fff}#frame .content .messages .timeline .time-label .bg-violet{background-color:#796aee}#frame .content .messages .timeline .time-label .bg-green{background-color:#31d281!important}#frame .content .messages .timeline .timeline-box{margin:15px 0;position:relative}#frame .content .messages .timeline .timeline-box .usericon{border-radius:50%;height:32px;left:18px;line-height:30px;position:absolute;text-align:center;top:0;width:32px;overflow:hidden}#frame .content .messages .timeline .timeline-box .usericon img{width:100%;height:100%}#frame .content .messages .timeline .timeline-box .image-content-wrapper{margin-left:60px;margin-right:15px}#frame .content .messages .timeline .timeline-box .image-content-wrapper .timeline-body-img{width:100px;min-width:100px;height:80px;overflow:hidden;border-radius:2px;cursor:pointer;margin:auto 0}#frame .content .messages .timeline .timeline-box .image-content-wrapper .timeline-body-img img{width:100%;height:100%}#frame .content .messages .timeline .timeline-box .timeline-item{box-shadow:0 5px 5px -8px #000;border:1px solid #e9e9e9;background-color:#fff;margin-left:60px;margin-right:15px;margin-top:0;padding:0;position:relative}#frame .content .messages .timeline .timeline-box .timeline-item .time{color:#999;float:right;font-size:11px;padding:10px}#frame .content .messages .timeline .timeline-box .timeline-item .timeline-body{padding:10px;font-size:13px}#frame .content .message-input{position:absolute;bottom:0;width:100%;background:#f5f5f5;padding:10px}#frame .content .message-input .wrap{position:relative}#frame .content .message-input .wrap input{float:left;border:none;width:90%;padding:14px 12px;font-size:12px;height:50px}#frame .content .message-input .wrap .wrapinput{width:70%;float:left}#frame .content .message-input .wrap .wrapattach{width:30%;float:left}#frame .content .message-input .wrap button{float:right;border:none;width:50px;height:50px;cursor:pointer;background:#4776e6;color:#fff;border-radius:50%;font-size:15px}#frame .content .message-input .wrap .attachment{position:absolute;right:65px;z-index:4;top:17px;font-size:18px;color:#4776e6;opacity:.5;cursor:pointer}#frame .content .message-input .wrap .video{position:absolute;right:96px;z-index:4;top:17px;font-size:18px;color:#4776e6;opacity:.5;cursor:pointer}.username-title{font-size:12px;font-weight:700}
/*# sourceMappingURL=10.90a45548.chunk.css.map */