#root {
  height: 100%;
}

@media only screen and (max-width: 768px) {
  #thisChatContainer > div,
  #thisChatContainer > div > div {
    height: 100% !important;
  }

  .react-chatbot-kit-chat-container {
    width: 100% !important;
    height: 100% !important;
    /* margin-top: 20%; */
  }

  .react-chatbot-kit-chat-inner-container {
    height: 95% !important;
    background-color: transparent !important;
  }

  .react-chatbot-kit-chat-bot-message {
    font-size: 12px;
    font-weight: bold;
  }

  .react-chatbot-kit-user-chat-message {
    font-size: 12px;
    font-weight: bold;
  }

  .react-chatbot-kit-chat-header {
    display: none !important;
  }

  .react-chatbot-kit-chat-input-container {
  }

  .react-chatbot-kit-chat-message-container {
    height: 100% !important;
  }

  .react-chatbot-kit-chat-input {
    font-size: 12px;
    font-weight: bold;
  }

  .react-chatbot-kit-chat-input-form {
  }

  .react-chatbot-kit-chat-input::placeholder {
  }

  .react-chatbot-kit-chat-btn-send {
    background-color: #0112fe !important;
  }

  .react-chatbot-kit-chat-btn-send-icon {
  }

  .react-chatbot-kit-chat-bot-message-container {
  }

  .react-chatbot-kit-chat-bot-avatar-container {
  }

  .react-chatbot-kit-chat-bot-avatar-icon {
  }

  .react-chatbot-kit-chat-bot-avatar-letter {
  }

  .react-chatbot-kit-chat-bot-message {
    background-color: #ff9600 !important;
  }

  .react-chatbot-kit-chat-bot-message-arrow {
    border-right-color: #ff9600 !important;
  }

  .react-chatbot-kit-chat-bot-message-arrow {
  }

  .react-chatbot-kit-chat-bot-loading-icon-container {
  }

  .chatbot-loader-container {
  }

  #chatbot-loader #chatbot-loader-dot1 {
  }

  #chatbot-loader #chatbot-loader-dot2 {
  }

  #chatbot-loader #chatbot-loader-dot3 {
  }

  .react-chatbot-kit-error {
  }

  .react-chatbot-kit-error-container {
  }

  .react-chatbot-kit-error-header {
  }

  .react-chatbot-kit-error-docs {
  }

  .logo {
    margin-top: 20px;
    height: 80px;
  }
}

@media screen and (min-width: 800px) {
  .react-chatbot-kit-chat-container {
    width: 100% !important;
    margin-top: 10%;
    /* border: solid 5px #ff0000; */
  }

  .react-chatbot-kit-chat-inner-container {
    background-color: #ffffffd3 !important;
    box-shadow: 8px 8px 20px -4px rgba(0, 0, 0, 0.39);
    -webkit-box-shadow: 8px 8px 20px -4px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 8px 8px 20px -4px rgba(0, 0, 0, 0.39);
  }

  .react-chatbot-kit-chat-bot-message {
    font-size: 12px;
    font-weight: bold;
  }

  .react-chatbot-kit-user-chat-message {
    font-size: 12px;
    font-weight: bold;
  }

  .react-chatbot-kit-chat-header {
    display: none !important;
  }

  .react-chatbot-kit-chat-input-container {
  }

  .react-chatbot-kit-chat-message-container {
  }

  .react-chatbot-kit-chat-input {
    font-size: 12px;
    font-weight: bold;
  }

  .react-chatbot-kit-chat-input-form {
  }

  .react-chatbot-kit-chat-input::placeholder {
  }

  .react-chatbot-kit-chat-btn-send {
    background-color: #0112fe !important;
  }

  .react-chatbot-kit-chat-btn-send-icon {
  }

  .react-chatbot-kit-chat-bot-message-container {
  }

  .react-chatbot-kit-chat-bot-avatar-container {
  }

  .react-chatbot-kit-chat-bot-avatar-icon {
  }

  .react-chatbot-kit-chat-bot-avatar-letter {
  }

  .react-chatbot-kit-chat-bot-message {
    background-color: #ff9600 !important;
  }

  .react-chatbot-kit-chat-bot-message-arrow {
    border-right-color: #ff9600 !important;
  }

  .react-chatbot-kit-chat-bot-message-arrow {
  }

  .react-chatbot-kit-chat-bot-loading-icon-container {
  }

  .chatbot-loader-container {
  }

  #chatbot-loader #chatbot-loader-dot1 {
  }

  #chatbot-loader #chatbot-loader-dot2 {
  }

  #chatbot-loader #chatbot-loader-dot3 {
  }

  .react-chatbot-kit-error {
  }

  .react-chatbot-kit-error-container {
  }

  .react-chatbot-kit-error-header {
  }

  .react-chatbot-kit-error-docs {
  }

  .logo {
    margin-top: 20px;
    height: 80px;
  }
}