/* Chatbot carbon style for aura and lwc components */

/* Determined that the following three !important are needed due to Salesforce css */
.embeddedServiceSidebar.layout-docked .dockableContainer {
  border-radius: 0;
  margin: 60px auto auto auto !important;
  height: calc(100% - 60px) !important;
  width:auto;
}
.dockableContainer.showDockableContainer {
  max-height: 640px !important;
}

.embeddedServiceSidebar.modalContainer {
  z-index: 9000;
}

.embeddedServiceSidebarState.stateBody  {
  flex: 1;
  background-color: #f3f3f3;
}

.ui-widget .embeddedServiceSidebarMinimizedDefaultUI.helpButton,
.ui-widget .forceCommunityEmbeddedServiceHelpButton .flatButton {
  display: flex;
  align-items: center;
  height: 60px;
  min-width: 200px;
  background-color: #0f62fe;
  border-radius: 0;
  border: none;
  box-shadow: none;
  text-transform: none;
  font-size: 1rem;
  font-weight: 700;
  border: 1px solid transparent;
  padding: calc(.675rem - 3px) 12px calc(.675rem - 3px) 12px;
  text-align: center;
}

.embeddedServiceSidebarMinimizedDefaultUI.helpButton:hover,
.embeddedServiceSidebarMinimizedDefaultUI.helpButton:focus,
.forceCommunityEmbeddedServiceHelpButton .flatButton:hover,
.forceCommunityEmbeddedServiceHelpButton .flatButton:focus {
  background-color: #0f62fe;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px #0f62fe,inset 0 0 0 2px #fff;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton .helpButtonLabel {
  display: flex;
  align-items: center;
  text-transform: none;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton .helpButtonLabel .message {
  line-height: normal;
}