.kore-chat-window.expanded {
    min-width: 330px;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2) !important;
}
    

.kore-chat-window .sendBtnCnt .sendButtonBtn button .sendButtonIcon {
    height: 24px;
    width: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze2ZpbGw6I2JkMDA0Zjt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgaWQ9Il8yNHgyNF9DbGlwcGluZ19NYXNrIiBkYXRhLW5hbWU9IjI0eDI0IENsaXBwaW5nIE1hc2siIGNsYXNzPSJjbHMtMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9IkZpbmFsX2ZpbGVzIiBkYXRhLW5hbWU9IkZpbmFsIGZpbGVzIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIxLDEwLjQzLDMuODUsMi4xNmExLjI0LDEuMjQsMCwwLDAtMS43NCwxLjZMNS45MywxMiwyLjExLDIwLjNBMS4yLDEuMiwwLDAsMCwzLjIsMjJhMS4yLDEuMiwwLDAsMCwuNTUtLjEzTDIxLDEzLjU2YTEuNzMsMS43MywwLDAsMCwwLTMuMTNaTTQuODUsMTkuMTIsNy42NywxM0gxMS4xYTEsMSwwLDAsMCwwLTJINy42N0w0LjgyLDQuODQsMTkuNjUsMTJaIi8+PC9nPjwvZz48L3N2Zz4=);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    margin: -4px;
    cursor: pointer !important;
    z-index: 99;
    pointer-events: auto;
}


.kore-chat-window .kore-chat-header .chat-box-controls button.minimize-btn::before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5oe2NsaXAtcGF0aDp1cmwoI2UpO30uaXtmaWxsOm5vbmU7fS5qe2ZpbGw6IzJlMmUyZTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImUiPjxyZWN0IGlkPSJmIiBjbGFzcz0iaSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9ImEiLz48ZyBpZD0iYiIvPjxnIGlkPSJjIi8+PGcgaWQ9ImQiPjxnIGNsYXNzPSJoIj48cGF0aCBjbGFzcz0iaiIgZD0iTTE0LjY3LDcuMTNIMS4zM2MtLjQ4LDAtLjg4LC4zOS0uODgsLjg4cy4zOSwuODgsLjg4LC44OEgxNC42N2MuNDgsMCwuODgtLjM5LC44OC0uODhzLS4zOS0uODgtLjg4LS44OFoiLz48L2c+PC9nPjxnIGlkPSJnIi8+PC9zdmc+) !important;
    vertical-align: initial;
    height: 16px;
    width: 16px;
}

.kore-chat-header .chat-box-controls button.minimize-btn::before {
    content: "";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxNCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi4zICg2NzI5NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bWluaW1pemU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjYuMDAwMDAwLCAtMjMzLjAwMDAwMCkiIGZpbGw9IiM4QTk1OUYiPgogICAgICAgICAgICA8ZyBpZD0ibWluaW1pemUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyNi4wMDAwMDAsIDIzMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBwb2ludHM9IjAgMCAxMy45Mzk5OTk2IDAgMTMuOTM5OTk5NiAxLjk5OTk5OTk0IDAgMS45OTk5OTk5NCI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 2px;
}

.kore-chat-window .kore-chat-header .chat-box-controls button.expand-btn::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze2ZpbGw6IzJlMmUyZTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgaWQ9Il8xNngxNl9DbGlwcGluZ19NYXNrIiBkYXRhLW5hbWU9IjE2eDE2IENsaXBwaW5nIE1hc2siIGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9IkZpbmFsX2ZpbGVzIiBkYXRhLW5hbWU9IkZpbmFsIGZpbGVzIj48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTUuNjcsMTQuODhIMy43OWEyLjY4LDIuNjgsMCwwLDEtMi42Ny0yLjY3VjEwLjM1YS44OC44OCwwLDEsMSwxLjc1LDB2MS44NmEuOTIuOTIsMCwwLDAsLjkyLjkySDUuNjdhLjg4Ljg4LDAsMCwxLDAsMS43NVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMi4yMSwxNC44OEgxMC4zM2EuODguODgsMCwwLDEsMC0xLjc1aDEuODhhLjkyLjkyLDAsMCwwLC45Mi0uOTJWMTAuMzVhLjg4Ljg4LDAsMSwxLDEuNzUsMHYxLjg2QTIuNjgsMi42OCwwLDAsMSwxMi4yMSwxNC44OFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNCw2LjU2YS44Ny44NywwLDAsMS0uODctLjg4VjMuOGEuOTIuOTIsMCwwLDAtLjkyLS45MkgxMC4zM2EuODguODgsMCwwLDEsMC0xLjc1aDEuODhBMi42OCwyLjY4LDAsMCwxLDE0Ljg4LDMuOFY1LjY4QS44OC44OCwwLDAsMSwxNCw2LjU2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIsNi41NWEuODguODgsMCwwLDEtLjg4LS44OFYzLjc5QTIuNjgsMi42OCwwLDAsMSwzLjc5LDEuMTJINS42N2EuODguODgsMCwwLDEsMCwxLjc1SDMuNzlhLjkyLjkyLDAsMCwwLS45Mi45MlY1LjY3QS44Ny44NywwLDAsMSwyLDYuNTVaIi8+PC9nPjwvZz48L3N2Zz4=) !important;
    height: 16px;
    width: 16px;
}

