.live-chat-popup .display-none{display:none!important}
.live-chat-popup .error{color:#d60404;text-align:center;position:unset;background:unset;padding:10px 0 0}
.live-chat-popup ul{padding:0}
.live-chat-popup .btn-primary.focus,.live-chat-popup .btn-primary:focus{outline:unset;box-shadow:none}
.live-chat-popup button{border:none}
#frame_livechat{display:none}
.avatars{height:45px;position:relative;display:inline-block;width:50px}
.avatar-item{background:#fff;height:45px;width:45px;border-radius:50%;float:left;border:1px solid #fff;display:flex;align-items:center;justify-content:center;margin-left:-10px;position:relative}
.avatar-item:nth-child(1){margin-left:0;z-index:3}
.avatar-item:nth-child(2){z-index:2}
.status-chat.online{background-color:#02ca37}
span.status-chat{height:10px;width:5px;background-color:#ccc;padding:0 5px;border-radius:50%;position:absolute;right:4px;bottom:0;z-index:9}
.avatar-item img{z-index:0;position:relative;max-height:45px;max-width:45px;border-radius:50%}
.bot-chat-img{max-height:90px;max-width:unset;height:47px;width:auto}
.popup-chaomung,.popup-push{width:300px;position:fixed;right:1%;bottom:70px;z-index:10;background-color:#fff;border-radius:10px;box-shadow:0 0 5px var(--primary-bold-first)}
.popup-chaomung .modal-header,.popup-push .modal-header{position:absolute;right:0;border:none;z-index:1}
.popup-chaomung .modal-header .close,.popup-push .modal-header .close{padding:10px}
.popup-chaomung .modal-body,.popup-push .modal-body{overflow:hidden}
.popup-chaomung .header-popup{overflow:hidden;align-items:center;display:flex;margin-bottom:10px}
.popup-push .header-popup{overflow:hidden;align-items:center;display:flex}
.popup-chaomung .header-popup .name,.popup-push .header-popup .name{color:var(--primary);font-weight:700;margin-left:10px;float:left;width:calc(100% - 75px);text-align:left;margin-bottom:0}
.popup-chaomung .box-image,.popup-push .box-image{display:inline-block;float:left;width:50px}
.popup-chaomung .image,.popup-push .image{max-width:50px;height:50px;border-radius:50%;border:1px solid var(--primary);display:flex;align-items:center;justify-content:center}
.popup-chaomung .image img,.popup-push .image img{max-width:40px}
.popup-chaomung .content,.popup-push .content{margin-left:10px;margin-right:10px;float:left}
.popup-chaomung .modal-footer,.popup-push .modal-footer{padding:10px;justify-content:center}
.popup-push{width:300px}
.popup-push .text{margin-top:10px}
.icon-chat{position:fixed;right:17px;bottom:17px;justify-content:center;align-items:center;display:flex;width:50px;height:50px;text-align:center;border-radius:50%;cursor:pointer;z-index:10}
svg.chat-svg,svg.close-chat-svg{height:30px;width:30px;color:#fff}
svg.list-svg.cursor.menu-livechat-js{height:20px;width:20px;color:#fff;text-align:center;position:absolute;right:10px}
.live-chat-popup svg.svg-dropdown{height:25px;width:25px;color:#fff;text-align:center;position:absolute;right:5px;top:5px}
svg.attachment-svg,svg.image-svg,svg.send-svg{height:25px;width:25px}
.btn-send-message{color:#fff;border-radius:3px;float:left;padding:6px 8px;width:15%}
svg.download-svg{margin-right:5px;height:15px;width:15px}
.live-chat-popup{position:relative;z-index:999999999;overflow:hidden}
.live-chat-popup .modal-header{background-color:var(--primary-bold-first);display:flex;align-items:center;justify-content:stretch;position:relative}
.live-chat-popup .modal-header h5{color:#fff;margin-left:10px}
.live-chat-popup .modal-header .box-mnlivechat{position:absolute;background:var(--primary-bold-first);color:#fff;top:100%;right:0;padding:10px;border:1px solid #fff;border-radius:5px;z-index:1}
.live-chat-popup .modal-content{width:300px;right:17px;position:fixed;bottom:12%;z-index:9999}
.group-sample p{margin-bottom:0}
.group-sample input{margin-right:5px}
.list_messageSample{margin-left:20px}
.show-content .title{margin-top:10px}
.js-showEmoji img{max-height:25px;max-width:25px}
.count-chat{position:absolute;background:red;color:#fff;border-radius:50%;top:-5px;right:0;height:25px;width:25px}
.live-chat-popup .box-chat{height:100%;position:relative}
.live-chat-popup.is-scroll .modal-body{overflow-y:scroll}
.live-chat-popup .modal-body{height:350px;padding:10px;margin-bottom:3px}
.live-chat-popup .modal-body .scroll-messages p{overflow:hidden;clear:both;position:relative;margin-bottom:3px}
.live-chat-popup .modal-body .scroll-messages p label{margin-bottom:0}
.A_avatar{height:33px;width:33px;position:absolute;left:0;border-radius:50%;border:1px solid #f2f2f2;display:flex;align-items:center;justify-content:center}
.A_avatar img{border-radius:50%;max-height:30px;max-width:30px}
.A_avatar .status-chat.online{bottom:0;right:0;height:8px;width:8px;padding:0}
.live-chat-popup .list-images{width:100%;clear:both;padding:0 15px}
.live-chat-popup .image{float:left;display:flex;margin-bottom:5px;align-items:center;justify-content:center;position:relative;height:50px}
.live-chat-popup .image img{max-width:50px}
.close.remove-image-chat{position:absolute;top:-9px;right:-5px}
.live-chat-popup .image .close i{font-size:15px}
.AAA,.live-chat-popup .box-mess-time{position:relative;overflow:hidden}
.live-chat-popup .box-mess-time .time{font-size:10px;text-align:center;overflow:hidden;margin:0}
.live-chat-popup .fileA,.live-chat-popup .fileU,.live-chat-popup .item-message{background-color:var(--primary-second);border-radius:5px;padding:5px 8px;color:#000;clear:both;margin-bottom:3px}
.live-chat-popup .fileA,.live-chat-popup .item-message{margin-left:37px;position:relative}
.live-chat-popup .AAA .item-message:before,.live-chat-popup .fileA:before{position:absolute;content:'';border-left:5px solid transparent;border-top:5px solid transparent;border-right:5px solid var(--primary-second);border-bottom:5px solid transparent;left:-10px}
.live-chat-popup .UUU .item-message:before,.live-chat-popup .fileU:before{position:absolute;content:'';border-right:5px solid transparent;border-top:5px solid transparent;border-left:5px solid var(--primary);border-bottom:3px solid transparent;right:-9px;bottom:0}
.live-chat-popup .fileU a{color:#fff}
.live-chat-popup .fileU,.live-chat-popup .item-message.isUmess{float:right;color:#fff;background-color:var(--primary);margin-right:5px;border-bottom-right-radius:unset;position:relative}
.live-chat-popup .item-message.isUmess{margin-bottom:3px}
.live-chat-popup .images-u{width:100%;clear:both;float:right;display:flex;align-items:center;justify-content:flex-end}
.live-chat-popup .images-a{width:100%;clear:both;float:right;display:flex;align-items:center;justify-content:flex-start;position:relative}
.live-chat-popup .item-img{max-width:21%;float:left;margin:2%}
.live-chat-popup .images-a .item-img{margin-left:35px}
.item-message img,.live-chat-popup .item-img img{max-width:100%;height:40px}
.live-chat-popup .box-btn-livechat{display:flex;margin-left:0;width:100%;vertical-align:middle}
.live-chat-popup .box-btn-livechat button{max-height:36px;padding:3px 5px}
.btn-upload-image{background:unset;padding-right:0}
.btn-upload-file{background:unset;float:left;padding:6px;width:15%}
.live-chat-popup .modal-footer{padding:10px 10px 5px;display:block;overflow:hidden}
.js-showEmoji{padding:5px;font-size:20px;border-radius:5px;border:1px solid #bdbdbd!important;margin:0 3px}
.box-mess{position:relative}
.emoji-picker{position:relative;box-shadow:0 0 30px #525252;top:10px;left:0;right:0;margin:0;height:200px}
.emoji-picker:before{content:'';position:absolute;border-bottom:0 solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #303841;left:calc(50% - 10px);bottom:-10px}
#emojis{position:absolute;right:0;bottom:65px}
.emoji-selectables{max-height:250px;overflow-y:scroll;width:unset}
.emoji-selectables span img{height:unset}
.emoji-content{max-width:85%;min-width:200px}
.icon-chat .icon:before{display:none}
.live-chat-popup .modal-content.send-offline{position:fixed;top:unset}
.live-chat-popup .modal-content.send-offline .modal-body{border-bottom:none}
.success{background-color:#5ccf5c;padding:10px;color:#fff;border-radius:5px;margin-bottom:0}
.live-chat-popup .text{margin-bottom:0}
.txt_contact:first-child{margin-top:0!important}
.live-chat-popup .txt_contact{margin-top:10px!important;margin-bottom:0!important}
.live-chat-popup .message-send{height:45px}
.live-chat-popup .send-offline .modal-body{overflow-y:revert!important}
@media screen and (max-width:767px){.live-chat-popup .modal-content{width:280px}
.live-chat-popup .modal-body{height:320px;overflow-y:scroll}
.live-chat-popup .txt_contact{margin-top:10px!important}}
@media screen and (max-width:320px){.popup-chaomung,.popup-push{max-width:97%}}