#chatContainer.e-chat-ui .e-footer {
    margin: unset;
    align-self: auto;
    padding: 10px;
}
.custom-footer {
    position: relative;
}
#editor {
    position: relative;
}
#sendMessage,
#cancelMessage {
    position: absolute !important;
    bottom: 40px;
    z-index: 100;
}
.tailwind3 .custom-footer > #sendMessage,
.tailwind3 .custom-footer > #cancelMessage {
    bottom: 50px;
}
.material3 .custom-footer > #sendMessage,
.material3 .custom-footer > #cancelMessage {
    bottom: 50px;
}
#sendMessage {
    right: 20px;
}

#cancelMessage {
    right: 50px;
}

.chat_user2_avatar {
    background-image: url('//ej2.syncfusion.com/demos/src/chat-ui/images/andrew.png');
    background-color: unset;
}

.custom-footer .e-richtexteditor .e-rte-content .e-content,
.custom-footer .e-richtexteditor .e-source-content .e-content{
    overflow-y: auto;
    max-height: 300px;
}
.e-chat-ui .e-text p{
    margin-bottom: 4px;
    margin-top: 0px;
    padding: 0px;
}

.e-bigger .custom-footer > #sendMessage {
    bottom: 46px;
    right: 20px;
}
.e-bigger .custom-footer > #cancelMessage {
    bottom: 46px;
    right: 60px;
}
.tailwind3.e-bigger .custom-footer > #sendMessage,
.material3.e-bigger .custom-footer > #sendMessage {
    bottom: 57px;
    right: 20px;
}
.tailwind3.e-bigger .custom-footer > #cancelMessage {
    bottom: 57px;
    right: 68px;
}
.material3.e-bigger .custom-footer > #cancelMessage {
    bottom: 57px;
    right: 60px;
}
.chat-section {
    height: 600px;
}