.kore-chat-window .messages{
    background-image: url(https://rcbccredit.com/assets/global/img/widget-erica-3.png) !important;
    
    cursor: pointer;

}
.kore-chat-window.minimize .minimized{
    background: #3783d9 !important;
    width: 60px !important;
    height: 60px !important;
    padding: 0px !important;
}
.kore-chat-window.minimize .minimized-title{
    background: #3783d9 !important;
    vertical-align: middle !important;
    font-size: 16px !important;
    padding: 15px 30px 12px 10px !important;
}
.kore-chat-window .footerContainer [contenteditable=true]:empty:before {
    content: 'Type here' !important;
}

.kore-chat-window.minimize {
    min-height: 60px !important;
    height: 60px !important;
    bottom: 80px !important;
}
/* Hide the timestamp*/
/* .kore-chat-window ul.chat-container li .extra-info{
    display: none !important;
} */
/* Timestamp text color */
.kore-chat-window ul.chat-container li .extra-info {
    color: white !important;
}

.kore-chat-window ul.chat-container li.fromCurrentUser .messageBubble, .kore-chat-window ul.chat-container li.fromOtherUsers .messageBubble{
    border-radius: 8px !important; 
    /* border: 1px solid #ee62c5 !important; */
    border: 1px solid rgb(97 153 214) !important;
}



.kore-chat-window .noPointerEvents {
    pointer-events: none;
    opacity: 0.5;
}

/* Button Template Changes **/

.kore-chat-window .buttonTmplContent .buttonTmplContentBox{
    border: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}
.kore-chat-window .buttonTmplContent .buttonTmplContentBox .btn-li{
    margin-top: 10px !important;
    margin-right: 10px !important;
    padding: 10px !important;
    border-radius: 30px !important;
    text-align: center;
    height: 100% !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
}
.kore-chat-window .buttonTmplContent .buttonTmplContentBox.singleButton a{
    width: 100% !important;
}

.kore-chat-window .buttonTmplContent .buttonTmplContentBox a{
    width: 100% !important;
}

/* @media screen and (max-width: 360px) and (max-height: 740px) {
    .kore-chat-window .buttonTmplContent .buttonTmplContentBox a {
        width: 100% !important;
    }
} */

 .kore-chat-window .buttonTmplContent .buttonTmplContentHeading
 {
    border-radius: 8px !important;
    /* border: 1px solid #ee62c5 !important; */
    max-width: max-content;
 } 
    
/* Input Box changes */
.kore-chat-footer .chatInputBox{
    margin-bottom: 0px !important;
    font-size: 16px !important;
    padding: 10px !important;
    padding-right: 48px !important;
}

.kore-chat-window .sendBtnCnt .sendButton{
    background-color: unset !important;
    border: none !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAArtJREFUWIXt1U2IVmUUB/Bz5yOHyZlMKolZREO7pCLbiAZJBCGIYoF9YFGDWRDkIjHBRehCaFENFBIF0QdEBK4yIolaBC6SSpqirFFKccboCxsLQf21uGfocnvf6fa+5WrO5n3vec7//z/Pec7znIh5m7cLaFiMMbyDKy+U6DA24m2c8Zdd9X+KDmID9uIPnK0In8jfRf+16ADW4Q3M4Cs8iw9wGsfxM1bjHHojInq6FO3FSrwQEdMRMR4RP0TE7RGxNSLWp8auiLgkItZGxJmI+L4oinOdivak6DhO5s7G01fgauzDT3gIq7IC6xO/Gfu7EZ3Cj3gVa2ZLiT48hlO5dhmuwy8Yq3A9hT1Nha/Fk5jM85sV7a/FLcNBHMat6RvNZLfXYvfi8Saih/FrRfSiFrGLsioziVmQ/svxNZ5vgfkc6+rOAexM0Ex28tpZwjaJ3pU7fA/XVPzD+CQ5emqYIvthaZ1sSZb4N9yNYg7hUbyLadxTW1uA97G/TcVGcB6DrYgXZhMdxwTuQ19lvb/eZDV8D97Exxhqk/wtONZuc7NBA3gER7L5NudVmsjzW9EG91z2zRVzcI/hwzkTqAT3Kd/wL7Js2+vdX4ndoXxiR/+BczdeapRABTSYt2F5m/VNuX59A6638MS/SiCBe/BiC/+a7OrbGvJ8ijs7SeCmvCFDFd+IctLtw3BDnlO4oeprNIyKojgYEd9GxIaK+96I+DLKIXME23DxHOJLImIoIiabaLYieBQHKt8T2Jj/H8xGncYWDLTAr8BUR+JJcCl+x1LcmEeyMIlP4DXcgUM4hoerjxHux0cdJ5Akr+NpPINXlOP2NLZVYopszkP4LmP6sAsvd5vAKuUonlbOjSnc3Ca2N3c9mbGfYUe3CRT4RmkHMNIA059VOIrVXSWQhA8oR/Dfhs28zVsn9idTa8fECWwFyAAAAABJRU5ErkJggg==) no-repeat !important;
    height: 32px !important;
    width: 32px !important;
    bottom: 10px !important;
}

/* table template */
.kore-chat-window .tablechart .tablechartDiv, .kore-chat-window .largePreviewContent .tablechartDiv {
    background-color: #6199d6 !important;
}
.kore-chat-window .showMore {
    color: #ffffff !important;
    font-weight: bold;
}

.kore-chat-window .buttonTmplContent .buttonTmplContentBox .btn-li:hover {
    color: #ffffff !important;
}
.kore-chat-window .kore-chat-body {
    background: url("./Erica_bg.jpg");
}


/* Confirmation nodes text color */
.kore-chat-window .quickReplyTemplate .quickReplyHeading {  
    color: #ffffff !important;    
}

/* Link text color */
.kore-chat-window #linkEvent {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}
.kore-chat-window .carouselTitleBox .carouselButton {
    background-color: #6199d6 !important;
    color: #ffffff !important;
    /* border-top-right-radius: 10px !important;*/
    border-bottom-right-radius: 10px !important; 
}
.kore-chat-window .carouselTitleBox {   
    background-color: #6199d6 !important;
    
}

/* live agent chat icon replacement */
.kore-chat-window ul.chat-container li.fromOtherUsers.from-agent .profile-photo .user-account {
    background: url(https://dlnwzkim0wron.cloudfront.net/f-3ff20703-c8a1-5d94-a313-d20ccce29a8d.png)!important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    display: inline-block !important;
    background-size: 100% !important;
}

/* remove borders for carousels and shaping round*/
.kore-chat-window .slide {
    border: none !important;  
    border-radius: 12px !important;   
}

.kore-chat-window .carouselImageContent img {
    
    border-top-left-radius:  0 !important; 
    border-top-right-radius: 0 !important;
    /* border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;  */
    
}
.kore-chat-window .carouselImageContent {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    overflow: hidden;
}
.kore-chat-window .carousel {
    border-radius: 12px !important;
    overflow: hidden; 
}
.kore-chat-window .carouselTitle {
    display: none;
  }