From 424f8ab78a6d94a2a7236414ea75c2f473d95481 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9?= <34602360+opnsenseuser@users.noreply.github.com>
Date: Tue, 22 Sep 2020 14:50:14 +0200
Subject: [PATCH] Tukan Theme Updates (#2038)

---
 misc/theme-tukan/Makefile                     |     2 +-
 .../themes/tukan/assets/stylesheets/main.scss | 11331 +++++++++++-----
 .../www/themes/tukan/build/css/main.css       |    29 +-
 3 files changed, 7775 insertions(+), 3587 deletions(-)

diff --git a/misc/theme-tukan/Makefile b/misc/theme-tukan/Makefile
index 9862d84c2..ef96f6a11 100644
--- a/misc/theme-tukan/Makefile
+++ b/misc/theme-tukan/Makefile
@@ -1,5 +1,5 @@
 PLUGIN_NAME=		theme-tukan
-PLUGIN_VERSION=		1.22
+PLUGIN_VERSION=		1.23
 PLUGIN_COMMENT=		The tukan theme - blue/white
 PLUGIN_MAINTAINER=	rene@team-rebellion.net
 
diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
index db752ab72..fffb043fd 100644
--- a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
+++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
@@ -1,4 +1,5 @@
 @charset "UTF-8";
+
 .widgetdiv .content-box-head {
   background: #294c5f !important;
   color: #FFF !important;
@@ -7,289 +8,350 @@
   padding-right: 1px !important;
   padding-left: 5px !important;
   min-height: 25px !important;
-  border: 1px solid #fff; }
+  border: 1px solid #fff;
 
-  .widgetdiv .content-box-head .btn-group .btn {
+  .btn-group .btn {
     color: #FFFFFF !important;
     background: none;
-    border: 0px; }
-    .widgetdiv .content-box-head .btn-group .btn .glyphicon {
-      color: #FFFFFF !important; }
-  .widgetdiv .content-box-head .list-inline li > h3 {
-    padding-top: 4px; }
+    border: 0px;
+
+    .glyphicon {
+      color: #FFFFFF !important;
+    }
+  }
+
+  .list-inline li > h3 {
+    padding-top: 4px;
+  }
+}
 
 @font-face {
   font-family: 'SourceSansProBold';
-  src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype"); }
+  src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype");
+}
+
 @font-face {
   font-family: 'SourceSansProSemibold';
-  src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype"); }
+  src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype");
+}
+
 @font-face {
   font-family: 'SourceSansProRegular';
-  src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); }
+  src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype");
+}
+
 /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
-table
-html {
+
+table html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%; }
+  -webkit-text-size-adjust: 100%;
+}
 
 body {
-  margin: 0; }
+  margin: 0;
+}
 
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-  display: block; }
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
+  display: block;
+}
 
-audio,
-canvas,
-progress,
-video {
+audio, canvas, progress, video {
   display: inline-block;
-  vertical-align: baseline; }
+  vertical-align: baseline;
+}
 
 audio:not([controls]) {
   display: none;
-  height: 0; }
+  height: 0;
+}
 
-[hidden],
-template {
-  display: none; }
+[hidden], template {
+  display: none;
+}
 
 a {
   color: #FF6C06;
   text-decoration: none;
   background: transparent;
-  outline: 0;  }
+  outline: 0;
 
-  a:link, a:active {
-	outline: 0; }
+  &:link, &:active {
+    outline: 0;
+  }
 
-  a:hover, a:focus {
+  &:hover, &:focus {
     color: #FF6C06;
-    text-decoration: underline; }
+    text-decoration: underline;
+  }
+}
 
 abbr[title] {
-  border-bottom: 1px dotted; }
+  border-bottom: 1px dotted;
+}
 
-b,
-strong {
-  font-weight: bold; }
+b, strong {
+  font-weight: bold;
+}
 
 dfn {
-  font-style: italic; }
+  font-style: italic;
+}
 
 h1 {
   font-size: 2em;
-  margin: 0.67em 0; }
+  margin: 0.67em 0;
+}
 
 mark {
   background: #ff0;
-  color: #000; }
+  color: #000;
+}
 
 small {
-  font-size: 80%; }
+  font-size: 80%;
+}
+
+sub {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
 
-sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
-  vertical-align: baseline; }
-
-sup {
-  top: -0.5em; }
+  vertical-align: baseline;
+  top: -0.5em;
+}
 
 sub {
-  bottom: -0.25em; }
+  bottom: -0.25em;
+}
 
 img {
-  border: 0; }
+  border: 0;
+}
 
 svg:not(:root) {
-  overflow: hidden; }
+  overflow: hidden;
+}
 
 figure {
-  margin: 1em 40px; }
+  margin: 1em 40px;
+}
 
 hr {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
-  height: 0; }
+  height: 0;
+}
 
 pre {
-  overflow: auto; }
+  overflow: auto;
+}
 
-code,
-kbd,
-pre,
-samp {
+code, kbd, pre, samp {
   font-family: monospace, monospace;
-  font-size: 1em; }
+  font-size: 1em;
+}
 
-button,
-input,
-optgroup,
-select,
-textarea {
+button, input, optgroup, select, textarea {
   color: inherit;
   font: inherit;
-  margin: 0; }
+  margin: 0;
+}
 
 button {
-  overflow: visible; }
+  overflow: visible;
+  text-transform: none;
+}
 
-button,
 select {
-  text-transform: none; }
+  text-transform: none;
+}
 
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
+button, html input[type="button"] {
   -webkit-appearance: button;
-  cursor: pointer; }
-
-button[disabled],
-html input[disabled] {
-  cursor: default; }
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0; }
+  cursor: pointer;
+}
 
 input {
-  line-height: normal; }
+  &[type="reset"], &[type="submit"] {
+    -webkit-appearance: button;
+    cursor: pointer;
+  }
+}
 
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box;
-  padding: 0; }
+button[disabled], html input[disabled] {
+  cursor: default;
+}
 
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto; }
+button::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
 
-input[type="search"] {
-  -webkit-appearance: textfield;
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box;
-  box-sizing: content-box; }
+input {
+  &::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
 
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none; }
+  line-height: normal;
+
+  &[type="checkbox"], &[type="radio"] {
+    box-sizing: border-box;
+    padding: 0;
+  }
+
+  &[type="number"] {
+    &::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
+      height: auto;
+    }
+  }
+
+  &[type="search"] {
+    -webkit-appearance: textfield;
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+
+    &::-webkit-search-cancel-button, &::-webkit-search-decoration {
+      -webkit-appearance: none;
+    }
+  }
+}
 
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em; }
+  padding: 0.35em 0.625em 0.75em;
+}
 
 legend {
   border: 0;
-  padding: 0; }
+  padding: 0;
+}
 
 textarea {
-  overflow: auto; }
+  overflow: auto;
+}
 
 optgroup {
-  font-weight: bold; }
+  font-weight: bold;
+}
 
 table {
   border-collapse: none;
   border-spacing: 0;
   color: #000;
   background-color: #F0F0F0;
-  width: 100%; }
+  width: 100%;
+}
 
-td,
-th {
-  padding: 0;  }
+td, th {
+  padding: 0;
+}
 
 @media print {
   * {
     text-shadow: none !important;
     color: #000 !important;
     background: transparent !important;
-    box-shadow: none !important; }
+    box-shadow: none !important;
+  }
 
-  a,
-  a:visited {
-    text-decoration: underline; }
+  a {
+    text-decoration: underline;
 
-  a[href]:after {
-    content: " (" attr(href) ")"; }
+    &:visited {
+      text-decoration: underline;
+    }
+
+    &[href]:after {
+      content: " (" attr(href) ")";
+    }
+  }
 
   abbr[title]:after {
-    content: " (" attr(title) ")"; }
+    content: " (" attr(title) ")";
+  }
 
-  a[href^="javascript:"]:after,
-  a[href^="#"]:after {
-    content: ""; }
+  a {
+    &[href^="javascript:"]:after, &[href^="#"]:after {
+      content: "";
+    }
+  }
 
-  pre,
-  blockquote {
+  pre, blockquote {
     border: 1px solid #999;
-    page-break-inside: avoid; }
+    page-break-inside: avoid;
+  }
 
   thead {
-    display: table-header-group; }
+    display: table-header-group;
+  }
 
-  tr,
-  img {
-    page-break-inside: avoid; }
+  tr {
+    page-break-inside: avoid;
+  }
 
   img {
-    max-width: 100% !important; }
+    page-break-inside: avoid;
+    max-width: 100% !important;
+  }
 
-  p,
-  h2,
-  h3 {
+  p, h2, h3 {
     orphans: 3;
-    widows: 3; }
+    widows: 3;
+  }
 
-  h2,
-  h3 {
-    page-break-after: avoid; }
+  h2, h3 {
+    page-break-after: avoid;
+  }
 
   select {
-    background: #fff !important; }
+    background: #fff !important;
+  }
 
   .navbar {
-    display: none; }
-
-  .table td,
-  .table th {
-    background-color: #fff !important; }
-
-  .btn > .caret,
-  .dropup > .btn > .caret {
-    border-top-color: #000 !important; }
-
-  .label {
-    border: 1px solid #000; }
+    display: none;
+  }
 
   .table {
-    border-collapse: collapse !important; }
+    td, th {
+      background-color: #fff !important;
+    }
+  }
+
+  .btn > .caret, .dropup > .btn > .caret {
+    border-top-color: #000 !important;
+  }
+
+  .label {
+    border: 1px solid #000;
+  }
+
+  .table {
+    border-collapse: collapse !important;
+  }
+
+  .table-bordered {
+    th, td {
+      border: 1px solid #ddd !important;
+    }
+  }
+}
 
-  .table-bordered th,
-  .table-bordered td {
-    border: 1px solid #ddd !important; } }
 @font-face {
   font-family: 'Glyphicons Halflings';
   src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
-  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
+  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
+}
+
 .glyphicon {
   position: relative;
   top: 1px;
@@ -299,628 +361,831 @@ th {
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale; }
+  -moz-osx-font-smoothing: grayscale;
+}
 
 .glyphicon-asterisk:before {
-  content: "\2a"; }
+  content: "\2a";
+}
 
 .glyphicon-plus:before {
-  content: "\2b"; }
+  content: "\2b";
+}
 
 .glyphicon-euro:before {
-  content: "\20ac"; }
+  content: "\20ac";
+}
 
 .glyphicon-minus:before {
-  content: "\2212"; }
+  content: "\2212";
+}
 
 .glyphicon-cloud:before {
-  content: "\2601"; }
+  content: "\2601";
+}
 
 .glyphicon-envelope:before {
-  content: "\2709"; }
+  content: "\2709";
+}
 
 .glyphicon-pencil:before {
-  content: "\270f"; }
+  content: "\270f";
+}
 
 .glyphicon-glass:before {
-  content: "\e001"; }
+  content: "\e001";
+}
 
 .glyphicon-music:before {
-  content: "\e002"; }
+  content: "\e002";
+}
 
 .icon.glyphicon.input-group-addon.glyphicon-search:before, .glyphicon-search:before {
   content: "\e003";
-  color: #FFF !important; }
+  color: #FFF !important;
+}
 
 .glyphicon-heart:before {
-  content: "\e005"; }
+  content: "\e005";
+}
 
 .glyphicon-star:before {
-  content: "\e006"; }
+  content: "\e006";
+}
 
 .glyphicon-star-empty:before {
-  content: "\e007"; }
+  content: "\e007";
+}
 
 .glyphicon-user:before {
-  content: "\e008"; }
+  content: "\e008";
+}
 
 .glyphicon-film:before {
-  content: "\e009"; }
+  content: "\e009";
+}
 
 .glyphicon-th-large:before {
-  content: "\e010"; }
+  content: "\e010";
+}
 
 .glyphicon-th:before {
-  content: "\e011"; }
+  content: "\e011";
+}
 
 .glyphicon-th-list:before {
-  content: "\e012"; }
+  content: "\e012";
+}
 
 .glyphicon-ok:before {
-  content: "\e013"; }
+  content: "\e013";
+}
 
 .glyphicon-remove:before {
-  content: "\e014"; }
+  content: "\e014";
+}
 
 .glyphicon-zoom-in:before {
-  content: "\e015"; }
+  content: "\e015";
+}
 
 .glyphicon-zoom-out:before {
-  content: "\e016"; }
+  content: "\e016";
+}
 
 .glyphicon-off:before {
-  content: "\e017"; }
+  content: "\e017";
+}
 
 .glyphicon-signal:before {
-  content: "\e018"; }
+  content: "\e018";
+}
 
 .glyphicon-cog:before {
-  content: "\e019"; }
+  content: "\e019";
+}
 
 .glyphicon-trash:before {
-  content: "\e020"; }
+  content: "\e020";
+}
 
 .glyphicon-home:before {
-  content: "\e021"; }
+  content: "\e021";
+}
 
 .glyphicon-file:before {
-  content: "\e022"; }
+  content: "\e022";
+}
 
 .glyphicon-time:before {
-  content: "\e023"; }
+  content: "\e023";
+}
 
 .glyphicon-road:before {
-  content: "\e024"; }
+  content: "\e024";
+}
 
 .glyphicon-download-alt:before {
-  content: "\e025"; }
+  content: "\e025";
+}
 
 .glyphicon-download:before {
-  content: "\e026"; }
+  content: "\e026";
+}
 
 .glyphicon-upload:before {
-  content: "\e027"; }
+  content: "\e027";
+}
 
 .glyphicon-inbox:before {
-  content: "\e028"; }
+  content: "\e028";
+}
 
 .glyphicon-play-circle:before {
-  content: "\e029"; }
+  content: "\e029";
+}
 
 .glyphicon-repeat:before {
-  content: "\e030"; }
+  content: "\e030";
+}
 
 .glyphicon-refresh:before {
-  content: "\e031"; }
+  content: "\e031";
+}
 
 .glyphicon-list-alt:before {
-  content: "\e032"; }
+  content: "\e032";
+}
 
 .glyphicon-lock:before {
-  content: "\e033"; }
+  content: "\e033";
+}
 
 .glyphicon-flag:before {
-  content: "\e034"; }
+  content: "\e034";
+}
 
 .glyphicon-headphones:before {
-  content: "\e035"; }
+  content: "\e035";
+}
 
 .glyphicon-volume-off:before {
-  content: "\e036"; }
+  content: "\e036";
+}
 
 .glyphicon-volume-down:before {
-  content: "\e037"; }
+  content: "\e037";
+}
 
 .glyphicon-volume-up:before {
-  content: "\e038"; }
+  content: "\e038";
+}
 
 .glyphicon-qrcode:before {
-  content: "\e039"; }
+  content: "\e039";
+}
 
 .glyphicon-barcode:before {
-  content: "\e040"; }
+  content: "\e040";
+}
 
 .glyphicon-tag:before {
-  content: "\e041"; }
+  content: "\e041";
+}
 
 .glyphicon-tags:before {
-  content: "\e042"; }
+  content: "\e042";
+}
 
 .glyphicon-book:before {
-  content: "\e043"; }
+  content: "\e043";
+}
 
 .glyphicon-bookmark:before {
-  content: "\e044"; }
+  content: "\e044";
+}
 
 .glyphicon-print:before {
-  content: "\e045"; }
+  content: "\e045";
+}
 
 .glyphicon-camera:before {
-  content: "\e046"; }
+  content: "\e046";
+}
 
 .glyphicon-font:before {
-  content: "\e047"; }
+  content: "\e047";
+}
 
 .glyphicon-bold:before {
-  content: "\e048"; }
+  content: "\e048";
+}
 
 .glyphicon-italic:before {
-  content: "\e049"; }
+  content: "\e049";
+}
 
 .glyphicon-text-height:before {
-  content: "\e050"; }
+  content: "\e050";
+}
 
 .glyphicon-text-width:before {
-  content: "\e051"; }
+  content: "\e051";
+}
 
 .glyphicon-align-left:before {
-  content: "\e052"; }
+  content: "\e052";
+}
 
 .glyphicon-align-center:before {
-  content: "\e053"; }
+  content: "\e053";
+}
 
 .glyphicon-align-right:before {
-  content: "\e054"; }
+  content: "\e054";
+}
 
 .glyphicon-align-justify:before {
-  content: "\e055"; }
+  content: "\e055";
+}
 
 .glyphicon-list:before {
-  content: "\e056"; }
+  content: "\e056";
+}
 
 .glyphicon-indent-left:before {
-  content: "\e057"; }
+  content: "\e057";
+}
 
 .glyphicon-indent-right:before {
-  content: "\e058"; }
+  content: "\e058";
+}
 
 .glyphicon-facetime-video:before {
-  content: "\e059"; }
+  content: "\e059";
+}
 
 .glyphicon-picture:before {
-  content: "\e060"; }
+  content: "\e060";
+}
 
 .glyphicon-map-marker:before {
-  content: "\e062"; }
+  content: "\e062";
+}
 
 .glyphicon-adjust:before {
-  content: "\e063"; }
+  content: "\e063";
+}
 
 .glyphicon-tint:before {
-  color:#3F0;
-  content: "\e064"; }
+  color: #3F0;
+  content: "\e064";
+}
 
 .glyphicon-edit:before {
-  content: "\e065"; }
+  content: "\e065";
+}
 
 .glyphicon-share:before {
-  content: "\e066"; }
+  content: "\e066";
+}
 
 .glyphicon-check:before {
-  content: "\e067"; }
+  content: "\e067";
+}
 
 .glyphicon-move:before {
-  content: "\e068"; }
+  content: "\e068";
+}
 
 .glyphicon-step-backward:before {
-  content: "\e069"; }
+  content: "\e069";
+}
 
 .glyphicon-fast-backward:before {
-  content: "\e070"; }
+  content: "\e070";
+}
 
 .glyphicon-backward:before {
-  content: "\e071"; }
+  content: "\e071";
+}
 
 .glyphicon-play:before {
-  content: "\e072"; }
+  content: "\e072";
+}
 
 .glyphicon-pause:before {
-  content: "\e073"; }
+  content: "\e073";
+}
 
 .glyphicon-stop:before {
-  content: "\e074"; }
+  content: "\e074";
+}
 
 .glyphicon-forward:before {
-  content: "\e075"; }
+  content: "\e075";
+}
 
 .glyphicon-fast-forward:before {
-  content: "\e076"; }
+  content: "\e076";
+}
 
 .glyphicon-step-forward:before {
-  content: "\e077"; }
+  content: "\e077";
+}
 
 .glyphicon-eject:before {
-  content: "\e078"; }
+  content: "\e078";
+}
 
 .glyphicon-chevron-left:before {
-  content: "\e079"; }
+  content: "\e079";
+}
 
 .glyphicon-chevron-right:before {
-  content: "\e080"; }
+  content: "\e080";
+}
 
 .glyphicon-plus-sign:before {
-  content: "\e081"; }
+  content: "\e081";
+}
 
 .glyphicon-minus-sign:before {
-  content: "\e082"; }
+  content: "\e082";
+}
 
 .glyphicon-remove-sign:before {
-  content: "\e083"; }
+  content: "\e083";
+}
 
 .glyphicon-ok-sign:before {
-  content: "\e084"; }
+  content: "\e084";
+}
 
 .glyphicon-question-sign:before {
-  content: "\e085"; }
+  content: "\e085";
+}
 
 .glyphicon-info-sign:before {
-  content: "\e086"; }
+  content: "\e086";
+}
 
 .glyphicon-screenshot:before {
-  content: "\e087"; }
+  content: "\e087";
+}
 
 .glyphicon-remove-circle:before {
-  content: "\e088"; }
+  content: "\e088";
+}
 
 .glyphicon-ok-circle:before {
-  content: "\e089"; }
+  content: "\e089";
+}
 
 .glyphicon-ban-circle:before {
-  content: "\e090"; }
+  content: "\e090";
+}
 
 .glyphicon-arrow-left:before {
-  content: "\e091"; }
+  content: "\e091";
+}
 
 .glyphicon-arrow-right:before {
-  content: "\e092"; }
+  content: "\e092";
+}
 
 .glyphicon-arrow-up:before {
   content: "\e093";
-  color: #4FB654 !important; }
+  color: #4FB654 !important;
+}
 
 .glyphicon-arrow-down:before {
   content: "\e094";
-  color: #FF5E3B !important; }
+  color: #FF5E3B !important;
+}
 
 .glyphicon-share-alt:before {
-  content: "\e095"; }
+  content: "\e095";
+}
 
 .glyphicon-resize-full:before {
-  content: "\e096"; }
+  content: "\e096";
+}
 
 .glyphicon-resize-small:before {
-  content: "\e097"; }
+  content: "\e097";
+}
 
 .glyphicon-exclamation-sign:before {
-  content: "\e101"; }
+  content: "\e101";
+}
 
 .glyphicon-gift:before {
-  content: "\e102"; }
+  content: "\e102";
+}
 
 .glyphicon-leaf:before {
-  content: "\e103"; }
+  content: "\e103";
+}
 
 .glyphicon-fire:before {
-  content: "\e104"; }
+  content: "\e104";
+}
 
 .glyphicon-eye-open:before {
-  content: "\e105"; }
+  content: "\e105";
+}
 
 .glyphicon-eye-close:before {
-  content: "\e106"; }
+  content: "\e106";
+}
 
 .glyphicon-warning-sign:before {
-  content: "\e107"; }
+  content: "\e107";
+}
 
 .glyphicon-plane:before {
-  content: "\e108"; }
+  content: "\e108";
+}
 
 .glyphicon-calendar:before {
-  content: "\e109"; }
+  content: "\e109";
+}
 
 .glyphicon-random:before {
-  content: "\e110"; }
+  content: "\e110";
+}
 
 .glyphicon-comment:before {
-  content: "\e111"; }
+  content: "\e111";
+}
 
 .glyphicon-magnet:before {
-  content: "\e112"; }
+  content: "\e112";
+}
 
 .glyphicon-chevron-up:before {
-  content: "\e113"; }
+  content: "\e113";
+}
 
 .glyphicon-chevron-down:before {
-  content: "\e114"; }
+  content: "\e114";
+}
 
 .glyphicon-retweet:before {
-  content: "\e115"; }
+  content: "\e115";
+}
 
 .glyphicon-shopping-cart:before {
-  content: "\e116"; }
+  content: "\e116";
+}
 
 .glyphicon-folder-close:before {
-  content: "\e117"; }
+  content: "\e117";
+}
 
 .glyphicon-folder-open:before {
-  content: "\e118"; }
+  content: "\e118";
+}
 
 .glyphicon-resize-vertical:before {
-  content: "\e119"; }
+  content: "\e119";
+}
 
 .glyphicon-resize-horizontal:before {
-  content: "\e120"; }
+  content: "\e120";
+}
 
 .glyphicon-hdd:before {
-  content: "\e121"; }
+  content: "\e121";
+}
 
 .glyphicon-bullhorn:before {
-  content: "\e122"; }
+  content: "\e122";
+}
 
 .glyphicon-bell:before {
-  content: "\e123"; }
+  content: "\e123";
+}
 
 .glyphicon-certificate:before {
-  content: "\e124"; }
+  content: "\e124";
+}
 
 .glyphicon-thumbs-up:before {
-  content: "\e125"; }
+  content: "\e125";
+}
 
 .glyphicon-thumbs-down:before {
-  content: "\e126"; }
+  content: "\e126";
+}
 
 .glyphicon-hand-right:before {
-  content: "\e127"; }
+  content: "\e127";
+}
 
 .glyphicon-hand-left:before {
-  content: "\e128"; }
+  content: "\e128";
+}
 
 .glyphicon-hand-up:before {
-  content: "\e129"; }
+  content: "\e129";
+}
 
 .glyphicon-hand-down:before {
-  content: "\e130"; }
+  content: "\e130";
+}
 
 .glyphicon-circle-arrow-right:before {
-  content: "\e131"; }
+  content: "\e131";
+}
 
 .glyphicon-circle-arrow-left:before {
-  content: "\e132"; }
+  content: "\e132";
+}
 
 .glyphicon-circle-arrow-up:before {
-  content: "\e133"; }
+  content: "\e133";
+}
 
 .glyphicon-circle-arrow-down:before {
-  content: "\e134"; }
+  content: "\e134";
+}
 
 .glyphicon-globe:before {
-  content: "\e135"; }
+  content: "\e135";
+}
 
 .glyphicon-wrench:before {
-  content: "\e136"; }
+  content: "\e136";
+}
 
 .glyphicon-tasks:before {
-  content: "\e137"; }
+  content: "\e137";
+}
 
 .glyphicon-filter:before {
-  content: "\e138"; }
+  content: "\e138";
+}
 
 .glyphicon-briefcase:before {
-  content: "\e139"; }
+  content: "\e139";
+}
 
 .glyphicon-fullscreen:before {
-  content: "\e140"; }
+  content: "\e140";
+}
 
 .glyphicon-dashboard:before {
-  content: "\e141"; }
+  content: "\e141";
+}
 
 .glyphicon-paperclip:before {
-  content: "\e142"; }
+  content: "\e142";
+}
 
 .glyphicon-heart-empty:before {
-  content: "\e143"; }
+  content: "\e143";
+}
 
 .glyphicon-link:before {
-  content: "\e144"; }
+  content: "\e144";
+}
 
 .glyphicon-phone:before {
-  content: "\e145"; }
+  content: "\e145";
+}
 
 .glyphicon-pushpin:before {
-  content: "\e146"; }
+  content: "\e146";
+}
 
 .glyphicon-usd:before {
-  content: "\e148"; }
+  content: "\e148";
+}
 
 .glyphicon-gbp:before {
-  content: "\e149"; }
+  content: "\e149";
+}
 
 .glyphicon-sort:before {
-  content: "\e150"; }
+  content: "\e150";
+}
 
 .glyphicon-sort-by-alphabet:before {
-  content: "\e151"; }
+  content: "\e151";
+}
 
 .glyphicon-sort-by-alphabet-alt:before {
-  content: "\e152"; }
+  content: "\e152";
+}
 
 .glyphicon-sort-by-order:before {
-  content: "\e153"; }
+  content: "\e153";
+}
 
 .glyphicon-sort-by-order-alt:before {
-  content: "\e154"; }
+  content: "\e154";
+}
 
 .glyphicon-sort-by-attributes:before {
-  content: "\e155"; }
+  content: "\e155";
+}
 
 .glyphicon-sort-by-attributes-alt:before {
-  content: "\e156"; }
+  content: "\e156";
+}
 
 .glyphicon-unchecked:before {
-  content: "\e157"; }
+  content: "\e157";
+}
 
 .glyphicon-expand:before {
-  content: "\e158"; }
+  content: "\e158";
+}
 
 .glyphicon-collapse-down:before {
-  content: "\e159"; }
+  content: "\e159";
+}
 
 .glyphicon-collapse-up:before {
-  content: "\e160"; }
+  content: "\e160";
+}
 
 .glyphicon-log-in:before {
-  content: "\e161"; }
+  content: "\e161";
+}
 
 .glyphicon-flash:before {
-  content: "\e162"; }
+  content: "\e162";
+}
 
 .glyphicon-log-out:before {
-  content: "\e163"; }
+  content: "\e163";
+}
 
 .glyphicon-new-window:before {
-  content: "\e164"; }
+  content: "\e164";
+}
 
 .glyphicon-record:before {
-  content: "\e165"; }
+  content: "\e165";
+}
 
 .glyphicon-save:before {
-  content: "\e166"; }
+  content: "\e166";
+}
 
 .glyphicon-open:before {
-  content: "\e167"; }
+  content: "\e167";
+}
 
 .glyphicon-saved:before {
-  content: "\e168"; }
+  content: "\e168";
+}
 
 .glyphicon-import:before {
-  content: "\e169"; }
+  content: "\e169";
+}
 
 .glyphicon-export:before {
-  content: "\e170"; }
+  content: "\e170";
+}
 
 .glyphicon-send:before {
-  content: "\e171"; }
+  content: "\e171";
+}
 
 .glyphicon-floppy-disk:before {
-  content: "\e172"; }
+  content: "\e172";
+}
 
 .glyphicon-floppy-saved:before {
-  content: "\e173"; }
+  content: "\e173";
+}
 
 .glyphicon-floppy-remove:before {
-  content: "\e174"; }
+  content: "\e174";
+}
 
 .glyphicon-floppy-save:before {
-  content: "\e175"; }
+  content: "\e175";
+}
 
 .glyphicon-floppy-open:before {
-  content: "\e176"; }
+  content: "\e176";
+}
 
 .glyphicon-credit-card:before {
-  content: "\e177"; }
+  content: "\e177";
+}
 
 .glyphicon-transfer:before {
   content: "\e178";
-  color:#4FB654 !important; }
+  color: #4FB654 !important;
+}
 
 .glyphicon-cutlery:before {
-  content: "\e179"; }
+  content: "\e179";
+}
 
 .glyphicon-header:before {
-  content: "\e180"; }
+  content: "\e180";
+}
 
 .glyphicon-compressed:before {
-  content: "\e181"; }
+  content: "\e181";
+}
 
 .glyphicon-earphone:before {
-  content: "\e182"; }
+  content: "\e182";
+}
 
 .glyphicon-phone-alt:before {
-  content: "\e183"; }
+  content: "\e183";
+}
 
 .glyphicon-tower:before {
-  content: "\e184"; }
+  content: "\e184";
+}
 
 .glyphicon-stats:before {
-  content: "\e185"; }
+  content: "\e185";
+}
 
 .glyphicon-sd-video:before {
-  content: "\e186"; }
+  content: "\e186";
+}
 
 .glyphicon-hd-video:before {
-  content: "\e187"; }
+  content: "\e187";
+}
 
 .glyphicon-subtitles:before {
-  content: "\e188"; }
+  content: "\e188";
+}
 
 .glyphicon-sound-stereo:before {
-  content: "\e189"; }
+  content: "\e189";
+}
 
 .glyphicon-sound-dolby:before {
-  content: "\e190"; }
+  content: "\e190";
+}
 
 .glyphicon-sound-5-1:before {
-  content: "\e191"; }
+  content: "\e191";
+}
 
 .glyphicon-sound-6-1:before {
-  content: "\e192"; }
+  content: "\e192";
+}
 
 .glyphicon-sound-7-1:before {
-  content: "\e193"; }
+  content: "\e193";
+}
 
 .glyphicon-copyright-mark:before {
-  content: "\e194"; }
+  content: "\e194";
+}
 
 .glyphicon-registration-mark:before {
-  content: "\e195"; }
+  content: "\e195";
+}
 
 .glyphicon-cloud-download:before {
-  content: "\e197"; }
+  content: "\e197";
+}
 
 .glyphicon-cloud-upload:before {
-  content: "\e198"; }
+  content: "\e198";
+}
 
 .glyphicon-tree-conifer:before {
-  content: "\e199"; }
+  content: "\e199";
+}
 
 .glyphicon-tree-deciduous:before {
-  content: "\e200"; }
+  content: "\e200";
+}
 
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  text-decoration:none;}
+  text-decoration: none;
 
-*:before,
-*:after {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box; }
+  &:before, &:after {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+}
 
 html {
   font-size: 10px;
-  -webkit-tap-highlight-color: transparent; }
+  -webkit-tap-highlight-color: transparent;
+}
 
 body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -929,28 +1194,30 @@ body {
   color: #000;
 }
 
-input,
-button,
-select,
-textarea {
+input, button, select, textarea {
   font-family: inherit;
   font-size: inherit;
-  line-height: inherit; }
+  line-height: inherit;
+}
 
 figure {
-  margin: 0; }
+  margin: 0;
+}
 
 img {
-  vertical-align: middle; }
+  vertical-align: middle;
+}
 
 .img-responsive {
   display: block;
   width: 100% \9;
   max-width: 100%;
-  height: auto; }
+  height: auto;
+}
 
 .img-rounded {
-  border-radius: 6px; }
+  border-radius: 6px;
+}
 
 .img-thumbnail {
   padding: 4px;
@@ -964,16 +1231,19 @@ img {
   display: inline-block;
   width: 100% \9;
   max-width: 100%;
-  height: auto; }
+  height: auto;
+}
 
 .img-circle {
-  border-radius: 50%; }
+  border-radius: 50%;
+}
 
 hr {
   margin-top: 20px;
   margin-bottom: 20px;
   border: 0;
-  border-top: 1px solid #eeeeee; }
+  border-top: 1px solid #eeeeee;
+}
 
 .sr-only {
   position: absolute;
@@ -983,335 +1253,553 @@ hr {
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
-  border: 0; }
+  border: 0;
+}
 
-.sr-only-focusable:active, .sr-only-focusable:focus {
-  position: static;
-  width: auto;
-  height: auto;
-  margin: 0;
-  overflow: visible;
-  clip: auto; }
+.sr-only-focusable {
+  &:active, &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+  }
+}
 
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: "SourceSansProSemiBold";
   font-weight: 100;
   line-height: 1.4;
-  color: inherit; }
-  h1 small,
-  h1 .small, h2 small,
-  h2 .small, h3 small,
-  h3 .small, h4 small,
-  h4 .small, h5 small,
-  h5 .small, h6 small,
-  h6 .small,
-  .h1 small,
-  .h1 .small, .h2 small,
-  .h2 .small, .h3 small,
-  .h3 .small, .h4 small,
-  .h4 .small, .h5 small,
-  .h5 .small, .h6 small,
-  .h6 .small {
+  color: inherit;
+}
+
+h1 {
+  small, .small {
     font-weight: normal;
     line-height: 1;
-    color: #b6b6b6; }
+    color: #b6b6b6;
+  }
+}
 
-h1, .h1,
-h2, .h2,
-h3, .h3 {
+h2 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+h3 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+h4 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+h5 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+h6 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+.h1 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+.h2 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+.h3 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+.h4 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+.h5 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+.h6 {
+  small, .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #b6b6b6;
+  }
+}
+
+h1, .h1, h2, .h2, h3, .h3 {
   margin-top: 20px;
-  margin-bottom: 10px; }
-  h1 small,
-  h1 .small, .h1 small,
-  .h1 .small,
-  h2 small,
-  h2 .small, .h2 small,
-  .h2 .small,
-  h3 small,
-  h3 .small, .h3 small,
-  .h3 .small {
-    font-size: 65%; }
+  margin-bottom: 10px;
+}
 
-h4, .h4,
-h5, .h5,
-h6, .h6 {
+h1 {
+  small, .small {
+    font-size: 65%;
+  }
+}
+
+.h1 {
+  small, .small {
+    font-size: 65%;
+  }
+}
+
+h2 {
+  small, .small {
+    font-size: 65%;
+  }
+}
+
+.h2 {
+  small, .small {
+    font-size: 65%;
+  }
+}
+
+h3 {
+  small, .small {
+    font-size: 65%;
+  }
+}
+
+.h3 {
+  small, .small {
+    font-size: 65%;
+  }
+}
+
+h4, .h4, h5, .h5, h6, .h6 {
   margin-top: 10px;
-  margin-bottom: 10px; }
-  h4 small,
-  h4 .small, .h4 small,
-  .h4 .small,
-  h5 small,
-  h5 .small, .h5 small,
-  .h5 .small,
-  h6 small,
-  h6 .small, .h6 small,
-  .h6 .small {
-    font-size: 75%; }
+  margin-bottom: 10px;
+}
+
+h4 {
+  small, .small {
+    font-size: 75%;
+  }
+}
+
+.h4 {
+  small, .small {
+    font-size: 75%;
+  }
+}
+
+h5 {
+  small, .small {
+    font-size: 75%;
+  }
+}
+
+.h5 {
+  small, .small {
+    font-size: 75%;
+  }
+}
+
+h6 {
+  small, .small {
+    font-size: 75%;
+  }
+}
+
+.h6 {
+  small, .small {
+    font-size: 75%;
+  }
+}
 
 h1, .h1 {
-  font-size: 23px; }
+  font-size: 23px;
+}
 
 h2, .h2 {
-  font-size: 16px; }
+  font-size: 16px;
+}
 
 h3, .h3 {
-  font-size: 14px; }
+  font-size: 14px;
+}
 
 h4, .h4 {
-  font-size: 18px; }
+  font-size: 18px;
+}
 
 h5, .h5 {
-  font-size: 14px; }
+  font-size: 14px;
+}
 
 h6, .h6 {
-  font-size: 12px; }
+  font-size: 12px;
+}
 
 p {
-  margin: 0 0 10px; }
+  margin: 0 0 10px;
+}
 
 .lead {
   margin-bottom: 20px;
   font-size: 16px;
   font-weight: 300;
-  line-height: 1.4; }
-  @media (min-width: 768px) {
-    .lead {
-      font-size: 21px; } }
+  line-height: 1.4;
+}
 
-small,
-.small {
-  font-size: 85%; }
+@media (min-width: 768px) {
+  .lead {
+    font-size: 21px;
+  }
+}
+
+small, .small {
+  font-size: 85%;
+}
 
 cite {
-  font-style: normal; }
+  font-style: normal;
+}
 
