body {
    /* Add new CSS vars defaults here in case an ODA delivered theme is chosen */
    --filter-header-logo: invert(80%) sepia(53%) saturate(479%) hue-rotate(176deg) brightness(93%) contrast(85%);
    --filter-avatar: invert(96%) sepia(28%) saturate(702%) hue-rotate(175deg) brightness(93%) contrast(92%);
    --filter-header-logo-dark-theme: invert(0%);
    --filter-avatar-dark-theme: invert(0%);
}

.oda-chat-wrapper.oda-chat-ida-light {
    --color-branding: #31435d;
    --color-launch-icon-background: #31435d;
    --color-text: #161513;
    --color-text-light: #161513;
    --color-header-background: #FFFFFF; /* #D9D9D9; */
    --color-header-button-fill: #31435D;
    --color-header-text: #31435D;
    --color-header-button-background-hover: rgba(22, 21, 19, 0.04);
    --color-header-button-fill-hover: #161513;
    --color-conversation-background: #F9FAFB;
    --color-timestamp: rgba(22, 21, 19, 0.65);
    --color-typing-indicator: #161513;
    --color-bot-message-background: #E6EBF3;
    --color-bot-text: #000000;
    --color-user-message-background: #31435d;
    --color-user-text: #FFFFFF;
    --color-error-message-background: #FFF8F7;
    --color-error-border: #DC5C5E;
    --color-error-title: #D63B25;
    --color-error-text: #161513;
    --color-card-background: #E6EBF3; /* #655f5c; */
    --color-card-nav-button: #FFF;
    --color-card-nav-button-focus: #FBF9F8;
    --color-card-nav-button-hover: #FBF9F8;
    --color-actions-background: #fff;
    --color-actions-background-focus: rgba(22, 21, 19, 0.04);
    --color-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-actions-border: rgba(22, 21, 19, 0.5);
    --color-actions-text: #161513;
    --color-actions-text-focus: #161513;
    --color-actions-text-hover: #161513;
    --color-global-actions-background: transparent;
    --color-global-actions-background-focus: rgba(22, 21, 19, 0.04);
    --color-global-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-global-actions-border: rgba(22, 21, 19, 0.5);
    --color-global-actions-text: #161513;
    --color-global-actions-text-focus: #161513;
    --color-global-actions-text-hover: #161513;
    --color-links: #c0533f;
    --color-user-links: #c0533f;
    --color-rating-star: #ececec;
    --color-rating-star-fill: #f0cc71;
    --color-agent-initials: #FFFFFF;
    --color-agent-avatar-background: #A890B6;
    --color-agent-name: rgba(22, 21, 19, 0.65);
    --color-horizontal-rule-background: #cbc5bf;
    --color-attachment-placeholder: #e3e1dc;
    --color-attachment-footer: #fff;
    --color-attachment-text: #161513;
    --color-footer-background: #fff;
    --color-footer-button-fill: #31435d;
    --color-footer-button-background-hover: transparent;
    --color-footer-button-fill-hover: #161513;
    --color-input-background: #fff;
    --color-input-border: #dadada;
    --color-input-text: #161513;
    --color-recognition-view-text: #fff;
    --color-visualizer: #161513;
    --color-visualizer-container-background: #fff;
    --color-notification-badge-background: #312d2a;
    --color-notification-badge-text: #fff;
    --color-popup-background: #fff;
    --color-popup-text: #161513;
    --color-popup-button-background: #fff;
    --color-popup-button-text: #161513;
    --color-popup-horizontal-rule: #cbc5bf;
    --color-popup-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-popup-input-text: #161513;
    --color-popup-input-background: #fff;
    --color-popup-input-border: #161513;
    --color-popup-input-border-error: #f00;
    --color-table-header-background: #f1efec;
    --color-table-background: #fff;
    --color-table-text: #161513;
    --color-table-separator: rgba(22, 21, 19, 0.1);
    --color-row-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-input-border: rgba(22, 21, 19, 0.5);
    --color-form-label: rgba(22, 21, 19, 0.65);
    --color-form-error: rgba(179,49,31);
    --color-form-error-text: rgba(22, 21, 19, 0.65);
    --color-form-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-actions-border: rgba(22, 21, 19, 0.5);
    --color-form-actions-text: #161513;
    --width-full-screen: 400px;
    --position-top: unset;
    --position-left: unset;
    --position-right: 40px;
    --position-bottom: 40px;
    --filter-header-logo: invert(80%) sepia(53%) saturate(479%) hue-rotate(176deg) brightness(93%) contrast(85%);
    --filter-avatar: invert(96%) sepia(28%) saturate(702%) hue-rotate(175deg) brightness(93%) contrast(92%);
    position: fixed;
    bottom: var(--position-bottom);
    left: var(--position-left);
    top: var(--position-top);
    right: var(--position-right);
    box-sizing: border-box;
    text-transform: none;
    z-index: 205;
    color: var(--color-text);
    font-size: 16px;
    font-family: "Oracle Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;
    transition: all .25s ease-in-out;
    -webkit-font-smoothing: antialiased;
}

