body .embeddedServiceHelpButton .helpButton .uiButton {background-color: #ffcd11;color: #000;text-transform: capitalize;}
body .embeddedServiceHelpButton .helpButton .uiButton:focus {outline: 1px solid #000000;}

body #snapins_invite { position:fixed!important;transform: translate(13px, 15px); background-color: #fff;overflow: visible; border-radius: 8px; visibility: hidden; font-family: inherit!important;}
body .embeddedServiceInvitation { background-color: transparent; max-width: 290px; max-height: 210px; -webkit-box-shadow: 0 7px 12px rgba(0,0,0,0.28); -moz-box-shadow: 0 7px 12px rgba(0,0,0,0.28); box-shadow: 0 7px 12px rgba(0,0,0,0.28); }
@media only screen and (min-width: 48em) { /*mobile*/ .embeddedServiceInvitation { max-width: 332px; max-height: 210px; } }
body .embeddedServiceInvitation > .embeddedServiceInvitationHeader { height:auto!important;width: inherit; line-height: 32px; padding: 10px!important; color: #000!important; background-color: #ffcd11; overflow: initial; display: flex; justify-content: space-between; align-items: stretch; border-top-left-radius: 8px; border-top-right-radius: 8px; }
body .embeddedServiceInvitationHeader #embeddedServiceAvatar { width: 32px; height: 32px; border-radius: 50%; }
body .embeddedServiceInvitationHeader .embeddedServiceTitleText { font-size: 15px!important; color: #000!important; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; align-self: stretch; flex-grow: 1; max-width: 100%; margin: 0 12px; }
body .embeddedServiceInvitationHeader .embeddedServiceCloseIcon { border: none; border-radius: 3px; cursor: pointer; position: relative; bottom: 3%; background-color: transparent; width: 32px; height: 32px; font-size: 23px; color: #000!important; }
.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus { outline: none; }
.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus::before { content: " "; position: absolute; top: 11%; left: 7%; width: 85%; height: 85%; background-color: rgba(255, 255, 255, 0.2); border-radius: 4px; pointer-events: none; }
.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:active, .embeddedServiceCloseIcon:hover { background-color: #FFFFFF; color: rgba(0,0,0,0.7); opacity: 0.7; }
.embeddedServiceInvitation > .embeddedServiceInvitationBody { background-color: #FFFFFF; max-height: 110px; min-width: 260px; margin: 0 8px; font-size: 14px; line-height: 20px; overflow: auto; }
.embeddedServiceInvitationBody p { color: #000000; padding: 8px; margin: 12px 0; }
.embeddedServiceInvitation > .embeddedServiceInvitationFooter { width: inherit; color: #FFFFFF; text-align: right; background-color: #FFFFFF; padding: 10px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.embeddedServiceInvitationFooter > .embeddedServiceActionButton { padding: 5px 15px!important;border-radius: 16px!important;line-height:20px!important;font-size: 11px!important;text-transform: uppercase; font-weight:bold;border: none;margin: 0px!important; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; }
body .embeddedServiceInvitationFooter > #acceptInvite { background-color: #000000; color: #fff!important; }
body .embeddedServiceInvitationFooter > #rejectInvite { display:none!important;background-color: #000000; color: #fff; }

@media (max-width: 767px) {
    body .embeddedServiceHelpButton .helpButton {
        right: 5px;
        bottom: 5px;
        height: 34px;
    }
    body .embeddedServiceHelpButton .helpButton .uiButton {
        height: 34px;
        font-size: 12px;
    }
}