.chat-window

{

    

}



.received-message

{

    float: left;

    position: relative;

    clear: both;

    background-color: #00a4b6;

    border-radius: 3px;

    padding: 5px 10px;

    font-size: 0.85em;

    margin-bottom: 5px;

    color: white;

    max-width: 80%;

}



.received-message:after

{

    width: 0; 

    height: 0; 

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-right:5px solid #00a4b6;

    position: absolute;

    left:-5px;

    top: 3px;

    content: " ";

}

.sent-message

{

    float: right;

    clear: both;

    position: relative;

    background: #efefef;

    padding: 5px 10px;

    font-size: 0.85em;

    border-radius: 3px;

    margin-bottom: 5px;

    max-width: 80%;

}



.sent-message:after

{

    width: 0; 

    height: 0; 

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-left:5px solid #efefef;

    position: absolute;

    right:-5px;

    top: 3px;

    content: " ";    

}



.message-input

{

    padding: 8px;

    border-radius: 5px;

    font-size: 0.9em;

    box-shadow: none;

    border: 1px solid #dedede;

    outline: none;

    width: 100%;

}



.chat-window-inner

{

    position: relative;

}



.chat-window .panel-body

{

    height: 200px;

    overflow-y: auto;

}



.user-status

{

    display: inline-block;

    height: 10px;

    width: 10px;

    background: #bfbfbf;

    border-radius: 50%;

    margin-left: 10px;

}



.user-online

{

    background-color: #3ad9c2;

}



.chat-parent

{

    position: fixed;

    bottom:25px;

    right:0px;

    z-index: 5;

}



.panel-heading-chat-title

{

    border-radius: 0;

    background-color: #353535;

    border: 0;

    font-size: 17px;

    color: #fff;

}



.btn-chat-close

{

    float: right;

    padding: 0px !important;

    margin-top: -7px;

    margin-right: -5px;

}



.chat-window.panel

{

    border: none;

}



.chat-window

{

    position: relative;

    float: right;    

    width: 220px;

    margin-right: 20px; 

    box-shadow: 0px 1px 5px #B7B7B7;

}



.chat-send

{

    background: transparent;

    border: none;

    color: #00a4b6;

    padding: 5px 5px;

    position: absolute;

    top: 5px;

    right: 5px;

}



.chat-window .panel-footer

{

    padding: 1px 15px;

}



.chat-title-image

{

    height: 30px;

    width: 30px;

    border-radius: 50%;

    margin-right: 10px;

    margin-left: -5px;

}