/* Load fonts */
@font-face {
	font-family: "aktiv-grotesk";
	src: url("/s/sfsites/c/resource/1631215211000/NF_Bot/font/AktivGroteskCorp-Regular.ttf");
}

div.dockableContainer * {
	font-family: "aktiv-grotesk" !important;
}

/* Support Chat: minimized channel menu button color */
.embeddedServiceSidebarMinimizedFabDefaultUI button.fab {
	background-color: rgb(28, 95, 74) !important;
}

/* clear buttons black text: */
.slds-button
	.slds-button--neutral
	.dialogButton
	.dialog-button-1
	.uiButton--inverse
	.uiButton
	.embeddedServiceSidebarButton {
	color: #000000 !important;
}
/* minimized cta: no border */
button.sidebarHeader.minimizedContainer.embeddedServiceSidebarMinimizedDefaultUI {
	border: none !important;
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext {
	position: absolute !important;
}

/* ///////////////// */
/* Neuraflash Chatbot Styles */
/* ///////////////// */

/* CSS Styles for Sonos Assistant Chatbot UI
 * Author: NeuraFlash
 * Invoked By: Sonos Assistant (bot)
 /resource/NF_SonosAssistant_Images/agent-avatar.png
 */
/* 
 *  Override CSS for Concierge Bot
 *  Test CSS
 */

.forceCommunityEmbeddedServiceHelpButton .flatButton {
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3) !important;
	background-color: #141414 !important;
	border-radius: 17.5px !important;
	height: 35px !important;
	line-height: 25px !important;
}

h2[embeddedService-chatHeader_chatHeader] {
	color: #ffffff !important;
	font-family: "aktiv-grotesk" !important;
	font-weight: bold !important;
}

.chat-content.chasitor[ebcm-einsteinBotChatMessage_einsteinBotChatMessage] {
	color: #141414 !important;
}

/*  */
.embeddedServiceLiveAgentStateChatItem.chatMessage button {
	font-family: "aktiv-grotesk" !important;
}

/* Body */
.chatMessageContent[ebcm-einsteinBotChatMessage_einsteinBotChatMessage] {
	font-family: "aktiv-grotesk" !important;
}

lightning-icon.embeddedservice-chatheader_chatheader,
svg.slds-icon-text-default {
	fill: #ffffff !important;
}