-mark,
-.mark {
+mark, .mark {
   background-color: #fcf8e3;
-  padding: .2em; }
+  padding: .2em;
+}
 
 .text-left {
-  text-align: left; }
+  text-align: left;
+}
 
 .text-right {
-  text-align: right; }
+  text-align: right;
+}
 
 .text-center {
-  text-align: center; }
+  text-align: center;
+}
 
 .text-justify {
-  text-align: justify; }
+  text-align: justify;
+}
 
 .text-nowrap {
-  white-space: nowrap; }
+  white-space: nowrap;
+}
 
 .text-lowercase {
-  text-transform: lowercase; }
+  text-transform: lowercase;
+}
 
 .text-uppercase {
-  text-transform: uppercase; }
+  text-transform: uppercase;
+}
 
 .text-capitalize {
-  text-transform: capitalize; }
+  text-transform: capitalize;
+}
 
 .text-muted {
-  color: inherit; }
+  color: inherit;
+}
 
 .text-primary {
-  color: #FF8B00; }
+  color: #FF8B00;
+}
 
 a.text-primary:hover {
-  color: #b85904; }
+  color: #b85904;
+}
 
 .text-success {
-  color: #4FB654; }
+  color: #4FB654;
+}
 
 a.text-success:hover {
-  color: #7fc54f; }
+  color: #7fc54f;
+}
 
 .text-info {
-  color: #47809f; }
+  color: #47809f;
+}
 
 a.text-info:hover {
-  color: #245269; }
+  color: #245269;
+}
 
 .text-warning {
-  color: #f0ad4e; }
+  color: #f0ad4e;
+}
 
 a.text-warning:hover {
-  color: #ec971f; }
+  color: #ec971f;
+}
 
 .text-danger {
-  color: #CB4326; }
+  color: #CB4326;
+}
 
 a.text-danger:hover {
-  color: #D8482A; }
+  color: #D8482A;
+}
 
 .bg-primary {
-  color: #fff; }
-
-.bg-primary {
-  background-color: #FF8B00; }
+  color: #fff;
+  background-color: #FF8B00;
+}
 
 a.bg-primary:hover {
-  background-color: #b85904; }
+  background-color: #b85904;
+}
 
 .bg-success {
-  background-color: #9BD275; }
+  background-color: #9BD275;
+}
 
 a.bg-success:hover {
-  background-color: #7fc54f; }
+  background-color: #7fc54f;
+}
 
 .bg-info {
-  background-color: #d9edf7; }
+  background-color: #d9edf7;
+}
 
 a.bg-info:hover {
-  background-color: #afd9ee; }
+  background-color: #afd9ee;
+}
 
 .bg-warning {
-  background-color: #fcf8e3; }
+  background-color: #fcf8e3;
+}
 
 a.bg-warning:hover {
-  background-color: #f7ecb5; }
+  background-color: #f7ecb5;
+}
 
 .bg-danger {
-  background-color: #F05050; }
+  background-color: #F05050;
+}
 
 a.bg-danger:hover {
-  background-color: #ec2121; }
+  background-color: #ec2121;
+}
 
 .page-header {
   padding-bottom: 9px;
   margin: 40px 0 20px;
-  border-bottom: 1px solid #eeeeee; }
+  border-bottom: 1px solid #eeeeee;
+}
 
-ul,
-ol {
+ul, ol {
   margin-top: 0;
-  margin-bottom: 10px; }
-  ul ul,
-  ul ol,
-  ol ul,
-  ol ol {
-    margin-bottom: 0; }
+  margin-bottom: 10px;
+}
 
-.list-unstyled, .list-inline {
+ul {
+  ul, ol {
+    margin-bottom: 0;
+  }
+}
+
+ol {
+  ul, ol {
+    margin-bottom: 0;
+  }
+}
+
+.list-unstyled {
   padding-left: 0;
-  list-style: none; }
+  list-style: none;
+}
 
 .list-inline {
-  margin-left: -5px; }
-  .list-inline > li {
+  padding-left: 0;
+  list-style: none;
+  margin-left: -5px;
+
+  > li {
     float: left;
     padding-left: 5px;
-    padding-right: 5px; }
+    padding-right: 5px;
+  }
+}
 
 dl {
   margin-top: 0;
-  margin-bottom: 20px; }
+  margin-bottom: 20px;
+}
 
-dt,
-dd {
-  line-height: 1.428571429; }
+dt, dd {
+  line-height: 1.428571429;
+}
 
 dt {
-  font-weight: bold; }
+  font-weight: bold;
+}
 
 dd {
-  margin-left: 0; }
+  margin-left: 0;
+}
+
+.dl-horizontal dd {
+  &:before {
+    content: " ";
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+}
 
-.dl-horizontal dd:before, .dl-horizontal dd:after {
-  content: " ";
-  display: table; }
-.dl-horizontal dd:after {
-  clear: both; }
 @media (min-width: 768px) {
-  .dl-horizontal dt {
-    float: left;
-    width: 160px;
-    clear: left;
-    text-align: right;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap; }
-  .dl-horizontal dd {
-    margin-left: 180px; } }
+  .dl-horizontal {
+    dt {
+      float: left;
+      width: 160px;
+      clear: left;
+      text-align: right;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
 
-abbr[title],
-abbr[data-original-title] {
-  cursor: help;
-  border-bottom: 1px dotted #777777; }
+    dd {
+      margin-left: 180px;
+    }
+  }
+}
+
+abbr {
+  &[title], &[data-original-title] {
+    cursor: help;
+    border-bottom: 1px dotted #777777;
+  }
+}
 
 .initialism {
   font-size: 90%;
-  text-transform: uppercase; }
+  text-transform: uppercase;
+}
 
 blockquote {
   padding: 10px 20px;
   margin: 0 0 20px;
   font-size: 17.5px;
-  border-left: 5px solid #eeeeee; }
-  blockquote p:last-child,
-  blockquote ul:last-child,
-  blockquote ol:last-child {
-    margin-bottom: 0; }
-  blockquote footer,
-  blockquote small,
-  blockquote .small {
+  border-left: 5px solid #eeeeee;
+
+  p:last-child, ul:last-child, ol:last-child {
+    margin-bottom: 0;
+  }
+
+  footer, small, .small {
     display: block;
     font-size: 80%;
     line-height: 1.428571429;
-    color: #777777; }
-    blockquote footer:before,
-    blockquote small:before,
-    blockquote .small:before {
-      content: '\2014 \00A0'; }
+    color: #777777;
+  }
 
-.blockquote-reverse,
-blockquote.pull-right {
+  footer:before, small:before, .small:before {
+    content: '\2014 \00A0';
+  }
+}
+
+.blockquote-reverse, blockquote.pull-right {
   padding-right: 15px;
   padding-left: 0;
   border-right: 5px solid #eeeeee;
   border-left: 0;
-  text-align: right; }
-  .blockquote-reverse footer:before,
-  .blockquote-reverse small:before,
-  .blockquote-reverse .small:before,
-  blockquote.pull-right footer:before,
-  blockquote.pull-right small:before,
-  blockquote.pull-right .small:before {
-    content: ''; }
-  .blockquote-reverse footer:after,
-  .blockquote-reverse small:after,
-  .blockquote-reverse .small:after,
-  blockquote.pull-right footer:after,
-  blockquote.pull-right small:after,
-  blockquote.pull-right .small:after {
-    content: '\00A0 \2014'; }
+  text-align: right;
+}
 
-blockquote:before,
-blockquote:after {
-  content: ""; }
+.blockquote-reverse {
+  footer:before, small:before, .small:before {
+    content: '';
+  }
+}
+
+blockquote.pull-right {
+  footer:before, small:before, .small:before {
+    content: '';
+  }
+}
+
+.blockquote-reverse {
+  footer:after, small:after, .small:after {
+    content: '\00A0 \2014';
+  }
+}
+
+blockquote {
+  &.pull-right {
+    footer:after, small:after, .small:after {
+      content: '\00A0 \2014';
+    }
+  }
+
+  &:before, &:after {
+    content: "";
+  }
+}
 
 address {
   margin-bottom: 20px;
   font-style: normal;
-  line-height: 1.428571429; }
+  line-height: 1.428571429;
+}
 
-code,
-kbd,
-pre,
-samp {
-  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
+code, kbd, pre, samp {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
 
 code {
   padding: 2px 4px;
   font-size: 90%;
   color: #c7254e;
   background-color: #f9f2f4;
-  border-radius: 3px; }
+  border-radius: 3px;
+}
 
 kbd {
   padding: 2px 4px;
@@ -1319,11 +1807,14 @@ kbd {
   color: #fff;
   background-color: #2d2d2d;
   border-radius: 3px;
-  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
-  kbd kbd {
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+
+  kbd {
     padding: 0;
     font-size: 100%;
-    box-shadow: none; }
+    box-shadow: none;
+  }
+}
 
 pre {
   display: block;
@@ -1336,844 +1827,1356 @@ pre {
   color: #000;
   background-color: inherit;
   border: inherit;
-  border-radius: 3px; }
-  pre code {
+  border-radius: 3px;
+
+  code {
     padding: 0;
     font-size: inherit;
     color: inherit;
     white-space: pre-wrap;
     background-color: transparent;
-    border-radius: 0; }
+    border-radius: 0;
+  }
+}
 
 .pre-scrollable {
   max-height: 340px;
-  overflow-y: scroll; }
+  overflow-y: scroll;
+}
 
-.container {
+.container, .container-fluid {
   margin-right: auto;
   margin-left: auto;
   padding-left: 20px;
-  padding-right: 20px; }
-  .container:before, .container:after {
-    content: " ";
-    display: table; }
-  .container:after {
-    clear: both; }
-  @media (min-width: 768px) {
-    .container {
-      width: 760px; } }
-  @media (min-width: 992px) {
-    .container {
-      width: 980px; } }
-  @media (min-width: 1200px) {
-    .container {
-      width: 1180px; } }
+  padding-right: 20px;
 
-.container-fluid {
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: 20px;
-  padding-right: 20px; }
-  .container-fluid:before, .container-fluid:after {
+  &:before {
     content: " ";
-    display: table; }
-  .container-fluid:after {
-    clear: both; }
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    width: 760px;
+  }
+}
+
+@media (min-width: 992px) {
+  .container {
+    width: 980px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .container {
+    width: 1180px;
+  }
+}
 
 .row {
   margin-left: -20px;
-  margin-right: -20px; }
-  .row:before, .row:after {
+  margin-right: -20px;
+
+  &:before {
     content: " ";
-    display: table; }
-  .row:after {
-    clear: both; }
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+}
 
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   position: relative;
   min-height: 1px;
   padding-left: 20px;
-  padding-right: 20px; }
+  padding-right: 20px;
+}
 
 .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
-  float: left; }
+  float: left;
+}
 
 .col-xs-1 {
-  width: 8.33333%; }
+  width: 8.33333%;
+}
 
 .col-xs-2 {
-  width: 16.66667%; }
+  width: 16.66667%;
+}
 
 .col-xs-3 {
-  width: 25%; }
+  width: 25%;
+}
 
 .col-xs-4 {
-  width: 33.33333%; }
+  width: 33.33333%;
+}
 
 .col-xs-5 {
-  width: 41.66667%; }
+  width: 41.66667%;
+}
 
 .col-xs-6 {
-  width: 50%; }
+  width: 50%;
+}
 
 .col-xs-7 {
-  width: 58.33333%; }
+  width: 58.33333%;
+}
 
 .col-xs-8 {
-  width: 66.66667%; }
+  width: 66.66667%;
+}
 
 .col-xs-9 {
-  width: 75%; }
+  width: 75%;
+}
 
 .col-xs-10 {
-  width: 83.33333%; }
+  width: 83.33333%;
+}
 
 .col-xs-11 {
-  width: 91.66667%; }
+  width: 91.66667%;
+}
 
 .col-xs-12 {
-  width: 100%; }
+  width: 100%;
+}
 
 .col-xs-pull-0 {
-  right: auto; }
+  right: auto;
+}
 
 .col-xs-pull-1 {
-  right: 8.33333%; }
+  right: 8.33333%;
+}
 
 .col-xs-pull-2 {
-  right: 16.66667%; }
+  right: 16.66667%;
+}
 
 .col-xs-pull-3 {
-  right: 25%; }
+  right: 25%;
+}
 
 .col-xs-pull-4 {
-  right: 33.33333%; }
+  right: 33.33333%;
+}
 
 .col-xs-pull-5 {
-  right: 41.66667%; }
+  right: 41.66667%;
+}
 
 .col-xs-pull-6 {
-  right: 50%; }
+  right: 50%;
+}
 
 .col-xs-pull-7 {
-  right: 58.33333%; }
+  right: 58.33333%;
+}
 
 .col-xs-pull-8 {
-  right: 66.66667%; }
+  right: 66.66667%;
+}
 
 .col-xs-pull-9 {
-  right: 75%; }
+  right: 75%;
+}
 
 .col-xs-pull-10 {
-  right: 83.33333%; }
+  right: 83.33333%;
+}
 
 .col-xs-pull-11 {
-  right: 91.66667%; }
+  right: 91.66667%;
+}
 
 .col-xs-pull-12 {
-  right: 100%; }
+  right: 100%;
+}
 
 .col-xs-push-0 {
-  left: auto; }
+  left: auto;
+}
 
 .col-xs-push-1 {
-  left: 8.33333%; }
+  left: 8.33333%;
+}
 
 .col-xs-push-2 {
-  left: 16.66667%; }
+  left: 16.66667%;
+}
 
 .col-xs-push-3 {
-  left: 25%; }
+  left: 25%;
+}
 
 .col-xs-push-4 {
-  left: 33.33333%; }
+  left: 33.33333%;
+}
 
 .col-xs-push-5 {
-  left: 41.66667%; }
+  left: 41.66667%;
+}
 
 .col-xs-push-6 {
-  left: 50%; }
+  left: 50%;
+}
 
 .col-xs-push-7 {
-  left: 58.33333%; }
+  left: 58.33333%;
+}
 
 .col-xs-push-8 {
-  left: 66.66667%; }
+  left: 66.66667%;
+}
 
 .col-xs-push-9 {
-  left: 75%; }
+  left: 75%;
+}
 
 .col-xs-push-10 {
-  left: 83.33333%; }
+  left: 83.33333%;
+}
 
 .col-xs-push-11 {
-  left: 91.66667%; }
+  left: 91.66667%;
+}
 
 .col-xs-push-12 {
-  left: 100%; }
+  left: 100%;
+}
 
 .col-xs-offset-0 {
-  margin-left: 0%; }
+  margin-left: 0%;
+}
 
 .col-xs-offset-1 {
-  margin-left: 8.33333%; }
+  margin-left: 8.33333%;
+}
 
 .col-xs-offset-2 {
-  margin-left: 16.66667%; }
+  margin-left: 16.66667%;
+}
 
 .col-xs-offset-3 {
-  margin-left: 25%; }
+  margin-left: 25%;
+}
 
 .col-xs-offset-4 {
-  margin-left: 33.33333%; }
+  margin-left: 33.33333%;
+}
 
 .col-xs-offset-5 {
-  margin-left: 41.66667%; }
+  margin-left: 41.66667%;
+}
 
 .col-xs-offset-6 {
-  margin-left: 50%; }
+  margin-left: 50%;
+}
 
 .col-xs-offset-7 {
-  margin-left: 58.33333%; }
+  margin-left: 58.33333%;
+}
 
 .col-xs-offset-8 {
-  margin-left: 66.66667%; }
+  margin-left: 66.66667%;
+}
 
 .col-xs-offset-9 {
-  margin-left: 75%; }
+  margin-left: 75%;
+}
 
 .col-xs-offset-10 {
-  margin-left: 83.33333%; }
+  margin-left: 83.33333%;
+}
 
 .col-xs-offset-11 {
-  margin-left: 91.66667%; }
+  margin-left: 91.66667%;
+}
 
 .col-xs-offset-12 {
-  margin-left: 100%; }
+  margin-left: 100%;
+}
 
 @media (min-width: 768px) {
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
-    float: left; }
+    float: left;
+  }
 
   .col-sm-1 {
-    width: 8.33333%; }
+    width: 8.33333%;
+  }
 
   .col-sm-2 {
-    width: 16.66667%; }
+    width: 16.66667%;
+  }
 
   .col-sm-3 {
-    width: 25%; }
+    width: 25%;
+  }
 
   .col-sm-4 {
-    width: 33.33333%; }
+    width: 33.33333%;
+  }
 
   .col-sm-5 {
-    width: 41.66667%; }
+    width: 41.66667%;
+  }
 
   .col-sm-6 {
-    width: 50%; }
+    width: 50%;
+  }
 
   .col-sm-7 {
-    width: 58.33333%; }
+    width: 58.33333%;
+  }
 
   .col-sm-8 {
-    width: 66.66667%; }
+    width: 66.66667%;
+  }
 
   .col-sm-9 {
-    width: 75%; }
+    width: 75%;
+  }
 
   .col-sm-10 {
-    width: 83.33333%; }
+    width: 83.33333%;
+  }
 
   .col-sm-11 {
-    width: 91.66667%; }
+    width: 91.66667%;
+  }
 
   .col-sm-12 {
-    width: 100%; }
+    width: 100%;
+  }
 
   .col-sm-pull-0 {
-    right: auto; }
+    right: auto;
+  }
 
   .col-sm-pull-1 {
-    right: 8.33333%; }
+    right: 8.33333%;
+  }
 
   .col-sm-pull-2 {
-    right: 16.66667%; }
+    right: 16.66667%;
+  }
 
   .col-sm-pull-3 {
-    right: 25%; }
+    right: 25%;
+  }
 
   .col-sm-pull-4 {
-    right: 33.33333%; }
+    right: 33.33333%;
+  }
 
   .col-sm-pull-5 {
-    right: 41.66667%; }
+    right: 41.66667%;
+  }
 
   .col-sm-pull-6 {
-    right: 50%; }
+    right: 50%;
+  }
 
   .col-sm-pull-7 {
-    right: 58.33333%; }
+    right: 58.33333%;
+  }
 
   .col-sm-pull-8 {
-    right: 66.66667%; }
+    right: 66.66667%;
+  }
 
   .col-sm-pull-9 {
-    right: 75%; }
+    right: 75%;
+  }
 
   .col-sm-pull-10 {
-    right: 83.33333%; }
+    right: 83.33333%;
+  }
 
   .col-sm-pull-11 {
-    right: 91.66667%; }
+    right: 91.66667%;
+  }
 
   .col-sm-pull-12 {
-    right: 100%; }
+    right: 100%;
+  }
 
   .col-sm-push-0 {
-    left: auto; }
+    left: auto;
+  }
 
   .col-sm-push-1 {
-    left: 8.33333%; }
+    left: 8.33333%;
+  }
 
   .col-sm-push-2 {
-    left: 16.66667%; }
+    left: 16.66667%;
+  }
 
   .col-sm-push-3 {
-    left: 25%; }
+    left: 25%;
+  }
 
   .col-sm-push-4 {
-    left: 33.33333%; }
+    left: 33.33333%;
+  }
 
   .col-sm-push-5 {
-    left: 41.66667%; }
+    left: 41.66667%;
+  }
 
   .col-sm-push-6 {
-    left: 50%; }
+    left: 50%;
+  }
 
   .col-sm-push-7 {
-    left: 58.33333%; }
+    left: 58.33333%;
+  }
 
   .col-sm-push-8 {
-    left: 66.66667%; }
+    left: 66.66667%;
+  }
 
   .col-sm-push-9 {
-    left: 75%; }
+    left: 75%;
+  }
 
   .col-sm-push-10 {
-    left: 83.33333%; }
+    left: 83.33333%;
+  }
 
   .col-sm-push-11 {
-    left: 91.66667%; }
+    left: 91.66667%;
+  }
 
   .col-sm-push-12 {
-    left: 100%; }
+    left: 100%;
+  }
 
   .col-sm-offset-0 {
-    margin-left: 0%; }
+    margin-left: 0%;
+  }
 
   .col-sm-offset-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.33333%;
+  }
 
   .col-sm-offset-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.66667%;
+  }
 
   .col-sm-offset-3 {
-    margin-left: 25%; }
+    margin-left: 25%;
+  }
 
   .col-sm-offset-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.33333%;
+  }
 
   .col-sm-offset-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.66667%;
+  }
 
   .col-sm-offset-6 {
-    margin-left: 50%; }
+    margin-left: 50%;
+  }
 
   .col-sm-offset-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.33333%;
+  }
 
   .col-sm-offset-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.66667%;
+  }
 
   .col-sm-offset-9 {
-    margin-left: 75%; }
+    margin-left: 75%;
+  }
 
   .col-sm-offset-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.33333%;
+  }
 
   .col-sm-offset-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.66667%;
+  }
 
   .col-sm-offset-12 {
-    margin-left: 100%; } }
+    margin-left: 100%;
+  }
+}
+
 @media (min-width: 992px) {
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
-    float: left; }
+    float: left;
+  }
 
   .col-md-1 {
-    width: 8.33333%; }
+    width: 8.33333%;
+  }
 
   .col-md-2 {
-    width: 16.66667%; }
+    width: 16.66667%;
+  }
 
   .col-md-3 {
-    width: 25%; }
+    width: 25%;
+  }
 
   .col-md-4 {
-    width: 33.33333%; }
+    width: 33.33333%;
+  }
 
   .col-md-5 {
-    width: 41.66667%; }
+    width: 41.66667%;
+  }
 
   .col-md-6 {
-    width: 50%; }
+    width: 50%;
+  }
 
   .col-md-7 {
-    width: 58.33333%; }
+    width: 58.33333%;
+  }
 
   .col-md-8 {
-    width: 66.66667%; }
+    width: 66.66667%;
+  }
 
   .col-md-9 {
-    width: 75%; }
+    width: 75%;
+  }
 
   .col-md-10 {
-    width: 83.33333%; }
+    width: 83.33333%;
+  }
 
   .col-md-11 {
-    width: 91.66667%; }
+    width: 91.66667%;
+  }
 
   .col-md-12 {
-    width: 100%; }
+    width: 100%;
+  }
 
   .col-md-pull-0 {
-    right: auto; }
+    right: auto;
+  }
 
   .col-md-pull-1 {
-    right: 8.33333%; }
+    right: 8.33333%;
+  }
 
   .col-md-pull-2 {
-    right: 16.66667%; }
+    right: 16.66667%;
+  }
 
   .col-md-pull-3 {
-    right: 25%; }
+    right: 25%;
+  }
 
   .col-md-pull-4 {
-    right: 33.33333%; }
+    right: 33.33333%;
+  }
 
   .col-md-pull-5 {
-    right: 41.66667%; }
+    right: 41.66667%;
+  }
 
   .col-md-pull-6 {
-    right: 50%; }
+    right: 50%;
+  }
 
   .col-md-pull-7 {
-    right: 58.33333%; }
+    right: 58.33333%;
+  }
 
   .col-md-pull-8 {
-    right: 66.66667%; }
+    right: 66.66667%;
+  }
 
   .col-md-pull-9 {
-    right: 75%; }
+    right: 75%;
+  }
 
   .col-md-pull-10 {
-    right: 83.33333%; }
+    right: 83.33333%;
+  }
 
   .col-md-pull-11 {
-    right: 91.66667%; }
+    right: 91.66667%;
+  }
 
   .col-md-pull-12 {
-    right: 100%; }
+    right: 100%;
+  }
 
   .col-md-push-0 {
-    left: auto; }
+    left: auto;
+  }
 
   .col-md-push-1 {
-    left: 8.33333%; }
+    left: 8.33333%;
+  }
 
   .col-md-push-2 {
-    left: 16.66667%; }
+    left: 16.66667%;
+  }
 
   .col-md-push-3 {
-    left: 25%; }
+    left: 25%;
+  }
 
   .col-md-push-4 {
-    left: 33.33333%; }
+    left: 33.33333%;
+  }
 
   .col-md-push-5 {
-    left: 41.66667%; }
+    left: 41.66667%;
+  }
 
   .col-md-push-6 {
-    left: 50%; }
+    left: 50%;
+  }
 
   .col-md-push-7 {
-    left: 58.33333%; }
+    left: 58.33333%;
+  }
 
   .col-md-push-8 {
-    left: 66.66667%; }
+    left: 66.66667%;
+  }
 
   .col-md-push-9 {
-    left: 75%; }
+    left: 75%;
+  }
 
   .col-md-push-10 {
-    left: 83.33333%; }
+    left: 83.33333%;
+  }
 
   .col-md-push-11 {
-    left: 91.66667%; }
+    left: 91.66667%;
+  }
 
   .col-md-push-12 {
-    left: 100%; }
+    left: 100%;
+  }
 
   .col-md-offset-0 {
-    margin-left: 0%; }
+    margin-left: 0%;
+  }
 
   .col-md-offset-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.33333%;
+  }
 
   .col-md-offset-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.66667%;
+  }
 
   .col-md-offset-3 {
-    margin-left: 25%; }
+    margin-left: 25%;
+  }
 
   .col-md-offset-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.33333%;
+  }
 
   .col-md-offset-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.66667%;
+  }
 
   .col-md-offset-6 {
-    margin-left: 50%; }
+    margin-left: 50%;
+  }
 
   .col-md-offset-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.33333%;
+  }
 
   .col-md-offset-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.66667%;
+  }
 
   .col-md-offset-9 {
-    margin-left: 75%; }
+    margin-left: 75%;
+  }
 
   .col-md-offset-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.33333%;
+  }
 
   .col-md-offset-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.66667%;
+  }
 
   .col-md-offset-12 {
-    margin-left: 100%; } }
+    margin-left: 100%;
+  }
+}
+
 @media (min-width: 1200px) {
   .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
-    float: left; }
+    float: left;
+  }
 
   .col-lg-1 {
-    width: 8.33333%; }
+    width: 8.33333%;
+  }
 
   .col-lg-2 {
-    width: 16.66667%; }
+    width: 16.66667%;
+  }
 
   .col-lg-3 {
-    width: 25%; }
+    width: 25%;
+  }
 
   .col-lg-4 {
-    width: 33.33333%; }
+    width: 33.33333%;
+  }
 
   .col-lg-5 {
-    width: 41.66667%; }
+    width: 41.66667%;
+  }
 
   .col-lg-6 {
-    width: 50%; }
+    width: 50%;
+  }
 
   .col-lg-7 {
-    width: 58.33333%; }
+    width: 58.33333%;
+  }
 
   .col-lg-8 {
-    width: 66.66667%; }
+    width: 66.66667%;
+  }
 
   .col-lg-9 {
-    width: 75%; }
+    width: 75%;
+  }
 
   .col-lg-10 {
-    width: 83.33333%; }
+    width: 83.33333%;
+  }
 
   .col-lg-11 {
-    width: 91.66667%; }
+    width: 91.66667%;
+  }
 
   .col-lg-12 {
-    width: 100%; }
+    width: 100%;
+  }
 
   .col-lg-pull-0 {
-    right: auto; }
+    right: auto;
+  }
 
   .col-lg-pull-1 {
-    right: 8.33333%; }
+    right: 8.33333%;
+  }
 
   .col-lg-pull-2 {
-    right: 16.66667%; }
+    right: 16.66667%;
+  }
 
   .col-lg-pull-3 {
-    right: 25%; }
+    right: 25%;
+  }
 
   .col-lg-pull-4 {
-    right: 33.33333%; }
+    right: 33.33333%;
+  }
 
   .col-lg-pull-5 {
-    right: 41.66667%; }
+    right: 41.66667%;
+  }
 
   .col-lg-pull-6 {
-    right: 50%; }
+    right: 50%;
+  }
 
   .col-lg-pull-7 {
-    right: 58.33333%; }
+    right: 58.33333%;
+  }
 
   .col-lg-pull-8 {
-    right: 66.66667%; }
+    right: 66.66667%;
+  }
 
   .col-lg-pull-9 {
-    right: 75%; }
+    right: 75%;
+  }
 
   .col-lg-pull-10 {
-    right: 83.33333%; }
+    right: 83.33333%;
+  }
 
   .col-lg-pull-11 {
-    right: 91.66667%; }
+    right: 91.66667%;
+  }
 
   .col-lg-pull-12 {
-    right: 100%; }
+    right: 100%;
+  }
 
   .col-lg-push-0 {
-    left: auto; }
+    left: auto;
+  }
 
   .col-lg-push-1 {
-    left: 8.33333%; }
+    left: 8.33333%;
+  }
 
   .col-lg-push-2 {
-    left: 16.66667%; }
+    left: 16.66667%;
+  }
 
   .col-lg-push-3 {
-    left: 25%; }
+    left: 25%;
+  }
 
   .col-lg-push-4 {
-    left: 33.33333%; }
+    left: 33.33333%;
+  }
 
   .col-lg-push-5 {
-    left: 41.66667%; }
+    left: 41.66667%;
+  }
 
   .col-lg-push-6 {
-    left: 50%; }
+    left: 50%;
+  }
 
   .col-lg-push-7 {
-    left: 58.33333%; }
+    left: 58.33333%;
+  }
 
   .col-lg-push-8 {
-    left: 66.66667%; }
+    left: 66.66667%;
+  }
 
   .col-lg-push-9 {
-    left: 75%; }
+    left: 75%;
+  }
 
   .col-lg-push-10 {
-    left: 83.33333%; }
+    left: 83.33333%;
+  }
 
   .col-lg-push-11 {
-    left: 91.66667%; }
+    left: 91.66667%;
+  }
 
   .col-lg-push-12 {
-    left: 100%; }
+    left: 100%;
+  }
 
   .col-lg-offset-0 {
-    margin-left: 0%; }
+    margin-left: 0%;
+  }
 
   .col-lg-offset-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.33333%;
+  }
 
   .col-lg-offset-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.66667%;
+  }
 
   .col-lg-offset-3 {
-    margin-left: 25%; }
+    margin-left: 25%;
+  }
 
   .col-lg-offset-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.33333%;
+  }
 
   .col-lg-offset-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.66667%;
+  }
 
   .col-lg-offset-6 {
-    margin-left: 50%; }
+    margin-left: 50%;
+  }
 
   .col-lg-offset-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.33333%;
+  }
 
   .col-lg-offset-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.66667%;
+  }
 
   .col-lg-offset-9 {
-    margin-left: 75%; }
+    margin-left: 75%;
+  }
 
   .col-lg-offset-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.33333%;
+  }
 
   .col-lg-offset-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.66667%;
