@font-face {
    font-family: 'Noto Sans';
    src: url('/src/assets/noto-sans.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.0.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.1.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.2.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.3.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.4.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.5.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.6.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.7.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.8.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.9.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Color Emoji';
    src: url('/src/assets/noto-color-emoji.10.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.ant-card .ant-card-head{
    padding: 0 .5em .5em .5em;
    min-height: unset;
}
.ant-card .ant-card-body{
    padding: .5em;
}

/** Chat Window */
.chatwindow-wrapper .h-parent .ant-layout-side-children, .chatwindow-wrapper .h-inherit{
    height: inherit;
}
.chatwindow-wrapper .ant-input-textarea-show-count .ant-input-data-count{
    bottom: 0;
}
.chatwindow-wrapper .rce-container-mbox .rce-mbox{
    max-width: 500px;
}
.chatwindow-wrapper .rce-citem {
    background: transparent;
}
.chatwindow-wrapper .bg-transparent .rce-mbox{
    background: unset;
    /* box-shadow: none; */
}
.chatwindow-wrapper .bg-transparent .rce-mbox-left-notch,
.chatwindow-wrapper .bg-transparent .rce-mbox-right-notch
{
    fill: transparent;
}
.chatwindow-wrapper .rce-mbox-time-block{
    /* background: linear-gradient(0deg,#00000014,#0000); */
    background: unset;
    color: #00000073;
}
.chatwindow-wrapper .rce-mbox-text .emoji-text,
.chatwindow-wrapper .rce-mbox-time,
.chatwindow-wrapper .referrer-msg,
.chatwindow-wrapper .rce-mbox-reply-message,
.chatwindow-wrapper .emoji,
.chatwindow-wrapper .ant-input-textarea-affix-wrapper.ant-input-affix-wrapper >textarea.ant-input
{
    font-family: 'Open Sans', 'Noto Sans',"Noto Color Emoji", 'Apple Color Emoji', 'Twemoji Mozilla', 'Segoe UI Emoji', 'Segoe UI Symbol', 'EmojiOne Color', 'Android Emoji', Arial, sans-serif;
    font-weight: 400;
}
.chatwindow-wrapper .rce-mbox-text a{
    color: #4f81a1;
}
.chatwindow-wrapper .rce-mbox-text:after{
    content: none;
}
.chatwindow-wrapper .rce-mbox-photo--img img{
    width: 100%;
}
.chatwindow-wrapper .rce-mbox-photo .rce-mbox-text{
    padding-left: 8px;
    padding-right: 8px;
    margin: unset;
    max-width: unset;
}
.chatwindow-wrapper .rce-mbox-left-notch {
    width: 10px;
    height: 10px;
    left: -9px;
}
.chatwindow-wrapper .rce-mbox-right-notch {
    width: 10px;
    height: 10px;
    right: -9px;
}
.chatwindow-wrapper .rce-avatar-letter{
    margin-top: 0;
    /* margin-left: 5px; */
    padding: 5px;
    justify-content: flex-start;
    font-size: 12px;
    /* word-wrap: break-word; */
    text-wrap: nowrap;
    word-break: keep-all;
    height: 100%;
}
.chatwindow-wrapper .whatsappme-container .rce-mbox{
    background-color: #ccd5ae;
}
.chatwindow-wrapper .whatsappme-container .rce-mbox-right-notch{
    fill: #ccd5ae;
}
.chatwindow-wrapper .rce-mbox .rce-mbox-reply {
    background-color: rgba(236, 236, 236, 0.7);
}
.chatwindow-wrapper .rce-mbox .epr-emoji-img,
.chatwindow-wrapper .rce-mbox .epr-emoji-native
{
    display: inline-block;
}

/** Chat history */
/* .chathistory-wrapper .rce-mbox-time {
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
}*/

@-webkit-keyframes message-box-default-focus-x {
    from {
        background-color: #fff;
    }
    to {
        background-color: #ece5dd;
    }
}
@keyframes message-box-default-focus-x {
    from {
        background-color: #fff;
    }
    to {
        background-color: #ece5dd;
    }
}

.chatwindow-wrapper .message-box-focus {
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-duration: 1s;
    animation-name: message-box-default-focus-x;
    animation-duration: 1s;
}