.e_ch_area .embeddedServiceLiveAgentStateChatHeaderOption {
  width: 160px !important;
}

.e_ch_area .embeddedServiceHelpButton .embeddedServiceIcon {
  font-size: 16px;
}

.e_ch_area .embeddedServiceHelpButton .helpButton .uiButton {
  width: 100% !important;
  max-width: 100% !important;
  font-family: "Salesforce Sans", sans-serif;
  height: 121px;
}

.e_ch_area .embeddedServiceHelpButton .helpButton .uiButton:focus {
  outline: 0px solid #005290;
}

.e_ch_area .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-item,
.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-itemOptionIsClicked {
  padding: 6px !important;
}

.e_ch_area .embeddedServiceLiveAgentStateChatMenuMessage.agent .chatContent,
.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu {
  width: 100% !important;
}

.e_ch_area .embeddedServiceLiveAgentStateChatItem.chatMessage button {
  text-align: left;
  background-color: #ed9e21;
  font-size: 16px !important;
  font-weight: bold;
  color: #fff;
}

.e_ch_area .embeddedServiceLiveAgentStateChatHeaderOption .optionName {
  color: #f0f8ff;
  font-size: 0.9em;
}

.e_ch_area .embeddedServiceLiveAgentStateChatHeaderOption {
  width: 120px;
}

.embeddedServiceLiveAgentStateChatItem .isLightningOutContext .avatar.iconAvatar {
  background-image: url(/image/common/chatico.png);
}

.e_ch_area .embeddedServiceLiveAgentStateChatHeaderOption:hover {
  text-decoration: underline #f0f8ff;
}

#lightbox {
  display: none;
}

.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:first-of-type,
.embeddedServiceLiveAgentStateChatItem .chatContent li:first-child button.rich-menu-itemOptionIsClicked {
  border-radius: 8px 8px 8px 8px;
  margin: 0 0 5px 0;
  border: none;
}

.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li {
  border-radius: 8px 8px 8px 8px;
  margin: 0 0 5px 0;
  border: none;
}

.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:hover {
  border: none;
}

.uiButton #helpButtonSpan {
  background-image: url(/image/common/chatico.png);
  background-size: 100%;
}

@media (max-width: 1024px) {
  .e_ch_area .embeddedServiceHelpButton {
    display: none !important;
  }
  .e_ch_area .embeddedServiceHelpButton .helpButton {
    display: none !important;
  }
  .e_ch_area .embeddedServiceHelpButton .helpButton .uiButton {
    display: none !important;
  }
  #lightbox {
    display: none;
  }
  .embeddedServiceHelpButton {
    display: none !important;
  }
}