/* Chat Bot Start */

* {box-sizing: border-box;}

.btnAnimate {
    animation: MoveUpDown 1.5s linear;
    animation-iteration-count: 2;
}

@keyframes MoveUpDown {
    0%, 100%  {
        bottom: 20px;
    }
    50% {
        bottom: 50px;
    }
}


.tooltip-inner {
    background-color: #007bff;
	padding: 10px;
	width: 100px;
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #007bff !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-right-color: #007bff !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: #007bff !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-right-color: #007bff !important;
}

/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
  background-color: #007bff;
  color: white;
  padding: 17px 17px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  /* right: 28px; */
  left: 10px;
  z-index: 9;
  /* width: 280px; */
  border-radius: 50%;
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  /* right: 15px; */
  left: 10px;
  border: 0px solid #f1f1f1;
  z-index: 9;
  box-shadow: 0px 10px #f6f6f6;
}

/* Add styles to the form container */
.form-container {
  max-width: 367px;
  min-width: 367px;
  /* padding: 10px; */
  background-color: white;
  /* overflow-y: scroll;
  overflow-x:hidden; */
  height: 460px;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  /* min-height: 200px; */
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/*Styling chatbot*/
.webchat__send-box__main{
  position: absolute;
  bottom: 0;
  width: 95%;
}
.webchat__suggested-actions__item-box
{
  /* display: flex;
  justify-content: center; */
  width: 250px;
  padding-right: 0px;
  align-items: center;
  margin: 0 auto;
}
.webchat__suggested-action:hover
{
  background: #6e6e6e !important;
  color: white !important;
}
.ac-image,.ac-selectable
{
  cursor: pointer;
  /* height:100px;
  width:100px; */
  /* border: 1px solid #6e6e6e; */
}
/* p{
  word-wrap:keep-all !important;
} */

@media only screen and (max-width: 450px) {
  .form-container {
  min-width: 100%; 
  }
  .chat-popup
  {
    right: 0 !important;
  }
}

/* .webchat--css-thomw-1cosm9t.webchat__bubble .webchat__bubble__content
{
  word-break: inherit !important;
} */
/* .webchat--css-vdzrx-lw1wug.webchat__suggested-action
{
 
} */
#webchat
{
  margin-bottom: 40px;
}
.webchat__initialsAvatar--fromUser
{
  background-color: #6e6e6e !important;
  border-radius: 50%;
  /* border: 1px solid red; */
}
#minimize:hover
{
    fill: white;
}
p{
  font-size: 16px !important;
}
/* .webchat--css-agifo-l3b7uo.webchat__initialsAvatar.webchat__initialsAvatar--fromUser
{
  background-color: #981c1e !important;
} */
/* .webchat--css-cozsl-lw1wug.webchat__suggested-action
{
  justify-content: center;
} */
/* .webchat--css-huerp-j7qwjs{
  padding-bottom: 40px;
} */

.hobot-logo{
	padding-left: 5px;
}

.hobot-row{
	background-color:  #007bff;
	height: 60px;
	align-items: center;
	padding: 0;
	margin: 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.fs-16-clr-white{
	font-size:16px;
	color: white;
}

.fs-11-clr-white{
	font-size:16px;
	color: white;
}

.cstm-margin{
	margin-left: 90%;
}