From 180d3c31c40297c93ba8d82f7c0c3fece62473ab Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Thu, 21 May 2015 16:45:41 +0200
Subject: [PATCH] update more icons, also ticket zoom edit controls

---
 .../app/controllers/ticket_zoom.js.coffee     |  84 ++--
 .../app/views/agent_ticket_create.jst.eco     |   2 +-
 .../javascripts/app/views/dashboard.jst.eco   |   4 +-
 .../app/views/dashboard/ticket.jst.eco        |  16 +-
 .../app/views/generic/actions.jst.eco         |   4 +-
 .../app/views/generic/select.jst.eco          |   2 +-
 .../app/views/generic/sidebar_tabs.jst.eco    |   2 +-
 .../views/generic/user_search/input.jst.eco   |   2 +-
 .../user_search/item_organization.jst.eco     |  10 +-
 .../item_organization_members.jst.eco         |  11 +-
 .../generic/user_search/item_user.jst.eco     |   8 +-
 .../generic/user_search/new_user.jst.eco      |   8 +-
 .../layout_ref/communication_overview.jst.eco |   8 +-
 .../app/views/layout_ref/content.jst.eco      | 167 ++++----
 .../app/views/layout_ref/error.jst.eco        |   3 +-
 .../app/views/layout_ref/highlight.jst.eco    |  73 ++--
 .../app/views/layout_ref/local_modal.jst.eco  |   2 +-
 .../layout_ref/organization_profile.jst.eco   |  24 +-
 .../app/views/layout_ref/user_profile.jst.eco |  38 +-
 .../javascripts/app/views/navigation.jst.eco  |   2 +-
 .../app/views/navigation/personal.jst.eco     |   4 +-
 .../app/views/task_widget_tasks.jst.eco       |   2 +-
 .../javascripts/app/views/ticket_zoom.jst.eco |   8 +-
 .../app/views/ticket_zoom/article_new.jst.eco |  34 +-
 .../views/ticket_zoom/article_view.jst.eco    |   2 +-
 .../ticket_zoom/article_view_actions.jst.eco  |   2 +-
 .../widget/ticket_stats_frequency.jst.eco     |  10 +-
 app/assets/stylesheets/application.css        |   1 +
 app/assets/stylesheets/svg-dimensions.css     |   1 +
 app/assets/stylesheets/zammad.css.scss        | 363 +++++++++++-------
 gulpfile.js                                   |  22 ++
 package.json                                  |   4 +-
 public/assets/images/icons.svg                |   2 +-
 public/assets/images/icons/arrow-down.svg     |  12 +
 public/assets/images/icons/arrow-left.svg     |  12 +
 public/assets/images/icons/arrow-right.svg    |   6 +-
 public/assets/images/icons/arrow-up.svg       |  12 +
 public/assets/images/icons/clock.svg          |   2 +-
 public/assets/images/icons/close.svg          |   2 +-
 public/assets/images/icons/cloud.svg          |   2 +-
 public/assets/images/icons/cog.svg            |   2 +-
 public/assets/images/icons/dashboard.svg      |   2 +-
 public/assets/images/icons/diagonal-cross.svg |  12 +
 .../images/icons/{mail.svg => email.svg}      |   6 +-
 public/assets/images/icons/facebook.svg       |   2 +-
 public/assets/images/icons/group.svg          |   2 +-
 public/assets/images/icons/important.svg      |   2 +-
 public/assets/images/icons/in-process.svg     |   2 +-
 public/assets/images/icons/list.svg           |   2 +-
 public/assets/images/icons/lock-open.svg      |  12 +
 public/assets/images/icons/lock.svg           |  12 +
 public/assets/images/icons/logo.svg           |   2 +-
 .../assets/images/icons/long-arrow-right.svg  |  12 +
 public/assets/images/icons/magnifier.svg      |   2 +-
 public/assets/images/icons/marker.svg         |  12 +
 public/assets/images/icons/message.svg        |   2 +-
 public/assets/images/icons/mood-bad.svg       |   2 +-
 .../icons/{mood-happy.svg => mood-good.svg}   |   6 +-
 public/assets/images/icons/mood-ok.svg        |   2 +-
 public/assets/images/icons/mood-super-bad.svg |   2 +-
 ...ood-super-happy.svg => mood-supergood.svg} |   6 +-
 public/assets/images/icons/note.svg           |   2 +-
 public/assets/images/icons/one-ticket.svg     |   2 +-
 public/assets/images/icons/organization.svg   |   2 +-
 public/assets/images/icons/outbound-calls.svg |   2 +-
 public/assets/images/icons/overviews.svg      |   2 +-
 public/assets/images/icons/package.svg        |   2 +-
 public/assets/images/icons/pen.svg            |   2 +-
 public/assets/images/icons/person.svg         |   2 +-
 public/assets/images/icons/phone.svg          |   2 +-
 public/assets/images/icons/plus.svg           |   6 +-
 .../icons/priority-modified-inner-circle.svg  |   2 +-
 .../icons/priority-modified-outer-circle.svg  |   2 +-
 public/assets/images/icons/priority.svg       |   2 +-
 public/assets/images/icons/received-calls.svg |   2 +-
 public/assets/images/icons/reopening.svg      |   2 +-
 public/assets/images/icons/reply-all.svg      |  12 +
 public/assets/images/icons/reply.svg          |  12 +
 public/assets/images/icons/signout.svg        |   2 +-
 public/assets/images/icons/split.svg          |  12 +
 public/assets/images/icons/stopwatch.svg      |   2 +-
 public/assets/images/icons/switchView.svg     |   2 +-
 public/assets/images/icons/team.svg           |   2 +-
 public/assets/images/icons/templates.svg      |   2 +-
 public/assets/images/icons/tools.svg          |   2 +-
 public/assets/images/icons/total-tickets.svg  |   2 +-
 public/assets/images/icons/twitter.svg        |   2 +-
 public/assets/images/icons/user.svg           |   2 +-
 88 files changed, 722 insertions(+), 443 deletions(-)
 create mode 100644 app/assets/stylesheets/svg-dimensions.css
 create mode 100644 public/assets/images/icons/arrow-down.svg
 create mode 100644 public/assets/images/icons/arrow-left.svg
 create mode 100644 public/assets/images/icons/arrow-up.svg
 create mode 100644 public/assets/images/icons/diagonal-cross.svg
 rename public/assets/images/icons/{mail.svg => email.svg} (79%)
 create mode 100644 public/assets/images/icons/lock-open.svg
 create mode 100644 public/assets/images/icons/lock.svg
 create mode 100644 public/assets/images/icons/long-arrow-right.svg
 create mode 100644 public/assets/images/icons/marker.svg
 rename public/assets/images/icons/{mood-happy.svg => mood-good.svg} (93%)
 rename public/assets/images/icons/{mood-super-happy.svg => mood-supergood.svg} (93%)
 create mode 100644 public/assets/images/icons/reply-all.svg
 create mode 100644 public/assets/images/icons/reply.svg
 create mode 100644 public/assets/images/icons/split.svg

diff --git a/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee b/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee
index a8338bdfb..769e93585 100644
--- a/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee
+++ b/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee
@@ -954,7 +954,7 @@ class ArticleNew extends App.Controller
     '.attachmentUpload-progressBar':      'progressBar'
     '.js-percentage':                     'progressText'
     '.js-cancel':                         'cancelContainer'
-    '.textBubble':                       'textBubble'
+    '.textBubble':                        'textBubble'
     '.editControls-item':                 'editControlItem'
     #'.editControls':                     'editControls'
     #'.recipient-picker':                 'recipientPicker'
@@ -962,15 +962,15 @@ class ArticleNew extends App.Controller
     #'.recipient-list .list-arrow':       'recipientListArrow'
 
   events:
-    'click .visibility-toggle':    'toggleVisibility'
-    'click .pop-selectable':       'selectArticleType'
-    'click .pop-selected':         'showSelectableArticleType'
-    'click .recipient-picker':     'toggle_recipients'
-    'click .recipient-list':       'stopPropagation'
-    'click .list-entry-type div':  'change_type'
-    'submit .recipient-list form': 'add_recipient'
-    'focus .js-textarea':          'openTextarea'
-    'input .js-textarea':          'detectEmptyTextarea'
+    'click .js-toggleVisibility':     'toggleVisibility'
+    'click .js-articleTypeItem':      'selectArticleType'
+    'click .js-selectedArticleType':  'showSelectableArticleType'
+    'click .recipient-picker':        'toggle_recipients'
+    'click .recipient-list':          'stopPropagation'
+    'click .list-entry-type div':     'change_type'
+    'submit .recipient-list form':    'add_recipient'
+    'focus .js-textarea':             'openTextarea'
+    'input .js-textarea':             'detectEmptyTextarea'
     #'dragenter':                  'onDragenter'
     #'dragleave':                  'onDragleave'
     #'drop':                       'onFileDrop'
@@ -1231,18 +1231,22 @@ class ArticleNew extends App.Controller
     # store recipient
 
   toggleVisibility: ->
-    item = @$('.article-add')
-    if item.hasClass('is-public')
-      item.removeClass('is-public')
-      item.addClass('is-internal')
-      @$('[name="internal"]').val('true')
+    if @articleNewEdit.hasClass 'is-public'
+      @articleNewEdit
+        .removeClass 'is-public'
+        .addClass 'is-internal'
+
+      @$('[name="internal"]').val 'true'
     else
-      item.addClass('is-public')
-      item.removeClass('is-internal')
-      @$('[name="internal"]').val('')
+      @articleNewEdit
+        .addClass 'is-public'
+        .removeClass 'is-internal'
+
+
+      @$('[name="internal"]').val ''
 
   showSelectableArticleType: =>
-    @el.find('.pop-selector').removeClass('hide')
+    @el.find('.js-articleTypes').removeClass('is-hidden')
 
     @selectTypeCatcher = new App.clickCatcher
       holder:      @el.offsetParent()
@@ -1258,15 +1262,14 @@ class ArticleNew extends App.Controller
     @selectTypeCatcher = null
 
   hideSelectableArticleType: =>
-    @el.find('.pop-selector').addClass('hide')
+    @el.find('.js-articleTypes').addClass('is-hidden')
 
   setArticleType: (type) ->
-    typeIcon = @el.find('.pop-selected .icon')
-    if @type
-      typeIcon.removeClass @type
+    typeIcon = @$('.js-selectedType')
     @type = type
     @$('[name="type"]').val(type)
-    typeIcon.addClass @type
+    @articleNewEdit.attr('data-type', type)
+    typeIcon.find('use').attr 'xlink:href', '#icon-'+ @type
 
     # show/hide attributes
     for articleType in @articleTypes
@@ -1301,7 +1304,6 @@ class ArticleNew extends App.Controller
       @removeTextareaCatcher()
 
   openTextarea: (event, withoutAnimation) =>
-    console.log('articleNewEdit', @articleNewEdit.hasClass('is-open'))
     if !@articleNewEdit.hasClass('is-open')
       duration = 300
 
@@ -1333,10 +1335,17 @@ class ArticleNew extends App.Controller
         easing: 'easeOutQuad'
         queue: false
 
-      @editControlItem.velocity "transition.slideRightIn",
-         duration: 300
-         stagger: 50
-         drag: true
+      @editControlItem
+        .removeClass('is-hidden')
+        .velocity
+          properties:
+            opacity: [ 1, 0 ]
+            translateX: [ 0, 20 ]
+            translateZ: 0
+          options:
+            duration: 300
+            stagger: 50
+            drag: true
 
       # move attachment text to the left bottom (bottom happens automatically)
       @attachmentPlaceholder.velocity
@@ -1396,7 +1405,17 @@ class ArticleNew extends App.Controller
         options:
           duration: 300
 
-      @editControlItem.css('display', 'none')
+      @editControlItem
+        .velocity
+          properties:
+            opacity: [ 0, 1 ]
+            translateX: [ 20, 0 ]
+            translateZ: 0
+          options:
+            duration: 100
+            stagger: 50
+            drag: true
+            complete: (elements) => $(elements).addClass('is-hidden')
 
   onDragenter: (event) =>
     # on the first event,
@@ -1691,6 +1710,7 @@ class ArticleActions extends App.Controller
         {
           name: 'set to public'
           type: 'public'
+          icon: 'lock-open'
         }
       ]
     else
@@ -1698,6 +1718,7 @@ class ArticleActions extends App.Controller
         {
           name: 'set to internal'
           type: 'internal'
+          icon: 'lock'
         }
       ]
     #if @article.type.name is 'note'
@@ -1706,6 +1727,7 @@ class ArticleActions extends App.Controller
       actions.push {
         name: 'reply'
         type: 'reply'
+        icon: 'reply'
         href: '#'
       }
       recipients = []
@@ -1727,11 +1749,13 @@ class ArticleActions extends App.Controller
         actions.push {
           name: 'reply all'
           type: 'replyAll'
+          icon: 'reply-all'
           href: '#'
         }
     actions.push {
       name: 'split'
       type: 'split'
+      icon: 'split'
       href: '#ticket/create/' + article.ticket_id + '/' + article.id
     }
     actions
diff --git a/app/assets/javascripts/app/views/agent_ticket_create.jst.eco b/app/assets/javascripts/app/views/agent_ticket_create.jst.eco
index d1df50180..b1ffd66c8 100644
--- a/app/assets/javascripts/app/views/agent_ticket_create.jst.eco
+++ b/app/assets/javascripts/app/views/agent_ticket_create.jst.eco
@@ -19,7 +19,7 @@
           </li>
 
          <li class="tab u-textTruncate" data-type="email-out">
-            <svg class="tab-icon"><use xlink:href="#icon-mail" /></svg>
+            <svg class="tab-icon"><use xlink:href="#icon-email" /></svg>
             <%- @T('Send Email') %>
           </li>
         </ul>
diff --git a/app/assets/javascripts/app/views/dashboard.jst.eco b/app/assets/javascripts/app/views/dashboard.jst.eco
index ae2d6e453..fa18b7666 100644
--- a/app/assets/javascripts/app/views/dashboard.jst.eco
+++ b/app/assets/javascripts/app/views/dashboard.jst.eco
@@ -24,7 +24,7 @@
       <div class="mood stat-widget vertical">
         <h3>Mood</h3>
         <div class="stat-graphic">
-          <svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-super-happy" /></svg>
+          <svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-supergood" /></svg>
         </div>
         <div class="stat-label">3% of my tickets escalated.</div>
         <div class="stat-detail">Average: 17%</div>
@@ -35,7 +35,7 @@
         <h3>Channel Distribution</h3>
         <div class="stat-graphic">
           <div class="stats-row email-channel">
-            <svg class="stat-channel-icon"><use xlink:href="#icon-mail" /></svg>
+            <svg class="stat-channel-icon"><use xlink:href="#icon-email" /></svg>
             <div class="stat-bars">
               <div class="stat-bar primary" style="height: 80%"></div>
               <div class="stat-bar secondary" style="height: 100%"></div>
diff --git a/app/assets/javascripts/app/views/dashboard/ticket.jst.eco b/app/assets/javascripts/app/views/dashboard/ticket.jst.eco
index aa16b4e00..36fc9bbfc 100644
--- a/app/assets/javascripts/app/views/dashboard/ticket.jst.eco
+++ b/app/assets/javascripts/app/views/dashboard/ticket.jst.eco
@@ -11,23 +11,23 @@
       <ul class="pagination">
         <li>
         <% if @items_from != 1: %>
-          <a class="centered" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
-            <span class="left arrow icon"></span>
+          <a class="btn btn--action" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
+            <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
           </a>
         <% else: %>
-          <a class="disabled centered" href="#" data-from="" data-type="page">
-            <span class="disabled left arrow icon"></span>
+          <a class="btn btn--action is-disabled" href="#" data-from="" data-type="page">
+            <svg class="icon arrow arrow--left arrow--disabled"><use xlink:href="#icon-arrow-left" /></svg>
           </a>
         <% end %>
         </li>
         <li>
         <% if @items_till != @items_total: %>
-          <a class="centered" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
-            <span class="right arrow icon"></span>
+          <a class="btn btn--action" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
+            <svg class="icon arrow arrow--right"><use xlink:href="#icon-arrow-right" /></svg>
           </a>
         <% else: %>
-          <a class="disabled centered" href="#" data-from="" data-type="page">
-            <span class="disabled right arrow icon"></span>
+          <a class="btn btn--action is-disabled" href="#" data-from="" data-type="page">
+            <svg class="icon arrow arrow--right arrow--disabled"><use xlink:href="#icon-arrow-right" /></svg>
           </a>
         </li>
         <% end %>
diff --git a/app/assets/javascripts/app/views/generic/actions.jst.eco b/app/assets/javascripts/app/views/generic/actions.jst.eco
index 7144ad932..bdfeeea18 100644
--- a/app/assets/javascripts/app/views/generic/actions.jst.eco
+++ b/app/assets/javascripts/app/views/generic/actions.jst.eco
@@ -1,10 +1,10 @@
 <div class="dropdown dropdown--actions">
   <div class="dropdown-toggle horizontal center" id="userAction" data-toggle="dropdown">
     <% if @type isnt 'small': %>
-      <svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
+      <svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg>
       <label><%- @T('Action') %></label>
     <% end %>
-    <span class="select-arrow icon"></span>
+    <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
   </div>
   <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="userAction">
     <% for item in @items: %>
diff --git a/app/assets/javascripts/app/views/generic/select.jst.eco b/app/assets/javascripts/app/views/generic/select.jst.eco
index 1f3ebc998..7376d58ec 100644
--- a/app/assets/javascripts/app/views/generic/select.jst.eco
+++ b/app/assets/javascripts/app/views/generic/select.jst.eco
@@ -6,5 +6,5 @@
 <% end %>
 <% end %>
   </select>
-  <div class="select-arrow icon"></div>
+  <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
 </div>
diff --git a/app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco b/app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco
index 198002d98..a9949d7bf 100644
--- a/app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco
+++ b/app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco
@@ -4,7 +4,7 @@
     <h2 class="u-textTruncate"><%- @T( item.head ) %></h2>
     <div class="js-actions flex"></div>
     <div class="tabsSidebar-close">
-      <svg class="icon"><use xlink:href="#icon-arrow-right" /></svg>
+      <svg class="icon"><use xlink:href="#icon-long-arrow-right" /></svg>
     </div>
   </div>
   <hr>
diff --git a/app/assets/javascripts/app/views/generic/user_search/input.jst.eco b/app/assets/javascripts/app/views/generic/user_search/input.jst.eco
index 91582e053..ccc7e491a 100644
--- a/app/assets/javascripts/app/views/generic/user_search/input.jst.eco
+++ b/app/assets/javascripts/app/views/generic/user_search/input.jst.eco
@@ -1,7 +1,7 @@
 <div class="u-positionOrigin">
   <input type="hidden" name="<%- @attribute.name %>" value="<%= @attribute.value %>">
   <input name="<%- @attribute.name %>_completion" class="ui-autocomplete-input form-control" autocapitalize="off" placeholder="<%- @attribute.placeholder %>" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
-  <span class="select-arrow icon"></span>
+  <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
 </div>
 
 <div class="dropdown-menu" aria-labelledby="customer_id">
diff --git a/app/assets/javascripts/app/views/generic/user_search/item_organization.jst.eco b/app/assets/javascripts/app/views/generic/user_search/item_organization.jst.eco
index ff30cedfd..570cb9298 100644
--- a/app/assets/javascripts/app/views/generic/user_search/item_organization.jst.eco
+++ b/app/assets/javascripts/app/views/generic/user_search/item_organization.jst.eco
@@ -1,10 +1,10 @@
-<li class="recipientList-entry u-clickable horizontal center js-organization" data-organization-id="<%- @organization.id %>">
-  <div class="recipientList-iconSpacer centered">
-    <div class="white organization icon"></div>
+<li class="recipientList-entry js-organization" data-organization-id="<%- @organization.id %>">
+  <div class="recipientList-iconSpacer">
+    <svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
   </div>
-  <div class="recipientList-name flex u-textTruncat">
+  <div class="recipientList-name">
     <%= @organization.displayName() %>
     <span class="recipientList-detail">- <%= @organization.member_ids.length %> <%- @T('People') %></span>
   </div>
-  <div class="white right arrow icon"></div>
+  <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
 </li>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/generic/user_search/item_organization_members.jst.eco b/app/assets/javascripts/app/views/generic/user_search/item_organization_members.jst.eco
index baa55e3a7..a5118cf89 100644
--- a/app/assets/javascripts/app/views/generic/user_search/item_organization_members.jst.eco
+++ b/app/assets/javascripts/app/views/generic/user_search/item_organization_members.jst.eco
@@ -1,10 +1,7 @@
 <ul class="recipientList-organizationMembers hide" id="<%- @organization.id %>">
-  <li class="recipientList-controls u-clickable js-back">
-    <div class="recipientList-backClickArea centered">
-      <div class="recipientList-backButton">
-        <div class="white arrow left icon"></div>
-        <%- @T('Back') %>
-      </div>
+  <li class="recipientList-controls js-back">
+    <div class="btn btn--action btn--onDark">
+      <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
+      <span class="btn-label"><%- @T('Back') %></span>
     </div>
-  </li>
 </ul>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/generic/user_search/item_user.jst.eco b/app/assets/javascripts/app/views/generic/user_search/item_user.jst.eco
index ff6b340c9..42b9b3396 100644
--- a/app/assets/javascripts/app/views/generic/user_search/item_user.jst.eco
+++ b/app/assets/javascripts/app/views/generic/user_search/item_user.jst.eco
@@ -1,8 +1,8 @@
-<li class="recipientList-entry u-clickable horizontal center js-user" data-user-id="<%= @user.id %>"">
-  <div class="recipientList-iconSpacer centered">
-    <div class="white user icon"></div>
+<li class="recipientList-entry js-user" data-user-id="<%= @user.id %>">
+  <div class="recipientList-iconSpacer">
+    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
   </div>
-  <div class="recipientList-name flex u-textTruncat">
+  <div class="recipientList-name">
     <%= @user.displayName() %>
     <% if @user.organization: %>
       <span class="recipientList-detail">- <%= @user.organization.displayName() %></span>
diff --git a/app/assets/javascripts/app/views/generic/user_search/new_user.jst.eco b/app/assets/javascripts/app/views/generic/user_search/new_user.jst.eco
index d3220ee07..970f7d780 100644
--- a/app/assets/javascripts/app/views/generic/user_search/new_user.jst.eco
+++ b/app/assets/javascripts/app/views/generic/user_search/new_user.jst.eco
@@ -1,8 +1,8 @@
-<li class="recipientList-entry recipientList-new u-clickable horizontal center js-user-new" data-user-id="new">
-  <div class="recipientList-iconSpacer centered">
-    <div class="white plus icon"></div>
+<li class="recipientList-entry recipientList--new js-user-new" data-user-id="new">
+  <div class="recipientList-iconSpacer">
+    <svg class="recipientList-icon"><use xlink:href="#icon-plus" /></svg>
   </div>
-  <div class="recipientList-name flex u-textTruncat">
+  <div class="recipientList-name">
     <%- @T('Create new Customer') %>
   </div>
 </li>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco b/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
index 6e06ac127..70d4ba1ad 100644
--- a/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
@@ -21,12 +21,12 @@
       </div>
       <ul class="pagination">
         <li>
-          <a class="centered" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
-            <span class="left arrow icon"></span>
+          <a class="btn btn--action btn--split--first" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
+            <svg class="arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
           </a>
         <li>
-          <a class="centered" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
-            <span class="right arrow icon"></span>
+          <a class="btn btn--action btn--split--last" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
+          <svg class="arrow arrow--right"><use xlink:href="#icon-arrow-right" /></svg>
           </a>
       </ul>
     </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/content.jst.eco b/app/assets/javascripts/app/views/layout_ref/content.jst.eco
index 321da5435..7696f7c28 100644
--- a/app/assets/javascripts/app/views/layout_ref/content.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/content.jst.eco
@@ -81,170 +81,171 @@
 
             <div class="dropdown-toggle u-positionOrigin" data-toggle="dropdown">
               <input id="customer_id_autocompletion2" name="customer_id_autocompletion" class="ui-autocomplete-input form-control" autocapitalize="off" placeholder="Enter Person or Organization/Company" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
-              <span class="select-arrow icon"></span>
+              <svg class="arrow arrow--right"><use xlink:href="#icon-arrow-right" /></svg>
             </div>
 
             <div class="dropdown-menu" aria-labelledby="customer_id">
 
               <ul class="recipientList" role="menu">
