.zsiq_floatmain.zsiq_theme1 {
    display: none!important;
}

div.offlineIcon {
    position: fixed;
    height: 60px;
    width: 60px;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    background-image: url(https://cdn.shopify.com/s/files/1/0193/0280/9664/files/Chatbot_offline_9398aa6c-b57e-4242-92d4-20ecfade22b9.svg?v=1701438012);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-color: unset;
}

    div.offlineIcon:hover {
        background-image: url(https://cdn.shopify.com/s/files/1/0193/0280/9664/files/Chatbot_offline_face_827a4b24-428b-4431-8fb0-2560e3c8997c.svg?v=1701438040);
    }

.offlineIcon .tooltiptext {
    visibility: hidden;
    width: fit-content;
    min-width: 180px;
    padding: 10px !important;
    background-color: #00558a;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    right: 50px;
    bottom: 40px;
    position: absolute;
    z-index: 1;
}

    .offlineIcon .tooltiptext.showTip {
        visibility: visible;
    }

button.minimizeButton,
button.closeButton {
    padding: 0 !important;
}

header.sidebarHeader h2 {
    color: white;
}

embeddedservice-chat-header lightning-icon,
embeddedservice-chat-header svg.slds-icon-text-default {
    display: block;
    height: 16px;
    width: 16px;
}

.embeddedServiceLiveAgentStateChatItem
.chatContent
ul.rich-menu-items
li:first-of-type
button.rich-menu-item {
    border-radius: 8px 8px 0 0 !important;
}

.embeddedServiceLiveAgentStateChatItem
.chatContent
ul.rich-menu-items
li:last-of-type
button.rich-menu-item {
    border-radius: 0 0 8px 8px !important;
}

.embeddedServiceLiveAgentStateChatItem
.chatContent
ul.rich-menu-items
li:not(:first-of-type):not(:last-of-type)
button.rich-menu-item {
    border-radius: unset !important;
}

.embeddedServiceLiveAgentStateChatMenuMessage button.rich-menu-item {
    color: var(--lwc-colorBackgroundContrastPrimary, #0e103e) !important;
    background: transparent;
    cursor: pointer;
}

.embeddedServiceLiveAgentStateChatMenuMessage button.rich-menu-item,
.embeddedServiceLiveAgentStateChatMenuMessage
button.rich-menu-itemOptionIsClicked {
    text-align: center;
    font-size: 15px;
    padding: 12px 5px;
    display: block;
    width: inherit;
    height: unset;
    margin: 0;
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-itemOptionIsClicked {
    color: var(--lwc-colorTextWeak, #828282) !important;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button {
    font-family: var(--lwc-fontFamily, "Arial"), sans-serif !important;
}

button.embeddedServiceSidebarButton:focus {
    text-decoration: none;
}

button.slds-button {
    min-height: 0px;
    color: var(--slds-g-color-palette-neutral-60, #787c80) !important;
}

[embeddedservice-chatheader_chatheader] {
    border-radius: 4px;
}

header.sidebarHeader {
    background: #0e103e !important;
}

button.embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus,
button.embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover,
button.embeddedServiceSidebarButton.uiButton--inverse {
    text-decoration-color: #ffffff;
}

.embeddedServiceLiveAgentStateChatInputFooter
.footerMenuWrapper
.footer-menu
button.slds-button:hover,
.embeddedServiceLiveAgentStateChatInputFooter
.footerMenuWrapper
.footer-menu
.slds-dropdown-trigger_click.slds-is-open
button.slds-button {
    color: #91979a;
}

.embeddedServiceLiveAgentStateChatInputFooter
.footerMenuWrapper
.footer-menu
button.slds-button_icon-container-more {
    margin-top: 7px;
}

.embeddedServiceLiveAgentStateChatInputFooter
.footerMenuWrapper
.footer-menu
button.slds-button:focus {
    color: #91979a;
    box-shadow: unset;
}

button.embeddedServiceSidebarButton.uiButton--inverse .label {
    color: #ffffff;
    text-decoration-color: #ffffff;
}

.enterButton {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 5px;
    top: 7px;
    background-image: url(https://cdn.shopify.com/s/files/1/0579/4129/5296/files/Send-35px.png?v=1690382795);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-color: unset;
}

div.embeddedServiceSidebarFormField input,
.embeddedServiceSidebarForm
.fieldList
.uiInputText
input.slds-style-inputtext.input {
    margin-bottom: 5px;
}

div.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent {
    background: #0e103e;
}

div.embeddedServiceLiveAgentStateChat
div.endChatContainer
button.endChatButton {
    margin-bottom: 2px;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #0e103e;
    font-family: "Arial", sans-serif;
}

    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid #0e103e;
    }

.embeddedServiceSidebarFormField input.slds-style-inputtext:focus,
.embeddedServiceSidebarFormField div.slds-style-select:focus,
button.embeddedServiceSidebarButton:focus,
.embeddedServiceLiveAgentStateChat div.messageArea:focus,
.embeddedServiceLiveAgentStateChatInputFooter
.footerMenuWrapper
div.footer-menu-items
.slds-dropdown__item > a:focus {
    border: 1px solid #0e103e;
    box-shadow: 0 0 2px 0 #0e103e;
}

h2[embeddedservice-chatheader_chatheader] {
    color: white;
}

div.embeddedServiceLiveAgentStateChatAvatar div.avatar.iconAvatar {
    background-image: url(https://cdn.shopify.com/s/files/1/0579/4129/5296/files/32x32-Active-Chat.gif?v=1692369568);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    color: unset;
    border-radius: unset;
    background-color: white;
    font-size: 0px;
}

div.embeddedServiceHelpButton div.helpButton,
div.modalContainer.sidebarMinimized {
    height: 60px;
    width: 60px;
    bottom: 20px;
    right: 20px;
    top: unset;
}

.embeddedServiceLiveAgentStateChatInputFooter
.footerMenuWrapper
div.footer-menu
.slds-dropdown-trigger {
    padding-top: 0;
    padding-bottom: 0;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    border-radius: unset;
    background-color: transparent;
}

div.embeddedServiceHelpButton div.helpButton button.uiButton:hover::before,
div.embeddedServiceHelpButton div.helpButton button.uiButton:focus::before {
    border-radius: unset !important;
    background-color: transparent !important;
}

.embeddedServiceLiveAgentStateChatInputFooter
div.chasitorControls
textarea.chasitorText.textarea {
    height: 50px;
    min-height: 50px;
    padding-right: 40px;
    background-image: url(https://cdn.shopify.com/s/files/1/0579/4129/5296/files/Send-35px.png?v=1690382795);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-color: unset;
}

div.embeddedServiceHelpButton
div.helpButton
button.uiButton.helpButtonEnabled:hover,
div.embeddedServiceHelpButton
div.helpButton
button.uiButton.helpButtonDisabled:hover,
div.sidebarMinimized button.sidebarHeader.minimizedContainer:hover {
    background-image: url(https://cdn.shopify.com/s/files/1/0579/4129/5296/files/60x60-C_1.svg?v=1692364712);
    transition: all 0.2s linear;
}

/*****SVG BEGIN*****/

svg#ezGVUS6sedq1 {
    width: 60px;
    height: 60px;
    display: none;
    transition: all 0.2s linear;
    position: absolute;
}

div.helpButton {
    display: flex;
}

/*****SVG END*****/

button.startButton:hover,
button.waitingCancelChat:hover,
button.dialogButton:hover,
button.endChatButton:hover {
    opacity: 0.75;
    transition: all 0.2s linear;
}

.embeddedServiceLiveAgentStateChatItem .isLightningOutContext div.avatar {
    background-size: contain;
}

svg:focus,
svg:hover {
    border: none;
    outline: none;
}

div.embeddedServiceHelpButton div.helpButton button.uiButton.helpButtonEnabled,
div.embeddedServiceHelpButton div.helpButton button.uiButton.helpButtonDisabled,
div.sidebarMinimized button.sidebarHeader.minimizedContainer {
    background-image: url(https://cdn.shopify.com/s/files/1/0579/4129/5296/files/60x60.png?v=1689883643);
    background-repeat: no-repeat;
    color: transparent !important;
    background-color: unset;
    height: 60px;
    width: 63px;
    box-shadow: unset;
    position: unset;
    min-width: unset;
    border-radius: 60px 60px 60px 0;
    border-color: transparent;
}

    div.sidebarMinimized button.sidebarHeader.minimizedContainer span {
        color: transparent;
    }

button.uiButton.helpButtonEnabled:focus,
button.uiButton.helpButtonDisabled:focus {
    outline-color: transparent !important;
}

.embeddedServiceSidebarMinimizedDefaultUI .content svg.icon {
    display: none;
}

button[embeddedservice-chatheader_chatheader] {
    display: block;
    padding: 5px;
}

button.helpButton ~ div.dockableContainer.showDockableContainer
[embeddedService-chatHeader_chatHeader-host] {
    height: 230px;
    background-image: url(https://cdn.shopify.com/s/files/1/0579/4129/5296/files/Prechat-320x100.gif?v=1692367107);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

button.embeddedServiceSidebarButton {
    background: #0e103e !important;
}

    button.embeddedServiceSidebarButton,
    button.embeddedServiceSidebarButton span {
        color: white;
    }

.embeddedServiceLiveAgentStateChatInputFooter
textarea.chasitorText.textAreaIsFocused {
    border-color: white;
}

header[embeddedService-chatHeader_chatHeader].sidebarHeader {
    height: 50px;
}

div[aria-labelledby="sidebarDialogAssistiveText"].dockableContainer.showDockableContainer {
    bottom: 20px;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #00ac66;
    font-family: "Arial", sans-serif;
}

    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid #00ac66;
    }