:root{
    --theme-color: #203370;
}
body {
    margin: 0;
}

/*.webchat-message-row a {*/
/*    color: white;*/
/*}*/

.webchat-buttons-template-button {
    text-align: left;
}

.webchat-quick-reply-template-reply {
    border-color: #00908D !important;
    color: var(--theme-color) !important;
    background-color: #EDEFF3 !important;
}

.webchat-quick-reply-template-reply:focus {
    box-shadow: none !important;
}

.webchat-quick-reply-template-header-message {
    background: white !important;
    color: #575B71 !important;
}

.webchat-list-template-element-button{
    border: 1px solid var(--theme-color) !important;
    color: var(--theme-color) !important;
}

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

.webchat-buttons-template-button{
    color: var(--theme-color) !important;
}

.webchat-list-template-element-title{
    color: var(--theme-color) !important;
}

.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-header-bar {
    display: none !important;
    visibility: hidden;
    height: 0;
}

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

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

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message {
    background: var(--theme-color);
    color: white;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message.bot {
    background: white;
    color: #575B71;
}


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

#webchatWindow {
    position: relative !important;
}

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

#cognigyBrandingLink {
    display: none !important;
}

.webchat-list-template-root {
    width: auto !important;
}
.webchat-list-template-global-button{
    color: var(--theme-color) !important;
}