+  }
 
   .col-lg-offset-12 {
-    margin-left: 100%; } }
+    margin-left: 100%;
+  }
+}
 
 th {
-  text-align: left; }
+  text-align: left;
+}
 
 .table {
   width: 100%;
   max-width: 100%;
-  margin-bottom: 20px; }
-  .table > thead > tr > th,
-  .table > thead > tr > td,
-  .table > tbody > tr > th,
-  .table > tbody > tr > td,
-  .table > tfoot > tr > th,
-  .table > tfoot > tr > td {
-    padding: 10px 0px 10px 20px;
-    line-height: 1.428571429;
-    vertical-align: top;
-	border-top: 1px solid #e3e3e3; }
-  .table > thead > tr > th {
-    vertical-align: bottom;  }
-  .table > caption + thead > tr:first-child > th,
-  .table > caption + thead > tr:first-child > td,
-  .table > colgroup + thead > tr:first-child > th,
-  .table > colgroup + thead > tr:first-child > td,
-  .table > thead:first-child > tr:first-child > th,
-  .table > thead:first-child > tr:first-child > td {
-    border-top: 0;
-    font-family: 'SourceSansProSemibold';
-    font-weight: normal;
-	border-bottom: 1px solid #bdbdbd;
-	background-color: #e3e3e3;}
-  .table > tbody + tbody {
-    border-top: 2px solid #eee; }
-  .table .table {
-    background-color: none; }
+  margin-bottom: 20px;
 
-.table-condensed > thead > tr > th,
-.table-condensed > thead > tr > td,
-.table-condensed > tbody > tr > th,
-.table-condensed > tbody > tr > td,
-.table-condensed > tfoot > tr > th,
-.table-condensed > tfoot > tr > td {
-  padding: 5px; }
+  > {
+    thead > tr > {
+      th, td {
+        padding: 10px 0px 10px 20px;
+        line-height: 1.428571429;
+        vertical-align: top;
+        border-top: 1px solid #e3e3e3;
+      }
+    }
+
+    tbody > tr > {
+      th, td {
+        padding: 10px 0px 10px 20px;
+        line-height: 1.428571429;
+        vertical-align: top;
+        border-top: 1px solid #e3e3e3;
+      }
+    }
+
+    tfoot > tr > {
+      th, td {
+        padding: 10px 0px 10px 20px;
+        line-height: 1.428571429;
+        vertical-align: top;
+        border-top: 1px solid #e3e3e3;
+      }
+    }
+
+    thead > tr > th {
+      vertical-align: bottom;
+    }
+
+    caption + thead > tr:first-child > {
+      th, td {
+        border-top: 0;
+        font-family: 'SourceSansProSemibold';
+        font-weight: normal;
+        border-bottom: 1px solid #bdbdbd;
+        background-color: #e3e3e3;
+      }
+    }
+
+    colgroup + thead > tr:first-child > {
+      th, td {
+        border-top: 0;
+        font-family: 'SourceSansProSemibold';
+        font-weight: normal;
+        border-bottom: 1px solid #bdbdbd;
+        background-color: #e3e3e3;
+      }
+    }
+
+    thead:first-child > tr:first-child > {
+      th, td {
+        border-top: 0;
+        font-family: 'SourceSansProSemibold';
+        font-weight: normal;
+        border-bottom: 1px solid #bdbdbd;
+        background-color: #e3e3e3;
+      }
+    }
+
+    tbody + tbody {
+      border-top: 2px solid #eee;
+    }
+  }
+
+  .table {
+    background-color: none;
+  }
+}
+
+.table-condensed > {
+  thead > tr > {
+    th, td {
+      padding: 5px;
+    }
+  }
+
+  tbody > tr > {
+    th, td {
+      padding: 5px;
+    }
+  }
+
+  tfoot > tr > {
+    th, td {
+      padding: 5px;
+    }
+  }
+}
 
 .table-bordered {
-  border: 1px solid #dbdbdb; }
-  .table-bordered > thead > tr > th,
-  .table-bordered > thead > tr > td,
-  .table-bordered > tbody > tr > th,
-  .table-bordered > tbody > tr > td,
-  .table-bordered > tfoot > tr > th,
-  .table-bordered > tfoot > tr > td {
-    border: 1px solid #dbdbdb; }
-  .table-bordered > thead > tr > th,
-  .table-bordered > thead > tr > td {
-    border-bottom-width: 2px; }
+  border: 1px solid #dbdbdb;
 
-.table-striped > tbody > tr:nth-child(odd) > td,
-.table-striped > tbody > tr:nth-child(odd) > th {
-  background-color: #fbfbfb; }
+  > {
+    thead > tr > {
+      th, td {
+        border: 1px solid #dbdbdb;
+      }
+    }
 
-.table-hover > tbody > tr:hover > td,
-.table-hover > tbody > tr:hover > th {
-  background-color:#f2fafe; }
+    tbody > tr > {
+      th, td {
+        border: 1px solid #dbdbdb;
+      }
+    }
 
-table col[class*="col-"] {
-  position: static;
-  float: none;
-  display: table-column; }
+    tfoot > tr > {
+      th, td {
+        border: 1px solid #dbdbdb;
+      }
+    }
 
-table td[class*="col-"],
-table th[class*="col-"] {
-  position: static;
-  float: none;
-  display: table-cell; }
+    thead > tr > {
+      th, td {
+        border-bottom-width: 2px;
+      }
+    }
+  }
+}
 
-.table > thead > tr > td.active,
-.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
-.table > tbody > tr > td.active,
-.table > tbody > tr > th.active,
-.table > tbody > tr.active > td,
-.table > tbody > tr.active > th,
-.table > tfoot > tr > td.active,
-.table > tfoot > tr > th.active,
-.table > tfoot > tr.active > td,
-.table > tfoot > tr.active > th {
-  background-color: #E2F5FF; }
+.table-striped > tbody > tr:nth-child(odd) > {
+  td, th {
+    background-color: #fbfbfb;
+  }
+}
 
-.table-hover > tbody > tr > td.active:hover,
-.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
-  background-color: #FF8B00; }
+.table-hover > tbody > tr:hover > {
+  td, th {
+    background-color: #f2fafe;
+  }
+}
 
-.table > thead > tr > td.success,
-.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
-.table > tbody > tr > td.success,
-.table > tbody > tr > th.success,
-.table > tbody > tr.success > td,
-.table > tbody > tr.success > th,
-.table > tfoot > tr > td.success,
-.table > tfoot > tr > th.success,
-.table > tfoot > tr.success > td,
-.table > tfoot > tr.success > th {
-  background-color: #9BD275; }
+table {
+  col[class*="col-"] {
+    position: static;
+    float: none;
+    display: table-column;
+  }
 
-.table-hover > tbody > tr > td.success:hover,
-.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
-  background-color: #8dcc62; }
+  td[class*="col-"], th[class*="col-"] {
+    position: static;
+    float: none;
+    display: table-cell;
+  }
+}
 
-.table > thead > tr > td.info,
-.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
-.table > tbody > tr > td.info,
-.table > tbody > tr > th.info,
-.table > tbody > tr.info > td,
-.table > tbody > tr.info > th,
-.table > tfoot > tr > td.info,
-.table > tfoot > tr > th.info,
-.table > tfoot > tr.info > td,
-.table > tfoot > tr.info > th {
-  background-color: #d9edf7; }
+.table > {
+  thead > tr {
+    > {
+      td.active, th.active {
+        background-color: #E2F5FF;
+      }
+    }
 
-.table-hover > tbody > tr > td.info:hover,
-.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
-  background-color: #c4e3f3; }
+    &.active > {
+      td, th {
+        background-color: #E2F5FF;
+      }
+    }
+  }
 
-.table > thead > tr > td.warning,
-.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
-.table > tbody > tr > td.warning,
-.table > tbody > tr > th.warning,
-.table > tbody > tr.warning > td,
-.table > tbody > tr.warning > th,
-.table > tfoot > tr > td.warning,
-.table > tfoot > tr > th.warning,
-.table > tfoot > tr.warning > td,
-.table > tfoot > tr.warning > th {
-  background-color: #fcf8e3; }
+  tbody > tr {
+    > {
+      td.active, th.active {
+        background-color: #E2F5FF;
+      }
+    }
 
-.table-hover > tbody > tr > td.warning:hover,
-.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
-  background-color: #faf2cc; }
+    &.active > {
+      td, th {
+        background-color: #E2F5FF;
+      }
+    }
+  }
 
-.table > thead > tr > td.danger,
-.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
-.table > tbody > tr > td.danger,
-.table > tbody > tr > th.danger,
-.table > tbody > tr.danger > td,
-.table > tbody > tr.danger > th,
-.table > tfoot > tr > td.danger,
-.table > tfoot > tr > th.danger,
-.table > tfoot > tr.danger > td,
-.table > tfoot > tr.danger > th {
-  background-color: #F05050; }
+  tfoot > tr {
+    > {
+      td.active, th.active {
+        background-color: #E2F5FF;
+      }
+    }
 
-.table-hover > tbody > tr > td.danger:hover,
-.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
-  background-color: #ee3939; }
+    &.active > {
+      td, th {
+        background-color: #E2F5FF;
+      }
+    }
+  }
+}
+
+.table-hover > tbody > tr {
+  > {
+    td.active:hover, th.active:hover {
+      background-color: #FF8B00;
+    }
+  }
+
+  &.active:hover > td, &:hover > .active, &.active:hover > th {
+    background-color: #FF8B00;
+  }
+}
+
+.table > {
+  thead > tr {
+    > {
+      td.success, th.success {
+        background-color: #9BD275;
+      }
+    }
+
+    &.success > {
+      td, th {
+        background-color: #9BD275;
+      }
+    }
+  }
+
+  tbody > tr {
+    > {
+      td.success, th.success {
+        background-color: #9BD275;
+      }
+    }
+
+    &.success > {
+      td, th {
+        background-color: #9BD275;
+      }
+    }
+  }
+
+  tfoot > tr {
+    > {
+      td.success, th.success {
+        background-color: #9BD275;
+      }
+    }
+
+    &.success > {
+      td, th {
+        background-color: #9BD275;
+      }
+    }
+  }
+}
+
+.table-hover > tbody > tr {
+  > {
+    td.success:hover, th.success:hover {
+      background-color: #8dcc62;
+    }
+  }
+
+  &.success:hover > td, &:hover > .success, &.success:hover > th {
+    background-color: #8dcc62;
+  }
+}
+
+.table > {
+  thead > tr {
+    > {
+      td.info, th.info {
+        background-color: #d9edf7;
+      }
+    }
+
+    &.info > {
+      td, th {
+        background-color: #d9edf7;
+      }
+    }
+  }
+
+  tbody > tr {
+    > {
+      td.info, th.info {
+        background-color: #d9edf7;
+      }
+    }
+
+    &.info > {
+      td, th {
+        background-color: #d9edf7;
+      }
+    }
+  }
+
+  tfoot > tr {
+    > {
+      td.info, th.info {
+        background-color: #d9edf7;
+      }
+    }
+
+    &.info > {
+      td, th {
+        background-color: #d9edf7;
+      }
+    }
+  }
+}
+
+.table-hover > tbody > tr {
+  > {
+    td.info:hover, th.info:hover {
+      background-color: #c4e3f3;
+    }
+  }
+
+  &.info:hover > td, &:hover > .info, &.info:hover > th {
+    background-color: #c4e3f3;
+  }
+}
+
+.table > {
+  thead > tr {
+    > {
+      td.warning, th.warning {
+        background-color: #fcf8e3;
+      }
+    }
+
+    &.warning > {
+      td, th {
+        background-color: #fcf8e3;
+      }
+    }
+  }
+
+  tbody > tr {
+    > {
+      td.warning, th.warning {
+        background-color: #fcf8e3;
+      }
+    }
+
+    &.warning > {
+      td, th {
+        background-color: #fcf8e3;
+      }
+    }
+  }
+
+  tfoot > tr {
+    > {
+      td.warning, th.warning {
+        background-color: #fcf8e3;
+      }
+    }
+
+    &.warning > {
+      td, th {
+        background-color: #fcf8e3;
+      }
+    }
+  }
+}
+
+.table-hover > tbody > tr {
+  > {
+    td.warning:hover, th.warning:hover {
+      background-color: #faf2cc;
+    }
+  }
+
+  &.warning:hover > td, &:hover > .warning, &.warning:hover > th {
+    background-color: #faf2cc;
+  }
+}
+
+.table > {
+  thead > tr {
+    > {
+      td.danger, th.danger {
+        background-color: #F05050;
+      }
+    }
+
+    &.danger > {
+      td, th {
+        background-color: #F05050;
+      }
+    }
+  }
+
+  tbody > tr {
+    > {
+      td.danger, th.danger {
+        background-color: #F05050;
+      }
+    }
+
+    &.danger > {
+      td, th {
+        background-color: #F05050;
+      }
+    }
+  }
+
+  tfoot > tr {
+    > {
+      td.danger, th.danger {
+        background-color: #F05050;
+      }
+    }
+
+    &.danger > {
+      td, th {
+        background-color: #F05050;
+      }
+    }
+  }
+}
+
+.table-hover > tbody > tr {
+  > {
+    td.danger:hover, th.danger:hover {
+      background-color: #ee3939;
+    }
+  }
+
+  &.danger:hover > td, &:hover > .danger, &.danger:hover > th {
+    background-color: #ee3939;
+  }
+}
 
 @media screen and (max-width: 767px) {
   .table-responsive {
@@ -2182,44 +3185,98 @@ table th[class*="col-"] {
     overflow-y: hidden;
     overflow-x: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
+
     /*     border: 1px solid $table-border-color; */
-    -webkit-overflow-scrolling: touch; }
-    .table-responsive > .table {
-      margin-bottom: 0; }
-      .table-responsive > .table > thead > tr > th,
-      .table-responsive > .table > thead > tr > td,
-      .table-responsive > .table > tbody > tr > th,
-      .table-responsive > .table > tbody > tr > td,
-      .table-responsive > .table > tfoot > tr > th,
-      .table-responsive > .table > tfoot > tr > td {
-        white-space: nowrap; }
-    .table-responsive > .table-bordered {
-      border: 0; }
-      .table-responsive > .table-bordered > thead > tr > th:first-child,
-      .table-responsive > .table-bordered > thead > tr > td:first-child,
-      .table-responsive > .table-bordered > tbody > tr > th:first-child,
-      .table-responsive > .table-bordered > tbody > tr > td:first-child,
-      .table-responsive > .table-bordered > tfoot > tr > th:first-child,
-      .table-responsive > .table-bordered > tfoot > tr > td:first-child {
-        border-left: 0; }
-      .table-responsive > .table-bordered > thead > tr > th:last-child,
-      .table-responsive > .table-bordered > thead > tr > td:last-child,
-      .table-responsive > .table-bordered > tbody > tr > th:last-child,
-      .table-responsive > .table-bordered > tbody > tr > td:last-child,
-      .table-responsive > .table-bordered > tfoot > tr > th:last-child,
-      .table-responsive > .table-bordered > tfoot > tr > td:last-child {
-        border-right: 0; }
-      .table-responsive > .table-bordered > tbody > tr:last-child > th,
-      .table-responsive > .table-bordered > tbody > tr:last-child > td,
-      .table-responsive > .table-bordered > tfoot > tr:last-child > th,
-      .table-responsive > .table-bordered > tfoot > tr:last-child > td {
-        border-bottom: 0; } }
+    -webkit-overflow-scrolling: touch;
+
+    > {
+      .table {
+        margin-bottom: 0;
+
+        > {
+          thead > tr > {
+            th, td {
+              white-space: nowrap;
+            }
+          }
+
+          tbody > tr > {
+            th, td {
+              white-space: nowrap;
+            }
+          }
+
+          tfoot > tr > {
+            th, td {
+              white-space: nowrap;
+            }
+          }
+        }
+      }
+
+      .table-bordered {
+        border: 0;
+
+        > {
+          thead > tr > {
+            th:first-child, td:first-child {
+              border-left: 0;
+            }
+          }
+
+          tbody > tr > {
+            th:first-child, td:first-child {
+              border-left: 0;
+            }
+          }
+
+          tfoot > tr > {
+            th:first-child, td:first-child {
+              border-left: 0;
+            }
+          }
+
+          thead > tr > {
+            th:last-child, td:last-child {
+              border-right: 0;
+            }
+          }
+
+          tbody > tr > {
+            th:last-child, td:last-child {
+              border-right: 0;
+            }
+          }
+
+          tfoot > tr > {
+            th:last-child, td:last-child {
+              border-right: 0;
+            }
+          }
+
+          tbody > tr:last-child > {
+            th, td {
+              border-bottom: 0;
+            }
+          }
+
+          tfoot > tr:last-child > {
+            th, td {
+              border-bottom: 0;
+            }
+          }
+        }
+      }
+    }
+  }
+}
 
 fieldset {
   padding: 0;
   margin: 0;
   border: 0;
-  min-width: 0; }
+  min-width: 0;
+}
 
 legend {
   display: block;
@@ -2230,68 +3287,62 @@ legend {
   line-height: inherit;
   color: #2d2d2d;
   border: 0;
-  border-bottom: 1px solid #e5e5e5; }
+  border-bottom: 1px solid #e5e5e5;
+}
 
 label {
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
-  font-weight: normal; }
+  font-weight: normal;
+}
 
-input[type="search"] {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box; }
+input {
+  &[type="search"] {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
 
-input[type="radio"],
-input[type="checkbox"] {
-  margin: 4px 0 0;
-  margin-top: 1px \9;
-  line-height: normal; }
+  &[type="radio"], &[type="checkbox"] {
+    margin: 4px 0 0;
+    margin-top: 1px \9;
+    line-height: normal;
+  }
 
-input[type="file"] {
-  display: block; }
+  &[type="file"] {
+    display: block;
+  }
 
-input[type="range"] {
-  display: block;
-  width: 100%; }
+  &[type="range"] {
+    display: block;
+    width: 100%;
+  }
+}
 
-select[multiple],
-select[size] {
-  height: auto; }
-
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
-  outline: none;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px; }
+select {
+  &[multiple], &[size] {
+    height: auto;
+  }
+}
 
+input {
+  &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus {
+    outline: none;
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px;
+  }
+}
 
 output {
   display: block;
   padding-top: 7px;
   font-size: 14px;
   line-height: 1.428571429;
-  color: #000; }
+  color: #000;
+}
 
-select,
-textarea,
-input[type="text"],
-input[type="password"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="week"],
-input[type="number"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="tel"],
-input[type="color"]
- {
+select, textarea {
   display: block;
   width: 100%;
   height: 34px;
@@ -2307,398 +3358,1172 @@ input[type="color"]
   max-width: 348px;
   -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
   -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
-  transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; }
+  transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
+}
 
-  select:hover,
-  textarea:hover,
-  input[type="text"]:hover,
-  input[type="password"]:hover,
-  input[type="datetime"]:hover,
-  input[type="datetime-local"]:hover,
-  input[type="date"]:hover,
-  input[type="month"]:hover,
-  input[type="time"]:hover,
-  input[type="week"]:hover,
-  input[type="number"]:hover,
-  input[type="email"]:hover,
-  input[type="url"]:hover,
-  input[type="search"]:hover,
-  input[type="tel"]:hover,
-  input[type="color"]:hover
-   {
-	color: #000;
-	background-color: none;
-    border-color: #00A7FF;
-	outline: 0; }
-
-  select:focus,
-  textarea:focus,
-  input[type="text"]:focus,
-  input[type="password"]:focus,
-  input[type="datetime"]:focus,
-  input[type="datetime-local"]:focus,
-  input[type="date"]:focus,
-  input[type="month"]:focus,
-  input[type="time"]:focus,
-  input[type="week"]:focus,
-  input[type="number"]:focus,
-  input[type="email"]:focus,
-  input[type="url"]:focus,
-  input[type="search"]:focus,
-  input[type="tel"]:focus,
-  input[type="color"]:focus
-
-   {
+input {
+  &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] {
+    display: block;
+    width: 100%;
+    height: 34px;
+    padding: 6px 12px;
+    font-size: 14px;
+    line-height: 1.428571429;
     color: #000;
-	border-color: #00A7FF;
-	background-color: none;
-	outline: 0; }
+    background-color: #FFF;
+    background-image: none;
+    border: 1px solid #4d83a1;
+    border-radius: 3px;
+    text-overflow: ellipsis;
+    max-width: 348px;
+    -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
+    -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
+    transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
+  }
+}
 
-  select::-moz-placeholder,
-  textarea::-moz-placeholder,
-  input[type="text"]::-moz-placeholder,
-  input[type="password"]::-moz-placeholder,
-  input[type="datetime"]::-moz-placeholder,
-  input[type="datetime-local"]::-moz-placeholder,
-  input[type="date"]::-moz-placeholder,
-  input[type="month"]::-moz-placeholder,
-  input[type="time"]::-moz-placeholder,
-  input[type="week"]::-moz-placeholder,
-  input[type="number"]::-moz-placeholder,
-  input[type="email"]::-moz-placeholder,
-  input[type="url"]::-moz-placeholder,
-  input[type="search"]::-moz-placeholder,
-  input[type="tel"]::-moz-placeholder,
-  input[type="color"]::-moz-placeholder
-   {
+select:hover, textarea:hover {
+  color: #000;
+  background-color: none;
+  border-color: #00A7FF;
+  outline: 0;
+}
+
+input {
+  &[type="text"]:hover, &[type="password"]:hover, &[type="datetime"]:hover, &[type="datetime-local"]:hover, &[type="date"]:hover, &[type="month"]:hover, &[type="time"]:hover, &[type="week"]:hover, &[type="number"]:hover, &[type="email"]:hover, &[type="url"]:hover, &[type="search"]:hover, &[type="tel"]:hover, &[type="color"]:hover {
+    color: #000;
+    background-color: none;
+    border-color: #00A7FF;
+    outline: 0;
+  }
+}
+
+select:focus, textarea:focus {
+  color: #000;
+  border-color: #00A7FF;
+  background-color: none;
+  outline: 0;
+}
+
+input {
+  &[type="text"]:focus, &[type="password"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus {
+    color: #000;
+    border-color: #00A7FF;
+    background-color: none;
+    outline: 0;
+  }
+}
+
+select::-moz-placeholder, textarea::-moz-placeholder {
+  color: #b7b7b7;
+  opacity: 1;
+  filter: alpha(opacity = 100);
+}
+
+input {
+  &[type="text"]::-moz-placeholder, &[type="password"]::-moz-placeholder, &[type="datetime"]::-moz-placeholder, &[type="datetime-local"]::-moz-placeholder, &[type="date"]::-moz-placeholder, &[type="month"]::-moz-placeholder, &[type="time"]::-moz-placeholder, &[type="week"]::-moz-placeholder, &[type="number"]::-moz-placeholder, &[type="email"]::-moz-placeholder, &[type="url"]::-moz-placeholder, &[type="search"]::-moz-placeholder, &[type="tel"]::-moz-placeholder, &[type="color"]::-moz-placeholder {
     color: #b7b7b7;
     opacity: 1;
-	filter: alpha(opacity=100);	}
+    filter: alpha(opacity = 100);
+  }
+}
 
-  select:-ms-input-placeholder,
-  textarea:-ms-input-placeholder,
-  input[type="text"]:-ms-input-placeholder,
-  input[type="password"]:-ms-input-placeholder,
-  input[type="datetime"]:-ms-input-placeholder,
-  input[type="datetime-local"]:-ms-input-placeholder,
-  input[type="date"]:-ms-input-placeholder,
-  input[type="month"]:-ms-input-placeholder,
-  input[type="time"]:-ms-input-placeholder,
-  input[type="week"]:-ms-input-placeholder,
-  input[type="number"]:-ms-input-placeholder,
-  input[type="email"]:-ms-input-placeholder,
-  input[type="url"]:-ms-input-placeholder,
-  input[type="search"]:-ms-input-placeholder,
-  input[type="tel"]:-ms-input-placeholder,
-  input[type="color"]:-ms-input-placeholder
-   {
-    color: #777777; }
+select:-ms-input-placeholder, textarea:-ms-input-placeholder {
+  color: #777777;
+}
 
-  select::-webkit-input-placeholder,
-  textarea::-webkit-input-placeholder,
-  input[type="text"]::-webkit-input-placeholder,
-  input[type="password"]::-webkit-input-placeholder,
-  input[type="datetime"]::-webkit-input-placeholder,
-  input[type="datetime-local"]::-webkit-input-placeholder,
-  input[type="date"]::-webkit-input-placeholder,
-  input[type="month"]::-webkit-input-placeholder,
-  input[type="time"]::-webkit-input-placeholder,
-  input[type="week"]::-webkit-input-placeholder,
-  input[type="number"]::-webkit-input-placeholder,
-  input[type="email"]::-webkit-input-placeholder,
-  input[type="url"]::-webkit-input-placeholder,
-  input[type="search"]::-webkit-input-placeholder,
-  input[type="tel"]::-webkit-input-placeholder,
-  input[type="color"]::-webkit-input-placeholder
-   {
-    color: #777777; }
+input {
+  &[type="text"]:-ms-input-placeholder, &[type="password"]:-ms-input-placeholder, &[type="datetime"]:-ms-input-placeholder, &[type="datetime-local"]:-ms-input-placeholder, &[type="date"]:-ms-input-placeholder, &[type="month"]:-ms-input-placeholder, &[type="time"]:-ms-input-placeholder, &[type="week"]:-ms-input-placeholder, &[type="number"]:-ms-input-placeholder, &[type="email"]:-ms-input-placeholder, &[type="url"]:-ms-input-placeholder, &[type="search"]:-ms-input-placeholder, &[type="tel"]:-ms-input-placeholder, &[type="color"]:-ms-input-placeholder {
+    color: #777777;
+  }
+}
 
-  select[disabled], select[readonly], fieldset[disabled] select,
-  textarea[disabled],
-  textarea[readonly], fieldset[disabled]
-  textarea,
-  input[type="text"][disabled],
-  input[type="text"][readonly], fieldset[disabled]
-  input[type="text"],
-  input[type="password"][disabled],
-  input[type="password"][readonly], fieldset[disabled]
-  input[type="password"],
-  input[type="datetime"][disabled],
-  input[type="datetime"][readonly], fieldset[disabled]
-  input[type="datetime"],
-  input[type="datetime-local"][disabled],
-  input[type="datetime-local"][readonly], fieldset[disabled]
-  input[type="datetime-local"],
-  input[type="date"][disabled],
-  input[type="date"][readonly], fieldset[disabled]
-  input[type="date"],
-  input[type="month"][disabled],
-  input[type="month"][readonly], fieldset[disabled]
-  input[type="month"],
-  input[type="time"][disabled],
-  input[type="time"][readonly], fieldset[disabled]
-  input[type="time"],
-  input[type="week"][disabled],
-  input[type="week"][readonly], fieldset[disabled]
-  input[type="week"],
-  input[type="number"][disabled],
-  input[type="number"][readonly], fieldset[disabled]
-  input[type="number"],
-  input[type="email"][disabled],
-  input[type="email"][readonly], fieldset[disabled]
-  input[type="email"],
-  input[type="url"][disabled],
-  input[type="url"][readonly], fieldset[disabled]
-  input[type="url"],
-  input[type="search"][disabled],
-  input[type="search"][readonly], fieldset[disabled]
-  input[type="search"],
-  input[type="tel"][disabled],
-  input[type="tel"][readonly], fieldset[disabled]
-  input[type="tel"],
-  input[type="color"][disabled],
-  input[type="color"][readonly], fieldset[disabled]
-  input[type="color"]
-{
-	cursor: not-allowed;
-	background-color: #f0f0f0;
-	opacity: 1.0;
-	filter: alpha(opacity=100);
-	border-color: #4d83a1;
-	color:#a8a8a8;}
+select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+  color: #777777;
+}
 
-  select[disabled]:hover, select[readonly]:hover, fieldset[disabled]:hover,
-  textarea[disabled]:hover,
-  textarea[readonly]:hover, fieldset[disabled]:hover
-  textarea:hover,
-  input[type="text"][disabled]:hover,
-  input[type="text"][readonly]:hover, fieldset[disabled]:hover
-  input[type="text"]:hover,
-  input[type="password"][disabled]:hover,
-  input[type="password"][readonly]:hover, fieldset[disabled]:hover
-  input[type="password"]:hover,
-  input[type="datetime"][disabled]:hover,
-  input[type="datetime"][readonly]:hover, fieldset[disabled]:hover
-  input[type="datetime"]:hover,
-  input[type="datetime-local"][disabled]:hover,
-  input[type="datetime-local"][readonly]:hover, fieldset[disabled]:hover
-  input[type="datetime-local"]:hover,
-  input[type="date"][disabled]:hover,
-  input[type="date"][readonly]:hover, fieldset[disabled]:hover
-  input[type="date"]:hover,
-  input[type="month"][disabled]:hover,
-  input[type="month"][readonly]:hover, fieldset[disabled]:hover
-  input[type="month"]:hover,
-  input[type="time"][disabled]:hover,
-  input[type="time"][readonly]:hover, fieldset[disabled]:hover
-  input[type="time"]:hover,
-  input[type="week"][disabled]:hover,
-  input[type="week"][readonly]:hover, fieldset[disabled]:hover
-  input[type="week"]:hover,
-  input[type="number"][disabled]:hover,
-  input[type="number"][readonly]:hover, fieldset[disabled]:hover
-  input[type="number"]:hover,
-  input[type="email"][disabled]:hover,
-  input[type="email"][readonly]:hover, fieldset[disabled]:hover
-  input[type="email"]:hover,
-  input[type="url"][disabled]:hover,
-  input[type="url"][readonly]:hover, fieldset[disabled]:hover
-  input[type="url"]:hover,
-  input[type="search"][disabled]:hover,
-  input[type="search"][readonly]:hover, fieldset[disabled]:hover
-  input[type="search"]:hover,
-  input[type="tel"][disabled]:hover,
-  input[type="tel"][readonly]:hover, fieldset[disabled]:hover
-  input[type="tel"]:hover,
-  input[type="color"][disabled]:hover,
-  input[type="color"][readonly]:hover, fieldset[disabled]:hover
-  input[type="color"]:hover
+input {
+  &[type="text"]::-webkit-input-placeholder, &[type="password"]::-webkit-input-placeholder, &[type="datetime"]::-webkit-input-placeholder, &[type="datetime-local"]::-webkit-input-placeholder, &[type="date"]::-webkit-input-placeholder, &[type="month"]::-webkit-input-placeholder, &[type="time"]::-webkit-input-placeholder, &[type="week"]::-webkit-input-placeholder, &[type="number"]::-webkit-input-placeholder, &[type="email"]::-webkit-input-placeholder, &[type="url"]::-webkit-input-placeholder, &[type="search"]::-webkit-input-placeholder, &[type="tel"]::-webkit-input-placeholder, &[type="color"]::-webkit-input-placeholder {
+    color: #777777;
+  }
+}
 
-   {
-	cursor: not-allowed;
-	background-color: #f0f0f0;
-	color:#a8a8a8;
-	opacity: 1.0;
-	filter: alpha(opacity=100);
-	-webkit-box-shadow: none;
-	box-shadow: none; }
+select {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] select {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
 
 textarea {
-  height: auto; }
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] textarea {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="text"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="text"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="password"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="password"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="datetime"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="datetime"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="datetime-local"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="datetime-local"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="date"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="date"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="month"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="month"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="time"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="time"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="week"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="week"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="number"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="number"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="email"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="email"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="url"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="url"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
 
 input[type="search"] {
-  -webkit-appearance: none; }
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="search"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="tel"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="tel"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+input[type="color"] {
+  &[disabled], &[readonly] {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    border-color: #4d83a1;
+    color: #a8a8a8;
+  }
+}
+
+fieldset[disabled] input[type="color"] {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  border-color: #4d83a1;
+  color: #a8a8a8;
+}
+
+select {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+textarea {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover textarea:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="text"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="text"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="password"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="password"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="datetime"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="datetime"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="datetime-local"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="datetime-local"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="date"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="date"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
 
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
 input[type="month"] {
-  line-height: 34px;
-  line-height: 1.42857 \0; }
-  input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control, .input-group-sm > input[type="date"].form-control,
-  .input-group-sm > input[type="date"].input-group-addon,
-  .input-group-sm > .input-group-btn > input[type="date"].btn,
-  input[type="time"].input-sm,
-  .form-horizontal .form-group-sm input[type="time"].form-control,
-  .input-group-sm > input[type="time"].form-control,
-  .input-group-sm > input[type="time"].input-group-addon,
-  .input-group-sm > .input-group-btn > input[type="time"].btn,
-  input[type="datetime-local"].input-sm,
-  .form-horizontal .form-group-sm input[type="datetime-local"].form-control,
-  .input-group-sm > input[type="datetime-local"].form-control,
-  .input-group-sm > input[type="datetime-local"].input-group-addon,
-  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
-  input[type="month"].input-sm,
-  .form-horizontal .form-group-sm input[type="month"].form-control,
-  .input-group-sm > input[type="month"].form-control,
-  .input-group-sm > input[type="month"].input-group-addon,
-  .input-group-sm > .input-group-btn > input[type="month"].btn {
-    line-height: 30px; }
-  input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control, .input-group-lg > input[type="date"].form-control,
-  .input-group-lg > input[type="date"].input-group-addon,
-  .input-group-lg > .input-group-btn > input[type="date"].btn,
-  input[type="time"].input-lg,
-  .form-horizontal .form-group-lg input[type="time"].form-control,
-  .input-group-lg > input[type="time"].form-control,
-  .input-group-lg > input[type="time"].input-group-addon,
-  .input-group-lg > .input-group-btn > input[type="time"].btn,
-  input[type="datetime-local"].input-lg,
-  .form-horizontal .form-group-lg input[type="datetime-local"].form-control,
-  .input-group-lg > input[type="datetime-local"].form-control,
-  .input-group-lg > input[type="datetime-local"].input-group-addon,
-  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
-  input[type="month"].input-lg,
-  .form-horizontal .form-group-lg input[type="month"].form-control,
-  .input-group-lg > input[type="month"].form-control,
-  .input-group-lg > input[type="month"].input-group-addon,
-  .input-group-lg > .input-group-btn > input[type="month"].btn {
-    line-height: 46px; }
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="month"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="time"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="time"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="week"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="week"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="number"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="number"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="email"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="email"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="url"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="url"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="search"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="search"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="tel"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="tel"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+input[type="color"] {
+  &[disabled]:hover, &[readonly]:hover {
+    cursor: not-allowed;
+    background-color: #f0f0f0;
+    color: #a8a8a8;
+    opacity: 1.0;
+    filter: alpha(opacity = 100);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled]:hover input[type="color"]:hover {
+  cursor: not-allowed;
+  background-color: #f0f0f0;
+  color: #a8a8a8;
+  opacity: 1.0;
+  filter: alpha(opacity = 100);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+textarea {
+  height: auto;
+}
+
+input {
+  &[type="search"] {
+    -webkit-appearance: none;
+  }
+
+  &[type="date"], &[type="time"], &[type="datetime-local"], &[type="month"] {
+    line-height: 34px;
+    line-height: 1.42857 \0;
+  }
+
+  &[type="date"].input-sm {
+    line-height: 30px;
+  }
+}
+
+.form-horizontal .form-group-sm input[type="date"].form-control {
+  line-height: 30px;
+}
+
+.input-group-sm > {
+  input[type="date"] {
+    &.form-control, &.input-group-addon {
+      line-height: 30px;
+    }
+  }
+
+  .input-group-btn > input[type="date"].btn {
+    line-height: 30px;
+  }
+}
+
+input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control {
+  line-height: 30px;
+}
+
+.input-group-sm > {
+  input[type="time"] {
+    &.form-control, &.input-group-addon {
+      line-height: 30px;
+    }
+  }
+
+  .input-group-btn > input[type="time"].btn {
+    line-height: 30px;
+  }
+}
+
+input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control {
+  line-height: 30px;
+}
+
+.input-group-sm > {
+  input[type="datetime-local"] {
+    &.form-control, &.input-group-addon {
+      line-height: 30px;
+    }
+  }
+
+  .input-group-btn > input[type="datetime-local"].btn {
+    line-height: 30px;
+  }
+}
+
+input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control {
+  line-height: 30px;
+}
+
+.input-group-sm > {
+  input[type="month"] {
+    &.form-control, &.input-group-addon {
+      line-height: 30px;
+    }
+  }
+
+  .input-group-btn > input[type="month"].btn {
+    line-height: 30px;
+  }
+}
+
+input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control {
+  line-height: 46px;
+}
+
+.input-group-lg > {
+  input[type="date"] {
+    &.form-control, &.input-group-addon {
+      line-height: 46px;
+    }
+  }
+
+  .input-group-btn > input[type="date"].btn {
+    line-height: 46px;
+  }
+}
+
+input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control {
+  line-height: 46px;
+}
+
+.input-group-lg > {
+  input[type="time"] {
+    &.form-control, &.input-group-addon {
+      line-height: 46px;
+    }
+  }
+
+  .input-group-btn > input[type="time"].btn {
+    line-height: 46px;
+  }
+}
+
+input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control {
+  line-height: 46px;
+}
+
+.input-group-lg > {
+  input[type="datetime-local"] {
+    &.form-control, &.input-group-addon {
+      line-height: 46px;
+    }
+  }
+
+  .input-group-btn > input[type="datetime-local"].btn {
+    line-height: 46px;
+  }
+}
+
+input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control {
+  line-height: 46px;
+}
+
+.input-group-lg > {
+  input[type="month"] {
+    &.form-control, &.input-group-addon {
+      line-height: 46px;
+    }
+  }
+
+  .input-group-btn > input[type="month"].btn {
+    line-height: 46px;
+  }
+}
 
 .form-group {
-  margin-bottom: 15px; }
+  margin-bottom: 15px;
+}
 
-.radio,
-.checkbox {
+.radio, .checkbox {
   position: relative;
   display: block;
   min-height: 20px;
   margin-top: 10px;
-  margin-bottom: 10px; }
-  .radio label,
-  .checkbox label {
-    padding-left: 20px;
-    margin-bottom: 0;
-    font-weight: normal;
-    cursor: pointer; }
+  margin-bottom: 10px;
+}
 
-.radio input[type="radio"],
-.radio-inline input[type="radio"],
-.checkbox input[type="checkbox"],
-.checkbox-inline input[type="checkbox"] {
+.radio label, .checkbox label {
+  padding-left: 20px;
+  margin-bottom: 0;
+  font-weight: normal;
+  cursor: pointer;
+}
+
+.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
   position: absolute;
   margin-left: -20px;
-  margin-top: 4px \9; }
+  margin-top: 4px \9;
+}
 
-.radio + .radio,
-.checkbox + .checkbox {
-  margin-top: -5px; }
+.radio + .radio, .checkbox + .checkbox {
+  margin-top: -5px;
+}
 
-.radio-inline,
-.checkbox-inline {
+.radio-inline, .checkbox-inline {
   display: inline-block;
   padding-left: 20px;
   margin-bottom: 0;
   vertical-align: middle;
   font-weight: normal;
-  cursor: pointer; }
+  cursor: pointer;
+}
 
-.radio-inline + .radio-inline,
-.checkbox-inline + .checkbox-inline {
+.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
   margin-top: 0;
-  margin-left: 10px; }
+  margin-left: 10px;
+}
+
+input[type="radio"] {
+  &[disabled], &.disabled {
+    cursor: not-allowed;
+  }
+}
+
+fieldset[disabled] input[type="radio"] {
+  cursor: not-allowed;
+}
 
-input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
-input[type="checkbox"][disabled],
-input[type="checkbox"].disabled, fieldset[disabled]
 input[type="checkbox"] {
-  cursor: not-allowed; }
+  &[disabled], &.disabled {
+    cursor: not-allowed;
+  }
+}
 
-.radio-inline.disabled, fieldset[disabled] .radio-inline,
-.checkbox-inline.disabled, fieldset[disabled]
-.checkbox-inline {
-  cursor: not-allowed; }
-
-.radio.disabled label, fieldset[disabled] .radio label,
-.checkbox.disabled label, fieldset[disabled]
-.checkbox label {
-  cursor: not-allowed; }
+fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline, .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
+  cursor: not-allowed;
+}
 
 .form-control-static {
   padding-top: 7px;
   padding-bottom: 7px;
-  margin-bottom: 0; }
-  .form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg > .form-control-static.form-control,
-  .input-group-lg > .form-control-static.input-group-addon,
-  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm > .form-control-static.form-control,
-  .input-group-sm > .form-control-static.input-group-addon,
-  .input-group-sm > .input-group-btn > .form-control-static.btn {
-    padding-left: 0;
-    padding-right: 0; }
+  margin-bottom: 0;
 
-.input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control,
-.input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .btn {
+  &.input-lg {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+.form-horizontal .form-group-lg .form-control-static.form-control {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.input-group-lg > {
+  .form-control-static {
+    &.form-control, &.input-group-addon {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+
+  .input-group-btn > .form-control-static.btn {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+.form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.input-group-sm > {
+  .form-control-static {
+    &.form-control, &.input-group-addon {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+
+  .input-group-btn > .form-control-static.btn {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+.input-sm, .form-horizontal .form-group-sm .form-control {
   height: 30px;
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
-  border-radius: 3px; }
+  border-radius: 3px;
+}
 
-select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm > select.form-control,
-.input-group-sm > select.input-group-addon,
-.input-group-sm > .input-group-btn > select.btn {
+.input-group-sm > {
+  .form-control, .input-group-addon, .input-group-btn > .btn {
+    height: 30px;
+    padding: 5px 10px;
+    font-size: 12px;
+    line-height: 1.5;
+    border-radius: 3px;
+  }
+}
+
+select.input-sm, .form-horizontal .form-group-sm select.form-control {
   height: 30px;
-  line-height: 30px; }
+  line-height: 30px;
+}
 
-textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > textarea.form-control,
-.input-group-sm > textarea.input-group-addon,
-.input-group-sm > .input-group-btn > textarea.btn,
-select[multiple].input-sm,
-.form-horizontal .form-group-sm select[multiple].form-control,
-.input-group-sm > select[multiple].form-control,
-.input-group-sm > select[multiple].input-group-addon,
-.input-group-sm > .input-group-btn > select[multiple].btn {
-  height: auto; }
+.input-group-sm > {
+  select {
+    &.form-control, &.input-group-addon {
+      height: 30px;
+      line-height: 30px;
+    }
+  }
 
-.input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control,
-.input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn {
+  .input-group-btn > select.btn {
+    height: 30px;
+    line-height: 30px;
+  }
+}
+
+textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control {
+  height: auto;
+}
+
+.input-group-sm > {
+  textarea {
+    &.form-control, &.input-group-addon {
+      height: auto;
+    }
+  }
+
+  .input-group-btn > textarea.btn {
+    height: auto;
+  }
+}
+
+select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control {
+  height: auto;
+}
+
+.input-group-sm > {
+  select[multiple] {
+    &.form-control, &.input-group-addon {
+      height: auto;
+    }
+  }
+
+  .input-group-btn > select[multiple].btn {
+    height: auto;
+  }
+}
+
+.input-lg, .form-horizontal .form-group-lg .form-control {
   height: 46px;
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.33;
-  border-radius: 6px; }
+  border-radius: 6px;
+}
 
-select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg > select.form-control,
-.input-group-lg > select.input-group-addon,
-.input-group-lg > .input-group-btn > select.btn {
+.input-group-lg > {
+  .form-control, .input-group-addon, .input-group-btn > .btn {
+    height: 46px;
+    padding: 10px 16px;
+    font-size: 18px;
+    line-height: 1.33;
+    border-radius: 6px;
+  }
+}
+
+select.input-lg, .form-horizontal .form-group-lg select.form-control {
   height: 46px;
-  line-height: 46px; }
+  line-height: 46px;
+}
 
-textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > textarea.form-control,
-.input-group-lg > textarea.input-group-addon,
-.input-group-lg > .input-group-btn > textarea.btn,
-select[multiple].input-lg,
-.form-horizontal .form-group-lg select[multiple].form-control,
-.input-group-lg > select[multiple].form-control,
-.input-group-lg > select[multiple].input-group-addon,
-.input-group-lg > .input-group-btn > select[multiple].btn {
-  height: auto; }
+.input-group-lg > {
+  select {
+    &.form-control, &.input-group-addon {
+      height: 46px;
+      line-height: 46px;
+    }
+  }
+
+  .input-group-btn > select.btn {
+    height: 46px;
+    line-height: 46px;
+  }
+}
+
+textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control {
+  height: auto;
+}
+
+.input-group-lg > {
+  textarea {
+    &.form-control, &.input-group-addon {
+      height: auto;
+    }
+  }
+
+  .input-group-btn > textarea.btn {
+    height: auto;
+  }
+}
+
+select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control {
+  height: auto;
+}
+
+.input-group-lg > {
+  select[multiple] {
+    &.form-control, &.input-group-addon {
+      height: auto;
+    }
+  }
+
+  .input-group-btn > select[multiple].btn {
+    height: auto;
+  }
+}
 
 .has-feedback {
-  position: relative; }
-  .has-feedback .form-control {
-    padding-right: 42.5px; }
+  position: relative;
+
+  .form-control {
+    padding-right: 42.5px;
+  }
+}
 
 .form-control-feedback {
   position: absolute;
@@ -2709,173 +4534,236 @@ select[multiple].input-lg,
   width: 34px;
   height: 34px;
   line-height: 34px;
-  text-align: center; }
+  text-align: center;
+}
 
-.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
-.input-group-lg > .input-group-addon + .form-control-feedback,
-.input-group-lg > .input-group-btn > .btn + .form-control-feedback {
+.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback {
   width: 46px;
   height: 46px;
-  line-height: 46px; }
+  line-height: 46px;
+}
 
-.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
-.input-group-sm > .input-group-addon + .form-control-feedback,
-.input-group-sm > .input-group-btn > .btn + .form-control-feedback {
+.input-group-lg > {
+  .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback {
+    width: 46px;
+    height: 46px;
+    line-height: 46px;
+  }
+}
+
+.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback {
   width: 30px;
   height: 30px;
-  line-height: 30px; }
+  line-height: 30px;
+}
 
-.has-success .help-block,
-.has-success .control-label,
-.has-success .radio,
-.has-success .checkbox,
-.has-success .radio-inline,
-.has-success .checkbox-inline {
-  color: #9BD275; }
-.has-success .form-control {
-  border-color: #9BD275;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
-  .has-success .form-control:focus {
-    border-color: #7fc54f;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; }
+.input-group-sm > {
+  .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback {
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+  }
+}
 
-.has-success .input-group-addon {
-  color: #9BD275;
-  border-color: #9BD275;
-  background-color: #9BD275; }
-.has-success .form-control-feedback {
-  color: #9BD275; }
+.has-success {
+  .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline {
+    color: #9BD275;
+  }
 
-.has-warning .help-block,
-.has-warning .control-label,
-.has-warning .radio,
-.has-warning .checkbox,
-.has-warning .radio-inline,
-.has-warning .checkbox-inline {
-  color: #f0ad4e; }
-.has-warning .form-control {
-  border-color: #f0ad4e;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
-  .has-warning .form-control:focus {
-    border-color: #ec971f;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; }
-.has-warning .input-group-addon {
-  color: #f0ad4e;
-  border-color: #f0ad4e;
-  background-color: #fcf8e3; }
-.has-warning .form-control-feedback {
-  color: #f0ad4e; }
+  .form-control {
+    border-color: #9BD275;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
-.has-error .help-block,
-.has-error .control-label,
-.has-error .radio,
-.has-error .checkbox,
-.has-error .radio-inline,
-.has-error .checkbox-inline {
-  color: #FC3803; }
-.has-error .form-control {
-  border-color: #FC3803;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
-  .has-error .form-control:focus {
-    border-color: #FC2E03;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; }
+    &:focus {
+      border-color: #7fc54f;
+      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2;
+      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2;
+    }
+  }
 
-.has-error .input-group-addon {
-  color: #F05050;
-  border-color: #F05050;
-  background-color: #F05050; }
-.has-error .form-control-feedback {
-  color: #F05050; }
+  .input-group-addon {
+    color: #9BD275;
+    border-color: #9BD275;
+    background-color: #9BD275;
+  }
+
+  .form-control-feedback {
+    color: #9BD275;
+  }
+}
+
+.has-warning {
+  .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline {
+    color: #f0ad4e;
+  }
+
+  .form-control {
+    border-color: #f0ad4e;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+
+    &:focus {
+      border-color: #ec971f;
+      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
+      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
+    }
+  }
+
+  .input-group-addon {
+    color: #f0ad4e;
+    border-color: #f0ad4e;
+    background-color: #fcf8e3;
+  }
+
+  .form-control-feedback {
+    color: #f0ad4e;
+  }
+}
+
+.has-error {
+  .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline {
+    color: #FC3803;
+  }
+
+  .form-control {
+    border-color: #FC3803;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+
+    &:focus {
+      border-color: #FC2E03;
+      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae;
+      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae;
+    }
+  }
+
+  .input-group-addon {
+    color: #F05050;
+    border-color: #F05050;
+    background-color: #F05050;
+  }
+
+  .form-control-feedback {
+    color: #F05050;
+  }
+}
 
 .has-feedback label.sr-only ~ .form-control-feedback {
-  top: 0; }
+  top: 0;
+}
 
 .help-block {
   display: block;
   margin-top: 5px;
   margin-bottom: 10px;
-  color: #7c7c7a; }
+  color: #7c7c7a;
+}
 
 @media (min-width: 768px) {
   .form-inline .form-group, .navbar-form .form-group {
     display: inline-block;
     margin-bottom: 0;
-    vertical-align: middle; }
+    vertical-align: middle;
+  }
+
   .form-inline .form-control, .navbar-form .form-control {
     display: inline-block;
     width: auto;
-    vertical-align: middle; }
+    vertical-align: middle;
+  }
+
   .form-inline .input-group, .navbar-form .input-group {
     display: inline-table;
-    vertical-align: middle; }
-    .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon,
-    .form-inline .input-group .input-group-btn,
-    .navbar-form .input-group .input-group-btn,
-    .form-inline .input-group .form-control,
-    .navbar-form .input-group .form-control {
-      width: auto; }
+    vertical-align: middle;
+  }
+
+  .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control {
+    width: auto;
+  }
+
   .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {
-    width: 100%; }
+    width: 100%;
+  }
+
   .form-inline .control-label, .navbar-form .control-label {
     margin-bottom: 0;
-    vertical-align: middle; }
-  .form-inline .radio, .navbar-form .radio,
-  .form-inline .checkbox,
-  .navbar-form .checkbox {
+    vertical-align: middle;
+  }
+
+  .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox {
     display: inline-block;
     margin-top: 0;
     margin-bottom: 0;
-    vertical-align: middle; }
-    .form-inline .radio label, .navbar-form .radio label,
-    .form-inline .checkbox label,
-    .navbar-form .checkbox label {
-      padding-left: 0; }
-  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
-  .form-inline .checkbox input[type="checkbox"],
-  .navbar-form .checkbox input[type="checkbox"] {
-    position: relative;
-    margin-left: 0; }
-  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
-    top: 0; } }
+    vertical-align: middle;
+  }
+
+  .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label {
+    padding-left: 0;
+  }
+
+  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+
+  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+
+.form-horizontal {
+  .radio, .checkbox, .radio-inline, .checkbox-inline {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-top: 7px;
+  }
+
+  .radio, .checkbox {
+    min-height: 27px;
+  }
+
+  .form-group {
+    margin-left: -20px;
+    margin-right: -20px;
+
+    &:before {
+      content: " ";
+      display: table;
+    }
+
+    &:after {
+      content: " ";
+      display: table;
+      clear: both;
+    }
+  }
+
+  .has-feedback control-feedback {
+    top: 0;
+    right: 20px;
+  }
+}
 
-.form-horizontal .radio,
-.form-horizontal .checkbox,
-.form-horizontal .radio-inline,
-.form-horizontal .checkbox-inline {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 7px; }
-.form-horizontal .radio,
-.form-horizontal .checkbox {
-  min-height: 27px; }
-.form-horizontal .form-group {
-  margin-left: -20px;
-  margin-right: -20px; }
-  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
-    content: " ";
-    display: table; }
-  .form-horizontal .form-group:after {
-    clear: both; }
 @media (min-width: 768px) {
   .form-horizontal .control-label {
     text-align: right;
     margin-bottom: 0;
-    padding-top: 7px; } }
-.form-horizontal .has-feedback control-feedback {
-  top: 0;
-  right: 20px; }
+    padding-top: 7px;
+  }
+}
+
 @media (min-width: 768px) {
   .form-horizontal .form-group-lg .control-label {
-    padding-top: 14.3px; } }
+    padding-top: 14.3px;
+  }
+}
+
 @media (min-width: 768px) {
   .form-horizontal .form-group-sm .control-label {
-    padding-top: 6px; } }
+    padding-top: 6px;
+  }
+}
 
 .btn {
   display: inline-block;
@@ -2897,232 +4785,639 @@ select[multiple].input-lg,
   color: #FFFFFF;
   background-color: #457995;
   border: 1px solid #1b4257;
-  outline:0; }
-.btn:active, .btn.active, .open > .btn.dropdown-toggle {
-   color: #FFF;
-    background-color: #30596f;
-	outline:0;
-    border-color: #1d1d1d;
-	text-decoration: none; }
-.btn:hover, .btn:focus {
-	background-color: #315a71;
-	color: #FFF;
-	border-radius: 3px;
-	border: 1px solid #1b4257;
-	text-decoration: none;}
+  outline: 0;
 
-  .btn:active, .btn.active, .open > .btn.dropdown-toggle {
+  &:active, &.active {
+    color: #FFF;
+    background-color: #30596f;
+    outline: 0;
+    border-color: #1d1d1d;
+    text-decoration: none;
+  }
+}
+
+.open > .btn.dropdown-toggle {
+  color: #FFF;
+  background-color: #30596f;
+  outline: 0;
+  border-color: #1d1d1d;
+  text-decoration: none;
+}
+
+.btn {
+  &:hover, &:focus {
+    background-color: #315a71;
+    color: #FFF;
+    border-radius: 3px;
+    border: 1px solid #1b4257;
+    text-decoration: none;
+  }
+
+  &:active, &.active {
     background-image: none;
-	outline:0; }
-  .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active {
+    outline: 0;
+  }
+}
+
+.open > .btn.dropdown-toggle {
+  background-image: none;
+  outline: 0;
+}
+
+.btn {
+  &.disabled {
     background-color: #FFFFFF;
     border-color: #1d1d1d;
-	outline:0; }
+    outline: 0;
 
-  .btn .badge {
+    &:hover, &:focus, &:active, &.active {
+      background-color: #FFFFFF;
+      border-color: #1d1d1d;
+      outline: 0;
+    }
+  }
+
+  &[disabled] {
+    background-color: #FFFFFF;
+    border-color: #1d1d1d;
+    outline: 0;
+
+    &:hover, &:focus, &:active, &.active {
+      background-color: #FFFFFF;
+      border-color: #1d1d1d;
+      outline: 0;
+    }
+  }
+}
+
+fieldset[disabled] .btn {
+  background-color: #FFFFFF;
+  border-color: #1d1d1d;
+  outline: 0;
+
+  &:hover, &:focus, &:active, &.active {
+    background-color: #FFFFFF;
+    border-color: #1d1d1d;
+    outline: 0;
+  }
+}
+
+.btn {
+  .badge {
     color: #FFFFFF;
-    background-color: #3e3e3e; }
-  .btn:focus, .btn:active:focus, .btn.active:focus {
+    background-color: #3e3e3e;
+  }
+
+  &:focus, &:active:focus, &.active:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
-	outline:0; }
+    outline: 0;
+  }
 
-  .btn:active, .btn.active {
-    outline: 0;  }
-  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
+  &:active, &.active {
+    outline: 0;
+  }
+
+  &.disabled, &[disabled] {
     cursor: not-allowed;
     pointer-events: none;
     opacity: 0.30;
-    filter: alpha(opacity=30);
+    filter: alpha(opacity = 30);
     -webkit-box-shadow: none;
-    box-shadow: none; }
+    box-shadow: none;
+  }
+}
 
-.act_flush:hover, .act_flush:focus {
-  color: #FFF;
-  background-color: #336480;
-  border-color: 1px solid #1d1d1d;
-  outline:0; }
+fieldset[disabled] .btn {
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.30;
+  filter: alpha(opacity = 30);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
 
-  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
+.act_flush {
+  &:hover, &:focus {
+    color: #FFF;
+    background-color: #336480;
+    border-color: 1px solid #1d1d1d;
+    outline: 0;
+  }
+}
+
+.btn-default {
+  &:active, &.active {
     background-image: none;
-    outline:0; }
-  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
+    outline: 0;
+  }
+}
+
+.open > .btn-default.dropdown-toggle {
+  background-image: none;
+  outline: 0;
+}
+
+.btn-default {
+  &.disabled {
     background-color: #FFFFFF;
     border-color: 1px solid #1d1d1d;
-    outline:0; }
-  .btn-default .badge {
-    color: #FFFFFF;
-    background-color: #3e3e3e;
-    outline:0; }
+    outline: 0;
+
+    &:hover, &:focus, &:active, &.active {
+      background-color: #FFFFFF;
+      border-color: 1px solid #1d1d1d;
+      outline: 0;
+    }
+  }
+
+  &[disabled] {
+    background-color: #FFFFFF;
+    border-color: 1px solid #1d1d1d;
+    outline: 0;
+
+    &:hover, &:focus, &:active, &.active {
+      background-color: #FFFFFF;
+      border-color: 1px solid #1d1d1d;
+      outline: 0;
+    }
+  }
+}
+
+fieldset[disabled] .btn-default {
+  background-color: #FFFFFF;
+  border-color: 1px solid #1d1d1d;
+  outline: 0;
+
+  &:hover, &:focus, &:active, &.active {
+    background-color: #FFFFFF;
+    border-color: 1px solid #1d1d1d;
+    outline: 0;
+  }
+}
+
+.btn-default .badge {
+  color: #FFFFFF;
+  background-color: #3e3e3e;
+  outline: 0;
+}
 
 .btn-primary {
   color: #fff !important;
   background-color: #FF7E25;
   border: 1px solid #6c6c6c;
-  outline:0;   }
-  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
+  outline: 0;
+
+  &:hover, &:focus, &:active, &.active {
     color: #fff;
     background-color: #EC7726;
     border-color: 1px solid #6c6c6c;
-    outline:0; }
+    outline: 0;
+  }
+}
 
-  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
-    background-image: none; }
-  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
+.open > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #EC7726;
+  border-color: 1px solid #6c6c6c;
+  outline: 0;
+}
+
+.btn-primary {
+  &:active, &.active {
+    background-image: none;
+  }
+}
+
+.open > .btn-primary.dropdown-toggle {
+  background-image: none;
+}
+
+.btn-primary {
+  &.disabled {
     background-color: #FF7E25;
     border-color: #6c6c6c;
-    outline:0; }
+    outline: 0;
 
-  .btn-primary .badge {
-    color: #FF8B00;
-    background-color: #fff; }
+    &:hover, &:focus, &:active, &.active {
+      background-color: #FF7E25;
+      border-color: #6c6c6c;
+      outline: 0;
+    }
+  }
+
+  &[disabled] {
+    background-color: #FF7E25;
+    border-color: #6c6c6c;
+    outline: 0;
+
+    &:hover, &:focus, &:active, &.active {
+      background-color: #FF7E25;
+      border-color: #6c6c6c;
+      outline: 0;
+    }
+  }
+}
+
+fieldset[disabled] .btn-primary {
+  background-color: #FF7E25;
+  border-color: #6c6c6c;
+  outline: 0;
+
+  &:hover, &:focus, &:active, &.active {
+    background-color: #FF7E25;
+    border-color: #6c6c6c;
+    outline: 0;
+  }
+}
+
+.btn-primary .badge {
+  color: #FF8B00;
+  background-color: #fff;
+}
 
 .btn-success {
   color: #fff;
   background-color: #85ce53;
-  border-color: #323232; }
-  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
+  border-color: #323232;
+
+  &:hover, &:focus, &:active, &.active {
     color: #fff;
     background-color: #7fc54f;
     border-color: #323232;
-	outline:0; }
-  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
-    background-image: none; }
-  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
+    outline: 0;
+  }
+}
+
+.open > .btn-success.dropdown-toggle {
+  color: #fff;
+  background-color: #7fc54f;
+  border-color: #323232;
+  outline: 0;
+}
+
+.btn-success {
+  &:active, &.active {
+    background-image: none;
+  }
+}
+
+.open > .btn-success.dropdown-toggle {
+  background-image: none;
+}
+
+.btn-success {
+  &.disabled {
     background-color: #9BD275;
     border-color: #8dcc62;
-	outline:0; }
+    outline: 0;
 
-  .btn-success .badge {
-    color: #9BD275;
-    background-color: #fff; }
+    &:hover, &:focus, &:active, &.active {
+      background-color: #9BD275;
+      border-color: #8dcc62;
+      outline: 0;
+    }
+  }
+
+  &[disabled] {
+    background-color: #9BD275;
+    border-color: #8dcc62;
+    outline: 0;
+
+    &:hover, &:focus, &:active, &.active {
+      background-color: #9BD275;
+      border-color: #8dcc62;
+      outline: 0;
+    }
+  }
+}
+
+fieldset[disabled] .btn-success {
+  background-color: #9BD275;
+  border-color: #8dcc62;
+  outline: 0;
+
+  &:hover, &:focus, &:active, &.active {
+    background-color: #9BD275;
+    border-color: #8dcc62;
+    outline: 0;
+  }
+}
+
+.btn-success .badge {
+  color: #9BD275;
+  background-color: #fff;
+}
 
 .btn-info {
   color: #fff;
   background-color: #B0CDDB;
-  border-color: #9ec2d3; }
-  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
+  border-color: #9ec2d3;
+
+  &:hover, &:focus, &:active, &.active {
     color: #fff;
     background-color: #8db7cb;
-    border-color: #74a7c0; }
+    border-color: #74a7c0;
+  }
+}
 
-  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
-    background-image: none; }
-  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
+.open > .btn-info.dropdown-toggle {
+  color: #fff;
+  background-color: #8db7cb;
+  border-color: #74a7c0;
+}
+
+.btn-info {
+  &:active, &.active {
+    background-image: none;
+  }
+}
+
+.open > .btn-info.dropdown-toggle {
+  background-image: none;
+}
+
+.btn-info {
+  &.disabled {
     background-color: #B0CDDB;
-    border-color: #9ec2d3; }
+    border-color: #9ec2d3;
 
-  .btn-info .badge {
-    color: #B0CDDB;
-    background-color: #fff; }
+    &:hover, &:focus, &:active, &.active {
+      background-color: #B0CDDB;
+      border-color: #9ec2d3;
+    }
+  }
+
+  &[disabled] {
+    background-color: #B0CDDB;
+    border-color: #9ec2d3;
+
+    &:hover, &:focus, &:active, &.active {
+      background-color: #B0CDDB;
+      border-color: #9ec2d3;
+    }
+  }
+}
+
+fieldset[disabled] .btn-info {
+  background-color: #B0CDDB;
+  border-color: #9ec2d3;
+
+  &:hover, &:focus, &:active, &.active {
+    background-color: #B0CDDB;
+    border-color: #9ec2d3;
+  }
+}
+
+.btn-info .badge {
+  color: #B0CDDB;
+  background-color: #fff;
+}
 
 .btn-warning {
   color: #fff;
   background-color: #FF7E25;
-  border-color: #1b4257; }
-  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
+  border-color: #1b4257;
+
+  &:hover, &:focus, &:active, &.active {
     color: #fff;
     background-color: #EC7726;
-    border-color: #1b4257; }
+    border-color: #1b4257;
+  }
+}
 
-  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
-    background-image: none; }
-  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
+.open > .btn-warning.dropdown-toggle {
+  color: #fff;
+  background-color: #EC7726;
+  border-color: #1b4257;
+}
+
+.btn-warning {
+  &:active, &.active {
+    background-image: none;
+  }
+}
+
+.open > .btn-warning.dropdown-toggle {
+  background-image: none;
+}
+
+.btn-warning {
+  &.disabled {
     background-color: #f0ad4e;
-    border-color: #eea236; }
+    border-color: #eea236;
 
-  .btn-warning .badge {
-    color: #f0ad4e;
-    background-color: #fff; }
+    &:hover, &:focus, &:active, &.active {
+      background-color: #f0ad4e;
+      border-color: #eea236;
+    }
+  }
+
+  &[disabled] {
+    background-color: #f0ad4e;
+    border-color: #eea236;
+
+    &:hover, &:focus, &:active, &.active {
+      background-color: #f0ad4e;
+      border-color: #eea236;
+    }
+  }
+}
+
+fieldset[disabled] .btn-warning {
+  background-color: #f0ad4e;
+  border-color: #eea236;
+
+  &:hover, &:focus, &:active, &.active {
+    background-color: #f0ad4e;
+    border-color: #eea236;
+  }
+}
+
+.btn-warning .badge {
+  color: #f0ad4e;
+  background-color: #fff;
+}
 
 .btn-danger {
   color: #fff;
   background-color: #CB4326;
-  border-color: #1B4257; }
-  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
+  border-color: #1B4257;
+
+  &:hover, &:focus, &:active, &.active {
     color: #fff;
     background-color: #B63B21;
-    border-color: #1B4257; }
-  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
-    background-image: none; }
-  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
+    border-color: #1B4257;
+  }
+}
+
+.open > .btn-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #B63B21;
+  border-color: #1B4257;
+}
+
+.btn-danger {
+  &:active, &.active {
+    background-image: none;
+  }
+}
+
+.open > .btn-danger.dropdown-toggle {
+  background-image: none;
+}
+
+.btn-danger {
+  &.disabled {
     background-color: #F05050;
-    border-color: #ee3939; }
-  .btn-danger .badge {
-    color: #F05050;
-    background-color: #fff; }
+    border-color: #ee3939;
+
+    &:hover, &:focus, &:active, &.active {
+      background-color: #F05050;
+      border-color: #ee3939;
+    }
+  }
+
+  &[disabled] {
+    background-color: #F05050;
+    border-color: #ee3939;
+
+    &:hover, &:focus, &:active, &.active {
+      background-color: #F05050;
+      border-color: #ee3939;
+    }
+  }
+}
+
+fieldset[disabled] .btn-danger {
+  background-color: #F05050;
+  border-color: #ee3939;
+
+  &:hover, &:focus, &:active, &.active {
+    background-color: #F05050;
+    border-color: #ee3939;
+  }
+}
+
+.btn-danger .badge {
+  color: #F05050;
+  background-color: #fff;
+}
 
 .btn-link {
   color: #FF8B00;
   font-weight: normal;
   cursor: pointer;
-  border-radius: 0; }
-  .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
+  border-radius: 0;
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+
+  &:active, &[disabled] {
     background-color: transparent;
     -webkit-box-shadow: none;
-    box-shadow: none; }
-  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
-    border-color: transparent; }
-  .btn-link:hover, .btn-link:focus {
+    box-shadow: none;
+  }
+}
+
+fieldset[disabled] .btn-link {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+.btn-link {
+  border-color: transparent;
+
+  &:hover, &:focus, &:active {
+    border-color: transparent;
+  }
+
+  &:hover, &:focus {
     color: #9f4d03;
     text-decoration: underline;
-    background-color: transparent; }
+    background-color: transparent;
+  }
 
-  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
+  &[disabled] {
+    &:hover, &:focus {
+      color: #777777;
+      text-decoration: none;
+    }
+  }
+}
+
+fieldset[disabled] .btn-link {
+  &:hover, &:focus {
     color: #777777;
-    text-decoration: none; }
-
+    text-decoration: none;
+  }
+}
 
 .btn-lg, .btn-group-lg > .btn {
   padding: 9px 12px;
   font-size: 18px;
-  line-height: 1.33; }
+  line-height: 1.33;
+}
 
 .btn-sm, .btn-group-sm > .btn {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
-  border-radius: 3px; }
+  border-radius: 3px;
+}
 
 .btn-xs, .btn-group-xs > .btn {
   padding: 1px 4px;
   font-size: 12px;
   line-height: 1.5;
-  border-radius: 3px; }
+  border-radius: 3px;
+}
 
 .btn-block {
   display: block;
-  width: 100%; }
+  width: 100%;
 
-.btn-block + .btn-block {
-  margin-top: 5px; }
+  + .btn-block {
+    margin-top: 5px;
+  }
+}
 
-input[type="submit"].btn-block,
-input[type="reset"].btn-block,
-input[type="button"].btn-block {
-  width: 100%; }
+input {
+  &[type="submit"].btn-block, &[type="reset"].btn-block, &[type="button"].btn-block {
+    width: 100%;
+  }
+}
 
 .fade {
   opacity: 0;
-  filter: alpha(opacity=0);
+  filter: alpha(opacity = 0);
   -webkit-transition: opacity 0.15s linear;
   -o-transition: opacity 0.15s linear;
-  transition: opacity 0.15s linear; }
-  .fade.in {
-    opacity: 1; filter: alpha(opacity=100); }
+  transition: opacity 0.15s linear;
 
+  &.in {
+    opacity: 1;
+    filter: alpha(opacity = 100);
+  }
+}
 
 .collapse {
-  display: none; }
-  .collapse.in {
-    display: block; }
+  display: none;
+
+  &.in {
+    display: block;
+  }
+}
 
 tr.collapse.in {
-  display: table-row; }
+  display: table-row;
+}
 
 tbody.collapse.in {
-  display: table-row-group; }
+  display: table-row-group;
+}
 
 .collapsing {
   position: relative;
@@ -3130,7 +5425,8 @@ tbody.collapse.in {
   overflow: hidden;
   -webkit-transition: height 0.35s ease;
   -o-transition: height 0.35s ease;
-  transition: height 0.35s ease; }
+  transition: height 0.35s ease;
+}
 
 .caret {
   display: inline-block;
@@ -3140,14 +5436,16 @@ tbody.collapse.in {
   vertical-align: middle;
   border-top: 4px solid;
   border-right: 4px solid transparent;
-  border-left: 4px solid transparent; }
+  border-left: 4px solid transparent;
+}
 
 .dropdown {
-  position: relative; }
-
+  position: relative;
+}
 
 .dropdown-toggle:focus {
-  outline: 0; }
+  outline: 0;
+}
 
 .dropdown-menu {
   position: absolute;
@@ -3171,65 +5469,93 @@ tbody.collapse.in {
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   background-clip: padding-box;
-  -webkit-box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.60);
-  -moz-box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.60);
-  box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.60);
-  opacity: 0.97; }
+  -webkit-box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.6);
+  -moz-box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.6);
+  box-shadow: 3px 8px 10px 0px rgba(0, 0, 0, 0.6);
+  opacity: 0.97;
 
