.knowbot {
  width: 336px;
  position: fixed;
  bottom: 0px;
  background-color: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition: height .5s ease-in-out;
  height: 448px;
  z-index: 71199;
  overflow: hidden;
}
.knowbot_right {
  right: 10px;
}

.knowbot.knowbot_mobile {
  width: calc(100% - 20px);
  height: calc(100vh - 112px);
  max-height: 100%;
  transition: max-height .5s ease-in-out;
}

.knowbot_left {
  left: 10px;
}

.knowbot.knowbot_collapsed {
  height: 32px;
}

.knowbot.knowbot_mobile.knowbot_collapsed {
  height: calc(100vh - 56px);
  max-height: 32px;
}

.knowbot_iframe {
  width: 336px;
  height: 415px;
  border: solid 1px silver;
  box-sizing: border-box;
  overflow: hidden;
}

.knowbot.knowbot_mobile .knowbot_iframe {
  width: 100%;
  height: calc(100vh - 146px);
}

.knowbot_header {
  color: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 16px;
  padding-left: 40px;
  line-height: 32px;
}

.knowbot_icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: 6px;
}
.knowbot_expand {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 4px;
  top: 4px;
  border-radius: 12px;
  background-color: white;
}

.knowbot_expand:hover {
  border: 2px solid black;
  border-radius: 18px;
  right: 2px;
  top: 2px;
}

.knowbot_more {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABEElEQVR4Ae3PAQYCURSF4QtIIiIAAmDAvLu9MAUBAlpLEAgCIWg5UzyZeAKnedfwfws4/mMAAAAAAAAAAAD/lbrUTTrfe+9TN+l8/UJ4vn4hPF++EJ8vX4jPly/E54sX4vOFC/H5woX4fOFCfH46p7NwITz/spltZukiXIjOtzfhQmS+X3N+vuBX4UJMvs/ti8+FC7H5woX4/OLCrcIFOf9W5n80iwoX1PxmYSX5Qnx+/AUhv7xwH+2CkH//mV/w5VgXhHxf2tsELvhezB8uPMqldmfjS0c1P2tWxYWDZVUvPHK+fiEdrR4/ffKblQnyBTFfuDDkKxee3vvJ6mt3OV/VrtutAQAAAAAAAAAAYDJeeA5LziNlLMgAAAAASUVORK5CYII=);
}

ol{
  list-style-position: inside;
}
ul{
    list-style-position: inside;
}

li{
  padding-bottom: 15px
}
.knowbot_less {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABD0lEQVR4Ae3PgQYCQRSF4QFkRfQEAbCguU8XoYIAAT1LEAgCYV9oWqmBRDq1R/zfBWDmP+l/AAAAAAAAAAAAIBbtNCVdO50vHfn7KNHVCUJ+dFFi78gv6oSa31/epeHkXZR6XUzUfGWCkF/v8tmEmNT8x20HyI9N/U6a0Odfnl+ar9Ov5VUUccJzfr28SgJxQjv25usTzu9NaMd6vmVCzT8L+YYJYr5hQjTphWiE/AEnnKJ5kX8S8n0ThHz/BCHfP2E2SnezkZDvm5CPtwl9fj4K+e4JWr5/wkHM90/Q8/0T9Hz/BD3fP0HP90+Q8v0TpHz/BCnfP0HK90+Q8v0TpHz/hG/nAwAAAAAAAAAAXAFf1UvB0RuGTQAAAABJRU5ErkJggg==);
}