-                <li class="recipientList-entry u-clickable horizontal center js-organization" data-organization-id="AlbrechtBertschlerGmbG">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white organization icon"></div>
+                <li class="recipientList-entry js-organization" data-organization-id="AlbrechtBertschlerGmbG">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-team" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat">
+                  <div class="recipientList-name">
                     Albrecht &amp; Bertschler GmbH
                     <span class="recipientList-detail">- 4 Personen</span>
                   </div>
-                  <div class="white right arrow icon"></div>                <li class="recipientList-entry u-clickable horizontal center js-organization" data-organization-id="BENCHMARKhumanresources">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white organization icon"></div>
+                  <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
+                    <li class="recipientList-entry js-organization" data-organization-id="BENCHMARKhumanresources">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat">
+                  <div class="recipientList-name">
                     BENCHMARK human resources
                     <span class="recipientList-detail">- 2 Personen</span>
                   </div>
-                  <div class="white right arrow icon"></div>
+                  <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white user icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat">
+                  <div class="recipientList-name">
                     Belinda Matt
                     <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white user icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat">
+                  <div class="recipientList-name">
                     Benjamin Wahlers
                     <span class="recipientList-detail">- Wahlers Würste GmbH</span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white user icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat ">
+                  <div class="recipientList-name">
                     Benjamin Weiß
                     <span class="recipientList-detail">- Zeughaus Werbeagentur GmbH</span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white organization icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat">
+                  <div class="recipientList-name">
                     Benteler SGL Composite Technology GmbH
                     <span class="recipientList-detail"></span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center js-organization">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white team icon"></div>
+                <li class="recipientList-entry js-organization">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-team" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat">
+                  <div class="recipientList-name">
                     Support Team Berlin
                     <span class="recipientList-detail">- 5 Personen</span>
                   </div>
-                  <div class="white right arrow icon"></div>
+                  <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
 
-                <li class="recipientList-entry u-clickable horizontal center js-organization">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white organization icon"></div>
+                <li class="recipientList-entry js-organization">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat">
+                  <div class="recipientList-name">
                     Bernecker + Rainer Industrie-Elektronik Ges.m.b.H.
                     <span class="recipientList-detail">- 3 Personen</span>
                   </div>
-                  <div class="white right arrow icon"></div>
+                  <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
 
-                <li class="recipientList-entry u-clickable horizontal center js-organization">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white organization icon"></div>
+                <li class="recipientList-entry js-organization">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat">
+                  <div class="recipientList-name">
                     Bertsch Ecopower GmbH
                     <span class="recipientList-detail">- 1 Person</span>
                   </div>
-                  <div class="white right arrow icon"></div>
+                  <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
 
-                <li class="recipientList-entry recipientList-new u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white plus icon"></div>
+                <li class="recipientList-entry recipientList--new u-clickable horizontal center">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-plus" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat">
+                  <div class="recipientList-name">
                     <%- @T('Create new Customer') %>
                   </div>
-              </ul>              <ul class="recipientList-organizationMembers hide" id="AlbrechtBertschlerGmbG">
-                <li class="recipientList-controls u-clickable js-back">
-                  <div class="recipientList-backClickArea centered">
-                    <div class="recipientList-backButton">
-                      <div class="white arrow left icon"></div>
-                      <%- @T('Back') %>
-                    </div>
+              </ul>
+
+              <ul class="recipientList-organizationMembers hide" id="AlbrechtBertschlerGmbG">
+                <li class="recipientList-controls js-back">
+                  <div class="btn btn--action btn--onDark">
+                    <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
+                    <span class="btn-label"><%- @T('Back') %></span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white user icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat ">
+                  <div class="recipientList-name">
                     Andreas Kramer
                     <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white user icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat ">
+                  <div class="recipientList-name">
                     Belinda Matt
                     <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white user icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat ">
+                  <div class="recipientList-name">
                     Damian Sprengler
                     <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white user icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat ">
+                  <div class="recipientList-name">
                     Katharina Nussman
                     <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
                   </div>
-              </ul>              <ul class="recipientList-organizationMembers hide" id="BENCHMARKhumanresources">
-                <li class="recipientList-controls u-clickable js-back">
-                  <div class="recipientList-backClickArea centered">
-                    <div class="recipientList-backButton">
-                      <div class="white arrow left icon"></div>
-                      <%- @T('Back') %>
-                    </div>
+              </ul>              
+
+              <ul class="recipientList-organizationMembers hide" id="BENCHMARKhumanresources">
+                <li class="recipientList-controls js-back">
+                  <div class="btn btn--action btn--onDark">
+                    <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
+                    <span class="btn-label"><%- @T('Back') %></span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white user icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat ">
+                  <div class="recipientList-name">
                     Hubert Lang
                     <span class="recipientList-detail">- BENCHMARK human resources</span>
                   </div>
 
-                <li class="recipientList-entry u-clickable horizontal center">
-                  <div class="recipientList-iconSpacer centered">
-                    <div class="white user icon"></div>
+                <li class="recipientList-entry">
+                  <div class="recipientList-iconSpacer">
+                    <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
                   </div>
-                  <div class="recipientList-name flex u-textTruncat ">
+                  <div class="recipientList-name">
                     Mario Steibel
                     <span class="recipientList-detail">- BENCHMARK human resources</span>
                   </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/error.jst.eco b/app/assets/javascripts/app/views/layout_ref/error.jst.eco
index 6db816262..366a97e4d 100644
--- a/app/assets/javascripts/app/views/layout_ref/error.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/error.jst.eco
@@ -1,3 +1,4 @@
 <div class="flex fullscreenMessage">
-  <div class="error icon"></div><h2><%- @T('Status Code') %>: 1234. may be not internet connection...</h2>
+  <svg class="icon icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
+  <h2><%- @T('Status Code') %>: 1234. Check your internet connection...</h2>
 </div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/highlight.jst.eco b/app/assets/javascripts/app/views/layout_ref/highlight.jst.eco
index 2a0eedab6..f7c9e4ff3 100644
--- a/app/assets/javascripts/app/views/layout_ref/highlight.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/highlight.jst.eco
@@ -2,13 +2,12 @@
 
   <div class="ticketZoom">
     <div class="ticketZoom-controls">
-      <div class="btn btn--action btn--split--first js-highlight centered visibility-change">
-        <div class="marker icon active" data-visible="active"></div>
-        <div class="marker icon" data-visible="normal"></div>
+      <div class="btn btn--action btn--split--first js-highlight centered">
+        <svg class="marker-icon"><use xlink:href="#icon-marker" /></svg>
       </div>
       <div class="dropdown dropdown--actions">
         <div class="btn btn--action btn--split--last btn--slim centered" id="highlight" data-toggle="dropdown" aria-expanded="true">
-          <div class="arrow down icon"></div>
+          <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
         </div>
         <ul class="dropdown-menu dropdown-menu-right" role="menu">
           <% for entry, i in @colors: %>
@@ -30,12 +29,12 @@
         </div>
         <ul class="pagination">
           <li>
-            <a class="centered" href="#" data-from="0" data-type="page">
-              <span class="left arrow icon"></span>
+            <a class="btn btn--action btn--split--first" data-from="0" data-type="page">
+              <svg class="arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
             </a>
           <li>
-            <a class="centered" href="#" data-from="1" data-type="page">
-              <span class="right arrow icon"></span>
+            <a class="btn btn--action btn--split--last" href="#" data-from="1" data-type="page">
+              <svg class="arrow arrow--right"><use xlink:href="#icon-arrow-right" /></svg>
             </a>
         </ul>
       </li>
@@ -56,11 +55,11 @@
       <ul class="pagination">
         <li>
           <a class="centered" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
-            <span class="left arrow icon"></span>
+            <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
           </a>
         <li>
           <a class="centered" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
-            <span class="right arrow icon"></span>
+            <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
           </a>
       </ul>
     </div>
@@ -120,21 +119,24 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
               <div class="horizontal article-meta-row">
                 <div class="article-meta-key">Kanal</div>
                 <div class="article-meta-value">
-                  <span class="white phone channel icon"></span>
+                  <svg class="article-meta-icon"><use xlink:href="#icon-phone" /></svg>
                   phone
                 </div>
               </div>
             </div>
             <div class="article-actions horizontal stretch">
-                <a href="" data-type="internal" class="article-action u-clickable">
-                  <span class="internal action icon"></span>set to internal
-                </a>
-                <a href="#" data-type="reply" class="article-action u-clickable">
-                  <span class="reply action icon"></span>reply
-                </a>
-                <a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable">
-                  <span class="split action icon"></span>split
-                </a>
+              <a href="" data-type="internal" class="article-action u-clickable">
+                <svg class="article-action-icon"><use xlink:href="#icon-lock" /></svg>
+                set to internal
+              </a>
+              <a href="#" data-type="reply" class="article-action u-clickable">
+                <svg class="article-meta-icon"><use xlink:href="#icon-reply" /></svg>
+                reply
+              </a>
+              <a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable">
+                <svg class="article-meta-icon"><use xlink:href="#icon-split" /></svg>
+                split
+              </a>
             </div>
           </div>
         </div>
@@ -165,14 +167,15 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
               <div class="horizontal article-meta-row">
                 <div class="article-meta-key">Kanal</div>
                 <div class="article-meta-value">
-                  <span class="white note channel icon"></span>
+                  <svg class="article-meta-icon"><use xlink:href="#icon-note" /></svg>
                   note
                 </div>
               </div>
             </div>
             <div class="article-actions horizontal stretch">
               <a href="" data-type="internal" class="article-action u-clickable">
-                <span class="internal action icon"></span>set to internal
+                <svg class="article-action-icon"><use xlink:href="#icon-lock" /></svg>
+                set to internal
               </a>
             </div>
           </div>
@@ -211,15 +214,18 @@ Grüße, Peter</div></div>
               </div>
             </div>
             <div class="article-actions horizontal stretch">
-                <a href="" data-type="internal" class="article-action u-clickable">
-                  <span class="internal action icon"></span>set to internal
-                </a>
-                <a href="#" data-type="reply" class="article-action u-clickable">
-                  <span class="reply action icon"></span>reply
-                </a>
-                <a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable">
-                  <span class="split action icon"></span>split
-                </a>
+              <a href="" data-type="internal" class="article-action u-clickable">
+                <svg class="article-action-icon"><use xlink:href="#icon-lock" /></svg>
+                set to internal
+              </a>
+              <a href="#" data-type="reply" class="article-action u-clickable">
+                <svg class="article-meta-icon"><use xlink:href="#icon-reply" /></svg>
+                reply
+              </a>
+              <a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable">
+                <svg class="article-meta-icon"><use xlink:href="#icon-split" /></svg>
+                split
+              </a>
             </div>
           </div>
         </div>
@@ -290,14 +296,15 @@ Oliver<br></div>
               <div class="horizontal article-meta-row">
                 <div class="article-meta-key">Kanal</div>
                 <div class="article-meta-value">
-                  <span class="white note channel icon"></span>
+                  <svg class="article-meta-icon"><use xlink:href="#icon-note" /></svg>
                   note
                 </div>
               </div>
             </div>
             <div class="article-actions horizontal stretch">
               <a href="" data-type="internal" class="article-action u-clickable">
-                <span class="internal action icon"></span>set to internal
+              <svg class="article-action-icon"><use xlink:href="#icon-lock" /></svg>
+                set to internal
               </a>
             </div>
           </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco b/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
index c1f3494a0..b497d62a6 100644
--- a/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
@@ -302,7 +302,7 @@
     <div class="profile-section vertical centered">
       <div class="align-right profile-action dropdown dropdown--actions">
         <div class="dropdown-toggle horizontal center" id="profileAction" data-toggle="dropdown">
-          <svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
+          <svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg>
           <label>Aktion</label>
           <span class="select-arrow icon"></span>
         </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco b/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
index d0660d72f..0d632731c 100644
--- a/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
@@ -4,7 +4,7 @@
     <div class="profile-section vertical centered">
       <div class="align-right profile-action dropdown dropdown--actions">
         <div class="dropdown-toggle horizontal center" id="organizationProfile" data-toggle="dropdown">
-          <svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
+          <svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg>
           <label>Aktion</label>
           <span class="select-arrow icon"></span>
         </div>
@@ -76,7 +76,7 @@
           <ol class="tasks tasks--standalone">
             <li class="task level-2">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Micro-SIM doesn't work</div>
@@ -84,7 +84,7 @@
               </div>
             <li class="task level-2">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Superb Service!</div>
@@ -92,7 +92,7 @@
               </div>
             <li class="task level-2">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Print sheets strip off</div>
@@ -100,7 +100,7 @@
               </div>
             <li class="task level-2">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Block not properly wrought</div>
@@ -114,7 +114,7 @@
           <ol class="tasks tasks--standalone">
             <li class="task level-1">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Micro-SIM doesn't work</div>
@@ -122,7 +122,7 @@
               </div>
             <li class="task level-1">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Superb Service!</div>
@@ -223,8 +223,14 @@
           </div>
         </div>
         <div class="stat-legend">
-          <div class="stat-legendEntry primary"><span class="primary stat-circle"></span>Bearbeitet</div>
-          <div class="stat-legendEntry secondary"><span class="secondary stat-circle"></span>Offen</div>
+          <div class="stat-legendEntry primary">
+            <span class="primary stat-circle"></span>
+            <span class="stat-legend-label">Bearbeitet</span>
+          </div>
+          <div class="stat-legendEntry secondary">
+            <span class="secondary stat-circle"></span>
+            <span class="stat-legend-label">Offen</span>
+          </div>
         </div>
       </div>
     </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco b/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
index 602974e29..0ff260cb9 100644
--- a/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
@@ -4,7 +4,7 @@
     <div class="profile-section vertical centered">
       <div class="align-right profile-action dropdown dropdown--actions">
         <div class="dropdown-toggle horizontal center" id="profileAction" data-toggle="dropdown">
-          <svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
+          <svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg>
           <label>Aktion</label>
           <span class="select-arrow icon"></span>
         </div>
@@ -66,7 +66,7 @@
         <div class="profile-ticketList">
           <label>Offene Tickets (0)</label>
           <div class="profile-ticketsPlaceholder vertical centered">
-            <div class="mood icon supergood-state"></div>
+            <svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-supergood" /></svg>
             Keine offenen Tickets
           </div>
           <a href="#">Alle Tickets von Doreen Kubiak …</a>
@@ -76,7 +76,7 @@
           <ol class="tasks tasks--standalone">
             <li class="task level-1">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Micro-SIM doesn't work</div>
@@ -84,7 +84,7 @@
               </div>
             <li class="task level-1">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Superb Service!</div>
@@ -92,7 +92,7 @@
               </div>
             <li class="task level-1">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Print sheets strip off</div>
@@ -100,7 +100,7 @@
               </div>
             <li class="task level-1">
               <div class="icon-holder">
-                <div class="priority icon"></div>
+                <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
               </div>
               <div class="flex">
                 <div class="name">Block not properly wrought</div>
@@ -116,14 +116,14 @@
         <h3>Status</h3>
         <div class="stat-graphic">
           <div class="stat-tickets vertical reverse end">
-            <div class="stat-ticket icon supergood-state"></div>
-            <div class="stat-ticket icon supergood-state"></div>
-            <div class="stat-ticket icon supergood-state"></div>
-            <div class="stat-ticket icon supergood-state"></div>
-            <div class="stat-ticket icon supergood-state"></div>
-            <div class="stat-ticket icon supergood-state"></div>
+            <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
+            <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
+            <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
+            <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
+            <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
+            <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
           </div>
-          <div class="stat-all-tickets icon"></div>
+          <svg class="total-tickets"><use xlink:href="#icon-total-tickets" /></svg>
         </div>
         <!-- 
           Achtung: hier müssen wir schauen, dass wir das Widget genauso verwenden wie im Dashboard. Sonst gibt's Verwirrung.
@@ -134,7 +134,7 @@
       <div class="column mood stat-widget vertical">
         <h3>Stimmung</h3>
         <div class="stat-graphic">
-          <div class="mood icon supergood-state"></div>
+          <svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-supergood" /></svg>
         </div>
         <div class="stat-label">3% of my tickets escalated.</div>
         <div class="stat-detail">Average: 17%</div>
@@ -230,8 +230,14 @@
           </div>
         </div>
         <div class="stat-legend">
-          <div class="stat-legendEntry primary"><span class="primary stat-circle"></span>Bearbeitet</div>
-          <div class="stat-legendEntry secondary"><span class="secondary stat-circle"></span>Offen</div>
+          <div class="stat-legendEntry">
+            <span class="primary stat-circle"></span>
+            <span class="stat-legend-label">Bearbeitet</span>
+          </div>
+          <div class="stat-legendEntry">
+            <span class="secondary stat-circle"></span>
+            <span class="stat-legend-label">Offen</span>
+          </div>
         </div>
       </div>
     </div>
diff --git a/app/assets/javascripts/app/views/navigation.jst.eco b/app/assets/javascripts/app/views/navigation.jst.eco
index 48fbc6c46..fae4c626d 100644
--- a/app/assets/javascripts/app/views/navigation.jst.eco
+++ b/app/assets/javascripts/app/views/navigation.jst.eco
@@ -6,7 +6,7 @@
       <svg class="close icon"><use xlink:href="#icon-close" /></svg>
     </div>
   </div>
-  <svg class="logo js-toggleNavigation"><use xlink:href="#icon-logo" /></svg>
+  <svg class="icon-logo js-toggleNavigation"><use xlink:href="#icon-logo" /></svg>
   <ul id="global-search-result" class="custom-dropdown-menu" role="menu"></ul>
 </form>
 
diff --git a/app/assets/javascripts/app/views/navigation/personal.jst.eco b/app/assets/javascripts/app/views/navigation/personal.jst.eco
index 741ae9ea9..4cf5854ca 100644
--- a/app/assets/javascripts/app/views/navigation/personal.jst.eco
+++ b/app/assets/javascripts/app/views/navigation/personal.jst.eco
@@ -6,7 +6,7 @@
         <% if item.class is 'user': %>
           <span class="js-avatar"></span>
         <% else: %>
-          <svg class="plus icon"><use xlink:href="#icon-plus" /></svg>
+          <svg class="user-menu-icon icon-plus"><use xlink:href="#icon-plus" /></svg>
         <% end %>
       </a>
       <ul class="dropdown-menu" role="menu">
@@ -30,7 +30,7 @@
   <% else: %>
     <li class="settings <% if @active_tab[item.target] : %>active<% end %>">
       <a class="list-button fit horizontal centered" href="<%= item.target %>" title="<%- @Ti( item.name ) %>">
-        <svg class="cog icon"><use xlink:href="#icon-cog" /></svg>
+        <svg class="user-menu-icon icon-cog"><use xlink:href="#icon-cog" /></svg>
       </a>
     </li>
   <% end %>
diff --git a/app/assets/javascripts/app/views/task_widget_tasks.jst.eco b/app/assets/javascripts/app/views/task_widget_tasks.jst.eco
index 0e3de05de..79b68f3e0 100644
--- a/app/assets/javascripts/app/views/task_widget_tasks.jst.eco
+++ b/app/assets/javascripts/app/views/task_widget_tasks.jst.eco
@@ -1,6 +1,6 @@
 <% for item in @item_list: %>
   <a href="<%- item.data.url %>" title="<%= item.data.title %>" class="nav-tab <%= item.data.class %><% if item.task.active: %> is-active<% end %>" data-key="<%- item.task.key %>">
-    <svg class="nav-tab-icon">
+    <svg class="nav-tab-icon priority-icon">
       <% if item.task.notify && item.data.iconClass is 'priority': %>
       <use class="inner-circle" xlink:href="#icon-priority-modified-inner-circle" />
       <use class="outer-circle" xlink:href="#icon-priority-modified-outer-circle" />
diff --git a/app/assets/javascripts/app/views/ticket_zoom.jst.eco b/app/assets/javascripts/app/views/ticket_zoom.jst.eco
index 4efeffef2..d2e983158 100644
--- a/app/assets/javascripts/app/views/ticket_zoom.jst.eco
+++ b/app/assets/javascripts/app/views/ticket_zoom.jst.eco
@@ -31,7 +31,7 @@
           <option value="2">open</option>
           <option value="3">pending</option>
         </select>
-        <div class="select-arrow icon"></div>
+        <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
       </div>
       <div class="form-group is-changed">
         <label for="update_ticket_1_priority_id123" class="input-group-addon u-clickable">Priority</label>
@@ -40,7 +40,7 @@
           <option value="2" selected="">2 normal</option>
           <option value="3">3 high</option>
         </select>
-        <div class="select-arrow icon"></div>
+        <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
       </div>
       <div class="form-group">
         <label for="update_ticket_1_group_id123" class="input-group-addon u-clickable">Group</label>
@@ -50,7 +50,7 @@
           <option value="2">Twitter</option>
           <option value="1" selected="">Users</option>
         </select>
-        <div class="select-arrow icon"></div>
+        <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
       </div>
       <div class="form-group">
         <label for="update_ticket_1_owner_id123" class="input-group-addon u-clickable">Owner</label>
@@ -58,7 +58,7 @@
           <option value="">-</option>
           <option value="3">Felix Niklas</option>
         </select>
-        <div class="select-arrow icon"></div>
+        <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
       </div>
     </form>
     <form class="form-inline">
diff --git a/app/assets/javascripts/app/views/ticket_zoom/article_new.jst.eco b/app/assets/javascripts/app/views/ticket_zoom/article_new.jst.eco
index c42b7d96a..1de3b32d7 100644
--- a/app/assets/javascripts/app/views/ticket_zoom/article_new.jst.eco
+++ b/app/assets/javascripts/app/views/ticket_zoom/article_new.jst.eco
@@ -1,29 +1,29 @@
-<form class="article-add <% if @article.internal: %>is-internal<% else: %>is-public<% end %>">
+<form class="article-add <% if @article.internal: %>is-internal<% else: %>is-public<% end %>" data-type="<%= @article.type %>">
   <input type="hidden" name="type" value="<%= @article.type %>">
   <input type="hidden" name="internal" value="<%= @article.internal %>">
   <input type="hidden" name="form_id" value="<%= @article.form_id %>">
   <div class="editControls">
     <div class="js-avatar"></div>
-    <div class="dark pop-select zIndex-7 editControls-item">
-      <div class="pop-selected u-clickable centered">
-        <div class="gray <%- @article.type %> channel icon"></div>
+    <div class="editControls-item is-hidden pop-select">
+      <div class="editControls-iconHolder centered js-selectedArticleType">
+        <svg class="editControls-icon js-selectedType"><use xlink:href="#icon-<%= @article.type %>" /></svg>
       </div>
-      <div class="pop-selector hide">
-        <div class="horizontal">
-          <% for atricleType in @articleTypes: %>
-          <div class="pop-selectable u-clickable centered" data-value="<%= atricleType.name %>">
-            <div class="white <%= atricleType.icon %> channel icon"></div>
-          </div>
-          <% end %>
+      <div class="pop-selector is-hidden js-articleTypes">
+        <% for articleType in @articleTypes: %>
+        <div class="editControls-icon pop-selectable js-articleTypeItem" data-value="<%= articleType.name %>">
+          <svg class="pop-selectable-icon icon-<%= articleType.icon %>"><use xlink:href="#icon-<%= articleType.icon %>" /></svg>
         </div>
+        <% end %>
       </div>
     </div>
-    <div class="visibility-toggle zIndex-7 u-clickable editControls-item">
-      <div class="internal-visibility centered" title="<%- @Ti("set to public") %>">
-        <div class="internal visibility icon"></div>
-      </div>
-      <div class="public-visibility centered" title="<%- @Ti("set to internal") %>">
-        <div class="public visibility icon"></div>
+    <div class="editControls-item is-hidden js-toggleVisibility">
+      <div class="editControls-iconHolder">
+        <svg class="editControls-icon icon-internal" title="<%- @Ti("set to public") %>">
+          <use xlink:href="#icon-lock" />
+        </svg>
+        <svg class="editControls-icon icon-public" title="<%- @Ti("set to internal") %>">
+          <use xlink:href="#icon-lock-open" />
+        </svg>
       </div>
     </div>
   </div>