.kore-chat-header .chat-box-controls button.expand-btn::before {
    content: "";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjMgKDY3Mjk3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5leHBhbmQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDUuMDAwMDAwLCAtMjUyLjAwMDAwMCkiIGZpbGw9IiM4QTk1OUYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJleHBhbmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwNS4wMDAwMDAsIDI1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjg2NjY2NjY3LDkuMzMzMzMzMzMgTDAsOS4zMzMzMzMzMyBMMCwxNCBMNC42NjY2NjY2NywxNCBMNC42NjY2NjY2NywxMi4xMzMzMzMzIEwxLjg2NjY2NjY3LDEyLjEzMzMzMzMgTDEuODY2NjY2NjcsOS4zMzMzMzMzMyBaIE0wLDQuNjY2NjY2NjcgTDEuODY2NjY2NjcsNC42NjY2NjY2NyBMMS44NjY2NjY2NywxLjg2NjY2NjY3IEw0LjY2NjY2NjY3LDEuODY2NjY2NjcgTDQuNjY2NjY2NjcsMCBMMCwwIEwwLDQuNjY2NjY2NjcgWiBNMTIuMTMzMzMzMywxMi4xMzMzMzMzIEw5LjMzMzMzMzMzLDEyLjEzMzMzMzMgTDkuMzMzMzMzMzMsMTQgTDE0LDE0IEwxNCw5LjMzMzMzMzMzIEwxMi4xMzMzMzMzLDkuMzMzMzMzMzMgTDEyLjEzMzMzMzMsMTIuMTMzMzMzMyBaIE05LjMzMzMzMzMzLDAgTDkuMzMzMzMzMzMsMS44NjY2NjY2NyBMMTIuMTMzMzMzMywxLjg2NjY2NjY3IEwxMi4xMzMzMzMzLDQuNjY2NjY2NjcgTDE0LDQuNjY2NjY2NjcgTDE0LDAgTDkuMzMzMzMzMzMsMCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
}

.kore-chat-window .kore-chat-header .chat-box-controls button.close-btn::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB4PSItMC4wMDEzIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0xMy42MiwxMi4zOGEuODc2OC44NzY4LDAsMSwxLTEuMjQsMS4yNEw4LDkuMjQsMy42MiwxMy42MmEuODc2OC44NzY4LDAsMCwxLTEuMjQtMS4yNEw2Ljc2LDgsMi4zOCwzLjYyQS44NzY4Ljg3NjgsMCwwLDEsMy42MiwyLjM4TDgsNi43Nmw0LjM4LTQuMzhhLjg3NjguODc2OCwwLDAsMSwxLjI0LDEuMjRMOS4yNCw4WiIgZmlsbD0iIzJlMmUyZSIvPjwvZz48L3N2Zz4=) !important;
    height: 16px;
    width: 16px;
}


