.no-data-found[data-v-25182ece]{text-align:center;width:100%;border-radius:10px;background-color:#f8f9fa;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border:1px solid #e9ecef}.no-data-found__image[data-v-25182ece]{width:100px !important;height:80px !important;margin:0 auto;display:block}.no-data-found__text[data-v-25182ece]{color:#6c757d;font-size:1.5rem;font-weight:500;margin-top:1rem !important;margin-bottom:0}.no-data-found-wrapper[data-v-25182ece]{width:100%;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.colorful-icon svg path{fill:#18c5bd !important}
.menu-link[data-v-0b651ed4]{position:relative !important;border-radius:0}.action-dots-item.btn[data-v-0b651ed4]{background-color:#f1f1f1 !important}.action-dots-item:hover.btn[data-v-0b651ed4],.action-dots-item.active.btn[data-v-0b651ed4]{background-color:#18c5bd !important}.action-dots-item:hover.btn i[data-v-0b651ed4],.action-dots-item.active.btn i[data-v-0b651ed4]{color:#fff !important}
.menu-link[data-v-4be5721e]:hover{background-color:var(--bs-active-primary) !important;color:var(--bs-white) !important;border-radius:0rem !important;transition:all .3s ease-in-out}
@media(min-width: 1200px){.modal[data-v-1a8e15b1]{position:fixed;top:0;left:300px;z-index:1055;display:none;width:calc(100% - 300px);height:100%;overflow-x:hidden;overflow-y:auto;outline:0}}

.svg-icon.svg-icon-2x svg[data-v-03019456] {
  width: 1.7rem !important;
  height: 1.7rem !important;
}
.px-5[data-v-03019456] {
  word-wrap: break-word;
  word-break: break-word;
}

/* Image Attachment */
.attachment-image-wrapper[data-v-03019456] {
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  max-width: 300px;
}
.attachment-image[data-v-03019456] {
  width: 100%;
  max-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  display: block;
}
.image-name[data-v-03019456] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 10px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  color: white;
  font-size: 11px;
}

/* Video Attachment */
.attachment-video-wrapper[data-v-03019456] {
  max-width: 300px;
  border-radius: 8px;
  overflow: hidden;
}
.attachment-video[data-v-03019456] {
  width: 100%;
  max-height: 250px;
  display: block;
  border-radius: 8px;
}
.video-name[data-v-03019456] {
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.05);
  font-size: 11px;
  color: #5e6278;
}

/* Document Attachment */
.attachment-document[data-v-03019456] {
  display: flex;
  align-items: center;
  padding: 12px;
  background: white;
  border: 1px solid #e4e6ef;
  border-radius: 8px;
  max-width: 350px;
}


.px-5[data-v-1f85366f] {
  word-wrap: break-word;
  word-break: break-word;
}

.backdrop_div[data-v-e9bb1162]{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0);z-index:9}
.chat-upload-media-btn{height:50px}.image-display{display:flex;align-items:center}@media(min-width: 1200px)and (max-width: 1535px){.image-display{display:block}}
.chat-media-height[data-v-9c94780e]{height:calc(100vh - 200px);overflow-y:auto}.skeleton-image[data-v-9c94780e]{width:54px;height:54px;border-radius:10px;background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-9c94780e 1.5s infinite}.skeleton-text[data-v-9c94780e]{height:16px;background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-9c94780e 1.5s infinite;border-radius:4px}.skeleton-title[data-v-9c94780e]{width:60%}.skeleton-details[data-v-9c94780e]{width:40%;margin-top:8px}@keyframes skeleton-loading-9c94780e{0%{background-position:200% 0}100%{background-position:-200% 0}}
.social-media-badge[data-v-372a499a]{position:absolute;bottom:-1px;right:-3px;background-color:#fff;color:#fff;border-radius:50%;width:18px;height:18px;text-align:center;font-size:12px;line-height:18px;font-weight:bold;box-shadow:0 0 0 .1rem #fff}.social-media-badge img[data-v-372a499a]{width:12px;height:12px}.email-attachments-container[data-v-372a499a]{padding:12px 16px;background-color:#f9fafb;border-radius:8px;border:1px solid #e4e6ef}.attachments-list[data-v-372a499a]{display:flex;flex-wrap:wrap;gap:12px}.attachment-item[data-v-372a499a]{display:flex;flex-direction:column;align-items:center;width:80px}.attachment-preview[data-v-372a499a]{position:relative;width:80px;height:80px;border-radius:8px;overflow:visible;background-color:#fff;border:1px solid #e1e3ea;transition:all .2s ease}.attachment-preview[data-v-372a499a]:hover{border-color:#009ef7;box-shadow:0 2px 8px rgba(0,158,247,.15)}.attachment-thumbnail[data-v-372a499a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:8px}.attachment-doc[data-v-372a499a]{display:flex;align-items:center;justify-content:center;background-color:#f5f8fa}.attachment-remove-btn[data-v-372a499a]{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;background-color:#f1416c;color:#fff;border:3px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;z-index:10;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:all .2s ease;padding:0}.attachment-remove-btn[data-v-372a499a]:hover{background-color:#d9214e;transform:scale(1.15);box-shadow:0 3px 10px rgba(0,0,0,.3)}.attachment-remove-btn i[data-v-372a499a]{font-size:16px;font-weight:bold;line-height:1}.attachment-name[data-v-372a499a]{margin-top:6px;font-size:11px;color:#7e8299;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.scrolling-placeholder[data-v-372a499a]{position:absolute;left:3.8rem;white-space:nowrap;overflow:hidden;color:#a0a0a0;font-weight:500}.hide-placeholder[data-v-372a499a]{display:none}@media(min-width: 992px){.animate-scroll[data-v-372a499a]{animation:scroll-372a499a 7s linear infinite}}@keyframes scroll-372a499a{0%{transform:translateX(0)}100%{transform:translateX(-18%)}}.contacts-nav-width[data-v-372a499a]{width:100%}@media(min-width: 992px){.contacts-nav-width[data-v-372a499a]{width:300px}}@media(min-width: 1540px){.contacts-nav-width[data-v-372a499a]{width:375px}}.input-wrapper[data-v-372a499a]{position:relative;display:inline-block;overflow:hidden;width:100%}.custom-textarea[data-v-372a499a]{flex-grow:1;height:38px;border:none;width:100%;font-weight:400;font-size:14px;line-height:1.5;resize:none;padding:8px 12px;overflow-y:hidden;white-space:pre-wrap;word-wrap:break-word}.custom-textarea[data-v-372a499a]:focus{outline:none}.custom-textarea[data-v-372a499a]::-moz-placeholder{color:#a29f9f;text-align:left;font-weight:500}.custom-textarea[data-v-372a499a]::placeholder{color:#a29f9f;text-align:left;font-weight:500}.btn-chat-user[data-v-372a499a]{padding-bottom:10px !important;transition:all .2s ease}.btn-chat-user span p[data-v-372a499a]{font-size:14px;font-weight:500}.btn-chat-user[data-v-372a499a]:hover{box-shadow:0px 4px 0px -2px var(--bs-primary)}.btn-chat-user:hover span p[data-v-372a499a]{color:var(--bs-primary)}.btn-chat-user:hover svg path[data-v-372a499a]{fill:var(--bs-primary) !important}