diff --git a/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco b/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
index eb6b32746..85fb6b1a3 100644
--- a/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
+++ b/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
@@ -72,7 +72,7 @@
         <div class="horizontal article-meta-row">
           <div class="article-meta-key"><%- @T( 'Channel' ) %></div>
           <div class="article-meta-value">
-            <span class="white <%- @article.type.name %> channel icon"></span>
+            <svg class="article-meta-icon"><use xlink:href="#icon-<%- @article.type.name %>" /></svg>
             <%- @T(@article.type.name) %>
             <% if @article.type.name is 'email': %>
             <a class="text-muted" href="<%= App.Config.get('api_path') %>/ticket_article_plain/<%= @article.id %>"><%- @T( 'raw' ) %></a>
diff --git a/app/assets/javascripts/app/views/ticket_zoom/article_view_actions.jst.eco b/app/assets/javascripts/app/views/ticket_zoom/article_view_actions.jst.eco
index 7604b8955..5dca6dddd 100644
--- a/app/assets/javascripts/app/views/ticket_zoom/article_view_actions.jst.eco
+++ b/app/assets/javascripts/app/views/ticket_zoom/article_view_actions.jst.eco
@@ -1,7 +1,7 @@
 <div class="article-content article-actions horizontal stretch">
   <% for action in @actions: %>
     <a href="<%= action.href %>" data-type="<%= action.type %>" class="article-action u-clickable<% if action.class: %> <%= action.class %><% end %>">
-      <span class="<%= action.type %> action icon"></span><%- @T( action.name ) %>
+      <svg class="article-action-icon"><use xlink:href="#icon-<%= action.icon %>" /></svg><%- @T( action.name ) %>
     </a>
   <% end %>
 </div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/widget/ticket_stats_frequency.jst.eco b/app/assets/javascripts/app/views/widget/ticket_stats_frequency.jst.eco
index efe1736c8..16847fa16 100644
--- a/app/assets/javascripts/app/views/widget/ticket_stats_frequency.jst.eco
+++ b/app/assets/javascripts/app/views/widget/ticket_stats_frequency.jst.eco
@@ -11,6 +11,12 @@
   <% end %>
 </div>
 <div class="stat-legend">
-  <div class="stat-legendEntry primary"><span class="primary stat-circle"></span><%- @T('Closed') %></div>
-  <div class="stat-legendEntry secondary"><span class="secondary stat-circle"></span><%- @T('Created') %></div>
+  <div class="stat-legendEntry primary">
+    <span class="primary stat-circle"></span>
+    <span class="stat-legend-label"><%- @T('Closed') %></span>
+  </div>
+  <div class="stat-legendEntry secondary">
+    <span class="secondary stat-circle"></span>
+    <span class="stat-legend-label"><%- @T('Created') %></span>
+  </div>
 </div>
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 9989f4a64..b0ab15061 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -13,6 +13,7 @@
  *= require ./sew.css
  *= require ./medium.css
  *= require ./fira-sans.css
+ *= require ./svg-dimensions.css
  *= require ./zammad.css.scss
  *
  *= require_tree ./custom/
