@charset "UTF-8";
.message {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 400px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.message::-webkit-scrollbar {
  display: none;
}

.message--error {
  border-left-color: firebrick;
}

.message--error:before {
  background-color: firebrick;
  content: "‼";
}

.message--warning {
  border-left-color: darkorange;
}

.message--warning:before {
  background-color: darkorange;
  content: "!";
}

.message--success {
  border-left-color: darkolivegreen;
}

.message--success:before {
  background-color: darkolivegreen;
  content: "✔";
}

.project-details-message-date-container {
  color: #EFEFEF;
  font-size: 0.8em;
}

.project-details-message-date-container .text-date {
  color: #8D8D8D;
}

.project-details-message-avatar {
  width: 32px;
  height: 32px;
  background-color: #EFEFEF;
  color: #8D8D8D;
}

.project-details-message-time {
  font-size: 0.6em;
  color: #8D8D8D;
  margin-bottom: 2px;
}

.project-details-message-time.user {
  text-align: right;
}

.project-details-message-time.other {
  text-align: left;
}

.project-details-message-message {
  background-color: #624B9F;
  color: #FFFFFF;
  border-radius: 15px;
  padding: 5px 10px;
}

.project-details-message-message-alt {
  background-color: #CCCCCC;
  color: #343434;
  border-radius: 15px;
  padding: 5px 10px;
}
/*# sourceMappingURL=message.css.map */