.ncrCBVisible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s linear;
}

.ncrCBHidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s linear;
}

#ncr-cb-chat-win-trigger {
    position: fixed;
    bottom: var(--ncr-cb-trigger-bottom);
    right: var(--ncr-cb-trigger-right);
    top: var(--ncr-cb-trigger-top);
    left: var(--ncr-cb-trigger-left);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background-color: var(--ncr-cb-fi-primary-bg-color);
    box-shadow: 5px 5px 11px -1px rgb(0 0 0 / 33%);
    cursor: pointer;
    z-index: 10001;
    transition: 0.2s all;
}

.ncr-cb-chat-win-trigger-popping {
    /*Animation*/
    -webkit-animation: ncrCBTrigSlide 0.4s ease-in-out 3s;
    animation: ncrCBTrigSlide 0.4s ease-in-out 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /**/
}

/* Desktop */

@-webkit-keyframes ncrCBTrigSlide {
    0% {
        bottom: var(--ncr-cb-trigger-bottom);
    }

    33% {
        bottom: calc(var(--ncr-cb-trigger-bottom) - 30px);
    }

    66% {
        bottom: calc(var(--ncr-cb-trigger-bottom) + 30px);
    }

    100% {
        bottom: var(--ncr-cb-trigger-bottom);
    }
}

@keyframes ncrCBTrigSlide {
    0% {
        bottom: var(--ncr-cb-trigger-bottom);
    }

    33% {
        bottom: calc(var(--ncr-cb-trigger-bottom) - 30px);
    }

    66% {
        bottom: calc(var(--ncr-cb-trigger-bottom) + 30px);
    }

    100% {
        bottom: var(--ncr-cb-trigger-bottom);
    }
}

@-webkit-keyframes ncrCBTrigSlideBack {
    0% {
        bottom: var(--ncr-cb-trigger-bottom);
    }

    33% {
        bottom: calc(var(--ncr-cb-trigger-bottom) - 30px);
    }

    66% {
        bottom: calc(var(--ncr-cb-trigger-bottom) + 30px);
    }

    100% {
        bottom: var(--ncr-cb-trigger-bottom);
    }
}

@keyframes ncrCBTrigSlideBack {
    0% {
        bottom: var(--ncr-cb-trigger-bottom);
    }

    33% {
        bottom: calc(var(--ncr-cb-trigger-bottom) - 30px);
    }

    66% {
        bottom: calc(var(--ncr-cb-trigger-bottom) + 30px);
    }

    100% {
        bottom: var(--ncr-cb-trigger-bottom);
    }
}

/**/

#ncr-cb-chat-win-trigger:active {
    transform: scale(0.98);
    box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
}

#ncr-cb-chat-win {
    position: fixed;
    bottom: var(--ncr-cb-chat-win-bottom);
    right: var(--ncr-cb-chat-win-right);
    top: var(--ncr-cb-chat-win-top);
    left: var(--ncr-cb-chat-win-left);
    height: var(--ncr-cb-chat-win-default-height);
    width: var(--ncr-cb-chat-win-default-width);
    -webkit-box-shadow: 2px 2px 20px 0px rgb(0 0 0 / 15%);
    box-shadow: 2px 2px 20px 0px rgb(0 0 0 / 15%);
    z-index: 10002;
    display: flex;
    flex-direction: column;
    border-radius: var(--ncr-cb-chat-win-border-radius) var(--ncr-cb-chat-win-border-radius) 0px var(--ncr-cb-chat-win-border-radius);
}

#ncr-cb-chat-win-header {
    display: flex;
    height: var(--ncr-cb-chat-win-header-default-height);
    border-radius: var(--ncr-cb-chat-win-border-radius) var(--ncr-cb-chat-win-border-radius) 0px 0px;
    color: #ffffff;
    background-color: var(--ncr-cb-fi-primary-bg-color);
}

#ncr-cb-chat-win-close {
    position: absolute;
    right: 20px;
    display: flex;
    cursor: pointer;
    top: calc((var(--ncr-cb-chat-win-header-default-height) - var(--ncr-cb-chat-win-close-height)) / 2);
}

