.show-on-lg-down[data-v-620ba9c3],.show-on-md-down[data-v-620ba9c3]{display:none!important;visibility:hidden!important}@media screen and (max-width:1023px){.show-on-lg-down[data-v-620ba9c3]{display:inherit!important;visibility:visible!important}.live-support-layout[data-v-620ba9c3]{overflow:hidden}.bot-view-wrap[data-v-620ba9c3]{position:absolute;left:-400px;top:0}.chat-view-wrap[data-v-620ba9c3]{max-width:100%!important;width:100%!important;-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;position:relative;left:0}.bot-view-wrap[data-v-620ba9c3],.chat-view-wrap[data-v-620ba9c3]{-webkit-transition:left .25s ease-out;transition:left .25s ease-out}.router-name-bot .bot-view-wrap[data-v-620ba9c3]{left:0}}@media screen and (max-width:1023px){.bot-view-wrap[data-v-620ba9c3]{height:100%}.report-header[data-v-620ba9c3]{padding-left:0!important;padding-right:10px!important}.report-header>a[data-v-620ba9c3]{margin-left:0;font-size:13px;padding-left:10px}.report-header>a .v-icon[data-v-620ba9c3]{font-size:18px}.report-header .report-back-btn[data-v-620ba9c3]{background:transparent!important;border:none!important}.report-header .report-back-btn[data-v-620ba9c3]:before{display:none!important}.report-header .report-title[data-v-620ba9c3]{text-align:center;font-size:16px!important;max-width:calc(100% - 220px);padding:10px 0}.report-header .report-bot-list[data-v-620ba9c3]{font-size:13px;white-space:nowrap}.report-header .report-bot-list .v-icon[data-v-620ba9c3]{font-size:18px}.report-filter[data-v-620ba9c3]{-ms-flex-wrap:wrap;flex-wrap:wrap}.report-filter>.flex[data-v-620ba9c3]{padding-left:10px!important;padding-right:10px!important;width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.report-filter>button[data-v-620ba9c3]{margin-bottom:12px}.report-filter .report-buttons[data-v-620ba9c3]{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.report-filter .report-buttons button[data-v-620ba9c3]{margin-bottom:12px}.report-filter .report-buttons button[data-v-620ba9c3]:first-child{margin-left:0}.chart-wrapper[data-v-620ba9c3]{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media screen and (max-width:767px){.show-on-md-down[data-v-620ba9c3]{display:inherit!important;visibility:visible!important}.hide-on-md-down[data-v-620ba9c3]{display:none!important;visibility:hidden!important}.conversation-menu[data-v-620ba9c3]{width:auto;max-width:220px}.router-name-bot .chat-view-wrap[data-v-620ba9c3]{left:400px}.router-name-bot .staff-chat-icon-wrap[data-v-620ba9c3]{display:none}.sender-n-supporter-name[data-v-620ba9c3]{width:auto;max-width:calc(100% - 100px)}.supporter-name[data-v-620ba9c3]{overflow:hidden;overflow-x:auto;white-space:nowrap}.sidebar-wrap .layout>.side-box-title[data-v-620ba9c3],.sidebar-wrap .side-box .side-box-header-info .side-box-title[data-v-620ba9c3],.sidebar-wrap .side-box .side-box-header .side-box-title[data-v-620ba9c3]{font-size:20px}}@media screen and (max-width:599px){.bot-view-wrap[data-v-620ba9c3]{max-width:100%!important;width:100%!important;-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;left:-100%}.sidebar-wrap[data-v-620ba9c3]{width:100%!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.2)}.sidebar-wrap>.side-box[data-v-620ba9c3]{border-radius:4px;overflow:hidden;height:90%;width:90%}.router-name-bot .chat-view-wrap[data-v-620ba9c3]{left:100%}.router-name-bot .sidebar-wrap[data-v-620ba9c3]{display:none!important}.staff-chat-icon-wrap[data-v-620ba9c3]{margin:0!important}.staff-chat-icon-wrap .staff-chat-icon[data-v-620ba9c3]{padding:0;margin:0}.chatview-footer .chatview-footer-actions button[data-v-620ba9c3]{font-size:13px}.chatview-footer .chatview-footer-actions button img[data-v-620ba9c3]{height:15px;width:auto}.setting-table .user-icon[data-v-620ba9c3]{display:none}.setting-table .staff-email[data-v-620ba9c3]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.setting-table .staff-item[data-v-620ba9c3]{padding-left:0;padding-right:0}.setting-table .staff-item>.layout[data-v-620ba9c3]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.setting-table .staff-item .toggle-setting[data-v-620ba9c3]{margin-right:0!important}}[data-v-620ba9c3] #chat-input-txt{max-height:100px!important;overflow-y:auto;margin-right:4px;margin-top:0;padding:10px 0;font-size:14px!important}[data-v-620ba9c3] #chat-input-txt::-webkit-scrollbar-thumb{visibility:visible;background-color:#ececec;opacity:.2;border-radius:100px}[data-v-620ba9c3] #chat-input-txt::-webkit-scrollbar-thumb:hover{background-color:#2c2c2c}[data-v-620ba9c3] #chat-input-txt::-webkit-scrollbar{width:4px;cursor:pointer}.chatview[data-v-620ba9c3]{height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chatview .chatview-header[data-v-620ba9c3]{-webkit-box-shadow:0 4px 5px rgba(0,0,0,.08);box-shadow:0 4px 5px rgba(0,0,0,.08);z-index:10;position:absolute;height:60px;padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background-color:#fff}.chatview .chatview-header[data-v-620ba9c3] .v-btn:not(.back-to-list):not(.not-custom-ui){border:2px solid #ededf2;color:#0052cc;padding:10px;min-width:0}.chatview .chatview-header[data-v-620ba9c3] .v-btn:not(.back-to-list):not(.not-custom-ui) .v-btn__content{width:auto}.chatview .chatview-header .sender-n-supporter-name[data-v-620ba9c3]{-webkit-box-flex:1;-ms-flex:1 1 1px;flex:1 1 1px;max-width:calc(100% - 85px)}.chatview .chatview-header .sender-n-supporter-name .sender-name[data-v-620ba9c3]{font-size:20px;line-height:22px;color:#16171d;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatview .chatview-content[data-v-620ba9c3]{overflow:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:10px 20px;scroll-behavior:smooth;background:#f7f7fc;z-index:1;position:relative}.chatview .chatview-content.show-rss[data-v-620ba9c3]{height:calc(100% - 137px)}.chatview .chatview-content.show-rss.active-rss[data-v-620ba9c3]{height:calc(100% - 425px)}.chatview .chatview-content[data-v-620ba9c3]::-webkit-scrollbar{width:6px}.chatview .chatview-content[data-v-620ba9c3]::-webkit-scrollbar-thumb:hover{background:#555}.chatview .chatview-content .content-row[data-v-620ba9c3]{padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chatview .chatview-content .content-row.left[data-v-620ba9c3]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chatview .chatview-content .content-row.left .content-wrapper[data-v-620ba9c3]{background:#fff}.chatview .chatview-content .content-row.right[data-v-620ba9c3]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chatview .chatview-content .content-row.right .content-wrapper[data-v-620ba9c3]{background:#4977ee;color:#fff}.chatview .chatview-content .content-row .content-icon[data-v-620ba9c3]{width:30px;height:30px}.chatview .chatview-content .content-row .content-wrapper[data-v-620ba9c3]{border-radius:5px;padding:5px;margin:0 5px}.chatview .chatview-content .content-row .content-time[data-v-620ba9c3]{color:#999;font-size:.7em}.chatview .chatview-content .msg-holder[data-v-620ba9c3]{display:block;width:100%;float:left}.chatview .chatview-footer[data-v-620ba9c3]{-webkit-box-shadow:0 -1px 0 #dfdfdf,0 -20px 30px rgba(0,0,0,.05);box-shadow:0 -1px 0 #dfdfdf,0 -20px 30px rgba(0,0,0,.05);padding:0 12px;position:relative}.chatview .chatview-footer .assign-action[data-v-620ba9c3],.chatview .chatview-footer[data-v-620ba9c3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chatview .chatview-footer .assign-action[data-v-620ba9c3]{width:calc(100% - 26px);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.chatview .chatview-footer .support-action[data-v-620ba9c3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.chatview .chatview-footer .support-action button[data-v-620ba9c3]{margin:3px}.chatview .chatview-footer .support-action .action-viewport[data-v-620ba9c3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chatview .chatview-footer .support-action .action-viewport .chat-input[data-v-620ba9c3]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border:1px solid #e0e0e0;border-radius:4px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chatview .chatview-footer .support-action .action-viewport .chat-action[data-v-620ba9c3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.chatview .chatview-footer .support-action .file-viewport[data-v-620ba9c3]{padding:10px 0;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.chatview .chatview-footer .support-action .file-viewport .file-item[data-v-620ba9c3]{height:60px;background-color:#d6d9dd;border-radius:10px;border:1px solid #ededf2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;max-width:200px;padding:5px}.chatview .chatview-footer .support-action .file-viewport .file-item button[data-v-620ba9c3]{position:absolute;top:-8px;right:-8px;border:1px solid #d6d9de!important}.chatview .chatview-footer .support-action .file-viewport .image-item[data-v-620ba9c3]{width:60px;height:60px;border-radius:10px;background-size:cover;position:relative}.chatview .chatview-footer .support-action .file-viewport .image-item button[data-v-620ba9c3]{position:absolute;top:-8px;right:-8px;border:1px solid #d6d9de!important}.chatview .chatview-footer .support-action .file-viewport .file-name[data-v-620ba9c3]{font-weight:700;font-size:14px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.chatview .chatview-footer .support-action form[data-v-620ba9c3]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chatview .chatview-footer .support-action textarea[data-v-620ba9c3]{font-size:14px;height:38px;resize:none;min-height:38px;padding:8px 0}.chatview .chatview-footer .support-action textarea[data-v-620ba9c3]:focus{outline:none}input[data-v-620ba9c3]{padding-left:5px;width:100%;margin:5px}input[data-v-620ba9c3]:focus{outline:none}.box-msg[data-v-620ba9c3]{float:left;width:100%;height:auto;padding:1px 0}.first-box-msg[data-v-620ba9c3]{padding-top:15px}.last-box-msg[data-v-620ba9c3]{padding-bottom:10px}[data-v-620ba9c3] .v-badge__badge{top:-3px!important;right:-3px!important}.staff-icon[data-v-620ba9c3]{background:#19ab66;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:16px}.button-notes[data-v-620ba9c3]{background:#7c7c7c;border:1px solid #707070;border-radius:4px}.button-mark-done[data-v-620ba9c3],.button-notes[data-v-620ba9c3]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 2px 0 hsla(0,0%,100%,.2);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.2);text-transform:none}.button-mark-done[data-v-620ba9c3]{background:#42be80;border:1px solid #35a26c;border-radius:4px}@media only screen and (max-width:1440px){.staff-icon[data-v-620ba9c3]{width:40px;height:40px;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px}.button-mark-done[data-v-620ba9c3],.button-notes[data-v-620ba9c3]{padding:0!important;min-width:36px!important}}@media only screen and (min-width:1440px){.staff-icon[data-v-620ba9c3]{width:48px;height:48px;-webkit-box-flex:0;-ms-flex:0 0 48px;flex:0 0 48px}.button-notes.btn-icon[data-v-620ba9c3]{padding:0!important;min-width:36px!important}}.msg-1[data-v-620ba9c3]{background-color:#fff}.msg-1[data-v-620ba9c3],.msg-2[data-v-620ba9c3]{max-width:60%;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content;display:table;padding:15px;position:relative;border-radius:5px;font-size:16px}.msg-2[data-v-620ba9c3]{float:right;text-align:left;background-color:#4977ee;color:#fff}.img-message-content[data-v-620ba9c3]{width:100%;padding:10px 10px;background-color:#dcdcdc;border-radius:4px;white-space:pre-line}.quick-reply-button-display[data-v-620ba9c3]{padding:5px 0 10px;text-align:center}.quick-reply-button-display button[data-v-620ba9c3]{border:1px solid #64c8cc;border-radius:3px;padding:2px 10px;margin-right:10px;margin-bottom:5px}.quick-reply-button-display button[data-v-620ba9c3]:last-child{margin-right:0}.customer-icon[data-v-620ba9c3]{width:60px;height:60px;border-radius:50%}[data-v-620ba9c3] .v-btn{text-transform:capitalize}.session_hr_time[data-v-620ba9c3]{width:100%;padding:15px 0 10px;position:relative;color:#a1a1a1;font-size:small}.session_hr_time hr[data-v-620ba9c3]{border-bottom:none}.session_hr_time span[data-v-620ba9c3]{padding:0 5px;position:relative;left:calc(50% - 55px);top:-11px;background-color:#eaeaea;font-size:12px}.chat_view_loading[data-v-620ba9c3]{position:absolute;width:100%;height:100%;top:0;z-index:99999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding-top:15%}.chat_view_loading .loading_overlay[data-v-620ba9c3]{position:absolute;width:100%;height:100%;top:0;background-color:#000;opacity:.2}.user-inactive-container[data-v-620ba9c3]{position:absolute;left:0;top:-60px;width:100%;height:40px;display:grid;place-items:center;z-index:1}.user-inactive-container .user-inactive[data-v-620ba9c3]{-webkit-animation:user-inactive-pulse-data-v-620ba9c3 2s linear infinite;animation:user-inactive-pulse-data-v-620ba9c3 2s linear infinite;background:#e53737}.user-inactive-container .latest-message[data-v-620ba9c3],.user-inactive-container .user-inactive[data-v-620ba9c3]{cursor:pointer;color:#fff;height:40px;padding:10px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-inactive-container .latest-message[data-v-620ba9c3]{background:#0052cc}@-webkit-keyframes user-inactive-pulse-data-v-620ba9c3{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes user-inactive-pulse-data-v-620ba9c3{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.friend-sell[data-v-620ba9c3]{height:27px;border-top:1px solid #dfdfe4;background:#fff;overflow:hidden}.friend-sell.active[data-v-620ba9c3]{height:315px;border-bottom:1px solid #dfdfe4}.friend-sell .rss-category[data-v-620ba9c3]{cursor:pointer}.friend-sell .friend-sell-header[data-v-620ba9c3]{display:block;min-height:26px;border-bottom:1px solid #dfdfe4;padding-right:25px;position:relative;white-space:nowrap}.friend-sell .friend-sell-header.remove-right-padding[data-v-620ba9c3]{padding-right:0}.friend-sell .friend-sell-header .rss-category[data-v-620ba9c3]{display:block;height:25px;line-height:25px;overflow:hidden;overflow-x:auto}.friend-sell .friend-sell-header .rss-category[data-v-620ba9c3]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.05);background-color:#f5f5f5}.friend-sell .friend-sell-header .rss-category[data-v-620ba9c3]::-webkit-scrollbar{height:3px;background-color:#f5f5f5}.friend-sell .friend-sell-header .rss-category[data-v-620ba9c3]::-webkit-scrollbar-thumb{background-color:#666}.friend-sell .friend-sell-header .rss-category>div[data-v-620ba9c3]{display:inline-block;vertical-align:top;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0 12px;border-right:1px solid #dfdfe4;font-size:14px;font-weight:700;color:#888a9a;white-space:nowrap}.friend-sell .friend-sell-header .rss-category>div[data-v-620ba9c3]:last-child{border:none}.friend-sell .friend-sell-header .rss-category>div.active[data-v-620ba9c3]{background:#888a9a;color:#fff}.friend-sell .friend-sell-header .hide-rss[data-v-620ba9c3]{position:absolute;right:0;top:0;border-left:1px solid #dfdfe4}.friend-sell .friend-sell-body[data-v-620ba9c3]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto;height:calc(100% - 26px)}.friend-sell .friend-sell-body .item[data-v-620ba9c3]{-webkit-box-flex:0;-ms-flex:0 0 220px;flex:0 0 220px;width:220px;margin:20px}.friend-sell .friend-sell-body .item .item-title[data-v-620ba9c3]{width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:700;height:42px}.friend-sell .friend-sell-body .item .item-img[data-v-620ba9c3]{width:100%;height:130px;background-size:cover}.friend-sell .friend-sell-body .friend-sell-btn[data-v-620ba9c3]{border:1px solid #ededf2;min-width:auto}[data-v-620ba9c3]::-webkit-scrollbar{width:6px;height:6px}[data-v-620ba9c3]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#888;max-height:5px}.chat-supporter[data-v-620ba9c3]{padding:1px 8px;font-size:12px;color:#fff;border-radius:5px;margin-right:6px;white-space:nowrap}.mark-new-request[data-v-620ba9c3]{max-width:90%;overflow:hidden;border:2px dashed #b2b4c6;padding:2px 20px;border-radius:10px;color:#888a9a;text-align:center;margin:5px 0}.badge[data-v-620ba9c3]{top:-15px;right:-20px;position:absolute;width:20px;height:20px;background-color:red;border-radius:20px;color:#fff;font-size:13px!important}.badge-small[data-v-620ba9c3]{width:18px;height:18px;background-color:red;border-radius:100%;color:#fff;font-size:13px}.agent-quick-response[data-v-620ba9c3]{-ms-overflow-style:none;scrollbar-width:none;height:60px;width:100%;position:absolute;top:-70px;z-index:1;background-color:transparent;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:revert;flex-direction:revert;overflow-y:scroll;left:0;padding:0 8px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.agent-quick-response .agent-quick-response-item[data-v-620ba9c3]{border:1px solid #7f8498;background-color:#fff;border-radius:3px;opacity:1;padding:2px 4px;margin:3px;cursor:pointer;height:24px;font-size:12px;color:#5b617e}.agent-quick-response[data-v-620ba9c3]::-webkit-scrollbar{display:none}