.embeddedServiceHelpButton .uiButton {
	max-width: 156.188px!important
}
.embeddedServiceSidebarForm .label {
	text-transform: none!important;
	padding: 0!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: 0!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: #000!important;
	direction: ltr!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;
	color: inherit!important
}
.embeddedServiceLiveAgentStateChatHeader .content {
	margin: inherit!important;
	width: 100%!important;
	padding: 0 5px!important
}
.chatOptions a {
	color: #fff!important
}
#email-error {
	color: #c23934!important;
	font-size: 12px!important;
	margin: 0!important;
	margin-top: 5px!important
}
div.fileName {
	width: 125px!important
}
div.fileInfo {
	white-space: normal!important
}
#snapins_invite {
	background-color: #fff!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
}
.embeddedServiceSidebarFormField .has-error .slds-style-inputtext:not(:focus) {
	border-color: #c23934!important
}
.embeddedServiceInvitation {
	background-color: transparent!important;
	max-width: 290px!important;
	max-height: 210px!important;
	-webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, .28)!important;
	-moz-box-shadow: 0 7px 12px rgba(0, 0, 0, .28)!important;
	box-shadow: 0 7px 12px rgba(0, 0, 0, .28)!important
}
@media only screen and (min-width:48em) {
	.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: #fff!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: #fff!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: #fff!important
}
.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus {
	outline: 0!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, .2)!important;
	border-radius: 4px!important;
	pointer-events: none!important
}
.embeddedServiceCloseIcon:hover, .embeddedServiceInvitationHeader .embeddedServiceCloseIcon:active {
	background-color: #fff!important;
	color: rgba(0, 0, 0, .7)!important;
	opacity: .7!important
}
.embeddedServiceInvitation > .embeddedServiceInvitationBody {
	background-color: #fff!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: #fff!important;
	text-align: right!important;
	background-color: #fff!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: #fff!important
}
.embeddedServiceInvitationFooter > #rejectInvite {
	background-color: #fff!important;
	color: #484848!important
}
.embeddedServiceSidebarFormField .uiInput .uiLabel-left {
	font-family: "Salesforce Sans", sans-serif!important;
	font-weight: 400!important;
	letter-spacing: 0!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: 0!important;
	direction: ltr!important
}
.embeddedServiceLiveAgentStateChatHeader .avatarImg {
	display: block!important
}
.embeddedServiceSidebarMinimizedDefaultUI .minimizedImage {
	display: flex!important;
	margin-right: 8px!important
}
.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer {
	bottom: 12px!important;
	padding: 0 12px!important;
	border-radius: 23px!important;
	margin: 0!important;
	min-width: 147px!important;
	max-width: 183.75px!important;
	font-size: 12.25px!important;
	background: #484848!important;
	border-width: 0!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;
	direction: ltr!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: 0!important;
	padding: 0!important;
	width: 132.188px!important;
	height: 42px!important
}
.embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon {
	margin: 0!important;
	margin-right: 8px!important;
	background-color: transparent!important;
	width: 15.3125px!important;
	padding: 0!important
}
.embeddedServiceSidebarMinimizedDefaultUI .minimizedImage .uiImage, .embeddedServiceSidebarMinimizedDefaultUI .minimizedImage img {
	vertical-align: unset!important
}
.embeddedServiceLiveAgentStateChatMessage .uiOutputRichText {
	font-family: "Salesforce Sans", sans-serif!important;
	font-size: 13px!important;
	letter-spacing: 0!important
}
button.sidebarHeader.minimizedContainer.helpButton.embeddedServiceSidebarMinimizedDefaultUI {
	border-width: 0!important
}
button.sidebarHeader.minimizedContainer.idleTimeout.embeddedServiceSidebarMinimizedDefaultUI {
	border-width: 0!important
}
button.sidebarHeader.minimizedContainerembeddedServiceSidebarMinimizedDefaultUI {
	border-width: 0!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 .waitingGreeting, .embeddedServiceLiveAgentStateWaitingHeader .waitingMessage, .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: 0 0!important;
	text-decoration: none!important;
	text-transform: none!important;
	color: #000!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: 75px!important
}
.embeddedServiceSidebarButton .label, .embeddedServiceSidebarButton:disabled .label {
	margin: 0!important;
	text-decoration: none!important;
	font-family: "Salesforce Sans", sans-serif!important;
	font-size: 16px!important;
	height: 20px!important;
	font-weight: 400!important
}
.embeddedServiceSidebarButton.uiButton--inverse .label {
	font-family: "Salesforce Sans", sans-serif!important;
	font-size: 16px!important
}
.embeddedServiceHelpButton .helpButton .uiButton:focus::before, .embeddedServiceHelpButton .helpButton .uiButton:hover::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: clip!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: 0!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: 0!important
}
.newSurveyContainerTablePadding.printTableWidth.newSurveyContainerTable {
	width: 100%!important
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer {
		padding-left: 5px!important
	}
}
.cloneButton {
	background: #484848!important;
	font-family: "Salesforce Sans", sans-serif;
	position: relative!important;
	border: none!important;
	text-shadow: none!important;
	box-shadow: none!important;
	border-radius: 4px!important;
	transition: background .4s ease!important;
	color: #fff!important;
	font-size: 16px!important;
	font-weight: 400!important;
	width: 100%!important;
	margin: 0!important;
	height: 44px!important;
	padding: 4px 6px!important;
	text-decoration: none!important;
	text-align: center!important;
	display: inline-block!important;
	cursor: pointer!important
}
.cloneButton:not(:disabled):focus, .cloneButton:not(:disabled):hover {
	background: #2b2b2b!important
}
.cloneButton.is-selected, .cloneButton:focus, .cloneButton:hover {
	background: #2b2b2b linear-gradient(#7f8792, #535b68)!important;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, .5)!important
}
.cloneButton:focus {
	outline: 0!important;
	box-shadow: 0 0 3px 0 #484848!important;
	text-shadow: none!important;
	text-decoration: underline!important
}
.startButton {
	display: none!important
}
.embeddedServiceSidebarHeader.collapsed .extendedHeader {
	transform: translateX(0) translateY(46px) translateY(-100%)
}
.embeddedServiceSidebar .sidebarBody {
	height: auto!important
}
.embeddedServiceLiveAgentStateChat .messageArea {
	max-height: 350px!important;
	margin-bottom:60px!important;
}
.snapins_postChat {
	min-height: 420px!important
}
.dockableContainer {
	background: #fff!important
}
.chasitorText {
	text-transform: none!important
}
.sidebarHeader .message {
	text-transform: none!important
}

.toshow {
	width: 266px;
	position: fixed;
	right: 0px;
	height: 58px;
	-webkit-font-smoothing: subpixel-antialiased;
	bottom: 55px !important;
}


span.spMessage {
    padding-left: 15px;
}
.toshow .uiButton {
	box-sizing: border-box;
	margin: 0;
	padding: 0 15px 0 10px;
	height: 58px;
	border-radius: 21px;
	line-height: 1.4;
	background: #484848;
	font-size: .975em;
	color: #fff;
	font-weight: normal;
	text-shadow: none;
	font-family: inherit;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	cursor: auto;
	border: 0;
}

              
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .toshow{
   width:300px;
   right:30px;
   }
}
@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */ 
     .toshow{
   width:300px;
   right:30px;
   }
}