.card {
  height: 90vh;
  display: flex;
  flex-direction: column;
}

.chat-area {
  flex-grow: 1;
  overflow-y: auto;
}

#chat-content {
  flex-grow: 1;
  overflow-y: auto;
}

.form-outline .form-control:focus ~ .form-label {
  color: #39c0ed;
  transition: all 0.2s linear;
}

.form-outline .form-control ~ .form-label {
  color: #bfbfbf;
}
.fullwidth{
  width: 100%;
}
.botInput{
  margin-right: 20px
}
.inputBar{
  width: 100%;
}

.ArrayOfButtons{
  width:99.9%;
  display: flex;
  align-items: center;
  flex-direction: row;
  align-items: space-around;
  background-color: yellow;
}
#thesmallTitle{
  font-size:x-small;
}