.greenDot::after{
    content:'';
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 1px;
    background-color: rgb(46, 172, 109);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.redDot::after{
    content:'';
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 1px;
    background-color: rgb(165, 0, 0);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.messageThread{
    height: auto;
    overflow-y: auto;
}
.senderBox{
    background-color: rgb(228, 228, 228, 0.5);
    border-radius: 0 10px 10px 10px;
    /* box-shadow: 0 0 3px gray; */
    max-width:80%;
}
.senderBox p {
    margin-bottom: 0;
}
.recieverBox{
    /* background-color: rgb(13, 126, 160); */
    background-color: #cfecfe;
    /* color: white; */
    border-radius: 10px 0 10px 10px;
    /* box-shadow: 0 0 3px gray; */
    max-width:80%;
    margin-left: auto;
}
.recieverBox p {
    margin-bottom: 0;
}
.messageInput{
    resize: none;
    width:100%;
}
#sendMsgBtn{
    position: absolute;
    bottom:0;
    right:0;
}