-  .dropdown-menu.pull-right {
+  &.pull-right {
     right: 0;
     left: auto;
-    background-color: #e5e5e5; }
+    background-color: #e5e5e5;
+  }
 
-  .dropdown-menu .divider {
+  .divider {
     height: 1px;
     margin: 9px 0;
     overflow: hidden;
-    background-color: #e5e5e5; }
-  .dropdown-menu > li > a {
+    background-color: #e5e5e5;
+  }
+
+  > {
+    li > a {
+      display: block;
+      padding: 3px 20px;
+      clear: both;
+      font-weight: normal;
+      line-height: 1.428571429;
+      color: #fff;
+      white-space: nowrap;
+      outline: 0;
+
+      &:hover, &:focus {
+        text-decoration: none;
+        color: #FFFFFF;
+        background-color: #FF7E25;
+      }
+    }
+
+    .active > a {
+      color: #fff;
+      text-decoration: none;
+      outline: 0;
+      background-color: #FF7E25;
+
+      &:hover, &:focus {
+        color: #fff;
+        text-decoration: none;
+        outline: 0;
+        background-color: #FF7E25;
+      }
+    }
+
+    .disabled > a {
+      color: #777777;
+
+      &:hover, &:focus {
+        color: #777777;
+      }
+
+      &:hover, &:focus {
+        text-decoration: none;
+        background-color: transparent;
+        background-image: none;
+        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+        cursor: not-allowed;
+      }
+    }
+  }
+}
+
+.open > {
+  .dropdown-menu {
     display: block;
-    padding: 3px 20px;
-    clear: both;
-    font-weight: normal;
-    line-height: 1.428571429;
-    color: #fff;
-    white-space: nowrap;
-	outline:0;}
+  }
 
-.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
-  text-decoration: none;
-  color: #FFFFFF;
-  background-color: #FF7E25; }
-
-.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
-  color: #fff;
-  text-decoration: none;
-  outline: 0;
-  background-color: #FF7E25; }
-
-.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
-  color: #777777; }
-
-.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
-  text-decoration: none;
-  background-color: transparent;
-  background-image: none;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  cursor: not-allowed; }
-
-
-.open > .dropdown-menu {
-  display: block; }
-.open > a {
-  outline: 0; }
+  a {
+    outline: 0;
+  }
+}
 
 .dropdown-menu-right {
   left: auto;
-  right: 0; }
+  right: 0;
+}
 
 .dropdown-menu-left {
   left: 0;
-  right: auto; }
+  right: auto;
+}
 
 .dropdown-header {
   display: block;
@@ -3237,7 +5563,8 @@ tbody.collapse.in {
   font-size: 12px;
   line-height: 1.428571429;
   color: #b0b0b0;
-  white-space: nowrap; }
+  white-space: nowrap;
+}
 
 .dropdown-backdrop {
   position: fixed;
@@ -3245,226 +5572,373 @@ tbody.collapse.in {
   right: 0;
   bottom: 0;
   top: 0;
-  z-index: 990; }
+  z-index: 990;
+}
 
 .pull-right > .dropdown-menu {
   right: 0;
-  left: auto; }
+  left: auto;
+}
 
-.dropup .caret,
-.navbar-fixed-bottom .dropdown .caret {
+.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
   border-top: 0;
   border-bottom: 4px solid;
-  content: ""; }
-.dropup .dropdown-menu,
-.navbar-fixed-bottom .dropdown .dropdown-menu {
+  content: "";
+}
+
+.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
   top: auto;
   bottom: 100%;
-  margin-bottom: 1px; }
+  margin-bottom: 1px;
+}
 
 @media (min-width: 768px) {
-  .navbar-right .dropdown-menu {
-    right: 0;
-    left: auto; }
-  .navbar-right .dropdown-menu-left {
-    left: 0;
-    right: auto; } }
-.btn-group,
-.btn-group-vertical {
+  .navbar-right {
+    .dropdown-menu {
+      right: 0;
+      left: auto;
+    }
+
+    .dropdown-menu-left {
+      left: 0;
+      right: auto;
+    }
+  }
+}
+
+.btn-group, .btn-group-vertical {
   position: relative;
   display: inline-block;
-  vertical-align: middle; }
-  .btn-group > .btn,
-  .btn-group-vertical > .btn {
-    position: relative;
-    float: left; }
-    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
-    .btn-group-vertical > .btn:hover,
-    .btn-group-vertical > .btn:focus,
-    .btn-group-vertical > .btn:active,
-    .btn-group-vertical > .btn.active {
-      z-index: 2;
-	  -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important;
-	  -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important;
-	  transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; }
-    .btn-group > .btn:focus,
-    .btn-group-vertical > .btn:focus {
-      outline: 0; }
+  vertical-align: middle;
+}
 
-.btn-group .btn + .btn,
-.btn-group .btn + .btn-group,
-.btn-group .btn-group + .btn,
-.btn-group .btn-group + .btn-group {
-  margin-left: -1px; }
+.btn-group > .btn, .btn-group-vertical > .btn {
+  position: relative;
+  float: left;
+}
+
+.btn-group > .btn {
+  &:hover, &:focus, &:active, &.active {
+    z-index: 2;
+    -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important;
+    -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important;
+    transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important;
+  }
+}
+
+.btn-group-vertical > .btn {
+  &:hover, &:focus, &:active, &.active {
+    z-index: 2;
+    -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important;
+    -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important;
+    transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important;
+  }
+}
+
+.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
+  outline: 0;
+}
+
+.btn-group {
+  .btn + {
+    .btn, .btn-group {
+      margin-left: -1px;
+    }
+  }
+
+  .btn-group + {
+    .btn, .btn-group {
+      margin-left: -1px;
+    }
+  }
+}
 
 .btn-toolbar {
-  margin-left: -5px; }
-  .btn-toolbar:before, .btn-toolbar:after {
+  margin-left: -5px;
+
+  &:before {
     content: " ";
-    display: table; }
-  .btn-toolbar:after {
-    clear: both; }
-  .btn-toolbar .btn-group,
-  .btn-toolbar .input-group {
-    float: left; }
-  .btn-toolbar > .btn,
-  .btn-toolbar > .btn-group,
-  .btn-toolbar > .input-group {
-    margin-left: 5px; }
+    display: table;
+  }
 
-.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-  border-radius: 0; }
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
 
-.btn-group > .btn:first-child {
-  margin-left: 0; }
-  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0; }
+  .btn-group, .input-group {
+    float: left;
+  }
 
-.btn-group > .btn:last-child:not(:first-child),
-.btn-group > .dropdown-toggle:not(:first-child) {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0; }
+  > {
+    .btn, .btn-group, .input-group {
+      margin-left: 5px;
+    }
+  }
+}
 
-.btn-group > .btn-group {
-  float: left; }
+.btn-group {
+  > {
+    .btn {
+      &:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+        border-radius: 0;
+      }
 
-.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0; }
+      &:first-child {
+        margin-left: 0;
 
-.btn-group > .btn-group:first-child > .btn:last-child,
-.btn-group > .btn-group:first-child > .dropdown-toggle {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0; }
+        &:not(:last-child):not(.dropdown-toggle) {
+          border-bottom-right-radius: 0;
+          border-top-right-radius: 0;
+        }
+      }
 
-.btn-group > .btn-group:last-child > .btn:first-child {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0; }
+      &:last-child:not(:first-child) {
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+      }
+    }
 
-.btn-group .dropdown-toggle:active, .btn-group .dropdown-toggle:hover, .btn-group.open .dropdown-toggle {
-  outline: 0;
-  color: #FFFFFF;
-  background-color: none;
-  border-color: #000; }
+    .dropdown-toggle:not(:first-child) {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
 
-.btn-group > .btn + .dropdown-toggle {
-  padding-left: 8px;
-  padding-right: 8px; }
+    .btn-group {
+      float: left;
 
-.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
+      &:not(:first-child):not(:last-child) > .btn {
+        border-radius: 0;
+      }
+
+      &:first-child > {
+        .btn:last-child, .dropdown-toggle {
+          border-bottom-right-radius: 0;
+          border-top-right-radius: 0;
+        }
+      }
+
+      &:last-child > .btn:first-child {
+        border-bottom-left-radius: 0;
+        border-top-left-radius: 0;
+      }
+    }
+  }
+
+  .dropdown-toggle {
+    &:active, &:hover {
+      outline: 0;
+      color: #FFFFFF;
+      background-color: none;
+      border-color: #000;
+    }
+  }
+
+  &.open .dropdown-toggle {
+    outline: 0;
+    color: #FFFFFF;
+    background-color: none;
+    border-color: #000;
+  }
+
+  > {
+    .btn + .dropdown-toggle {
+      padding-left: 8px;
+      padding-right: 8px;
+    }
+
+    .btn-lg + .dropdown-toggle {
+      padding-left: 12px;
+      padding-right: 12px;
+    }
+  }
+}
+
+.btn-group-lg.btn-group > .btn + .dropdown-toggle {
   padding-left: 12px;
-  padding-right: 12px; }
+  padding-right: 12px;
+}
 
-.btn-group.open .dropdown-toggle {}
-  .btn-group.open .dropdown-toggle.btn-link {
-    -webkit-box-shadow: none;
-    box-shadow: none; }
+.btn-group.open .dropdown-toggle.btn-link {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
 
 .btn .caret {
-  margin-left: 0; }
+  margin-left: 0;
+}
 
 .btn-lg .caret, .btn-group-lg > .btn .caret {
   border-width: 5px 5px 0;
-  border-bottom-width: 0; }
+  border-bottom-width: 0;
+}
 
-.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
-  border-width: 0 5px 5px; }
+.dropup {
+  .btn-lg .caret, .btn-group-lg > .btn .caret {
+    border-width: 0 5px 5px;
+  }
+}
 
-.btn-group-vertical > .btn,
-.btn-group-vertical > .btn-group,
-.btn-group-vertical > .btn-group > .btn {
-  display: block;
-  float: none;
-  width: 100%;
-  max-width: 100%; }
-.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
-  content: " ";
-  display: table; }
-.btn-group-vertical > .btn-group:after {
-  clear: both; }
-.btn-group-vertical > .btn-group > .btn {
-  float: none; }
-.btn-group-vertical > .btn + .btn,
-.btn-group-vertical > .btn + .btn-group,
-.btn-group-vertical > .btn-group + .btn,
-.btn-group-vertical > .btn-group + .btn-group {
-  margin-top: -1px;
-  margin-left: 0; }
+.btn-group-vertical > {
+  .btn {
+    display: block;
+    float: none;
+    width: 100%;
+    max-width: 100%;
+  }
 
-.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
-  border-radius: 0; }
-.btn-group-vertical > .btn:first-child:not(:last-child) {
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0; }
-.btn-group-vertical > .btn:last-child:not(:first-child) {
-  border-bottom-left-radius: 3px;
-  border-top-right-radius: 0;
-  border-top-left-radius: 0; }
+  .btn-group {
+    display: block;
+    float: none;
+    width: 100%;
+    max-width: 100%;
 
-.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0; }
+    > .btn {
+      display: block;
+      float: none;
+      width: 100%;
+      max-width: 100%;
+    }
 
-.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
-.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0; }
+    &:before {
+      content: " ";
+      display: table;
+    }
 
