embeddedservice-chat-header svg.slds-icon-text-default {
    width: 20px;
    margin: auto;
}

#embeddedMessagingFrame.isMaximized {
    z-index: 99999999 !important;
}

.embeddedServiceSidebarFormField .slds-style-inputtext,
.embeddedServiceSidebarFormField .slds-style-select {
    border-radius: 18.5px !important;
}

.embeddedServiceSidebarFormField .uiInputSelect::after {
    border-top: 7px solid #101111 !important;
}

.embeddedServiceSidebarFormField .uiInput .uiLabel-left {
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.embeddedServiceHelpButton {
    z-index: 98;
}

/* CUM Styles */
.site-CUM h2[embeddedService-chatHeader_chatHeader] {
    font-family: Arvo, Arial, Helvetica, sans-serif;
}

.site-CUM .embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #a00001;
}

.site-CUM .embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #a00001;
}

.site-CUM .embeddedServiceSidebarButton {
    background: #a00001;

}

/* OK Styles */
.site-OK h2[embeddedService-chatHeader_chatHeader] {
    font-family: DINEngschrift, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.site-OK .embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #000;
}

.site-OK .embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #000;
}

.site-OK .embeddedServiceSidebarButton {
    background: #000;
}

/* PT Styles */
.site-PT h2[embeddedService-chatHeader_chatHeader] {
    font-family: CenturyGothic, Arial, Helvetica, sans-serif;
}

.embeddedServiceSidebarFormField .uiInput .uiLabel-left {
    font-size: 0.75em !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    font-family: CenturyGothic, Arial, Helvetica, sans-serif;
}

.embeddedServiceSidebarFormField .slds-style-inputtext,
.embeddedServiceSidebarFormField .slds-style-select {
    background-color: #fff !important;
    border: 1px solid #949494 !important;
    border-radius: 4px;
    width: 100%;
    height: 44px;
    padding: 0 12px;
}

.site-PT .embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #dec1b6;
    color: #101111;
    font-family: 'Mulish';
    border-radius: 4px;
    box-shadow: none;
}

.site-PT .embeddedServiceHelpButton .helpButton .uiButton:hover,
.site-PT .embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline-color: #363736;
    color: #FFF;
    background-color: #363736;
}

.site-PT .embeddedServiceHelpButton::before {
    display: none;
}

@media (min-width: 768px) {
    .site-PT .embeddedServiceHelpButton .helpButton .uiButton {
        border-radius: 4px 4px 0 0;
    }
}

.site-PT .embeddedServiceHelpButton .helpButton .uiButton:focus::before {
    display: none;
}

.site-PT .embeddedServiceSidebarButton {
    background: #dec1b6;
}

.site-PT .embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI.helpButton {
    border-radius: 4px;
    border: none;
}

@media (min-width: 768px) {
    .site-PT .embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI.helpButton {
        border-radius: 4px 4px 0 0;
    }
}

/* LC Styles */
.embeddedServiceSidebarFormField .uiInput .uiLabel-left {
    font-family: Supreme, Roboto, Arial, Helvetica, sans-serif;
}

.site-LC .embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #f14345;
    color: #fff;
    font-family: 'Supreme';
    border-radius: 0;
    box-shadow: none;
}

.site-LC .embeddedServiceHelpButton .helpButton .uiButton:hover,
.site-LC .embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline-color: #f4696a;
    background-color: #f4696a;
}

.site-LC .embeddedServiceHelpButton .helpButton .uiButton:hover::before,
.site-LC .embeddedServiceHelpButton .helpButton .uiButton:focus::before {
    border-radius: 0px;
}

.site-LC .embeddedServiceSidebarButton:not(:disabled):focus,
.site-LC .embeddedServiceSidebarButton:not(:disabled):hover {
    background: #2c2c2c;
    background-color: #2c2c2c !important;
}