diff --git a/common/assets/styles/bootstrap/mixins.less b/common/assets/styles/bootstrap/mixins.less
deleted file mode 100755
index eeee4418..00000000
--- a/common/assets/styles/bootstrap/mixins.less
+++ /dev/null
@@ -1,35 +0,0 @@
-// Mixins
-// --------------------------------------------------
-// Utilities
-@import 'mixins/hide-text.less';
-@import 'mixins/opacity.less';
-@import 'mixins/image.less';
-@import 'mixins/labels.less';
-@import 'mixins/reset-filter.less';
-@import 'mixins/resize.less';
-@import 'mixins/responsive-visibility.less';
-@import 'mixins/size.less';
-@import 'mixins/reset-text.less';
-@import 'mixins/text-emphasis.less';
-@import 'mixins/text-overflow.less';
-@import 'mixins/vendor-prefixes.less';
-// Components
-@import 'mixins/alerts.less';
-@import 'mixins/buttons.less';
-@import 'mixins/panels.less';
-@import 'mixins/pagination.less';
-@import 'mixins/list-group.less';
-@import 'mixins/nav-divider.less';
-@import 'mixins/forms.less';
-@import 'mixins/progress-bar.less';
-@import 'mixins/table-row.less';
-// Skins
-@import 'mixins/background-variant.less';
-@import 'mixins/border-radius.less';
-@import 'mixins/gradients.less';
-// Layout
-@import 'mixins/clearfix.less';
-@import 'mixins/center-block.less';
-@import 'mixins/nav-vertical-align.less';
-@import 'mixins/grid-framework.less';
-@import 'mixins/grid.less';
diff --git a/common/assets/styles/bootstrap/mixins/alerts.less b/common/assets/styles/bootstrap/mixins/alerts.less
deleted file mode 100755
index 396196f4..00000000
--- a/common/assets/styles/bootstrap/mixins/alerts.less
+++ /dev/null
@@ -1,14 +0,0 @@
-// Alerts
-
-.alert-variant(@background; @border; @text-color) {
-  background-color: @background;
-  border-color: @border;
-  color: @text-color;
-
-  hr {
-    border-top-color: darken(@border, 5%);
-  }
-  .alert-link {
-    color: darken(@text-color, 10%);
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/background-variant.less b/common/assets/styles/bootstrap/mixins/background-variant.less
deleted file mode 100755
index a85c22b7..00000000
--- a/common/assets/styles/bootstrap/mixins/background-variant.less
+++ /dev/null
@@ -1,9 +0,0 @@
-// Contextual backgrounds
-
-.bg-variant(@color) {
-  background-color: @color;
-  a&:hover,
-  a&:focus {
-    background-color: darken(@color, 10%);
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/border-radius.less b/common/assets/styles/bootstrap/mixins/border-radius.less
deleted file mode 100755
index 727cc150..00000000
--- a/common/assets/styles/bootstrap/mixins/border-radius.less
+++ /dev/null
@@ -1,21 +0,0 @@
-// Single side border-radius
-
-.border-top-radius(@radius) {
-  border-top-right-radius: @radius;
-  border-top-left-radius: @radius;
-}
-
-.border-right-radius(@radius) {
-  border-bottom-right-radius: @radius;
-  border-top-right-radius: @radius;
-}
-
-.border-bottom-radius(@radius) {
-  border-bottom-right-radius: @radius;
-  border-bottom-left-radius: @radius;
-}
-
-.border-left-radius(@radius) {
-  border-bottom-left-radius: @radius;
-  border-top-left-radius: @radius;
-}
diff --git a/common/assets/styles/bootstrap/mixins/buttons.less b/common/assets/styles/bootstrap/mixins/buttons.less
deleted file mode 100755
index 164a07e7..00000000
--- a/common/assets/styles/bootstrap/mixins/buttons.less
+++ /dev/null
@@ -1,73 +0,0 @@
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-.button-variant(@color; @background; @border) {
-  color: @color;
-  background-color: @background;
-  border-color: @border;
-  transition: all ease 250ms;
-
-  &:focus,
-  &.focus {
-    color: @color;
-    background-color: darken(@background, 5%);
-    border-color: darken(@border, 5%);
-    transition: all ease 250ms;
-  }
-  &:hover {
-    color: @color;
-    background-color: darken(@background, 5%);
-    border-color: darken(@border, 5%);
-    transition: all ease 250ms;
-  }
-  &:active,
-  &.active,
-  .open > .dropdown-toggle& {
-    color: @color;
-    background-color: darken(@background, 5%);
-    border-color: darken(@border, 5%);
-    transition: all ease 250ms;
-
-    &:hover,
-    &:focus,
-    &.focus {
-      color: @color;
-      background-color: darken(@background, 15%);
-      border-color: darken(@border, 15%);
-      transition: all ease 250ms;
-    }
-  }
-  &:active,
-  &.active,
-  .open > .dropdown-toggle& {
-    background-image: none;
-  }
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    &,
-    &:hover,
-    &:focus,
-    &.focus,
-    &:active,
-    &.active {
-      background-color: @background;
-      border-color: @border;
-    }
-  }
-
-  .badge {
-    color: @background;
-    background-color: @color;
-  }
-}
-
-// Button sizes
-.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
-  padding: @padding-vertical @padding-horizontal;
-  font-size: @font-size;
-  line-height: @line-height;
-  border-radius: @border-radius;
-}
diff --git a/common/assets/styles/bootstrap/mixins/center-block.less b/common/assets/styles/bootstrap/mixins/center-block.less
deleted file mode 100755
index d18d6de9..00000000
--- a/common/assets/styles/bootstrap/mixins/center-block.less
+++ /dev/null
@@ -1,7 +0,0 @@
-// Center-align a block level element
-
-.center-block() {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
diff --git a/common/assets/styles/bootstrap/mixins/clearfix.less b/common/assets/styles/bootstrap/mixins/clearfix.less
deleted file mode 100755
index 3f7a3820..00000000
--- a/common/assets/styles/bootstrap/mixins/clearfix.less
+++ /dev/null
@@ -1,22 +0,0 @@
-// Clearfix
-//
-// For modern browsers
-// 1. The space content is one way to avoid an Opera bug when the
-//    contenteditable attribute is included anywhere else in the document.
-//    Otherwise it causes space to appear at the top and bottom of elements
-//    that are clearfixed.
-// 2. The use of `table` rather than `block` is only necessary if using
-//    `:before` to contain the top-margins of child elements.
-//
-// Source: http://nicolasgallagher.com/micro-clearfix-hack/
-
-.clearfix() {
-  &:before,
-  &:after {
-    content: " "; // 1
-    display: table; // 2
-  }
-  &:after {
-    clear: both;
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/forms.less b/common/assets/styles/bootstrap/mixins/forms.less
deleted file mode 100755
index cde07d25..00000000
--- a/common/assets/styles/bootstrap/mixins/forms.less
+++ /dev/null
@@ -1,82 +0,0 @@
-// Form validation states
-//
-// Used in forms.less to generate the form validation CSS for warnings, errors,
-// and successes.
-
-.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
-  // Color the label and help text
-  .help-block,
-  .control-label,
-  .radio,
-  .checkbox,
-  .radio-inline,
-  .checkbox-inline,
-  &.radio label,
-  &.checkbox label,
-  &.radio-inline label,
-  &.checkbox-inline label {
-    color: @text-color;
-  }
-  // Set the border and box shadow on specific inputs to match
-  .form-control {
-    border-color: @border-color;
-    .box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075)); // Redeclare so transitions work
-    &:focus {
-      border-color: darken(@border-color, 10%);
-      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(@brand-primary, 0.5);
-    }
-  }
-  // Set validation states also for addons
-  .input-group-addon {
-    color: @text-color;
-    border-color: @border-color;
-    background-color: @background-color;
-  }
-  // Optional feedback icon
-  .form-control-feedback {
-    color: @text-color;
-  }
-}
-
-// Form control focus state
-//
-// Generate a customized focus state and for any input with the specified color,
-// which defaults to the `@input-border-focus` variable.
-//
-// We highly encourage you to not customize the default value, but instead use
-// this to tweak colors on an as-needed basis. This aesthetic change is based on
-// WebKit's default styles, but applicable to a wider range of browsers. Its
-// usability and accessibility should be taken into account with any change.
-//
-// Example usage: change the default blue border and shadow to white for better
-// contrast against a dark gray background.
-.form-control-focus(@color: @input-border-focus) {
-  @color-rgba: rgba(red(@color), green(@color), blue(@color), 0.6);
-  &:focus {
-    border-color: @color;
-    .box-shadow(~'inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}');
-  }
-}
-
-// Form control sizing
-//
-// Relative text size, padding, and border-radii changes for form controls. For
-// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
-// element gets special love because it's special, and that's a fact!
-.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
-  height: @input-height;
-  padding: @padding-vertical @padding-horizontal;
-  font-size: @font-size;
-  line-height: @line-height;
-  border-radius: @border-radius;
-
-  select& {
-    height: @input-height;
-    line-height: @input-height;
-  }
-
-  textarea&,
-  select[multiple] & {
-    height: auto;
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/gradients.less b/common/assets/styles/bootstrap/mixins/gradients.less
deleted file mode 100755
index 00fd28b3..00000000
--- a/common/assets/styles/bootstrap/mixins/gradients.less
+++ /dev/null
@@ -1,59 +0,0 @@
-// Gradients
-
-#gradient {
-
-  // Horizontal gradient, from left to right
-  //
-  // Creates two color stops, start and end, by specifying a color and position for each color stop.
-  // Color stops are not available in IE9 and below.
-  .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
-    background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-    background-repeat: repeat-x;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down
-  }
-
-  // Vertical gradient, from top to bottom
-  //
-  // Creates two color stops, start and end, by specifying a color and position for each color stop.
-  // Color stops are not available in IE9 and below.
-  .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12
-    background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-    background-repeat: repeat-x;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down
-  }
-
-  .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
-    background-repeat: repeat-x;
-    background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
-    background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-  }
-  .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
-    background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
-    background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
-    background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
-    background-repeat: no-repeat;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
-  }
-  .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
-    background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
-    background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
-    background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
-    background-repeat: no-repeat;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
-  }
-  .radial(@inner-color: #555; @outer-color: #333) {
-    background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
-    background-image: radial-gradient(circle, @inner-color, @outer-color);
-    background-repeat: no-repeat;
-  }
-  .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
-    background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
-    background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/grid-framework.less b/common/assets/styles/bootstrap/mixins/grid-framework.less
deleted file mode 100755
index 5e0add89..00000000
--- a/common/assets/styles/bootstrap/mixins/grid-framework.less
+++ /dev/null
@@ -1,96 +0,0 @@
-// Framework grid generation
-//
-// Used only by Bootstrap to generate the correct number of grid classes given
-// any value of `@grid-columns`.
-
-.make-grid-columns() {
-  // Common styles for all sizes of grid columns, widths 1-12
-  .col(@index) { // initial
-    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
-    .col((@index + 1), @item);
-  }
-  .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
-    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
-    .col((@index + 1), ~"@{list}, @{item}");
-  }
-  .col(@index, @list) when (@index > @grid-columns) { // terminal
-    @{list} {
-      position: relative;
-      // Prevent columns from collapsing when empty
-      min-height: 1px;
-      // Inner gutter via padding
-      padding-left: (@grid-gutter-width / 2);
-      padding-right: (@grid-gutter-width / 2);
-    }
-  }
-  .col(1); // kickstart it
-}
-
-.float-grid-columns(@class) {
-  .col(@index) { // initial
-    @item: ~".col-@{class}-@{index}";
-    .col((@index + 1), @item);
-  }
-  .col(@index, @list) when (@index =< @grid-columns) { // general
-    @item: ~".col-@{class}-@{index}";
-    .col((@index + 1), ~"@{list}, @{item}");
-  }
-  .col(@index, @list) when (@index > @grid-columns) { // terminal
-    @{list} {
-      float: left;
-    }
-  }
-  .col(1); // kickstart it
-}
-
-.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
-  .col-@{class}-@{index} {
-    width: percentage((@index / @grid-columns));
-  }
-}
-
-.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
-  .col-@{class}-push-@{index} {
-    left: percentage((@index / @grid-columns));
-  }
-}
-
-.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
-  .col-@{class}-push-0 {
-    left: auto;
-  }
-}
-
-.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
-  .col-@{class}-pull-@{index} {
-    right: percentage((@index / @grid-columns));
-  }
-}
-
-.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
-  .col-@{class}-pull-0 {
-    right: auto;
-  }
-}
-
-.calc-grid-column(@index, @class, @type) when (@type = offset) {
-  .col-@{class}-offset-@{index} {
-    margin-left: percentage((@index / @grid-columns));
-  }
-}
-
-// Basic looping in LESS
-.loop-grid-columns(@index, @class, @type) when (@index >= 0) {
-  .calc-grid-column(@index, @class, @type);
-  // next iteration
-  .loop-grid-columns((@index - 1), @class, @type);
-}
-
-// Create grid for specific class
-.make-grid(@class) {
-  .float-grid-columns(@class);
-  .loop-grid-columns(@grid-columns, @class, width);
-  .loop-grid-columns(@grid-columns, @class, pull);
-  .loop-grid-columns(@grid-columns, @class, push);
-  .loop-grid-columns(@grid-columns, @class, offset);
-}
diff --git a/common/assets/styles/bootstrap/mixins/grid.less b/common/assets/styles/bootstrap/mixins/grid.less
deleted file mode 100755
index 689a96eb..00000000
--- a/common/assets/styles/bootstrap/mixins/grid.less
+++ /dev/null
@@ -1,134 +0,0 @@
-// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-// Centered container element
-.container-fixed(@gutter: @grid-gutter-width) {
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: (@gutter / 2);
-  padding-right: (@gutter / 2);
-  &:extend(.clearfix all);
-}
-
-// Creates a wrapper for a series of columns
-.make-row(@gutter: @grid-gutter-width) {
-  margin-left: (@gutter / -2);
-  margin-right: (@gutter / -2);
-  &:extend(.clearfix all);
-}
-
-// Generate the extra small columns
-.make-xs-column(@columns; @gutter: @grid-gutter-width) {
-  position: relative;
-  float: left;
-  width: percentage((@columns / @grid-columns));
-  min-height: 1px;
-  padding-left: (@gutter / 2);
-  padding-right: (@gutter / 2);
-}
-
-.make-xs-column-offset(@columns) {
-  margin-left: percentage((@columns / @grid-columns));
-}
-
-.make-xs-column-push(@columns) {
-  left: percentage((@columns / @grid-columns));
-}
-
-.make-xs-column-pull(@columns) {
-  right: percentage((@columns / @grid-columns));
-}
-
-// Generate the small columns
-.make-sm-column(@columns; @gutter: @grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-left: (@gutter / 2);
-  padding-right: (@gutter / 2);
-
-  @media (min-width: @screen-sm-min) {
-    float: left;
-    width: percentage((@columns / @grid-columns));
-  }
-}
-
-.make-sm-column-offset(@columns) {
-  @media (min-width: @screen-sm-min) {
-    margin-left: percentage((@columns / @grid-columns));
-  }
-}
-
-.make-sm-column-push(@columns) {
-  @media (min-width: @screen-sm-min) {
-    left: percentage((@columns / @grid-columns));
-  }
-}
-
-.make-sm-column-pull(@columns) {
-  @media (min-width: @screen-sm-min) {
-    right: percentage((@columns / @grid-columns));
-  }
-}
-
-// Generate the medium columns
-.make-md-column(@columns; @gutter: @grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-left: (@gutter / 2);
-  padding-right: (@gutter / 2);
-
-  @media (min-width: @screen-md-min) {
-    float: left;
-    width: percentage((@columns / @grid-columns));
-  }
-}
-
-.make-md-column-offset(@columns) {
-  @media (min-width: @screen-md-min) {
-    margin-left: percentage((@columns / @grid-columns));
-  }
-}
-
-.make-md-column-push(@columns) {
-  @media (min-width: @screen-md-min) {
-    left: percentage((@columns / @grid-columns));
-  }
-}
-
-.make-md-column-pull(@columns) {
-  @media (min-width: @screen-md-min) {
-    right: percentage((@columns / @grid-columns));
-  }
-}
-
-// Generate the large columns
-.make-lg-column(@columns; @gutter: @grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-left: (@gutter / 2);
-  padding-right: (@gutter / 2);
-
-  @media (min-width: @screen-lg-min) {
-    float: left;
-    width: percentage((@columns / @grid-columns));
-  }
-}
-
-.make-lg-column-offset(@columns) {
-  @media (min-width: @screen-lg-min) {
-    margin-left: percentage((@columns / @grid-columns));
-  }
-}
-
-.make-lg-column-push(@columns) {
-  @media (min-width: @screen-lg-min) {
-    left: percentage((@columns / @grid-columns));
-  }
-}
-
-.make-lg-column-pull(@columns) {
-  @media (min-width: @screen-lg-min) {
-    right: percentage((@columns / @grid-columns));
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/hide-text.less b/common/assets/styles/bootstrap/mixins/hide-text.less
deleted file mode 100755
index bc701185..00000000
--- a/common/assets/styles/bootstrap/mixins/hide-text.less
+++ /dev/null
@@ -1,21 +0,0 @@
-// CSS image replacement
-//
-// Heads up! v3 launched with only `.hide-text()`, but per our pattern for
-// mixins being reused as classes with the same name, this doesn't hold up. As
-// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
-//
-// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
-
-// Deprecated as of v3.0.1 (will be removed in v4)
-.hide-text() {
-  font: ~"0/0" a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
-// New mixin to use as of v3.0.1
-.text-hide() {
-  .hide-text();
-}
diff --git a/common/assets/styles/bootstrap/mixins/image.less b/common/assets/styles/bootstrap/mixins/image.less
deleted file mode 100755
index 7712c906..00000000
--- a/common/assets/styles/bootstrap/mixins/image.less
+++ /dev/null
@@ -1,25 +0,0 @@
-// Image Mixins
-// - Responsive image
-// - Retina image
-
-// Responsive image
-//
-// Keep images from scaling beyond the width of their parents.
-.img-responsive(@display: block) {
-  display: @display;
-  max-width: 100%; // Part 1: Set a maximum relative to the parent
-  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
-}
-
-// Retina image
-//
-// Short retina mixin for setting background-image and -size. Note that the
-// spelling of `min--moz-device-pixel-ratio` is intentional.
-.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
-  background-image: url("@{file-1x}");
-
-  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {
-    background-image: url("@{file-2x}");
-    background-size: @width-1x @height-1x;
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/labels.less b/common/assets/styles/bootstrap/mixins/labels.less
deleted file mode 100755
index 9f7a67ee..00000000
--- a/common/assets/styles/bootstrap/mixins/labels.less
+++ /dev/null
@@ -1,12 +0,0 @@
-// Labels
-
-.label-variant(@color) {
-  background-color: @color;
-
-  &[href] {
-    &:hover,
-    &:focus {
-      background-color: darken(@color, 10%);
-    }
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/list-group.less b/common/assets/styles/bootstrap/mixins/list-group.less
deleted file mode 100755
index 03aa1906..00000000
--- a/common/assets/styles/bootstrap/mixins/list-group.less
+++ /dev/null
@@ -1,30 +0,0 @@
-// List Groups
-
-.list-group-item-variant(@state; @background; @color) {
-  .list-group-item-@{state} {
-    color: @color;
-    background-color: @background;
-
-    a&,
-    button& {
-      color: @color;
-
-      .list-group-item-heading {
-        color: inherit;
-      }
-
-      &:hover,
-      &:focus {
-        color: @color;
-        background-color: darken(@background, 5%);
-      }
-      &.active,
-      &.active:hover,
-      &.active:focus {
-        color: #fff;
-        background-color: @color;
-        border-color: @color;
-      }
-    }
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/nav-divider.less b/common/assets/styles/bootstrap/mixins/nav-divider.less
deleted file mode 100755
index aa6b2e65..00000000
--- a/common/assets/styles/bootstrap/mixins/nav-divider.less
+++ /dev/null
@@ -1,10 +0,0 @@
-// Horizontal dividers
-//
-// Dividers (basically an hr) within dropdowns and nav lists
-
-.nav-divider(@color: #e5e5e5) {
-  height: 1px;
-  margin: 2px 0;
-  overflow: hidden;
-  background-color: @color;
-}
diff --git a/common/assets/styles/bootstrap/mixins/nav-vertical-align.less b/common/assets/styles/bootstrap/mixins/nav-vertical-align.less
deleted file mode 100755
index d458c786..00000000
--- a/common/assets/styles/bootstrap/mixins/nav-vertical-align.less
+++ /dev/null
@@ -1,9 +0,0 @@
-// Navbar vertical align
-//
-// Vertically center elements in the navbar.
-// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
-
-.navbar-vertical-align(@element-height) {
-  margin-top: ((@navbar-height - @element-height) / 2);
-  margin-bottom: ((@navbar-height - @element-height) / 2);
-}
diff --git a/common/assets/styles/bootstrap/mixins/opacity.less b/common/assets/styles/bootstrap/mixins/opacity.less
deleted file mode 100755
index 33ed25ce..00000000
--- a/common/assets/styles/bootstrap/mixins/opacity.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// Opacity
-
-.opacity(@opacity) {
-  opacity: @opacity;
-  // IE8 filter
-  @opacity-ie: (@opacity * 100);
-  filter: ~"alpha(opacity=@{opacity-ie})";
-}
diff --git a/common/assets/styles/bootstrap/mixins/pagination.less b/common/assets/styles/bootstrap/mixins/pagination.less
deleted file mode 100755
index 618804f2..00000000
--- a/common/assets/styles/bootstrap/mixins/pagination.less
+++ /dev/null
@@ -1,24 +0,0 @@
-// Pagination
-
-.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
-  > li {
-    > a,
-    > span {
-      padding: @padding-vertical @padding-horizontal;
-      font-size: @font-size;
-      line-height: @line-height;
-    }
-    &:first-child {
-      > a,
-      > span {
-        .border-left-radius(@border-radius);
-      }
-    }
-    &:last-child {
-      > a,
-      > span {
-        .border-right-radius(@border-radius);
-      }
-    }
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/panels.less b/common/assets/styles/bootstrap/mixins/panels.less
deleted file mode 100755
index 49ee10d4..00000000
--- a/common/assets/styles/bootstrap/mixins/panels.less
+++ /dev/null
@@ -1,24 +0,0 @@
-// Panels
-
-.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
-  border-color: @border;
-
-  & > .panel-heading {
-    color: @heading-text-color;
-    background-color: @heading-bg-color;
-    border-color: @heading-border;
-
-    + .panel-collapse > .panel-body {
-      border-top-color: @border;
-    }
-    .badge {
-      color: @heading-bg-color;
-      background-color: @heading-text-color;
-    }
-  }
-  & > .panel-footer {
-    + .panel-collapse > .panel-body {
-      border-bottom-color: @border;
-    }
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/progress-bar.less b/common/assets/styles/bootstrap/mixins/progress-bar.less
deleted file mode 100755
index f07996a3..00000000
--- a/common/assets/styles/bootstrap/mixins/progress-bar.less
+++ /dev/null
@@ -1,10 +0,0 @@
-// Progress bars
-
-.progress-bar-variant(@color) {
-  background-color: @color;
-
-  // Deprecated parent class requirement as of v3.2.0
-  .progress-striped & {
-    #gradient > .striped();
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/reset-filter.less b/common/assets/styles/bootstrap/mixins/reset-filter.less
deleted file mode 100755
index 68cdb5e1..00000000
--- a/common/assets/styles/bootstrap/mixins/reset-filter.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// Reset filters for IE
-//
-// When you need to remove a gradient background, do not forget to use this to reset
-// the IE filter for IE9 and below.
-
-.reset-filter() {
-  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
-}
diff --git a/common/assets/styles/bootstrap/mixins/reset-text.less b/common/assets/styles/bootstrap/mixins/reset-text.less
deleted file mode 100755
index 58dd4d19..00000000
--- a/common/assets/styles/bootstrap/mixins/reset-text.less
+++ /dev/null
@@ -1,18 +0,0 @@
-.reset-text() {
-  font-family: @font-family-base;
-  // We deliberately do NOT reset font-size.
-  font-style: normal;
-  font-weight: normal;
-  letter-spacing: normal;
-  line-break: auto;
-  line-height: @line-height-base;
-  text-align: left; // Fallback for where `start` is not supported
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  white-space: normal;
-  word-break: normal;
-  word-spacing: normal;
-  word-wrap: normal;
-}
diff --git a/common/assets/styles/bootstrap/mixins/resize.less b/common/assets/styles/bootstrap/mixins/resize.less
deleted file mode 100755
index 3acd3afd..00000000
--- a/common/assets/styles/bootstrap/mixins/resize.less
+++ /dev/null
@@ -1,6 +0,0 @@
-// Resize anything
-
-.resizable(@direction) {
-  resize: @direction; // Options: horizontal, vertical, both
-  overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
-}
diff --git a/common/assets/styles/bootstrap/mixins/responsive-visibility.less b/common/assets/styles/bootstrap/mixins/responsive-visibility.less
deleted file mode 100755
index 2040f350..00000000
--- a/common/assets/styles/bootstrap/mixins/responsive-visibility.less
+++ /dev/null
@@ -1,21 +0,0 @@
-// Responsive utilities
-
-//
-// More easily include all the states for responsive-utilities.less.
-.responsive-visibility() {
-  display: block !important;
-  table& {
-    display: table !important;
-  }
-  tr& {
-    display: table-row !important;
-  }
-  th&,
-  td& {
-    display: table-cell !important;
-  }
-}
-
-.responsive-invisibility() {
-  display: none !important;
-}
diff --git a/common/assets/styles/bootstrap/mixins/size.less b/common/assets/styles/bootstrap/mixins/size.less
deleted file mode 100755
index a8be6508..00000000
--- a/common/assets/styles/bootstrap/mixins/size.less
+++ /dev/null
@@ -1,10 +0,0 @@
-// Sizing shortcuts
-
-.size(@width; @height) {
-  width: @width;
-  height: @height;
-}
-
-.square(@size) {
-  .size(@size; @size);
-}
diff --git a/common/assets/styles/bootstrap/mixins/table-row.less b/common/assets/styles/bootstrap/mixins/table-row.less
deleted file mode 100755
index 0f287f1a..00000000
--- a/common/assets/styles/bootstrap/mixins/table-row.less
+++ /dev/null
@@ -1,28 +0,0 @@
-// Tables
-
-.table-row-variant(@state; @background) {
-  // Exact selectors below required to override `.table-striped` and prevent
-  // inheritance to nested tables.
-  .table > thead > tr,
-  .table > tbody > tr,
-  .table > tfoot > tr {
-    > td.@{state},
-    > th.@{state},
-    &.@{state} > td,
-    &.@{state} > th {
-      background-color: @background;
-    }
-  }
-
-  // Hover states for `.table-hover`
-  // Note: this is not available for cells or rows within `thead` or `tfoot`.
-  .table-hover > tbody > tr {
-    > td.@{state}:hover,
-    > th.@{state}:hover,
-    &.@{state}:hover > td,
-    &:hover > .@{state},
-    &.@{state}:hover > th {
-      background-color: darken(@background, 5%);
-    }
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/text-emphasis.less b/common/assets/styles/bootstrap/mixins/text-emphasis.less
deleted file mode 100755
index 3fcfd987..00000000
--- a/common/assets/styles/bootstrap/mixins/text-emphasis.less
+++ /dev/null
@@ -1,9 +0,0 @@
-// Typography
-
-.text-emphasis-variant(@color) {
-  color: @color;
-  a&:hover,
-  a&:focus {
-    color: darken(@color, 5%);
-  }
-}
diff --git a/common/assets/styles/bootstrap/mixins/text-overflow.less b/common/assets/styles/bootstrap/mixins/text-overflow.less
deleted file mode 100755
index c11ad2fb..00000000
--- a/common/assets/styles/bootstrap/mixins/text-overflow.less
+++ /dev/null
@@ -1,8 +0,0 @@
-// Text overflow
-// Requires inline-block or block for proper styling
-
-.text-overflow() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
diff --git a/common/assets/styles/bootstrap/mixins/vendor-prefixes.less b/common/assets/styles/bootstrap/mixins/vendor-prefixes.less
deleted file mode 100755
index 47eed68d..00000000
--- a/common/assets/styles/bootstrap/mixins/vendor-prefixes.less
+++ /dev/null
@@ -1,254 +0,0 @@
-// Vendor Prefixes
-//
-// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
-// Autoprefixer in our Gruntfile. They will be removed in v4.
-
-// - Animations
-// - Backface visibility
-// - Box shadow
-// - Box sizing
-// - Content columns
-// - Hyphens
-// - Placeholder text
-// - Transformations
-// - Transitions
-// - User Select
-
-// Animations
-.animation(@animation) {
-  -webkit-animation: @animation;
-  -o-animation: @animation;
-  animation: @animation;
-}
-
-.animation-name(@name) {
-  -webkit-animation-name: @name;
-  animation-name: @name;
-}
-
-.animation-duration(@duration) {
-  -webkit-animation-duration: @duration;
-  animation-duration: @duration;
-}
-
-.animation-timing-function(@timing-function) {
-  -webkit-animation-timing-function: @timing-function;
-  animation-timing-function: @timing-function;
-}
-
-.animation-delay(@delay) {
-  -webkit-animation-delay: @delay;
-  animation-delay: @delay;
-}
-
-.animation-iteration-count(@iteration-count) {
-  -webkit-animation-iteration-count: @iteration-count;
-  animation-iteration-count: @iteration-count;
-}
-
-.animation-direction(@direction) {
-  -webkit-animation-direction: @direction;
-  animation-direction: @direction;
-}
-
-.animation-fill-mode(@fill-mode) {
-  -webkit-animation-fill-mode: @fill-mode;
-  animation-fill-mode: @fill-mode;
-}
-
-// Backface visibility
-// Prevent browsers from flickering when using CSS 3D transforms.
-// Default value is `visible`, but can be changed to `hidden`
-
-.backface-visibility(@visibility) {
-  -webkit-backface-visibility: @visibility;
-  -moz-backface-visibility: @visibility;
-  backface-visibility: @visibility;
-}
-
-// Drop shadows
-//
-// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
-// supported browsers that have box shadow capabilities now support it.
-
-.box-shadow(@shadow) {
-  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
-  box-shadow: @shadow;
-}
-
-// Box sizing
-.box-sizing(@boxmodel) {
-  -webkit-box-sizing: @boxmodel;
-  -moz-box-sizing: @boxmodel;
-  box-sizing: @boxmodel;
-}
-
-// CSS3 Content Columns
-.content-columns(@column-count; @column-gap: @grid-gutter-width) {
-  -webkit-column-count: @column-count;
-  -moz-column-count: @column-count;
-  column-count: @column-count;
-  -webkit-column-gap: @column-gap;
-  -moz-column-gap: @column-gap;
-  column-gap: @column-gap;
-}
-
-// Optional hyphenation
-.hyphens(@mode: auto) {
-  word-wrap: break-word;
-  -webkit-hyphens: @mode;
-  -moz-hyphens: @mode;
-  -ms-hyphens: @mode; // IE10+
-  -o-hyphens: @mode;
-  hyphens: @mode;
-}
-
-// Placeholder text
-.placeholder(@color: @input-color-placeholder) {
-  // Firefox
-  &::-moz-placeholder {
-    color: @color;
-    opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
-  }
-  &:-ms-input-placeholder {
-    color: @color;
-  }
-  // Internet Explorer 10+
-  &::-webkit-input-placeholder {
-    color: @color;
-  }
-  // Safari and Chrome
-}
-
-// Transformations
-.scale(@ratio) {
-  -webkit-transform: scale(@ratio);
-  -ms-transform: scale(@ratio); // IE9 only
-  -o-transform: scale(@ratio);
-  transform: scale(@ratio);
-}
-
-.scale(@ratioX; @ratioY) {
-  -webkit-transform: scale(@ratioX, @ratioY);
-  -ms-transform: scale(@ratioX, @ratioY); // IE9 only
-  -o-transform: scale(@ratioX, @ratioY);
-  transform: scale(@ratioX, @ratioY);
-}
-
-.scaleX(@ratio) {
-  -webkit-transform: scaleX(@ratio);
-  -ms-transform: scaleX(@ratio); // IE9 only
-  -o-transform: scaleX(@ratio);
-  transform: scaleX(@ratio);
-}
-
-.scaleY(@ratio) {
-  -webkit-transform: scaleY(@ratio);
-  -ms-transform: scaleY(@ratio); // IE9 only
-  -o-transform: scaleY(@ratio);
-  transform: scaleY(@ratio);
-}
-
-.skew(@x; @y) {
-  -webkit-transform: skewX(@x) skewY(@y);
-  -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-  -o-transform: skewX(@x) skewY(@y);
-  transform: skewX(@x) skewY(@y);
-}
-
-.translate(@x; @y) {
-  -webkit-transform: translate(@x, @y);
-  -ms-transform: translate(@x, @y); // IE9 only
-  -o-transform: translate(@x, @y);
-  transform: translate(@x, @y);
-}
-
-.translate3d(@x; @y; @z) {
-  -webkit-transform: translate3d(@x, @y, @z);
-  transform: translate3d(@x, @y, @z);
-}
-
-.rotate(@degrees) {
-  -webkit-transform: rotate(@degrees);
-  -ms-transform: rotate(@degrees); // IE9 only
-  -o-transform: rotate(@degrees);
-  transform: rotate(@degrees);
-}
-
-.rotateX(@degrees) {
-  -webkit-transform: rotateX(@degrees);
-  -ms-transform: rotateX(@degrees); // IE9 only
-  -o-transform: rotateX(@degrees);
-  transform: rotateX(@degrees);
-}
-
-.rotateY(@degrees) {
-  -webkit-transform: rotateY(@degrees);
-  -ms-transform: rotateY(@degrees); // IE9 only
-  -o-transform: rotateY(@degrees);
-  transform: rotateY(@degrees);
-}
-
-.perspective(@perspective) {
-  -webkit-perspective: @perspective;
-  -moz-perspective: @perspective;
-  perspective: @perspective;
-}
-
-.perspective-origin(@perspective) {
-  -webkit-perspective-origin: @perspective;
-  -moz-perspective-origin: @perspective;
-  perspective-origin: @perspective;
-}
-
-.transform-origin(@origin) {
-  -webkit-transform-origin: @origin;
-  -moz-transform-origin: @origin;
-  -ms-transform-origin: @origin; // IE9 only
-  transform-origin: @origin;
-}
-
-// Transitions
-
-.transition(@transition) {
-  -webkit-transition: @transition;
-  -o-transition: @transition;
-  transition: @transition;
-}
-
-.transition-property(@transition-property) {
-  -webkit-transition-property: @transition-property;
-  transition-property: @transition-property;
-}
-
-.transition-delay(@transition-delay) {
-  -webkit-transition-delay: @transition-delay;
-  transition-delay: @transition-delay;
-}
-
-.transition-duration(@transition-duration) {
-  -webkit-transition-duration: @transition-duration;
-  transition-duration: @transition-duration;
-}
-
-.transition-timing-function(@timing-function) {
-  -webkit-transition-timing-function: @timing-function;
-  transition-timing-function: @timing-function;
-}
-
-.transition-transform(@transition) {
-  -webkit-transition: -webkit-transform @transition;
-  -moz-transition: -moz-transform @transition;
-  -o-transition: -o-transform @transition;
-  transition: transform @transition;
-}
-
-// User select
-// For selecting text on the page
-
-.user-select(@select) {
-  -webkit-user-select: @select;
-  -moz-user-select: @select;
-  -ms-user-select: @select; // IE10+
-  user-select: @select;
-}
diff --git a/common/assets/styles/etherwallet-custom.less b/common/assets/styles/etherwallet-custom.less
deleted file mode 100755
index 753059bf..00000000
--- a/common/assets/styles/etherwallet-custom.less
+++ /dev/null
@@ -1,373 +0,0 @@
-img {
-  max-width: 100%;
-  height: auto;
-}
-
-textarea {
-  resize: vertical;
-}
-
-// anouncement bars
-.announcement {
-  padding: 3px 10px;
-  text-align: center;
-  font-weight: 300;
-  color: white;
-  display: block;
-  background-color: @brand-primary;
-  a {
-    text-decoration: underline;
-    color: white;
-    transition: 250ms all ease;
-  }
-  &:hover,
-  &:focus {
-    transition: 250ms all ease;
-    color: darken(white, 5%);
-    text-decoration: none;
-    background-color: darken(@brand-primary, 5%);
-  }
-  strong {
-    font-weight: 400;
-  }
-}
-
-.annoucement-warning {
-  background-color: @brand-danger;
-  &:hover,
-  &:focus {
-    background-color: darken(@brand-danger, 5%);
-    a,
-    a:hover {
-      text-decoration: none;
-    }
-  }
-}
-
-.annoucement-danger {
-  background-color: @brand-danger;
-  a:hover,
-  a:focus {
-    color: darken(white, 5%);
-    a,
-    a:hover {
-      text-decoration: none;
-    }
-  }
-}
-
-// address icenticons
-.address-identicon-container {
-  padding-left: 0;
-  padding-top: @space-md;
-  text-align: left;
-  @media screen and (max-width: @grid-float-breakpoint) {
-    padding-left: @space-lg;
-    padding-right: @space-lg;
-    padding-top: 0;
-  }
-}
-
-.address-identicon-container-right {
-  padding-right: 0;
-  padding-top: @space-md;
-  text-align: right;
-  .addressIdenticon {
-    float: right;
-  }
-  @media screen and (max-width: @grid-float-breakpoint) {
-    padding-left: @space-lg;
-    padding-right: @space-lg;
-    padding-top: 0;
-  }
-}
-
-.address-identicon-container-offline {
-  padding: 0;
-  margin-left: -15px;
-}
-
-.addressIdenticon {
-  width: 4rem;
-  height: 4rem;
-  background-size: cover;
-  background-repeat: no-repeat;
-  border-radius: 50%;
-  box-shadow: inset rgba(255, 255, 255, 0.5) 0 2px 2px,
-    inset rgba(0, 0, 0, 0.6) 0 -1px 8px;
-}
-
-.addressIdenticon.med {
-  width: 3rem;
-  height: 3rem;
-}
-
-.addressIdenticon.small {
-  width: 2rem;
-  height: 2rem;
-}
-
-.addressIdenticon.inline {
-  display: inline-block;
-}
-
-.addressIdenticon.float {
-  float: left;
-  margin-right: @space-sm;
-}
-
-// helpers
-.wrap {
-  word-wrap: break-word;
-}
-
-.bigger-on-mobile.form-control[readonly] {
-  height: 60px;
-  @media screen and (max-width: 767px) {
-    height: 100px;
-  }
-}
-
-// help page
-#paneHelp {
-  h3 {
-    margin-top: 2em;
-  }
-}
-
-// monospace things
-.mono,
-.form-control,
-#accountAddress,
-#accountBalance,
-#accountBalanceUsd,
-#accountBalanceEur,
-#accountBalanceBtc,
-#accountBalancePopMB-0,
-#accountBalancePopMB-2,
-#accountAddressMainTbl-1 {
-  font-family: @font-family-monospace;
-  font-weight: normal;
-  letter-spacing: .02em;
-}
-
-// QR Code on Offline Transactions Page
-.offline-qrcode {
-  margin-top: -150px;
-  max-width: 300px;
-  @media screen and (max-width: 942px) {
-    margin-top: -78px;
-  }
-  @media screen and (max-width: 769px) {
-    margin-top: 0;
-  }
-}
-
-// collapsable containers
-.collapse-container {
-  h2,
-  h4 {
-    cursor: pointer;
-  }
-  .collapse-button {
-    float: left;
-    font-weight: 500;
-    user-select: none;
-    padding: 10px;
-    margin: -10px -35px;
-    font-size: 24px;
-    line-height: 1.6;
-  }
-}
-
-// help collapsable containers
-.help .collapse-container {
-  margin: 40px 0;
-  .collapse-button {
-    margin: -10px -30px;
-    font-size: 20px;
-    line-height: 1;
-  }
-}
-
-// little x image next to custom tokens
-.token-remove {
-  width: @font-size-small;
-  height: @font-size-small;
-  position: absolute;
-  left: 18px;
-  cursor: pointer;
-}
-
-.node-remove {
-  width: 16px;
-  height: 16px;
-  position: absolute;
-  right: 6px;
-  top: 8px;
-}
-
-.m-addresses td:first-child {
-  max-width: 50px;
-  min-width: 50px;
-}
-
-.m-addresses td:last-child {
-  text-align: right;
-}
-
-h2 a.isActive {
-  color: #333;
-  cursor: default;
-  &:hover,
-  &:active {
-    color: #333;
-    cursor: default;
-  }
-}
-
-.item {
-  margin: 6px 0;
-}
-
-.output.well {
-  padding: @space-sm @space;
-  margin-top: -@space/2;
-  p {
-    margin: @space-sm 0;
-  }
-}
-
-label small {
-  color: @gray-light;
-}
-
-.write-address {
-  .col-xs-1 {
-    padding: 0;
-  }
-  .col-xs-11 {
-    padding-right: 10px;
-  }
-}
-
-.write-boolean label {
-  display: block;
-}
-
-.decrypt-drtv {
-  padding: @space 0;
-  label.radio {
-    padding: 0 @space-lg;
-  }
-}
-
-.qr-code {
-  max-width: 17rem;
-  margin: auto;
-}
-
-.qr-pkey-container {
-  position: relative;
-}
-
-.qr-overlay {
-  background-color: black;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.contracts {
-  h4 + .dropdown,
-  h4 + .dropdown .btn {
-    margin-top: 0;
-  }
-  a.isActive {
-    color: @text-color;
-  }
-  .dropdown-toggle {
-    display: block;
-    text-align: left;
-    white-space: normal;
-    .caret {
-      position: absolute;
-      right: @space;
-      top: 1.25rem;
-    }
-  }
-  .dropdown-menu-left {
-    font-size: @font-size-small;
-    left: auto;
-    right: 0;
-    min-width: 37rem;
-    small {
-      float: right;
-    }
-  }
-}
-
-.view-wallet-content {
-  @media screen and (min-width: @grid-float-breakpoint) {
-    padding-left: @space*3;
-  }
-  h5 {
-    margin-bottom: @space-xs;
-  }
-  a.isActive {
-    color: @text-color;
-  }
-}
-
-#selectedTypeLedger ol {
-  padding-left: 1rem;
-}
-
-.loading-wrap {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: fadeOut(black, 30%);
-  z-index: 999;
-  text-align: center;
-
-  .loading {
-    position: absolute;
-    text-align: center;
-    top: 40%;
-    left: 50%;
-    transform: translate(-50%, -60%);
-  }
-  img {
-    border-radius: 50%;
-  }
-  h1 {
-    animation: opacity 2000ms infinite ease-in-out;
-    color: white;
-  }
-
-  @keyframes opacity {
-    from,
-    to {
-      opacity: 0;
-    }
-    50% {
-      opacity: 1;
-    }
-  }
-}
-
-.embedded-logo {
-  height: auto;
-  width: 100%;
-  max-width: 290px;
-  padding: .5rem 0;
-}
-
-.ens-response {
-  color: @gray;
-}
diff --git a/common/assets/styles/etherwallet-ext-custom.less b/common/assets/styles/etherwallet-ext-custom.less
deleted file mode 100755
index c4e5552d..00000000
--- a/common/assets/styles/etherwallet-ext-custom.less
+++ /dev/null
@@ -1,24 +0,0 @@
-#etherWalletPopUp {
-  padding: 10px;
-  position: relative;
-  min-width: 346px;
-
-  .back-icon {
-    position: absolute;
-    left: 5px;
-    top: 5px;
-  }
-}
-
-.quicksend-address {
-  font-family: @font-family-monospace;
-  max-width: 170px;
-  word-wrap: break-word;
-  font-size: 12px;
-  font-weight: 300;
-  display: block;
-}
-
-.chrome-tokens span {
-  display: inline-block;
-}
diff --git a/common/assets/styles/etherwallet-master.less b/common/assets/styles/etherwallet-master.less
deleted file mode 100755
index b14dc323..00000000
--- a/common/assets/styles/etherwallet-master.less
+++ /dev/null
@@ -1,7 +0,0 @@
-@import 'etherwallet-variables.less';
-// Core variables and mixins
-@import 'bootstrap/mixins.less';
-// Utility classes
-@import 'etherwallet-custom.less';
-@import 'etherwallet-ext-custom.less';
-@import 'etherwallet-utilities.less';
diff --git a/common/assets/styles/etherwallet-utilities.less b/common/assets/styles/etherwallet-utilities.less
deleted file mode 100755
index 2f91cf51..00000000
--- a/common/assets/styles/etherwallet-utilities.less
+++ /dev/null
@@ -1,92 +0,0 @@
-/* Custom Utilities */
-
-.text-navy {
-  color: @ether-navy;
-}
-
-.text-gray-lighter {
-  color: @gray-lighter;
-}
-
-.text-blue {
-  color: @ether-blue;
-}
-
-.text-white {
-  color: #fff;
-}
-
-.bg-navy {
-  background: @ether-navy;
-}
-
-.bg-gray-lighter {
-  background-color: @gray-lighter;
-}
-
-.bg-blue {
-  background-color: @ether-blue;
-}
-
-.bg-white {
-  background-color: #fff;
-}
-
-.text-serif {
-  font-family: @font-family-serif;
-}
-
-.text-sans-serif {
-  font-family: @font-family-sans-serif;
-}
-
-.pad-v-sm {
-  padding-top: .5em;
-  padding-bottom: .5em;
-}
-
-.pad-v-md {
-  padding-top: 1em;
-  padding-bottom: 1em;
-}
-
-.pad-v-lg {
-  padding-top: 1.5em;
-  padding-bottom: 1.5em;
-}
-
-.pad-v-xl {
-  padding-top: 2em;
-  padding-bottom: 2em;
-}
-
-.marg-v-sm {
-  margin-top: .5em;
-  margin-bottom: .5em;
-}
-
-.marg-v-md {
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-.marg-v-lg {
-  margin-top: 1.5em;
-  margin-bottom: 1.5em;
-}
-
-.marg-v-xl {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.img-fill {
-  width: 100%;
-  height: auto;
-  max-width: 100%;
-}
-
-.no-scroll {
-  height: 100%;
-  overflow: hidden;
-}
diff --git a/common/assets/styles/etherwallet-variables.less b/common/assets/styles/etherwallet-variables.less
deleted file mode 100755
index 569ba858..00000000
--- a/common/assets/styles/etherwallet-variables.less
+++ /dev/null
@@ -1,362 +0,0 @@
-// Colors
-@ether-navy: #163151;
-@ether-blue: #0e97c0;
-
-@space-xs: 0.25rem;
-@space-sm: 0.5rem;
-@space-md: 0.75rem;
-@space: 1rem;
-@space-lg: 1.5rem;
-@space-xl: 2rem;
-
-@gray-base: #000;
-@gray-darker: lighten(@gray-base, 13.5%);
-@gray-dark: lighten(@gray-base, 20%);
-@gray: #737373;
-@gray-light: #9a9a9a;
-@gray-lighter: #ececec;
-@gray-lightest: #fafafa;
-
-@brand-primary: @ether-blue;
-@brand-success: #5dba5a;
-@brand-info: @ether-navy;
-@brand-warning: #ff9800;
-@brand-danger: #ea4b40;
-
-@body-bg: #fff;
-@text-color: @gray-dark;
-
-@link-color: @brand-primary;
-@link-hover-color: darken(@link-color, 5%);
-@link-hover-decoration: none;
-
-@transition: 500ms all ease-in-out;
-
-// Typography
-@font-family-sans-serif: 'Lato', sans-serif;
-@font-family-serif: Georgia, 'Times New Roman', Times, serif;
-@font-family-monospace: 'Roboto Mono', Menlo, Monaco, Consolas, 'Courier New', monospace;
-@font-family-base: @font-family-sans-serif;
-
-@base: 15;
-@font-size-pixels: @base+px;
-@font-size-pixels-xl: @base+1px; // for xl screens
-@font-size-pixels-sm: @base+px; // for small screens
-
-@font-size-large-bump: 2.25rem; // 33.75
-@font-size-large: 1.9rem; // 28.5
-@font-size-medium-bump: 1.5rem; // 22.5
-@font-size-medium: 1.3rem; // 19.5
-@font-size-bump-more: 1.15rem; // 17.25
-@font-size-bump: 1.07rem; // 16.05
-@font-size-base: 1rem; // 15
-@font-size-small: 0.92rem; // 13.8
-@font-size-xs: 0.8rem; // 12
-
-@font-size-h1: @font-size-large-bump;
-@font-size-h2: @font-size-large;
-@font-size-h3: @font-size-medium-bump;
-@font-size-h4: @font-size-medium;
-@font-size-h5: @font-size-bump-more;
-@font-size-h6: @font-size-bump;
-
-@line-height-base: 1.4;
-@line-height-computed: 1.4;
-
-@headings-font-family: inherit;
-@headings-font-weight: 700;
-@headings-line-height: 1.2;
-@headings-color: inherit;
-
-// Spacing
-@padding-base-vertical: @space*.6;
-@padding-base-horizontal: @space;
-
-@padding-large-vertical: @space-md;
-@padding-large-horizontal: @space-xl;
-
-@padding-small-vertical: 0.1rem;
-@padding-small-horizontal: @space-sm;
-
-@padding-xs-vertical: @space-xs;
-@padding-xs-horizontal: 0.2rem;
-
-@line-height-large: 1.2;
-@line-height-small: 1.5;
-
-@border-radius: 2px;
-
-@component-active-color: #fff;
-@component-active-bg: @brand-primary;
-
-@caret-width-base: @space-xs;
-@caret-width-large: @space-xs;
-
-// Tables
-@table-cell-padding: @space-sm;
-@table-condensed-cell-padding: @space-xs;
-
-@table-bg: transparent;
-@table-bg-accent: #f9f9f9;
-@table-bg-hover: @gray-lightest;
-@table-bg-active: @table-bg-hover;
-
-@table-border-color: #ddd;
-
-// Buttons
-@btn-font-weight: normal;
-
-@btn-default-color: #333;
-@btn-default-bg: #ececec;
-@btn-default-border: @gray-lighter;
-
-@btn-primary-color: #fff;
-@btn-primary-bg: @brand-primary;
-@btn-primary-border: darken(@btn-primary-bg, 5%);
-
-@btn-success-color: #fff;
-@btn-success-bg: @brand-success;
-@btn-success-border: darken(@btn-success-bg, 5%);
-
-@btn-info-color: #fff;
-@btn-info-bg: @brand-info;
-@btn-info-border: darken(@btn-info-bg, 5%);
-
-@btn-warning-color: #fff;
-@btn-warning-bg: @brand-warning;
-@btn-warning-border: darken(@btn-warning-bg, 5%);
-
-@btn-danger-color: #fff;
-@btn-danger-bg: @brand-danger;
-@btn-danger-border: darken(@btn-danger-bg, 5%);
-
-@btn-link-disabled-color: @gray-light;
-
-// Forms
-@input-bg: #fff;
-@input-bg-disabled: @gray-lightest;
-
-@input-color: @gray;
-@input-border: @gray-lighter;
-
-@input-border-focus: @brand-primary;
-
-@input-color-placeholder: darken(@gray-lighter, 10%);
-
-@input-height-base: 2.55rem;
-@input-height-large: 4rem;
-@input-height-small: 2rem;
-
-@form-group-margin-bottom: @space-sm;
-
-@legend-color: @gray-dark;
-@legend-border-color: #e5e5e5;
-
-@input-group-addon-bg: @gray-lighter;
-@input-group-addon-border-color: @input-border;
-
-@cursor-disabled: default;
-
-@dropdown-bg: #fff;
-@dropdown-border: rgba(0, 0, 0, 0.15);
-@dropdown-fallback-border: @gray-lighter;
-@dropdown-divider-bg: #e5e5e5;
-
-@dropdown-link-color: @ether-navy;
-@dropdown-link-hover-color: @ether-blue;
-@dropdown-link-hover-bg: @gray-lightest;
-
-@dropdown-link-active-color: @component-active-color;
-@dropdown-link-active-bg: @component-active-bg;
-
-@dropdown-link-disabled-color: @gray-light;
-
-@dropdown-header-color: @gray-light;
-
-@dropdown-caret-color: #000;
-
-@zindex-navbar: 1000;
-@zindex-dropdown: 1000;
-@zindex-popover: 1060;
-@zindex-tooltip: 1070;
-@zindex-navbar-fixed: 1030;
-@zindex-modal-background: 1040;
-@zindex-modal: 1050;
-@zindex-alerts: 1060;
-
-@screen-xs: 32rem;
-@screen-xs-min: @screen-xs;
-
-@screen-sm: 51.2rem;
-@screen-sm-min: @screen-sm;
-
-@screen-md: 66.133333333rem;
-@screen-md-min: @screen-md;
-
-@screen-lg: 80rem;
-@screen-lg-min: @screen-lg;
-
-@screen-xl: 94rem;
-@screen-xl-min: @screen-xl;
-
-@screen-xs-max: (@screen-sm-min - 1);
-@screen-sm-max: (@screen-md-min - 1);
-@screen-md-max: (@screen-lg-min - 1);
-@screen-lg-max: (@screen-xl-min - 1);
-
-@grid-columns: 12;
-@grid-gutter-width: 3rem;
-@grid-float-breakpoint: @screen-sm-min;
-@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
-
-@cont-padding: 5%;
-@cont-padding-lg: 7.5%;
-
-@container-tablet: (@screen-sm + @grid-gutter-width);
-@container-sm: @container-tablet;
-
-@container-desktop: (@screen-md + @grid-gutter-width);
-@container-md: @container-desktop;
-
-@container-large-desktop: (@screen-lg + @grid-gutter-width);
-@container-lg: @container-large-desktop;
-
-@state-success-text: darken(@brand-success, 10%);
-@state-success-bg: #dff0d8;
-@state-success-border: darken(spin(@state-success-bg, -10), 5%);
-
-@state-info-text: darken(@brand-info, 10%);
-@state-info-bg: #d9edf7;
-@state-info-border: darken(spin(@state-info-bg, -10), 7%);
-
-@state-warning-text: darken(@brand-warning, 10%);
-@state-warning-bg: #fcf8e3;
-@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
-
-@state-danger-text: darken(@brand-danger, 10%);
-@state-danger-bg: #f2dede;
-@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
-
-@tooltip-max-width: 200px;
-@tooltip-color: #fff;
-@tooltip-bg: #000;
-@tooltip-opacity: 0.9;
-
-@tooltip-arrow-width: @space-sm;
-@tooltip-arrow-color: @tooltip-bg;
-
-@label-default-bg: @gray-light;
-@label-primary-bg: @brand-primary;
-@label-success-bg: @brand-success;
-@label-info-bg: @brand-info;
-@label-warning-bg: @brand-warning;
-@label-danger-bg: @brand-danger;
-
-@label-color: #fff;
-@label-link-hover-color: #fff;
-
-@modal-inner-padding: @space*1.5;
-
-@modal-title-padding: @space;
-@modal-title-line-height: @line-height-base;
-
-@modal-content-bg: #fff;
-@modal-content-border-color: rgba(0, 0, 0, 0.2);
-@modal-content-fallback-border-color: #999;
-
-@modal-backdrop-bg: #000;
-@modal-backdrop-opacity: 0.5;
-@modal-header-border-color: #e5e5e5;
-@modal-footer-border-color: @modal-header-border-color;
-
-@modal-lg: 70rem;
-@modal-md: 50rem;
-@modal-sm: 30rem;
-
-@alert-border-radius: @border-radius;
-@alert-link-font-weight: bold;
-
-@alert-success-bg: @brand-success;
-@alert-success-text: white;
-@alert-success-border: @alert-success-bg;
-
-@alert-info-bg: @brand-primary;
-@alert-info-text: white;
-@alert-info-border: @alert-info-bg;
-
-@alert-warning-bg: @brand-warning;
-@alert-warning-text: white;
-@alert-warning-border: @alert-warning-bg;
-
-@alert-danger-bg: @brand-danger;
-@alert-danger-text: white;
-@alert-danger-border: @alert-danger-bg;
-
-@progress-bg: @gray-lightest;
-@progress-bar-color: #fff;
-@progress-border-radius: @border-radius;
-
-@progress-bar-bg: @brand-primary;
-@progress-bar-success-bg: @brand-success;
-@progress-bar-warning-bg: @brand-warning;
-@progress-bar-danger-bg: @brand-danger;
-@progress-bar-info-bg: @brand-info;
-
-@list-group-bg: #fff;
-@list-group-border: #ddd;
-@list-group-border-radius: @border-radius;
-
-@list-group-hover-bg: @gray-lightest;
-@list-group-active-color: @component-active-color;
-@list-group-active-bg: @component-active-bg;
-@list-group-active-border: @list-group-active-bg;
-@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
-
-@list-group-disabled-color: @gray-light;
-@list-group-disabled-bg: @gray-lighter;
-@list-group-disabled-text-color: @list-group-disabled-color;
-
-@list-group-link-color: #555;
-@list-group-link-hover-color: @list-group-link-color;
-@list-group-link-heading-color: #333;
-
-@thumbnail-padding: 4px;
-@thumbnail-bg: @body-bg;
-@thumbnail-border: #ddd;
-@thumbnail-border-radius: @border-radius;
-
-@thumbnail-caption-color: @text-color;
-@thumbnail-caption-padding: 9px;
-
-@well-bg: @gray-lightest;
-@well-border: darken(@well-bg, 7%);
-
-@badge-font-weight: bold;
-@badge-line-height: 1;
-@badge-border-radius: 10px;
-
-@close-font-weight: bold;
-@close-color: #000;
-@close-text-shadow: 0 1px 0 #fff;
-
-@code-color: #c7254e;
-@code-bg: #f9f2f4;
-
-@kbd-color: #fff;
-@kbd-bg: #333;
-
-@pre-bg: @gray-lightest;
-@pre-color: @gray-dark;
-@pre-border-color: @gray-lighter;
-@pre-scrollable-max-height: 340px;
-
-@component-offset-horizontal: 180px;
-@text-muted: @gray-light;
-@abbr-border-color: @gray-light;
-@headings-small-color: inherit;
-@blockquote-small-color: @gray-light;
-@blockquote-font-size: (@font-size-base * 1.25);
-@blockquote-border-color: @gray-lighter;
-@page-header-border-color: @gray-lighter;
-@dl-horizontal-offset: @component-offset-horizontal;
-@hr-border: @gray-lighter;
diff --git a/common/containers/Tabs/SendTransaction/components/Donate.tsx b/common/containers/Tabs/SendTransaction/components/Donate.tsx
deleted file mode 100644
index 9ccdb8ae..00000000
--- a/common/containers/Tabs/SendTransaction/components/Donate.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { donationAddressMap } from 'config';
-import React from 'react';
-import translate from 'translations';
-
-interface Props {
-  onDonate(address: string, amount: string, unit: string): void;
-}
-interface State {
-  clicked: boolean;
-}
-export default class Donate extends React.Component<Props, State> {
-  public state = {
-    clicked: false
-  };
-  public render() {
-    return (
-      <div className="well">
-        <p>{translate('sidebar_donation')}</p>
-        <a className="btn btn-primary btn-block" onClick={this.onClick}>
-          {translate('sidebar_donate')}
-        </a>
-        {this.state.clicked && (
-          <div className="text-success text-center marg-v-sm">{translate('sidebar_thanks')}</div>
-        )}
-      </div>
-    );
-  }
-
-  public onClick = () => {
-    // FIXME move to config
-    this.props.onDonate(donationAddressMap.ETH, '1', 'ETH');
-
-    this.setState({ clicked: true });
-  };
-}
diff --git a/common/containers/Tabs/SendTransaction/components/index.ts b/common/containers/Tabs/SendTransaction/components/index.ts
index 214d599e..8afb0adf 100644
--- a/common/containers/Tabs/SendTransaction/components/index.ts
+++ b/common/containers/Tabs/SendTransaction/components/index.ts
@@ -1,4 +1,3 @@
-export { default as Donate } from './Donate';
 export * from './Fields';
 export * from './UnavailableWallets';
 export * from './SideBar';
diff --git a/common/containers/Tabs/Swap/components/BitcoinQR.scss b/common/containers/Tabs/Swap/components/BitcoinQR.scss
new file mode 100644
index 00000000..71ddf643
--- /dev/null
+++ b/common/containers/Tabs/Swap/components/BitcoinQR.scss
@@ -0,0 +1,6 @@
+.BitcoinQR {
+  &-qr {
+    max-width: 17rem;
+    margin: auto;
+  }
+}
diff --git a/common/containers/Tabs/Swap/components/BitcoinQR.tsx b/common/containers/Tabs/Swap/components/BitcoinQR.tsx
index 36d93a5a..6f5f4a31 100644
--- a/common/containers/Tabs/Swap/components/BitcoinQR.tsx
+++ b/common/containers/Tabs/Swap/components/BitcoinQR.tsx
@@ -1,5 +1,6 @@
-import QRCode from 'qrcode.react';
 import React, { PureComponent } from 'react';
+import QRCode from 'qrcode.react';
+import './BitcoinQR.scss';
 
 interface Props {
   paymentAddress: string | null;
@@ -10,10 +11,10 @@ export default class BitcoinQR extends PureComponent<Props, {}> {
   public render() {
     const { paymentAddress, destinationAmount } = this.props;
     return (
-      <div>
+      <div className="BitcoinQR">
         <section className="row block swap-address text-center">
           <label> Your Address </label>
-          <div className="qr-code">
+          <div className="BitcoinQR-qr">
             <QRCode value={`bitcoin:${paymentAddress}amount=${destinationAmount}`} />
           </div>
           <br />
diff --git a/common/containers/Tabs/ViewWallet/index.tsx b/common/containers/Tabs/ViewWallet/index.tsx
deleted file mode 100644
index 80c29ddc..00000000
--- a/common/containers/Tabs/ViewWallet/index.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React, { Component } from 'react';
-import translate from 'translations';
-import TabSection from 'containers/TabSection';
-
-export default class ViewWallet extends Component {
-  public render() {
-    return (
-      <TabSection>
-        <section className="container">
-          <div className="tab-content">
-            <article className="tab-pane active">
-              <article className="collapse-container">
-                <div>
-                  <h1>View Wallet Info</h1>
-                </div>
-                <div>
-                  <p>{translate('VIEWWALLET_Subtitle')}</p>
-                </div>
-              </article>
-            </article>
-          </div>
-        </section>
-      </TabSection>
-    );
-  }
-}
diff --git a/common/containers/Tabs/index.ts b/common/containers/Tabs/index.ts
index df8d0a62..8715b1c4 100644
--- a/common/containers/Tabs/index.ts
+++ b/common/containers/Tabs/index.ts
@@ -2,7 +2,6 @@ import { default as ENS } from './ENS';
 import { default as GenerateWallet } from './GenerateWallet';
 import { default as SendTransaction } from './SendTransaction';
 import { default as Swap } from './Swap';
-import { default as ViewWallet } from './ViewWallet';
 import { default as SignAndVerifyMessage } from './SignAndVerifyMessage';
 
 export default {
@@ -10,6 +9,5 @@ export default {
   GenerateWallet,
   SendTransaction,
   Swap,
-  ViewWallet,
   SignAndVerifyMessage
 };
diff --git a/common/index.tsx b/common/index.tsx
index 17c51cdd..7479480a 100644
--- a/common/index.tsx
+++ b/common/index.tsx
@@ -1,5 +1,4 @@
 // Application styles must come first in order, to allow for overrides
-import 'assets/styles/etherwallet-master.less';
 import 'font-awesome/scss/font-awesome.scss';
 import 'sass/styles.scss';
 import 'babel-polyfill';
diff --git a/common/sass/styles.scss b/common/sass/styles.scss
index fe5b4fd5..db77782c 100644
--- a/common/sass/styles.scss
+++ b/common/sass/styles.scss
@@ -34,6 +34,7 @@
 @import './styles/scaffolding';
 @import './styles/tab';
 @import './styles/flexbox';
+@import './styles/helpers';
 @import './fonts';
 
 [data-whatintent='mouse'] *:focus {
diff --git a/common/sass/styles/helpers.scss b/common/sass/styles/helpers.scss
new file mode 100644
index 00000000..dadbf9a9
--- /dev/null
+++ b/common/sass/styles/helpers.scss
@@ -0,0 +1,10 @@
+@import 'common/sass/mixins';
+
+.mono {
+  @include mono;
+}
+
+.no-scroll {
+  height: 100%;
+  overflow: hidden;
+}
diff --git a/common/sass/styles/overrides/forms.scss b/common/sass/styles/overrides/forms.scss
index 027721dd..4329161e 100644
--- a/common/sass/styles/overrides/forms.scss
+++ b/common/sass/styles/overrides/forms.scss
@@ -1,5 +1,6 @@
 // Form overrides
 @import 'common/sass/variables';
+@import 'common/sass/mixins';
 
 label {
   margin-bottom: $space-xs;
@@ -32,6 +33,7 @@ input[readonly] {
   margin-bottom: $space-sm;
   transition: $transition;
   padding: $input-padding;
+  @include mono;
 
   &:focus {
     border-color: $input-border-focus;
diff --git a/common/sass/styles/scaffolding.scss b/common/sass/styles/scaffolding.scss
index ae72d1b7..1610ca44 100644
--- a/common/sass/styles/scaffolding.scss
+++ b/common/sass/styles/scaffolding.scss
@@ -57,11 +57,17 @@ textarea {
   line-height: inherit;
 }
 
+textarea {
+  resize: vertical;
+}
+
 figure {
   margin: 0;
 }
 
 img {
+  max-width: 100%;
+  height: auto;
   vertical-align: middle;
 }
 
diff --git a/jest_config/jest.config.json b/jest_config/jest.config.json
index f3d3f451..74e8f17d 100644
--- a/jest_config/jest.config.json
+++ b/jest_config/jest.config.json
@@ -9,7 +9,7 @@
   "moduleNameMapper": {
     "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":
       "<rootDir>/jest_config/__mocks__/fileMock.ts",
-    "\\.(css|scss|less)$": "<rootDir>/jest_config/__mocks__/styleMock.ts",
+    "\\.(css|scss)$": "<rootDir>/jest_config/__mocks__/styleMock.ts",
     "\\.worker.ts": "<rootDir>/jest_config/__mocks__/workerMock.js"
   },
   "testPathIgnorePatterns": [],
diff --git a/jest_config/jest.int.config.json b/jest_config/jest.int.config.json
index 4ad79a75..5973dd80 100644
--- a/jest_config/jest.int.config.json
+++ b/jest_config/jest.int.config.json
@@ -9,7 +9,7 @@
   "moduleNameMapper": {
     "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":
       "<rootDir>/jest_config/__mocks__/fileMock.ts",
-    "\\.(css|scss|less)$": "<rootDir>/jest_config/__mocks__/styleMock.ts"
+    "\\.(css|scss)$": "<rootDir>/jest_config/__mocks__/styleMock.ts"
   },
   "testPathIgnorePatterns": [],
   "setupFiles": [
diff --git a/package.json b/package.json
index 1919323f..fb60b2fe 100644
--- a/package.json
+++ b/package.json
@@ -103,8 +103,6 @@
     "image-webpack-loader": "4.2.0",
     "jest": "22.1.4",
     "klaw-sync": "3.0.2",
-    "less": "2.7.3",
-    "less-loader": "4.1.0",
     "lint-staged": "7.0.0",
     "minimist": "1.2.0",
     "node-sass": "4.8.3",
diff --git a/spec/pages/ViewWallet.spec.tsx b/spec/pages/ViewWallet.spec.tsx
deleted file mode 100644
index b6e5cc07..00000000
--- a/spec/pages/ViewWallet.spec.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import Enzyme from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-import ViewWallet from 'containers/Tabs/ViewWallet';
-import shallowWithStore from '../utils/shallowWithStore';
-import { createMockStore } from 'redux-test-utils';
-
-Enzyme.configure({ adapter: new Adapter() });
-
-it('render snapshot', () => {
-  const testState = {};
-  const store = createMockStore(testState);
-  const component = shallowWithStore(<ViewWallet />, store);
-
-  expect(component).toMatchSnapshot();
-});
diff --git a/spec/pages/__snapshots__/ViewWallet.spec.tsx.snap b/spec/pages/__snapshots__/ViewWallet.spec.tsx.snap
deleted file mode 100644
index cad36045..00000000
--- a/spec/pages/__snapshots__/ViewWallet.spec.tsx.snap
+++ /dev/null
@@ -1,34 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`render snapshot 1`] = `
-<Connect(TabSection)>
-  <section
-    className="container"
-  >
-    <div
-      className="tab-content"
-    >
-      <article
-        className="tab-pane active"
-      >
-        <article
-          className="collapse-container"
-        >
-          <div>
-            <h1>
-              View Wallet Info
-            </h1>
-          </div>
-          <div>
-            <p>
-              <Translate
-                translationKey="VIEWWALLET_Subtitle"
-              />
-            </p>
-          </div>
-        </article>
-      </article>
-    </div>
-  </section>
-</Connect(TabSection)>
-`;
diff --git a/webpack_config/config.js b/webpack_config/config.js
index ff1528cf..8a5a0a13 100644
--- a/webpack_config/config.js
+++ b/webpack_config/config.js
@@ -30,7 +30,7 @@ module.exports = {
 
   // File resolution
   resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.css', '.json', '.scss', '.less'],
+    extensions: ['.ts', '.tsx', '.js', '.css', '.json', '.scss'],
     modules: [
       paths.src,
       paths.modules,
diff --git a/webpack_config/makeConfig.js b/webpack_config/makeConfig.js
index de63fda4..402e0cc1 100644
--- a/webpack_config/makeConfig.js
+++ b/webpack_config/makeConfig.js
@@ -66,7 +66,7 @@ module.exports = function(opts = {}) {
     });
   }
 
-  // Styles (CSS, SCSS, LESS)
+  // Styles (CSS, SCSS)
   if (options.isProduction) {
     rules.push(
       {
@@ -82,13 +82,6 @@ module.exports = function(opts = {}) {
           fallback: 'style-loader',
           use: ['css-loader', 'sass-loader']
         })
-      },
-      {
-        test: /\.less$/,
-        use: ExtractTextPlugin.extract({
-          fallback: 'style-loader',
-          use: ['css-loader', 'less-loader']
-        })
       }
     );
   } else {
@@ -105,11 +98,6 @@ module.exports = function(opts = {}) {
           .concat([config.path.modules]),
 
         use: ['style-loader', 'css-loader', 'sass-loader']
-      },
-      {
-        test: /\.less$/,
-        include: path.resolve(config.path.assets, 'styles'),
-        use: ['style-loader', 'css-loader', 'less-loader']
       }
     );
   }