---
title: "Bootstrap 3 Flowchart"
description: "A flowchart diagram showing process flow and decision points"
category: "templates/layout"
type: "flowchart"
source_file: "templates/layout/bootstrap_3_decoded.xml"
tags: ["ui", "template", "design", "layout", "wireframe", "drawio"]
---

# Bootstrap 3 Flowchart

A flowchart diagram showing process flow and decision points

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1408" dy="544" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1.5" pageWidth="826" pageHeight="1169" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0" style=";html=1;"/>
    <mxCell id="1" style=";html=1;" parent="0"/>
    <mxCell id="55e65b8046d309ea-70" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;align=center;rSize=5;strokeColor=#D9EDF8;fillColor=#ffffff;fontColor=#f0f0f0;spacingTop=30;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="40" y="40" width="840" height="420" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-71" value="Panel title" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.topButton;rSize=5;strokeColor=none;fillColor=#D9EDF8;fontColor=#55C0E0;fontSize=14;fontStyle=1;align=left;spacingLeft=10;whiteSpace=wrap;resizeWidth=1;" parent="55e65b8046d309ea-70" vertex="1">
      <mxGeometry width="840" height="30" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-1" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=#ffffff;whiteSpace=wrap;rounded=0;fontSize=12;fontColor=#000000;align=center;" parent="55e65b8046d309ea-70" vertex="1">
      <mxGeometry x="16.96969696969697" y="33.6" width="678.7878787878788" height="302.4" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-2" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.horLines;strokeColor=#dddddd;fillColor=#fdfdfd;resizeWidth=1;" parent="55e65b8046d309ea-1" vertex="1">
      <mxGeometry width="678.7878787878788" height="40" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-3" value="Name" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;fontStyle=1;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-2" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="50" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-4" value="Double-Line&#10;Header" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;fontStyle=1;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-2" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="250" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-5" value="Rating" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;fontStyle=1;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-2" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="450" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-6" value="Signed Up" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;fontStyle=1;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-2" vertex="1">
      <mxGeometry width="100" height="40" relative="1" as="geometry">
        <mxPoint x="620" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-7" value="" style="shape=triangle;direction=south;strokeColor=none;fillColor=#000000;" parent="55e65b8046d309ea-6" vertex="1">
      <mxGeometry x="1" y="0.5" width="10" height="5" relative="1" as="geometry">
        <mxPoint x="-25" y="-2.5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-8" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.horLines;strokeColor=#dddddd;fillColor=none;resizeWidth=1;" parent="55e65b8046d309ea-1" vertex="1">
      <mxGeometry width="678.7878787878788" height="40" relative="1" as="geometry">
        <mxPoint y="40" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-9" value="" style="shape=ellipse;strokeColor=none;fillColor=#dddddd;html=1;" parent="55e65b8046d309ea-8" vertex="1">
      <mxGeometry y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="15" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-10" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-9" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="14" height="12" relative="1" as="geometry">
        <mxPoint x="-7" y="-6" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-11" value="John Boo" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-8" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="50" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-12" value="ok" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=3;strokeColor=none;fillColor=#58B957;fontSize=12;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;" parent="55e65b8046d309ea-8" vertex="1">
      <mxGeometry y="0.5" width="30" height="20" relative="1" as="geometry">
        <mxPoint x="250" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-13" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rating;strokeColor=none;fillColor=#EFAC43;emptyFillColor=#dddddd;grade=3;ratingScale=5;ratingStyle=star;" parent="55e65b8046d309ea-8" vertex="1">
      <mxGeometry y="0.5" width="150" height="14" relative="1" as="geometry">
        <mxPoint x="450" y="-7" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-14" value="&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;50%&quot;&gt;15 Sep, 8:56 AM &lt;font color=&quot;#dddddd&quot;&gt;(2013)&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;overflow=fill;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-8" vertex="1">
      <mxGeometry width="160" height="40" relative="1" as="geometry">
        <mxPoint x="620" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-15" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.horLines;strokeColor=#dddddd;fillColor=none;resizeWidth=1;" parent="55e65b8046d309ea-1" vertex="1">
      <mxGeometry width="678.7878787878788" height="40" relative="1" as="geometry">
        <mxPoint y="80" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-16" value="" style="shape=ellipse;strokeColor=none;fillColor=#dddddd;html=1;" parent="55e65b8046d309ea-15" vertex="1">
      <mxGeometry y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="15" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-17" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-16" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="14" height="12" relative="1" as="geometry">
        <mxPoint x="-7" y="-6" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-18" value="Michael Robinson" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-15" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="50" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-19" value="ok" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=3;strokeColor=none;fillColor=#58B957;fontSize=12;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;" parent="55e65b8046d309ea-15" vertex="1">
      <mxGeometry y="0.5" width="30" height="20" relative="1" as="geometry">
        <mxPoint x="250" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-20" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rating;strokeColor=none;fillColor=#EFAC43;emptyFillColor=#dddddd;grade=5;ratingScale=5;ratingStyle=star;" parent="55e65b8046d309ea-15" vertex="1">
      <mxGeometry y="0.5" width="150" height="14" relative="1" as="geometry">
        <mxPoint x="450" y="-7" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-21" value="&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;50%&quot;&gt;15 Sep, 7:12 AM &lt;font color=&quot;#dddddd&quot;&gt;(2013)&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;overflow=fill;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-15" vertex="1">
      <mxGeometry width="160" height="40" relative="1" as="geometry">
        <mxPoint x="620" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-22" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.horLines;strokeColor=#dddddd;fillColor=none;resizeWidth=1;" parent="55e65b8046d309ea-1" vertex="1">
      <mxGeometry width="678.7878787878788" height="40" relative="1" as="geometry">
        <mxPoint y="120" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-23" value="" style="shape=ellipse;strokeColor=none;fillColor=#dddddd;html=1;" parent="55e65b8046d309ea-22" vertex="1">
      <mxGeometry y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="15" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-24" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-23" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="14" height="12" relative="1" as="geometry">
        <mxPoint x="-7" y="-6" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-25" value="Alexander Robson" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-22" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="50" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-26" value="Blocked" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=3;strokeColor=none;fillColor=#999999;fontSize=12;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;" parent="55e65b8046d309ea-22" vertex="1">
      <mxGeometry y="0.5" width="70" height="20" relative="1" as="geometry">
        <mxPoint x="250" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-27" value="&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;50%&quot;&gt;15 Sep, 4:32 AM &lt;font color=&quot;#dddddd&quot;&gt;(2013)&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;overflow=fill;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-22" vertex="1">
      <mxGeometry width="160" height="40" relative="1" as="geometry">
        <mxPoint x="620" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-28" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.horLines;strokeColor=#dddddd;fillColor=none;resizeWidth=1;" parent="55e65b8046d309ea-1" vertex="1">
      <mxGeometry width="678.7878787878788" height="40" relative="1" as="geometry">
        <mxPoint y="160" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-29" value="" style="shape=ellipse;strokeColor=none;fillColor=#dddddd;html=1;" parent="55e65b8046d309ea-28" vertex="1">
      <mxGeometry y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="15" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-30" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-29" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="14" height="12" relative="1" as="geometry">
        <mxPoint x="-7" y="-6" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-31" value="Jennifer Pinsker" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-28" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="50" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-32" value="Blocked 24h" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=3;strokeColor=none;fillColor=#999999;fontSize=12;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;" parent="55e65b8046d309ea-28" vertex="1">
      <mxGeometry y="0.5" width="90" height="20" relative="1" as="geometry">
        <mxPoint x="250" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-33" value="&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;50%&quot;&gt;15 Sep, 2:08 AM &lt;font color=&quot;#dddddd&quot;&gt;(2013)&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;overflow=fill;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-28" vertex="1">
      <mxGeometry width="160" height="40" relative="1" as="geometry">
        <mxPoint x="620" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-34" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.horLines;strokeColor=#dddddd;fillColor=none;resizeWidth=1;" parent="55e65b8046d309ea-1" vertex="1">
      <mxGeometry width="678.7878787878788" height="40" relative="1" as="geometry">
        <mxPoint y="200" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-35" value="" style="shape=ellipse;strokeColor=none;fillColor=#dddddd;html=1;" parent="55e65b8046d309ea-34" vertex="1">
      <mxGeometry y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="15" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-36" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-35" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="14" height="12" relative="1" as="geometry">
        <mxPoint x="-7" y="-6" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-37" value="Bob Robson" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-34" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="50" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-38" value="ok" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=3;strokeColor=none;fillColor=#58B957;fontSize=12;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;" parent="55e65b8046d309ea-34" vertex="1">
      <mxGeometry y="0.5" width="30" height="20" relative="1" as="geometry">
        <mxPoint x="250" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-39" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rating;strokeColor=none;fillColor=#EFAC43;emptyFillColor=#dddddd;grade=1;ratingScale=5;ratingStyle=star;" parent="55e65b8046d309ea-34" vertex="1">
      <mxGeometry y="0.5" width="150" height="14" relative="1" as="geometry">
        <mxPoint x="450" y="-7" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-40" value="&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;50%&quot;&gt;15 Sep, 8:56 AM &lt;font color=&quot;#dddddd&quot;&gt;(2013)&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;overflow=fill;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-34" vertex="1">
      <mxGeometry width="160" height="40" relative="1" as="geometry">
        <mxPoint x="620" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-41" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.horLines;strokeColor=#dddddd;fillColor=none;resizeWidth=1;" parent="55e65b8046d309ea-1" vertex="1">
      <mxGeometry width="678.7878787878788" height="40" relative="1" as="geometry">
        <mxPoint y="240" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-42" value="" style="shape=ellipse;strokeColor=none;fillColor=#dddddd;html=1;" parent="55e65b8046d309ea-41" vertex="1">
      <mxGeometry y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="15" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-43" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-42" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="14" height="12" relative="1" as="geometry">
        <mxPoint x="-7" y="-6" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-44" value="Michael Robinson" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-41" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="50" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-45" value="Suspect" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=3;strokeColor=none;fillColor=#55BFE0;fontSize=12;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;" parent="55e65b8046d309ea-41" vertex="1">
      <mxGeometry y="0.5" width="70" height="20" relative="1" as="geometry">
        <mxPoint x="250" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-46" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rating;strokeColor=none;fillColor=#EFAC43;emptyFillColor=#dddddd;grade=4;ratingScale=5;ratingStyle=star;" parent="55e65b8046d309ea-41" vertex="1">
      <mxGeometry y="0.5" width="150" height="14" relative="1" as="geometry">
        <mxPoint x="450" y="-7" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-47" value="&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;50%&quot;&gt;15 Sep, 7:12 AM &lt;font color=&quot;#dddddd&quot;&gt;(2013)&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;overflow=fill;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-41" vertex="1">
      <mxGeometry width="160" height="40" relative="1" as="geometry">
        <mxPoint x="620" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-48" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.horLines;strokeColor=#dddddd;fillColor=none;resizeWidth=1;" parent="55e65b8046d309ea-1" vertex="1">
      <mxGeometry width="678.7878787878788" height="40" relative="1" as="geometry">
        <mxPoint y="280" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-49" value="" style="shape=ellipse;strokeColor=none;fillColor=#dddddd;html=1;" parent="55e65b8046d309ea-48" vertex="1">
      <mxGeometry y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="15" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-50" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-49" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="14" height="12" relative="1" as="geometry">
        <mxPoint x="-7" y="-6" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-51" value="Jennifer Pinsker" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-48" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="50" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-52" value="ok" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=3;strokeColor=none;fillColor=#58B957;fontSize=12;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;" parent="55e65b8046d309ea-48" vertex="1">
      <mxGeometry y="0.5" width="30" height="20" relative="1" as="geometry">
        <mxPoint x="250" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-53" value="&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;50%&quot;&gt;15 Sep, 4:34 AM &lt;font color=&quot;#dddddd&quot;&gt;(2013)&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;overflow=fill;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-48" vertex="1">
      <mxGeometry width="160" height="40" relative="1" as="geometry">
        <mxPoint x="620" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-54" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.horLines;strokeColor=#dddddd;fillColor=none;resizeWidth=1;" parent="55e65b8046d309ea-1" vertex="1">
      <mxGeometry width="678.7878787878788" height="40" relative="1" as="geometry">
        <mxPoint y="320" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-55" value="" style="shape=ellipse;strokeColor=none;fillColor=#dddddd;html=1;" parent="55e65b8046d309ea-54" vertex="1">
      <mxGeometry y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="15" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-56" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-55" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="14" height="12" relative="1" as="geometry">
        <mxPoint x="-7" y="-6" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-57" value="John Boo" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-54" vertex="1">
      <mxGeometry width="150" height="40" relative="1" as="geometry">
        <mxPoint x="50" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-58" value="Violation" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=3;strokeColor=none;fillColor=#DB524C;fontSize=12;fontStyle=1;fontColor=#ffffff;whiteSpace=wrap;" parent="55e65b8046d309ea-54" vertex="1">
      <mxGeometry y="0.5" width="70" height="20" relative="1" as="geometry">
        <mxPoint x="250" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-59" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rating;strokeColor=none;fillColor=#EFAC43;emptyFillColor=#dddddd;grade=2;ratingScale=5;ratingStyle=star;" parent="55e65b8046d309ea-54" vertex="1">
      <mxGeometry y="0.5" width="150" height="14" relative="1" as="geometry">
        <mxPoint x="450" y="-7" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-60" value="&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;50%&quot;&gt;15 Sep, 2:08 AM &lt;font color=&quot;#dddddd&quot;&gt;(2013)&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontSize=14;align=left;overflow=fill;whiteSpace=wrap;resizeHeight=1;" parent="55e65b8046d309ea-54" vertex="1">
      <mxGeometry width="160" height="40" relative="1" as="geometry">
        <mxPoint x="620" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-72" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;fillColor=#ffffff;strokeColor=#dddddd;whiteSpace=wrap;rounded=0;fontSize=12;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="40" y="480" width="400" height="240" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-73" value="Donec id elit non mi porta gravida at eget metus.&#10;Maecenas sed diam eget risus varius blandit." style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;fillColor=none;strokeColor=#dddddd;perimeter=none;spacingLeft=10;align=left;fontSize=14;whiteSpace=wrap;verticalAlign=bottom;spacingBottom=10;resizeWidth=1;" parent="55e65b8046d309ea-72" vertex="1">
      <mxGeometry width="400" height="80" relative="1" as="geometry">
        <mxPoint y="80" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-74" value="List group item heading" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.anchor;spacingLeft=10;align=left;fontSize=18;whiteSpace=wrap;resizeWidth=1;" parent="55e65b8046d309ea-73" vertex="1">
      <mxGeometry width="400" height="40" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-75" value="Donec id elit non mi porta gravida at eget metus.&#10;Maecenas sed diam eget risus varius blandit." style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.bottomButton;rSize=5;fillColor=none;strokeColor=#dddddd;spacingLeft=10;align=left;fontSize=14;perimeter=none;whiteSpace=wrap;verticalAlign=bottom;spacingBottom=13;resizeWidth=1;" parent="55e65b8046d309ea-72" vertex="1">
      <mxGeometry y="1" width="400" height="80" relative="1" as="geometry">
        <mxPoint y="-80" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-76" value="List group item heading" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.anchor;spacingLeft=10;align=left;fontSize=18;whiteSpace=wrap;resizeWidth=1;" parent="55e65b8046d309ea-75" vertex="1">
      <mxGeometry width="400" height="40" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-77" value="Donec id elit non mi porta gravida at eget metus.&#10;Maecenas sed diam eget risus varius blandit." style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.topButton;rSize=5;fillColor=#3D8BCD;strokeColor=#3D8BCD;fontColor=#ffffff;spacingLeft=10;align=left;fontSize=14;perimeter=none;whiteSpace=wrap;verticalAlign=bottom;spacingBottom=13;resizeWidth=1;" parent="55e65b8046d309ea-72" vertex="1">
      <mxGeometry width="400" height="80" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-78" value="List group item heading" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.anchor;fontColor=#ffffff;spacingLeft=10;align=left;fontSize=18;whiteSpace=wrap;resizeWidth=1;" parent="55e65b8046d309ea-77" vertex="1">
      <mxGeometry width="400" height="40" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-79" value="Image" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.image;align=center;rSize=5;strokeColor=#f6f6f6;fillColor=#f6f6f6;fontColor=#999999;strokeWidth=2;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="460" y="480" width="420" height="112" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-80" value="Image" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.image;align=center;rSize=5;strokeColor=#f6f6f6;fillColor=#f6f6f6;fontColor=#999999;strokeWidth=2;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="460" y="608" width="200" height="112" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-81" value="Image" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.image;align=center;rSize=5;strokeColor=#f6f6f6;fillColor=#f6f6f6;fontColor=#999999;strokeWidth=2;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="680" y="608" width="200" height="112" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-83" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#f6f6f6;whiteSpace=wrap;rounded=0;fontSize=12;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="40" y="740" width="840" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-84" value="60%" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.leftButtonStriped;fillColor=#59B958;fontColor=#FFFFFF;whiteSpace=wrap;" parent="55e65b8046d309ea-83" vertex="1">
      <mxGeometry width="525" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-85" value="&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width:100%;height:100%;margin-left:14px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;left&quot; valign=&quot;middle&quot; width=&quot;50%&quot;&gt;&lt;b&gt;Warning!&lt;/b&gt; Better check yourself, &lt;u&gt;you're not looking too good.&lt;/u&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#FDF8E4;fontColor=#F2AE43;overflow=fill;whiteSpace=wrap;rounded=0;align=center;" parent="1" vertex="1">
      <mxGeometry x="40" y="780" width="840" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-86" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.x;strokeColor=#F2AE43;strokeWidth=2;" parent="55e65b8046d309ea-85" vertex="1">
      <mxGeometry x="1" y="0.5" width="10" height="10" relative="1" as="geometry">
        <mxPoint x="-25" y="-5" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-87" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=#333333;fillColor=#ffffff;whiteSpace=wrap;rounded=0;fontSize=12;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="900" y="40" width="320" height="780" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-88" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=#333333;fillColor=#333333;whiteSpace=wrap;resizeWidth=1;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="320" height="50" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="55e65b8046d309ea-89" value="John Boo" style="shape=ellipse;strokeColor=none;fillColor=#f0f0f0;labelPosition=right;align=left;spacingLeft=10;fontColor=#f0f0f0;html=1;" parent="55e65b8046d309ea-88" vertex="1">
      <mxGeometry y="0.5" width="30" height="30" relative="1" as="geometry">
        <mxPoint x="15" y="-15" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-90" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-89" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="-10" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-91" value="Michael Robinson" style="shape=ellipse;strokeColor=none;fillColor=#f0f0f0;labelPosition=left;align=right;spacingRight=10;fontColor=#f0f0f0;html=1;" parent="55e65b8046d309ea-88" vertex="1">
      <mxGeometry x="1" y="0.5" width="30" height="30" relative="1" as="geometry">
        <mxPoint x="-45" y="-15" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-92" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.user;strokeColor=none;fillColor=#999999;" parent="55e65b8046d309ea-91" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="20" height="20" relative="1" as="geometry">
        <mxPoint x="-10" y="-10" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-93" value="15 September 2013" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#fdfdfd;fontColor=#999999;whiteSpace=wrap;resizeWidth=1;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="320" height="30" relative="1" as="geometry">
        <mxPoint y="75" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-94" value="Hi man!" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#E0F0D6;align=left;spacingLeft=15;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="80" height="40" relative="1" as="geometry">
        <mxPoint x="20" y="135" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-95" value="8:56:14 AM" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontColor=#dddddd;fontSize=10;align=left;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="100" height="20" relative="1" as="geometry">
        <mxPoint x="20" y="175" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-96" value="Hello there..." style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#D9EDF8;align=right;spacingRight=15;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry x="1" width="100" height="40" relative="1" as="geometry">
        <mxPoint x="-120" y="195" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-97" value="8:56:14 AM" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontColor=#dddddd;fontSize=10;align=right;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry x="1" width="100" height="20" relative="1" as="geometry">
        <mxPoint x="-120" y="235" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-98" value="Duis aute inure dolor in reprehenderit in voluptate velit esse cilium dolore eu fugiat nulla pariatur." style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#E0F0D6;align=left;spacing=15;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="240" height="80" relative="1" as="geometry">
        <mxPoint x="20" y="255" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-99" value="8:56:14 AM" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontColor=#dddddd;fontSize=10;align=left;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="100" height="20" relative="1" as="geometry">
        <mxPoint x="20" y="335" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-100" value="Really?! Can't believe that, man!" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#D9EDF8;align=right;spacing=15;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry x="1" width="200" height="40" relative="1" as="geometry">
        <mxPoint x="-220" y="355" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-101" value="8:56:14 AM" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontColor=#dddddd;fontSize=10;align=right;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry x="1" width="100" height="20" relative="1" as="geometry">
        <mxPoint x="-120" y="395" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-102" value="And even nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptasassumenda est, omnis dolor!" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#E0F0D6;align=left;spacing=15;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="240" height="100" relative="1" as="geometry">
        <mxPoint x="20" y="415" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-103" value="8:56:14 AM" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontColor=#dddddd;fontSize=10;align=left;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="100" height="20" relative="1" as="geometry">
        <mxPoint x="20" y="515" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-104" value="Ok. Deal!" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#D9EDF8;align=right;spacing=15;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry x="1" width="80" height="40" relative="1" as="geometry">
        <mxPoint x="-100" y="535" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-105" value="8:56:14 AM" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontColor=#dddddd;fontSize=10;align=right;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry x="1" width="100" height="20" relative="1" as="geometry">
        <mxPoint x="-120" y="575" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-106" value="Huh.." style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=none;fillColor=#E0F0D6;align=left;spacing=15;whiteSpace=wrap;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="60" height="40" relative="1" as="geometry">
        <mxPoint x="20" y="595" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="55e65b8046d309ea-107" value="8:56:14 AM" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rect;strokeColor=none;fillColor=none;fontColor=#dddddd;fontSize=10;align=left;whiteSpace=wrap;" parent="55e65b8046d309ea-87" vertex="1">
      <mxGeometry width="100" height="20" relative="1" as="geometry">
        <mxPoint x="20" y="635" as="offset"/>
      </mxGeometry>
    </mxCell>
  </root>
</mxGraphModel>

```