/* style="width:70px;height:70px; position: fixed;bottom: 0; right: 0; z-index:1003;background-color:transparent;" */

.content_chatbot {
  position: absolute;
  bottom: 56px;
  right: 28px;
  z-index: 1003;
}

.content_open_chat {
  background-color: #0d6efd;
  width: 40px;
  height: 40px;
  color: white;
  border-radius: 8px;
  cursor: pointer;
}

.card_chatbot {
  background-color: white;
  border-radius: 20px;
  height: 100%;
}

.card_chatbot_header {
  display: block;
  height: 45px;
}

.card_chatbot_footer {
}

.chat_container_visio {
  width: 85vw !important;
  height: 88vh !important;
}

.content_chat_visio {
  width: 50vw !important;
}

.chat_friend_visio {
  width: 80%;
}

.user-pdp-visio {
  max-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.message-active {
  border: 2px solid rgb(13,202,240,1) !important;
  background-color: rgba(13,202,240,0.1) !important;
  background-color: #f0e68c !important;
  /* background-color: lavender !important; */
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-right: 0 !important;
  /* margin-bottom: 2px !important; */
}

.tooltips-chathome {
  visibility: hidden;
  position: absolute;
  min-width: 255px;
  width: 260px;
  top: -110%;
  right: 9%;
  background-color: #6f42c1;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 3px 3px;
  font-size: small;
}

#openVisio:hover .tooltips-chathome,
  #openMessage:hover .tooltips-chathome,
  #openChat:hover .tooltips-chathome,
  #first_take:hover .tooltips-chathome {
  visibility: visible;
  opacity: 1;
}