/* /www/res/css/chatbot.css */
#chatbot {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 250px;
  background: #fff;
  color: #000;
  border-radius: 9px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  font-family: 'Raleway', Arial, sans-serif;
  z-index: 9999;
}
#chatbot.hidden {
  display: none;
}
#chatbot .chatbot-header {
    /* background: #1f8a26; */
    /* color: #fff; */
    padding: 20px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    padding-bottom: 0;
    font-size: x-large;
}

#chatbot .options {
  margin-top: 10px;
}
#chatbot .chatbot-body {
  padding-bottom: 10px !important;
  padding: 20px;
  padding-top: 0;
}
#chatbot form label {
  display: block;
  margin: 5px 0;
  font-weight: bold;
}
#chatbot form input[type="text"],
#chatbot form input[type="email"],
#chatbot form input[type="tel"] {
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#chatbot form button {
  background: #40c428;
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  width: 100%;
  border-radius: 43px;
  font-size: 0.9em;
  display: inline-block;
  width: unset;
  margin-top: 10px;
  margin-bottom: 10px;
}
#chatbot .options label {
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
}

#chatbot hr{
  border-color: #f374ca;
  margin: 12px 20px;
}

#chatbot .close{
  position: absolute;
  top: 20px;
  right: 15px;
  font-weight: bold;
  font-family: sans-serif;
}