.oda-chat-wrapper.oda-chat-ida-dark {
    --color-branding: #c0533f;
    --color-launch-icon-background: #c0533f;
    --color-text: #161513;
    --color-text-light: #fcfbfa;
    --color-header-background: #201e1c;
    --color-header-button-fill: #fff;
    --color-header-button-fill-hover: #fff;
    --color-header-button-background-hover: rgba(255, 255, 255, 0.04);
    --color-header-text: #fff;
    --color-conversation-background: #3a3631;
    --color-timestamp: #fcfbfa;
    --color-typing-indicator: #fff;
    --color-bot-message-background: #655f5c;
    --color-bot-text: #fff;
    --color-user-message-background: #fff;
    --color-user-text: #161513;
    --color-error-message-background: #FFF8F7;
    --color-error-border: #DC5C5E;
    --color-error-title: #D63B25;
    --color-error-text: #161513;
    --color-card-background: #655f5c;
    --color-card-nav-button: #d5b364;
    --color-card-nav-button-focus: #f7e0a1;
    --color-card-nav-button-hover: #b39554;
    --color-actions-background: #655f5c;
    --color-actions-background-focus: rgba(22, 21, 19, 0.5);
    --color-actions-background-hover: rgba(22, 21, 19, 0.3);
    --color-actions-border: #fff;
    --color-actions-text: #fff;
    --color-actions-text-focus: #fff;
    --color-actions-text-hover: #fff;
    --color-global-actions-background: #3a3631;
    --color-global-actions-background-focus: rgba(22, 21, 19, 0.3);
    --color-global-actions-background-hover: rgba(22, 21, 19, 0.3);
    --color-global-actions-border: #fff;
    --color-global-actions-text: #fff;
    --color-global-actions-text-focus: #fff;
    --color-global-actions-text-hover: #fff;
    --color-links: #f7e0a1;
    --color-user-links: #c0533f;
    --color-rating-star: #ececec;
    --color-rating-star-fill: #f0cc71;
    --color-agent-initials: #FFFFFF;
    --color-agent-avatar-background: #A890B6;
    --color-agent-name: #fcfbfa;
    --color-horizontal-rule-background: #cbc5bf;
    --color-attachment-placeholder: #e3e1dc;
    --color-attachment-footer: #fff;
    --color-attachment-text: #161513;
    --color-footer-background: #fff;
    --color-footer-button-fill: #161513;
    --color-footer-button-background-hover: rgba(22, 21, 19, 0.04);
    --color-footer-button-fill-hover: #161513;
    --color-input-background: #fff;
    --color-input-border: #fff;
    --color-input-text: #161513;
    --color-recognition-view-text: #fff;
    --color-visualizer: #161513;
    --color-visualizer-container-background: #fff;
    --color-notification-badge-background: #312d2a;
    --color-notification-badge-text: #fff;
    --color-popup-background: #fff;
    --color-popup-text: #161513;
    --color-popup-button-background: #fff;
    --color-popup-button-text: #201e1c;
    --color-popup-horizontal-rule: #cbc5bf;
    --color-popup-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-popup-input-text: #161513;
    --color-popup-input-background: #fff;
    --color-popup-input-border: #161513;
    --color-popup-input-border-error: #f00;
    --color-table-header-background: #f1efec;
    --color-table-background: #fff;
    --color-table-text: #161513;
    --color-table-separator: rgba(22, 21, 19, 0.1);
    --color-row-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-input-border: rgba(22, 21, 19, 0.5);
    --color-form-label: rgba(22, 21, 19, 0.65);
    --color-form-error: rgba(179,49,31);
    --color-form-error-text: rgba(22, 21, 19, 0.65);
    --color-form-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-actions-border: rgba(22, 21, 19, 0.5);
    --color-form-actions-text: #161513;
    --width-full-screen: 400px;
    --position-top: unset;
    --position-left: unset;
    --position-right: 40px;
    --position-bottom: 40px;
    --filter-header-logo: invert(0%);
    --filter-avatar: invert(0%);
    position: fixed;
    bottom: var(--position-bottom);
    left: var(--position-left);
    top: var(--position-top);
    right: var(--position-right);
    box-sizing: border-box;
    text-transform: none;
    z-index: 205;
    color: var(--color-text);
    font-size: 16px;
    font-family: "Oracle Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;
    transition: all .25s ease-in-out;
    -webkit-font-smoothing: antialiased;
}

