From 1d13efc3049bf548aa0732c6cb74160ca0e5c7f4 Mon Sep 17 00:00:00 2001 From: ayan4m1 Date: Sat, 16 Aug 2014 20:25:15 -0400 Subject: [PATCH 01/32] update to bootswatch v3.2.0+2 --- Rakefile | 3 ++- bootswatch | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/Rakefile b/Rakefile index 410198f..af5283a 100644 --- a/Rakefile +++ b/Rakefile @@ -10,11 +10,12 @@ THEMES = %w( flatly journal lumen + paper readable + sandstone simplex slate spacelab - spruce superhero united yeti diff --git a/bootswatch b/bootswatch index f3189e2..e91fb5d 160000 --- a/bootswatch +++ b/bootswatch @@ -1 +1 @@ -Subproject commit f3189e26cff5142e200568a81ef3db608530cc6f +Subproject commit e91fb5dad0762e0c7c71dd733fb8b5b054ba92ff From dd4ecd315b589012870ea260e361a77019ac2b9e Mon Sep 17 00:00:00 2001 From: ayan4m1 Date: Sat, 16 Aug 2014 21:02:17 -0400 Subject: [PATCH 02/32] apply changes from bootswatch v3.2.0+2 --- .../bootswatch/cerulean/_bootswatch.scss | 36 +- .../bootswatch/cerulean/_variables.scss | 61 +- .../bootswatch/cosmo/_bootswatch.scss | 66 +- .../bootswatch/cosmo/_variables.scss | 73 +- .../bootswatch/cyborg/_bootswatch.scss | 9 +- .../bootswatch/cyborg/_variables.scss | 95 +- .../bootswatch/darkly/_bootswatch.scss | 76 +- .../bootswatch/darkly/_variables.scss | 91 +- .../bootswatch/flatly/_bootswatch.scss | 85 +- .../bootswatch/flatly/_variables.scss | 89 +- .../bootswatch/journal/_bootswatch.scss | 41 +- .../bootswatch/journal/_variables.scss | 62 +- .../bootswatch/lumen/_bootswatch.scss | 162 ++-- .../bootswatch/lumen/_variables.scss | 57 +- .../bootswatch/paper/_bootswatch.scss | 376 ++++++++ .../bootswatch/paper/_variables.scss | 845 ++++++++++++++++++ .../bootswatch/readable/_bootswatch.scss | 138 +-- .../bootswatch/readable/_variables.scss | 92 +- .../bootswatch/sandstone/_bootswatch.scss | 195 ++++ .../bootswatch/sandstone/_variables.scss | 845 ++++++++++++++++++ .../bootswatch/simplex/_bootswatch.scss | 17 +- .../bootswatch/simplex/_variables.scss | 94 +- .../bootswatch/slate/_bootswatch.scss | 81 +- .../bootswatch/slate/_variables.scss | 91 +- .../bootswatch/spacelab/_bootswatch.scss | 124 +-- .../bootswatch/spacelab/_variables.scss | 76 +- .../bootswatch/superhero/_bootswatch.scss | 70 +- .../bootswatch/superhero/_variables.scss | 110 +-- .../bootswatch/united/_bootswatch.scss | 21 +- .../bootswatch/united/_variables.scss | 59 +- .../bootswatch/yeti/_bootswatch.scss | 191 ++-- .../bootswatch/yeti/_variables.scss | 36 +- 32 files changed, 3412 insertions(+), 1052 deletions(-) create mode 100644 vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss create mode 100644 vendor/assets/stylesheets/bootswatch/paper/_variables.scss create mode 100644 vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss create mode 100644 vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss diff --git a/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss index 76df534..b3eb7f1 100644 --- a/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss @@ -15,28 +15,28 @@ filter: none; @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1)); - .navbar-nav > li > a, - .navbar-brand { - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); + .navbar-default { + + .badge { + background-color: #fff; + color: $navbar-default-bg; + } } -} -.navbar-default { + .navbar-inverse { + @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%)); + filter: none; + border-bottom: 1px solid darken($navbar-inverse-bg, 10%); - .badge { - background-color: #fff; - color: $navbar-default-bg; + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } } -} - -.navbar-inverse { - @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%)); - filter: none; - border-bottom: 1px solid darken($navbar-inverse-bg, 10%); - .badge { - background-color: #fff; - color: $navbar-inverse-bg; + .navbar-nav > li > a, + .navbar-brand { + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } } @@ -62,7 +62,7 @@ } .btn-default { - + @include btn-shadow($btn-default-bg); &:hover { diff --git a/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss b/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss index f90e1be..61f62f7 100644 --- a/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss @@ -79,31 +79,6 @@ $icon-font-name: "glyphicons-halflings-regular" !default; $icon-font-svg-id: "glyphicons_halflingsregular" !default; -//== Type -// -//## - -//** Horizontal offset for forms and lists. -$component-offset-horizontal: 180px !default; -//** Text muted color -$text-muted: $gray-light !default; -//** Abbreviations and acronyms border color -$abbr-border-color: $gray-light !default; -//** Headings small color -$headings-small-color: $gray-light !default; -//** Blockquote small color -$blockquote-small-color: $gray-light !default; -//** Blockquote font size -$blockquote-font-size: ($font-size-base * 1.25) !default; -//** Blockquote border color -$blockquote-border-color: $gray-lighter !default; -//** Page header border color -$page-header-border-color: $gray-lighter !default; -//** Width of horizontal description list titles -$dl-horizontal-offset: $component-offset-horizontal !default; -//** Horizontal line color. -$hr-border: $gray-lighter !default; - //== Components // //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). @@ -148,7 +123,7 @@ $table-cell-padding: 8px !default; $table-condensed-cell-padding: 5px !default; //** Default background color used for all tables. -$table-bg: hsla(0, 100%, 100%, 0) !default; +$table-bg: transparent !default; //** Background color used for `.table-striped`. $table-bg-accent: #f9f9f9 !default; //** Background color used for `.table-hover`. @@ -246,13 +221,13 @@ $dropdown-divider-bg: #e5e5e5 !default; $dropdown-link-color: $gray-dark !default; //** Hover color for dropdown links. $dropdown-link-hover-color: #fff !default; -//** Active dropdown menu item background color. -$dropdown-link-active-bg: $component-active-bg !default; //** Hover background for dropdown links. $dropdown-link-hover-bg: $dropdown-link-active-bg !default; //** Active dropdown menu item text color. $dropdown-link-active-color: #fff !default; +//** Active dropdown menu item background color. +$dropdown-link-active-bg: $component-active-bg !default; //** Disabled dropdown menu item background color. $dropdown-link-disabled-color: $text-muted !default; @@ -377,7 +352,7 @@ $navbar-default-link-hover-bg: darken($navbar-default-bg, 10%) !defa $navbar-default-link-active-color: #fff !default; $navbar-default-link-active-bg: darken($navbar-default-bg, 10%) !default; $navbar-default-link-disabled-color: #ddd !default; -$navbar-default-link-disabled-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-link-disabled-bg: transparent !default; // Navbar brand label $navbar-default-brand-color: $navbar-default-link-color !default; @@ -403,7 +378,7 @@ $navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 5%) !defa $navbar-inverse-link-active-color: #fff !default; $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%) !default; $navbar-inverse-link-disabled-color: #ccc !default; -$navbar-inverse-link-disabled-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-link-disabled-bg: transparent !default; // Inverted navbar brand label $navbar-inverse-brand-color: $navbar-inverse-link-color !default; @@ -842,3 +817,29 @@ $pre-border-color: #ccc !default; $pre-scrollable-max-height: 340px !default; +//== Type +// +//## + +//** Horizontal offset for forms and lists. +$component-offset-horizontal: 180px !default; +//** Text muted color +$text-muted: $gray-light !default; +//** Abbreviations and acronyms border color +$abbr-border-color: $gray-light !default; +//** Headings small color +$headings-small-color: $gray-light !default; +//** Blockquote small color +$blockquote-small-color: $gray-light !default; +//** Blockquote font size +$blockquote-font-size: ($font-size-base * 1.25) !default; +//** Blockquote border color +$blockquote-border-color: $gray-lighter !default; +//** Page header border color +$page-header-border-color: $gray-lighter !default; +//** Width of horizontal description list titles +$dl-horizontal-offset: $component-offset-horizontal !default; +//** Horizontal line color. +$hr-border: $gray-lighter !default; + + diff --git a/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss index 5762668..4037fcc 100644 --- a/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss @@ -2,15 +2,18 @@ // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700"); +@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700"); // Navbar ===================================================================== -.navbar-inverse { +.navbar { - .badge { - background-color: #fff; - color: $brand-primary; + .navbar-inverse { + + .badge { + background-color: #fff; + color: $brand-primary; + } } } @@ -22,6 +25,10 @@ // Typography ================================================================= +body { + -webkit-font-smoothing: antialiased; +} + .text-primary, .text-primary:hover { color: $brand-primary; @@ -52,7 +59,7 @@ table, .table { - a { + a:not(.btn) { text-decoration: underline; } @@ -132,27 +139,26 @@ table, // Indicators ================================================================= -.alert { - border: none; - - .alert-link { - text-decoration: underline; - color: #fff; - } -} - .close { - color: #fff; text-decoration: none; + text-shadow: none; opacity: 0.4; &:hover, &:focus { - color: #fff; opacity: 1; } } +.alert { + border: none; + + .alert-link { + text-decoration: underline; + color: #fff; + } +} + .label { border-radius: 0; } @@ -170,8 +176,26 @@ table, // Containers ================================================================= -.panel-heading, -.panel-footer { - border-top-right-radius: 0; - border-top-left-radius: 0; +.panel { + .panel-heading, + .panel-footer { + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + .panel-default { + .close { + color: $text-color; + } + } +} + +.modal { + .close { + color: $text-color; + } +} + +.popover { + color: $text-color; } diff --git a/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss b/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss index d8da9bb..0930170 100644 --- a/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss @@ -13,7 +13,7 @@ $gray: lighten(#000, 33.5%) !default; // #555 $gray-light: lighten(#000, 60%) !default; // #999 $gray-lighter: lighten(#000, 90%) !default; // #eee -$brand-primary: #007FFF !default; +$brand-primary: #2780E3 !default; $brand-success: #3FB618 !default; $brand-info: #9954BB !default; $brand-warning: #FF7518 !default; @@ -39,7 +39,7 @@ $link-hover-color: darken($link-color, 15%) !default; // //## Font, line-height, and color for body text, headings, and more. -$font-family-sans-serif: "Open Sans", Calibri, Candara, Arial, sans-serif !default; +$font-family-sans-serif: "Source Sans Pro", Calibri, Candara, Arial, sans-serif !default; $font-family-serif: Georgia, "Times New Roman", Times, serif !default; //** Default monospace fonts for ``, ``, and `
`.
 $font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
@@ -79,31 +79,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -148,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -246,13 +221,13 @@ $dropdown-divider-bg:            #e5e5e5 !default;
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -377,7 +352,7 @@ $navbar-default-link-hover-bg:             darken($navbar-default-bg, 10%) !defa
 $navbar-default-link-active-color:         $navbar-default-link-hover-color !default;
 $navbar-default-link-active-bg:            $navbar-default-link-hover-bg !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
@@ -387,7 +362,7 @@ $navbar-default-brand-hover-bg:            none !default;
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           $navbar-default-link-hover-bg !default;
 $navbar-default-toggle-icon-bar-bg:        #fff !default;
-$navbar-default-toggle-border-color:       hsla(0, 100%, 100%, 0) !default;
+$navbar-default-toggle-border-color:       transparent !default;
 
 
 // Inverted navbar
@@ -403,7 +378,7 @@ $navbar-inverse-link-hover-bg:              darken($navbar-inverse-bg, 10%) !def
 $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
 $navbar-inverse-link-active-bg:             $navbar-inverse-link-hover-bg !default;
 $navbar-inverse-link-disabled-color:        #fff !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
@@ -413,7 +388,7 @@ $navbar-inverse-brand-hover-bg:             none !default;
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            $navbar-inverse-link-hover-bg !default;
 $navbar-inverse-toggle-icon-bar-bg:         #fff !default;
-$navbar-inverse-toggle-border-color:        hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-toggle-border-color:        transparent !default;
 
 
 //== Navs
@@ -601,7 +576,7 @@ $modal-title-line-height:     $line-height-base !default;
 //** Background color of modal content area
 $modal-content-bg:                             #fff !default;
 //** Modal content border color
-$modal-content-border-color:                   rgba(0,0,0,.2) !default;
+$modal-content-border-color:                   transparent !default;
 //** Modal content border color **for IE8**
 $modal-content-fallback-border-color:          #999 !default;
 
@@ -822,7 +797,7 @@ $carousel-caption-color:                      #fff !default;
 //##
 
 $close-font-weight:           bold !default;
-$close-color:                 #000 !default;
+$close-color:                 #fff !default;
 $close-text-shadow:           0 1px 0 #fff !default;
 
 
@@ -842,3 +817,29 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss
index 77f276c..5a914cf 100644
--- a/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss
@@ -2,15 +2,10 @@
 // Bootswatch
 // -----------------------------------------------------
 
-@import url("//fonts.googleapis.com/css?family=Droid+Sans:400,700");
+@import url("//fonts.googleapis.com/css?family=Roboto:400,700");
 
 // Navbar =====================================================================
 
-.navbar {
-
-  border-bottom: 1px solid $gray-dark;
-}
-
 // Buttons ====================================================================
 
 // Typography =================================================================
@@ -46,7 +41,7 @@ table,
 .table {
   color: #fff;
 
-  a {
+  a:not(.btn) {
     color: #fff;
     text-decoration: underline;
   }
diff --git a/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss b/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss
index 39d7adf..2e005d9 100644
--- a/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss
@@ -39,7 +39,7 @@ $link-hover-color:      $link-color !default;
 //
 //## Font, line-height, and color for body text, headings, and more.
 
-$font-family-sans-serif:  "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$font-family-sans-serif:  "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
 $font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
 //** Default monospace fonts for ``, ``, and `
`.
 $font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
@@ -49,12 +49,12 @@ $font-size-base:          14px !default;
 $font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
 $font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
 
-$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
-$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
-$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
-$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
-$font-size-h5:            $font-size-base !default;
-$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px
+$font-size-h1:            56px !default;
+$font-size-h2:            45px !default;
+$font-size-h3:            34px !default;
+$font-size-h4:            24px !default;
+$font-size-h5:            20px !default;
+$font-size-h6:            16px !default;
 
 //** Unit-less `line-height` for use in components like buttons.
 $line-height-base:        1.428571429 !default; // 20/14
@@ -78,31 +78,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 //** Element ID within SVG icon file.
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-dark !default;
-//** Page header border color
-$page-header-border-color:    $gray-dark !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-dark !default;
-
 
 //== Components
 //
@@ -246,13 +221,13 @@ $dropdown-divider-bg:            rgba(255,255,255,0.1) !default;
 $dropdown-link-color:            #fff !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -368,21 +343,21 @@ $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             $text-color !default;
 $navbar-default-bg:                $body-bg !default;
-$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
+$navbar-default-border:            $gray-dark !default;
 
 // Navbar links
 $navbar-default-link-color:                $text-color !default;
 $navbar-default-link-hover-color:          #fff !default;
-$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-hover-bg:             transparent !default;
 $navbar-default-link-active-color:         #fff !default;
-$navbar-default-link-active-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-active-bg:            transparent !default;
 $navbar-default-link-disabled-color:       $gray-light !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               #fff !default;
 $navbar-default-brand-hover-color:         #fff !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           $gray-dark !default;
@@ -399,16 +374,16 @@ $navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !def
 // Inverted navbar links
 $navbar-inverse-link-color:                 $gray-light !default;
 $navbar-inverse-link-hover-color:           #fff !default;
-$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
 $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-active-bg:             transparent !default;
 $navbar-inverse-link-disabled-color:        #aaa !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                #fff !default;
 $navbar-inverse-brand-hover-color:          #fff !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            #333 !default;
@@ -432,7 +407,7 @@ $nav-open-link-hover-color:                 $gray-darker !default;
 //== Tabs
 $nav-tabs-border-color:                     $gray-dark !default;
 
-$nav-tabs-link-hover-border-color:          hsla(0, 100%, 100%, 0) !default;
+$nav-tabs-link-hover-border-color:          transparent !default;
 
 $nav-tabs-active-link-hover-bg:             $brand-primary !default;
 $nav-tabs-active-link-hover-color:          #fff !default;
@@ -457,11 +432,11 @@ $pagination-border:                    $gray-dark !default;
 
 $pagination-hover-color:               #fff !default;
 $pagination-hover-bg:                  $component-active-bg !default;
-$pagination-hover-border:              hsla(0, 100%, 100%, 0) !default;
+$pagination-hover-border:              transparent !default;
 
 $pagination-active-color:              #fff !default;
 $pagination-active-bg:                 $brand-primary !default;
-$pagination-active-border:             hsla(0, 100%, 100%, 0) !default;
+$pagination-active-border:             transparent !default;
 
 $pagination-disabled-color:            $gray-light !default;
 $pagination-disabled-bg:               $gray-darker !default;
@@ -711,11 +686,11 @@ $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
 $panel-inner-border:          $gray-dark !default;
-$panel-default-heading-bg:    lighten($gray-darker, 10%) !default;
 $panel-footer-bg:             $panel-default-heading-bg !default;
 
 $panel-default-text:          $text-color !default;
 $panel-default-border:        $panel-inner-border !default;
+$panel-default-heading-bg:    lighten($gray-darker, 10%) !default;
 
 $panel-primary-text:          #fff !default;
 $panel-primary-border:        $brand-primary !default;
@@ -842,3 +817,29 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-dark !default;
+//** Page header border color
+$page-header-border-color:    $gray-dark !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-dark !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss
index 739bd07..16be5c0 100644
--- a/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss
@@ -8,34 +8,34 @@
 
 .navbar {
   border-width: 0;
-}
 
-.navbar-default {
+  .navbar-default {
 
-  .badge {
-    background-color: #fff;
-    color: $navbar-default-bg;
+    .badge {
+      background-color: #fff;
+      color: $navbar-default-bg;
+    }
   }
-}
 
-.navbar-inverse {
+  .navbar-inverse {
 
-  .badge {
-    background-color: #fff;
-    color: $navbar-inverse-bg;
+    .badge {
+      background-color: #fff;
+      color: $navbar-inverse-bg;
+    }
   }
-}
 
-.navbar-brand {
-  padding: 18.5px 15px 20.5px;
-}
+  .navbar-brand {
+    padding: 18.5px 15px 20.5px;
+  }
 
-.navbar-form {
-  .form-control {
-    background-color: white;
+  .navbar-form {
+    .form-control {
+      background-color: white;
 
-    &:focus {
-      border-color: white;
+      &:focus {
+        border-color: white;
+      }
     }
   }
 }
@@ -82,7 +82,7 @@
 table,
 .table {
 
-  a {
+  a:not(.btn) {
     text-decoration: underline;
   }
 
@@ -105,15 +105,15 @@ table,
   > tfoot > tr > td {
     border: none;
   }
-}
 
-.table-bordered > thead > tr > th,
-.table-bordered > tbody > tr > th,
-.table-bordered > tfoot > tr > th,
-.table-bordered > thead > tr > td,
-.table-bordered > tbody > tr > td,
-.table-bordered > tfoot > tr > td {
-  border: 1px solid $table-border-color;
+  .table-bordered > thead > tr > th,
+  .table-bordered > tbody > tr > th,
+  .table-bordered > tfoot > tr > th,
+  .table-bordered > thead > tr > td,
+  .table-bordered > tbody > tr > td,
+  .table-bordered > tfoot > tr > td {
+    border: 1px solid $table-border-color;
+  }
 }
 
 // Forms ======================================================================
@@ -238,17 +238,22 @@ textarea {
 
 // Indicators =================================================================
 
-.alert {
+.close {
+  text-decoration: none;
+  text-shadow: none;
+  opacity: 0.4;
 
-  a,
+  &:hover,
+  &:focus {
+    opacity: 1;
+  }
+}
+
+.alert {
   .alert-link {
     color: #fff;
     text-decoration: underline;
   }
-
-  .close {
-    text-decoration: none;
-  }
 }
 
 // Progress bars ==============================================================
@@ -268,8 +273,7 @@ textarea {
   @include box-shadow(none);
 }
 
-.popover,
-.modal {
+.popover {
   color: $text-color;
 }
 
diff --git a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
index 09d969a..732188c 100644
--- a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
@@ -79,31 +79,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray !default;
-//** Page header border color
-$page-header-border-color:    hsla(0, 100%, 100%, 0) !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray !default;
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -148,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               $gray-dark !default;
 //** Background color used for `.table-hover`.
@@ -221,12 +196,12 @@ $input-height-large:             (ceil($font-size-large * $line-height-large) +
 $input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
 
 $legend-color:                   $text-color !default;
-$legend-border-color:            hsla(0, 100%, 100%, 0) !default;
+$legend-border-color:            transparent !default;
 
 //** Background color for textual input addons
 $input-group-addon-bg:           $gray-dark !default;
 //** Border color for textual input addons
-$input-group-addon-border-color: hsla(0, 100%, 100%, 0) !default;
+$input-group-addon-border-color: transparent !default;
 
 
 //== Dropdowns
@@ -246,13 +221,13 @@ $dropdown-divider-bg:            #e5e5e5 !default;
 $dropdown-link-color:            $brand-primary !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -368,21 +343,21 @@ $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             #777 !default;
 $navbar-default-bg:                $brand-primary !default;
-$navbar-default-border:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-border:            transparent !default;
 
 // Navbar links
 $navbar-default-link-color:                #fff !default;
 $navbar-default-link-hover-color:          $brand-success !default;
-$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-hover-bg:             transparent !default;
 $navbar-default-link-active-color:         #fff !default;
 $navbar-default-link-active-bg:            darken($navbar-default-bg, 10%) !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           darken($navbar-default-bg, 10%) !default;
@@ -394,21 +369,21 @@ $navbar-default-toggle-border-color:       darken($navbar-default-bg, 10%) !defa
 // Reset inverted navbar basics
 $navbar-inverse-color:                      #fff !default;
 $navbar-inverse-bg:                         $brand-success !default;
-$navbar-inverse-border:                     hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-border:                     transparent !default;
 
 // Inverted navbar links
 $navbar-inverse-link-color:                 $navbar-inverse-color !default;
 $navbar-inverse-link-hover-color:           $brand-primary !default;
-$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
 $navbar-inverse-link-active-color:          $navbar-inverse-color !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 5%) !default;
 $navbar-inverse-link-disabled-color:        #aaa !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            darken($navbar-inverse-bg, 10%) !default;
@@ -453,19 +428,19 @@ $nav-pills-active-link-hover-color:         $component-active-color !default;
 
 $pagination-color:                     #fff !default;
 $pagination-bg:                        $brand-success !default;
-$pagination-border:                    hsla(0, 100%, 100%, 0) !default;
+$pagination-border:                    transparent !default;
 
 $pagination-hover-color:               #fff !default;
 $pagination-hover-bg:                  lighten($brand-success, 6%) !default;
-$pagination-hover-border:              hsla(0, 100%, 100%, 0) !default;
+$pagination-hover-border:              transparent !default;
 
 $pagination-active-color:              #fff !default;
 $pagination-active-bg:                 lighten($brand-success, 6%) !default;
-$pagination-active-border:             hsla(0, 100%, 100%, 0) !default;
+$pagination-active-border:             transparent !default;
 
 $pagination-disabled-color:            #fff !default;
 $pagination-disabled-bg:               darken($brand-success, 15%) !default;;
-$pagination-disabled-border:           hsla(0, 100%, 100%, 0) !default;
+$pagination-disabled-border:           transparent !default;
 
 
 //== Pager
@@ -677,7 +652,7 @@ $list-group-border:             $gray !default;
 $list-group-border-radius:      $border-radius-base !default;
 
 //** Background color of single list items on hover
-$list-group-hover-bg:          hsla(0, 100%, 100%, 0) !default;
+$list-group-hover-bg:          transparent !default;
 //** Text color of active list items
 $list-group-active-color:       $component-active-color !default;
 //** Background color of active list items
@@ -762,7 +737,7 @@ $thumbnail-caption-padding:   9px !default;
 //##
 
 $well-bg:                     $gray-dark !default;
-$well-border:                 hsla(0, 100%, 100%, 0) !default;
+$well-border:                 transparent !default;
 
 
 //== Badges
@@ -822,7 +797,7 @@ $carousel-caption-color:                      #fff !default;
 //##
 
 $close-font-weight:           bold !default;
-$close-color:                 #000 !default;
+$close-color:                 #fff !default;
 $close-text-shadow:           none !default;
 
 
@@ -842,3 +817,29 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray !default;
+//** Page header border color
+$page-header-border-color:    transparent !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss
index 01f4772..0d4d7a3 100644
--- a/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss
@@ -8,26 +8,26 @@
 
 .navbar {
   border-width: 0;
-}
 
-.navbar-default {
+  .navbar-default {
 
-  .badge {
-    background-color: #fff;
-    color: $navbar-default-bg;
+    .badge {
+      background-color: #fff;
+      color: $navbar-default-bg;
+    }
   }
-}
 
-.navbar-inverse {
+  .navbar-inverse {
 
-  .badge {
-    background-color: #fff;
-    color: $navbar-inverse-bg;
+    .badge {
+      background-color: #fff;
+      color: $navbar-inverse-bg;
+    }
   }
-}
 
-.navbar-brand {
-  padding: 18.5px 15px 20.5px;
+  .navbar-brand {
+    padding: 18.5px 15px 20.5px;
+  }
 }
 
 // Buttons ====================================================================
@@ -72,7 +72,7 @@
 table,
 .table {
 
-  a {
+  a:not(.btn) {
     text-decoration: underline;
   }
 
@@ -95,15 +95,15 @@ table,
   > tfoot > tr > td {
     border: none;
   }
-}
 
-.table-bordered > thead > tr > th,
-.table-bordered > tbody > tr > th,
-.table-bordered > tfoot > tr > th,
-.table-bordered > thead > tr > td,
-.table-bordered > tbody > tr > td,
-.table-bordered > tfoot > tr > td {
-  border: 1px solid $table-border-color;
+  .table-bordered > thead > tr > th,
+  .table-bordered > tbody > tr > th,
+  .table-bordered > tfoot > tr > th,
+  .table-bordered > thead > tr > td,
+  .table-bordered > tbody > tr > td,
+  .table-bordered > tfoot > tr > td {
+    border: 1px solid $table-border-color;
+  }
 }
 
 // Forms ======================================================================
@@ -187,7 +187,7 @@ input, {
   .open > a,
   .open > a:hover,
   .open > a:focus {
-    border-color: hsla(0, 100%, 100%, 0);
+    border-color: transparent;
   }
 }
 
@@ -209,19 +209,6 @@ input, {
 
 // Indicators =================================================================
 
-.alert {
-
-  a,
-  .alert-link {
-    color: #fff;
-    text-decoration: underline;
-  }
-
-  .close {
-    text-decoration: none;
-  }
-}
-
 .close {
   color: #fff;
   text-decoration: none;
@@ -234,6 +221,14 @@ input, {
   }
 }
 
+.alert {
+
+  .alert-link {
+    color: #fff;
+    text-decoration: underline;
+  }
+}
+
 // Progress bars ==============================================================
 
 .progress {
@@ -250,3 +245,21 @@ input, {
 .well {
   @include box-shadow(none);
 }
+
+.panel {
+  .panel-default {
+    .close {
+      color: $text-color;
+    }
+  }
+}
+
+.modal {
+  .close {
+    color: $text-color;
+  }
+}
+
+.popover {
+  color: $text-color;
+}
diff --git a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
index 6da3404..7df9b5b 100644
--- a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
@@ -79,34 +79,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    hsla(0, 100%, 100%, 0) !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -151,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -224,7 +196,7 @@ $input-height-large:             (ceil($font-size-large * $line-height-large) +
 $input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
 
 $legend-color:                   $text-color !default;
-$legend-border-color:            hsla(0, 100%, 100%, 0) !default;
+$legend-border-color:            transparent !default;
 
 //** Background color for textual input addons
 $input-group-addon-bg:           $gray-lighter !default;
@@ -249,13 +221,13 @@ $dropdown-divider-bg:            #e5e5e5 !default;
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -371,21 +343,21 @@ $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             #777 !default;
 $navbar-default-bg:                $brand-primary !default;
-$navbar-default-border:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-border:            transparent !default;
 
 // Navbar links
 $navbar-default-link-color:                #fff !default;
 $navbar-default-link-hover-color:          $brand-success !default;
-$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-hover-bg:             transparent !default;
 $navbar-default-link-active-color:         #fff !default;
 $navbar-default-link-active-bg:            darken($navbar-default-bg, 10%) !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           darken($navbar-default-bg, 10%) !default;
@@ -397,21 +369,21 @@ $navbar-default-toggle-border-color:       darken($navbar-default-bg, 10%) !defa
 // Reset inverted navbar basics
 $navbar-inverse-color:                      #fff !default;
 $navbar-inverse-bg:                         $brand-success !default;
-$navbar-inverse-border:                     hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-border:                     transparent !default;
 
 // Inverted navbar links
 $navbar-inverse-link-color:                 #fff !default;
 $navbar-inverse-link-hover-color:           $brand-primary !default;
-$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
 $navbar-inverse-link-active-color:          #fff !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 5%) !default;
 $navbar-inverse-link-disabled-color:        #ccc !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            darken($navbar-inverse-bg, 10%) !default;
@@ -456,19 +428,19 @@ $nav-pills-active-link-hover-color:         $component-active-color !default;
 
 $pagination-color:                     #fff !default;
 $pagination-bg:                        $brand-success !default;
-$pagination-border:                    hsla(0, 100%, 100%, 0) !default;
+$pagination-border:                    transparent !default;
 
 $pagination-hover-color:               #fff !default;
 $pagination-hover-bg:                  darken($brand-success, 15%) !default;
-$pagination-hover-border:              hsla(0, 100%, 100%, 0) !default;
+$pagination-hover-border:              transparent !default;
 
 $pagination-active-color:              #fff !default;
 $pagination-active-bg:                 darken($brand-success, 15%) !default;
-$pagination-active-border:             hsla(0, 100%, 100%, 0) !default;
+$pagination-active-border:             transparent !default;
 
 $pagination-disabled-color:            $gray-lighter !default;
 $pagination-disabled-bg:               lighten($brand-success, 15%) !default;;
-$pagination-disabled-border:           hsla(0, 100%, 100%, 0) !default;
+$pagination-disabled-border:           transparent !default;
 
 
 //== Pager
@@ -765,7 +737,7 @@ $thumbnail-caption-padding:   9px !default;
 //##
 
 $well-bg:                     $gray-lighter !default;
-$well-border:                 hsla(0, 100%, 100%, 0) !default;
+$well-border:                 transparent !default;
 
 
 //== Badges
@@ -844,3 +816,30 @@ $pre-color:                   $gray-dark !default;
 $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    transparent !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss
index a2c617e..1fc2910 100644
--- a/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss
@@ -10,21 +10,21 @@
   font-size: 18px;
   font-family: $font-family-sans-serif;
   font-weight: $headings-font-weight;
-}
 
-.navbar-default {
+  .navbar-default {
 
-  .badge {
-    background-color: #000;
-    color: #fff;
+    .badge {
+      background-color: #000;
+      color: #fff;
+    }
   }
-}
 
-.navbar-inverse {
+  .navbar-inverse {
 
-  .badge {
-    background-color: #fff;
-    color: $navbar-inverse-bg;
+    .badge {
+      background-color: #fff;
+      color: $navbar-inverse-bg;
+    }
   }
 }
 
@@ -104,12 +104,17 @@
   }
 }
 
-.panel-primary,
-.panel-success,
-.panel-warning,
-.panel-danger,
-.panel-info {
-  .panel-title {
-    color: #fff;
+.panel {
+
+  .panel-primary,
+  .panel-success,
+  .panel-warning,
+  .panel-danger,
+  .panel-info {
+    .panel-title {
+      color: #fff;
+    }
   }
-}
\ No newline at end of file
+
+
+}
diff --git a/vendor/assets/stylesheets/bootswatch/journal/_variables.scss b/vendor/assets/stylesheets/bootswatch/journal/_variables.scss
index e633a11..c97ae12 100644
--- a/vendor/assets/stylesheets/bootswatch/journal/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/journal/_variables.scss
@@ -79,32 +79,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -149,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -247,13 +221,13 @@ $dropdown-divider-bg:            #e5e5e5 !default;
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -378,7 +352,7 @@ $navbar-default-link-hover-bg:             darken($navbar-default-bg, 6.5%) !def
 $navbar-default-link-active-color:         #000 !default;
 $navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
@@ -404,7 +378,7 @@ $navbar-inverse-link-hover-bg:              darken($navbar-inverse-bg, 6.5%) !de
 $navbar-inverse-link-active-color:          #fff !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 6.5%) !default;
 $navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
@@ -843,3 +817,29 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss
index 88ec14e..0f465b7 100644
--- a/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss
@@ -4,7 +4,7 @@
 
 @import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
 
-@mixin shadow($width: 4px) {
+.shadow ($width: 4px) {
   border-width: 0 1px $width 1px;
 }
 
@@ -33,71 +33,70 @@
     border-bottom-width: 2px;
     @include box-shadow(none);
   }
-}
 
-.btn-lg,
-.btn-group-lg > .btn {
-  padding: 14px $padding-large-horizontal 13px;
-  line-height: 15px;
-}
+  .btn-lg,
+  .btn-group-lg > .btn {
+    padding: 14px $padding-large-horizontal 13px;
+    line-height: 15px;
+  }
 
-.btn-sm,
-.btn-group-sm > .btn {
-  padding: 4px $padding-small-horizontal;
-}
+  .btn-sm,
+  .btn-group-sm > .btn {
+    padding: 4px $padding-small-horizontal;
+  }
 
-.btn-xs,
-.btn-group-xs > .btn {
-  padding: $padding-xs-vertical $padding-xs-horizontal;
-}
+  .btn-xs,
+  .btn-group-xs > .btn {
+    padding: $padding-xs-vertical $padding-xs-horizontal;
+  }
 
-.btn-default:hover,
-.btn-default:focus,
-.btn-group.open .dropdown-toggle.btn-default {
-  background-color: $btn-default-bg;
-  border-color: $btn-default-border;
-}
+  .btn-default:hover,
+  .btn-default:focus,
+  .btn-group.open .dropdown-toggle.btn-default {
+    background-color: $btn-default-bg;
+    border-color: $btn-default-border;
+  }
 
-.btn-primary:hover,
-.btn-primary:focus,
-.btn-group.open .dropdown-toggle.btn-primary {
-  background-color: $btn-primary-bg;
-  border-color: $btn-primary-border;
-}
+  .btn-primary:hover,
+  .btn-primary:focus,
+  .btn-group.open .dropdown-toggle.btn-primary {
+    background-color: $btn-primary-bg;
+    border-color: $btn-primary-border;
+  }
 
-.btn-success:hover,
-.btn-success:focus,
-.btn-group.open .dropdown-toggle.btn-success {
-  background-color: $btn-success-bg;
-  border-color: $btn-success-border;
-}
+  .btn-success:hover,
+  .btn-success:focus,
+  .btn-group.open .dropdown-toggle.btn-success {
+    background-color: $btn-success-bg;
+    border-color: $btn-success-border;
+  }
 
-.btn-info:hover,
-.btn-info:focus,
-.btn-group.open .dropdown-toggle.btn-info {
-  background-color: $btn-info-bg;
-  border-color: $btn-info-border;
-}
+  .btn-info:hover,
+  .btn-info:focus,
+  .btn-group.open .dropdown-toggle.btn-info {
+    background-color: $btn-info-bg;
+    border-color: $btn-info-border;
+  }
 
-.btn-warning:hover,
-.btn-warning:focus,
-.btn-group.open .dropdown-toggle.btn-warning {
-  background-color: $btn-warning-bg;
-  border-color: $btn-warning-border;
-}
+  .btn-warning:hover,
+  .btn-warning:focus,
+  .btn-group.open .dropdown-toggle.btn-warning {
+    background-color: $btn-warning-bg;
+    border-color: $btn-warning-border;
+  }
 
-.btn-danger:hover,
-.btn-danger:focus,
-.btn-group.open .dropdown-toggle.btn-danger {
-  background-color: $btn-danger-bg;
-  border-color: $btn-danger-border;
-}
+  .btn-danger:hover,
+  .btn-danger:focus,
+  .btn-group.open .dropdown-toggle.btn-danger {
+    background-color: $btn-danger-bg;
+    border-color: $btn-danger-border;
+  }
 
-.btn-group.open .dropdown-toggle {
-  @include box-shadow(none);
+  .btn-group.open .dropdown-toggle {
+    @include box-shadow(none);
+  }
 }
 
-
 .navbar-btn {
   &:hover {
     margin-top: 8px
@@ -160,7 +159,7 @@
 table,
 .table {
 
-  a {
+  a:not(.btn) {
     text-decoration: underline;
   }
 
@@ -170,7 +169,7 @@ table,
   .info {
     color: #fff;
 
-    a {
+    a:not(.btn) {
       color: #fff;
     }
   }
@@ -181,7 +180,7 @@ table,
   > thead > tr > td,
   > tbody > tr > td,
   > tfoot > tr > td {
-    border-color: hsla(0, 100%, 100%, 0);
+    border-color: transparent;
   }
 }
 
@@ -255,7 +254,7 @@ label {
   .open > a,
   .open > a:hover,
   .open > a:focus {
-    border-color: hsla(0, 100%, 100%, 0);
+    border-color: transparent;
   }
 }
 
@@ -365,21 +364,6 @@ label {
 
 // Indicators =================================================================
 
-.alert {
-  @include shadow();
-
-  a,
-  .alert-link {
-    font-weight: normal;
-    color: #fff;
-    text-decoration: underline;
-  }
-
-  .close {
-    text-decoration: none;
-  }
-}
-
 .close {
   color: #fff;
   text-decoration: none;
@@ -392,6 +376,16 @@ label {
   }
 }
 
+.alert {
+  @include shadow();
+
+  .alert-link {
+    font-weight: normal;
+    color: #fff;
+    text-decoration: underline;
+  }
+}
+
 .label {
   font-weight: normal;
 }
@@ -401,10 +395,10 @@ label {
 .progress {
   border: 1px solid $navbar-default-border;
   @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.1));
-}
 
-.progress-bar {
-  @include box-shadow(inset 0 -4px 0 rgba(0, 0, 0, 0.15));
+  .progress-bar {
+    @include box-shadow(inset 0 -4px 0 rgba(0, 0, 0, 0.15));
+  }
 }
 
 // Containers =================================================================
@@ -422,4 +416,20 @@ label {
 .panel {
   border: 1px solid $navbar-default-border;
   @include shadow();
+
+  .panel-default {
+    .close {
+      color: $text-color;
+    }
+  }
+}
+
+.modal {
+  .close {
+    color: $text-color;
+  }
+}
+
+.popover {
+  color: $text-color;
 }
diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
index b1469c1..ff65e6f 100644
--- a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
@@ -18,8 +18,7 @@ $brand-success:         #28B62C !default;
 $brand-info:            #75CAEB !default;
 $brand-warning:         #FF851B !default;
 $brand-danger:          #FF4136 !default;
-$navbar-default-bg:                #f8f8f8 !default;
-$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
+
 
 //== Scaffolding
 //
@@ -80,14 +79,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-//== Wells
-//
-//##
-
-$well-bg:                     #fafafa !default;
-$well-border:                 darken($well-bg, 7%) !default;
-
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -132,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -231,7 +222,7 @@ $dropdown-link-color:            $gray-light !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      $gray-dark !default;
 //** Hover background for dropdown links.
-$dropdown-link-hover-bg:         hsla(0, 100%, 100%, 0) !default;
+$dropdown-link-hover-bg:         transparent !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     $component-active-color !default;
@@ -351,20 +342,22 @@ $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2
 $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             $text-color !default;
+$navbar-default-bg:                #f8f8f8 !default;
+$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
 
 // Navbar links
 $navbar-default-link-color:                $gray-light !default;
 $navbar-default-link-hover-color:          $gray-dark !default;
-$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-hover-bg:             transparent !default;
 $navbar-default-link-active-color:         $navbar-default-link-hover-color !default;
-$navbar-default-link-active-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-active-bg:            transparent !default;
 $navbar-default-link-disabled-color:       $gray-lighter !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-hover-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           #fff !default;
@@ -381,16 +374,16 @@ $navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !def
 // Inverted navbar links
 $navbar-inverse-link-color:                 $gray-light !default;
 $navbar-inverse-link-hover-color:           $gray-dark !default;
-$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
 $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-active-bg:             transparent !default;
 $navbar-inverse-link-disabled-color:        $gray-lighter !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            $gray-lighter !default;
@@ -692,31 +685,31 @@ $panel-footer-padding:        $panel-heading-padding !default;
 $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
-$panel-inner-border:          hsla(0, 100%, 100%, 0) !default;
+$panel-inner-border:          transparent !default;
 $panel-footer-bg:             #f5f5f5 !default;
 
 $panel-default-text:          $gray-dark !default;
-$panel-default-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-default-border:        transparent !default;
 $panel-default-heading-bg:    #f5f5f5 !default;
 
 $panel-primary-text:          #fff !default;
-$panel-primary-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-primary-border:        transparent !default;
 $panel-primary-heading-bg:    $brand-primary !default;
 
 $panel-success-text:          $state-success-text !default;
-$panel-success-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-success-border:        transparent !default;
 $panel-success-heading-bg:    $state-success-bg !default;
 
 $panel-info-text:             $state-info-text !default;
-$panel-info-border:           hsla(0, 100%, 100%, 0) !default;
+$panel-info-border:           transparent !default;
 $panel-info-heading-bg:       $state-info-bg !default;
 
 $panel-warning-text:          $state-warning-text !default;
-$panel-warning-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-warning-border:        transparent !default;
 $panel-warning-heading-bg:    $state-warning-bg !default;
 
 $panel-danger-text:           $state-danger-text !default;
-$panel-danger-border:         hsla(0, 100%, 100%, 0) !default;
+$panel-danger-border:         transparent !default;
 $panel-danger-heading-bg:     $state-danger-bg !default;
 
 
@@ -739,6 +732,14 @@ $thumbnail-caption-color:     $text-color !default;
 $thumbnail-caption-padding:   9px !default;
 
 
+//== Wells
+//
+//##
+
+$well-bg:                     #fafafa !default;
+$well-border:                 darken($well-bg, 7%) !default;
+
+
 //== Badges
 //
 //##
@@ -796,7 +797,7 @@ $carousel-caption-color:                      #fff !default;
 //##
 
 $close-font-weight:           bold !default;
-$close-color:                 #000 !default;
+$close-color:                 #fff !default;
 $close-text-shadow:           0 1px 0 #fff !default;
 
 
diff --git a/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
new file mode 100644
index 0000000..6a2e283
--- /dev/null
+++ b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
@@ -0,0 +1,376 @@
+// Paper 3.2.0
+// Bootswatch
+// -----------------------------------------------------
+
+@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500");
+
+// Navbar =====================================================================
+
+.navbar {
+  border: none;
+  @include box-shadow(0 1px 2px rgba(0,0,0,.3));
+
+  .navbar-brand {
+    font-size: 24px;
+  }
+
+  .navbar-inverse {
+    .form-control {
+      color: #fff;
+      @include placeholder($navbar-inverse-link-color);
+
+      &[type=text] {
+        @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color);
+
+        &:focus {
+          @include box-shadow(inset 0 -2px 0 #fff);
+        }
+      }
+    }
+  }
+
+  .navbar-nav > li > .dropdown-menu {
+    margin-top: 2px;
+  }
+}
+
+// Buttons ====================================================================
+
+#btn($class) {
+  .btn-@{class} {
+    $bg: "btn-@{class}-bg";
+
+    &:hover {
+      background-color: darken(@$bg, 3%);
+    }
+
+    &:active {
+      background-color: darken(@$bg, 6%);
+      @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+    }
+  }
+}
+
+#btn(default);
+#btn(primary);
+#btn(success);
+#btn(info);
+#btn(warning);
+#btn(danger);
+
+.btn {
+  text-transform: uppercase;
+  border-right: none;
+  border-bottom: none;
+  @include box-shadow(1px 1px 2px rgba(0,0,0,.3));
+  @include transition(all 0.2s);
+
+  .btn-link {
+    @include box-shadow(none);
+
+    &:hover,
+    &:focus {
+      color: $brand-primary;
+      text-decoration: none;
+    }
+  }
+
+  .btn-default.disabled {
+    border: 1px solid $btn-default-border;
+  }
+}
+
+// Typography =================================================================
+
+body {
+  -webkit-font-smoothing: antialiased;
+  letter-spacing: .1px;
+  text-rendering: optimizeLegibility;
+}
+
+p {
+  margin: 0 0 1em;
+}
+
+input {
+  -webkit-font-smoothing: antialiased;
+  letter-spacing: .1px;
+  text-rendering: optimizeLegibility;
+}
+
+a {
+  @include transition(all 0.2s);
+}
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+input[type=text],
+input[type=password],
+textarea,
+[type=text].form-control,
+[type=password].form-control,
+textarea.form-control {
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  @include box-shadow(inset 0 -1px 0 #ddd);
+  font-size: 16px;
+
+  &:focus {
+    @include box-shadow(inset 0 -2px 0 $brand-primary);
+  }
+
+  &[disabled],
+  &[readonly] {
+    @include box-shadow(none);
+    border-bottom: 1px dotted #ddd;
+  }
+}
+
+select,
+select.form-control {
+  background-color: #fff;
+  border: 1px solid #ddd;
+  @include box-shadow(none);
+}
+
+.has-warning {
+  input,
+  .form-control,
+  input:focus,
+  .form-control:focus {
+    @include box-shadow(inset 0 -2px 0 $brand-warning);
+  }
+}
+
+.has-error {
+  input,
+  .form-control,
+  input:focus,
+  .form-control:focus {
+    @include box-shadow(inset 0 -2px 0 $brand-danger);
+  }
+}
+
+.has-success {
+  input,
+  .form-control,
+  input:focus,
+  .form-control:focus {
+    @include box-shadow(inset 0 -2px 0 $brand-success);
+  }
+}
+
+// Navs =======================================================================
+
+.nav-tabs {
+  & > li > a {
+    border: none;
+    margin-right: 0;
+    color: $navbar-default-link-color;
+    @include box-shadow(inset 0 -1px 0 #ddd);
+    @include transition(all 0.2s);
+
+    &:hover {
+      background-color: transparent;
+      @include box-shadow(inset 0 -2px 0 $brand-primary);
+      color: $brand-primary;
+    }
+  }
+
+  & > li.active > a {
+    border: none;
+    @include box-shadow(inset 0 -2px 0 $brand-primary);
+    color: $brand-primary;
+
+    &:hover {
+      border: none;
+    }
+  }
+
+  & > li.disabled > a {
+    @include box-shadow(inset 0 -1px 0 #ddd);
+  }
+
+  .dropdown-menu {
+    margin-top: 0;
+  }
+}
+
+.dropdown-menu {
+  border: none;
+  @include box-shadow(0 1px 4px rgba(0,0,0,.3));
+}
+
+// Indicators =================================================================
+
+.alert {
+  border: none;
+  color: #fff;
+
+  .alert-success {
+    background-color: $brand-success;
+  }
+
+  .alert-info {
+    background-color: $brand-info;
+  }
+
+  .alert-warning {
+    background-color: $brand-warning;
+  }
+
+  .alert-danger {
+    background-color: $brand-danger;
+  }
+
+  a,
+  .alert-link {
+    color: #fff;
+    font-weight: bold;
+  }
+
+  .close {
+    color: #fff;
+  }
+}
+
+.badge {
+  padding: 3px 6px 5px;
+}
+
+.progress {
+  position: relative;
+  z-index: 1;
+  height: 6px;
+  border-radius: 0;
+
+  @include box-shadow(none);
+
+  .progress-bar {
+    @include box-shadow(none);
+
+    &:last-child {
+      border-radius: 0 3px 3px 0;
+    }
+
+    &:last-child&:before {
+      display: block;
+      content: 'div::before';
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      left: 0;
+      right: 0;
+      z-index: -1;
+      background-color: lighten($progress-bar-bg, 35%);
+    }
+
+    &-bar-success:last-child&:before {
+      background-color: lighten($brand-success, 35%);
+    }
+
+    &-bar-info:last-child&:before {
+      background-color: lighten($brand-info, 45%);
+    }
+
+    &-bar-warning:last-child&:before {
+      background-color: lighten($brand-warning, 35%);
+    }
+
+    &-bar-danger:last-child&:before {
+      background-color: lighten($brand-danger, 25%);
+    }
+  }
+}
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
+
+.close {
+  font-size: 34px;
+  font-weight: 300;
+  opacity: 0.6;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.list-group {
+
+  .list-group-item {
+    padding: 15px;
+  }
+
+  .list-group-item-text {
+    color: $gray-light;
+  }
+}
+
+.well {
+  border-radius: 0;
+  @include box-shadow(none);
+}
+
+.panel {
+  border: none;
+  border-radius: 2px;
+  @include box-shadow(0 1px 4px rgba(0,0,0,.3));
+
+  .panel-heading {
+    border-bottom: none;
+  }
+
+  .panel-footer {
+    border-top: none;
+  }
+
+  .panel-success {
+    .panel-heading {
+      background-color: $brand-success;
+    }
+
+    .panel-title {
+      color: #fff;
+    }
+  }
+
+  .panel-info {
+    .panel-heading {
+      background-color: $brand-info;
+    }
+
+    .panel-title {
+      color: #fff;
+    }
+  }
+
+  .panel-warning {
+    .panel-heading {
+      background-color: $brand-warning;
+    }
+
+    .panel-title {
+      color: #fff;
+    }
+  }
+
+  .panel-danger {
+    .panel-heading {
+      background-color: $brand-danger;
+    }
+
+    .panel-title {
+      color: #fff;
+    }
+  }
+}
+
+.popover {
+  border: none;
+  @include box-shadow(0 1px 4px rgba(0,0,0,.3));
+}
diff --git a/vendor/assets/stylesheets/bootswatch/paper/_variables.scss b/vendor/assets/stylesheets/bootswatch/paper/_variables.scss
new file mode 100644
index 0000000..c46d7a8
--- /dev/null
+++ b/vendor/assets/stylesheets/bootswatch/paper/_variables.scss
@@ -0,0 +1,845 @@
+// Paper 3.2.0
+// Variables
+// --------------------------------------------------
+
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+$gray:                   #666 !default;
+$gray-darker:            lighten(#000, 13.5%) !default; // #222
+$gray-dark:              #212121 !default;
+$gray-light:             #bbb !default;
+$gray-lighter:           lighten(#000, 93.5%) !default; // #eee
+
+$brand-primary:         #2196F3 !default;
+$brand-success:         #4CAF50 !default;
+$brand-info:            #9C27B0 !default;
+$brand-warning:         #ff9800 !default;
+$brand-danger:          #e51c23 !default;
+
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+//** Background color for ``.
+$body-bg:               #fff !default;
+//** Global text color on ``.
+$text-color:            $gray !default;
+
+//** Global textual link color.
+$link-color:            $brand-primary !default;
+//** Link hover color set via `darken()` function.
+$link-hover-color:      darken($link-color, 15%) !default;
+
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+$font-family-sans-serif:  "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
+//** Default monospace fonts for ``, ``, and `
`.
+$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
+$font-family-base:        $font-family-sans-serif !default;
+
+$font-size-base:          13px !default;
+$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
+
+$font-size-h1:            56px !default;
+$font-size-h2:            45px !default;
+$font-size-h3:            34px !default;
+$font-size-h4:            24px !default;
+$font-size-h5:            20px !default;
+$font-size-h6:            14px !default;
+
+//** Unit-less `line-height` for use in components like buttons.
+$line-height-base:        1.846 !default; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px
+
+//** By default, this inherits from the ``.
+$headings-font-family:    inherit !default;
+$headings-font-weight:    400 !default;
+$headings-line-height:    1.1 !default;
+$headings-color:          #444 !default;
+
+
+//== Iconography
+//
+//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
+
+//** Load fonts from this directory.
+//** File name for all font files.
+$icon-font-name:          "glyphicons-halflings-regular" !default;
+//** Element ID within SVG icon file.
+$icon-font-svg-id:        "glyphicons_halflingsregular" !default;
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+$padding-base-vertical:     6px !default;
+$padding-base-horizontal:   16px !default;
+
+$padding-large-vertical:    10px !default;
+$padding-large-horizontal:  16px !default;
+
+$padding-small-vertical:    5px !default;
+$padding-small-horizontal:  10px !default;
+
+$padding-xs-vertical:       1px !default;
+$padding-xs-horizontal:     5px !default;
+
+$line-height-large:         1.33 !default;
+$line-height-small:         1.5 !default;
+
+$border-radius-base:        3px !default;
+$border-radius-large:       3px !default;
+$border-radius-small:       3px !default;
+
+//** Global color for active items (e.g., navs or dropdowns).
+$component-active-color:    #fff !default;
+//** Global background color for active items (e.g., navs or dropdowns).
+$component-active-bg:       $brand-primary !default;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+$caret-width-base:          4px !default;
+//** Carets increase slightly in size for larger components.
+$caret-width-large:         5px !default;
+
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for ``s and ``s.
+$table-cell-padding:            8px !default;
+//** Padding for cells in `.table-condensed`.
+$table-condensed-cell-padding:  5px !default;
+
+//** Default background color used for all tables.
+$table-bg:                      transparent !default;
+//** Background color used for `.table-striped`.
+$table-bg-accent:               #f9f9f9 !default;
+//** Background color used for `.table-hover`.
+$table-bg-hover:                #f5f5f5 !default;
+$table-bg-active:               $table-bg-hover !default;
+
+//** Border color for table and cell borders.
+$table-border-color:            #ddd !default;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+$btn-font-weight:                normal !default;
+
+$btn-default-color:              $text-color !default;
+$btn-default-bg:                 #fff !default;
+$btn-default-border:             #eee !default;
+
+$btn-primary-color:              #fff !default;
+$btn-primary-bg:                 $brand-primary !default;
+$btn-primary-border:             transparent !default;
+
+$btn-success-color:              #fff !default;
+$btn-success-bg:                 $brand-success !default;
+$btn-success-border:             transparent !default;
+
+$btn-info-color:                 #fff !default;
+$btn-info-bg:                    $brand-info !default;
+$btn-info-border:                transparent !default;
+
+$btn-warning-color:              #fff !default;
+$btn-warning-bg:                 $brand-warning !default;
+$btn-warning-border:             transparent !default;
+
+$btn-danger-color:               #fff !default;
+$btn-danger-bg:                  $brand-danger !default;
+$btn-danger-border:              transparent !default;
+
+$btn-link-disabled-color:        $gray-light !default;
+
+
+//== Forms
+//
+//##
+
+//** `` background color
+$input-bg:                       transparent !default;
+//** `` background color
+$input-bg-disabled:              transparent !default;
+
+//** Text color for ``s
+$input-color:                    $gray !default;
+//** `` border color
+$input-border:                   transparent !default;
+//** `` border radius
+$input-border-radius:            $border-radius-base !default;
+//** Border color for inputs on focus
+$input-border-focus:             #66afe9 !default;
+
+//** Placeholder text color
+$input-color-placeholder:        $gray-light !default;
+
+//** Default `.form-control` height
+$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
+//** Large `.form-control` height
+$input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
+//** Small `.form-control` height
+$input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
+
+$legend-color:                   $gray-dark !default;
+$legend-border-color:            #e5e5e5 !default;
+
+//** Background color for textual input addons
+$input-group-addon-bg:           transparent !default;
+//** Border color for textual input addons
+$input-group-addon-border-color: $input-border !default;
+
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+$dropdown-bg:                    #fff !default;
+//** Dropdown menu `border-color`.
+$dropdown-border:                rgba(0,0,0,.15) !default;
+//** Dropdown menu `border-color` **for IE8**.
+$dropdown-fallback-border:       #ccc !default;
+//** Divider color for between dropdown items.
+$dropdown-divider-bg:            #e5e5e5 !default;
+
+//** Dropdown link text color.
+$dropdown-link-color:            $text-color !default;
+//** Hover color for dropdown links.
+$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
+//** Hover background for dropdown links.
+$dropdown-link-hover-bg:         $gray-lighter !default;
+
+//** Active dropdown menu item text color.
+$dropdown-link-active-color:     $component-active-color !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
+
+//** Disabled dropdown menu item background color.
+$dropdown-link-disabled-color:   $gray-light !default;
+
+//** Text color for headers within dropdown menus.
+$dropdown-header-color:          $gray-light !default;
+
+//** Deprecated `@dropdown-caret-color` as of v3.1.0
+$dropdown-caret-color:           $gray-light !default;
+
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+$zindex-navbar:            1000 !default;
+$zindex-dropdown:          1000 !default;
+$zindex-popover:           1060 !default;
+$zindex-tooltip:           1070 !default;
+$zindex-navbar-fixed:      1030 !default;
+$zindex-modal-background:  1040 !default;
+$zindex-modal:             1050 !default;
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+$screen-xs:                  480px !default;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+$screen-xs-min:              $screen-xs !default;
+//** Deprecated `@screen-phone` as of v3.0.1
+$screen-phone:               $screen-xs-min !default;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+$screen-sm:                  768px !default;
+$screen-sm-min:              $screen-sm !default;
+//** Deprecated `@screen-tablet` as of v3.0.1
+$screen-tablet:              $screen-sm-min !default;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+$screen-md:                  992px !default;
+$screen-md-min:              $screen-md !default;
+//** Deprecated `@screen-desktop` as of v3.0.1
+$screen-desktop:             $screen-md-min !default;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+$screen-lg:                  1200px !default;
+$screen-lg-min:              $screen-lg !default;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+$screen-lg-desktop:          $screen-lg-min !default;
+
+// So media queries don't overlap when required, provide a maximum
+$screen-xs-max:              ($screen-sm-min - 1) !default;
+$screen-sm-max:              ($screen-md-min - 1) !default;
+$screen-md-max:              ($screen-lg-min - 1) !default;
+
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+$grid-columns:              12 !default;
+//** Padding between columns. Gets divided in half for the left and right.
+$grid-gutter-width:         30px !default;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+$grid-float-breakpoint:     $screen-sm-min !default;
+//** Point at which the navbar begins collapsing.
+$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
+
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+$container-tablet:             ((720px + $grid-gutter-width)) !default;
+//** For `@screen-sm-min` and up.
+$container-sm:                 $container-tablet !default;
+
+// Medium screen / desktop
+$container-desktop:            ((940px + $grid-gutter-width)) !default;
+//** For `@screen-md-min` and up.
+$container-md:                 $container-desktop !default;
+
+// Large screen / wide desktop
+$container-large-desktop:      ((1140px + $grid-gutter-width)) !default;
+//** For `@screen-lg-min` and up.
+$container-lg:                 $container-large-desktop !default;
+
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+$navbar-height:                    64px !default;
+$navbar-margin-bottom:             $line-height-computed !default;
+$navbar-border-radius:             $border-radius-base !default;
+$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
+$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
+$navbar-collapse-max-height:       340px !default;
+
+$navbar-default-color:             $gray-light !default;
+$navbar-default-bg:                #fff !default;
+$navbar-default-border:            transparent !default;
+
+// Navbar links
+$navbar-default-link-color:                $gray !default;
+$navbar-default-link-hover-color:          $gray-dark !default;
+$navbar-default-link-hover-bg:             transparent !default;
+$navbar-default-link-active-color:         $gray-dark !default;
+$navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;
+$navbar-default-link-disabled-color:       #ccc !default;
+$navbar-default-link-disabled-bg:          transparent !default;
+
+// Navbar brand label
+$navbar-default-brand-color:               $navbar-default-link-color !default;
+$navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
+$navbar-default-brand-hover-bg:            transparent !default;
+
+// Navbar toggle
+$navbar-default-toggle-hover-bg:           transparent !default;
+$navbar-default-toggle-icon-bar-bg:        rgba(0,0,0,0.5) !default;
+$navbar-default-toggle-border-color:       transparent !default;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+$navbar-inverse-color:                      $gray-light !default;
+$navbar-inverse-bg:                         $brand-primary !default;
+$navbar-inverse-border:                     transparent !default;
+
+// Inverted navbar links
+$navbar-inverse-link-color:                 lighten($brand-primary, 30%) !default;
+$navbar-inverse-link-hover-color:           #fff !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
+$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
+$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;
+$navbar-inverse-link-disabled-color:        #444 !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
+
+// Inverted navbar brand label
+$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
+$navbar-inverse-brand-hover-color:          #fff !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
+
+// Inverted navbar toggle\
+$navbar-inverse-toggle-hover-bg:            transparent !default;
+$navbar-inverse-toggle-icon-bar-bg:         rgba(0,0,0,0.5) !default;
+$navbar-inverse-toggle-border-color:        transparent !default;
+
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+$nav-link-padding:                          10px 15px !default;
+$nav-link-hover-bg:                         $gray-lighter !default;
+
+$nav-disabled-link-color:                   $gray-light !default;
+$nav-disabled-link-hover-color:             $gray-light !default;
+
+$nav-open-link-hover-color:                 #fff !default;
+
+//== Tabs
+$nav-tabs-border-color:                     transparent !default;
+
+$nav-tabs-link-hover-border-color:          $gray-lighter !default;
+
+$nav-tabs-active-link-hover-bg:             transparent !default;
+$nav-tabs-active-link-hover-color:          $gray !default;
+$nav-tabs-active-link-hover-border-color:   transparent !default;
+
+$nav-tabs-justified-link-border-color:            #ddd !default;
+$nav-tabs-justified-active-link-border-color:     $body-bg !default;
+
+//== Pills
+$nav-pills-border-radius:                   $border-radius-base !default;
+$nav-pills-active-link-hover-bg:            $component-active-bg !default;
+$nav-pills-active-link-hover-color:         $component-active-color !default;
+
+
+//== Pagination
+//
+//##
+
+$pagination-color:                     $link-color !default;
+$pagination-bg:                        #fff !default;
+$pagination-border:                    #ddd !default;
+
+$pagination-hover-color:               $link-hover-color !default;
+$pagination-hover-bg:                  $gray-lighter !default;
+$pagination-hover-border:              #ddd !default;
+
+$pagination-active-color:              #fff !default;
+$pagination-active-bg:                 $brand-primary !default;
+$pagination-active-border:             $brand-primary !default;
+
+$pagination-disabled-color:            $gray-light !default;
+$pagination-disabled-bg:               #fff !default;
+$pagination-disabled-border:           #ddd !default;
+
+
+//== Pager
+//
+//##
+
+$pager-bg:                             $pagination-bg !default;
+$pager-border:                         $pagination-border !default;
+$pager-border-radius:                  15px !default;
+
+$pager-hover-bg:                       $pagination-hover-bg !default;
+
+$pager-active-bg:                      $pagination-active-bg !default;
+$pager-active-color:                   $pagination-active-color !default;
+
+$pager-disabled-color:                 $pagination-disabled-color !default;
+
+
+//== Jumbotron
+//
+//##
+
+$jumbotron-padding:              30px !default;
+$jumbotron-color:                inherit !default;
+$jumbotron-bg:                   #f9f9f9 !default;
+$jumbotron-heading-color:        $headings-color !default;
+$jumbotron-font-size:            ceil(($font-size-base * 1.5)) !default;
+
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+$state-success-text:             $brand-success !default;
+$state-success-bg:               #dff0d8 !default;
+$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;
+
+$state-info-text:                $brand-info !default;
+$state-info-bg:                  #e1bee7 !default;
+$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;
+
+$state-warning-text:             $brand-warning !default;
+$state-warning-bg:               #ffe0b2 !default;
+$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;
+
+$state-danger-text:              $brand-danger !default;
+$state-danger-bg:                #f9bdbb !default;
+$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;
+
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+$tooltip-max-width:           200px !default;
+//** Tooltip text color
+$tooltip-color:               #fff !default;
+//** Tooltip background color
+$tooltip-bg:                  #727272 !default;
+$tooltip-opacity:             .9 !default;
+
+//** Tooltip arrow width
+$tooltip-arrow-width:         5px !default;
+//** Tooltip arrow color
+$tooltip-arrow-color:         $tooltip-bg !default;
+
+
+//== Popovers
+//
+//##
+
+//** Popover body background color
+$popover-bg:                          #fff !default;
+//** Popover maximum width
+$popover-max-width:                   276px !default;
+//** Popover border color
+$popover-border-color:                transparent !default;
+//** Popover fallback border color
+$popover-fallback-border-color:       transparent !default;
+
+//** Popover title background color
+$popover-title-bg:                    darken($popover-bg, 3%) !default;
+
+//** Popover arrow width
+$popover-arrow-width:                 10px !default;
+//** Popover arrow color
+$popover-arrow-color:                 #fff !default;
+
+//** Popover outer arrow width
+$popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
+//** Popover outer arrow color
+$popover-arrow-outer-color:           fadein($popover-border-color, 5%) !default;
+//** Popover outer arrow fallback color
+$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;
+
+
+//== Labels
+//
+//##
+
+//** Default label background color
+$label-default-bg:            $gray-light !default;
+//** Primary label background color
+$label-primary-bg:            $brand-primary !default;
+//** Success label background color
+$label-success-bg:            $brand-success !default;
+//** Info label background color
+$label-info-bg:               $brand-info !default;
+//** Warning label background color
+$label-warning-bg:            $brand-warning !default;
+//** Danger label background color
+$label-danger-bg:             $brand-danger !default;
+
+//** Default label text color
+$label-color:                 #fff !default;
+//** Default text color of a linked label
+$label-link-hover-color:      #fff !default;
+
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+$modal-inner-padding:         15px !default;
+
+//** Padding applied to the modal title
+$modal-title-padding:         15px !default;
+//** Modal title line-height
+$modal-title-line-height:     $line-height-base !default;
+
+//** Background color of modal content area
+$modal-content-bg:                             #fff !default;
+//** Modal content border color
+$modal-content-border-color:                   transparent !default;
+//** Modal content border color **for IE8**
+$modal-content-fallback-border-color:          #999 !default;
+
+//** Modal backdrop background color
+$modal-backdrop-bg:           #000 !default;
+//** Modal backdrop opacity
+$modal-backdrop-opacity:      .5 !default;
+//** Modal header border color
+$modal-header-border-color:   transparent !default;
+//** Modal footer border color
+$modal-footer-border-color:   $modal-header-border-color !default;
+
+$modal-lg:                    900px !default;
+$modal-md:                    600px !default;
+$modal-sm:                    300px !default;
+
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+$alert-padding:               15px !default;
+$alert-border-radius:         $border-radius-base !default;
+$alert-link-font-weight:      bold !default;
+
+$alert-success-bg:            $state-success-bg !default;
+$alert-success-text:          $state-success-text !default;
+$alert-success-border:        $state-success-border !default;
+
+$alert-info-bg:               $state-info-bg !default;
+$alert-info-text:             $state-info-text !default;
+$alert-info-border:           $state-info-border !default;
+
+$alert-warning-bg:            $state-warning-bg !default;
+$alert-warning-text:          $state-warning-text !default;
+$alert-warning-border:        $state-warning-border !default;
+
+$alert-danger-bg:             $state-danger-bg !default;
+$alert-danger-text:           $state-danger-text !default;
+$alert-danger-border:         $state-danger-border !default;
+
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+$progress-bg:                 #f5f5f5 !default;
+//** Progress bar text color
+$progress-bar-color:          #fff !default;
+
+//** Default progress bar color
+$progress-bar-bg:             $brand-primary !default;
+//** Success progress bar color
+$progress-bar-success-bg:     $brand-success !default;
+//** Warning progress bar color
+$progress-bar-warning-bg:     $brand-warning !default;
+//** Danger progress bar color
+$progress-bar-danger-bg:      $brand-danger !default;
+//** Info progress bar color
+$progress-bar-info-bg:        $brand-info !default;
+
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+$list-group-bg:                 #fff !default;
+//** `.list-group-item` border color
+$list-group-border:             #ddd !default;
+//** List group border radius
+$list-group-border-radius:      $border-radius-base !default;
+
+//** Background color of single list items on hover
+$list-group-hover-bg:           #f5f5f5 !default;
+//** Text color of active list items
+$list-group-active-color:       $component-active-color !default;
+//** Background color of active list items
+$list-group-active-bg:          $component-active-bg !default;
+//** Border color of active list elements
+$list-group-active-border:      $list-group-active-bg !default;
+//** Text color for content within active list items
+$list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;
+
+//** Text color of disabled list items
+$list-group-disabled-color:      $gray-light !default;
+//** Background color of disabled list items
+$list-group-disabled-bg:         $gray-lighter !default;
+//** Text color for content within disabled list items
+$list-group-disabled-text-color: $list-group-disabled-color !default;
+
+$list-group-link-color:         #555 !default;
+$list-group-link-hover-color:   $list-group-link-color !default;
+$list-group-link-heading-color: #333 !default;
+
+
+//== Panels
+//
+//##
+
+$panel-bg:                    #fff !default;
+$panel-body-padding:          15px !default;
+$panel-heading-padding:       10px 15px !default;
+$panel-footer-padding:        $panel-heading-padding !default;
+$panel-border-radius:         $border-radius-base !default;
+
+//** Border color for elements within panels
+$panel-inner-border:          #ddd !default;
+$panel-footer-bg:             #f5f5f5 !default;
+
+$panel-default-text:          $gray-dark !default;
+$panel-default-border:        #ddd !default;
+$panel-default-heading-bg:    #f5f5f5 !default;
+
+$panel-primary-text:          #fff !default;
+$panel-primary-border:        $brand-primary !default;
+$panel-primary-heading-bg:    $brand-primary !default;
+
+$panel-success-text:          $state-success-text !default;
+$panel-success-border:        $state-success-border !default;
+$panel-success-heading-bg:    $state-success-bg !default;
+
+$panel-info-text:             $state-info-text !default;
+$panel-info-border:           $state-info-border !default;
+$panel-info-heading-bg:       $state-info-bg !default;
+
+$panel-warning-text:          $state-warning-text !default;
+$panel-warning-border:        $state-warning-border !default;
+$panel-warning-heading-bg:    $state-warning-bg !default;
+
+$panel-danger-text:           $state-danger-text !default;
+$panel-danger-border:         $state-danger-border !default;
+$panel-danger-heading-bg:     $state-danger-bg !default;
+
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+$thumbnail-padding:           4px !default;
+//** Thumbnail background color
+$thumbnail-bg:                $body-bg !default;
+//** Thumbnail border color
+$thumbnail-border:            #ddd !default;
+//** Thumbnail border radius
+$thumbnail-border-radius:     $border-radius-base !default;
+
+//** Custom text color for thumbnail captions
+$thumbnail-caption-color:     $text-color !default;
+//** Padding around the thumbnail caption
+$thumbnail-caption-padding:   9px !default;
+
+
+//== Wells
+//
+//##
+
+$well-bg:                     #f9f9f9 !default;
+$well-border:                 transparent !default;
+
+
+//== Badges
+//
+//##
+
+$badge-color:                 #fff !default;
+//** Linked badge text color on hover
+$badge-link-hover-color:      #fff !default;
+$badge-bg:                    $gray-light !default;
+
+//** Badge text color in active nav link
+$badge-active-color:          $link-color !default;
+//** Badge background color in active nav link
+$badge-active-bg:             #fff !default;
+
+$badge-font-weight:           normal !default;
+$badge-line-height:           1 !default;
+$badge-border-radius:         10px !default;
+
+
+//== Breadcrumbs
+//
+//##
+
+$breadcrumb-padding-vertical:   8px !default;
+$breadcrumb-padding-horizontal: 15px !default;
+//** Breadcrumb background color
+$breadcrumb-bg:                 #f5f5f5 !default;
+//** Breadcrumb text color
+$breadcrumb-color:              #ccc !default;
+//** Text color of current page in the breadcrumb
+$breadcrumb-active-color:       $gray-light !default;
+//** Textual separator for between breadcrumb elements
+$breadcrumb-separator:          "/" !default;
+
+
+//== Carousel
+//
+//##
+
+$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
+
+$carousel-control-color:                      #fff !default;
+$carousel-control-width:                      15% !default;
+$carousel-control-opacity:                    .5 !default;
+$carousel-control-font-size:                  20px !default;
+
+$carousel-indicator-active-bg:                #fff !default;
+$carousel-indicator-border-color:             #fff !default;
+
+$carousel-caption-color:                      #fff !default;
+
+
+//== Close
+//
+//##
+
+$close-font-weight:           normal !default;
+$close-color:                 #000 !default;
+$close-text-shadow:           none !default;
+
+
+//== Code
+//
+//##
+
+$code-color:                  #c7254e !default;
+$code-bg:                     #f9f2f4 !default;
+
+$kbd-color:                   #fff !default;
+$kbd-bg:                      #333 !default;
+
+$pre-bg:                      #f5f5f5 !default;
+$pre-color:                   $gray-dark !default;
+$pre-border-color:            #ccc !default;
+$pre-scrollable-max-height:   340px !default;
+
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss
index 2f161e5..3d5e347 100644
--- a/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss
@@ -8,38 +8,48 @@
 
 .navbar {
   font-family: $headings-font-family;
-}
 
-.navbar-nav > li > a {
-  padding: $padding-base-vertical $padding-base-horizontal;
-  margin: 12px 6px;
-  border: 1px solid hsla(0, 100%, 100%, 0);
-  border-radius: $border-radius-base;
+  .navbar-nav,
+  .navbar-form {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .navbar-nav > li > a {
+    padding: $padding-base-vertical $padding-base-horizontal;
+    margin: 12px 6px;
+    border: 1px solid transparent;
+    border-radius: $border-radius-base;
 
-  &:hover {
-    border: 1px solid #ddd;
+    &:hover {
+      border: 1px solid #ddd;
+    }
   }
-}
 
-.navbar-nav > .active > a,
-.navbar-nav > .active > a:hover {
-  border: 1px solid #ddd;
-}
+  .navbar-nav > .active > a,
+  .navbar-nav > .active > a:hover {
+    border: 1px solid #ddd;
+  }
 
-.navbar-default .navbar-nav > .active > a:hover {
-  color: $navbar-default-link-hover-color;
-}
+  .navbar-default .navbar-nav > .active > a:hover {
+    color: $navbar-default-link-hover-color;
+  }
 
-.navbar-inverse .navbar-nav > .active > a:hover {
-  color: $navbar-inverse-link-hover-color;
-}
+  .navbar-inverse .navbar-nav > .active > a:hover {
+    color: $navbar-inverse-link-hover-color;
+  }
 
-.navbar-brand {
-  margin-top: 6px;
+  .navbar-brand {
+    padding-top: 20px;
+  }
 }
 
-.navbar-form {
-  margin-top: 12px;
+@media (max-width: $grid-float-breakpoint) {
+  .navbar {
+    .navbar-nav > li > a {
+      margin: 0;
+    }
+  }
 }
 
 // Buttons ====================================================================
@@ -73,12 +83,13 @@ legend {
 }
 
 .pagination {
+
   font-family: $headings-font-family;
-}
 
-.pagination-lg > li > a,
-.pagination-lg > li > span {
-  padding: 14px 24px;
+  .pagination-lg > li > a,
+  .pagination-lg > li > span {
+    padding: 14px 24px;
+  }
 }
 
 .pager {
@@ -90,7 +101,7 @@ legend {
   }
 
   a:hover {
-    border-color: hsla(0, 100%, 100%, 0);
+    border-color: transparent;
     color: #fff;
   }
 
@@ -101,22 +112,10 @@ legend {
 
 // Indicators =================================================================
 
-.alert {
-  a,
-  .alert-link {
-    color: $alert-success-text;
-    text-decoration: underline;
-  }
-
-  .close {
-    text-decoration: none;
-  }
-}
-
-
 .close {
   color: #fff;
   text-decoration: none;
+  text-shadow: none;
   opacity: 0.4;
 
   &:hover,
@@ -126,14 +125,22 @@ legend {
   }
 }
 
+.alert {
+  .alert-link {
+    color: $alert-success-text;
+    text-decoration: underline;
+  }
+}
+
 .label {
   font-family: $headings-font-family;
   font-weight: normal;
-}
 
-.label-default {
-  border: 1px solid #ddd;
-  color: $text-color;
+  .label-default {
+    border: 1px solid #ddd;
+    color: $text-color;
+  }
+
 }
 
 .badge {
@@ -149,27 +156,32 @@ legend {
 
 .panel {
   @include box-shadow(none);
-}
 
-.panel-default .panel-heading,
-.panel-default .panel-footer {
-  background-color: #fff;
-  font-family: $headings-font-family;
-  font-weight: bold;
-}
+  .panel-default {
+    .close {
+      color: $text-color;
+    }
+  }
 
-.panel-primary,
-.panel-success,
-.panel-warning,
-.panel-danger,
-.panel-info {
-  .panel-heading {
-    color: #fff;
+  .panel-primary,
+  .panel-success,
+  .panel-warning,
+  .panel-danger,
+  .panel-info {
+    .panel-heading {
+      color: #fff;
+    }
+
+    .panel-body {
+      border: 1px solid #ddd;
+      border-top-width: 0;
+      border-radius: 0 0 $border-radius-base $border-radius-base;
+    }
   }
+}
 
-  .panel-body {
-    border: 1px solid #ddd;
-    border-top-width: 0;
-    border-radius: 0 0 $border-radius-base $border-radius-base;
+.modal {
+  .close {
+    color: $text-color;
   }
 }
diff --git a/vendor/assets/stylesheets/bootswatch/readable/_variables.scss b/vendor/assets/stylesheets/bootswatch/readable/_variables.scss
index da493ff..8dea7fc 100644
--- a/vendor/assets/stylesheets/bootswatch/readable/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/readable/_variables.scss
@@ -79,32 +79,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $text-color !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $brand-primary !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -149,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -247,13 +221,13 @@ $dropdown-divider-bg:            #e5e5e5 !default;
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -360,7 +334,7 @@ $container-lg:                 $container-large-desktop !default;
 //##
 
 // Basics of a navbar
-$navbar-height:                    50px !default;
+$navbar-height:                    65px !default;
 $navbar-margin-bottom:             $line-height-computed !default;
 $navbar-border-radius:             $border-radius-base !default;
 $navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
@@ -369,21 +343,21 @@ $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             $text-color !default;
 $navbar-default-bg:                $body-bg !default;
-$navbar-default-border:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-border:            #ddd !default;
 
 // Navbar links
 $navbar-default-link-color:                $link-color !default;
 $navbar-default-link-hover-color:          $link-color !default;
-$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-hover-bg:             transparent !default;
 $navbar-default-link-active-color:         $navbar-default-link-color !default;
-$navbar-default-link-active-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-active-bg:            transparent !default;
 $navbar-default-link-disabled-color:       #333 !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           #ddd !default;
@@ -395,21 +369,21 @@ $navbar-default-toggle-border-color:       #ddd !default;
 // Reset inverted navbar basics
 $navbar-inverse-color:                      $text-color !default;
 $navbar-inverse-bg:                         $body-bg !default;
-$navbar-inverse-border:                     hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-border:                     #ddd !default;
 
 // Inverted navbar links
 $navbar-inverse-link-color:                 $text-color !default;
 $navbar-inverse-link-hover-color:           $text-color !default;
-$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
 $navbar-inverse-link-active-color:          $text-color !default;
-$navbar-inverse-link-active-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-active-bg:             transparent !default;
 $navbar-inverse-link-disabled-color:        #ccc !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            #ddd !default;
@@ -719,23 +693,23 @@ $panel-default-border:        #ddd !default;
 $panel-default-heading-bg:    #f5f5f5 !default;
 
 $panel-primary-text:          #fff !default;
-$panel-primary-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-primary-border:        transparent !default;
 $panel-primary-heading-bg:    $brand-primary !default;
 
 $panel-success-text:          $state-success-text !default;
-$panel-success-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-success-border:        transparent !default;
 $panel-success-heading-bg:    $state-success-border !default;
 
 $panel-info-text:             $state-info-text !default;
-$panel-info-border:           hsla(0, 100%, 100%, 0) !default;
+$panel-info-border:           transparent !default;
 $panel-info-heading-bg:       $state-info-border !default;
 
 $panel-warning-text:          $state-warning-text !default;
-$panel-warning-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-warning-border:        transparent !default;
 $panel-warning-heading-bg:    $state-warning-border !default;
 
 $panel-danger-text:           $state-danger-text !default;
-$panel-danger-border:         hsla(0, 100%, 100%, 0) !default;
+$panel-danger-border:         transparent !default;
 $panel-danger-heading-bg:     $state-danger-border !default;
 
 
@@ -823,7 +797,7 @@ $carousel-caption-color:                      #fff !default;
 //##
 
 $close-font-weight:           bold !default;
-$close-color:                 #000 !default;
+$close-color:                 #fff !default;
 $close-text-shadow:           0 1px 0 #fff !default;
 
 
@@ -843,3 +817,29 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $text-color !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $brand-primary !default;
+//** Page header border color
+$page-header-border-color:    #ddd !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss
new file mode 100644
index 0000000..8077389
--- /dev/null
+++ b/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss
@@ -0,0 +1,195 @@
+// Sandstone 3.2.0
+// Bootswatch
+// -----------------------------------------------------
+
+@import url("//fonts.googleapis.com/css?family=Roboto:400,500");
+
+// Navbar =====================================================================
+
+.sandstone {
+  font-size: 11px;
+  line-height: 22px;
+  font-weight: 500;
+  text-transform: uppercase;
+}
+
+.navbar {
+  .nav > li > a {
+    @include sandstone();
+  }
+
+  .navbar-form input,
+  .navbar-form .form-control {
+    border: none;
+  }
+}
+
+// Buttons ====================================================================
+
+.btn {
+  border: none;
+  @include sandstone();
+
+  &:hover {
+    border-color: transparent;
+  }
+
+  .btn-lg {
+    line-height: 26px;
+  }
+
+  .btn-default {
+    &:hover {
+      background-color: $navbar-default-link-active-bg;
+    }
+  }
+}
+
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+input,
+.form-control {
+  @include box-shadow(none);
+
+  &:focus {
+    border-color: $input-border;
+    @include box-shadow(none);
+  }
+}
+
+.input-sm {
+  padding: 15px 10px;
+}
+
+// Navs =======================================================================
+
+.nav {
+  @include sandstone();
+
+  .open > a,
+  .open > a:hover,
+  .open > a:focus {
+    border-color: $gray-light;
+  }
+}
+
+.nav-tabs {
+
+  & > li > a {
+    background-color: $gray-lighter;
+    border-color: $nav-tabs-border-color;
+    color: $gray;
+  }
+
+  > li.disabled > a:hover {
+    background-color: $gray-lighter;
+  }
+}
+
+.nav-pills {
+  a {
+    color: $gray;
+  }
+
+  li > a {
+    border: 1px solid transparent;
+  }
+
+  li.active > a,
+  li > a:hover {
+    border-color: $gray-light;
+  }
+
+  li.disabled > a {
+    border-color: transparent;
+  }
+}
+
+.breadcrumb {
+  @include sandstone();
+
+  border: 1px solid $gray-light;
+
+  a {
+    color: $gray;
+  }
+}
+
+.pagination {
+  @include sandstone();
+}
+
+.pager {
+  @include sandstone();
+
+  li > a {
+    color: $gray;
+  }
+}
+
+.dropdown-menu {
+  & > li > a {
+    @include sandstone();
+  }
+}
+
+// Indicators =================================================================
+
+.alert {
+
+  a,
+  .alert-link {
+    color: #fff;
+  }
+}
+
+.tooltip {
+  @include sandstone();
+}
+
+// Progress bars ==============================================================
+
+.progress {
+  border-radius: 10px;
+  background-color: $gray-light;
+  @include box-shadow(none);
+
+  .progress-bar {
+    @include box-shadow(none);
+  }
+}
+
+// Containers =================================================================
+
+.list-group {
+  .list-group-item {
+    padding: 16px 24px;
+  }
+}
+
+.well {
+  @include box-shadow(none);
+}
+
+.panel {
+  @include box-shadow(none);
+
+  .panel-heading,
+  .panel-title,
+  .panel-footer {
+    @include sandstone();
+    color: #fff;
+  }
+
+  .panel-default {
+    .panel-heading,
+    .panel-title,
+    .panel-footer {
+      color: $gray;
+    }
+  }
+}
diff --git a/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss b/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss
new file mode 100644
index 0000000..bf22b11
--- /dev/null
+++ b/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss
@@ -0,0 +1,845 @@
+// Sandstone 3.2.0
+// Variables
+// --------------------------------------------------
+
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+$gray:                   #98978B !default;
+$gray-darker:            #3E3F3A !default;
+$gray-dark:              #8E8C84 !default;
+$gray-light:             #DFD7CA !default;
+$gray-lighter:           #F8F5F0 !default;
+
+$brand-primary:         #325D88 !default;
+$brand-success:         #93C54B !default;
+$brand-info:            #29ABE0 !default;
+$brand-warning:         #F47C3C !default;
+$brand-danger:          #d9534f !default;
+
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+//** Background color for ``.
+$body-bg:               #fff !default;
+//** Global text color on ``.
+$text-color:            #3E3F3A !default;
+
+//** Global textual link color.
+$link-color:            $brand-success !default;
+//** Link hover color set via `darken()` function.
+$link-hover-color:      darken($link-color, 10%) !default;
+
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+$font-family-sans-serif:  "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
+//** Default monospace fonts for ``, ``, and `
`.
+$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
+$font-family-base:        $font-family-sans-serif !default;
+
+$font-size-base:          14px !default;
+$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
+
+$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
+$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
+$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
+$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-h5:            $font-size-base !default;
+$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px
+
+//** Unit-less `line-height` for use in components like buttons.
+$line-height-base:        1.428571429 !default; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px
+
+//** By default, this inherits from the ``.
+$headings-font-family:    inherit !default;
+$headings-font-weight:    400 !default;
+$headings-line-height:    1.1 !default;
+$headings-color:          inherit !default;
+
+
+//== Iconography
+//
+//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
+
+//** Load fonts from this directory.
+//** File name for all font files.
+$icon-font-name:          "glyphicons-halflings-regular" !default;
+//** Element ID within SVG icon file.
+$icon-font-svg-id:        "glyphicons_halflingsregular" !default;
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+$padding-base-vertical:     12px !default;
+$padding-base-horizontal:   16px !default;
+
+$padding-large-vertical:    20px !default;
+$padding-large-horizontal:  30px !default;
+
+$padding-small-vertical:    5px !default;
+$padding-small-horizontal:  10px !default;
+
+$padding-xs-vertical:       1px !default;
+$padding-xs-horizontal:     5px !default;
+
+$line-height-large:         1.33 !default;
+$line-height-small:         1.5 !default;
+
+$border-radius-base:        4px !default;
+$border-radius-large:       6px !default;
+$border-radius-small:       3px !default;
+
+//** Global color for active items (e.g., navs or dropdowns).
+$component-active-color:    $gray !default;
+//** Global background color for active items (e.g., navs or dropdowns).
+$component-active-bg:       $gray-lighter !default;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+$caret-width-base:          4px !default;
+//** Carets increase slightly in size for larger components.
+$caret-width-large:         5px !default;
+
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for ``s and ``s.
+$table-cell-padding:            8px !default;
+//** Padding for cells in `.table-condensed`.
+$table-condensed-cell-padding:  5px !default;
+
+//** Default background color used for all tables.
+$table-bg:                      transparent !default;
+//** Background color used for `.table-striped`.
+$table-bg-accent:               $gray-lighter !default;
+//** Background color used for `.table-hover`.
+$table-bg-hover:                $gray-lighter !default;
+$table-bg-active:               $table-bg-hover !default;
+
+//** Border color for table and cell borders.
+$table-border-color:            $gray-light !default;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+$btn-font-weight:                normal !default;
+
+$btn-default-color:              #fff !default;
+$btn-default-bg:                 $navbar-default-bg !default;
+$btn-default-border:             transparent !default;
+
+$btn-primary-color:              #fff !default;
+$btn-primary-bg:                 $brand-primary !default;
+$btn-primary-border:             transparent !default;
+
+$btn-success-color:              #fff !default;
+$btn-success-bg:                 $brand-success !default;
+$btn-success-border:             transparent !default;
+
+$btn-info-color:                 #fff !default;
+$btn-info-bg:                    $brand-info !default;
+$btn-info-border:                transparent !default;
+
+$btn-warning-color:              #fff !default;
+$btn-warning-bg:                 $brand-warning !default;
+$btn-warning-border:             transparent !default;
+
+$btn-danger-color:               #fff !default;
+$btn-danger-bg:                  $brand-danger !default;
+$btn-danger-border:              transparent !default;
+
+$btn-link-disabled-color:        $gray-light !default;
+
+
+//== Forms
+//
+//##
+
+//** `` background color
+$input-bg:                       #fff !default;
+//** `` background color
+$input-bg-disabled:              $gray-lighter !default;
+
+//** Text color for ``s
+$input-color:                    $text-color !default;
+//** `` border color
+$input-border:                   $gray-light !default;
+//** `` border radius
+$input-border-radius:            $border-radius-base !default;
+//** Border color for inputs on focus
+$input-border-focus:             transparent !default;
+
+//** Placeholder text color
+$input-color-placeholder:        $gray-light !default;
+
+//** Default `.form-control` height
+$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
+//** Large `.form-control` height
+$input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
+//** Small `.form-control` height
+$input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
+
+$legend-color:                   $headings-color !default;
+$legend-border-color:            transparent !default;
+
+//** Background color for textual input addons
+$input-group-addon-bg:           $gray-lighter !default;
+//** Border color for textual input addons
+$input-group-addon-border-color: $input-border !default;
+
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+$dropdown-bg:                    #fff !default;
+//** Dropdown menu `border-color`.
+$dropdown-border:                $gray-light !default;
+//** Dropdown menu `border-color` **for IE8**.
+$dropdown-fallback-border:       $gray-light !default;
+//** Divider color for between dropdown items.
+$dropdown-divider-bg:            $gray-lighter !default;
+
+//** Dropdown link text color.
+$dropdown-link-color:            $gray !default;
+//** Hover color for dropdown links.
+$dropdown-link-hover-color:      $dropdown-link-color !default;
+//** Hover background for dropdown links.
+$dropdown-link-hover-bg:         $gray-lighter !default;
+
+//** Active dropdown menu item text color.
+$dropdown-link-active-color:     $component-active-color !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
+
+//** Disabled dropdown menu item background color.
+$dropdown-link-disabled-color:   $gray-light !default;
+
+//** Text color for headers within dropdown menus.
+$dropdown-header-color:          $gray-light !default;
+
+//** Deprecated `@dropdown-caret-color` as of v3.1.0
+$dropdown-caret-color:           #000 !default;
+
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+$zindex-navbar:            1000 !default;
+$zindex-dropdown:          1000 !default;
+$zindex-popover:           1060 !default;
+$zindex-tooltip:           1070 !default;
+$zindex-navbar-fixed:      1030 !default;
+$zindex-modal-background:  1040 !default;
+$zindex-modal:             1050 !default;
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+$screen-xs:                  480px !default;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+$screen-xs-min:              $screen-xs !default;
+//** Deprecated `@screen-phone` as of v3.0.1
+$screen-phone:               $screen-xs-min !default;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+$screen-sm:                  768px !default;
+$screen-sm-min:              $screen-sm !default;
+//** Deprecated `@screen-tablet` as of v3.0.1
+$screen-tablet:              $screen-sm-min !default;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+$screen-md:                  992px !default;
+$screen-md-min:              $screen-md !default;
+//** Deprecated `@screen-desktop` as of v3.0.1
+$screen-desktop:             $screen-md-min !default;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+$screen-lg:                  1200px !default;
+$screen-lg-min:              $screen-lg !default;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+$screen-lg-desktop:          $screen-lg-min !default;
+
+// So media queries don't overlap when required, provide a maximum
+$screen-xs-max:              ($screen-sm-min - 1) !default;
+$screen-sm-max:              ($screen-md-min - 1) !default;
+$screen-md-max:              ($screen-lg-min - 1) !default;
+
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+$grid-columns:              12 !default;
+//** Padding between columns. Gets divided in half for the left and right.
+$grid-gutter-width:         30px !default;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+$grid-float-breakpoint:     $screen-sm-min !default;
+//** Point at which the navbar begins collapsing.
+$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
+
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+$container-tablet:             ((720px + $grid-gutter-width)) !default;
+//** For `@screen-sm-min` and up.
+$container-sm:                 $container-tablet !default;
+
+// Medium screen / desktop
+$container-desktop:            ((940px + $grid-gutter-width)) !default;
+//** For `@screen-md-min` and up.
+$container-md:                 $container-desktop !default;
+
+// Large screen / wide desktop
+$container-large-desktop:      ((1140px + $grid-gutter-width)) !default;
+//** For `@screen-lg-min` and up.
+$container-lg:                 $container-large-desktop !default;
+
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+$navbar-height:                    60px !default;
+$navbar-margin-bottom:             $line-height-computed !default;
+$navbar-border-radius:             $border-radius-base !default;
+$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
+$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
+$navbar-collapse-max-height:       340px !default;
+
+$navbar-default-color:             $gray-dark !default;
+$navbar-default-bg:                $gray-darker !default;
+$navbar-default-border:            $gray-darker !default;
+
+// Navbar links
+$navbar-default-link-color:                $gray !default;
+$navbar-default-link-hover-color:          #fff !default;
+$navbar-default-link-hover-bg:             transparent !default;
+$navbar-default-link-active-color:         #fff !default;
+$navbar-default-link-active-bg:            darken($navbar-default-bg, 2%) !default;
+$navbar-default-link-disabled-color:       #ccc !default;
+$navbar-default-link-disabled-bg:          transparent !default;
+
+// Navbar brand label
+$navbar-default-brand-color:               #fff !default;
+$navbar-default-brand-hover-color:         #fff !default;
+$navbar-default-brand-hover-bg:            transparent !default;
+
+// Navbar toggle
+$navbar-default-toggle-hover-bg:           $navbar-default-link-active-bg !default;
+$navbar-default-toggle-icon-bar-bg:        $navbar-default-link-color !default;
+$navbar-default-toggle-border-color:       transparent !default;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+$navbar-inverse-color:                      $gray-light !default;
+$navbar-inverse-bg:                         $brand-success !default;
+$navbar-inverse-border:                     $brand-success !default;
+
+// Inverted navbar links
+$navbar-inverse-link-color:                 darken($brand-success, 15%) !default;
+$navbar-inverse-link-hover-color:           #fff !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
+$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
+$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 4%) !default;
+$navbar-inverse-link-disabled-color:        #444 !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
+
+// Inverted navbar brand label
+$navbar-inverse-brand-color:                #fff !default;
+$navbar-inverse-brand-hover-color:          #fff !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
+
+// Inverted navbar toggle
+$navbar-inverse-toggle-hover-bg:            $navbar-inverse-link-active-bg !default;
+$navbar-inverse-toggle-icon-bar-bg:         $navbar-inverse-link-color !default;
+$navbar-inverse-toggle-border-color:        transparent !default;
+
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+$nav-link-padding:                          10px 15px !default;
+$nav-link-hover-bg:                         $gray-lighter !default;
+
+$nav-disabled-link-color:                   $gray-light !default;
+$nav-disabled-link-hover-color:             $gray-light !default;
+
+$nav-open-link-hover-color:                 #fff !default;
+
+//== Tabs
+$nav-tabs-border-color:                     $gray-light !default;
+
+$nav-tabs-link-hover-border-color:          $gray-light !default;
+
+$nav-tabs-active-link-hover-bg:             $body-bg !default;
+$nav-tabs-active-link-hover-color:          $gray !default;
+$nav-tabs-active-link-hover-border-color:   $gray-light !default;
+
+$nav-tabs-justified-link-border-color:            $gray-light !default;
+$nav-tabs-justified-active-link-border-color:     $body-bg !default;
+
+//== Pills
+$nav-pills-border-radius:                   $border-radius-base !default;
+$nav-pills-active-link-hover-bg:            $component-active-bg !default;
+$nav-pills-active-link-hover-color:         $component-active-color !default;
+
+
+//== Pagination
+//
+//##
+
+$pagination-color:                     $gray !default;
+$pagination-bg:                        $gray-lighter !default;
+$pagination-border:                    $gray-light !default;
+
+$pagination-hover-color:               $gray-dark !default;
+$pagination-hover-bg:                  $gray-light !default;
+$pagination-hover-border:              $pagination-border !default;
+
+$pagination-active-color:              $gray-dark !default;
+$pagination-active-bg:                 $gray-light !default;
+$pagination-active-border:             $gray-light !default;
+
+$pagination-disabled-color:            $gray-light !default;
+$pagination-disabled-bg:               $gray-lighter !default;
+$pagination-disabled-border:           $gray-light !default;
+
+
+//== Pager
+//
+//##
+
+$pager-bg:                             $pagination-bg !default;
+$pager-border:                         $pagination-border !default;
+$pager-border-radius:                  15px !default;
+
+$pager-hover-bg:                       $pagination-hover-bg !default;
+
+$pager-active-bg:                      $pagination-active-bg !default;
+$pager-active-color:                   $pagination-active-color !default;
+
+$pager-disabled-color:                 $pagination-disabled-color !default;
+
+
+//== Jumbotron
+//
+//##
+
+$jumbotron-padding:              30px !default;
+$jumbotron-color:                inherit !default;
+$jumbotron-bg:                   $gray-lighter !default;
+$jumbotron-heading-color:        inherit !default;
+$jumbotron-font-size:            ceil(($font-size-base * 1.5)) !default;
+
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+$state-success-text:             $brand-success !default;
+$state-success-bg:               #dff0d8 !default;
+$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;
+
+$state-info-text:                $brand-info !default;
+$state-info-bg:                  #d9edf7 !default;
+$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;
+
+$state-warning-text:             $brand-warning !default;
+$state-warning-bg:               #fcf8e3 !default;
+$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;
+
+$state-danger-text:              $brand-danger !default;
+$state-danger-bg:                #f2dede !default;
+$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;
+
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+$tooltip-max-width:           200px !default;
+//** Tooltip text color
+$tooltip-color:               #fff !default;
+//** Tooltip background color
+$tooltip-bg:                  $navbar-default-bg !default;
+$tooltip-opacity:             1 !default;
+
+//** Tooltip arrow width
+$tooltip-arrow-width:         5px !default;
+//** Tooltip arrow color
+$tooltip-arrow-color:         $tooltip-bg !default;
+
+
+//== Popovers
+//
+//##
+
+//** Popover body background color
+$popover-bg:                          #fff !default;
+//** Popover maximum width
+$popover-max-width:                   276px !default;
+//** Popover border color
+$popover-border-color:                $gray-light !default;
+//** Popover fallback border color
+$popover-fallback-border-color:       $gray-light !default;
+
+//** Popover title background color
+$popover-title-bg:                    $gray-lighter !default;
+
+//** Popover arrow width
+$popover-arrow-width:                 10px !default;
+//** Popover arrow color
+$popover-arrow-color:                 #fff !default;
+
+//** Popover outer arrow width
+$popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
+//** Popover outer arrow color
+$popover-arrow-outer-color:           fadein($popover-border-color, 5%) !default;
+//** Popover outer arrow fallback color
+$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;
+
+
+//== Labels
+//
+//##
+
+//** Default label background color
+$label-default-bg:            $navbar-default-bg !default;
+//** Primary label background color
+$label-primary-bg:            $brand-primary !default;
+//** Success label background color
+$label-success-bg:            $brand-success !default;
+//** Info label background color
+$label-info-bg:               $brand-info !default;
+//** Warning label background color
+$label-warning-bg:            $brand-warning !default;
+//** Danger label background color
+$label-danger-bg:             $brand-danger !default;
+
+//** Default label text color
+$label-color:                 #fff !default;
+//** Default text color of a linked label
+$label-link-hover-color:      #fff !default;
+
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+$modal-inner-padding:         15px !default;
+
+//** Padding applied to the modal title
+$modal-title-padding:         15px !default;
+//** Modal title line-height
+$modal-title-line-height:     $line-height-base !default;
+
+//** Background color of modal content area
+$modal-content-bg:                             #fff !default;
+//** Modal content border color
+$modal-content-border-color:                   $gray-lighter !default;
+//** Modal content border color **for IE8**
+$modal-content-fallback-border-color:          $gray-lighter !default;
+
+//** Modal backdrop background color
+$modal-backdrop-bg:           #000 !default;
+//** Modal backdrop opacity
+$modal-backdrop-opacity:      .5 !default;
+//** Modal header border color
+$modal-header-border-color:   $gray-lighter !default;
+//** Modal footer border color
+$modal-footer-border-color:   $modal-header-border-color !default;
+
+$modal-lg:                    900px !default;
+$modal-md:                    600px !default;
+$modal-sm:                    300px !default;
+
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+$alert-padding:               15px !default;
+$alert-border-radius:         $border-radius-base !default;
+$alert-link-font-weight:      bold !default;
+
+$alert-success-bg:            $brand-success !default;
+$alert-success-text:          #fff !default;
+$alert-success-border:        transparent !default;
+
+$alert-info-bg:               $brand-info !default;
+$alert-info-text:             #fff !default;
+$alert-info-border:           transparent !default;
+
+$alert-warning-bg:            $brand-warning !default;
+$alert-warning-text:          #fff !default;
+$alert-warning-border:        transparent !default;
+
+$alert-danger-bg:             $brand-danger !default;
+$alert-danger-text:           #fff !default;
+$alert-danger-border:         transparent !default;
+
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+$progress-bg:                 #f5f5f5 !default;
+//** Progress bar text color
+$progress-bar-color:          #fff !default;
+
+//** Default progress bar color
+$progress-bar-bg:             $brand-primary !default;
+//** Success progress bar color
+$progress-bar-success-bg:     $brand-success !default;
+//** Warning progress bar color
+$progress-bar-warning-bg:     $brand-warning !default;
+//** Danger progress bar color
+$progress-bar-danger-bg:      $brand-danger !default;
+//** Info progress bar color
+$progress-bar-info-bg:        $brand-info !default;
+
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+$list-group-bg:                 #fff !default;
+//** `.list-group-item` border color
+$list-group-border:             $gray-light !default;
+//** List group border radius
+$list-group-border-radius:      $border-radius-base !default;
+
+//** Background color of single list items on hover
+$list-group-hover-bg:           $gray-lighter !default;
+//** Text color of active list items
+$list-group-active-color:       $text-color !default;
+//** Background color of active list items
+$list-group-active-bg:          $component-active-bg !default;
+//** Border color of active list elements
+$list-group-active-border:      $list-group-border !default;
+//** Text color for content within active list items
+$list-group-active-text-color:  $text-color !default;
+
+//** Text color of disabled list items
+$list-group-disabled-color:      $gray-light !default;
+//** Background color of disabled list items
+$list-group-disabled-bg:         $gray-lighter !default;
+//** Text color for content within disabled list items
+$list-group-disabled-text-color: $list-group-disabled-color !default;
+
+$list-group-link-color:         $text-color !default;
+$list-group-link-hover-color:   $list-group-link-color !default;
+$list-group-link-heading-color: $headings-color !default;
+
+
+//== Panels
+//
+//##
+
+$panel-bg:                    #fff !default;
+$panel-body-padding:          15px !default;
+$panel-heading-padding:       10px 15px !default;
+$panel-footer-padding:        $panel-heading-padding !default;
+$panel-border-radius:         $border-radius-base !default;
+
+//** Border color for elements within panels
+$panel-inner-border:          $gray-light !default;
+$panel-footer-bg:             $gray-lighter !default;
+
+$panel-default-text:          $text-color !default;
+$panel-default-border:        $gray-light !default;
+$panel-default-heading-bg:    $gray-lighter !default;
+
+$panel-primary-text:          #fff !default;
+$panel-primary-border:        $brand-primary !default;
+$panel-primary-heading-bg:    $brand-primary !default;
+
+$panel-success-text:          $state-success-text !default;
+$panel-success-border:        $state-success-border !default;
+$panel-success-heading-bg:    $brand-success !default;
+
+$panel-info-text:             $state-info-text !default;
+$panel-info-border:           $state-info-border !default;
+$panel-info-heading-bg:       $brand-info !default;
+
+$panel-warning-text:          $state-warning-text !default;
+$panel-warning-border:        $state-warning-border !default;
+$panel-warning-heading-bg:    $brand-warning !default;
+
+$panel-danger-text:           $state-danger-text !default;
+$panel-danger-border:         $state-danger-border !default;
+$panel-danger-heading-bg:     $brand-danger !default;
+
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+$thumbnail-padding:           4px !default;
+//** Thumbnail background color
+$thumbnail-bg:                $gray-lighter !default;
+//** Thumbnail border color
+$thumbnail-border:            $gray-light !default;
+//** Thumbnail border radius
+$thumbnail-border-radius:     $border-radius-base !default;
+
+//** Custom text color for thumbnail captions
+$thumbnail-caption-color:     $text-color !default;
+//** Padding around the thumbnail caption
+$thumbnail-caption-padding:   9px !default;
+
+
+//== Wells
+//
+//##
+
+$well-bg:                     $gray-lighter !default;
+$well-border:                 transparent !default;
+
+
+//== Badges
+//
+//##
+
+$badge-color:                 #fff !default;
+//** Linked badge text color on hover
+$badge-link-hover-color:      #fff !default;
+$badge-bg:                    $brand-success !default;
+
+//** Badge text color in active nav link
+$badge-active-color:          #fff !default;
+//** Badge background color in active nav link
+$badge-active-bg:             $brand-success !default;
+
+$badge-font-weight:           normal !default;
+$badge-line-height:           1 !default;
+$badge-border-radius:         10px !default;
+
+
+//== Breadcrumbs
+//
+//##
+
+$breadcrumb-padding-vertical:   8px !default;
+$breadcrumb-padding-horizontal: 15px !default;
+//** Breadcrumb background color
+$breadcrumb-bg:                 $gray-lighter !default;
+//** Breadcrumb text color
+$breadcrumb-color:              $gray-light !default;
+//** Text color of current page in the breadcrumb
+$breadcrumb-active-color:       $gray !default;
+//** Textual separator for between breadcrumb elements
+$breadcrumb-separator:          "/" !default;
+
+
+//== Carousel
+//
+//##
+
+$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
+
+$carousel-control-color:                      #fff !default;
+$carousel-control-width:                      15% !default;
+$carousel-control-opacity:                    .5 !default;
+$carousel-control-font-size:                  20px !default;
+
+$carousel-indicator-active-bg:                #fff !default;
+$carousel-indicator-border-color:             #fff !default;
+
+$carousel-caption-color:                      #fff !default;
+
+
+//== Close
+//
+//##
+
+$close-font-weight:           bold !default;
+$close-color:                 #000 !default;
+$close-text-shadow:           0 0 0 transparent !default;
+
+
+//== Code
+//
+//##
+
+$code-color:                  #c7254e !default;
+$code-bg:                     #f9f2f4 !default;
+
+$kbd-color:                   #fff !default;
+$kbd-bg:                      #333 !default;
+
+$pre-bg:                      #f5f5f5 !default;
+$pre-color:                   $gray-dark !default;
+$pre-border-color:            #ccc !default;
+$pre-scrollable-max-height:   340px !default;
+
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray !default;
+//** Headings small color
+$headings-small-color:        $gray !default;
+//** Blockquote small color
+$blockquote-small-color:      $text-color !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-light !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss
index c652524..ae41f67 100644
--- a/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss
@@ -2,6 +2,8 @@
 // Bootswatch
 // -----------------------------------------------------
 
+@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700");
+
 @mixin btn-shadow($color) {
   @include gradient-vertical-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%));
   filter: none;
@@ -10,11 +12,14 @@
 
 // Navbar =====================================================================
 
-.navbar-inverse {
+.navbar {
 
-  .badge {
-    background-color: #fff;
-    color: $brand-primary;
+  .navbar-inverse {
+
+    .badge {
+      background-color: #fff;
+      color: $brand-primary;
+    }
   }
 }
 
@@ -72,6 +77,10 @@ legend {
   color: $headings-color;
 }
 
+label {
+  font-weight: normal;
+}
+
 .has-warning {
   .help-block,
   .control-label {
diff --git a/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss b/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
index 1b7446d..770cdcb 100644
--- a/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
@@ -27,7 +27,7 @@ $brand-danger:          #D9831F !default;
 //** Background color for ``.
 $body-bg:               #FCFCFC !default;
 //** Global text color on ``.
-$text-color:            $gray-light !default;
+$text-color:            $gray !default;
 
 //** Global textual link color.
 $link-color:            $brand-primary !default;
@@ -39,13 +39,13 @@ $link-hover-color:      darken($link-color, 15%) !default;
 //
 //## Font, line-height, and color for body text, headings, and more.
 
-$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$font-family-sans-serif:  "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
 $font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
 //** Default monospace fonts for ``, ``, and `
`.
 $font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
 $font-family-base:        $font-family-sans-serif !default;
 
-$font-size-base:          14px !default;
+$font-size-base:          13px !default;
 $font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
 $font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
 
@@ -79,32 +79,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -149,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -247,13 +221,13 @@ $dropdown-divider-bg:            #e5e5e5 !default;
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -367,23 +341,23 @@ $navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
 $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
 $navbar-collapse-max-height:       340px !default;
 
-$navbar-default-color:             $text-color !default;
+$navbar-default-color:             $gray !default;
 $navbar-default-bg:                #fff !default;
 $navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
 
 // Navbar links
-$navbar-default-link-color:                $headings-color !default;
+$navbar-default-link-color:                $gray !default;
 $navbar-default-link-hover-color:          $brand-primary !default;
-$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-hover-bg:             transparent !default;
 $navbar-default-link-active-color:         $navbar-default-link-hover-color !default;
-$navbar-default-link-active-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-active-bg:            transparent !default;
 $navbar-default-link-disabled-color:       #444 !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           #ddd !default;
@@ -393,23 +367,23 @@ $navbar-default-toggle-border-color:       #ddd !default;
 
 // Inverted navbar
 // Reset inverted navbar basics
-$navbar-inverse-color:                      #fff !default;
+$navbar-inverse-color:                      lighten($brand-primary, 40%) !default;
 $navbar-inverse-bg:                         $brand-primary !default;
 $navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;
 
 // Inverted navbar links
-$navbar-inverse-link-color:                 #fff !default;
-$navbar-inverse-link-hover-color:           lighten($brand-primary, 40%) !default;
-$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-color:                 lighten($brand-primary, 40%) !default;
+$navbar-inverse-link-hover-color:           #fff !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
 $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-active-bg:             transparent !default;
 $navbar-inverse-link-disabled-color:        #ccc !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          #fff !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            darken($navbar-inverse-bg, 10%) !default;
@@ -712,11 +686,11 @@ $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
 $panel-inner-border:          #ddd !default;
-$panel-default-heading-bg:    $body-bg !default;
 $panel-footer-bg:             $panel-default-heading-bg !default;
 
 $panel-default-text:          $gray-dark !default;
 $panel-default-border:        #ddd !default;
+$panel-default-heading-bg:    $body-bg !default;
 
 $panel-primary-text:          #fff !default;
 $panel-primary-border:        $brand-primary !default;
@@ -792,7 +766,7 @@ $badge-border-radius:         10px !default;
 $breadcrumb-padding-vertical:   8px !default;
 $breadcrumb-padding-horizontal: 15px !default;
 //** Breadcrumb background color
-$breadcrumb-bg:                 hsla(0, 100%, 100%, 0) !default;
+$breadcrumb-bg:                 transparent !default;
 //** Breadcrumb text color
 $breadcrumb-color:              #ccc !default;
 //** Text color of current page in the breadcrumb
@@ -843,3 +817,29 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss
index 6836018..8b5f96c 100644
--- a/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss
@@ -20,37 +20,36 @@
   border: 1px solid rgba(0, 0, 0, 0.6);
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 
-  .nav .open > a {
-    border-color: hsla(0, 100%, 100%, 0);
-  }
+  .navbar-inverse {
+    @include btn-shadow($navbar-inverse-bg);
 
-}
+    .badge {
+      background-color: $navbar-inverse-link-active-bg;
+    }
+  }
 
-.navbar-inverse {
-  @include btn-shadow($navbar-inverse-bg);
+  .navbar-nav > li > a {
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+    border-left: 1px solid rgba(255, 255, 255, 0.1);
 
-  .badge {
-    background-color: $navbar-inverse-link-active-bg;
+    &:hover {
+      @include btn-shadow-inverse($navbar-default-bg);
+      border-left-color: transparent;
+    }
   }
-}
-
-.navbar-nav > li > a {
-  border-right: 1px solid rgba(0, 0, 0, 0.2);
-  border-left: 1px solid rgba(255, 255, 255, 0.1);
 
-  &:hover {
-    @include btn-shadow-inverse($navbar-default-bg);
-    border-left-color: hsla(0, 100%, 100%, 0);
+  .nav .open > a {
+    border-color: transparent;
   }
-}
 
-.navbar-nav > li.active > a {
-  border-left-color: hsla(0, 100%, 100%, 0);
-}
+  .navbar-nav > li.active > a {
+    border-left-color: transparent;
+  }
 
-.navbar-form {
-  margin-left: 5px;
-  margin-right: 5px;
+  .navbar-form {
+    margin-left: 5px;
+    margin-right: 5px;
+  }
 }
 
 // Buttons ====================================================================
@@ -111,7 +110,7 @@
 
 .btn-link,
 .btn-link:hover {
-  border-color: hsla(0, 100%, 100%, 0);
+  border-color: transparent;
 }
 
 // Typography =================================================================
@@ -149,27 +148,23 @@ h1, h2, h3, h4, h5, h6 {
 
 .table {
 
-  a {
-    text-decoration: underline;
-  }
-
   .success,
   .warning,
   .danger,
   .info {
     color: #fff;
   }
-}
 
-.table-bordered tbody {
+  .table-bordered tbody {
 
-  tr.success,
-  tr.warning,
-  tr.danger {
+    tr.success,
+    tr.warning,
+    tr.danger {
 
-    td,
-    &:hover td {
-      border-color: $table-border-color;
+      td,
+      &:hover td {
+        border-color: $table-border-color;
+      }
     }
   }
 }
@@ -290,7 +285,8 @@ legend {
 
 .pagination {
 
-  & > li > a {
+  & > li > a,
+  & > li > span {
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
     @include btn-shadow($btn-default-bg);
 
@@ -299,13 +295,16 @@ legend {
     }
   }
 
-  & > li.active > a {
+  & > li.active > a,
+  & > li.active > span {
     @include btn-shadow-inverse($btn-default-bg);
   }
 
   & > li.disabled > a,
-  & > li.disabled > a:hover {
-    background-color: hsla(0, 100%, 100%, 0);
+  & > li.disabled > a:hover,
+  & > li.disabled > span,
+  & > li.disabled > span:hover {
+    background-color: transparent;
     @include btn-shadow($btn-default-bg);
   }
 }
@@ -323,7 +322,7 @@ legend {
 
   & > li.disabled > a,
   & > li.disabled > a:hover {
-    background-color: hsla(0, 100%, 100%, 0);
+    background-color: transparent;
     @include btn-shadow($btn-default-bg);
   }
 }
diff --git a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
index 0a52235..82486e6 100644
--- a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
@@ -34,8 +34,6 @@ $link-color:            #fff !default;
 //** Link hover color set via `darken()` function.
 $link-hover-color:      #fff !default;
 
-$navbar-default-color:             $text-color !default;
-$navbar-default-bg:                $gray-dark !default;
 
 //== Typography
 //
@@ -81,41 +79,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-//== Wells
-//
-//##
-
-$well-bg:                     darken($body-bg, 5%) !default;
-$well-border:                 darken($well-bg, 7%) !default;
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-light !default;
-//** Page header border color
-$page-header-border-color:    darken($gray-darker, 5%) !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   darken($gray-darker, 5%) !default;
-
-
-
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -142,7 +105,7 @@ $border-radius-small:       3px !default;
 //** Global color for active items (e.g., navs or dropdowns).
 $component-active-color:    #fff !default;
 //** Global background color for active items (e.g., navs or dropdowns).
-$component-active-bg:       hsla(0, 100%, 100%, 0) !default;
+$component-active-bg:       transparent !default;
 
 //** Width of the `border` for generating carets that indicator dropdowns.
 $caret-width-base:          4px !default;
@@ -258,13 +221,13 @@ $dropdown-divider-bg:            $gray-darker !default;
 $dropdown-link-color:            $text-color !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $gray-darker !default;
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $gray-darker !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -377,6 +340,9 @@ $navbar-border-radius:             $border-radius-base !default;
 $navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
 $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
 $navbar-collapse-max-height:       340px !default;
+
+$navbar-default-color:             $text-color !default;
+$navbar-default-bg:                $gray-dark !default;
 $navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
 
 // Navbar links
@@ -386,7 +352,7 @@ $navbar-default-link-hover-bg:             darken($navbar-default-bg, 8%) !defau
 $navbar-default-link-active-color:         #fff !default;
 $navbar-default-link-active-bg:            darken($navbar-default-bg, 8%) !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
@@ -412,7 +378,7 @@ $navbar-inverse-link-hover-bg:              darken($navbar-inverse-bg, 12%) !def
 $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 12%) !default;
 $navbar-inverse-link-disabled-color:        #ccc !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
@@ -465,7 +431,7 @@ $pagination-bg:                        $btn-default-bg !default;
 $pagination-border:                    rgba(0, 0, 0, 0.6) !default;
 
 $pagination-hover-color:               $link-hover-color !default;
-$pagination-hover-bg:                  hsla(0, 100%, 100%, 0) !default;
+$pagination-hover-bg:                  transparent !default;
 $pagination-hover-border:              rgba(0, 0, 0, 0.6) !default;
 
 $pagination-active-color:              #fff !default;
@@ -720,11 +686,11 @@ $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
 $panel-inner-border:          rgba(0, 0, 0, 0.6) !default;
-$panel-default-heading-bg:    lighten($body-bg, 10%) !default;
 $panel-footer-bg:             $panel-default-heading-bg !default;
 
 $panel-default-text:          $text-color !default;
 $panel-default-border:        rgba(0, 0, 0, 0.6) !default;
+$panel-default-heading-bg:    lighten($body-bg, 10%) !default;
 
 $panel-primary-text:          #fff !default;
 $panel-primary-border:        $panel-default-border !default;
@@ -766,6 +732,14 @@ $thumbnail-caption-color:     $text-color !default;
 $thumbnail-caption-padding:   9px !default;
 
 
+//== Wells
+//
+//##
+
+$well-bg:                     darken($body-bg, 5%) !default;
+$well-border:                 darken($well-bg, 7%) !default;
+
+
 //== Badges
 //
 //##
@@ -792,7 +766,7 @@ $badge-border-radius:         10px !default;
 $breadcrumb-padding-vertical:   8px !default;
 $breadcrumb-padding-horizontal: 15px !default;
 //** Breadcrumb background color
-$breadcrumb-bg:                 hsla(0, 100%, 100%, 0) !default;
+$breadcrumb-bg:                 transparent !default;
 //** Breadcrumb text color
 $breadcrumb-color:              #ccc !default;
 //** Text color of current page in the breadcrumb
@@ -842,3 +816,30 @@ $pre-color:                   $gray-dark !default;
 $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-light !default;
+//** Page header border color
+$page-header-border-color:    darken($gray-darker, 5%) !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   darken($gray-darker, 5%) !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss
index 3925a97..9e25e91 100644
--- a/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss
@@ -17,10 +17,32 @@
   @include btn-shadow($navbar-default-bg);
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
 
+  .navbar-inverse {
+    @include btn-shadow($navbar-inverse-bg);
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
+
+    .badge {
+      background-color: #fff;
+      color: $navbar-inverse-bg;
+    }
+  }
+
   .badge {
     text-shadow: none;
   }
 
+  .navbar-nav > li > a,
+  .navbar-nav > li > a:hover {
+    padding-top: $navbar-padding-vertical + 2px;
+    padding-bottom: $navbar-padding-vertical - 2px;
+    @include transition(color ease-in-out .2s);
+  }
+  
+  .navbar-brand,
+  .navbar-brand:hover {
+    @include transition(color ease-in-out .2s);
+  }
+
   .caret,
   .caret:hover {
     @include transition(border-color ease-in-out .2s);
@@ -31,89 +53,68 @@
   }
 }
 
-.navbar-inverse {
-  @include btn-shadow($navbar-inverse-bg);
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
-
-  .badge {
-    background-color: #fff;
-    color: $navbar-inverse-bg;
-  }
-}
-
-.navbar-nav > li > a,
-.navbar-nav > li > a:hover {
-  padding-top: $navbar-padding-vertical + 2px;
-  padding-bottom: $navbar-padding-vertical - 2px;
-  @include transition(color ease-in-out .2s);
-}
-
-.navbar-brand,
-.navbar-brand:hover {
-  @include transition(color ease-in-out .2s);
-}
-
 // Buttons ====================================================================
 
 .btn {
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
 
-  &:active,
-  &.active {
-    background-image: none;
-    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+  .btn-default {
+    @include btn-shadow($btn-default-bg);
+
+    &:hover {
+      @include btn-shadow(darken($btn-default-bg, 4%));
+    }
   }
-}
 
-.btn-default {
-  @include btn-shadow($btn-default-bg);
+  .btn-primary {
+    @include btn-shadow($btn-primary-bg);
 
-  &:hover {
-    @include btn-shadow(darken($btn-default-bg, 4%));
+    &:hover {
+      @include btn-shadow(darken($btn-primary-bg, 4%));
+    }
   }
-}
 
-.btn-primary {
-  @include btn-shadow($btn-primary-bg);
+  .btn-success {
+    @include btn-shadow($btn-success-bg);
 
-  &:hover {
-    @include btn-shadow(darken($btn-primary-bg, 4%));
+    &:hover {
+      @include btn-shadow(darken($btn-success-bg, 4%));
+    }
   }
-}
 
-.btn-success {
-  @include btn-shadow($btn-success-bg);
+  .btn-info {
+    @include btn-shadow($btn-info-bg);
 
-  &:hover {
-    @include btn-shadow(darken($btn-success-bg, 4%));
+    &:hover {
+      @include btn-shadow(darken($btn-info-bg, 4%));
+    }
   }
-}
 
-.btn-info {
-  @include btn-shadow($btn-info-bg);
+  .btn-warning {
+    @include btn-shadow($btn-warning-bg);
 
-  &:hover {
-    @include btn-shadow(darken($btn-info-bg, 4%));
+    &:hover {
+      @include btn-shadow(darken($btn-warning-bg, 4%));
+    }
   }
-}
 
-.btn-warning {
-  @include btn-shadow($btn-warning-bg);
+  .btn-danger {
+    @include btn-shadow($btn-danger-bg);
 
-  &:hover {
-    @include btn-shadow(darken($btn-warning-bg, 4%));
+    &:hover {
+      @include btn-shadow(darken($btn-danger-bg, 4%));
+    }
   }
-}
-
-.btn-danger {
-  @include btn-shadow($btn-danger-bg);
 
-  &:hover {
-    @include btn-shadow(darken($btn-danger-bg, 4%));
+  &:active,
+  &.active {
+    background-image: none;
+    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
   }
 }
 
 
+
 // Typography =================================================================
 
 // Tables =====================================================================
@@ -128,8 +129,11 @@
 
 // Containers =================================================================
 
-.panel-primary {
-  .panel-title {
-    color: #fff;
+.panel {
+
+  .panel-primary {
+    .panel-title {
+      color: #fff;
+    }
   }
 }
\ No newline at end of file
diff --git a/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss b/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
index 4308243..af21ff4 100644
--- a/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
@@ -79,32 +79,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@@ -149,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -247,14 +221,13 @@ $dropdown-divider-bg:            #e5e5e5 !default;
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
-
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -375,16 +348,16 @@ $navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
 // Navbar links
 $navbar-default-link-color:                #777 !default;
 $navbar-default-link-hover-color:          $brand-info !default;
-$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-hover-bg:             transparent !default;
 $navbar-default-link-active-color:         $navbar-default-link-hover-color !default;
-$navbar-default-link-active-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-active-bg:            transparent !default;
 $navbar-default-link-disabled-color:       #444 !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           darken($navbar-default-bg, 6.5%) !default;
@@ -401,16 +374,16 @@ $navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !def
 // Inverted navbar links
 $navbar-inverse-link-color:                 #ddd !default;
 $navbar-inverse-link-hover-color:           #fff !default;
-$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
 $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-active-bg:             transparent !default;
 $navbar-inverse-link-disabled-color:        #ccc !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          #fff !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            darken($navbar-inverse-bg, 10%) !default;
@@ -843,3 +816,30 @@ $pre-color:                   $gray-dark !default;
 $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
+
+
diff --git a/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss
index e3d0826..7789016 100644
--- a/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss
@@ -10,42 +10,42 @@
   @include box-shadow(none);
   border: none;
   font-size: 12px;
-}
 
-.navbar-default {
+  .navbar-default {
 
-  .badge {
-    background-color: #fff;
-    color: $navbar-default-bg;
+    .badge {
+      background-color: #fff;
+      color: $navbar-default-bg;
+    }
   }
-}
 
-.navbar-inverse {
+  .navbar-inverse {
 
-  .badge {
-    background-color: #fff;
-    color: $navbar-inverse-bg;
+    .badge {
+      background-color: #fff;
+      color: $navbar-inverse-bg;
+    }
   }
 }
 
 // Buttons ====================================================================
 
 .btn {
+
   font-weight: 300;
-}
 
-.btn-default {
-  &:hover {
-    background-color: darken($btn-default-bg, 3%);
+  .btn-default {
+    &:hover {
+      background-color: darken($btn-default-bg, 3%);
+    }
   }
-}
 
-.btn-sm,
-.btn-xs {
-  font-size: 12px;
+  .btn-sm,
+  .btn-xs {
+    font-size: 12px;
+  }
 }
 
-
 // Typography =================================================================
 
 body {
@@ -107,7 +107,7 @@ table,
 .table {
   font-size: 12px;
 
-  a {
+  a:not(.btn) {
     color: #fff;
     text-decoration: underline;
   }
@@ -122,7 +122,7 @@ table,
   > thead > tr > td,
   > tbody > tr > td,
   > tfoot > tr > td {
-    border-color: hsla(0, 100%, 100%, 0);
+    border-color: transparent;
   }
  }
 
@@ -200,7 +200,7 @@ label,
   .open > a,
   .open > a:hover,
   .open > a:focus {
-    border-color: hsla(0, 100%, 100%, 0);
+    border-color: transparent;
   }
 }
 
@@ -256,11 +256,11 @@ label,
 
 .panel {
   border: none;
-}
 
-.panel-default > .panel-heading {
-  background-color: $table-bg-hover;
-  color: $text-color;
+  .panel-default > .panel-heading {
+    background-color: $table-bg-hover;
+    color: $text-color;
+  }
 }
 
 .thumbnail {
@@ -270,15 +270,17 @@ label,
 
 .modal {
   padding: 0;
-}
 
-.modal-header,
-.modal-footer {
-  background-color: $table-bg-hover;
-  border: none;
-  border-radius: 0;
+  .modal-header,
+  .modal-footer {
+    background-color: $table-bg-hover;
+    border: none;
+    border-radius: 0;
+  }
 }
 
-.popover-title {
-  border: none;
+.popover {
+  .popover-title {
+    border: none;
+  }
 }
diff --git a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
index 7d26f20..79b339e 100644
--- a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
@@ -18,9 +18,7 @@ $brand-success:         #5cb85c !default;
 $brand-info:            #5bc0de !default;
 $brand-warning:         #f0ad4e !default;
 $brand-danger:          #d9534f !default;
-$navbar-default-bg:     #4E5D6C !default;
 
-$navbar-default-link-hover-bg:             darken($navbar-default-bg, 3%) !default;
 
 //== Scaffolding
 //
@@ -114,15 +112,6 @@ $caret-width-base:          4px !default;
 //** Carets increase slightly in size for larger components.
 $caret-width-large:         5px !default;
 
-//** Border color for table and cell borders.
-$table-border-color:            $navbar-default-bg !default;
-
-//== Wells
-//
-//##
-
-$well-bg:                     $table-border-color !default;
-$well-border:                 hsla(0, 100%, 100%, 0) !default;
 
 //== Tables
 //
@@ -134,13 +123,16 @@ $table-cell-padding:            6px !default;
 $table-condensed-cell-padding:  3px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               $well-bg !default;
 //** Background color used for `.table-hover`.
 $table-bg-hover:                darken($well-bg, 3%) !default;
 $table-bg-active:               $table-bg-hover !default;
 
+//** Border color for table and cell borders.
+$table-border-color:            $navbar-default-bg !default;
+
 
 //== Buttons
 //
@@ -150,27 +142,27 @@ $btn-font-weight:                normal !default;
 
 $btn-default-color:              #fff !default;
 $btn-default-bg:                 $navbar-default-bg !default;
-$btn-default-border:             hsla(0, 100%, 100%, 0) !default;
+$btn-default-border:             transparent !default;
 
 $btn-primary-color:              #fff !default;
 $btn-primary-bg:                 $brand-primary !default;
-$btn-primary-border:             hsla(0, 100%, 100%, 0) !default;
+$btn-primary-border:             transparent !default;
 
 $btn-success-color:              #fff !default;
 $btn-success-bg:                 $brand-success !default;
-$btn-success-border:             hsla(0, 100%, 100%, 0) !default;
+$btn-success-border:             transparent !default;
 
 $btn-info-color:                 #fff !default;
 $btn-info-bg:                    $brand-info !default;
-$btn-info-border:                hsla(0, 100%, 100%, 0) !default;
+$btn-info-border:                transparent !default;
 
 $btn-warning-color:              #fff !default;
 $btn-warning-bg:                 $brand-warning !default;
-$btn-warning-border:             hsla(0, 100%, 100%, 0) !default;
+$btn-warning-border:             transparent !default;
 
 $btn-danger-color:               #fff !default;
 $btn-danger-bg:                  $brand-danger !default;
-$btn-danger-border:              hsla(0, 100%, 100%, 0) !default;
+$btn-danger-border:              transparent !default;
 
 $btn-link-disabled-color:        $gray-light !default;
 
@@ -187,11 +179,11 @@ $input-bg-disabled:              $gray-lighter !default;
 //** Text color for ``s
 $input-color:                    $body-bg !default;
 //** `` border color
-$input-border:                   hsla(0, 100%, 100%, 0) !default;
+$input-border:                   transparent !default;
 //** `` border radius
 $input-border-radius:            $border-radius-base !default;
 //** Border color for inputs on focus
-$input-border-focus:             hsla(0, 100%, 100%, 0) !default;
+$input-border-focus:             transparent !default;
 
 //** Placeholder text color
 $input-color-placeholder:        #ccc !default;
@@ -209,7 +201,7 @@ $legend-border-color:            $table-border-color !default;
 //** Background color for textual input addons
 $input-group-addon-bg:           $btn-default-bg !default;
 //** Border color for textual input addons
-$input-group-addon-border-color: hsla(0, 100%, 100%, 0) !default;
+$input-group-addon-border-color: transparent !default;
 
 
 //== Dropdowns
@@ -219,9 +211,9 @@ $input-group-addon-border-color: hsla(0, 100%, 100%, 0) !default;
 //** Background for the dropdown menu.
 $dropdown-bg:                    $well-bg !default;
 //** Dropdown menu `border-color`.
-$dropdown-border:                hsla(0, 100%, 100%, 0) !default;
+$dropdown-border:                transparent !default;
 //** Dropdown menu `border-color` **for IE8**.
-$dropdown-fallback-border:       hsla(0, 100%, 100%, 0) !default;
+$dropdown-fallback-border:       transparent !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            $body-bg !default;
 
@@ -350,32 +342,34 @@ $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2
 $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             $text-color !default;
-$navbar-default-border:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-bg:                #4E5D6C !default;
+$navbar-default-border:            transparent !default;
 
 // Navbar links
 $navbar-default-link-color:                $text-color !default;
 $navbar-default-link-hover-color:          $navbar-default-link-color !default;
+$navbar-default-link-hover-bg:             darken($navbar-default-bg, 3%) !default;
 $navbar-default-link-active-color:         $navbar-default-link-color !default;
 $navbar-default-link-active-bg:            darken($navbar-default-bg, 3%) !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-link-color !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           $navbar-default-link-hover-bg !default;
 $navbar-default-toggle-icon-bar-bg:        $text-color !default;
-$navbar-default-toggle-border-color:       hsla(0, 100%, 100%, 0) !default;
+$navbar-default-toggle-border-color:       transparent !default;
 
 
 // Inverted navbar
 // Reset inverted navbar basics
 $navbar-inverse-color:                      $text-color !default;
 $navbar-inverse-bg:                         $brand-primary !default;
-$navbar-inverse-border:                     hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-border:                     transparent !default;
 
 // Inverted navbar links
 $navbar-inverse-link-color:                 $text-color !default;
@@ -384,17 +378,17 @@ $navbar-inverse-link-hover-bg:              darken($navbar-inverse-bg, 5%) !defa
 $navbar-inverse-link-active-color:          $navbar-inverse-link-color !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 5%) !default;
 $navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            $navbar-inverse-link-hover-bg !default;
 $navbar-inverse-toggle-icon-bar-bg:         $text-color !default;
-$navbar-inverse-toggle-border-color:        hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-toggle-border-color:        transparent !default;
 
 
 //== Navs
@@ -411,7 +405,7 @@ $nav-disabled-link-hover-color:             $well-bg !default;
 $nav-open-link-hover-color:                 $text-color !default;
 
 //== Tabs
-$nav-tabs-border-color:                     hsla(0, 100%, 100%, 0) !default;
+$nav-tabs-border-color:                     transparent !default;
 
 $nav-tabs-link-hover-border-color:          $table-border-color !default;
 
@@ -434,19 +428,19 @@ $nav-pills-active-link-hover-color:         $component-active-color !default;
 
 $pagination-color:                     $text-color !default;
 $pagination-bg:                        $well-bg !default;
-$pagination-border:                    hsla(0, 100%, 100%, 0) !default;
+$pagination-border:                    transparent !default;
 
 $pagination-hover-color:               $text-color !default;
 $pagination-hover-bg:                  $table-bg-hover !default;
-$pagination-hover-border:              hsla(0, 100%, 100%, 0) !default;
+$pagination-hover-border:              transparent !default;
 
 $pagination-active-color:              $text-color !default;
 $pagination-active-bg:                 $brand-primary !default;
-$pagination-active-border:             hsla(0, 100%, 100%, 0) !default;
+$pagination-active-border:             transparent !default;
 
 $pagination-disabled-color:            darken($table-bg-hover, 10%) !default;
 $pagination-disabled-bg:               $well-bg !default;
-$pagination-disabled-border:           hsla(0, 100%, 100%, 0) !default;
+$pagination-disabled-border:           transparent !default;
 
 
 //== Pager
@@ -482,19 +476,19 @@ $jumbotron-font-size:            ceil(($font-size-base * 1.5)) !default;
 
 $state-success-text:             $text-color !default;
 $state-success-bg:               $brand-success !default;
-$state-success-border:           hsla(0, 100%, 100%, 0) !default;
+$state-success-border:           transparent !default;
 
 $state-info-text:                $text-color !default;
 $state-info-bg:                  $brand-info !default;
-$state-info-border:              hsla(0, 100%, 100%, 0) !default;
+$state-info-border:              transparent !default;
 
 $state-warning-text:             $text-color !default;
 $state-warning-bg:               $brand-warning !default;
-$state-warning-border:           hsla(0, 100%, 100%, 0) !default;
+$state-warning-border:           transparent !default;
 
 $state-danger-text:              $text-color !default;
 $state-danger-bg:                $brand-danger !default;
-$state-danger-border:            hsla(0, 100%, 100%, 0) !default;
+$state-danger-border:            transparent !default;
 
 
 //== Tooltips
@@ -524,9 +518,9 @@ $popover-bg:                          $well-bg !default;
 //** Popover maximum width
 $popover-max-width:                   276px !default;
 //** Popover border color
-$popover-border-color:                hsla(0, 100%, 100%, 0) !default;
+$popover-border-color:                transparent !default;
 //** Popover fallback border color
-$popover-fallback-border-color:       hsla(0, 100%, 100%, 0) !default;
+$popover-fallback-border-color:       transparent !default;
 
 //** Popover title background color
 $popover-title-bg:                    $table-bg-hover !default;
@@ -539,9 +533,9 @@ $popover-arrow-color:                 $well-bg !default;
 //** Popover outer arrow width
 $popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
 //** Popover outer arrow color
-$popover-arrow-outer-color:           hsla(0, 100%, 100%, 0) !default;
+$popover-arrow-outer-color:           transparent !default;
 //** Popover outer arrow fallback color
-$popover-arrow-outer-fallback-color:  hsla(0, 100%, 100%, 0) !default;
+$popover-arrow-outer-fallback-color:  transparent !default;
 
 
 //== Labels
@@ -582,9 +576,9 @@ $modal-title-line-height:     $line-height-base !default;
 //** Background color of modal content area
 $modal-content-bg:                             $well-bg !default;
 //** Modal content border color
-$modal-content-border-color:                   hsla(0, 100%, 100%, 0) !default;
+$modal-content-border-color:                   transparent !default;
 //** Modal content border color **for IE8**
-$modal-content-fallback-border-color:          hsla(0, 100%, 100%, 0) !default;
+$modal-content-fallback-border-color:          transparent !default;
 
 //** Modal backdrop background color
 $modal-backdrop-bg:           #000 !default;
@@ -653,7 +647,7 @@ $progress-bar-info-bg:        $brand-info !default;
 //** Background color on `.list-group-item`
 $list-group-bg:                 $well-bg !default;
 //** `.list-group-item` border color
-$list-group-border:             hsla(0, 100%, 100%, 0) !default;
+$list-group-border:             transparent !default;
 //** List group border radius
 $list-group-border-radius:      $border-radius-base !default;
 
@@ -691,31 +685,31 @@ $panel-footer-padding:        $panel-heading-padding !default;
 $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
-$panel-inner-border:          hsla(0, 100%, 100%, 0) !default;
+$panel-inner-border:          transparent !default;
 $panel-footer-bg:             $table-bg-hover !default;
 
 $panel-default-text:          $gray-dark !default;
-$panel-default-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-default-border:        transparent !default;
 $panel-default-heading-bg:    #f5f5f5 !default;
 
 $panel-primary-text:          #fff !default;
-$panel-primary-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-primary-border:        transparent !default;
 $panel-primary-heading-bg:    $brand-primary !default;
 
 $panel-success-text:          $state-success-text !default;
-$panel-success-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-success-border:        transparent !default;
 $panel-success-heading-bg:    $state-success-bg !default;
 
 $panel-info-text:             $state-info-text !default;
-$panel-info-border:           hsla(0, 100%, 100%, 0) !default;
+$panel-info-border:           transparent !default;
 $panel-info-heading-bg:       $state-info-bg !default;
 
 $panel-warning-text:          $state-warning-text !default;
-$panel-warning-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-warning-border:        transparent !default;
 $panel-warning-heading-bg:    $state-warning-bg !default;
 
 $panel-danger-text:           $state-danger-text !default;
-$panel-danger-border:         hsla(0, 100%, 100%, 0) !default;
+$panel-danger-border:         transparent !default;
 $panel-danger-heading-bg:     $state-danger-bg !default;
 
 
@@ -738,6 +732,14 @@ $thumbnail-caption-color:     $text-color !default;
 $thumbnail-caption-padding:   9px !default;
 
 
+//== Wells
+//
+//##
+
+$well-bg:                     $table-border-color !default;
+$well-border:                 transparent !default;
+
+
 //== Badges
 //
 //##
diff --git a/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss
index 8120199..07e74c3 100644
--- a/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss
@@ -6,19 +6,22 @@
 
 // Navbar =====================================================================
 
-.navbar-default {
+.navbar {
 
-  .badge {
-    background-color: #fff;
-    color: $navbar-default-bg;
+  .navbar-default {
+
+    .badge {
+      background-color: #fff;
+      color: $navbar-default-bg;
+    }
   }
-}
 
-.navbar-inverse {
+  .navbar-inverse {
 
-  .badge {
-    background-color: #fff;
-    color: $navbar-inverse-bg;
+    .badge {
+      background-color: #fff;
+      color: $navbar-inverse-bg;
+    }
   }
 }
 
diff --git a/vendor/assets/stylesheets/bootswatch/united/_variables.scss b/vendor/assets/stylesheets/bootswatch/united/_variables.scss
index 8e52b54..4e8fdc8 100644
--- a/vendor/assets/stylesheets/bootswatch/united/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/united/_variables.scss
@@ -78,30 +78,6 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 //** Element ID within SVG icon file.
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
 
 //== Components
 //
@@ -147,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -245,13 +221,13 @@ $dropdown-divider-bg:            #e5e5e5 !default;
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 //** Hover background for dropdown links.
 $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -376,7 +352,7 @@ $navbar-default-link-hover-bg:             darken($navbar-default-bg, 15%) !defa
 $navbar-default-link-active-color:         #fff !default;
 $navbar-default-link-active-bg:            darken($navbar-default-bg, 10%) !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
@@ -402,7 +378,7 @@ $navbar-inverse-link-hover-bg:              darken($navbar-inverse-bg, 15%) !def
 $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;
 $navbar-inverse-link-disabled-color:        #ccc !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
@@ -841,4 +817,29 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
+
 
diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss
index 6c09f6a..5204dcd 100644
--- a/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss
@@ -15,85 +15,88 @@
     background-color: #b3b3b3;
   }
 
+  .navbar-collapse {
+    border-top-color: $dropdown-divider-bg;
+    @include box-shadow(none);
+  }
+
   .btn {
     padding-top: 6px;
     padding-bottom: 6px;
   }
 
-  .dropdown-menu {
-    border: none;
+  .dropdown {
+
+    .dropdown-menu {
+      border: none;
 
-    > li > a,
-    > li > a:focus {
-      background-color: hsla(0, 100%, 100%, 0);
-      font-size: 13px;
-      font-weight: 300;
+      > li > a,
+      > li > a:focus {
+        background-color: transparent;
+        font-size: 13px;
+        font-weight: 300;
+      }
+    }
+
+    .dropdown-header {
+      color: rgba(255, 255, 255, 0.5);
     }
-  }
 
-  .dropdown-header {
-    color: rgba(255, 255, 255, 0.5);
   }
-}
 
-.navbar-default {
+  .navbar-default {
 
-  .dropdown-menu {
-    background-color: $navbar-default-bg;
+    .dropdown-menu {
+      background-color: $navbar-default-bg;
 
-    > li > a,
-    > li > a:focus {
-      color: $navbar-default-color;
-    }
+      > li > a,
+      > li > a:focus {
+        color: $navbar-default-color;
+      }
 
-    > li > a:hover,
-    > .active > a,
-    > .active > a:hover {
-      background-color: $navbar-default-link-hover-bg;
+      > li > a:hover,
+      > .active > a,
+      > .active > a:hover {
+        background-color: $navbar-default-link-hover-bg;
+      }
     }
   }
-}
 
-.navbar-inverse {
+  .navbar-inverse {
 
-  .dropdown-menu {
-    background-color: $navbar-inverse-bg;
+    .dropdown-menu {
+      background-color: $navbar-inverse-bg;
 
-    > li > a,
-    > li > a:focus {
-      color: $navbar-inverse-color;
-    }
+      > li > a,
+      > li > a:focus {
+        color: $navbar-inverse-color;
+      }
 
-    > li > a:hover,
-    > .active > a,
-    > .active > a:hover {
-      background-color: $navbar-inverse-link-hover-bg;
+      > li > a:hover,
+      > .active > a,
+      > .active > a:hover {
+        background-color: $navbar-inverse-link-hover-bg;
+      }
     }
   }
 }
 
-.navbar-collapse {
-  border-top-color: $dropdown-divider-bg;
-  @include box-shadow(none);
-}
-
-
 // Buttons ====================================================================
 
 .btn {
   padding: 14px 28px;
-}
 
-.btn-lg {
-  padding: 16px 32px;
-}
+  .btn-lg {
+    padding: 16px 32px;
+  }
 
-.btn-sm {
-  padding: 8px 16px;
-}
+  .btn-sm {
+    padding: 8px 16px;
+  }
 
-.btn-xs {
-  padding: 4px 8px;
+  .btn-xs {
+    padding: 4px 8px;
+  }
 }
 
 .btn-group {
@@ -227,8 +230,7 @@ table {
 
 // Forms ======================================================================
 
-input,
-.form-control {
+input {
   padding: 7px;
 }
 
@@ -253,7 +255,7 @@ label,
   .open > a,
   .open > a:hover,
   .open > a:focus {
-    border-color: hsla(0, 100%, 100%, 0);
+    border-color: transparent;
   }
 }
 
@@ -310,15 +312,14 @@ label,
     }
   }
 
-}
-
-.pagination-lg > li > a {
-  padding-left: 22px;
-  padding-right: 22px;
-}
+  .pagination-lg > li > a {
+    padding-left: 22px;
+    padding-right: 22px;
+  }
 
-.pagination-sm > li > a {
-  padding: 0 5px;
+  .pagination-sm > li > a {
+    padding: 0 5px;
+  }
 }
 
 .pager {
@@ -336,6 +337,8 @@ label,
 
 .close {
   opacity: 0.4;
+  text-decoration: none;
+  text-shadow: none;
 
   &:hover,
   &:focus {
@@ -347,22 +350,11 @@ label,
   font-size: $font-size-small;
   font-weight: 300;
 
-  a,
   .alert-link {
     font-weight: normal;
     color: #fff;
     text-decoration: underline;
   }
-
-  .close {
-    color: #fff;
-    text-decoration: none;
-
-    &:hover,
-    &:focus {
-      color: #fff;
-    }
-  }
 }
 
 .label {
@@ -370,11 +362,11 @@ label,
   padding-right: 1em;
   border-radius: 0;
   font-weight: 300;
-}
 
-.label-default {
-  background-color: $btn-default-bg;
-  color: $btn-default-color;
+  .label-default {
+    background-color: $btn-default-bg;
+    color: $btn-default-color;
+  }
 }
 
 .badge {
@@ -393,21 +385,24 @@ label,
 
 // Containers =================================================================
 
-.dropdown-menu {
-  padding: 0;
-  margin-top: 0;
-  font-size: $font-size-small;
+.dropdown {
 
-  > li > a {
-    padding: 12px 15px;
+  .dropdown-menu {
+    padding: 0;
+    margin-top: 0;
+    font-size: $font-size-small;
+
+    > li > a {
+      padding: 12px 15px;
+    }
   }
-}
 
-.dropdown-header {
-  padding-left: 15px;
-  padding-right: 15px;
-  font-size: 9px;
-  text-transform: uppercase;
+  .dropdown-header {
+    padding-left: 15px;
+    padding-right: 15px;
+    font-size: 9px;
+    text-transform: uppercase;
+  }
 }
 
 .popover {
@@ -416,8 +411,22 @@ label,
   font-weight: 300;
 }
 
-.panel-heading,
-.panel-footer {
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
+.panel {
+  .panel-heading,
+  .panel-footer {
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  .panel-default {
+    .close {
+      color: $text-color;
+    }
+  }
+}
+
+.modal {
+  .close {
+    color: $text-color;
+  }
 }
diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
index 55eb682..0e0fe76 100644
--- a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
@@ -123,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -352,17 +352,17 @@ $navbar-default-link-hover-bg:             #272727 !default;
 $navbar-default-link-active-color:         #fff !default;
 $navbar-default-link-active-bg:            #272727 !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
+$navbar-default-link-disabled-bg:          transparent !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-brand-color !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-default-brand-hover-bg:            transparent !default;
 
 // Navbar toggle
-$navbar-default-toggle-hover-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-default-toggle-hover-bg:           transparent !default;
 $navbar-default-toggle-icon-bar-bg:        #fff !default;
-$navbar-default-toggle-border-color:       hsla(0, 100%, 100%, 0) !default;
+$navbar-default-toggle-border-color:       transparent !default;
 
 
 // Inverted navbar
@@ -378,17 +378,17 @@ $navbar-inverse-link-hover-bg:              darken($navbar-inverse-bg, 10%) !def
 $navbar-inverse-link-active-color:          #fff !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;
 $navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          #fff !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
 
 // Inverted navbar toggle
-$navbar-inverse-toggle-hover-bg:            hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-toggle-hover-bg:            transparent !default;
 $navbar-inverse-toggle-icon-bar-bg:         #fff !default;
-$navbar-inverse-toggle-border-color:        hsla(0, 100%, 100%, 0) !default;
+$navbar-inverse-toggle-border-color:        transparent !default;
 
 
 //== Navs
@@ -427,20 +427,20 @@ $nav-pills-active-link-hover-color:         $component-active-color !default;
 //##
 
 $pagination-color:                     $link-color !default;
-$pagination-bg:                        hsla(0, 100%, 100%, 0) !default;
-$pagination-border:                    hsla(0, 100%, 100%, 0) !default;
+$pagination-bg:                        transparent !default;
+$pagination-border:                    transparent !default;
 
 $pagination-hover-color:               $link-hover-color !default;
 $pagination-hover-bg:                  $gray-lighter !default;
-$pagination-hover-border:              hsla(0, 100%, 100%, 0) !default;
+$pagination-hover-border:              transparent !default;
 
 $pagination-active-color:              #fff !default;
 $pagination-active-bg:                 $brand-primary !default;
-$pagination-active-border:             hsla(0, 100%, 100%, 0) !default;
+$pagination-active-border:             transparent !default;
 
 $pagination-disabled-color:            $gray-light !default;
 $pagination-disabled-bg:               #fff !default;
-$pagination-disabled-border:           hsla(0, 100%, 100%, 0) !default;
+$pagination-disabled-border:           transparent !default;
 
 
 //== Pager
@@ -518,7 +518,7 @@ $popover-bg:                          $gray-dark !default;
 //** Popover maximum width
 $popover-max-width:                   276px !default;
 //** Popover border color
-$popover-border-color:                hsla(0, 100%, 100%, 0) !default;
+$popover-border-color:                transparent !default;
 //** Popover fallback border color
 $popover-fallback-border-color:       $gray-dark !default;
 
@@ -820,8 +820,7 @@ $pre-scrollable-max-height:   340px !default;
 //== Type
 //
 //##
-//** Horizontal line color.
-$hr-border:                   #ddd !default;
+
 //** Horizontal offset for forms and lists.
 $component-offset-horizontal: 180px !default;
 //** Text muted color
@@ -840,4 +839,7 @@ $blockquote-border-color:     $hr-border !default;
 $page-header-border-color:    $hr-border !default;
 //** Width of horizontal description list titles
 $dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   #ddd !default;
+
 

From 77e9563c82d3a782989c65b6368752d4a011d2f7 Mon Sep 17 00:00:00 2001
From: ayan4m1 
Date: Sat, 16 Aug 2014 21:02:42 -0400
Subject: [PATCH 03/32] apply ./rearranges recommendations

---
 .../assets/stylesheets/bootswatch/amelia/_variables.scss  | 2 +-
 .../stylesheets/bootswatch/cerulean/_variables.scss       | 2 +-
 .../assets/stylesheets/bootswatch/cosmo/_variables.scss   | 2 +-
 .../assets/stylesheets/bootswatch/custom/_variables.scss  | 2 +-
 .../assets/stylesheets/bootswatch/cyborg/_variables.scss  | 2 +-
 .../assets/stylesheets/bootswatch/darkly/_variables.scss  | 2 +-
 .../assets/stylesheets/bootswatch/flatly/_variables.scss  | 2 +-
 .../assets/stylesheets/bootswatch/journal/_variables.scss | 2 +-
 .../assets/stylesheets/bootswatch/lumen/_variables.scss   | 2 +-
 .../stylesheets/bootswatch/readable/_variables.scss       | 2 +-
 .../assets/stylesheets/bootswatch/simplex/_variables.scss | 8 ++++----
 .../assets/stylesheets/bootswatch/slate/_variables.scss   | 2 +-
 .../stylesheets/bootswatch/spacelab/_variables.scss       | 2 +-
 .../stylesheets/bootswatch/superhero/_variables.scss      | 2 +-
 .../assets/stylesheets/bootswatch/united/_variables.scss  | 2 +-
 vendor/assets/stylesheets/bootswatch/yeti/_variables.scss | 2 +-
 16 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss b/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss
index b00c4e8..7965df6 100644
--- a/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-darker:            #111 !default; // #222
 $gray-dark:              #444 !default;   // #333
-$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-light:             #bbb !default;   // #999
 $gray-lighter:           #ddd !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss b/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss
index 61f62f7..1090be1 100644
--- a/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-light:             lighten(#000, 60%) !default;   // #999
 $gray-lighter:           lighten(#000, 93.5%) !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss b/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss
index 0930170..e172086 100644
--- a/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-light:             lighten(#000, 60%) !default;   // #999
 $gray-lighter:           lighten(#000, 90%) !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/custom/_variables.scss b/vendor/assets/stylesheets/bootswatch/custom/_variables.scss
index 8cf903e..f4b121f 100644
--- a/vendor/assets/stylesheets/bootswatch/custom/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/custom/_variables.scss
@@ -9,9 +9,9 @@
 // Grays
 // -------------------------
 
+$gray:                   lighten(#000, 33.5%); // #555
 $gray-darker:            lighten(#000, 13.5%); // #222
 $gray-dark:              lighten(#000, 20%);   // #333
-$gray:                   lighten(#000, 33.5%); // #555
 $gray-light:             lighten(#000, 60%);   // #999
 $gray-lighter:           lighten(#000, 93.5%); // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss b/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss
index 2e005d9..a90abb3 100644
--- a/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   #555 !default; // #555
 $gray-darker:            #222 !default; // #222
 $gray-dark:              #282828 !default;   // #333
-$gray:                   #555 !default; // #555
 $gray-light:             #888 !default;   // #999
 $gray-lighter:           #ADAFAE !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
index 732188c..9f1bf31 100644
--- a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   #464545 !default;
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              #303030 !default;   // #333
-$gray:                   #464545 !default;
 $gray-light:             #999 !default;   // #999
 $gray-lighter:           #EBEBEB !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
index 7df9b5b..866b189 100644
--- a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   #95a5a6 !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              #7b8a8b !default;   // #333
-$gray:                   #95a5a6 !default; // #555
 $gray-light:             #b4bcc2 !default;   // #999
 $gray-lighter:           #ecf0f1 !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/journal/_variables.scss b/vendor/assets/stylesheets/bootswatch/journal/_variables.scss
index c97ae12..55ad4df 100644
--- a/vendor/assets/stylesheets/bootswatch/journal/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/journal/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   #777 !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   #777 !default; // #555
 $gray-light:             lighten(#000, 60%) !default;   // #999
 $gray-lighter:           lighten(#000, 93.5%) !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
index ff65e6f..5814b97 100644
--- a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-light:             lighten(#000, 60%) !default;   // #999
 $gray-lighter:           lighten(#000, 93.5%) !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/readable/_variables.scss b/vendor/assets/stylesheets/bootswatch/readable/_variables.scss
index 8dea7fc..3455194 100644
--- a/vendor/assets/stylesheets/bootswatch/readable/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/readable/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-light:             lighten(#000, 70%) !default;   // #999
 $gray-lighter:           lighten(#000, 93.5%) !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss b/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
index 770cdcb..b688b46 100644
--- a/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
@@ -7,11 +7,11 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   #777 !default;
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
-$gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   lighten(#000, 33.5%) !default; // #555
-$gray-light:             #808080 !default;   // #999
-$gray-lighter:           #ddd !default; // #eee
+$gray-dark:              #444 !default;
+$gray-light:             #808080 !default;
+$gray-lighter:           #ddd !default;
 
 $brand-primary:         #D9230F !default;
 $brand-success:         #469408 !default;
diff --git a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
index 82486e6..717912f 100644
--- a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   #52575C !default; // #555
 $gray-darker:            #272B30 !default; // #222
 $gray-dark:              #3A3F44 !default;   // #333
-$gray:                   #52575C !default; // #555
 $gray-light:             #7A8288 !default;   // #999
 $gray-lighter:           #999 !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss b/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
index af21ff4..976c4ce 100644
--- a/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   #666 !default; // #555
 $gray-darker:            #2d2d2d !default; // #222
 $gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   #666 !default; // #555
 $gray-light:             lighten(#000, 60%) !default;   // #999
 $gray-lighter:           lighten(#000, 93.5%) !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
index 79b339e..6efaa4e 100644
--- a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-light:             #4E5D6C !default;   // #999
 $gray-lighter:           #EBEBEB !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/united/_variables.scss b/vendor/assets/stylesheets/bootswatch/united/_variables.scss
index 4e8fdc8..21e5ea7 100644
--- a/vendor/assets/stylesheets/bootswatch/united/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/united/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   #777 !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              #333 !default;   // #333
-$gray:                   #777 !default; // #555
 $gray-light:             #AEA79F !default;   // #999
 $gray-lighter:           lighten(#000, 93.5%) !default; // #eee
 
diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
index 0e0fe76..3210e9b 100644
--- a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   #6f6f6f !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   #6f6f6f !default; // #555
 $gray-light:             lighten(#000, 60%) !default;   // #999
 $gray-lighter:           lighten(#000, 93.5%) !default; // #eee
 

From 86c1e36fbead1de23b9b2acac0c486512680ed75 Mon Sep 17 00:00:00 2001
From: ayan4m1 
Date: Wed, 20 Aug 2014 21:50:22 -0400
Subject: [PATCH 04/32] update regular expressions in ./rearranges for
 compatibility with 3.2.0 formatting

---
 rearranges | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/rearranges b/rearranges
index 5288035..6863c58 100755
--- a/rearranges
+++ b/rearranges
@@ -49,7 +49,7 @@ class Variable
   end
 
   def section_name
-    section_header.split("\n").first.sub('// ', '')
+    section_header.split("\n").first.sub('//== ', '')
   end
 
   def to_s
@@ -61,16 +61,16 @@ class Variable
   end
 end
 
-Variable.sections = body.split(/(\/\/\s+\w[^\/]+\/\/\s+-+)/m)
+Variable.sections = body.split(/(\/\/==\s+\w+[\/\s]+##[\W\w]$)/m)
 
 tokens = []
 in_section = false
 
 Variable.sections.each.with_index do |section, index|
   if in_section
-    tokens[index] = section.scan(/\$\w+\s*\:?/)
+    tokens[index] = section.scan(/\$[\w-]+\s*\:?/)
     in_section = false
-  elsif section =~ /(\/\/\s+\w[^\/]+\/\/\s+-+)/m
+  elsif section =~ /(\/\/==\s+\w+[\/\s]+##[\W\w]$)/m
     tokens[index] = []
     in_section = true
   else

From 84e4d0aae9c8a7301fb85d971e1a62ccdcacaf67 Mon Sep 17 00:00:00 2001
From: ayan4m1 
Date: Wed, 20 Aug 2014 22:14:30 -0400
Subject: [PATCH 05/32] apple ./rearranges recommendations

---
 .../bootswatch/cerulean/_variables.scss       |  54 ++--
 .../bootswatch/cosmo/_variables.scss          |  54 ++--
 .../bootswatch/custom/_variables.scss         | 230 +++++++-------
 .../bootswatch/cyborg/_variables.scss         |  56 ++--
 .../bootswatch/darkly/_variables.scss         |  54 ++--
 .../bootswatch/flatly/_variables.scss         |  58 ++--
 .../bootswatch/journal/_variables.scss        |  54 ++--
 .../bootswatch/lumen/_variables.scss          | 165 +++++-----
 .../bootswatch/readable/_variables.scss       |  54 ++--
 .../bootswatch/simplex/_variables.scss        |  56 ++--
 .../bootswatch/slate/_variables.scss          |  70 ++---
 .../bootswatch/spacelab/_variables.scss       |  54 ++--
 .../bootswatch/superhero/_variables.scss      | 296 +++++++++---------
 .../bootswatch/united/_variables.scss         |  54 ++--
 .../bootswatch/yeti/_variables.scss           |   4 +-
 15 files changed, 639 insertions(+), 674 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss b/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss
index 1090be1..c9953f1 100644
--- a/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       #ccc !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            #e5e5e5 !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss b/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss
index e172086..6999986 100644
--- a/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       #ccc !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            #e5e5e5 !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/custom/_variables.scss b/vendor/assets/stylesheets/bootswatch/custom/_variables.scss
index f4b121f..ce55bd7 100644
--- a/vendor/assets/stylesheets/bootswatch/custom/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/custom/_variables.scss
@@ -1,13 +1,13 @@
-// Custom 3.0.0
-// Variables
-// --------------------------------------------------
+//== Custom 3.0.0
+//== Variables
+//##
 
 
-// Global values
-// --------------------------------------------------
+//== Global values
+//##
 
-// Grays
-// -------------------------
+//== Grays
+//##
 
 $gray:                   lighten(#000, 33.5%); // #555
 $gray-darker:            lighten(#000, 13.5%); // #222
@@ -15,8 +15,8 @@ $gray-dark:              lighten(#000, 20%);   // #333
 $gray-light:             lighten(#000, 60%);   // #999
 $gray-lighter:           lighten(#000, 93.5%); // #eee
 
-// Brand colors
-// -------------------------
+//== Brand colors
+//##
 
 $brand-primary:         #428bca;
 $brand-success:         #5cb85c;
@@ -24,20 +24,20 @@ $brand-warning:         #f0ad4e;
 $brand-danger:          #d9534f;
 $brand-info:            #5bc0de;
 
-// Scaffolding
-// -------------------------
+//== Scaffolding
+//##
 
 $body-bg:               #fff;
 $text-color:            $gray-dark;
 
-// Links
-// -------------------------
+//== Links
+//##
 
 $link-color:            $brand-primary;
 $link-hover-color:      darken($link-color, 15%);
 
-// Typography
-// -------------------------
+//== Typography
+//##
 
 $font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
 $font-family-serif:       Georgia, "Times New Roman", Times, serif;
@@ -55,16 +55,16 @@ $headings-font-family:    $font-family-base;
 $headings-font-weight:    500;
 $headings-line-height:    1.1;
 
-// Iconography
-// -------------------------
+//== Iconography
+//##
 
 $icon-font-path:          "../fonts/";
 $icon-font-name:          "glyphicons-halflings-regular";
 
 
-// Components
-// -------------------------
-// Based on 14px font-size and 1.428 line-height (~20px to start)
+//== Components
+//##
+//== Based on 14px font-size and 1.428 line-height (~20px to start)
 
 $padding-base-vertical:          6px;
 $padding-base-horizontal:        12px;
@@ -87,22 +87,22 @@ $component-active-bg:            $brand-primary;
 $caret-width-base:               4px;
 $caret-width-large:              5px;
 
-// Tables
-// -------------------------
+//== Tables
+//##
 
 $table-cell-padding:                 8px;
 $table-condensed-cell-padding:       5px;
 
-$table-bg:                           hsla(0, 100%, 100%, 0); // overall background-color
-$table-bg-accent:                    #f9f9f9; // for striping
+$table-bg:                           hsla(0, 100%, 100%, 0); //== overall background-color
+$table-bg-accent:                    #f9f9f9; //== for striping
 $table-bg-hover:                     #f5f5f5;
 $table-bg-active:                    $table-bg-hover;
 
-$table-border-color:                 #ddd; // table and cell border
+$table-border-color:                 #ddd; //== table and cell border
 
 
-// Buttons
-// -------------------------
+//== Buttons
+//##
 
 $btn-font-weight:                normal;
 
@@ -133,8 +133,8 @@ $btn-info-border:                darken($btn-info-bg, 5%);
 $btn-link-disabled-color:        $gray-light;
 
 
-// Forms
-// -------------------------
+//== Forms
+//##
 
 $input-bg:                       #fff;
 $input-bg-disabled:              $gray-lighter;
@@ -157,8 +157,8 @@ $input-group-addon-bg:           $gray-lighter;
 $input-group-addon-border-color: $input-border;
 
 
-// Dropdowns
-// -------------------------
+//== Dropdowns
+//##
 
 $dropdown-bg:                    #fff;
 $dropdown-border:                rgba(0,0,0,.15);
@@ -179,14 +179,14 @@ $dropdown-header-color:          $gray-light;
 $dropdown-caret-color:           #000;
 
 
-// COMPONENT VARIABLES
-// --------------------------------------------------
+//== COMPONENT VARIABLES
+//##
 
 
-// Z-index master list
-// -------------------------
-// Used for a bird's eye view of components dependent on the z-axis
-// Try to avoid customizing these :)
+//== Z-index master list
+//##
+//== Used for a bird's eye view of components dependent on the z-axis
+//== Try to avoid customizing these :)
 
 $zindex-navbar:            1000;
 $zindex-dropdown:          1000;
@@ -196,46 +196,46 @@ $zindex-navbar-fixed:      1030;
 $zindex-modal-background:  1040;
 $zindex-modal:             1050;
 
-// Media queries breakpoints
-// --------------------------------------------------
+//== Media queries breakpoints
+//##
 
-// Extra small screen / phone
+//== Extra small screen / phone
 $screen-xs:                  480px;
 $screen-phone:               $screen-xs;
 
-// Small screen / tablet
+//== Small screen / tablet
 $screen-sm:                  768px;
 $screen-tablet:              $screen-sm;
 
-// Medium screen / desktop
+//== Medium screen / desktop
 $screen-md:                  992px;
 $screen-desktop:             $screen-md;
 
-// Large screen / wide desktop
+//== Large screen / wide desktop
 $screen-lg:                  1200px;
 $screen-lg-desktop:          $screen-lg;
 
-// So media queries don't overlap when required, provide a maximum
+//== So media queries don't overlap when required, provide a maximum
 $screen-xs-max:              ($screen-sm - 1);
 $screen-sm-max:              ($screen-md - 1);
 $screen-md-max:              ($screen-lg - 1);
 
 
-// Grid system
-// --------------------------------------------------
+//== Grid system
+//##
 
-// Number of columns in the grid system
+//== Number of columns in the grid system
 $grid-columns:              12;
-// Padding, to be divided by two and applied to the left and right of all columns
+//== Padding, to be divided by two and applied to the left and right of all columns
 $grid-gutter-width:         30px;
-// Point at which the navbar stops collapsing
+//== Point at which the navbar stops collapsing
 $grid-float-breakpoint:     $screen-tablet;
 
 
-// Navbar
-// -------------------------
+//== Navbar
+//##
 
-// Basics of a navbar
+//== Basics of a navbar
 $navbar-height:                    50px;
 $navbar-margin-bottom:             $line-height-computed;
 $navbar-default-color:             #777;
@@ -245,7 +245,7 @@ $navbar-border-radius:             $border-radius-base;
 $navbar-padding-horizontal:        floor($grid-gutter-width / 2);
 $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2);
 
-// Navbar links
+//== Navbar links
 $navbar-default-link-color:                #777;
 $navbar-default-link-hover-color:          #333;
 $navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0);
@@ -254,25 +254,25 @@ $navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%);
 $navbar-default-link-disabled-color:       #ccc;
 $navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0);
 
-// Navbar brand label
+//== Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color;
 $navbar-default-brand-hover-color:         darken($navbar-default-link-color, 10%);
 $navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0);
 
-// Navbar toggle
+//== Navbar toggle
 $navbar-default-toggle-hover-bg:           #ddd;
 $navbar-default-toggle-icon-bar-bg:        #ccc;
 $navbar-default-toggle-border-color:       #ddd;
 
 
-// Inverted navbar
+//== Inverted navbar
 //
-// Reset inverted navbar basics
+//== Reset inverted navbar basics
 $navbar-inverse-color:                      $gray-light;
 $navbar-inverse-bg:                         #222;
 $navbar-inverse-border:                     darken($navbar-inverse-bg, 10%);
 
-// Inverted navbar links
+//== Inverted navbar links
 $navbar-inverse-link-color:                 $gray-light;
 $navbar-inverse-link-hover-color:           #fff;
 $navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0);
@@ -281,26 +281,26 @@ $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%);
 $navbar-inverse-link-disabled-color:        #444;
 $navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0);
 
-// Inverted navbar brand label
+//== Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color;
 $navbar-inverse-brand-hover-color:          #fff;
 $navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0);
 
-// Inverted navbar search
-// Normal navbar needs no special styles or vars
+//== Inverted navbar search
+//== Normal navbar needs no special styles or vars
 $navbar-inverse-search-bg:                  lighten($navbar-inverse-bg, 25%);
 $navbar-inverse-search-bg-focus:            #fff;
 $navbar-inverse-search-border:              $navbar-inverse-bg;
 $navbar-inverse-search-placeholder-color:   #ccc;
 
-// Inverted navbar toggle
+//== Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            #333;
 $navbar-inverse-toggle-icon-bar-bg:         #fff;
 $navbar-inverse-toggle-border-color:        #333;
 
 
-// Navs
-// -------------------------
+//== Navs
+//##
 
 $nav-link-padding:                          10px 15px;
 $nav-link-hover-bg:                         $gray-lighter;
@@ -311,7 +311,7 @@ $nav-disabled-link-hover-color:             $gray-light;
 $nav-open-link-hover-color:                 #fff;
 $nav-open-caret-border-color:               #fff;
 
-// Tabs
+//== Tabs
 $nav-tabs-border-color:                     #ddd;
 
 $nav-tabs-link-hover-border-color:          $gray-lighter;
@@ -323,13 +323,13 @@ $nav-tabs-active-link-hover-border-color:   #ddd;
 $nav-tabs-justified-link-border-color:            #ddd;
 $nav-tabs-justified-active-link-border-color:     $body-bg;
 
-// Pills
+//== Pills
 $nav-pills-active-link-hover-bg:            $component-active-bg;
 $nav-pills-active-link-hover-color:         #fff;
 
 
-// Pagination
-// -------------------------
+//== Pagination
+//##
 
 $pagination-bg:                        #fff;
 $pagination-border:                    #ddd;
@@ -342,15 +342,15 @@ $pagination-active-color:              #fff;
 $pagination-disabled-color:            $gray-light;
 
 
-// Pager
-// -------------------------
+//== Pager
+//##
 
 $pager-border-radius:                  15px;
 $pager-disabled-color:                 $gray-light;
 
 
-// Jumbotron
-// -------------------------
+//== Jumbotron
+//##
 
 $jumbotron-padding:              30px;
 $jumbotron-color:                inherit;
@@ -359,8 +359,8 @@ $jumbotron-bg:                   $gray-lighter;
 $jumbotron-heading-color:        inherit;
 
 
-// Form states and alerts
-// -------------------------
+//== Form states and alerts
+//##
 
 $state-warning-text:             #c09853;
 $state-warning-bg:               #fcf8e3;
@@ -379,8 +379,8 @@ $state-info-bg:                  #d9edf7;
 $state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%);
 
 
-// Tooltips
-// -------------------------
+//== Tooltips
+//##
 $tooltip-max-width:           200px;
 $tooltip-color:               #fff;
 $tooltip-bg:                  #000;
@@ -389,8 +389,8 @@ $tooltip-arrow-width:         5px;
 $tooltip-arrow-color:         $tooltip-bg;
 
 
-// Popovers
-// -------------------------
+//== Popovers
+//##
 $popover-bg:                          #fff;
 $popover-max-width:                   276px;
 $popover-border-color:                rgba(0,0,0,.2);
@@ -406,8 +406,8 @@ $popover-arrow-outer-color:           rgba(0,0,0,.25);
 $popover-arrow-outer-fallback-color:  #999;
 
 
-// Labels
-// -------------------------
+//== Labels
+//##
 
 $label-default-bg:            $gray-light;
 $label-primary-bg:            $brand-primary;
@@ -420,8 +420,8 @@ $label-color:                 #fff;
 $label-link-hover-color:      #fff;
 
 
-// Modals
-// -------------------------
+//== Modals
+//##
 $modal-inner-padding:         20px;
 
 $modal-title-padding:         15px;
@@ -436,8 +436,8 @@ $modal-header-border-color:   #e5e5e5;
 $modal-footer-border-color:   $modal-header-border-color;
 
 
-// Alerts
-// -------------------------
+//== Alerts
+//##
 $alert-padding:               15px;
 $alert-border-radius:         $border-radius-base;
 $alert-link-font-weight:      bold;
@@ -459,8 +459,8 @@ $alert-danger-text:           $state-danger-text;
 $alert-danger-border:         $state-danger-border;
 
 
-// Progress bars
-// -------------------------
+//== Progress bars
+//##
 $progress-bg:                 #f5f5f5;
 $progress-bar-color:          #fff;
 
@@ -471,8 +471,8 @@ $progress-bar-danger-bg:      $brand-danger;
 $progress-bar-info-bg:        $brand-info;
 
 
-// List group
-// -------------------------
+//== List group
+//##
 $list-group-bg:               #fff;
 $list-group-border:           #ddd;
 $list-group-border-radius:    $border-radius-base;
@@ -486,8 +486,8 @@ $list-group-link-color:          #555;
 $list-group-link-heading-color:  #333;
 
 
-// Panels
-// -------------------------
+//== Panels
+//##
 $panel-bg:                    #fff;
 $panel-inner-border:          #ddd;
 $panel-border-radius:         $border-radius-base;
@@ -518,8 +518,8 @@ $panel-info-border:           $state-info-border;
 $panel-info-heading-bg:       $state-info-bg;
 
 
-// Thumbnails
-// -------------------------
+//== Thumbnails
+//##
 $thumbnail-padding:           4px;
 $thumbnail-bg:                $body-bg;
 $thumbnail-border:            #ddd;
@@ -529,13 +529,13 @@ $thumbnail-caption-color:     $text-color;
 $thumbnail-caption-padding:   9px;
 
 
-// Wells
-// -------------------------
+//== Wells
+//##
 $well-bg:                     #f5f5f5;
 
 
-// Badges
-// -------------------------
+//== Badges
+//##
 $badge-color:                 #fff;
 $badge-link-hover-color:      #fff;
 $badge-bg:                    $gray-light;
@@ -548,15 +548,15 @@ $badge-line-height:           1;
 $badge-border-radius:         10px;
 
 
-// Breadcrumbs
-// -------------------------
+//== Breadcrumbs
+//##
 $breadcrumb-bg:               #f5f5f5;
 $breadcrumb-color:            #ccc;
 $breadcrumb-active-color:     $gray-light;
 
 
-// Carousel
-// ------------------------
+//== Carousel
+//##
 
 $carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
 
@@ -571,15 +571,15 @@ $carousel-indicator-border-color:             #fff;
 $carousel-caption-color:                      #fff;
 
 
-// Close
-// ------------------------
+//== Close
+//##
 $close-color:                 #000;
 $close-font-weight:           bold;
 $close-text-shadow:           0 1px 0 #fff;
 
 
-// Code
-// ------------------------
+//== Code
+//##
 $code-color:                  #c7254e;
 $code-bg:                     #f9f2f4;
 
@@ -588,8 +588,8 @@ $pre-color:                   $gray-dark;
 $pre-border-color:            #ccc;
 $pre-scrollable-max-height:   340px;
 
-// Type
-// ------------------------
+//== Type
+//##
 $text-muted:                  $gray-light;
 $abbr-border-color:           $gray-light;
 $headings-small-color:        $gray-light;
@@ -597,24 +597,24 @@ $blockquote-small-color:      $gray-light;
 $blockquote-border-color:     $gray-lighter;
 $page-header-border-color:    $gray-lighter;
 
-// Miscellaneous
-// -------------------------
+//== Miscellaneous
+//##
 
-// Hr border color
+//== Hr border color
 $hr-border:                   $gray-lighter;
 
-// Horizontal forms & lists
+//== Horizontal forms & lists
 $component-offset-horizontal: 180px;
 
 
-// Container sizes
-// --------------------------------------------------
+//== Container sizes
+//##
 
-// Small screen / tablet
+//== Small screen / tablet
 $container-tablet:            ((720px + $grid-gutter-width));
 
-// Medium screen / desktop
+//== Medium screen / desktop
 $container-desktop:           ((940px + $grid-gutter-width));
 
-// Large screen / wide desktop
+//== Large screen / wide desktop
 $container-lg-desktop:        ((1140px + $grid-gutter-width));
diff --git a/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss b/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss
index a90abb3..6155445 100644
--- a/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-dark !default;
+//** Page header border color
+$page-header-border-color:    $gray-dark !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-dark !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       #444 !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            rgba(255,255,255,0.1) !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            #fff !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -685,12 +709,12 @@ $panel-footer-padding:        $panel-heading-padding !default;
 $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
+$panel-default-heading-bg:    lighten($gray-darker, 10%) !default;
 $panel-inner-border:          $gray-dark !default;
 $panel-footer-bg:             $panel-default-heading-bg !default;
 
 $panel-default-text:          $text-color !default;
 $panel-default-border:        $panel-inner-border !default;
-$panel-default-heading-bg:    lighten($gray-darker, 10%) !default;
 
 $panel-primary-text:          #fff !default;
 $panel-primary-border:        $brand-primary !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-dark !default;
-//** Page header border color
-$page-header-border-color:    $gray-dark !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-dark !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
index 9f1bf31..d860e39 100644
--- a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-dark !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: transparent !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray !default;
+//** Page header border color
+$page-header-border-color:    transparent !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       #ccc !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            #e5e5e5 !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $brand-primary !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray !default;
-//** Page header border color
-$page-header-border-color:    transparent !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
index 866b189..c8da399 100644
--- a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    transparent !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
 
 //== Dropdowns
 //
@@ -217,17 +241,17 @@ $dropdown-fallback-border:       #ccc !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            #e5e5e5 !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
+//** Hover background for dropdown links.
+$dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      #fff !default;
-//** Hover background for dropdown links.
-$dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    transparent !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/journal/_variables.scss b/vendor/assets/stylesheets/bootswatch/journal/_variables.scss
index 55ad4df..3e71408 100644
--- a/vendor/assets/stylesheets/bootswatch/journal/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/journal/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       #ccc !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            #e5e5e5 !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
index 5814b97..dead029 100644
--- a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
@@ -166,6 +166,80 @@ $btn-danger-border:              darken($btn-danger-bg, 5%) !default;
 
 $btn-link-disabled-color:        $gray-light !default;
 
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+$grid-columns:              12 !default;
+//** Padding between columns. Gets divided in half for the left and right.
+$grid-gutter-width:         30px !default;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+$grid-float-breakpoint:     $screen-sm-min !default;
+//** Point at which the navbar begins collapsing.
+$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+$navbar-height:                    50px !default;
+$navbar-margin-bottom:             $line-height-computed !default;
+$navbar-border-radius:             $border-radius-base !default;
+$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
+$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
+$navbar-collapse-max-height:       340px !default;
+
+$navbar-default-color:             $text-color !default;
+$navbar-default-bg:                #f8f8f8 !default;
+$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
+
+// Navbar links
+$navbar-default-link-color:                $gray-light !default;
+$navbar-default-link-hover-color:          $gray-dark !default;
+$navbar-default-link-hover-bg:             transparent !default;
+$navbar-default-link-active-color:         $navbar-default-link-hover-color !default;
+$navbar-default-link-active-bg:            transparent !default;
+$navbar-default-link-disabled-color:       $gray-lighter !default;
+$navbar-default-link-disabled-bg:          transparent !default;
+
+// Navbar brand label
+$navbar-default-brand-color:               $navbar-default-link-hover-color !default;
+$navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
+$navbar-default-brand-hover-bg:            transparent !default;
+
+// Navbar toggle
+$navbar-default-toggle-hover-bg:           #fff !default;
+$navbar-default-toggle-icon-bar-bg:        $gray-light !default;
+$navbar-default-toggle-border-color:       $gray-lighter !default;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+$navbar-inverse-color:                      $gray-light !default;
+$navbar-inverse-bg:                         #fff !default;
+$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;
+
+// Inverted navbar links
+$navbar-inverse-link-color:                 $gray-light !default;
+$navbar-inverse-link-hover-color:           $gray-dark !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
+$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
+$navbar-inverse-link-active-bg:             transparent !default;
+$navbar-inverse-link-disabled-color:        $gray-lighter !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
+
+// Inverted navbar brand label
+$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
+$navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
+
+// Inverted navbar toggle
+$navbar-inverse-toggle-hover-bg:            $gray-lighter !default;
+$navbar-inverse-toggle-icon-bar-bg:         $gray-light !default;
+$navbar-inverse-toggle-border-color:        $gray-lighter !default;
 
 //== Forms
 //
@@ -294,21 +368,6 @@ $screen-sm-max:              ($screen-md-min - 1) !default;
 $screen-md-max:              ($screen-lg-min - 1) !default;
 
 
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-$grid-columns:              12 !default;
-//** Padding between columns. Gets divided in half for the left and right.
-$grid-gutter-width:         30px !default;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-$grid-float-breakpoint:     $screen-sm-min !default;
-//** Point at which the navbar begins collapsing.
-$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
-
-
 //== Container sizes
 //
 //## Define the maximum width of `.container` for different screen sizes.
@@ -329,68 +388,6 @@ $container-large-desktop:      ((1140px + $grid-gutter-width)) !default;
 $container-lg:                 $container-large-desktop !default;
 
 
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-$navbar-height:                    50px !default;
-$navbar-margin-bottom:             $line-height-computed !default;
-$navbar-border-radius:             $border-radius-base !default;
-$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
-$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
-$navbar-collapse-max-height:       340px !default;
-
-$navbar-default-color:             $text-color !default;
-$navbar-default-bg:                #f8f8f8 !default;
-$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
-
-// Navbar links
-$navbar-default-link-color:                $gray-light !default;
-$navbar-default-link-hover-color:          $gray-dark !default;
-$navbar-default-link-hover-bg:             transparent !default;
-$navbar-default-link-active-color:         $navbar-default-link-hover-color !default;
-$navbar-default-link-active-bg:            transparent !default;
-$navbar-default-link-disabled-color:       $gray-lighter !default;
-$navbar-default-link-disabled-bg:          transparent !default;
-
-// Navbar brand label
-$navbar-default-brand-color:               $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-bg:            transparent !default;
-
-// Navbar toggle
-$navbar-default-toggle-hover-bg:           #fff !default;
-$navbar-default-toggle-icon-bar-bg:        $gray-light !default;
-$navbar-default-toggle-border-color:       $gray-lighter !default;
-
-
-// Inverted navbar
-// Reset inverted navbar basics
-$navbar-inverse-color:                      $gray-light !default;
-$navbar-inverse-bg:                         #fff !default;
-$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;
-
-// Inverted navbar links
-$navbar-inverse-link-color:                 $gray-light !default;
-$navbar-inverse-link-hover-color:           $gray-dark !default;
-$navbar-inverse-link-hover-bg:              transparent !default;
-$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg:             transparent !default;
-$navbar-inverse-link-disabled-color:        $gray-lighter !default;
-$navbar-inverse-link-disabled-bg:           transparent !default;
-
-// Inverted navbar brand label
-$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-brand-hover-bg:             transparent !default;
-
-// Inverted navbar toggle
-$navbar-inverse-toggle-hover-bg:            $gray-lighter !default;
-$navbar-inverse-toggle-icon-bar-bg:         $gray-light !default;
-$navbar-inverse-toggle-border-color:        $gray-lighter !default;
-
-
 //== Navs
 //
 //##
@@ -458,6 +455,12 @@ $pager-active-color:                   $pagination-active-color !default;
 
 $pager-disabled-color:                 $pagination-disabled-color !default;
 
+//== Wells
+//
+//##
+
+$well-bg:                     #fafafa !default;
+$well-border:                 darken($well-bg, 7%) !default;
 
 //== Jumbotron
 //
@@ -732,14 +735,6 @@ $thumbnail-caption-color:     $text-color !default;
 $thumbnail-caption-padding:   9px !default;
 
 
-//== Wells
-//
-//##
-
-$well-bg:                     #fafafa !default;
-$well-border:                 darken($well-bg, 7%) !default;
-
-
 //== Badges
 //
 //##
diff --git a/vendor/assets/stylesheets/bootswatch/readable/_variables.scss b/vendor/assets/stylesheets/bootswatch/readable/_variables.scss
index 3455194..7f1557e 100644
--- a/vendor/assets/stylesheets/bootswatch/readable/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/readable/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $text-color !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $brand-primary !default;
+//** Page header border color
+$page-header-border-color:    #ddd !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       #ccc !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            #e5e5e5 !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $text-color !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $brand-primary !default;
-//** Page header border color
-$page-header-border-color:    #ddd !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss b/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
index b688b46..f36c503 100644
--- a/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       #ccc !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            #e5e5e5 !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -685,12 +709,12 @@ $panel-footer-padding:        $panel-heading-padding !default;
 $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
+$panel-default-heading-bg:    $body-bg !default;
 $panel-inner-border:          #ddd !default;
 $panel-footer-bg:             $panel-default-heading-bg !default;
 
 $panel-default-text:          $gray-dark !default;
 $panel-default-border:        #ddd !default;
-$panel-default-heading-bg:    $body-bg !default;
 
 $panel-primary-text:          #fff !default;
 $panel-primary-border:        $brand-primary !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
index 717912f..922a6cf 100644
--- a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-light !default;
+//** Page header border color
+$page-header-border-color:    darken($gray-darker, 5%) !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   darken($gray-darker, 5%) !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       $gray-darker !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            $gray-darker !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $gray-darker !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $text-color !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $gray-darker !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -685,12 +709,12 @@ $panel-footer-padding:        $panel-heading-padding !default;
 $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
+$panel-default-heading-bg:    lighten($body-bg, 10%) !default;
 $panel-inner-border:          rgba(0, 0, 0, 0.6) !default;
 $panel-footer-bg:             $panel-default-heading-bg !default;
 
 $panel-default-text:          $text-color !default;
 $panel-default-border:        rgba(0, 0, 0, 0.6) !default;
-$panel-default-heading-bg:    lighten($body-bg, 10%) !default;
 
 $panel-primary-text:          #fff !default;
 $panel-primary-border:        $panel-default-border !default;
@@ -712,6 +736,12 @@ $panel-danger-text:           $state-danger-text !default;
 $panel-danger-border:         $panel-default-border !default;
 $panel-danger-heading-bg:     $state-danger-bg !default;
 
+//== Wells
+//
+//##
+
+$well-bg:                     darken($body-bg, 5%) !default;
+$well-border:                 darken($well-bg, 7%) !default;
 
 //== Thumbnails
 //
@@ -732,14 +762,6 @@ $thumbnail-caption-color:     $text-color !default;
 $thumbnail-caption-padding:   9px !default;
 
 
-//== Wells
-//
-//##
-
-$well-bg:                     darken($body-bg, 5%) !default;
-$well-border:                 darken($well-bg, 7%) !default;
-
-
 //== Badges
 //
 //##
@@ -817,29 +839,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-light !default;
-//** Page header border color
-$page-header-border-color:    darken($gray-darker, 5%) !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   darken($gray-darker, 5%) !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss b/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
index 976c4ce..aecca52 100644
--- a/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       #ccc !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            #e5e5e5 !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
index 6efaa4e..1e8275d 100644
--- a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
@@ -112,7 +112,6 @@ $caret-width-base:          4px !default;
 //** Carets increase slightly in size for larger components.
 $caret-width-large:         5px !default;
 
-
 //== Tables
 //
 //## Customizes the `.table` component with basic values, each used across all table variations.
@@ -133,6 +132,151 @@ $table-bg-active:               $table-bg-hover !default;
 //** Border color for table and cell borders.
 $table-border-color:            $navbar-default-bg !default;
 
+//== Wells
+//
+//##
+
+$well-bg:                     $table-border-color !default;
+$well-border:                 transparent !default;
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+$screen-xs:                  480px !default;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+$screen-xs-min:              $screen-xs !default;
+//** Deprecated `@screen-phone` as of v3.0.1
+$screen-phone:               $screen-xs-min !default;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+$screen-sm:                  768px !default;
+$screen-sm-min:              $screen-sm !default;
+//** Deprecated `@screen-tablet` as of v3.0.1
+$screen-tablet:              $screen-sm-min !default;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+$screen-md:                  992px !default;
+$screen-md-min:              $screen-md !default;
+//** Deprecated `@screen-desktop` as of v3.0.1
+$screen-desktop:             $screen-md-min !default;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+$screen-lg:                  1200px !default;
+$screen-lg-min:              $screen-lg !default;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+$screen-lg-desktop:          $screen-lg-min !default;
+
+// So media queries don't overlap when required, provide a maximum
+$screen-xs-max:              ($screen-sm-min - 1) !default;
+$screen-sm-max:              ($screen-md-min - 1) !default;
+$screen-md-max:              ($screen-lg-min - 1) !default;
+
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $table-border-color !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $table-border-color !default;
+//** Headings small color
+$headings-small-color:        $text-color !default;
+//** Blockquote small color
+$blockquote-small-color:      $text-color !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $table-border-color !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $table-border-color !default;
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+$grid-columns:              12 !default;
+//** Padding between columns. Gets divided in half for the left and right.
+$grid-gutter-width:         30px !default;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+$grid-float-breakpoint:     $screen-sm-min !default;
+//** Point at which the navbar begins collapsing.
+$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+$navbar-height:                    40px !default;
+$navbar-margin-bottom:             $line-height-computed !default;
+$navbar-border-radius:             $border-radius-base !default;
+$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
+$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
+$navbar-collapse-max-height:       340px !default;
+
+$navbar-default-color:             $text-color !default;
+$navbar-default-bg:                #4E5D6C !default;
+$navbar-default-border:            transparent !default;
+
+// Navbar links
+$navbar-default-link-color:                $text-color !default;
+$navbar-default-link-hover-color:          $navbar-default-link-color !default;
+$navbar-default-link-hover-bg:             darken($navbar-default-bg, 3%) !default;
+$navbar-default-link-active-color:         $navbar-default-link-color !default;
+$navbar-default-link-active-bg:            darken($navbar-default-bg, 3%) !default;
+$navbar-default-link-disabled-color:       #ccc !default;
+$navbar-default-link-disabled-bg:          transparent !default;
+
+// Navbar brand label
+$navbar-default-brand-color:               $navbar-default-link-color !default;
+$navbar-default-brand-hover-color:         $navbar-default-link-color !default;
+$navbar-default-brand-hover-bg:            transparent !default;
+
+// Navbar toggle
+$navbar-default-toggle-hover-bg:           $navbar-default-link-hover-bg !default;
+$navbar-default-toggle-icon-bar-bg:        $text-color !default;
+$navbar-default-toggle-border-color:       transparent !default;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+$navbar-inverse-color:                      $text-color !default;
+$navbar-inverse-bg:                         $brand-primary !default;
+$navbar-inverse-border:                     transparent !default;
+
+// Inverted navbar links
+$navbar-inverse-link-color:                 $text-color !default;
+$navbar-inverse-link-hover-color:           $navbar-inverse-link-color !default;
+$navbar-inverse-link-hover-bg:              darken($navbar-inverse-bg, 5%) !default;
+$navbar-inverse-link-active-color:          $navbar-inverse-link-color !default;
+$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 5%) !default;
+$navbar-inverse-link-disabled-color:        #444 !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
+
+// Inverted navbar brand label
+$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
+$navbar-inverse-brand-hover-color:          $navbar-inverse-link-color !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
+
+// Inverted navbar toggle
+$navbar-inverse-toggle-hover-bg:            $navbar-inverse-link-hover-bg !default;
+$navbar-inverse-toggle-icon-bar-bg:         $text-color !default;
+$navbar-inverse-toggle-border-color:        transparent !default;
 
 //== Buttons
 //
@@ -255,60 +399,6 @@ $zindex-modal-background:  1040 !default;
 $zindex-modal:             1050 !default;
 
 
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `@screen-xs` as of v3.0.1
-$screen-xs:                  480px !default;
-//** Deprecated `@screen-xs-min` as of v3.2.0
-$screen-xs-min:              $screen-xs !default;
-//** Deprecated `@screen-phone` as of v3.0.1
-$screen-phone:               $screen-xs-min !default;
-
-// Small screen / tablet
-//** Deprecated `@screen-sm` as of v3.0.1
-$screen-sm:                  768px !default;
-$screen-sm-min:              $screen-sm !default;
-//** Deprecated `@screen-tablet` as of v3.0.1
-$screen-tablet:              $screen-sm-min !default;
-
-// Medium screen / desktop
-//** Deprecated `@screen-md` as of v3.0.1
-$screen-md:                  992px !default;
-$screen-md-min:              $screen-md !default;
-//** Deprecated `@screen-desktop` as of v3.0.1
-$screen-desktop:             $screen-md-min !default;
-
-// Large screen / wide desktop
-//** Deprecated `@screen-lg` as of v3.0.1
-$screen-lg:                  1200px !default;
-$screen-lg-min:              $screen-lg !default;
-//** Deprecated `@screen-lg-desktop` as of v3.0.1
-$screen-lg-desktop:          $screen-lg-min !default;
-
-// So media queries don't overlap when required, provide a maximum
-$screen-xs-max:              ($screen-sm-min - 1) !default;
-$screen-sm-max:              ($screen-md-min - 1) !default;
-$screen-md-max:              ($screen-lg-min - 1) !default;
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-$grid-columns:              12 !default;
-//** Padding between columns. Gets divided in half for the left and right.
-$grid-gutter-width:         30px !default;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-$grid-float-breakpoint:     $screen-sm-min !default;
-//** Point at which the navbar begins collapsing.
-$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
-
-
 //== Container sizes
 //
 //## Define the maximum width of `.container` for different screen sizes.
@@ -329,68 +419,6 @@ $container-large-desktop:      ((1140px + $grid-gutter-width)) !default;
 $container-lg:                 $container-large-desktop !default;
 
 
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-$navbar-height:                    40px !default;
-$navbar-margin-bottom:             $line-height-computed !default;
-$navbar-border-radius:             $border-radius-base !default;
-$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
-$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
-$navbar-collapse-max-height:       340px !default;
-
-$navbar-default-color:             $text-color !default;
-$navbar-default-bg:                #4E5D6C !default;
-$navbar-default-border:            transparent !default;
-
-// Navbar links
-$navbar-default-link-color:                $text-color !default;
-$navbar-default-link-hover-color:          $navbar-default-link-color !default;
-$navbar-default-link-hover-bg:             darken($navbar-default-bg, 3%) !default;
-$navbar-default-link-active-color:         $navbar-default-link-color !default;
-$navbar-default-link-active-bg:            darken($navbar-default-bg, 3%) !default;
-$navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          transparent !default;
-
-// Navbar brand label
-$navbar-default-brand-color:               $navbar-default-link-color !default;
-$navbar-default-brand-hover-color:         $navbar-default-link-color !default;
-$navbar-default-brand-hover-bg:            transparent !default;
-
-// Navbar toggle
-$navbar-default-toggle-hover-bg:           $navbar-default-link-hover-bg !default;
-$navbar-default-toggle-icon-bar-bg:        $text-color !default;
-$navbar-default-toggle-border-color:       transparent !default;
-
-
-// Inverted navbar
-// Reset inverted navbar basics
-$navbar-inverse-color:                      $text-color !default;
-$navbar-inverse-bg:                         $brand-primary !default;
-$navbar-inverse-border:                     transparent !default;
-
-// Inverted navbar links
-$navbar-inverse-link-color:                 $text-color !default;
-$navbar-inverse-link-hover-color:           $navbar-inverse-link-color !default;
-$navbar-inverse-link-hover-bg:              darken($navbar-inverse-bg, 5%) !default;
-$navbar-inverse-link-active-color:          $navbar-inverse-link-color !default;
-$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 5%) !default;
-$navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           transparent !default;
-
-// Inverted navbar brand label
-$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-color:          $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-bg:             transparent !default;
-
-// Inverted navbar toggle
-$navbar-inverse-toggle-hover-bg:            $navbar-inverse-link-hover-bg !default;
-$navbar-inverse-toggle-icon-bar-bg:         $text-color !default;
-$navbar-inverse-toggle-border-color:        transparent !default;
-
-
 //== Navs
 //
 //##
@@ -732,14 +760,6 @@ $thumbnail-caption-color:     $text-color !default;
 $thumbnail-caption-padding:   9px !default;
 
 
-//== Wells
-//
-//##
-
-$well-bg:                     $table-border-color !default;
-$well-border:                 transparent !default;
-
-
 //== Badges
 //
 //##
@@ -817,29 +837,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $table-border-color !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $table-border-color !default;
-//** Headings small color
-$headings-small-color:        $text-color !default;
-//** Blockquote small color
-$blockquote-small-color:      $text-color !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $table-border-color !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $table-border-color !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/united/_variables.scss b/vendor/assets/stylesheets/bootswatch/united/_variables.scss
index 21e5ea7..3c2d660 100644
--- a/vendor/assets/stylesheets/bootswatch/united/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/united/_variables.scss
@@ -203,6 +203,30 @@ $input-group-addon-bg:           $gray-lighter !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $gray-light !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $gray-light !default;
+//** Headings small color
+$headings-small-color:        $gray-light !default;
+//** Blockquote small color
+$blockquote-small-color:      $gray-light !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $gray-lighter !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $gray-lighter !default;
 
 //== Dropdowns
 //
@@ -217,6 +241,8 @@ $dropdown-fallback-border:       #ccc !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            #e5e5e5 !default;
 
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg:        $component-active-bg !default;
 //** Dropdown link text color.
 $dropdown-link-color:            $gray-dark !default;
 //** Hover color for dropdown links.
@@ -226,8 +252,6 @@ $dropdown-link-hover-bg:         $dropdown-link-active-bg !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     #fff !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
 
 //** Disabled dropdown menu item background color.
 $dropdown-link-disabled-color:   $text-muted !default;
@@ -817,29 +841,3 @@ $pre-border-color:            #ccc !default;
 $pre-scrollable-max-height:   340px !default;
 
 
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
-
-
diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
index 3210e9b..9a90280 100644
--- a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
@@ -833,13 +833,13 @@ $headings-small-color:        $gray-light !default;
 $blockquote-small-color:      $gray !default;
 //** Blockquote font size
 $blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Horizontal line color.
+$hr-border:                   #ddd !default;
 //** Blockquote border color
 $blockquote-border-color:     $hr-border !default;
 //** Page header border color
 $page-header-border-color:    $hr-border !default;
 //** Width of horizontal description list titles
 $dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   #ddd !default;
 
 

From 05469784abcbc1fbc6a8b9aa09a53185b4d5487c Mon Sep 17 00:00:00 2001
From: ayan4m1 
Date: Tue, 26 Aug 2014 15:24:21 -0400
Subject: [PATCH 06/32] fix block order in superhero theme

---
 .../bootswatch/superhero/_variables.scss      | 106 +++++++++---------
 1 file changed, 53 insertions(+), 53 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
index 1e8275d..61a918a 100644
--- a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
@@ -112,33 +112,6 @@ $caret-width-base:          4px !default;
 //** Carets increase slightly in size for larger components.
 $caret-width-large:         5px !default;
 
-//== Tables
-//
-//## Customizes the `.table` component with basic values, each used across all table variations.
-
-//** Padding for ``s and ``s.
-$table-cell-padding:            6px !default;
-//** Padding for cells in `.table-condensed`.
-$table-condensed-cell-padding:  3px !default;
-
-//** Default background color used for all tables.
-$table-bg:                      transparent !default;
-//** Background color used for `.table-striped`.
-$table-bg-accent:               $well-bg !default;
-//** Background color used for `.table-hover`.
-$table-bg-hover:                darken($well-bg, 3%) !default;
-$table-bg-active:               $table-bg-hover !default;
-
-//** Border color for table and cell borders.
-$table-border-color:            $navbar-default-bg !default;
-
-//== Wells
-//
-//##
-
-$well-bg:                     $table-border-color !default;
-$well-border:                 transparent !default;
-
 //== Media queries breakpoints
 //
 //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
@@ -177,32 +150,6 @@ $screen-xs-max:              ($screen-sm-min - 1) !default;
 $screen-sm-max:              ($screen-md-min - 1) !default;
 $screen-md-max:              ($screen-lg-min - 1) !default;
 
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted:                  $table-border-color !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $table-border-color !default;
-//** Headings small color
-$headings-small-color:        $text-color !default;
-//** Blockquote small color
-$blockquote-small-color:      $text-color !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $table-border-color !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Horizontal line color.
-$hr-border:                   $table-border-color !default;
-
 //== Grid system
 //
 //## Define your custom responsive grid.
@@ -278,6 +225,59 @@ $navbar-inverse-toggle-hover-bg:            $navbar-inverse-link-hover-bg !defau
 $navbar-inverse-toggle-icon-bar-bg:         $text-color !default;
 $navbar-inverse-toggle-border-color:        transparent !default;
 
+//** Border color for table and cell borders.
+$table-border-color:            $navbar-default-bg !default;
+
+//== Wells
+//
+//##
+
+$well-bg:                     $table-border-color !default;
+$well-border:                 transparent !default;
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for ``s and ``s.
+$table-cell-padding:            6px !default;
+//** Padding for cells in `.table-condensed`.
+$table-condensed-cell-padding:  3px !default;
+
+//** Default background color used for all tables.
+$table-bg:                      transparent !default;
+//** Background color used for `.table-striped`.
+$table-bg-accent:               $well-bg !default;
+//** Background color used for `.table-hover`.
+$table-bg-hover:                darken($well-bg, 3%) !default;
+$table-bg-active:               $table-bg-hover !default;
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+$component-offset-horizontal: 180px !default;
+//** Text muted color
+$text-muted:                  $table-border-color !default;
+//** Abbreviations and acronyms border color
+$abbr-border-color:           $table-border-color !default;
+//** Headings small color
+$headings-small-color:        $text-color !default;
+//** Blockquote small color
+$blockquote-small-color:      $text-color !default;
+//** Blockquote font size
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+//** Blockquote border color
+$blockquote-border-color:     $table-border-color !default;
+//** Page header border color
+$page-header-border-color:    $gray-lighter !default;
+//** Width of horizontal description list titles
+$dl-horizontal-offset:        $component-offset-horizontal !default;
+//** Horizontal line color.
+$hr-border:                   $table-border-color !default;
+
+
 //== Buttons
 //
 //## For each of Bootstrap's buttons, define text, background and border color.

From 9c7411c5d20f83d24883060fa108eb0e3b0d5a1e Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 15:22:13 -0500
Subject: [PATCH 07/32] [WIP v3.2.0+2] Cerulean.

---
 .../bootswatch/cerulean/_bootswatch.scss      | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss
index b3eb7f1..76df534 100644
--- a/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss
@@ -15,28 +15,28 @@
   filter: none;
   @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
 
-  .navbar-default {
-
-    .badge {
-      background-color: #fff;
-      color: $navbar-default-bg;
-    }
+  .navbar-nav > li > a,
+  .navbar-brand {
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
   }
+}
 
-  .navbar-inverse {
-    @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%));
-    filter: none;
-    border-bottom: 1px solid darken($navbar-inverse-bg, 10%);
+.navbar-default {
 
-    .badge {
-      background-color: #fff;
-      color: $navbar-inverse-bg;
-    }
+  .badge {
+    background-color: #fff;
+    color: $navbar-default-bg;
   }
+}
 
-  .navbar-nav > li > a,
-  .navbar-brand {
-    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+.navbar-inverse {
+  @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%));
+  filter: none;
+  border-bottom: 1px solid darken($navbar-inverse-bg, 10%);
+
+  .badge {
+    background-color: #fff;
+    color: $navbar-inverse-bg;
   }
 }
 
@@ -62,7 +62,7 @@
 }
 
 .btn-default {
-  
+
   @include btn-shadow($btn-default-bg);
 
   &:hover {

From 1f5be1f004bb0e4aaf05e8fe3e58cc56671a5700 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 15:44:50 -0500
Subject: [PATCH 08/32] [WIP v3.2.0+2] Cosmo.

---
 .../bootswatch/cosmo/_bootswatch.scss         | 29 ++++++++-----------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss
index 4037fcc..71e410b 100644
--- a/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss
@@ -6,14 +6,11 @@
 
 // Navbar =====================================================================
 
-.navbar {
+.navbar-inverse {
 
-  .navbar-inverse {
-
-    .badge {
-      background-color: #fff;
-      color: $brand-primary;
-    }
+  .badge {
+    background-color: #fff;
+    color: $brand-primary;
   }
 }
 
@@ -176,17 +173,15 @@ table,
 
 // Containers =================================================================
 
-.panel {
-  .panel-heading,
-  .panel-footer {
-    border-top-right-radius: 0;
-    border-top-left-radius: 0;
-  }
+.panel-heading,
+.panel-footer {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
 
-  .panel-default {
-    .close {
-      color: $text-color;
-    }
+.panel-default {
+  .close {
+    color: $text-color;
   }
 }
 

From 1d7411e0a2c0499d7eb69e27504f8480ae7b75ab Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 15:56:22 -0500
Subject: [PATCH 09/32] [WIP v3.2.0+2] Darkly.

---
 .../bootswatch/darkly/_bootswatch.scss        | 56 +++++++++----------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss
index 16be5c0..2f80a8f 100644
--- a/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss
@@ -8,34 +8,33 @@
 
 .navbar {
   border-width: 0;
+}
+.navbar-default {
 
-  .navbar-default {
-
-    .badge {
-      background-color: #fff;
-      color: $navbar-default-bg;
-    }
+  .badge {
+    background-color: #fff;
+    color: $navbar-default-bg;
   }
+}
 
-  .navbar-inverse {
+.navbar-inverse {
 
-    .badge {
-      background-color: #fff;
-      color: $navbar-inverse-bg;
-    }
+  .badge {
+    background-color: #fff;
+    color: $navbar-inverse-bg;
   }
+}
 
-  .navbar-brand {
-    padding: 18.5px 15px 20.5px;
-  }
+.navbar-brand {
+  padding: 18.5px 15px 20.5px;
+}
 
-  .navbar-form {
-    .form-control {
-      background-color: white;
+.navbar-form {
+  .form-control {
+    background-color: white;
 
-      &:focus {
-        border-color: white;
-      }
+    &:focus {
+      border-color: white;
     }
   }
 }
@@ -106,14 +105,15 @@ table,
     border: none;
   }
 
-  .table-bordered > thead > tr > th,
-  .table-bordered > tbody > tr > th,
-  .table-bordered > tfoot > tr > th,
-  .table-bordered > thead > tr > td,
-  .table-bordered > tbody > tr > td,
-  .table-bordered > tfoot > tr > td {
-    border: 1px solid $table-border-color;
-  }
+}
+
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border: 1px solid $table-border-color;
 }
 
 // Forms ======================================================================

From 73201b0518a62311de8dfc040bff7ae27f5f64b4 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 16:02:46 -0500
Subject: [PATCH 10/32] [WIP v3.2.0+2] Flatly.

---
 .../bootswatch/flatly/_bootswatch.scss        | 53 +++++++++----------
 1 file changed, 25 insertions(+), 28 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss
index 0d4d7a3..4ce879b 100644
--- a/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss
@@ -8,28 +8,26 @@
 
 .navbar {
   border-width: 0;
+}
+.navbar-default {
 
-  .navbar-default {
-
-    .badge {
-      background-color: #fff;
-      color: $navbar-default-bg;
-    }
+  .badge {
+    background-color: #fff;
+    color: $navbar-default-bg;
   }
+}
 
-  .navbar-inverse {
-
-    .badge {
-      background-color: #fff;
-      color: $navbar-inverse-bg;
-    }
-  }
+.navbar-inverse {
 
-  .navbar-brand {
-    padding: 18.5px 15px 20.5px;
+  .badge {
+    background-color: #fff;
+    color: $navbar-inverse-bg;
   }
 }
 
+.navbar-brand {
+  padding: 18.5px 15px 20.5px;
+}
 // Buttons ====================================================================
 
 .btn:active {
@@ -96,14 +94,15 @@ table,
     border: none;
   }
 
-  .table-bordered > thead > tr > th,
-  .table-bordered > tbody > tr > th,
-  .table-bordered > tfoot > tr > th,
-  .table-bordered > thead > tr > td,
-  .table-bordered > tbody > tr > td,
-  .table-bordered > tfoot > tr > td {
-    border: 1px solid $table-border-color;
-  }
+}
+
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border: 1px solid $table-border-color;
 }
 
 // Forms ======================================================================
@@ -246,11 +245,9 @@ input, {
   @include box-shadow(none);
 }
 
-.panel {
-  .panel-default {
-    .close {
-      color: $text-color;
-    }
+.panel-default {
+  .close {
+    color: $text-color;
   }
 }
 

From d6ef12aa769b9ab9620f0886a618bc0efae6668e Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 16:08:38 -0500
Subject: [PATCH 11/32] [WIP v3.2.0+2] Journal.

---
 .../bootswatch/journal/_bootswatch.scss       | 39 ++++++++-----------
 1 file changed, 17 insertions(+), 22 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss
index 1fc2910..ed46c29 100644
--- a/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss
@@ -10,21 +10,21 @@
   font-size: 18px;
   font-family: $font-family-sans-serif;
   font-weight: $headings-font-weight;
+}
 
-  .navbar-default {
+.navbar-default {
 
-    .badge {
-      background-color: #000;
-      color: #fff;
-    }
+  .badge {
+    background-color: #000;
+    color: #fff;
   }
+}
 
-  .navbar-inverse {
+.navbar-inverse {
 
-    .badge {
-      background-color: #fff;
-      color: $navbar-inverse-bg;
-    }
+  .badge {
+    background-color: #fff;
+    color: $navbar-inverse-bg;
   }
 }
 
@@ -104,17 +104,12 @@
   }
 }
 
-.panel {
-
-  .panel-primary,
-  .panel-success,
-  .panel-warning,
-  .panel-danger,
-  .panel-info {
-    .panel-title {
-      color: #fff;
-    }
+.panel-primary,
+.panel-success,
+.panel-warning,
+.panel-danger,
+.panel-info {
+  .panel-title {
+    color: #fff;
   }
-
-
 }

From 6e6f7ec5c44ab49ad9dd01ea573c8b803f2a30ec Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 17:33:44 -0500
Subject: [PATCH 12/32] [WIP v3.2.0+2] Lumen.

---
 .../bootswatch/lumen/_bootswatch.scss         | 120 +++++++++---------
 .../bootswatch/lumen/_variables.scss          |  79 ++++++------
 2 files changed, 100 insertions(+), 99 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss
index 0f465b7..215a362 100644
--- a/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss
@@ -4,7 +4,7 @@
 
 @import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
 
-.shadow ($width: 4px) {
+@mixin shadow($width: 4px) {
   border-width: 0 1px $width 1px;
 }
 
@@ -33,68 +33,68 @@
     border-bottom-width: 2px;
     @include box-shadow(none);
   }
+}
 
-  .btn-lg,
-  .btn-group-lg > .btn {
-    padding: 14px $padding-large-horizontal 13px;
-    line-height: 15px;
-  }
+.btn-lg,
+.btn-group-lg > .btn {
+  padding: 14px $padding-large-horizontal 13px;
+  line-height: 15px;
+}
 
-  .btn-sm,
-  .btn-group-sm > .btn {
-    padding: 4px $padding-small-horizontal;
-  }
+.btn-sm,
+.btn-group-sm > .btn {
+  padding: 4px $padding-small-horizontal;
+}
 
-  .btn-xs,
-  .btn-group-xs > .btn {
-    padding: $padding-xs-vertical $padding-xs-horizontal;
-  }
+.btn-xs,
+.btn-group-xs > .btn {
+  padding: $padding-xs-vertical $padding-xs-horizontal;
+}
 
-  .btn-default:hover,
-  .btn-default:focus,
-  .btn-group.open .dropdown-toggle.btn-default {
-    background-color: $btn-default-bg;
-    border-color: $btn-default-border;
-  }
+.btn-default:hover,
+.btn-default:focus,
+.btn-group.open .dropdown-toggle.btn-default {
+  background-color: $btn-default-bg;
+  border-color: $btn-default-border;
+}
 
-  .btn-primary:hover,
-  .btn-primary:focus,
-  .btn-group.open .dropdown-toggle.btn-primary {
-    background-color: $btn-primary-bg;
-    border-color: $btn-primary-border;
-  }
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-group.open .dropdown-toggle.btn-primary {
+  background-color: $btn-primary-bg;
+  border-color: $btn-primary-border;
+}
 
-  .btn-success:hover,
-  .btn-success:focus,
-  .btn-group.open .dropdown-toggle.btn-success {
-    background-color: $btn-success-bg;
-    border-color: $btn-success-border;
-  }
+.btn-success:hover,
+.btn-success:focus,
+.btn-group.open .dropdown-toggle.btn-success {
+  background-color: $btn-success-bg;
+  border-color: $btn-success-border;
+}
 
-  .btn-info:hover,
-  .btn-info:focus,
-  .btn-group.open .dropdown-toggle.btn-info {
-    background-color: $btn-info-bg;
-    border-color: $btn-info-border;
-  }
+.btn-info:hover,
+.btn-info:focus,
+.btn-group.open .dropdown-toggle.btn-info {
+  background-color: $btn-info-bg;
+  border-color: $btn-info-border;
+}
 
-  .btn-warning:hover,
-  .btn-warning:focus,
-  .btn-group.open .dropdown-toggle.btn-warning {
-    background-color: $btn-warning-bg;
-    border-color: $btn-warning-border;
-  }
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-group.open .dropdown-toggle.btn-warning {
+  background-color: $btn-warning-bg;
+  border-color: $btn-warning-border;
+}
 
-  .btn-danger:hover,
-  .btn-danger:focus,
-  .btn-group.open .dropdown-toggle.btn-danger {
-    background-color: $btn-danger-bg;
-    border-color: $btn-danger-border;
-  }
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-group.open .dropdown-toggle.btn-danger {
+  background-color: $btn-danger-bg;
+  border-color: $btn-danger-border;
+}
 
-  .btn-group.open .dropdown-toggle {
-    @include box-shadow(none);
-  }
+.btn-group.open .dropdown-toggle {
+  @include box-shadow(none);
 }
 
 .navbar-btn {
@@ -395,10 +395,10 @@ label {
 .progress {
   border: 1px solid $navbar-default-border;
   @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.1));
+}
 
-  .progress-bar {
-    @include box-shadow(inset 0 -4px 0 rgba(0, 0, 0, 0.15));
-  }
+.progress-bar {
+  @include box-shadow(inset 0 -4px 0 rgba(0, 0, 0, 0.15));
 }
 
 // Containers =================================================================
@@ -416,11 +416,11 @@ label {
 .panel {
   border: 1px solid $navbar-default-border;
   @include shadow();
+}
 
-  .panel-default {
-    .close {
-      color: $text-color;
-    }
+.panel-default {
+  .close {
+    color: $text-color;
   }
 }
 
diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
index dead029..0e0be81 100644
--- a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
@@ -166,6 +166,45 @@ $btn-danger-border:              darken($btn-danger-bg, 5%) !default;
 
 $btn-link-disabled-color:        $gray-light !default;
 
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+$screen-xs:                  480px !default;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+$screen-xs-min:              $screen-xs !default;
+//** Deprecated `@screen-phone` as of v3.0.1
+$screen-phone:               $screen-xs-min !default;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+$screen-sm:                  768px !default;
+$screen-sm-min:              $screen-sm !default;
+//** Deprecated `@screen-tablet` as of v3.0.1
+$screen-tablet:              $screen-sm-min !default;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+$screen-md:                  992px !default;
+$screen-md-min:              $screen-md !default;
+//** Deprecated `@screen-desktop` as of v3.0.1
+$screen-desktop:             $screen-md-min !default;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+$screen-lg:                  1200px !default;
+$screen-lg-min:              $screen-lg !default;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+$screen-lg-desktop:          $screen-lg-min !default;
+
+// So media queries don't overlap when required, provide a maximum
+$screen-xs-max:              ($screen-sm-min - 1) !default;
+$screen-sm-max:              ($screen-md-min - 1) !default;
+$screen-md-max:              ($screen-lg-min - 1) !default;
+
+
 //== Grid system
 //
 //## Define your custom responsive grid.
@@ -180,6 +219,7 @@ $grid-float-breakpoint:     $screen-sm-min !default;
 //** Point at which the navbar begins collapsing.
 $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
 
+
 //== Navbar
 //
 //##
@@ -329,45 +369,6 @@ $zindex-modal-background:  1040 !default;
 $zindex-modal:             1050 !default;
 
 
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `@screen-xs` as of v3.0.1
-$screen-xs:                  480px !default;
-//** Deprecated `@screen-xs-min` as of v3.2.0
-$screen-xs-min:              $screen-xs !default;
-//** Deprecated `@screen-phone` as of v3.0.1
-$screen-phone:               $screen-xs-min !default;
-
-// Small screen / tablet
-//** Deprecated `@screen-sm` as of v3.0.1
-$screen-sm:                  768px !default;
-$screen-sm-min:              $screen-sm !default;
-//** Deprecated `@screen-tablet` as of v3.0.1
-$screen-tablet:              $screen-sm-min !default;
-
-// Medium screen / desktop
-//** Deprecated `@screen-md` as of v3.0.1
-$screen-md:                  992px !default;
-$screen-md-min:              $screen-md !default;
-//** Deprecated `@screen-desktop` as of v3.0.1
-$screen-desktop:             $screen-md-min !default;
-
-// Large screen / wide desktop
-//** Deprecated `@screen-lg` as of v3.0.1
-$screen-lg:                  1200px !default;
-$screen-lg-min:              $screen-lg !default;
-//** Deprecated `@screen-lg-desktop` as of v3.0.1
-$screen-lg-desktop:          $screen-lg-min !default;
-
-// So media queries don't overlap when required, provide a maximum
-$screen-xs-max:              ($screen-sm-min - 1) !default;
-$screen-sm-max:              ($screen-md-min - 1) !default;
-$screen-md-max:              ($screen-lg-min - 1) !default;
-
-
 //== Container sizes
 //
 //## Define the maximum width of `.container` for different screen sizes.

From 0ce58e00482f87e6ab5d74ee36970b98d3f23cb5 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 18:40:07 -0500
Subject: [PATCH 13/32] [WIP v3.2.0+2] Paper.

---
 .../bootswatch/paper/_bootswatch.scss         | 297 ++++++++++--------
 .../bootswatch/paper/_variables.scss          |  60 ++--
 2 files changed, 200 insertions(+), 157 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
index 6a2e283..e42feb4 100644
--- a/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
@@ -9,54 +9,100 @@
 .navbar {
   border: none;
   @include box-shadow(0 1px 2px rgba(0,0,0,.3));
+}
 
-  .navbar-brand {
-    font-size: 24px;
-  }
+.navbar-brand {
+  font-size: 24px;
+}
 
-  .navbar-inverse {
-    .form-control {
-      color: #fff;
-      @include placeholder($navbar-inverse-link-color);
+.navbar-inverse {
+  .form-control {
+    color: #fff;
+    @include placeholder($navbar-inverse-link-color);
 
-      &[type=text] {
-        @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color);
+    &[type=text] {
+      @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color);
 
-        &:focus {
-          @include box-shadow(inset 0 -2px 0 #fff);
-        }
+      &:focus {
+        @include box-shadow(inset 0 -2px 0 #fff);
       }
     }
   }
+}
 
-  .navbar-nav > li > .dropdown-menu {
-    margin-top: 2px;
-  }
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 2px;
 }
 
 // Buttons ====================================================================
 
-#btn($class) {
-  .btn-@{class} {
-    $bg: "btn-@{class}-bg";
+.btn-default {
 
-    &:hover {
-      background-color: darken(@$bg, 3%);
-    }
+  &:hover {
+    background-color: darken($btn-default-bg, 3%);
+  }
 
-    &:active {
-      background-color: darken(@$bg, 6%);
-      @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
-    }
+  &:active {
+    background-color: darken($btn-default-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
   }
 }
 
-#btn(default);
-#btn(primary);
-#btn(success);
-#btn(info);
-#btn(warning);
-#btn(danger);
+.btn-primary {
+
+  &:hover {
+    background-color: darken($btn-primary-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-primary-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+.btn-success {
+
+  &:hover {
+    background-color: darken($btn-success-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-success-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+.btn-info {
+
+  &:hover {
+    background-color: darken($btn-info-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-info-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+.btn-warning {
+
+  &:hover {
+    background-color: darken($btn-warning-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-warning-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+.btn-danger {
+
+  &:hover {
+    background-color: darken($btn-danger-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-danger-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
 
 .btn {
   text-transform: uppercase;
@@ -64,20 +110,20 @@
   border-bottom: none;
   @include box-shadow(1px 1px 2px rgba(0,0,0,.3));
   @include transition(all 0.2s);
+}
 
-  .btn-link {
-    @include box-shadow(none);
+.btn-link {
+  @include box-shadow(none);
 
-    &:hover,
-    &:focus {
-      color: $brand-primary;
-      text-decoration: none;
-    }
+  &:hover,
+  &:focus {
+    color: $brand-primary;
+    text-decoration: none;
   }
+}
 
-  .btn-default.disabled {
-    border: 1px solid $btn-default-border;
-  }
+.btn-default.disabled {
+  border: 1px solid $btn-default-border;
 }
 
 // Typography =================================================================
@@ -210,22 +256,6 @@ select.form-control {
   border: none;
   color: #fff;
 
-  .alert-success {
-    background-color: $brand-success;
-  }
-
-  .alert-info {
-    background-color: $brand-info;
-  }
-
-  .alert-warning {
-    background-color: $brand-warning;
-  }
-
-  .alert-danger {
-    background-color: $brand-danger;
-  }
-
   a,
   .alert-link {
     color: #fff;
@@ -237,6 +267,22 @@ select.form-control {
   }
 }
 
+.alert-success {
+  background-color: $brand-success;
+}
+
+.alert-info {
+  background-color: $brand-info;
+}
+
+.alert-warning {
+  background-color: $brand-warning;
+}
+
+.alert-danger {
+  background-color: $brand-danger;
+}
+
 .badge {
   padding: 3px 6px 5px;
 }
@@ -248,42 +294,42 @@ select.form-control {
   border-radius: 0;
 
   @include box-shadow(none);
+}
 
-  .progress-bar {
-    @include box-shadow(none);
+.progress-bar {
+  @include box-shadow(none);
 
-    &:last-child {
-      border-radius: 0 3px 3px 0;
-    }
+  &:last-child {
+    border-radius: 0 3px 3px 0;
+  }
+}
 
-    &:last-child&:before {
-      display: block;
-      content: 'div::before';
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      left: 0;
-      right: 0;
-      z-index: -1;
-      background-color: lighten($progress-bar-bg, 35%);
-    }
+.progress-bar:last-child.progress-bar:before {
+  display: block;
+  content: 'div::before';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  background-color: lighten($progress-bar-bg, 35%);
+}
 
-    &-bar-success:last-child&:before {
-      background-color: lighten($brand-success, 35%);
-    }
+.progress-bar-success:last-child.progress-bar:before {
+  background-color: lighten($brand-success, 35%);
+}
 
-    &-bar-info:last-child&:before {
-      background-color: lighten($brand-info, 45%);
-    }
+.progress-bar-info:last-child.progress-bar:before {
+  background-color: lighten($brand-info, 45%);
+}
 
-    &-bar-warning:last-child&:before {
-      background-color: lighten($brand-warning, 35%);
-    }
+.progress-bar-warning:last-child.progress-bar:before {
+  background-color: lighten($brand-warning, 35%);
+}
 
-    &-bar-danger:last-child&:before {
-      background-color: lighten($brand-danger, 25%);
-    }
-  }
+.progress-bar-danger:last-child.progress-bar:before {
+  background-color: lighten($brand-danger, 25%);
 }
 
 // Progress bars ==============================================================
@@ -300,15 +346,12 @@ select.form-control {
   }
 }
 
-.list-group {
-
-  .list-group-item {
-    padding: 15px;
-  }
+.list-group-item {
+  padding: 15px;
+}
 
-  .list-group-item-text {
-    color: $gray-light;
-  }
+.list-group-item-text {
+  color: $gray-light;
 }
 
 .well {
@@ -320,53 +363,53 @@ select.form-control {
   border: none;
   border-radius: 2px;
   @include box-shadow(0 1px 4px rgba(0,0,0,.3));
+}
 
+.panel-heading {
+  border-bottom: none;
+}
+
+.panel-footer {
+  border-top: none;
+}
+
+.panel-success {
   .panel-heading {
-    border-bottom: none;
+    background-color: $brand-success;
   }
 
-  .panel-footer {
-    border-top: none;
+  .panel-title {
+    color: #fff;
   }
+}
 
-  .panel-success {
-    .panel-heading {
-      background-color: $brand-success;
-    }
-
-    .panel-title {
-      color: #fff;
-    }
+.panel-info {
+  .panel-heading {
+    background-color: $brand-info;
   }
 
-  .panel-info {
-    .panel-heading {
-      background-color: $brand-info;
-    }
-
-    .panel-title {
-      color: #fff;
-    }
+  .panel-title {
+    color: #fff;
   }
+}
 
-  .panel-warning {
-    .panel-heading {
-      background-color: $brand-warning;
-    }
+.panel-warning {
+  .panel-heading {
+    background-color: $brand-warning;
+  }
 
-    .panel-title {
-      color: #fff;
-    }
+  .panel-title {
+    color: #fff;
   }
+}
 
-  .panel-danger {
-    .panel-heading {
-      background-color: $brand-danger;
-    }
+.panel-danger {
+  .panel-heading {
+    background-color: $brand-danger;
+  }
 
-    .panel-title {
-      color: #fff;
-    }
+  .panel-title {
+    color: #fff;
   }
 }
 
diff --git a/vendor/assets/stylesheets/bootswatch/paper/_variables.scss b/vendor/assets/stylesheets/bootswatch/paper/_variables.scss
index c46d7a8..175c97a 100644
--- a/vendor/assets/stylesheets/bootswatch/paper/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/paper/_variables.scss
@@ -123,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      transparent !default;
+$table-bg:                      hsla(0, 100%, 100%, 0) !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -146,23 +146,23 @@ $btn-default-border:             #eee !default;
 
 $btn-primary-color:              #fff !default;
 $btn-primary-bg:                 $brand-primary !default;
-$btn-primary-border:             transparent !default;
+$btn-primary-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-success-color:              #fff !default;
 $btn-success-bg:                 $brand-success !default;
-$btn-success-border:             transparent !default;
+$btn-success-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-info-color:                 #fff !default;
 $btn-info-bg:                    $brand-info !default;
-$btn-info-border:                transparent !default;
+$btn-info-border:                hsla(0, 100%, 100%, 0) !default;
 
 $btn-warning-color:              #fff !default;
 $btn-warning-bg:                 $brand-warning !default;
-$btn-warning-border:             transparent !default;
+$btn-warning-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-danger-color:               #fff !default;
 $btn-danger-bg:                  $brand-danger !default;
-$btn-danger-border:              transparent !default;
+$btn-danger-border:              hsla(0, 100%, 100%, 0) !default;
 
 $btn-link-disabled-color:        $gray-light !default;
 
@@ -172,14 +172,14 @@ $btn-link-disabled-color:        $gray-light !default;
 //##
 
 //** `` background color
-$input-bg:                       transparent !default;
+$input-bg:                       hsla(0, 100%, 100%, 0) !default;
 //** `` background color
-$input-bg-disabled:              transparent !default;
+$input-bg-disabled:              hsla(0, 100%, 100%, 0) !default;
 
 //** Text color for ``s
 $input-color:                    $gray !default;
 //** `` border color
-$input-border:                   transparent !default;
+$input-border:                   hsla(0, 100%, 100%, 0) !default;
 //** `` border radius
 $input-border-radius:            $border-radius-base !default;
 //** Border color for inputs on focus
@@ -199,7 +199,7 @@ $legend-color:                   $gray-dark !default;
 $legend-border-color:            #e5e5e5 !default;
 
 //** Background color for textual input addons
-$input-group-addon-bg:           transparent !default;
+$input-group-addon-bg:           hsla(0, 100%, 100%, 0) !default;
 //** Border color for textual input addons
 $input-group-addon-border-color: $input-border !default;
 
@@ -343,52 +343,52 @@ $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             $gray-light !default;
 $navbar-default-bg:                #fff !default;
-$navbar-default-border:            transparent !default;
+$navbar-default-border:            hsla(0, 100%, 100%, 0) !default;
 
 // Navbar links
 $navbar-default-link-color:                $gray !default;
 $navbar-default-link-hover-color:          $gray-dark !default;
-$navbar-default-link-hover-bg:             transparent !default;
+$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
 $navbar-default-link-active-color:         $gray-dark !default;
 $navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          transparent !default;
+$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-bg:            transparent !default;
+$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
 
 // Navbar toggle
-$navbar-default-toggle-hover-bg:           transparent !default;
+$navbar-default-toggle-hover-bg:           hsla(0, 100%, 100%, 0) !default;
 $navbar-default-toggle-icon-bar-bg:        rgba(0,0,0,0.5) !default;
-$navbar-default-toggle-border-color:       transparent !default;
+$navbar-default-toggle-border-color:       hsla(0, 100%, 100%, 0) !default;
 
 
 // Inverted navbar
 // Reset inverted navbar basics
 $navbar-inverse-color:                      $gray-light !default;
 $navbar-inverse-bg:                         $brand-primary !default;
-$navbar-inverse-border:                     transparent !default;
+$navbar-inverse-border:                     hsla(0, 100%, 100%, 0) !default;
 
 // Inverted navbar links
 $navbar-inverse-link-color:                 lighten($brand-primary, 30%) !default;
 $navbar-inverse-link-hover-color:           #fff !default;
-$navbar-inverse-link-hover-bg:              transparent !default;
+$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
 $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;
 $navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           transparent !default;
+$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          #fff !default;
-$navbar-inverse-brand-hover-bg:             transparent !default;
+$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
 
 // Inverted navbar toggle\
-$navbar-inverse-toggle-hover-bg:            transparent !default;
+$navbar-inverse-toggle-hover-bg:            hsla(0, 100%, 100%, 0) !default;
 $navbar-inverse-toggle-icon-bar-bg:         rgba(0,0,0,0.5) !default;
-$navbar-inverse-toggle-border-color:        transparent !default;
+$navbar-inverse-toggle-border-color:        hsla(0, 100%, 100%, 0) !default;
 
 
 //== Navs
@@ -405,13 +405,13 @@ $nav-disabled-link-hover-color:             $gray-light !default;
 $nav-open-link-hover-color:                 #fff !default;
 
 //== Tabs
-$nav-tabs-border-color:                     transparent !default;
+$nav-tabs-border-color:                     hsla(0, 100%, 100%, 0) !default;
 
 $nav-tabs-link-hover-border-color:          $gray-lighter !default;
 
-$nav-tabs-active-link-hover-bg:             transparent !default;
+$nav-tabs-active-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
 $nav-tabs-active-link-hover-color:          $gray !default;
-$nav-tabs-active-link-hover-border-color:   transparent !default;
+$nav-tabs-active-link-hover-border-color:   hsla(0, 100%, 100%, 0) !default;
 
 $nav-tabs-justified-link-border-color:            #ddd !default;
 $nav-tabs-justified-active-link-border-color:     $body-bg !default;
@@ -518,9 +518,9 @@ $popover-bg:                          #fff !default;
 //** Popover maximum width
 $popover-max-width:                   276px !default;
 //** Popover border color
-$popover-border-color:                transparent !default;
+$popover-border-color:                hsla(0, 100%, 100%, 0) !default;
 //** Popover fallback border color
-$popover-fallback-border-color:       transparent !default;
+$popover-fallback-border-color:       hsla(0, 100%, 100%, 0) !default;
 
 //** Popover title background color
 $popover-title-bg:                    darken($popover-bg, 3%) !default;
@@ -576,7 +576,7 @@ $modal-title-line-height:     $line-height-base !default;
 //** Background color of modal content area
 $modal-content-bg:                             #fff !default;
 //** Modal content border color
-$modal-content-border-color:                   transparent !default;
+$modal-content-border-color:                   hsla(0, 100%, 100%, 0) !default;
 //** Modal content border color **for IE8**
 $modal-content-fallback-border-color:          #999 !default;
 
@@ -585,7 +585,7 @@ $modal-backdrop-bg:           #000 !default;
 //** Modal backdrop opacity
 $modal-backdrop-opacity:      .5 !default;
 //** Modal header border color
-$modal-header-border-color:   transparent !default;
+$modal-header-border-color:   hsla(0, 100%, 100%, 0) !default;
 //** Modal footer border color
 $modal-footer-border-color:   $modal-header-border-color !default;
 
@@ -737,7 +737,7 @@ $thumbnail-caption-padding:   9px !default;
 //##
 
 $well-bg:                     #f9f9f9 !default;
-$well-border:                 transparent !default;
+$well-border:                 hsla(0, 100%, 100%, 0) !default;
 
 
 //== Badges

From d1912a20a2645828579f94da9b87a82c1fe543cc Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 19:35:37 -0500
Subject: [PATCH 14/32] [WIP v3.2.0+2] Readable.

---
 .../bootswatch/readable/_bootswatch.scss      | 103 +++++++++---------
 1 file changed, 51 insertions(+), 52 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss
index 3d5e347..2b1a726 100644
--- a/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss
@@ -8,40 +8,40 @@
 
 .navbar {
   font-family: $headings-font-family;
+}
 
-  .navbar-nav,
-  .navbar-form {
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  .navbar-nav > li > a {
-    padding: $padding-base-vertical $padding-base-horizontal;
-    margin: 12px 6px;
-    border: 1px solid transparent;
-    border-radius: $border-radius-base;
+.navbar-nav,
+.navbar-form {
+  margin-left: 0;
+  margin-right: 0;
+}
 
-    &:hover {
-      border: 1px solid #ddd;
-    }
-  }
+.navbar-nav > li > a {
+  padding: $padding-base-vertical $padding-base-horizontal;
+  margin: 12px 6px;
+  border: 1px solid transparent;
+  border-radius: $border-radius-base;
 
-  .navbar-nav > .active > a,
-  .navbar-nav > .active > a:hover {
+  &:hover {
     border: 1px solid #ddd;
   }
+}
 
-  .navbar-default .navbar-nav > .active > a:hover {
-    color: $navbar-default-link-hover-color;
-  }
+.navbar-nav > .active > a,
+.navbar-nav > .active > a:hover {
+  border: 1px solid #ddd;
+}
 
-  .navbar-inverse .navbar-nav > .active > a:hover {
-    color: $navbar-inverse-link-hover-color;
-  }
+.navbar-default .navbar-nav > .active > a:hover {
+  color: $navbar-default-link-hover-color;
+}
 
-  .navbar-brand {
-    padding-top: 20px;
-  }
+.navbar-inverse .navbar-nav > .active > a:hover {
+  color: $navbar-inverse-link-hover-color;
+}
+
+.navbar-brand {
+  padding-top: 20px;
 }
 
 @media (max-width: $grid-float-breakpoint) {
@@ -85,11 +85,11 @@ legend {
 .pagination {
 
   font-family: $headings-font-family;
+}
 
-  .pagination-lg > li > a,
-  .pagination-lg > li > span {
-    padding: 14px 24px;
-  }
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+  padding: 14px 24px;
 }
 
 .pager {
@@ -135,12 +135,11 @@ legend {
 .label {
   font-family: $headings-font-family;
   font-weight: normal;
+}
 
-  .label-default {
-    border: 1px solid #ddd;
-    color: $text-color;
-  }
-
+.label-default {
+  border: 1px solid #ddd;
+  color: $text-color;
 }
 
 .badge {
@@ -156,27 +155,27 @@ legend {
 
 .panel {
   @include box-shadow(none);
+}
 
-  .panel-default {
-    .close {
-      color: $text-color;
-    }
+.panel-default {
+  .close {
+    color: $text-color;
   }
+}
 
-  .panel-primary,
-  .panel-success,
-  .panel-warning,
-  .panel-danger,
-  .panel-info {
-    .panel-heading {
-      color: #fff;
-    }
+.panel-primary,
+.panel-success,
+.panel-warning,
+.panel-danger,
+.panel-info {
+  .panel-heading {
+    color: #fff;
+  }
 
-    .panel-body {
-      border: 1px solid #ddd;
-      border-top-width: 0;
-      border-radius: 0 0 $border-radius-base $border-radius-base;
-    }
+  .panel-body {
+    border: 1px solid #ddd;
+    border-top-width: 0;
+    border-radius: 0 0 $border-radius-base $border-radius-base;
   }
 }
 

From 39d05e7c3984f5b3b61b9c885e40df93c257da9b Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 19:50:10 -0500
Subject: [PATCH 15/32] [WIP v3.2.0+2] Sandstone.

---
 .../bootswatch/sandstone/_bootswatch.scss     | 61 ++++++++++---------
 .../bootswatch/sandstone/_variables.scss      | 45 +++++++-------
 2 files changed, 55 insertions(+), 51 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss
index 8077389..31af637 100644
--- a/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss
@@ -13,15 +13,22 @@
   text-transform: uppercase;
 }
 
+@mixin sandstone() {
+  font-size: 11px;
+  line-height: 22px;
+  font-weight: 500;
+  text-transform: uppercase;
+}
+
 .navbar {
   .nav > li > a {
     @include sandstone();
   }
+}
 
-  .navbar-form input,
-  .navbar-form .form-control {
-    border: none;
-  }
+.navbar-form input,
+.navbar-form .form-control {
+  border: none;
 }
 
 // Buttons ====================================================================
@@ -33,15 +40,15 @@
   &:hover {
     border-color: transparent;
   }
+}
 
-  .btn-lg {
-    line-height: 26px;
-  }
+.btn-lg {
+  line-height: 26px;
+}
 
-  .btn-default {
-    &:hover {
-      background-color: $navbar-default-link-active-bg;
-    }
+.btn-default {
+  &:hover {
+    background-color: $navbar-default-link-active-bg;
   }
 }
 
@@ -157,18 +164,16 @@ input,
   border-radius: 10px;
   background-color: $gray-light;
   @include box-shadow(none);
+}
 
-  .progress-bar {
-    @include box-shadow(none);
-  }
+.progress-bar {
+  @include box-shadow(none);
 }
 
 // Containers =================================================================
 
-.list-group {
-  .list-group-item {
-    padding: 16px 24px;
-  }
+.list-group-item {
+  padding: 16px 24px;
 }
 
 .well {
@@ -177,19 +182,19 @@ input,
 
 .panel {
   @include box-shadow(none);
+}
 
+.panel-heading,
+.panel-title,
+.panel-footer {
+  @include sandstone();
+  color: #fff;
+}
+
+.panel-default {
   .panel-heading,
   .panel-title,
   .panel-footer {
-    @include sandstone();
-    color: #fff;
-  }
-
-  .panel-default {
-    .panel-heading,
-    .panel-title,
-    .panel-footer {
-      color: $gray;
-    }
+    color: $gray;
   }
 }
diff --git a/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss b/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss
index bf22b11..e0db33b 100644
--- a/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss
@@ -67,6 +67,9 @@ $headings-font-weight:    400 !default;
 $headings-line-height:    1.1 !default;
 $headings-color:          inherit !default;
 
+$navbar-default-color:             $gray-dark !default;
+$navbar-default-bg:                $gray-darker !default;
+$navbar-default-border:            $gray-darker !default;
 
 //== Iconography
 //
@@ -142,27 +145,27 @@ $btn-font-weight:                normal !default;
 
 $btn-default-color:              #fff !default;
 $btn-default-bg:                 $navbar-default-bg !default;
-$btn-default-border:             transparent !default;
+$btn-default-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-primary-color:              #fff !default;
 $btn-primary-bg:                 $brand-primary !default;
-$btn-primary-border:             transparent !default;
+$btn-primary-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-success-color:              #fff !default;
 $btn-success-bg:                 $brand-success !default;
-$btn-success-border:             transparent !default;
+$btn-success-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-info-color:                 #fff !default;
 $btn-info-bg:                    $brand-info !default;
-$btn-info-border:                transparent !default;
+$btn-info-border:                hsla(0, 100%, 100%, 0) !default;
 
 $btn-warning-color:              #fff !default;
 $btn-warning-bg:                 $brand-warning !default;
-$btn-warning-border:             transparent !default;
+$btn-warning-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-danger-color:               #fff !default;
 $btn-danger-bg:                  $brand-danger !default;
-$btn-danger-border:              transparent !default;
+$btn-danger-border:              hsla(0, 100%, 100%, 0) !default;
 
 $btn-link-disabled-color:        $gray-light !default;
 
@@ -183,7 +186,7 @@ $input-border:                   $gray-light !default;
 //** `` border radius
 $input-border-radius:            $border-radius-base !default;
 //** Border color for inputs on focus
-$input-border-focus:             transparent !default;
+$input-border-focus:             hsla(0, 100%, 100%, 0) !default;
 
 //** Placeholder text color
 $input-color-placeholder:        $gray-light !default;
@@ -341,28 +344,24 @@ $navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
 $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
 $navbar-collapse-max-height:       340px !default;
 
-$navbar-default-color:             $gray-dark !default;
-$navbar-default-bg:                $gray-darker !default;
-$navbar-default-border:            $gray-darker !default;
-
 // Navbar links
 $navbar-default-link-color:                $gray !default;
 $navbar-default-link-hover-color:          #fff !default;
-$navbar-default-link-hover-bg:             transparent !default;
+$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
 $navbar-default-link-active-color:         #fff !default;
 $navbar-default-link-active-bg:            darken($navbar-default-bg, 2%) !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          transparent !default;
+$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               #fff !default;
 $navbar-default-brand-hover-color:         #fff !default;
-$navbar-default-brand-hover-bg:            transparent !default;
+$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           $navbar-default-link-active-bg !default;
 $navbar-default-toggle-icon-bar-bg:        $navbar-default-link-color !default;
-$navbar-default-toggle-border-color:       transparent !default;
+$navbar-default-toggle-border-color:       hsla(0, 100%, 100%, 0) !default;
 
 
 // Inverted navbar
@@ -374,21 +373,21 @@ $navbar-inverse-border:                     $brand-success !default;
 // Inverted navbar links
 $navbar-inverse-link-color:                 darken($brand-success, 15%) !default;
 $navbar-inverse-link-hover-color:           #fff !default;
-$navbar-inverse-link-hover-bg:              transparent !default;
+$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
 $navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 4%) !default;
 $navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           transparent !default;
+$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                #fff !default;
 $navbar-inverse-brand-hover-color:          #fff !default;
-$navbar-inverse-brand-hover-bg:             transparent !default;
+$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            $navbar-inverse-link-active-bg !default;
 $navbar-inverse-toggle-icon-bar-bg:         $navbar-inverse-link-color !default;
-$navbar-inverse-toggle-border-color:        transparent !default;
+$navbar-inverse-toggle-border-color:        hsla(0, 100%, 100%, 0) !default;
 
 
 //== Navs
@@ -604,19 +603,19 @@ $alert-link-font-weight:      bold !default;
 
 $alert-success-bg:            $brand-success !default;
 $alert-success-text:          #fff !default;
-$alert-success-border:        transparent !default;
+$alert-success-border:        hsla(0, 100%, 100%, 0) !default;
 
 $alert-info-bg:               $brand-info !default;
 $alert-info-text:             #fff !default;
-$alert-info-border:           transparent !default;
+$alert-info-border:           hsla(0, 100%, 100%, 0) !default;
 
 $alert-warning-bg:            $brand-warning !default;
 $alert-warning-text:          #fff !default;
-$alert-warning-border:        transparent !default;
+$alert-warning-border:        hsla(0, 100%, 100%, 0) !default;
 
 $alert-danger-bg:             $brand-danger !default;
 $alert-danger-text:           #fff !default;
-$alert-danger-border:         transparent !default;
+$alert-danger-border:         hsla(0, 100%, 100%, 0) !default;
 
 
 //== Progress bars

From b2bea87804e2b5cdc844a1e6dca904448ad7cef1 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 19:51:48 -0500
Subject: [PATCH 16/32] [WIP v3.2.0+2] Simplex.

---
 .../stylesheets/bootswatch/simplex/_bootswatch.scss   | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss
index ae41f67..f86a48e 100644
--- a/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss
@@ -12,14 +12,11 @@
 
 // Navbar =====================================================================
 
-.navbar {
+.navbar-inverse {
 
-  .navbar-inverse {
-
-    .badge {
-      background-color: #fff;
-      color: $brand-primary;
-    }
+  .badge {
+    background-color: #fff;
+    color: $brand-primary;
   }
 }
 

From 2238b7da3fd380c00749ac0bb3311481cd2316c6 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 19:56:55 -0500
Subject: [PATCH 17/32] [WIP v3.2.0+2] Slate.

---
 .../bootswatch/slate/_bootswatch.scss         | 58 +++++++++----------
 .../bootswatch/slate/_variables.scss          |  2 +-
 2 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss
index 8b5f96c..6b05462 100644
--- a/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss
@@ -20,36 +20,36 @@
   border: 1px solid rgba(0, 0, 0, 0.6);
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 
-  .navbar-inverse {
-    @include btn-shadow($navbar-inverse-bg);
-
-    .badge {
-      background-color: $navbar-inverse-link-active-bg;
-    }
+  .nav .open > a {
+    border-color: transparent;
   }
+}
 
-  .navbar-nav > li > a {
-    border-right: 1px solid rgba(0, 0, 0, 0.2);
-    border-left: 1px solid rgba(255, 255, 255, 0.1);
+.navbar-inverse {
+  @include btn-shadow($navbar-inverse-bg);
 
-    &:hover {
-      @include btn-shadow-inverse($navbar-default-bg);
-      border-left-color: transparent;
-    }
+  .badge {
+    background-color: $navbar-inverse-link-active-bg;
   }
+}
 
-  .nav .open > a {
-    border-color: transparent;
-  }
+.navbar-nav > li > a {
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
+  border-left: 1px solid rgba(255, 255, 255, 0.1);
 
-  .navbar-nav > li.active > a {
+  &:hover {
+    @include btn-shadow-inverse($navbar-default-bg);
     border-left-color: transparent;
   }
+}
 
-  .navbar-form {
-    margin-left: 5px;
-    margin-right: 5px;
-  }
+.navbar-nav > li.active > a {
+  border-left-color: transparent;
+}
+
+.navbar-form {
+  margin-left: 5px;
+  margin-right: 5px;
 }
 
 // Buttons ====================================================================
@@ -154,17 +154,17 @@ h1, h2, h3, h4, h5, h6 {
   .info {
     color: #fff;
   }
+}
 
-  .table-bordered tbody {
+.table-bordered tbody {
 
-    tr.success,
-    tr.warning,
-    tr.danger {
+  tr.success,
+  tr.warning,
+  tr.danger {
 
-      td,
-      &:hover td {
-        border-color: $table-border-color;
-      }
+    td,
+    &:hover td {
+      border-color: $table-border-color;
     }
   }
 }
diff --git a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
index 922a6cf..cc7bce5 100644
--- a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss
@@ -19,6 +19,7 @@ $brand-info:            #5bc0de !default;
 $brand-warning:         #f89406 !default;
 $brand-danger:          #ee5f5b !default;
 
+$navbar-default-bg:                $gray-dark !default;
 
 //== Scaffolding
 //
@@ -366,7 +367,6 @@ $navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2
 $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             $text-color !default;
-$navbar-default-bg:                $gray-dark !default;
 $navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
 
 // Navbar links

From 7d19d5a955653855a78d7ade302293f2e8507c7f Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 20:01:35 -0500
Subject: [PATCH 18/32] [WIP v3.2.0+2] Spacelab.

---
 .../bootswatch/spacelab/_bootswatch.scss      | 125 +++++++++---------
 1 file changed, 62 insertions(+), 63 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss
index 9e25e91..b5971c4 100644
--- a/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss
@@ -17,32 +17,10 @@
   @include btn-shadow($navbar-default-bg);
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
 
-  .navbar-inverse {
-    @include btn-shadow($navbar-inverse-bg);
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
-
-    .badge {
-      background-color: #fff;
-      color: $navbar-inverse-bg;
-    }
-  }
-
   .badge {
     text-shadow: none;
   }
 
-  .navbar-nav > li > a,
-  .navbar-nav > li > a:hover {
-    padding-top: $navbar-padding-vertical + 2px;
-    padding-bottom: $navbar-padding-vertical - 2px;
-    @include transition(color ease-in-out .2s);
-  }
-  
-  .navbar-brand,
-  .navbar-brand:hover {
-    @include transition(color ease-in-out .2s);
-  }
-
   .caret,
   .caret:hover {
     @include transition(border-color ease-in-out .2s);
@@ -51,65 +29,89 @@
   .dropdown-menu {
     text-shadow: none;
   }
+
 }
 
+.navbar-inverse {
+  @include btn-shadow($navbar-inverse-bg);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
+
+  .badge {
+    background-color: #fff;
+    color: $navbar-inverse-bg;
+  }
+}
+
+.navbar-nav > li > a,
+.navbar-nav > li > a:hover {
+  padding-top: $navbar-padding-vertical + 2px;
+  padding-bottom: $navbar-padding-vertical - 2px;
+  @include transition(color ease-in-out .2s);
+}
+
+.navbar-brand,
+.navbar-brand:hover {
+  @include transition(color ease-in-out .2s);
+}
+
+
 // Buttons ====================================================================
 
 .btn {
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
 
-  .btn-default {
-    @include btn-shadow($btn-default-bg);
-
-    &:hover {
-      @include btn-shadow(darken($btn-default-bg, 4%));
-    }
+  &:active,
+  &.active {
+    background-image: none;
+    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
   }
+}
 
-  .btn-primary {
-    @include btn-shadow($btn-primary-bg);
+.btn-default {
+  @include btn-shadow($btn-default-bg);
 
-    &:hover {
-      @include btn-shadow(darken($btn-primary-bg, 4%));
-    }
+  &:hover {
+    @include btn-shadow(darken($btn-default-bg, 4%));
   }
+}
 
-  .btn-success {
-    @include btn-shadow($btn-success-bg);
+.btn-primary {
+  @include btn-shadow($btn-primary-bg);
 
-    &:hover {
-      @include btn-shadow(darken($btn-success-bg, 4%));
-    }
+  &:hover {
+    @include btn-shadow(darken($btn-primary-bg, 4%));
   }
+}
 
-  .btn-info {
-    @include btn-shadow($btn-info-bg);
+.btn-success {
+  @include btn-shadow($btn-success-bg);
 
-    &:hover {
-      @include btn-shadow(darken($btn-info-bg, 4%));
-    }
+  &:hover {
+    @include btn-shadow(darken($btn-success-bg, 4%));
   }
+}
 
-  .btn-warning {
-    @include btn-shadow($btn-warning-bg);
+.btn-info {
+  @include btn-shadow($btn-info-bg);
 
-    &:hover {
-      @include btn-shadow(darken($btn-warning-bg, 4%));
-    }
+  &:hover {
+    @include btn-shadow(darken($btn-info-bg, 4%));
   }
+}
 
-  .btn-danger {
-    @include btn-shadow($btn-danger-bg);
+.btn-warning {
+  @include btn-shadow($btn-warning-bg);
 
-    &:hover {
-      @include btn-shadow(darken($btn-danger-bg, 4%));
-    }
+  &:hover {
+    @include btn-shadow(darken($btn-warning-bg, 4%));
   }
+}
 
-  &:active,
-  &.active {
-    background-image: none;
-    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+.btn-danger {
+  @include btn-shadow($btn-danger-bg);
+
+  &:hover {
+    @include btn-shadow(darken($btn-danger-bg, 4%));
   }
 }
 
@@ -129,11 +131,8 @@
 
 // Containers =================================================================
 
-.panel {
-
-  .panel-primary {
-    .panel-title {
-      color: #fff;
-    }
+.panel-primary {
+  .panel-title {
+    color: #fff;
   }
 }
\ No newline at end of file

From a162d357e987174e4a6fec5ae3cd4b86b8d27250 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 20:08:45 -0500
Subject: [PATCH 19/32] [WIP v3.2.0+2] Superhero.

---
 .../bootswatch/superhero/_bootswatch.scss     | 62 +++++++------
 .../bootswatch/superhero/_variables.scss      | 88 +++++++++----------
 2 files changed, 74 insertions(+), 76 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss
index 7789016..0924c21 100644
--- a/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss
@@ -10,21 +10,21 @@
   @include box-shadow(none);
   border: none;
   font-size: 12px;
+}
 
-  .navbar-default {
+.navbar-default {
 
-    .badge {
-      background-color: #fff;
-      color: $navbar-default-bg;
-    }
+  .badge {
+    background-color: #fff;
+    color: $navbar-default-bg;
   }
+}
 
-  .navbar-inverse {
+.navbar-inverse {
 
-    .badge {
-      background-color: #fff;
-      color: $navbar-inverse-bg;
-    }
+  .badge {
+    background-color: #fff;
+    color: $navbar-inverse-bg;
   }
 }
 
@@ -33,17 +33,17 @@
 .btn {
 
   font-weight: 300;
+}
 
-  .btn-default {
-    &:hover {
-      background-color: darken($btn-default-bg, 3%);
-    }
+.btn-default {
+  &:hover {
+    background-color: darken($btn-default-bg, 3%);
   }
+}
 
-  .btn-sm,
-  .btn-xs {
-    font-size: 12px;
-  }
+.btn-sm,
+.btn-xs {
+  font-size: 12px;
 }
 
 // Typography =================================================================
@@ -256,11 +256,11 @@ label,
 
 .panel {
   border: none;
+}
 
-  .panel-default > .panel-heading {
-    background-color: $table-bg-hover;
-    color: $text-color;
-  }
+.panel-default > .panel-heading {
+  background-color: $table-bg-hover;
+  color: $text-color;
 }
 
 .thumbnail {
@@ -270,17 +270,15 @@ label,
 
 .modal {
   padding: 0;
+}
 
-  .modal-header,
-  .modal-footer {
-    background-color: $table-bg-hover;
-    border: none;
-    border-radius: 0;
-  }
+.modal-header,
+.modal-footer {
+  background-color: $table-bg-hover;
+  border: none;
+  border-radius: 0;
 }
 
-.popover {
-  .popover-title {
-    border: none;
-  }
+.popover-title {
+  border: none;
 }
diff --git a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
index 61a918a..146f6cf 100644
--- a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss
@@ -178,7 +178,7 @@ $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             $text-color !default;
 $navbar-default-bg:                #4E5D6C !default;
-$navbar-default-border:            transparent !default;
+$navbar-default-border:            hsla(0, 100%, 100%, 0) !default;
 
 // Navbar links
 $navbar-default-link-color:                $text-color !default;
@@ -187,24 +187,24 @@ $navbar-default-link-hover-bg:             darken($navbar-default-bg, 3%) !defau
 $navbar-default-link-active-color:         $navbar-default-link-color !default;
 $navbar-default-link-active-bg:            darken($navbar-default-bg, 3%) !default;
 $navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          transparent !default;
+$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
 
 // Navbar brand label
 $navbar-default-brand-color:               $navbar-default-link-color !default;
 $navbar-default-brand-hover-color:         $navbar-default-link-color !default;
-$navbar-default-brand-hover-bg:            transparent !default;
+$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
 
 // Navbar toggle
 $navbar-default-toggle-hover-bg:           $navbar-default-link-hover-bg !default;
 $navbar-default-toggle-icon-bar-bg:        $text-color !default;
-$navbar-default-toggle-border-color:       transparent !default;
+$navbar-default-toggle-border-color:       hsla(0, 100%, 100%, 0) !default;
 
 
 // Inverted navbar
 // Reset inverted navbar basics
 $navbar-inverse-color:                      $text-color !default;
 $navbar-inverse-bg:                         $brand-primary !default;
-$navbar-inverse-border:                     transparent !default;
+$navbar-inverse-border:                     hsla(0, 100%, 100%, 0) !default;
 
 // Inverted navbar links
 $navbar-inverse-link-color:                 $text-color !default;
@@ -213,17 +213,17 @@ $navbar-inverse-link-hover-bg:              darken($navbar-inverse-bg, 5%) !defa
 $navbar-inverse-link-active-color:          $navbar-inverse-link-color !default;
 $navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 5%) !default;
 $navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           transparent !default;
+$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
 
 // Inverted navbar brand label
 $navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
 $navbar-inverse-brand-hover-color:          $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-bg:             transparent !default;
+$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
 
 // Inverted navbar toggle
 $navbar-inverse-toggle-hover-bg:            $navbar-inverse-link-hover-bg !default;
 $navbar-inverse-toggle-icon-bar-bg:         $text-color !default;
-$navbar-inverse-toggle-border-color:        transparent !default;
+$navbar-inverse-toggle-border-color:        hsla(0, 100%, 100%, 0) !default;
 
 //** Border color for table and cell borders.
 $table-border-color:            $navbar-default-bg !default;
@@ -233,7 +233,7 @@ $table-border-color:            $navbar-default-bg !default;
 //##
 
 $well-bg:                     $table-border-color !default;
-$well-border:                 transparent !default;
+$well-border:                 hsla(0, 100%, 100%, 0) !default;
 
 //== Tables
 //
@@ -245,7 +245,7 @@ $table-cell-padding:            6px !default;
 $table-condensed-cell-padding:  3px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      transparent !default;
+$table-bg:                      hsla(0, 100%, 100%, 0) !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               $well-bg !default;
 //** Background color used for `.table-hover`.
@@ -286,27 +286,27 @@ $btn-font-weight:                normal !default;
 
 $btn-default-color:              #fff !default;
 $btn-default-bg:                 $navbar-default-bg !default;
-$btn-default-border:             transparent !default;
+$btn-default-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-primary-color:              #fff !default;
 $btn-primary-bg:                 $brand-primary !default;
-$btn-primary-border:             transparent !default;
+$btn-primary-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-success-color:              #fff !default;
 $btn-success-bg:                 $brand-success !default;
-$btn-success-border:             transparent !default;
+$btn-success-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-info-color:                 #fff !default;
 $btn-info-bg:                    $brand-info !default;
-$btn-info-border:                transparent !default;
+$btn-info-border:                hsla(0, 100%, 100%, 0) !default;
 
 $btn-warning-color:              #fff !default;
 $btn-warning-bg:                 $brand-warning !default;
-$btn-warning-border:             transparent !default;
+$btn-warning-border:             hsla(0, 100%, 100%, 0) !default;
 
 $btn-danger-color:               #fff !default;
 $btn-danger-bg:                  $brand-danger !default;
-$btn-danger-border:              transparent !default;
+$btn-danger-border:              hsla(0, 100%, 100%, 0) !default;
 
 $btn-link-disabled-color:        $gray-light !default;
 
@@ -323,11 +323,11 @@ $input-bg-disabled:              $gray-lighter !default;
 //** Text color for ``s
 $input-color:                    $body-bg !default;
 //** `` border color
-$input-border:                   transparent !default;
+$input-border:                   hsla(0, 100%, 100%, 0) !default;
 //** `` border radius
 $input-border-radius:            $border-radius-base !default;
 //** Border color for inputs on focus
-$input-border-focus:             transparent !default;
+$input-border-focus:             hsla(0, 100%, 100%, 0) !default;
 
 //** Placeholder text color
 $input-color-placeholder:        #ccc !default;
@@ -345,7 +345,7 @@ $legend-border-color:            $table-border-color !default;
 //** Background color for textual input addons
 $input-group-addon-bg:           $btn-default-bg !default;
 //** Border color for textual input addons
-$input-group-addon-border-color: transparent !default;
+$input-group-addon-border-color: hsla(0, 100%, 100%, 0) !default;
 
 
 //== Dropdowns
@@ -355,9 +355,9 @@ $input-group-addon-border-color: transparent !default;
 //** Background for the dropdown menu.
 $dropdown-bg:                    $well-bg !default;
 //** Dropdown menu `border-color`.
-$dropdown-border:                transparent !default;
+$dropdown-border:                hsla(0, 100%, 100%, 0) !default;
 //** Dropdown menu `border-color` **for IE8**.
-$dropdown-fallback-border:       transparent !default;
+$dropdown-fallback-border:       hsla(0, 100%, 100%, 0) !default;
 //** Divider color for between dropdown items.
 $dropdown-divider-bg:            $body-bg !default;
 
@@ -433,7 +433,7 @@ $nav-disabled-link-hover-color:             $well-bg !default;
 $nav-open-link-hover-color:                 $text-color !default;
 
 //== Tabs
-$nav-tabs-border-color:                     transparent !default;
+$nav-tabs-border-color:                     hsla(0, 100%, 100%, 0) !default;
 
 $nav-tabs-link-hover-border-color:          $table-border-color !default;
 
@@ -456,19 +456,19 @@ $nav-pills-active-link-hover-color:         $component-active-color !default;
 
 $pagination-color:                     $text-color !default;
 $pagination-bg:                        $well-bg !default;
-$pagination-border:                    transparent !default;
+$pagination-border:                    hsla(0, 100%, 100%, 0) !default;
 
 $pagination-hover-color:               $text-color !default;
 $pagination-hover-bg:                  $table-bg-hover !default;
-$pagination-hover-border:              transparent !default;
+$pagination-hover-border:              hsla(0, 100%, 100%, 0) !default;
 
 $pagination-active-color:              $text-color !default;
 $pagination-active-bg:                 $brand-primary !default;
-$pagination-active-border:             transparent !default;
+$pagination-active-border:             hsla(0, 100%, 100%, 0) !default;
 
 $pagination-disabled-color:            darken($table-bg-hover, 10%) !default;
 $pagination-disabled-bg:               $well-bg !default;
-$pagination-disabled-border:           transparent !default;
+$pagination-disabled-border:           hsla(0, 100%, 100%, 0) !default;
 
 
 //== Pager
@@ -504,19 +504,19 @@ $jumbotron-font-size:            ceil(($font-size-base * 1.5)) !default;
 
 $state-success-text:             $text-color !default;
 $state-success-bg:               $brand-success !default;
-$state-success-border:           transparent !default;
+$state-success-border:           hsla(0, 100%, 100%, 0) !default;
 
 $state-info-text:                $text-color !default;
 $state-info-bg:                  $brand-info !default;
-$state-info-border:              transparent !default;
+$state-info-border:              hsla(0, 100%, 100%, 0) !default;
 
 $state-warning-text:             $text-color !default;
 $state-warning-bg:               $brand-warning !default;
-$state-warning-border:           transparent !default;
+$state-warning-border:           hsla(0, 100%, 100%, 0) !default;
 
 $state-danger-text:              $text-color !default;
 $state-danger-bg:                $brand-danger !default;
-$state-danger-border:            transparent !default;
+$state-danger-border:            hsla(0, 100%, 100%, 0) !default;
 
 
 //== Tooltips
@@ -546,9 +546,9 @@ $popover-bg:                          $well-bg !default;
 //** Popover maximum width
 $popover-max-width:                   276px !default;
 //** Popover border color
-$popover-border-color:                transparent !default;
+$popover-border-color:                hsla(0, 100%, 100%, 0) !default;
 //** Popover fallback border color
-$popover-fallback-border-color:       transparent !default;
+$popover-fallback-border-color:       hsla(0, 100%, 100%, 0) !default;
 
 //** Popover title background color
 $popover-title-bg:                    $table-bg-hover !default;
@@ -561,9 +561,9 @@ $popover-arrow-color:                 $well-bg !default;
 //** Popover outer arrow width
 $popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
 //** Popover outer arrow color
-$popover-arrow-outer-color:           transparent !default;
+$popover-arrow-outer-color:           hsla(0, 100%, 100%, 0) !default;
 //** Popover outer arrow fallback color
-$popover-arrow-outer-fallback-color:  transparent !default;
+$popover-arrow-outer-fallback-color:  hsla(0, 100%, 100%, 0) !default;
 
 
 //== Labels
@@ -604,9 +604,9 @@ $modal-title-line-height:     $line-height-base !default;
 //** Background color of modal content area
 $modal-content-bg:                             $well-bg !default;
 //** Modal content border color
-$modal-content-border-color:                   transparent !default;
+$modal-content-border-color:                   hsla(0, 100%, 100%, 0) !default;
 //** Modal content border color **for IE8**
-$modal-content-fallback-border-color:          transparent !default;
+$modal-content-fallback-border-color:          hsla(0, 100%, 100%, 0) !default;
 
 //** Modal backdrop background color
 $modal-backdrop-bg:           #000 !default;
@@ -675,7 +675,7 @@ $progress-bar-info-bg:        $brand-info !default;
 //** Background color on `.list-group-item`
 $list-group-bg:                 $well-bg !default;
 //** `.list-group-item` border color
-$list-group-border:             transparent !default;
+$list-group-border:             hsla(0, 100%, 100%, 0) !default;
 //** List group border radius
 $list-group-border-radius:      $border-radius-base !default;
 
@@ -713,31 +713,31 @@ $panel-footer-padding:        $panel-heading-padding !default;
 $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
-$panel-inner-border:          transparent !default;
+$panel-inner-border:          hsla(0, 100%, 100%, 0) !default;
 $panel-footer-bg:             $table-bg-hover !default;
 
 $panel-default-text:          $gray-dark !default;
-$panel-default-border:        transparent !default;
+$panel-default-border:        hsla(0, 100%, 100%, 0) !default;
 $panel-default-heading-bg:    #f5f5f5 !default;
 
 $panel-primary-text:          #fff !default;
-$panel-primary-border:        transparent !default;
+$panel-primary-border:        hsla(0, 100%, 100%, 0) !default;
 $panel-primary-heading-bg:    $brand-primary !default;
 
 $panel-success-text:          $state-success-text !default;
-$panel-success-border:        transparent !default;
+$panel-success-border:        hsla(0, 100%, 100%, 0) !default;
 $panel-success-heading-bg:    $state-success-bg !default;
 
 $panel-info-text:             $state-info-text !default;
-$panel-info-border:           transparent !default;
+$panel-info-border:           hsla(0, 100%, 100%, 0) !default;
 $panel-info-heading-bg:       $state-info-bg !default;
 
 $panel-warning-text:          $state-warning-text !default;
-$panel-warning-border:        transparent !default;
+$panel-warning-border:        hsla(0, 100%, 100%, 0) !default;
 $panel-warning-heading-bg:    $state-warning-bg !default;
 
 $panel-danger-text:           $state-danger-text !default;
-$panel-danger-border:         transparent !default;
+$panel-danger-border:         hsla(0, 100%, 100%, 0) !default;
 $panel-danger-heading-bg:     $state-danger-bg !default;
 
 

From 2b109f93805dffad1c59e415be5d5027258408b7 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 20:10:13 -0500
Subject: [PATCH 20/32] [WIP v3.2.0+2] United.

---
 .../bootswatch/united/_bootswatch.scss        | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss
index 07e74c3..8120199 100644
--- a/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss
@@ -6,22 +6,19 @@
 
 // Navbar =====================================================================
 
-.navbar {
+.navbar-default {
 
-  .navbar-default {
-
-    .badge {
-      background-color: #fff;
-      color: $navbar-default-bg;
-    }
+  .badge {
+    background-color: #fff;
+    color: $navbar-default-bg;
   }
+}
 
-  .navbar-inverse {
+.navbar-inverse {
 
-    .badge {
-      background-color: #fff;
-      color: $navbar-inverse-bg;
-    }
+  .badge {
+    background-color: #fff;
+    color: $navbar-inverse-bg;
   }
 }
 

From b41dca16446ac7e7700003a315d89ece48ca1de5 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 20:16:31 -0500
Subject: [PATCH 21/32] [WIP v3.2.0+2] Yeti.

---
 .../bootswatch/yeti/_bootswatch.scss          | 168 +++++++++---------
 1 file changed, 80 insertions(+), 88 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss
index 5204dcd..be73b34 100644
--- a/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss
@@ -15,68 +15,65 @@
     background-color: #b3b3b3;
   }
 
-  .navbar-collapse {
-    border-top-color: $dropdown-divider-bg;
-    @include box-shadow(none);
-  }
-
   .btn {
     padding-top: 6px;
     padding-bottom: 6px;
   }
 
-  .dropdown {
-
-    .dropdown-menu {
-      border: none;
-
-      > li > a,
-      > li > a:focus {
-        background-color: transparent;
-        font-size: 13px;
-        font-weight: 300;
-      }
-    }
+  .dropdown-menu {
+    border: none;
 
-    .dropdown-header {
-      color: rgba(255, 255, 255, 0.5);
+    > li > a,
+    > li > a:focus {
+      background-color: transparent;
+      font-size: 13px;
+      font-weight: 300;
     }
+  }
 
+  .dropdown-header {
+    color: rgba(255, 255, 255, 0.5);
   }
 
-  .navbar-default {
+}
 
-    .dropdown-menu {
-      background-color: $navbar-default-bg;
+.navbar-collapse {
+  border-top-color: $dropdown-divider-bg;
+  @include box-shadow(none);
+}
 
-      > li > a,
-      > li > a:focus {
-        color: $navbar-default-color;
-      }
+.navbar-default {
 
-      > li > a:hover,
-      > .active > a,
-      > .active > a:hover {
-        background-color: $navbar-default-link-hover-bg;
-      }
+  .dropdown-menu {
+    background-color: $navbar-default-bg;
+
+    > li > a,
+    > li > a:focus {
+      color: $navbar-default-color;
+    }
+
+    > li > a:hover,
+    > .active > a,
+    > .active > a:hover {
+      background-color: $navbar-default-link-hover-bg;
     }
   }
+}
 
-  .navbar-inverse {
+.navbar-inverse {
 
-    .dropdown-menu {
-      background-color: $navbar-inverse-bg;
+  .dropdown-menu {
+    background-color: $navbar-inverse-bg;
 
-      > li > a,
-      > li > a:focus {
-        color: $navbar-inverse-color;
-      }
+    > li > a,
+    > li > a:focus {
+      color: $navbar-inverse-color;
+    }
 
-      > li > a:hover,
-      > .active > a,
-      > .active > a:hover {
-        background-color: $navbar-inverse-link-hover-bg;
-      }
+    > li > a:hover,
+    > .active > a,
+    > .active > a:hover {
+      background-color: $navbar-inverse-link-hover-bg;
     }
   }
 }
@@ -85,18 +82,18 @@
 
 .btn {
   padding: 14px 28px;
+}
 
-  .btn-lg {
-    padding: 16px 32px;
-  }
+.btn-lg {
+  padding: 16px 32px;
+}
 
-  .btn-sm {
-    padding: 8px 16px;
-  }
+.btn-sm {
+  padding: 8px 16px;
+}
 
-  .btn-xs {
-    padding: 4px 8px;
-  }
+.btn-xs {
+  padding: 4px 8px;
 }
 
 .btn-group {
@@ -311,15 +308,15 @@ label,
       border-radius: 3px;
     }
   }
+}
 
-  .pagination-lg > li > a {
-    padding-left: 22px;
-    padding-right: 22px;
-  }
+.pagination-lg > li > a {
+  padding-left: 22px;
+  padding-right: 22px;
+}
 
-  .pagination-sm > li > a {
-    padding: 0 5px;
-  }
+.pagination-sm > li > a {
+  padding: 0 5px;
 }
 
 .pager {
@@ -362,11 +359,11 @@ label,
   padding-right: 1em;
   border-radius: 0;
   font-weight: 300;
+}
 
-  .label-default {
-    background-color: $btn-default-bg;
-    color: $btn-default-color;
-  }
+.label-default {
+  background-color: $btn-default-bg;
+  color: $btn-default-color;
 }
 
 .badge {
@@ -385,24 +382,21 @@ label,
 
 // Containers =================================================================
 
-.dropdown {
-
-  .dropdown-menu {
-    padding: 0;
-    margin-top: 0;
-    font-size: $font-size-small;
+.dropdown-menu {
+  padding: 0;
+  margin-top: 0;
+  font-size: $font-size-small;
 
-    > li > a {
-      padding: 12px 15px;
-    }
+  > li > a {
+    padding: 12px 15px;
   }
+}
 
-  .dropdown-header {
-    padding-left: 15px;
-    padding-right: 15px;
-    font-size: 9px;
-    text-transform: uppercase;
-  }
+.dropdown-header {
+  padding-left: 15px;
+  padding-right: 15px;
+  font-size: 9px;
+  text-transform: uppercase;
 }
 
 .popover {
@@ -411,17 +405,15 @@ label,
   font-weight: 300;
 }
 
-.panel {
-  .panel-heading,
-  .panel-footer {
-    border-top-right-radius: 0;
-    border-top-left-radius: 0;
-  }
+.panel-heading,
+.panel-footer {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
 
-  .panel-default {
-    .close {
-      color: $text-color;
-    }
+.panel-default {
+  .close {
+    color: $text-color;
   }
 }
 

From 493de20b3411e22bd5fe24d9241f54dae18f58c0 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 20:22:53 -0500
Subject: [PATCH 22/32] Update history and read me.

---
 HISTORY.md | 5 +++++
 README.md  | 2 ++
 2 files changed, 7 insertions(+)

diff --git a/HISTORY.md b/HISTORY.md
index b4fb17d..ce40a40 100644
--- a/HISTORY.md
+++ b/HISTORY.md
@@ -1,3 +1,8 @@
+## 3.2.2 (2014-08-30)
+
+* Add Paper theme
+* Add Sandstone theme
+
 ## 3.2.0 (2014-07-12)
 
 * Update all themes to current bootswatch versions (3.2.0)
diff --git a/README.md b/README.md
index 7c384c4..00cf8eb 100644
--- a/README.md
+++ b/README.md
@@ -71,7 +71,9 @@ Included bootswatches
 * [Flatly](http://bootswatch.com/flatly/)
 * [Journal](http://bootswatch.com/journal/)
 * [Lumen](http://bootswatch.com/lumen/)
+* [Paper](http://bootswatch.com/paper/)
 * [Readable](http://bootswatch.com/readable/)
+* [Sandstone](http://bootswatch.com/sandstone/)
 * [Simplex](http://bootswatch.com/simplex/)
 * [Slate](http://bootswatch.com/slate/)
 * [Spacelab](http://bootswatch.com/spacelab/)

From 7b48aba245b5f5675d606b5bbf746f88c7cab734 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 20:28:25 -0500
Subject: [PATCH 23/32] Update submodule

---
 bootswatch | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bootswatch b/bootswatch
index e91fb5d..f3189e2 160000
--- a/bootswatch
+++ b/bootswatch
@@ -1 +1 @@
-Subproject commit e91fb5dad0762e0c7c71dd733fb8b5b054ba92ff
+Subproject commit f3189e26cff5142e200568a81ef3db608530cc6f

From 1e812af9c5ef1e86678f32483e70ce39bef640ec Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 20:32:45 -0500
Subject: [PATCH 24/32] Remove for safe

---
 .gitmodules | 3 ---
 bootswatch  | 1 -
 2 files changed, 4 deletions(-)
 delete mode 100644 .gitmodules
 delete mode 160000 bootswatch

diff --git a/.gitmodules b/.gitmodules
deleted file mode 100644
index 379cb4d..0000000
--- a/.gitmodules
+++ /dev/null
@@ -1,3 +0,0 @@
-[submodule "bootswatch"]
-	path = bootswatch
-	url = git@github.com:thomaspark/bootswatch.git
diff --git a/bootswatch b/bootswatch
deleted file mode 160000
index f3189e2..0000000
--- a/bootswatch
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit f3189e26cff5142e200568a81ef3db608530cc6f

From 17e55c41612a395d0d3aa3797f560c5886bb4856 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 20:35:00 -0500
Subject: [PATCH 25/32] Update Bootswatch

---
 .gitmodules | 3 +++
 bootswatch  | 1 +
 2 files changed, 4 insertions(+)
 create mode 100644 .gitmodules
 create mode 160000 bootswatch

diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..379cb4d
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "bootswatch"]
+	path = bootswatch
+	url = git@github.com:thomaspark/bootswatch.git
diff --git a/bootswatch b/bootswatch
new file mode 160000
index 0000000..03b5272
--- /dev/null
+++ b/bootswatch
@@ -0,0 +1 @@
+Subproject commit 03b52726b7588bbfcb1bfecc103bbaa18da0ef79

From 02a82da4a3b3d4700b16e005200398f62791e6aa Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 20:59:23 -0500
Subject: [PATCH 26/32] Tweaks on Yeti, Paper, Lumen, Cosmo & Amelia

---
 .../bootswatch/amelia/_variables.scss         |  4 +--
 .../bootswatch/cosmo/_bootswatch.scss         |  3 --
 .../bootswatch/lumen/_bootswatch.scss         |  8 +++---
 .../bootswatch/lumen/_variables.scss          |  6 ++--
 .../bootswatch/paper/_bootswatch.scss         |  1 +
 .../bootswatch/yeti/_bootswatch.scss          | 28 +++++++++----------
 .../bootswatch/yeti/_variables.scss           | 16 +++++------
 7 files changed, 32 insertions(+), 34 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss b/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss
index 7965df6..0ab19e2 100644
--- a/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss
@@ -540,7 +540,7 @@ $tooltip-arrow-color:         $tooltip-bg !default;
 //##
 
 //** Popover body background color
-$popover-bg:                          #fff !default;
+$popover-bg:                          lighten($body-bg, 5%) !default;
 //** Popover maximum width
 $popover-max-width:                   276px !default;
 //** Popover border color
@@ -554,7 +554,7 @@ $popover-title-bg:                    darken($popover-bg, 3%) !default;
 //** Popover arrow width
 $popover-arrow-width:                 10px !default;
 //** Popover arrow color
-$popover-arrow-color:                 #fff !default;
+$popover-arrow-color:                 lighten($body-bg, 5%) !default;
 
 //** Popover outer arrow width
 $popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
diff --git a/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss
index 71e410b..f92a48c 100644
--- a/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss
@@ -16,9 +16,6 @@
 
 // Buttons ====================================================================
 
-.btn-lg {
-  padding-top: 19px;
-}
 
 // Typography =================================================================
 
diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss
index 215a362..bd55e18 100644
--- a/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss
@@ -17,7 +17,7 @@
 // Buttons ====================================================================
 
 .btn {
-  padding: 8px $padding-base-horizontal 7px;
+  padding: $padding-base-vertical+2 $padding-base-horizontal $padding-base-vertical;
   @include shadow();
   font-size: 12px;
   font-weight: bold;
@@ -37,18 +37,18 @@
 
 .btn-lg,
 .btn-group-lg > .btn {
-  padding: 14px $padding-large-horizontal 13px;
+  padding: $padding-large-vertical+2 $padding-large-horizontal $padding-large-vertical;
   line-height: 15px;
 }
 
 .btn-sm,
 .btn-group-sm > .btn {
-  padding: 4px $padding-small-horizontal;
+  padding: $padding-small-vertical+2 $padding-small-horizontal $padding-small-vertical;
 }
 
 .btn-xs,
 .btn-group-xs > .btn {
-  padding: $padding-xs-vertical $padding-xs-horizontal;
+  padding: $padding-xs-vertical+2 $padding-xs-horizontal $padding-xs-vertical;
 }
 
 .btn-default:hover,
diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
index 0e0be81..c36fb32 100644
--- a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss
@@ -83,13 +83,13 @@ $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 
-$padding-base-vertical:     6px !default;
+$padding-base-vertical:     7px !default;
 $padding-base-horizontal:   12px !default;
 
-$padding-large-vertical:    10px !default;
+$padding-large-vertical:    13px !default;
 $padding-large-horizontal:  16px !default;
 
-$padding-small-vertical:    5px !default;
+$padding-small-vertical:    4px !default;
 $padding-small-horizontal:  10px !default;
 
 $padding-xs-vertical:       1px !default;
diff --git a/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
index e42feb4..09ea4fc 100644
--- a/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
@@ -154,6 +154,7 @@ a {
 
 input[type=text],
 input[type=password],
+input[type=email],
 textarea,
 [type=text].form-control,
 [type=password].form-control,
diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss
index be73b34..2b0b0b4 100644
--- a/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss
@@ -37,6 +37,16 @@
 
 }
 
+.navbar-form {
+  margin-top: 7px;
+  margin-bottom: 5px;
+
+  .form-control {
+    height: auto;
+    padding: $padding-xs-vertical $padding-xs-horizontal;
+  }
+}
+
 .navbar-collapse {
   border-top-color: $dropdown-divider-bg;
   @include box-shadow(none);
@@ -81,19 +91,19 @@
 // Buttons ====================================================================
 
 .btn {
-  padding: 14px 28px;
+  padding: $padding-base-vertical $padding-base-horizontal;
 }
 
 .btn-lg {
-  padding: 16px 32px;
+  padding: $padding-large-vertical $padding-large-horizontal;
 }
 
 .btn-sm {
-  padding: 8px 16px;
+  padding: $padding-small-vertical $padding-small-horizontal;
 }
 
 .btn-xs {
-  padding: 4px 8px;
+  padding: $padding-xs-vertical $padding-xs-horizontal;
 }
 
 .btn-group {
@@ -227,10 +237,6 @@ table {
 
 // Forms ======================================================================
 
-input {
-  padding: 7px;
-}
-
 label,
 .control-label,
 .help-block,
@@ -240,12 +246,6 @@ label,
   font-weight: normal;
 }
 
-.input-group-addon,
-.input-group-btn .btn {
-  padding: 8px 14px;
-  font-size: $font-size-small;
-}
-
 // Navs =======================================================================
 
 .nav {
diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
index 9a90280..391d6e6 100644
--- a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
@@ -83,17 +83,17 @@ $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 
-$padding-base-vertical:     6px !default;
-$padding-base-horizontal:   12px !default;
+$padding-base-vertical:     14px !default;
+$padding-base-horizontal:   18px !default;
 
-$padding-large-vertical:    10px !default;
-$padding-large-horizontal:  16px !default;
+$padding-large-vertical:    16px !default;
+$padding-large-horizontal:  20px !default;
 
-$padding-small-vertical:    5px !default;
-$padding-small-horizontal:  10px !default;
+$padding-small-vertical:    8px !default;
+$padding-small-horizontal:  12px !default;
 
-$padding-xs-vertical:       1px !default;
-$padding-xs-horizontal:     5px !default;
+$padding-xs-vertical:       4px !default;
+$padding-xs-horizontal:     6px !default;
 
 $line-height-large:         1.33 !default;
 $line-height-small:         1.5 !default;

From 1851f0762998e581c91b976980220c30e123d29c Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sat, 30 Aug 2014 21:04:33 -0500
Subject: [PATCH 27/32] 3.2.2 Released.

---
 lib/bootswatch-rails/version.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/bootswatch-rails/version.rb b/lib/bootswatch-rails/version.rb
index 268c156..0f13a21 100644
--- a/lib/bootswatch-rails/version.rb
+++ b/lib/bootswatch-rails/version.rb
@@ -1,5 +1,5 @@
 module Bootswatch
   module Rails
-    VERSION = '3.2.0'
+    VERSION = '3.2.2'
   end
 end

From 18579845fa49b760cff711f2e584a88ca5ecb8b3 Mon Sep 17 00:00:00 2001
From: ayan4m1 
Date: Sun, 31 Aug 2014 11:17:41 -0400
Subject: [PATCH 28/32] fix syntax error in darkly and flatly

---
 vendor/assets/stylesheets/bootswatch/darkly/_variables.scss | 2 +-
 vendor/assets/stylesheets/bootswatch/flatly/_variables.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
index d860e39..c53e1f9 100644
--- a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss
@@ -463,7 +463,7 @@ $pagination-active-bg:                 lighten($brand-success, 6%) !default;
 $pagination-active-border:             transparent !default;
 
 $pagination-disabled-color:            #fff !default;
-$pagination-disabled-bg:               darken($brand-success, 15%) !default;;
+$pagination-disabled-bg:               darken($brand-success, 15%) !default;
 $pagination-disabled-border:           transparent !default;
 
 
diff --git a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
index c8da399..d0c7d28 100644
--- a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss
@@ -463,7 +463,7 @@ $pagination-active-bg:                 darken($brand-success, 15%) !default;
 $pagination-active-border:             transparent !default;
 
 $pagination-disabled-color:            $gray-lighter !default;
-$pagination-disabled-bg:               lighten($brand-success, 15%) !default;;
+$pagination-disabled-bg:               lighten($brand-success, 15%) !default;
 $pagination-disabled-border:           transparent !default;
 
 

From 0bff23f42fc2b9c6d261f888e42efb993e7fb1d1 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sun, 31 Aug 2014 11:12:37 -0500
Subject: [PATCH 29/32] v3.2.3

---
 HISTORY.md                      | 4 ++++
 lib/bootswatch-rails/version.rb | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/HISTORY.md b/HISTORY.md
index ce40a40..42dfd2d 100644
--- a/HISTORY.md
+++ b/HISTORY.md
@@ -1,3 +1,7 @@
+## 3.2.3 (2014-08-31)
+
+* Fix syntax error in Darkly and Flatly.
+
 ## 3.2.2 (2014-08-30)
 
 * Add Paper theme
diff --git a/lib/bootswatch-rails/version.rb b/lib/bootswatch-rails/version.rb
index 0f13a21..06b04c1 100644
--- a/lib/bootswatch-rails/version.rb
+++ b/lib/bootswatch-rails/version.rb
@@ -1,5 +1,5 @@
 module Bootswatch
   module Rails
-    VERSION = '3.2.2'
+    VERSION = '3.2.3'
   end
 end

From d8daa12da3adde01af196e0edb7840282b84be83 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sun, 7 Sep 2014 16:19:34 -0500
Subject: [PATCH 30/32] Update bootswatch to latest.

---
 bootswatch | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bootswatch b/bootswatch
index 03b5272..9f7a95b 160000
--- a/bootswatch
+++ b/bootswatch
@@ -1 +1 @@
-Subproject commit 03b52726b7588bbfcb1bfecc103bbaa18da0ef79
+Subproject commit 9f7a95b89d034356c00030b8da05875dab74aa72

From 67d24b9d937c57347cbbdf48ed2977b452133eb6 Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sun, 7 Sep 2014 16:36:20 -0500
Subject: [PATCH 31/32] Fixes from bootswatch on Amelia, Paper and Yeti.

---
 .../bootswatch/amelia/_bootswatch.scss          |  4 ----
 .../bootswatch/paper/_bootswatch.scss           | 17 +++++++++++++++--
 .../bootswatch/paper/_variables.scss            |  4 ++--
 .../stylesheets/bootswatch/yeti/_variables.scss |  4 ++--
 4 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss
index 80cdd8b..f80b5fb 100644
--- a/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss
@@ -186,7 +186,3 @@ a.thumbnail:focus,
 a.thumbnail.active {
   border-color: $thumbnail-border;
 }
-
-.popover {
-  color: $gray-dark;
-}
diff --git a/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
index 09ea4fc..497fe69 100644
--- a/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
+++ b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss
@@ -138,7 +138,8 @@ p {
   margin: 0 0 1em;
 }
 
-input {
+input,
+button {
   -webkit-font-smoothing: antialiased;
   letter-spacing: .1px;
   text-rendering: optimizeLegibility;
@@ -234,6 +235,7 @@ select.form-control {
 
     &:hover {
       border: none;
+      color: $brand-primary;
     }
   }
 
@@ -241,6 +243,16 @@ select.form-control {
     @include box-shadow(inset 0 -1px 0 #ddd);
   }
 
+  &.nav-justified {
+
+    & > li > a,
+    & > li > a:hover,
+    & > .active > a,
+    & > .active > a:hover {
+      border: none;
+    }
+  }
+
   .dropdown-menu {
     margin-top: 0;
   }
@@ -257,7 +269,7 @@ select.form-control {
   border: none;
   color: #fff;
 
-  a,
+  a:not(.close),
   .alert-link {
     color: #fff;
     font-weight: bold;
@@ -340,6 +352,7 @@ select.form-control {
 .close {
   font-size: 34px;
   font-weight: 300;
+  line-height: 24px;
   opacity: 0.6;
 
   &:hover {
diff --git a/vendor/assets/stylesheets/bootswatch/paper/_variables.scss b/vendor/assets/stylesheets/bootswatch/paper/_variables.scss
index 175c97a..d9851ab 100644
--- a/vendor/assets/stylesheets/bootswatch/paper/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/paper/_variables.scss
@@ -413,7 +413,7 @@ $nav-tabs-active-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
 $nav-tabs-active-link-hover-color:          $gray !default;
 $nav-tabs-active-link-hover-border-color:   hsla(0, 100%, 100%, 0) !default;
 
-$nav-tabs-justified-link-border-color:            #ddd !default;
+$nav-tabs-justified-link-border-color:            $nav-tabs-border-color !default;
 $nav-tabs-justified-active-link-border-color:     $body-bg !default;
 
 //== Pills
@@ -533,7 +533,7 @@ $popover-arrow-color:                 #fff !default;
 //** Popover outer arrow width
 $popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
 //** Popover outer arrow color
-$popover-arrow-outer-color:           fadein($popover-border-color, 5%) !default;
+$popover-arrow-outer-color:           fadein($popover-border-color, 7.5%) !default;
 //** Popover outer arrow fallback color
 $popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;
 
diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
index 391d6e6..1bcfcf7 100644
--- a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
+++ b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss
@@ -83,8 +83,8 @@ $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 
-$padding-base-vertical:     14px !default;
-$padding-base-horizontal:   18px !default;
+$padding-base-vertical:     8px !default;
+$padding-base-horizontal:   12px !default;
 
 $padding-large-vertical:    16px !default;
 $padding-large-horizontal:  20px !default;

From 529f8b9596556b80c9388f63b5a75b25e92af9ed Mon Sep 17 00:00:00 2001
From: Esteban Arango Medina 
Date: Sun, 7 Sep 2014 16:42:29 -0500
Subject: [PATCH 32/32] v3.2.4

---
 lib/bootswatch-rails/version.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/bootswatch-rails/version.rb b/lib/bootswatch-rails/version.rb
index 06b04c1..106eb06 100644
--- a/lib/bootswatch-rails/version.rb
+++ b/lib/bootswatch-rails/version.rb
@@ -1,5 +1,5 @@
 module Bootswatch
   module Rails
-    VERSION = '3.2.3'
+    VERSION = '3.2.4'
   end
 end