@charset "UTF-8";

.center {
    width: 95%;
    margin: auto;
    padding: 10px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.vertical-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
}

/* Webchat Windows Size */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat {
    min-width: 300px;
    width: 365px;
    min-height: 500px;
    height: 700px;
    box-shadow: 3px 3px 10px grey;
}

/* Links */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat a {
    color: #21292F;
    text-decoration: underline;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat a:link,
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat a:hover,
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat a:visited,
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat a:active {
    color: #21292F;
    text-decoration: underline;
}

/* Intro */
#webchatIntro {
    background-color: #FFFFFF;
}

/* Chatbot Background */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-chat-history {
    background-color: #FFFFFF;
}

/* Chatbot Bubble */
[data-cognigy-webchat-root] [data-cognigy-webchat-toggle].webchat-toggle-button {
    background-image: none;
    background-color: #C0A468;
    fill: #FFF;
}

/* Chatbot Bubble */
[data-cognigy-webchat-root] [data-cognigy-webchat-toggle].webchat-toggle-button:hover {
    background-image: none;
    background-color: #EDD38E;
    fill: #FFF;
}

/* Header */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-header-bar {
    box-shadow: none;
    background: #F8F6F2;
}

/* Header Font */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-header-title {
    font-size: 20px;
    color: #21292F;
}

/* Chatbot Close Button X */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-header-close-button {
    /* #21292F */
    filter: invert(10%) sepia(42%) saturate(361%) hue-rotate(162deg) brightness(20%) contrast(87%);
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-header-close-button:hover,
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-header-close-button:focus,
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-header-close-button:active {
    background-color: transparent;
    filter: invert(68%) sepia(34%) saturate(518%) hue-rotate(3deg) brightness(96%) contrast(74%);
}

/* Rating Dialog Root*/
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-rating-dialog-root {
    background: #FFFFFF;
}

/* Header Rating Dialog*/
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-rating-dialog-header {
    box-shadow: none;
    background: #F8F6F2;
}

/* Rating Send Button */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-rating-dialog-send-button:not(.disabled).active {
    fill: #C0A468;
}

/* Header Rating Button */
#webchatHeaderOpenRatingDialogButton {
    /* #21292F */
    filter: invert(10%) sepia(42%) saturate(361%) hue-rotate(162deg) brightness(20%) contrast(87%);
}

#webchatHeaderOpenRatingDialogButton:hover,
#webchatHeaderOpenRatingDialogButton:focus,
#webchatHeaderOpenRatingDialogButton:active {
    background-color: transparent;
    filter: invert(68%) sepia(34%) saturate(518%) hue-rotate(3deg) brightness(96%) contrast(74%);
}

/* Avatar */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-avatar {
    visibility: hidden;
    margin-left: 0px;
    margin-right: 0px;
    flex: none;
    width: 0px;
}

/* Media - Image */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-media-template-image {
    width: 314px;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message {
    color: #FFFFFF;
}

/* Chatbot Messages */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-message-row {
    padding-right: 16px;
    padding-left: 16px;
}

/* User Messages */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message.user {
    background: #C0A468;
    box-shadow: none;
    color: #FFFFFF;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-message-row.user {
    padding-right: 16px;
    padding-left: 16px;
}

/* Bot Messages */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-message-row.bot {
    padding-right: 16px;
    padding-left: 16px;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .regular-message.bot {
    background: #F8F6F2;
    box-shadow: none;
    color: #21292F;
}

/* Quick Replies */
[data-cognigy-webchat-root] .webchat-quick-reply-template-replies-container .webchat-quick-reply-template-reply {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    box-shadow: none;
    background-color: #F6F6F6;
    border-color: #CED0D1;
    color: #21292F;
}

[data-cognigy-webchat-root] .webchat-quick-reply-template-replies-container .webchat-quick-reply-template-reply:hover,
[data-cognigy-webchat-root] .webchat-quick-reply-template-replies-container .webchat-quick-reply-template-reply:focus,
[data-cognigy-webchat-root] .webchat-quick-reply-template-replies-container .webchat-quick-reply-template-reply:active {
    color: #21292F;
    background-color: #CED0D1;
    box-shadow: none;
}

[data-cognigy-webchat-root] .webchat-buttons-template-header {
    background: #F8F6F2;
    box-shadow: none;
}

[data-cognigy-webchat-root] [data-cognigy-webchat] .webchat-buttons-template-button {
    box-shadow: none;
    background-color: #F6F6F6;
    color: #FFFFFF;
}

[data-cognigy-webchat-root] [data-cognigy-webchat] .webchat-buttons-template-button:hover {
        opacity: .7;
        background-color: #CED0D1;
}

/* Image Gallery */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-carousel-template-title {
    color: #21292F;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-carousel-template-button {
    background: #F6F6F6;
    color: #21292F;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-carousel-template-button:hover {
    background: #CED0D1;
}


/* Typing Indicator */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-typing-indicator {
    background: #F8F6F2;
    box-shadow: none;
}

[data-cognigy-webchat-root] [data-cognigy-webchat] .webchat-quick-reply-template-header-message {
    background: #F8F6F2;
    color: #21292F;
    border: none;
    box-shadow: none;
}

[data-cognigy-webchat-root] .webchat-buttons-template-header {
    color: #21292F;
}

#webchatIntro {
    padding-top: 15px;
}

#webchatGetStartedButton {
    color: #FFFFFF;
    background: #C0A468;
}

#webchatGetStartedButton:hover {
    color: #FFFFFF;
    background: #C0A468;
    opacity: .7;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input {
    background: #F8F6F2;
}

/* Send Button */
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-button-send {
    /* #C0A468 */
    filter: invert(71%) sepia(22%) saturate(652%) hue-rotate(3deg) brightness(89%) contrast(92%);
}