/*********************************************************************************************
  Purpose:
  --------
  Contains imports to other required less files in order to compile a stylesheet for styles
  that are overriding other styles and need to be loaded at the end.

  Notes:
  ------
  Document all elements with comments.
  Do not add anything other than imports to other files here.
**********************************************************************************************/
/**********************
      EXTERNAL ONLY
***********************/
/*********************************************************************************************
  Purpose:
  --------
  Contains overrides speicific to the Sales Force web chat.

  Notes:
  ------
  Document all elements with comments.
  Do not add anything other than Sales Force web chat style overrides.
**********************************************************************************************/
.embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled {
  display: none;
}
/* .embeddedServiceSidebarMinimizedDefaultUI {{
    position: fixed;
    left: auto;
    bottom: 76px;
    right: -68px;
    margin: 0;
    height: 46px;
    width: 90px;
    max-height: 100%;
    border-radius: 23px 23px 23px 23px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    pointer-events: all;
    overflow: hidden;
    background-color: #000;
    border-color: #000;
    font-size: 16px;
    
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
} */
@media all and (max-width: 991px) {
  .embeddedServiceSidebarMinimizedDefaultUI.sidebarHeader {
    border-radius: 23px 23px 23px 23px;
    height: 31px;
    /* bottom: 56px; */
    right: 4px;
    padding: 0;
    text-decoration: none;
    background-color: #58AE25;
    box-shadow: none;
    bottom: 50px;
  }
  .embeddedServiceSidebar.modalContainer {
    z-index: 1400;
  }
  .embeddedServiceHelpButton .helpButton {
    right: 4px;
    bottom: 50px !important;
    height: 31px !important;
  }
  .embeddedServiceHelpButton .helpButton .uiButton {
    box-shadow: none;
    height: 31px;
    border-radius: 23px 23px 23px 23px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
    min-width: 20px;
    width: 110px;
  }
  .embeddedServiceHelpButton .uiButton {
    /* min-width: 4em; */
  }
}
@media (min-width: 992px) {
  .embeddedServiceSidebarMinimizedDefaultUI.sidebarHeader {
    position: fixed;
    left: auto;
    /* bottom: 154px; */
    right: 4px;
    margin: 0;
    height: 41px;
    width: 90px;
    max-height: 100%;
    border-radius: 23px 23px 23px 23px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    box-shadow: none;
    pointer-events: all;
    overflow: hidden;
    background-color: #58AE25;
    border-color: #58AE25;
    font-size: 16px;
    bottom: 20px;
  }
  .embeddedServiceSidebar.modalContainer {
    z-index: 1400;
  }
  .embeddedServiceHelpButton .helpButton {
    right: 4px;
    bottom: 20px;
    height: 41px !important;
  }
  .embeddedServiceHelpButton .helpButton .uiButton {
    box-shadow: none;
    height: 41px;
    border-radius: 23px 23px 23px 23px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    min-width: 20px;
    width: 130px;
  }
  .embeddedServiceHelpButton .uiButton {
    /* min-width: 4em; */
  }
}
.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus {
  outline: 0;
  color: #ffffff;
  background-color: #58AE25;
  text-decoration: none;
}
.embeddedServiceSidebarMinimizedDefaultUI.helpButton {
  background-color: #58AE25;
  border-color: #58AE25;
}
.embeddedServiceSidebarMinimizedDefaultUI {
  background-color: #58AE25;
  border-color: #58AE25;
}
.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:hover {
  background-color: #58AE25;
  color: #ffffff;
}
.embeddedServiceHelpButton .helpButton .uiButton:hover::before,
.embeddedServiceHelpButton .helpButton .uiButton:focus::before {
  border-radius: 23px 23px 23px 23px;
}
.helpButtonEnabled:focus .helpButtonLabel {
  text-decoration: none;
}
.embeddedServiceHelpButton .helpButton .uiButton:hover {
  color: #ed6e17;
}
.embeddedServiceSidebarMinimizedDefaultUI.helpButton .messageContent {
  justify-content: center;
}
.ecEmbedWrapper {
  z-index: 1223 !important;
}
button#ecLauncherFloatingBubble {
  background-color: #000 !important;
  border-radius: 23px !important;
  right: 4px !important;
  width: 68px !important;
  height: 41px !important;
}
@media all and (max-width: 991px) {
  button#ecLauncherFloatingBubble {
    width: 48px !important;
    height: 31px !important;
    bottom: 50px !important;
  }
}