@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.post-it-container {
  position: fixed;
  padding: 12px;
  top: 41px;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.56);
  width: 300px;
  overflow: auto; }

textarea.transparent {
  background: transparent;
  width: 100%;
  min-height: 120px;
  font-size: 18px; }

.post-it-note {
  margin-top: 5px;
  margin-bottom: 2em;
  padding: 2em;
  position: relative;
  min-height: 4em;
  color: #0c0c0c; }
  .post-it-note.color-1 {
    background: #26afff; }
  .post-it-note.color-1 .bottom {
    background: #26afff; }
  .post-it-note.color-1:before {
    border-color: #0099f2 transparent; }
  .post-it-note textarea.transparent::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white; }
  .post-it-note textarea.transparent:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }
  .post-it-note.color-2 {
    background: #e5be87; }
  .post-it-note.color-2 .bottom {
    background: #e5be87; }
  .post-it-note.color-2:before {
    border-color: #dba75e transparent; }
  .post-it-note textarea.transparent::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white; }
  .post-it-note textarea.transparent:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }
  .post-it-note.color-3 {
    background: #85c96e; }
  .post-it-note.color-3 .bottom {
    background: #85c96e; }
  .post-it-note.color-3:before {
    border-color: #66bb49 transparent; }
  .post-it-note textarea.transparent::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white; }
  .post-it-note textarea.transparent:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }
  .post-it-note.color-4 {
    background: #d78171; }
  .post-it-note.color-4 .bottom {
    background: #d78171; }
  .post-it-note.color-4:before {
    border-color: #cb5e4a transparent; }
  .post-it-note textarea.transparent::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white; }
  .post-it-note textarea.transparent:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }
  .post-it-note.color-5 {
    background: #b89fc5; }
  .post-it-note.color-5 .bottom {
    background: #b89fc5; }
  .post-it-note.color-5:before {
    border-color: #a17fb2 transparent; }
  .post-it-note textarea.transparent::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white; }
  .post-it-note textarea.transparent:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }
  .post-it-note.color-6 {
    background: #e5a8c5; }
  .post-it-note.color-6 .bottom {
    background: #e5a8c5; }
  .post-it-note.color-6:before {
    border-color: #d981ab transparent; }
  .post-it-note textarea.transparent::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white; }
  .post-it-note textarea.transparent:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }
  .post-it-note.color-7 {
    background: #96daa9; }
  .post-it-note.color-7 .bottom {
    background: #96daa9; }
  .post-it-note.color-7:before {
    border-color: #71cc8a transparent; }
  .post-it-note textarea.transparent::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white; }
  .post-it-note textarea.transparent:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }
  .post-it-note.color-8 {
    background: #33e1ff; }
  .post-it-note.color-8 .bottom {
    background: #33e1ff; }
  .post-it-note.color-8:before {
    border-color: #00daff transparent; }
  .post-it-note textarea.transparent::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white; }
  .post-it-note textarea.transparent:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }
  .post-it-note.color-9 {
    background: #b9bec1; }
  .post-it-note.color-9 .bottom {
    background: #b9bec1; }
  .post-it-note.color-9:before {
    border-color: #9ea5a9 transparent; }
  .post-it-note textarea.transparent::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white; }
  .post-it-note textarea.transparent:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1; }
  .post-it-note textarea.transparent:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }

.post-it-note .bottom {
  content: "";
  position: absolute;
  bottom: -2em;
  left: 0;
  right: 2em;
  padding: 1em;
  font-style: italic; }

.post-it-note:before {
  content: "";
  position: absolute;
  bottom: -2em;
  right: 0;
  border-width: 2em 2em 0 0;
  border-style: solid; }

.post-it-note p {
  font-size: 18px; }

.new-notes {
  position: absolute;
  color: #09cc21;
  border-radius: 10px;
  left: 5px; }

.show-notes.unread {
  -webkit-animation: color-notas 4s ease infinite;
  -moz-animation: color-notas 4s ease infinite;
  -o-animation: color-notas 4s ease infinite;
  animation: color-notas 4s ease infinite; }

.new-comment {
  position: absolute;
  color: #09cc21;
  border-radius: 10px;
  left: 5px; }

.show-comment.unread {
  -webkit-animation: color-notas 4s ease infinite;
  -moz-animation: color-notas 4s ease infinite;
  -o-animation: color-notas 4s ease infinite;
  animation: color-notas 4s ease infinite; }

@-webkit-keyframes color-notas {
  0% {
    background: transparent; }
  50% {
    background: red; } }
@-moz-keyframes color-notas {
  0% {
    background: transparent; }
  50% {
    background: red; } }
@-o-keyframes color-notas {
  0% {
    background: transparent; }
  50% {
    background: red; } }
@keyframes color-notas {
  0% {
    background: transparent; }
  50% {
    background: red; } }

/*# sourceMappingURL=notas.css.map */