.new_chat .users .user_card {
    cursor: pointer;
}

.no-chats {
    background-color: #16c0e5;
    border-color: #16c0e5;
}

.unread-msg-badge {
    position: absolute;
    left: 0;
    background-color: #256b7f !important;
    color: #fff !important;
}

.no-chat-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.no-chat-selected {
    text-align: center;
    color: #888;
}

.no-chat-selected i {
    font-size: 48px;
    margin-bottom: 10px;
}

.chat_messages .load-more {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    border: none;
    color: #fff; /* Adjust color as needed */
    cursor: pointer;
    font-size: 1.5rem; /* Adjust size for visibility */
}

.chat_messages .load-more:hover {
    /*text-decoration: underline;*/
    color: #a99c9c;
}

.chat_messages {
    position: relative;
}

.file-preview-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.file-preview-item {
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 80px;
    word-wrap: break-word;

    position: relative;
}

.file-preview-item img {
    width: 100%;
    height: auto;
    max-width: 80px;
    max-height: 80px;
    display: block;
    margin-bottom: 5px;
}

.file-preview-item .remove-file {
    color: red;
    cursor: pointer;
    margin-left: 10px;
    font-weight: bold;

    position: absolute;
    top: -13px;
    right: 50%;
}

.file-preview-item .remove-file:hover {
    color: darkred;
}

.new_chat .chat-loader,
.chat_messages .messages-spinner {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    font-size: 1.5em;
    color: var(--primary);
    z-index: 2;
}

.chat_messages .messages-spinner {
    left: 50%;
}

.blocked .unblock-button {
    transform: rotateX(0deg);
}

.multi-delete-chats {
    background: transparent;
    border: unset;
}

.filter-chat .dropdown-item.active,
.filter-chat .dropdown-item:active {
    background-color: #256b7f !important;
    color: #fff !important;
}

.users-cards-wrapper .no-chats {
    color: #fff!important;
}