#fondo {
  width: 100%;
  position: absolute;
  background-image: url("../image/back_portal_tmb.png");
  height: 100%;
  background-size: cover;
}

/*Version 1*/

#chatbot .chatbot-App .chatbot-header {
  background: url("../image/programa-de-punts-destacat.png") center center
    no-repeat;
  background-size: cover;
}

#chatbot .chatbot-App .chatbot-close-button {
  background-color: transparent;
}

.chatbot-sender-button-container button svg.svg-inline--fa path {
  color: #cc0018 !important;
}

#chatbot .chatbot-App .chatbot-sender .chatbot-send .fa {
  color: #cc0018 !important;
}

#chatbot .chatbot-App .chatbot-client {
  color: #ffffff !important;
  background-color: #e30613;
  font-weight: bold;
}

#chatbot .chatbot-App .chatbot-response {
  color: #000000 !important;
  background-color: #ffffff;
}

/*#chatbot .chatbot-App .chatbot-response{color:#000000 !important;background-color: #e6e6ea;}*/

#chatbot .chatbot-App .chatbot-launcher {
  background-color: #e30613 !important;
}

#chatbot .chatbot-App .chatbot-title {
  font-size: 20px !important;
  font-weight: bold !important;
}

.chatbot-conversation-container {
  box-shadow: 0px 3px 15px 3px #434343 !important;
}

.chatbot-messages-container {
  background-color: #ffffff !important;
}

.chatbot-widget-container {
  visibility: hidden;
}

.chatbot-widget-container.launched {
  visibility: visible;
}

.chatbot-widget-container.chatbot-full-screen {
  bottom: 0;
  top: 0;
}

.chatbot-widget-container .chatbot-response.chatbot-options ul > li {
  color: #e1011a;
  background: #fff;
  border: 1px solid #e1011a;
}

.chatbot-widget-container .chatbot-response.chatbot-options ul > li:hover {
  background-color: #e1011a;
  color: #fff;
  border: none;
}

#chatbot ::-webkit-scrollbar {
  width: 10px;
}

#chatbot ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e6e6ea;
}

#chatbot a {
  text-decoration: underline !important;
}