@charset "UTF-8";
.chatbot-header { background: url('https://chatbot.ecbeing.io/data/design/chatbot-icon-w.png') center left 15px / 32px auto no-repeat; }
.chatbot-header { background-color: #006450; }
.chatbot-title, .chatbot-title * { color: #ffffff; }
.chatbot-disclaimer { color: #ffffff; }
@media screen and (max-width: 800px) {
.chatbot-header { background-position: top 8px center; }
}
.chatbot-message-bot-icon { background: url('https://chatbot.ecbeing.io/data/design/chatbot-icon-b.png') center center / 32px auto no-repeat; }
.feedback-button.good { background: url('https://chatbot.ecbeing.io/data/design/feedback-good.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.feedback-button.bad { background: url('https://chatbot.ecbeing.io/data/design/feedback-bad.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.chatbot-message-bot { background-color: #f8f7f2; }
.chatbot-message-bot { color: #333333; }
.chatbot-message-bot.message-error { background-color: #ffffff; }
.chatbot-message-user { background-color: #f5f5f5; }
.chatbot-message-user { color: #333333; }
.chatbot-answer-reference-url a { color: #006450; }
.chatbot-content { background-color: #ffffff; }
.send-chat { background: url('https://chatbot.ecbeing.io/data/design/chatbot-send-black.png') center center / 20px auto no-repeat; }
.chatbot-footer { background-color: #f5f5f5; }
.chatbot-container { right: 20px; left: auto !important;}
@media screen and (max-width: 800px) {
.chatbot-container { position: fixed; left: 10px; bottom: 0; z-index: 9999; }
.chatbot-icon { position: relative; top: 0; }
.message-user { margin: 10px 0 10px 80px; }
}
.chatbot-container { overflow: visible; }
.hide-chatbot { position: absolute; top: -20px; right: -20px; background: #DEDEDE; border: none; border-radius: 50%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1; }
.hide-chatbot-icon { width: 20px; height: 20px; background: url('https://chatbot.ecbeing.io/data/design/chatbot-hide.svg') center center / 23px auto no-repeat; }
.chatbot-header { border-radius: 8px 8px 0 0; }
@media screen and (max-width: 800px) {
.hide-chatbot { right: -10px; }
.chatbot-header { border-radius: 5px 5px 0 0; }
.chatbot-container .chatbot-frame { transform: scale(0.5); transition: inherit; transform-origin: bottom left; }
.chatbot-container.is-open .chatbot-frame { transform: scale(1.0); }
}
.chatbot-content {transform: translateY(0);max-height: 55vh;}

@media screen and (max-width: 800px) {
  .chatbot-container:not(.is-open) {transform: translateY(calc(100% - 105px)) !important;width: 100%;}
  .chatbot-container:not(.is-open) .chatbot-header {padding: 12px 15px 12px 62px;align-items: flex-start;background-position: center left 15px;}
  .chatbot-container:not(.is-open) .chatbot-frame {transform: scale(1) !important;}
  .chatbot-container:not(.is-open) .chatbot-frame .chatbot-content,
  .chatbot-container:not(.is-open) .chatbot-frame .clear-conversation-button,
  .chatbot-container:not(.is-open) .chatbot-frame .chatbot-to-top-button {display: none !important;}
  .chatbot-container .chatbot-frame .chatbot-footer input.chat-input {height: 44px;}
#floating-footer-gotop.scrolled {
    display: none;
}
}
div#pagetop {
    display: none;
}