.note-folder {
    clear: both;
    width: 100%;
    .note-folder-total, .note-folder-unread {
        width: 3.5rem;
        display: inline-block;
        float: left;
        text-align: center;
    }
    .note-folder-unread {
        font-weight: bold;
        float: right;
    }
    .note-folder-name {
        width: auto;
        display: inline-block;
        float: left;
    }
    .note-folder-icon {
        display: inline-block;
        float: right;
    }
}

.conversation-from-me, .conversation-from-them {
    margin-bottom: 5px;
    max-width: percentage((($grid-columns - 4) / $grid-columns));
    word-wrap: break-word;
}

.conversation-from-me {
    margin-right: percentage(( 4 / $grid-columns ));
    background-color: $note-conversation-you-bg;
    color: $note-conversation-you-text;
    border-color: $note-conversation-you-border;
    //text-align: left;
}

.conversation-from-them {
    margin-left: percentage(( 4 / $grid-columns ));
    background-color: $note-conversation-them-bg;
    color: $note-conversation-them-text;
    border-color: $note-conversation-them-border;
    //text-align: right;
}