.bp-widget-web {
  border: none;
  display: block;
  position: fixed;
  visibility: none;
  z-index: 100000;
  max-height: 100vh;
  max-width: 100vw;
  transition: none;
  background: none transparent;
  opacity: 1;
  font-size: 16px;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  padding: 0;
}

/* The following controls the size of the outside container around the button*/


.bp-widget-widget {
  top: auto;
  left: auto;
  bottom: 90px;			/* increased from 24px to display higher up the page */
  right: 36px;
  width: 180px !important;  /* Increase this to at least the size of .bpw-floating-button width in extraStylesheet */
  height: 100px !important;
}

/* The following modifies position of the button for the mobile site format */
@media (max-width:1000px) {
	.bp-widget-widget {
		top: auto;
		left: auto;
		bottom: 50px;			/* increased from 24px to display higher up the page */
		right: 36px;
		width: 180px !important;  /* Increase this to at least the size of .bpw-floating-button width in extraStylesheet */
		height: 100px !important;
	}
}

.bp-widget-hidden {
  display: none;
}

.bp-widget-convo {
  top: auto;
  left: auto;
  bottom: 65px;
  right: 36px;
  width: 420px !important;
  min-height: 382px !important;
  max-height: 500px !important;
}

/* Controls the position of the bot when it appears */
.bp-widget-side {
  //top: 0px;
  left: auto;
  bottom: 15px;
  right: 15px;
  width: 360px;
  height: 90% !important;
  box-shadow: 5px 5px 5px lightgrey;
}

@media only screen and (max-device-width: 768px) {
  .bp-widget-side {
    width: 100%;
  }
}
