.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #2194A1!important;
    font-family: "Salesforce Sans", sans-serif;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 0px solid #2194A1!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');
}

/* manual styling of the livechat snippet */
.helpButtonEnabled {
    width: auto;
    min-width: auto !important;
    border: none;
}

.helpButtonEnabled .message {
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.embeddedServiceIcon {
    display: none!important;
}

button.closeButton,
button.minimizeButton {
    position: initial;
}

@media only screen and (max-width: 400px) {
    .embeddedServiceSidebar.modalContainer {
        z-index: 9999;
    }

    .helpButtonEnabled {
        bottom: 52px;
        padding: 0 16px !important;
        height: 41px !important;
    }

    .helpButtonEnabled .content {
        padding: 0 !important;
    }

    .helpButtonEnabled .embeddedServiceIcon {
        margin-right: 8px;
    }

    .helpButtonEnabled .icon {
        margin-right: 0;
    }

    .embeddedServiceLiveAgentStateChatInputFooter .chatActionButton.Send {
        position: initial;
        padding: 16px 8px;
    }
}