.embeddedServiceHelpButton .uiButton {
    max-width: 156.188px!important;
}

.embeddedServiceSidebarForm .label {

    text-transform: none!important;
    padding: 0px!important;
    font-size: 16px!important;
    font-weight: 400!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
  font-family: "Salesforce Sans",sans-serif!important;
   text-decoration: none!important;
   font-weight: 500!important
}

.embeddedServiceSidebarHeader .headerText {

    margin-top: 0!important;
    margin-bottom: 0!important;
    text-transform: none!important;
    letter-spacing: 0px!important;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #484848;
    font-family: "Salesforce Sans", sans-serif;
    min-width: 147px!important;
    max-width: 183.75px!important;
    font-size: 12.25px!important;
    background: #484848!important;
    border-radius: 23px!important;
    bottom: 12px!important;
    border-color: black!important;
}


@font-face {
    font-family: 'Salesforce Sans'!important;
    src: url('https://www.sfdcstatic.com/system/shared/common/assets/fonts/SalesforceSans/SalesforceSans-Regular.woff') format('woff'), url('https://www.sfdcstatic.com/system/shared/common/assets/fonts/SalesforceSans/SalesforceSans-Regular.ttf') format('truetype');
}

.embeddedServiceLiveAgentStateChatHeader.reconnecting {
    background-color: #484848 !important;
}

.embeddedServiceSidebarExtendedHeader {
    background-color: #484848 !important;
}

.embeddedServiceLiveAgentStateChatHeader .avatarImg {
    border-radius: 0 !important;
}

span.label.bBody {
    box-shadow: none!important;
    text-transform: none!important;
    font-weight: 400!important;
}

.embeddedServiceLiveAgentStateChatHeader .content {
    margin: inherit!important;
    width: 100%!important;
}

.chatOptions a {
    color: #fff !important;
}

#email-error {
    color: rgb(194, 57, 52)!important;
    font-size: 12px!important;
    margin: 0px!important;
    margin-top: 5px!important;
}

div.fileName {
    width: 125px!important;
}

div.fileInfo {
    white-space: normal!important;
}

#snapins_invite {
    background-color: #FFFFFF!important;
    font-family: "Salesforce Sans", sans-serif!important;
    overflow: visible!important;
    border-radius: 8px!important;
    visibility: hidden!important;
    position: fixed !important;
    z-index: 10000!important;
}

.embeddedServiceInvitation {
    background-color: transparent!important;
    max-width: 290px!important;
    max-height: 210px!important;
    -webkit-box-shadow: 0 7px 12px rgba(0,0,0,0.28)!important;
    -moz-box-shadow: 0 7px 12px rgba(0,0,0,0.28)!important;
    box-shadow: 0 7px 12px rgba(0,0,0,0.28)!important;
}

@media only screen and (min-width: 48em) { /*mobile*/

    .embeddedServiceInvitation {
        max-width: 332px!important;
        max-height: 210px!important;
    }
}

.embeddedServiceInvitation > .embeddedServiceInvitationHeader {
    width: inherit!important;
    height: 32px!important;
    line-height: 32px!important;
    padding: 5px!important;
    color: #FFFFFF!important;
    background-color: #484848!important;
    overflow: initial!important;
    display: flex!important;
    justify-content: space-between!important;
    align-items: stretch!important;
    border-top-left-radius: 8px!important;
    border-top-right-radius: 8px!important;
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}

.embeddedServiceInvitationHeader #embeddedServiceAvatar {
    width: 32px!important;
    height: 32px!important;
    border-radius: 50%!important;
}

.embeddedServiceInvitationHeader .embeddedServiceTitleText {
    font-size: 16px!important;
    color: #FFFFFF!important;
    overflow: hidden!important;
    word-wrap: normal!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
    align-self: stretch!important;
    flex-grow: 1!important;
    max-width: 100%!important;
    margin: 0 12px!important;
}

.embeddedServiceInvitationHeader .embeddedServiceCloseIcon {
    border: none!important;
    border-radius: 3px!important;
    cursor: pointer!important;
    position: relative!important;
    bottom: 3%!important;
    background-color: transparent!important;
    width: 32px!important;
    height: 32px!important;
    font-size: 23px!important;
    color: #FFFFFF!important;
}

    .embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus {
        outline: none!important;
    }

        .embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus::before {
            content: " "!important;
            position: absolute!important;
            top: 11%!important;
            left: 7%!important;
            width: 85%!important;
            height: 85%!important;
            background-color: rgba(255, 255, 255, 0.2)!important;
            border-radius: 4px!important;
            pointer-events: none!important;
        }

    .embeddedServiceInvitationHeader .embeddedServiceCloseIcon:active, .embeddedServiceCloseIcon:hover {
        background-color: #FFFFFF!important;
        color: rgba(0,0,0,0.7)!important;
        opacity: 0.7!important;
    }

