.mentions {
  margin: 1em 0;
  flex-basis: 100%;
}
.mentions--singleLine .mentions__control {
  display: inline-block;
  width: 130px;
}
.mentions--singleLine .mentions__highlighter {
  padding: 1px;
  border: 2px inset transparent;
}
.mentions--singleLine .mentions__input {
  padding: 1px;
  border: 2px inset;
}
.mentions--multiLine .mentions__control {
  font-size: 14px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.mentions--multiLine .mentions__highlighter {
  border: 1px solid transparent;
  padding: 9px 9px 26px 9px; 
  min-height: 74px;
  line-height: normal;
}
.mentions--multiLine .mentions__input {
  border: 1px solid silver;
  padding: 9px 9px 26px 9px; 
  outline: 0;
  border-radius: 10px;
}
.mentions__suggestions__list {
  background-color: white;
  font-size: 13px;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.mentions__suggestions__list:first-child {
  padding-top: 5px !important;
}
.mentions__suggestions__list:last-child {
  padding-bottom: 5px !important;
}
.mentions__suggestions__item {
  padding: 5px 15px;
  border: none;
  cursor: pointer;
}
.mentions__suggestions__item:hover {
  background-color: rgba(18, 124, 186, 0.1);
}
.mentions__mention {
  position: relative;
  z-index: 1;
  color: #127cba;
  background-color: rgba(18, 124, 186, 0.1);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.mentions_list {
  background-color: white;
  font-size: 10pt;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}