div.react-mailer-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  padding-top: 77px;
  z-index: 3;
}
div.react-mailer-overlay div.react-mailer {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin: 16px;
  padding: 20px;
}
div.react-mailer h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 10px !important;
  color: rgba(0, 0, 0, 0.87) !important;
  font-size: 24px !important;
}
div.react-mailer .error {
  color: rgba(218, 22, 45, 0.84);
}
div.react-mailer .users-block .react-autosuggest {
  padding-left: 0;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 5px;
}
div.react-mailer .users-block .react-autosuggest #users-autosuggest {
  padding-left: 0 !important;
  padding-bottom: 3px !important;
}
div.react-mailer .mui-text-field {
  width: 100%;
}
div.react-mailer textarea {
  font-size: 16px !important;
  border-bottom: 0 !important;
}
div.react-mailer .pydio-mailer-users .pydio-mailer-user {
  display: inline-block;
  padding: 5px 12px;
  margin-right: 4px;
  margin-bottom: 4px;
  color: white;
  border-radius: 2px;
  font-weight: 500;
  background-color: #4aceb0;
  cursor: pointer;
}
div.react-mailer .pydio-mailer-users .pydio-mailer-user.user-type-email {
  background-color: #438db3;
}
div.react-mailer .pydio-mailer-users .pydio-mailer-user:hover {
  background-color: rgba(218, 22, 45, 0.84);
}
div.react-mailer .pydio-mailer-users .pydio-mailer-user span.avatar {
  color: white;
  display: inline-block;
  margin-right: 5px;
}
