:root {
  --chat-button-gap: 30px;
  --chat-font-family: sans-serif;
  --chat-font-size: 13px;
  --chat-font-line-height: 1.5;
  --chat-el-gap: 0.2rem;
}

/* Some basic styling for the chat bot widget, so it doesn't inherit styles from
the website */
#botario-chat-widget {
  font-family: var(--chat-font-family);
  font-size: var(--chat-font-size);
  line-height: var(--chat-font-line-height);
}

#chat-window-messages {
  line-height: 1.3em;
}

#chat-window-messages .chat-button {
  line-height: 1.5em;
  text-align: left;
}

#chat-window-messages button {
  background-color: #fff;
  color: #212529;
  border: 3px solid black;
  padding-top: var(--chat-el-gap);
  padding-bottom: var(--chat-el-gap);
  text-transform: none;
}

#chat-window-messages > div.chat-right > div.chat-body > div.chat-content {
  /* background-color: #f0f0f0 !important;
  color: #202020 !important; */
}






/* Hides the name of the chat bot in the chat window */
#chat-window-messages > div > div > div.chat-sub {
  display: none;
}

/* Sets the font of the chat bot widget button */
#rasaWebchatPro {
  position: fixed;
}

/* Various positions of the chat bot widget button */
#rasaWebchatPro.bottom-left {
  left: var(--chat-button-gap);
  bottom: var(--chat-button-gap);
}

#rasaWebchatPro.bottom-right {
  right: var(--chat-button-gap);
  bottom: var(--chat-button-gap);
}

#rasaWebchatPro.bottom-center {
  bottom: var(--chat-button-gap);
  transform: translateX(-50%);
  left: 50%;
}

#rasaWebchatPro.top-left {
  left: var(--chat-button-gap);
  top: var(--chat-button-gap);
}

#rasaWebchatPro.top-right {
  right: var(--chat-button-gap);
  top: var(--chat-button-gap);
}

#rasaWebchatPro.top-center {
  top: var(--chat-button-gap);
  transform: translateX(-50%);
  left: 50%;
}

#rasaWebchatPro.middle-left {
  left: var(--chat-button-gap);
  transform: translateY(-50%);
  top: 50%;
}

#rasaWebchatPro.middle-right {
  right: var(--chat-button-gap);
  transform: translateY(-50%);
  top: 50%;
}

#rasaWebchatPro.none {
  display: none;
}

.botario-chat-widget.botario-chat-widget-float {
  z-index: 9999999999 !important;
}

.botario-chat-floating {
  z-index: 99999999999 !important;
}

#botario .chat-window-message {
  flex: 1 1 auto;
  width: 1% !important;
  position: relative;
  display: inline-block !important;
  overflow: hidden;
  padding: 12px;
  border: none !important;
  background-color: #ffffff;
  color: #6b6f80;
  height: 39px !important;
  box-sizing: border-box;
  font-size: 16px !important;
}