.message-text{
    position: relative;
    padding-right: 3.5rem !important;
}

.msg-delete{
    position: absolute;
    right: 1rem;
    top: 1rem;
    color: #6c757d;
}

.msg-delete:hover{
    color: red;
    cursor: pointer;
}

.conversation-title{
    font-weight: bold;
}

.conversation-item .card:hover{
    box-shadow: none;
    background-color: rgb(241, 241, 241);
    cursor: pointer;
}

.conversation-item .message-preview-text{
    font-weight: bold;
}

.conversation-item.confirmed .message-preview-text{
    font-weight: normal;
}

.conversation-item.confirmed .badge-new{
    display: none;
}

.conversation-item.deleted .badge-new{
    display: none;
}

.conversation-item.deleted .message-preview-text{
    font-weight: normal;
}

.conversation-item.active .card{
    background-color: rgb(253, 255, 237);
}

.conversation-item.active .card:hover{
    cursor: default;
}

.conversation-item.deleted .card{
    background-color: rgb(255, 178, 178);
}

.conversation-item.deleted .card:hover{
    cursor: default;
}


.message-container-title{
    font-weight: bold;
}

.conversation-item .data-transfer-link{
    display: none;
}

.conversation-item.transfer-allowed .data-transfer-link{
    display: block;
}

.conversation-item.deleted .data-transfer-link{
    display: none;
}