diff --git a/js/apps/system/_admin/aardvark/APP/clusterFrontend/build/cluster.js b/js/apps/system/_admin/aardvark/APP/clusterFrontend/build/cluster.js
index 7926baba78..e377d95d52 100644
--- a/js/apps/system/_admin/aardvark/APP/clusterFrontend/build/cluster.js
+++ b/js/apps/system/_admin/aardvark/APP/clusterFrontend/build/cluster.js
@@ -2459,7 +2459,6 @@ window.StatisticsCollection = Backbone.Collection.extend({
 }());
 
 /*jshint browser: true */
-/*jshint unused: false */
 /*global Backbone, $, window, setTimeout, Joi, _ */
 /*global templateEngine*/
 
diff --git a/js/apps/system/_admin/aardvark/APP/clusterFrontend/build/style.css b/js/apps/system/_admin/aardvark/APP/clusterFrontend/build/style.css
index 84b51e0087..b1d9509264 100644
--- a/js/apps/system/_admin/aardvark/APP/clusterFrontend/build/style.css
+++ b/js/apps/system/_admin/aardvark/APP/clusterFrontend/build/style.css
@@ -1,9 +1,4 @@
-@charset "UTF-8";
-body,
-input,
-textarea,
-.page-title span,
-.pingback a.url {
+body, input, textarea, .page-title span, .pingback a.url {
   font-family: 'Open Sans', sans-serif !important;
   font-weight: 400; }
 
@@ -11,32 +6,38 @@ textarea,
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 300;
-  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/opensans/OpenSansLight.woff") format("woff"); }
+  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensans/OpenSansLight.woff') format('woff'); }
+
 @font-face {
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 400;
-  src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/OpenSans.woff") format("woff"); }
+  src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans/OpenSans.woff') format('woff'); }
+
 @font-face {
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 700;
-  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/OpenSansBold.woff") format("woff"); }
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensans/OpenSansBold.woff') format('woff'); }
+
 @font-face {
   font-family: 'Open Sans';
   font-style: italic;
   font-weight: 300;
-  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url("../fonts/opensans/OpenSansLightItalic.woff") format("woff"); }
+  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('../fonts/opensans/OpenSansLightItalic.woff') format('woff'); }
+
 @font-face {
   font-family: 'Open Sans';
   font-style: italic;
   font-weight: 400;
-  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/opensans/OpenSansItalic.woff") format("woff"); }
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/opensans/OpenSansItalic.woff') format('woff'); }
+
 @font-face {
   font-family: 'Open Sans';
   font-style: italic;
   font-weight: 700;
-  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/opensans/OpenSansBoldItalic.woff") format("woff"); }
+  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/opensans/OpenSansBoldItalic.woff') format('woff'); }
+
 /*!
  *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
@@ -45,10 +46,11 @@ textarea,
  * -------------------------- */
 @font-face {
   font-family: 'FontAwesome';
-  src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0");
-  src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
+  src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0');
+  src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
   font-weight: normal;
   font-style: normal; }
+
 .fa {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
@@ -60,7 +62,7 @@ textarea,
 
 /* makes the font 33% larger relative to the icon container */
 .fa-lg {
-  font-size: 1.33333em;
+  font-size: 1.3333333333em;
   line-height: 0.75em;
   vertical-align: -15%; }
 
@@ -77,28 +79,28 @@ textarea,
   font-size: 5em; }
 
 .fa-fw {
-  width: 1.28571em;
+  width: 1.2857142857em;
   text-align: center; }
 
 .fa-ul {
   padding-left: 0;
-  margin-left: 2.14286em;
+  margin-left: 2.1428571429em;
   list-style-type: none; }
   .fa-ul > li {
     position: relative; }
 
 .fa-li {
   position: absolute;
-  left: -2.14286em;
-  width: 2.14286em;
-  top: 0.14286em;
+  left: -2.1428571429em;
+  width: 2.1428571429em;
+  top: 0.1428571429em;
   text-align: center; }
   .fa-li.fa-lg {
-    left: -1.85714em; }
+    left: -1.8571428571em; }
 
 .fa-border {
   padding: .2em .25em .15em;
-  border: solid 0.08em #eee;
+  border: solid .08em #eee;
   border-radius: .1em; }
 
 .pull-right {
@@ -124,16 +126,20 @@ textarea,
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg); }
+
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg); } }
+
 @keyframes fa-spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg); }
+
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg); } }
+
 .fa-rotate-90 {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
   -webkit-transform: rotate(90deg);
@@ -164,11 +170,7 @@ textarea,
   -ms-transform: scale(1, -1);
   transform: scale(1, -1); }
 
-:root .fa-rotate-90,
-:root .fa-rotate-180,
-:root .fa-rotate-270,
-:root .fa-flip-horizontal,
-:root .fa-flip-vertical {
+:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
   filter: none; }
 
 .fa-stack {
@@ -197,1635 +199,1561 @@ textarea,
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
 .fa-glass:before {
-  content: ""; }
+  content: "\f000"; }
 
 .fa-music:before {
-  content: ""; }
+  content: "\f001"; }
 
 .fa-search:before {
-  content: ""; }
+  content: "\f002"; }
 
 .fa-envelope-o:before {
-  content: ""; }
+  content: "\f003"; }
 
 .fa-heart:before {
-  content: ""; }
+  content: "\f004"; }
 
 .fa-star:before {
-  content: ""; }
+  content: "\f005"; }
 
 .fa-star-o:before {
-  content: ""; }
+  content: "\f006"; }
 
 .fa-user:before {
-  content: ""; }
+  content: "\f007"; }
 
 .fa-film:before {
-  content: ""; }
+  content: "\f008"; }
 
 .fa-th-large:before {
-  content: ""; }
+  content: "\f009"; }
 
 .fa-th:before {
-  content: ""; }
+  content: "\f00a"; }
 
 .fa-th-list:before {
-  content: ""; }
+  content: "\f00b"; }
 
 .fa-check:before {
-  content: ""; }
+  content: "\f00c"; }
 
-.fa-remove:before,
-.fa-close:before,
-.fa-times:before {
-  content: ""; }
+.fa-remove:before, .fa-close:before, .fa-times:before {
+  content: "\f00d"; }
 
 .fa-search-plus:before {
-  content: ""; }
+  content: "\f00e"; }
 
 .fa-search-minus:before {
-  content: ""; }
+  content: "\f010"; }
 
 .fa-power-off:before {
-  content: ""; }
+  content: "\f011"; }
 
 .fa-signal:before {
-  content: ""; }
+  content: "\f012"; }
 
-.fa-gear:before,
-.fa-cog:before {
-  content: ""; }
+.fa-gear:before, .fa-cog:before {
+  content: "\f013"; }
 
 .fa-trash-o:before {
-  content: ""; }
+  content: "\f014"; }
 
 .fa-home:before {
-  content: ""; }
+  content: "\f015"; }
 
 .fa-file-o:before {
-  content: ""; }
+  content: "\f016"; }
 
 .fa-clock-o:before {
-  content: ""; }
+  content: "\f017"; }
 
 .fa-road:before {
-  content: ""; }
+  content: "\f018"; }
 
 .fa-download:before {
-  content: ""; }
+  content: "\f019"; }
 
 .fa-arrow-circle-o-down:before {
-  content: ""; }
+  content: "\f01a"; }
 
 .fa-arrow-circle-o-up:before {
-  content: ""; }
+  content: "\f01b"; }
 
 .fa-inbox:before {
-  content: ""; }
+  content: "\f01c"; }
 
 .fa-play-circle-o:before {
-  content: ""; }
+  content: "\f01d"; }
 
-.fa-rotate-right:before,
-.fa-repeat:before {
-  content: ""; }
+.fa-rotate-right:before, .fa-repeat:before {
+  content: "\f01e"; }
 
 .fa-refresh:before {
-  content: ""; }
+  content: "\f021"; }
 
 .fa-list-alt:before {
-  content: ""; }
+  content: "\f022"; }
 
 .fa-lock:before {
-  content: ""; }
+  content: "\f023"; }
 
 .fa-flag:before {
-  content: ""; }
+  content: "\f024"; }
 
 .fa-headphones:before {
-  content: ""; }
+  content: "\f025"; }
 
 .fa-volume-off:before {
-  content: ""; }
+  content: "\f026"; }
 
 .fa-volume-down:before {
-  content: ""; }
+  content: "\f027"; }
 
 .fa-volume-up:before {
-  content: ""; }
+  content: "\f028"; }
 
 .fa-qrcode:before {
-  content: ""; }
+  content: "\f029"; }
 
 .fa-barcode:before {
-  content: ""; }
+  content: "\f02a"; }
 
 .fa-tag:before {
-  content: ""; }
+  content: "\f02b"; }
 
 .fa-tags:before {
-  content: ""; }
+  content: "\f02c"; }
 
 .fa-book:before {
-  content: ""; }
+  content: "\f02d"; }
 
 .fa-bookmark:before {
-  content: ""; }
+  content: "\f02e"; }
 
 .fa-print:before {
-  content: ""; }
+  content: "\f02f"; }
 
 .fa-camera:before {
-  content: ""; }
+  content: "\f030"; }
 
 .fa-font:before {
-  content: ""; }
+  content: "\f031"; }
 
 .fa-bold:before {
-  content: ""; }
+  content: "\f032"; }
 
 .fa-italic:before {
-  content: ""; }
+  content: "\f033"; }
 
 .fa-text-height:before {
-  content: ""; }
+  content: "\f034"; }
 
 .fa-text-width:before {
-  content: ""; }
+  content: "\f035"; }
 
 .fa-align-left:before {
-  content: ""; }
+  content: "\f036"; }
 
 .fa-align-center:before {
-  content: ""; }
+  content: "\f037"; }
 
 .fa-align-right:before {
-  content: ""; }
+  content: "\f038"; }
 
 .fa-align-justify:before {
-  content: ""; }
+  content: "\f039"; }
 
 .fa-list:before {
-  content: ""; }
+  content: "\f03a"; }
 
-.fa-dedent:before,
-.fa-outdent:before {
-  content: ""; }
+.fa-dedent:before, .fa-outdent:before {
+  content: "\f03b"; }
 
 .fa-indent:before {
-  content: ""; }
+  content: "\f03c"; }
 
 .fa-video-camera:before {
-  content: ""; }
+  content: "\f03d"; }
 
-.fa-photo:before,
-.fa-image:before,
-.fa-picture-o:before {
-  content: ""; }
+.fa-photo:before, .fa-image:before, .fa-picture-o:before {
+  content: "\f03e"; }
 
 .fa-pencil:before {
-  content: ""; }
+  content: "\f040"; }
 
 .fa-map-marker:before {
-  content: ""; }
+  content: "\f041"; }
 
 .fa-adjust:before {
-  content: ""; }
+  content: "\f042"; }
 
 .fa-tint:before {
-  content: ""; }
+  content: "\f043"; }
 
-.fa-edit:before,
-.fa-pencil-square-o:before {
-  content: ""; }
+.fa-edit:before, .fa-pencil-square-o:before {
+  content: "\f044"; }
 
 .fa-share-square-o:before {
-  content: ""; }
+  content: "\f045"; }
 
 .fa-check-square-o:before {
-  content: ""; }
+  content: "\f046"; }
 
 .fa-arrows:before {
-  content: ""; }
+  content: "\f047"; }
 
 .fa-step-backward:before {
-  content: ""; }
+  content: "\f048"; }
 
 .fa-fast-backward:before {
-  content: ""; }
+  content: "\f049"; }
 
 .fa-backward:before {
-  content: ""; }
+  content: "\f04a"; }
 
 .fa-play:before {
-  content: ""; }
+  content: "\f04b"; }
 
 .fa-pause:before {
-  content: ""; }
+  content: "\f04c"; }
 
 .fa-stop:before {
-  content: ""; }
+  content: "\f04d"; }
 
 .fa-forward:before {
-  content: ""; }
+  content: "\f04e"; }
 
 .fa-fast-forward:before {
-  content: ""; }
+  content: "\f050"; }
 
 .fa-step-forward:before {
-  content: ""; }
+  content: "\f051"; }
 
 .fa-eject:before {
-  content: ""; }
+  content: "\f052"; }
 
 .fa-chevron-left:before {
-  content: ""; }
+  content: "\f053"; }
 
 .fa-chevron-right:before {
-  content: ""; }
+  content: "\f054"; }
 
 .fa-plus-circle:before {
-  content: ""; }
+  content: "\f055"; }
 
 .fa-minus-circle:before {
-  content: ""; }
+  content: "\f056"; }
 
 .fa-times-circle:before {
-  content: ""; }
+  content: "\f057"; }
 
 .fa-check-circle:before {
-  content: ""; }
+  content: "\f058"; }
 
 .fa-question-circle:before {
-  content: ""; }
+  content: "\f059"; }
 
 .fa-info-circle:before {
-  content: ""; }
+  content: "\f05a"; }
 
 .fa-crosshairs:before {
-  content: ""; }
+  content: "\f05b"; }
 
 .fa-times-circle-o:before {
-  content: ""; }
+  content: "\f05c"; }
 
 .fa-check-circle-o:before {
-  content: ""; }
+  content: "\f05d"; }
 
 .fa-ban:before {
-  content: ""; }
+  content: "\f05e"; }
 
 .fa-arrow-left:before {
-  content: ""; }
+  content: "\f060"; }
 
 .fa-arrow-right:before {
-  content: ""; }
+  content: "\f061"; }
 
 .fa-arrow-up:before {
-  content: ""; }
+  content: "\f062"; }
 
 .fa-arrow-down:before {
-  content: ""; }
+  content: "\f063"; }
 
-.fa-mail-forward:before,
-.fa-share:before {
-  content: ""; }
+.fa-mail-forward:before, .fa-share:before {
+  content: "\f064"; }
 
 .fa-expand:before {
-  content: ""; }
+  content: "\f065"; }
 
 .fa-compress:before {
-  content: ""; }
+  content: "\f066"; }
 
 .fa-plus:before {
-  content: ""; }
+  content: "\f067"; }
 
 .fa-minus:before {
-  content: ""; }
+  content: "\f068"; }
 
 .fa-asterisk:before {
-  content: ""; }
+  content: "\f069"; }
 
 .fa-exclamation-circle:before {
-  content: ""; }
+  content: "\f06a"; }
 
 .fa-gift:before {
-  content: ""; }
+  content: "\f06b"; }
 
 .fa-leaf:before {
-  content: ""; }
+  content: "\f06c"; }
 
 .fa-fire:before {
-  content: ""; }
+  content: "\f06d"; }
 
 .fa-eye:before {
-  content: ""; }
+  content: "\f06e"; }
 
 .fa-eye-slash:before {
-  content: ""; }
+  content: "\f070"; }
 
-.fa-warning:before,
-.fa-exclamation-triangle:before {
-  content: ""; }
+.fa-warning:before, .fa-exclamation-triangle:before {
+  content: "\f071"; }
 
 .fa-plane:before {
-  content: ""; }
+  content: "\f072"; }
 
 .fa-calendar:before {
-  content: ""; }
+  content: "\f073"; }
 
 .fa-random:before {
-  content: ""; }
+  content: "\f074"; }
 
 .fa-comment:before {
-  content: ""; }
+  content: "\f075"; }
 
 .fa-magnet:before {
-  content: ""; }
+  content: "\f076"; }
 
 .fa-chevron-up:before {
-  content: ""; }
+  content: "\f077"; }
 
 .fa-chevron-down:before {
-  content: ""; }
+  content: "\f078"; }
 
 .fa-retweet:before {
-  content: ""; }
+  content: "\f079"; }
 
 .fa-shopping-cart:before {
-  content: ""; }
+  content: "\f07a"; }
 
 .fa-folder:before {
-  content: ""; }
+  content: "\f07b"; }
 
 .fa-folder-open:before {
-  content: ""; }
+  content: "\f07c"; }
 
 .fa-arrows-v:before {
-  content: ""; }
+  content: "\f07d"; }
 
 .fa-arrows-h:before {
-  content: ""; }
+  content: "\f07e"; }
 
-.fa-bar-chart-o:before,
-.fa-bar-chart:before {
-  content: ""; }
+.fa-bar-chart-o:before, .fa-bar-chart:before {
+  content: "\f080"; }
 
 .fa-twitter-square:before {
-  content: ""; }
+  content: "\f081"; }
 
 .fa-facebook-square:before {
-  content: ""; }
+  content: "\f082"; }
 
 .fa-camera-retro:before {
-  content: ""; }
+  content: "\f083"; }
 
 .fa-key:before {
-  content: ""; }
+  content: "\f084"; }
 
-.fa-gears:before,
-.fa-cogs:before {
-  content: ""; }
+.fa-gears:before, .fa-cogs:before {
+  content: "\f085"; }
 
 .fa-comments:before {
-  content: ""; }
+  content: "\f086"; }
 
 .fa-thumbs-o-up:before {
-  content: ""; }
+  content: "\f087"; }
 
 .fa-thumbs-o-down:before {
-  content: ""; }
+  content: "\f088"; }
 
 .fa-star-half:before {
-  content: ""; }
+  content: "\f089"; }
 
 .fa-heart-o:before {
-  content: ""; }
+  content: "\f08a"; }
 
 .fa-sign-out:before {
-  content: ""; }
+  content: "\f08b"; }
 
 .fa-linkedin-square:before {
-  content: ""; }
+  content: "\f08c"; }
 
 .fa-thumb-tack:before {
-  content: ""; }
+  content: "\f08d"; }
 
 .fa-external-link:before {
-  content: ""; }
+  content: "\f08e"; }
 
 .fa-sign-in:before {
-  content: ""; }
+  content: "\f090"; }
 
 .fa-trophy:before {
-  content: ""; }
+  content: "\f091"; }
 
 .fa-github-square:before {
-  content: ""; }
+  content: "\f092"; }
 
 .fa-upload:before {
-  content: ""; }
+  content: "\f093"; }
 
 .fa-lemon-o:before {
-  content: ""; }
+  content: "\f094"; }
 
 .fa-phone:before {
-  content: ""; }
+  content: "\f095"; }
 
 .fa-square-o:before {
-  content: ""; }
+  content: "\f096"; }
 
 .fa-bookmark-o:before {
-  content: ""; }
+  content: "\f097"; }
 
 .fa-phone-square:before {
-  content: ""; }
+  content: "\f098"; }
 
 .fa-twitter:before {
-  content: ""; }
+  content: "\f099"; }
 
