:root{
    --lwc-colorBrandPrimary: #24719f !important;
    --lwc-colorBrandSecondary: #24719f !important;
}
.embeddedServiceHelpButton, .embeddedServiceSidebarButton, .helpButton, .uiButton {
    background-color: var(--lwc-colorBrandPrimary);
    font-family: "Arial", sans-serif;
}
.embeddedServiceHelpButton, .helpButton, .uiButton:focus {
    outline: 1px solid var(--lwc-colorBrandPrimary);
}
.embeddedServiceSidebar.layout-docked .dockableContainer {
    --lwc-sidebarWidth: 500px;
}
.helpButtonDisabled {
    background-color: #f5f5f5;
    color: var(--lwc-colorBrandPrimary);
    border: #ccc;
}
.chatHeaderBranding{
    background-color: var(--lwc-colorBrandPrimary);
}
.waitingCancelChat {
    background: #ddd;
    color: var(--lwc-colorBrandSecondaryDarken40);
}
.embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus, .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus {
    background: #eee !important;
    color: var(--lwc-colorBrandSecondaryDarken40);
}
.dialog-button-0, .dialog-button-1 {
    background-color: var(--lwc-colorBrandPrimary);
    color: #ddd;
}
@media (prefers-color-scheme: dark) {
    body.dark-theme .embeddedServiceSidebarForm.buttonWrapper, body.dark-theme .embeddedServiceSidebarForm.formContent, body.dark-theme .embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button {
        background:#333
    }
    body.dark-theme .embeddedServiceSidebarFormField .slds-style-inputtext, .embeddedServiceSidebarFormField .slds-style-select {
        color: #ddd;
        background: #292929;
    }
    body.dark-theme .embeddedServiceSidebarFormField .uiInput .uiLabel-left, body.dark-theme .embeddedServiceLiveAgentStateChat .chatSessionStartTime, body.dark-theme .embeddedServiceLiveAgentStateChatItem.agent .agentName {
        color: #ddd;
    }
    body.dark-theme .embeddedServiceSidebarFormField .uiInput .required, body.dark-theme .uiInputDefaultError .form-element__help {
        color:#F25F5F;
    }
    body.dark-theme .embeddedServiceLiveAgentStateChatInputFooter.chasitorInputWrapper, body.dark-theme .embeddedServiceSidebar .sidebarBody {
        background-color: #292929;
        color: #ddd;
    }
    body.dark-theme .embeddedServiceLiveAgentStateChat .messageArea {
        background-color: #222;
        color: #ddd;
    }
    body.dark-theme .embeddedServiceLiveAgentStateChatItem.chatMessage {
        background-color: #292929;
    }
    body.dark-theme #dialogTextTitle, body.dark-theme #dialogTextBody, body.dark-theme .embeddedServiceLiveAgentStateChatEventMessage .eventMessage {
        color: #eee;
    }
    body.dark-theme .waitingCancelChat {
        background: #ddd;
        color: var(--lwc-colorBrandSecondaryDarken40);
    }
    body.dark-theme .dialog-button-0[type=button], body.dark-theme .dialog-button-1[type=button], body.dark-theme .saveTranscriptButton[type=button] {
        background-color: var(--lwc-colorBrandPrimary) !important;
        color: #ddd !important;
    }
}

body.dark-theme .embeddedServiceSidebarForm.buttonWrapper, body.dark-theme .embeddedServiceSidebarForm.formContent, body.dark-theme .embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button {
    background:#333
}
body.dark-theme .embeddedServiceSidebarFormField .slds-style-inputtext, .embeddedServiceSidebarFormField .slds-style-select {
    color: #ddd;
    background: #292929;
}
body.dark-theme .embeddedServiceSidebarFormField .uiInput .uiLabel-left, body.dark-theme .embeddedServiceLiveAgentStateChat .chatSessionStartTime, body.dark-theme .embeddedServiceLiveAgentStateChatItem.agent .agentName {
    color: #ddd;
}
body.dark-theme .embeddedServiceSidebarFormField .uiInput .required, body.dark-theme .uiInputDefaultError .form-element__help {
    color:#F25F5F;
}
body.dark-theme .embeddedServiceLiveAgentStateChatInputFooter.chasitorInputWrapper, body.dark-theme .embeddedServiceSidebar .sidebarBody {
    background-color: #292929;
    color: #ddd;
}
body.dark-theme .embeddedServiceLiveAgentStateChat .messageArea {
    background-color: #222;
    color: #ddd;
}
body.dark-theme .embeddedServiceLiveAgentStateChatItem.chatMessage {
    background-color: #292929;
}
body.dark-theme #dialogTextTitle, body.dark-theme #dialogTextBody, body.dark-theme .embeddedServiceLiveAgentStateChatEventMessage .eventMessage {
    color: #eee;
}
body.dark-theme .waitingCancelChat {
    background: #ddd;
    color: var(--lwc-colorBrandSecondaryDarken40);
}
body.dark-theme .dialog-button-0[type=button], body.dark-theme .dialog-button-1[type=button], body.dark-theme .saveTranscriptButton[type=button] {
    background-color: var(--lwc-colorBrandPrimary) !important;
    color: #ddd !important;
}