.comments-component textarea {
  padding-bottom: 0.5rem;
}
.comments-component .comment-headers {
  margin-bottom: 5px;
  font-weight: bold;
}
.comments-component .comment-item textarea {
  resize: none;
  border-radius: 4px;
  border-color: #ececec;
  padding: 0 5px;
}
.comments-component .comment-item textarea:focus {
  outline: none;
}
.comments-component .comment-item textarea.bigger {
  min-height: 80px;
}
.comments-component .new-comment textarea {
  min-height: 2rem;
  height: 2rem;
}
.comments-component .text-date,
.comments-component .text-username {
  font-size: 0.9rem;
  color: #757575;
}
.alert-component {
  font-size: 0.8rem;
}
.alert-component .message {
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.alert-component .message.danger {
  background-color: rgba(229, 57, 53, 0.8);
  color: #FFFFFF;
}
.alert-component .message.warning {
  background-color: rgba(251, 140, 0, 0.8);
  color: #FFFFFF;
}
.alert-component .message.success {
  background-color: rgba(139, 195, 74, 0.8);
  color: #FFFFFF;
}
.alert-component .message.info {
  background-color: rgba(33, 150, 243, 0.8);
  color: #FFFFFF;
}
.alert-component .message.default {
  background-color: #FFFFFF;
  color: #757575;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3MvYXBwfjI1MzRiNzZkLmJmOThiNDg0NmZhNDU0YmRhMWQwLmNodW5rLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/