-.fa-facebook-f:before,
-.fa-facebook:before {
-  content: ""; }
+.fa-facebook-f:before, .fa-facebook:before {
+  content: "\f09a"; }
 
 .fa-github:before {
-  content: ""; }
+  content: "\f09b"; }
 
 .fa-unlock:before {
-  content: ""; }
+  content: "\f09c"; }
 
 .fa-credit-card:before {
-  content: ""; }
+  content: "\f09d"; }
 
 .fa-rss:before {
-  content: ""; }
+  content: "\f09e"; }
 
 .fa-hdd-o:before {
-  content: ""; }
+  content: "\f0a0"; }
 
 .fa-bullhorn:before {
-  content: ""; }
+  content: "\f0a1"; }
 
 .fa-bell:before {
-  content: ""; }
+  content: "\f0f3"; }
 
 .fa-certificate:before {
-  content: ""; }
+  content: "\f0a3"; }
 
 .fa-hand-o-right:before {
-  content: ""; }
+  content: "\f0a4"; }
 
 .fa-hand-o-left:before {
-  content: ""; }
+  content: "\f0a5"; }
 
 .fa-hand-o-up:before {
-  content: ""; }
+  content: "\f0a6"; }
 
 .fa-hand-o-down:before {
-  content: ""; }
+  content: "\f0a7"; }
 
 .fa-arrow-circle-left:before {
-  content: ""; }
+  content: "\f0a8"; }
 
 .fa-arrow-circle-right:before {
-  content: ""; }
+  content: "\f0a9"; }
 
 .fa-arrow-circle-up:before {
-  content: ""; }
+  content: "\f0aa"; }
 
 .fa-arrow-circle-down:before {
-  content: ""; }
+  content: "\f0ab"; }
 
 .fa-globe:before {
-  content: ""; }
+  content: "\f0ac"; }
 
 .fa-wrench:before {
-  content: ""; }
+  content: "\f0ad"; }
 
 .fa-tasks:before {
-  content: ""; }
+  content: "\f0ae"; }
 
 .fa-filter:before {
-  content: ""; }
+  content: "\f0b0"; }
 
 .fa-briefcase:before {
-  content: ""; }
+  content: "\f0b1"; }
 
 .fa-arrows-alt:before {
-  content: ""; }
+  content: "\f0b2"; }
 
-.fa-group:before,
-.fa-users:before {
-  content: ""; }
+.fa-group:before, .fa-users:before {
+  content: "\f0c0"; }
 
-.fa-chain:before,
-.fa-link:before {
-  content: ""; }
+.fa-chain:before, .fa-link:before {
+  content: "\f0c1"; }
 
 .fa-cloud:before {
-  content: ""; }
+  content: "\f0c2"; }
 
 .fa-flask:before {
-  content: ""; }
+  content: "\f0c3"; }
 
-.fa-cut:before,
-.fa-scissors:before {
-  content: ""; }
+.fa-cut:before, .fa-scissors:before {
+  content: "\f0c4"; }
 
-.fa-copy:before,
-.fa-files-o:before {
-  content: ""; }
+.fa-copy:before, .fa-files-o:before {
+  content: "\f0c5"; }
 
 .fa-paperclip:before {
-  content: ""; }
+  content: "\f0c6"; }
 
-.fa-save:before,
-.fa-floppy-o:before {
-  content: ""; }
+.fa-save:before, .fa-floppy-o:before {
+  content: "\f0c7"; }
 
 .fa-square:before {
-  content: ""; }
+  content: "\f0c8"; }
 
-.fa-navicon:before,
-.fa-reorder:before,
-.fa-bars:before {
-  content: ""; }
+.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
+  content: "\f0c9"; }
 
 .fa-list-ul:before {
-  content: ""; }
+  content: "\f0ca"; }
 
 .fa-list-ol:before {
-  content: ""; }
+  content: "\f0cb"; }
 
 .fa-strikethrough:before {
-  content: ""; }
+  content: "\f0cc"; }
 
 .fa-underline:before {
-  content: ""; }
+  content: "\f0cd"; }
 
 .fa-table:before {
-  content: ""; }
+  content: "\f0ce"; }
 
 .fa-magic:before {
-  content: ""; }
+  content: "\f0d0"; }
 
 .fa-truck:before {
-  content: ""; }
+  content: "\f0d1"; }
 
 .fa-pinterest:before {
-  content: ""; }
+  content: "\f0d2"; }
 
 .fa-pinterest-square:before {
-  content: ""; }
+  content: "\f0d3"; }
 
 .fa-google-plus-square:before {
-  content: ""; }
+  content: "\f0d4"; }
 
 .fa-google-plus:before {
-  content: ""; }
+  content: "\f0d5"; }
 
 .fa-money:before {
-  content: ""; }
+  content: "\f0d6"; }
 
 .fa-caret-down:before {
-  content: ""; }
+  content: "\f0d7"; }
 
 .fa-caret-up:before {
-  content: ""; }
+  content: "\f0d8"; }
 
 .fa-caret-left:before {
-  content: ""; }
+  content: "\f0d9"; }
 
 .fa-caret-right:before {
-  content: ""; }
+  content: "\f0da"; }
 
 .fa-columns:before {
-  content: ""; }
+  content: "\f0db"; }
 
-.fa-unsorted:before,
-.fa-sort:before {
-  content: ""; }
+.fa-unsorted:before, .fa-sort:before {
+  content: "\f0dc"; }
 
-.fa-sort-down:before,
-.fa-sort-desc:before {
-  content: ""; }
+.fa-sort-down:before, .fa-sort-desc:before {
+  content: "\f0dd"; }
 
-.fa-sort-up:before,
-.fa-sort-asc:before {
-  content: ""; }
+.fa-sort-up:before, .fa-sort-asc:before {
+  content: "\f0de"; }
 
 .fa-envelope:before {
-  content: ""; }
+  content: "\f0e0"; }
 
 .fa-linkedin:before {
-  content: ""; }
+  content: "\f0e1"; }
 
-.fa-rotate-left:before,
-.fa-undo:before {
-  content: ""; }
+.fa-rotate-left:before, .fa-undo:before {
+  content: "\f0e2"; }
 
-.fa-legal:before,
-.fa-gavel:before {
-  content: ""; }
+.fa-legal:before, .fa-gavel:before {
+  content: "\f0e3"; }
 
-.fa-dashboard:before,
-.fa-tachometer:before {
-  content: ""; }
+.fa-dashboard:before, .fa-tachometer:before {
+  content: "\f0e4"; }
 
 .fa-comment-o:before {
-  content: ""; }
+  content: "\f0e5"; }
 
 .fa-comments-o:before {
-  content: ""; }
+  content: "\f0e6"; }
 
-.fa-flash:before,
-.fa-bolt:before {
-  content: ""; }
+.fa-flash:before, .fa-bolt:before {
+  content: "\f0e7"; }
 
 .fa-sitemap:before {
-  content: ""; }
+  content: "\f0e8"; }
 
 .fa-umbrella:before {
-  content: ""; }
+  content: "\f0e9"; }
 
-.fa-paste:before,
-.fa-clipboard:before {
-  content: ""; }
+.fa-paste:before, .fa-clipboard:before {
+  content: "\f0ea"; }
 
 .fa-lightbulb-o:before {
-  content: ""; }
+  content: "\f0eb"; }
 
 .fa-exchange:before {
-  content: ""; }
+  content: "\f0ec"; }
 
 .fa-cloud-download:before {
-  content: ""; }
+  content: "\f0ed"; }
 
 .fa-cloud-upload:before {
-  content: ""; }
+  content: "\f0ee"; }
 
 .fa-user-md:before {
-  content: ""; }
+  content: "\f0f0"; }
 
 .fa-stethoscope:before {
-  content: ""; }
+  content: "\f0f1"; }
 
 .fa-suitcase:before {
-  content: ""; }
+  content: "\f0f2"; }
 
 .fa-bell-o:before {
-  content: ""; }
+  content: "\f0a2"; }
 
 .fa-coffee:before {
-  content: ""; }
+  content: "\f0f4"; }
 
 .fa-cutlery:before {
-  content: ""; }
+  content: "\f0f5"; }
 
 .fa-file-text-o:before {
-  content: ""; }
+  content: "\f0f6"; }
 
 .fa-building-o:before {
-  content: ""; }
+  content: "\f0f7"; }
 
 .fa-hospital-o:before {
-  content: ""; }
+  content: "\f0f8"; }
 
 .fa-ambulance:before {
-  content: ""; }
+  content: "\f0f9"; }
 
 .fa-medkit:before {
-  content: ""; }
+  content: "\f0fa"; }
 
 .fa-fighter-jet:before {
-  content: ""; }
+  content: "\f0fb"; }
 
 .fa-beer:before {
-  content: ""; }
+  content: "\f0fc"; }
 
 .fa-h-square:before {
-  content: ""; }
+  content: "\f0fd"; }
 
 .fa-plus-square:before {
-  content: ""; }
+  content: "\f0fe"; }
 
 .fa-angle-double-left:before {
-  content: ""; }
+  content: "\f100"; }
 
 .fa-angle-double-right:before {
-  content: ""; }
+  content: "\f101"; }
 
 .fa-angle-double-up:before {
-  content: ""; }
+  content: "\f102"; }
 
 .fa-angle-double-down:before {
-  content: ""; }
+  content: "\f103"; }
 
 .fa-angle-left:before {
-  content: ""; }
+  content: "\f104"; }
 
 .fa-angle-right:before {
-  content: ""; }
+  content: "\f105"; }
 
 .fa-angle-up:before {
-  content: ""; }
+  content: "\f106"; }
 
 .fa-angle-down:before {
-  content: ""; }
+  content: "\f107"; }
 
 .fa-desktop:before {
-  content: ""; }
+  content: "\f108"; }
 
 .fa-laptop:before {
-  content: ""; }
+  content: "\f109"; }
 
 .fa-tablet:before {
-  content: ""; }
+  content: "\f10a"; }
 
-.fa-mobile-phone:before,
-.fa-mobile:before {
-  content: ""; }
+.fa-mobile-phone:before, .fa-mobile:before {
+  content: "\f10b"; }
 
 .fa-circle-o:before {
-  content: ""; }
+  content: "\f10c"; }
 
 .fa-quote-left:before {
-  content: ""; }
+  content: "\f10d"; }
 
 .fa-quote-right:before {
-  content: ""; }
+  content: "\f10e"; }
 
 .fa-spinner:before {
-  content: ""; }
+  content: "\f110"; }
 
 .fa-circle:before {
-  content: ""; }
+  content: "\f111"; }
 
-.fa-mail-reply:before,
-.fa-reply:before {
-  content: ""; }
+.fa-mail-reply:before, .fa-reply:before {
+  content: "\f112"; }
 
 .fa-github-alt:before {
-  content: ""; }
+  content: "\f113"; }
 
 .fa-folder-o:before {
-  content: ""; }
+  content: "\f114"; }
 
 .fa-folder-open-o:before {
-  content: ""; }
+  content: "\f115"; }
 
 .fa-smile-o:before {
-  content: ""; }
+  content: "\f118"; }
 
 .fa-frown-o:before {
-  content: ""; }
+  content: "\f119"; }
 
 .fa-meh-o:before {
-  content: ""; }
+  content: "\f11a"; }
 
 .fa-gamepad:before {
-  content: ""; }
+  content: "\f11b"; }
 
 .fa-keyboard-o:before {
-  content: ""; }
+  content: "\f11c"; }
 
 .fa-flag-o:before {
-  content: ""; }
+  content: "\f11d"; }
 
 .fa-flag-checkered:before {
-  content: ""; }
+  content: "\f11e"; }
 
 .fa-terminal:before {
-  content: ""; }
+  content: "\f120"; }
 
 .fa-code:before {
-  content: ""; }
+  content: "\f121"; }
 
-.fa-mail-reply-all:before,
-.fa-reply-all:before {
-  content: ""; }
+.fa-mail-reply-all:before, .fa-reply-all:before {
+  content: "\f122"; }
 
-.fa-star-half-empty:before,
-.fa-star-half-full:before,
-.fa-star-half-o:before {
-  content: ""; }
+.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
+  content: "\f123"; }
 
 .fa-location-arrow:before {
-  content: ""; }
+  content: "\f124"; }
 
 .fa-crop:before {
-  content: ""; }
+  content: "\f125"; }
 
 .fa-code-fork:before {
-  content: ""; }
+  content: "\f126"; }
 
-.fa-unlink:before,
-.fa-chain-broken:before {
-  content: ""; }
+.fa-unlink:before, .fa-chain-broken:before {
+  content: "\f127"; }
 
 .fa-question:before {
-  content: ""; }
+  content: "\f128"; }
 
 .fa-info:before {
-  content: ""; }
+  content: "\f129"; }
 
 .fa-exclamation:before {
-  content: ""; }
+  content: "\f12a"; }
 
 .fa-superscript:before {
-  content: ""; }
+  content: "\f12b"; }
 
 .fa-subscript:before {
-  content: ""; }
+  content: "\f12c"; }
 
 .fa-eraser:before {
-  content: ""; }
+  content: "\f12d"; }
 
 .fa-puzzle-piece:before {
-  content: ""; }
+  content: "\f12e"; }
 
 .fa-microphone:before {
-  content: ""; }
+  content: "\f130"; }
 
 .fa-microphone-slash:before {
-  content: ""; }
+  content: "\f131"; }
 
 .fa-shield:before {
-  content: ""; }
+  content: "\f132"; }
 
 .fa-calendar-o:before {
-  content: ""; }
+  content: "\f133"; }
 
 .fa-fire-extinguisher:before {
-  content: ""; }
+  content: "\f134"; }
 
 .fa-rocket:before {
-  content: ""; }
+  content: "\f135"; }
 
 .fa-maxcdn:before {
-  content: ""; }
+  content: "\f136"; }
 
 .fa-chevron-circle-left:before {
-  content: ""; }
+  content: "\f137"; }
 
 .fa-chevron-circle-right:before {
-  content: ""; }
+  content: "\f138"; }
 
 .fa-chevron-circle-up:before {
-  content: ""; }
+  content: "\f139"; }
 
 .fa-chevron-circle-down:before {
-  content: ""; }
+  content: "\f13a"; }
 
 .fa-html5:before {
-  content: ""; }
+  content: "\f13b"; }
 
 .fa-css3:before {
-  content: ""; }
+  content: "\f13c"; }
 
 .fa-anchor:before {
-  content: ""; }
+  content: "\f13d"; }
 
 .fa-unlock-alt:before {
-  content: ""; }
+  content: "\f13e"; }
 
 .fa-bullseye:before {
-  content: ""; }
+  content: "\f140"; }
 
 .fa-ellipsis-h:before {
-  content: ""; }
+  content: "\f141"; }
 
 .fa-ellipsis-v:before {
-  content: ""; }
+  content: "\f142"; }
 
 .fa-rss-square:before {
-  content: ""; }
+  content: "\f143"; }
 
 .fa-play-circle:before {
-  content: ""; }
+  content: "\f144"; }
 
 .fa-ticket:before {
-  content: ""; }
+  content: "\f145"; }
 
 .fa-minus-square:before {
-  content: ""; }
+  content: "\f146"; }
 
 .fa-minus-square-o:before {
-  content: ""; }
+  content: "\f147"; }
 
 .fa-level-up:before {
-  content: ""; }
+  content: "\f148"; }
 
 .fa-level-down:before {
-  content: ""; }
+  content: "\f149"; }
 
 .fa-check-square:before {
-  content: ""; }
+  content: "\f14a"; }
 
 .fa-pencil-square:before {
-  content: ""; }
+  content: "\f14b"; }
 
 .fa-external-link-square:before {
-  content: ""; }
+  content: "\f14c"; }
 
 .fa-share-square:before {
-  content: ""; }
+  content: "\f14d"; }
 
 .fa-compass:before {
-  content: ""; }
+  content: "\f14e"; }
 
-.fa-toggle-down:before,
-.fa-caret-square-o-down:before {
-  content: ""; }
+.fa-toggle-down:before, .fa-caret-square-o-down:before {
+  content: "\f150"; }
 
-.fa-toggle-up:before,
-.fa-caret-square-o-up:before {
-  content: ""; }
+.fa-toggle-up:before, .fa-caret-square-o-up:before {
+  content: "\f151"; }
 
-.fa-toggle-right:before,
-.fa-caret-square-o-right:before {
-  content: ""; }
+.fa-toggle-right:before, .fa-caret-square-o-right:before {
+  content: "\f152"; }
 
-.fa-euro:before,
-.fa-eur:before {
-  content: ""; }
+.fa-euro:before, .fa-eur:before {
+  content: "\f153"; }
 
 .fa-gbp:before {
-  content: ""; }
+  content: "\f154"; }
 
-.fa-dollar:before,
-.fa-usd:before {
-  content: ""; }
+.fa-dollar:before, .fa-usd:before {
+  content: "\f155"; }
 
-.fa-rupee:before,
-.fa-inr:before {
-  content: ""; }
+.fa-rupee:before, .fa-inr:before {
+  content: "\f156"; }
 
-.fa-cny:before,
-.fa-rmb:before,
-.fa-yen:before,
-.fa-jpy:before {
-  content: ""; }
+.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
+  content: "\f157"; }
 
-.fa-ruble:before,
-.fa-rouble:before,
-.fa-rub:before {
-  content: ""; }
+.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
+  content: "\f158"; }
 
-.fa-won:before,
-.fa-krw:before {
-  content: ""; }
+.fa-won:before, .fa-krw:before {
+  content: "\f159"; }
 
-.fa-bitcoin:before,
-.fa-btc:before {
-  content: ""; }
+.fa-bitcoin:before, .fa-btc:before {
+  content: "\f15a"; }
 
 .fa-file:before {
-  content: ""; }
+  content: "\f15b"; }
 
 .fa-file-text:before {
-  content: ""; }
+  content: "\f15c"; }
 
 .fa-sort-alpha-asc:before {
-  content: ""; }
+  content: "\f15d"; }
 
 .fa-sort-alpha-desc:before {
-  content: ""; }
+  content: "\f15e"; }
 
 .fa-sort-amount-asc:before {
-  content: ""; }
+  content: "\f160"; }
 
 .fa-sort-amount-desc:before {
-  content: ""; }
+  content: "\f161"; }
 
 .fa-sort-numeric-asc:before {
-  content: ""; }
+  content: "\f162"; }
 
 .fa-sort-numeric-desc:before {
-  content: ""; }
+  content: "\f163"; }
 
 .fa-thumbs-up:before {
-  content: ""; }
+  content: "\f164"; }
 
 .fa-thumbs-down:before {
-  content: ""; }
+  content: "\f165"; }
 
 .fa-youtube-square:before {
-  content: ""; }
+  content: "\f166"; }
 
 .fa-youtube:before {
-  content: ""; }
+  content: "\f167"; }
 
 .fa-xing:before {
-  content: ""; }
+  content: "\f168"; }
 
 .fa-xing-square:before {
-  content: ""; }
+  content: "\f169"; }
 
 .fa-youtube-play:before {
-  content: ""; }
+  content: "\f16a"; }
 
 .fa-dropbox:before {
-  content: ""; }
+  content: "\f16b"; }
 
 .fa-stack-overflow:before {
-  content: ""; }
+  content: "\f16c"; }
 
 .fa-instagram:before {
-  content: ""; }
+  content: "\f16d"; }
 
 .fa-flickr:before {
-  content: ""; }
+  content: "\f16e"; }
 
 .fa-adn:before {
-  content: ""; }
+  content: "\f170"; }
 
 .fa-bitbucket:before {
-  content: ""; }
+  content: "\f171"; }
 
 .fa-bitbucket-square:before {
-  content: ""; }
+  content: "\f172"; }
 
 .fa-tumblr:before {
-  content: ""; }
+  content: "\f173"; }
 
 .fa-tumblr-square:before {
-  content: ""; }
+  content: "\f174"; }
 
 .fa-long-arrow-down:before {
-  content: ""; }
+  content: "\f175"; }
 
 .fa-long-arrow-up:before {
-  content: ""; }
+  content: "\f176"; }
 
 .fa-long-arrow-left:before {
-  content: ""; }
+  content: "\f177"; }
 
 .fa-long-arrow-right:before {
-  content: ""; }
+  content: "\f178"; }
 
 .fa-apple:before {
-  content: ""; }
+  content: "\f179"; }
 
 .fa-windows:before {
-  content: ""; }
+  content: "\f17a"; }
 
 .fa-android:before {
-  content: ""; }
+  content: "\f17b"; }
 
 .fa-linux:before {
-  content: ""; }
+  content: "\f17c"; }
 
 .fa-dribbble:before {
-  content: ""; }
+  content: "\f17d"; }
 
 .fa-skype:before {
-  content: ""; }
+  content: "\f17e"; }
 
 .fa-foursquare:before {
-  content: ""; }
+  content: "\f180"; }
 
 .fa-trello:before {
-  content: ""; }
+  content: "\f181"; }
 
 .fa-female:before {
-  content: ""; }
+  content: "\f182"; }
 
 .fa-male:before {
-  content: ""; }
+  content: "\f183"; }
 