.kore-chat-header .chat-box-controls button.close-btn::before {
    content: "";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjMgKDY3Mjk3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0NC4wMDAwMDAsIC0yMjkuMDAwMDAwKSIgZmlsbD0iIzhBOTU5RiI+CiAgICAgICAgICAgIDxnIGlkPSJjbG9zZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ0LjAwMDAwMCwgMjI5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBwb2ludHM9IjE0IDEuNCAxMi42IDAgNyA1LjYgMS40IDAgMCAxLjQgNS42IDcgMCAxMi42IDEuNCAxNCA3IDguNCAxMi42IDE0IDE0IDEyLjYgOC40IDciPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
}

    .kore-chat-window {
    position: fixed;
    bottom: 10px;
    right: 20px;
    width: 480px !important;
    max-width: 480px !important;
    max-height: 700px !important;
    height: 100% !important;
    font: normal normal normal 14px / 20px Roboto !important;
    border: none !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px!important;
    border-radius: 10px !important;
    z-index: 10300;
    background: #fff !important;
}


    .TitleHeader {
        width: 70%;
    font-size: 16px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    height: 100%;
    }



    .header-title-1 {
    font-size: 16px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    width: auto;
    line-height: 42px;
}

.kore-chat-header {
    border-bottom: none !important;
    color: #2e2e2e !important;
    font-size: 14px !important;
    background-color: #fff;
    height: 73px !important;
    padding: 16px 20px !important;
    font: normal normal bold 14px / 16px Roboto;
    width: 100% !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.chat-box-controls {
    display: inline-block !important;
    vertical-align: bottom;
    position: absolute;
    right: 10px !important;
    top: 18px;
    line-height: 45px;
}

.chat-box-controls button {
    cursor: pointer;
    background: 0 0;
    border: none;
    opacity: 1;
    outline: 0;
    vertical-align: top;
    height: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0 9px;
    display: inline-block;
}

.kore-chat-window .kore-chat-body {
    position: absolute;
    width: 100%;
    top: 73px !important;
    bottom: 53px;
    background-color: var(--sdk-bm-chat-widow-default-bg-color) !important;
    font: normal normal normal 14px / 20px Roboto !important;
    font-size: 14px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
}

.kore-chat-body html, .kore-chat-body body, .kore-chat-body div, .kore-chat-body span, .kore-chat-body applet, .kore-chat-body object, .kore-chat-body iframe, .kore-chat-body h1, .kore-chat-body h2, .kore-chat-body h3, .kore-chat-body h4, .kore-chat-body h5, .kore-chat-body h6, .kore-chat-body p, .kore-chat-body blockquote, .kore-chat-body pre, .kore-chat-body a, .kore-chat-body abbr, .kore-chat-body acronym, .kore-chat-body address, .kore-chat-body big, .kore-chat-body cite, .kore-chat-body code, .kore-chat-body del, .kore-chat-body dfn, .kore-chat-body em, .kore-chat-body img, .kore-chat-body ins, .kore-chat-body kbd, .kore-chat-body q, .kore-chat-body s, .kore-chat-body samp, .kore-chat-body small, .kore-chat-body strike, .kore-chat-body strong, .kore-chat-body sub, .kore-chat-body sup, .kore-chat-body tt, .kore-chat-body var, .kore-chat-body b, .kore-chat-body u, .kore-chat-body i, .kore-chat-body center, .kore-chat-body dl, .kore-chat-body dt, .kore-chat-body dd, .kore-chat-body ol, .kore-chat-body ul, .kore-chat-body li, .kore-chat-body fieldset, .kore-chat-body form, .kore-chat-body label, .kore-chat-body legend, .kore-chat-body table, .kore-chat-body caption, .kore-chat-body tbody, .kore-chat-body tfoot, .kore-chat-body thead, .kore-chat-body tr, .kore-chat-body th, .kore-chat-body td, .kore-chat-body article, .kore-chat-body aside, .kore-chat-body canvas, .kore-chat-body details, .kore-chat-body embed, .kore-chat-body figure, .kore-chat-body figcaption, .kore-chat-body footer, .kore-chat-body header, .kore-chat-body hgroup, .kore-chat-body menu, .kore-chat-body nav, .kore-chat-body output, .kore-chat-body ruby, .kore-chat-body section, .kore-chat-body summary, .kore-chat-body time, .kore-chat-body mark, .kore-chat-body audio, .kore-chat-body video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
}

.kore-chat-window .kore-chat-body ul.chat-container {
    padding: 20px 20px 10px 20px !important;
}

.kore-chat-window .kore-chat-body ul.chat-container {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
    padding: 20px 20px;
}

.kore-chat-window * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.kore-chat-window ul.chat-container li.fromOtherUsers.with-icon {
    padding-left: 46px !important;
} 


