.messages-area {
  width: 100%;

  .messages {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 10 5 10;

    .message-bubble {
      margin: 10 15 2 0;
      padding: 0;

      &.myself {
        align-self: flex-end;
        margin-right: 0;
        margin-left: 15;

        .message-bubble-content {
          background-color: #dcf8c6;
        }
      }

      &.continuation {
        margin-top: 1;
      }

      .message-bubble-content {
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: flex-end;
        border-radius: 8;
        background-color: white;

        .message-text {
          color: #8D1B1B;
          font-size: 15;
          margin: 5;
        }

        .meta{
          align-self: flex-end;
          justify-content: flex-end;
          margin: 0 5 5 5;

          .time {
            font-size: 13;
            opacity: .7;
            margin-right: 5;
            &.ios {
              font-size: 11;
              opacity: .4;
            }
          }

          .check {
            font-size: 14;
            padding-top: 2;
            margin-left: -4;

            &.ios {
              opacity: .6;
            }

            &.blue {
              color: #52c5f7;
              &.ios {
                color: #2F97F3;
                opacity: 1;
              }
            }
          }
        }
      }
    }
  }
}