.forceCommunityEmbeddedServiceHelpButton .help svg {
	visibility: hidden !important;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton .helpButtonLabel {
	font-weight: normal;
	height: 25px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.embeddedServiceLiveAgentStateChatItem .avatar {
	transform: none !important;
	padding: 8px !important;
}

.embeddedServiceLiveAgentStateChatItem .isLightningOutContext .avatar {
	position: absolute;
	bottom: 0;
	width: 32px;
	height: 32px;
	border-radius: 50px;
	background-size: cover;
	border: none;
	float: left;
	margin: 0 14px 14px 0;
}

.embeddedServiceSidebarHeader .shortHeader,
.embeddedServiceSidebarExtendedHeader,
.sidebarHeader {
	background-color: #141414 !important;
}

.headerAnnouncement {
	background-color: #d8d8d8 !important;
}

.embeddedServiceSidebar.layout-docked .dockableContainer {
	bottom: 24px !important;
	right: 60px !important;
	border-radius: 12px 12px 0px 12px !important;
	max-height: 600px !important;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatItem .chatContent .chasitor {
	background-color: #d8d8d8 !important;
	color: #141414;
}

.embeddedServiceSidebarButton .label,
.embeddedServiceSidebarButton:disabled .label {
	font-weight: 400 !important;
}

.embeddedServiceSidebarButton:focus {
	text-decoration: none !important;
}

.embeddedServiceLiveAgentStateWaiting .loadingBall {
	background-color: #d8d8d8 !important;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu {
	background-color: transparent;
	border: 1px solid #d8d8d8;
	border-radius: 8px;
	margin-left: 44.75px;
	overflow: hidden;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu .rich-menu-items > li {
	border: none;
	border-radius: 0;
}

.embeddedServiceLiveAgentStateChat
	.embeddedServiceLiveAgentStateChatMenuMessage
	.rich-menu
	.rich-menu-items
	> li:not(:last-child) {
	border: none;
	border-bottom: 1px solid #d8d8d8;
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items .rich-menu-item,
.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items .rich-menu-itemOptionIsClicked {
	background-color: white;
	font-size: 14px;
}

.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:hover,
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:active,
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:hover:active,
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:focus,
.embeddedServiceLiveAgentStateChat .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items button:focus:hover {
	background-color: #d8d8d8;
	border-color: #d8d8d8;
	color: #141414;
	opacity: 1;
}

.forceCommunityEmbeddedServiceHelpButton .embeddedServiceIcon {
	/*background: url(/resource/NF_SonosAssistant_Images/avatar@2x.png) 4px 4px
    no-repeat !important;
  background-size: 20px !important;
  height: 25px !important;*/
	display: none;
}

.embeddedServiceLiveAgentStateChatAvatar .avatar {
	width: 36px !important;
	height: 36px !important;
	color: white !important;
	background-color: #141414 !important;
}

.agentInfo,
.embeddedServiceSidebarHeader .agentAvatarsContainer.fade,
.embeddedServiceSidebarHeader .agentInfo.fade {
	display: grid !important;
}

.embeddedServiceLiveAgentStateChatHeader .message {
	display: block !important;
}

.uiOutputRichText > a {
	text-decoration: underline !important;
}

.chat-content.chasitor a,
.chasitor .uiOutputRichText > a {
	color: #ffff !important;
}

@media all and (max-width: 600px) {
	.embeddedServiceLiveAgentStateChatHeader .content {
		height: 140px !important;
	}

	.embeddedServiceSidebar.layout-docked .dockableContainer,
	.embeddedServiceSidebar.layout-float .dockableContainer {
		margin-top: 30px !important;
	}
}

.chatMessageContent[ebcm-einsteinBotChatMessage_einsteinBotChatMessage] {
	hyphens: none !important;
}

.slideshow-container[ebcm-einsteinBotComplexCarousel_einsteinBotComplexCarousel]
	> *[ebcm-einsteinBotComplexCarousel_einsteinBotComplexCarousel] {
	min-height: 12rem;
	margin: 3vh;
	padding: 1vh;
}
/* ----------------------------------------------------------------------------------- */

.embeddedServiceLiveAgentStateWaitingHeader .waitingGreeting {
	display: none !important;
}

.helpButtonDisabled {
	display: none !important;
}

.unseenMessageNotificationWrapper {
	display: none;
}

.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton {
	margin-bottom: 8px !important;
}

.embeddedServiceLiveAgentStateChat .endChatContainer {
	padding-bottom: 16px !important;
}

span.chatMessageContent > a {
	color: -webkit-link !important;
	text-decoration: underline !important;
}

button.embeddedServiceSidebarButton.dialog-button-1[data-aura-class="uiButton--inverse"],
button.embeddedServiceSidebarButton.endChatButton[data-aura-class="uiButton--inverse"] {
	background-color: white !important;
}

.embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus,
.embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
	background-color: var(--slds-g-color-neutral-base-95, #f3f3f3) !important;
	text-decoration-color: var(--lwc-colorBrand, rgb(0, 0, 0));
}

.embeddedServiceLiveAgentStateChatButtonMessage .embeddedServiceLiveAgentStateChatButtonItem {
	background-color: #fff !important;
	border-color: #d8d8d8 !important;
	border-radius: 20px !important;
	box-shadow: none !important;
	height: 26px !important;
	color: #141414 !important;
}

.embeddedServiceLiveAgentStateChatButtonMessage .embeddedServiceLiveAgentStateChatButtonItem:hover {
	background-color: #d8d8d8 !important;
	opacity: 1 !important;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover span {
	color: #141414 !important;
}

.embeddedServiceLiveAgentStateChatInputFooter .chatActionButton.Send {
	padding: 0px 8px 0px 8px !important;
}

.embeddedServiceIcon svg path {
	fill: #787c80 !important;
}

.embeddedServiceIcon svg path:hover {
	fill: #141414 !important;
}

/* Form card CSS */
.slds-form-element[ebcm-einsteinBotFormCard_einsteinBotFormCard] {
	padding: 0 !important;
}

.form-action-container[ebcm-einsteinBotAction_einsteinBotAction]
	.action.action-button[ebcm-einsteinBotAction_einsteinBotAction] {
	width: 100% !important;
	background-color: black !important;
}

div.form-action-container a[ebcm-einsteinbotaction_einsteinbotaction] {
	color: blue !important;
	text-decoration: underline !important;
}

.form-action-container[ebcm-einsteinBotAction_einsteinBotAction]
	.action.action-button:hover[ebcm-einsteinBotAction_einsteinBotAction] {
	background-color: black;
}

.formcard-container[ebcm-einsteinBotFormCard_einsteinBotFormCard] {
	background: inherit !important;
}

/* Icon background */
.ebcm_content .slds-icon-standard-people {
	background-color: transparent !important;
}

/* Icon email background */
.ebcm_content .slds-icon-standard-email {
	background-color: transparent !important;
}

.slds-icon_container.slds-icon-utility-description {
	background-color: transparent !important;
}

lightning-avatar[ebcm-einsteinbotinput_einsteinbotinput] svg.slds-icon,
lightning-avatar[ebcm-einsteinbotinput_einsteinbotinput] svg.slds-icon-text-default {
	fill: black !important;
}

c-einstein-bot-form-card .formcard-container div[ebcm-einsteinbotformcard_einsteinbotformcard].slds-media {
	padding-bottom: 15px !important;
}