/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 31, 2019, 5:26:15 PM
    Author     : BRIAN
*/


#conversations{
    padding: 0px; 
    border-radius: 0px; 
    min-height: 100px;
}

#conversation_lists{
    overflow-y: auto; 
    overflow-x: hidden;
}


#conversation_header, #conversation_box_head{
    height: 100px;
}

#conversation_card{
    border-radius: 0px;
    cursor: pointer;
}

#conversation_name, #conversation_box_head_name,#conversation_header{
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

#conversation_box{
    padding: 0px; 
    border-radius: 0px; 
    min-height: 100px;
    
}

#conversation_box_body{
    overflow-y: auto;
}

#conversation_message1, #conversation_message2{
    margin: 10px;
}

.chat_image{
    padding: 5px;
}

.chat_message{
    padding: 10px;  
    border-radius: 20px;
    max-width: 60%
}

.chat_message_right{
    text-align: right; 
    background: lightblue;
}

.chat_message_left{ 
    background: #9AE0BD;
}