.formcard-container[ebcm-einsteinBotFormCard_einsteinBotFormCard] {
    background: initial;
}

.ebcm_content.ebcm_form {
    margin-left: 40px !important;
    float: left;
    min-width: 70%;
}

.ebcm_form .form-card {
    margin-left: 0px !important;
    min-width: 100%;
}

c-einstein-bot-form-card abbr[title] {
    border-bottom: none !important;
}

.form-action-container[ebcm-einsteinBotAction_einsteinBotAction] .action.action-button[ebcm-einsteinBotAction_einsteinBotAction],
.form-action-container[ebcm-einsteinBotAction_einsteinBotAction] .action.action-button[ebcm-einsteinBotAction_einsteinBotAction]:hover {
    background-color: var(--lwc-colorBrandSecondaryLuminance0);
}

.coveo-search-form div[ebcm-einsteinbotformcard_einsteinbotformcard] {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.coveo-search-form p[ebcm-einsteinbotformcard_einsteinbotformcard] {
    padding-top: 0px !important;
}

.coveo-search-form .slds-required {
    display: none;
}

.coveo-search-form .slds-p-vertical_small[ebcm-einsteinbotformcard_einsteinbotformcard] {
    padding-top: 0px !important;
}

.minicard-icon {
    display: none !important;
}

.minicard-title-text {
    text-align: left;
}

p.minicard-title-text {
    font-size: initial;
    margin-top: 0px !important;
    padding-left: 0.75rem;
    padding-top: 0px !important;
}

div[ebcm-einsteinbotminicardcontainer_einsteinbotminicardcontainer].containerDiv {
    border: none !important;
    box-shadow: none !important;
    background: #f4f4f4;
    border-radius: 5px;
}

.chatbot-coveo-article-link {
    display: block;
    background-color: var(--lwc-colorBrandSecondaryLuminance0);
    border-radius: 18px;
    text-align: center;
    color: #00687a !important;
    padding: 6px 8px;
    font-weight: bold;
    border: 1px solid var(--lwc-colorBrandSecondaryLuminance0);
}

.chatbot-coveo-article-link:visited,
.chatbot-coveo-article-link:active,
.chatbot-coveo-article-link:focus,
a.chatbot-coveo-article-link:hover {
    color: #00687a !important;
}

.product-issue-form .slds-form-element__label {
    display: initial !important;
}

.product-issue-form select {
    white-space: pre-wrap;
    text-overflow: ellipsis;
    margin-top: 1rem;
}

.chasitorControls .chatInputBoxDisabled {
    background-color: var(--lwc-colorBrandSecondaryLuminance0);
}

.embeddedServiceSidebar .sidebarBody {
    z-index: -1 !important;
}

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

input[lightning-input_input] {
    margin: initial !important;
    height: initial !important;
}

/* CIT-70 Menu button width */
.embeddedServiceLiveAgentStateChatMenuMessage>.chatContent .rich-menu {
    max-width: 70%;
    width: 100%;
    box-sizing: border-box;
    margin-left: 40px !important;
}

/* Menu button color:hover */
.embeddedServiceLiveAgentStateChatMenuMessage>.chatContent .rich-menu-item.embeddedServiceLiveAgentStateChatRichItem:hover {
    background-color: var(--lwc-colorBrandSecondary, #05768a);
    color: #fff;
    opacity: 1;
}

/* Fix SF incorrrect radius calculations */
.embeddedServiceLiveAgentStateChatMenuMessage>.chatContent li:first-of-type .rich-menu-item.embeddedServiceLiveAgentStateChatRichItem {
    border-radius: 7px 7px 0 0;
}

.embeddedServiceLiveAgentStateChatMenuMessage>.chatContent li:last-of-type .rich-menu-item.embeddedServiceLiveAgentStateChatRichItem {
    border-radius: 0 0 7px 7px;
}


/* Menu border color */
/* .embeddedServiceSidebar .embeddedServiceLiveAgentStateChatMenuMessage>.chatContent .rich-menu>.rich-menu-items>li {
    border-color: var(--lwc-colorBrandSecondary, #05768a);
} */

/* CIT-72 Quick Reply Buttons */
.embeddedServiceSidebar .chatContent .embeddedServiceLiveAgentStateChatButtonItem.uiButton.rich-button-item {
    box-sizing: border-box;
    min-width: 74px;
    min-height: 24px;
    border-radius: 21px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #05768a;
    background-color: white;
    color: #05768a;
    margin-inline: 5px;
}

.embeddedServiceSidebar .chatContent .embeddedServiceLiveAgentStateChatButtonItem.uiButton.rich-button-item:hover {
    background-color: #05768a;
    color: white;
    opacity: 1;
}

/* quick reply button label */
.embeddedServiceSidebar .chatContent .embeddedServiceLiveAgentStateChatButtonItem.uiButton.rich-button-item>span.label {
    color: inherit;
    font-size: 14px;
    font-weight: bold;
}

/* compsensate for 40px left margin */
.embeddedServiceSidebar .chatContent .embeddedServiceLiveAgentStateChatButtonItem.uiButton.rich-button-item:last-child {
    margin-right: 45px;
}

/* CIT-77 Minicard styling */
.embeddedServiceSidebar .chatContent .ebcm_minicard>.mini-card {
    max-width: 70%;
    margin-left: 40px !important;
}

/* Minicard title */
.embeddedServiceSidebar .chatContent .mini-card .minicard-container .minicard-header .minicard-title .minicard-title-text span {
    font-size: 16px;
}

/* Chevron color */
.embeddedServiceSidebar .chatContent .mini-card .minicard-header .minicard-action .expandIcon>.expandIconImg {
    filter: brightness(0) saturate(100%) invert(28%) sepia(26%) saturate(4970%) hue-rotate(164deg) brightness(97%) contrast(96%);
}

/* Body side padding */
.embeddedServiceSidebar .chatContent .mini-card .minicard-description.detail.slds-p-horizontal_small {
    padding-inline: 12px;
}

/* Bottom margin */
.embeddedServiceSidebar .chatContent .mini-card .minicard-body.detailDiv {
    margin-bottom: 12px;
}

/* title left padding */
.embeddedServiceSidebar .chatContent .mini-card .minicard-header p.minicard-title-text {
    padding-left: 8px;
}

/* chevron padding */
.embeddedServiceSidebar .chatContent .mini-card .minicard-header .minicard-action {
    margin-right: 2px;
}

/* view full article minicard button margin */
.embeddedServiceSidebar .chatContent .mini-card .minicard-body .detailDiv.description a.chatbot-coveo-article-link {
    margin-inline: 12px;
}


/* styles copied from support.citrix.com vue component */
.forceCommunityEmbeddedServiceHelpButton .flatButton {
    box-shadow: none !important;
    background: #00687a !important;
    height: 49px !important;
    border-radius: 30px !important;
    min-width: 165px;
    text-align: left;
}

.forceCommunityEmbeddedServiceHelpButton {
    bottom: 30px !important;
    right: 5px !important;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton .helpButtonLabel {
    margin-top: -5px !important;
    margin-left: 5px !important;
    overflow-y: hidden;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton:focus .helpButtonLabel {
    text-decoration: unset !important;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton .embeddedServiceIcon {
    position: relative;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton .embeddedServiceIcon::before {
    position: absolute;
    top: 0px;
    left: -7px;
    content: url(https://prod.static.citrix.com/images/chatbot/chat_header_rebranded.png) !important;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton .helpButtonLabel .message {
    font: 19px "Public Sans", Arial, sans-serif;
    position: relative;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 100px;
    border-top: 16px solid #00687a !important;
    border-top-color: inherit;
    border-left: 12px solid transparent;
    border-right: 3px solid transparent;
    z-index: 1;
}

.embeddedServiceHelpButton .helpButtonEnabled .flatButton .embeddedServiceIcon {
    display: block !important;
}

.embeddedServiceHelpButton .helpButtonEnabled:hover:before {
    background: transparent !important;
}

.embeddedServiceHelpButton .helpButtonEnabled:focus:before {
    background: transparent !important;
}

.embeddedServiceHelpButton .helpButtonDisabled {
    background: #00687a !important;
    border-radius: 8px 8px 0 0 !important;
}

.embeddedServiceHelpButton .helpButtonDisabled .flatButton .helpButtonLabel .message {
    font: 16px "Public Sans", Arial, sans-serif;
    position: relative;
    left: auto !important;
}

.embeddedServiceHelpButton .helpButtonDisabled .flatButton .embeddedServiceIcon {
    display: none !important;
}

.showDockableContainer .sidebarHeader>h2 {
    color: #fff;
}

.showDockableContainer .headerAnnouncement .text {
    color: #fff;
}

.showDockableContainer .sidebarBody .messageArea .chatContent .chasitor {
    background: #05758a;
    line-height: normal;
}

.showDockableContainer .sidebarBody .messageArea .chatContent .chasitor a[href^="mailto:"] {
    color: #fff;
}

.showDockableContainer .sidebarBody .messageArea .chatContent .agent a {
    color: #05758a;
}

.showDockableContainer .sidebarBody .messageArea .chatContent .agent.plainText {
    line-height: normal;
}

.showDockableContainer .sidebarBody .messageArea .chatContent .coveo-result-container a.result-title {
    color: #05758a;
    line-height: normal;
}

.showDockableContainer .sidebarBody .messageArea .chatContent .coveo-result-container .coveo-excerpt {
    line-height: normal;
    color: #3f4042;
}

.showDockableContainer .sidebarBody .messageArea .chatContent .coveo-result-container h5 {
    text-align: left;
    font: 14px "Public Sans", sans-serif;
    line-height: normal;
    text-transform: initial;
    letter-spacing: initial;
    color: #05758a;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.showDockableContainer .sidebarBody .messageArea:focus {
    border: none;
}

.showDockableContainer .sidebarBody .messageArea button.rich-button-item {
    background: #05758a;
    border: none;
    box-shadow: none;
}

.showDockableContainer .sidebarBody .messageArea button.rich-button-item .label {
    color: #fff;
}

.showDockableContainer .sidebarBody .messageArea a[href^="mailto:"] {
    color: #fff;
}

.showDockableContainer .sidebarBody .messageArea a.result-title h5 {
    font-size: 16px;
    text-align: left;
}

.form-action-container .action.action-button.action-disabled {
    background-color: rgb(196, 193, 193) !important;
    border: 1px solid rgb(196, 193, 193);
    color: grey;
}

.ui-widget .sidebarMinimized.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI {
    background-color: var(--lwc-colorBackgroundButtonBrand, rgb(5, 117, 138)) !important;
    border-color: var(--lwc-colorBackgroundButtonBrand, rgb(5, 117, 138)) !important;
    border-width: 0 !important;
}

.ui-widget .sidebarMinimized.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:hover,
.ui-widget .sidebarMinimized.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus {
    background-color: var(--lwc-colorBrand, rgb(5, 117, 138)) !important;
    border-color: var(--lwc-colorBackgroundButtonBrand, rgb(5, 117, 138)) !important;
    color: var(--lwc-colorTextButtonBrand, rgb(255, 255, 255));
}