.kore-chat-window ul.chat-container li.fromOtherUsers.first_msg {
    margin-bottom: 5px !important;
}

.kore-chat-window ul.chat-container li.fromOtherUsers.with-icon {
    padding-left: 44px;
    position: relative;
}

.kore-chat-window ul.chat-container li:first-child {
    margin-top: 10px;
}

.kore-chat-window ul.chat-container li:not(.ps__rail-y,.ps__rail-x) {
    list-style: none;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    word-break: break-word;
}

.kore-chat-window * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.kore-chat-window ul.chat-container li.with-icon .extra-info {
    padding: 0 46px 16px 0 !important;
}

.kore-chat-window ul.chat-container li:not(.ps__rail-y,.ps__rail-x) .extra-info {
    color: var(--sdk-chat-widow-secondary-font-color);
    font-size: 12px;
    position: relative;
    margin: 0;
    padding: 0 0 5px;
    white-space: nowrap;
}

.kore-chat-window ul.chat-container li .extra-info {
    position: relative;
    margin: 0 !important;
    text-align: center !important;
    font: normal normal bold 12px / 16px Roboto;
    letter-spacing: 0;
    color: #2e2e2e !important;
    opacity: 1;
    padding: 0 0 16px 0 !important;
    white-space: nowrap !important;
}

