﻿.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #005eb8 !important;
    font-family: "Salesforce Sans", sans-serif !important;
    font-size: 1em;
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
    font-size: 14px;
}

.embeddedServiceHelpButton .helpButton,
.embeddedServiceHelpButton .helpButton .uiButton,
.embeddedServiceSidebarMinimizedDefaultUI {
    width: 192px;
}

    .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer,
    .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:hover {
        border-style: none;
    }

.embeddedServiceHelpButton .embeddedServiceIcon {
    margin-left: 5px;
    margin-right: 5px;
}

.embeddedServiceSidebarHeader .headerItem:focus:after,
.embeddedServiceSidebarHeader .headerButton:focus:after,
.embeddedServiceLiveAgentStateChatHeaderOption.chatOption:focus:after {
    border: 0;
}

a.embeddedServiceLiveAgentStateChatHeaderOption:hover,
a.embeddedServiceLiveAgentStateChatHeaderOption:focus {
    color: #FFFFFF;
}

.embeddedServiceSidebarButton,
.embeddedServiceSidebarHeader,
.embeddedServiceSidebarExtendedHeader,
.sidebarHeader,
.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer,
.embeddedServiceLiveAgentStateWaiting .loadingBall {
    background-color: #005eb8 !important;
}

    .embeddedServiceSidebarButton:not(:disabled):hover,
    .embeddedServiceSidebarButton:not(:disabled):focus,
    .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:hover,
    .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus,
    .embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor0 {
        background-color: #005eb8 !important;
    }

    .embeddedServiceSidebarFormField .uiInput .uiLabel-left,
    .embeddedServiceSidebarFormField .slds-style-inputtext,
    .embeddedServiceSidebarFormField .slds-style-inputtext:focus,
    .embeddedServiceSidebarFormField .slds-style-select,
    .embeddedServiceSidebarButton.uiButton--inverse .label,
    .embeddedServiceLiveAgentStateChat .chatSessionStartTime,
    .embeddedServiceSidebarDialogState #dialogTextTitle,
    .embeddedServiceSidebarDialogState #dialogTextBody,
    .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent,
    .optionClass:active,
    .optionClass:hover,
    .optionClass:focus {
        color: #808080;
    }

    .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus,
    .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
        text-decoration-color: #005eb8 !important;
    }

.embeddedServiceSidebarFormField .uiInputSelect:after {
    border-top: 7px solid #005eb8 !important;
}

.embeddedServiceSidebarFormField .slds-style-inputtext:focus,
.embeddedServiceSidebarFormField .slds-style-select:focus {
    border: 1px solid #005eb8 !important;
}

.embeddedServiceSidebarButton:focus {
    box-shadow: 0 0 3px 0 #005eb8 !important;
}

@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.woff') format('woff'), url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.ttf') format('truetype');
}
