.pointer { cursor: pointer; }
.user-chat { max-width: 980px; }

.chat-conversation .conversation-list { margin-bottom: 8px; }
.side-menu-nav .nav-item { text-align: center; font-size: 20px; letter-spacing: -1px; }
.chat-user-list li { position: relative; display: block; padding: 15px 20px; color: var(--bs-secondary-color); -webkit-transition: all 0.4s; transition: all 0.4s; border-top: 1px solid var(--bs-sidebar-sub-bg); border-radius: 4px; }
    .chat-user-list li.active { background-color: rgba(0,0,0,0.1); }
textarea.form-control, input.form-control { border: 1px gray solid; }
.typeahead { right: 100px; left: auto; }
.contact-list li { cursor: pointer; padding: 5px; }
.chat-day-title .title { font-size: 18px !important; }

.chat-conversation .chat-day-title .title { background-color: var(--bs-primary); color: #fff;font-size:48px; }

.chat-conversation .conversation-list .ctext-wrap-content { padding: 12px 20px; background-color: var(--bs-border-color); border-radius: 8px 8px 0 8px; position: relative;color: var(--bs-dark); }

.chat-conversation .conversation-list .ctext-wrap-content:before {
    content: "";
    position: absolute;
    border: 8px solid transparent;
    border-right-color: var(--bs-border-color);
    border-top-color: var(--bs-border-color);
    right: 0;
    left: auto;
    bottom: -12px;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {
    border: 8px solid transparent;
    border-top-color: var(--bs-secondary-bg);
    border-left-color: var(--bs-secondary-bg);
    right: auto;
    left: 0px;
}