/* #block-websubtheme-chatbotblock{ height: 300px; overflow-y:scroll; } */

html header#navbar.navbar.shrink{ z-index: 9999 }
html #block-sidebar{ z-index: 9999 }

#d8chatbot_wrap{
  position: fixed;
  right: 20px;
  bottom: 102px;
  width: 400px;
  display: none;
  overflow: hidden;
  z-index: 9999;
}
#d8chatbot_wrap.active{
  display: block;
}

#block-websubtheme-chatbotblock{
  width: 400px;
  /* height: 40vh; */
  background: #ec1d31;
  z-index: 10000;
  border: 5px solid #ec1d31;
  border-radius: 9px;
  padding: 9px;
  
  box-shadow: 8px 8px #0003;
  
  transition: all 1s linear;

}
#block-websubtheme-chatbotblock-inner{ height: 280px; overflow-y:auto; scrollbar-width: none; }

form.hidden{display:none;}
#d8chatbot_icon{
  position: fixed;
  cursor: pointer;
  right: 100px;
  bottom: 20px;
  width: 117px;
  height: 117px;
  z-index: 99;
  opacity: 0.6;
  background: url('../img/d8chatbot.png') center center no-repeat;
}

#d8chatbot_icon.active{
  opacity: 1;
  background: url('../img/d8chatbot-close.png') center center no-repeat;
}
#d8chatbot_icon:hover{ opacity: 1; }

.conv-form-wrapper .wrapper-messages #messages  {}

.path-user #block-websubtheme-chatbotblock form,
.path-node #block-websubtheme-chatbotblock form{ width: 100%; margin: auto; }

#d8chatbot_header{
  position: absolute;
  z-index: 99999;
  top: 5px;
  right: 5px;
  font-weight: bold;
  font-size: 20px;
  border: 1px solid #6f6f6f;
  color: #6f6f6f;
  border-radius: 0 0 0 10px;
  border-top: 0 none; 
  border-right: 0 none;
  padding: 3px 5px;
  background: #FFFFFF;
  line-height: 20px;
  cursor:pointer;
  
  display: none;
}

#d8chatbot_header:hover{
  border-color: #FF0000;
  color: #FF0000;
  
}

@media (max-width: 500px) {
  #d8chatbot_wrap{ width: 90%; left: 0; right: 0; margin: 0 auto; }
  #block-websubtheme-chatbotblock{ width: 100%; }
}