.input-mess{font-family:'Roboto','Trirong',sans-serif;float:left;color:#000;background:#fff;border:0;outline:none;resize:none;margin-top:5px;margin-bottom:5px;-webkit-box-sizing:unset;width:72%;padding-right:0;width:215px;margin:0;height:34px;line-height:2.5;font-size:13px;-webkit-box-shadow:inset -1px 1px 0 0 transparent;-moz-box-shadow:inset -1px 1px 0 0 transparent;-ms-box-shadow:inset -1px 1px 0 0 transparent;-o-box-shadow:inset -1px 1px 0 0 transparent;box-shadow:inset -1px 1px 0 0 transparent;border-radius:0 0 0 4px;padding:8px 10px}
.input-mess::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 10px #fff;border-radius:6px;background-color:#fff}
.input-mess::-webkit-scrollbar{width:4px;background-color:#F5F5F5;border-radius:4px}
.input-mess::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #9E9E9E;background-color:#9E9E9E;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,#9E9E9E),color-stop(.5,#9E9E9E),to(#9E9E9E))}
.chat-logs .bx-message-item{display:inline-block!important;width:100%;font-size:13px;position:relative;display:block;clear:both;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.chat-logs .bx-message-item .msg-avatar{float:left;width:36px;height:36px;margin-right:13px;position:relative;overflow:hidden;border-radius:50%;border:1px solid #e8e8e8}
.chat-logs .bx-message-item .msg-avatar img{position:absolute;float:left;top:50%;width:100%;min-height:36px;object-fit:cover;transform:translateY(-50%)}
.chat-logs .bx-message-item .bubble{outline:none;max-width:64%;word-wrap:break-word;-moz-transition-timing-function:cubic-bezier(0.4,-0.04,1,1);-o-transition-timing-function:cubic-bezier(0.4,-0.04,1,1);-webkit-transition-timing-function:cubic-bezier(0.4,-0.04,1,1);transition-timing-function:cubic-bezier(0.4,-0.04,1,1)}
.chat-logs .bx-message-item .bubble:nth-of-type(1){-moz-animation-duration:.15s;-webkit-animation-duration:.15s;animation-duration:.15s}
.chat-logs .bx-message-item .bubble:nth-of-type(2){-moz-animation-duration:.3s;-webkit-animation-duration:.3s;animation-duration:.3s}
.chat-logs .bx-message-item .bubble:nth-of-type(3){-moz-animation-duration:.45s;-webkit-animation-duration:.45s;animation-duration:.45s}
.chat-logs .bx-message-item .bubble:nth-of-type(4){-moz-animation-duration:.6s;-webkit-animation-duration:.6s;animation-duration:.6s}
.chat-logs .bx-message-item .bubble:nth-of-type(5){-moz-animation-duration:.75s;-webkit-animation-duration:.75s;animation-duration:.75s}
.chat-logs .bx-message-item .bubble:nth-of-type(6){-moz-animation-duration:.9s;-webkit-animation-duration:.9s;animation-duration:.9s}
.chat-logs .bx-message-item .bubble:nth-of-type(7){-moz-animation-duration:1.05s;-webkit-animation-duration:1.05s;animation-duration:1.05s}
.chat-logs .bx-message-item .bubble:nth-of-type(8){-moz-animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-duration:1.2s}
.chat-logs .bx-message-item .bubble:nth-of-type(9){-moz-animation-duration:1.35s;-webkit-animation-duration:1.35s;animation-duration:1.35s}
.chat-logs .bx-message-item .bubble:nth-of-type(10){-moz-animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-duration:1.5s}
.chat-logs .bx-message-item .bubble{font-size:13px;position:relative;display:inline-block;padding:10px 12px;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:10px;margin-bottom:10px;line-height:1.5}
.chat-logs .bx-message-item .bubble:before{position:absolute;top:5px;display:block;width:8px;height:6px;content:'\00a0';-moz-transform:rotate(29deg) skew(-35deg);-ms-transform:rotate(29deg) skew(-35deg);-webkit-transform:rotate(29deg) skew(-35deg);transform:rotate(29deg) skew(-35deg)}
.chat-logs .bx-message-item .bubble.bx-date-time{width:100%;max-width:100%!important;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.chat-logs .bx-message-item .bubble.bx-date-time time{font-size:12px;color:#696969}
.chat-logs .bx-message-item .thumb-chat-video,.thumb-website,.thumb-chat-img{outline:none;font-size:13px;display:block;margin-bottom:.75rem;background-color:#fff}
.chat-logs .bx-message-item .thumb-chat-img .thumb-img img,.chat-logs .bx-message-item .thumb-chat-video .thumb-video img{max-width:170px;max-height:120px;border-radius:6px;border:1px solid #ececec;object-fit:cover}
.chat-logs .bx-message-item .thumb-chat-video.you,.chat-logs .bx-message-item .thumb-website.you,.chat-logs .bx-message-item .thumb-chat-img.you,.chat-logs .bx-message-item .thumb-chat-audio.you{float:left;color:#000;margin-top:10px;-webkit-align-self:flex-start;align-self:flex-start;-moz-animation-name:slideFromLeft;-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft;outline:none}
.chat-logs .bx-message-item .thumb-chat-video.me,.chat-logs .bx-message-item .thumb-website.me,.chat-logs .bx-message-item .thumb-chat-img.me,.chat-logs .bx-message-item .thumb-chat-audio.me{float:right;color:#000;margin-top:8px;-webkit-align-self:flex-end;align-self:flex-end;-moz-animation-name:slideFromRight;-webkit-animation-name:slideFromRight;animation-name:slideFromRight;outline:none}
.chat-logs .bx-message-item .bubble.you{float:left;color:#373a3c;background-color:#eceff1;-webkit-align-self:flex-start;align-self:flex-start;-moz-animation-name:slideFromLeft;-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft;box-shadow:0 .5px 0 0 rgba(0,0,0,0.2)}
.chat-logs .bx-message-item .bubble.you:before{left:-3px;background-color:#eceff1}
.chat-logs .bx-message-item .bubble.me{float:right;color:#373a3c;background-color:#c1ecff;-webkit-align-self:flex-end;align-self:flex-end;-moz-animation-name:slideFromRight;-webkit-animation-name:slideFromRight;animation-name:slideFromRight;box-shadow:0 .5px 0 0 rgba(0,0,0,0.2)}
.chat-logs .bx-message-item .bubble.me:before{right:-3px;background-color:#c1ecff}
.chat-logs .bx-message-item .bx-time-mess.you{float:left;font-size:11px;color:#ababab;text-align:left;margin-top:10px;margin-left:5px}
.chat-logs .bx-message-item .bx-time-mess.me{float:right;font-size:11px;color:#ababab;text-align:right;margin-top:10px;margin-right:5px}
.chat-logs .bx-message-item .bx-time-mess.me .time-mess{display:block;padding-bottom:4px}
.chat-logs .bx-read-message{width:100%;font-size:13px;position:relative;display:block;clear:both;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.chat-logs .bx-read-message .read-mess.me{float:right;font-size:12px;color:#ababab;text-align:right;margin-top:10px;margin-right:5px}
.chat-logs .bx-read-message .read-mess.me i{font-size:18px;position:absolute;right:85px}
.chat-logs::-webkit-scrollbar{width:4px;background-color:#F5F5F5}
.chat-logs::-webkit-scrollbar-thumb{background-color:#adadad;border:2px solid #b1b1b1}
.cb-dropdown .cb-dropdown-menu{display:none;position:absolute;background-color:#fff;min-width:160px;overflow:auto;right:6px;top:46px;line-height:1.5;z-index:1;box-shadow:0 0 4px 1px rgba(0,0,0,.175);-webkit-box-shadow:0 0 4px 1px rgba(0,0,0,.175);-moz-box-shadow:2px 3px 4px rgba(0,0,0,.175)}
.cb-dropdown .cb-dropdown-menu a{display:block;padding:8px 15px;font-size:13px;font-weight:100;text-decoration:none;color:#6b6b6b;letter-spacing:0;border-bottom:1px solid #e8e8e8}
.cb-dropdown .cb-dropdown-menu a:hover{background:#f1f1f1;color:#828282}
.cb-dropdown.open > .cb-dropdown-menu{display:block}
.chat-box-login .cb-phone{font-size:14px;padding:13px;width:90%;color:#5f5d5d;outline:none;line-height:1.5;border:0;background:#fff;margin:0 0 1em;border-radius:3px;box-shadow:1px 1px 1px 0 rgba(60,60,60,0.25)}
.chat-box-login .cb-btn-singin{font-size:14px;font-weight:600;color:#fff;background-color:#03A9F4;border:1px solid #5cb9ea;border-radius:3px;padding:.7em .5em;outline:none;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,0.25);box-shadow:1px 1px 1px 0 rgba(60,60,60,0.25)}
.chat-box-login .cb-text-msg-wrong{display:none;color:#F44336;font-size:13px;padding-bottom:10px;text-shadow:1px 1px 0 rgba(0,0,0,0.25)}
.cb-text-error{border:1px solid #f37e75!important}
.chat-box-verify .cb-verify-code{font-size:14px;padding:13px;width:90%;color:#5f5d5d;outline:none;line-height:1.5;border:0;background:#fff;margin:0 0 1em;border-radius:3px;box-shadow:1px 1px 1px 0 rgba(60,60,60,0.25)}
.chat-box-verify .cb-btn-verify{font-size:14px;font-weight:600;color:#fff;background-color:#03A9F4;border:1px solid #5cb9ea;border-radius:3px;padding:.7em .5em;outline:none;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,0.25);box-shadow:1px 1px 1px 0 rgba(60,60,60,0.25)}
.chat-box-verify .cb-text-msg-wrong{display:none;color:#FFC107;font-size:13px;padding-bottom:10px}
.chatbox-count-mess{font-size:13px;font-weight:700;color:#FFF;background:rgba(244,67,54,0.8392156862745098);line-height:24px;width:25px;height:25px;border-radius:5px;-webkit-border-radius:50%;-moz-border-radius:2em;-o-border-radius:2em;text-align:center;display:none;position:absolute;top:-5px;padding:3px;right:-5px;box-sizing:unset}
.chatbox-count-mess.show{display:block}
.chat-logs .bx-message-typing{width:100%;font-size:13px;position:relative;display:block;clear:both;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.chat-logs .bx-message-typing .msg-avatar{float:left;width:36px;height:36px;margin-right:13px;position:relative;overflow:hidden;border-radius:50%;border:1px solid #e8e8e8}
.chat-logs .bx-message-typing .msg-avatar img{position:absolute;float:left;top:50%;width:100%;min-height:36px;object-fit:cover;transform:translateY(-50%)}
.chat-logs .bx-message-typing .message-typing{position:absolute;font-size:13px;top:10px;color:#2888c6;letter-spacing:1px;animation:blink 1.5s linear infinite}
@keyframes blink {
0%{opacity:.5}
50%{opacity:1}
100%{opacity:1}
}