.kore-chat-window ul.chat-container li:not(.ps__rail-y,.ps__rail-x) .profile-photo {
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.kore-chat-window ul.chat-container li .profile-photo {
    width: 36px !important;
    height: 36px !important;
    bottom: auto !important;
}

.kore-chat-window ul.chat-container li.fromOtherUsers.first_msg .messageBubble {
    border-radius: 10px 10px 10px 0 !important;
}

.kore-chat-window ul.chat-container li.fromOtherUsers .messageBubble {
    border: 1px solid var(--sdk-bm-chat-window-bot-bubble-border-clr) !important;
    max-width: 100% !important;
    background: #f5f5f5 0 0 no-repeat padding-box !important;
    border-radius: 10px !important;
    text-align: left;
    font: normal normal normal 14px / 20px Roboto !important;
    letter-spacing: 0;
    color: #2e2e2e !important;
    opacity: 1;
}

.kore-chat-window ul.chat-container li.fromOtherUsers .messageBubble {
    background-color: #F1F0F0;
    color: #333;
    border-radius: 12px 12px 12px 2px;
    border: 1px solid #F1F0F0;
    padding: 12px 15px;
    max-width: 95%;
    line-height: 1.5;
    font-size: 14px;
    -webkit-animation: message-left ease-in-out 2s forwards;
    -moz-animation: message-left ease-in-out 2s forwards;
    animation: message-left ease-in-out 2s forwards;
    display: inline-block;
    word-wrap: break-word;
}

.kore-chat-window ul.chat-container li.fromOtherUsers .messageBubble .user-identity-info {
    text-align: left;
    font: normal normal bold 14px / 20px Roboto;
    letter-spacing: -.01px;
    color: #2e2e2e;
    opacity: 1;
    text-align: left;
    font: normal normal bold 14px / 20px Roboto;
    letter-spacing: -.01px;
    color: #2e2e2e;
    opacity: 1;
}

.kore-chat-window ul.chat-container li .profile-photo .agent-bubble .user-account {
    width: 36px !important;
    height: 36px !important;
    position: relative;
    bottom: -1px;
}

.kore-chat-window ul.chat-container li:not(.ps__rail-y,.ps__rail-x) .profile-photo .user-account {
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 50%;
    font-size: 13.6px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 100%;
}

.kore-chat-window ul.chat-container li.fromOtherUsers .messageBubble {
    background-color: #F1F0F0;
    color: #333;
    border-radius: 12px 12px 12px 2px;
    border: 1px solid #F1F0F0;
    padding: 12px 15px;
    max-width: 95%;
    line-height: 1.5;
    font-size: 14px;
    -webkit-animation: message-left ease-in-out 2s forwards;
    -moz-animation: message-left ease-in-out 2s forwards;
    animation: message-left ease-in-out 2s forwards;
    display: inline-block;
    word-wrap: break-word;
}

.kore-chat-window ul.chat-container li.fromOtherUsers.first_msg .messageBubble {
    border-radius: 10px 10px 10px 0 !important;
}
.kore-chat-window ul.chat-container li.fromOtherUsers .messageBubble {
    border: 1px solid var(--sdk-bm-chat-window-bot-bubble-border-clr) !important;
    max-width: 100% !important;
    /* background: #f5f5f5 0 0 no-repeat padding-box !important; */
    border-radius: 10px !important;
    text-align: left;
    font: normal normal normal 14px / 20px Roboto !important;
    letter-spacing: 0;
    color: #2e2e2e !important;
    opacity: 1;
}



.kore-chat-window .kore-chat-footer {
    position: absolute !important;
    bottom: 0 !important;  
    width: 100% !important;
    min-height: 51px !important;
    border-top: none !important;
    background: #fff !important;
    color: #2e2e2e !important;
    padding: 20px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.kore-chat-window .footerContainer {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    opacity: 1;
}

.kore-chat-window .pos-relative {
    position: relative;
}

.kore-chat-window .sendBtnCnt {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 11px;
    top: 1px;
    cursor: pointer;
}

.kore-chat-window .kore-chat-footer .chatInputBox {
    width: 90% !important;
    padding: 11px !important;
    padding-left: 16px !important;
    outline: 0 !important;
    display: block !important;
    font-size: 16px !important;
    margin: 10px 0 !important;
    cursor: text !important;
    max-height: 70px !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain;
}

.kore-chat-window .sendBtnCnt .sendButton {
    background: 0 0 !important;
    padding: 5px !important;
    border: none !important;
    border-radius: 0 !important;
    right: 4px !important;
    color: transparent !important;
    cursor: auto !important;
    bottom: -28px !important;
    pointer-events: none;
}


.kore-chat-window .sdkFooterIcon {
    position: absolute !important;
    top: 36px !important;
    right: 15px !important;
    display: none !important;
}

.kore-chat-window .sendBtnCnt .sendButtonBtn {
    position: absolute;
    right: 13px;
    top: 36px;
    z-index: 99;
}

.kore-chat-window [contenteditable=true]:empty:before {
    color: #737373 !important;
    content: attr(placeholder);
    display: block;
}

.kore-chat-window .sendBtnCnt .disabled {
    opacity: .3;
}

.kore-chat-header .chat-box-controls {
    text-align: right;
    padding-top: 0;
    color: #26344a;
    margin-top: 0px;
    width: 150px;
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    display: flex
;
}

.kore-chat-window .kore-chat-header .chat-box-controls button {
    cursor: pointer;
    background: 0 0;
    border: none;
    opacity: 1;
    outline: 0;
    vertical-align: top;
    height: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0 9px;
    display: inline-block;
}
.kore-chat-header .chat-box-controls button {
    cursor: pointer;
    background: none;
    border: none;
    margin-left: 5px;
    padding: 5px;
    display: flex
;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    flex-shrink: 0;
}

.kore-chat-window .sendBtnCnt {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 11px;
    top: 1px;
    cursor: pointer;
}

.kore-chat-window .sendBtnCnt .sendButton {
    background: var(--sdk-chat-window-btn-default-bg);
    padding: 5px;
    border: 1px solid var(--sdk-chat-window-btn-border-clr);
    border-radius: 3px;
    color: var(--sdk-chat-window-btn-font-clr);
    font-size: 12px;
    position: absolute;
    right: 10px;
    bottom: 5px;
    cursor: pointer;
}


.kore-chat-window {
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1), 5px 0 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .kore-chat-window {
        max-height: 100% !important;
        margin-left: 0 !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0!important;
        border-radius: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}

@media (max-width: 767px) {
    .kore-chat-window {
        left: 5px;
        right: 5px;
        top: 5px;
        bottom: 5px;
        width: auto;
        height: auto;
        min-width: 100px;
        max-height: 100%;
        margin-left: 68px;
    }
}


.chat-widget {
    position: fixed !important;
    bottom: 25px !important;
    right: 25px !important;
    z-index: 9999 !important;
  }
  
  .chat-button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
    position: relative;
  }
  
  .chat-button:hover {
    transform: scale(1.05);
  }
  
  .chat-button img {
    width: 60px;
    height: 60px;
    object-fit: contain;
  }
  
  .chat-notification {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 21px;
    height: 21px;
    background: rgba(0, 177, 64);
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulse 2s infinite;
    font: bold 10px/1 sans-serif;
    color: #fff;
  }
  @keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }