.panel[data-v-d7b7e764]{height:100%;margin:0}.card-chat[data-v-d7b7e764]{height:100%;background-color:#fff;border-radius:0}.contacts_body[data-v-d7b7e764]{height:100%;padding:0!important;overflow-y:auto;white-space:nowrap}.contacts_body[data-v-d7b7e764]::-webkit-scrollbar{width:.35em}.contacts_body[data-v-d7b7e764]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px hsla(0,1.3%,69%,.3);box-shadow:inset 0 0 6px hsla(0,1.3%,69%,.3)}.contacts_body[data-v-d7b7e764]::-webkit-scrollbar-thumb{background-color:#c1c1c1;outline:1px solid #c1c1c1}.card-chat-header[data-v-d7b7e764]{border-radius:15px 15px 0 0!important;border-bottom:0!important}.card-chat-footer[data-v-d7b7e764]{border-radius:0 0 15px 15px!important;border-top:0!important}.search[data-v-d7b7e764]{border-radius:15px 0 0 15px!important;background-color:rgba(0,0,0,.3)!important;border:0!important;color:#fff!important}.search[data-v-d7b7e764]:focus{-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important}.search_btn[data-v-d7b7e764]{border-radius:0 15px 15px 0!important;background-color:rgba(0,0,0,.3)!important;border:0!important;color:#fff!important;cursor:pointer}.contacts[data-v-d7b7e764]{list-style:none;padding:0;cursor:pointer;border-bottom:1px solid #e4e4e4;background-color:hsla(0,0%,100%,.7333333333)}.contacts li[data-v-d7b7e764]{width:100%!important;padding:5px 10px}.active[data-v-d7b7e764]{background-color:hsla(0,0%,68.6%,.2)}.user_img[data-v-d7b7e764]{height:36px;width:36px;border:1.5px solid #f5f6fa}.user_img_display[data-v-d7b7e764]{width:100%;padding-bottom:100.5%;background-size:contain;background-position:50%;background-repeat:no-repeat;background-color:#fff}.img_cont[data-v-d7b7e764]{position:relative;height:36px;width:36px}.online_icon[data-v-d7b7e764]{position:absolute;height:15px;width:15px;background-color:#4cd137;border-radius:50%;bottom:.2em;right:.4em;border:1.5px solid #fff}.offline[data-v-d7b7e764]{background-color:#c23616!important}.user_info[data-v-d7b7e764]{margin-top:auto;margin-bottom:auto;margin-left:15px}.user_info span[data-v-d7b7e764]{font-size:18px;color:#000}.user_info p[data-v-d7b7e764],.user_info span[data-v-d7b7e764]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.user_info p[data-v-d7b7e764]{font-size:16px;color:#9c9c9c}.unread-conversation[data-v-d7b7e764]{color:#000!important;font-size:18px!important}.update-time-inbox[data-v-d7b7e764]{position:relative;font-size:17px;width:auto;color:#9c9c9c;margin:auto 0}.update-time-inbox .unread-message[data-v-d7b7e764]{color:#ef4453;border-radius:50%!important;height:10px;margin-bottom:8px;text-align:right}.loading-prepare[data-v-d7b7e764],.reload-chat[data-v-d7b7e764]{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;height:100%;width:100%}@media(max-width:767.98px){.card-chat[data-v-d7b7e764]{height:calc(100% - 104px);background-color:#fff;border-radius:0;position:fixed;width:100%;top:104px;left:0}.contacts_body[data-v-d7b7e764]{position:relative;width:100%;top:0;left:0}}.msg_cotainer_send_img[data-v-4833cca4]{margin-top:auto;margin-bottom:auto;margin-left:auto;padding:2px 10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:80%}.msg_cotainer_send_img div[data-v-4833cca4]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.msg_cotainer_send_img div .img_upload[data-v-4833cca4]{margin-left:auto;height:auto;max-height:20rem;width:100%;max-width:30rem}.msg_cotainer_send_img div .img_upload .img_upload-display[data-v-4833cca4]{width:100%;padding-bottom:56.25%;background-size:contain;background-position:100% 0;background-repeat:no-repeat;background-color:#fff}.msg_cotainer_send[data-v-4833cca4]{margin-top:auto;margin-bottom:auto;margin-right:10px;border-radius:4px;background-color:#f3591f;color:#fff;padding:10px;position:relative;max-width:82%;min-width:25%;font-size:14px}.spinner-grow[data-v-4833cca4]{width:20px;height:20px}.msg_wrap[data-v-4833cca4]{white-space:pre-line;overflow-wrap:break-word}.msg_time_send[data-v-4833cca4]{position:absolute;right:0;bottom:-15px;color:#dbdbdb;font-size:10px}.msg_cotainer_send_img .msg_time_send[data-v-4833cca4]{padding-right:10px}.user_img_msg[data-v-4833cca4]{height:40px;width:40px;border:1.5px solid #f5f6fa}.user_img_display[data-v-4833cca4]{width:100%;padding-bottom:100.5%;background-size:contain;background-position:50%;background-repeat:no-repeat;background-color:#fff}.msg_cotainer_img[data-v-4833cca4]{margin-top:auto;margin-bottom:auto;padding:2px 10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:80%}.msg_cotainer_img div[data-v-4833cca4]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.msg_cotainer_img div .img_upload[data-v-4833cca4]{margin-right:auto;height:auto;max-height:20rem;width:100%;max-width:30rem}.msg_cotainer_img div .img_upload .img_upload-display[data-v-4833cca4]{width:100%;padding-bottom:56.25%;background-size:contain;background-position:0 0;background-repeat:no-repeat;background-color:#fff}.img_cont_msg[data-v-4833cca4]{height:40px;width:40px}.msg_cotainer[data-v-4833cca4]{margin-top:auto;margin-bottom:auto;margin-left:10px;border-radius:4px;background-color:#dbdbdb;padding:10px;position:relative;max-width:82%;min-width:25%;font-size:14px}.msg_time[data-v-4833cca4]{position:absolute;left:0;bottom:-15px;color:#dbdbdb;font-size:10px}.msg_cotainer_img .msg_time[data-v-4833cca4]{padding-left:10px}.loading-dummy-img[data-v-4833cca4]{position:absolute;width:20%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.panel[data-v-a5df252c]{height:100%;margin:0}.card-box[data-v-a5df252c]{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;height:100%;position:relative}.card-box-header[data-v-a5df252c]{background-color:#fff;padding:.4rem 1rem}.wrpa-msg_card_body[data-v-a5df252c]{position:relative;height:100%;padding-left:5px;display:contents}.msg_card_body[data-v-a5df252c]{overflow:hidden;overflow-y:auto;width:100%;height:100%;padding:10px 5px 3px 5px}.msg_card_body[data-v-a5df252c]::-webkit-scrollbar{width:.35em}.msg_card_body[data-v-a5df252c]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px hsla(0,1.3%,69%,.3);box-shadow:inset 0 0 6px hsla(0,1.3%,69%,.3)}.msg_card_body[data-v-a5df252c]::-webkit-scrollbar-thumb{background-color:#c1c1c1;outline:1px solid #c1c1c1}.wrap-card-box-footer[data-v-a5df252c]{position:relative;bottom:0;width:100%;background:#fff}.container[data-v-a5df252c]{-ms-flex-line-pack:center;align-content:center}.type_msg[data-v-a5df252c]{background-color:inherit!important;color:#575757!important;overflow:hidden;resize:none;padding-left:15px;padding-right:15px}.type_msg[data-v-a5df252c]:focus{-webkit-box-shadow:rgba(0,0,0,.164)!important;box-shadow:rgba(0,0,0,.164)!important;outline:0!important;border:1px solid rgba(0,0,0,.164)!important}.type_msg[data-v-a5df252c]::-webkit-input-placeholder{color:#dbdbdb}.type_msg[data-v-a5df252c]::-moz-placeholder{color:#dbdbdb}.type_msg[data-v-a5df252c]:-ms-input-placeholder{color:#dbdbdb}.type_msg[data-v-a5df252c]::-ms-input-placeholder{color:#dbdbdb}.type_msg[data-v-a5df252c]::placeholder{color:#dbdbdb}.attach_btn[data-v-a5df252c]{border-radius:22px!important}.attach_btn[data-v-a5df252c],.send_btn[data-v-a5df252c]{background-color:inherit!important;border:0!important;color:#f3591f!important;cursor:pointer}.active[data-v-a5df252c]{background-color:rgba(0,0,0,.3)}.user_img[data-v-a5df252c]{height:40px;width:40px;border:1.5px solid #dbdbdb}.user_img_display[data-v-a5df252c]{width:100%;padding-bottom:100.5%;background-size:contain;background-position:50%;background-repeat:no-repeat;background-color:#fff}.img_back[data-v-a5df252c]{position:relative;height:44px;width:auto}.img_back_icon[data-v-a5df252c]{height:100%;width:15px;color:#f3591f}.img_cont[data-v-a5df252c]{position:relative;height:40px;width:40px;margin-right:15px}.img_cont img[data-v-a5df252c]{background-color:#fff}.img_cont svg[data-v-a5df252c]{padding:5px}.online_icon[data-v-a5df252c]{position:absolute;height:15px;width:15px;background-color:#4cd137;border-radius:50%;bottom:.2em;right:.4em;border:1.5px solid #fff}.offline[data-v-a5df252c]{background-color:#c23616!important}.user_info[data-v-a5df252c]{margin-top:auto;margin-bottom:auto}.user_info span[data-v-a5df252c]{font-size:20px;color:#2b2b2b}.video_cam[data-v-a5df252c]{margin-left:50px;margin-top:5px}.video_cam span[data-v-a5df252c]{color:#fff;font-size:20px;cursor:pointer;margin-right:20px}.msg_head[data-v-a5df252c]{position:relative;border-bottom:1px solid #e6e7eb}#action_menu_btn[data-v-a5df252c]{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:20px}.action_menu[data-v-a5df252c]{z-index:1;position:absolute;padding:15px 0;background-color:rgba(0,0,0,.5);color:#fff;border-radius:15px;top:30px;right:15px;display:none}.action_menu ul[data-v-a5df252c]{list-style:none;padding:0;margin:0}.action_menu ul li[data-v-a5df252c]{width:100%;padding:10px 15px;margin-bottom:5px}.action_menu ul li i[data-v-a5df252c]{padding-right:10px}.action_menu ul li[data-v-a5df252c]:hover{cursor:pointer;background-color:rgba(0,0,0,.2)}.input-group>.custom-select[data-v-a5df252c]:not(:first-child),.input-group>.form-control[data-v-a5df252c]:not(:first-child){border-radius:22px}.loading-prepare[data-v-a5df252c],.reload-chat[data-v-a5df252c]{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;height:100%;width:100%}.loading-message[data-v-a5df252c]{position:relative;top:0;left:0;z-index:1;background-color:inherit}.loading-message .spinner-grow[data-v-a5df252c]{width:20px;height:20px}.panel-wellcome-chat[data-v-a5df252c]{padding-top:20%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%}.panel-wellcome-chat p[data-v-a5df252c]{color:#2b2b2b}.wrap-other-chat-img[data-v-a5df252c]{height:100px;width:100px}.other-chat-img[data-v-a5df252c]{width:100%;padding-bottom:100.5%;background-size:contain;background-position:50%;background-repeat:no-repeat}@media(max-width:767.98px){.card-box-header[data-v-a5df252c]{padding:.4rem 1.25rem;position:-webkit-sticky;position:sticky;top:104px;width:100%;z-index:1}.img_back[data-v-a5df252c]{height:30px}.img_cont[data-v-a5df252c],.user_img[data-v-a5df252c]{height:30px;width:30px}.user_info span[data-v-a5df252c]{font-size:14px}.wrpa-msg_card_body[data-v-a5df252c]{position:fixed;top:104px;left:0;background-color:#fff;width:100%;height:100%}.msg_card_body[data-v-a5df252c]{position:relative;height:calc(100% - 198px);padding:10px 5px 3px 5px}.wrap-card-box-footer[data-v-a5df252c]{position:fixed;width:100%!important;z-index:1020;background-color:#fff;padding-bottom:10px}}.panel-wellcome-chat[data-v-7aac6001]{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;height:60vh;width:100%}.panel-list-chat[data-v-7aac6001]{width:35%}.panel-box-chat[data-v-7aac6001]{width:65%;height:100%}@media(max-width:1440px){.panel-list-chat[data-v-7aac6001]{width:40%}.panel-box-chat[data-v-7aac6001]{width:60%}}@media(max-width:1024px){.panel-box-chat[data-v-7aac6001],.panel-list-chat[data-v-7aac6001]{width:50%}}@media(max-width:767.98px){.panel-box-chat[data-v-7aac6001],.panel-list-chat[data-v-7aac6001]{width:100%}}.content-page[data-v-d247a772]{background-color:#fff;position:absolute;width:100%;height:100%;min-height:calc(100vh - 154px)}@media (max-width:767.98px){.content-page[data-v-d247a772]{background-color:#fff;position:fixed;top:104px;width:100%;height:100%;z-index:1010}}