-.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
-  border-top-right-radius: 0;
-  border-top-left-radius: 0; }
+    &:after {
+      content: " ";
+      display: table;
+      clear: both;
+    }
+
+    > .btn {
+      float: none;
+    }
+  }
+
+  .btn + {
+    .btn, .btn-group {
+      margin-top: -1px;
+      margin-left: 0;
+    }
+  }
+
+  .btn-group + {
+    .btn, .btn-group {
+      margin-top: -1px;
+      margin-left: 0;
+    }
+  }
+
+  .btn {
+    &:not(:first-child):not(:last-child) {
+      border-radius: 0;
+    }
+
+    &:first-child:not(:last-child) {
+      border-top-right-radius: 3px;
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    &:last-child:not(:first-child) {
+      border-bottom-left-radius: 3px;
+      border-top-right-radius: 0;
+      border-top-left-radius: 0;
+    }
+  }
+
+  .btn-group {
+    &:not(:first-child):not(:last-child) > .btn {
+      border-radius: 0;
+    }
+
+    &:first-child:not(:last-child) > {
+      .btn:last-child, .dropdown-toggle {
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
+
+    &:last-child:not(:first-child) > .btn:first-child {
+      border-top-right-radius: 0;
+      border-top-left-radius: 0;
+    }
+  }
+}
 
 .btn-group-justified {
   display: table;
   width: 100%;
   table-layout: fixed;
-  border-collapse: separate; }
-  .btn-group-justified > .btn,
-  .btn-group-justified > .btn-group {
-    float: none;
-    display: table-cell;
-    width: 1%; }
-  .btn-group-justified > .btn-group .btn {
-    width: 100%; }
-  .btn-group-justified > .btn-group .dropdown-menu {
-    left: auto; }
+  border-collapse: separate;
 
-[data-toggle="buttons"] > .btn > input[type="radio"],
-[data-toggle="buttons"] > .btn > input[type="checkbox"] {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-  filter: alpha(opacity=0); }
+  > {
+    .btn {
+      float: none;
+      display: table-cell;
+      width: 1%;
+    }
+
+    .btn-group {
+      float: none;
+      display: table-cell;
+      width: 1%;
+
+      .btn {
+        width: 100%;
+      }
+
+      .dropdown-menu {
+        left: auto;
+      }
+    }
+  }
+}
+
+[data-toggle="buttons"] > .btn > input {
+  &[type="radio"], &[type="checkbox"] {
+    position: absolute;
+    z-index: -1;
+    opacity: 0;
+    filter: alpha(opacity = 0);
+  }
+}
 
 .input-group {
   position: relative;
   display: table;
-  border-collapse: separate; }
-  .input-group[class*="col-"] {
+  border-collapse: separate;
+
+  &[class*="col-"] {
     float: none;
     padding-left: 0;
-    padding-right: 0; }
-  .input-group .form-control {
+    padding-right: 0;
+  }
+
+  .form-control {
     position: relative;
     z-index: 2;
     float: left;
     width: 100%;
-    margin-bottom: 0; }
+    margin-bottom: 0;
+  }
+}
 
-.input-group-addon,
-.input-group-btn,
-.input-group .form-control {
-  display: table-cell; }
-  .input-group-addon:not(:first-child):not(:last-child),
-  .input-group-btn:not(:first-child):not(:last-child),
-  .input-group .form-control:not(:first-child):not(:last-child) {
-    border-radius: 0; }
+.input-group-addon, .input-group-btn, .input-group .form-control {
+  display: table-cell;
+}
 
-.input-group-addon,
-.input-group-btn {
+.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+
+.input-group-addon, .input-group-btn {
   width: 1%;
   white-space: nowrap;
-  vertical-align: middle; }
+  vertical-align: middle;
+}
 
 .input-group-addon {
   padding: 6px 12px;
@@ -3475,237 +5949,428 @@ tbody.collapse.in {
   text-align: center;
   background-color: #eeeeee;
   border: 1px solid #ccc;
-  border-radius: 3px; }
-  .input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control,
-  .input-group-sm > .input-group-addon,
-  .input-group-sm > .input-group-btn > .input-group-addon.btn {
+  border-radius: 3px;
+
+  &.input-sm {
     padding: 5px 10px;
     font-size: 12px;
-    border-radius: 3px; }
-  .input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control,
-  .input-group-lg > .input-group-addon,
-  .input-group-lg > .input-group-btn > .input-group-addon.btn {
+    border-radius: 3px;
+  }
+}
+
+.form-horizontal .form-group-sm .input-group-addon.form-control {
+  padding: 5px 10px;
+  font-size: 12px;
+  border-radius: 3px;
+}
+
+.input-group-sm > {
+  .input-group-addon, .input-group-btn > .input-group-addon.btn {
+    padding: 5px 10px;
+    font-size: 12px;
+    border-radius: 3px;
+  }
+}
+
+.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control {
+  padding: 10px 16px;
+  font-size: 18px;
+  border-radius: 6px;
+}
+
+.input-group-lg > {
+  .input-group-addon, .input-group-btn > .input-group-addon.btn {
     padding: 10px 16px;
     font-size: 18px;
-    border-radius: 6px; }
-  .input-group-addon input[type="radio"],
-  .input-group-addon input[type="checkbox"] {
-    margin-top: 0; }
+    border-radius: 6px;
+  }
+}
 
-.input-group .form-control:first-child,
-.input-group-addon:first-child,
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .btn-group > .btn,
-.input-group-btn:first-child > .dropdown-toggle,
-.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+.input-group-addon input {
+  &[type="radio"], &[type="checkbox"] {
+    margin-top: 0;
+  }
+}
+
+.input-group .form-control:first-child, .input-group-addon:first-child {
   border-bottom-right-radius: 0;
-  border-top-right-radius: 0; }
+  border-top-right-radius: 0;
+}
+
+.input-group-btn {
+  &:first-child > {
+    .btn, .btn-group > .btn, .dropdown-toggle {
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+
+  &:last-child > {
+    .btn:not(:last-child):not(.dropdown-toggle), .btn-group:not(:last-child) > .btn {
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+}
 
 .input-group-addon:first-child {
-  border-right: 0; }
+  border-right: 0;
+}
 
-.input-group .form-control:last-child,
-.input-group-addon:last-child,
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .btn-group > .btn,
-.input-group-btn:last-child > .dropdown-toggle,
-.input-group-btn:first-child > .btn:not(:first-child),
-.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+.input-group .form-control:last-child, .input-group-addon:last-child {
   border-bottom-left-radius: 0;
-  border-top-left-radius: 0; }
+  border-top-left-radius: 0;
+}
+
+.input-group-btn {
+  &:last-child > {
+    .btn, .btn-group > .btn, .dropdown-toggle {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
+  }
+
+  &:first-child > {
+    .btn:not(:first-child), .btn-group:not(:first-child) > .btn {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
+  }
+}
 
 .input-group-addon:last-child {
-  border-left: 0; }
+  border-left: 0;
+}
 
 .input-group-btn {
   position: relative;
   font-size: 0;
-  white-space: nowrap; }
-  .input-group-btn > .btn {
-    position: relative; }
-    .input-group-btn > .btn + .btn {
-      margin-left: -1px; }
-    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
-      z-index: 2; }
-  .input-group-btn:first-child > .btn,
-  .input-group-btn:first-child > .btn-group {
-    margin-right: -1px; }
-  .input-group-btn:last-child > .btn,
-  .input-group-btn:last-child > .btn-group {
-    margin-left: -1px; }
+  white-space: nowrap;
+
+  > .btn {
+    position: relative;
+
+    + .btn {
+      margin-left: -1px;
+    }
+
+    &:hover, &:focus, &:active {
+      z-index: 2;
+    }
+  }
+
+  &:first-child > {
+    .btn, .btn-group {
+      margin-right: -1px;
+    }
+  }
+
+  &:last-child > {
+    .btn, .btn-group {
+      margin-left: -1px;
+    }
+  }
+}
 
 .nav {
   margin-bottom: 0;
   padding-left: 0;
-  list-style: none; }
-  .nav:before, .nav:after {
+  list-style: none;
+
+  &:before {
     content: " ";
-    display: table; }
-  .nav:after {
-    clear: both; }
-  .nav > li {
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+
+  > li {
     position: relative;
-    display: block; }
-    .nav > li > a, .nav-tabs > li > a {
-		position: relative;
-		display: block;
-		padding: 10px 15px;
-		color: #FFF;
-		border-radius: 0px;
-		border-top-right-radius: 10px;
-		margin-right: 0px;
-		background-color: #315a71;
-		opacity: 0.6;
-		filter: alpha(opacity=50);}
-	.nav > li#menu_messages > a {
+    display: block;
+
+    > a {
+      position: relative;
+      display: block;
+      padding: 10px 15px;
+      color: #FFF;
+      border-radius: 0px;
+      border-top-right-radius: 10px;
+      margin-right: 0px;
+      background-color: #315a71;
+      opacity: 0.6;
+      filter: alpha(opacity = 50);
+    }
+  }
+}
+
+.nav-tabs > li > a {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  color: #FFF;
+  border-radius: 0px;
+  border-top-right-radius: 10px;
+  margin-right: 0px;
+  background-color: #315a71;
+  opacity: 0.6;
+  filter: alpha(opacity = 50);
+}
+
+.nav > li {
+  &#menu_messages {
+    > a {
       position: relative;
       display: block;
       padding: none;
-	  color:#FF7E25;
-	  background-color:transparent;
-	  margin-right: 10px;
-	  border:none;
-	  opacity: 1.0;}
-      .nav > li > a:hover, .nav > li > a:focus {
-        text-decoration: none;
-        background-color: #315a71;
-		color: #FFF;
-		opacity: 0.8; }
-		.nav > li#menu_messages > a:hover, a:focus {
-		text-decoration: underline; }
+      color: #FF7E25;
+      background-color: transparent;
+      margin-right: 10px;
+      border: none;
+      opacity: 1.0;
+    }
 
-    .nav > li.disabled > a {
-		color: #fff; }
-      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
-		  color: #fff;
-		  text-decoration: none;
-		  background-color: #839caa;
-		  opacity:0.9;
-		  cursor: not-allowed; }
+    > a:hover {
+      text-decoration: underline;
+    }
+  }
 
-  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
+  > a {
+    &:hover, &:focus {
+      text-decoration: none;
+      background-color: #315a71;
+      color: #FFF;
+      opacity: 0.8;
+    }
+  }
+}
+
+a:focus {
+  text-decoration: underline;
+}
+
+.nav {
+  > li.disabled > a {
+    color: #fff;
+
+    &:hover, &:focus {
+      color: #fff;
+      text-decoration: none;
+      background-color: #839caa;
+      opacity: 0.9;
+      cursor: not-allowed;
+    }
+  }
+
+  .open > a {
     background-color: #336480;
-	cursor:pointer; }
+    cursor: pointer;
 
-  .nav .nav-divider {
+    &:hover, &:focus {
+      background-color: #336480;
+      cursor: pointer;
+    }
+  }
+
+  .nav-divider {
     height: 1px;
     margin: 9px 0;
     overflow: hidden;
-    background-color: #e5e5e5; }
-  .nav > li > a > img {
-    max-width: none; }
+    background-color: #e5e5e5;
+  }
+
+  > li > a > img {
+    max-width: none;
+  }
+}
 
 .nav-tabs {
-  margin-right: 1px; }
-  .nav-tabs > li {
-    float: left; }
-    .nav-tabs > li > a {
+  margin-right: 1px;
+
+  > li {
+    float: left;
+
+    > a {
       line-height: 1.428571429;
-	  border:none;
-	  cursor:pointer;}
-	.nav-tabs > li > a:hover {opacity: 0.8; filter: alpha(opacity=80);}
-    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+      border: none;
+      cursor: pointer;
+
+      &:hover {
+        opacity: 0.8;
+        filter: alpha(opacity = 80);
+      }
+    }
+
+    &.active > a {
       color: #FFF;
       background-color: #393939;
       border-bottom-color: transparent;
       cursor: pointer;
-	  opacity: 1;
-	  filter: alpha(opacity=100);}
+      opacity: 1;
+      filter: alpha(opacity = 100);
 
-	  .nav-pills > li {
-  float: left; }
-  .nav-pills > li > a {
-    border-radius: 0; }
-  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
+      &:hover, &:focus {
+        color: #FFF;
+        background-color: #393939;
+        border-bottom-color: transparent;
+        cursor: pointer;
+        opacity: 1;
+        filter: alpha(opacity = 100);
+      }
+    }
+  }
+}
+
+.nav-pills > li {
+  float: left;
+
+  > a {
+    border-radius: 0;
+  }
+
+  &.active > a {
     color: #fff;
     background-color: #1b4257;
-	opacity: 1.0; }
+    opacity: 1.0;
+
+    &:hover, &:focus {
+      color: #fff;
+      background-color: #1b4257;
+      opacity: 1.0;
+    }
+  }
+}
 
 .nav-stacked > li {
-  float: none; }
-  .nav-stacked > li + li {
+  float: none;
+
+  + li {
     margin-top: 2px;
-    margin-left: 0; }
+    margin-left: 0;
+  }
+}
 
 .nav-justified, .nav-tabs.nav-justified {
-  width: 100%; }
+  width: 100%;
+}
+
+.nav-justified > li, .nav-tabs.nav-justified > li {
+  float: none;
+}
+
+.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
+  text-align: left;
+  margin-bottom: 5px;
+}
+
+.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+
+@media (min-width: 768px) {
   .nav-justified > li, .nav-tabs.nav-justified > li {
-    float: none; }
-    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
-      text-align: left;
-      margin-bottom: 5px; }
-  .nav-justified > .dropdown .dropdown-menu {
-    top: auto;
-    left: auto; }
-  @media (min-width: 768px) {
-    .nav-justified > li, .nav-tabs.nav-justified > li {
-      display: table-cell;
-      width: 1%; }
-      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
-        margin-bottom: 0; } }
+    display: table-cell;
+    width: 1%;
+  }
+
+  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
+    margin-bottom: 0;
+  }
+}
 
 .nav-tabs-justified, .nav-tabs.nav-justified {
-  border-bottom: 0; }
-  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
-    margin-right: 0;
-    border-radius: 3px; }
-  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
-  .nav-tabs-justified > .active > a:hover,
-  .nav-tabs.nav-justified > .active > a:hover,
-  .nav-tabs-justified > .active > a:focus,
-  .nav-tabs.nav-justified > .active > a:focus {
-    border: 1px solid #656565; }
-  @media (min-width: 768px) {
-    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
-      border-bottom: 1px solid #656565;
-      border-radius: 3px 3px 0 0; }
-    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
-    .nav-tabs-justified > .active > a:hover,
-    .nav-tabs.nav-justified > .active > a:hover,
-    .nav-tabs-justified > .active > a:focus,
-    .nav-tabs.nav-justified > .active > a:focus {
-      border-bottom-color: transparent; } }
+  border-bottom: 0;
+}
 
-.tab-content > .tab-pane {
-  display: none; }
-  .tab-content > .active {
-  display: block; }
+.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
+  margin-right: 0;
+  border-radius: 3px;
+}
+
+.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
+  border: 1px solid #656565;
+}
+
+@media (min-width: 768px) {
+  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
+    border-bottom: 1px solid #656565;
+    border-radius: 3px 3px 0 0;
+  }
+
+  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
+    border-bottom-color: transparent;
+  }
+}
+
+.tab-content > {
+  .tab-pane {
+    display: none;
+  }
+
+  .active {
+    display: block;
+  }
+}
 
 .tab-pane .content-box {
-  border:none !important;
+  border: none !important;
   box-shadow: none;
-  -webkit-box-shadow: none; }
+  -webkit-box-shadow: none;
+}
 
 .nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
-  cursor:pointer;}
-
+  cursor: pointer;
+}
 
 .navbar {
   position: relative;
   min-height: 50px;
   margin-bottom: 0;
-  border: 1px solid transparent; }
-  .navbar:before, .navbar:after {
-    content: " ";
-    display: table; }
-  .navbar:after {
-    clear: both; }
-  @media (min-width: 768px) {
-    .navbar {
-      border-radius: 0; } }
+  border: 1px solid transparent;
+
+  &:before {
+    content: " ";
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar {
+    border-radius: 0;
+  }
+}
+
+.navbar-header {
+  &:before {
+    content: " ";
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+}
 
-.navbar-header:before, .navbar-header:after {
-  content: " ";
-  display: table; }
-.navbar-header:after {
-  clear: both; }
 @media (min-width: 768px) {
   .navbar-header {
-    float: left; } }
+    float: left;
+  }
+}
 
 .navbar-collapse {
   overflow-x: visible;
@@ -3713,92 +6378,143 @@ tbody.collapse.in {
   padding-left: 20px;
   border-top: 1px solid transparent;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-  -webkit-overflow-scrolling: touch; }
-  .navbar-collapse:before, .navbar-collapse:after {
+  -webkit-overflow-scrolling: touch;
+
+  &:before {
     content: " ";
-    display: table; }
-  .navbar-collapse:after {
-    clear: both; }
-  .navbar-collapse.in {
-    overflow-y: auto; }
-  @media (min-width: 768px) {
-    .navbar-collapse {
-      width: auto;
-      border-top: 0;
-      box-shadow: none; }
-      .navbar-collapse.collapse {
-        display: block !important;
-        height: auto !important;
-        padding-bottom: 0;
-        overflow: visible !important; }
-      .navbar-collapse.in {
-        overflow-y: visible; }
-      .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
-        padding-left: 0;
-        padding-right: 0; } }
+    display: table;
+  }
 
-.navbar-fixed-top .navbar-collapse,
-.navbar-fixed-bottom .navbar-collapse {
-  max-height: 340px; }
-  @media (max-width: 480px) and (orientation: landscape) {
-    .navbar-fixed-top .navbar-collapse,
-    .navbar-fixed-bottom .navbar-collapse {
-      max-height: 200px; } }
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
 
-.container > .navbar-header,
-.container > .navbar-collapse,
-.container-fluid > .navbar-header,
-.container-fluid > .navbar-collapse {
-  margin-right: -20px;
-  margin-left: -20px; }
-  @media (min-width: 768px) {
-    .container > .navbar-header,
-    .container > .navbar-collapse,
-    .container-fluid > .navbar-header,
-    .container-fluid > .navbar-collapse {
+  &.in {
+    overflow-y: auto;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar-collapse {
+    width: auto;
+    border-top: 0;
+    box-shadow: none;
+
+    &.collapse {
+      display: block !important;
+      height: auto !important;
+      padding-bottom: 0;
+      overflow: visible !important;
+    }
+
+    &.in {
+      overflow-y: visible;
+    }
+  }
+
+  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
+  max-height: 340px;
+}
+
+@media (max-width: 480px) and (orientation: landscape) {
+  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
+    max-height: 200px;
+  }
+}
+
+.container > {
+  .navbar-header, .navbar-collapse {
+    margin-right: -20px;
+    margin-left: -20px;
+  }
+}
+
+.container-fluid > {
+  .navbar-header, .navbar-collapse {
+    margin-right: -20px;
+    margin-left: -20px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container > {
+    .navbar-header, .navbar-collapse {
       margin-right: 0;
-      margin-left: 0; } }
+      margin-left: 0;
+    }
+  }
+
+  .container-fluid > {
+    .navbar-header, .navbar-collapse {
+      margin-right: 0;
+      margin-left: 0;
+    }
+  }
+}
 
 .navbar-static-top {
   z-index: 1000;
-  border-width: 0 0 1px; }
-  @media (min-width: 768px) {
-    .navbar-static-top {
-      border-radius: 0; } }
+  border-width: 0 0 1px;
+}
 
-.navbar-fixed-top,
-.navbar-fixed-bottom {
+@media (min-width: 768px) {
+  .navbar-static-top {
+    border-radius: 0;
+  }
+}
+
+.navbar-fixed-top, .navbar-fixed-bottom {
   position: fixed;
   right: 0;
   left: 0;
   z-index: 1030;
   -webkit-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0); }
-  @media (min-width: 768px) {
-    .navbar-fixed-top,
-    .navbar-fixed-bottom {
-      border-radius: 0; } }
+  transform: translate3d(0, 0, 0);
+}
+
+@media (min-width: 768px) {
+  .navbar-fixed-top, .navbar-fixed-bottom {
+    border-radius: 0;
+  }
+}
 
 .navbar-fixed-top {
   top: 0;
-  border-width: 0 0 1px; }
+  border-width: 0 0 1px;
+}
 
 .navbar-fixed-bottom {
   bottom: 0;
   margin-bottom: 0;
-  border-width: 1px 0 0; }
+  border-width: 1px 0 0;
+}
 
 .navbar-brand {
   float: left;
   padding: 15px 20px;
   font-size: 18px;
-  height: 50px; }
-  .navbar-brand:hover, .navbar-brand:focus {
-    text-decoration: none; }
+  height: 50px;
 
-  @media (min-width: 768px) {
-    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
-      margin-left: -20px; } }
+  &:hover, &:focus {
+    text-decoration: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar > {
+    .container .navbar-brand, .container-fluid .navbar-brand {
+      margin-left: -20px;
+    }
+  }
+}
 
 .navbar-toggle {
   position: relative;
@@ -3810,60 +6526,94 @@ tbody.collapse.in {
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
-  border-radius: 3px; }
-  .navbar-toggle:focus {
-    outline: 0; }
-  .navbar-toggle .icon-bar {
+  border-radius: 3px;
+
+  &:focus {
+    outline: 0;
+  }
+
+  .icon-bar {
     display: block;
     width: 22px;
     height: 2px;
-    border-radius: 1px; }
-  .navbar-toggle .icon-bar + .icon-bar {
-    margin-top: 4px; }
-  @media (min-width: 768px) {
-    .navbar-toggle {
-      display: none; } }
+    border-radius: 1px;
+
+    + .icon-bar {
+      margin-top: 4px;
+    }
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar-toggle {
+    display: none;
+  }
+}
 
 .navbar-nav {
-  margin: 7.5px -20px; }
-  .navbar-nav > li > a {
+  margin: 7.5px -20px;
+
+  > li > a {
     padding-top: 10px;
     padding-bottom: 10px;
-    line-height: 20px; }
-  @media (max-width: 767px) {
-    .navbar-nav .open .dropdown-menu {
-      position: static;
-      float: none;
-      width: auto;
-      margin-top: 0;
-      background-color: transparent;
-      border: 0;
-      box-shadow: none; }
-      .navbar-nav .open .dropdown-menu > li > a,
-      .navbar-nav .open .dropdown-menu .dropdown-header {
-        padding: 5px 15px 5px 25px; }
-      .navbar-nav .open .dropdown-menu > li > a {
-        line-height: 20px; }
-        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
-          background-image: none; } }
-  @media (min-width: 768px) {
-    .navbar-nav {
+    line-height: 20px;
+  }
+}
+
+@media (max-width: 767px) {
+  .navbar-nav .open .dropdown-menu {
+    position: static;
+    float: none;
+    width: auto;
+    margin-top: 0;
+    background-color: transparent;
+    border: 0;
+    box-shadow: none;
+
+    > li > a, .dropdown-header {
+      padding: 5px 15px 5px 25px;
+    }
+
+    > li > a {
+      line-height: 20px;
+
+      &:hover, &:focus {
+        background-image: none;
+      }
+    }
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar-nav {
+    float: left;
+    margin: 0;
+
+    > li {
       float: left;
-      margin: 0; }
-      .navbar-nav > li {
-        float: left; }
-        .navbar-nav > li > a {
-          padding-top: 15px;
-          padding-bottom: 15px; }
-      .navbar-nav.navbar-right:last-child {
-        margin-right: -20px; } }
+
+      > a {
+        padding-top: 15px;
+        padding-bottom: 15px;
+      }
+    }
+
+    &.navbar-right:last-child {
+      margin-right: -20px;
+    }
+  }
+}
 
 @media (min-width: 768px) {
   .navbar-left {
-    float: left !important; }
+    float: left !important;
+  }
 
   .navbar-right {
-    float: right !important; } }
+    float: right !important;
+  }
+}
+
 .navbar-form {
   margin-left: -20px;
   margin-right: -20px;
@@ -3873,306 +6623,613 @@ tbody.collapse.in {
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
   margin-top: 8px;
-  margin-bottom: 8px; }
-  @media (max-width: 767px) {
-    .navbar-form .form-group {
-      margin-bottom: 5px; } }
-  @media (min-width: 768px) {
-    .navbar-form {
-      width: auto;
-      border: 0;
-      margin-left: 0;
-      margin-right: 0;
-      padding-top: 0;
-      padding-bottom: 0;
-      -webkit-box-shadow: none;
-      box-shadow: none; }
-      .navbar-form.navbar-right:last-child {
-        margin-right: -20px; } }
+  margin-bottom: 8px;
+}
+
+@media (max-width: 767px) {
+  .navbar-form .form-group {
+    margin-bottom: 5px;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar-form {
+    width: auto;
+    border: 0;
+    margin-left: 0;
+    margin-right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+
+    &.navbar-right:last-child {
+      margin-right: -20px;
+    }
+  }
+}
 
 .navbar-nav > li > .dropdown-menu {
   margin-top: 0;
   border-top-right-radius: 0;
-  border-top-left-radius: 0; }
+  border-top-left-radius: 0;
+}
 
 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
   border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0; }
