#buscarConversacion{
    padding:20px;
    background-color: #fcfcfc;
}
#headerConversacion{
    background-color: #FFF;
}
#conversationContainer{
    background-color: #EEEEEE;
}
.conversation{
    padding: 20px;
    cursor: pointer;
}
#nuevoMensaje {
    border: 2px solid #dbdbdb;
    height: 44px;
    border-radius: 3px;
    resize: vertical;
    transition: height 0.25s linear 0s;
}

#headerConversacion .conversation{
    padding: 10px 20px;
}


/*messages unread news*/

/*#conversationListContainer .conversation{
 background-color: #fcfcfc;
}*/


.conversation.hasNewMessages, .messagesCard.hasNewMessages {
    background-color: #efefef!important;
    font-weight: bold;
    color:#1a1a1a;
    border-left: 5px solid #045884;
}


.conversation.activeConversation{
    background-color: rgba(27, 177, 231, 0.18);
    /*border-left: 5px solid #045884;*/
}

/*#conversationContainer .conversation.active{
    background-color: #C8E4EB;
    }*/

    #conversationListContainer .conversation:hover{
        background-color: #EEE;
    }
    .conversation .userImg{
        width:65px;
        height:65px;
    }
    #conversationMessagesContainer{
        padding:30px;
        position: relative;
        background-color: #eae9e9;
        border: 1px solid #dedede;
    }

    #conversationMessagesContainer div.myMessage, #conversationMessagesContainer div.yourMessage{
        padding: 20px;
        border-radius:5px;
        margin: 20px 0px;
        color: #4C4C4C;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.10);
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.10);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.14),0 2px 10px 0 rgba(0,0,0,0.10);
    }


    #conversationMessagesContainer .fechaMessage{
        font-size: 1.2rem;
    }


    #conversationMessagesContainer div.myMessage{
        background-color: #C8E4EB;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.10);
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.10);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.14),0 2px 10px 0 rgba(0,0,0,0.10);
    }

    #conversationMessagesContainer div.yourMessage{
        background-color: #FFF;
    }

    #conversationContainer #sendButton{
        margin:0px 20px;
        background-color: #FFF; 
        width:32px;
        background-image: url('../imgs/messages/send.png');
    }