#ncr-cb-chat-win-close > svg path {
    fill: var(--ncr-cb-chat-win-close-icon-color);
}

#ncr-cb-cwh-text {
    justify-content: center;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    font-size: 17px;
    line-height: 50px;
    font-weight: 700;
    font-family: var(--ncr-cb-font-family) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#ncr-cb-cwh-text-content {
    padding-left: 15px;
    text-wrap: wrap;
    margin-inline: 50px;
    line-height: 25px;
    text-align: center;
}

#ncr-cb-chat-win-body {
    height: calc(var(--ncr-cb-chat-win-default-height) - var(--ncr-cb-chat-win-header-default-height));
    border-radius: 0px 0px 0px var(--ncr-cb-chat-win-border-radius);
    background-color: #f2f2f2;
}

#ncr-cb-chat-win-ifr {
    border-width: 0px;
    width: 100%;
    height: calc(var(--ncr-cb-chat-win-default-height) - var(--ncr-cb-chat-win-header-default-height));
    position: absolute;
    top: var(--ncr-cb-chat-win-header-default-height);
    border-radius: 0px 0px 0px var(--ncr-cb-chat-win-border-radius);
    display: block !important;
    background-color: #f2f2f2;
}

#ncr-cb-chat-win-notif-section {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 10001;
    visibility: hidden;
    transform-origin: 100% 100%;
}

.ncr-cb-chat-win-notif-section-no-popping {
    bottom: calc(var(--ncr-cb-notif-section-bottom) + 20px) !important;
    -webkit-animation: ncrCBExpandNotifNoPopping 0.4s ease-in-out 3s;
    animation: ncrCBExpandNotifNoPopping 0.4s ease-in-out 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ncr-cb-chat-win-notif-section-popping {
    -webkit-animation: ncrCBExpandNotif 0.4s ease-in-out 3s;
    animation: ncrCBExpandNotif 0.4s ease-in-out 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ncr-cb-cw-notif-section-en {
    bottom: var(--ncr-cb-notif-section-bottom);
    right: var(--ncr-cb-notif-section-right);
    top: var(--ncr-cb-notif-section-top);
    left: var(--ncr-cb-notif-section-left);
}

.ncr-cb-cw-notif-section-non-en {
    bottom: var(--ncr-cb-notif-section-bottom-non-en);
    right: var(--ncr-cb-notif-section-right-non-en);
    top: var(--ncr-cb-notif-section-top-non-en);
    left: var(--ncr-cb-notif-section-left-non-en);
}

/* Desktop */

@-webkit-keyframes ncrCBExpandNotif {
    0% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: hidden;
    }

    33% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: visible;
    }

    66% {
        bottom: calc(var(--ncr-cb-notif-section-bottom) + 60px);
        visibility: visible;
    }

    100% {
        bottom: calc(var(--ncr-cb-notif-section-bottom) + 20px);
        visibility: visible;
    }
}

@keyframes ncrCBExpandNotif {
    0% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: hidden;
    }

    33% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: visible;
    }

    66% {
        bottom: calc(var(--ncr-cb-notif-section-bottom) + 60px);
        visibility: visible;
    }

    100% {
        bottom: calc(var(--ncr-cb-notif-section-bottom) + 20px);
        visibility: visible;
    }
}

@-webkit-keyframes ncrCBExpandNotifNoPopping {
    0% {
        visibility: hidden;
    }

    33% {
        visibility: visible;
    }

    100% {
        visibility: visible;
    }
}

@keyframes ncrCBExpandNotifNoPopping {
    0% {
        visibility: hidden;
    }

    33% {
        visibility: visible;
    }

    100% {
        visibility: visible;
    }
}

@-webkit-keyframes ncrCBCollapseNotif {
    0% {
        bottom: calc(var(--ncr-cb-notif-section-bottom) + 20px);
        visibility: visible;
    }

    33% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: hidden;
    }

    66% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: hidden;
    }

    100% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: hidden;
    }
}