+  border-bottom-left-radius: 0;
+}
 
 .navbar-btn {
   margin-top: 8px;
-  margin-bottom: 8px; }
-  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
+  margin-bottom: 8px;
+
+  &.btn-sm {
     margin-top: 10px;
-    margin-bottom: 10px; }
-  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
-    margin-top: 14px;
-    margin-bottom: 14px; }
+    margin-bottom: 10px;
+  }
+}
+
+.btn-group-sm > .navbar-btn.btn {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
+  margin-top: 14px;
+  margin-bottom: 14px;
+}
 
 .navbar-text {
   margin-top: 15px;
-  margin-bottom: 15px; }
-  @media (min-width: 768px) {
-    .navbar-text {
-      float: left;
-      margin-left: 20px;
-      margin-right: 20px; }
-      .navbar-text.navbar-right:last-child {
-        margin-right: 0; } }
+  margin-bottom: 15px;
+}
+
+@media (min-width: 768px) {
+  .navbar-text {
+    float: left;
+    margin-left: 20px;
+    margin-right: 20px;
+
+    &.navbar-right:last-child {
+      margin-right: 0;
+    }
+  }
+}
 
 .navbar-default {
   background-color: transparent;
-  border-color: none; }
-  .navbar-default .navbar-brand {
-    color: #F7F7F7; }
-    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
-      color: #dedede;
-      background-color: transparent; }
-  .navbar-default .navbar-text {
-    color: #F7F7F7; }
-  .navbar-default .navbar-nav > li > a {
-    color: #F7F7F7; }
-    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
-      color: #FF7E25;
-      background-color: transparent; }
+  border-color: none;
 
-  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
-    color: #555;
-    background-color: #2b2b2b; }
-  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
-    color: #ccc;
-    background-color: transparent; }
-  .navbar-default .navbar-toggle {
-    border-color: #FFF; }
-    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
-      background-color: #555; }
-    .navbar-default .navbar-toggle .icon-bar {
-      background-color: #FFF; }
-	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
-    background-color: #2b2b2b;
-    color: #555; }
-  @media (max-width: 767px) {
-    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-      color: #F7F7F7; }
-      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: #FF8B00;
-        background-color: transparent; }
- .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+  .navbar-brand {
+    color: #F7F7F7;
+
+    &:hover, &:focus {
+      color: #dedede;
+      background-color: transparent;
+    }
+  }
+
+  .navbar-text {
+    color: #F7F7F7;
+  }
+
+  .navbar-nav > {
+    li > a {
+      color: #F7F7F7;
+
+      &:hover, &:focus {
+        color: #FF7E25;
+        background-color: transparent;
+      }
+    }
+
+    .active > a {
       color: #555;
-      background-color: #2b2b2b; }
-    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+      background-color: #2b2b2b;
+
+      &:hover, &:focus {
+        color: #555;
+        background-color: #2b2b2b;
+      }
+    }
+
+    .disabled > a {
       color: #ccc;
-      background-color: transparent; } }
-  .navbar-default .navbar-link {
-    color: #F7F7F7; }
-    .navbar-default .navbar-link:hover {
-      color: #FF8B00; }
-  .navbar-default .btn-link {
-    color: #F7F7F7; }
-    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
-      color: #FF8B00; }
-    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
-      color: #ccc; }
+      background-color: transparent;
+
+      &:hover, &:focus {
+        color: #ccc;
+        background-color: transparent;
+      }
+    }
+  }
+
+  .navbar-toggle {
+    border-color: #FFF;
+
+    &:hover, &:focus {
+      background-color: #555;
+    }
+
+    .icon-bar {
+      background-color: #FFF;
+    }
+  }
+
+  .navbar-nav > .open > a {
+    background-color: #2b2b2b;
+    color: #555;
+
+    &:hover, &:focus {
+      background-color: #2b2b2b;
+      color: #555;
+    }
+  }
+
+  .navbar-link {
+    color: #F7F7F7;
+
+    &:hover {
+      color: #FF8B00;
+    }
+  }
+
+  .btn-link {
+    color: #F7F7F7;
+
+    &:hover, &:focus {
+      color: #FF8B00;
+    }
+
+    &[disabled] {
+      &:hover, &:focus {
+        color: #ccc;
+      }
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .navbar-default .navbar-nav .open .dropdown-menu > {
+    li > a {
+      color: #F7F7F7;
+
+      &:hover, &:focus {
+        color: #FF8B00;
+        background-color: transparent;
+      }
+    }
+
+    .active > a {
+      color: #555;
+      background-color: #2b2b2b;
+
+      &:hover, &:focus {
+        color: #555;
+        background-color: #2b2b2b;
+      }
+    }
+
+    .disabled > a {
+      color: #ccc;
+      background-color: transparent;
+
+      &:hover, &:focus {
+        color: #ccc;
+        background-color: transparent;
+      }
+    }
+  }
+}
+
+fieldset[disabled] .navbar-default .btn-link {
+  &:hover, &:focus {
+    color: #ccc;
+  }
+}
 
 .navbar-inverse {
   background-color: #222;
-  border-color: #090909; }
-  .navbar-inverse .navbar-brand {
-    color: #777777; }
-    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
-      color: #fff;
-      background-color: transparent; }
+  border-color: #090909;
 
-  .navbar-inverse .navbar-text {
-    color: #777777; }
-  .navbar-inverse .navbar-nav > li > a {
-    color: #777777; }
-    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
-      color: #fff;
-      background-color: transparent; }
-  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
-    color: #fff;
-    background-color: #090909; }
-  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
-    color: #3e3e3e;
-    background-color: transparent; }
-  .navbar-inverse .navbar-toggle {
-    border-color: #2d2d2d; }
-    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
-      background-color: #2d2d2d; }
+  .navbar-brand {
+    color: #777777;
 
-    .navbar-inverse .navbar-toggle .icon-bar {
-      background-color: #fff; }
-  .navbar-inverse .navbar-collapse,
-  .navbar-inverse .navbar-form {
-    border-color: #101010; }
-  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
-    background-color: #090909;
-    color: #fff; }
-  @media (max-width: 767px) {
-    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
-      border-color: #090909; }
-    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
-      background-color: #090909; }
-    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
-      color: #777777; }
-      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+    &:hover, &:focus {
+      color: #fff;
+      background-color: transparent;
+    }
+  }
+
+  .navbar-text {
+    color: #777777;
+  }
+
+  .navbar-nav > {
+    li > a {
+      color: #777777;
+
+      &:hover, &:focus {
         color: #fff;
-        background-color: transparent; }
+        background-color: transparent;
+      }
+    }
 
- .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+    .active > a {
       color: #fff;
-      background-color: #090909; }
+      background-color: #090909;
 
-    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+      &:hover, &:focus {
+        color: #fff;
+        background-color: #090909;
+      }
+    }
+
+    .disabled > a {
       color: #3e3e3e;
-      background-color: transparent; } }
+      background-color: transparent;
 
-  .navbar-inverse .navbar-link {
-    color: #777777; }
-    .navbar-inverse .navbar-link:hover {
-      color: #fff; }
-  .navbar-inverse .btn-link {
-    color: #777777; }
-    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
-      color: #fff; }
+      &:hover, &:focus {
+        color: #3e3e3e;
+        background-color: transparent;
+      }
+    }
+  }
 
-    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
-      color: #3e3e3e; }
+  .navbar-toggle {
+    border-color: #2d2d2d;
+
+    &:hover, &:focus {
+      background-color: #2d2d2d;
+    }
+
+    .icon-bar {
+      background-color: #fff;
+    }
+  }
+
+  .navbar-collapse, .navbar-form {
+    border-color: #101010;
+  }
+
+  .navbar-nav > .open > a {
+    background-color: #090909;
+    color: #fff;
+
+    &:hover, &:focus {
+      background-color: #090909;
+      color: #fff;
+    }
+  }
+
+  .navbar-link {
+    color: #777777;
+
+    &:hover {
+      color: #fff;
+    }
+  }
+
+  .btn-link {
+    color: #777777;
+
+    &:hover, &:focus {
+      color: #fff;
+    }
+
+    &[disabled] {
+      &:hover, &:focus {
+        color: #3e3e3e;
+      }
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .navbar-inverse .navbar-nav .open .dropdown-menu {
+    > .dropdown-header {
+      border-color: #090909;
+    }
+
+    .divider {
+      background-color: #090909;
+    }
+
+    > {
+      li > a {
+        color: #777777;
+
+        &:hover, &:focus {
+          color: #fff;
+          background-color: transparent;
+        }
+      }
+
+      .active > a {
+        color: #fff;
+        background-color: #090909;
+
+        &:hover, &:focus {
+          color: #fff;
+          background-color: #090909;
+        }
+      }
+
+      .disabled > a {
+        color: #3e3e3e;
+        background-color: transparent;
+
+        &:hover, &:focus {
+          color: #3e3e3e;
+          background-color: transparent;
+        }
+      }
+    }
+  }
+}
+
+fieldset[disabled] .navbar-inverse .btn-link {
+  &:hover, &:focus {
+    color: #3e3e3e;
+  }
+}
 
 .breadcrumb {
   padding: 8px 15px;
   margin-bottom: 20px;
   list-style: none;
   background-color: #f5f5f5;
-  border-radius: 3px; }
-  .breadcrumb > li {
-    display: inline-block; }
-    .breadcrumb > li + li:before {
-      content: "/ ";
-      padding: 0 5px;
-      color: #ccc; }
-  .breadcrumb > .active {
-    color: #777777; }
+  border-radius: 3px;
+
+  > {
+    li {
+      display: inline-block;
+
+      + li:before {
+        content: "/ ";
+        padding: 0 5px;
+        color: #ccc;
+      }
+    }
+
+    .active {
+      color: #777777;
+    }
+  }
+}
 
 .pagination {
   display: inline-block;
   padding-left: 0;
   margin: 20px 0;
-  border-radius: 3px; }
-  .pagination > li {
-    display: inline; }
-    .pagination > li > a,
-    .pagination > li > span {
-      position: relative;
-      float: left;
-      padding: 6px 12px;
-      line-height: 1.428571429;
-      text-decoration: none;
-      color: #FFFFFF;
-      background-color: #427795;
-      border: 1px solid rgba(23, 44, 56, 0.4);
-      margin-left: -1px;
-      cursor: pointer; }
-    .pagination > li:first-child > a,
-    .pagination > li:first-child > span {
-      margin-left: 0;
+  border-radius: 3px;
+
+  > {
+    li {
+      display: inline;
+
+      > {
+        a, span {
+          position: relative;
+          float: left;
+          padding: 6px 12px;
+          line-height: 1.428571429;
+          text-decoration: none;
+          color: #FFFFFF;
+          background-color: #427795;
+          border: 1px solid rgba(23, 44, 56, 0.4);
+          margin-left: -1px;
+          cursor: pointer;
+        }
+      }
+
+      &:first-child > {
+        a, span {
+          margin-left: 0;
+          border-bottom-left-radius: 3px;
+          border-top-left-radius: 3px;
+        }
+      }
+
+      &:last-child > {
+        a, span {
+          border-bottom-right-radius: 3px;
+          border-top-right-radius: 3px;
+        }
+      }
+
+      > {
+        a {
+          &:hover, &:focus {
+            color: #FFFFFF;
+            background-color: #FF7E25;
+          }
+        }
+
+        span {
+          &:hover, &:focus {
+            color: #FFFFFF;
+            background-color: #FF7E25;
+          }
+        }
+      }
+    }
+
+    .active > {
+      a {
+        z-index: 2;
+        color: #FFFFFF;
+        background-color: #FF7E25;
+        cursor: default;
+
+        &:hover, &:focus {
+          z-index: 2;
+          color: #FFFFFF;
+          background-color: #FF7E25;
+          cursor: default;
+        }
+      }
+
+      span {
+        z-index: 2;
+        color: #FFFFFF;
+        background-color: #FF7E25;
+        cursor: default;
+
+        &:hover, &:focus {
+          z-index: 2;
+          color: #FFFFFF;
+          background-color: #FF7E25;
+          cursor: default;
+        }
+      }
+    }
+
+    .disabled > {
+      span {
+        color: #000;
+        background-color: #e3e3e3;
+        cursor: not-allowed;
+
+        &:hover, &:focus {
+          color: #000;
+          background-color: #e3e3e3;
+          cursor: not-allowed;
+        }
+      }
+
+      a {
+        color: #000;
+        background-color: #e3e3e3;
+        cursor: not-allowed;
+
+        &:hover, &:focus {
+          color: #000;
+          background-color: #e3e3e3;
+          cursor: not-allowed;
+        }
+      }
+    }
+  }
+}
+
+.pagination-lg > li {
+  > {
+    a, span {
+      padding: 10px 16px;
+      font-size: 18px;
+    }
+  }
+
+  &:first-child > {
+    a, span {
+      border-bottom-left-radius: 6px;
+      border-top-left-radius: 6px;
+    }
+  }
+
+  &:last-child > {
+    a, span {
+      border-bottom-right-radius: 6px;
+      border-top-right-radius: 6px;
+    }
+  }
+}
+
+.pagination-sm > li {
+  > {
+    a, span {
+      padding: 5px 10px;
+      font-size: 12px;
+    }
+  }
+
+  &:first-child > {
+    a, span {
       border-bottom-left-radius: 3px;
-      border-top-left-radius: 3px; }
-    .pagination > li:last-child > a,
-    .pagination > li:last-child > span {
+      border-top-left-radius: 3px;
+    }
+  }
+
+  &:last-child > {
+    a, span {
       border-bottom-right-radius: 3px;
-      border-top-right-radius: 3px; }
-  .pagination > li > a:hover, .pagination > li > a:focus,
-  .pagination > li > span:hover,
-  .pagination > li > span:focus {
-    color: #FFFFFF;
-    background-color: #FF7E25; }
-
-  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
-  .pagination > .active > span,
-  .pagination > .active > span:hover,
-  .pagination > .active > span:focus {
-    z-index: 2;
-    color: #FFFFFF;
-    background-color: #FF7E25;
-    cursor: default; }
-
-  .pagination > .disabled > span,
-  .pagination > .disabled > span:hover,
-  .pagination > .disabled > span:focus,
-  .pagination > .disabled > a,
-  .pagination > .disabled > a:hover,
-  .pagination > .disabled > a:focus {
-    color: #000;
-    background-color: #e3e3e3;
-    cursor: not-allowed; }
-
-
-.pagination-lg > li > a,
-.pagination-lg > li > span {
-  padding: 10px 16px;
-  font-size: 18px; }
-.pagination-lg > li:first-child > a,
-.pagination-lg > li:first-child > span {
-  border-bottom-left-radius: 6px;
-  border-top-left-radius: 6px; }
-.pagination-lg > li:last-child > a,
-.pagination-lg > li:last-child > span {
-  border-bottom-right-radius: 6px;
-  border-top-right-radius: 6px; }
-
-.pagination-sm > li > a,
-.pagination-sm > li > span {
-  padding: 5px 10px;
-  font-size: 12px; }
-.pagination-sm > li:first-child > a,
-.pagination-sm > li:first-child > span {
-  border-bottom-left-radius: 3px;
-  border-top-left-radius: 3px; }
-.pagination-sm > li:last-child > a,
-.pagination-sm > li:last-child > span {
-  border-bottom-right-radius: 3px;
-  border-top-right-radius: 3px; }
+      border-top-right-radius: 3px;
+    }
+  }
+}
 
 .pager {
   padding-left: 0;
   margin: 20px 0;
   list-style: none;
-  text-align: center; }
-  .pager:before, .pager:after {
+  text-align: center;
+
+  &:before {
     content: " ";
-    display: table; }
-  .pager:after {
-    clear: both; }
-  .pager li {
-    display: inline; }
-    .pager li > a,
-    .pager li > span {
-      display: inline-block;
-      padding: 5px 14px;
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+
+  li {
+    display: inline;
+
+    > {
+      a, span {
+        display: inline-block;
+        padding: 5px 14px;
+        background-color: #fff;
+        border: 1px solid #ddd;
+        border-radius: 15px;
+      }
+
+      a {
+        &:hover, &:focus {
+          text-decoration: none;
+          background-color: #eeeeee;
+        }
+      }
+    }
+  }
+
+  .next > {
+    a, span {
+      float: right;
+    }
+  }
+
+  .previous > {
+    a, span {
+      float: left;
+    }
+  }
+
+  .disabled > {
+    a {
+      color: #777777;
       background-color: #fff;
-      border: 1px solid #ddd;
-      border-radius: 15px; }
-    .pager li > a:hover,
-    .pager li > a:focus {
-      text-decoration: none;
-      background-color: #eeeeee; }
+      cursor: not-allowed;
 
-  .pager .next > a,
-  .pager .next > span {
-    float: right; }
-  .pager .previous > a,
-  .pager .previous > span {
-    float: left; }
-  .pager .disabled > a,
-  .pager .disabled > a:hover,
-  .pager .disabled > a:focus,
-  .pager .disabled > span {
-    color: #777777;
-    background-color: #fff;
-    cursor: not-allowed; }
+      &:hover, &:focus {
+        color: #777777;
+        background-color: #fff;
+        cursor: not-allowed;
+      }
+    }
 
+    span {
+      color: #777777;
+      background-color: #fff;
+      cursor: not-allowed;
+    }
+  }
+}
 
 .label {
   display: inline;
@@ -4184,60 +7241,91 @@ tbody.collapse.in {
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
-  border-radius: .25em; }
-  .label:empty {
-    display: none; }
-  .btn .label {
-    position: relative;
-    top: -1px; }
+  border-radius: .25em;
 
-a.label:hover, a.label:focus {
-  color: #fff;
-  text-decoration: none;
-  cursor: pointer; }
+  &:empty {
+    display: none;
+  }
+}
 
+.btn .label {
+  position: relative;
+  top: -1px;
+}
+
+a.label {
+  &:hover, &:focus {
+    color: #fff;
+    text-decoration: none;
+    cursor: pointer;
+  }
+}
 
 .label-default {
-  background-color: #777777; }
-  .label-default[href]:hover, .label-default[href]:focus {
-    background-color: #5e5e5e;
-	border-color: #323232;}
+  background-color: #777777;
 
+  &[href] {
+    &:hover, &:focus {
+      background-color: #5e5e5e;
+      border-color: #323232;
+    }
+  }
+}
 
 .label-primary {
-  background-color: #FF8B00; }
-  .label-primary[href]:hover, .label-primary[href]:focus {
-    background-color: #b85904; }
+  background-color: #FF8B00;
 
+  &[href] {
+    &:hover, &:focus {
+      background-color: #b85904;
+    }
+  }
+}
 
 .label-success {
   background-color: #4FB654;
-  border-color: #323232;}
-  .label-success[href]:hover, .label-success[href]:focus {
-    background-color: #7fc54f;
-	border-color: #323232;	}
+  border-color: #323232;
 
+  &[href] {
+    &:hover, &:focus {
+      background-color: #7fc54f;
+      border-color: #323232;
+    }
+  }
+}
 
 .label-info {
-  background-color: #B0CDDB; }
-  .label-info[href]:hover, .label-info[href]:focus {
-    background-color: #8db7cb;
-	border-color: #323232;	}
+  background-color: #B0CDDB;
 
+  &[href] {
+    &:hover, &:focus {
+      background-color: #8db7cb;
+      border-color: #323232;
+    }
+  }
+}
 
 .label-warning {
-  background-color: #f0ad4e; }
-  .label-warning[href]:hover, .label-warning[href]:focus {
-    background-color: #ec971f;
-	border-color: #323232;}
+  background-color: #f0ad4e;
 
+  &[href] {
+    &:hover, &:focus {
+      background-color: #ec971f;
+      border-color: #323232;
+    }
+  }
+}
 
 .label-danger {
-  background-color: #DA4829; }
-  .label-danger[href]:hover, .label-danger[href]:focus {
-    background-color: #ec2121;
-	border-color: #323232;}
+  background-color: #DA4829;
 
+  &[href] {
+    &:hover, &:focus {
+      background-color: #ec2121;
+      border-color: #323232;
+    }
+  }
+}
 
 .badge {
   display: inline-block;
@@ -4251,55 +7339,93 @@ a.label:hover, a.label:focus {
   white-space: nowrap;
   text-align: center;
   background-color: #777777;
-  border-radius: 10px; }
-  .badge:empty {
-    display: none; }
-  .btn .badge {
-    position: relative;
-    top: -1px; }
-  .btn-xs .badge, .btn-group-xs > .btn .badge {
-    top: 0;
-    padding: 1px 5px; }
-  a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
+  border-radius: 10px;
+
+  &:empty {
+    display: none;
+  }
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.btn-xs .badge, .btn-group-xs > .btn .badge {
+  top: 0;
+  padding: 1px 5px;
+}
+
+a.list-group-item.active > .badge {
+  color: #FF8B00;
+  background-color: #fff;
+}
+
+.nav-pills > {
+  .active > a > .badge {
     color: #FF8B00;
-    background-color: #fff; }
-  .nav-pills > li > a > .badge {
-    margin-left: 3px; }
+    background-color: #fff;
+  }
 
-a.badge:hover, a.badge:focus {
-  color: #fff;
-  text-decoration: none;
-  cursor: pointer; }
+  li > a > .badge {
+    margin-left: 3px;
+  }
+}
 
+a.badge {
+  &:hover, &:focus {
+    color: #fff;
+    text-decoration: none;
+    cursor: pointer;
+  }
+}
 
 .jumbotron {
   padding: 30px;
   margin-bottom: 30px;
   color: inherit;
-  background-color: #eeeeee; }
-  .jumbotron h1,
-  .jumbotron .h1 {
-    color: inherit; }
-  .jumbotron p {
+  background-color: #eeeeee;
+
+  h1, .h1 {
+    color: inherit;
+  }
+
+  p {
     margin-bottom: 15px;
     font-size: 21px;
-    font-weight: 200; }
-  .jumbotron > hr {
-    border-top-color: #d5d5d5; }
+    font-weight: 200;
+  }
+
+  > hr {
+    border-top-color: #d5d5d5;
+  }
+}
+
+.container .jumbotron {
+  border-radius: 6px;
+}
+
+.jumbotron .container {
+  max-width: 100%;
+}
+
+@media screen and (min-width: 768px) {
+  .jumbotron {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+
   .container .jumbotron {
-    border-radius: 6px; }
-  .jumbotron .container {
-    max-width: 100%; }
-  @media screen and (min-width: 768px) {
-    .jumbotron {
-      padding-top: 48px;
-      padding-bottom: 48px; }
-      .container .jumbotron {
-        padding-left: 60px;
-        padding-right: 60px; }
-      .jumbotron h1,
-      .jumbotron .h1 {
-        font-size: 63px; } }
+    padding-left: 60px;
+    padding-right: 60px;
+  }
+
+  .jumbotron {
+    h1, .h1 {
+      font-size: 63px;
+    }
+  }
+}
 
 .thumbnail {
   display: block;
@@ -4311,96 +7437,145 @@ a.badge:hover, a.badge:focus {
   border-radius: 3px;
   -webkit-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
-  transition: all 0.2s ease-in-out; }
-  .thumbnail > img,
-  .thumbnail a > img {
+  transition: all 0.2s ease-in-out;
+
+  > img, a > img {
     display: block;
     width: 100% \9;
     max-width: 100%;
     height: auto;
     margin-left: auto;
-    margin-right: auto; }
-  .thumbnail .caption {
+    margin-right: auto;
+  }
+
+  .caption {
     padding: 9px;
-    color: #3C3C3B; }
-
-a.thumbnail:hover,
-a.thumbnail:focus,
-a.thumbnail.active {
-  border-color: #FF8B00; }
+    color: #3C3C3B;
+  }
+}
 
+a.thumbnail {
+  &:hover, &:focus, &.active {
+    border-color: #FF8B00;
+  }
+}
 
 .alert {
   padding: 15px;
   margin-bottom: 20px;
   border: 1px solid #b0b0b0;
-  border-radius: 3px; }
-  .alert h4 {
-    margin-top: 0;
-    color: inherit; }
-  .alert .alert-link {
-    font-weight: bold; }
-  .alert > p,
-  .alert > ul {
-    margin-bottom: 0; }
-  .alert > p + p {
-    margin-top: 5px; }
+  border-radius: 3px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
 
-.alert-dismissable,
-.alert-dismissible {
-  padding-right: 35px; }
-  .alert-dismissable .close,
-  .alert-dismissible .close {
-    position: relative;
-    top: -2px;
-    right: -21px;
-    color: inherit; }
+  h4 {
+    margin-top: 0;
+    color: inherit;
+  }
+
+  .alert-link {
+    font-weight: bold;
+  }
+
+  > {
+    p, ul {
+      margin-bottom: 0;
+    }
+
+    p + p {
+      margin-top: 5px;
+    }
+  }
+}
+
+.alert-dismissable, .alert-dismissible {
+  padding-right: 35px;
+}
+
+.alert-dismissable .close, .alert-dismissible .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  color: inherit;
+}
 
 .alert-success {
-	background-color: #fbfbfb;
-	border-color: #a5a5a5;
-	color: #000; }
-  .alert-success hr {
-    border-top-color: #8dcc62; }
-  .alert-success .alert-link {
-    color: #72bd3e; }
+  background-color: #fbfbfb;
+  border-color: #a5a5a5;
+  color: #000;
+
+  hr {
+    border-top-color: #8dcc62;
+  }
+
+  .alert-link {
+    color: #72bd3e;
+  }
+}
 
 .alert-info {
-	background-color: #fbfbfb;
-	border-color: #a5a5a5;
-	color: #000;}
-  .alert-info hr {
-    border-top-color: #DA4829; }
-  .alert-info .alert-link {
-    color: #DA4829; }
+  background-color: #fbfbfb;
+  border-color: #a5a5a5;
+  color: #000;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+
+  hr {
+    border-top-color: #DA4829;
+  }
+
+  .alert-link {
+    color: #DA4829;
+  }
+}
 
 .alert-warning {
-	background-color: #fff;
-	border: 1px solid #d12d0a;
-	color: #000;}
-  .alert-warning hr {
-    border-top-color: #f7e1b5; }
-  .alert-warning .alert-link {
-    color: #df8a13; }
+  background-color: #fff;
+  border: 1px solid #d12d0a;
+  color: #000;
+
+  hr {
+    border-top-color: #f7e1b5;
+  }
+
+  .alert-link {
+    color: #df8a13;
+  }
+}
 
 .alert-danger {
-	background-color: #30596f;
-	border-color: #b0b0b0; }
-  .alert-danger hr {
-    border-top-color: #DA4829; }
-  .alert-danger .alert-link {
-    color: #DA4829; }
+  background-color: #30596f;
+  border-color: #b0b0b0;
+
+  hr {
+    border-top-color: #DA4829;
+  }
+
+  .alert-link {
+    color: #DA4829;
+  }
+}
 
 @-webkit-keyframes progress-bar-stripes {
   from {
-    background-position: 40px 0; }
+    background-position: 40px 0;
+  }
+
   to {
-    background-position: 0 0; } }
+    background-position: 0 0;
+  }
+}
+
 @keyframes progress-bar-stripes {
   from {
-    background-position: 40px 0; }
+    background-position: 40px 0;
+  }
+
   to {
-    background-position: 0 0; } }
+    background-position: 0 0;
+  }
+}
+
 .progress {
   margin-bottom: 3px;
   color: #000;
@@ -4410,7 +7585,8 @@ a.thumbnail.active {
   border-radius: 3px;
   position: relative;
   -webkit-box-shadow: inset 0px 1px 2px 1px rgb(172, 172, 172);
-	box-shadow: inset inset 0px 1px 2px 1px rgb(172, 172, 172); }
+  box-shadow: inset inset 0px 1px 2px 1px rgb(172, 172, 172);
+}
 
 .progress-bar {
   float: left;
@@ -4431,512 +7607,945 @@ a.thumbnail.active {
   margin: 1px 0 0 0 !important;
 }
 
-.progress-striped .progress-bar,
-.progress-bar-striped {
+.progress-striped .progress-bar, .progress-bar-striped {
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-size: 40px 40px; }
+  background-size: 40px 40px;
+}
 
-.progress.active .progress-bar,
-.progress-bar.active {
+.progress.active .progress-bar {
   -webkit-animation: progress-bar-stripes 2s linear infinite;
   -o-animation: progress-bar-stripes 2s linear infinite;
-  animation: progress-bar-stripes 2s linear infinite; }
+  animation: progress-bar-stripes 2s linear infinite;
+}
 
-.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
-  min-width: 30px; }
-.progress-bar[aria-valuenow="0"] {
-  color: #777777;
-  min-width: 30px;
-  background-color: transparent;
-  background-image: none;
-  box-shadow: none; }
+.progress-bar {
+  &.active {
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    -o-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+  }
+
+  &[aria-valuenow="1"], &[aria-valuenow="2"] {
+    min-width: 30px;
+  }
+
+  &[aria-valuenow="0"] {
+    color: #777777;
+    min-width: 30px;
+    background-color: transparent;
+    background-image: none;
+    box-shadow: none;
+  }
+}
 
 .progress-bar-success {
-  background-color: #4FB654; }
-  .progress-striped .progress-bar-success {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
+  background-color: #4FB654;
+}
+
+.progress-striped .progress-bar-success {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
 
 .progress-bar-info {
-  background-color: #038CCF; }
-  .progress-striped .progress-bar-info {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
+  background-color: #038CCF;
+}
+
+.progress-striped .progress-bar-info {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
 
 .progress-bar-warning {
   background-color: #CCB60F;
-  color: #FFFFFF !important; }
-  .progress-striped .progress-bar-warning {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
+  color: #FFFFFF !important;
+}
+
+.progress-striped .progress-bar-warning {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
 
 .progress-bar-danger {
-  background-color: #CC2400; }
-  .progress-striped .progress-bar-danger {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
+  background-color: #CC2400;
+}
 
-.media,
-.media-body {
+.progress-striped .progress-bar-danger {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.media, .media-body {
   overflow: hidden;
-  zoom: 1; }
+  zoom: 1;
+}
 
-.media,
-.media .media {
-  margin-top: 15px; }
+.media {
+  margin-top: 15px;
 
-.media:first-child {
-  margin-top: 0; }
+  .media {
+    margin-top: 15px;
+  }
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
 
 .media-object {
-  display: block; }
+  display: block;
+}
 
 .media-heading {
-  margin: 0 0 5px; }
+  margin: 0 0 5px;
+}
 
-.media > .pull-left {
-  margin-right: 10px; }
-.media > .pull-right {
-  margin-left: 10px; }
+.media > {
+  .pull-left {
+    margin-right: 10px;
+  }
+
+  .pull-right {
+    margin-left: 10px;
+  }
+}
 
 .media-list {
   padding-left: 0;
-  list-style: none; }
+  list-style: none;
+}
 
 .list-group {
   margin-bottom: 20px;
-  padding-left: 0; }
+  padding-left: 0;
+}
 
 .list-group-item {
   position: relative;
   display: block;
   padding: 6px 8px;
   margin-bottom: -1px;
-  background-color: #294c5f; }
-  .list-group-item:last-child {
-    margin-bottom: 0; }
-  .list-group-item > .badge {
-    float: right; }
-  .list-group-item > .badge + .badge {
-    margin-right: 5px; }
+  background-color: #294c5f;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  > .badge {
+    float: right;
+
+    + .badge {
+      margin-right: 5px;
+    }
+  }
+}
 
 a.list-group-item {
   color: #FFFFFF;
   border-radius: 0;
-  outline:0; }
+  outline: 0;
 
-  a.list-group-item .list-group-item-heading {
-    color: #2d2d2d; }
-  a.list-group-item:hover, a.list-group-item:focus {
+  .list-group-item-heading {
+    color: #2d2d2d;
+  }
+
+  &:hover, &:focus {
     text-decoration: none;
     color: #000;
-    background-color: #FFF; }
+    background-color: #FFF;
+  }
 
-    a.list-group-item:hover:before, a.list-group-item:focus:before {
-      background: #FFFFFF;
+  &:hover:before, &:focus:before {
+    background: #FFFFFF;
+    content: "";
+    height: 42px;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 3px;
+  }
+}
+
+.list-group-item {
+  &.disabled {
+    background-color: #eeeeee;
+    color: #777777;
+
+    &:hover, &:focus {
+      background-color: #eeeeee;
+      color: #777777;
+    }
+
+    .list-group-item-heading, &:hover .list-group-item-heading, &:focus .list-group-item-heading {
+      color: inherit;
+    }
+
+    .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text {
+      color: #777777;
+    }
+  }
+
+  &.active {
+    z-index: 2;
+
+    &:hover, &:focus {
+      z-index: 2;
+    }
+
+    &:before, &:hover:before, &:focus:before {
+      background: #ff8b00;
       content: "";
       height: 42px;
       left: 0;
       position: absolute;
-      top: 0;
-      width: 3px; }
+      top: 0px;
+      width: 3px;
+    }
 
-.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
-  background-color: #eeeeee;
-  color: #777777; }
+    .list-group-item-heading {
+      color: inherit;
 
-  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
-    color: inherit; }
+      > {
+        small, .small {
+          color: inherit;
+        }
+      }
+    }
 
-  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
-    color: #777777; }
+    &:hover .list-group-item-heading {
+      color: inherit;
 
-.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
-  z-index: 2; }
-  .list-group-item.active:before, .list-group-item.active:hover:before, .list-group-item.active:focus:before {
-    background: #ff8b00;
-    content: "";
-    height: 42px;
-    left: 0;
-    position: absolute;
-    top: 0px;
-    width: 3px; }
+      > {
+        small, .small {
+          color: inherit;
+        }
+      }
+    }
 
-  .list-group-item.active .list-group-item-heading,
-  .list-group-item.active .list-group-item-heading > small,
-  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
-  .list-group-item.active:hover .list-group-item-heading > small,
-  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
-  .list-group-item.active:focus .list-group-item-heading > small,
-  .list-group-item.active:focus .list-group-item-heading > .small {
-    color: inherit; }
-  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
-    color: #fedcbd; }
-  .list-group-item.active + .collapse > .list-group-item:before, .list-group-item.active:hover + .collapse > .list-group-item:before, .list-group-item.active:focus + .collapse > .list-group-item:before {
-    background: #FF8B00;
-    content: "";
-    height: 42px;
-    left: 0;
-    position: absolute;
-    top: 0px;
-    width: 3px; }
+    &:focus .list-group-item-heading {
+      color: inherit;
+
+      > {
+        small, .small {
+          color: inherit;
+        }
+      }
+    }
+
+    .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text {
+      color: #fedcbd;
+    }
+
+    + .collapse > .list-group-item:before, &:hover + .collapse > .list-group-item:before, &:focus + .collapse > .list-group-item:before {
+      background: #FF8B00;
+      content: "";
+      height: 42px;
+      left: 0;
+      position: absolute;
+      top: 0px;
+      width: 3px;
+    }
+  }
+}
 
 .list-group-item-success {
   color: #9BD275;
-  background-color: #9BD275; }
+  background-color: #9BD275;
+}
 
 a.list-group-item-success {
-  color: #9BD275; }
-  a.list-group-item-success .list-group-item-heading {
-    color: inherit; }
-  a.list-group-item-success:hover, a.list-group-item-success:focus {
+  color: #9BD275;
+
+  .list-group-item-heading {
+    color: inherit;
+  }
+
+  &:hover, &:focus {
     color: #9BD275;
-    background-color: #8dcc62; }
-  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
+    background-color: #8dcc62;
+  }
+
+  &.active {
     color: #fff;
     background-color: #9BD275;
-    border-color: #9BD275; }
+    border-color: #9BD275;
+
+    &:hover, &:focus {
+      color: #fff;
+      background-color: #9BD275;
+      border-color: #9BD275;
+    }
+  }
+}
 
 .list-group-item-info {
   color: #31708f;
-  background-color: #d9edf7; }
+  background-color: #d9edf7;
+}
 
 a.list-group-item-info {
-  color: #31708f; }
-  a.list-group-item-info .list-group-item-heading {
-    color: inherit; }
-  a.list-group-item-info:hover, a.list-group-item-info:focus {
+  color: #31708f;
+
+  .list-group-item-heading {
+    color: inherit;
+  }
+
+  &:hover, &:focus {
     color: #31708f;
-    background-color: #c4e3f3; }
-  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
+    background-color: #c4e3f3;
+  }
+
+  &.active {
     color: #fff;
     background-color: #31708f;
-    border-color: #31708f; }
+    border-color: #31708f;
+
+    &:hover, &:focus {
+      color: #fff;
+      background-color: #31708f;
+      border-color: #31708f;
+    }
+  }
+}
 
 .list-group-item-warning {
   color: #f0ad4e;
-  background-color: #fcf8e3; }
+  background-color: #fcf8e3;
+}
 
 a.list-group-item-warning {
-  color: #f0ad4e; }
-  a.list-group-item-warning .list-group-item-heading {
-    color: inherit; }
-  a.list-group-item-warning:hover, a.list-group-item-warning:focus {
+  color: #f0ad4e;
+
+  .list-group-item-heading {
+    color: inherit;
+  }
+
+  &:hover, &:focus {
     color: #f0ad4e;
-    background-color: #faf2cc; }
-  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
+    background-color: #faf2cc;
+  }
+
+  &.active {
     color: #fff;
     background-color: #f0ad4e;
-    border-color: #f0ad4e; }
+    border-color: #f0ad4e;
+
+    &:hover, &:focus {
+      color: #fff;
+      background-color: #f0ad4e;
+      border-color: #f0ad4e;
+    }
+  }
+}
 
 .list-group-item-danger {
   color: #F05050;
-  background-color: #F05050; }
+  background-color: #F05050;
+}
 
 a.list-group-item-danger {
-  color: #F05050; }
-  a.list-group-item-danger .list-group-item-heading {
-    color: inherit; }
-  a.list-group-item-danger:hover, a.list-group-item-danger:focus {
+  color: #F05050;
+
+  .list-group-item-heading {
+    color: inherit;
+  }
+
+  &:hover, &:focus {
     color: #F05050;
-    background-color: #ee3939; }
-  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
+    background-color: #ee3939;
+  }
+
+  &.active {
     color: #fff;
     background-color: #F05050;
-    border-color: #F05050; }
+    border-color: #F05050;
+
+    &:hover, &:focus {
+      color: #fff;
+      background-color: #F05050;
+      border-color: #F05050;
+    }
+  }
+}
 
 .list-group-item-heading {
   margin-top: 0;
-  margin-bottom: 5px; }
+  margin-bottom: 5px;
+}
 
 .list-group-item-text {
   margin-bottom: 0;
-  line-height: 1.3; }
+  line-height: 1.3;
+}
 
 .panel {
   border: 1px solid #b0b0b0;
-  margin-bottom: 20px; }
+  margin-bottom: 20px;
+}
 
 .panel-body {
   padding: 15px;
-  background-color: #F0F0F0;}
-  .panel-body:before, .panel-body:after {
+  background-color: #F0F0F0;
+
+  &:before {
     content: " ";
-    display: table; }
-  .panel-body:after {
-    clear: both; }
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+}
 
 .panel-heading {
   padding: 10px 15px;
   border-bottom: 1px solid #b0b0b0;
   border-top-right-radius: 2px;
   border-top-left-radius: 2px;
-  background-color: #30596f; }
+  background-color: #30596f;
 
-  .panel-heading > .dropdown .dropdown-toggle {
-    color: inherit; }
+  > .dropdown .dropdown-toggle {
+    color: inherit;
+  }
+}
 
 .panel-title {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 16px;
-  color: inherit; }
-  .panel-title > a {
-    color: inherit; }
+  color: inherit;
+
+  > a {
+    color: inherit;
+  }
+}
 
 .panel-footer {
   padding: 10px 15px;
   background-color: #f5f5f5;
   border-top: 1px solid #ddd;
   border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px; }
+  border-bottom-left-radius: 2px;
+}
 
 .panel > .list-group {
-  margin-bottom: 0; }
-  .panel > .list-group .list-group-item {
+  margin-bottom: 0;
+
+  .list-group-item {
     border-width: 1px 0;
-    border-radius: 0; }
-  .panel > .list-group:first-child .list-group-item:first-child {
-    border-top: 0; }
-  .panel > .list-group:last-child .list-group-item:last-child {
-    border-bottom: 0; }
+    border-radius: 0;
+  }
 
-.panel-heading + .list-group .list-group-item:first-child {
-  border-top-width: 0; }
+  &:first-child .list-group-item:first-child {
+    border-top: 0;
+  }
 
-.list-group + .panel-footer {
-  border-top-width: 0; }
+  &:last-child .list-group-item:last-child {
+    border-bottom: 0;
+  }
+}
 
-.panel > .table,
-.panel > .table-responsive > .table,
-.panel > .panel-collapse > .table {
-  margin-bottom: 0; }
-.panel > .table:first-child,
-.panel > .table-responsive:first-child > .table:first-child {
-  border-top-right-radius: 2px;
-  border-top-left-radius: 2px; }
-  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
-  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
-  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
-  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
-  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
-  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
-  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
-  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
-    border-top-left-radius: 2px; }
-  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
-  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
-  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
-  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
-  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
-  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
-  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
-  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
-    border-top-right-radius: 2px; }
-.panel > .table:last-child,
-.panel > .table-responsive:last-child > .table:last-child {
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px; }
-  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
-  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
-  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
-  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
-  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
-  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
-  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
-  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
-    border-bottom-left-radius: 2px; }
-  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
-  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
-  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
-  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
-  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
-  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
-  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
-  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
-    border-bottom-right-radius: 2px; }
-.panel > .panel-body + .table,
-.panel > .panel-body + .table-responsive {
-  border-top: 1px solid #eee; }
-.panel > .table > tbody:first-child > tr:first-child th,
-.panel > .table > tbody:first-child > tr:first-child td {
-  border-top: 0; }
-.panel > .table-bordered,
-.panel > .table-responsive > .table-bordered {
-  border: 0; }
-  .panel > .table-bordered > thead > tr > th:first-child,
-  .panel > .table-bordered > thead > tr > td:first-child,
-  .panel > .table-bordered > tbody > tr > th:first-child,
-  .panel > .table-bordered > tbody > tr > td:first-child,
-  .panel > .table-bordered > tfoot > tr > th:first-child,
-  .panel > .table-bordered > tfoot > tr > td:first-child,
-  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
-  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
-  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
-  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
-  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
-  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
-    border-left: 0; }
-  .panel > .table-bordered > thead > tr > th:last-child,
-  .panel > .table-bordered > thead > tr > td:last-child,
-  .panel > .table-bordered > tbody > tr > th:last-child,
-  .panel > .table-bordered > tbody > tr > td:last-child,
-  .panel > .table-bordered > tfoot > tr > th:last-child,
-  .panel > .table-bordered > tfoot > tr > td:last-child,
-  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
-  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
-  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
-  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
-  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
-  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
-    border-right: 0; }
-  .panel > .table-bordered > thead > tr:first-child > td,
-  .panel > .table-bordered > thead > tr:first-child > th,
-  .panel > .table-bordered > tbody > tr:first-child > td,
-  .panel > .table-bordered > tbody > tr:first-child > th,
-  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
-  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
-  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
-  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
-    border-bottom: 0; }
-  .panel > .table-bordered > tbody > tr:last-child > td,
-  .panel > .table-bordered > tbody > tr:last-child > th,
-  .panel > .table-bordered > tfoot > tr:last-child > td,
-  .panel > .table-bordered > tfoot > tr:last-child > th,
-  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
-  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
-  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
-  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
-    border-bottom: 0; }
-.panel > .table-responsive {
-  border: 0;
-  margin-bottom: 0; }
+.panel-heading + .list-group .list-group-item:first-child, .list-group + .panel-footer {
+  border-top-width: 0;
+}
+
+.panel > {
+  .table, .table-responsive > .table, .panel-collapse > .table {
+    margin-bottom: 0;
+  }
+
+  .table:first-child, .table-responsive:first-child > .table:first-child {
+    border-top-right-radius: 2px;
+    border-top-left-radius: 2px;
+  }
+
+  .table:first-child > {
+    thead:first-child > tr:first-child {
+      td:first-child, th:first-child {
+        border-top-left-radius: 2px;
+      }
+    }
+
+    tbody:first-child > tr:first-child {
+      td:first-child, th:first-child {
+        border-top-left-radius: 2px;
+      }
+    }
+  }
+
+  .table-responsive:first-child > .table:first-child > {
+    thead:first-child > tr:first-child {
+      td:first-child, th:first-child {
+        border-top-left-radius: 2px;
+      }
+    }
+
+    tbody:first-child > tr:first-child {
+      td:first-child, th:first-child {
+        border-top-left-radius: 2px;
+      }
+    }
+  }
+
+  .table:first-child > {
+    thead:first-child > tr:first-child {
+      td:last-child, th:last-child {
+        border-top-right-radius: 2px;
+      }
+    }
+
+    tbody:first-child > tr:first-child {
+      td:last-child, th:last-child {
+        border-top-right-radius: 2px;
+      }
+    }
+  }
+
+  .table-responsive:first-child > .table:first-child > {
+    thead:first-child > tr:first-child {
+      td:last-child, th:last-child {
+        border-top-right-radius: 2px;
+      }
+    }
+
+    tbody:first-child > tr:first-child {
+      td:last-child, th:last-child {
+        border-top-right-radius: 2px;
+      }
+    }
+  }
+
+  .table:last-child, .table-responsive:last-child > .table:last-child {
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px;
+  }
+
+  .table:last-child > {
+    tbody:last-child > tr:last-child {
+      td:first-child, th:first-child {
+        border-bottom-left-radius: 2px;
+      }
+    }
+
+    tfoot:last-child > tr:last-child {
+      td:first-child, th:first-child {
+        border-bottom-left-radius: 2px;
+      }
+    }
+  }
+
+  .table-responsive:last-child > .table:last-child > {
+    tbody:last-child > tr:last-child {
+      td:first-child, th:first-child {
+        border-bottom-left-radius: 2px;
+      }
+    }
+
+    tfoot:last-child > tr:last-child {
+      td:first-child, th:first-child {
+        border-bottom-left-radius: 2px;
+      }
+    }
+  }
+
+  .table:last-child > {
+    tbody:last-child > tr:last-child {
+      td:last-child, th:last-child {
+        border-bottom-right-radius: 2px;
+      }
+    }
+
+    tfoot:last-child > tr:last-child {
+      td:last-child, th:last-child {
+        border-bottom-right-radius: 2px;
+      }
+    }
+  }
+
+  .table-responsive:last-child > .table:last-child > {
+    tbody:last-child > tr:last-child {
+      td:last-child, th:last-child {
+        border-bottom-right-radius: 2px;
+      }
+    }
+
+    tfoot:last-child > tr:last-child {
+      td:last-child, th:last-child {
+        border-bottom-right-radius: 2px;
+      }
+    }
+  }
+
+  .panel-body + {
+    .table, .table-responsive {
+      border-top: 1px solid #eee;
+    }
+  }
+
+  .table > tbody:first-child > tr:first-child {
+    th, td {
+      border-top: 0;
+    }
+  }
+
+  .table-bordered, .table-responsive > .table-bordered {
+    border: 0;
+  }
+
+  .table-bordered > {
+    thead > tr > {
+      th:first-child, td:first-child {
+        border-left: 0;
+      }
+    }
+
+    tbody > tr > {
+      th:first-child, td:first-child {
+        border-left: 0;
+      }
+    }
+
+    tfoot > tr > {
+      th:first-child, td:first-child {
+        border-left: 0;
+      }
+    }
+  }
+
+  .table-responsive > .table-bordered > {
+    thead > tr > {
+      th:first-child, td:first-child {
+        border-left: 0;
+      }
+    }
+
+    tbody > tr > {
+      th:first-child, td:first-child {
+        border-left: 0;
+      }
+    }
+
+    tfoot > tr > {
+      th:first-child, td:first-child {
+        border-left: 0;
+      }
+    }
+  }
+
+  .table-bordered > {
+    thead > tr > {
+      th:last-child, td:last-child {
+        border-right: 0;
+      }
+    }
+
+    tbody > tr > {
+      th:last-child, td:last-child {
+        border-right: 0;
+      }
+    }
+
+    tfoot > tr > {
+      th:last-child, td:last-child {
+        border-right: 0;
+      }
+    }
+  }
+
+  .table-responsive > .table-bordered > {
+    thead > tr > {
+      th:last-child, td:last-child {
+        border-right: 0;
+      }
+    }
+
+    tbody > tr > {
+      th:last-child, td:last-child {
+        border-right: 0;
+      }
+    }
+
+    tfoot > tr > {
+      th:last-child, td:last-child {
+        border-right: 0;
+      }
+    }
+  }
+
+  .table-bordered > {
+    thead > tr:first-child > {
+      td, th {
+        border-bottom: 0;
+      }
+    }
+
+    tbody > tr:first-child > {
+      td, th {
+        border-bottom: 0;
+      }
+    }
+  }
+
+  .table-responsive > .table-bordered > {
+    thead > tr:first-child > {
+      td, th {
+        border-bottom: 0;
+      }
+    }
+
+    tbody > tr:first-child > {
+      td, th {
+        border-bottom: 0;
+      }
+    }
+  }
+
+  .table-bordered > {
+    tbody > tr:last-child > {
+      td, th {
+        border-bottom: 0;
+      }
+    }
+
+    tfoot > tr:last-child > {
+      td, th {
+        border-bottom: 0;
+      }
+    }
+  }
+
+  .table-responsive {
+    > .table-bordered > {
+      tbody > tr:last-child > {
+        td, th {
+          border-bottom: 0;
+        }
+      }
+
+      tfoot > tr:last-child > {
+        td, th {
+          border-bottom: 0;
+        }
+      }
+    }
+
+    border: 0;
+    margin-bottom: 0;
+  }
+}
 
 .panel-group {
-  margin-bottom: 20px; }
-  .panel-group .panel {
+  margin-bottom: 20px;
+
+  .panel {
     margin-bottom: 0;
-    border-radius: 3px; }
-    .panel-group .panel + .panel {
-      margin-top: 5px; }
-  .panel-group .panel-heading {
-    border-bottom: 0; }
-    .panel-group .panel-heading + .panel-collapse > .panel-body {
-      border-top: 1px solid #ddd; }
-  .panel-group .panel-footer {
-    border-top: 0; }
-    .panel-group .panel-footer + .panel-collapse .panel-body {
-      border-bottom: 1px solid #ddd; }
-  .panel-default {
-	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); }
-  .panel-default > .panel-heading {
-	color: #fff;
-	border-color: #b0b0b0; }
-    .panel-default > .panel-heading + .panel-collapse > .panel-body {
-      border-top-color: #b0b0b0; }
-    .panel-default > .panel-heading .badge {
-      color: #f5f5f5;
-      background-color: #2d2d2d; }
-  .panel-default > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #b0b0b0; }
-  .panel-primary {
-	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); }
-  .panel-primary > .panel-heading {
-    color: #FFF;
-    border-color: #b0b0b0; }
-    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
-      border-top-color: #FF8B00; }
-    .panel-primary > .panel-heading .badge {
-      color: #FF8B00;
-      background-color: #fff; }
-  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #FF8B00; }
+    border-radius: 3px;
+
+    + .panel {
+      margin-top: 5px;
+    }
+  }
+
+  .panel-heading {
+    border-bottom: 0;
+
+    + .panel-collapse > .panel-body {
+      border-top: 1px solid #ddd;
+    }
+  }
+
+  .panel-footer {
+    border-top: 0;
+
+    + .panel-collapse .panel-body {
+      border-bottom: 1px solid #ddd;
+    }
+  }
+}
+
+.panel-default {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+
+  > {
+    .panel-heading {
+      color: #fff;
+      border-color: #b0b0b0;
+
+      + .panel-collapse > .panel-body {
+        border-top-color: #b0b0b0;
+      }
+
+      .badge {
+        color: #f5f5f5;
+        background-color: #2d2d2d;
+      }
+    }
+
+    .panel-footer + .panel-collapse > .panel-body {
+      border-bottom-color: #b0b0b0;
+    }
+  }
+}
+
+.panel-primary {
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+
+  > {
+    .panel-heading {
+      color: #FFF;
+      border-color: #b0b0b0;
+
+      + .panel-collapse > .panel-body {
+        border-top-color: #FF8B00;
+      }
+
+      .badge {
+        color: #FF8B00;
+        background-color: #fff;
+      }
+    }
+
+    .panel-footer + .panel-collapse > .panel-body {
+      border-bottom-color: #FF8B00;
+    }
+  }
+}
 
 .panel-success {
-  border-color: #9BD275; }
-  .panel-success > .panel-heading {
-    color: #9BD275;
-    background-color: #9BD275;
-    border-color: #9BD275; }
-    .panel-success > .panel-heading + .panel-collapse > .panel-body {
-      border-top-color: #9BD275; }
-    .panel-success > .panel-heading .badge {
+  border-color: #9BD275;
+
+  > {
+    .panel-heading {
       color: #9BD275;
-      background-color: #9BD275; }
-  .panel-success > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #9BD275; }
+      background-color: #9BD275;
+      border-color: #9BD275;
+
+      + .panel-collapse > .panel-body {
+        border-top-color: #9BD275;
+      }
+
+      .badge {
+        color: #9BD275;
+        background-color: #9BD275;
+      }
+    }
+
+    .panel-footer + .panel-collapse > .panel-body {
+      border-bottom-color: #9BD275;
+    }
+  }
+}
 
 .panel-info {
-  border-color: #b0b0b0; }
-  .panel-info > .panel-heading {
-    color: #31708f;
-    background-color: #d9edf7;
-    border-color: #b0b0b0; }
-    .panel-info > .panel-heading + .panel-collapse > .panel-body {
-      border-top-color: #b0b0b0; }
-    .panel-info > .panel-heading .badge {
-      color: #d9edf7;
-      background-color: #31708f; }
-  .panel-info > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #b0b0b0; }
+  border-color: #b0b0b0;
+
+  > {
+    .panel-heading {
+      color: #31708f;
+      background-color: #d9edf7;
+      border-color: #b0b0b0;
+
+      + .panel-collapse > .panel-body {
+        border-top-color: #b0b0b0;
+      }
+
+      .badge {
+        color: #d9edf7;
+        background-color: #31708f;
+      }
+    }
+
+    .panel-footer + .panel-collapse > .panel-body {
+      border-bottom-color: #b0b0b0;
+    }
+  }
+}
 
 .panel-warning {
-  border-color: #faebcc; }
-  .panel-warning > .panel-heading {
-    color: #f0ad4e;
-    background-color: #fcf8e3;
-    border-color: #faebcc; }
-    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
-      border-top-color: #faebcc; }
-    .panel-warning > .panel-heading .badge {
-      color: #fcf8e3;
-      background-color: #f0ad4e; }
-  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #faebcc; }
+  border-color: #faebcc;
+
+  > {
+    .panel-heading {
+      color: #f0ad4e;
+      background-color: #fcf8e3;
+      border-color: #faebcc;
+
+      + .panel-collapse > .panel-body {
+        border-top-color: #faebcc;
+      }
+
+      .badge {
+        color: #fcf8e3;
+        background-color: #f0ad4e;
+      }
+    }
+
+    .panel-footer + .panel-collapse > .panel-body {
+      border-bottom-color: #faebcc;
+    }
+  }
+}
 
 .panel-danger {
-  border-color: #F05050; }
-  .panel-danger > .panel-heading {
-    color: #F05050;
-    background-color: #F05050;
-    border-color: #F05050; }
-    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
-      border-top-color: #F05050; }
-    .panel-danger > .panel-heading .badge {
+  border-color: #F05050;
+
+  > {
+    .panel-heading {
       color: #F05050;
-      background-color: #F05050; }
-  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #F05050; }
+      background-color: #F05050;
+      border-color: #F05050;
+
+      + .panel-collapse > .panel-body {
+        border-top-color: #F05050;
+      }
+
+      .badge {
+        color: #F05050;
+        background-color: #F05050;
+      }
+    }
+
+    .panel-footer + .panel-collapse > .panel-body {
+      border-bottom-color: #F05050;
+    }
+  }
+}
 
 .embed-responsive {
   position: relative;
   display: block;
   height: 0;
   padding: 0;
-  overflow: hidden; }
-  .embed-responsive .embed-responsive-item,
-  .embed-responsive iframe,
-  .embed-responsive embed,
-  .embed-responsive object {
+  overflow: hidden;
+
+  .embed-responsive-item, iframe, embed, object {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     height: 100%;
     width: 100%;
-    border: 0; }
-  .embed-responsive.embed-responsive-16by9 {
-    padding-bottom: 56.25%; }
-  .embed-responsive.embed-responsive-4by3 {
-    padding-bottom: 75%; }
+    border: 0;
+  }
+
+  &.embed-responsive-16by9 {
+    padding-bottom: 56.25%;
+  }
+
+  &.embed-responsive-4by3 {
+    padding-bottom: 75%;
+  }
+}
 
 .well {
   min-height: 20px;
@@ -4944,44 +8553,54 @@ a.list-group-item-danger {
   margin-bottom: 20px;
   background-color: none;
   border: none;
-  border-radius: none; }
-  .well blockquote {
+  border-radius: none;
+
+  blockquote {
     border-color: #ddd;
-    border-color: rgba(0, 0, 0, 0.15); }
+    border-color: rgba(0, 0, 0, 0.15);
+  }
+}
 
 .well-lg {
   padding: 24px;
-  border-radius: 6px; }
+  border-radius: 6px;
+}
 
 .well-sm {
   padding: 9px;
-  border-radius: 3px; }
+  border-radius: 3px;
+}
 
 .close {
-  float:right;
+  float: right;
   font-size: 21px;
   font-weight: bold;
   line-height: 1;
   color: #FFFFFF;
   text-shadow: 0 1px 0 #000;
   opacity: 1;
-  filter: alpha(opacity=100); }
-  .close:hover, .close:focus {
+  filter: alpha(opacity = 100);
+
+  &:hover, &:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
     opacity: 1;
-    filter: alpha(opacity=100); }
+    filter: alpha(opacity = 100);
+  }
+}
 
 button.close {
   padding: 0;
   cursor: pointer;
   background: transparent;
   border: 0;
-  -webkit-appearance: none; }
+  -webkit-appearance: none;
+}
 
 .modal-open {
-  overflow: hidden; }
+  overflow: hidden;
+}
 
 .modal {
   display: none;
@@ -4993,27 +8612,34 @@ button.close {
   left: 0;
   z-index: 1050;
   -webkit-overflow-scrolling: touch;
-  outline: 0; }
-  .modal.fade .modal-dialog {
+  outline: 0;
+
+  &.fade .modal-dialog {
     -webkit-transform: translate3d(0, -25%, 0);
     transform: translate3d(0, -25%, 0);
     -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
     -o-transition: -o-transform 0.3s ease-out;
-    transition: transform 0.3s ease-out; }
-  .modal.in .modal-dialog {
+    transition: transform 0.3s ease-out;
+  }
+
+  &.in .modal-dialog {
     -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0); }
+    transform: translate3d(0, 0, 0);
+  }
+}
 
 .modal-open .modal {
   overflow-x: hidden;
-  overflow-y: auto; }
+  overflow-y: auto;
+}
 
 .modal-dialog {
   position: relative;
   width: auto;
   margin: 62px 10px 10px 10px;
-  border: 1px solid #7a7a7a;}
+  border: 1px solid #7a7a7a;
+}
 
 .modal-content {
   position: relative;
@@ -5023,7 +8649,8 @@ button.close {
   -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30);
   box-shadow: 0 5px 15px rgb(5, 5, 5);
   background-clip: padding-box;
-  outline: 0; }
+  outline: 0;
+}
 
 .modal-backdrop {
   position: fixed;
@@ -5032,79 +8659,113 @@ button.close {
   bottom: 0;
   left: 0;
   z-index: 1040;
-  background-color: #000; }
-  .modal-backdrop.fade {
+  background-color: #000;
+
+  &.fade {
     opacity: 0;
-    filter: alpha(opacity=0); }
-  .modal-backdrop.in {
+    filter: alpha(opacity = 0);
+  }
+
+  &.in {
     opacity: 0.5;
-    filter: alpha(opacity=50); }
+    filter: alpha(opacity = 50);
+  }
+}
 
 .modal-header {
-  padding-left:10px;
-  padding-right:10px;
-  padding-top:3px;
-  padding-bottom:1px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 3px;
+  padding-bottom: 1px;
   border-bottom: 1px solid #4a4a4a;
   min-height: 16.42857px;
   background-color: #427795;
-  color: #FFF; }
+  color: #FFF;
 
-.modal-header .close {
-  margin-top: -2px; }
+  .close {
+    margin-top: -2px;
+  }
+}
 
 .modal-title {
   margin: 0;
-  line-height: 1.428571429; }
+  line-height: 1.428571429;
+}
 
 .modal-body {
   position: relative;
   padding: 5px;
-  background-color: #FFF;}
-.modal-body .table-hover > tbody > tr:hover > td,
-.modal-body .table-hover > tbody > tr:hover > th {
-  background-color: #336480;
-  color: #FFF; }
+  background-color: #FFF;
+
+  .table-hover > tbody > tr:hover > {
+    td, th {
+      background-color: #336480;
+      color: #FFF;
+    }
+  }
+}
 
 .modal-footer {
   padding: 5px;
   text-align: right;
   background-color: #f0f0f0;
-  border-top: 1px solid inherit; }
-  .modal-footer:before, .modal-footer:after {
+  border-top: 1px solid inherit;
+
+  &:before {
     content: " ";
-    display: table; }
-  .modal-footer:after {
-    clear: both; }
-  .modal-footer .btn + .btn {
+    display: table;
+  }
+
+  &:after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+
+  .btn + .btn {
     margin-left: 5px;
-    margin-bottom: 0; }
-  .modal-footer .btn-group .btn + .btn {
-    margin-left: -1px; }
-  .modal-footer .btn-block + .btn-block {
-    margin-left: 0; }
+    margin-bottom: 0;
+  }
+
+  .btn-group .btn + .btn {
+    margin-left: -1px;
+  }
+
+  .btn-block + .btn-block {
+    margin-left: 0;
+  }
+}
 
 .modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
-  overflow: scroll; }
+  overflow: scroll;
+}
 
 @media (min-width: 768px) {
   .modal-dialog {
     width: 600px;
-    margin: 82px auto 30px auto; }
+    margin: 82px auto 30px auto;
+  }
 
   .modal-content {
     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
 
   .modal-sm {
-    width: 300px; } }
+    width: 300px;
+  }
+}
+
 @media (min-width: 992px) {
   .modal-lg {
-    width: 900px; } }
+    width: 900px;
+  }
+}
+
 .tooltip {
   position: absolute;
   z-index: 1070;
@@ -5113,22 +8774,33 @@ button.close {
   font-size: 12px;
   line-height: 1.4;
   opacity: 0;
-  filter: alpha(opacity=0); }
-  .tooltip.in {
+  filter: alpha(opacity = 0);
+
+  &.in {
     opacity: 0.9;
-    filter: alpha(opacity=90); }
-  .tooltip.top {
+    filter: alpha(opacity = 90);
+  }
+
+  &.top {
     margin-top: -3px;
-    padding: 5px 0; }
-  .tooltip.right {
+    padding: 5px 0;
+  }
+
+  &.right {
     margin-left: 3px;
-    padding: 0 5px; }
-  .tooltip.bottom {
+    padding: 0 5px;
+  }
+
+  &.bottom {
     margin-top: 3px;
-    padding: 5px 0; }
-  .tooltip.left {
+    padding: 5px 0;
+  }
+
+  &.left {
     margin-left: -3px;
-    padding: 0 5px; }
+    padding: 0 5px;
+  }
+}
 
 .tooltip-inner {
   max-width: 200px;
@@ -5137,59 +8809,78 @@ button.close {
   text-align: center;
   text-decoration: none;
   background-color: #000;
-  border-radius: 3px; }
+  border-radius: 3px;
+}
 
 .tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
-  border-style: solid; }
+  border-style: solid;
+}
 
-.tooltip.top .tooltip-arrow {
-  bottom: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px 5px 0;
-  border-top-color: #000; }
-.tooltip.top-left .tooltip-arrow {
-  bottom: 0;
-  left: 5px;
-  border-width: 5px 5px 0;
-  border-top-color: #000; }
-.tooltip.top-right .tooltip-arrow {
-  bottom: 0;
-  right: 5px;
-  border-width: 5px 5px 0;
-  border-top-color: #000; }
-.tooltip.right .tooltip-arrow {
-  top: 50%;
-  left: 0;
-  margin-top: -5px;
-  border-width: 5px 5px 5px 0;
-  border-right-color: #000; }
-.tooltip.left .tooltip-arrow {
-  top: 50%;
-  right: 0;
-  margin-top: -5px;
-  border-width: 5px 0 5px 5px;
-  border-left-color: #000; }
-.tooltip.bottom .tooltip-arrow {
-  top: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 0 5px 5px;
-  border-bottom-color: #000; }
-.tooltip.bottom-left .tooltip-arrow {
-  top: 0;
-  left: 5px;
-  border-width: 0 5px 5px;
-  border-bottom-color: #000; }
-.tooltip.bottom-right .tooltip-arrow {
-  top: 0;
-  right: 5px;
-  border-width: 0 5px 5px;
-  border-bottom-color: #000; }
+.tooltip {
+  &.top .tooltip-arrow {
+    bottom: 0;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px 5px 0;
+    border-top-color: #000;
+  }
+
+  &.top-left .tooltip-arrow {
+    bottom: 0;
+    left: 5px;
+    border-width: 5px 5px 0;
+    border-top-color: #000;
+  }
+
+  &.top-right .tooltip-arrow {
+    bottom: 0;
+    right: 5px;
+    border-width: 5px 5px 0;
+    border-top-color: #000;
+  }
+
+  &.right .tooltip-arrow {
+    top: 50%;
+    left: 0;
+    margin-top: -5px;
+    border-width: 5px 5px 5px 0;
+    border-right-color: #000;
+  }
+
+  &.left .tooltip-arrow {
+    top: 50%;
+    right: 0;
+    margin-top: -5px;
+    border-width: 5px 0 5px 5px;
+    border-left-color: #000;
+  }
+
+  &.bottom .tooltip-arrow {
+    top: 0;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 0 5px 5px;
+    border-bottom-color: #000;
+  }
+
+  &.bottom-left .tooltip-arrow {
+    top: 0;
+    left: 5px;
+    border-width: 0 5px 5px;
+    border-bottom-color: #000;
+  }
+
+  &.bottom-right .tooltip-arrow {
+    top: 0;
+    right: 5px;
+    border-width: 0 5px 5px;
+    border-bottom-color: #000;
+  }
+}
 
 .popover {
   position: absolute;
@@ -5203,19 +8894,28 @@ button.close {
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.30);
+  border: 1px solid rgba(0, 0, 0, 0.3);
   border-radius: 6px;
-  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
-  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
-  white-space: normal; }
-  .popover.top {
-    margin-top: -10px; }
-  .popover.right {
-    margin-left: 10px; }
-  .popover.bottom {
-    margin-top: 10px; }
-  .popover.left {
-    margin-left: -10px; }
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  white-space: normal;
+
+  &.top {
+    margin-top: -10px;
+  }
+
+  &.right {
+    margin-left: 10px;
+  }
+
+  &.bottom {
+    margin-top: 10px;
+  }
+
+  &.left {
+    margin-left: -10px;
+  }
+}
 
 .popover-title {
   margin: 0;
@@ -5225,121 +8925,170 @@ button.close {
   line-height: 18px;
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb;
-  border-radius: 5px 5px 0 0; }
+  border-radius: 5px 5px 0 0;
+}
 
 .popover-content {
-  padding: 9px 14px; }
+  padding: 9px 14px;
+}
 
-.popover > .arrow, .popover > .arrow:after {
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid; }
+.popover {
+  > .arrow {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
 
-.popover > .arrow {
-  border-width: 11px; }
+    &:after {
+      position: absolute;
+      display: block;
+      width: 0;
+      height: 0;
+      border-color: transparent;
+      border-style: solid;
+      border-width: 10px;
+      content: "";
+    }
 
-.popover > .arrow:after {
-  border-width: 10px;
-  content: ""; }
+    border-width: 11px;
+  }
 
-.popover.top > .arrow {
-  left: 50%;
-  margin-left: -11px;
-  border-bottom-width: 0;
-  border-top-color: #999999;
-  border-top-color: rgba(0, 0, 0, 0.25);
-  bottom: -11px; }
-  .popover.top > .arrow:after {
-    content: " ";
-    bottom: 1px;
-    margin-left: -10px;
+  &.top > .arrow {
+    left: 50%;
+    margin-left: -11px;
     border-bottom-width: 0;
-    border-top-color: #fff; }
-.popover.right > .arrow {
-  top: 50%;
-  left: -11px;
-  margin-top: -11px;
-  border-left-width: 0;
-  border-right-color: #999999;
-  border-right-color: rgba(0, 0, 0, 0.25); }
-  .popover.right > .arrow:after {
-    content: " ";
-    left: 1px;
-    bottom: -10px;
+    border-top-color: #999999;
+    border-top-color: rgba(0, 0, 0, 0.25);
+    bottom: -11px;
+
+    &:after {
+      content: " ";
+      bottom: 1px;
+      margin-left: -10px;
+      border-bottom-width: 0;
+      border-top-color: #fff;
+    }
+  }
+
+  &.right > .arrow {
+    top: 50%;
+    left: -11px;
+    margin-top: -11px;
     border-left-width: 0;
-    border-right-color: #fff; }
-.popover.bottom > .arrow {
-  left: 50%;
-  margin-left: -11px;
-  border-top-width: 0;
-  border-bottom-color: #999999;
-  border-bottom-color: rgba(0, 0, 0, 0.25);
-  top: -11px; }
-  .popover.bottom > .arrow:after {
-    content: " ";
-    top: 1px;
-    margin-left: -10px;
+    border-right-color: #999999;
+    border-right-color: rgba(0, 0, 0, 0.25);
+
+    &:after {
+      content: " ";
+      left: 1px;
+      bottom: -10px;
+      border-left-width: 0;
+      border-right-color: #fff;
+    }
+  }
+
+  &.bottom > .arrow {
+    left: 50%;
+    margin-left: -11px;
     border-top-width: 0;
-    border-bottom-color: #fff; }
-.popover.left > .arrow {
-  top: 50%;
-  right: -11px;
-  margin-top: -11px;
-  border-right-width: 0;
-  border-left-color: #999999;
-  border-left-color: rgba(0, 0, 0, 0.25); }
-  .popover.left > .arrow:after {
-    content: " ";
-    right: 1px;
+    border-bottom-color: #999999;
+    border-bottom-color: rgba(0, 0, 0, 0.25);
+    top: -11px;
+
+    &:after {
+      content: " ";
+      top: 1px;
+      margin-left: -10px;
+      border-top-width: 0;
+      border-bottom-color: #fff;
+    }
+  }
+
+  &.left > .arrow {
+    top: 50%;
+    right: -11px;
+    margin-top: -11px;
     border-right-width: 0;
-    border-left-color: #fff;
-    bottom: -10px; }
+    border-left-color: #999999;
+    border-left-color: rgba(0, 0, 0, 0.25);
+
+    &:after {
+      content: " ";
+      right: 1px;
+      border-right-width: 0;
+      border-left-color: #fff;
+      bottom: -10px;
+    }
+  }
+}
 
 .carousel {
-  position: relative; }
+  position: relative;
+}
 
 .carousel-inner {
   position: relative;
   overflow: hidden;
-  width: 100%; }
-  .carousel-inner > .item {
-    display: none;
-    position: relative;
-    -webkit-transition: 0.6s ease-in-out left;
-    -o-transition: 0.6s ease-in-out left;
-    transition: 0.6s ease-in-out left; }
-    .carousel-inner > .item > img,
-    .carousel-inner > .item > a > img {
+  width: 100%;
+
+  > {
+    .item {
+      display: none;
+      position: relative;
+      -webkit-transition: 0.6s ease-in-out left;
+      -o-transition: 0.6s ease-in-out left;
+      transition: 0.6s ease-in-out left;
+
+      > {
+        img, a > img {
+          display: block;
+          width: 100% \9;
+          max-width: 100%;
+          height: auto;
+          line-height: 1;
+        }
+      }
+    }
+
+    .active, .next, .prev {
       display: block;
-      width: 100% \9;
-      max-width: 100%;
-      height: auto;
-      line-height: 1; }
-  .carousel-inner > .active,
-  .carousel-inner > .next,
-  .carousel-inner > .prev {
-    display: block; }
-  .carousel-inner > .active {
-    left: 0; }
-  .carousel-inner > .next,
-  .carousel-inner > .prev {
-    position: absolute;
-    top: 0;
-    width: 100%; }
-  .carousel-inner > .next {
-    left: 100%; }
-  .carousel-inner > .prev {
-    left: -100%; }
-  .carousel-inner > .next.left,
-  .carousel-inner > .prev.right {
-    left: 0; }
-  .carousel-inner > .active.left {
-    left: -100%; }
-  .carousel-inner > .active.right {
-    left: 100%; }
+    }
+
+    .active {
+      left: 0;
+    }
+
+    .next, .prev {
+      position: absolute;
+      top: 0;
+      width: 100%;
+    }
+
+    .next {
+      left: 100%;
+    }
+
+    .prev {
+      left: -100%;
+    }
+
+    .next.left, .prev.right {
+      left: 0;
+    }
+
+    .active {
+      &.left {
+        left: -100%;
+      }
+
+      &.right {
+        left: 100%;
+      }
+    }
+  }
+}
 
 .carousel-control {
   position: absolute;
@@ -5348,57 +9097,70 @@ button.close {
   bottom: 0;
   width: 15%;
   opacity: 0.5;
-  filter: alpha(opacity=50);
+  filter: alpha(opacity = 50);
   font-size: 20px;
   color: #fff;
   text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
-  .carousel-control.left {
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+
+  &.left {
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
     background-repeat: repeat-x;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
-  .carousel-control.right {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+  }
+
+  &.right {
     left: auto;
     right: 0;
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
     background-repeat: repeat-x;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
-  .carousel-control:hover, .carousel-control:focus {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+  }
+
+  &:hover, &:focus {
     outline: 0;
     color: #fff;
     text-decoration: none;
     opacity: 0.9;
-    filter: alpha(opacity=90); }
-  .carousel-control .icon-prev,
-  .carousel-control .icon-next,
-  .carousel-control .glyphicon-chevron-left,
-  .carousel-control .glyphicon-chevron-right {
+    filter: alpha(opacity = 90);
+  }
+
+  .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right {
     position: absolute;
     top: 50%;
     z-index: 5;
-    display: inline-block; }
-  .carousel-control .icon-prev,
-  .carousel-control .glyphicon-chevron-left {
+    display: inline-block;
+  }
+
+  .icon-prev, .glyphicon-chevron-left {
     left: 50%;
-    margin-left: -10px; }
-  .carousel-control .icon-next,
-  .carousel-control .glyphicon-chevron-right {
+    margin-left: -10px;
+  }
+
+  .icon-next, .glyphicon-chevron-right {
     right: 50%;
-    margin-right: -10px; }
-  .carousel-control .icon-prev,
-  .carousel-control .icon-next {
+    margin-right: -10px;
+  }
+
+  .icon-prev, .icon-next {
     width: 20px;
     height: 20px;
     margin-top: -10px;
-    font-family: serif; }
-  .carousel-control .icon-prev:before {
-    content: '\2039'; }
-  .carousel-control .icon-next:before {
-    content: '\203a'; }
+    font-family: serif;
+  }
+
+  .icon-prev:before {
+    content: '\2039';
+  }
+
+  .icon-next:before {
+    content: '\203a';
+  }
+}
 
 .carousel-indicators {
   position: absolute;
@@ -5409,8 +9171,9 @@ button.close {
   margin-left: -30%;
   padding-left: 0;
   list-style: none;
-  text-align: center; }
-  .carousel-indicators li {
+  text-align: center;
+
+  li {
     display: inline-block;
     width: 10px;
     height: 10px;
@@ -5420,12 +9183,16 @@ button.close {
     border-radius: 10px;
     cursor: pointer;
     background-color: #000 \9;
-    background-color: transparent; }
-  .carousel-indicators .active {
+    background-color: transparent;
+  }
+
+  .active {
     margin: 0;
     width: 12px;
     height: 12px;
-    background-color: #fff; }
+    background-color: #fff;
+  }
+}
 
 .carousel-caption {
   position: absolute;
@@ -5437,255 +9204,330 @@ button.close {
   padding-bottom: 20px;
   color: #fff;
   text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
-  .carousel-caption .btn {
-    text-shadow: none; }
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+
+  .btn {
+    text-shadow: none;
+  }
+}
 
 @media screen and (min-width: 768px) {
-  .carousel-control .glyphicon-chevron-left,
-  .carousel-control .glyphicon-chevron-right,
-  .carousel-control .icon-prev,
-  .carousel-control .icon-next {
-    width: 30px;
-    height: 30px;
-    margin-top: -15px;
-    font-size: 30px; }
-  .carousel-control .glyphicon-chevron-left,
-  .carousel-control .icon-prev {
-    margin-left: -15px; }
-  .carousel-control .glyphicon-chevron-right,
-  .carousel-control .icon-next {
-    margin-right: -15px; }
+  .carousel-control {
+    .glyphicon-chevron-left, .glyphicon-chevron-right, .icon-prev, .icon-next {
+      width: 30px;
+      height: 30px;
+      margin-top: -15px;
+      font-size: 30px;
+    }
+
+    .glyphicon-chevron-left, .icon-prev {
+      margin-left: -15px;
+    }
+
+    .glyphicon-chevron-right, .icon-next {
+      margin-right: -15px;
+    }
+  }
 
   .carousel-caption {
     left: 20%;
     right: 20%;
-    padding-bottom: 30px; }
+    padding-bottom: 30px;
+  }
 
   .carousel-indicators {
-    bottom: 20px; } }
+    bottom: 20px;
+  }
+}
+
 .clearfix:before, .content-box:before, .clearfix:after, .content-box:after {
   content: " ";
-  display: table; }
+  display: table;
+}
+
 .clearfix:after, .content-box:after {
-  clear: both; }
+  clear: both;
+}
 
 .center-block {
   display: block;
   margin-left: auto;
-  margin-right: auto; }
+  margin-right: auto;
+}
 
 .pull-right {
   float: right !important;
-  margin-top: 0px;}
+  margin-top: 0px;
+}
 
 .pull-left {
   float: left !important;
-  margin-top: 0px;}
+  margin-top: 0px;
+}
 
 .hide {
-  display: none !important; }
+  display: none !important;
+}
 
 .show {
   display: block !important;
-  color:#757575;}
+  color: #757575;
+}
 
 .invisible {
-  visibility: hidden; }
+  visibility: hidden;
+}
 
 .text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
-  border: 0; }
+  border: 0;
+}
 
 .hidden {
   display: none !important;
-  visibility: hidden !important; }
+  visibility: hidden !important;
+}
 
 .affix {
   position: fixed;
   -webkit-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0); }
+  transform: translate3d(0, 0, 0);
+}
 
 @-ms-viewport {
-  width: device-width; }
-.visible-xs, .visible-sm, .visible-md, .visible-lg {
-  display: none !important; }
+  width: device-width;
+}
 
-.visible-xs-block,
-.visible-xs-inline,
-.visible-xs-inline-block,
-.visible-sm-block,
-.visible-sm-inline,
-.visible-sm-inline-block,
-.visible-md-block,
-.visible-md-inline,
-.visible-md-inline-block,
-.visible-lg-block,
-.visible-lg-inline,
-.visible-lg-inline-block {
-  display: none !important; }
+.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block {
+  display: none !important;
+}
 
 @media (max-width: 767px) {
   .visible-xs {
-    display: block !important; }
+    display: block !important;
+  }
 
   table.visible-xs {
-    display: table; }
+    display: table;
+  }
 
   tr.visible-xs {
-    display: table-row !important; }
+    display: table-row !important;
+  }
+
+  th.visible-xs, td.visible-xs {
+    display: table-cell !important;
+  }
+}
 
-  th.visible-xs,
-  td.visible-xs {
-    display: table-cell !important; } }
 @media (max-width: 767px) {
   .visible-xs-block {
-    display: block !important; } }
+    display: block !important;
+  }
+}
 
 @media (max-width: 767px) {
   .visible-xs-inline {
-    display: inline !important; } }
+    display: inline !important;
+  }
+}
 
 @media (max-width: 767px) {
   .visible-xs-inline-block {
-    display: inline-block !important; } }
+    display: inline-block !important;
+  }
+}
 
 @media (min-width: 768px) and (max-width: 991px) {
   .visible-sm {
-    display: block !important; }
+    display: block !important;
+  }
 
   table.visible-sm {
-    display: table; }
+    display: table;
+  }
 
   tr.visible-sm {
-    display: table-row !important; }
+    display: table-row !important;
+  }
+
+  th.visible-sm, td.visible-sm {
+    display: table-cell !important;
+  }
+}
 
