#messages{
    color:#3C4858;
}

.message.by-user{
    text-align:right;
}
.message-text{

    margin-bottom:3px;
    display:inline-block;
    max-width:100%;
    padding:8px 17px;
    background-color:#ffffff;
    text-align: left;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    line-height:24px;
}

.message.by-user .message-text{

    margin-left:25%;
    margin-right:0;
    background-color:#e91e63;
    color:#ffffff;
    border-radius: 20px 3px 3px 20px;
}
.message.by-other .message-text{
    margin-left:0;
    margin-right:25%;
    border-radius: 3px 20px 20px 3px;

}
div.message-group div.message:last-child .message-text{
    margin-bottom:10px;

}

div.message-group div.message.by-other:last-child .message-text{
    border-radius: 3px 20px 20px 20px;

}
div.message-group div.message.by-user:last-child .message-text{
    border-radius: 20px 3px 20px 20px;

}

div.message-group div.message.by-user:first-child .message-text{

    border-radius: 20px 20px 3px 20px;

}
div.message-group div.message.by-other:first-child .message-text{

    border-radius: 20px 20px 20px 3px;

}


div.message-group div.message.by-notuser:first-child .message-text{
    border-radius: 20px 20px 20px 3px;
    background-color:yellow;

}




div.message-group div.message:first-child:last-child .message-text{

    border-radius: 20px 20px 20px 20px;


}

.messages .message-date{
    font-size:12px;
    text-transform: uppercase;
    text-align: center;
    font-weight:400;
}
.messages .message-author{
    font-size:11px;
    font-weight:400;
    padding-left:17px;
    line-height:15px;
}
.messages.user .message-date{
    color:#fff;
}
.messages.user .message-author{
    color:#fff;
}

.message-typing{
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
}
.user-message-typing{
    position: -webkit-sticky;
    position: sticky;
    bottom: 40px;
}
#messageSendBtn{
    position:absolute;
    right:2px;
    top:22px;
}
#messageSendBtnAdmin {
    position: absolute;
    right: 2px;
    top: 2px;
}

.sendMessageFooter{
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;



}
.card .card-footer.sendMessageFooter{
    padding: 0 15px;
    margin: 0 0 0 0;
}
#MessageInput{
    color:#ffffff;
    background-color:rgba(255,255,255,.1);
}
.navbar.navbar-transparent {

    padding-top: 10px;

}
.no-margin{
    margin:0;
    margin: 0 0;
}

#newMessagesNotice{
    position:absolute;
    top:-20px;
    left:calc(50% - 20px);
    z-index:200000;

}

form{
    width:100%;
}