.chatboxcontent-history {
  position: relative;
  left: 0;
  right: 0;
  background-color: none;
  overflow-y: scroll;
  overflow-x: hidden;
}
.chatdata-history {
  position: fixed;
  margin-top: 214px;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  height: 75vh;
}
.m-chatdata-history {
  position: fixed;
  margin-top: 180px;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  height: 75vh;
}
.history-header {
  height: 32vh;
  margin-left: 20px;
  position: fixed;
  font-size: 12px;
}
.history {
  margin-top: 5px;
  margin-bottom: 5px;
}
.history-row {
  display: inline-block;
  width: 100%;
}
.history-title {
  width: 150px;
  display: inline-block;
}
.history-detail {
  /* width: 80%; */
  display: inline-block;
}
.title {
  float: right;
  padding-right: 5px;
}
.detail {
  float: left;
}
.history .chatboxcontent {
  margin-top: 12%;
  height: 100%;
}
.history .line {
  position: relative;
  margin: 5px;
  color: black;
  bottom: 14px;
  background-color: #ddd;
}