.plot {
  overflow-x: hidden !important;
  overflow-y: auto;
  min-height: 10px;
  height: 370px;
}

.col-height {
  height: 575px !important;
}

.chat {
  overflow-x: hidden !important;
  overflow-y: auto;
  height: 433px;
}

.tooltip-toggle {
  cursor: none;
  position: relative;
}

.tooltip-toggle::before {
  position: absolute;
  top: -20px;
  left: -7px;
  background-color: black;
  border-radius: 15px;
  color: #fff;
  content: attr(data-tooltip);
  padding: 1;
  text-transform: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 60px;
}

.tooltip-toggle::after {
  position: absolute;
  top: -12px;
  left: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-left: 0px;
  width: 0;
}

.tooltip-toggle::before,
.tooltip-toggle::after {
  color: #efefef;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  text-align: center;
}

.tooltip-toggle:hover::before,
.tooltip-toggle:hover::after {
  opacity: 1;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