@keyframes ncrCBCollapseNotif {
    0% {
        bottom: calc(var(--ncr-cb-notif-section-bottom) + 20px);
        visibility: visible;
    }

    33% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: hidden;
    }

    66% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: hidden;
    }

    100% {
        bottom: var(--ncr-cb-notif-section-bottom);
        visibility: hidden;
    }
}

/**/

#ncr-cb-chat-win-notif-close {
    border-radius: 50%;
    background: #8a8a8a;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

#ncr-cb-chat-win-notif-close:hover {
    background: gray;
}

#ncr-cb-chat-win-notif-close-section {
    position: absolute;
    width: 16px;
    height: 16px;
    top: -5px;
    right: -5px;
    cursor: pointer;
    border-radius: 50%;
    background: #161f28;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ncr-cb-chat-win-notif {
    border-radius: 4px;
    background-color: #161f28;
    color: #E7EEF9;
    padding: 7px 15px 7px 13px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.ncr-cb-cw-notif-en {
    height: 65px;
}

.ncr-cb-cw-notif-non-en {
    height: 85px;
}

.ncr-cb-cw-notif-custom {
    min-height: 65px;
    max-height: 85px;
}

#ncr-cb-chat-win-notif-arrow {
    width: 0px;
    height: 0px;
    border-top: 6px solid #161f28;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: none;
    align-self: center;
    position: relative;
    left: 70px;
}

.ncr-cb-chat-win-notif-arrow-custom {
    left: 76px !important;
}

#ncr-cb-chat-win-notif-content {
    width: 174px;
    height: 100%;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.3px;
    /* display: flex;
    align-items: center; */
    font-family: var(--ncr-cb-font-family) !important;
}

.ncr-cb-pr-12 {
    box-sizing: content-box;
    padding-right: 12px;
}