diff --git a/app/assets/stylesheets/svg-dimensions.css b/app/assets/stylesheets/svg-dimensions.css
new file mode 100644
index 000000000..3096e86b5
--- /dev/null
+++ b/app/assets/stylesheets/svg-dimensions.css
@@ -0,0 +1 @@
+.icon-arrow-down { width: 13px; height: 7px; } .icon-arrow-left { width: 7px; height: 13px; } .icon-arrow-right { width: 7px; height: 13px; } .icon-arrow-up { width: 13px; height: 7px; } .icon-clock { width: 16px; height: 16px; } .icon-close { width: 13px; height: 13px; } .icon-cloud { width: 16px; height: 16px; } .icon-cog { width: 20px; height: 20px; } .icon-dashboard { width: 24px; height: 24px; } .icon-diagonal-cross { width: 13px; height: 13px; } .icon-email { width: 17px; height: 17px; } .icon-facebook { width: 17px; height: 17px; } .icon-group { width: 24px; height: 24px; } .icon-important { width: 16px; height: 16px; } .icon-in-process { width: 64px; height: 64px; } .icon-list { width: 16px; height: 16px; } .icon-lock-open { width: 16px; height: 16px; } .icon-lock { width: 16px; height: 16px; } .icon-logo { width: 42px; height: 36px; } .icon-long-arrow-right { width: 11px; height: 11px; } .icon-magnifier { width: 15px; height: 15px; } .icon-marker { width: 17px; height: 19px; } .icon-message { width: 24px; height: 24px; } .icon-mood-bad { width: 60px; height: 59px; } .icon-mood-good { width: 60px; height: 59px; } .icon-mood-ok { width: 60px; height: 59px; } .icon-mood-super-bad { width: 60px; height: 59px; } .icon-mood-supergood { width: 60px; height: 59px; } .icon-note { width: 17px; height: 16px; } .icon-one-ticket { width: 48px; height: 10px; } .icon-organization { width: 16px; height: 16px; } .icon-outbound-calls { width: 17px; height: 17px; } .icon-overviews { width: 24px; height: 24px; } .icon-package { width: 16px; height: 16px; } .icon-pen { width: 16px; height: 16px; } .icon-person { width: 24px; height: 24px; } .icon-phone { width: 17px; height: 17px; } .icon-plus { width: 20px; height: 20px; } .icon-priority-modified-inner-circle { width: 16px; height: 16px; } .icon-priority-modified-outer-circle { width: 16px; height: 16px; } .icon-priority { width: 16px; height: 16px; } .icon-received-calls { width: 17px; height: 17px; } .icon-reopening { width: 68px; height: 47px; } .icon-reply-all { width: 16px; height: 16px; } .icon-reply { width: 16px; height: 16px; } .icon-signout { width: 15px; height: 19px; } .icon-split { width: 16px; height: 16px; } .icon-stopwatch { width: 77px; height: 83px; } .icon-switchView { width: 19px; height: 18px; } .icon-team { width: 16px; height: 16px; } .icon-templates { width: 24px; height: 24px; } .icon-tools { width: 24px; height: 24px; } .icon-total-tickets { width: 48px; height: 83px; } .icon-twitter { width: 17px; height: 17px; } .icon-user { width: 16px; height: 16px; }
\ No newline at end of file
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 87241100a..bd8d7bd39 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -290,7 +290,9 @@ span[data-tooltip]:hover:before {
     font-size: 12px;
     letter-spacing: 0.1em;
     height: 31px;
-    padding: 7px 11px 5px !important;
+    padding: 6px 11px !important;
+    display: inline-flex;
+    align-items: center;
     
     &.btn--slim {
       padding-left: 7px !important;
@@ -298,6 +300,14 @@ span[data-tooltip]:hover:before {
     }
   }
 
+  &.btn--onDark {
+    background: none;
+    
+    .icon {
+      fill: white;
+    }
+  }
+
   &.btn--primary {
     color: white;
     background: hsl(203,65%,55%);
@@ -367,7 +377,6 @@ span[data-tooltip]:hover:before {
   &.btn--split--last {
     border-radius: 0 3px 3px 0;
   }
-
 }
 
 .btn + .btn {
@@ -395,6 +404,10 @@ span[data-tooltip]:hover:before {
   vertical-align: top;
 }
 
+.btn-label {
+  margin-left: 4px;
+}
+
 .visibility-change {
   /*
   
@@ -785,11 +798,15 @@ textarea,
     padding-right: 34px;
   }
 
-  .form-control + .select-arrow  {
+  .form-control + .arrow  {
     position: absolute;
     right: 12px;
     top: 50%;
     margin-top: -3px;
+    fill: black;
+    opacity: 0.39;
+    width: 13px;
+    height: 7px;
     @extend .u-unclickable;
   }
 
@@ -807,7 +824,7 @@ textarea,
 
   */
 
-  html.ff-lt-35 .form-control + .select-arrow {
+  html.ff-lt-35 .form-control + .arrow {
     display: none;
   }
 
@@ -853,6 +870,7 @@ textarea,
 
   .icon {
     margin: -5px 14px 0 0;
+    fill: #F35910;
   }
 
   h2 {
@@ -1270,14 +1288,40 @@ ol.tabs li {
     background-position: -90px 0;
   }
 
-.icon {
-}
+/*
+
+  global icon definitions
+  =======================
+
+*/
 
 .signout.icon {
   width: 15px;
   height: 19px;
 }
 
+.arrow {
+  fill: black;
+  opacity: 0.39;
+}
+
+.arrow--disabled {
+  opacity: 0.23;
+}
+
+.arrow--down,
+.arrow--up {
+  width: 13px;
+  height: 7px;
+}
+
+.arrow--left,
+.arrow--right {
+  width: 7px;
+  height: 13px;
+}
+
+
   .add.icon,
   .remove.icon {
     width: 21px;
@@ -2103,6 +2147,11 @@ footer {
       color: hsl(198,19%,72%);
     }
 
+    .tasks--standalone .priority-icon {
+      margin-right: 4px;
+      margin-top: 1px;
+    }
+
   .nav-tab {
     padding: 10px 15px 7px 0;
     position: relative;
@@ -2157,33 +2206,15 @@ footer {
   }
 
   .nav-tab-icon {
-    width: 16px;
-    height: 16px;
-    fill: #808080;
     margin-right: 7px;
     margin-left: 7px;
     margin-top: -3px;
   }
 
-  .level-1.is-active {
-    background-color: #38ae6a;
-  }
-  .level-1 .nav-tab-icon {
-    fill: #38ae6a;
-  }
-
-  .level-2.is-active {
-    background-color: #f35910;
-  }
-  .level-2 .nav-tab-icon {
-    fill: #f35910;
-  }
-
-  .level-3.is-active {
-    background-color: #faab00;
-  }
-  .level-3 .nav-tab-icon {
-    fill: #faab00;
+  .priority-icon {
+    width: 16px;
+    height: 16px;
+    fill: #808080;
   }
 
   .nav-tab-icon .inner-circle {
@@ -2240,6 +2271,27 @@ footer {
       opacity: 1;
     } 
 
+.level-1.is-active {
+  background-color: #38ae6a;
+}
+.level-1 .priority-icon {
+  fill: #38ae6a;
+}
+
+.level-2.is-active {
+  background-color: #f35910;
+}
+.level-2 .priority-icon {
+  fill: #f35910;
+}
+
+.level-3.is-active {
+  background-color: #faab00;
+}
+.level-3 .priority-icon {
+  fill: #faab00;
+}
+
 .search {
   padding: 14px 2px 10px 10px;
   border-bottom: 1px solid rgba(240, 250, 255, .05);
@@ -2304,14 +2356,13 @@ footer {
     margin-right: -46px;
   }
 
-  .search.focused .logo {
+  .search.focused .icon-logo {
     opacity: 0;
     z-index: -1;
   }
 
-  .search .logo {
-    width: 67px;
-    height: 36px;
+  .search .icon-logo {
+    margin: 0 10px;
     transition: 240ms;
     position: relative;
     @extend .u-clickable, .zIndex-5;
@@ -2398,25 +2449,23 @@ footer {
       background: #38ae6a;
     }
 
-    .user-menu .cog.icon {
+    .user-menu-icon {
       width: 20px;
       height: 20px;
       fill: hsl(0,0%,30%);
     }
 
-    .user-menu .plus.icon {
-      width: 17px;
-      height: 17px;
+    .user-menu-icon.icon-plus {
       fill: hsl(145,51%,45%);
     }
 
-    .user-menu > li.settings:hover .cog.icon,
-    .user-menu > li.settings.active .cog.icon {
+    .user-menu > li.settings:hover .user-menu-icon,
+    .user-menu > li.settings.active .user-menu-icon {
       fill: hsl(232,10%,16%);
     }
 
-    .user-menu > li.add:hover .plus.icon,
-    .user-menu > li.add.active .plus.icon {
+    .user-menu > li.add:hover .user-menu-icon.icon-plus,
+    .user-menu > li.add.active .user-menu-icon.icon-plus {
       fill: white;
     }
 
@@ -2767,7 +2816,7 @@ footer {
   .popover label {
     font-size: 13px;
     color: #a9bcc4;
-    font-weight: 200;
+    font-weight: 300;
     text-transform: uppercase;
     letter-spacing: 0.07em;
   }
@@ -3016,7 +3065,7 @@ footer {
 
   .stat-circle {
     margin-bottom: -1px;
-    margin-right: 7px;
+    margin-right: 3px;
     width: 10px;
     height: 10px;
     border-radius: 100%;
@@ -3239,6 +3288,13 @@ footer {
   align-items: center;
 }
 
+.marker-icon {
+  fill: black;
+  opacity: .39;
+  width: 17px;
+  height: 19px;
+}
+
 .ticketZoom .page-header {
   margin-top: 24px;
   margin-bottom: 0;
@@ -3343,9 +3399,12 @@ footer {
       margin-left: 8px;
     }
 
-    .article-meta .icon {
+    .article-meta-icon {
+      width: 16px;
+      height: 16px;
+      fill: white;
       vertical-align: top;
-      margin: 1px 3px 0 0;
+      margin: 2px 3px 0 0;
     }
 
     .article-meta .text-muted {
@@ -3520,9 +3579,11 @@ footer {
       opacity: 1;
     }
 
-    .article-action .icon {
-      margin-right: 10px;
+    .article-action-icon {
+      margin-right: 5px;
       vertical-align: top;
+      width: 17px;
+      height: 17px;
     }
 
 .article-add {
@@ -3553,17 +3614,18 @@ footer {
   top: 5px;
 }
 
-  .editControls-item {
-    width: 38px;
-    height: 36px;
-    position: absolute;
-    top: 38px;
-    display: none;
-    margin-left: 1px;
-  }
+.article-add[data-type=email] .editControls {
+  top: 159px;
+}
 
-  .editControls-item:nth-child(2) {
-    margin-top: 5px;
+  .editControls-item {
+    position: absolute;
+    top: 43px;
+    @extend .u-clickable, .zIndex-7;
+    
+    &.is-hidden {
+      display: none;
+    }
   }
 
   .editControls-item:nth-child(3) {
@@ -3578,39 +3640,70 @@ footer {
     border-bottom: 1px solid #e6e6e6;
   }
 
-  .pop-selectable .icon {
-    opacity: 0.3;
-  }
-
-  .pop-selectable:hover .icon {
-    opacity: 1;
-  }
-
-  .visibility-toggle > * {
-    height: 36px;
+  .editControls-iconHolder {
     width: 38px;
+    height: 35px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .editControls-icon {
+    width: 16px;
+    height: 16px;
+    fill: hsl(210,2%,78%);
+  }
+
+  .pop-selector {
     position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    
+    &.is-hidden {
+      display: none;
+    }
   }
 
-  .visibility-toggle .icon {
-    display: block;
+  .pop-selectable {
+    width: 35px;
+    height: 35px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    @extend .u-clickable;
+    background: hsl(240,9%,19%);
   }
 
-  .visibility-toggle .icon,
-  .recipient-picker {
-    opacity: 0.2;
+  .pop-selectable:hover {
+    background: white;
   }
 
-  .article-add.is-public .internal-visibility {
-    visibility: hidden;
+  .pop-selectable:first-child {
+    border-radius: 4px 0 0 4px;
   }
 
-  .article-add.is-internal .visibility-toggle .icon {
-    opacity: 1;
+  .pop-selectable:last-child {
+    border-radius: 0 4px 4px 0;
   }
 
-  .article-add.is-internal .public-visibility {
-    visibility: hidden;
+  .pop-selectable-icon {
+    fill: hsl(231,3%,40%);
+  }
+
+  .pop-selectable:hover .pop-selectable-icon {
+    fill: hsl(240,9%,19%);
+  }
+
+  .article-add .icon-internal {
+    fill: hsl(18,87%,65%);
+  }
+
+  .article-add.is-public .icon-internal,
+  .article-add.is-internal .icon-public {
+    display: none;
   }
 
   .article-new .recipient-picker {
@@ -3845,34 +3938,6 @@ footer {
       bottom: 0;
     }
 
-.pop-selector {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-  .pop-selected,
-  .pop-selectable {
-    width: 38px;
-    height: 36px;
-  }
-
-  .pop-selectable {
-    background: hsl(234,10%,19%);
-  }
-
-  .pop-selectable:hover {
-    background: hsl(234,10%,29%);
-  }
-
-  .pop-selectable:first-child {
-    border-radius: 4px 0 0 4px;
-  }
-
-  .pop-selectable:last-child {
-    border-radius: 0 4px 4px 0;
-  }
-
 .tabsSidebar-tabsSpacer {
   padding-right: 62px !important;
 }
@@ -4200,7 +4265,7 @@ footer {
     margin: 0;
     padding: 0 10px 0 5px;
     font-family: inherit;
-    font-weight: 100;
+    font-weight: 300;
     font-size: 30px;
     line-height: 1;
     color: white;
@@ -4271,7 +4336,7 @@ footer {
       margin-top: 4px;
       line-height: 19px;
       font-size: 28px;
-      font-weight: lighter;
+      font-weight: 300;
       opacity: .4;
     }
 
@@ -4428,6 +4493,12 @@ footer {
     @extend .u-clickable;
   }
 
+  .dropdown-icon {
+    width: 16px;
+    height: 16px;
+    opacity: 0.39;
+  }
+
   .dropdown ul {
     margin: 0;
   }
@@ -4503,16 +4574,32 @@ footer {
   padding: 0;
 }
 
+.recipientList-entry {
+  @extend .u-clickable;
+  display: flex;
+  align-items: center;
+}
+
   .recipientList-entry .recipientList-iconSpacer {
     width: 20px;
     margin-left: -5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
-  .recipientList-entry .icon:not(.plus) {
+  .recipientList-icon {
+    width: 16px;
+    height: 16px;
+    fill: white;
     opacity: 0.2;
   }
 
-  .recipientList-entry:hover .icon {
+  .recipientList--new .recipientList-icon {
+    opacity: 1;
+  }
+
+  .recipientList-entry:hover .recipientList-icon {
     opacity: 1;
   }
 
@@ -4520,6 +4607,19 @@ footer {
     color: white;
     margin-left: 10px;
     margin-top: 2px;
+    flex: 1;
+    @extend .u-textTruncate;
+  }
+
+  .recipientList-arrow {
+    width: 7px;
+    height: 13px;
+    fill: white;
+    opacity: 0.39;
+  }
+
+  .recipientList-entry:hover .recipientList-arrow {
+    opacity: 1;
   }
 
   .recipientList-detail {
@@ -4530,42 +4630,19 @@ footer {
     margin-left: 13px;
   }
 
-  .recipientList-new {
+  .recipientList--new {
     background: hsl(145,51%,45%);
   }
 
-  .dropdown .recipientList-new:hover {
+  .dropdown .recipientList--new:hover {
     background: hsl(147,52%,43%);
   }
 
-  li.recipientList-controls,
-  li.recipientList-controls:hover {
-    padding: 0;
-    background: hsl(206,7%,28%);
-  }
-
-  .recipientList-backClickArea {
-    height: 100%;
-    float: left;
-    padding: 0 10px;
-  }
-
-  .recipientList-backButton {
-    padding: 5px 10px;
-    font-size: 12px;
-    color: white;
-    border-radius: 3px;
-    border: 1px solid hsl(234,10%,10%);
-    box-shadow: 0 1px rgba(255,255,255,.03) inset;
-  }
-
-  .recipientList-backClickArea:active .recipientList-backButton {
-    background: hsl(206,7%,25%);
-    box-shadow: 0 1px rgba(0,0,0,.1) inset;
-  }
-
-  .recipientList-backButton .icon {
-    margin-bottom: -2px;
+  .recipientList-controls,
+  .recipientList-controls:hover {
+    @extend .u-clickable;
+    padding: 5px 10px !important;
+    background: hsl(206,7%,28%) !important;
   }
 
   .recipientList-organizationMembers {
@@ -5139,14 +5216,10 @@ label + .wizard-buttonList {
   }
   
   label {
-    margin: 0 10px;
+    margin: 0 8px;
     padding: 0;
-    opacity: 0.8;
     cursor: inherit;
   }
-  .cog.icon {
-    opacity: 0.55;
-  }
 }
 
 .profile-subtitle {
@@ -5164,7 +5237,7 @@ label + .wizard-buttonList {
   margin: 8px 0 22px;
   color: hsl(209,28%,74%);
   
-  .mood.icon {
+  .stat-icon {
     margin-bottom: 10px;
   }
 }
diff --git a/gulpfile.js b/gulpfile.js
index a45b65e3b..958d9c7d3 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,8 +1,11 @@
 var gulp = require('gulp');
+var gutil = require('gulp-util');
 var rename = require('gulp-rename');
 var svgstore = require('gulp-svgstore');
 var svgmin = require('gulp-svgmin');
 var cheerio = require('gulp-cheerio');
+var through2 = require('through2');
+
 var iconsource = 'public/assets/images/icons/*.svg'
 
 gulp.task('svgstore', function () {
@@ -18,6 +21,25 @@ gulp.task('svgstore', function () {
       parserOptions: { xmlMode: true }
     }))
     .pipe(svgstore())
+    .pipe(through2.obj(function (file, encoding, cb) {
+      var $ = file.cheerio;
+      var data = $('svg > symbol').map(function () {
+        var viewBox = $(this).attr('viewBox').split(" ")
+        return [
+          '.'+ $(this).attr('id') + ' {' +
+            ' width: ' + viewBox[2] + 'px;' +
+            ' height: ' + viewBox[3] + 'px; ' +
+          '}'
+        ];
+      }).get();
+      var cssFile = new gutil.File({
+          path: '../../../app/assets/stylesheets/svg-dimensions.css',
+          contents: new Buffer(data.join(" "))
+      });
+      this.push(cssFile);
+      this.push(file);
+      cb();
+    }))
     .pipe(gulp.dest('public/assets/images'));
 });
 
diff --git a/package.json b/package.json
index be36f6630..ed5407ada 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,8 @@
     "gulp-rename": "^1.2.2",
     "gulp-svgmin": "^1.1.2",
     "gulp-svgstore": "^5.0.1",
-    "gulp-watch": "^4.2.4"
+    "gulp-util": "^3.0.4",
+    "gulp-watch": "^4.2.4",
+    "through2": "^0.6.5"
   }
 }
diff --git a/public/assets/images/icons.svg b/public/assets/images/icons.svg
index 1f1e30dd3..3d7f8b0c2 100644
--- a/public/assets/images/icons.svg
+++ b/public/assets/images/icons.svg
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="icon-arrow-right" viewBox="0 0 11 11"><title>arrow-right</title><path d="M8.347 6.203c-.32.24-.64.577-.993.962L5.11 9.6l1.074.913 4.486-4.998-4.486-5-1.073.914 2.132 2.306c.416.465.752.833 1.105 1.09l-.016.048H0v1.28h8.33l.017.05z" fill-rule="evenodd"/></symbol><symbol id="icon-clock" viewBox="0 0 16 16"><title>clock</title><path d="M7.54 2.08c-3.566 0-6.46 2.892-6.46 6.46 0 3.567 2.894 6.46 6.46 6.46C11.108 15 14 12.107 14 8.54c0-3.568-2.893-6.46-6.46-6.46zm.007 11.62c-2.887 0-5.234-2.33-5.234-5.19 0-2.863 2.347-5.19 5.234-5.19 2.885 0 5.235 2.327 5.235 5.19 0 2.86-2.35 5.19-5.235 5.19zm3.538-5.387h1.273c-.023-.523-.127-1.022-.305-1.488l-.587.25-.132-.305.59-.25c-.216-.463-.504-.888-.85-1.258l-.487.482-.234-.234.484-.483c-.326-.303-.696-.562-1.1-.768l-.27.6-.306-.136.275-.606c-.522-.22-1.09-.353-1.688-.378v1.39h-.333V3.738c-.522.014-1.024.11-1.49.28l.325.74-.308.13-.33-.75c-.475.207-.908.487-1.285.828l.55.544-.238.234-.555-.55c-.327.335-.603.716-.82 1.134l.78.333-.138.303-.784-.336c-.228.52-.364 1.09-.39 1.688l1.475-.002v.33l-1.474.004c.016.583.138 1.138.35 1.65l.768-.33.13.304-.76.33c.207.426.48.817.806 1.16l.564-.53.236.235-.566.532c.366.34.786.62 1.245.833l.323-.725.303.138-.32.718c.5.194 1.038.305 1.6.32v-1.386h.334v1.384c.588-.023 1.15-.15 1.667-.368l-.255-.59.304-.13.252.58c.43-.217.823-.495 1.168-.823l-.42-.416.237-.233.417.412c.32-.352.587-.75.793-1.184l-.572-.253.137-.304.567.25c.19-.49.3-1.023.316-1.578h-1.273v-.33zM10.04 10.93c-.155.155-.408.155-.565 0L7.528 9.216c-.177-.18-.38-.296-.38-.65v-2.29c0-.237.193-.43.432-.43.24 0 .435.193.435.43v2.276l2.028 1.815c.157.155.155.407-.002.563z" fill-rule="evenodd"/></symbol><symbol id="icon-close" viewBox="0 0 13 13"><title>close</title><path d="M6.518 5.112L11.304.294c.387-.39 1.016-.392 1.406-.005.39.386.39 1.015.004 1.405l-4.79 4.823 4.785 4.785c.387.388.387 1.018 0 1.406-.39.387-1.02.387-1.407 0l-4.78-4.78-4.744 4.776c-.388.39-1.017.392-1.407.005-.39-.386-.39-1.015-.005-1.405l4.75-4.782L.29 1.697C-.096 1.31-.096.68.29.29c.39-.387 1.02-.387 1.407 0l4.82 4.822z" fill-rule="evenodd"/></symbol><symbol id="icon-cloud" viewBox="0 0 16 16"><title>cloud</title><path d="M4 14h-.03C1.78 14 0 12.14 0 9.846 0 7.7 1.555 5.934 3.55 5.716 3.76 3.625 5.45 2 7.5 2c2.05 0 3.74 1.627 3.95 3.715C13.444 5.935 15 7.7 15 9.845 15 12.14 13.222 14 11.03 14H4z" fill-rule="evenodd"/></symbol><symbol id="icon-cog" viewBox="0 0 20 20"><title>cog</title><path d="M20 11.09V8.814l-.322-.105-2.436-.796-.65-1.57 1.25-2.643-1.61-1.61-.302.156-2.286 1.16-1.568-.65L11.09 0H8.814l-.9 2.758-1.57.65L3.7 2.16 2.09 3.768l.154.304 1.158 2.284-.648 1.57L0 8.91v2.277l.32.104 2.438.798.65 1.568-1.25 2.645 1.61 1.61.3-.153 2.285-1.16 1.57.65L8.91 20h2.276l.105-.32.796-2.436 1.568-.65 2.645 1.248 1.608-1.608-.152-.302-1.16-2.284.65-1.57L20 11.09zm-10 2.098c-1.76 0-3.188-1.426-3.188-3.188 0-1.76 1.428-3.185 3.188-3.185 1.76 0 3.185 1.425 3.185 3.185 0 1.762-1.425 3.188-3.185 3.188z" fill-rule="evenodd"/></symbol><symbol id="icon-dashboard" viewBox="0 0 24 24"><title>dashboard</title><path d="M11.967 2c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm0 18.125c-1.38 0-2.5-1.12-2.5-2.5 0-.105 2.5-8.437 2.5-8.437s2.5 8.332 2.5 8.437c0 1.38-1.12 2.5-2.5 2.5zm6.372-4.17c.713-1.15 1.127-2.503 1.127-3.955 0-4.142-3.357-7.5-7.5-7.5-4.142 0-7.5 3.358-7.5 7.5 0 1.452.414 2.806 1.128 3.954l-1.016.73C3.717 15.33 3.216 13.725 3.216 12c0-4.832 3.918-8.75 8.75-8.75 4.833 0 8.75 3.918 8.75 8.75 0 1.724-.5 3.33-1.362 4.685l-1.016-.73z" fill-rule="evenodd"/></symbol><symbol id="icon-facebook" viewBox="0 0 17 17"><title>facebook</title><path d="M1.805 1C1.302 1 1 1.403 1 1.805v13.39c0 .503.403.805.805.805h7.25v-5.84H7.04V7.847h2.014V6.134c0-1.913 1.208-3.02 2.92-3.02.805 0 1.51.1 1.71.1V5.23h-1.207c-.907 0-1.108.403-1.108 1.108v1.41h2.214l-.302 2.314H11.37V16h3.825c.503 0 .805-.403.805-.806V1.704c0-.3-.403-.704-.805-.704H1.805z" fill-rule="evenodd"/></symbol><symbol id="icon-group" viewBox="0 0 24 24"><title>group</title><path d="M5.22 5.43c1.454 0 2.632-1.215 2.632-2.715C7.852 1.215 6.674 0 5.222 0 3.767 0 2.59 1.216 2.59 2.715c0 1.5 1.176 2.715 2.63 2.715zm6.98 0c1.454 0 2.632-1.215 2.632-2.715 0-1.5-1.178-2.715-2.63-2.715C10.747 0 9.57 1.216 9.57 2.715c0 1.5 1.178 2.716 2.63 2.716zm5.983 0c1.453 0 2.63-1.215 2.63-2.715 0-1.5-1.177-2.715-2.63-2.715-1.453 0-2.63 1.216-2.63 2.715 0 1.5 1.177 2.716 2.63 2.716zm-2.408.863H8.273c-.64 0-1.16.536-1.16 1.197v6.846c0 .662.52 1.197 1.16 1.197h.357V24h6.65v-8.467h.495c.64 0 1.16-.535 1.16-1.197V7.49c0-.66-.52-1.197-1.16-1.197zm-10.3 8.043V7.49c0-.428.097-.83.26-1.197H1.86C1.22 6.293.7 6.83.7 7.49v6.846c0 .662.52 1.198 1.16 1.198h.358V24h4.775v-7.097c-.9-.48-1.518-1.45-1.518-2.567zM22.29 6.293h-3.977c.163.366.26.77.26 1.197v6.846c0 1.172-.68 2.183-1.655 2.635V24h4.878v-8.467h.493c.64 0 1.16-.535 1.16-1.197V7.49c0-.66-.52-1.197-1.16-1.197z" fill-rule="evenodd"/></symbol><symbol id="icon-important" viewBox="0 0 16 16"><title>important</title><path d="M9.59 10.602c0 .08-.017.15-.055.21-.037.06-.104.11-.2.15-.095.04-.218.07-.367.09-.15.02-.336.03-.56.03-.223 0-.41-.01-.56-.03-.148-.02-.27-.05-.367-.09-.095-.04-.16-.09-.198-.15-.038-.06-.056-.13-.056-.21L6.954 2.2c-.01-.12.005-.224.048-.313.042-.09.12-.165.232-.225.112-.06.26-.102.447-.127.187-.025.43-.037.728-.037.288 0 .525.015.712.044.186.03.335.075.447.135.112.06.19.132.232.217.04.085.063.187.063.307l-.272 8.402zm.33 2.485c0 .68-.68 1.228-1.513 1.228-.198 0-.386-.03-.56-.087-.243.124-.458.21-.747.262-.086.016-.12.015-.128.005-.01-.012.02-.035.045-.054.28-.203.326-.31.394-.43-.316-.224-.515-.555-.515-.924 0-.68.676-1.23 1.512-1.23.834 0 1.512.55 1.512 1.23z" fill-rule="evenodd"/></symbol><symbol id="icon-in-process" viewBox="0 0 64 64"><title>in-process</title><g fill-rule="evenodd"><path d="M7.997 43.98c.037-3.865.037-7.657 0-11.994-2.244.046-4.13-.852-5.998-2.998-1.207-1.147-2-3.043-2-4.998V7.997C0 3.792 3.77 0 7.997 0h30.988c5.153 0 8.922 3.592 8.996 7.997.026 5.474.026 10.563 0 15.993-.172 4.45-3.94 8.042-8.995 7.996-5.857.046-11.907.046-17.993 0-.56.046-1.353.345-2 1-3.52 3.436-6.99 7.228-10.995 10.995.335.026.235.026 0 0z"/><path d="M52 20c3.61-.172 7.144-.172 10 3 1.185 1.404 1.993 3.195 2 5-.007 5.358-.21 10.432 0 15 .195 4.983-4.148 8.863-8 9 .316.062.114.16 0 0-.088 4.04-.088 7.822 0 12-.593-.497-.997-.696-1-1-3.634-3.278-6.967-6.56-10-10-1.11-.64-1.917-1.038-3-1-6.09.062-12.15-.038-18 0-5.565-.038-9.707-4.813-9-10 .202-.385.404-.683 1-1 1.222-1.474 2.637-2.966 4-4 .657-.757 1.364-.956 2-1 5.526.044 11.183.044 17 0 6.002.044 11.356-4.134 13-10-.028-1.795-.23-3.785 0-6z" opacity=".4" fill="#A9BCC4"/></g></symbol><symbol id="icon-list" viewBox="0 0 16 16"><title>list</title><path d="M0 3c0-.552.45-1 1.007-1h12.986C14.55 2 15 2.444 15 3c0 .552-.45 1-1.007 1H1.007C.45 4 0 3.556 0 3zm0 4c0-.552.45-1 1.007-1h12.986C14.55 6 15 6.444 15 7c0 .552-.45 1-1.007 1H1.007C.45 8 0 7.556 0 7zm0 4c0-.552.45-1 1.007-1h12.986c.556 0 1.007.444 1.007 1 0 .552-.45 1-1.007 1H1.007C.45 12 0 11.556 0 11zm0 4c0-.552.45-1 1.007-1h12.986c.556 0 1.007.444 1.007 1 0 .552-.45 1-1.007 1H1.007C.45 16 0 15.556 0 15z" fill-rule="evenodd"/></symbol><symbol id="icon-logo" viewBox="0 0 42 36"><title>logo</title><g fill="none" fill-rule="evenodd"><path d="M18.343 22.36L1.976 28.327l22.71-2.664-6.343-3.3" id="Shape" fill="#D9B42F"/><path d="M18.418 22.34l2.16 5.03L5.88 20.414l12.537 1.922" id="Shape" fill="#FFE188"/><path d="M41.566 9.722l-1.804.718-1.666 2.605 3.47-3.323" id="Shape" fill="#E83F00"/><path d="M37.19 10.694l-8.86 2.256 3.864.8 4.996-3.056" id="Shape" fill="#CD1F14"/><path d="M38.07 10.694l-7.784.4 2.347.982 5.437-1.382" id="Shape" fill="#E83F00"/><path d="M33 22.18l3.114-5.93 1.84-5.558-19.385 11.425 6.25.857L33 22.18" id="Shape" fill="#EB4F86"/><g id="Shape" fill="#00A2C9"><path d="M24.02 5.833l-5.444 16.12 3.296-1.94 2.15-14.18"/><path d="M24.06 5.392L15.64 0l8.626 9.726-.206-4.334"/></g><path d="M23.84 7.984L13.69 4.86l10.275 6.6-.124-3.477" id="Shape" fill="#5A8794"/><path d="M24.19 8.75l-9.52 4.685 9.644-1.208-.124-3.477" id="Shape" fill="#005971"/><path d="M36.14 15.875l4.57-7.125-2.742 1.596-1.827 5.53" id="Shape" fill="#CD1F14"/><path d="M25.22 18.406l-.596-12.573-2.15 14.18 2.746-1.607" id="Shape" fill="#5EB2D1"/><path d="M32.28 13.61l1.64 6.267-1.025 1.943-3.585-6.457 2.97-1.752" id="Shape" fill="#F69B00"/><path d="M32.795 22.36l-8.18.794-4.09 4.176 12.27-4.97" id="Shape" fill="#E83F00"/><path d="M33.415 22.02L24.428 5.836l.808 16.977 8.18-.793" id="Shape" fill="#BAE2F6"/><path d="M24.943 18.472l.212 4.404-8.536 2.998L18.9 22.02l6.04-3.55" id="Shape" fill="#F69B00"/><path d="M18.323 22.36l6.252.858-4.092 4.176L1 35.254 18.32 22.36" fill="#FFD130"/></g></symbol><symbol id="icon-magnifier" viewBox="0 0 15 15"><title>magnifier</title><path d="M5.92 10.382c-2.444-.016-4.42-2.016-4.404-4.46.018-2.428 2.002-4.405 4.43-4.405h.03c1.182.007 2.29.477 3.12 1.32.832.84 1.286 1.958 1.28 3.142-.01 1.176-.473 2.285-1.31 3.114-.833.83-1.943 1.288-3.117 1.288h-.03M5.983 0h-.038C2.68 0 .022 2.638 0 5.912-.018 9.198 2.623 11.88 5.907 11.9h.042c1.088 0 2.112-.295 2.99-.81l3.613 3.617.092.088c.137.137.315.205.494.205.178 0 .357-.068.493-.205l1.164-1.162c.272-.274.272-.718 0-.99l-.09-.093-3.62-3.62c.506-.866.796-1.868.803-2.942C11.914 2.7 9.267.022 5.983 0" fill-rule="evenodd"/></symbol><symbol id="icon-mail" viewBox="0 0 17 17"><title>mail</title><path d="M11.325 9L8.5 11.593 5.675 9 1 14h15l-4.675-5zM17 4l-5 4.592L17 14V4zM0 4v10l5-5.354L0 4zm17-1H0l8.45 7L17 3z" fill-rule="evenodd"/></symbol><symbol id="icon-message" viewBox="0 0 24 24"><title>message</title><path d="M20.098 3.035c-.184-.02-.37-.034-.554-.034-5.36 0-10.717 0-16.077.003-.248 0-.497.032-.743.074-.383.063-.6.318-.662.704-.038.233-.06.473-.06.71C2 8.132 2 11.776 2.003 15.42c0 .105 0 .21.007.314.046.813.33 1.11 1.123 1.124 1.054.02 2.067.016 3.12.022.223.002.66 0 .66 0v.354c0 1.34.042 2.682.046 4.025 0 .256-.056.57.246.704.295.13.49-.124.675-.3 1.637-1.53 3.277-3.058 4.906-4.596.15-.14.3-.19.497-.19 2 .004 4 .004 5.997.002.25 0 .503-.01.75-.033.594-.053.843-.294.93-.896.024-.186.038-.378.038-.567.002-3.586.003-7.173 0-10.76-.002-.254-.02-.513-.057-.765-.073-.517-.333-.768-.842-.823zM5 8c0 .552.446 1 .998 1h7.004c.55 0 .998-.444.998-1 0-.552-.446-1-.998-1H5.998C5.448 7 5 7.444 5 8zm0 4c0 .552.447 1 1 1h11c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6c-.553 0-1 .444-1 1z" fill-rule="evenodd"/></symbol><symbol id="icon-mood-bad" viewBox="0 0 60 59"><title>mood-bad</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.793.063 10.157.063.686 0 1.807.063 1.807.063v1.072c0 4.162.062 8.324.062 12.486 0 .82 0 1.767.935 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zM35 34.5c0 .825-.563 1.5-1.25 1.5h-7.5c-.688 0-1.25-.675-1.25-1.5s.563-1.5 1.25-1.5h7.5c.688 0 1.25.675 1.25 1.5zM37 19h9c0 4-2.043 6-4.468 6C39.106 25 37 23 37 19zm-23 0h9c0 4-2.043 6-4.468 6C16.106 25 14 23 14 19z" fill="#F6820B" fill-rule="evenodd"/></symbol><symbol id="icon-mood-happy" viewBox="0 0 60 59"><title>mood-happy</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.73.063 10.033.063.685 0 1.744.063 1.744.063v1.072c0 4.162.125 8.324.187 12.486 0 .82.062 1.767.997 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zM18.78 20.336c-2.437 0-4.374-2.008-4.374-4.393 0-2.448 2-4.394 4.375-4.394 2.438 0 4.376 2.007 4.376 4.393.062 2.385-1.938 4.393-4.375 4.393zm27.563-4.393c0 2.447-2 4.393-4.375 4.393-2.437 0-4.375-2.008-4.375-4.393 0-2.448 2-4.394 4.375-4.394 2.375-.064 4.375 1.945 4.375 4.393zm-8.25 11.36c.5.44.563 1.256.063 1.758-2.063 2.26-4.938 3.516-8 3.516-3.063 0-5.938-1.256-8-3.515-.438-.5-.438-1.317.062-1.757.5-.44 1.313-.44 1.75.063 1.625 1.757 3.75 2.7 6.125 2.7 2.313 0 4.563-1.005 6.125-2.7.563-.502 1.375-.502 1.875-.063z" fill="#A9AC41" fill-rule="evenodd"/></symbol><symbol id="icon-mood-ok" viewBox="0 0 60 59"><title>mood-ok</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.793.063 10.157.063.686 0 1.807.063 1.807.063v1.072c0 4.162.062 8.324.062 12.486 0 .82 0 1.767.935 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zM22.718 18.453c0 2.448-2 4.394-4.375 4.394-2.437 0-4.375-2.01-4.375-4.394 0-2.448 2-4.393 4.375-4.393 2.375-.063 4.375 1.945 4.375 4.393zm23.125 0c0 2.448-2 4.394-4.375 4.394-2.437 0-4.375-2.01-4.375-4.394 0-2.448 2-4.393 4.375-4.393 2.375-.063 4.375 1.945 4.375 4.393zM36.77 32H23.23c-.676 0-1.23-.675-1.23-1.5s.554-1.5 1.23-1.5h13.54c.676 0 1.23.675 1.23 1.5s-.554 1.5-1.23 1.5z" fill="#FAAB00" fill-rule="evenodd"/></symbol><symbol id="icon-mood-super-bad" viewBox="0 0 60 59"><title>mood-super-bad</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.793.063 10.157.063.686 0 1.807.063 1.807.063v1.072c0 4.162.062 8.324.062 12.486 0 .82 0 1.767.935 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zm-14.313 15.48c.626 3.702-.937 5.9-3.374 6.34-2.376.438-4.688-1.13-5.313-4.834l8.688-1.507zm-27.437 6.4c-2.375-.438-4-2.635-3.375-6.338l8.688 1.506c-.688 3.704-2.938 5.21-5.313 4.833zM38 34.9c.438.502.438 1.318-.063 1.757-.5.44-1.312.44-1.75-.062-1.624-1.758-3.75-2.7-6.124-2.7-2.313 0-4.563 1.005-6.125 2.7-.25.25-.563.376-.938.376-.313 0-.625-.126-.875-.315-.5-.44-.563-1.255-.063-1.757C24.125 32.638 27 31.383 30 31.383s5.938 1.255 8 3.515z" fill="#F35910" fill-rule="evenodd"/></symbol><symbol id="icon-mood-super-happy" viewBox="0 0 60 59"><title>mood-super-happy</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.73.063 10.033.063.685 0 1.744.063 1.744.063v1.072c0 4.162.125 8.324.187 12.486 0 .82.062 1.767.997 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zM40.6 21c0 4.908-4.694 10-10.5 10s-10.5-5.092-10.5-10h21zm-17.16-5.31h-10c-.687 0-1.25-.563-1.25-1.254 0-.69.563-1.255 1.25-1.255h.626c.375-2.95 2.187-4.393 4.312-4.393 2.125 0 3.938 1.507 4.313 4.394h.75c.688 0 1.25.566 1.25 1.256 0 .69-.562 1.255-1.25 1.255zm24.376-1.254c0 .69-.563 1.255-1.25 1.255h-10c-.688 0-1.25-.563-1.25-1.254 0-.69.562-1.255 1.25-1.255h.625c.376-2.95 2.188-4.393 4.313-4.393 2.125 0 3.938 1.507 4.313 4.394h.75c.687 0 1.25.566 1.25 1.256z" fill="#38AE6A" fill-rule="evenodd"/></symbol><symbol id="icon-note" viewBox="0 0 17 16"><title>note</title><path d="M15.667 1.856L10.853 6.67 11.89 7.71l4.815-4.815-1.038-1.037zM9.72 7.76v1.02h1.058l.518-.51-1.047-.978-.53.467zm2.095 1.93H8.74V6.796l4.62-4.333V1.5H7.2v3.9H3v9.1h10.36V8.24l-1.545 1.45zM3 4.36h3.08V1.5L3 4.36z" fill-rule="evenodd"/></symbol><symbol id="icon-one-ticket" viewBox="0 0 48 10"><title>one-ticket</title><g fill-rule="evenodd"><path d="M37.5 10H0l10-7h37.5l-10 7z" fill="#FFF"/><path d="M37.5 8H0l10-8h37.5l-10 8z"/></g></symbol><symbol id="icon-organization" viewBox="0 0 16 16"><title>organization</title><path d="M1 2v13h7V2H1zm2 11H2v-1h1v1zm0-2H2v-1h1v1zm0-2H2V8h1v1zm0-2H2V6h1v1zm0-2H2V4h1v1zm0-1H2V3h1v1zm2 9H4v-1h1v1zm0-2H4v-1h1v1zm0-2H4V8h1v1zm0-2H4V6h1v1zm0-2H4V4h1v1zm0-1H4V3h1v1zm2 9H6v-1h1v1zm0-2H6v-1h1v1zm0-2H6V8h1v1zm0-2H6V6h1v1zm0-2H6V4h1v1zm0-1H6V3h1v1zm1 1v10h7V5H8zm1 8v-1h1v1H9zm1-2H9v-1h1v1zm0-2H9V8h1v1zm0-2H9V6h1v1zm2 6h-1v-1h1v1zm0-2h-1v-1h1v1zm0-2h-1V8h1v1zm0-2h-1V6h1v1zm2 6h-1v-1h1v1zm0-2h-1v-1h1v1zm0-2h-1V8h1v1zm0-2h-1V6h1v1z" fill-rule="evenodd"/></symbol><symbol id="icon-outbound-calls" viewBox="0 0 17 17"><title>outbound-calls</title><path d="M11.016 13.442s-1.134.1-3.61-2.226-2.476-3.44-2.476-3.44l1.753-1.82C6.373 4.236 5.24 1.403 3.28 2.11 1.32 2.72.596 5.55 1.215 7.27c3.095 8.195 10.213 9.713 11.245 9.713 2.58.202 4.23-1.416 4.54-3.844 0 .1-2.682-1.52-3.92-1.72l-2.064 2.022zM10.244 10l3.024-3.122 2.05 2.05L16 2l-6.927.683 2.05 2.05L8 7.852 10.244 10z" fill-rule="evenodd"/></symbol><symbol id="icon-overviews" viewBox="0 0 24 24"><title>overviews</title><path d="M10 6h10c1.308 0 2-.895 2-2s-.692-2-2-2H10c-1.307 0-2 .895-2 2s.693 2 2 2zm10 3H10c-1.307 0-2 .897-2 2 0 1.105.693 2 2 2h10c1.308 0 2-.895 2-2 0-1.103-.692-2-2-2zm0 8H10c-1.307 0-2 .897-2 2 0 1.104.693 2 2 2h10c1.308 0 2-.896 2-2 0-1.103-.692-2-2-2zM4 2c-1.325 0-2 .895-2 2s.675 2 2 2 2-.895 2-2-.675-2-2-2zm0 7c-1.325 0-2 .897-2 2 0 1.105.675 2 2 2s2-.895 2-2c0-1.103-.675-2-2-2zm0 8c-1.325 0-2 .897-2 2 0 1.104.675 2 2 2s2-.896 2-2c0-1.103-.675-2-2-2z" fill-rule="evenodd"/></symbol><symbol id="icon-package" viewBox="0 0 16 16"><title>package</title><path d="M.168 4.455l7.51 3.602 3.295-1.58L3.52 2.9.167 4.456zM7.6 1l7.177 3.648-2.897 1.39-7.442-3.57L7.6 1zM0 5.205v7.252l7.264 3.678V8.847L0 5.205zm15 7.497l-7.03 3.552v-7.47L15 5.47v7.232z" fill-rule="evenodd"/></symbol><symbol id="icon-pen" viewBox="0 0 16 16"><title>pen</title><path d="M15.017 4.092c0-1.424-1.234-2.57-2.767-2.57-.817 0-1.55.326-2.05.852l3.917 3.637c.533-.478.9-1.16.9-1.918zm-3.467.573L9.6 2.84 6.3 5.902l-4.683 4.35-.634 4.224 4.534-.588 5.2-4.83L13.5 6.476l-1.95-1.81zM3.133 13.27l-.466-.45-.484-.448.1-.62.1-.618 1.084 1.006 1.083 1.006-.7.062-.717.062z" fill-rule="evenodd"/></symbol><symbol id="icon-person" viewBox="0 0 24 24"><title>person</title><path d="M12.163 5.43c1.453 0 2.63-1.215 2.63-2.715 0-1.5-1.177-2.715-2.63-2.715-1.453 0-2.63 1.216-2.63 2.715 0 1.5 1.177 2.716 2.63 2.716zm3.574.863H8.235c-.64 0-1.16.536-1.16 1.197v6.846c0 .662.52 1.198 1.16 1.198h.357V24h6.65v-8.466h.495c.64 0 1.16-.536 1.16-1.198V7.49c0-.66-.52-1.197-1.16-1.197z" fill-rule="evenodd"/></symbol><symbol id="icon-phone" viewBox="0 0 17 17"><title>phone</title><path d="M7.406 10.216C4.93 7.89 4.93 6.776 4.93 6.776l1.753-1.82C6.373 3.236 5.24.403 3.28 1.11 1.32 1.72.596 4.55 1.215 6.27c3.095 8.195 10.213 9.713 11.245 9.713 2.58.202 4.23-1.416 4.54-3.844 0 .1-2.682-1.52-3.92-1.72l-2.064 2.022s-1.134.1-3.61-2.226z" fill-rule="evenodd"/></symbol><symbol id="icon-plus" viewBox="0 0 17 17"><title>plus</title><path d="M10 1V0H7v7H0v3h7v7h3v-7h7V7h-7V1z" fill-rule="evenodd"/></symbol><symbol id="icon-priority-modified-inner-circle" viewBox="0 0 16 16"><title>priority-modified-inner-circle</title><circle cx="8" cy="8" r="3" fill-rule="evenodd"/></symbol><symbol id="icon-priority-modified-outer-circle" viewBox="0 0 16 16"><title>priority-modified-outer-circle</title><path d="M8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm0-1c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5z" fill-rule="evenodd"/></symbol><symbol id="icon-priority" viewBox="0 0 16 16"><title>priority</title><path d="M8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z" fill-rule="evenodd"/></symbol><symbol id="icon-received-calls" viewBox="0 0 17 17"><title>received-calls</title><path d="M14.72 2.11c-2.062-.703-3.094 2.11-3.403 3.82l1.753 1.808s0 1.105-2.476 3.417c-2.476 2.31-3.61 2.21-3.61 2.21l-2.064-2.01c-1.34.202-3.92 1.81-3.92 1.81.31 2.41 1.96 4.02 4.54 3.818 1.03-.1 8.15-1.608 11.244-9.647.62-1.81-.103-4.522-2.063-5.225zM.99 8.408L8 9l-.593-7.012-2.074 2.074L2.173 1 0 3.173l3.062 3.16L.988 8.407z" fill-rule="evenodd"/></symbol><symbol id="icon-reopening" viewBox="0 0 68 47"><title>reopening</title><g fill-rule="evenodd"><path d="M39.3 18.7h21.1c3.6 0 6.4 2.3 7.3 5.7.1.6.2 1.1.2 1.7v13.8c0 3.4-2.8 6.4-6.1 6.9-.4.1-.8.1-1.2.1H38.7c-3.7 0-6.7-2.5-7.3-6.1-.1-.5-.1-.9-.1-1.4V26.2c0-2.4.9-4.3 2.8-5.8.3-.2.3-.4.3-.7v-8.2c0-5.4 3.7-10 8.9-11.2.8-.2 1.6-.3 2.4-.3h7.9C59.8 0 65 5.2 64.9 11.5c0 1.4-1.1 2.5-2.4 2.5-1.4.1-2.6-.9-2.7-2.2-.1-1.1-.2-2.2-.7-3.2-1.2-2.1-2.9-3.3-5.3-3.3-2.8-.1-5.6-.1-8.4 0-2.7 0-5.4 2.4-5.6 5.1-.6 2.6-.5 5.5-.5 8.3zm7.9 12c.2.7.1 1.4-.1 2-.2.8-.4 1.5-.6 2.3-.2.5 0 1 .3 1.3 1.7 1.5 3.4 1.6 5.1-.1.3-.3.4-.7.3-1.2-.3-1-.6-2.1-.8-3.1-.1-.3 0-.6 0-.8.6-1.4-.5-3-2-3-1.4 0-2.6 1.3-2.2 2.6z"/><path d="M20.8 18.3c-.3-1.1-.8-1.9-1.8-2.5V11h-.3c0-4-2.6-6.6-6.2-6.6H8.1c-.5 0-.8 0-1.3.1-3 .7-5.1 3.3-5.1 6.4v4.7c0 .2 0 .3-.2.4-1 .9-1.5 2-1.5 3.3v7.5c0 .3 0 .5.1.8.4 2.1 2 3.5 4.1 3.5h12.5c.2 0 .5 0 .7-.1 1.9-.3 3.5-2 3.5-3.9.1-2.6.1-5.2.1-7.8 0-.3-.1-.7-.2-1zM4.8 15c0-2 0-3.2.1-4.8.1-1.5 1.7-2.8 3.2-2.9h4.8c1.4 0 2.4.9 3 2.1.3.5.3 1.6.4 1.6h.8v4.1c-4 0-8.1-.1-11.8-.1h-.5zM12 25.1c-1 .9-1.9.9-2.9 0-.2-.2-.3-.4-.2-.8.1-.4.2-.9.3-1.3.1-.4.2-.7 0-1.1-.2-.8.4-1.5 1.2-1.5.9 0 1.5.9 1.2 1.7 0 .1-.1.3 0 .5.1.6.3 1.2.4 1.8.2.2.2.5 0 .7z" opacity=".4" fill="#A9BCC4"/><path d="M19.944 41H10v-7h1v6h8.483L17.7 36.9l9.9 4-9.9 4.1 2.244-4z" fill="#A9BCC4"/></g></symbol><symbol id="icon-signout" viewBox="0 0 15 19"><title>signout</title><path d="M5.376 15L12 9.5 5.376 4v3.59H0v3.82h5.376V15zM4 1.542h9.452V17.46H4V19h11V0H4v1.542z" fill="#0F94D7" fill-rule="evenodd"/></symbol><symbol id="icon-stopwatch" viewBox="0 0 77 83"><title>stopwatch</title><g fill="none" fill-rule="evenodd"><path d="M10.5 24.8c-1-.9-2.1-1.9-3-2.8l6.2-6.2c.8.9 1.7 1.9 2.6 2.9.8-.6 1.4-1.1 2-1.5 3.9-2.9 8.2-4.9 12.9-6 .7-.2.9-.4.9-1.1-.1-1.7 0-3.4 0-5.2h15.4v6C60.3 14.2 69.4 21.8 74 34.1c3.6 9.6 3 19.2-1.4 28.4-8.9 18.6-31.4 25.9-49.9 16.2-19-9.9-25.9-35.4-12.2-53.9zM40.048 75c15.134 0 27.644-12.107 27.947-27.442.302-16.143-12.712-28.25-27.442-28.552C25.318 18.703 12.203 30.91 12 46.55 11.9 62.49 24.31 75 40.05 75zM14.9 12.4c-.3.5-.4 1.1-.8 1.5-2.9 2.9-5.8 5.8-8.6 8.7-.7.7-1.5.8-2.4.5-1.3-.4-2.1-1.3-2.5-2.5-.3-.9-.2-1.7.5-2.5l8.6-8.6c.6-.6 1.4-.8 2.2-.6 1.5.3 2.8 1.9 3 3.5zm18.8-8.5c-.2-1.4.3-2.6 1.6-3.1 2.9-1.1 5.9-1.1 8.9 0 1.2.4 1.8 1.6 1.7 3.1H33.7z" fill="#A9BCC4"/><circle opacity=".3" cx="39.902" cy="46.902" r="24.902"/></g></symbol><symbol id="icon-switchView" viewBox="0 0 19 18"><title>switchView</title><path d="M9.75 7.595c-.6 0-1.1.5-1.1 1.1 0 .6.5 1.1 1.1 1.1.6 0 1.1-.5 1.1-1.1.1-.5-.4-1.1-1.1-1.1zm0-2.1c-3 0-6.1 3.3-6.1 3.3s3 3.3 6.1 3.3c3 0 6.1-3.3 6.1-3.3s-3-3.3-6.1-3.3zm0 5.6c-1.3 0-2.3-1-2.3-2.3 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3.1 1.3-1 2.3-2.3 2.3zm-3.5-9.2c1.6-.802 3.4-1.002 5.3-.602l.3-1c-4.9-1.2-9.2 1.4-10.7 5.7-.8 2.302-.8 4.603.2 6.703l.5.8-2.1.6 4.5 3.2.4-4.9v-.6l-1.9 1.4-.3-.8c-.9-1.9-1-4-.3-6 .7-2.002 2.2-3.602 4.1-4.502zm10.9 2.4l2.1-.5-4.5-3.202-.4 5.502 2-1.5.5.9c1 1.9 1.2 4.1.5 6.1s-2 3.702-3.9 4.602c-1.6.8-3.9.8-4.9.7l-.3 1c3.9.8 8.7-1.6 10.2-5.9.8-2.302.5-4.702-.6-6.903l-.7-.8z" fill="#FFF" fill-rule="evenodd"/></symbol><symbol id="icon-team" viewBox="0 0 16 16"><title>team</title><path d="M4.672 10.448l-.018-.006c-.115-.077-.207-.116-.58 0 .172-.234.064-.546 0-.72-.06-.12.163-.28 0-.72h.58s-.184-.637 0-.72c-.056.105.08-.117 0-.718-.085-.33-.067-.52 0-.72-.108-.566-.235-.775-.58-.72.06-.457-.47-.768-1.165-.72-.265.052-.572.407-.583.72-.33-.34-.402-.36-.58 0 .002-.213.16.27 0 .72.155 0 .155.22 0 .72-.018.6.12.82 0 .72l.58.72c-.103.432.127.598 0 .718-.07.21-.173.504 0 .72-.374-.098-.466-.07-.58 0-.3.115-.657.3-1.165.72-.108-.116-.46-.066-.58 0 .014.54-.006 1.128 0 1.438h2.805c.008-.382.018-.767.018-.982.172-.562.744-.64 1.22-.867.203-.095.414-.198.627-.302zm6.648.003l.026-.008c.115-.077.207-.116.58 0-.172-.234-.064-.546 0-.72.06-.12-.163-.28 0-.72h-.58s.184-.637 0-.72c.056.105-.08-.117 0-.718.085-.33.067-.52 0-.72.108-.566.235-.775.58-.72-.06-.457.47-.768 1.165-.72.265.052.572.407.583.72.33-.34.402-.36.58 0-.002-.213-.16.27 0 .72-.155 0-.155.22 0 .72.018.6-.12.82 0 .72l-.58.72c.103.432-.127.598 0 .718.07.21.173.504 0 .72.374-.098.466-.07.58 0 .3.115.657.3 1.165.72.108-.116.46-.066.58 0-.014.54.006 1.128 0 1.438h-2.805c-.007-.38-.018-.764-.018-.978-.172-.563-.744-.64-1.22-.867-.206-.097-.42-.2-.635-.304zm.33.494c-.484-.23-1.02-.497-1.503-.72l-.413-.127c-.165-.13-.32-.553-.408-.765-.088-.014-.143-.032-.258-.046v-.103H8.89c.23-.117.574-.356.688-.576l.2-1.155.035-.18c.19.034.394-.284.46-.71.068-.424-.03-.793-.216-.824-.046-.008-.094.006-.14.038.03-.378.03-.697.006-.966.005-.05.01-.102.01-.16.006-.22.244-.918.02-1.097-.04-.034-.148-.004-.228.002-.432.032-.892-.482-1.533-.546-.8-.08-1.593.37-1.66.865-.046 0-.1.01-.165.028-.196.057-.386.36-.416.886-.03.58-.004.855.057.987-.06-.03-.11-.046-.158-.038-.188.03-.285.4-.22.825.068.425.273.745.46.714.004-.002.13.728.13.728l.112.61c.112.216.448.448.677.565h-.17l-.16.097c-.088.21-.25.663-.413.79-.138.043-.276.1-.414.14-.482.225-1.02.5-1.503.73-.44.21-.968.283-1.127.805 0 .355-.03 1.206-.022 1.655h9.6c.007-.45-.023-1.297-.023-1.65-.16-.524-.686-.596-1.127-.806z" fill-rule="evenodd"/></symbol><symbol id="icon-templates" viewBox="0 0 24 24"><title>templates</title><path d="M2.995 1C2.445 1 2 1.44 2 2.002v19.996C2 22.55 2.45 23 2.995 23h17.01c.55 0 .995-.44.995-1.002V2.002C21 1.45 20.55 1 20.005 1H2.995zm3.003 4C5.448 5 5 5.444 5 6c0 .552.446 1 .998 1h7.004c.55 0 .998-.444.998-1 0-.552-.446-1-.998-1H5.998zM6 9c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6zm0 4c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6zm0 4c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6z" fill-rule="evenodd"/></symbol><symbol id="icon-tools" viewBox="0 0 24 24"><title>tools</title><path d="M12 21.992c1.63 0 2.95-1.116 2.95-2.492s-1.32-2.492-2.95-2.492c-1.63 0-2.95 1.116-2.95 2.492s1.32 2.492 2.95 2.492zm0-8c1.63 0 2.95-1.116 2.95-2.492S13.63 9.008 12 9.008c-1.63 0-2.95 1.116-2.95 2.492s1.32 2.492 2.95 2.492zm0-7c1.63 0 2.95-1.116 2.95-2.492S13.63 2.008 12 2.008c-1.63 0-2.95 1.116-2.95 2.492S10.37 6.992 12 6.992z" fill-rule="evenodd"/></symbol><symbol id="icon-total-tickets" viewBox="0 0 48 83"><title>total-tickets</title><g fill="none" fill-rule="evenodd"><path d="M37.5 83H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 80H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 78H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 75H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 73H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 70H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 68H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 65H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 63H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 60H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 58H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 55H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 53H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 50H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 48H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 45H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 43H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 40H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 38H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 35H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 33H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 30H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 28H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 25H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 23H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 20H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 18H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 15H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 13H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 10H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 8H0l10-8h37.5l-10 8z" opacity=".4" fill="#A9BCC4"/></g></symbol><symbol id="icon-twitter" viewBox="0 0 17 17"><title>twitter</title><path d="M14.176 4.983c.608-.396 1.115-.99 1.42-1.685-.61.396-1.32.595-2.028.694-.61-.595-1.42-.992-2.23-.992-1.723 0-3.142 1.388-3.142 3.074 0 .2 0 .496.1.695-2.634-.1-4.864-1.39-6.384-3.175-.304.496-.405.992-.405 1.488 0 1.09.507 1.983 1.42 2.578-.508 0-1.015-.197-1.42-.396 0 1.488 1.115 2.678 2.534 2.976-.304.1-.506.1-.81.1-.203 0-.406 0-.608-.1.405 1.19 1.52 2.082 2.94 2.082-1.116.794-2.434 1.29-3.853 1.29H1C2.42 14.504 4.04 15 5.764 15c5.777 0 8.817-4.66 8.817-8.628v-.397c.508-.396 1.015-.892 1.42-1.487-.608.198-1.115.396-1.824.495z" fill-rule="evenodd"/></symbol><symbol id="icon-user" viewBox="0 0 16 16"><title>user</title><path d="M13.248 11.906c-.707-.287-1.49-.62-2.197-.9-.2-.05-.4-.104-.603-.156-.24-.16-.467-.69-.596-.953-.127-.018-.208-.04-.375-.058v-.13h-.26c.334-.146.84-.444 1.005-.718l.294-1.44.05-.225c.276.043.576-.354.673-.884.097-.53-.045-.99-.317-1.03-.068-.008-.137.01-.204.05.044-.473.045-.87.008-1.206.008-.06.013-.127.015-.198.007-.275.355-1.147.03-1.37-.062-.043-.218-.006-.336.002-.63.04-1.303-.6-2.24-.68-1.167-.1-2.327.46-2.426 1.08-.067 0-.146.01-.24.034-.287.072-.564.448-.607 1.105-.047.724-.007 1.068.08 1.233-.085-.038-.158-.058-.23-.048-.272.04-.414.5-.317 1.03.097.53.397.93.67.89.006 0 .19.91.19.91l.164.76c.163.27.654.56.99.706H6.22l-.235.12c-.128.265-.363.828-.604.988-.2.053-.402.122-.603.175-.705.28-1.49.62-2.196.91-.643.26-1.314.35-1.547 1.003 0 .442-.043 1.504-.03 2.063h13.923c.012-.56-.03-1.618-.03-2.06-.234-.652-1.004-.74-1.648-1.004z" fill-rule="evenodd"/></symbol></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="icon-arrow-down" viewBox="0 0 13 7"><title>arrow-down</title><path d="M6.553 4.214L2.246 0l-1.4 1.428 5 4.9.707.693.7-.7 4.9-4.9L10.74.007 6.552 4.214z" fill-rule="evenodd"/></symbol><symbol id="icon-arrow-left" viewBox="0 0 7 13"><title>arrow-left</title><path d="M7.08 2.202L5.652.802l-4.9 5-.693.707.7.7 4.9 4.9 1.413-1.415L2.966 6.51 7.08 2.2z" fill-rule="evenodd"/></symbol><symbol id="icon-arrow-right" viewBox="0 0 7 13"><title>arrow-right</title><path d="M0 10.7l1.428 1.4 4.9-5 .693-.707-.7-.7-4.9-4.9L.008 2.207l4.207 4.186L0 10.7z" fill-rule="evenodd"/></symbol><symbol id="icon-arrow-up" viewBox="0 0 13 7"><title>arrow-up</title><path d="M10.807 7l1.4-1.43-5-4.9L6.5-.02l-.7.7-4.9 4.9 1.414 1.414L6.5 2.885 10.807 7z" fill-rule="evenodd"/></symbol><symbol id="icon-clock" viewBox="0 0 16 16"><title>clock</title><path d="M7.54 2.08c-3.566 0-6.46 2.892-6.46 6.46 0 3.567 2.894 6.46 6.46 6.46C11.108 15 14 12.107 14 8.54c0-3.568-2.893-6.46-6.46-6.46zm.007 11.62c-2.887 0-5.234-2.33-5.234-5.19 0-2.863 2.347-5.19 5.234-5.19 2.885 0 5.235 2.327 5.235 5.19 0 2.86-2.35 5.19-5.235 5.19zm3.538-5.387h1.273c-.023-.523-.127-1.022-.305-1.488l-.587.25-.132-.305.59-.25c-.216-.463-.504-.888-.85-1.258l-.487.482-.234-.234.484-.483c-.326-.303-.696-.562-1.1-.768l-.27.6-.306-.136.275-.606c-.522-.22-1.09-.353-1.688-.378v1.39h-.333V3.738c-.522.014-1.024.11-1.49.28l.325.74-.308.13-.33-.75c-.475.207-.908.487-1.285.828l.55.544-.238.234-.555-.55c-.327.335-.603.716-.82 1.134l.78.333-.138.303-.784-.336c-.228.52-.364 1.09-.39 1.688l1.475-.002v.33l-1.474.004c.016.583.138 1.138.35 1.65l.768-.33.13.304-.76.33c.207.426.48.817.806 1.16l.564-.53.236.235-.566.532c.366.34.786.62 1.245.833l.323-.725.303.138-.32.718c.5.194 1.038.305 1.6.32v-1.386h.334v1.384c.588-.023 1.15-.15 1.667-.368l-.255-.59.304-.13.252.58c.43-.217.823-.495 1.168-.823l-.42-.416.237-.233.417.412c.32-.352.587-.75.793-1.184l-.572-.253.137-.304.567.25c.19-.49.3-1.023.316-1.578h-1.273v-.33zM10.04 10.93c-.155.155-.408.155-.565 0L7.528 9.216c-.177-.18-.38-.296-.38-.65v-2.29c0-.237.193-.43.432-.43.24 0 .435.193.435.43v2.276l2.028 1.815c.157.155.155.407-.002.563z" fill-rule="evenodd"/></symbol><symbol id="icon-close" viewBox="0 0 13 13"><title>close</title><path d="M6.518 5.112L11.304.294c.387-.39 1.016-.392 1.406-.005.39.386.39 1.015.004 1.405l-4.79 4.823 4.785 4.785c.387.388.387 1.018 0 1.406-.39.387-1.02.387-1.407 0l-4.78-4.78-4.744 4.776c-.388.39-1.017.392-1.407.005-.39-.386-.39-1.015-.005-1.405l4.75-4.782L.29 1.697C-.096 1.31-.096.68.29.29c.39-.387 1.02-.387 1.407 0l4.82 4.822z" fill-rule="evenodd"/></symbol><symbol id="icon-cloud" viewBox="0 0 16 16"><title>cloud</title><path d="M4 14h-.03C1.78 14 0 12.14 0 9.846 0 7.7 1.555 5.934 3.55 5.716 3.76 3.625 5.45 2 7.5 2c2.05 0 3.74 1.627 3.95 3.715C13.444 5.935 15 7.7 15 9.845 15 12.14 13.222 14 11.03 14H4z" fill-rule="evenodd"/></symbol><symbol id="icon-cog" viewBox="0 0 20 20"><title>cog</title><path d="M20 11.09V8.814l-.322-.105-2.436-.796-.65-1.57 1.25-2.643-1.61-1.61-.302.156-2.286 1.16-1.568-.65L11.09 0H8.814l-.9 2.758-1.57.65L3.7 2.16 2.09 3.768l.154.304 1.158 2.284-.648 1.57L0 8.91v2.277l.32.104 2.438.798.65 1.568-1.25 2.645 1.61 1.61.3-.153 2.285-1.16 1.57.65L8.91 20h2.276l.105-.32.796-2.436 1.568-.65 2.645 1.248 1.608-1.608-.152-.302-1.16-2.284.65-1.57L20 11.09zm-10 2.098c-1.76 0-3.188-1.426-3.188-3.188 0-1.76 1.428-3.185 3.188-3.185 1.76 0 3.185 1.425 3.185 3.185 0 1.762-1.425 3.188-3.185 3.188z" fill-rule="evenodd"/></symbol><symbol id="icon-dashboard" viewBox="0 0 24 24"><title>dashboard</title><path d="M11.967 2c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm0 18.125c-1.38 0-2.5-1.12-2.5-2.5 0-.105 2.5-8.437 2.5-8.437s2.5 8.332 2.5 8.437c0 1.38-1.12 2.5-2.5 2.5zm6.372-4.17c.713-1.15 1.127-2.503 1.127-3.955 0-4.142-3.357-7.5-7.5-7.5-4.142 0-7.5 3.358-7.5 7.5 0 1.452.414 2.806 1.128 3.954l-1.016.73C3.717 15.33 3.216 13.725 3.216 12c0-4.832 3.918-8.75 8.75-8.75 4.833 0 8.75 3.918 8.75 8.75 0 1.724-.5 3.33-1.362 4.685l-1.016-.73z" fill-rule="evenodd"/></symbol><symbol id="icon-diagonal-cross" viewBox="0 0 13 13"><title>diagonal-cross</title><path d="M12.666.29c.39.385.392 1.015.005 1.404L7.883 6.517l4.784 4.783c.388.388.388 1.018 0 1.406-.388.388-1.018.388-1.406 0l-4.778-4.78-4.743 4.777c-.388.39-1.017.392-1.407.005-.39-.387-.392-1.016-.005-1.405l4.748-4.78L.25 1.696C-.136 1.31-.136.68.25.29c.39-.387 1.018-.387 1.407 0l4.82 4.82L11.26.295c.388-.39 1.017-.392 1.406-.005z" fill-rule="evenodd"/></symbol><symbol id="icon-email" viewBox="0 0 17 17"><title>email</title><path d="M11.325 9L8.5 11.593 5.675 9 1 14h15l-4.675-5zM17 4l-5 4.592L17 14V4zM0 4v10l5-5.354L0 4zm17-1H0l8.45 7L17 3z" fill-rule="evenodd"/></symbol><symbol id="icon-facebook" viewBox="0 0 17 17"><title>facebook</title><path d="M1.805 1C1.302 1 1 1.403 1 1.805v13.39c0 .503.403.805.805.805h7.25v-5.84H7.04V7.847h2.014V6.134c0-1.913 1.208-3.02 2.92-3.02.805 0 1.51.1 1.71.1V5.23h-1.207c-.907 0-1.108.403-1.108 1.108v1.41h2.214l-.302 2.314H11.37V16h3.825c.503 0 .805-.403.805-.806V1.704c0-.3-.403-.704-.805-.704H1.805z" fill-rule="evenodd"/></symbol><symbol id="icon-group" viewBox="0 0 24 24"><title>group</title><path d="M5.22 5.43c1.454 0 2.632-1.215 2.632-2.715C7.852 1.215 6.674 0 5.222 0 3.767 0 2.59 1.216 2.59 2.715c0 1.5 1.176 2.715 2.63 2.715zm6.98 0c1.454 0 2.632-1.215 2.632-2.715 0-1.5-1.178-2.715-2.63-2.715C10.747 0 9.57 1.216 9.57 2.715c0 1.5 1.178 2.716 2.63 2.716zm5.983 0c1.453 0 2.63-1.215 2.63-2.715 0-1.5-1.177-2.715-2.63-2.715-1.453 0-2.63 1.216-2.63 2.715 0 1.5 1.177 2.716 2.63 2.716zm-2.408.863H8.273c-.64 0-1.16.536-1.16 1.197v6.846c0 .662.52 1.197 1.16 1.197h.357V24h6.65v-8.467h.495c.64 0 1.16-.535 1.16-1.197V7.49c0-.66-.52-1.197-1.16-1.197zm-10.3 8.043V7.49c0-.428.097-.83.26-1.197H1.86C1.22 6.293.7 6.83.7 7.49v6.846c0 .662.52 1.198 1.16 1.198h.358V24h4.775v-7.097c-.9-.48-1.518-1.45-1.518-2.567zM22.29 6.293h-3.977c.163.366.26.77.26 1.197v6.846c0 1.172-.68 2.183-1.655 2.635V24h4.878v-8.467h.493c.64 0 1.16-.535 1.16-1.197V7.49c0-.66-.52-1.197-1.16-1.197z" fill-rule="evenodd"/></symbol><symbol id="icon-important" viewBox="0 0 16 16"><title>important</title><path d="M9.59 10.602c0 .08-.017.15-.055.21-.037.06-.104.11-.2.15-.095.04-.218.07-.367.09-.15.02-.336.03-.56.03-.223 0-.41-.01-.56-.03-.148-.02-.27-.05-.367-.09-.095-.04-.16-.09-.198-.15-.038-.06-.056-.13-.056-.21L6.954 2.2c-.01-.12.005-.224.048-.313.042-.09.12-.165.232-.225.112-.06.26-.102.447-.127.187-.025.43-.037.728-.037.288 0 .525.015.712.044.186.03.335.075.447.135.112.06.19.132.232.217.04.085.063.187.063.307l-.272 8.402zm.33 2.485c0 .68-.68 1.228-1.513 1.228-.198 0-.386-.03-.56-.087-.243.124-.458.21-.747.262-.086.016-.12.015-.128.005-.01-.012.02-.035.045-.054.28-.203.326-.31.394-.43-.316-.224-.515-.555-.515-.924 0-.68.676-1.23 1.512-1.23.834 0 1.512.55 1.512 1.23z" fill-rule="evenodd"/></symbol><symbol id="icon-in-process" viewBox="0 0 64 64"><title>in-process</title><g fill-rule="evenodd"><path d="M7.997 43.98c.037-3.865.037-7.657 0-11.994-2.244.046-4.13-.852-5.998-2.998-1.207-1.147-2-3.043-2-4.998V7.997C0 3.792 3.77 0 7.997 0h30.988c5.153 0 8.922 3.592 8.996 7.997.026 5.474.026 10.563 0 15.993-.172 4.45-3.94 8.042-8.995 7.996-5.857.046-11.907.046-17.993 0-.56.046-1.353.345-2 1-3.52 3.436-6.99 7.228-10.995 10.995.335.026.235.026 0 0z"/><path d="M52 20c3.61-.172 7.144-.172 10 3 1.185 1.404 1.993 3.195 2 5-.007 5.358-.21 10.432 0 15 .195 4.983-4.148 8.863-8 9 .316.062.114.16 0 0-.088 4.04-.088 7.822 0 12-.593-.497-.997-.696-1-1-3.634-3.278-6.967-6.56-10-10-1.11-.64-1.917-1.038-3-1-6.09.062-12.15-.038-18 0-5.565-.038-9.707-4.813-9-10 .202-.385.404-.683 1-1 1.222-1.474 2.637-2.966 4-4 .657-.757 1.364-.956 2-1 5.526.044 11.183.044 17 0 6.002.044 11.356-4.134 13-10-.028-1.795-.23-3.785 0-6z" opacity=".4" fill="#A9BCC4"/></g></symbol><symbol id="icon-list" viewBox="0 0 16 16"><title>list</title><path d="M0 3c0-.552.45-1 1.007-1h12.986C14.55 2 15 2.444 15 3c0 .552-.45 1-1.007 1H1.007C.45 4 0 3.556 0 3zm0 4c0-.552.45-1 1.007-1h12.986C14.55 6 15 6.444 15 7c0 .552-.45 1-1.007 1H1.007C.45 8 0 7.556 0 7zm0 4c0-.552.45-1 1.007-1h12.986c.556 0 1.007.444 1.007 1 0 .552-.45 1-1.007 1H1.007C.45 12 0 11.556 0 11zm0 4c0-.552.45-1 1.007-1h12.986c.556 0 1.007.444 1.007 1 0 .552-.45 1-1.007 1H1.007C.45 16 0 15.556 0 15z" fill-rule="evenodd"/></symbol><symbol id="icon-lock-open" viewBox="0 0 16 16"><title>lock-open</title><path d="M5.408 7h6.596c.55 0 .996.446.996.997v6.006c0 .544-.446.997-.996.997H2.996c-.55 0-.996-.446-.996-.997V7.997C2 7.453 2.446 7 2.996 7h1.017V4.21l.005.105-.01-.125c-.034-.608.03-1.31.28-2C4.783.826 5.853 0 7.5 0c1.647 0 2.717.827 3.21 2.19.252.69.316 1.392.28 2-.002.054-.005.09-.008.125l.005-.104v1.685H9.592V4.21l.006-.104.002-.032c.02-.36-.02-.806-.167-1.21-.27-.743-.834-1.18-1.933-1.18-1.1 0-1.664.437-1.933 1.18-.146.404-.187.85-.167 1.21l.002.032.006.105V7z" fill-rule="evenodd"/></symbol><symbol id="icon-lock" viewBox="0 0 16 16"><title>lock</title><path d="M2.996 7C2.446 7 2 7.453 2 7.997v6.006c0 .55.445.997.996.997h9.008c.55 0 .996-.453.996-.997V7.997c0-.55-.445-.997-.996-.997H2.996zm2.412-1.43l-.006-.087-.002-.027c-.02-.306.02-.684.167-1.027.27-.63.834-1 1.933-1 1.1 0 1.664.37 1.933 1 .146.342.187.72.167 1.026l-.002.027-.006.088V7h1.395V5.57l-.005.09.01-.106c.034-.515-.03-1.11-.28-1.697C10.216 2.7 9.146 2 7.5 2c-1.648 0-2.718.7-3.21 1.857-.252.586-.316 1.18-.28 1.697.002.046.005.076.008.106l-.005-.09V7h1.395V5.57z" fill-rule="evenodd"/></symbol><symbol id="icon-logo" viewBox="0 0 42 36"><title>logo</title><g fill="none" fill-rule="evenodd"><path d="M18.343 22.36L1.976 28.327l22.71-2.664-6.343-3.3" id="Shape" fill="#D9B42F"/><path d="M18.418 22.34l2.16 5.03L5.88 20.414l12.537 1.922" id="Shape" fill="#FFE188"/><path d="M41.566 9.722l-1.804.718-1.666 2.605 3.47-3.323" id="Shape" fill="#E83F00"/><path d="M37.19 10.694l-8.86 2.256 3.864.8 4.996-3.056" id="Shape" fill="#CD1F14"/><path d="M38.07 10.694l-7.784.4 2.347.982 5.437-1.382" id="Shape" fill="#E83F00"/><path d="M33 22.18l3.114-5.93 1.84-5.558-19.385 11.425 6.25.857L33 22.18" id="Shape" fill="#EB4F86"/><g id="Shape" fill="#00A2C9"><path d="M24.02 5.833l-5.444 16.12 3.296-1.94 2.15-14.18"/><path d="M24.06 5.392L15.64 0l8.626 9.726-.206-4.334"/></g><path d="M23.84 7.984L13.69 4.86l10.275 6.6-.124-3.477" id="Shape" fill="#5A8794"/><path d="M24.19 8.75l-9.52 4.685 9.644-1.208-.124-3.477" id="Shape" fill="#005971"/><path d="M36.14 15.875l4.57-7.125-2.742 1.596-1.827 5.53" id="Shape" fill="#CD1F14"/><path d="M25.22 18.406l-.596-12.573-2.15 14.18 2.746-1.607" id="Shape" fill="#5EB2D1"/><path d="M32.28 13.61l1.64 6.267-1.025 1.943-3.585-6.457 2.97-1.752" id="Shape" fill="#F69B00"/><path d="M32.795 22.36l-8.18.794-4.09 4.176 12.27-4.97" id="Shape" fill="#E83F00"/><path d="M33.415 22.02L24.428 5.836l.808 16.977 8.18-.793" id="Shape" fill="#BAE2F6"/><path d="M24.943 18.472l.212 4.404-8.536 2.998L18.9 22.02l6.04-3.55" id="Shape" fill="#F69B00"/><path d="M18.323 22.36l6.252.858-4.092 4.176L1 35.254 18.32 22.36" fill="#FFD130"/></g></symbol><symbol id="icon-long-arrow-right" viewBox="0 0 11 11"><title>long-arrow-right</title><path d="M8.347 6.203c-.32.24-.64.577-.993.962L5.11 9.6l1.074.913 4.486-4.998-4.486-5-1.073.914 2.132 2.306c.416.465.752.833 1.105 1.09l-.016.048H0v1.28h8.33l.017.05z" fill-rule="evenodd"/></symbol><symbol id="icon-magnifier" viewBox="0 0 15 15"><title>magnifier</title><path d="M5.92 10.382c-2.444-.016-4.42-2.016-4.404-4.46.018-2.428 2.002-4.405 4.43-4.405h.03c1.182.007 2.29.477 3.12 1.32.832.84 1.286 1.958 1.28 3.142-.01 1.176-.473 2.285-1.31 3.114-.833.83-1.943 1.288-3.117 1.288h-.03M5.983 0h-.038C2.68 0 .022 2.638 0 5.912-.018 9.198 2.623 11.88 5.907 11.9h.042c1.088 0 2.112-.295 2.99-.81l3.613 3.617.092.088c.137.137.315.205.494.205.178 0 .357-.068.493-.205l1.164-1.162c.272-.274.272-.718 0-.99l-.09-.093-3.62-3.62c.506-.866.796-1.868.803-2.942C11.914 2.7 9.267.022 5.983 0" fill-rule="evenodd"/></symbol><symbol id="icon-marker" viewBox="0 0 17 19"><title>marker</title><path d="M7.378 14.166l4.146-11.91L6.862 0S1.995 8.102.532 10.85l6.846 3.316zm-.31.595c-.374.446-1.273 1.32-2.35.983-1.425-.444-1.01-.364-1.01-.364l-.303.73L.85 15.026l.54-.858s-2.013-.58-1.184-2.654L7.07 14.76zM.757 16.004L0 17.837l2.782.3.466-.908-2.492-1.227zM.12 18.34h16.737v.46H.12v-.46z" fill-rule="evenodd"/></symbol><symbol id="icon-message" viewBox="0 0 24 24"><title>message</title><path d="M20.098 3.035c-.184-.02-.37-.034-.554-.034-5.36 0-10.717 0-16.077.003-.248 0-.497.032-.743.074-.383.063-.6.318-.662.704-.038.233-.06.473-.06.71C2 8.132 2 11.776 2.003 15.42c0 .105 0 .21.007.314.046.813.33 1.11 1.123 1.124 1.054.02 2.067.016 3.12.022.223.002.66 0 .66 0v.354c0 1.34.042 2.682.046 4.025 0 .256-.056.57.246.704.295.13.49-.124.675-.3 1.637-1.53 3.277-3.058 4.906-4.596.15-.14.3-.19.497-.19 2 .004 4 .004 5.997.002.25 0 .503-.01.75-.033.594-.053.843-.294.93-.896.024-.186.038-.378.038-.567.002-3.586.003-7.173 0-10.76-.002-.254-.02-.513-.057-.765-.073-.517-.333-.768-.842-.823zM5 8c0 .552.446 1 .998 1h7.004c.55 0 .998-.444.998-1 0-.552-.446-1-.998-1H5.998C5.448 7 5 7.444 5 8zm0 4c0 .552.447 1 1 1h11c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6c-.553 0-1 .444-1 1z" fill-rule="evenodd"/></symbol><symbol id="icon-mood-bad" viewBox="0 0 60 59"><title>mood-bad</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.793.063 10.157.063.686 0 1.807.063 1.807.063v1.072c0 4.162.062 8.324.062 12.486 0 .82 0 1.767.935 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zM35 34.5c0 .825-.563 1.5-1.25 1.5h-7.5c-.688 0-1.25-.675-1.25-1.5s.563-1.5 1.25-1.5h7.5c.688 0 1.25.675 1.25 1.5zM37 19h9c0 4-2.043 6-4.468 6C39.106 25 37 23 37 19zm-23 0h9c0 4-2.043 6-4.468 6C16.106 25 14 23 14 19z" fill="#F6820B" fill-rule="evenodd"/></symbol><symbol id="icon-mood-good" viewBox="0 0 60 59"><title>mood-good</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.73.063 10.033.063.685 0 1.744.063 1.744.063v1.072c0 4.162.125 8.324.187 12.486 0 .82.062 1.767.997 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zM18.78 20.336c-2.437 0-4.374-2.008-4.374-4.393 0-2.448 2-4.394 4.375-4.394 2.438 0 4.376 2.007 4.376 4.393.062 2.385-1.938 4.393-4.375 4.393zm27.563-4.393c0 2.447-2 4.393-4.375 4.393-2.437 0-4.375-2.008-4.375-4.393 0-2.448 2-4.394 4.375-4.394 2.375-.064 4.375 1.945 4.375 4.393zm-8.25 11.36c.5.44.563 1.256.063 1.758-2.063 2.26-4.938 3.516-8 3.516-3.063 0-5.938-1.256-8-3.515-.438-.5-.438-1.317.062-1.757.5-.44 1.313-.44 1.75.063 1.625 1.757 3.75 2.7 6.125 2.7 2.313 0 4.563-1.005 6.125-2.7.563-.502 1.375-.502 1.875-.063z" fill="#A9AC41" fill-rule="evenodd"/></symbol><symbol id="icon-mood-ok" viewBox="0 0 60 59"><title>mood-ok</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.793.063 10.157.063.686 0 1.807.063 1.807.063v1.072c0 4.162.062 8.324.062 12.486 0 .82 0 1.767.935 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zM22.718 18.453c0 2.448-2 4.394-4.375 4.394-2.437 0-4.375-2.01-4.375-4.394 0-2.448 2-4.393 4.375-4.393 2.375-.063 4.375 1.945 4.375 4.393zm23.125 0c0 2.448-2 4.394-4.375 4.394-2.437 0-4.375-2.01-4.375-4.394 0-2.448 2-4.393 4.375-4.393 2.375-.063 4.375 1.945 4.375 4.393zM36.77 32H23.23c-.676 0-1.23-.675-1.23-1.5s.554-1.5 1.23-1.5h13.54c.676 0 1.23.675 1.23 1.5s-.554 1.5-1.23 1.5z" fill="#FAAB00" fill-rule="evenodd"/></symbol><symbol id="icon-mood-super-bad" viewBox="0 0 60 59"><title>mood-super-bad</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.793.063 10.157.063.686 0 1.807.063 1.807.063v1.072c0 4.162.062 8.324.062 12.486 0 .82 0 1.767.935 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zm-14.313 15.48c.626 3.702-.937 5.9-3.374 6.34-2.376.438-4.688-1.13-5.313-4.834l8.688-1.507zm-27.437 6.4c-2.375-.438-4-2.635-3.375-6.338l8.688 1.506c-.688 3.704-2.938 5.21-5.313 4.833zM38 34.9c.438.502.438 1.318-.063 1.757-.5.44-1.312.44-1.75-.062-1.624-1.758-3.75-2.7-6.124-2.7-2.313 0-4.563 1.005-6.125 2.7-.25.25-.563.376-.938.376-.313 0-.625-.126-.875-.315-.5-.44-.563-1.255-.063-1.757C24.125 32.638 27 31.383 30 31.383s5.938 1.255 8 3.515z" fill="#F35910" fill-rule="evenodd"/></symbol><symbol id="icon-mood-supergood" viewBox="0 0 60 59"><title>mood-supergood</title><path d="M60 5.108c0-.82-.062-1.577-.187-2.396-.25-1.577-1.06-2.397-2.68-2.586C56.574.063 55.95 0 55.39 0H4.672c-.81 0-1.558.126-2.368.252C1.12.442.435 1.262.187 2.46.062 3.215 0 3.91 0 4.665V39.54c.125 2.52 1.06 3.467 3.55 3.467 3.304.063 6.73.063 10.033.063.685 0 1.744.063 1.744.063v1.072c0 4.162.125 8.324.187 12.486 0 .82.062 1.767.997 2.208.935.38 1.496-.378 2.057-.946 5.17-4.792 10.28-9.522 15.452-14.25.497-.443.933-.57 1.556-.57h18.94c.81 0 1.56-.062 2.37-.125 1.868-.19 2.678-.883 2.927-2.775.062-.567.125-1.198.125-1.765C60 27.367 60 16.27 60 5.107zM40.6 21c0 4.908-4.694 10-10.5 10s-10.5-5.092-10.5-10h21zm-17.16-5.31h-10c-.687 0-1.25-.563-1.25-1.254 0-.69.563-1.255 1.25-1.255h.626c.375-2.95 2.187-4.393 4.312-4.393 2.125 0 3.938 1.507 4.313 4.394h.75c.688 0 1.25.566 1.25 1.256 0 .69-.562 1.255-1.25 1.255zm24.376-1.254c0 .69-.563 1.255-1.25 1.255h-10c-.688 0-1.25-.563-1.25-1.254 0-.69.562-1.255 1.25-1.255h.625c.376-2.95 2.188-4.393 4.313-4.393 2.125 0 3.938 1.507 4.313 4.394h.75c.687 0 1.25.566 1.25 1.256z" fill="#38AE6A" fill-rule="evenodd"/></symbol><symbol id="icon-note" viewBox="0 0 17 16"><title>note</title><path d="M15.667 1.856L10.853 6.67 11.89 7.71l4.815-4.815-1.038-1.037zM9.72 7.76v1.02h1.058l.518-.51-1.047-.978-.53.467zm2.095 1.93H8.74V6.796l4.62-4.333V1.5H7.2v3.9H3v9.1h10.36V8.24l-1.545 1.45zM3 4.36h3.08V1.5L3 4.36z" fill-rule="evenodd"/></symbol><symbol id="icon-one-ticket" viewBox="0 0 48 10"><title>one-ticket</title><g fill-rule="evenodd"><path d="M37.5 10H0l10-7h37.5l-10 7z" fill="#FFF"/><path d="M37.5 8H0l10-8h37.5l-10 8z"/></g></symbol><symbol id="icon-organization" viewBox="0 0 16 16"><title>organization</title><path d="M1 2v13h7V2H1zm2 11H2v-1h1v1zm0-2H2v-1h1v1zm0-2H2V8h1v1zm0-2H2V6h1v1zm0-2H2V4h1v1zm0-1H2V3h1v1zm2 9H4v-1h1v1zm0-2H4v-1h1v1zm0-2H4V8h1v1zm0-2H4V6h1v1zm0-2H4V4h1v1zm0-1H4V3h1v1zm2 9H6v-1h1v1zm0-2H6v-1h1v1zm0-2H6V8h1v1zm0-2H6V6h1v1zm0-2H6V4h1v1zm0-1H6V3h1v1zm1 1v10h7V5H8zm1 8v-1h1v1H9zm1-2H9v-1h1v1zm0-2H9V8h1v1zm0-2H9V6h1v1zm2 6h-1v-1h1v1zm0-2h-1v-1h1v1zm0-2h-1V8h1v1zm0-2h-1V6h1v1zm2 6h-1v-1h1v1zm0-2h-1v-1h1v1zm0-2h-1V8h1v1zm0-2h-1V6h1v1z" fill-rule="evenodd"/></symbol><symbol id="icon-outbound-calls" viewBox="0 0 17 17"><title>outbound-calls</title><path d="M11.016 13.442s-1.134.1-3.61-2.226-2.476-3.44-2.476-3.44l1.753-1.82C6.373 4.236 5.24 1.403 3.28 2.11 1.32 2.72.596 5.55 1.215 7.27c3.095 8.195 10.213 9.713 11.245 9.713 2.58.202 4.23-1.416 4.54-3.844 0 .1-2.682-1.52-3.92-1.72l-2.064 2.022zM10.244 10l3.024-3.122 2.05 2.05L16 2l-6.927.683 2.05 2.05L8 7.852 10.244 10z" fill-rule="evenodd"/></symbol><symbol id="icon-overviews" viewBox="0 0 24 24"><title>overviews</title><path d="M10 6h10c1.308 0 2-.895 2-2s-.692-2-2-2H10c-1.307 0-2 .895-2 2s.693 2 2 2zm10 3H10c-1.307 0-2 .897-2 2 0 1.105.693 2 2 2h10c1.308 0 2-.895 2-2 0-1.103-.692-2-2-2zm0 8H10c-1.307 0-2 .897-2 2 0 1.104.693 2 2 2h10c1.308 0 2-.896 2-2 0-1.103-.692-2-2-2zM4 2c-1.325 0-2 .895-2 2s.675 2 2 2 2-.895 2-2-.675-2-2-2zm0 7c-1.325 0-2 .897-2 2 0 1.105.675 2 2 2s2-.895 2-2c0-1.103-.675-2-2-2zm0 8c-1.325 0-2 .897-2 2 0 1.104.675 2 2 2s2-.896 2-2c0-1.103-.675-2-2-2z" fill-rule="evenodd"/></symbol><symbol id="icon-package" viewBox="0 0 16 16"><title>package</title><path d="M.168 4.455l7.51 3.602 3.295-1.58L3.52 2.9.167 4.456zM7.6 1l7.177 3.648-2.897 1.39-7.442-3.57L7.6 1zM0 5.205v7.252l7.264 3.678V8.847L0 5.205zm15 7.497l-7.03 3.552v-7.47L15 5.47v7.232z" fill-rule="evenodd"/></symbol><symbol id="icon-pen" viewBox="0 0 16 16"><title>pen</title><path d="M15.017 4.092c0-1.424-1.234-2.57-2.767-2.57-.817 0-1.55.326-2.05.852l3.917 3.637c.533-.478.9-1.16.9-1.918zm-3.467.573L9.6 2.84 6.3 5.902l-4.683 4.35-.634 4.224 4.534-.588 5.2-4.83L13.5 6.476l-1.95-1.81zM3.133 13.27l-.466-.45-.484-.448.1-.62.1-.618 1.084 1.006 1.083 1.006-.7.062-.717.062z" fill-rule="evenodd"/></symbol><symbol id="icon-person" viewBox="0 0 24 24"><title>person</title><path d="M12.163 5.43c1.453 0 2.63-1.215 2.63-2.715 0-1.5-1.177-2.715-2.63-2.715-1.453 0-2.63 1.216-2.63 2.715 0 1.5 1.177 2.716 2.63 2.716zm3.574.863H8.235c-.64 0-1.16.536-1.16 1.197v6.846c0 .662.52 1.198 1.16 1.198h.357V24h6.65v-8.466h.495c.64 0 1.16-.536 1.16-1.198V7.49c0-.66-.52-1.197-1.16-1.197z" fill-rule="evenodd"/></symbol><symbol id="icon-phone" viewBox="0 0 17 17"><title>phone</title><path d="M7.406 10.216C4.93 7.89 4.93 6.776 4.93 6.776l1.753-1.82C6.373 3.236 5.24.403 3.28 1.11 1.32 1.72.596 4.55 1.215 6.27c3.095 8.195 10.213 9.713 11.245 9.713 2.58.202 4.23-1.416 4.54-3.844 0 .1-2.682-1.52-3.92-1.72l-2.064 2.022s-1.134.1-3.61-2.226z" fill-rule="evenodd"/></symbol><symbol id="icon-plus" viewBox="0 0 20 20"><title>plus</title><path d="M12 2V1H9v7H2v3h7v7h3v-7h7V8h-7V2z" fill-rule="evenodd"/></symbol><symbol id="icon-priority-modified-inner-circle" viewBox="0 0 16 16"><title>priority-modified-inner-circle</title><circle cx="8" cy="8" r="3" fill-rule="evenodd"/></symbol><symbol id="icon-priority-modified-outer-circle" viewBox="0 0 16 16"><title>priority-modified-outer-circle</title><path d="M8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm0-1c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5z" fill-rule="evenodd"/></symbol><symbol id="icon-priority" viewBox="0 0 16 16"><title>priority</title><path d="M8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z" fill-rule="evenodd"/></symbol><symbol id="icon-received-calls" viewBox="0 0 17 17"><title>received-calls</title><path d="M14.72 2.11c-2.062-.703-3.094 2.11-3.403 3.82l1.753 1.808s0 1.105-2.476 3.417c-2.476 2.31-3.61 2.21-3.61 2.21l-2.064-2.01c-1.34.202-3.92 1.81-3.92 1.81.31 2.41 1.96 4.02 4.54 3.818 1.03-.1 8.15-1.608 11.244-9.647.62-1.81-.103-4.522-2.063-5.225zM.99 8.408L8 9l-.593-7.012-2.074 2.074L2.173 1 0 3.173l3.062 3.16L.988 8.407z" fill-rule="evenodd"/></symbol><symbol id="icon-reopening" viewBox="0 0 68 47"><title>reopening</title><g fill-rule="evenodd"><path d="M39.3 18.7h21.1c3.6 0 6.4 2.3 7.3 5.7.1.6.2 1.1.2 1.7v13.8c0 3.4-2.8 6.4-6.1 6.9-.4.1-.8.1-1.2.1H38.7c-3.7 0-6.7-2.5-7.3-6.1-.1-.5-.1-.9-.1-1.4V26.2c0-2.4.9-4.3 2.8-5.8.3-.2.3-.4.3-.7v-8.2c0-5.4 3.7-10 8.9-11.2.8-.2 1.6-.3 2.4-.3h7.9C59.8 0 65 5.2 64.9 11.5c0 1.4-1.1 2.5-2.4 2.5-1.4.1-2.6-.9-2.7-2.2-.1-1.1-.2-2.2-.7-3.2-1.2-2.1-2.9-3.3-5.3-3.3-2.8-.1-5.6-.1-8.4 0-2.7 0-5.4 2.4-5.6 5.1-.6 2.6-.5 5.5-.5 8.3zm7.9 12c.2.7.1 1.4-.1 2-.2.8-.4 1.5-.6 2.3-.2.5 0 1 .3 1.3 1.7 1.5 3.4 1.6 5.1-.1.3-.3.4-.7.3-1.2-.3-1-.6-2.1-.8-3.1-.1-.3 0-.6 0-.8.6-1.4-.5-3-2-3-1.4 0-2.6 1.3-2.2 2.6z"/><path d="M20.8 18.3c-.3-1.1-.8-1.9-1.8-2.5V11h-.3c0-4-2.6-6.6-6.2-6.6H8.1c-.5 0-.8 0-1.3.1-3 .7-5.1 3.3-5.1 6.4v4.7c0 .2 0 .3-.2.4-1 .9-1.5 2-1.5 3.3v7.5c0 .3 0 .5.1.8.4 2.1 2 3.5 4.1 3.5h12.5c.2 0 .5 0 .7-.1 1.9-.3 3.5-2 3.5-3.9.1-2.6.1-5.2.1-7.8 0-.3-.1-.7-.2-1zM4.8 15c0-2 0-3.2.1-4.8.1-1.5 1.7-2.8 3.2-2.9h4.8c1.4 0 2.4.9 3 2.1.3.5.3 1.6.4 1.6h.8v4.1c-4 0-8.1-.1-11.8-.1h-.5zM12 25.1c-1 .9-1.9.9-2.9 0-.2-.2-.3-.4-.2-.8.1-.4.2-.9.3-1.3.1-.4.2-.7 0-1.1-.2-.8.4-1.5 1.2-1.5.9 0 1.5.9 1.2 1.7 0 .1-.1.3 0 .5.1.6.3 1.2.4 1.8.2.2.2.5 0 .7z" opacity=".4" fill="#A9BCC4"/><path d="M19.944 41H10v-7h1v6h8.483L17.7 36.9l9.9 4-9.9 4.1 2.244-4z" fill="#A9BCC4"/></g></symbol><symbol id="icon-reply-all" viewBox="0 0 16 16"><title>reply-all</title><path d="M6.26 7.955v1.27L0 5.122 6.26 1v1.277L1.94 5.12l4.32 2.835zm3.88-1.282c2.344 0 4.246 2.36 4.246 4.67 0 2.328-1.902 4.202-4.246 4.202 3.508 0 5.86-2.796 5.86-6.27 0-3.46-2.352-5.77-5.86-5.77V1L3.88 5.12l6.26 4.106V6.673z" fill-rule="evenodd"/></symbol><symbol id="icon-reply" viewBox="0 0 16 16"><title>reply</title><path d="M8.14 6.673c2.344 0 4.246 2.36 4.246 4.67 0 2.328-1.902 4.202-4.246 4.202 3.508 0 5.86-2.796 5.86-6.27 0-3.46-2.352-5.77-5.86-5.77V1L1.88 5.12l6.26 4.106V6.673z" fill-rule="evenodd"/></symbol><symbol id="icon-signout" viewBox="0 0 15 19"><title>signout</title><path d="M5.376 15L12 9.5 5.376 4v3.59H0v3.82h5.376V15zM4 1.542h9.452V17.46H4V19h11V0H4v1.542z" fill="#0F94D7" fill-rule="evenodd"/></symbol><symbol id="icon-split" viewBox="0 0 16 16"><title>split</title><path d="M2 12c0-2.227.706-3.36 2.443-4.782l.42-.343C6.415 5.59 7 4.515 7 2h2c0 2.514.584 3.59 2.138 4.875l.42.343C13.293 8.64 14 9.773 14 12h-4l3 3.333L16 12h-4c0-1.526-.393-2.156-1.71-3.235.038.03-.327-.266-.428-.35C8.945 7.655 8.264 6.903 7.797 6h.406c-.467.903-1.148 1.656-2.065 2.415-.1.084-.466.38-.428.35C4.393 9.845 4 10.475 4 12H2h4l-3 3.333L0 12h2z" fill-rule="evenodd"/></symbol><symbol id="icon-stopwatch" viewBox="0 0 77 83"><title>stopwatch</title><g fill="none" fill-rule="evenodd"><path d="M10.5 24.8c-1-.9-2.1-1.9-3-2.8l6.2-6.2c.8.9 1.7 1.9 2.6 2.9.8-.6 1.4-1.1 2-1.5 3.9-2.9 8.2-4.9 12.9-6 .7-.2.9-.4.9-1.1-.1-1.7 0-3.4 0-5.2h15.4v6C60.3 14.2 69.4 21.8 74 34.1c3.6 9.6 3 19.2-1.4 28.4-8.9 18.6-31.4 25.9-49.9 16.2-19-9.9-25.9-35.4-12.2-53.9zM40.048 75c15.134 0 27.644-12.107 27.947-27.442.302-16.143-12.712-28.25-27.442-28.552C25.318 18.703 12.203 30.91 12 46.55 11.9 62.49 24.31 75 40.05 75zM14.9 12.4c-.3.5-.4 1.1-.8 1.5-2.9 2.9-5.8 5.8-8.6 8.7-.7.7-1.5.8-2.4.5-1.3-.4-2.1-1.3-2.5-2.5-.3-.9-.2-1.7.5-2.5l8.6-8.6c.6-.6 1.4-.8 2.2-.6 1.5.3 2.8 1.9 3 3.5zm18.8-8.5c-.2-1.4.3-2.6 1.6-3.1 2.9-1.1 5.9-1.1 8.9 0 1.2.4 1.8 1.6 1.7 3.1H33.7z" fill="#A9BCC4"/><circle opacity=".3" cx="39.902" cy="46.902" r="24.902"/></g></symbol><symbol id="icon-switchView" viewBox="0 0 19 18"><title>switchView</title><path d="M9.75 7.595c-.6 0-1.1.5-1.1 1.1 0 .6.5 1.1 1.1 1.1.6 0 1.1-.5 1.1-1.1.1-.5-.4-1.1-1.1-1.1zm0-2.1c-3 0-6.1 3.3-6.1 3.3s3 3.3 6.1 3.3c3 0 6.1-3.3 6.1-3.3s-3-3.3-6.1-3.3zm0 5.6c-1.3 0-2.3-1-2.3-2.3 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3.1 1.3-1 2.3-2.3 2.3zm-3.5-9.2c1.6-.802 3.4-1.002 5.3-.602l.3-1c-4.9-1.2-9.2 1.4-10.7 5.7-.8 2.302-.8 4.603.2 6.703l.5.8-2.1.6 4.5 3.2.4-4.9v-.6l-1.9 1.4-.3-.8c-.9-1.9-1-4-.3-6 .7-2.002 2.2-3.602 4.1-4.502zm10.9 2.4l2.1-.5-4.5-3.202-.4 5.502 2-1.5.5.9c1 1.9 1.2 4.1.5 6.1s-2 3.702-3.9 4.602c-1.6.8-3.9.8-4.9.7l-.3 1c3.9.8 8.7-1.6 10.2-5.9.8-2.302.5-4.702-.6-6.903l-.7-.8z" fill="#FFF" fill-rule="evenodd"/></symbol><symbol id="icon-team" viewBox="0 0 16 16"><title>team</title><path d="M4.672 10.448l-.018-.006c-.115-.077-.207-.116-.58 0 .172-.234.064-.546 0-.72-.06-.12.163-.28 0-.72h.58s-.184-.637 0-.72c-.056.105.08-.117 0-.718-.085-.33-.067-.52 0-.72-.108-.566-.235-.775-.58-.72.06-.457-.47-.768-1.165-.72-.265.052-.572.407-.583.72-.33-.34-.402-.36-.58 0 .002-.213.16.27 0 .72.155 0 .155.22 0 .72-.018.6.12.82 0 .72l.58.72c-.103.432.127.598 0 .718-.07.21-.173.504 0 .72-.374-.098-.466-.07-.58 0-.3.115-.657.3-1.165.72-.108-.116-.46-.066-.58 0 .014.54-.006 1.128 0 1.438h2.805c.008-.382.018-.767.018-.982.172-.562.744-.64 1.22-.867.203-.095.414-.198.627-.302zm6.648.003l.026-.008c.115-.077.207-.116.58 0-.172-.234-.064-.546 0-.72.06-.12-.163-.28 0-.72h-.58s.184-.637 0-.72c.056.105-.08-.117 0-.718.085-.33.067-.52 0-.72.108-.566.235-.775.58-.72-.06-.457.47-.768 1.165-.72.265.052.572.407.583.72.33-.34.402-.36.58 0-.002-.213-.16.27 0 .72-.155 0-.155.22 0 .72.018.6-.12.82 0 .72l-.58.72c.103.432-.127.598 0 .718.07.21.173.504 0 .72.374-.098.466-.07.58 0 .3.115.657.3 1.165.72.108-.116.46-.066.58 0-.014.54.006 1.128 0 1.438h-2.805c-.007-.38-.018-.764-.018-.978-.172-.563-.744-.64-1.22-.867-.206-.097-.42-.2-.635-.304zm.33.494c-.484-.23-1.02-.497-1.503-.72l-.413-.127c-.165-.13-.32-.553-.408-.765-.088-.014-.143-.032-.258-.046v-.103H8.89c.23-.117.574-.356.688-.576l.2-1.155.035-.18c.19.034.394-.284.46-.71.068-.424-.03-.793-.216-.824-.046-.008-.094.006-.14.038.03-.378.03-.697.006-.966.005-.05.01-.102.01-.16.006-.22.244-.918.02-1.097-.04-.034-.148-.004-.228.002-.432.032-.892-.482-1.533-.546-.8-.08-1.593.37-1.66.865-.046 0-.1.01-.165.028-.196.057-.386.36-.416.886-.03.58-.004.855.057.987-.06-.03-.11-.046-.158-.038-.188.03-.285.4-.22.825.068.425.273.745.46.714.004-.002.13.728.13.728l.112.61c.112.216.448.448.677.565h-.17l-.16.097c-.088.21-.25.663-.413.79-.138.043-.276.1-.414.14-.482.225-1.02.5-1.503.73-.44.21-.968.283-1.127.805 0 .355-.03 1.206-.022 1.655h9.6c.007-.45-.023-1.297-.023-1.65-.16-.524-.686-.596-1.127-.806z" fill-rule="evenodd"/></symbol><symbol id="icon-templates" viewBox="0 0 24 24"><title>templates</title><path d="M2.995 1C2.445 1 2 1.44 2 2.002v19.996C2 22.55 2.45 23 2.995 23h17.01c.55 0 .995-.44.995-1.002V2.002C21 1.45 20.55 1 20.005 1H2.995zm3.003 4C5.448 5 5 5.444 5 6c0 .552.446 1 .998 1h7.004c.55 0 .998-.444.998-1 0-.552-.446-1-.998-1H5.998zM6 9c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6zm0 4c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6zm0 4c-.552 0-1 .444-1 1 0 .552.448 1 1 1h11.027c.553 0 1-.444 1-1 0-.552-.447-1-1-1H6z" fill-rule="evenodd"/></symbol><symbol id="icon-tools" viewBox="0 0 24 24"><title>tools</title><path d="M12 21.992c1.63 0 2.95-1.116 2.95-2.492s-1.32-2.492-2.95-2.492c-1.63 0-2.95 1.116-2.95 2.492s1.32 2.492 2.95 2.492zm0-8c1.63 0 2.95-1.116 2.95-2.492S13.63 9.008 12 9.008c-1.63 0-2.95 1.116-2.95 2.492s1.32 2.492 2.95 2.492zm0-7c1.63 0 2.95-1.116 2.95-2.492S13.63 2.008 12 2.008c-1.63 0-2.95 1.116-2.95 2.492S10.37 6.992 12 6.992z" fill-rule="evenodd"/></symbol><symbol id="icon-total-tickets" viewBox="0 0 48 83"><title>total-tickets</title><g fill="none" fill-rule="evenodd"><path d="M37.5 83H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 80H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 78H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 75H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 73H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 70H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 68H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 65H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 63H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 60H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 58H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 55H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 53H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 50H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 48H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 45H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 43H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 40H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 38H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 35H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 33H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 30H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 28H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 25H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 23H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 20H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 18H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 15H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 13H0l10-8h37.5l-10 8z" id="Shape" opacity=".4" fill="#A9BCC4"/><path d="M37.5 10H0l10-7h37.5l-10 7z" id="Shape" fill="#FFF"/><path d="M37.5 8H0l10-8h37.5l-10 8z" opacity=".4" fill="#A9BCC4"/></g></symbol><symbol id="icon-twitter" viewBox="0 0 17 17"><title>twitter</title><path d="M14.176 4.983c.608-.396 1.115-.99 1.42-1.685-.61.396-1.32.595-2.028.694-.61-.595-1.42-.992-2.23-.992-1.723 0-3.142 1.388-3.142 3.074 0 .2 0 .496.1.695-2.634-.1-4.864-1.39-6.384-3.175-.304.496-.405.992-.405 1.488 0 1.09.507 1.983 1.42 2.578-.508 0-1.015-.197-1.42-.396 0 1.488 1.115 2.678 2.534 2.976-.304.1-.506.1-.81.1-.203 0-.406 0-.608-.1.405 1.19 1.52 2.082 2.94 2.082-1.116.794-2.434 1.29-3.853 1.29H1C2.42 14.504 4.04 15 5.764 15c5.777 0 8.817-4.66 8.817-8.628v-.397c.508-.396 1.015-.892 1.42-1.487-.608.198-1.115.396-1.824.495z" fill-rule="evenodd"/></symbol><symbol id="icon-user" viewBox="0 0 16 16"><title>user</title><path d="M13.248 11.906c-.707-.287-1.49-.62-2.197-.9-.2-.05-.4-.104-.603-.156-.24-.16-.467-.69-.596-.953-.127-.018-.208-.04-.375-.058v-.13h-.26c.334-.146.84-.444 1.005-.718l.294-1.44.05-.225c.276.043.576-.354.673-.884.097-.53-.045-.99-.317-1.03-.068-.008-.137.01-.204.05.044-.473.045-.87.008-1.206.008-.06.013-.127.015-.198.007-.275.355-1.147.03-1.37-.062-.043-.218-.006-.336.002-.63.04-1.303-.6-2.24-.68-1.167-.1-2.327.46-2.426 1.08-.067 0-.146.01-.24.034-.287.072-.564.448-.607 1.105-.047.724-.007 1.068.08 1.233-.085-.038-.158-.058-.23-.048-.272.04-.414.5-.317 1.03.097.53.397.93.67.89.006 0 .19.91.19.91l.164.76c.163.27.654.56.99.706H6.22l-.235.12c-.128.265-.363.828-.604.988-.2.053-.402.122-.603.175-.705.28-1.49.62-2.196.91-.643.26-1.314.35-1.547 1.003 0 .442-.043 1.504-.03 2.063h13.923c.012-.56-.03-1.618-.03-2.06-.234-.652-1.004-.74-1.648-1.004z" fill-rule="evenodd"/></symbol></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/arrow-down.svg b/public/assets/images/icons/arrow-down.svg
new file mode 100644
index 000000000..7c29f03a9
--- /dev/null
+++ b/public/assets/images/icons/arrow-down.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="13px" height="7px" viewBox="0 0 13 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>arrow-down</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="arrow-down" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M7.203553,3.45693561 L2.98934,7.76411261 L4.417766,9.16397061 L9.317766,4.16397061 L10.01066,3.45693561 L9.31066,2.75693461 L4.41066,-2.14306539 L2.996446,-0.728851394 L7.203553,3.45693561 L7.203553,3.45693561 Z" sketch:type="MSShapeGroup" transform="translate(6.500000, 3.510453) rotate(90.000000) translate(-6.500000, -3.510453) "></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/arrow-left.svg b/public/assets/images/icons/arrow-left.svg
new file mode 100644
index 000000000..7da5bde2d
--- /dev/null
+++ b/public/assets/images/icons/arrow-left.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="7px" height="13px" viewBox="0 0 7 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>arrow-left</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="arrow-left" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M7.08012822,2.201647 L5.65170254,0.801789 L0.751702536,5.801789 L0.0588082339,6.508824 L0.758808596,7.208825 L5.6588086,12.108825 L7.07302216,10.694611 L2.96591535,6.508824 L7.08012822,2.201647 Z" id="arrow-left-black" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/arrow-right.svg b/public/assets/images/icons/arrow-right.svg
index f8a3458a7..0c9254a62 100644
--- a/public/assets/images/icons/arrow-right.svg
+++ b/public/assets/images/icons/arrow-right.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+<svg width="7px" height="13px" viewBox="0 0 7 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>arrow-right</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
         <g id="arrow-right" sketch:type="MSArtboardGroup" fill="#50E3C2">
-            <path d="M8.34695201,6.2034625 C8.02653159,6.44377782 7.70611117,6.78021926 7.3536487,7.16472377 L5.11070574,9.59991898 L6.18411416,10.5131172 L10.6700001,5.51455859 L6.18411416,0.516 L5.11070574,1.4291982 L7.24150155,3.73622525 C7.6580481,4.20083486 7.99448955,4.56931835 8.34695201,4.82565469 L8.33093099,4.87371775 L0,4.87371775 L0,6.15539944 L8.33093099,6.15539944 L8.34695201,6.2034625 Z" sketch:type="MSShapeGroup"></path>
+            <path d="M0,10.700142 L1.42842564,12.1 L6.32842564,7.1 L7.02131994,6.392965 L6.32131964,5.692964 L1.42131964,0.792964001 L0.00710606,2.207178 L4.21421294,6.392965 L0,10.700142 Z" id="arrow-right-black" sketch:type="MSShapeGroup"></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/arrow-up.svg b/public/assets/images/icons/arrow-up.svg
new file mode 100644
index 000000000..3a87562c8
--- /dev/null
+++ b/public/assets/images/icons/arrow-up.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="13px" height="7px" viewBox="0 0 13 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>arrow-up</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="arrow-up" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M10.064178,-0.76432 L8.63575201,-2.164178 L3.73575201,2.835822 L3.04285801,3.542857 L3.74285801,4.242858 L8.64285801,9.142858 L10.057072,7.728644 L5.94996501,3.542857 L10.064178,-0.76432 Z" sketch:type="MSShapeGroup" transform="translate(6.553518, 3.489340) rotate(90.000000) translate(-6.553518, -3.489340) "></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/clock.svg b/public/assets/images/icons/clock.svg
index 1ddd423c1..6736cfba3 100644
--- a/public/assets/images/icons/clock.svg
+++ b/public/assets/images/icons/clock.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>clock</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/close.svg b/public/assets/images/icons/close.svg
index e857e6f77..11955773a 100644
--- a/public/assets/images/icons/close.svg
+++ b/public/assets/images/icons/close.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>close</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/cloud.svg b/public/assets/images/icons/cloud.svg
index 2af41c67b..c2c143475 100644
--- a/public/assets/images/icons/cloud.svg
+++ b/public/assets/images/icons/cloud.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>cloud</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/cog.svg b/public/assets/images/icons/cog.svg
index 5aec1411e..f0c427c91 100644
--- a/public/assets/images/icons/cog.svg
+++ b/public/assets/images/icons/cog.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>cog</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/dashboard.svg b/public/assets/images/icons/dashboard.svg
index 9251e3ab1..dfb235eff 100644
--- a/public/assets/images/icons/dashboard.svg
+++ b/public/assets/images/icons/dashboard.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>dashboard</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/diagonal-cross.svg b/public/assets/images/icons/diagonal-cross.svg
new file mode 100644
index 000000000..729f148a5
--- /dev/null
+++ b/public/assets/images/icons/diagonal-cross.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>diagonal-cross</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="diagonal-cross" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M12.6663841,0.28865483 C13.0558655,0.675431849 13.058059,1.30471414 12.671281,1.69419648 L7.88222671,6.51674071 L12.6656517,11.3001651 C13.0537833,11.6882977 13.0537833,12.317584 12.6656517,12.7057157 C12.277519,13.0938473 11.6482327,13.0938473 11.2601011,12.7057157 L6.48157393,7.92718812 L1.73866673,12.7032628 C1.35188952,13.0927441 0.722607032,13.0949376 0.333125085,12.7081596 C-0.0563568607,12.3213826 -0.0585494462,11.6921003 0.328227771,11.302618 L5.07601518,6.52162958 L0.251034866,1.69664936 C-0.137097101,1.30851769 -0.137097101,0.679231429 0.251034866,0.291098767 C0.639166733,-0.0970329023 1.268453,-0.0970329023 1.65658496,0.291098767 L6.47666797,5.11118217 L11.2608425,0.293551648 C11.6476195,-0.0959297021 12.2769018,-0.0981221883 12.6663841,0.28865483 Z" id="close" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/mail.svg b/public/assets/images/icons/email.svg
similarity index 79%
rename from public/assets/images/icons/mail.svg
rename to public/assets/images/icons/email.svg
index a197c1310..7e60d3cc5 100644
--- a/public/assets/images/icons/mail.svg
+++ b/public/assets/images/icons/email.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>mail</title>
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>email</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="mail" sketch:type="MSArtboardGroup" fill="#50E3C2">
+        <g id="email" sketch:type="MSArtboardGroup" fill="#50E3C2">
             <path d="M11.324675,9 L8.5,11.592593 L5.675325,9 L1,14 L16,14 L11.324675,9 L11.324675,9 Z M17,4 L12,8.591837 L17,14 L17,4 L17,4 Z M0,4 L0,14 L5,8.646465 L0,4 L0,4 Z M17,3 L0,3 L8.449102,10 L17,3 L17,3 Z" id="email-channel-white" sketch:type="MSShapeGroup"></path>
         </g>
     </g>
diff --git a/public/assets/images/icons/facebook.svg b/public/assets/images/icons/facebook.svg
index 8fc8952b4..17227e274 100644
--- a/public/assets/images/icons/facebook.svg
+++ b/public/assets/images/icons/facebook.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>facebook</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/group.svg b/public/assets/images/icons/group.svg
index e73f8c943..187efb17b 100644
--- a/public/assets/images/icons/group.svg
+++ b/public/assets/images/icons/group.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>group</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/important.svg b/public/assets/images/icons/important.svg
index 4b7e80472..b15552ca3 100644
--- a/public/assets/images/icons/important.svg
+++ b/public/assets/images/icons/important.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>important</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/in-process.svg b/public/assets/images/icons/in-process.svg
index ab5212c2f..abc4f0ed6 100644
--- a/public/assets/images/icons/in-process.svg
+++ b/public/assets/images/icons/in-process.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>in-process</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/list.svg b/public/assets/images/icons/list.svg
index d779aa004..5d6bdf900 100644
--- a/public/assets/images/icons/list.svg
+++ b/public/assets/images/icons/list.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>list</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/lock-open.svg b/public/assets/images/icons/lock-open.svg
new file mode 100644
index 000000000..860b3317a
--- /dev/null
+++ b/public/assets/images/icons/lock-open.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>lock-open</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="lock-open" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M5.4077632,7 L12.0044225,7 C12.555163,7 13,7.446386 13,7.99703 L13,14.00297 C13,14.546964 12.5542648,15 12.0044225,15 L2.9955775,15 C2.444837,15 2,14.553614 2,14.00297 L2,7.99703 C2,7.453036 2.4457352,7 2.9955775,7 L4.0128452,7 L4.0128452,4.210526 L4.0182579,4.315236 C4.0146936,4.27948 4.0117872,4.243843 4.0086952,4.18969 C3.9740043,3.582096 4.0383141,2.880691 4.288829,2.188943 C4.782181,0.82665 5.8518862,0 7.4996474,0 C9.147359,0 10.2171616,0.826578 10.7107881,2.188763 C10.9615254,2.880684 11.0259563,3.582243 10.991349,4.189828 C10.9882738,4.243818 10.9853834,4.279341 10.981836,4.315007 L10.987225,4.210526 L10.987225,5.894737 L9.592307,5.894737 L9.592307,4.210526 L9.5976961,4.106046 C9.5970325,4.113866 9.5984676,4.096228 9.599718,4.074275 C9.6202475,3.713847 9.5793057,3.26805 9.4328388,2.863868 C9.1635634,2.12079 8.5985181,1.684211 7.4996473,1.684211 C6.4008258,1.68421 5.8359739,2.120718 5.5669088,2.863688 C5.4205913,3.267715 5.379729,3.713387 5.4003105,4.073861 C5.4015696,4.095913 5.4030141,4.113625 5.4023505,4.105817 L5.4077632,4.210526 L5.4077632,7 L5.4077632,7 Z" id="public" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/lock.svg b/public/assets/images/icons/lock.svg
new file mode 100644
index 000000000..c46a94739
--- /dev/null
+++ b/public/assets/images/icons/lock.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>lock</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="lock" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M2.9955775,7 C2.4457352,7 2,7.453036 2,7.99703 L2,14.00297 C2,14.553614 2.444837,15 2.9955775,15 L12.0044225,15 C12.5542648,15 13,14.546964 13,14.00297 L13,7.99703 C13,7.446386 12.555163,7 12.0044225,7 L2.9955775,7 L2.9955775,7 Z M5.4077632,5.571429 L5.4023505,5.482613 C5.4030141,5.489235 5.4015696,5.474212 5.4003105,5.455507 C5.379729,5.149748 5.4205913,4.771722 5.5669088,4.429021 C5.8359739,3.798824 6.4008258,3.428571 7.4996473,3.428571 C8.5985181,3.428572 9.1635634,3.798885 9.4328388,4.429174 C9.5793057,4.772007 9.6202475,5.150138 9.599718,5.455859 C9.5984676,5.474479 9.5970325,5.489439 9.5976961,5.482806 L9.592307,5.571429 L9.592307,7 L10.987225,7 L10.987225,5.571429 L10.981836,5.660051 C10.9853834,5.629798 10.9882738,5.599667 10.991349,5.553872 C11.0259563,5.038509 10.9615254,4.443438 10.7107881,3.85654 C10.2171616,2.701116 9.147359,2 7.4996474,2 C5.8518862,2 4.782181,2.701176 4.288829,3.856693 C4.0383141,4.443443 3.9740043,5.038385 4.0086952,5.553755 C4.0117872,5.599689 4.0146936,5.629916 4.0182579,5.660245 L4.0128452,5.571429 L4.0128452,7 L5.4077632,7 L5.4077632,5.571429 L5.4077632,5.571429 Z" id="internal" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/logo.svg b/public/assets/images/icons/logo.svg
index 0c72eac1d..2863f78cf 100644
--- a/public/assets/images/icons/logo.svg
+++ b/public/assets/images/icons/logo.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="42px" height="36px" viewBox="0 0 42 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>logo</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/long-arrow-right.svg b/public/assets/images/icons/long-arrow-right.svg
new file mode 100644
index 000000000..41e7b59a8
--- /dev/null
+++ b/public/assets/images/icons/long-arrow-right.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>long-arrow-right</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="long-arrow-right" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M8.34695201,6.2034625 C8.02653159,6.44377782 7.70611117,6.78021926 7.3536487,7.16472377 L5.11070574,9.59991898 L6.18411416,10.5131172 L10.6700001,5.51455859 L6.18411416,0.516 L5.11070574,1.4291982 L7.24150155,3.73622525 C7.6580481,4.20083486 7.99448955,4.56931835 8.34695201,4.82565469 L8.33093099,4.87371775 L0,4.87371775 L0,6.15539944 L8.33093099,6.15539944 L8.34695201,6.2034625 Z" id="arrow-right" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/magnifier.svg b/public/assets/images/icons/magnifier.svg
index 7039dc46f..fd55e86ec 100644
--- a/public/assets/images/icons/magnifier.svg
+++ b/public/assets/images/icons/magnifier.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>magnifier</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/marker.svg b/public/assets/images/icons/marker.svg
new file mode 100644
index 000000000..742997d55
--- /dev/null
+++ b/public/assets/images/icons/marker.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="17px" height="19px" viewBox="0 0 17 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>marker</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="marker" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M7.377737,14.166339 L11.524039,2.256174 L6.861887,-5.68434189e-14 C6.861887,-5.68434189e-14 1.995307,8.101615 0.532146,10.848815 L7.377737,14.166339 L7.377737,14.166339 Z M7.068636,14.760567 C6.69432,15.206206 5.795208,16.07934 4.717791,15.743287 C3.293088,15.298914 3.706642,15.378784 3.706642,15.378784 L3.404616,16.109371 L0.848534,15.027282 L1.391268,14.169006 C1.391268,14.169006 -0.62314,13.589062 0.205748,11.516144 L7.068636,14.760567 L7.068636,14.760567 Z M0.755887,16.003389 L0,17.837016 L2.781939,18.135872 L3.248109,17.229168 L0.755887,16.003389 L0.755887,16.003389 Z M0.119967,18.34136 L16.856531,18.34136 L16.856531,18.800719 L0.119967,18.800719 L0.119967,18.34136 L0.119967,18.34136 Z" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/message.svg b/public/assets/images/icons/message.svg
index a9768167c..5d4001401 100644
--- a/public/assets/images/icons/message.svg
+++ b/public/assets/images/icons/message.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>message</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/mood-bad.svg b/public/assets/images/icons/mood-bad.svg
index b0d377663..33e03c23f 100644
--- a/public/assets/images/icons/mood-bad.svg
+++ b/public/assets/images/icons/mood-bad.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>mood-bad</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/mood-happy.svg b/public/assets/images/icons/mood-good.svg
similarity index 93%
rename from public/assets/images/icons/mood-happy.svg
rename to public/assets/images/icons/mood-good.svg
index d52d2e77a..3576a567f 100644
--- a/public/assets/images/icons/mood-happy.svg
+++ b/public/assets/images/icons/mood-good.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>mood-happy</title>
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>mood-good</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="mood-happy" sketch:type="MSArtboardGroup" fill="#A9AC41">
+        <g id="mood-good" sketch:type="MSArtboardGroup" fill="#A9AC41">
             <path d="M60,5.107871 C60,4.288089 59.937695,3.531367 59.813084,2.711585 C59.563863,1.135082 58.753894,0.315301 57.133956,0.12612 C56.573209,0.06306 55.950156,0 55.389408,0 L4.672897,0 C3.862928,0 3.115265,0.12612 2.305296,0.252241 C1.121495,0.441421 0.436137,1.261202 0.186916,2.459345 C0.062305,3.216067 0,3.909727 0,4.66645 L0,38.592798 L0,39.538699 C0.124611,42.061105 1.05919,43.007006 3.551402,43.007006 C6.853583,43.070067 10.280374,43.070067 13.582555,43.070067 C14.267913,43.070067 15.327103,43.133127 15.327103,43.133127 L15.327103,44.205149 C15.327103,48.367117 15.451713,52.529085 15.514019,56.691054 C15.514019,57.510835 15.576324,58.456737 16.510903,58.898158 C17.445483,59.276519 18.006231,58.519797 18.566978,57.952256 C23.738318,53.159687 28.847352,48.430177 34.018692,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.107871 L60,5.107871 L60,5.107871 Z M18.780981,20.33617 C16.343481,20.33617 14.405981,18.32766 14.405981,15.942553 C14.405981,13.494681 16.405981,11.548936 18.780981,11.548936 C21.218481,11.548936 23.155981,13.557447 23.155981,15.942553 C23.218481,18.32766 21.218481,20.33617 18.780981,20.33617 L18.780981,20.33617 L18.780981,20.33617 Z M46.343481,15.942553 C46.343481,18.390425 44.343481,20.33617 41.968481,20.33617 C39.530981,20.33617 37.593481,18.32766 37.593481,15.942553 C37.593481,13.494681 39.593481,11.548936 41.968481,11.548936 C44.343481,11.48617 46.343481,13.494681 46.343481,15.942553 L46.343481,15.942553 L46.343481,15.942553 Z M38.093481,27.303191 C38.593481,27.742553 38.655981,28.558511 38.155981,29.060638 C36.093481,31.320213 33.218481,32.575532 30.155981,32.575532 C27.093481,32.575532 24.218481,31.320213 22.155981,29.060638 C21.718481,28.558511 21.718481,27.742553 22.218481,27.303191 C22.718481,26.86383 23.530981,26.86383 23.968481,27.365957 C25.593481,29.123404 27.718481,30.064894 30.093481,30.064894 C32.405981,30.064894 34.655981,29.060638 36.218481,27.365957 C36.780981,26.86383 37.593481,26.86383 38.093481,27.303191 L38.093481,27.303191 L38.093481,27.303191 Z" id="happy" sketch:type="MSShapeGroup"></path>
         </g>
     </g>
diff --git a/public/assets/images/icons/mood-ok.svg b/public/assets/images/icons/mood-ok.svg
index cd5f6eaf2..d7cafd64b 100644
--- a/public/assets/images/icons/mood-ok.svg
+++ b/public/assets/images/icons/mood-ok.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>mood-ok</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/mood-super-bad.svg b/public/assets/images/icons/mood-super-bad.svg
index 9b68b9c3f..6cb5f4b81 100644
--- a/public/assets/images/icons/mood-super-bad.svg
+++ b/public/assets/images/icons/mood-super-bad.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>mood-super-bad</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/mood-super-happy.svg b/public/assets/images/icons/mood-supergood.svg
similarity index 93%
rename from public/assets/images/icons/mood-super-happy.svg
rename to public/assets/images/icons/mood-supergood.svg
index d99cda1a0..fef42647e 100644
--- a/public/assets/images/icons/mood-super-happy.svg
+++ b/public/assets/images/icons/mood-supergood.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
-    <title>mood-super-happy</title>
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>mood-supergood</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="mood-super-happy" sketch:type="MSArtboardGroup" fill="#38AE6A">
+        <g id="mood-supergood" sketch:type="MSArtboardGroup" fill="#38AE6A">
             <path d="M60,5.107871 C60,4.288089 59.937695,3.531367 59.813084,2.711585 C59.563863,1.135082 58.753894,0.315301 57.133956,0.12612 C56.573209,0.06306 55.950156,0 55.389408,0 L4.672897,0 C3.862928,0 3.115265,0.12612 2.305296,0.252241 C1.121495,0.441421 0.436137,1.261202 0.186916,2.459345 C0.062305,3.216067 0,3.909727 0,4.66645 L0,38.592798 L0,39.538699 C0.124611,42.061105 1.05919,43.007006 3.551402,43.007006 C6.853583,43.070067 10.280374,43.070067 13.582555,43.070067 C14.267913,43.070067 15.327103,43.133127 15.327103,43.133127 L15.327103,44.205149 C15.327103,48.367117 15.451713,52.529085 15.514019,56.691054 C15.514019,57.510835 15.576324,58.456737 16.510903,58.898158 C17.445483,59.276519 18.006231,58.519797 18.566978,57.952256 C23.738318,53.159687 28.847352,48.430177 34.018692,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.107871 L60,5.107871 L60,5.107871 Z M40.6,21 C40.6,25.9079759 35.9058824,31 30.1,31 C24.2941176,31 19.6,25.9079759 19.6,21 L40.6,21 Z M23.440835,15.691489 L13.440835,15.691489 C12.753335,15.691489 12.190835,15.126596 12.190835,14.43617 C12.190835,13.745745 12.753335,13.180851 13.440835,13.180851 L14.065835,13.180851 C14.440835,10.230851 16.253335,8.787234 18.378335,8.787234 C20.503335,8.787234 22.315835,10.293617 22.690835,13.180851 L23.440835,13.180851 C24.128335,13.180851 24.690835,13.745745 24.690835,14.43617 C24.690835,15.126596 24.128335,15.691489 23.440835,15.691489 L23.440835,15.691489 L23.440835,15.691489 Z M47.815835,14.43617 C47.815835,15.126596 47.253335,15.691489 46.565835,15.691489 L36.565835,15.691489 C35.878335,15.691489 35.315835,15.126596 35.315835,14.43617 C35.315835,13.745745 35.878335,13.180851 36.565835,13.180851 L37.190835,13.180851 C37.565835,10.230851 39.378335,8.787234 41.503335,8.787234 C43.628335,8.787234 45.440835,10.293617 45.815835,13.180851 L46.565835,13.180851 C47.253335,13.180851 47.815835,13.745745 47.815835,14.43617 L47.815835,14.43617 L47.815835,14.43617 Z" id="super-happy" sketch:type="MSShapeGroup"></path>
         </g>
     </g>
diff --git a/public/assets/images/icons/note.svg b/public/assets/images/icons/note.svg
index f863f9eb7..e083afa79 100644
--- a/public/assets/images/icons/note.svg
+++ b/public/assets/images/icons/note.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="17px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>note</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/one-ticket.svg b/public/assets/images/icons/one-ticket.svg
index 81564c815..8cdfa35db 100644
--- a/public/assets/images/icons/one-ticket.svg
+++ b/public/assets/images/icons/one-ticket.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="48px" height="10px" viewBox="0 0 48 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>one-ticket</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/organization.svg b/public/assets/images/icons/organization.svg
index 0645a2168..c0fc43f0a 100644
--- a/public/assets/images/icons/organization.svg
+++ b/public/assets/images/icons/organization.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>organization</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/outbound-calls.svg b/public/assets/images/icons/outbound-calls.svg
index 48eddadaf..3ec72076a 100644
--- a/public/assets/images/icons/outbound-calls.svg
+++ b/public/assets/images/icons/outbound-calls.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>outbound-calls</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/overviews.svg b/public/assets/images/icons/overviews.svg
index b2c22ed5d..caf41e543 100644
--- a/public/assets/images/icons/overviews.svg
+++ b/public/assets/images/icons/overviews.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>overviews</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/package.svg b/public/assets/images/icons/package.svg
index 03abb00b0..ab380fb53 100644
--- a/public/assets/images/icons/package.svg
+++ b/public/assets/images/icons/package.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>package</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/pen.svg b/public/assets/images/icons/pen.svg
index d6d2388a3..c523e848e 100644
--- a/public/assets/images/icons/pen.svg
+++ b/public/assets/images/icons/pen.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>pen</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/person.svg b/public/assets/images/icons/person.svg
index debcc5f2b..a0a2b3cc4 100644
--- a/public/assets/images/icons/person.svg
+++ b/public/assets/images/icons/person.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>person</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/phone.svg b/public/assets/images/icons/phone.svg
index 5168e78e3..7a50f46be 100644
--- a/public/assets/images/icons/phone.svg
+++ b/public/assets/images/icons/phone.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>phone</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/plus.svg b/public/assets/images/icons/plus.svg
index a3f431669..b44b46c2c 100644
--- a/public/assets/images/icons/plus.svg
+++ b/public/assets/images/icons/plus.svg
@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>plus</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
         <g id="plus" sketch:type="MSArtboardGroup" fill="#50E3C2">
-            <path d="M10,1 L10,0 L9,0 L8,0 L7,0 L7,1 L7,7 L1,7 L0,7 L0,8 L0,9 L0,10 L1,10 L7,10 L7,16 L7,17 L8,17 L9,17 L10,17 L10,16 L10,10 L16,10 L17,10 L17,9 L17,8 L17,7 L16,7 L10,7 L10,1 Z" id="Shape" sketch:type="MSShapeGroup"></path>
+            <path d="M12,2 L12,1 L11,1 L10,1 L9,1 L9,2 L9,8 L3,8 L2,8 L2,9 L2,10 L2,11 L3,11 L9,11 L9,17 L9,18 L10,18 L11,18 L12,18 L12,17 L12,11 L18,11 L19,11 L19,10 L19,9 L19,8 L18,8 L12,8 L12,2 Z" id="Shape" sketch:type="MSShapeGroup"></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/priority-modified-inner-circle.svg b/public/assets/images/icons/priority-modified-inner-circle.svg
index cefb0715a..9ffcdc250 100644
--- a/public/assets/images/icons/priority-modified-inner-circle.svg
+++ b/public/assets/images/icons/priority-modified-inner-circle.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>priority-modified-inner-circle</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/priority-modified-outer-circle.svg b/public/assets/images/icons/priority-modified-outer-circle.svg
index 0c9a8e61d..7d51f3f8a 100644
--- a/public/assets/images/icons/priority-modified-outer-circle.svg
+++ b/public/assets/images/icons/priority-modified-outer-circle.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>priority-modified-outer-circle</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/priority.svg b/public/assets/images/icons/priority.svg
index c484668a2..fb3aec111 100644
--- a/public/assets/images/icons/priority.svg
+++ b/public/assets/images/icons/priority.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>priority</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/received-calls.svg b/public/assets/images/icons/received-calls.svg
index 7e0bac1c6..7c3b52134 100644
--- a/public/assets/images/icons/received-calls.svg
+++ b/public/assets/images/icons/received-calls.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>received-calls</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/reopening.svg b/public/assets/images/icons/reopening.svg
index 2bc335340..4b264a9c8 100644
--- a/public/assets/images/icons/reopening.svg
+++ b/public/assets/images/icons/reopening.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="68px" height="47px" viewBox="0 0 68 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>reopening</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/reply-all.svg b/public/assets/images/icons/reply-all.svg
new file mode 100644
index 000000000..8fc7ec4dd
--- /dev/null
+++ b/public/assets/images/icons/reply-all.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>reply-all</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="reply-all" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M6.26086953,7.95466426 L6.26086953,9.22626231 L-3.90260215e-16,5.12121212 L6.26086953,1 L6.26086953,2.27660444 L1.93939394,5.12121212 L6.26086953,7.95466426 L6.26086953,7.95466426 Z M10.1396574,6.67272727 C12.4842629,6.67272727 14.3861807,9.03232291 14.3861807,11.3434347 C14.3861807,13.6707074 12.4842629,15.5454546 10.1396574,15.5454546 C13.6483677,15.5454546 16,12.7494953 16,9.27474716 C16,5.81616194 13.6483677,3.50505019 10.1396574,3.50505019 L10.1396574,1 L3.87878788,5.12121212 L10.1396574,9.22626231 L10.1396574,6.67272727 Z" id="reply" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/reply.svg b/public/assets/images/icons/reply.svg
new file mode 100644
index 000000000..281715832
--- /dev/null
+++ b/public/assets/images/icons/reply.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>reply</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="reply" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M8.13965741,6.67272727 C10.4842629,6.67272727 12.3861807,9.03232291 12.3861807,11.3434347 C12.3861807,13.6707074 10.4842629,15.5454546 8.13965741,15.5454546 C11.6483677,15.5454546 14,12.7494953 14,9.27474716 C14,5.81616194 11.6483677,3.50505019 8.13965741,3.50505019 L8.13965741,1 L1.87878788,5.12121212 L8.13965741,9.22626231 L8.13965741,6.67272727 Z" id="reply-path" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/signout.svg b/public/assets/images/icons/signout.svg
index 7c9dda301..190c30efc 100644
--- a/public/assets/images/icons/signout.svg
+++ b/public/assets/images/icons/signout.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="15px" height="19px" viewBox="0 0 15 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>signout</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/split.svg b/public/assets/images/icons/split.svg
new file mode 100644
index 000000000..a3f2089a0
--- /dev/null
+++ b/public/assets/images/icons/split.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>split</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="split" sketch:type="MSArtboardGroup" fill="#50E3C2">
+            <path d="M2,12 C2.00000017,9.77255378 2.70611078,8.64044 4.44274599,7.21806489 C4.41024816,7.24468267 4.76798133,6.95277156 4.86223813,6.87472533 C6.4156106,5.58851644 7.00000005,4.51402489 7,2 L7,2 L9,2 C9.00000009,4.51402489 9.58438951,5.58851556 11.1377619,6.87472533 C11.2320188,6.95277067 11.5897519,7.24468267 11.5572541,7.21806489 C13.2938892,8.64044 13.9999999,9.77255378 14,12 L14.0000001,12 L10,12 L13,15.3333333 L16,12 L14,12 L12,12 C11.9999999,10.4739262 11.607247,9.84422133 10.2899828,8.765328 C10.3277604,8.79626933 9.96299413,8.49861956 9.86223813,8.41519289 C8.94522347,7.65589422 8.26441875,6.90252356 7.79738232,6 L8.20261788,6 C7.73558144,6.90252444 7.0547766,7.65589422 6.13776187,8.41519289 C6.03700589,8.49861956 5.67223971,8.79627022 5.71001736,8.76532889 C4.39275298,9.84422133 4.0000001,10.4739262 4,12 L2,12 L6,12 L3,15.3333333 L0,12 L1.99999994,12 L2,12 L2,12 Z" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/stopwatch.svg b/public/assets/images/icons/stopwatch.svg
index af0ee264d..1b0b2369f 100644
--- a/public/assets/images/icons/stopwatch.svg
+++ b/public/assets/images/icons/stopwatch.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="77px" height="83px" viewBox="0 0 77 83" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>stopwatch</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/switchView.svg b/public/assets/images/icons/switchView.svg
index 430ae8002..80b9a4a12 100644
--- a/public/assets/images/icons/switchView.svg
+++ b/public/assets/images/icons/switchView.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>switchView</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/team.svg b/public/assets/images/icons/team.svg
index df5e3f049..b3aa19029 100644
--- a/public/assets/images/icons/team.svg
+++ b/public/assets/images/icons/team.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>team</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/templates.svg b/public/assets/images/icons/templates.svg
index 831f63066..4487ad490 100644
--- a/public/assets/images/icons/templates.svg
+++ b/public/assets/images/icons/templates.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>templates</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/tools.svg b/public/assets/images/icons/tools.svg
index 0cbd81ead..4248e57b9 100644
--- a/public/assets/images/icons/tools.svg
+++ b/public/assets/images/icons/tools.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>tools</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/total-tickets.svg b/public/assets/images/icons/total-tickets.svg
index 1448ff462..c6fc0b8bf 100644
--- a/public/assets/images/icons/total-tickets.svg
+++ b/public/assets/images/icons/total-tickets.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="48px" height="83px" viewBox="0 0 48 83" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>total-tickets</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/twitter.svg b/public/assets/images/icons/twitter.svg
index 8bc2d9f6d..ad97ccc10 100644
--- a/public/assets/images/icons/twitter.svg
+++ b/public/assets/images/icons/twitter.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>twitter</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
diff --git a/public/assets/images/icons/user.svg b/public/assets/images/icons/user.svg
index 3a5bd260f..f690601bf 100644
--- a/public/assets/images/icons/user.svg
+++ b/public/assets/images/icons/user.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-    <!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch -->
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
     <title>user</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>