/*custom theme color*/
:root{
    --theme-color: #2B7FB8;
    --theme-color-white:#ffffff;
    --theme-color-message: #000000;
    --theme-color-border:#00908D;
    --theme-color-background:#EDEFF3;
    --theme-color-black:#000000;
    --theme-link-black:#000000;
}

:root[data-page="Emma"]{
    --theme-color: #2B7FB8;
}
:root[data-page="AllianzCare"]{
    --theme-color: #203370;
}

html[lang="ar"], html[lang="Arabic"] {
    direction: rtl;
}

html[lang="en"], html[lang="default"], html[lang="English"] {
    direction: ltr;
}

body {
    margin: 0;
}

/*use allianz font*/
.webchat {
    font-family: "Allianz Neo", Helvetica, Arial, "Microsoft YaHei New", "Microsoft Yahei", SimSun, STXihei, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.webchat-root {
    display: flex !important;
    width: 100vw !important;
    height: 100vh !important;
    justify-content: center !important;
    align-items: center !important;
}

#webchatWindow {
    position: relative !important;
}

@media screen and (min-width: 576px) {
    .webchat {
        margin-top: 100px !important;
        height: calc(100vh - 200px) !important;
        width: 600px !important;
    }
}

/*hide webchat toggle button*/
.webchat-toggle-button, .webchat-header-close-button {
    display: none;
    visibility: hidden;
}


/*hide webchat header bar*/
.webchat-header-bar {
    display: none !important;
    visibility: hidden;
    height: 0;
}

.webchat-avatar.user {
    display: none;
}

#cognigyBrandingLink {
    display: none !important;
}


/* =======message styling start=========*/
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message {
    background: var(--theme-color);
    color: var(--theme-color-white);
}
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message.bot, .webchat .regular-message.bot a {
    background: var(--theme-color-white);
    color: var(--theme-color-message);
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message.bot a {
    background: var(--theme-color-white);
    color: var(--theme-color);
}
/* =======message styling end=========*/


/* =======button styling start=========*/
.webchat-buttons-template-button {
    text-align: left;
}
.webchat-buttons-template-header{
    background-color: var(--theme-color-white) !important;
    color: var(--theme-color-message);
}

.webchat-buttons-template-header a {
    color: var(--theme-link-black) !important;
}

.webchat-buttons-template-button{
    color: var(--theme-color-white) !important;
    background-color: var(--theme-color) !important;
}
/* =======button styling end=========*/

/* =======quick reply styling start=========*/
.webchat-quick-reply-template-reply {
    border-color: var(--theme-color-border) !important;
    color: var(--theme-color) !important;
    background-color: var(--theme-color-background) !important;
}
.webchat-quick-reply-template-reply:focus {
    box-shadow: none !important;
}
.webchat-quick-reply-template-header-message {
    background: var(--theme-color-white) !important;
    color: var(--theme-color-message) !important;
}
/* =======quick reply styling end=========*/


/* =======list styling start=========*/
.webchat-list-template-root {
    width: auto !important;
}
.webchat-list-template-global-button{
    color: var(--theme-color) !important;
}
.webchat-list-template-element-button{
    border: 1px solid var(--theme-color) !important;
    color: var(--theme-color) !important;
}
.webchat-list-template-element-title{
    color: var(--theme-color) !important;
}

.ac-image{
    transition: all .2s ease-in-out;
}
.ac-image:hover{
    transform: scale(1.2);
}

/* =======list styling end=========*/