@media(max-width:767px) {
    #ncr-cb-chat-win-trigger {
        position: fixed;
        bottom: var(--ncr-cb-trigger-xs-bottom);
        right: var(--ncr-cb-trigger-xs-right);
        top: var(--ncr-cb-trigger-xs-top);
        left: var(--ncr-cb-trigger-xs-left);
        width: 50px;
        height: 50px;
        transition: none;
    }

    @-webkit-keyframes ncrCBTrigSlide {
        0% {
            bottom: var(--ncr-cb-trigger-xs-bottom);
        }

        33% {
            bottom: calc(var(--ncr-cb-trigger-xs-bottom) - 30px);
        }

        66% {
            bottom: calc(var(--ncr-cb-trigger-xs-bottom) + 30px);
        }

        100% {
            bottom: var(--ncr-cb-trigger-xs-bottom);
        }
    }

    @keyframes ncrCBTrigSlide {
        0% {
            bottom: var(--ncr-cb-trigger-xs-bottom);
        }

        33% {
            bottom: calc(var(--ncr-cb-trigger-xs-bottom) - 30px);
        }

        66% {
            bottom: calc(var(--ncr-cb-trigger-xs-bottom) + 30px);
        }

        100% {
            bottom: var(--ncr-cb-trigger-xs-bottom);
        }
    }

    @-webkit-keyframes ncrCBTrigSlideBack {
        0% {
            bottom: var(--ncr-cb-trigger-xs-bottom);
        }

        33% {
            bottom: calc(var(--ncr-cb-trigger-xs-bottom) - 30px);
        }

        66% {
            bottom: calc(var(--ncr-cb-trigger-xs-bottom) + 30px);
        }

        100% {
            bottom: var(--ncr-cb-trigger-xs-bottom);
        }
    }

    @keyframes ncrCBTrigSlideBack {
        0% {
            bottom: var(--ncr-cb-trigger-xs-bottom);
        }

        33% {
            bottom: calc(var(--ncr-cb-trigger-xs-bottom) - 30px);
        }

        66% {
            bottom: calc(var(--ncr-cb-trigger-xs-bottom) + 30px);
        }

        100% {
            bottom: var(--ncr-cb-trigger-xs-bottom);
        }
    }

    #ncr-cb-chat-win {
        bottom: var(--ncr-cb-chat-win-xs-bottom);
        right: var(--ncr-cb-chat-win-xs-right);
        top: var(--ncr-cb-chat-win-xs-top);
        left: var(--ncr-cb-chat-win-xs-left);
        width: 100%;
        height: 100%;
        box-shadow: none;
        border-radius: 0px;
    }

    #ncr-cb-chat-win-header {
        border-radius: 0px;
        width: 100%;
    }

    #ncr-cb-chat-win-body {
        height: calc(100% - var(--ncr-cb-chat-win-header-default-height));
        width: 100%;
        border-radius: 0px;
    }

    #ncr-cb-chat-win-loader {
        top: unset !important;
        height: calc(100% - var(--ncr-cb-chat-win-header-default-height)) !important;
        border-radius: 0px;
    }

    #ncr-cb-chat-win-ifr {
        top: unset !important;
        height: calc(100% - var(--ncr-cb-chat-win-header-default-height));
        border-radius: 0px;
    }

    #ncr-cb-chat-win-trigger:active {
        transform: none;
    }

    #ncr-cb-chat-win-notif-arrow {
        border-top: 6px solid #161f28;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-bottom: none;
        position: relative;
        left: 76px;
    }

    .ncr-cb-chat-win-notif-arrow-custom {
        left: 82px !important;
    }

    #ncr-cb-chat-win-notif-section {
        bottom: var(--ncr-cb-notif-section-xs-bottom);
        right: var(--ncr-cb-notif-section-xs-right);
        top: var(--ncr-cb-notif-section-xs-top);
        left: var(--ncr-cb-notif-section-xs-left);
        flex-direction: column;
        /* Animation */
        visibility: hidden;
        transform-origin: 100% 100%;
        /* */
    }

    @-webkit-keyframes ncrCBExpandNotif {
        0% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: hidden;
        }

        33% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: visible;
        }

        66% {
            bottom: calc(var(--ncr-cb-notif-section-xs-bottom) + 60px);
            visibility: visible;
        }

        100% {
            bottom: calc(var(--ncr-cb-notif-section-xs-bottom) + 20px);
            visibility: visible;
        }
    }

    @keyframes ncrCBExpandNotif {
        0% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: hidden;
        }

        33% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: visible;
        }

        66% {
            bottom: calc(var(--ncr-cb-notif-section-xs-bottom) + 60px);
            visibility: visible;
        }

        100% {
            bottom: calc(var(--ncr-cb-notif-section-xs-bottom) + 20px);
            visibility: visible;
        }
    }

    @-webkit-keyframes ncrCBCollapseNotif {
        0% {
            bottom: calc(var(--ncr-cb-notif-section-xs-bottom) + 20px);
            visibility: visible;
        }

        33% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: hidden;
        }

        66% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: hidden;
        }

        100% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: hidden;
        }
    }

    @keyframes ncrCBCollapseNotif {
        0% {
            bottom: calc(var(--ncr-cb-notif-section-xs-bottom) + 20px);
            visibility: visible;
        }

        33% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: hidden;
        }

        66% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: hidden;
        }

        100% {
            bottom: var(--ncr-cb-notif-section-xs-bottom);
            visibility: hidden;
        }
    }
}