.embeddedServiceInvitation > .embeddedServiceInvitationBody {
    background-color: #FFFFFF!important;
    max-height: 110px!important;
    min-width: 260px!important;
    font-size: 14px!important;
    line-height: 20px!important;
    overflow: auto!important;
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}

.embeddedServiceInvitationBody p {
    color: #484848!important;
    padding: 8px!important;
    margin: 6px!important;
}

.embeddedServiceInvitation > .embeddedServiceInvitationFooter {
    width: inherit!important;
    color: #FFFFFF!important;
    text-align: right!important;
    background-color: #FFFFFF!important;
    padding: 10px!important;
    max-height: 50px!important;
    border-bottom-left-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}

.embeddedServiceInvitationFooter > .embeddedServiceActionButton {
    font-size: 14px!important;
    max-height: 40px!important;
    border: none!important;
    border-radius: 4px!important;
    padding: 10px!important;
    margin: 4px!important;
    text-align: center!important;
    text-decoration: none!important;
    display: inline-block!important;
    cursor: pointer!important;
}

.embeddedServiceInvitationFooter > #acceptInvite {
    background-color: #484848!important;
    color: #FFFFFF!important;
}

.embeddedServiceInvitationFooter > #rejectInvite {
    background-color: #FFFFFF!important;
    color: #484848!important;
}



.embeddedServiceSidebarFormField .uiInput .uiLabel-left {

    font-family: "Salesforce Sans", sans-serif!important;
    font-weight: 400!important;
    letter-spacing: 0px!important;
    font-size: 12px!important;
}

.embeddedServiceSidebarFormField .slds-style-inputtext, .embeddedServiceSidebarFormField .slds-style-select 
{
    font-size: 12px!important;
    background-color: #fff!important;
    border: 1px solid #ddd!important;
    border-radius: 4px!important;
    width: 100%!important;
    height: 35px!important;
    padding: 0 12px!important;
    color: #484848!important;
    font-family: "Salesforce Sans",sans-serif!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    text-align: left!important;
    text-transform: none!important;
    letter-spacing: 0px!important;

}

/* Display Emaar image in chat */
.embeddedServiceLiveAgentStateChatHeader .avatarImg {

    display: block!important;
}

/** Button has to have the following classes to lock it to the bottom: 
    'class="sidebarHeader minimizedContainer helpButton embeddedServiceSidebarMinimizedDefaultUI"'
*/
.embeddedServiceSidebarMinimizedDefaultUI .minimizedImage {

    display: flex!important;
    margin-right: 8px!important;
}


.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer {
        bottom: 12px!important;
        padding: 0 12px!important;
        border-radius: 23px!important;
        margin:0px!important;
        min-width: 147px!important;
        max-width: 183.75px!important;
        font-size: 12.25px!important;
        background: #484848!important;
        border-width: 0px!important;

}

.embeddedServiceSidebarMinimizedDefaultUI:not(.helpButton) .messageContent {
    flex-direction: row!important;
}

.embeddedServiceSidebarMinimizedDefaultUI {

    min-width: 143px!important;
    max-width: 183.75px!important;
    width: 156px!important;
    position: inherit!important;
    padding-right:12px;
    padding-left:12px;
    margin: 0!important;
    height: 46px!important;
    font-size: 12.25px!important;
    align-items: center!important;
}

.embeddedServiceSidebarMinimizedDefaultUI.helpButton .messageContent {justify-content: space-around!important;font-size: 12.25px!important;text-overflow: ellipsis!important;margin: 0 8px!important;}

.embeddedServiceSidebarMinimizedDefaultUI .messageContent {

    min-width:132px!important;
}

.embeddedServiceIcon.x-small svg {
    width: 15.3125px!important;
    height: 15.3125px!important;
}

.embeddedServiceSidebarMinimizedDefaultUI .minimizedText {

    font-size: 12.25px!important;
}

.embeddedServiceSidebarMinimizedDefaultUI .content {

    margin: 0px!important;
    padding: 0px!important;
    width: 132.188px!important;
    height: 42px!important;
}

.embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon {
   margin: 0px!important;
   margin-right: 8px!important;
   background-color: transparent!important;
   width:  15.3125px!important;
   padding: 0px!important;
}

.embeddedServiceSidebarMinimizedDefaultUI .minimizedImage img, .embeddedServiceSidebarMinimizedDefaultUI .minimizedImage .uiImage{
    vertical-align :unset!important;
}

.embeddedServiceLiveAgentStateChatMessage .uiOutputRichText{
   font-family:"Salesforce Sans",sans-serif!important;
   font-size:13px!important;
   letter-spacing:0px!important;

}


.embeddedServiceSidebarButton .label, .embeddedServiceSidebarButton:disabled .label {
    
    margin:0px!important;
}


button.sidebarHeader.minimizedContainer.helpButton.embeddedServiceSidebarMinimizedDefaultUI {

    border-width: 0px!important;
}

