Update JSON API

24 files changed, 728 insertions, 0 deletions

diff --git a/afm-client/bower_components/foundation-apps/iconic/account.svg b/afm-client/bower_components/foundation-apps/iconic/account.svg
new file mode 100755
index 0000000..500789e
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/account.svg
@@ -0,0 +1,44 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="account" width="128" height="128" class="iconic iconic-account" viewBox="0 0 128 128">
+  <g><title>Sign In &amp; Out</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-account-login">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-entrance iconic-property-accent iconic-property-stroke" d="M46 4h78v120h-78" fill="none"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-arrow iconic-account-login-arrow-line iconic-property-stroke" d="M4 64h76" fill="none"/>
+      <path d="M90.7 63.2l-21.4-12.4c-.7-.4-1.3-.1-1.3.7v25c0 .8.6 1.2 1.3.7l21.4-12.5c.7-.4.7-1 0-1.5z" class="iconic-account-login-arrow iconic-account-login-arrow-head iconic-property-fill"/>
+    </g>
+    <g class="iconic-account-logout" display="none">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-entrance iconic-property-accent iconic-property-stroke" d="M46 4h78v120h-78" fill="none"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-arrow iconic-account-logout-arrow-line iconic-property-stroke" d="M88 64h-76" fill="none"/>
+      <path d="M1.3 64.8l21.4 12.5c.7.4 1.3.1 1.3-.7v-25c0-.8-.6-1.2-1.3-.7l-21.4 12.3c-.7.5-.7 1.1 0 1.6z" class="iconic-account-logout-arrow iconic-account-logout-arrow-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="31" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-account-login">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-entrance iconic-property-accent iconic-property-stroke" d="M12.5 1.5h18v28h-18" fill="none"/>
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-arrow iconic-account-login-arrow-line iconic-property-stroke" d="M1.5 15.5h14.5" fill="none"/>
+      <path d="M20.6 15.8l-5.2 3.9c-.2.2-.4.1-.4-.2v-8c0-.3.2-.4.4-.2l5.2 3.9c.2.2.2.4 0 .6z" class="iconic-account-login-arrow iconic-account-login-arrow-head iconic-property-fill"/>
+      </g>
+      <g class="iconic-account-logout" display="none">
+        <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-entrance iconic-property-accent iconic-property-stroke" d="M12.5 1.5h18v28h-18" fill="none"/>
+        <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-arrow iconic-account-logout-arrow-line iconic-property-stroke" d="M19.5 15.5h-14.5" fill="none"/>
+        <path d="M.4 15.2l5.2-3.9c.2-.2.4-.1.4.2v8c0 .3-.2.4-.4.2l-5.2-3.9c-.2-.2-.2-.4 0-.6z" class="iconic-account-logout-arrow iconic-account-logout-arrow-head iconic-property-fill"/>
+      </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-account-login">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-entrance iconic-property-accent iconic-property-stroke" d="M7 1h8v14h-8" fill="none"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-arrow iconic-account-login-arrow-line iconic-property-stroke" d="M1 8h9" fill="none"/>
+      <path class="iconic-account-login-arrow iconic-account-login-arrow-head iconic-property-fill" d="M12 8l-4-4v8z"/>
+    </g>
+    <g class="iconic-account-logout" display="none">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-entrance iconic-property-accent iconic-property-stroke" d="M7 1h8v14h-8" fill="none"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-arrow iconic-account-logout-arrow-line iconic-property-stroke" d="M11 8h-9" fill="none"/>
+      <path class="iconic-account-logout-arrow iconic-account-logout-arrow-head iconic-property-fill" d="M0 8l4 4v-8z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["account"]=iconicApis["account"]||function(t){var i=function(i){t.setAttribute("data-state",i);var e,n=t.querySelectorAll(".iconic-account-login"),o=t.querySelectorAll(".iconic-account-logout");if("logout"===i){for(e=0;e<n.length;e++)n[e].setAttribute("display","none");for(e=0;e<o.length;e++)o[e].setAttribute("display","inline")}else{for(e=0;e<n.length;e++)n[e].setAttribute("display","inline");for(e=0;e<o.length;e++)o[e].setAttribute("display","none")}},e=function(){var e=t.getAttribute("data-state");e&&i(e)};return{update:e,setState:i}};
+//]]>
+</script>
+</svg>
diff --git a/afm-client/bower_components/foundation-apps/iconic/action.svg b/afm-client/bower_components/foundation-apps/iconic/action.svg
new file mode 100755
index 0000000..cb8765e
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/action.svg
@@ -0,0 +1,38 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="action" width="128" height="128" class="iconic iconic-action" viewBox="0 0 128 128">
+  <g><title>Action</title></g>
+  <g data-width="128" data-height="96" class="iconic-lg iconic-container" display="inline" transform="translate(0 16)">
+    <g class="iconic-action-undo">
+      <path d="M30 59c0-27.1 21.9-49 49-49s49 21.9 49 49c0-32.6-26.4-59-59-59s-59 26.4-59 59v11h20v-11z" class="iconic-action-undo-stem iconic-property-fill"/>
+      <path d="M19.2 94.7l-18.4-29.4c-.4-.7-.1-1.3.7-1.3h37c.8 0 1.1.6.7 1.3l-18.4 29.4c-.4.7-1.2.7-1.6 0z" class="iconic-action-undo-arrowhead iconic-property-fill"/>
+    </g>
+    <g class="iconic-action-redo" display="none">
+      <path d="M98 59c0-27.1-21.9-49-49-49s-49 21.9-49 49c0-32.6 26.4-59 59-59s59 26.4 59 59v11h-20v-11z" class="iconic-action-redo-stem iconic-property-fill"/>
+      <path d="M108.8 94.7l18.4-29.5c.4-.7.1-1.3-.7-1.3h-37c-.8 0-1.1.6-.7 1.3l18.4 29.5c.4.7 1.2.7 1.6 0z" class="iconic-action-redo-arrowhead iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="24" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 4)">
+    <g class="iconic-action-undo">
+      <path d="M9 14.5c0-6.4 5.1-11.5 11.5-11.5 6 0 10.9 4.7 11.4 10.5-.6-7.5-6.8-13.5-14.4-13.5-8 0-14.5 6.5-14.5 14.5v2.5h6v-2.5z" class="iconic-action-undo-stem iconic-property-fill"/>
+      <path d="M6.3 23.6l5.4-7.2c.2-.2.1-.4-.2-.4h-11c-.3 0-.4.2-.2.4l5.4 7.2c.2.2.4.2.6 0z" class="iconic-action-undo-arrowhead iconic-property-fill"/>
+    </g>
+    <g class="iconic-action-redo" display="none">
+      <path d="M23 14.5c0-6.4-5.1-11.5-11.5-11.5-6 0-10.9 4.7-11.5 10.5.6-7.5 6.9-13.5 14.5-13.5 8 0 14.5 6.5 14.5 14.5v2.5h-6v-2.5z" class="iconic-action-redo-stem iconic-property-fill"/>
+      <path d="M25.7 23.6l-5.4-7.2c-.2-.2-.1-.4.2-.4h11c.3 0 .4.2.2.4l-5.4 7.2c-.2.2-.4.2-.6 0z" class="iconic-action-redo-arrowhead iconic-property-fill"/>
+   </g>
+  </g>
+  <g data-width="16" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 2)">
+    <g class="iconic-action-undo">
+      <path d="M2 9v-2c0-3.9 3.1-7 7-7s7 3.1 7 7c0-2.8-2.2-5-5-5s-5 2.2-5 5v2h-4z" class="iconic-action-undo-stem iconic-property-fill"/>
+      <path class="iconic-action-undo-arrowhead iconic-property-fill" d="M0 8l4 4 4-4z"/>
+    </g>
+    <g class="iconic-action-redo" display="none">
+      <path d="M10 9v-2c0-2.8-2.2-5-5-5s-5 2.2-5 5c0-3.9 3.1-7 7-7s7 3.1 7 7v2h-4z" class="iconic-action-redo-stem iconic-property-fill"/>
+      <path class="iconic-action-redo-arrowhead iconic-property-fill" d="M8 8l4 4 4-4z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["action"]=iconicApis["action"]||function(t){var i=function(i){t.setAttribute("data-state",i);var n,e,o=t.querySelectorAll(".iconic-action-undo"),c=t.querySelectorAll(".iconic-action-redo");n=e="none","redo"===i?e="inline":n="inline";for(var a=0;a<o.length;a++)o[a].setAttribute("display",n),c[a].setAttribute("display",e)},n=function(){var n=t.getAttribute("data-state");n&&i(n)};return{update:n,setState:i}};
+//]]>
+</script>
+</svg>
diff --git a/afm-client/bower_components/foundation-apps/iconic/ban.svg b/afm-client/bower_components/foundation-apps/iconic/ban.svg
new file mode 100755
index 0000000..070d3cf
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/ban.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-ban" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Ban</title>
+  </g>
+  <g class="iconic-ban-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" class="iconic-ban-strike iconic-property-accent iconic-property-stroke" d="M107.841 20.159l-87.674 87.674" fill="none" />
+    <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="60" class="iconic-ban-circle iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-ban-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" class="iconic-ban-strike iconic-property-accent iconic-property-stroke" d="M26.59 5.41l-21.197 21.197" fill="none" />
+    <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="14.5" class="iconic-ban-circle iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-ban-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" stroke-linejoin="round" class="iconic-ban-strike iconic-property-accent iconic-property-stroke" d="M13 3l-10 10" fill="none" />
+    <circle stroke="#000" stroke-width="2" stroke-linejoin="round" cx="8" cy="8" r="7" class="iconic-ban-circle iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/bell.svg b/afm-client/bower_components/foundation-apps/iconic/bell.svg
new file mode 100755
index 0000000..10dd239
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/bell.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bell" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bell</title>
+  </g>
+  <g class="iconic-bell-lg iconic-container iconic-lg" data-width="112" data-height="128" display="inline" transform="translate(8)">
+    <circle cx="56" cy="6" r="6" class="iconic-bell-crown iconic-property-fill" />
+    <path d="M100 82.033c-14.828-10.22-16-24.339-16-39.934v-4.098c0-15.464-12.536-28-28-28s-28 12.536-28 28v4.098c0 15.595-1.172 29.714-16 39.934-7.414 5.11-12 12.169-12 19.967v2h112v-2c0-7.798-4.586-14.857-12-19.967z" class="iconic-bell-body iconic-property-fill"
+    />
+    <path d="M41.174 106c-.751 1.854-1.174 3.877-1.174 6 0 8.836 7.163 16 16 16s16-7.163 16-16c0-2.123-.423-4.146-1.174-6h-29.652z" class="iconic-bell-clapper iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-bell-md iconic-container iconic-md" data-width="28" data-height="32" display="none" transform="scale(4) translate(2)">
+    <path d="M10 28c0 2.209 1.791 4 4 4s4-1.791 4-4h-8z" class="iconic-bell-clapper iconic-property-force-fill iconic-property-accent iconic-property-fill" />
+    <circle cx="14" cy="2" r="2" class="iconic-bell-crown iconic-property-force-fill iconic-property-fill" />
+    <path d="M27.972 25.622c-.139-1.798-1.24-3.42-2.972-4.614-3.707-2.555-4-6.085-4-9.984v-1.025c0-3.866-3.134-7-7-7s-7 3.134-7 7v1.025c0 3.899-.293 7.429-4 9.984-1.732 1.194-2.834 2.816-2.972 4.614h-.007v.094c-.005.095-.021.188-.021.284h.021v1h27.979v-1.378h-.028z"
+    class="iconic-bell-body iconic-property-fill" />
+  </g>
+  <g class="iconic-bell-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path d="M5 14c0 1.105.895 2 2 2s2-.895 2-2h-4z" class="iconic-bell-clapper iconic-property-force-fill iconic-property-accent iconic-property-fill" />
+    <circle cx="7" cy="1" r="1" class="iconic-bell-crown iconic-property-force-fill iconic-property-fill" />
+    <path d="M0 13c0-1.04.509-1.981 1.333-2.662 1.648-1.363 1.667-3.245 1.667-5.325v-.013c0-2.209 1.791-4 4-4s4 1.791 4 4v.013c0 2.079.019 3.962 1.667 5.325.824.681 1.333 1.623 1.333 2.662h-14z" class="iconic-bell-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/bookmark.svg b/afm-client/bower_components/foundation-apps/iconic/bookmark.svg
new file mode 100755
index 0000000..abe94d8
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/bookmark.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bookmark" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bookmark</title>
+  </g>
+  <g class="iconic-bookmark-lg iconic-container iconic-lg" data-width="44" data-height="128" display="inline" transform="translate(42)">
+    <path class="iconic-property-fill" d="M0 0v128l22-14.247 22 14.247v-128z" />
+  </g>
+  <g class="iconic-bookmark-md iconic-container iconic-md" data-width="14" data-height="32" display="none" transform="scale(4) translate(9)">
+    <path d="M0 .5v31c0 .276.182.37.407.209l6.186-4.419c.225-.161.589-.161.814 0l6.186 4.419c.225.161.407.067.407-.209v-31c0-.276-.224-.5-.5-.5h-13c-.276 0-.5.224-.5.5z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-bookmark-sm iconic-container iconic-sm" data-width="8" data-height="16" display="none" transform="scale(8) translate(4)">
+    <path d="M0 .25v15.5c0 .138.079.171.177.073l3.646-3.646c.098-.098.256-.098.354 0l3.646 3.646c.098.098.177.065.177-.073v-15.5c0-.138-.112-.25-.25-.25h-7.5c-.138 0-.25.112-.25.25z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/cart.svg b/afm-client/bower_components/foundation-apps/iconic/cart.svg
new file mode 100755
index 0000000..06098dc
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/cart.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cart" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Cart</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-cart-clip-0">
+      <path d="M0 0v106h22.695c-2.835-1.992-4.695-5.28-4.695-9 0-6.065 4.935-11 11-11s11 4.935 11 11c0 3.72-1.861 7.008-4.695 9h61.391c-2.835-1.992-4.695-5.28-4.695-9 0-6.065 4.935-11 11-11s11 4.935 11 11c0 3.72-1.861 7.008-4.695 9h18.695v-106h-128z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-cart-clip-0">
+      <path d="M0 0v28h5.058c-.651-.636-1.058-1.52-1.058-2.5 0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5c0 .98-.407 1.864-1.058 2.5h14.116c-.651-.636-1.058-1.52-1.058-2.5 0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5c0 .98-.407 1.864-1.058 2.5h3.058v-28h-32z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-cart-lg iconic-container iconic-lg" data-width="128" data-height="106" display="inline" transform="translate(0 11)">
+    <path d="M31.176 65.115l-14.352-50.231c-.455-1.593.519-2.885 2.176-2.885h106c1.657 0 2.719 1.313 2.371 2.933l-10.743 50.133c-.347 1.62-1.972 2.933-3.629 2.933h-78c-1.657 0-3.369-1.291-3.824-2.885z" class="iconic-cart-basket iconic-property-fill" />
+    <circle cx="29" cy="97" r="9" class="iconic-cart-wheel iconic-cart-wheel-back iconic-property-fill" />
+    <circle cx="103" cy="97" r="9" class="iconic-cart-wheel iconic-cart-wheel-front iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-cart-clip-0)" stroke="#000" stroke-width="4" d="M106 92h-81.25c-.414 0-.621-.31-.462-.692l9.423-22.615c.159-.382.196-1.015.081-1.413l-18.585-64.559c-.115-.398-.543-.721-.957-.721h-11.25" class="iconic-cart-body iconic-property-stroke"
+    fill="none" />
+    <circle cx="3" cy="3" r="3" class="iconic-cart-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-cart-md iconic-container iconic-md" data-width="32" data-height="28" display="none" transform="scale(4) translate(0 2)">
+    <path d="M8.742 17.034l-3.485-13.068c-.142-.534.19-.966.742-.966h25c.552 0 .912.439.804.981l-2.608 13.039c-.108.542-.644.981-1.196.981h-18c-.552 0-1.115-.433-1.258-.966z" class="iconic-cart-basket iconic-property-fill" />
+    <circle cx="7.5" cy="25.5" r="2.5" class="iconic-cart-wheel iconic-cart-wheel-back iconic-property-fill" />
+    <circle cx="26.5" cy="25.5" r="2.5" class="iconic-cart-wheel iconic-cart-wheel-front iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-cart-clip-0)" stroke="#000" d="M27 24.5h-20c-.276 0-.42-.209-.321-.467l2.141-5.567c.099-.258.124-.683.055-.951l-4.251-16.531c-.069-.267-.348-.484-.625-.484h-3" class="iconic-cart-body iconic-property-stroke" fill="none"
+    />
+    <circle cx="1" cy="1" r="1" class="iconic-cart-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-cart-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <circle cx="3.5" cy="12.5" r="1.5" class="iconic-cart-wheel iconic-cart-wheel-back iconic-property-fill" />
+    <circle cx="13.5" cy="12.5" r="1.5" class="iconic-cart-wheel iconic-cart-wheel-front iconic-property-fill" />
+    <path d="M3.929 8.505l-.858-6.005c-.039-.273.153-.495.429-.495l12-.004c.276 0 .468.221.429.495l-.859 6.01c-.039.273-.295.495-.571.495h-10c-.276 0-.532-.222-.571-.495z" class="iconic-cart-basket iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="square" d="M.5.5h2.25c.138 0 .274.109.302.244l1.395 6.511c.029.135.03.354.003.49l-.902 4.51c-.027.135.063.245.201.245h9.75" class="iconic-cart-body iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/chevron.svg b/afm-client/bower_components/foundation-apps/iconic/chevron.svg
new file mode 100755
index 0000000..9fa4b9b
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/chevron.svg
@@ -0,0 +1,28 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="chevron" width="128" height="128" class="iconic iconic-chevron" viewBox="0 0 128 128">
+  <g><title>Chevron</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-chevron-clip-0">
+      <path d="M0 0h88v128h-88z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-chevron-clip-0">
+      <path d="M0 0h26v32h-26z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-chevron-clip-0">
+      <path d="M0 0h14v16h-14z"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(12)">
+    <path clip-path="url(#iconic-size-lg-chevron-clip-0)" stroke="#000" stroke-width="16" stroke-linecap="square" stroke-miterlimit="10" class="iconic-property-stroke" d="M-8-20l84 84-84 84" fill="none"/>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(1)">
+    <path clip-path="url(#iconic-size-md-chevron-clip-0)" stroke="#000" stroke-width="6" stroke-linecap="square" stroke-miterlimit="10" class="iconic-property-stroke" d="M-1-6l22 22-22 22" fill="none"/>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-chevron-clip-0)" stroke="#000" stroke-width="4" stroke-linecap="square" stroke-miterlimit="10" class="iconic-property-stroke" d="M1.7-1.3l9.3 9.3-13.1 13.1" fill="none"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["chevron"]=iconicApis["chevron"]||function(t){function e(e){t.setAttribute("data-direction",e);var n=0;switch(e){case"top":n=270;break;case"left":n=180;break;case"bottom":n=90;break;default:n=0}r.setAttribute("transform","rotate("+n+" 64 64) translate(12) "),a.setAttribute("transform","scale(4) rotate("+n+" 16 16) translate(1)"),i.setAttribute("transform","scale(8) rotate("+n+" 8 8)")}var r=t.querySelector(".iconic-lg"),a=t.querySelector(".iconic-md"),i=t.querySelector(".iconic-sm"),n=function(){var r=t.getAttribute("data-direction")||"";e(r)};return{update:n,setDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/afm-client/bower_components/foundation-apps/iconic/circle-check.svg b/afm-client/bower_components/foundation-apps/iconic/circle-check.svg
new file mode 100755
index 0000000..46accc2
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/circle-check.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-circle-check" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Circle Check</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-circle-check-clip-0">
+      <path d="M0 0v128h128v-128h-128zm54.196 92.201l-23.853-23.853 5.657-5.657 17.891 17.891 39.813-44.23 5.946 5.352-45.453 50.498z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-circle-check-clip-0">
+      <path d="M0 0v32h32v-32h-32zm13.052 24.173l-6.173-6.173 2.121-2.121 3.948 3.948 9.951-10.946 2.22 2.018-12.067 13.274z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-circle-check-clip-0">
+      <path d="M0 0v16h16v-16h-16zm7 11.414l-3.414-3.414 1.414-1.414 2 2 4-4 1.414 1.414-5.414 5.414z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-circle-check-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle cx="64" cy="64" r="64" clip-path="url(#iconic-size-lg-circle-check-clip-0)" class="iconic-circle-check-body iconic-property-fill" />
+  </g>
+  <g class="iconic-circle-check-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle cx="16" cy="16" r="16" clip-path="url(#iconic-size-md-circle-check-clip-0)" class="iconic-circle-check-body iconic-property-fill" />
+  </g>
+  <g class="iconic-circle-check-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle cx="8" cy="8" r="8" clip-path="url(#iconic-size-sm-circle-check-clip-0)" class="iconic-circle-check-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/circle-x.svg b/afm-client/bower_components/foundation-apps/iconic/circle-x.svg
new file mode 100755
index 0000000..347b608
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/circle-x.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-circle-x" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Circle X</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-circle-x-clip-0">
+      <path d="M0 0v128h128v-128h-128zm90.657 85l-5.657 5.657-21-21-21 21-5.657-5.657 21-21-21-21 5.657-5.657 21 21 21-21 5.657 5.657-21 21 21 21z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-circle-x-clip-0">
+      <path d="M0 0v32h32v-32h-32zm23.121 21l-2.121 2.121-5-5-5 5-2.121-2.121 5-5-5-5 2.121-2.121 5 5 5-5 2.121 2.121-5 5 5 5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-circle-x-clip-0">
+      <path d="M0 0v16h16v-16h-16zm11.414 10l-1.414 1.414-2-2-2 2-1.414-1.414 2-2-2-2 1.414-1.414 2 2 2-2 1.414 1.414-2 2 2 2z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-circle-x-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle cx="64" cy="64" r="64" clip-path="url(#iconic-size-lg-circle-x-clip-0)" class="iconic-circle-x-body iconic-property-fill" />
+  </g>
+  <g class="iconic-circle-x-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle cx="16" cy="16" r="16" clip-path="url(#iconic-size-md-circle-x-clip-0)" class="iconic-circle-x-body iconic-property-fill" />
+  </g>
+  <g class="iconic-circle-x-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle cx="8" cy="8" r="8" clip-path="url(#iconic-size-sm-circle-x-clip-0)" class="iconic-circle-x-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/cog.svg b/afm-client/bower_components/foundation-apps/iconic/cog.svg
new file mode 100755
index 0000000..269f3d9
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/cog.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cog" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Cog</title>
+  </g>
+  <g class="iconic-cog-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M128 73.875v-19.875l-14.323-3.581c-1.156-4.239-2.841-8.257-4.979-11.986l7.539-12.706-14.054-14.054-12.666 7.599c-3.731-2.133-7.751-3.814-11.992-4.966l-3.651-14.308h-19.875l-3.581 14.323c-4.239 1.156-8.257 2.841-11.986 4.978l-12.706-7.539-14.054 14.054 7.599 12.666c-2.133 3.731-3.814 7.751-4.966 11.992l-14.308 3.651v19.875l14.323 3.581c1.156 4.239 2.841 8.257 4.979 11.986l-7.539 12.706 14.054 14.054 12.666-7.599c3.731 2.133 7.751 3.814 11.992 4.966l3.651 14.308h19.875l3.581-14.323c4.239-1.156 8.257-2.841 11.986-4.979l12.705 7.539 14.054-14.054-7.599-12.666c2.133-3.731 3.814-7.751 4.966-11.992l14.308-3.651zm-64 24.125c-18.778 0-34-15.222-34-34s15.222-34 34-34 34 15.222 34 34-15.222 34-34 34z"
+    class="iconic-cog-body iconic-property-fill" />
+  </g>
+  <g class="iconic-cog-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M32 17.969v-3.969l-3.96-1.32c-.278-1.01-.675-1.969-1.183-2.86l1.849-3.742-2.806-2.807-3.73 1.865c-.891-.507-1.851-.903-2.861-1.18l-1.339-3.957h-3.969l-1.32 3.96c-1.01.278-1.969.675-2.86 1.183l-3.742-1.849-2.806 2.806 1.865 3.73c-.507.891-.903 1.851-1.18 2.861l-3.957 1.339v3.969l3.96 1.32c.278 1.01.675 1.969 1.183 2.86l-1.849 3.742 2.806 2.806 3.73-1.865c.891.507 1.851.903 2.861 1.18l1.34 3.957h3.969l1.32-3.96c1.01-.278 1.969-.675 2.86-1.183l3.742 1.849 2.806-2.806-1.865-3.73c.507-.891.903-1.851 1.18-2.861l3.957-1.34zm-16 5.031c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7-3.134 7-7 7z"
+    class="iconic-cog-body iconic-property-fill" />
+  </g>
+  <g class="iconic-cog-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M16 8.984v-1.984l-1.971-.986c-.099-.3-.221-.59-.362-.869l.833-2.146-1.5-1.5-2.146.833c-.279-.141-.568-.263-.869-.362l-1.001-1.971h-1.984l-.986 1.971c-.3.099-.59.221-.869.362l-2.146-.833-1.5 1.5.833 2.146c-.141.279-.263.568-.362.869l-1.971 1.001v1.984l1.971.986c.099.3.221.59.362.868l-.833 2.146 1.5 1.5 2.146-.833c.279.141.568.263.869.362l1.001 1.971h1.984l.986-1.971c.3-.099.59-.221.869-.362l2.146.833 1.5-1.5-.833-2.146c.141-.279.263-.568.362-.869l1.971-1.001zm-8 2.016c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"
+    class="iconic-cog-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/comment-square.svg b/afm-client/bower_components/foundation-apps/iconic/comment-square.svg
new file mode 100755
index 0000000..07d0c96
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/comment-square.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-comment-square" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Comment Square</title>
+  </g>
+  <g class="iconic-comment-square-lg iconic-container iconic-lg" data-width="128" data-height="110" display="inline" transform="translate(0 9)">
+    <path d="M0 1.5v85c0 .828.672 1.5 1.5 1.5h103c.828 0 1.975.475 2.561 1.061l19.879 19.879c.586.586 1.061.389 1.061-.439v-107c0-.828-.672-1.5-1.5-1.5h-125c-.828 0-1.5.672-1.5 1.5z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-comment-square-md iconic-container iconic-md" data-width="32" data-height="29" display="none" transform="scale(4) translate(0 1)">
+    <path d="M0 .5v22c0 .276.224.5.5.5h25c.276 0 .658.158.854.354l5.293 5.293c.195.195.354.13.354-.146v-28c0-.276-.224-.5-.5-.5h-31c-.276 0-.5.224-.5.5z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-comment-square-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-property-fill" d="M16 0h-16v12h12l4 4z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/dashboard.svg b/afm-client/bower_components/foundation-apps/iconic/dashboard.svg
new file mode 100755
index 0000000..f41ef7d
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/dashboard.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-dashboard" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Dashboard</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-dashboard-clip-0">
+      <path d="M0 0v122h128v-122h-128zm73.9 73.9c-2.644 2.644-6.16 4.1-9.9 4.1s-7.255-1.456-9.899-4.101c-4.01-4.01-25.253-37.144-29.471-43.746-1.011-1.582-.785-3.655.542-4.982.772-.772 1.796-1.172 2.83-1.172.743 0 1.49.206 2.152.629 6.601 4.218 39.736 25.461 43.746 29.471 2.645 2.644 4.101 6.16 4.101 9.9s-1.456 7.255-4.1 9.9z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-dashboard-clip-0">
+      <path d="M0 0v30h32v-30h-32zm19.626 19.626c-.885.885-2.061 1.372-3.313 1.372-1.251 0-2.428-.487-3.313-1.372-1.091-1.091-5.745-8.451-7.696-11.565-.495-.79-.378-1.818.281-2.477.386-.386.898-.585 1.414-.585.366 0 .735.101 1.063.306 3.126 1.963 10.51 6.642 11.563 7.695 1.796 1.796 1.796 4.83 0 6.625z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-dashboard-clip-0">
+      <path d="M0 0v15h16v-15h-16zm9.313 9.313c-.442.442-1.031.686-1.656.686s-1.657-.999-1.657-.999l-2-1s-1.018-4.396-.706-4.708c.192-.192.448-.292.707-.292.161 0 4 1 4 1l1 2s1.211 2.415.313 3.313z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-dashboard-lg iconic-container iconic-lg" data-width="128" data-height="122" display="inline" transform="translate(0 3)">
+    <path stroke="#000" stroke-width="8" d="M90 118.001c2.562-1.244 5.204-2.666 7.547-4.248 3.192-2.156 6.165-4.612 8.88-7.327 2.715-2.715 5.17-5.688 7.327-8.88 2.156-3.192 4.014-6.603 5.532-10.192s2.697-7.357 3.496-11.263 1.219-7.95 1.219-12.092-.42-8.186-1.219-12.092-1.978-7.673-3.496-11.263c-1.518-3.589-3.376-7-5.532-10.192s-4.612-6.165-7.327-8.88c-2.715-2.715-5.688-5.17-8.88-7.327-3.192-2.156-6.603-4.014-10.192-5.532s-7.357-2.697-11.263-3.496-7.95-1.219-12.092-1.219-8.186.42-12.092 1.219-7.673 1.978-11.263 3.496c-3.589 1.518-7 3.376-10.192 5.532s-6.165 4.612-8.88 7.327-5.17 5.688-7.327 8.88-4.014 6.603-5.532 10.192c-1.518 3.589-2.697 7.357-3.496 11.263s-1.219 7.95-1.219 12.092.42 8.186 1.219 12.092 1.978 7.673 3.496 11.263 3.376 7 5.532 10.192 4.612 6.165 7.327 8.88c2.715 2.715 5.688 5.17 8.88 7.327 2.397 1.619 4.918 2.982 7.544 4.247l52.002.001z"
+    class="iconic-dashboard-body iconic-property-stroke" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dashboard-clip-0)" stroke="#000" stroke-width="4" stroke-linecap="round" d="M32.887 94.779c-3.981-3.981-7.203-8.722-9.43-13.986-2.227-5.264-3.458-11.052-3.458-17.127s1.231-11.863 3.458-17.127 5.448-10.005 9.43-13.986c3.981-3.981 8.722-7.203 13.986-9.43s11.052-3.458 17.127-3.458 11.863 1.231 17.127 3.458c5.264 2.227 10.005 5.448 13.986 9.43 3.981 3.981 7.203 8.722 9.43 13.986 2.226 5.264 3.458 11.052 3.458 17.127s-1.231 11.863-3.458 17.127c-2.227 5.264-5.448 10.005-9.43 13.986"
+    class="iconic-dashboard-values iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M71.071 56.929c-3.905-3.905-43.071-28.929-43.071-28.929s25.024 39.166 28.929 43.071c3.905 3.905 10.237 3.905 14.142 0 3.905-3.905 3.905-10.237 0-14.142zm-7.071 9.071c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" class="iconic-dashboard-needle iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-dashboard-md iconic-container iconic-md" data-width="32" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <path stroke="#000" stroke-width="3" d="M9.001 28.5c-4.472-2.448-7.501-7.03-7.501-12.5 0-8.008 6.492-14.5 14.5-14.5s14.5 6.492 14.5 14.5c0 5.469-3.028 10.052-7.499 12.5h-14z" class="iconic-dashboard-body iconic-property-stroke" fill="none" />
+    <path d="M14.415 18.212c1.048 1.048 2.748 1.048 3.797 0s1.007-2.79 0-3.797c-1.007-1.007-11.212-7.415-11.212-7.415s6.367 10.164 7.415 11.212z" class="iconic-dashboard-needle iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-dashboard-clip-0)" stroke="#000" stroke-linecap="round" d="M9.283 22.718c-1.719-1.719-2.783-4.094-2.783-6.718s1.063-4.998 2.783-6.718 4.094-2.782 6.717-2.782 4.998 1.063 6.718 2.783 2.782 4.094 2.782 6.717-1.063 4.998-2.783 6.718"
+    class="iconic-dashboard-values iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-dashboard-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" d="M4.5 14c-2.081-1.213-3.5-3.418-3.5-6 0-3.866 3.134-7 7-7s7 3.134 7 7c0 2.59-1.407 4.79-3.498 6h-7.002z" class="iconic-dashboard-body iconic-property-stroke" fill="none" />
+    <path d="M6.708 8.606c.524.524 1.374.524 1.899 0s.503-1.395 0-1.899c-.503-.503-4.606-2.708-4.606-2.708s2.183 4.082 2.708 4.606z" class="iconic-dashboard-needle iconic-property-fill" />
+    <path clip-path="url(#iconic-size-sm-dashboard-clip-0)" stroke="#000" stroke-linecap="round" d="M5.525 10.475c-.633-.633-1.025-1.508-1.025-2.475s.392-1.841 1.025-2.475 1.508-1.025 2.475-1.025 1.841.392 2.475 1.025 1.025 1.508 1.025 2.475-.392 1.841-1.025 2.475"
+    class="iconic-dashboard-values iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/document.svg b/afm-client/bower_components/foundation-apps/iconic/document.svg
new file mode 100755
index 0000000..50b847a
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/document.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-document" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Document</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-document-clip-0">
+      <path d="M70 28v-28h-70v128h98v-100h-28zm-58 30h60v4h-60v-4zm0 36h68v4h-68v-4zm74 22h-74v-4h74v4zm0-36h-74v-4h74v4zm0-36h-74v-4h74v4z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-document-clip-0">
+      <path d="M17 8v-8h-17v32h25v-24h-8zm-14 7h15v1h-15v-1zm0 8h17v1h-17v-1zm19 5h-19v-1h19v1zm0-8h-19v-1h19v1zm0-8h-19v-1h19v1z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-document-clip-0">
+      <path d="M8 0h-8v16h13v-11h-5v-5zm-6 4h4v1h-4v-1zm0 6h7v1h-7v-1zm9 4h-9v-1h9v1zm0-7v1h-9v-1h9z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-document-lg iconic-container iconic-lg" data-width="98" data-height="128" display="inline" transform="translate(15)">
+    <path clip-path="url(#iconic-size-lg-document-clip-0)" d="M96.5 128h-95c-.828 0-1.5-.672-1.5-1.5v-125c0-.828.672-1.5 1.5-1.5h95c.828 0 1.5.672 1.5 1.5v125c0 .828-.672 1.5-1.5 1.5z" class="iconic-document-page iconic-property-fill" />
+    <path class="iconic-document-flap iconic-property-fill" d="M98 24l-24-24v24z" />
+  </g>
+  <g class="iconic-document-md iconic-container iconic-md" data-width="25" data-height="32" display="none" transform="scale(4) translate(3)">
+    <path clip-path="url(#iconic-size-md-document-clip-0)" d="M24.5 32h-24c-.276 0-.5-.224-.5-.5v-31c0-.276.224-.5.5-.5h24c.276 0 .5.224.5.5v31c0 .276-.224.5-.5.5z" class="iconic-document-page iconic-property-fill" />
+    <path class="iconic-document-flap iconic-property-fill" d="M25 7l-7-7v7z" />
+  </g>
+  <g class="iconic-document-sm iconic-container iconic-sm" data-width="13" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path clip-path="url(#iconic-size-sm-document-clip-0)" class="iconic-document-page iconic-property-fill" d="M0 0h13v16h-13z" />
+    <path class="iconic-document-flap iconic-property-fill" d="M13 4l-4-4v4z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/envelope.svg b/afm-client/bower_components/foundation-apps/iconic/envelope.svg
new file mode 100755
index 0000000..4086e5a
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/envelope.svg
@@ -0,0 +1,44 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="envelope" width="128" height="128" class="iconic iconic-envelope" viewBox="0 0 128 128">
+  <g><title>Envelope</title></g>
+  <g data-width="128" data-height="84" class="iconic-lg iconic-container" display="inline" transform="translate(0 22)">
+    <g class="iconic-envelope-closed">
+      <path d="M65.3 43.3l61.3-30.7c.7-.4 1.3-1.3 1.3-2.2v-9c0-.8-.7-1.5-1.5-1.5h-124.9c-.8.1-1.5.8-1.5 1.6v9c0 .8.6 1.8 1.3 2.2l61.3 30.7c.8.3 2 .3 2.7-.1z" class="iconic-envelope-closed-envelope-flap iconic-property-accent iconic-property-fill"/>
+      <path d="M62.7 51.3l-61.4-30.6c-.7-.4-1.3 0-1.3.8v61c0 .8.7 1.5 1.5 1.5h125c.8 0 1.5-.7 1.5-1.5v-61c0-.8-.6-1.2-1.3-.8l-61.4 30.6c-.7.4-1.9.4-2.6 0z" class="iconic-envelope-closed-envelope-body iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="128" data-height="116" class="iconic-lg iconic-container" display="inline" transform="translate(0 6)">
+    <g class="iconic-envelope-open" display="none">
+      <path d="M64 0l-64 32v84h128v-84l-64-32zm0 84l-56-28v-19.1l56-28 56 28v19.1l-56 28z" class="iconic-envelope-open-envelope iconic-property-fill"/>
+      <path class="iconic-envelope-open-letter iconic-property-accent iconic-property-fill" d="M64 79l52-26v-13h-104v13z"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="22" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 5)">
+    <g class="iconic-envelope-closed">
+      <path d="M16.4 10.8l15.1-7.6c.3-.1.5-.4.5-.7v-2c0-.3-.2-.5-.5-.5h-31c-.3 0-.5.2-.5.5v2c0 .3.2.6.4.7l15.1 7.6c.3.1.7.1.9 0z" class="iconic-envelope-closed-envelope-flap iconic-property-accent iconic-property-fill"/>
+      <path d="M15.6 13.8l-15.2-7.6c-.2-.1-.4 0-.4.3v15c0 .3.2.5.5.5h31c.3 0 .5-.2.5-.5v-15c0-.3-.2-.4-.4-.3l-15.1 7.6c-.3.1-.7.1-.9 0z" class="iconic-envelope-closed-envelope-body iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-envelope-open" display="none">
+      <path d="M16 0l-16 8v24h32v-24l-16-8zm0 24l-13-6.5v-7.6l13-6.5 13 6.5v7.6l-13 6.5z" class="iconic-envelope-open-envelope iconic-property-fill"/>
+    <path class="iconic-envelope-open-letter iconic-property-accent iconic-property-fill" d="M16 21.5l11-5.5v-4h-22v4z"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 2)">
+    <g class="iconic-envelope-closed">
+      <path class="iconic-envelope-closed-envelope-flap iconic-property-accent iconic-property-fill" d="M8 6l8-4v-2h-16v2z"/>
+      <path class="iconic-envelope-closed-envelope-body iconic-property-fill" d="M8 8l-8-4v8h16v-8z"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-envelope-open" display="none">
+      <path d="M8 0l-8 4v12h16v-12l-8-4zm0 12l-6-3v-3.8l6-3 6 3v3.8l-6 3z" class="iconic-envelope-open-envelope iconic-property-fill"/>
+      <path class="iconic-envelope-open-letter iconic-property-accent iconic-property-fill" d="M8 10.5l5-2.5v-2h-10v2z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["envelope"]=iconicApis["envelope"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,a=t.querySelectorAll(".iconic-envelope-closed"),n=t.querySelectorAll(".iconic-envelope-open");i=r="none","open"===e?i="inline":r="inline";for(var o=0;o<a.length;o++)a[o].setAttribute("display",r),n[o].setAttribute("display",i)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/afm-client/bower_components/foundation-apps/iconic/flag.svg b/afm-client/bower_components/foundation-apps/iconic/flag.svg
new file mode 100755
index 0000000..c1d62e6
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/flag.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-flag" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Flag</title>
+  </g>
+  <g class="iconic-flag-lg iconic-container iconic-lg" data-width="98" data-height="128" display="inline" transform="translate(15)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-flag-mast iconic-property-stroke" d="M4 12v112" fill="none" />
+    <path d="M0 4c0-2.209 1.791-4 4-4s4 1.791 4 4v2h-8v-2z" class="iconic-flag-mast iconic-flag-mast-top iconic-property-fill" />
+    <path d="M42 13c0-.03.015-.056.017-.086-.002-.03-.017-.055-.017-.086 0-.324.175-.616.343-.828l1.314-2c.208-.287.343-.505.343-.828 0-.324-.131-.617-.343-.828-.212-.212-.505-.343-.828-.343h-32.828v52h32v-47z" class="iconic-flag-back iconic-property-accent iconic-property-fill"
+    />
+    <path d="M98 14h-54v51c0 .552.448 1 1 1h53l-14-26.11 14-25.89z" class="iconic-flag-front iconic-property-fill" />
+  </g>
+  <g class="iconic-flag-md iconic-container iconic-md" data-width="27" data-height="32" display="none" transform="scale(4) translate(2)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-flag-mast iconic-property-stroke" d="M1.5 3.5v27" fill="none" />
+    <path d="M0 1c0-.552.672-1 1.5-1s1.5.448 1.5 1h-3z" class="iconic-flag-mast iconic-flag-mast-top iconic-property-fill" />
+    <path d="M13 4.5c0-.044.014-.084.025-.125-.007-.042-.025-.081-.025-.125 0-.207.084-.395.22-.53l.561-.439c.136-.136.22-.323.22-.53s-.084-.395-.22-.53-.323-.22-.53-.22h-9.25v14h9v-11.5z" class="iconic-flag-back iconic-property-accent iconic-property-fill"
+    />
+    <path class="iconic-flag-front iconic-property-fill" d="M27 5h-13v14h13l-5-6.877z" />
+  </g>
+  <g class="iconic-flag-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-flag-mast iconic-property-stroke" d="M1 1v14" fill="none" />
+    <path d="M7 1.75c0-.138.08-.33.177-.427l.646-.646c.097-.097.177-.289.177-.427s-.112-.25-.25-.25h-4.75v8h4v-6.25z" class="iconic-flag-back iconic-property-accent iconic-property-fill" />
+    <path d="M16 2h-7.934c-.038.084-.066.174-.066.25v7.75h8l-4-3.938 4-4.062z" class="iconic-flag-front iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/home.svg b/afm-client/bower_components/foundation-apps/iconic/home.svg
new file mode 100755
index 0000000..eaff0e5
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/home.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-home" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Home</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-home-clip-0">
+      <path d="M64 16l-48 40 .25 62h37.75v-24h20v24h38v-62z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-home-clip-0">
+      <path d="M16 5l-11 10v14h9v-6h4v6h9v-14z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-home-lg iconic-container iconic-lg" data-width="128" data-height="122" display="inline" transform="translate(0 3)">
+    <path clip-path="url(#iconic-size-lg-home-clip-0)" d="M16.006 57.5l.239 63c.003.828.677 1.5 1.506 1.5h92.75c.828 0 1.5-.672 1.5-1.5v-63c0-.828-.516-1.93-1.152-2.46l-45.695-38.079c-.636-.53-1.668-.53-2.305 0l-45.695 38.079c-.636.53-1.15 1.632-1.147 2.46z"
+    class="iconic-home-wall iconic-property-fill" />
+    <path d="M10.5 56h-9c-.828 0-.995-.442-.371-.988l61.742-54.024c.624-.545 1.634-.545 2.258 0l61.742 54.025c.624.545.457.988-.371.988h-9c-.828 0-2.013-.434-2.645-.969l-49.71-42.062c-.632-.535-1.658-.535-2.29 0l-49.71 42.062c-.632.535-1.817.969-2.645.969z"
+    class="iconic-home-roof iconic-property-fill" />
+  </g>
+  <g class="iconic-home-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path clip-path="url(#iconic-size-md-home-clip-0)" d="M5.5 32h21c.276 0 .5-.224.5-.5v-16c0-.276-.166-.651-.37-.836l-10.26-9.327c-.204-.186-.536-.186-.74 0l-10.26 9.327c-.204.186-.37.56-.37.836v16c0 .276.224.5.5.5z" class="iconic-home-wall iconic-property-fill"
+    />
+    <path d="M.365 14.658l15.27-14.316c.202-.189.528-.189.73 0l15.271 14.316c.201.189.141.342-.135.342h-2c-.276 0-.664-.152-.867-.339l-12.265-11.322c-.203-.187-.532-.187-.735 0l-12.265 11.322c-.203.187-.591.339-.867.339h-2c-.276 0-.337-.153-.135-.342z"
+    class="iconic-home-roof iconic-property-fill" />
+  </g>
+  <g class="iconic-home-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path class="iconic-home-wall iconic-property-fill" d="M8 0l-8 7h2v8h5v-3h2v3h5v-8h2z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/lock.svg b/afm-client/bower_components/foundation-apps/iconic/lock.svg
new file mode 100755
index 0000000..8af2303
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/lock.svg
@@ -0,0 +1,55 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="lock" width="128" height="128" class="iconic iconic-lock" viewBox="0 0 128 128">
+  <g><title>Lock</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-unlock-clip-0">
+      <path d="M18 0v66h58v-66h-58zm10 42c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"/>
+    </clipPath>
+  </defs>
+  <g data-width="94" data-height="114" class="iconic-lg iconic-container" display="inline" transform="translate(17 7)">
+    <g class="iconic-lock-locked">
+      <path stroke="#000" stroke-width="8" stroke-miterlimit="10" d="M72 51v-22c0-13.8-11.2-25-25-25s-25 11.2-25 25v22" class="iconic-lock-locked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-main iconic-property-fill" d="M2 56h90v40h-90z"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-bottom iconic-property-fill" d="M0 98v16h94v-16h-56z"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-top iconic-property-fill" d="M0 48h94v6h-94z"/>
+    </g>
+  </g>
+  <g data-width="94" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(17)">
+    <g class="iconic-lock-unlocked" display="none">
+      <path clip-path="url(#iconic-size-lg-unlock-clip-0)" stroke="#000" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M72 62.2v-33.2c0-13.8-11.2-25-25-25s-25 11.2-25 25v15" class="iconic-unlocked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-bottom iconic-property-fill" d="M0 112h94v16h-94z"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-main iconic-property-fill" d="M2 70h90v40h-90z"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-top iconic-property-fill" d="M0 62h94v6h-94z"/>
+    </g>
+  </g>
+  <g data-width="24" data-height="28" class="iconic-md iconic-container" display="none" transform="scale(4) translate(4 2)">
+    <g class="iconic-lock-locked">
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" d="M5.5 14v-6c0-3.6 2.9-6.5 6.5-6.5s6.5 2.9 6.5 6.5v6" class="iconic-lock-locked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-main iconic-property-fill" d="M0 12h24v11h-24z"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-top iconic-property-fill" d="M0 24h24v4h-24z"/>
+    </g>
+  </g>
+  <g data-width="24" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(4)">
+    <g class="iconic-lock-unlocked" display="none">
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" d="M5.5 11v-3c0-3.6 2.9-6.5 6.5-6.5s6.5 2.9 6.5 6.5v11" class="iconic-lock-unlocked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-main iconic-property-fill" d="M0 16h24v11h-24z"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-top iconic-property-fill" d="M0 28h24v4h-24z"/>
+    </g>
+  </g>
+  <g data-width="12" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(2 1)">
+    <g class="iconic-lock-locked">
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" d="M9 8v-4c0-1.7-1.3-3-3-3s-3 1.3-3 3v2" class="iconic-lock-locked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-locked-body iconic-property-fill" d="M0 6h12v8h-12z"/>
+    </g>
+  </g>
+  <g data-width="12" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(2)">
+    <g class="iconic-lock-unlocked" display="none">
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" d="M9 8v-4c0-1.7-1.3-3-3-3s-3 1.3-3 3v1" class="iconic-lock-unlocked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-unlocked-body iconic-property-fill" d="M0 8h12v8h-12z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["lock"]=iconicApis["lock"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-lock-locked"),a=t.querySelectorAll(".iconic-lock-unlocked");i=r="none","unlocked"===e?r="inline":i="inline";for(var c=0;c<n.length;c++)n[c].setAttribute("display",i),a[c].setAttribute("display",r)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/afm-client/bower_components/foundation-apps/iconic/magnifying-glass.svg b/afm-client/bower_components/foundation-apps/iconic/magnifying-glass.svg
new file mode 100755
index 0000000..fbc7c8c
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/magnifying-glass.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-magnifying-glass" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Magnifying Glass</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-magnifying-glass-clip-0">
+      <path d="M95.707 83.707l-6.707 6.707-1.414-1.414 6.707-6.707-4.293-4.293-12 12 38 38 12-12z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-magnifying-glass-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" class="iconic-magnifying-glass-handle iconic-magnifying-glass-handle-connector iconic-property-stroke" d="M85 85l-7.912-7.912" fill="none" />
+    <path d="M126.939 117.061l-9.879 9.879c-.586.586-1.536.586-2.121 0l-35.879-35.879c-.586-.586-.586-1.536 0-2.121l9.879-9.879c.586-.586 1.536-.586 2.121 0l35.879 35.879c.586.586.586 1.535 0 2.121z" clip-path="url(#iconic-size-lg-magnifying-glass-clip-0)"
+    class="iconic-magnifying-glass-handle iconic-property-fill" />
+    <circle stroke="#000" stroke-width="8" cx="46" cy="46" r="42" class="iconic-magnifying-glass-rim iconic-property-stroke" fill="none" />
+    <path fill="#fff" stroke="#000" stroke-width="2" stroke-linecap="round" d="M13 46c0-18.225 14.775-33 33-33" class="iconic-magnifying-glass-reflection iconic-property-accent iconic-property-stroke" />
+  </g>
+  <g class="iconic-magnifying-glass-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path fill="#fff" stroke="#000" stroke-width="3" class="iconic-magnifying-glass-handle iconic-magnifying-glass-handle-connector iconic-property-stroke" d="M19.5 19.582l9.438 9.438" />
+    <circle stroke="#000" stroke-width="3" cx="12" cy="12" r="10.5" class="iconic-magnifying-glass-rim iconic-property-stroke" fill="none" />
+    <path d="M23.646 20.354l-3.293 3.293c-.195.195-.195.512 0 .707l7.293 7.293c.195.195.512.195.707 0l3.293-3.293c.195-.195.195-.512 0-.707l-7.293-7.293c-.195-.195-.512-.195-.707 0z" class="iconic-magnifying-glass-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-magnifying-glass-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-magnifying-glass-handle iconic-property-stroke" d="M11 11l3.5 3.5" fill="none" />
+    <circle stroke="#000" stroke-width="2" cx="6.5" cy="6.5" r="5.5" class="iconic-magnifying-glass-rim iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/person.svg b/afm-client/bower_components/foundation-apps/iconic/person.svg
new file mode 100755
index 0000000..9657495
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/person.svg
@@ -0,0 +1,62 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="person" width="128" height="128" class="iconic iconic-person" viewBox="0 0 128 128">
+  <g><title>Person</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-person-genderless">
+      <path d="M87.9 80c-.8 0-2 .4-2.7.9-6.1 4.6-13.3 7.1-21.2 7.1-7.5 0-14.5-2.5-20.5-7.1-.7-.5-1.8-.9-2.7-.9h-8.8c-17.7 0-32 14.3-32 32v14.5c0 .8.7 1.5 1.5 1.5h125c.8 0 1.5-.7 1.5-1.5v-14.5c0-17.7-14.3-32-32-32h-8.1z" class="iconic-person-body iconic-property-fill"/>
+      <path d="M96 35c0 22.1-10.1 45-32 45-20.1 0-32-22.9-32-45s14.3-35 32-35 32 12.9 32 35z" class="iconic-person-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="112" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(8)">
+    <g class="iconic-person-female" display="none">
+      <path d="M78.7 80c-.7 0-1.7.5-2.3 1-6.3 5.8-13.4 9-20.4 9-7.3 0-14.4-3.4-20.5-9-.6-.6-1.6-1-2.3-1h-1.2c-8 0-32 16-32 40v6.5c0 .8.7 1.5 1.5 1.5h109c.8 0 1.5-.7 1.5-1.5v-6.5c0-24-24-40-32-40h-1.3z" class="iconic-person-female-body iconic-property-fill"/>
+      <path d="M104 64c-8 0-18-5.3-18-24 0-22.1-12.3-40-30-40s-30 17.9-30 40c0 18.7-10 24-18 24 0 0 11.5 4.3 24.9 1 5.9 10.1 14.8 17 23.1 17s17.3-7 23.2-17.2c13.2 3.5 24.8-.8 24.8-.8z" class="iconic-person-female-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-person-male" display="none">
+      <path d="M90.8 80c-.8 0-1.9.5-2.5 1.1-6.6 7.1-14.9 10.9-24.3 10.9s-17.8-3.8-24.3-10.9c-.6-.6-1.7-1.1-2.5-1.1h-5.2c-17.7 0-32 14.3-32 32v14.5c0 .8.7 1.5 1.5 1.5h125c.8 0 1.5-.7 1.5-1.5v-14.5c0-17.7-14.3-32-32-32h-5.2z" class="iconic-person-male-body iconic-property-fill"/>
+      <path d="M80 8c-.5-7.5-9.4-8-16-8-31.8 0-36.3 26-30 40 0 22.1 10 44 30 44 19.8 0 30-21.9 30-44 7.7-23.7-6.2-32-14-32z" class="iconic-person-male-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-person-genderless">
+      <path d="M23.6 20c-.2 0-.6.2-.8.3-1.8 1.7-4.2 2.7-6.8 2.7s-5-1-6.8-2.7c-.2-.1-.5-.3-.8-.3h-.4c-4.4 0-8 3.6-8 8v3.5c0 .3.2.5.5.5h31c.3 0 .5-.2.5-.5v-3.5c0-4.4-3.6-8-8-8h-.4z" class="iconic-person-body iconic-property-fill"/>
+      <path d="M24 9c0 5.5-2.6 11-8 11-5.5 0-8-5.5-8-11s3.6-9 8-9 8 3.5 8 9z" class="iconic-person-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="28" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(2)">
+    <g class="iconic-person-female" display="none">
+      <path d="M20.6 20.5c-2 2.1-4.3 3.5-6.6 3.5s-4.6-1.4-6.6-3.5c-.2-.2-.5-.3-.8-.2-2.5 1.2-6.6 4.7-6.6 9.7v1.5c0 .3.2.5.5.5h27c.3 0 .5-.2.5-.5v-1.5c0-5-4.1-8.5-6.6-9.6-.3-.2-.7-.1-.8.1z" class="iconic-person-female-body iconic-property-fill"/>
+      <path d="M26 17c-2 0-4-2.3-4-7 0-5.5-3.6-10-8-10s-8 4.5-8 10c0 4.7-2 7-4 7 0 0 2.9.7 6.3-.2 1.7 2.5 4 4.2 5.7 4.2 1.7 0 4.1-1.8 5.8-4.3 3.3 1 6.2.3 6.2.3z" class="iconic-person-female-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-person-male" display="none">
+      <path d="M23.9 20.4c-1.9 2.3-4.6 3.6-7.9 3.6s-6-1.3-7.9-3.6c-.2-.2-.5-.4-.8-.4-4.1.4-7.3 3.8-7.3 8v3.5c0 .3.2.5.5.5h31c.3 0 .5-.2.5-.5v-3.5c0-4.2-3.2-7.6-7.3-8-.3 0-.6.2-.8.4z" class="iconic-person-male-body iconic-property-fill"/>
+      <path d="M20 2c-.1-1.9-2.3-2-4-2-7.9 0-9.6 6.5-8 10 0 5.5 1.9 11 8 11 5.9 0 8-5.5 8-11 1.9-5.9-2.1-8-4-8z" class="iconic-person-male-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-person-genderless">
+      <path d="M12.2 10c-1.1 1.2-2.6 2-4.2 2s-3.1-.8-4.2-2c-2.1.1-3.8 1.9-3.8 4v2h16v-2c0-2.1-1.7-3.9-3.8-4z" class="iconic-person-body iconic-property-fill"/>
+      <ellipse cx="8" cy="5" rx="4" ry="5" class="iconic-person-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-person-female" display="none">
+      <path d="M11.8 10.2c-1.2 1.1-2.5 1.8-3.8 1.8s-2.6-.7-3.8-1.8c-1.5.5-4.2 2.3-4.2 4.8v1h16v-1c0-2.5-2.7-4.3-4.2-4.8z" class="iconic-person-female-body iconic-property-fill"/>
+      <path d="M14 8c-1 0-2-.7-2-3 0-2.8-1.8-5-4-5s-4 2.2-4 5c0 2.3-1 3-2 3 0 0 1.5.8 3.3.3.8 1 1.9 1.7 2.7 1.7.8 0 1.9-.7 2.8-1.7 1.7.5 3.2-.3 3.2-.3z" class="iconic-person-female-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-person-male" display="none">
+      <path d="M12.5 10c-1 1.3-2.6 2-4.5 2s-3.4-.7-4.5-2c-2 .3-3.5 2-3.5 4v2h16v-2c0-2-1.5-3.7-3.5-4z" class="iconic-person-male-body iconic-property-fill"/>
+      <path d="M10 1c-.1-.9-1.2-1-2-1-4 0-4.8 3.2-4 5 0 2.8 1 5 4 5s4-2.2 4-5c1-3-1-4-2-4z" class="iconic-person-male-head iconic-property-fill"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["person"]=iconicApis["person"]||function(t){var e=function(e){t.setAttribute("data-gender",e);var i,r,n,a=t.querySelectorAll(".iconic-person-genderless"),c=t.querySelectorAll(".iconic-person-female"),o=t.querySelectorAll(".iconic-person-male");switch(i=r=n="none",e){case"female":i="inline";break;case"male":n="inline";break;default:r="inline"}for(var s=0;s<a.length;s++)a[s].setAttribute("display",r),c[s].setAttribute("display",i),o[s].setAttribute("display",n)},i=function(){var i=t.getAttribute("data-gender");i&&e(i)};return{update:i,setGender:e}};
+//]]>
+</script>
+</svg>
diff --git a/afm-client/bower_components/foundation-apps/iconic/reload.svg b/afm-client/bower_components/foundation-apps/iconic/reload.svg
new file mode 100755
index 0000000..a817913
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/reload.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-reload" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Reload</title>
+  </g>
+  <g class="iconic-reload-lg iconic-container iconic-lg" data-width="127" data-height="127" display="inline">
+    <path stroke="#000" stroke-width="8" d="M123.956 63.96c0 22.534-13.073 43.601-33.199 53.691-20.763 10.41-46.377 7.568-64.436-6.972-17.721-14.268-25.908-37.951-20.841-60.125 5.023-21.982 22.571-39.743 44.522-44.953 20.127-4.777 41.747 1.298 56.38 15.931"
+    class="iconic-reload-line iconic-property-stroke" fill="none" />
+    <path d="M121.64 36.429l-5.369-24.937c-.174-.81-.791-.992-1.376-.406l-19.879 19.879c-.586.586-.403 1.198.407 1.368l25.064 5.255c.811.17 1.327-.349 1.152-1.159z" class="iconic-reload-arrowhead iconic-property-fill" />
+  </g>
+  <g class="iconic-reload-md iconic-container iconic-md" data-width="31" data-height="31" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" d="M30.497 15.987c0 5.327-3.018 10.331-7.726 12.824-4.772 2.526-10.729 2.14-15.136-.976-4.384-3.1-6.727-8.494-6.005-13.815.711-5.238 4.356-9.781 9.308-11.625 5.265-1.96 11.343-.63 15.313 3.34" class="iconic-reload-line iconic-property-stroke"
+    fill="none" />
+    <path d="M29.502 9.916l-6.01-.859c-.273-.039-.337-.229-.141-.424l5.293-5.293c.195-.195.385-.132.424.141l.859 6.01c.039.273-.151.463-.424.424z" class="iconic-reload-arrowhead iconic-property-fill" />
+  </g>
+  <g class="iconic-reload-sm iconic-container iconic-sm" data-width="15" data-height="15" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" d="M14.99 8c0 3.223-2.293 6.108-5.438 6.825-3.272.746-6.705-1.009-8.012-4.1-1.268-2.997-.24-6.568 2.413-8.444 2.748-1.943 6.609-1.609 8.987.77" class="iconic-reload-line iconic-property-stroke" fill="none" />
+    <path class="iconic-reload-arrowhead iconic-property-fill" d="M15.99 0v6h-6z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/share-boxed.svg b/afm-client/bower_components/foundation-apps/iconic/share-boxed.svg
new file mode 100755
index 0000000..379bafc
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/share-boxed.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-share-boxed" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Share Boxed</title>
+  </g>
+  <g class="iconic-share-boxed-lg iconic-container iconic-lg" data-width="128" data-height="112" display="inline" transform="translate(0 8)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" d="M108 56v49c0 1.657-1.343 3-3 3h-98c-1.657 0-3-1.343-3-3v-98c0-1.657 1.343-3 3-3h37" class="iconic-share-boxed-box iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M128 26l-32-20v8h-2c-54 0-78 24.872-78 72 8.25-31.75 26-48 66-48 7.731 0 11.862 0 14 0v8l32-20z" class="iconic-share-boxed-arrow iconic-property-fill" />
+  </g>
+  <g class="iconic-share-boxed-md iconic-container iconic-md" data-width="32" data-height="29" display="none" transform="scale(4) translate(0 1)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" d="M27.5 17.5v9c0 .552-.448 1-1 1h-24c-.552 0-1-.448-1-1v-24c0-.552.448-1 1-1h8" class="iconic-share-boxed-box iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M32 7.333l-8-6.333v3c-13 0-18 6.218-18 18 2.063-7.938 8-12 16-12 .9 0 1.536 0 2 0v3l8-5.667z" class="iconic-share-boxed-arrow iconic-property-fill" />
+  </g>
+  <g class="iconic-share-boxed-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" d="M13 11v1.5c0 .276-.224.5-.5.5h-11c-.276 0-.5-.224-.5-.5v-11c0-.276.224-.5.5-.5h3.5" class="iconic-share-boxed-box iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M16 4l-4-4v2c-4.418 0-8 3.582-8 8 0-2.209 3-4 5-4 1.201 0 2.304 0 3 0v2l4-4z" class="iconic-share-boxed-arrow iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/star.svg b/afm-client/bower_components/foundation-apps/iconic/star.svg
new file mode 100755
index 0000000..df95657
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/star.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-star" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Star</title>
+  </g>
+  <g class="iconic-star-lg iconic-container iconic-lg" data-width="128" data-height="122" display="inline" transform="translate(0 3)">
+    <path class="iconic-property-fill" d="M88.537 74.838l39.463-28.838h-48.918l-15.082-46-15.082 46h-48.918l39.463 28.838-15.463 47.162 40-29.231 40 29.231z" />
+  </g>
+  <g class="iconic-star-md iconic-container iconic-md" data-width="32" data-height="31" display="none" transform="scale(4)">
+    <path class="iconic-property-fill" d="M22.185 19.173l9.815-7.173h-12.129l-3.871-12-3.871 12h-12.129l9.815 7.173-3.815 11.827 10-7.308 10 7.308z" />
+  </g>
+  <g class="iconic-star-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-property-fill" d="M11 10l5-4h-6l-2-6-2 6h-6l5 4-2 6 5-4 5.004 4z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/afm-client/bower_components/foundation-apps/iconic/thumb.svg b/afm-client/bower_components/foundation-apps/iconic/thumb.svg
new file mode 100755
index 0000000..8e1a677
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/thumb.svg
@@ -0,0 +1,38 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="thumb" width="128" height="128" class="iconic iconic-thumb" viewBox="0 0 128 128">
+  <g><title>Thumb</title></g>
+  <g data-width="126" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(1)">
+    <g class="iconic-thumbs-up">
+      <path d="M0 52l10 76h22v-76h-32zm26 72c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" class="iconic-thumbs-up-cuff iconic-property-accent iconic-property-fill"/>
+      <path d="M117 54h-27c-5 0-9-4.5-9-9s5-15 5-31v-5c0-5-4-9-9-9h-6c-1.7 0-3 1.3-3 3v11c0 12.1-11.6 27.2-19.3 34.7-3.3 3.4-7.7 5.3-12.7 5.3v68s8 4 20 4h43c3.7 0 6.9-2.3 8.3-5.5 0 0 15-42.1 18.1-54.5.4-1.4.6-2.5.6-3 0-5.1-4-9-9-9z" class="iconic-thumbs-up-hand iconic-property-fill"/>
+    </g>
+    <g class="iconic-thumbs-down" display="none">
+      <path d="M10 0l-10 76h32v-76h-22zm16 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" class="iconic-thumbs-down-cuff iconic-property-accent iconic-property-fill"/>
+      <path d="M125.4 62c-3.1-12.4-18.1-54.5-18.1-54.5-1.4-3.2-4.6-5.5-8.3-5.5h-43l-20 4v68c5 0 9.4 1.9 12.7 5.3 7.7 7.5 19.3 22.6 19.3 34.7v11c0 1.7 1.3 3 3 3h6c5 0 9-4 9-9v-5c0-16-5-26.5-5-31s4-9 9-9h27c5 0 9-3.9 9-9 0-.5-.2-1.6-.6-3z" class="iconic-thumbs-down-hand iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-thumbs-up">
+      <path d="M0 13l2 19h5v-19h-7zm5 18c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z" class="iconic-thumbs-up-cuff iconic-property-accent iconic-property-fill"/>
+      <path d="M29.7 13h-7.2c-1.2 0-2.2-1.1-2.2-2.3s1.7-3.7 1.7-6.7v-1.5c0-1.4-1.1-2.5-2.5-2.5h-1.8c-.4 0-.7.3-.7.8v2.8c0 3-2.9 6.3-4.8 8.2-.9.7-2 1.2-3.2 1.2v17s2 1 5 1h11.2c.9 0 1.7-.6 2.1-1.4 0 0 3.8-10.5 4.5-13.6.1-.4.1-.6.1-.8.1-1.2-.9-2.2-2.2-2.2z" class="iconic-thumbs-up-hand iconic-property-fill"/>
+    </g>
+    <g class="iconic-thumbs-down" display="none">
+      <path d="M2 0l-2 19h7v-19h-5zm3 3c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z" class="iconic-thumbs-down-cuff iconic-property-accent iconic-property-fill"/>
+      <path d="M31.9 16c-.8-3.1-4.5-13.6-4.5-13.6-.4-.8-1.2-1.4-2.1-1.4h-11.3l-5 1v17c1.2 0 2.3.5 3.2 1.3 1.9 1.9 4.8 5.1 4.8 8.2v2.8c0 .4.3.8.8.8h1.8c1.4 0 2.5-1.1 2.5-2.5v-1.5c0-3-1.7-5.6-1.7-6.7s1.4-2.4 2.6-2.4h6.8c1.2 0 2.2-1 2.2-2.2 0-.2 0-.4-.1-.8z" class="iconic-thumbs-down-hand iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="14" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(1 1)">
+    <g class="iconic-thumbs-up">
+      <path class="iconic-thumbs-up-cuff iconic-property-accent iconic-property-fill" d="M0 6h3v8h-3z"/>
+      <path d="M13 6h-3c-.6 0-1-.5-1-1s.8-3.2 1-3.7c.1-.5-.2-1.1-.7-1.3-.5-.1-1 .2-1.3.7-.3.5-2.2 4.3-2.6 4.7s-.8.6-1.4.6v8h7c.4 0 .8-.3.9-.6 0 0 2.1-5.8 2.1-6.4s-.4-1-1-1z" class="iconic-thumbs-up-hand iconic-property-fill"/>
+    </g>
+    <g class="iconic-thumbs-down" display="none">
+      <path class="iconic-thumbs-down-cuff iconic-property-accent iconic-property-fill" d="M0 0h3v8h-3z"/>
+      <path d="M11.9.6c-.1-.3-.5-.6-.9-.6h-7v8c.6 0 1 .2 1.4.6.4.4 2.3 4.2 2.6 4.7.3.5.8.8 1.3.7.5-.2.8-.7.7-1.3-.2-.5-1-3.2-1-3.7s.4-1 1-1h3c.6 0 1-.4 1-1l-2.1-6.4z" class="iconic-thumbs-down-hand iconic-property-fill"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["thumb"]=iconicApis["thumb"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-thumbs-up"),a=t.querySelectorAll(".iconic-thumbs-down");i=r="none","down"===e?r="inline":i="inline";for(var c=0;c<n.length;c++)n[c].setAttribute("display",i),a[c].setAttribute("display",r)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/afm-client/bower_components/foundation-apps/iconic/zoom.svg b/afm-client/bower_components/foundation-apps/iconic/zoom.svg
new file mode 100755
index 0000000..af1fbee
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/iconic/zoom.svg
@@ -0,0 +1,56 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="zoom" width="128" height="128" class="iconic iconic-zoom" viewBox="0 0 128 128">
+  <g><title>Zoom</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-zoom-in-clip-0">
+      <path d="M95.7 83.7l-6.7 6.7-1.4-1.4 6.7-6.7-4.3-4.3-12 12 38 38 12-12z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-zoom-out-clip-0">
+      <path d="M95.7 83.7l-6.7 6.7-1.4-1.4 6.7-6.7-4.3-4.3-12 12 38 38 12-12z"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-zoom-in">
+      <path stroke="#000" stroke-width="8" stroke-miterlimit="10" class="iconic-zoom-in-handle iconic-zoom-in-handle-connector iconic-property-stroke" d="M85 85l-7.9-7.9" fill="none"/>
+      <path d="M126.9 117.1l-9.9 9.9c-.6.6-1.5.6-2.1 0l-35.8-35.9c-.6-.6-.6-1.5 0-2.1l9.9-9.9c.6-.6 1.5-.6 2.1 0l35.9 35.9c.5.5.5 1.5-.1 2.1z" clip-path="url(#iconic-size-lg-zoom-in-clip-0)" class="iconic-zoom-in-handle iconic-property-fill"/>
+      <circle stroke="#000" stroke-width="8" stroke-miterlimit="10" cx="46" cy="46" r="42" class="iconic-zoom-in-rim iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="4" stroke-linecap="square" stroke-miterlimit="10" class="iconic-zoom-in-plus iconic-property-accent iconic-property-stroke" d="M46 34v24m12-12h-24" fill="none"/>
+    </g>
+    <g class="iconic-zoom-out" display="none">
+      <path stroke="#000" stroke-width="8" stroke-miterlimit="10" class="iconic-zoom-out-handle iconic-zoom-out-handle-connector iconic-property-stroke" d="M85 85l-7.9-7.9" fill="none"/>
+      <path d="M126.9 117.1l-9.9 9.9c-.6.6-1.5.6-2.1 0l-35.8-35.9c-.6-.6-.6-1.5 0-2.1l9.9-9.9c.6-.6 1.5-.6 2.1 0l35.9 35.9c.5.5.5 1.5-.1 2.1z" clip-path="url(#iconic-size-lg-zoom-out-clip-0)" class="iconic-zoom-out-handle iconic-property-fill"/>
+      <circle stroke="#000" stroke-width="8" stroke-miterlimit="10" cx="46" cy="46" r="42" class="iconic-zoom-out-rim iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="4" stroke-linecap="square" stroke-miterlimit="10" class="iconic-zoom-out-minus iconic-property-accent iconic-property-stroke" d="M58 46h-24" fill="none"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-zoom-in">
+      <path fill="none" stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-zoom-in-handle iconic-zoom-in-handle-connector iconic-property-stroke" d="M19.5 19.6l9.4 9.4"/>
+      <circle stroke="#000" stroke-width="3" stroke-miterlimit="10" cx="12" cy="12" r="10.5" class="iconic-zoom-in-rim iconic-property-stroke" fill="none"/>
+      <path d="M23.6 20.4l-3.3 3.3c-.2.2-.2.5 0 .7l7.3 7.3c.2.2.5.2.7 0l3.3-3.3c.2-.2.2-.5 0-.7l-7.3-7.3c-.1-.2-.5-.2-.7 0z" class="iconic-zoom-in-handle iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-zoom-in-plus iconic-property-accent iconic-property-stroke" d="M12 8v8m4-4h-8" fill="none"/>
+    </g>
+    <g class="iconic-zoom-out" display="none">
+      <path fill="none" stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-zoom-out-handle iconic-zoom-out-handle-connector iconic-property-stroke" d="M19.5 19.6l9.4 9.4"/>
+      <circle stroke="#000" stroke-width="3" stroke-miterlimit="10" cx="12" cy="12" r="10.5" class="iconic-zoom-out-rim iconic-property-stroke" fill="none"/>
+      <path d="M23.6 20.4l-3.3 3.3c-.2.2-.2.5 0 .7l7.3 7.3c.2.2.5.2.7 0l3.3-3.3c.2-.2.2-.5 0-.7l-7.3-7.3c-.1-.2-.5-.2-.7 0z" class="iconic-zoom-out-handle iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-zoom-out-minus iconic-property-accent iconic-property-stroke" d="M16 12h-8" fill="none"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)" stroke="#000" stroke-miterlimit="10" fill="none">
+    <g class="iconic-zoom-in">
+      <path stroke-width="3" stroke-linecap="round" class="iconic-zoom-in-handle iconic-property-stroke" d="M11 11l3.5 3.5"/>
+      <circle stroke-width="2" cx="6.5" cy="6.5" r="5.5" class="iconic-zoom-in-rim iconic-property-stroke"/>
+      <path stroke-linecap="square" class="iconic-zoom-in-plus iconic-property-accent iconic-property-stroke" d="M6.5 4.5v4m2-2h-4"/>
+    </g>
+    <g class="iconic-zoom-out" display="none">
+      <path stroke-width="3" stroke-linecap="round" class="iconic-zoom-out-handle iconic-property-stroke" d="M11 11l3.5 3.5"/>
+      <circle stroke-width="2" cx="6.5" cy="6.5" r="5.5" class="iconic-zoom-out-rim iconic-property-stroke"/>
+      <path stroke-linecap="square" class="iconic-zoom-out-minus iconic-property-accent iconic-property-stroke" d="M8.5 6.5h-4"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["zoom"]=iconicApis["zoom"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-zoom-in"),a=t.querySelectorAll(".iconic-zoom-out");i=r="none","out"===e?r="inline":i="inline";for(var c=0;c<n.length;c++)n[c].setAttribute("display",i),a[c].setAttribute("display",r)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>