-.fa-gittip:before,
-.fa-gratipay:before {
-  content: ""; }
+.fa-gittip:before, .fa-gratipay:before {
+  content: "\f184"; }
 
 .fa-sun-o:before {
-  content: ""; }
+  content: "\f185"; }
 
 .fa-moon-o:before {
-  content: ""; }
+  content: "\f186"; }
 
 .fa-archive:before {
-  content: ""; }
+  content: "\f187"; }
 
 .fa-bug:before {
-  content: ""; }
+  content: "\f188"; }
 
 .fa-vk:before {
-  content: ""; }
+  content: "\f189"; }
 
 .fa-weibo:before {
-  content: ""; }
+  content: "\f18a"; }
 
 .fa-renren:before {
-  content: ""; }
+  content: "\f18b"; }
 
 .fa-pagelines:before {
-  content: ""; }
+  content: "\f18c"; }
 
 .fa-stack-exchange:before {
-  content: ""; }
+  content: "\f18d"; }
 
 .fa-arrow-circle-o-right:before {
-  content: ""; }
+  content: "\f18e"; }
 
 .fa-arrow-circle-o-left:before {
-  content: ""; }
+  content: "\f190"; }
 
-.fa-toggle-left:before,
-.fa-caret-square-o-left:before {
-  content: ""; }
+.fa-toggle-left:before, .fa-caret-square-o-left:before {
+  content: "\f191"; }
 
 .fa-dot-circle-o:before {
-  content: ""; }
+  content: "\f192"; }
 
 .fa-wheelchair:before {
-  content: ""; }
+  content: "\f193"; }
 
 .fa-vimeo-square:before {
-  content: ""; }
+  content: "\f194"; }
 
-.fa-turkish-lira:before,
-.fa-try:before {
-  content: ""; }
+.fa-turkish-lira:before, .fa-try:before {
+  content: "\f195"; }
 
 .fa-plus-square-o:before {
-  content: ""; }
+  content: "\f196"; }
 
 .fa-space-shuttle:before {
-  content: ""; }
+  content: "\f197"; }
 
 .fa-slack:before {
-  content: ""; }
+  content: "\f198"; }
 
 .fa-envelope-square:before {
-  content: ""; }
+  content: "\f199"; }
 
 .fa-wordpress:before {
-  content: ""; }
+  content: "\f19a"; }
 
 .fa-openid:before {
-  content: ""; }
+  content: "\f19b"; }
 
-.fa-institution:before,
-.fa-bank:before,
-.fa-university:before {
-  content: ""; }
+.fa-institution:before, .fa-bank:before, .fa-university:before {
+  content: "\f19c"; }
 
-.fa-mortar-board:before,
-.fa-graduation-cap:before {
-  content: ""; }
+.fa-mortar-board:before, .fa-graduation-cap:before {
+  content: "\f19d"; }
 
 .fa-yahoo:before {
-  content: ""; }
+  content: "\f19e"; }
 
 .fa-google:before {
-  content: ""; }
+  content: "\f1a0"; }
 
 .fa-reddit:before {
-  content: ""; }
+  content: "\f1a1"; }
 
 .fa-reddit-square:before {
-  content: ""; }
+  content: "\f1a2"; }
 
 .fa-stumbleupon-circle:before {
-  content: ""; }
+  content: "\f1a3"; }
 
 .fa-stumbleupon:before {
-  content: ""; }
+  content: "\f1a4"; }
 
 .fa-delicious:before {
-  content: ""; }
+  content: "\f1a5"; }
 
 .fa-digg:before {
-  content: ""; }
+  content: "\f1a6"; }
 
 .fa-pied-piper:before {
-  content: ""; }
+  content: "\f1a7"; }
 
 .fa-pied-piper-alt:before {
-  content: ""; }
+  content: "\f1a8"; }
 
 .fa-drupal:before {
-  content: ""; }
+  content: "\f1a9"; }
 
 .fa-joomla:before {
-  content: ""; }
+  content: "\f1aa"; }
 
 .fa-language:before {
-  content: ""; }
+  content: "\f1ab"; }
 
 .fa-fax:before {
-  content: ""; }
+  content: "\f1ac"; }
 
 .fa-building:before {
-  content: ""; }
+  content: "\f1ad"; }
 
 .fa-child:before {
-  content: ""; }
+  content: "\f1ae"; }
 
 .fa-paw:before {
-  content: ""; }
+  content: "\f1b0"; }
 
 .fa-spoon:before {
-  content: ""; }
+  content: "\f1b1"; }
 
 .fa-cube:before {
-  content: ""; }
+  content: "\f1b2"; }
 
 .fa-cubes:before {
-  content: ""; }
+  content: "\f1b3"; }
 
 .fa-behance:before {
-  content: ""; }
+  content: "\f1b4"; }
 
 .fa-behance-square:before {
-  content: ""; }
+  content: "\f1b5"; }
 
 .fa-steam:before {
-  content: ""; }
+  content: "\f1b6"; }
 
 .fa-steam-square:before {
-  content: ""; }
+  content: "\f1b7"; }
 
 .fa-recycle:before {
-  content: ""; }
+  content: "\f1b8"; }
 
-.fa-automobile:before,
-.fa-car:before {
-  content: ""; }
+.fa-automobile:before, .fa-car:before {
+  content: "\f1b9"; }
 
-.fa-cab:before,
-.fa-taxi:before {
-  content: ""; }
+.fa-cab:before, .fa-taxi:before {
+  content: "\f1ba"; }
 
 .fa-tree:before {
-  content: ""; }
+  content: "\f1bb"; }
 
 .fa-spotify:before {
-  content: ""; }
+  content: "\f1bc"; }
 
 .fa-deviantart:before {
-  content: ""; }
+  content: "\f1bd"; }
 
 .fa-soundcloud:before {
-  content: ""; }
+  content: "\f1be"; }
 
 .fa-database:before {
-  content: ""; }
+  content: "\f1c0"; }
 
 .fa-file-pdf-o:before {
-  content: ""; }
+  content: "\f1c1"; }
 
 .fa-file-word-o:before {
-  content: ""; }
+  content: "\f1c2"; }
 
 .fa-file-excel-o:before {
-  content: ""; }
+  content: "\f1c3"; }
 
 .fa-file-powerpoint-o:before {
-  content: ""; }
+  content: "\f1c4"; }
 
-.fa-file-photo-o:before,
-.fa-file-picture-o:before,
-.fa-file-image-o:before {
-  content: ""; }
+.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
+  content: "\f1c5"; }
 
-.fa-file-zip-o:before,
-.fa-file-archive-o:before {
-  content: ""; }
+.fa-file-zip-o:before, .fa-file-archive-o:before {
+  content: "\f1c6"; }
 
-.fa-file-sound-o:before,
-.fa-file-audio-o:before {
-  content: ""; }
+.fa-file-sound-o:before, .fa-file-audio-o:before {
+  content: "\f1c7"; }
 
-.fa-file-movie-o:before,
-.fa-file-video-o:before {
-  content: ""; }
+.fa-file-movie-o:before, .fa-file-video-o:before {
+  content: "\f1c8"; }
 
 .fa-file-code-o:before {
-  content: ""; }
+  content: "\f1c9"; }
 
 .fa-vine:before {
-  content: ""; }
+  content: "\f1ca"; }
 
 .fa-codepen:before {
-  content: ""; }
+  content: "\f1cb"; }
 
 .fa-jsfiddle:before {
-  content: ""; }
+  content: "\f1cc"; }
 
-.fa-life-bouy:before,
-.fa-life-buoy:before,
-.fa-life-saver:before,
-.fa-support:before,
-.fa-life-ring:before {
-  content: ""; }
+.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
+  content: "\f1cd"; }
 
 .fa-circle-o-notch:before {
-  content: ""; }
+  content: "\f1ce"; }
 
-.fa-ra:before,
-.fa-rebel:before {
-  content: ""; }
+.fa-ra:before, .fa-rebel:before {
+  content: "\f1d0"; }
 
-.fa-ge:before,
-.fa-empire:before {
-  content: ""; }
+.fa-ge:before, .fa-empire:before {
+  content: "\f1d1"; }
 
 .fa-git-square:before {
-  content: ""; }
+  content: "\f1d2"; }
 
 .fa-git:before {
-  content: ""; }
+  content: "\f1d3"; }
 
 .fa-hacker-news:before {
-  content: ""; }
+  content: "\f1d4"; }
 
 .fa-tencent-weibo:before {
-  content: ""; }
+  content: "\f1d5"; }
 
 .fa-qq:before {
-  content: ""; }
+  content: "\f1d6"; }
 
-.fa-wechat:before,
-.fa-weixin:before {
-  content: ""; }
+.fa-wechat:before, .fa-weixin:before {
+  content: "\f1d7"; }
 
-.fa-send:before,
-.fa-paper-plane:before {
-  content: ""; }
+.fa-send:before, .fa-paper-plane:before {
+  content: "\f1d8"; }
 
-.fa-send-o:before,
-.fa-paper-plane-o:before {
-  content: ""; }
+.fa-send-o:before, .fa-paper-plane-o:before {
+  content: "\f1d9"; }
 
 .fa-history:before {
-  content: ""; }
+  content: "\f1da"; }
 
-.fa-genderless:before,
-.fa-circle-thin:before {
-  content: ""; }
+.fa-genderless:before, .fa-circle-thin:before {
+  content: "\f1db"; }
 
 .fa-header:before {
-  content: ""; }
+  content: "\f1dc"; }
 
 .fa-paragraph:before {
-  content: ""; }
+  content: "\f1dd"; }
 
 .fa-sliders:before {
-  content: ""; }
+  content: "\f1de"; }
 
 .fa-share-alt:before {
-  content: ""; }
+  content: "\f1e0"; }
 
 .fa-share-alt-square:before {
-  content: ""; }
+  content: "\f1e1"; }
 
 .fa-bomb:before {
-  content: ""; }
+  content: "\f1e2"; }
 
-.fa-soccer-ball-o:before,
-.fa-futbol-o:before {
-  content: ""; }
+.fa-soccer-ball-o:before, .fa-futbol-o:before {
+  content: "\f1e3"; }
 
 .fa-tty:before {
-  content: ""; }
+  content: "\f1e4"; }
 
 .fa-binoculars:before {
-  content: ""; }
+  content: "\f1e5"; }
 
 .fa-plug:before {
-  content: ""; }
+  content: "\f1e6"; }
 
 .fa-slideshare:before {
-  content: ""; }
+  content: "\f1e7"; }
 
 .fa-twitch:before {
-  content: ""; }
+  content: "\f1e8"; }
 
 .fa-yelp:before {
-  content: ""; }
+  content: "\f1e9"; }
 
 .fa-newspaper-o:before {
-  content: ""; }
+  content: "\f1ea"; }
 
 .fa-wifi:before {
-  content: ""; }
+  content: "\f1eb"; }
 
 .fa-calculator:before {
-  content: ""; }
+  content: "\f1ec"; }
 
 .fa-paypal:before {
-  content: ""; }
+  content: "\f1ed"; }
 
 .fa-google-wallet:before {
-  content: ""; }
+  content: "\f1ee"; }
 
 .fa-cc-visa:before {
-  content: ""; }
+  content: "\f1f0"; }
 
 .fa-cc-mastercard:before {
-  content: ""; }
+  content: "\f1f1"; }
 
 .fa-cc-discover:before {
-  content: ""; }
+  content: "\f1f2"; }
 
 .fa-cc-amex:before {
-  content: ""; }
+  content: "\f1f3"; }
 
 .fa-cc-paypal:before {
-  content: ""; }
+  content: "\f1f4"; }
 
 .fa-cc-stripe:before {
-  content: ""; }
+  content: "\f1f5"; }
 
 .fa-bell-slash:before {
-  content: ""; }
+  content: "\f1f6"; }
 
 .fa-bell-slash-o:before {
-  content: ""; }
+  content: "\f1f7"; }
 
 .fa-trash:before {
-  content: ""; }
+  content: "\f1f8"; }
 
 .fa-copyright:before {
-  content: ""; }
+  content: "\f1f9"; }
 
 .fa-at:before {
-  content: ""; }
+  content: "\f1fa"; }
 
 .fa-eyedropper:before {
-  content: ""; }
+  content: "\f1fb"; }
 
 .fa-paint-brush:before {
-  content: ""; }
+  content: "\f1fc"; }
 
 .fa-birthday-cake:before {
-  content: ""; }
+  content: "\f1fd"; }
 
 .fa-area-chart:before {
-  content: ""; }
+  content: "\f1fe"; }
 
 .fa-pie-chart:before {
-  content: ""; }
+  content: "\f200"; }
 
 .fa-line-chart:before {
-  content: ""; }
+  content: "\f201"; }
 
 .fa-lastfm:before {
-  content: ""; }
+  content: "\f202"; }
 
 .fa-lastfm-square:before {
-  content: ""; }
+  content: "\f203"; }
 
 .fa-toggle-off:before {
-  content: ""; }
+  content: "\f204"; }
 
 .fa-toggle-on:before {
-  content: ""; }
+  content: "\f205"; }
 
 .fa-bicycle:before {
-  content: ""; }
+  content: "\f206"; }
 
 .fa-bus:before {
-  content: ""; }
+  content: "\f207"; }
 
 .fa-ioxhost:before {
-  content: ""; }
+  content: "\f208"; }
 
 .fa-angellist:before {
-  content: ""; }
+  content: "\f209"; }
 
 .fa-cc:before {
-  content: ""; }
+  content: "\f20a"; }
 
-.fa-shekel:before,
-.fa-sheqel:before,
-.fa-ils:before {
-  content: ""; }
+.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
+  content: "\f20b"; }
 
 .fa-meanpath:before {
-  content: ""; }
+  content: "\f20c"; }
 
 .fa-buysellads:before {
-  content: ""; }
+  content: "\f20d"; }
 
 .fa-connectdevelop:before {
-  content: ""; }
+  content: "\f20e"; }
 
 .fa-dashcube:before {
-  content: ""; }
+  content: "\f210"; }
 
 .fa-forumbee:before {
-  content: ""; }
+  content: "\f211"; }
 
 .fa-leanpub:before {
-  content: ""; }
+  content: "\f212"; }
 
 .fa-sellsy:before {
-  content: ""; }
+  content: "\f213"; }
 
 .fa-shirtsinbulk:before {
-  content: ""; }
+  content: "\f214"; }
 
 .fa-simplybuilt:before {
-  content: ""; }
+  content: "\f215"; }
 
 .fa-skyatlas:before {
-  content: ""; }
+  content: "\f216"; }
 
 .fa-cart-plus:before {
-  content: ""; }
+  content: "\f217"; }
 
 .fa-cart-arrow-down:before {
-  content: ""; }
+  content: "\f218"; }
 
 .fa-diamond:before {
-  content: ""; }
+  content: "\f219"; }
 
 .fa-ship:before {
-  content: ""; }
+  content: "\f21a"; }
 
 .fa-user-secret:before {
-  content: ""; }
+  content: "\f21b"; }
 
 .fa-motorcycle:before {
-  content: ""; }
+  content: "\f21c"; }
 
 .fa-street-view:before {
-  content: ""; }
+  content: "\f21d"; }
 
 .fa-heartbeat:before {
-  content: ""; }
+  content: "\f21e"; }
 
 .fa-venus:before {
-  content: ""; }
+  content: "\f221"; }
 
 .fa-mars:before {
-  content: ""; }
+  content: "\f222"; }
 
 .fa-mercury:before {
-  content: ""; }
+  content: "\f223"; }
 
 .fa-transgender:before {
-  content: ""; }
+  content: "\f224"; }
 
 .fa-transgender-alt:before {
-  content: ""; }
+  content: "\f225"; }
 
 .fa-venus-double:before {
-  content: ""; }
+  content: "\f226"; }
 
 .fa-mars-double:before {
-  content: ""; }
+  content: "\f227"; }
 
 .fa-venus-mars:before {
-  content: ""; }
+  content: "\f228"; }
 
 .fa-mars-stroke:before {
-  content: ""; }
+  content: "\f229"; }
 
 .fa-mars-stroke-v:before {
-  content: ""; }
+  content: "\f22a"; }
 
 .fa-mars-stroke-h:before {
-  content: ""; }
+  content: "\f22b"; }
 
 .fa-neuter:before {
-  content: ""; }
+  content: "\f22c"; }
 
 .fa-facebook-official:before {
-  content: ""; }
+  content: "\f230"; }
 
 .fa-pinterest-p:before {
-  content: ""; }
+  content: "\f231"; }
 
 .fa-whatsapp:before {
-  content: ""; }
+  content: "\f232"; }
 
 .fa-server:before {
-  content: ""; }
+  content: "\f233"; }
 
 .fa-user-plus:before {
-  content: ""; }
+  content: "\f234"; }
 
 .fa-user-times:before {
-  content: ""; }
+  content: "\f235"; }
 
-.fa-hotel:before,
-.fa-bed:before {
-  content: ""; }
+.fa-hotel:before, .fa-bed:before {
+  content: "\f236"; }
 
 .fa-viacoin:before {
-  content: ""; }
+  content: "\f237"; }
 
 .fa-train:before {
-  content: ""; }
+  content: "\f238"; }
 
 .fa-subway:before {
-  content: ""; }
+  content: "\f239"; }
 
 .fa-medium:before {
-  content: ""; }
+  content: "\f23a"; }
 
 ul.link-dropdown-menu, ul.user-dropdown-menu, ul.script-dropdown-menu, ul.gv-dropdown-menu, div.navlogo, ul.navlist li, div.footer-left, div.footer-left p, div.footer-center, a.headerButton, a.button-gui, div .tile, div .bigtile, div .tile a span.add-Icon, div .bigtile a span.add-Icon, div.centralContent, .contentDiv li, div.dropdownInner ul, .search-field, .machineClass, .scenarioMachine {
   float: left; }
