#hfbIframe {
  bottom: 0px;
  right: 0px;
  position: fixed;
  height: 0px;
  width: 0px;
  border-style: none;
  border-width: 0;
  z-index: 1200;
  padding-top: 5px;
}

#hfbIframe.lexCloseChat {
  width: 274px !important;
  height: 55px !important;
}

#hfbIframe.sfCloseChat {
  width: 202px !important;
  height: 52px !important;
}

/* For desktop phones: */
@media only screen and (min-device-width: 768px) {
  #hfbIframe.lexOpenChat {
    width: 460px !important;
    height: 90% !important;
  }

  #hfbIframe.sfOpenChat {
    width: 360px !important;
    height: 100% !important;
    max-height: 540px;
  }
}
/* For mobile phones: */
@media only screen and (max-device-width: 768px) {
  #hfbIframe.lexOpenChat {
    width: 100% !important;
    height: 100% !important;
  }
  #hfbIframe.sfOpenChat {
    width: 100% !important;
    height: 100% !important;
  }
}.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #005290;
    font-family: "Arial", sans-serif;
  }

  /* .embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #005290;
  } */

  .embeddedServiceHelpButton .helpButton .uiButton:focus {
  outline: 1px solid #0078eb;
}

  .embeddedServiceHelpButton .helpButton {
  bottom: 0px !important;
}

  .embeddedServiceSidebarMinimizedDefaultUI.helpButton {
  bottom: 0px !important;
}

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

  .embeddedServiceSidebarMinimizedDefaultUI {
  left: 5px !important;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%) !important;
}

  button.minimizeButton {
  margin-bottom: 10px;
}

  .embeddedServiceHelpButton .helpButton .uiButton {
  background-color: #005290 !important;
  font-family: Arial, sans-serif !important;
  border-radius: 8px 8px 0px !important;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%) !important;
}

  .embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover::before,
.embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus::before {
  border-radius: 8px 8px 0px !important;
}

  .embeddedServiceSidebar.layout-docked .dockableContainer {
  box-shadow: 2px 2px 10px rgb(0 0 0 / 50%) !important;
  height: 100% !important;
  max-height: 100% !important;
}

  /* For mobile phones: */

  @media only screen and (max-device-width: 768px) {
  .dockableContainer {
    padding-bottom: 22px;
  }
}

  #js-help-finder-bot * {
  box-sizing: border-box;
}

  #js-help-finder-bot strong {
  font-weight: 700 !important;
}

  #js-help-finder-bot {
  position: fixed;
  z-index: 1200;
  margin: 0;
  font-family:
    "BGFlame",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333f48;
  background: linear-gradient("green", "red");
}

  #js-help-finder-bot .is-no-scroll {
  height: 100vh;
  overflow-y: hidden;
  padding-right: 15px;
  position: fixed;
}

  #js-help-finder-bot code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

  #js-help-finder-bot .unseenMessageNotificationWrapper {
  display: none !important;
}

  /* MIAW Embedded Component Styles */

  .embedded-messaging > #embeddedMessagingModalOverlay.isMaximized {
  background-color: transparent !important;
}

  #embedded-messaging > #embeddedMessagingFrame {
    min-width: 320px;
    margin: 0;
    left: 20px;
    margin-bottom: 0 !important;
}

  #embedded-messaging > #embeddedMessagingFrame[class~="isMaximized"][class~="eswIsDesktop"] {
  max-height: 100dvh !important;
  height: 100dvh;
}

  #embedded-messaging > #embeddedMessagingFrame[class~="isMinimized"] {
  border-radius: 0 !important;
}

  .minimizedButtonWrapper > .minimizedButton {
  right: 6px; 
  bottom: 7px;
}

  #embedded-messaging > #embeddedMessagingLiveRegion {
  display: none;
}

  @media (min-device-width: 768px)  {
    #embedded-messaging > #embeddedMessagingFrame[class~="isMaximized"] {
    height: 738px !important;
    max-height: 738px !important;
    min-width: 320px;
  }
}

  @media (min-device-width: 1024px) {
  #embedded-messaging > #embeddedMessagingFrame[class~="isMaximized"] {
    height: 937px !important;
    max-height: 937px !important;
  }
}

  @media (max-device-width: 468px){
  #embedded-messaging {
    inset: 0;
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
  }
  #embedded-messaging > #embeddedMessagingFrame {
    max-width: 100vw !important;
    max-height: 100dvh !important;
    margin: 0;
    left: 0;
    box-sizing: border-box;
  }
}