@media(min-width:768px) and (max-width:991px) {
    #ncr-cb-chat-win-trigger {
        position: fixed;
        bottom: var(--ncr-cb-trigger-sm-bottom);
        right: var(--ncr-cb-trigger-sm-right);
        top: var(--ncr-cb-trigger-sm-top);
        left: var(--ncr-cb-trigger-sm-left);
        width: 50px;
        height: 50px;
        transition: none;
    }

    @-webkit-keyframes ncrCBTrigSlide {
        0% {
            bottom: var(--ncr-cb-trigger-sm-bottom);
        }

        33% {
            bottom: calc(var(--ncr-cb-trigger-sm-bottom) - 30px);
        }

        66% {
            bottom: calc(var(--ncr-cb-trigger-sm-bottom) + 30px);
        }

        100% {
            bottom: var(--ncr-cb-trigger-sm-bottom);
        }
    }

    @keyframes ncrCBTrigSlide {
        0% {
            bottom: var(--ncr-cb-trigger-sm-bottom);
        }

        33% {
            bottom: calc(var(--ncr-cb-trigger-sm-bottom) - 30px);
        }

        66% {
            bottom: calc(var(--ncr-cb-trigger-sm-bottom) + 30px);
        }

        100% {
            bottom: var(--ncr-cb-trigger-sm-bottom);
        }
    }

    @-webkit-keyframes ncrCBTrigSlideBack {
        0% {
            bottom: var(--ncr-cb-trigger-sm-bottom);
        }

        33% {
            bottom: calc(var(--ncr-cb-trigger-sm-bottom) - 30px);
        }

        66% {
            bottom: calc(var(--ncr-cb-trigger-sm-bottom) + 30px);
        }

        100% {
            bottom: var(--ncr-cb-trigger-sm-bottom);
        }
    }

    @keyframes ncrCBTrigSlideBack {
        0% {
            bottom: var(--ncr-cb-trigger-sm-bottom);
        }

        33% {
            bottom: calc(var(--ncr-cb-trigger-sm-bottom) - 30px);
        }

        66% {
            bottom: calc(var(--ncr-cb-trigger-sm-bottom) + 30px);
        }

        100% {
            bottom: var(--ncr-cb-trigger-sm-bottom);
        }
    }

    #ncr-cb-chat-win {
        bottom: var(--ncr-cb-chat-win-sm-bottom);
        right: var(--ncr-cb-chat-win-sm-right);
        top: var(--ncr-cb-chat-win-sm-top);
        left: var(--ncr-cb-chat-win-sm-left);
        width: 100%;
        height: 100%;
        box-shadow: none;
        border-radius: 0px;
    }

    #ncr-cb-chat-win-header {
        border-radius: 0px;
        width: 100%;
    }

    #ncr-cb-chat-win-body {
        height: calc(100% - var(--ncr-cb-chat-win-header-default-height));
        width: 100%;
        border-radius: 0px;
    }

    #ncr-cb-chat-win-loader {
        top: unset !important;
        height: calc(100% - var(--ncr-cb-chat-win-header-default-height)) !important;
        border-radius: 0px;
    }

    #ncr-cb-chat-win-ifr {
        top: unset !important;
        height: calc(100% - var(--ncr-cb-chat-win-header-default-height));
        border-radius: 0px;
    }

    #ncr-cb-chat-win-trigger:active {
        transform: none;
    }

    #ncr-cb-chat-win-notif-arrow {
        border-top: 6px solid #161f28;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-bottom: none;
        position: relative;
        left: 76px;
    }

    .ncr-cb-chat-win-notif-arrow-custom {
        left: 82px !important;
    }

    #ncr-cb-chat-win-notif-section {
        bottom: var(--ncr-cb-notif-section-sm-bottom);
        right: var(--ncr-cb-notif-section-sm-right);
        top: var(--ncr-cb-notif-section-sm-top);
        left: var(--ncr-cb-notif-section-sm-left);
        flex-direction: column;
        /* Animation */
        visibility: hidden;
        transform-origin: 100% 100%;
        /* */
    }

    @-webkit-keyframes ncrCBExpandNotif {
        0% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: hidden;
        }

        33% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: visible;
        }

        66% {
            bottom: calc(var(--ncr-cb-notif-section-sm-bottom) + 60px);
            visibility: visible;
        }

        100% {
            bottom: calc(var(--ncr-cb-notif-section-sm-bottom) + 20px);
            visibility: visible;
        }
    }

    @keyframes ncrCBExpandNotif {
        0% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: hidden;
        }

        33% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: visible;
        }

        66% {
            bottom: calc(var(--ncr-cb-notif-section-sm-bottom) + 60px);
            visibility: visible;
        }

        100% {
            bottom: calc(var(--ncr-cb-notif-section-sm-bottom) + 20px);
            visibility: visible;
        }
    }

    @-webkit-keyframes ncrCBCollapseNotif {
        0% {
            bottom: calc(var(--ncr-cb-notif-section-sm-bottom) + 20px);
            visibility: visible;
        }

        33% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: hidden;
        }

        66% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: hidden;
        }

        100% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: hidden;
        }
    }

    @keyframes ncrCBCollapseNotif {
        0% {
            bottom: calc(var(--ncr-cb-notif-section-sm-bottom) + 20px);
            visibility: visible;
        }

        33% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: hidden;
        }

        66% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: hidden;
        }

        100% {
            bottom: var(--ncr-cb-notif-section-sm-bottom);
            visibility: hidden;
        }
    }
}