@@ -1921,12 +1849,9 @@ a.warning.coordinator, a.warning.dbserver {
   .button-notification:hover, .button-notification:focus {
     background-color: #f87c0f; }
 
-[class^='button-']:disabled,
-[class*=' button-']:disabled, .button-inactive {
+[class^='button-']:disabled, [class*=' button-']:disabled, .button-inactive {
   background-color: #d3d3d3; }
-  [class^='button-']:hover:disabled,
-  [class*=' button-']:hover:disabled, .button-inactive:hover, [class^='button-']:focus:disabled,
-  [class*=' button-']:focus:disabled, .button-inactive:focus {
+  [class^='button-']:hover:disabled, [class*=' button-']:hover:disabled, .button-inactive:hover, [class^='button-']:focus:disabled, [class*=' button-']:focus:disabled, .button-inactive:focus {
     background-color: #d3d3d3; }
 
 a.headerButton.disabled, a.inactive.coordinator, a.inactive.dbserver {
@@ -2000,9 +1925,7 @@ ul.link-dropdown-menu, ul.user-dropdown-menu, ul.script-dropdown-menu, ul.gv-dro
 
 .navbar {
   -webkit-font-smoothing: subpixel-antialiased; }
-  .navbar .nav li.dropdown .active > .dropdown-toggle,
-  .navbar .nav li.dropdown .open > .dropdown-toggle,
-  .navbar .nav li.dropdown .open.active > .dropdown-toggle {
+  .navbar .nav li.dropdown .active > .dropdown-toggle, .navbar .nav li.dropdown .open > .dropdown-toggle, .navbar .nav li.dropdown .open.active > .dropdown-toggle {
     background: #788f3d; }
 
 nav.navbar {
@@ -2046,9 +1969,7 @@ ul.navlist {
         margin-right: 5px; }
       ul.navlist li.navbar-spacer:hover {
         background-color: #a0a0a0; }
-  ul.navlist > li.active,
-  ul.navlist li.dropdown-item:hover,
-  ul.navlist > li:hover {
+  ul.navlist > li.active, ul.navlist li.dropdown-item:hover, ul.navlist > li:hover {
     background-color: #8aa051; }
   ul.navlist li.dropdown-item {
     margin-left: 0; }
@@ -2190,8 +2111,7 @@ div.footer-right {
 .button-header {
   margin-top: 5px; }
 
-[class^='button-']:disabled,
-[class*=' button-']:disabled {
+[class^='button-']:disabled, [class*=' button-']:disabled {
   cursor: not-allowed; }
 
 .addButton {
@@ -2253,8 +2173,7 @@ a.headerButton {
   a.headerButton .icon_arangodb_checklist {
     right: 5px;
     top: 3px !important; }
-  a.headerButton .icon_arangodb_arrowleft,
-  a.headerButton .icon_arangodb_arrowright {
+  a.headerButton .icon_arangodb_arrowleft, a.headerButton .icon_arangodb_arrowright {
     font-weight: bold; }
   a.headerButton .fa-file-code-o {
     left: -2px;
@@ -2344,10 +2263,10 @@ button.gv-icon-small {
   width: 16px; }
 
 button.gv-icon-small.delete {
-  background-image: url("../img/icon_delete.png"); }
+  background-image: url('../img/icon_delete.png'); }
 
 button.gv-icon-small.add {
-  background-image: url("../img/plus_icon.png"); }
+  background-image: url('../img/plus_icon.png'); }
 
 button.gv-icon-btn {
   -moz-border-radius: 0 !important;
@@ -2393,27 +2312,23 @@ button.gv-zoom-btn {
   vertical-align: baseline;
   width: 14px; }
   button.gv-zoom-btn.pan-right {
-    background-image: url("../img/gv_arrow_right.png"); }
+    background-image: url('../img/gv_arrow_right.png'); }
   button.gv-zoom-btn.pan-left {
-    background-image: url("../img/gv_arrow_left.png"); }
+    background-image: url('../img/gv_arrow_left.png'); }
   button.gv-zoom-btn.pan-top {
-    background-image: url("../img/gv_arrow_top.png"); }
+    background-image: url('../img/gv_arrow_top.png'); }
   button.gv-zoom-btn.pan-bottom {
-    background-image: url("../img/gv_arrow_bottom.png"); }
+    background-image: url('../img/gv_arrow_bottom.png'); }
 
-a.pagination-button,
-ul.arango-pagination a {
+a.pagination-button, ul.arango-pagination a {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px; }
 
-.badge,
-.label,
-.btn {
+.badge, .label, .btn {
   text-shadow: none !important; }
 
-.thumbnail,
-.navbar-inner {
+.thumbnail, .navbar-inner {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
@@ -2431,8 +2346,7 @@ button {
   padding-bottom: 4px !important;
   padding-top: 4px !important; }
 
-button.btn-overview,
-button.btn-server {
+button.btn-overview, button.btn-server {
   margin: 5px; }
 
 button.btn-server {
@@ -2620,23 +2534,23 @@ div.resizecontainer {
 @media (max-width: 798px) {
   #arangoCollectionUl {
     display: none; }
-
   #collectionsDropdown ul {
     width: auto !important; }
-
   #arangoCollectionSelect {
     display: inline-block; } }
+
 @media (min-width: 799px) and (max-width: 1041px) {
   #arangoCollectionUl a {
     font-size: 12px;
     padding: 10px 5px; } }
+
 @media (min-width: 1042px) and (max-width: 1284px) {
   #arangoCollectionUl a {
     font-size: 14px; } }
+
 @media (min-width: 250px) and (max-width: 489px) {
   div.resizecontainer {
     width: 228px; }
-
   .dashboard-large-chart {
     width: 148px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -2644,10 +2558,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 190px;
       width: 138px; }
-
   .dashboard-sub-bar-menu {
     font-size: 12px; }
-
   .dashboard-medium-chart {
     width: 98px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -2665,7 +2577,6 @@ div.resizecontainer {
       width: 98px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 10px; }
-
   .dashboard-small-chart {
     width: 68px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -2679,23 +2590,19 @@ div.resizecontainer {
           fill: #666;
           font-size: 10px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 78.25px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 9px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
-      height: 25.08333px;
-      line-height: 25.08333px; }
+      height: 25.0833333333px;
+      line-height: 25.0833333333px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
-      height: 40.16667px;
-      line-height: 19.08333px;
+      height: 40.1666666667px;
+      line-height: 19.0833333333px;
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 56px; }
-
   .dashboard-bar-chart-container {
     height: 77.75px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
@@ -2717,7 +2624,6 @@ div.resizecontainer {
           height: 38.5px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 56px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -2734,7 +2640,6 @@ div.resizecontainer {
       width: 10px; }
     .modal-chart-detail .modal-inner-detail {
       width: 208px; }
-
   .modal-body .dashboard-large-chart {
     width: 143px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -2757,9 +2662,7 @@ div.resizecontainer {
       width: 53px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 53px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 6.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 51px; }
@@ -2773,34 +2676,26 @@ div.resizecontainer {
     width: 42px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 56px; }
-
   .percentage {
     font-size: 14px; }
-
   .absolut {
     font-size: 14px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 10px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 14px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 16px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 14px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 10px;
     font-weight: 400; }
-
   .dashboard-legend {
     display: none;
     font-size: 10px;
@@ -2808,23 +2703,21 @@ div.resizecontainer {
     height: 195px;
     margin-top: -3px;
     width: 0; }
-
   .dashboard-half-height-legend {
     display: none;
     font-size: 10px;
     height: 100px;
     width: 0; }
-
   .application-detail-view section.info {
     width: 228px; }
     .application-detail-view section.info .header_right {
       width: 58px; }
   .application-detail-view aside.meta {
     display: none; } }
+
 @media (min-width: 490px) and (max-width: 729px) {
   div.resizecontainer {
     width: 468px; }
-
   .dashboard-large-chart {
     width: 308px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -2832,10 +2725,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 190px;
       width: 298px; }
-
   .dashboard-sub-bar-menu {
     font-size: 12px; }
-
   .dashboard-medium-chart {
     width: 218px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -2853,7 +2744,6 @@ div.resizecontainer {
       width: 218px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 10px; }
-
   .dashboard-small-chart {
     width: 148px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -2867,23 +2757,19 @@ div.resizecontainer {
           fill: #666;
           font-size: 10px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 78.25px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 49px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
-      height: 25.08333px;
-      line-height: 25.08333px; }
+      height: 25.0833333333px;
+      line-height: 25.0833333333px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
-      height: 40.16667px;
-      line-height: 19.08333px;
+      height: 40.1666666667px;
+      line-height: 19.0833333333px;
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 136px; }
-
   .dashboard-bar-chart-container {
     height: 77.75px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
@@ -2905,7 +2791,6 @@ div.resizecontainer {
           height: 38.5px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 136px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -2922,7 +2807,6 @@ div.resizecontainer {
       width: 10px; }
     .modal-chart-detail .modal-inner-detail {
       width: 448px; }
-
   .modal-body .dashboard-large-chart {
     width: 303px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -2945,9 +2829,7 @@ div.resizecontainer {
       width: 133px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 133px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 46.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 131px; }
@@ -2961,34 +2843,26 @@ div.resizecontainer {
     width: 122px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 136px; }
-
   .percentage {
     font-size: 14px; }
-
   .absolut {
     font-size: 14px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 10px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 14px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 16px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 14px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 10px;
     font-weight: 400; }
-
   .dashboard-legend {
     display: none;
     font-size: 10px;
@@ -2996,23 +2870,21 @@ div.resizecontainer {
     height: 195px;
     margin-top: -3px;
     width: 0; }
-
   .dashboard-half-height-legend {
     display: none;
     font-size: 10px;
     height: 100px;
     width: 0; }
-
   .application-detail-view section.info {
     width: 468px; }
     .application-detail-view section.info .header_right {
       width: 298px; }
   .application-detail-view aside.meta {
     display: none; } }
+
 @media (min-width: 730px) and (max-width: 969px) {
   div.resizecontainer {
     width: 708px; }
-
   .dashboard-large-chart {
     width: 468px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -3020,10 +2892,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 190px;
       width: 458px; }
-
   .dashboard-sub-bar-menu {
     font-size: 12px; }
-
   .dashboard-medium-chart {
     width: 338px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -3041,7 +2911,6 @@ div.resizecontainer {
       width: 338px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 10px; }
-
   .dashboard-small-chart {
     width: 228px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -3055,23 +2924,19 @@ div.resizecontainer {
           fill: #666;
           font-size: 10px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 78.25px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 89px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
-      height: 25.08333px;
-      line-height: 25.08333px; }
+      height: 25.0833333333px;
+      line-height: 25.0833333333px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
-      height: 40.16667px;
-      line-height: 19.08333px;
+      height: 40.1666666667px;
+      line-height: 19.0833333333px;
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 216px; }
-
   .dashboard-bar-chart-container {
     height: 77.75px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
@@ -3093,7 +2958,6 @@ div.resizecontainer {
           height: 38.5px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 216px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -3110,7 +2974,6 @@ div.resizecontainer {
       width: 10px; }
     .modal-chart-detail .modal-inner-detail {
       width: 688px; }
-
   .modal-body .dashboard-large-chart {
     width: 463px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -3133,9 +2996,7 @@ div.resizecontainer {
       width: 213px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 213px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 86.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 211px; }
@@ -3149,34 +3010,26 @@ div.resizecontainer {
     width: 202px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 216px; }
-
   .percentage {
     font-size: 14px; }
-
   .absolut {
     font-size: 14px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 10px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 14px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 16px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 14px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 10px;
     font-weight: 400; }
-
   .dashboard-legend {
     display: none;
     font-size: 10px;
@@ -3184,21 +3037,19 @@ div.resizecontainer {
     height: 195px;
     margin-top: -3px;
     width: 0; }
-
   .dashboard-half-height-legend {
     display: none;
     font-size: 10px;
     height: 100px;
     width: 0; }
-
   .application-detail-view section.info {
     width: 508px; }
     .application-detail-view section.info .header_right {
       width: 338px; } }
+
 @media (min-width: 970px) and (max-width: 1209px) {
   div.resizecontainer {
     width: 948px; }
-
   .dashboard-large-chart {
     width: 628px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -3206,10 +3057,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 225px;
       width: 498px; }
-
   .dashboard-sub-bar-menu {
     font-size: 13px; }
-
   .dashboard-medium-chart {
     width: 458px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -3227,7 +3076,6 @@ div.resizecontainer {
       width: 458px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 11px; }
-
   .dashboard-small-chart {
     width: 308px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -3241,45 +3089,40 @@ div.resizecontainer {
           fill: #666;
           font-size: 11px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 96.5px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 129px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
-      height: 31.16667px;
-      line-height: 31.16667px; }
+      height: 31.1666666667px;
+      line-height: 31.1666666667px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
-      height: 52.33333px;
-      line-height: 25.16667px;
+      height: 52.3333333333px;
+      line-height: 25.1666666667px;
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 296px; }
-
   .dashboard-bar-chart-container {
     height: 96px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
       height: 96px;
       width: 298px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title {
-        height: 31.33333px;
-        line-height: 31.33333px; }
+        height: 31.3333333333px;
+        line-height: 31.3333333333px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
           width: 197.4px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
           width: 83.4px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart {
-        height: 45.66667px;
-        line-height: 45.66667px;
+        height: 45.6666666667px;
+        line-height: 45.6666666667px;
         padding: 5px 8px 10px;
         width: 282px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart {
-          height: 50.66667px; }
+          height: 50.6666666667px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 296px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -3295,7 +3138,6 @@ div.resizecontainer {
       width: 130px; }
     .modal-chart-detail .modal-inner-detail {
       width: 808px; }
-
   .modal-body .dashboard-large-chart {
     width: 623px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -3318,9 +3160,7 @@ div.resizecontainer {
       width: 293px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 293px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 126.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 291px; }
@@ -3334,54 +3174,44 @@ div.resizecontainer {
     width: 282px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 296px; }
-
   .percentage {
     font-size: 15px; }
-
   .absolut {
     font-size: 15px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 11px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 15px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 18px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 16px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 11px;
     font-weight: 400; }
-
   .dashboard-legend {
     font-size: 11px;
     font-weight: 400;
     height: 230px;
     margin-top: -3px;
     width: 120px; }
-
   .dashboard-half-height-legend {
     font-size: 11px;
     height: 117.5px;
     width: 60px; }
-
   .application-detail-view section.info {
     width: 748px; }
     .application-detail-view section.info .header_right {
       width: 578px; } }
+
 @media (min-width: 1210px) and (max-width: 1449px) {
   div.resizecontainer {
     width: 1188px; }
-
   .dashboard-large-chart {
     width: 788px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -3389,10 +3219,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 260px;
       width: 648px; }
-
   .dashboard-sub-bar-menu {
     font-size: 15px; }
-
   .dashboard-medium-chart {
     width: 578px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -3410,7 +3238,6 @@ div.resizecontainer {
       width: 578px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 12px; }
-
   .dashboard-small-chart {
     width: 388px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -3424,12 +3251,9 @@ div.resizecontainer {
           fill: #666;
           font-size: 13px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 114px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 169px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
       height: 37px;
@@ -3440,29 +3264,27 @@ div.resizecontainer {
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 376px; }
-
   .dashboard-bar-chart-container {
     height: 113.5px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
       height: 113.5px;
       width: 378px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title {
-        height: 37.16667px;
-        line-height: 37.16667px; }
+        height: 37.1666666667px;
+        line-height: 37.1666666667px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
           width: 253.4px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
           width: 107.4px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart {
-        height: 57.33333px;
-        line-height: 57.33333px;
+        height: 57.3333333333px;
+        line-height: 57.3333333333px;
         padding: 5px 8px 10px;
         width: 362px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart {
-          height: 62.33333px; }
+          height: 62.3333333333px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 376px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -3478,7 +3300,6 @@ div.resizecontainer {
       width: 140px; }
     .modal-chart-detail .modal-inner-detail {
       width: 1038px; }
-
   .modal-body .dashboard-large-chart {
     width: 783px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -3501,9 +3322,7 @@ div.resizecontainer {
       width: 373px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 373px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 166.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 371px; }
@@ -3517,54 +3336,44 @@ div.resizecontainer {
     width: 362px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 376px; }
-
   .percentage {
     font-size: 18px; }
-
   .absolut {
     font-size: 18px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 13px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 18px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 22px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 20px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 13px;
     font-weight: 400; }
-
   .dashboard-legend {
     font-size: 12px;
     font-weight: 400;
     height: 265px;
     margin-top: -3px;
     width: 130px; }
-
   .dashboard-half-height-legend {
     font-size: 12px;
     height: 135px;
     width: 65px; }
-
   .application-detail-view section.info {
     width: 988px; }
     .application-detail-view section.info .header_right {
       width: 818px; } }
+
 @media (min-width: 1450px) and (max-width: 1689px) {
   div.resizecontainer {
     width: 1428px; }
-
   .dashboard-large-chart {
     width: 948px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -3572,10 +3381,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 290px;
       width: 798px; }
-
   .dashboard-sub-bar-menu {
     font-size: 15px; }
-
   .dashboard-medium-chart {
     width: 698px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -3593,7 +3400,6 @@ div.resizecontainer {
       width: 698px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 13px; }
-
   .dashboard-small-chart {
     width: 468px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -3607,12 +3413,9 @@ div.resizecontainer {
           fill: #666;
           font-size: 13px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 129px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 209px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
       height: 42px;
@@ -3623,29 +3426,27 @@ div.resizecontainer {
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 456px; }
-
   .dashboard-bar-chart-container {
     height: 128.5px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
       height: 128.5px;
       width: 458px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title {
-        height: 42.16667px;
-        line-height: 42.16667px; }
+        height: 42.1666666667px;
+        line-height: 42.1666666667px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
           width: 309.4px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
           width: 131.4px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart {
-        height: 67.33333px;
-        line-height: 67.33333px;
+        height: 67.3333333333px;
+        line-height: 67.3333333333px;
         padding: 5px 8px 10px;
         width: 442px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart {
-          height: 72.33333px; }
+          height: 72.3333333333px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 456px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -3661,7 +3462,6 @@ div.resizecontainer {
       width: 150px; }
     .modal-chart-detail .modal-inner-detail {
       width: 1268px; }
-
   .modal-body .dashboard-large-chart {
     width: 943px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -3684,9 +3484,7 @@ div.resizecontainer {
       width: 453px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 453px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 206.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 451px; }
@@ -3700,54 +3498,44 @@ div.resizecontainer {
     width: 442px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 456px; }
-
   .percentage {
     font-size: 20px; }
-
   .absolut {
     font-size: 20px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 13px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 20px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 26px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 24px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 13px;
     font-weight: 400; }
-
   .dashboard-legend {
     font-size: 13px;
     font-weight: 400;
     height: 295px;
     margin-top: -3px;
     width: 140px; }
-
   .dashboard-half-height-legend {
     font-size: 13px;
     height: 150px;
     width: 70px; }
-
   .application-detail-view section.info {
     width: 1228px; }
     .application-detail-view section.info .header_right {
       width: 1058px; } }
+
 @media (min-width: 1690px) and (max-width: 1929px) {
   div.resizecontainer {
     width: 1668px; }
-
   .dashboard-large-chart {
     width: 1108px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -3755,10 +3543,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 330px;
       width: 938px; }
-
   .dashboard-sub-bar-menu {
     font-size: 16px; }
-
   .dashboard-medium-chart {
     width: 818px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -3776,7 +3562,6 @@ div.resizecontainer {
       width: 818px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 14px; }
-
   .dashboard-small-chart {
     width: 548px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -3790,45 +3575,40 @@ div.resizecontainer {
           fill: #666;
           font-size: 14px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 149px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 249px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
-      height: 48.66667px;
-      line-height: 48.66667px; }
+      height: 48.6666666667px;
+      line-height: 48.6666666667px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
-      height: 87.33333px;
-      line-height: 42.66667px;
+      height: 87.3333333333px;
+      line-height: 42.6666666667px;
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 536px; }
-
   .dashboard-bar-chart-container {
     height: 148.5px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
       height: 148.5px;
       width: 538px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title {
-        height: 48.83333px;
-        line-height: 48.83333px; }
+        height: 48.8333333333px;
+        line-height: 48.8333333333px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
           width: 365.4px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
           width: 155.4px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart {
-        height: 80.66667px;
-        line-height: 80.66667px;
+        height: 80.6666666667px;
+        line-height: 80.6666666667px;
         padding: 5px 8px 10px;
         width: 522px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart {
-          height: 85.66667px; }
+          height: 85.6666666667px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 536px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -3844,7 +3624,6 @@ div.resizecontainer {
       width: 170px; }
     .modal-chart-detail .modal-inner-detail {
       width: 1488px; }
-
   .modal-body .dashboard-large-chart {
     width: 1103px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -3867,9 +3646,7 @@ div.resizecontainer {
       width: 533px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 533px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 246.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 531px; }
@@ -3883,54 +3660,44 @@ div.resizecontainer {
     width: 522px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 536px; }
-
   .percentage {
     font-size: 24px; }
-
   .absolut {
     font-size: 24px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 14px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 24px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 30px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 28px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 14px;
     font-weight: 400; }
-
   .dashboard-legend {
     font-size: 14px;
     font-weight: 400;
     height: 335px;
     margin-top: -3px;
     width: 160px; }
-
   .dashboard-half-height-legend {
     font-size: 14px;
     height: 170px;
     width: 80px; }
-
   .application-detail-view section.info {
     width: 1468px; }
     .application-detail-view section.info .header_right {
       width: 1298px; } }
+
 @media (min-width: 1930px) and (max-width: 2169px) {
   div.resizecontainer {
     width: 1908px; }
-
   .dashboard-large-chart {
     width: 1268px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -3938,10 +3705,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 390px;
       width: 1088px; }
-
   .dashboard-sub-bar-menu {
     font-size: 17px; }
-
   .dashboard-medium-chart {
     width: 938px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -3959,7 +3724,6 @@ div.resizecontainer {
       width: 938px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 15px; }
-
   .dashboard-small-chart {
     width: 628px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -3973,45 +3737,40 @@ div.resizecontainer {
           fill: #666;
           font-size: 14px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 179px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 289px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
-      height: 58.66667px;
-      line-height: 58.66667px; }
+      height: 58.6666666667px;
+      line-height: 58.6666666667px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
-      height: 107.33333px;
-      line-height: 52.66667px;
+      height: 107.3333333333px;
+      line-height: 52.6666666667px;
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 616px; }
-
   .dashboard-bar-chart-container {
     height: 178.5px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
       height: 178.5px;
       width: 618px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title {
-        height: 58.83333px;
-        line-height: 58.83333px; }
+        height: 58.8333333333px;
+        line-height: 58.8333333333px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
           width: 421.4px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
           width: 179.4px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart {
-        height: 100.66667px;
-        line-height: 100.66667px;
+        height: 100.6666666667px;
+        line-height: 100.6666666667px;
         padding: 5px 8px 10px;
         width: 602px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart {
-          height: 105.66667px; }
+          height: 105.6666666667px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 616px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -4027,7 +3786,6 @@ div.resizecontainer {
       width: 180px; }
     .modal-chart-detail .modal-inner-detail {
       width: 1718px; }
-
   .modal-body .dashboard-large-chart {
     width: 1263px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -4050,9 +3808,7 @@ div.resizecontainer {
       width: 613px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 613px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 286.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 611px; }
@@ -4066,54 +3822,44 @@ div.resizecontainer {
     width: 602px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 616px; }
-
   .percentage {
     font-size: 28px; }
-
   .absolut {
     font-size: 28px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 15px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 28px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 34px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 32px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 14px;
     font-weight: 400; }
-
   .dashboard-legend {
     font-size: 15px;
     font-weight: 400;
     height: 395px;
     margin-top: -3px;
     width: 170px; }
-
   .dashboard-half-height-legend {
     font-size: 15px;
     height: 200px;
     width: 85px; }
-
   .application-detail-view section.info {
     width: 1708px; }
     .application-detail-view section.info .header_right {
       width: 1538px; } }
+
 @media (min-width: 2170px) and (max-width: 2409px) {
   div.resizecontainer {
     width: 2148px; }
-
   .dashboard-large-chart {
     width: 1428px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -4121,10 +3867,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 290px;
       width: 1278px; }
-
   .dashboard-sub-bar-menu {
     font-size: 17px; }
-
   .dashboard-medium-chart {
     width: 1058px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -4142,7 +3886,6 @@ div.resizecontainer {
       width: 1058px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 15px; }
-
   .dashboard-small-chart {
     width: 708px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -4156,12 +3899,9 @@ div.resizecontainer {
           fill: #666;
           font-size: 15px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 129px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 329px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
       height: 42px;
@@ -4172,29 +3912,27 @@ div.resizecontainer {
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 696px; }
-
   .dashboard-bar-chart-container {
     height: 128.5px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
       height: 128.5px;
       width: 698px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title {
-        height: 42.16667px;
-        line-height: 42.16667px; }
+        height: 42.1666666667px;
+        line-height: 42.1666666667px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
           width: 477.4px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
           width: 203.4px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart {
-        height: 67.33333px;
-        line-height: 67.33333px;
+        height: 67.3333333333px;
+        line-height: 67.3333333333px;
         padding: 5px 8px 10px;
         width: 682px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart {
-          height: 72.33333px; }
+          height: 72.3333333333px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 696px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -4210,7 +3948,6 @@ div.resizecontainer {
       width: 150px; }
     .modal-chart-detail .modal-inner-detail {
       width: 1988px; }
-
   .modal-body .dashboard-large-chart {
     width: 1423px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -4233,9 +3970,7 @@ div.resizecontainer {
       width: 693px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 693px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 326.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 691px; }
@@ -4249,54 +3984,44 @@ div.resizecontainer {
     width: 682px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 696px; }
-
   .percentage {
     font-size: 22px; }
-
   .absolut {
     font-size: 22px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 15px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 22px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 36px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 34px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 15px;
     font-weight: 400; }
-
   .dashboard-legend {
     font-size: 15px;
     font-weight: 400;
     height: 295px;
     margin-top: -3px;
     width: 140px; }
-
   .dashboard-half-height-legend {
     font-size: 15px;
     height: 150px;
     width: 70px; }
-
   .application-detail-view section.info {
     width: 1948px; }
     .application-detail-view section.info .header_right {
       width: 1778px; } }
+
 @media (min-width: 2410px) and (max-width: 2649px) {
   div.resizecontainer {
     width: 2388px; }
-
   .dashboard-large-chart {
     width: 1588px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -4304,10 +4029,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 290px;
       width: 1438px; }
-
   .dashboard-sub-bar-menu {
     font-size: 17px; }
-
   .dashboard-medium-chart {
     width: 1178px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -4325,7 +4048,6 @@ div.resizecontainer {
       width: 1178px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 15px; }
-
   .dashboard-small-chart {
     width: 788px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -4339,12 +4061,9 @@ div.resizecontainer {
           fill: #666;
           font-size: 15px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 129px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 369px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
       height: 42px;
@@ -4355,29 +4074,27 @@ div.resizecontainer {
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 776px; }
-
   .dashboard-bar-chart-container {
     height: 128.5px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
       height: 128.5px;
       width: 778px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title {
-        height: 42.16667px;
-        line-height: 42.16667px; }
+        height: 42.1666666667px;
+        line-height: 42.1666666667px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
           width: 533.4px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
           width: 227.4px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart {
-        height: 67.33333px;
-        line-height: 67.33333px;
+        height: 67.3333333333px;
+        line-height: 67.3333333333px;
         padding: 5px 8px 10px;
         width: 762px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart {
-          height: 72.33333px; }
+          height: 72.3333333333px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 776px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -4393,7 +4110,6 @@ div.resizecontainer {
       width: 150px; }
     .modal-chart-detail .modal-inner-detail {
       width: 2228px; }
-
   .modal-body .dashboard-large-chart {
     width: 1583px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -4416,9 +4132,7 @@ div.resizecontainer {
       width: 773px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 773px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 366.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 771px; }
@@ -4432,54 +4146,44 @@ div.resizecontainer {
     width: 762px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 776px; }
-
   .percentage {
     font-size: 22px; }
-
   .absolut {
     font-size: 22px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 15px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 22px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 36px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 34px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 15px;
     font-weight: 400; }
-
   .dashboard-legend {
     font-size: 15px;
     font-weight: 400;
     height: 295px;
     margin-top: -3px;
     width: 140px; }
-
   .dashboard-half-height-legend {
     font-size: 15px;
     height: 150px;
     width: 70px; }
-
   .application-detail-view section.info {
     width: 2188px; }
     .application-detail-view section.info .header_right {
       width: 2018px; } }
+
 @media (min-width: 2650px) and (max-width: 2889px) {
   div.resizecontainer {
     width: 2628px; }
-
   .dashboard-large-chart {
     width: 1748px; }
     .dashboard-large-chart .dashboard-sub-bar {
@@ -4487,10 +4191,8 @@ div.resizecontainer {
     .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
       height: 290px;
       width: 1598px; }
-
   .dashboard-sub-bar-menu {
     font-size: 17px; }
-
   .dashboard-medium-chart {
     width: 1298px; }
     .dashboard-medium-chart .dashboard-sub-bar {
@@ -4508,7 +4210,6 @@ div.resizecontainer {
       width: 1298px; }
     .dashboard-medium-chart #clusterGraphs svg text {
       font-size: 15px; }
-
   .dashboard-small-chart {
     width: 868px; }
     .dashboard-small-chart .dashboard-sub-bar {
@@ -4522,12 +4223,9 @@ div.resizecontainer {
           fill: #666;
           font-size: 15px;
           font-weight: 400; }
-
   .dashboard-tendency-container .dashboard-tendency-chart {
     height: 129px; }
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+    .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
       width: 409px; }
     .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar {
       height: 42px;
@@ -4538,29 +4236,27 @@ div.resizecontainer {
       padding-top: 5px; }
   .dashboard-tendency-container .dashboard-sub-bar {
     width: 856px; }
-
   .dashboard-bar-chart-container {
     height: 128.5px; }
     .dashboard-bar-chart-container .dashboard-bar-chart {
       height: 128.5px;
       width: 858px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title {
-        height: 42.16667px;
-        line-height: 42.16667px; }
+        height: 42.1666666667px;
+        line-height: 42.1666666667px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
           width: 589.4px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
           width: 251.4px; }
       .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart {
-        height: 67.33333px;
-        line-height: 67.33333px;
+        height: 67.3333333333px;
+        line-height: 67.3333333333px;
         padding: 5px 8px 10px;
         width: 842px; }
         .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart #residentSizeChart {
-          height: 72.33333px; }
+          height: 72.3333333333px; }
     .dashboard-bar-chart-container .dashboard-sub-bar {
       width: 856px; }
-
   .modal-chart-detail {
     bottom: 12.1% !important;
     left: 50%;
@@ -4576,7 +4272,6 @@ div.resizecontainer {
       width: 150px; }
     .modal-chart-detail .modal-inner-detail {
       width: 2468px; }
-
   .modal-body .dashboard-large-chart {
     width: 1743px; }
     .modal-body .dashboard-large-chart .dashboard-sub-bar {
@@ -4599,9 +4294,7 @@ div.resizecontainer {
       width: 853px; }
       .modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
         width: 853px; }
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
-  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
+  .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar, .modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
     width: 406.5px; }
   .modal-body .dashboard-tendency-container .dashboard-sub-bar {
     width: 851px; }
@@ -4615,50 +4308,41 @@ div.resizecontainer {
     width: 842px; }
   .modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
     width: 856px; }
-
   .percentage {
     font-size: 22px; }
-
   .absolut {
     font-size: 22px;
     font-weight: 300; }
-
   .dashboard-sub-bar {
     font-size: 15px;
     font-weight: 400; }
-
   .dashboard-subtitle-bar {
     font-size: 22px;
     font-weight: 300; }
-
   .dashboard-figure {
     font-size: 36px;
     font-weight: 400; }
-
   .dashboard-figurePer {
     font-size: 34px;
     font-weight: 300; }
-
   .dygraph-axis-label.dygraph-axis-label-y, .dygraph-axis-label.dygraph-axis-label-x {
     font-size: 15px;
     font-weight: 400; }
-
   .dashboard-legend {
     font-size: 15px;
     font-weight: 400;
     height: 295px;
     margin-top: -3px;
     width: 140px; }
-
   .dashboard-half-height-legend {
     font-size: 15px;
     height: 150px;
     width: 70px; }
-
   .application-detail-view section.info {
     width: 2428px; }
     .application-detail-view section.info .header_right {
       width: 2258px; } }
+
 div.centralRow {
   margin-top: 65px;
   margin-bottom: 65px; }
@@ -4710,8 +4394,7 @@ div.centralContent {
   color: #333;
   font-size: 23px; }
 
-li a [class^="icon_arangodb"],
-li a [class*=" icon_arangodb"] {
+li a [class^="icon_arangodb"], li a [class*=" icon_arangodb"] {
   font-size: 18px;
   position: absolute;
   right: 4px;
@@ -4769,8 +4452,7 @@ div.queryline {
   div.queryline .textDiv {
     margin-right: 10px;
     margin-top: 4px; }
-  div.queryline select,
-  div.queryline input {
+  div.queryline select, div.queryline input {
     margin-bottom: 5px; }
   div.queryline.querylineAdd span {
     color: #fff;
@@ -4838,7 +4520,7 @@ div.input-append button.gv_example_toggle {
   margin-right: 6px; }
 
 img.gv-throbber {
-  background-image: url("../img/swagger/throbber.gif"); }
+  background-image: url('../img/swagger/throbber.gif'); }
 
 span.gv_caret {
   margin-top: 2px !important; }
@@ -4863,7 +4545,7 @@ input.search-input {
   margin-left: 15px; }
 
 .search-submit-icon, .gv-search-submit-icon {
-  background-image: url("../img/enter_icon.png");
+  background-image: url('../img/enter_icon.png');
   background-size: 14px;
   height: 14px;
   margin-left: -18px;
@@ -4905,7 +4587,7 @@ div.headerBar {
   div.headerBar input[type="radio"] {
     display: none; }
     div.headerBar input[type="radio"] + label span {
-      background: url("../img/check_radio_sheet.png") -38px top no-repeat;
+      background: url('../img/check_radio_sheet.png') -38px top no-repeat;
       cursor: pointer;
       display: inline-block;
       height: 19px;
@@ -4913,7 +4595,7 @@ div.headerBar {
       vertical-align: middle;
       width: 19px; }
   div.headerBar input[type="radio"]:checked + label span {
-    background: url("../img/check_radio_sheet.png") -57px top no-repeat; }
+    background: url('../img/check_radio_sheet.png') -57px top no-repeat; }
 
 div.headerBar a.arangoHeader {
   color: #fff;
@@ -4926,11 +4608,19 @@ div.headerBar > div.headerButtonBar {
   margin: 4px 0;
   margin-bottom: 0 !important; }
 
-div.headerBar > div.breadcrumb {
-  padding-left: 5px !important; }
-
-div.breadcrumb a.disabledBread {
-  color: #fff; }
+.breadcrumb {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  padding: 8px 0; }
+  .breadcrumb .disabledBread {
+    color: #fff;
+    float: left;
+    padding-left: 5px; }
+  .breadcrumb .activeBread {
+    color: #b9d375;
+    float: left;
+    padding-left: 5px; }
 
 .arangoHeader {
   font-weight: 400; }
@@ -4943,10 +4633,10 @@ div.breadcrumb a.disabledBread {
   padding-left: 0; }
 
 .css-label {
-  background-image: url("../img/dark-check-green.png"); }
+  background-image: url('../img/dark-check-green.png'); }
 
 .css-label-round {
-  background-image: url("../img/dark-check-green-round.png"); }
+  background-image: url('../img/dark-check-green-round.png'); }
 
 .modal-header, .modal-dashboard-header {
   background-color: #686766;
@@ -4976,9 +4666,7 @@ div.breadcrumb a.disabledBread {
   font-family: 'Open Sans', sans-serif !important;
   font-size: 14px;
   font-weight: 300; }
-  .modal-body input,
-  .modal-body select,
-  .modal-body textarea {
+  .modal-body input, .modal-body select, .modal-body textarea {
     margin-top: 10px; }
   .modal-body input[type='checkbox'] {
     margin-bottom: 10px; }
@@ -5063,8 +4751,7 @@ div.breadcrumb a.disabledBread {
   padding-bottom: 3px;
   padding-top: 3px; }
 
-.modal-backdrop,
-.modal-backdrop.fade.in {
+.modal-backdrop, .modal-backdrop.fade.in {
   opacity: .4; }
 
 .modal {
@@ -5111,8 +4798,7 @@ pre.gv-object-view {
   margin-right: 0;
   padding-bottom: 9px; }
 
-.modal table tr,
-.thBorderBottom {
+.modal table tr, .thBorderBottom {
   border-bottom: 1px solid #f7f3f2 !important; }
 
 .modal-delete-confirmation {
@@ -5133,8 +4819,7 @@ pre.gv-object-view {
   min-width: 200px;
   padding: 3px;
   text-align: left; }
-.createModalDialog .figures1,
-.createModalDialog .figures2 {
+.createModalDialog .figures1, .createModalDialog .figures2 {
   margin-bottom: 20px;
   width: 255px; }
 .createModalDialog .figures2 {
@@ -5412,5 +5097,3 @@ div .bigtile {
   position: absolute;
   right: 0;
   text-align: left; }
-
-/*# sourceMappingURL=style.css.map */
diff --git a/js/apps/system/_admin/aardvark/APP/foxxes.js b/js/apps/system/_admin/aardvark/APP/foxxes.js
index bfbe731fad..8d9d8dc9c0 100644
--- a/js/apps/system/_admin/aardvark/APP/foxxes.js
+++ b/js/apps/system/_admin/aardvark/APP/foxxes.js
@@ -45,13 +45,42 @@
   var fs = require("fs");
   var defaultThumb = require("/lib/defaultThumbnail").defaultThumb;
 
+  controller.extend({
+    installer: function() {
+      this.queryParam("mount", mountPoint);
+      this.queryParam("upgrade", {type: joi.boolean().optional().description(
+        "Trigger to upgrade the app installed at the mountpoint. Triggers setup."
+      )});
+      this.queryParam("replace", {type: joi.boolean().optional().description(
+        "Trigger to replace the app installed at the mountpoint. Triggers teardown and setup."
+      )});
+    }
+  });
+
   // ------------------------------------------------------------
   // SECTION                                              install
   // ------------------------------------------------------------
 
-  var installApp = function(res, appInfo, mount, options) {
+  var validateMount = function(req) {
+    var mount = req.params("mount");
+    // Validation
+    mount = decodeURIComponent(mount);
+    return mount;
+  };
+
+  var installApp = function(req, res, appInfo, options) {
+    var mount = validateMount(req);
+    var upgrade = req.params("upgrade") || false;
+    var replace = req.params("replace") || false;
     try {
-      var app = FoxxManager.install(appInfo, mount, options);
+      var app;
+      if (upgrade) {
+        app = FoxxManager.upgrade(appInfo, mount, options);
+      } else if (replace) {
+        app = FoxxManager.replace(appInfo, mount, options);
+      } else {
+        app = FoxxManager.install(appInfo, mount, options);
+      }
       var config = FoxxManager.configuration(mount);
       res.json({
         error: false,
@@ -65,12 +94,6 @@
     }
   };
 
-  var validateMount = function(req) {
-    var mount = req.params("mount");
-    // Validation
-    mount = decodeURIComponent(mount);
-    return mount;
-  };
   /** Install a Foxx from the store
    *
    * Downloads a Foxx from the store and installs it at the given mount
@@ -78,10 +101,9 @@
   controller.put("/store", function(req, res) {
     var content = JSON.parse(req.requestBody),
         name = content.name,
-        version = content.version,
-        mount = validateMount(req);
-    installApp(res, name + ":" + version, mount);
-  }).queryParam("mount", mountPoint);
+        version = content.version;
+    installApp(req, res, name + ":" + version);
+  }).installer();
 
   /** Install a Foxx from Github
    *
@@ -90,20 +112,18 @@
   controller.put("/git", function (req, res) {
     var content = JSON.parse(req.requestBody),
         url = content.url,
-        version = content.version,
-        mount = validateMount(req);
-    installApp(res, "git:" + url + ":" + (version || "master"), mount);
-  }).queryParam("mount", mountPoint);
+        version = content.version;
+    installApp(req, res, "git:" + url + ":" + (version || "master"));
+  }).installer();
 
   /** Generate a new foxx
    *
    * Generate a new empty foxx on the given mount point
    */
   controller.put("/generate", function (req, res) {
-    var info = JSON.parse(req.requestBody),
-        mount = validateMount(req);
-    installApp(res, "EMPTY", mount, info);
-  }).queryParam("mount", mountPoint);
+    var info = JSON.parse(req.requestBody);
+    installApp(req, res, "EMPTY", info);
+  }).installer();
 
   /** Install a Foxx from temporary zip file
    *
@@ -113,10 +133,10 @@
   controller.put("/zip", function (req, res) {
     var content = JSON.parse(req.requestBody),
         file = content.zipFile,
-        mount = validateMount(req),
         path = fs.join(fs.getTempPath(), file);
-    installApp(res, path, mount);
-  }).queryParam("mount", mountPoint);
+    installApp(req, res, path);
+  }).installer();
+
 
   /** Uninstall a Foxx
    *
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/collections/foxxCollection.js b/js/apps/system/_admin/aardvark/APP/frontend/js/collections/foxxCollection.js
index eda795e45f..7f157c345e 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/collections/foxxCollection.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/collections/foxxCollection.js
@@ -30,11 +30,19 @@
 
     // Install Foxx from github repo
     // info is expected to contain: "url" and "version"
-    installFromGithub: function (info, mount, callback) {
+    installFromGithub: function (info, mount, callback, flag) {
+      var url = "/_admin/aardvark/foxxes/git?mount=" + encodeURIComponent(mount);
+      if (flag !== undefined) {
+        if (flag) {
+          url += "&replace=true";
+        } else {
+          url += "&upgrade=true";
+        }
+      }
       $.ajax({
         cache: false,
         type: "PUT",
-        url: "/_admin/aardvark/foxxes/git?mount=" + encodeURIComponent(mount),
+        url: url,
         data: JSON.stringify(info),
         contentType: "application/json",
         processData: false,
@@ -49,11 +57,19 @@
 
     // Install Foxx from arango store
     // info is expected to contain: "name" and "version"
-    installFromStore: function (info, mount, callback) {
+    installFromStore: function (info, mount, callback, flag) {
+      var url = "/_admin/aardvark/foxxes/store?mount=" + encodeURIComponent(mount);
+      if (flag !== undefined) {
+        if (flag) {
+          url += "&replace=true";
+        } else {
+          url += "&upgrade=true";
+        }
+      }
       $.ajax({
         cache: false,
         type: "PUT",
-        url: "/_admin/aardvark/foxxes/store?mount=" + encodeURIComponent(mount),
+        url: url,
         data: JSON.stringify(info),
         contentType: "application/json",
         processData: false,
@@ -66,11 +82,19 @@
       });
     },
 
-    installFromZip: function(fileName, mount, callback) {
+    installFromZip: function(fileName, mount, callback, flag) {
+      var url = "/_admin/aardvark/foxxes/zip?mount=" + encodeURIComponent(mount);
+      if (flag !== undefined) {
+        if (flag) {
+          url += "&replace=true";
+        } else {
+          url += "&upgrade=true";
+        }
+      }
       $.ajax({
         cache: false,
         type: "PUT",
-        url: "/_admin/aardvark/foxxes/zip?mount=" + encodeURIComponent(mount),
+        url: url,
         data: JSON.stringify({zipFile: fileName}),
         contentType: "application/json",
         processData: false,
@@ -83,11 +107,19 @@
       });
     },
 
-    generate: function (info, mount, callback) {
+    generate: function (info, mount, callback, flag) {
+      var url = "/_admin/aardvark/foxxes/generate?mount=" + encodeURIComponent(mount);
+      if (flag !== undefined) {
+        if (flag) {
+          url += "&replace=true";
+        } else {
+          url += "&upgrade=true";
+        }
+      }
       $.ajax({
         cache: false,
         type: "PUT",
-        url: "/_admin/aardvark/foxxes/generate?mount=" + encodeURIComponent(mount),
+        url: url,
         data: JSON.stringify(info),
         contentType: "application/json",
         processData: false,
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/routers/router.js b/js/apps/system/_admin/aardvark/APP/frontend/js/routers/router.js
index b83f11d687..3f980170e8 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/routers/router.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/routers/router.js
@@ -59,6 +59,11 @@
     initialize: function () {
       // This should be the only global object
       window.modalView = new window.ModalView();
+
+      this.foxxList = new window.FoxxCollection();
+      window.foxxInstallView = new window.FoxxInstallView({
+        collection: this.foxxList
+      });
       window.progressView = new window.ProgressView();
       var self = this;
 
@@ -78,7 +83,6 @@
       arangoHelper.setDocumentStore(this.arangoDocumentStore);
 
       this.arangoCollectionsStore.fetch({async: false});
-      this.foxxList = new window.FoxxCollection();
 
       this.footerView = new window.FooterView();
       this.notificationList = new window.NotificationCollection();
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationDetailView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationDetailView.ejs
index 4eff9096c9..ca02695695 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationDetailView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationDetailView.ejs
@@ -45,6 +45,7 @@
         </div>
         <div class="header_left">
           <input type="button" class="open button-success" disabled="true" value="Open" />
+          <input id="app-upgrade" type="button" class="upgrade button-warning" value="Upgrade" <%=app.isSystem()?"disabled":"" %>/>
           <input id="app-switch-mode" type="button" class="switch-mode button-warning" value="<%=app.get('development')?'Set Pro':'Set Dev'%>" />
           <input type="button" class="delete button-danger" value="Delete" <%=app.isSystem()?"disabled":""%> />
         </div>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalApplicationMount.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalApplicationMount.ejs
index 56dd2a537d..2748a5e33f 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalApplicationMount.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalApplicationMount.ejs
@@ -1,17 +1,26 @@
 <script id="modalApplicationMount.ejs" type="text/template">
   <table>
     <tr class="tableRow">
-      <th class="collectionInfoTh">
-        Mount*:
-      </th>
-      <th class="collectionInfoTh">
-        <input type="text" id="new-app-mount" value="" placeholder="/my/foxx"></input>
-      </th>
-      <th>
-        <a class="modalTooltips" title="The path the app will be mounted. Has to start with /. Is not allowed to start with /_">
-          <span class="arangoicon icon_arangodb_info"></span>
-        </a>
-      </th>
+      <% if (content === true) { %>
+        <th class="collectionInfoTh">
+          Run teardown:
+        </th>
+        <th class="collectionInfoTh">
+          <input type="checkbox" id="new-app-teardown"></input>
+        </th>
+      <% } else { %>
+        <th class="collectionInfoTh">
+          Mount*:
+        </th>
+        <th class="collectionInfoTh">
+          <input type="text" id="new-app-mount" value="" placeholder="/my/foxx"></input>
+        </th>
+        <th>
+          <a class="modalTooltips" title="The path the app will be mounted. Has to start with /. Is not allowed to start with /_">
+            <span class="arangoicon icon_arangodb_info"></span>
+          </a>
+        </th>
+      <% } %>
     </tr>
   </table>
 
@@ -70,7 +79,7 @@
         -->
         <tr class="tableRow">
           <th class="collectionInfoTh">
-            Collections*:
+            Collections:
           </th>
           <th class="collectionInfoTh">
             <input type="hidden" id="new-app-collections" value="" placeholder="Collections"></input>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/applicationDetailView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/applicationDetailView.js
index bc61d56e0b..9f947b0a3e 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/views/applicationDetailView.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/applicationDetailView.js
@@ -1,7 +1,7 @@
 /*jshint browser: true */
-/*jshint strict: false, unused: false */
-/*global Backbone, $, window, arangoHelper, templateEngine, Joi, _, modalDialogHelper, alert*/
+/*global Backbone, $, window, arangoHelper, templateEngine, Joi, _*/
 (function() {
+  "use strict";
 
   window.ApplicationDetailView = Backbone.View.extend({
     el: '#content',
@@ -16,6 +16,14 @@
       'click #app-setup': 'setup',
       'click #app-teardown': 'teardown',
       "click #app-scripts": "toggleScripts",
+      "click #app-upgrade": "upgradeApp"
+    },
+
+    upgradeApp: function() {
+      var mount = this.model.get("mount");
+      window.foxxInstallView.upgrade(mount, function() {
+        window.App.applicationDetail(encodeURIComponent(mount));
+      });
     },
 
     toggleScripts: function() {
@@ -48,13 +56,13 @@
     },
 
     setup: function() {
-      this.model.setup(function(data) {
+      this.model.setup(function() {
 
       });
     },
 
     teardown: function() {
-      this.model.teardown(function(data) {
+      this.model.teardown(function() {
 
       });
     },
@@ -67,7 +75,7 @@
 
       $.get(this.appUrl()).success(function () {
         $('.open', this.el).prop('disabled', false);
-      }, this);
+      }.bind(this));
 
       this.updateConfig();
 
@@ -129,7 +137,7 @@
           return;
         }
       });
-      this.model.setConfiguration(cfg, function(data) {
+      this.model.setConfiguration(cfg, function() {
         window.modalView.hide();
         this.updateConfig();
       }.bind(this));
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/applicationsView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/applicationsView.js
index e973749857..871271d11b 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/views/applicationsView.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/applicationsView.js
@@ -1,15 +1,12 @@
 /*jshint browser: true */
-/*global require, Backbone, $, window, arangoHelper, templateEngine, Joi, alert, _*/
+/*global Backbone, $, window, arangoHelper, templateEngine, _*/
 (function() {
   "use strict";
 
-  var errors = require("internal").errors;
-
   window.ApplicationsView = Backbone.View.extend({
     el: '#content',
 
     template: templateEngine.createTemplate("applicationsView.ejs"),
-    appStoreTemplate: templateEngine.createTemplate("applicationListView.ejs"),
 
     events: {
       "click #addApp"                : "createInstallModal",
@@ -104,282 +101,9 @@
       $('#foxxDropdownOut').slideToggle(200);
     },
 
-    installFoxxFromStore: function(e) {
-      if (window.modalView.modalTestAll()) {
-        var mount = window.arangoHelper.escapeHtml($('#new-app-mount').val());
-        var toInstall = $(e.currentTarget).attr("appId");
-        var version = $(e.currentTarget).attr("appVersion");
-        this.collection.installFromStore({name: toInstall, version: version}, mount, this.installCallback.bind(this));
-      }
-    },
-
-    installFoxxFromZip: function(files, data) {
-      if (window.modalView.modalTestAll()) {
-        var mount = window.arangoHelper.escapeHtml($('#new-app-mount').val());
-        this.collection.installFromZip(data.filename, mount, this.installCallback.bind(this));
-      }
-    },
-
-    installCallback: function(result) {
-      if (result.error === false) {
-        window.modalView.hide();
-        this.reload();
-      } else {
-        // TODO Error handling properly!
-        switch(result.errorNum) {
-          case errors.ERROR_APPLICATION_DOWNLOAD_FAILED.code:
-            alert("Unable to download application from the given repository.");
-            break;
-          default:
-            alert("Error: " + result.errorNum + ". " + result.errorMessage);
-        }
-      }
-    },
-
-    installFoxxFromGithub: function() {
-      if (window.modalView.modalTestAll()) {
-        var url, version, mount;
-
-        //fetch needed information, need client side verification
-        //remove name handling on server side because not needed
-        mount = window.arangoHelper.escapeHtml($('#new-app-mount').val());
-        url = window.arangoHelper.escapeHtml($('#repository').val());
-        version = window.arangoHelper.escapeHtml($('#tag').val());
-
-        if (version === '') {
-          version = "master";
-        }
-        var info = {
-          url: window.arangoHelper.escapeHtml($('#repository').val()),
-          version: window.arangoHelper.escapeHtml($('#tag').val())
-        };
-
-        try {
-          Joi.assert(url, Joi.string().regex(/^[a-zA-Z0-9_\-]+\/[a-zA-Z0-9_\-]+$/));
-        } catch (e) {
-          return;
-        }
-        //send server req through collection
-        this.collection.installFromGithub(info, mount, this.installCallback.bind(this));
-      }
-    },
-
-    /* potential error handling
-    if (info.responseText.indexOf("already used by") > -1) {
-      alert("Mount path already in use.");
-    } else if (info.responseText.indexOf("app is not defined") > -1) {
-      //temp ignore this message, fix needs to be server-side
-      window.modalView.hide();
-      self.reload();
-    } else {
-      alert(info.statusText);
-    }
-    */
-
-    generateNewFoxxApp: function() {
-      if (window.modalView.modalTestAll()) {
-        var mount;
-        mount = window.arangoHelper.escapeHtml($('#new-app-mount').val());
-        var info = {
-          name: window.arangoHelper.escapeHtml($("#new-app-name").val()),
-          collectionNames: _.map($('#new-app-collections').select2("data"), function(d) {
-            return window.arangoHelper.escapeHtml(d.text);
-          }),
-  //        authenticated: window.arangoHelper.escapeHtml($("#new-app-name").val()),
-          author: window.arangoHelper.escapeHtml($("#new-app-author").val()),
-          license: window.arangoHelper.escapeHtml($("#new-app-license").val()),
-          description: window.arangoHelper.escapeHtml($("#new-app-description").val())
-        };
-        this.collection.generate(info, mount, this.installCallback.bind(this));
-      }
-    },
-
-    addAppAction: function() {
-      var openTab = $(".modal-body .tab-pane.active").attr("id");
-      switch (openTab) {
-        case "newApp":
-          this.generateNewFoxxApp();
-          break;
-        case "github":
-          this.installFoxxFromGithub();
-          break;
-        case "zip":
-          // this.installFoxxFromZip();
-          break;
-        default:
-      }
-    },
-
-    setMountpointValidators: function() {
-      window.modalView.clearValidators();
-      window.modalView.modalBindValidation({
-        id: "new-app-mount",
-        validateInput: function() {
-          return [
-            {
-              rule: Joi.string().regex(/^(\/(APP[^\/]+|(?!APP)[a-zA-Z0-9_\-%]+))+$/i),
-              msg: "May not contain /APP"
-            },
-            {
-              rule: Joi.string().regex(/^(\/[a-zA-Z0-9_\-%]+)+$/),
-              msg: "Can only contain [a-zA-Z0-9_-%]"
-            },
-            {
-              rule: Joi.string().regex(/^\/[^_]/),
-              msg: "Mountpoints with _ are reserved for internal use"
-            },
-            {
-              rule: Joi.string().regex(/[^\/]$/),
-              msg: "May not end with /"
-            },
-            {
-              rule: Joi.string().regex(/^\//),
-              msg: "Has to start with /"
-            },
-            {
-              rule: Joi.string().required().min(2),
-              msg: "Has to be non-empty"
-            },
-          ];
-        }
-      });
-    },
-
-    setGithubValidators: function() {
-      window.modalView.modalBindValidation({
-        id: "repository",
-        validateInput: function() {
-          return [
-            {
-              rule: Joi.string().required().regex(/^[a-zA-Z0-9_\-]+\/[a-zA-Z0-9_\-]+$/),
-              msg: "No valid github account and repository."
-            }
-          ];
-        }
-      });
-    },
-
-    setNewAppValidators: function() {
-      
-      window.modalView.modalBindValidation({
-        id: "new-app-author",
-        validateInput: function() {
-          return [
-            {
-              rule: Joi.string().required().min(1),
-              msg: "Has to be non empty."
-            }
-          ];
-        }
-      });
-
-      window.modalView.modalBindValidation({
-        id: "new-app-name",
-        validateInput: function() {
-          return [
-            {
-              rule: Joi.string().required().regex(/^[a-zA-Z\-_][a-zA-Z0-9\-_]*$/),
-              msg: "Can only contain a to z, A to Z, 0-9, '-' and '_'."
-            }
-          ];
-        }
-      });
-
-      window.modalView.modalBindValidation({
-        id: "new-app-description",
-        validateInput: function() {
-          return [
-            {
-              rule: Joi.string().required().min(1),
-              msg: "Has to be non empty."
-            }
-          ];
-        }
-      });
-
-      window.modalView.modalBindValidation({
-        id: "new-app-license",
-        validateInput: function() {
-          return [
-            {
-              rule: Joi.string().required().regex(/^[a-zA-Z0-9 \.,;\-]+$/),
-              msg: "Has to be non empty."
-            }
-          ];
-        }
-      });
-      window.modalView.modalTestAll();
-    },
-
-    switchModalButton: function(event) {
-      window.modalView.clearValidators();
-      var openTab = $(event.currentTarget).attr("href").substr(1);
-      var button = $("#modalButton1");
-      this.setMountpointValidators();
-      switch (openTab) {
-        case "newApp":
-          button.html("Generate");
-          button.prop("disabled", false);
-          this.setNewAppValidators();
-          break;
-        case "appstore":
-          button.html("Install");
-          button.prop("disabled", true);
-          break;
-        case "github":
-          this.setGithubValidators();
-          button.html("Install");
-          button.prop("disabled", false);
-          break;
-        case "zip":
-          button.html("Install");
-          button.prop("disabled", false);
-          break;
-        default:
-      }
-    },
-
     createInstallModal: function(event) {
       event.preventDefault();
-      var buttons = [];
-      var modalEvents = {
-        "click #infoTab a"   : this.switchModalButton.bind(this),
-        "click .install-app" : this.installFoxxFromStore.bind(this)
-      };
-      buttons.push(
-        window.modalView.createSuccessButton("Generate", this.addAppAction.bind(this))
-      );
-      window.modalView.show(
-        "modalApplicationMount.ejs",
-        "Install application",
-        buttons,
-        undefined,
-        undefined,
-        modalEvents
-      );
-      $("#new-app-collections").select2({
-        tags: [],
-        showSearchBox: false,
-        minimumResultsForSearch: -1,
-        width: "336px"
-      });
-      $("#upload-foxx-zip").uploadFile({
-        url: "/_api/upload?multipart=true",
-        allowedTypes: "zip",
-        onSuccess: this.installFoxxFromZip.bind(this)
-      });
-      var listTempl = this.appStoreTemplate;
-      $.get("foxxes/fishbowl", function(list) {
-        var table = $("#appstore-content");
-        _.each(_.sortBy(list, "name"), function(app) {
-          table.append(listTempl.render(app));
-        });
-      }).fail(function() {
-        var table = $("#appstore-content");
-        table.append("<tr><td>Store is not available. ArangoDB is not able to connect to github.com</td></tr>");
-      });
-      this.setMountpointValidators();
-      this.setNewAppValidators();
+      window.foxxInstallView.install(this.reload.bind(this));
     },
 
     render: function() {
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/foxxInstallView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/foxxInstallView.js
new file mode 100644
index 0000000000..ba5cadb567
--- /dev/null
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/foxxInstallView.js
@@ -0,0 +1,332 @@
+/*jshint browser: true */
+/*global require, $, Joi, _, alert, templateEngine*/
+(function() {
+  "use strict";
+
+  var errors = require("internal").errors;
+  var appStoreTemplate = templateEngine.createTemplate("applicationListView.ejs");
+
+  var FoxxInstallView = function(opts) {
+    this.collection = opts.collection;
+  };
+
+  var installCallback = function(result) {
+    if (result.error === false) {
+      this.collection.fetch({ async: false });
+      window.modalView.hide();
+      this.reload();
+    } else {
+      // TODO Error handling properly!
+      switch(result.errorNum) {
+        case errors.ERROR_APPLICATION_DOWNLOAD_FAILED.code:
+          alert("Unable to download application from the given repository.");
+          break;
+        default:
+          alert("Error: " + result.errorNum + ". " + result.errorMessage);
+      }
+    }
+  };
+
+  var setMountpointValidators = function() {
+    window.modalView.modalBindValidation({
+      id: "new-app-mount",
+      validateInput: function() {
+        return [
+          {
+            rule: Joi.string().regex(/^(\/(APP[^\/]+|(?!APP)[a-zA-Z0-9_\-%]+))+$/i),
+            msg: "May not contain /APP"
+          },
+          {
+            rule: Joi.string().regex(/^(\/[a-zA-Z0-9_\-%]+)+$/),
+            msg: "Can only contain [a-zA-Z0-9_-%]"
+          },
+          {
+            rule: Joi.string().regex(/^\/[^_]/),
+            msg: "Mountpoints with _ are reserved for internal use"
+          },
+          {
+            rule: Joi.string().regex(/[^\/]$/),
+            msg: "May not end with /"
+          },
+          {
+            rule: Joi.string().regex(/^\//),
+            msg: "Has to start with /"
+          },
+          {
+            rule: Joi.string().required().min(2),
+            msg: "Has to be non-empty"
+          },
+        ];
+      }
+    });
+  };
+
+  var setGithubValidators = function() {
+    window.modalView.modalBindValidation({
+      id: "repository",
+      validateInput: function() {
+        return [
+          {
+            rule: Joi.string().required().regex(/^[a-zA-Z0-9_\-]+\/[a-zA-Z0-9_\-]+$/),
+            msg: "No valid github account and repository."
+          }
+        ];
+      }
+    });
+  };
+
+  var setNewAppValidators = function() {
+    window.modalView.modalBindValidation({
+      id: "new-app-author",
+      validateInput: function() {
+        return [
+          {
+            rule: Joi.string().required().min(1),
+            msg: "Has to be non empty."
+          }
+        ];
+      }
+    });
+    window.modalView.modalBindValidation({
+      id: "new-app-name",
+      validateInput: function() {
+        return [
+          {
+            rule: Joi.string().required().regex(/^[a-zA-Z\-_][a-zA-Z0-9\-_]*$/),
+            msg: "Can only contain a to z, A to Z, 0-9, '-' and '_'."
+          }
+        ];
+      }
+    });
+
+    window.modalView.modalBindValidation({
+      id: "new-app-description",
+      validateInput: function() {
+        return [
+          {
+            rule: Joi.string().required().min(1),
+            msg: "Has to be non empty."
+          }
+        ];
+      }
+    });
+
+    window.modalView.modalBindValidation({
+      id: "new-app-license",
+      validateInput: function() {
+        return [
+          {
+            rule: Joi.string().required().regex(/^[a-zA-Z0-9 \.,;\-]+$/),
+            msg: "Has to be non empty."
+          }
+        ];
+      }
+    });
+    window.modalView.modalTestAll();
+  };
+
+  var switchModalButton = function(event) {
+    window.modalView.clearValidators();
+    var openTab = $(event.currentTarget).attr("href").substr(1);
+    var button = $("#modalButton1");
+    if (!this._upgrade) {
+      setMountpointValidators();
+    }
+    switch (openTab) {
+      case "newApp":
+        button.html("Generate");
+        button.prop("disabled", false);
+        setNewAppValidators();
+        break;
+      case "appstore":
+        button.html("Install");
+        button.prop("disabled", true);
+        break;
+      case "github":
+        setGithubValidators();
+        button.html("Install");
+        button.prop("disabled", false);
+        break;
+      case "zip":
+        button.html("Install");
+        button.prop("disabled", false);
+        break;
+      default:
+    }
+  };
+
+  var installFoxxFromStore = function(e) {
+    if (window.modalView.modalTestAll()) {
+      var mount, flag;
+      if (this._upgrade) {
+        mount = this.mount;
+        flag = $('#new-app-teardown').prop("checked");
+      } else {
+        mount = window.arangoHelper.escapeHtml($('#new-app-mount').val());
+      }
+      var toInstall = $(e.currentTarget).attr("appId");
+      var version = $(e.currentTarget).attr("appVersion");
+      if (flag !== undefined) {
+        this.collection.installFromStore({name: toInstall, version: version}, mount, installCallback.bind(this), flag);
+      } else {
+        this.collection.installFromStore({name: toInstall, version: version}, mount, installCallback.bind(this));
+      }
+    }
+  };
+
+  var installFoxxFromZip = function(files, data) {
+    if (window.modalView.modalTestAll()) {
+      var mount, flag;
+      if (this._upgrade) {
+        mount = this.mount;
+        flag = $('#new-app-teardown').prop("checked");
+      } else {
+        mount = window.arangoHelper.escapeHtml($('#new-app-mount').val());
+      }
+      if (flag !== undefined) {
+        this.collection.installFromZip(data.filename, mount, installCallback.bind(this), flag);
+      } else {
+        this.collection.installFromZip(data.filename, mount, installCallback.bind(this));
+      }
+    }
+  };
+
+
+  var installFoxxFromGithub = function() {
+    if (window.modalView.modalTestAll()) {
+      var url, version, mount, flag;
+      if (this._upgrade) {
+        mount = this.mount;
+        flag = $('#new-app-teardown').prop("checked");
+      } else {
+        mount = window.arangoHelper.escapeHtml($('#new-app-mount').val());
+      }
+      url = window.arangoHelper.escapeHtml($('#repository').val());
+      version = window.arangoHelper.escapeHtml($('#tag').val());
+
+      if (version === '') {
+        version = "master";
+      }
+      var info = {
+        url: window.arangoHelper.escapeHtml($('#repository').val()),
+        version: window.arangoHelper.escapeHtml($('#tag').val())
+      };
+
+      try {
+        Joi.assert(url, Joi.string().regex(/^[a-zA-Z0-9_\-]+\/[a-zA-Z0-9_\-]+$/));
+      } catch (e) {
+        return;
+      }
+      //send server req through collection
+      if (flag !== undefined) {
+        this.collection.installFromGithub(info, mount, installCallback.bind(this), flag);
+      } else {
+        this.collection.installFromGithub(info, mount, installCallback.bind(this));
+
+      }
+    }
+  };
+
+  var generateNewFoxxApp = function() {
+    if (window.modalView.modalTestAll()) {
+      var mount, flag;
+      if (this._upgrade) {
+        mount = this.mount;
+        flag = $('#new-app-teardown').prop("checked");
+      } else {
+        mount = window.arangoHelper.escapeHtml($('#new-app-mount').val());
+      }
+      var info = {
+        name: window.arangoHelper.escapeHtml($("#new-app-name").val()),
+        collectionNames: _.map($('#new-app-collections').select2("data"), function(d) {
+          return window.arangoHelper.escapeHtml(d.text);
+        }),
+        //        authenticated: window.arangoHelper.escapeHtml($("#new-app-name").val()),
+        author: window.arangoHelper.escapeHtml($("#new-app-author").val()),
+        license: window.arangoHelper.escapeHtml($("#new-app-license").val()),
+        description: window.arangoHelper.escapeHtml($("#new-app-description").val())
+      };
+      if (flag !== undefined) {
+        this.collection.generate(info, mount, installCallback.bind(this), flag);
+      } else {
+        this.collection.generate(info, mount, installCallback.bind(this));
+      }
+    }
+  };
+
+  var addAppAction = function() {
+    var openTab = $(".modal-body .tab-pane.active").attr("id");
+    switch (openTab) {
+      case "newApp":
+        generateNewFoxxApp.apply(this);
+        break;
+      case "github":
+        installFoxxFromGithub.apply(this);
+        break;
+      case "zip":
+        break;
+      default:
+    }
+  };
+
+  var render = function(scope, upgrade) {
+    var buttons = [];
+    var modalEvents = {
+      "click #infoTab a"   : switchModalButton.bind(scope),
+      "click .install-app" : installFoxxFromStore.bind(scope)
+    };
+    buttons.push(
+      window.modalView.createSuccessButton("Generate", addAppAction.bind(scope))
+    );
+    window.modalView.show(
+      "modalApplicationMount.ejs",
+      "Install application",
+      buttons,
+      upgrade,
+      undefined,
+      modalEvents
+    );
+    $("#new-app-collections").select2({
+      tags: [],
+      showSearchBox: false,
+      minimumResultsForSearch: -1,
+      width: "336px"
+    });
+    $("#upload-foxx-zip").uploadFile({
+      url: "/_api/upload?multipart=true",
+      allowedTypes: "zip",
+      onSuccess: installFoxxFromZip.bind(scope)
+    });
+    $.get("foxxes/fishbowl", function(list) {
+      var table = $("#appstore-content");
+      _.each(_.sortBy(list, "name"), function(app) {
+        table.append(appStoreTemplate.render(app));
+      });
+    }).fail(function() {
+      var table = $("#appstore-content");
+      table.append("<tr><td>Store is not available. ArangoDB is not able to connect to github.com</td></tr>");
+    });
+  };
+
+  FoxxInstallView.prototype.install = function(callback) {
+    this.reload = callback;
+    this._upgrade = false;
+    delete this.mount;
+    render(this, false);
+    window.modalView.clearValidators();
+    setMountpointValidators();
+    setNewAppValidators();
+
+  };
+
+  FoxxInstallView.prototype.upgrade = function(mount, callback) {
+    this.reload = callback;
+    this._upgrade = true;
+    this.mount = mount;
+    render(this, true);
+    window.modalView.clearValidators();
+    setNewAppValidators();
+  };
+
+  window.FoxxInstallView = FoxxInstallView;
+}());
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/modalView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/modalView.js
index ef63803fd1..c5f5081aee 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/views/modalView.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/modalView.js
@@ -1,5 +1,4 @@
 /*jshint browser: true */
-/*jshint unused: false */
 /*global Backbone, $, window, setTimeout, Joi, _ */
 /*global templateEngine*/
 
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/scss/_applicationDetailView.scss b/js/apps/system/_admin/aardvark/APP/frontend/scss/_applicationDetailView.scss
index 4d22fa7e09..b18d260c48 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/scss/_applicationDetailView.scss
+++ b/js/apps/system/_admin/aardvark/APP/frontend/scss/_applicationDetailView.scss
@@ -30,12 +30,10 @@
         position: absolute;
         width: 120px;
 
-        input.delete {
-          margin-top: (160px - 3 * 30px) / 2;
-        }
-
+        input.delete,
+        input.upgrade,
         input.switch-mode {
-          margin-top: (160px - 3 * 30px) / 2;
+          margin-top: (160px - 4 * 30px) / 3;
         }
       }
 
diff --git a/js/apps/system/_admin/aardvark/APP/test/karma/files.json b/js/apps/system/_admin/aardvark/APP/test/karma/files.json
index 77e879b18f..9ee42441c2 100755
--- a/js/apps/system/_admin/aardvark/APP/test/karma/files.json
+++ b/js/apps/system/_admin/aardvark/APP/test/karma/files.json
@@ -72,6 +72,7 @@
     "test/specs/views/applicationsViewSpec.js",
     "test/specs/views/applicationDetailViewSpec.js",
     "test/specs/views/modalViewSpec.js",
+    "test/specs/views/installFoxxViewSpec.js",
     "test/specs/views/editListEntryViewSpec.js",
     "test/specs/views/collectionsViewSpec.js",
     "test/specs/views/collectionsItemViewSpec.js",
diff --git a/js/apps/system/_admin/aardvark/APP/test/karma/files_coverage.json b/js/apps/system/_admin/aardvark/APP/test/karma/files_coverage.json
index c569575d2d..29a93bb935 100644
--- a/js/apps/system/_admin/aardvark/APP/test/karma/files_coverage.json
+++ b/js/apps/system/_admin/aardvark/APP/test/karma/files_coverage.json
@@ -71,6 +71,7 @@
 
     "test/specs/views/apiViewSpec.js",
     "test/specs/views/modalViewSpec.js",
+    "test/specs/views/foxxInstallViewSpec.js",
     "test/specs/views/editListEntryViewSpec.js",
     "test/specs/views/collectionsViewSpec.js",
     "test/specs/views/collectionsItemViewSpec.js",
diff --git a/js/apps/system/_admin/aardvark/APP/test/specs/collections/foxxCollectionSpec.js b/js/apps/system/_admin/aardvark/APP/test/specs/collections/foxxCollectionSpec.js
index c3235d559d..3d096861a1 100644
--- a/js/apps/system/_admin/aardvark/APP/test/specs/collections/foxxCollectionSpec.js
+++ b/js/apps/system/_admin/aardvark/APP/test/specs/collections/foxxCollectionSpec.js
@@ -179,6 +179,248 @@
       });
     });
 
+    describe("upgrading apps", function() {
+
+      it("should generate an app", function() {
+        var calledBack, info, mount;
+
+        runs(function() {
+          calledBack = false;
+          info = {
+            name: "My App",
+            author: "ArangoDB",
+            description: "Description of the App",
+            license: "Apache 2",
+            collectionNames: ["first", "second"]
+          };
+          mount = "/my/app";
+          spyOn($, "ajax").andCallFake(function(opts) {
+            opts.success();
+          });
+          col.generate(info, mount, function() {
+            calledBack = true;
+          }, false);
+        });
+
+        waitsFor(function() {
+          return calledBack;
+        }, 750);
+
+        runs(function() {
+          var url = "/_admin/aardvark/foxxes/generate?mount=" + encodeURIComponent(mount) + "&upgrade=true";
+          validateRequest(url, "PUT", JSON.stringify(info));
+        });
+
+      });
+
+      it("should install an app from github", function() {
+        var calledBack, info, mount;
+
+        runs(function() {
+          calledBack = false;
+          info = {
+            url: "arangodb/itzpapalotl",
+            version: "1.2.0"
+          };
+          mount = "/my/app";
+          spyOn($, "ajax").andCallFake(function(opts) {
+            opts.success();
+          });
+          col.installFromGithub(info, mount, function() {
+            calledBack = true;
+          }, false);
+        });
+
+        waitsFor(function() {
+          return calledBack;
+        }, 750);
+
+        runs(function() {
+          var url = "/_admin/aardvark/foxxes/git?mount=" + encodeURIComponent(mount) + "&upgrade=true";
+          validateRequest(url, "PUT", JSON.stringify(info));
+        });
+
+      });
+
+      it("should install an app from store", function() {
+        var calledBack, info, mount;
+
+        runs(function() {
+          calledBack = false;
+          info = {
+            name: "itzpapalotl",
+            version: "1.2.0"
+          };
+          mount = "/my/app";
+          spyOn($, "ajax").andCallFake(function(opts) {
+            opts.success();
+          });
+          col.installFromStore(info, mount, function() {
+            calledBack = true;
+          }, false);
+        });
+
+        waitsFor(function() {
+          return calledBack;
+        }, 750);
+
+        runs(function() {
+          var url = "/_admin/aardvark/foxxes/store?mount=" + encodeURIComponent(mount) + "&upgrade=true";
+          validateRequest(url, "PUT", JSON.stringify(info));
+        });
+      });
+
+      it("should install an app from an uploaded zip", function() {
+        var calledBack, info, mount;
+
+        runs(function() {
+          var fileName = "uploads/tmp-123.zip";
+          calledBack = false;
+          info = {
+            zipFile: fileName,
+          };
+          mount = "/my/app";
+          spyOn($, "ajax").andCallFake(function(opts) {
+            opts.success();
+          });
+          col.installFromZip(fileName, mount, function() {
+            calledBack = true;
+          }, false);
+        });
+
+        waitsFor(function() {
+          return calledBack;
+        }, 750);
+
+        runs(function() {
+          var url = "/_admin/aardvark/foxxes/zip?mount=" + encodeURIComponent(mount) + "&upgrade=true";
+          validateRequest(url, "PUT", JSON.stringify(info));
+        });
+        
+      });
+    });
+
+    describe("replacing apps", function() {
+
+      it("should generate an app", function() {
+        var calledBack, info, mount;
+
+        runs(function() {
+          calledBack = false;
+          info = {
+            name: "My App",
+            author: "ArangoDB",
+            description: "Description of the App",
+            license: "Apache 2",
+            collectionNames: ["first", "second"]
+          };
+          mount = "/my/app";
+          spyOn($, "ajax").andCallFake(function(opts) {
+            opts.success();
+          });
+          col.generate(info, mount, function() {
+            calledBack = true;
+          }, true);
+        });
+
+        waitsFor(function() {
+          return calledBack;
+        }, 750);
+
+        runs(function() {
+          var url = "/_admin/aardvark/foxxes/generate?mount=" + encodeURIComponent(mount) + "&replace=true";
+          validateRequest(url, "PUT", JSON.stringify(info));
+        });
+
+      });
+
+      it("should install an app from github", function() {
+        var calledBack, info, mount;
+
+        runs(function() {
+          calledBack = false;
+          info = {
+            url: "arangodb/itzpapalotl",
+            version: "1.2.0"
+          };
+          mount = "/my/app";
+          spyOn($, "ajax").andCallFake(function(opts) {
+            opts.success();
+          });
+          col.installFromGithub(info, mount, function() {
+            calledBack = true;
+          }, true);
+        });
+
+        waitsFor(function() {
+          return calledBack;
+        }, 750);
+
+        runs(function() {
+          var url = "/_admin/aardvark/foxxes/git?mount=" + encodeURIComponent(mount) + "&replace=true";
+          validateRequest(url, "PUT", JSON.stringify(info));
+        });
+
+      });
+
+      it("should install an app from store", function() {
+        var calledBack, info, mount;
+
+        runs(function() {
+          calledBack = false;
+          info = {
+            name: "itzpapalotl",
+            version: "1.2.0"
+          };
+          mount = "/my/app";
+          spyOn($, "ajax").andCallFake(function(opts) {
+            opts.success();
+          });
+          col.installFromStore(info, mount, function() {
+            calledBack = true;
+          }, true);
+        });
+
+        waitsFor(function() {
+          return calledBack;
+        }, 750);
+
+        runs(function() {
+          var url = "/_admin/aardvark/foxxes/store?mount=" + encodeURIComponent(mount) + "&replace=true";
+          validateRequest(url, "PUT", JSON.stringify(info));
+        });
+      });
+
+      it("should install an app from an uploaded zip", function() {
+        var calledBack, info, mount;
+
+        runs(function() {
+          var fileName = "uploads/tmp-123.zip";
+          calledBack = false;
+          info = {
+            zipFile: fileName,
+          };
+          mount = "/my/app";
+          spyOn($, "ajax").andCallFake(function(opts) {
+            opts.success();
+          });
+          col.installFromZip(fileName, mount, function() {
+            calledBack = true;
+          }, true);
+        });
+
+        waitsFor(function() {
+          return calledBack;
+        }, 750);
+
+        runs(function() {
+          var url = "/_admin/aardvark/foxxes/zip?mount=" + encodeURIComponent(mount) + "&replace=true";
+          validateRequest(url, "PUT", JSON.stringify(info));
+        });
+        
+      });
+    });
+
   });
 }());
 
diff --git a/js/apps/system/_admin/aardvark/APP/test/specs/router/routerSpec.js b/js/apps/system/_admin/aardvark/APP/test/specs/router/routerSpec.js
index dc7f72d419..f572b8ecb4 100644
--- a/js/apps/system/_admin/aardvark/APP/test/specs/router/routerSpec.js
+++ b/js/apps/system/_admin/aardvark/APP/test/specs/router/routerSpec.js
@@ -33,6 +33,7 @@
 
     // Spy on all views that are initialized by startup
     beforeEach(function () {
+      window.CreateDummyForObject(window, "FoxxInstallView");
       naviDummy = {
         id: "navi",
         render: function () {
@@ -253,6 +254,7 @@
     afterEach(function() {
       // Remove all global values the router has created.
       delete window.modalView;
+      delete window.foxxInstallView;
       delete window.progressView;
     });
 
@@ -265,6 +267,13 @@
         r = new window.Router();
       });
 
+      it("should create the foxx installer", function() {
+        expect(window.FoxxInstallView).toHaveBeenCalledWith({
+          collection: foxxDummy
+        });
+        expect(window.foxxInstallView).toBeDefined();
+      });
+
       it("should trigger the version check", function() {
         expect(window.checkVersion).toHaveBeenCalled();
         expect(window.checkVersion.callCount).toEqual(1);
diff --git a/js/apps/system/_admin/aardvark/APP/test/specs/views/applicationDetailViewSpec.js b/js/apps/system/_admin/aardvark/APP/test/specs/views/applicationDetailViewSpec.js
index f2a4140d36..7eae77097b 100644
--- a/js/apps/system/_admin/aardvark/APP/test/specs/views/applicationDetailViewSpec.js
+++ b/js/apps/system/_admin/aardvark/APP/test/specs/views/applicationDetailViewSpec.js
@@ -53,7 +53,9 @@
       deleteButton = $("input.delete");
       openButton = $("input.open");
       window.CreateDummyForObject(window, "Router");
+      window.CreateDummyForObject(window, "FoxxInstallView");
       window.App = new window.Router();
+      window.foxxInstallView = new window.FoxxInstallView();
       spyOn(window.App, "navigate");
     });
 
@@ -394,6 +396,21 @@
       $(button).click();
       expect(appDummy.teardown).toHaveBeenCalledWith(jasmine.any(Function));
     });
+
+    it("should offer upgrading the app", function() {
+      spyOn(window.foxxInstallView, "upgrade").andCallFake(function(mount, cb) {
+        expect(mount).toEqual(appDummy.get("mount"));
+        expect(cb).toEqual(jasmine.any(Function));
+        cb();
+      });
+      spyOn(window.App, "applicationDetail");
+      $("#app-upgrade").click();
+      expect(window.foxxInstallView.upgrade).toHaveBeenCalled();
+      expect(window.App.applicationDetail).toHaveBeenCalledWith(
+        encodeURIComponent(view.model.get('mount'))
+      );
+    });
+
     /*
     describe("edit a foxx", function() {
 
diff --git a/js/apps/system/_admin/aardvark/APP/test/specs/views/applicationsViewSpec.js b/js/apps/system/_admin/aardvark/APP/test/specs/views/applicationsViewSpec.js
index 754d92bc12..85a03b00a3 100644
--- a/js/apps/system/_admin/aardvark/APP/test/specs/views/applicationsViewSpec.js
+++ b/js/apps/system/_admin/aardvark/APP/test/specs/views/applicationsViewSpec.js
@@ -21,11 +21,15 @@
       document.body.appendChild(div);
       window.CreateDummyForObject(window, "FoxxCollection");
       listDummy = new window.FoxxCollection();
+      window.foxxInstallView = new window.FoxxInstallView({
+        collection: listDummy
+      });
     });
 
     afterEach(function() {
       document.body.removeChild(div);
       delete window.modalView;
+      delete window.foxxInstallView;
       document.body.removeChild(modalDiv);
     });
 
@@ -68,6 +72,7 @@
         view = new window.ApplicationsView({
           collection: listDummy
         });
+        spyOn(view, "reload");
 
         runs(function () {
           $("#addApp").click();
@@ -123,7 +128,6 @@
           $("#new-app-license").val(license);
           $("#new-app-mount").keyup();
           expect($(generateButton).prop("disabled")).toBeFalsy();
-          spyOn(view, "reload");
           $(generateButton).click();
         });
 
@@ -157,7 +161,6 @@
           expect($("#appstore-content").children().length).toEqual(2);
           button = $("#appstore-content .install-app[appId='" + storeApp + "']");
           expect(button.length).toEqual(1);
-          spyOn(view, "reload");
           button.click();
         });
 
@@ -195,7 +198,6 @@
           $("#tag").val(version);
           $("#new-app-mount").keyup();
           expect($(generateButton).prop("disabled")).toBeFalsy();
-          spyOn(view, "reload");
           $(generateButton).click();
         });
 
@@ -224,7 +226,6 @@
             });
           });
           $("#new-app-mount").val(mount);
-          spyOn(view, "reload");
           uploadCallback(["app.zip"], {filename: fileName});
         });
 
diff --git a/js/apps/system/_admin/aardvark/APP/test/specs/views/foxxInstallViewSpec.js b/js/apps/system/_admin/aardvark/APP/test/specs/views/foxxInstallViewSpec.js
new file mode 100644
index 0000000000..aadb6403df
--- /dev/null
+++ b/js/apps/system/_admin/aardvark/APP/test/specs/views/foxxInstallViewSpec.js
@@ -0,0 +1,618 @@
+/*jshint browser: true */
+/*global describe, beforeEach, afterEach, it, spyOn, expect*/
+/*global runs, waitsFor, jasmine*/
+/*global $*/
+
+(function() {
+  "use strict";
+
+  describe("Foxx Install View", function() {
+    var view, listDummy, closeButton, generateButton, modalDiv,
+      uploadCallback, storeApp, storeAppVersion;
+
+    beforeEach(function() {
+      modalDiv = document.createElement("div");
+      modalDiv.id = "modalPlaceholder";
+      document.body.appendChild(modalDiv);
+      window.modalView = new window.ModalView();
+      closeButton = "#modalButton0";
+      generateButton = "#modalButton1";
+      window.CreateDummyForObject(window, "FoxxCollection");
+      listDummy = new window.FoxxCollection();
+      view = new window.FoxxInstallView({
+        collection: listDummy
+      });
+      storeApp = "Online App";
+      storeAppVersion = "2.1.1";
+      spyOn(listDummy, "fetch").andCallFake(function(opts) {
+        opts.success();
+      });
+      spyOn(listDummy, "each");
+      spyOn(listDummy, "sort");
+      spyOn($.fn, "uploadFile").andCallFake(function(opts) {
+        expect(opts.url).toEqual("/_api/upload?multipart=true");
+        expect(opts.allowedTypes).toEqual("zip");
+        expect(opts.onSuccess).toEqual(jasmine.any(Function));
+        uploadCallback = opts.onSuccess;
+      });
+      spyOn($, "get").andCallFake(function(url, callback) {
+        expect(url).toEqual("foxxes/fishbowl");
+        callback([
+          {
+            name: "MyApp",
+            author: "ArangoDB",
+            description: "Description of the app",
+            latestVersion: "1.1.0"
+          },{
+            name: storeApp,
+            author: "ArangoDB",
+            description: "Description of the other app",
+            latestVersion: storeAppVersion
+          }
+        ]);
+        return {
+          fail: function() {}
+        };
+      });
+ 
+    });
+
+    afterEach(function() {
+      delete window.modalView;
+      document.body.removeChild(modalDiv);
+    });
+
+    describe("Adding a new App", function() {
+      var spyFunc;
+
+      beforeEach(function() {
+        runs(function () {
+          spyFunc = jasmine.createSpy("reload");
+          view.install(spyFunc);
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "block";
+        }, "The Add App dialog should be shown", 750);
+
+      });
+
+      it("should open and close the install dialog", function() {
+
+        runs(function() {
+          $(closeButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+      });
+
+      it("should offer the mountpoint input but not the run teardown", function() {
+
+        runs(function() {
+          expect($("#new-app-mount").length).toEqual(1);
+          expect($("#new-app-teardown").length).toEqual(0);
+          $(closeButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+      });
+
+      it("should generate an empty app", function() {
+        var mount, author, name, desc, license, expectedInfo;
+
+        runs(function() {
+          $("#tab-new").click();
+          spyOn(listDummy, "generate").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            }); 
+          });
+          mount = "/my/application";
+          author = "ArangoDB";
+          name = "MyApp";
+          desc = "My new app";
+          license = "Apache 2";
+          expectedInfo = {
+            author: author,
+            name: name,
+            description: desc,
+            license: license,
+            collectionNames: []
+          };
+
+          expect($(generateButton).prop("disabled")).toBeTruthy();
+
+          $("#new-app-mount").val(mount);
+          $("#new-app-author").val(author);
+          $("#new-app-name").val(name);
+          $("#new-app-description").val(desc);
+          $("#new-app-license").val(license);
+          $("#new-app-mount").keyup();
+          expect($(generateButton).prop("disabled")).toBeFalsy();
+          $(generateButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.generate).toHaveBeenCalledWith(
+            expectedInfo, mount, jasmine.any(Function)
+          );
+        });
+
+      });
+
+      it("should install an app from the store", function() {
+        var mount;
+
+        runs(function() {
+          var button;
+          mount = "/my/application";
+          $("#tab-store").click();
+          $("#new-app-mount").val(mount);
+          $("#new-app-mount").keyup();
+          spyOn(listDummy, "installFromStore").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            });
+          });
+          expect($("#appstore-content").children().length).toEqual(2);
+          button = $("#appstore-content .install-app[appId='" + storeApp + "']");
+          expect(button.length).toEqual(1);
+          button.click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.installFromStore).toHaveBeenCalledWith(
+            {name: storeApp, version: storeAppVersion}, mount, jasmine.any(Function)
+          );
+        });
+
+      });
+
+      it("should install an app from github", function() {
+        var repository, version, mount, expectedInfo;
+        runs(function() {
+          $("#tab-git").click();
+          spyOn(listDummy, "installFromGithub").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            }); 
+          });
+          repository = "arangodb/itzpapalotl";
+          version = "1.2.0";
+          mount = "/my/application";
+          expectedInfo = {
+            url: repository,
+            version: version
+          };
+          $("#new-app-mount").val(mount);
+          $("#repository").val(repository);
+          $("#tag").val(version);
+          $("#new-app-mount").keyup();
+          expect($(generateButton).prop("disabled")).toBeFalsy();
+          $(generateButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.installFromGithub).toHaveBeenCalledWith(
+            expectedInfo, mount, jasmine.any(Function)
+          );
+        });
+
+      });
+
+      it("should install an app from zip file", function() {
+        var fileName = "/tmp/upload-12345.zip";
+        var mount = "/my/application";
+
+        runs(function() {
+          $("#tab-zip").click();
+          spyOn(listDummy, "installFromZip").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            });
+          });
+          $("#new-app-mount").val(mount);
+          uploadCallback(["app.zip"], {filename: fileName});
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.installFromZip).toHaveBeenCalledWith(
+            fileName, mount, jasmine.any(Function)
+          );
+
+
+        });
+
+      });
+
+    });
+
+    describe("Upgradeing App", function() {
+      var spyFunc, mount;
+
+      beforeEach(function() {
+        runs(function () {
+          mount = "/my/application";
+          spyFunc = jasmine.createSpy("reload");
+          view.upgrade(mount, spyFunc);
+          $("#new-app-teardown").prop("checked", false);
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "block";
+        }, "The Add App dialog should be shown", 750);
+
+      });
+
+      it("should open and close the dialog", function() {
+
+        runs(function() {
+          $(closeButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+      });
+
+      it("should not offer the mountpoint input but the run teardown", function() {
+
+        runs(function() {
+          expect($("#new-app-mount").length).toEqual(0);
+          expect($("#new-app-teardown").length).toEqual(1);
+          $(closeButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+      });
+
+
+      it("generate an empty app", function() {
+        var author, name, desc, license, expectedInfo;
+
+        runs(function() {
+          $("#tab-new").click();
+          spyOn(listDummy, "generate").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            }); 
+          });
+          author = "ArangoDB";
+          name = "MyApp";
+          desc = "My new app";
+          license = "Apache 2";
+          expectedInfo = {
+            author: author,
+            name: name,
+            description: desc,
+            license: license,
+            collectionNames: []
+          };
+
+          expect($(generateButton).prop("disabled")).toBeTruthy();
+
+          $("#new-app-author").val(author);
+          $("#new-app-name").val(name);
+          $("#new-app-description").val(desc);
+          $("#new-app-license").val(license);
+          $("#new-app-license").keyup();
+          expect($(generateButton).prop("disabled")).toBeFalsy();
+          $(generateButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.generate).toHaveBeenCalledWith(
+            expectedInfo, mount, jasmine.any(Function), false
+          );
+        });
+
+      });
+
+      it("an app from the store", function() {
+
+        runs(function() {
+          var button;
+          $("#tab-store").click();
+          spyOn(listDummy, "installFromStore").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            });
+          });
+          expect($("#appstore-content").children().length).toEqual(2);
+          button = $("#appstore-content .install-app[appId='" + storeApp + "']");
+          expect(button.length).toEqual(1);
+          button.click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.installFromStore).toHaveBeenCalledWith(
+            {name: storeApp, version: storeAppVersion}, mount, jasmine.any(Function), false
+          );
+        });
+
+      });
+
+      it("an app from github", function() {
+        var repository, version, expectedInfo;
+
+        runs(function() {
+          $("#tab-git").click();
+          spyOn(listDummy, "installFromGithub").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            }); 
+          });
+          repository = "arangodb/itzpapalotl";
+          version = "1.2.0";
+          expectedInfo = {
+            url: repository,
+            version: version
+          };
+          $("#repository").val(repository);
+          $("#tag").val(version).keyup();
+          expect($(generateButton).prop("disabled")).toBeFalsy();
+          $(generateButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.installFromGithub).toHaveBeenCalledWith(
+            expectedInfo, mount, jasmine.any(Function), false
+          );
+        });
+
+      });
+
+      it("an app from zip file", function() {
+        var fileName = "/tmp/upload-12345.zip";
+
+        runs(function() {
+          $("#tab-zip").click();
+          spyOn(listDummy, "installFromZip").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            });
+          });
+          uploadCallback(["app.zip"], {filename: fileName});
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.installFromZip).toHaveBeenCalledWith(
+            fileName, mount, jasmine.any(Function), false
+          );
+        });
+      });
+    });
+
+    describe("Replacing App", function() {
+      var spyFunc, mount;
+
+      beforeEach(function() {
+        runs(function () {
+          mount = "/my/application";
+          spyFunc = jasmine.createSpy("reload");
+          view.upgrade(mount, spyFunc);
+          $("#new-app-teardown").prop("checked", true);
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "block";
+        }, "The Add App dialog should be shown", 750);
+
+      });
+
+      it("should open and close the dialog", function() {
+
+        runs(function() {
+          $(closeButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+      });
+
+      it("should not offer the mountpoint input but the run teardown", function() {
+
+        runs(function() {
+          expect($("#new-app-mount").length).toEqual(0);
+          expect($("#new-app-teardown").length).toEqual(1);
+          $(closeButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+      });
+
+
+      it("generate an empty app", function() {
+        var author, name, desc, license, expectedInfo;
+
+        runs(function() {
+          $("#tab-new").click();
+          spyOn(listDummy, "generate").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            }); 
+          });
+          author = "ArangoDB";
+          name = "MyApp";
+          desc = "My new app";
+          license = "Apache 2";
+          expectedInfo = {
+            author: author,
+            name: name,
+            description: desc,
+            license: license,
+            collectionNames: []
+          };
+
+          expect($(generateButton).prop("disabled")).toBeTruthy();
+
+          $("#new-app-author").val(author);
+          $("#new-app-name").val(name);
+          $("#new-app-description").val(desc);
+          $("#new-app-license").val(license);
+          $("#new-app-license").keyup();
+          expect($(generateButton).prop("disabled")).toBeFalsy();
+          $(generateButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.generate).toHaveBeenCalledWith(
+            expectedInfo, mount, jasmine.any(Function), true
+          );
+        });
+
+      });
+
+      it("an app from the store", function() {
+
+        runs(function() {
+          var button;
+          $("#tab-store").click();
+          spyOn(listDummy, "installFromStore").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            });
+          });
+          expect($("#appstore-content").children().length).toEqual(2);
+          button = $("#appstore-content .install-app[appId='" + storeApp + "']");
+          expect(button.length).toEqual(1);
+          button.click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.installFromStore).toHaveBeenCalledWith(
+            {name: storeApp, version: storeAppVersion}, mount, jasmine.any(Function), true
+          );
+        });
+
+      });
+
+      it("an app from github", function() {
+        var repository, version, expectedInfo;
+
+        runs(function() {
+          $("#tab-git").click();
+          spyOn(listDummy, "installFromGithub").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            }); 
+          });
+          repository = "arangodb/itzpapalotl";
+          version = "1.2.0";
+          expectedInfo = {
+            url: repository,
+            version: version
+          };
+          $("#repository").val(repository);
+          $("#tag").val(version).keyup();
+          expect($(generateButton).prop("disabled")).toBeFalsy();
+          $(generateButton).click();
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.installFromGithub).toHaveBeenCalledWith(
+            expectedInfo, mount, jasmine.any(Function), true
+          );
+        });
+
+      });
+
+      it("an app from zip file", function() {
+        var fileName = "/tmp/upload-12345.zip";
+
+        runs(function() {
+          $("#tab-zip").click();
+          spyOn(listDummy, "installFromZip").andCallFake(function(i, m, callback) {
+            callback({
+              error: false
+            });
+          });
+          uploadCallback(["app.zip"], {filename: fileName});
+        });
+
+        waitsFor(function () {
+          return $("#modal-dialog").css("display") === "none";
+        }, "The Add App dialog should be hidden.", 750);
+
+        runs(function() {
+          expect(spyFunc).toHaveBeenCalled();
+          expect(listDummy.installFromZip).toHaveBeenCalledWith(
+            fileName, mount, jasmine.any(Function), true
+          );
+        });
+      });
+    });
+
+  });
+}());
+