@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; */
    max-width: 70%;
}
.chatwindow-wrapper .rce-citem {
    background: transparent;
    height: auto;
    min-height: 72px;
}
.chatwindow-wrapper .bg-transparent .rce-mbox{
    background: unset;
    /* box-shadow: none; */
}
.chatwindow-wrapper .rce-mbox{
    margin-left: 10px;
    margin-right: 5px;
}
.chatwindow-wrapper .rce-mbox.rce-mbox-right{
    margin-left: 5px;
    margin-right: 10px;
}
.chatwindow-wrapper .rce-mbox.rce-mbox--clear-notch{
    margin-left: 5px;
    margin-right: 5px;
}
.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 .epr-emoji-native,
.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!important;
    font-weight: 400;
}
.chatwindow-wrapper .failed-msg .rce-mbox-forward{
    /* transform: rotateY(180deg); */
    color: #b91c1c;
}
.chatwindow-wrapper .rce-mbox-text a{
    color: #4f81a1;
}
.chatwindow-wrapper .rce-mbox-text:after{
    content: none;
}
.chatwindow-wrapper .rce-mbox-photo--img img{
    /* width: auto; */
    max-width: 100%;
    object-fit: contain;
}
.chatwindow-wrapper .failed-msg .rce-mbox-photo--img,
.chatwindow-wrapper .failed-msg .rce-mbox-video--video
{
    filter: blur(2px) opacity(0.7);
}
.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-citem-avatar{
    border-bottom: 1px solid #0000000d;
    padding-left: 0;
}
.chatwindow-wrapper .rce-avatar-letter{
    margin-top: 0;
    /* margin-left: 5px; */
    padding: 5px;
    /* justify-content: flex-start; */
    justify-content: center;
    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.epr-main.EmojiPickerReact{
    border: none;
}
.chatwindow-wrapper .rce-mbox .epr-emoji-img,
.chatwindow-wrapper .rce-mbox .epr-emoji-native
{
    display: inline-block;
}
.chatwindow-wrapper .rce-mbox-file>button{
    width: 100%;
    text-align: left;
}
.chatwindow-wrapper .rce-mbox-file>button>.rce-mbox-file--text{
    color: rgba(0, 0, 0, 0.78);
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}

.chatwindow-wrapper .rce-mbox-reply-message{
    max-width: unset;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}

/** 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: 2s;
    animation-name: message-box-default-focus-x;
    animation-duration: 2s;
}

.chatwindow-wrapper .reply-wrapper .ant-tabs-nav {
    margin-top: 0;
    margin-bottom: 0;
}
.chatwindow-wrapper .reply-wrapper .ant-tabs-card >.ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card >div>.ant-tabs-nav .ant-tabs-tab-active{
    background: #e5e7eb;
    /* background: #f3f4f6; */
    border-top: none;
    border: 1px solid #a7f3d0;
    border-top: none;
}

/**
 * Mobile chat ------------------------------------------------------------------------------------
 */
.mobilechat-wrapper .rce-container-mbox .rce-mbox{
    max-width: 320px;
}
.mobilechat-wrapper .rce-mtlink,
.mobilechat-wrapper .rce-mtlink-item{
    min-width: unset;
}