.chat
{
width:100%;

}
#chatAreaContainer {

    bottom: 0;
    width: 100%;
    height: 364px;
    box-shadow: 0 0 3px rgba(168, 168, 206, 1);
    padding: 1px 1px 1px 1px;
    margin: 5px 1px 3px 0;
    border: 1px solid rgba(168, 168, 168, 1);
    position: relative ;

    /*position: absolute;*/

}

#new_message{
    width: 398px;
    height: 45px;
    position: absolute;
    font-style: normal;
    bottom:0;
}

#chatArea{
    overflow: auto;
    position: absolute;
    height: 310px;
    scroll-margin-top: 0;
    flex-direction: column-reverse;

    width:100%;


}

#chatArea:focus{

}

.timeNameB{

    color: #52A74E;
}
.timeNameR{

    color: #3DB4D7;
}
.newDate{
    color: #666666;

}

#newDateDiv{
    text-align: center;
margin-top:1px;
margin-bottom:1px;
}

#chatWith{
 height:26px;   
}