-  th.visible-sm,
-  td.visible-sm {
-    display: table-cell !important; } }
 @media (min-width: 768px) and (max-width: 991px) {
   .visible-sm-block {
-    display: block !important; } }
+    display: block !important;
+  }
+}
 
 @media (min-width: 768px) and (max-width: 991px) {
   .visible-sm-inline {
-    display: inline !important; } }
+    display: inline !important;
+  }
+}
 
 @media (min-width: 768px) and (max-width: 991px) {
   .visible-sm-inline-block {
-    display: inline-block !important; } }
+    display: inline-block !important;
+  }
+}
 
 @media (min-width: 992px) and (max-width: 1199px) {
   .visible-md {
-    display: block !important; }
+    display: block !important;
+  }
 
   table.visible-md {
-    display: table; }
+    display: table;
+  }
 
   tr.visible-md {
-    display: table-row !important; }
+    display: table-row !important;
+  }
+
+  th.visible-md, td.visible-md {
+    display: table-cell !important;
+  }
+}
 
-  th.visible-md,
-  td.visible-md {
-    display: table-cell !important; } }
 @media (min-width: 992px) and (max-width: 1199px) {
   .visible-md-block {
-    display: block !important; } }
+    display: block !important;
+  }
+}
 
 @media (min-width: 992px) and (max-width: 1199px) {
   .visible-md-inline {
-    display: inline !important; } }
+    display: inline !important;
+  }
+}
 
 @media (min-width: 992px) and (max-width: 1199px) {
   .visible-md-inline-block {
-    display: inline-block !important; } }
+    display: inline-block !important;
+  }
+}
 
 @media (min-width: 1200px) {
   .visible-lg {
-    display: block !important; }
+    display: block !important;
+  }
 
   table.visible-lg {
-    display: table; }
+    display: table;
+  }
 
   tr.visible-lg {
-    display: table-row !important; }
+    display: table-row !important;
+  }
+
+  th.visible-lg, td.visible-lg {
+    display: table-cell !important;
+  }
+}
 
-  th.visible-lg,
-  td.visible-lg {
-    display: table-cell !important; } }
 @media (min-width: 1200px) {
   .visible-lg-block {
-    display: block !important; } }
+    display: block !important;
+  }
+}
 
 @media (min-width: 1200px) {
   .visible-lg-inline {
-    display: inline !important; } }
+    display: inline !important;
+  }
+}
 
 @media (min-width: 1200px) {
   .visible-lg-inline-block {
-    display: inline-block !important; } }
+    display: inline-block !important;
+  }
+}
 
 @media (max-width: 767px) {
   .hidden-xs, .page-side {
-    display: none !important; } }
+    display: none !important;
+  }
+}
+
 @media (min-width: 768px) and (max-width: 991px) {
   .hidden-sm {
-    display: none !important; } }
+    display: none !important;
+  }
+}
+
 /* COLLAPSE SIDEBAR @media*/
 @media (max-width: 768px), (max-height: 669px) {
   .toggle-sidebar {
-    display: none !important; } }
+    display: none !important;
+  }
+}
+
 /* COLLAPSE SIDEBAR @media END*/
 @media (min-width: 992px) and (max-width: 1199px) {
   .hidden-md {
-    display: none !important; } }
+    display: none !important;
+  }
+}
+
 @media (min-width: 1200px) {
   .hidden-lg {
-    display: none !important; } }
-.visible-print {
-  display: none !important; }
+    display: none !important;
+  }
+}
 
 @media print {
   .visible-print {
-    display: block !important; }
+    display: block !important;
+  }
 
   table.visible-print {
-    display: table; }
+    display: table;
+  }
 
   tr.visible-print {
-    display: table-row !important; }
+    display: table-row !important;
+  }
 
-  th.visible-print,
-  td.visible-print {
-    display: table-cell !important; } }
-.visible-print-block {
-  display: none !important; }
-  @media print {
-    .visible-print-block {
-      display: block !important; } }
+  th.visible-print, td.visible-print {
+    display: table-cell !important;
+  }
+}
 
-.visible-print-inline {
-  display: none !important; }
-  @media print {
-    .visible-print-inline {
-      display: inline !important; } }
+@media print {
+  .visible-print-block {
+    display: block !important;
+  }
+}
 
-.visible-print-inline-block {
-  display: none !important; }
-  @media print {
-    .visible-print-inline-block {
-      display: inline-block !important; } }
+@media print {
+  .visible-print-inline {
+    display: inline !important;
+  }
+}
+
+@media print {
+  .visible-print-inline-block {
+    display: inline-block !important;
+  }
+}
 
 @media print {
   .hidden-print {
-    display: none !important; } }
-* {
-  -webkit-font-smoothing: antialiased; }
+    display: none !important;
+  }
+}
 