@media(min-width:992px) and (min-height:440px) {
    #ncr-cb-chat-win {
        height: calc(100vh - (var(--ncr-cb-chat-win-bottom) + var(--ncr-cb-chat-win-min-top-gap)));
        max-height: var(--ncr-cb-chat-win-default-height);
    }

    #ncr-cb-chat-win-body {
        height: calc(100vh - (var(--ncr-cb-chat-win-header-default-height) + var(--ncr-cb-chat-win-bottom) + var(--ncr-cb-chat-win-min-top-gap)));
        max-height: calc(var(--ncr-cb-chat-win-default-height) - var(--ncr-cb-chat-win-header-default-height));
    }

    #ncr-cb-chat-win-ifr {
        height: calc(100vh - (var(--ncr-cb-chat-win-header-default-height) + var(--ncr-cb-chat-win-bottom) + var(--ncr-cb-chat-win-min-top-gap)));
        max-height: calc(var(--ncr-cb-chat-win-default-height) - var(--ncr-cb-chat-win-header-default-height));
    }

    #ncr-cb-chat-win-loader {
        height: calc(100vh - (var(--ncr-cb-chat-win-header-default-height) + var(--ncr-cb-chat-win-bottom) + var(--ncr-cb-chat-win-min-top-gap)));
        max-height: calc(var(--ncr-cb-chat-win-default-height) - var(--ncr-cb-chat-win-header-default-height));
    }
}

#ncr-cb-waving-emoji {
    width: 16px;
    height: 16px;
    display: inline;
    vertical-align: top;
}

/* loader component */

#ncr-cb-chat-win-loader {
    width: 100%;
    height: calc(var(--ncr-cb-chat-win-default-height) - var(--ncr-cb-chat-win-header-default-height));
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 50;
    position: absolute;
    background: linear-gradient(0deg, var(--main-background-color, #F2F2F2), #fff);
    top: var(--ncr-cb-chat-win-header-default-height);
    border-radius: 0px 0px 0px var(--ncr-cb-chat-win-border-radius);
}

/* Language Component */
#ncr-cb-change-lang-trigger-btn {
    top: calc((var(--ncr-cb-chat-win-header-default-height) - var(--ncr-cb-chat-win-lang-section-height))/2);
    display: none;
}

/* ******************************** CONFIGURATION SECTION ******************************** */

/* BACKGROUND COLOR OF AVATAR BUTTON AND CHATBOT WINDOW HEADER BAR */

#ncr-cb-chat-win-trigger, #ncr-cb-chat-win-header {
    --ncr-cb-fi-primary-bg-color: #03a96f;
}

/* ALIGNMENT OF AVATAR BUTTON */

#ncr-cb-chat-win-trigger {
    /* LARGE DEVICES */
    --ncr-cb-trigger-bottom: 20px;
    --ncr-cb-trigger-right: 35px;
    --ncr-cb-trigger-top: auto;
    --ncr-cb-trigger-left: auto;
    /* EXTRA SMALL DEVICES */
    --ncr-cb-trigger-xs-bottom: 20px;
    --ncr-cb-trigger-xs-right: 35px;
    --ncr-cb-trigger-xs-top: auto;
    --ncr-cb-trigger-xs-left: auto;
    /* SMALL DEVICES */
    --ncr-cb-trigger-sm-bottom: 20px;
    --ncr-cb-trigger-sm-right: 35px;
    --ncr-cb-trigger-sm-top: auto;
    --ncr-cb-trigger-sm-left: auto;
}