button.sidebarHeader.minimizedContainer.idleTimeout.embeddedServiceSidebarMinimizedDefaultUI {

    border-width: 0px!important;
}

button.sidebarHeader.minimizedContainerembeddedServiceSidebarMinimizedDefaultUI {

    border-width: 0px!important;
}

.queuePositionContent {
   color:#484848!important;

}

.embeddedServiceLiveAgentStateWaiting .queuePositionNumber{
   font-family:"Salesforce Sans",sans-serif!important;
   font-weight:400!important;
   text-decoration:none!important;

}

.embeddedServiceLiveAgentStateWaiting .waitingMessage p, 
.embeddedServiceLiveAgentStateWaitingHeader .waitingMessage, 
.embeddedServiceLiveAgentStateWaitingHeader .waitingGreeting,
.embeddedServiceSidebarDialogState #dialogTextTitle,
.uiOutputRichText
 {
    
   font-family:"Salesforce Sans",sans-serif!important;
   font-weight:400!important;
   font-size:15px!important;

}

.embeddedServiceLiveAgentStateWaitingHeader .content{
    width:100%!important;


    display: flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    height: 120px!important;
    padding: 4px 0!important;
    margin-top: 40px;
}


.embeddedServiceSidebarButton.uiButton--inverse, .embeddedServiceSidebarButton.uiButton--inverse:disabled 
{
    background: none!important ;
    /* border-color:  blanchedalmond; */
    text-decoration: none!important;/* border:  0; */
    text-transform: none!important;

}

.embeddedServiceSidebarButton
{
    font-size:16px!important;
    font-family:"Salesforce Sans",sans-serif!important;
    font-weight:400!important;
    text-decoration:none!important;
    border-style: solid!important;
    border-color: #484848!important; 
    border-width: thin!important;
}

.embeddedServiceSidebarMinimizedDefaultUI:not(.helpButton) .messageContent
{
   font-size:16px!important;
    font-family:"Salesforce Sans",sans-serif!important;
    font-weight:400!important;
    text-decoration:none!important;
}

.embeddedServiceSidebarButton:not(:disabled):active,.embeddedServiceSidebarButton:not(:disabled):focus, .embeddedServiceSidebarButton:not(:disabled):hover
{
    text-decoration:none!important;
}


.embeddedServiceSidebarMinimizedDefaultUI.helpButton:active{  
   text-decoration:none!important;
}


.embeddedServiceHelpButton .helpButton
{
    bottom:12px!important;
}

.embeddedServiceSidebarButton .label, .embeddedServiceSidebarButton:disabled .label
{
    margin: 0px!important;
    text-decoration: none!important;
    font-family: "Salesforce Sans",sans-serif!important;
    font-size: 16px!important;
    height: 17px!important;
    font-weight: 40!important\;
}

.embeddedServiceSidebarButton.uiButton--inverse .label {
    
    font-family: "Salesforce Sans", sans-serif!important;
    font-size: 16px!important;
}

.embeddedServiceHelpButton .helpButton .uiButton:hover::before, .embeddedServiceHelpButton .helpButton .uiButton:focus::before {
border-radius:inherit!important;
}

.embeddedServiceSidebarForm.formContent{
    overflow: hidden!important;
    width: 100%!important;
    height: calc(100% - 81px)!important;
    position: relative!important;
    background-color: #fff!important;
    margin-bottom: 81px!important;
    border-radius: 0 0 8px 8px!important;
}


.embeddedServiceSidebarFormField .split-field-container, .embeddedServiceSidebarFormField .uiInput--input, .embeddedServiceSidebarFormField .uiInput--select
{
    margin-bottom:4px!important;
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message{
    text-overflow:none!important;
}


.embeddedServiceLiveAgentStateChatHeaderOption .optionName {
    font-size: .75em!important;
    text-align: center!important;
    margin-top: 6px!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    font-family: "Salesforce Sans",sans-serif!important;
}


.prechatUI  ul li {
    float: none!important;
}


.embeddedServiceLiveAgentStateChatInputFooter .chasitorText,.embeddedServiceLiveAgentStateChatUnreadMessageBanner .message{
    font-family: "Salesforce Sans",sans-serif!important;
}

.embeddedServiceLiveAgentStateChat .chatSessionStartTime {
    color: #484848!important;
    font-family: "Salesforce Sans",sans-serif!important;
    letter-spacing: 0px!important;
    text-transform: none!important;
}


.embeddedServiceLiveAgentStateChatInputFooter .chatActionButton.Send::-moz-chatActionButton-Send {
     display: flex!important;
    padding: 13px 8px 0 0!important;
    width: 32px!important;
    align-items: flex-start!important;
    flex-direction: column!important;
    
}

.sidebarHeader.embeddedServiceSidebarExtendedHeader.embeddedServiceLiveAgentStateWaitingHeader{
     padding-top: 0px!important;
}

.newSurveyContainerTablePadding.printTableWidth.newSurveyContainerTable{
    width: 100%!important;  
}