-html, body {
+* {
+  -webkit-font-smoothing: antialiased;
+}
+
+html {
   height: 100%;
   font-family: 'SourceSansProRegular';
   scrollbar-width: thin;
@@ -5694,12 +9536,18 @@ html, body {
 }
 
 body {
+  height: 100%;
+  font-family: 'SourceSansProRegular';
+  scrollbar-width: thin;
+  scrollbar-color: #315a71 #e3e3e3;
+  background-color: #fff;
   touch-action: manipulation;
   min-width: 320px;
 }
 
 .widget-sort-handle {
-  touch-action: none; }
+  touch-action: none;
+}
 
 .page-head {
   top: 0;
@@ -5707,7 +9555,7 @@ body {
   position: fixed;
   width: 100%;
   z-index: 2;
-  background-color:#172c38;
+  background-color: #172c38;
   border-bottom: 1px solid #171717;
 }
 
@@ -5715,38 +9563,55 @@ body {
   height: calc(100% - 52px);
   padding-top: 52px;
   position: relative;
-  z-index: 1; }
-  .page-content > .row {
-    height: 100%; }
-.page-content-head .container-fluid {
-  background-color: #FBFBFB;
-  margin-left: 20px;
-  margin-right: 20px;
-  border: 1px solid #b0b0b0;
-  border-radius: 3px;
-  min-height: 51px;
-  height:auto;
-  padding: 8px 20px 7px 20px;
-  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
-  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); }
+  z-index: 1;
 
-.page-content-head, .content-box-head {
-  padding-bottom: 10px;
-  padding-top: 17px;
-  color:#000;}
-  .page-content-head .navbar-nav, .content-box-head .navbar-nav {
-    width: 100%; }
-  .page-content-head h1, .content-box-head h1, .page-content-head h2, .content-box-head h2, .page-content-head h3, .content-box-head h3 {
-	line-height: inherit;
-    margin: 0; }
+  > .row {
+    height: 100%;
+  }
+}
+
+.page-content-head {
+  .container-fluid {
+    background-color: #FBFBFB;
+    margin-left: 20px;
+    margin-right: 20px;
+    border: 1px solid #b0b0b0;
+    border-radius: 0px;
+    min-height: 47px;
+    height: auto;
+    padding: 6px 14px 5px 14px;
+    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  }
+
+  padding-bottom: 2px;
+  padding-top: 10px;
+  color: #000;
+}
+
+.content-box-head {
+  padding-bottom: 2px;
+  padding-top: 10px;
+  color: #000;
+}
+
+.page-content-head .navbar-nav, .content-box-head .navbar-nav {
+  width: 100%;
+}
+
+.page-content-head h1, .content-box-head h1, .page-content-head h2, .content-box-head h2, .page-content-head h3, .content-box-head h3 {
+  line-height: inherit;
+  margin: 0;
+}
 
 .page-content-main {
   min-height: calc(100% - 64px);
-  padding: 15px 0 21px; }
+  padding: 9px 0px 21px 0px;
+}
 
 .page-side {
   background: #172c38;
-  border:none;
+  border: none;
   height: 100% !important;
   height: calc(100% - 52px) !important;
   left: 0;
@@ -5754,11 +9619,13 @@ body {
   margin-top: 52px;
   position: fixed;
   top: 0;
-  z-index: 3; }
+  z-index: 3;
+}
 
 .page-side-nav--active {
   background: #F7F7F7;
-  border-left: 3px solid #FF8B00; }
+  border-left: 3px solid #FF8B00;
+}
 
 .page-foot {
   bottom: 0;
@@ -5769,7 +9636,7 @@ body {
   position: fixed;
   height: 20px;
   background: #172c38;
-  color:#FFF;
+  color: #FFF;
   border-top: 1px solid #162b36;
 }
 
@@ -5778,386 +9645,564 @@ body {
   margin: 0px 0px;
   background: none;
   border: 1px solid #b0b0b0;
-  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
-  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); }
-.content-box hr {
-	border:none; }
-  .content-box-main {
-    padding-bottom: 15px;
-    padding-top: 15px; }
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+
+  hr {
+    border: none;
+  }
+}
+
+.content-box-main {
+  padding-bottom: 15px;
+  padding-top: 15px;
+}
+
 .tab-content {
-   padding: 0px 0px;
-   margin: 0px 0px; }
-  .tab-content > .tab-content {
-    padding: 0 15px; }
-  .tab-content .tab-content:last-child {
-    margin-bottom: 0; }
+  padding: 0px 0px;
+  margin: 0px 0px;
+
+  > .tab-content {
+    padding: 0 15px;
+  }
+
+  .tab-content:last-child {
+    margin-bottom: 0;
+  }
+}
 
 .page-content-main section[class^="col-"] + section[class^="col-"] {
-  padding-top: 20px; }
+  padding-top: 20px;
+}
 
 .brand-logo {
-  display: none; }
-  @media (min-width: 768px) {
-    .brand-logo {
-      display: inline-block; } }
+  display: none;
+}
+
+@media (min-width: 768px) {
+  .brand-logo {
+    display: inline-block;
+  }
+}
 
 .brand-icon {
-  display: inline-block; }
-  @media (min-width: 768px) {
-    .brand-icon {
-      display: none; } }
+  display: inline-block;
+}
+
+@media (min-width: 768px) {
+  .brand-icon {
+    display: none;
+  }
+}
 
 @media (min-width: 768px) {
   .col-sm-disable-spacer {
-    padding-top: 0 !important; } }
+    padding-top: 0 !important;
+  }
+}
 
 @media (min-width: 992px) {
   .col-md-disable-spacer {
-    padding-top: 0 !important; } }
+    padding-top: 0 !important;
+  }
+}
 
 @media (min-width: 1200px) {
   .col-lg-disable-spacer {
-    padding-top: 0 !important; } }
+    padding-top: 0 !important;
+  }
+}
 
 .page-login {
-  background: #172c38; }
-  .page-login .container {
+  background: #172c38;
+
+  .container {
     min-height: 100%;
-    margin-bottom: -60px; }
-    .page-login .container:after {
-      height: 60px; }
-.page-login .login-foot {color:#FFF;}
+    margin-bottom: -60px;
+
+    &:after {
+      height: 60px;
+    }
+  }
+
+  .login-foot {
+    color: #FFF;
+  }
+}
 
 .login-foot {
-  font-size: 12px; }
+  font-size: 12px;
+}
 
 .login-modal-container {
-  color:#FFF;
+  color: #FFF;
   border: 1px solid #fff;
   max-width: 400px;
-  margin: 100px auto 15px auto; }
+  margin: 100px auto 15px auto;
+}
+
 .login-modal-head {
   height: 75px;
-  padding: 0 20px; }
+  padding: 0 20px;
+}
+
 .login-modal-content {
-  padding: 20px 20px 20px 20px; }
+  padding: 20px 20px 20px 20px;
+}
+
 .login-modal-foot {
   border-top: 1px solid #E5E5E5;
   height: 60px;
-  padding: 20px 20px 0 20px; }
-  .login-modal-foot a {
+  padding: 20px 20px 0 20px;
+
+  a {
     color: #7D7D7D;
-    text-decoration: none; }
-    .login-modal-foot a:hover {
+    text-decoration: none;
+
+    &:hover {
       color: #646464;
-      text-decoration: underline; }
+      text-decoration: underline;
+    }
+  }
+}
 
 @media (min-width: 768px) {
   .list-inline .btn-group-container {
-    float: right;} }
+    float: right;
+  }
+}
 
 .btn.btn-fixed {
   max-width: 174px;
-  width: 100%; }
+  width: 100%;
+}
 
 .progress-bar-placeholder {
   font-size: 12px;
   position: absolute;
   text-align: center;
   width: 100%;
-  z-index: 1; }
+  z-index: 1;
+}
 
 /* BOOTSTRAP EDIT */
+
 .list-group-item {
   border-left: none;
-  border-right: none; }
-  .list-group-item.collapsed .caret {
+  border-right: none;
+
+  &.collapsed .caret {
     border-bottom: 4px solid green;
-    border-top: 0; }
+    border-top: 0;
+  }
+}
+
 /* BOOTSTRAP EDIT END */
 
 /* COLLAPSE SIDEBAR */
+
 main.page-content.col-lg-12 {
   padding-left: 90px;
 }
 
 #navigation.col-sidebar-left {
-  width:70px;
+  width: 70px;
   background-color: transparent !important;
   overflow: hidden;
+
+  > div {
+    &.row {
+      height: 100% !important;
+
+      > nav.page-side-nav {
+        width: 70px;
+        background-color: #172c38 !important;
+        height: 100% !important;
+        border-right: 1px solid #162b36;
+      }
+    }
+
+    > nav > #mainmenu > div > {
+      a.list-group-item {
+        font-size: 14px;
+        text-align: center;
+
+        > span {
+          &.fa, &.glyphicon {
+            visibility: visible;
+            font-size: 20px;
+          }
+
+          &.__iconspacer {
+            width: 50px;
+            height: 25px;
+            padding: 0px;
+          }
+        }
+
+        width: 70px;
+        height: 70px;
+        padding-left: 0px;
+        padding-right: 0px;
+        padding-top: 15px;
+        border-bottom: 2px solid #1b313e;
+      }
+
+      div {
+        &.collapsing > a.list-group-item {
+          padding-left: 10px !important;
+          font-size: 14px !important;
+          display: block !important;
+          position: absolute !important;
+          left: 70px !important;
+        }
+
+        &.collapse.in > div.collapsing > a.list-group-item {
+          padding-left: 10px !important;
+          font-size: 14px !important;
+          display: block !important;
+          position: absolute !important;
+          left: 166px !important;
+        }
+      }
+
+      a.list-group-item.active-menu-title {
+        color: #000 !important;
+        background-color: #FFF !important;
+      }
+    }
+  }
 }
 
-#navigation.col-sidebar-left > div.row {
-  height:100% !important;
-}
-
-#navigation.col-sidebar-left > div.row > nav.page-side-nav {
-  width:70px;
-  background-color:#172c38 !important;
-  height:100% !important;
-  border-right: 1px solid #162b36;
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
-  font-size:14px;
-  text-align:center;
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {
-  visibility: visible;
-  font-size:20px;
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer {
-  width:50px;
-  height:25px;
-  padding:0px;
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
-  width: 70px;
-  height: 70px;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top:15px;
-  border-bottom:2px solid #1b313e;
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {
-  padding-left: 10px !important;
-  font-size: 14px !important;
-  display: block !important;
-  position: absolute !important;
-  left: 70px !important;
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item {
-  padding-left: 10px !important;
-  font-size: 14px !important;
-  display: block !important;
-  position: absolute !important;
-  left: 166px !important;
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item.active-menu-title, a.list-group-item.active-menu-title.collapsed,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item[aria-expanded="true"],
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item[aria-expanded="true"],
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item.menu-level-3-item.active {
+a.list-group-item.active-menu-title.collapsed {
   color: #000 !important;
   background-color: #FFF !important;
 }
 
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {
-  padding-left: 10px !important;
-  font-size: 14px !important;
-  background-color: #294c5f !important;
-  opacity: 0.98;
+#navigation.col-sidebar-left > div > nav > #mainmenu > div > {
+  a.list-group-item[aria-expanded="true"] {
+    color: #000 !important;
+    background-color: #FFF !important;
+  }
+
+  div {
+    &.collapse {
+      &.in {
+        > {
+          a.list-group-item[aria-expanded="true"], div.collapse.in > a.list-group-item.menu-level-3-item.active {
+            color: #000 !important;
+            background-color: #FFF !important;
+          }
+        }
+
+        > div.collapse.in > a.list-group-item {
+          padding-left: 10px !important;
+          font-size: 14px !important;
+          background-color: #294c5f !important;
+          opacity: 0.98;
+        }
+      }
+
+      > a.list-group-item {
+        padding-left: 10px !important;
+        font-size: 14px !important;
+        background-color: #294c5f !important;
+        opacity: 0.98;
+      }
+
+      > div.collapse > a.list-group-item {
+        padding-left: 10px !important;
+        font-size: 14px !important;
+      }
+    }
+
+    &.collapsed > a.list-group-item {
+      padding-left: 10px !important;
+      font-size: 14px !important;
+    }
+
+    &.collapse {
+      > {
+        a.list-group-item, div.collapse > a.list-group-item {
+          padding: 3px 8px !important;
+        }
+      }
+
+      &.in > div.collapse.in > a.list-group-item:hover {
+        text-decoration: none !important;
+        color: #000 !important;
+        background-color: #FFF !important;
+      }
+    }
+  }
 }
 
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {
-  padding-left: 10px !important;
-  font-size: 14px !important;
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {
-  padding: 3px 8px !important;
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {
+a.list-group-item:focus {
   text-decoration: none !important;
   color: #000 !important;
   background-color: #FFF !important;
 }
 
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.active-menu-title,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.collapsed:focus,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:focus,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.active-menu.collapse.in >a.list-group-item.active {
+#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item {
+  &.active-menu-title, &:hover {
+    color: #000 !important;
+    background-color: #FFF !important;
+  }
+}
+
+a.list-group-item:focus {
   color: #000 !important;
   background-color: #FFF !important;
 }
 
-/* Sub Level One */
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in {
-  width:168px;
-  font-size:14px;
-  z-index: 10;
-  position: absolute;
-  left: 70px;
-  margin-top:-70px;
-  border:1px solid #1f3a4a;
-  -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
-  -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
-  box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
+#navigation.col-sidebar-left > div > nav > #mainmenu > div > div {
+  &.collapse.in > a.list-group-item {
+    &.collapsed:focus, &:focus {
+      color: #000 !important;
+      background-color: #FFF !important;
+    }
+  }
+
+  &.active-menu.collapse.in > a.list-group-item.active {
+    color: #000 !important;
+    background-color: #FFF !important;
+  }
+
+  &.collapse.in {
+    width: 168px;
+    font-size: 14px;
+    z-index: 10;
+    position: absolute;
+    left: 70px;
+    margin-top: -70px;
+    border: 1px solid #1f3a4a;
+    -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
+    box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
+
+    > div.collapse.in {
+      width: 168px;
+      font-size: 14px;
+      z-index: 10;
+      position: absolute;
+      left: 166px;
+      margin-top: -26px;
+      border: 1px solid #1f3a4a;
+      -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
+      -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
+      box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
+    }
+  }
+
+  &.collapsing, &.collapse.in > div.collapsing {
+    display: none;
+  }
 }
 
+/* Sub Level One */
+
 /* Sub Level Two */
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in {
-  width:168px;
-  font-size:14px;
-  z-index: 10;
-  position: absolute;
-  left: 166px;
-  margin-top:-26px;
-  border:1px solid #1f3a4a;
-  -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
-  -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
-  box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
-}
-
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing,
-#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing {
-  display:none;
-}
 
 button.toggle-sidebar {
-  color:#FFF;
-  background-color:transparent;
-  font-size:14px;
-  border:none;
+  color: #FFF;
+  background-color: transparent;
+  font-size: 14px;
+  border: none;
   margin-top: 18px;
-  float:left;
-  outline:none;
+  float: left;
+  outline: none;
 }
 
 /* COLLAPSE SIDEBAR END*/
 
 #navigation.collapse.in {
-  display: block !important; }
+  display: block !important;
+}
 
-.list-group-submenu .list-group-item:last-child,
-.collapse .list-group-item:last-child {
-  border-bottom: none; }
+.list-group-submenu .list-group-item:last-child, .collapse .list-group-item:last-child {
+  border-bottom: none;
+}
 
-.dropdown-menu > li > a,
-.dropdown-header {
-  padding: 3px 10px; }
+.dropdown-menu > li > a, .dropdown-header {
+  padding: 3px 10px;
+}
 
-.nav-tabs > li {
-  border-radius: 0px;
-  border-top-right-radius: 10px;
-  margin-right: 2px; }
+.nav-tabs {
+  > {
+    li {
+      border-radius: 0px;
+      border-top-right-radius: 10px;
+      margin-right: 2px;
 
-.nav-tabs > li > a {
-  border-radius: 0px;
-  border-top-right-radius: 10px;
-  margin-right: 0px;
-  -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60);
-  -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60);
-  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60); }
+      > a {
+        border-radius: 0px;
+        border-top-right-radius: 10px;
+        margin-right: 0px;
+        -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6);
+        -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6);
+        box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6);
+      }
+    }
 
-.nav-tabs > .dropdown > a {
-  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.60);
-  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.60);
-  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.60); }
+    .dropdown > a {
+      -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
+      -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
+      box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
 
-.nav-tabs > .dropdown > a.pull-right {
-  -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60);
-  -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60);
-  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.60); }
+      &.pull-right {
+        -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6);
+        -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6);
+        box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.6);
+      }
+    }
 
-.nav-tabs > li > a,
-.nav-tabs > li > a:hover,
-.nav-tabs > li > a:focus {
- outline:0; }
+    li {
+      > a {
+        outline: 0;
 
-.nav-tabs > li.active > a {
-  background: #315a71 !important;
-  outline:0; }
+        &:hover, &:focus {
+          outline: 0;
+        }
+      }
 
-.nav-tabs > li > a.visible-lg-inline-block:not(.pull-right) {
-  border-top-right-radius: 0px !important;
-  padding-left: 10px !important;
-  padding-right: 5px !important; }
+      &.active > a {
+        background: #315a71 !important;
+        outline: 0;
+      }
 
-.nav-tabs > li > a.visible-lg-inline-block.pull-right {
-  border-left: 0px !important;
-  padding-left: 5px !important;
-  padding-right: 10px !important; }
+      > a.visible-lg-inline-block {
+        &:not(.pull-right) {
+          border-top-right-radius: 0px !important;
+          padding-left: 10px !important;
+          padding-right: 5px !important;
+        }
 
-.nav-tabs.nav-justified {
-  border-right: 1px solid #656565; }
-  .nav-tabs.nav-justified > li {
-    border-bottom: 1px solid #656565;
-    border-top: 1px solid #656565;
-    border-left: 1px solid #656565;
-    border-radius: 0px;
-    background: #818180; }
-    .nav-tabs.nav-justified > li > a {
-      color: #FFFFFF;
-      font-family: 'SourceSansProSemibold'; }
-      @media (min-width: 768px) {
-        .nav-tabs.nav-justified > li > a {
-          border-bottom: 1px solid transparent; } }
-  @media (max-width: 767px) {
-    .nav-tabs.nav-justified > li.active > a {
-      border-right: 0 !important; } }
+        &.pull-right {
+          border-left: 0px !important;
+          padding-left: 5px !important;
+          padding-right: 10px !important;
+        }
+      }
+    }
+  }
+
+  &.nav-justified {
+    border-right: 1px solid #656565;
+
+    > li {
+      border-bottom: 1px solid #656565;
+      border-top: 1px solid #656565;
+      border-left: 1px solid #656565;
+      border-radius: 0px;
+      background: #818180;
+
+      > a {
+        color: #FFFFFF;
+        font-family: 'SourceSansProSemibold';
+      }
+    }
+  }
+}
+
+@media (min-width: 768px) {
+  .nav-tabs.nav-justified > li > a {
+    border-bottom: 1px solid transparent;
+  }
+}
+
+@media (max-width: 767px) {
+  .nav-tabs.nav-justified > li.active > a {
+    border-right: 0 !important;
+  }
+}
 
 @media (min-width: 768px) {
   > li.active + li > a {
-    border-left: 1px solid transparent; } }
+    border-left: 1px solid transparent;
+  }
+}
 
 > li:last-child > a {
-  border-right: 1px solid transparent !important; }
-  @media (max-width: 767px) {
-    > li:last-child > a {
-      margin-bottom: 0; } }
+  border-right: 1px solid transparent !important;
+}
+
+@media (max-width: 767px) {
+  > li:last-child > a {
+    margin-bottom: 0;
+  }
+}
 
 .btn .glyphicon {
-  vertical-align: -1px; }
-.table { width:100%; }
-.table {
-  margin-bottom: 0px !important; }
+  vertical-align: -1px;
+}
 
-.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus {
-  border: 0px !important; }
+.table {
+  width: 100%;
+  margin-bottom: 0px !important;
+}
+
+.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus {
+  border: 0px !important;
+}
 
 .table th, strong, b {
   font-family: 'SourceSansProSemibold';
-  font-weight: normal; }
+  font-weight: normal;
+}
 
 .table > tbody > tr > td:last-child {
-padding-right: 15px; }
+  padding-right: 15px;
+}
 
 /* helpers */
+
 .__nowrap {
-  white-space: nowrap; }
+  white-space: nowrap;
+}
 
 .__nomb {
-  margin-bottom: 0; }
+  margin-bottom: 0;
+}
 
 .__mb {
-  margin-bottom: 15px; }
+  margin-bottom: 15px;
+}
 
 .__mt {
-  margin-top: 15px; }
+  margin-top: 15px;
+}
 
 .__ml {
-  margin-left: 15px; }
+  margin-left: 15px;
+}
 
 .__mr {
-  margin-right: 15px; }
+  margin-right: 15px;
+}
 
 .__iconspacer {
-  padding-right: 10px; }
+  padding-right: 10px;
+}
 
 #mainmenu .glyphicon {
-  vertical-align: -2px; }
+  vertical-align: -2px;
+}
 
 .list-group-item {
   overflow: hidden;
-  text-overflow: ellipsis; }
-  .list-group-item + div.collapse {
-    margin-bottom: -1px; }
-  .list-group-item + div > a {
-    padding-left: 44px; }
-  .list-group-item:before {
+  text-overflow: ellipsis;
+
+  + div {
+    &.collapse {
+      margin-bottom: -1px;
+    }
+
+    > a {
+      padding-left: 44px;
+    }
+  }
+
+  &:before {
     background: #FF8B00;
     content: "";
     height: 42px;
@@ -6169,32 +10214,51 @@ padding-right: 15px; }
     -webkit-transition: width .2s;
     -moz-transition: width .2s;
     -o-transition: width .2s;
-    transition: width .2s; }
+    transition: width .2s;
+  }
+}
 
 .list-group-submenu a {
-  padding-left: 56px; }
+  padding-left: 56px;
+}
 
 .active-menu-title, .active-menu a {
   text-decoration: none;
   position: relative;
-  background-color: #30596F; }
-  .active-menu-title:before, .active-menu a:before {
-    width: 3px; }
-  .active-menu-title.active, .active-menu a.active {
-	background-color: #fff;
-	color: #000; }
+  background-color: #30596F;
+}
 
-.active-menu a:before {
-  background: #FF8B00; }
+.active-menu-title:before, .active-menu a:before {
+  width: 3px;
+}
+
+.active-menu-title.active {
+  background-color: #fff;
+  color: #000;
+}
+
+.active-menu a {
+  &.active {
+    background-color: #fff;
+    color: #000;
+  }
+
+  &:before {
+    background: #FF8B00;
+  }
+}
 
 .alert.alert-danger {
-  color: #FFF !important; }
+  color: #FFF !important;
+}
 
-.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
-  border-radius: 0 !important; }
+.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
+  border-radius: 0 !important;
+}
 
 .navbar-brand {
-  padding: 10px 20px; }
+  padding: 10px 20px;
+}
 
 .label-opnsense {
   /* emulates btn */
@@ -6203,41 +10267,50 @@ padding-right: 15px; }
   font-size: 12px;
   line-height: 1.5;
   border-radius: 3px;
-  border-color: #323232;}
+  border-color: #323232;
+}
 
 .label-opnsense-sm {
   /* emulates btn-sm */
   padding: 6px 11px;
-  border-color: #323232;}
+  border-color: #323232;
+}
 
 .label-opnsense-xs {
   /* emulates btn-xs */
   padding: 2px 5px;
-  border-color: #323232;}
+  border-color: #323232;
+}
 
 ::-webkit-scrollbar {
-  width: 8px; }
+  width: 8px;
+}
 
 ::-webkit-scrollbar-button {
   width: 8px;
-  height: 0px; }
+  height: 0px;
+}
 
 ::-webkit-scrollbar-track {
   background: #e3e3e3;
   box-shadow: 0px 0px 0px;
-  border-radius: 0; }
+  border-radius: 0;
+}
 
 ::-webkit-scrollbar-thumb {
   background: #315a71;
   border: thin solid #e5e5e5;
-  border-radius: 0px; }
+  border-radius: 0px;
 
-::-webkit-scrollbar-thumb:hover {
-  background: #ec6d12; }
+  &:hover {
+    background: #ec6d12;
+  }
+}
 
 .widgetdiv {
   padding-top: 0px !important;
-  padding-bottom: 20px; }
+  padding-bottom: 20px;
+}
 
 select {
   overflow: hidden;
@@ -6250,63 +10323,94 @@ select {
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: right;
-  background-image: url(/ui/themes/tukan/build/images/caret.png) !important; }
+  background-image: url(/ui/themes/tukan/build/images/caret.png) !important;
 
-select:hover, select:active, select:focus {
-  overflow: hidden;
-  border: 1px solid #1d1d1d;
-  background-color: #336480;
-  color: #FFF;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  cursor: pointer;
-  background-repeat: no-repeat;
-  background-position: right;
-  background-image: url(/ui/themes/tukan/build/images/caret.png) !important; }
+  &:hover, &:active, &:focus {
+    overflow: hidden;
+    border: 1px solid #1d1d1d;
+    background-color: #336480;
+    color: #FFF;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    cursor: pointer;
+    background-repeat: no-repeat;
+    background-position: right;
+    background-image: url(/ui/themes/tukan/build/images/caret.png) !important;
+  }
+}
 
-option:hover, option:active, option:focus {
-    background-color:#FF7E25;
-	}
+option {
+  &:hover, &:active, &:focus {
+    background-color: #FF7E25;
+  }
+}
+
+#grid-log th[data-column-id="__timestamp__"], #filter-log-entries th[data-column-id="__timestamp__"] {
+  min-width: 3.5em;
+}
 
-#grid-log th[data-column-id="__timestamp__"],
-#filter-log-entries th[data-column-id="__timestamp__"] {
-  min-width: 3.5em; }
 #grid-top {
-    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); }
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+}
 
 @media screen and (max-width: 767px) {
   .table-responsive {
-    margin-bottom: 0; }
-    .table-responsive > .table > thead > tr > th,
-    .table-responsive > .table > thead > tr > td,
-    .table-responsive > .table > tbody > tr > th,
-    .table-responsive > .table > tbody > tr > td,
-    .table-responsive > .table > tfoot > tr > th,
-    .table-responsive > .table > tfoot > tr > td {
-      white-space: normal; } }
+    margin-bottom: 0;
 
-label > input[type="checkbox"],
-label > input[type="radio"] {
-  margin-right: .4em;
-  float: left; }
+    > .table > {
+      thead > tr > {
+        th, td {
+          white-space: normal;
+        }
+      }
 
-#log-settings label[for^="act"] {
-  margin-right: 1.5em; }
+      tbody > tr > {
+        th, td {
+          white-space: normal;
+        }
+      }
 
-#log-settings table>tbody>tr>td {
-  vertical-align: middle; }
+      tfoot > tr > {
+        th, td {
+          white-space: normal;
+        }
+      }
+    }
+  }
+}
 
-#log-settings select#filterlogentries,
-#log-settings select#filterlogentriesupdateinterval {
-  width: 5em; }
+label > input {
+  &[type="checkbox"], &[type="radio"] {
+    margin-right: .4em;
+    float: left;
+  }
+}
 
-#log-settings select#filterlogentriesinterfaces {
-  min-width: 100%;
-  max-width: 100%; }
+#log-settings {
+  label[for^="act"] {
+    margin-right: 1.5em;
+  }
+
+  table > tbody > tr > td {
+    vertical-align: middle;
+  }
+
+  select {
+    &#filterlogentries, &#filterlogentriesupdateinterval {
+      width: 5em;
+    }
+
+    &#filterlogentriesinterfaces {
+      min-width: 100%;
+      max-width: 100%;
+    }
+  }
+}
 
 /* fields in firewall schedule */
+
 [data-state="lightcoral"] {
   background-color: #ffe83e;
 }
@@ -6319,50 +10423,64 @@ label > input[type="radio"] {
   background-color: #ffe83e;
 }
 
-#ipsec #ipsec-mobile, #ipsec #ipsec-tunnel, #ipsec #ipsec-overview {
-	background-color: #f0f0f0 !important;
+#ipsec {
+  #ipsec-mobile, #ipsec-tunnel, #ipsec-overview {
+    background-color: #f0f0f0 !important;
+  }
+
+  .ipsec-tab {
+    background-color: #839caa !important;
+    color: #FFF !important;
+
+    &.activetab {
+      background-color: #315a71 !important;
+      color: #FFF !important;
+    }
+  }
 }
 
-#ipsec .ipsec-tab {
-	background-color: #839caa !important;
-	color: #FFF !important;
-}
-
-#ipsec .ipsec-tab.activetab {
-	background-color: #315a71 !important;
-	color: #FFF !important;
-}
 .fw_pass {
   background-color: #295f2b !important;
-  color:#FFF;
+  color: #FFF;
 }
+
 .fw_block {
   background-color: #CB4326 !important;
-  color:#FFF;
+  color: #FFF;
 }
+
 .fw_nat {
   background-color: #CBA026 !important;
-  color:#FFF;
+  color: #FFF;
 }
-  /*additional extensions for theme-tukan*/
+
+/*additional extensions for theme-tukan*/
 
 #tab_1 #maintabs {
   border-bottom: 1px solid #b0b0b0;
 }
 
-textarea#update_status, textarea#update_status:hover {
-  color:inherit !important;
-  -webkit-box-shadow:none !important;
-  box-shadow:none !important;
-  border:none !important;
+textarea#update_status {
+  color: inherit !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  border: none !important;
+
+  &:hover {
+    color: inherit !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    border: none !important;
+  }
 }
 
 .fa-toggle-off::before {
-  color:#FF8B00 !important;
-  outline:none !important; }
+  color: #FF8B00 !important;
+  outline: none !important;
+}
 
 .fa-toggle-on::before {
-  outline:none !important;
+  outline: none !important;
 }
 
 .fa-search::before, .glyphicon-search::before {
@@ -6370,7 +10488,7 @@ textarea#update_status, textarea#update_status:hover {
 }
 
 .glyphicon.glyphicon-search::before {
-  color:#000 !important;
+  color: #000 !important;
 }
 
 .fa-times-circle::before {
@@ -6382,30 +10500,42 @@ textarea#update_status, textarea#update_status:hover {
   content: "\f059";
   cursor: pointer;
 }
+
 .fa-refresh::before {
   content: "\f021";
 }
 
-.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon,.input-group-addon {
+.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon {
   top: 0;
   background-color: #FF7E25 !important;
   border: 1px solid #FF7E25 !important;
 }
 
-div.container-fluid >.fa-search::before, div.container-fluid >.fa-refresh::before {
-  color: #FFFFFF !important; }
+div.container-fluid > {
+  .fa-search::before, .fa-refresh::before {
+    color: #FFFFFF !important;
+  }
+}
 
-.panel-heading h3:hover, h3:focus {
+.panel-heading h3:hover {
   color: #FFFFFF;
   text-decoration: none;
 }
 
-h3:link {
-  color:#FFFFFF;text-decoration: underline;
-}
+h3 {
+  &:focus {
+    color: #FFFFFF;
+    text-decoration: none;
+  }
 
-h3:hover, h3:focus {
-  text-decoration: underline;
+  &:link {
+    color: #FFFFFF;
+    text-decoration: underline;
+  }
+
+  &:hover, &:focus {
+    text-decoration: underline;
+  }
 }
 
 #grid-log {
@@ -6413,32 +10543,67 @@ h3:hover, h3:focus {
 }
 
 .table-condensed.table-hover {
-    border: 1px solid #bdbdbd;
+  border: 1px solid #bdbdbd;
 }
 
 #rules.table-condensed.table-hover {
-    border: none;
+  border: none;
 }
 
-.btn-group.bootstrap-select.open, .btn-group.bootstrap-select:hover {
-  border-color: #323232 !important;
-  color:#FFFFFF !important;
+.btn-group.bootstrap-select {
+  &.open, &:hover {
+    border-color: #323232 !important;
+    color: #FFFFFF !important;
+  }
 }
 
-.glyphicon.glyphicon-play.text-muted, .glyphicon.glyphicon-remove.text-muted, .glyphicon.glyphicon-remove-sign.text-muted, .glyphicon.glyphicon-info-sign.text-muted,.fa.fa-exclamation.fa-fw.text-muted,.fa.fa-arrows-h.fa-fw.text-muted,.fa.fa-long-arrow-left,.fa.fa-long-arrow-left::before,.fa.fa-info-circle.text-muted,.fa.fa-times-circle.text-muted,.fa.fa-times-circle.text-muted::before,.fa.fa-times.text-muted,.fa.fa-times.text-muted::before,.fa.fa-play.text-muted::before {
-  color: #000 !important;
+.glyphicon {
+  &.glyphicon-play.text-muted, &.glyphicon-remove.text-muted, &.glyphicon-remove-sign.text-muted, &.glyphicon-info-sign.text-muted {
+    color: #000 !important;
+  }
+}
+
+.fa {
+  &.fa-exclamation.fa-fw.text-muted, &.fa-arrows-h.fa-fw.text-muted {
+    color: #000 !important;
+  }
+
+  &.fa-long-arrow-left {
+    color: #000 !important;
+
+    &::before {
+      color: #000 !important;
+    }
+  }
+
+  &.fa-info-circle.text-muted {
+    color: #000 !important;
+  }
+
+  &.fa-times-circle.text-muted, &.fa-times.text-muted {
+    color: #000 !important;
+
+    &::before {
+      color: #000 !important;
+    }
+  }
+
+  &.fa-play.text-muted::before {
+    color: #000 !important;
+  }
 }
 
 #system_log-widgets.content-box {
-  border:none; box-shadow: none;
+  border: none;
+  box-shadow: none;
 }
 
-#chart,#chart_intf_in,#chart_intf_out,#chart_top_ports,#chart_top_sources,#traffic_graph_widget_chart_in,#traffic_graph_widget_chart_out {
+#chart, #chart_intf_in, #chart_intf_out, #chart_top_ports, #chart_top_sources, #traffic_graph_widget_chart_in, #traffic_graph_widget_chart_out {
   background-color: #FFF;
   border: 1px solid #b0b0b0;
 }
 
-  /*additional extensions for sensei*/
+/*additional extensions for sensei*/
 
 .preloader-wrapper {
   background-color: #e3e3e3 !important;
@@ -6454,38 +10619,50 @@ h3:hover, h3:focus {
   box-shadow: none !important;
 }
 
-input[type="checkbox"].checkbox-switch + i::before, input[type="checkbox"].checkbox-icon + i::before, input[type="checkbox"].checkbox-switch + i::before {
-  color: #CB4326 !important;
-}
+input[type="checkbox"] {
+  &.checkbox-switch + i::before, &.checkbox-icon + i::before {
+    color: #CB4326 !important;
+  }
 
-input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox"].checkbox-icon:checked + i::before, input[type="checkbox"].checkbox-icon-2:checked + i::before {
-  color: #4FB654 !important;
+  &.checkbox-switch {
+    + i::before {
+      color: #CB4326 !important;
+    }
+
+    &:checked + i::before {
+      color: #4FB654 !important;
+    }
+  }
+
+  &.checkbox-icon:checked + i::before, &.checkbox-icon-2:checked + i::before {
+    color: #4FB654 !important;
+  }
 }
 
 .modal-header > span {
   color: #000;
 }
 
-.bootstrap-datetimepicker-widget table td span:hover {
-    background: none !important;
-}
-
 .bootstrap-datetimepicker-widget {
-  background-color:#FF7E25 !important;
-}
+  table td span:hover {
+    background: none !important;
+  }
 
-.modal-side > .p-15 {
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 3px;
-  padding-bottom: 1px;
-  border-bottom: 1px solid #4a4a4a;
-  min-height: 16.42857px;
-  background-color: #427795;
-  color: #FFF;
+  background-color: #FF7E25 !important;
 }
 
 .modal-side {
+  > .p-15 {
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 3px;
+    padding-bottom: 1px;
+    border-bottom: 1px solid #4a4a4a;
+    min-height: 16.42857px;
+    background-color: #427795;
+    color: #FFF;
+  }
+
   margin: 62px 10px 10px 10px;
   background-color: #f0f0f0 !important;
 }
@@ -6495,7 +10672,7 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox
 }
 
 .alert-primary {
-  background-color:none !important;
+  background-color: none !important;
   color: #000 !important;
 }
 
diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
index db752ab72..36f257724 100644
--- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
+++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
@@ -4334,7 +4334,11 @@ a.thumbnail.active {
   padding: 15px;
   margin-bottom: 20px;
   border: 1px solid #b0b0b0;
-  border-radius: 3px; }
+  border-radius: 3px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
+}
+
   .alert h4 {
     margin-top: 0;
     color: inherit; }
@@ -4368,7 +4372,11 @@ a.thumbnail.active {
 .alert-info {
 	background-color: #fbfbfb;
 	border-color: #a5a5a5;
-	color: #000;}
+	color: #000;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
+}
+
   .alert-info hr {
     border-top-color: #DA4829; }
   .alert-info .alert-link {
@@ -5723,17 +5731,19 @@ body {
   margin-left: 20px;
   margin-right: 20px;
   border: 1px solid #b0b0b0;
-  border-radius: 3px;
-  min-height: 51px;
+  border-radius: 0px;
+  min-height: 47px;
   height:auto;
-  padding: 8px 20px 7px 20px;
+  padding: 6px 14px 5px 14px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); }
 
 .page-content-head, .content-box-head {
-  padding-bottom: 10px;
-  padding-top: 17px;
-  color:#000;}
+  padding-bottom: 2px;
+  padding-top: 10px;
+  color:#000;
+}
+
   .page-content-head .navbar-nav, .content-box-head .navbar-nav {
     width: 100%; }
   .page-content-head h1, .content-box-head h1, .page-content-head h2, .content-box-head h2, .page-content-head h3, .content-box-head h3 {
@@ -5742,7 +5752,8 @@ body {
 
 .page-content-main {
   min-height: calc(100% - 64px);
-  padding: 15px 0 21px; }
+  padding: 9px 0px 21px 0px;
+}
 
 .page-side {
   background: #172c38;