.oda-chat-wrapper.oda-chat-ida-orange {
    --color-branding:  #F58356;/* #31435d; */
    --color-launch-icon-background: #F58356;
    --color-text: #161513;
    --color-text-light: #161513;
    --color-header-background: #F58356;/* #FFFFFF; */ /* #D9D9D9; */
    --color-header-button-fill: #fff;/*rgb(112, 114, 117);*/
    --color-header-text: #FFF; /* #31435D; */
    --color-header-button-background-hover: rgba(22, 21, 19, 0.04);
    --color-header-button-fill-hover: #161513;
    --color-conversation-background: #F9FAFB;
    --color-timestamp: rgba(22, 21, 19, 0.65);
    --color-typing-indicator: #161513;
    --color-bot-message-background: #E6EBF3;
    --color-bot-text: #000000;
    --color-user-message-background:#F58356;/* #31435d;*/
    --color-user-text: #FFFFFF;
    --color-error-message-background: rgb(51, 51, 51);
    --color-error-border: #DC5C5E;
    --color-error-title: #D63B25;
    --color-error-text: #161513;
    --color-card-background: #E6EBF3; /* #655f5c; */
    --color-card-nav-button: #FFF;
    --color-card-nav-button-focus: #FBF9F8;
    --color-card-nav-button-hover: #FBF9F8;
    --color-actions-background: #fff;
    --color-actions-background-focus: rgba(22, 21, 19, 0.04);
    --color-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-actions-border: rgba(22, 21, 19, 0.5);
    --color-actions-text: #161513;
    --color-actions-text-focus: #161513;
    --color-actions-text-hover: #161513;
    --color-global-actions-background: transparent;
    --color-global-actions-background-focus: rgba(22, 21, 19, 0.04);
    --color-global-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-global-actions-border: rgba(22, 21, 19, 0.5);
    --color-global-actions-text: #161513;
    --color-global-actions-text-focus: #161513;
    --color-global-actions-text-hover: #161513;
    --color-links: #c0533f;
    --color-user-links: #c0533f;
    --color-rating-star: #ececec;
    --color-rating-star-fill: #f0cc71;
    --color-agent-initials: #FFFFFF;
    --color-agent-avatar-background: #A890B6;
    --color-agent-name: rgba(22, 21, 19, 0.65);
    --color-horizontal-rule-background: #cbc5bf;
    --color-attachment-placeholder: #e3e1dc;
    --color-attachment-footer: #fff;
    --color-attachment-text: #161513;
    --color-footer-background: #fff;
    --color-footer-button-fill: #F58356;/* #31435d; */
    --color-footer-button-background-hover: transparent;
    --color-footer-button-fill-hover: #F58356;/* #161513; */
    --color-input-background: #fff;
    --color-input-border: #dadada;
    --color-input-text: #161513;
    --color-recognition-view-text: #fff;
    --color-visualizer: #161513;
    --color-visualizer-container-background: #fff;
    --color-notification-badge-background: #312d2a;
    --color-notification-badge-text: #fff;
    --color-popup-background: #fff;
    --color-popup-text: #161513;
    --color-popup-button-background: #fff;
    --color-popup-button-text: #161513;
    --color-popup-horizontal-rule: #cbc5bf;
    --color-popup-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-popup-input-text: #161513;
    --color-popup-input-background: #fff;
    --color-popup-input-border: #161513;
    --color-popup-input-border-error: #f00;
    --color-table-header-background: #f1efec;
    --color-table-background: #fff;
    --color-table-text: #161513;
    --color-table-separator: rgba(22, 21, 19, 0.1);
    --color-row-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-input-border: rgba(22, 21, 19, 0.5);
    --color-form-label: rgba(22, 21, 19, 0.65);
    --color-form-error: rgba(179,49,31);
    --color-form-error-text: rgba(22, 21, 19, 0.65);
    --color-form-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-actions-border: rgba(22, 21, 19, 0.5);
    --color-form-actions-text: #161513;
    --width-full-screen: 400px;
    --position-top: unset;
    --position-left: unset;
    --position-right: 40px;
    --position-bottom: 40px;
    --filter-header-logo: invert(0%) sepia(0%) saturate(0%) hue-rotate(135deg) brightness(103%) contrast(101%);
    --filter-avatar: invert(61%) sepia(85%) saturate(878%) hue-rotate(322deg) brightness(98%) contrast(95%);
    position: fixed;
    bottom: var(--position-bottom);
    left: var(--position-left);
    top: var(--position-top);
    right: var(--position-right);
    box-sizing: border-box;
    text-transform: none;
    z-index: 205;
    color: var(--color-text);
    font-size: 16px;
    font-family: "Oracle Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;
    transition: all .25s ease-in-out;
    -webkit-font-smoothing: antialiased;
    
}
/* Wrapper Theme for VCCS */
.oda-chat-wrapper.oda-chat-vccs-light {
    --color-branding: #31435d;
    --color-launch-icon-background: #31435d;
    --color-text: #161513;
    --color-text-light: #161513;
    --color-header-background: #FFFFFF; /* #D9D9D9; */
    --color-header-button-fill: #31435D;
    --color-header-text: #31435D;
    --color-header-button-background-hover: rgba(22, 21, 19, 0.04);
    --color-header-button-fill-hover: #161513;
    --color-conversation-background: #F9FAFB;
    --color-timestamp: rgba(22, 21, 19, 0.65);
    --color-typing-indicator: #161513;
    --color-bot-message-background: #E6EBF3;
    --color-bot-text: #000000;
    --color-user-message-background: #31435d;
    --color-user-text: #FFFFFF;
    --color-error-message-background: #FFF8F7;
    --color-error-border: #DC5C5E;
    --color-error-title: #D63B25;
    --color-error-text: #161513;
    --color-card-background: #E6EBF3; /* #655f5c; */
    --color-card-nav-button: #FFF;
    --color-card-nav-button-focus: #FBF9F8;
    --color-card-nav-button-hover: #FBF9F8;
    --color-actions-background: #fff;
    --color-actions-background-focus: rgba(22, 21, 19, 0.04);
    --color-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-actions-border: rgba(22, 21, 19, 0.5);
    --color-actions-text: #161513;
    --color-actions-text-focus: #161513;
    --color-actions-text-hover: #161513;
    --color-global-actions-background: transparent;
    --color-global-actions-background-focus: rgba(22, 21, 19, 0.04);
    --color-global-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-global-actions-border: rgba(22, 21, 19, 0.5);
    --color-global-actions-text: #161513;
    --color-global-actions-text-focus: #161513;
    --color-global-actions-text-hover: #161513;
    --color-links: #c0533f;
    --color-user-links: #c0533f;
    --color-rating-star: #ececec;
    --color-rating-star-fill: #f0cc71;
    --color-agent-initials: #FFFFFF;
    --color-agent-avatar-background: #A890B6;
    --color-agent-name: rgba(22, 21, 19, 0.65);
    --color-horizontal-rule-background: #cbc5bf;
    --color-attachment-placeholder: #e3e1dc;
    --color-attachment-footer: #fff;
    --color-attachment-text: #161513;
    --color-footer-background: #fff;
    --color-footer-button-fill: #31435d;
    --color-footer-button-background-hover: transparent;
    --color-footer-button-fill-hover: #161513;
    --color-input-background: #fff;
    --color-input-border: #dadada;
    --color-input-text: #161513;
    --color-recognition-view-text: #fff;
    --color-visualizer: #161513;
    --color-visualizer-container-background: #fff;
    --color-notification-badge-background: #312d2a;
    --color-notification-badge-text: #fff;
    --color-popup-background: #fff;
    --color-popup-text: #161513;
    --color-popup-button-background: #fff;
    --color-popup-button-text: #161513;
    --color-popup-horizontal-rule: #cbc5bf;
    --color-popup-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-popup-input-text: #161513;
    --color-popup-input-background: #fff;
    --color-popup-input-border: #161513;
    --color-popup-input-border-error: #f00;
    --color-table-header-background: #f1efec;
    --color-table-background: #fff;
    --color-table-text: #161513;
    --color-table-separator: rgba(22, 21, 19, 0.1);
    --color-row-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-input-border: rgba(22, 21, 19, 0.5);
    --color-form-label: rgba(22, 21, 19, 0.65);
    --color-form-error: rgba(179,49,31);
    --color-form-error-text: rgba(22, 21, 19, 0.65);
    --color-form-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-actions-border: rgba(22, 21, 19, 0.5);
    --color-form-actions-text: #161513;
    --width-full-screen: 400px;
    --position-top: unset;
    --position-left: unset;
    --position-right: 40px;
    --position-bottom: 40px;
    --filter-header-logo: invert(80%) sepia(53%) saturate(479%) hue-rotate(176deg) brightness(93%) contrast(85%);
    --filter-avatar: invert(96%) sepia(28%) saturate(702%) hue-rotate(175deg) brightness(93%) contrast(92%);
    position: fixed;
    bottom: var(--position-bottom);
    left: var(--position-left);
    top: var(--position-top);
    right: var(--position-right);
    box-sizing: border-box;
    text-transform: none;
    z-index: 205;
    color: var(--color-text);
    font-size: 16px;
    font-family: "Oracle Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;
    transition: all .25s ease-in-out;
    -webkit-font-smoothing: antialiased;
}
/* Wrapper Theme for VCCS */
.oda-chat-wrapper.oda-chat-vccs-light-wide {
    --color-branding: #31435d;
    --color-launch-icon-background: #31435d;
    --color-text: #161513;
    --color-text-light: #161513;
    --color-header-background: #FFFFFF; /* #D9D9D9; */
    --color-header-button-fill: #31435D;
    --color-header-text: #31435D;
    --color-header-button-background-hover: rgba(22, 21, 19, 0.04);
    --color-header-button-fill-hover: #161513;
    --color-conversation-background: #F9FAFB;
    --color-timestamp: rgba(22, 21, 19, 0.65);
    --color-typing-indicator: #161513;
    --color-bot-message-background: #E6EBF3;
    --color-bot-text: #000000;
    --color-user-message-background: #31435d;
    --color-user-text: #FFFFFF;
    --color-error-message-background: #FFF8F7;
    --color-error-border: #DC5C5E;
    --color-error-title: #D63B25;
    --color-error-text: #161513;
    --color-card-background: #E6EBF3; /* #655f5c; */
    --color-card-nav-button: #FFF;
    --color-card-nav-button-focus: #FBF9F8;
    --color-card-nav-button-hover: #FBF9F8;
    --color-actions-background: #fff;
    --color-actions-background-focus: rgba(22, 21, 19, 0.04);
    --color-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-actions-border: rgba(22, 21, 19, 0.5);
    --color-actions-text: #161513;
    --color-actions-text-focus: #161513;
    --color-actions-text-hover: #161513;
    --color-global-actions-background: transparent;
    --color-global-actions-background-focus: rgba(22, 21, 19, 0.04);
    --color-global-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-global-actions-border: rgba(22, 21, 19, 0.5);
    --color-global-actions-text: #161513;
    --color-global-actions-text-focus: #161513;
    --color-global-actions-text-hover: #161513;
    --color-links: #c0533f;
    --color-user-links: #c0533f;
    --color-rating-star: #ececec;
    --color-rating-star-fill: #f0cc71;
    --color-agent-initials: #FFFFFF;
    --color-agent-avatar-background: #A890B6;
    --color-agent-name: rgba(22, 21, 19, 0.65);
    --color-horizontal-rule-background: #cbc5bf;
    --color-attachment-placeholder: #e3e1dc;
    --color-attachment-footer: #fff;
    --color-attachment-text: #161513;
    --color-footer-background: #fff;
    --color-footer-button-fill: #31435d;
    --color-footer-button-background-hover: transparent;
    --color-footer-button-fill-hover: #161513;
    --color-input-background: #fff;
    --color-input-border: #dadada;
    --color-input-text: #161513;
    --color-recognition-view-text: #fff;
    --color-visualizer: #161513;
    --color-visualizer-container-background: #fff;
    --color-notification-badge-background: #312d2a;
    --color-notification-badge-text: #fff;
    --color-popup-background: #fff;
    --color-popup-text: #161513;
    --color-popup-button-background: #fff;
    --color-popup-button-text: #161513;
    --color-popup-horizontal-rule: #cbc5bf;
    --color-popup-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-popup-input-text: #161513;
    --color-popup-input-background: #fff;
    --color-popup-input-border: #161513;
    --color-popup-input-border-error: #f00;
    --color-table-header-background: #f1efec;
    --color-table-background: #fff;
    --color-table-text: #161513;
    --color-table-separator: rgba(22, 21, 19, 0.1);
    --color-row-item-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-input-border: rgba(22, 21, 19, 0.5);
    --color-form-label: rgba(22, 21, 19, 0.65);
    --color-form-error: rgba(179,49,31);
    --color-form-error-text: rgba(22, 21, 19, 0.65);
    --color-form-actions-background-hover: rgba(22, 21, 19, 0.04);
    --color-form-actions-border: rgba(22, 21, 19, 0.5);
    --color-form-actions-text: #161513;
    --width-full-screen: 600px;
    --position-top: unset;
    --position-left: unset;
    --position-right: 40px;
    --position-bottom: 40px;
    --filter-header-logo: invert(80%) sepia(53%) saturate(479%) hue-rotate(176deg) brightness(93%) contrast(85%);
    --filter-avatar: invert(0%);
    position: fixed;
    bottom: var(--position-bottom);
    left: var(--position-left);
    top: var(--position-top);
    right: var(--position-right);
    box-sizing: border-box;
    text-transform: none;
    z-index: 205;
    color: var(--color-text);
    font-size: 16px;
    font-family: "Oracle Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;
    transition: all .25s ease-in-out;
    -webkit-font-smoothing: antialiased;
}



/* JDL update 1/31/23 */
#IS_CV_WEB_CONTAINER .oda-chat-webview-header .oda-chat-header-button svg {
    --color-header-button-fill:var(--color-text);
}

/* Outage Overrides */
body.ida-outage .oda-chat-wrapper .oda-chat-button {
    background-color: gray;
}
body.ida-outage .oda-chat-wrapper .oda-chat-button:not(:disabled):hover, 
body.ida-outage .oda-chat-wrapper .oda-chat-button:not(:disabled):focus, 
body.ida-outage .oda-chat-wrapper .oda-chat-button:not(:disabled):active {
    background-color: dimgray;
}
/* JDL update 7/19/23 Fix for thumbs images */
a.chat-widget-flyout-parent img {
  content: inherit;
}