.user-chat,.user-chat.forUI{bottom:1px}.user-chat,.user-chat .chat-content .chat-block{-webkit-box-orient:vertical;-webkit-box-direction:normal}[data-theme=light] .user-chat .top-chat{background:#2F3C45;border-bottom:1px solid #566977}[data-theme=light] .user-chat .top-chat .user-count{color:#E1E8F8}[data-theme=light] .user-chat .top-chat .close{width:24px;height:24px;border:1px solid #566977;border-radius:50%}[data-theme=light] .user-chat .top-chat .close:hover{border-color:#FFF}[data-theme=light] .user-chat .chat-content .chat-block{background:#26323A}[data-theme=light] .user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper{border:1px solid #566977;background:#2F3C45;border-radius:10px}[data-theme=light] .user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper .action-btn-chat .send-msg svg path{fill:#E1E8F8}[data-theme=light] .user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .ico svg path,[data-theme=light] .user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close svg path{fill:#68757D}[data-theme=light] .user-chat .chat-content .chat-block .bottom-chat .replay-msg-text{background:#3A4A54}[data-theme=light] .user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .text{color:#b6bac2}[data-theme=light] .user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .user-name{color:#FFF}[data-theme=light] .user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close{height:20px;width:20px;top:15px;border-radius:50%;border:1px solid #68757D}[data-theme=light] .user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close:hover{border-color:#FFF}[data-theme=light] .user-chat .chat-content .chat-block .chat{scrollbar-color:#414E57 #26323A;scrollbar-width:thin}[data-theme=light] .user-chat .chat-content .chat-block .chat::-webkit-scrollbar{width:4px}[data-theme=light] .user-chat .chat-content .chat-block .chat::-webkit-scrollbar-track{background:#26323A}[data-theme=light] .user-chat .chat-content .chat-block .chat::-webkit-scrollbar-thumb{background:#414E57}[data-theme=light] .user-chat .chat-content .chat-block .chat .message .user-avatar{background:#181C23}[data-theme=light] .user-chat .chat-content .chat-block .chat .message .time-block{color:#4D5B65}[data-theme=light] .user-chat .chat-content .chat-block .chat .message .left .text-block .user-name{color:#FFF}[data-theme=light] .user-chat .chat-content .chat-block .chat .message .left .text-block .text{color:#b6bac2}[data-theme=light] .user-chat .chat-content .chat-block .chat .message .left .wrapper-chat-new{background:#2F3C45;-webkit-box-shadow:2px 4px 6px 0 #19252D,-2px -4px 4px 0 #36444E;box-shadow:2px 4px 6px 0 #19252D,-2px -4px 4px 0 #36444E}[data-theme=light] .user-chat .chat-content .chat-block .chat .message .left .replay-msg-block{background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.15)),to(rgba(0,0,0,.02)));background:-o-linear-gradient(left,rgba(0,0,0,.15) 0,rgba(0,0,0,.02) 100%);background:linear-gradient(90deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.02) 100%)}[data-theme=light] .user-chat .chat-content .chat-block .chat .message .left .replay:hover svg path{fill:#566977}[data-theme=light] .user-chat .chat-content .chat-block .chat .message .left .replay svg path{fill:#414E57}.user-chat{position:fixed!important;left:1px;z-index:99999999;width:300px;opacity:0;visibility:hidden;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:300px;min-height:350px;height:90vh;border-radius:5px;overflow:hidden;-webkit-transition:opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.user-chat.open{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}.user-chat .top-chat{background:#103340;border-radius:3px 3px 0 0;padding:0 15px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:45px;cursor:all-scroll}.user-chat .top-chat .user-count{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:1;color:#CADCE1}.user-chat .top-chat .user-count.open .ico svg path,.user-chat .top-chat .user-count:hover .ico svg path{fill:#20BED3}.user-chat .top-chat .user-count .ico{width:15px;height:15px;margin-right:5px}.user-chat .top-chat .user-count .ico svg{width:100%;height:100%}.user-chat .top-chat .user-count .ico svg path{fill:#4E9BB1!important}.user-chat .chat-content .chat-block .chat .message.your .left .replay-msg-block .replay-ico svg path,.user-chat .top-chat .close:hover svg path{fill:#fff}.user-chat .top-chat .close{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:10px;height:10px}.user-chat .chat-content{position:relative;height:calc(100% - 45px)}.user-chat .chat-content .chat-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;background:#18424E}.user-chat .chat-content .chat-block #chat_loader{display:none;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:5px}.user-chat .chat-content .chat-block #chat_loader.loading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.user-chat .chat-content .chat-block #chat_loader img{height:35px}.user-chat .chat-content .chat-block .chat{padding:15px;-webkit-box-flex:calc(100% - 55px);-webkit-flex:calc(100% - 55px) 0 1;-ms-flex:calc(100% - 55px) 0 1;flex:calc(100% - 55px) 0 1;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--primary-scroll-tumb-color) var(--primary-scroll-track-color);scrollbar-width:thin}.user-chat .chat-content .chat-block .chat::-webkit-scrollbar{width:4px}.user-chat .chat-content .chat-block .chat::-webkit-scrollbar-track{background:var(--primary-scroll-track-color)}.user-chat .chat-content .chat-block .chat::-webkit-scrollbar-thumb{background:var(--primary-scroll-tumb-color)}.user-chat .chat-content .chat-block .chat .message{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px}.user-chat .chat-content .chat-block .chat .message:first-child{margin-top:0}.user-chat .chat-content .chat-block .chat .message.your{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.user-chat .chat-content .chat-block .chat .message.your .left{-webkit-box-flex:calc(100% - 20px);-webkit-flex:calc(100% - 20px) 0 1;-ms-flex:calc(100% - 20px) 0 1;flex:calc(100% - 20px) 0 1}.user-chat .chat-content .chat-block .chat .message.your .left .wrapper-chat-new{-webkit-box-flex:100%;-webkit-flex:100% 0 1;-ms-flex:100% 0 1;flex:100% 0 1;background:-o-linear-gradient(10.84deg,#009DB2 36%,#20BED3 91.43%);background:linear-gradient(79.16deg,#009DB2 36%,#20BED3 91.43%);-webkit-box-shadow:2px 4px 6px #123B47,-2px -4px 4px #1E5361;box-shadow:2px 4px 6px #123B47,-2px -4px 4px #1E5361;border-radius:15px 0 15px 15px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.user-chat .chat-content .chat-block .chat .message.your .left .user-avatar{margin:0 0 0 10px}.user-chat .chat-content .chat-block .chat .message.your .left .replay-msg-block{background:-o-linear-gradient(.44deg,#2FCADE .06%,rgba(47,202,222,0) 99.93%);background:linear-gradient(89.56deg,#2FCADE .06%,rgba(47,202,222,0) 99.93%);border-radius:3px}.user-chat .chat-content .chat-block .chat .message.your .left .replay{display:none}.user-chat .chat-content .chat-block .chat .message.your .left .text-block .user-name{color:#BCF7FF}.user-chat .chat-content .chat-block .chat .message.your .left .text-block .text{color:#FFF}.user-chat .chat-content .chat-block .chat .message.your .time-block{text-align:right;margin-left:0;padding-right:10px}.user-chat .chat-content .chat-block .chat .message.isSupport:not(.your) .left .user-avatar{margin:0 10px 0 0}.user-chat .chat-content .chat-block .chat .message.isSupport .left .wrapper-chat-new{background:-o-linear-gradient(355.68deg,#18C05B 5.84%,#00BB78 70.32%);background:linear-gradient(94.32deg,#18C05B 5.84%,#00BB78 70.32%)}.user-chat .chat-content .chat-block .chat .message.isSupport .left .user-avatar{margin:0 0 0 10px}.user-chat .chat-content .chat-block .chat .message.isSupport .left .text-block .text{color:#fff}.user-chat .chat-content .chat-block .chat .message.isSupport .left .text-block .user-name{color:#B4FFE8}.user-chat .chat-content .chat-block .chat .message.isSupport .left .replay-msg-block{background:-o-linear-gradient(.08deg,#00AB48 .06%,#00A85A 99.93%);background:linear-gradient(89.92deg,#00AB48 .06%,#00A85A 99.93%)}.user-chat .chat-content .chat-block .chat .message.isSupport .left .replay-msg-block .replay-ico svg path{fill:#B4FFE8}.user-chat .chat-content .chat-block .chat .message.isSupport .left .replay-msg-block .replay-msg .text{color:#fff}.user-chat .chat-content .chat-block .chat .message.isSupport .left .replay-msg-block .replay-msg .user-name{color:#B4FFE8}.user-chat .chat-content .chat-block .chat .message .user-avatar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#335e6b;width:30px;margin-right:10px;height:30px;min-width:30px;border-radius:100%;overflow:hidden}.user-chat .chat-content .chat-block .chat .message .user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-chat .chat-content .chat-block .chat .message .user-avatar svg{height:75%;width:75%}.user-chat .chat-content .chat-block .chat .message .left{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:100%;-webkit-flex:100% 0 1;-ms-flex:100% 0 1;flex:100% 0 1;width:100%}.user-chat .chat-content .chat-block .chat .message .left .wrapper-chat-new{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:-o-linear-gradient(339.25deg,#153038 5.84%,#0C2C35 70.32%);background:linear-gradient(110.75deg,#153038 5.84%,#0C2C35 70.32%);-webkit-box-shadow:2px 4px 6px #0D3743,-2px -4px 6px #1E4A56;box-shadow:2px 4px 6px #0D3743,-2px -4px 6px #1E4A56;border-radius:0 15px 15px;padding:10px;position:relative;-webkit-box-flex:calc(100% - 20px);-webkit-flex:calc(100% - 20px) 0 1;-ms-flex:calc(100% - 20px) 0 1;flex:calc(100% - 20px) 0 1;width:calc(100% - 20px)}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block{background:-o-linear-gradient(.44deg,#1A4552 .06%,#0C2C36 99.93%);background:linear-gradient(89.56deg,#1A4552 .06%,#0C2C36 99.93%);border-radius:3px;padding:7px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:5px}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-ico{width:14px;height:11px;margin-right:6px;margin-top:5px;-webkit-box-flex:20px;-webkit-flex:20px 0 1;-ms-flex:20px 0 1;flex:20px 0 1}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-ico svg{display:block;width:100%;height:100%}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-ico svg path{fill:#B1DCE9}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-msg{-webkit-box-flex:calc(100% - 20px);-webkit-flex:calc(100% - 20px) 0 1;-ms-flex:calc(100% - 20px) 0 1;flex:calc(100% - 20px) 0 1}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-msg .user-name{font-size:12px}.user-chat .chat-content .chat-block .chat .message .left .replay-msg-block .replay-msg .text{font-size:12px;word-wrap:break-word;overflow-wrap:anywhere}.user-chat .chat-content .chat-block .chat .message .left .text-block{width:calc(100% - 40px);overflow-wrap:break-word;word-wrap:break-word}.user-chat .chat-content .chat-block .chat .message .left .text-block .user-name{font-size:12px;color:#4B9AAF;margin-bottom:5px}.user-chat .chat-content .chat-block .chat .message .left .text-block .text{font-size:14px;line-height:19px;color:#B1DCE9}.user-chat .chat-content .chat-block .chat .message .left .replay{width:14px;height:11px;-webkit-box-flex:14px;-webkit-flex:14px 0 1;-ms-flex:14px 0 1;flex:14px 0 1;margin-left:6px}.user-chat .chat-content .chat-block .chat .message .left .replay:hover svg path{fill:#2B778C}.user-chat .chat-content .chat-block .chat .message .left .replay svg{display:block;width:100%;height:100%}.user-chat .chat-content .chat-block .chat .message .left .replay svg path{fill:#1D5565}.user-chat .chat-content .chat-block .chat .message .time-block{width:100%;font-size:10px;line-height:14px;color:#446874;margin-left:5px;margin-top:3px}.user-chat .chat-content .chat-block .bottom-chat{position:relative;margin-bottom:7px;padding:0 7px}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text{background:-o-linear-gradient(9.27deg,#246071 36%,#2A6576 91.43%);background:linear-gradient(80.73deg,#246071 36%,#2A6576 91.43%);border-radius:20px 20px 0 0;position:absolute;left:7px;top:30px;right:7px;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);z-index:5;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:15px 50px 45px 15px}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .ico{width:14px;min-width:14px;height:11px;margin-right:8px;margin-top:5px;-webkit-box-flex:20px;-webkit-flex:20px 0 1;-ms-flex:20px 0 1;flex:20px 0 1}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .ico svg{width:100%;height:100%;display:block}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .ico svg path{fill:#B1DCE9}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content{padding-right:10px;-webkit-box-flex:calc(100% - 20px);-webkit-flex:calc(100% - 20px) 0 1;-ms-flex:calc(100% - 20px) 0 1;flex:calc(100% - 20px) 0 1;max-width:calc(100% - 20px)}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .user-name{font-size:12px;color:#4B9AAF;margin-bottom:5px}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .text{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px;color:#B1DCE9}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:20px;right:15px;width:10px;height:10px}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close:hover svg path{fill:#fff}.user-chat .chat-content .chat-block .bottom-chat .replay-msg-text .replay-text-content .close svg path{fill:#569EB3}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper{background:#1D4B58;padding:15px;position:relative;border-radius:25px;z-index:6}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input{width:100%;background:0 0;border:0;padding-right:30px;font-size:14px;color:#FFF}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input::-webkit-input-placeholder{color:#477684}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input::-moz-placeholder{color:#477684}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input:-ms-input-placeholder{color:#477684}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input::-ms-input-placeholder{color:#477684}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper input::placeholder{color:#477684}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper .action-btn-chat{right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper .action-btn-chat .send-msg{width:20px;height:17px;-webkit-transform:rotate(-38.18deg);-ms-transform:rotate(-38.18deg);transform:rotate(-38.18deg)}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper .action-btn-chat .send-msg svg{width:100%;height:100%}.user-chat .chat-content .chat-block .bottom-chat .bottom-wrapper .action-btn-chat .send-msg svg path{fill:#20BED3}.user-chat .chat-content .user-list{position:absolute;top:0;left:0;right:0;bottom:55px;background:#18424E;display:none;padding:15px;overflow-y:auto;scrollbar-color:var(--primary-scroll-tumb-color) var(--primary-scroll-track-color);scrollbar-width:thin}.user-chat .chat-content .user-list::-webkit-scrollbar{width:4px}.user-chat .chat-content .user-list::-webkit-scrollbar-track{background:var(--primary-scroll-track-color)}.user-chat .chat-content .user-list::-webkit-scrollbar-thumb{background:var(--primary-scroll-tumb-color)}.user-chat .chat-content .user-list.open{display:block}.user-chat .chat-content .user-list .user{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:13px;cursor:pointer;color:#CADCE1;font-size:14px;line-height:1}.user-chat .chat-content .user-list .user:hover{color:#20BED3}.user-chat .chat-content .user-list .user .user-avatar{width:25px;min-width:25px;height:25px;margin-right:8px;border-radius:100%;overflow:hidden}.user-chat .chat-content .user-list .user .user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-chat .chat-content .new-mess-block-new{width:190px;text-align:center;padding:7px;line-height:1;background:#CADCE1;-webkit-box-shadow:0 2px 15px #0C2B35;box-shadow:0 2px 15px #0C2B35;border-radius:15px;font-size:14px;color:#1F4E5E;position:absolute;bottom:80px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}.user-chat .chat-content .new-mess-block-new:hover{background:#DEEDF2}.user-chat .chat-content .new-mess-block-new .color{color:#0091A4;font-weight:600}@media (max-width:992px){.user-chat,.user-chat.open{left:0!important;right:0!important;width:100%!important;height:auto!important;top:60px!important;bottom:71px!important}}