#chatbox {
  /*overflow-y: scroll;*/
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-flow: column nowrap;
  /* https://www.svgbackgrounds.com/set/free-svg-backgrounds-and-patterns/ */
  /*
    background-color: #ddd;
    background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='88' y1='88' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23757575'/%3E%3Cstop offset='1' stop-color='%23c2c2c2'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='75' y1='76' x2='168' y2='160'%3E%3Cstop offset='0' stop-color='%23868686'/%3E%3Cstop offset='0.09' stop-color='%23ababab'/%3E%3Cstop offset='0.18' stop-color='%23c4c4c4'/%3E%3Cstop offset='0.31' stop-color='%23d7d7d7'/%3E%3Cstop offset='0.44' stop-color='%23e5e5e5'/%3E%3Cstop offset='0.59' stop-color='%23f1f1f1'/%3E%3Cstop offset='0.75' stop-color='%23f9f9f9'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3Cfilter id='c' x='0' y='0' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='12' /%3E%3C/filter%3E%3C/defs%3E%3Cpolygon fill='url(%23a)' points='0 174 0 0 174 0'/%3E%3Cpath fill='%23000' fill-opacity='.5' filter='url(%23c)' d='M121.8 174C59.2 153.1 0 174 0 174s63.5-73.8 87-94c24.4-20.9 87-80 87-80S107.9 104.4 121.8 174z'/%3E%3Cpath fill='url(%23b)' d='M142.7 142.7C59.2 142.7 0 174 0 174s42-66.3 74.9-99.3S174 0 174 0S142.7 62.6 142.7 142.7z'/%3E%3C/svg%3E");*/
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top left;
}
#chatbox > :first-child {
  margin-top: auto !important;
  /* use !important to prevent breakage from child margin settings */
}
.chatbox_message {
  margin: 0 10px 10px;
  padding: 10px 20px;
  border-radius: 10px;
  color: #FFF;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  left: 100%
}
.chatbox_message.show {
  opacity: 1;
  left: 0;
}
.chatbox_message.remove {
  left: -100%;
}
.chatbox_message .header {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.chatbox_messenger {
  background-color: #168AFF;
}
.chatbox_whatsapp {
  background-color: #075E54;
}
.chatbox_form {
  background-color: #21AABD;
}
.chatbox_message .author {
  position: relative;
  z-index: 5;
  font-weight: bold;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chatbox_message .message {
  position: relative;
  z-index: 5;
}
.chatbox_message .author svg {
  height: 12px;
  fill: #FFF;
  padding-right: 5px;
}
.chatbox_message .hashtag {
  font-style: italic;
}
.network_icons {
  position: absolute;
  right: 10px;
  width: 75px;
  bottom: -20px;
}
.network_icons .icon {
  display: none;
}
.chatbox_whatsapp .network_icons .icon.whatsapp {
  display: block;
}
.network_icons .icon.whatsapp svg {
  fill: #0a8476;
}
.chatbox_messenger .network_icons .icon.messenger {
  display: block;
}
.network_icons .icon.messenger svg {
  fill: #2d96ff;
}
.chatbox_form .network_icons .icon.form {
  display: block;
}
.network_icons .icon.form svg {
  fill: #9de4ee;
}