/* ALIGNMENT/DIMENSIONS OF CHAT WINDOW */

#ncr-cb-chat-win {
    /* LARGE DEVICES */
    --ncr-cb-chat-win-bottom: 20px;
    --ncr-cb-chat-win-right: 115px;
    --ncr-cb-chat-win-top: auto;
    --ncr-cb-chat-win-left: auto;
    /* EXTRA SMALL DEVICES */
    --ncr-cb-chat-win-xs-bottom: revert;
    --ncr-cb-chat-win-xs-right: revert;
    --ncr-cb-chat-win-xs-top: 0px;
    --ncr-cb-chat-win-xs-left: 0px;
    /* SMALL DEVICES */
    --ncr-cb-chat-win-sm-bottom: revert;
    --ncr-cb-chat-win-sm-right: revert;
    --ncr-cb-chat-win-sm-top: 0px;
    --ncr-cb-chat-win-sm-left: 0px;
    /* DEFAULT DIMENSIONS */
    --ncr-cb-chat-win-default-height: 680px;
    --ncr-cb-chat-win-default-width: 385px;
    /* HEADER */
    --ncr-cb-chat-win-header-default-height: 58px;
    /* LANG SECTION */
    --ncr-cb-chat-win-lang-section-height: 26px;
    /* MIN GAP FOR DESKTOP RESZING IN TERMS OF HEIGHT */
    --ncr-cb-chat-win-min-top-gap: 20px;
    /* BORDER RADIUS */
    --ncr-cb-chat-win-border-radius: 20px;
    /* FONT FAMILY */
    --ncr-cb-font-family: "Lato", "Avenir", Helvetica, Arial, sans-serif;
}

/* ALIGNMENT OF NOTIFIER MESSAGE BOX */

#ncr-cb-chat-win-notif-section {
    /* LARGE DEVICES */
    --ncr-cb-notif-section-bottom: 70px;
    --ncr-cb-notif-section-right: 35px;
    --ncr-cb-notif-section-top: auto;
    --ncr-cb-notif-section-left: auto;
    /* EXTRA SMALL DEVICES */
    --ncr-cb-notif-section-xs-bottom: 60px;
    --ncr-cb-notif-section-xs-right: 35px;
    --ncr-cb-notif-section-xs-top: auto;
    --ncr-cb-notif-section-xs-left: auto;
    /* SMALL DEVICES */
    --ncr-cb-notif-section-sm-bottom: 60px;
    --ncr-cb-notif-section-sm-right: 35px;
    --ncr-cb-notif-section-sm-top: auto;
    --ncr-cb-notif-section-sm-left: auto;
    /* NON EN*/
    --ncr-cb-notif-section-bottom-non-en: 70px;
    --ncr-cb-notif-section-right-non-en: 35px;
    --ncr-cb-notif-section-top-non-en: auto;
    --ncr-cb-notif-section-left-non-en: auto;
    /* FONT FAMILY */
    --ncr-cb-font-family: "Lato", "Avenir", Helvetica, Arial, sans-serif;
}

#ncr-cb-chat-win-close {
    --ncr-cb-chat-win-close-icon-color: white;
    --ncr-cb-chat-win-close-height: 14px;
}

/* GLIA Overlapping Issue fix */

#salemove {
    z-index: 10002 !important;
}

#salemove .sm-visitor-app {
    /* right: 120px !important; */
    bottom: 20px !important;
}

@media screen and (max-device-height: 500px) and (max-device-width: 768px), screen and (max-device-width: 1024px) {
    #salemove .sm-touch-draggable-lower-right {
        right: 105px !important;
        bottom: 20px !important;
    }

    #salemove .sm-visitor-app {
        right: 10px !important;
        bottom: 10px !important;
    }
}

@media screen and (min-device-width: 769px) and (max-device-width: 1024px) {
    #salemove .sm-touch-draggable-lower-right {
        right: 110px !important;
        bottom: 20px !important;
    }

    #salemove .sm-visitor-app {
        right: 10px !important;
        bottom: 10px !important;
    }
}