/*#row_user_chat{*/
/*    margin-top: 20px;*/
/*}*/

/*#row_user_chat:hover{*/
/*    border-radius: 10px;*/
/*    padding: 2px;*/
/*    cursor: pointer;*/
/*    background-color:rgba(84, 189, 254, 0.16) !important;*/
/*    font-weight: bold;*/
/*    transition: all .5s;*/
/*}*/


/*.chat.chat-left .chat-message {*/
/*    background: #5a8dee !important;*/
/*    float: left !important;*/
/*    color: #fff;*/
/*}*/

/*.chat.chat-left .chat-content {*/
/*    float: left !important;*/

/*}*/

/*.chat .chat-content {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    text-align: left !important;*/
/*    float: right !important;*/
/*    !*margin: .2rem 0 1.8rem .2rem !important;*!*/
/*    color: #525361;*/
/*    position: relative !important;*/
/*    max-width: calc(100% - 5rem) !important;*/
/*    clear: both !important;*/
/*    word-break: break-word !important;*/
/*}*/

/*.chat .chat-content-message {*/
/*    border-radius: .267rem;*/
/*    padding: .75rem 1rem;*/
/*    background-color: #fafbfb;*/
/*    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);*/
/*    display: inline-block;*/
/*    max-width: 100%;*/
/*    word-break: break-word;*/
/*    margin-bottom: 10px !important;*/
/*    opacity: 0;*/
/*    animation: fadeIn 0.5s forwards;*/
/*}*/




/*.chat.chat-left .chat-content-message {*/
/*    background: #5a8dee !important;*/
/*    color: #fff;*/
/*}*/

/*.chat-content h7 {*/
/*    margin: 0 0 .5rem 0; !* Margin below the name *!*/
/*    font-weight: bold;*/
/*    font-size: 12px; !* Adjust font size if needed *!*/
/*}*/

#card_chat_body{
    overflow-y: auto;
    max-height: 400px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
}
/*#card_chat_body::-webkit-scrollbar {*/
/*    width: 8px;*/
/*}*/

/*#card_chat_body::-webkit-scrollbar-thumb {*/
/*    background-color: rgba(0, 0, 0, 0.2);*/
/*    border-radius: 4px;*/
/*}*/

/*#card_chat_body::-webkit-scrollbar-track {*/
/*    background: rgba(0, 0, 0, 0.05);*/
/*}*/

/*.chat.chat-left .chat-content-message::after {*/
/*    content: '';*/
/*    position: absolute;              !* Positionnement absolu pour placer la flèche *!*/
/*    right: -10px;                    !* Décale la flèche vers la droite, juste à côté de la bulle *!*/
/*    top: 50%;                         !* Centrer la flèche verticalement par rapport à la bulle *!*/
/*    border-left: 10px solid #5a8dee;  !* Crée la flèche, en utilisant une bordure gauche de 10px *!*/
/*    border-top: 10px solid transparent;  !* Crée l'effet de triangle en rendant le bord supérieur transparent *!*/
/*    border-bottom: 10px solid transparent;  !* Pareil pour le bas pour créer un triangle *!*/
/*    transform: translateY(-50%);      !* Ajuste la position verticale pour centrer parfaitement la flèche *!*/
/*}*/

/*@keyframes fadeIn {*/
/*    from {*/
/*        opacity: 0;*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*    }*/
/*}*/