.embeddedServiceHelpButton.helpButtonEnabled .flatButton{
    background-color: green !important;
    cursor: pointer !important;
}

.embeddedServiceHelpButton.helpButtonDisabled .flatButton {
    background-color: red !important;
    cursor: default !important;
}
    
.embeddedServiceHelpButton .flatButton {
 	bottom: 30px !important;
    position: fixed !important;
    width: 60px !important;
    height: 60px !important;
    left: 30px !important;
    bottom: 16px !important;
    color: #fff !important;
    border-radius: 50px !important;
    -webkit-box-shadow: 2px 2px 3px #999 !important;
    box-shadow: 2px 2px 3px #999 !important;
    text-decoration: none !important;
    flex-direction: column;
    align-items: center;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton :hover ::after {
    display:flex;
}

.embeddedServiceHelpButton .message {
  display: none !important;
}

.embeddedServiceSidebar .dockableContainer {
  left: 10px !important;
}

.forceCommunityEmbeddedServiceHelpButton .help {
  padding-right: 0px !important;
}

.sidebarMinimized .embeddedServiceSidebarMinimizedDefaultUI {
    right: auto !important;
    left: 12px !important;
    /* bottom: 8px !important; */
    height: 3.3rem !important;
    width: 7rem !important;
    /* border: 1px solid #0B3482 !important; */
    /* border-radius: 50% !important; */
    background-color: #0B3482 !important;
    /* box-shadow: none !important; */
    /* border-color: #0B3482 !important; */
}

.embeddedServiceSidebarMinimizedDefaultUI {   
    min-width: 0px !important;
    border: none !important;
    box-shadow: none !important;
}

.embeddedServiceSidebarMinimizedDefaultUI.sidebarHeader {
    bottom: 0% !important;
}

.embeddedServiceSidebarButton, 
.embeddedServiceSidebarButton.uiButton--inverse .label,
.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent,
.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext,
[embeddedservice-chatheader_chatheader-host],
.embeddedServiceLiveAgentStateWaiting .loadingBall {
    background-color: #0B3482 !important;
}

.embeddedServiceSidebarButton.uiButton--inverse .label {
    color: white !important;
}

.embeddedServiceSidebarFormField .slds-style-inputtext:focus {
    border-color: #0B3482 !important;
}

.embeddedServiceLiveAgentStateChatAvatar .avatar {
    padding-left: 1px !important;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton:focus {
    outline: 1px solid black !important;
    border: 1px solid black !important;
}

/* Styling changes for mobile live agent */
.embeddedServiceLiveAgentStateChatInputFooter .chatActionButton.Send {
    display: flex;
    padding: 0 8px !important;
    width: 32px;
    align-items: flex-start;
    flex-direction: column;
}

.embeddedServiceSidebar.layout-docked .dockableContainer.chatbotMBL {
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    left: 0px !important;
    border-radius: 0px;
    margin: 0;
}

.embeddedServiceLiveAgentStateChatAction.uiButton:disabled svg, .embeddedServiceLiveAgentStateChatAction.uiButton:disabled:hover svg, .embeddedServiceLiveAgentStateChatAction.uiButton:disabled:focus svg {
    fill: #2574A9 !important;
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor1 {
    background-color: rgb(0, 0, 0, 0) !important;
}
@media all and (max-width: 475px) {
    .forceCommunityEmbeddedServiceHelpButton {
      z-index: 1 !important;
    }  
    .animal-R-30 .main {
      z-index: 6000 !important;
    }
    .ui-overlay-f {
      z-index: 23000 !important
    }
    .embeddedServiceSidebarMinimizedDefaultUI {
      z-index: 1 !important
    }
  }
/* Styling changes for mobile live agent */