.message-bubble {
  margin: 0;
  padding: 10px;
}

.message-bubble:nth-child(even) {
  background-color: #F5F5F5;
}

.message-bubble > * {
  padding-left: 10px;
}

.panel-body {
  padding: 0px;
  height: calc(100vh - 102px);
  overflow-y: auto;
}

.panel-heading {
  background-color: #009999 !important;
  color: white !important;
}

.panel-footer {
  background-color: white;
}

#name-input {
  width: 110px;
  text-align: center;
}