From 420b0b41fc33a65780fbc25788012db1de93650f Mon Sep 17 00:00:00 2001
From: marjohn56 <martin@queens-park.com>
Date: Sat, 20 Jan 2018 14:10:31 +0000
Subject: [PATCH] modified:   misc/theme-rebellion/Makefile modified:  
 misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css

Changes made to scss files.
---
 misc/theme-rebellion/Makefile                 |   2 +-
 .../assets/stylesheets/bootstrap-dialog.less  |   4 +-
 .../rebellion/assets/stylesheets/main.scss    | 117 ++++-
 .../www/themes/rebellion/build/css/main.css   | 425 +++++++++---------
 4 files changed, 319 insertions(+), 229 deletions(-)

diff --git a/misc/theme-rebellion/Makefile b/misc/theme-rebellion/Makefile
index 2012b1b0a..1c7cc4c02 100644
--- a/misc/theme-rebellion/Makefile
+++ b/misc/theme-rebellion/Makefile
@@ -3,5 +3,5 @@ PLUGIN_VERSION=		0.2
 PLUGIN_COMMENT=		A suitably dark theme
 PLUGIN_MAINTAINER=	team-rebellion@queens-park.com
 PLUGIN_DEVEL=		yes
-
+PLUGIN_REVISION= 2
 .include "../../Mk/plugins.mk"
diff --git a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/bootstrap-dialog.less b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/bootstrap-dialog.less
index 8fbd3f759..da01824c4 100644
--- a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/bootstrap-dialog.less
+++ b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/bootstrap-dialog.less
@@ -33,10 +33,10 @@
     /* dialog types */
     &.type-default {
         .modal-header {
-            background-color: #fff;
+            background-color: #533;
         }
         .bootstrap-dialog-title {
-            color: #333;
+            color: #eee;
         }
     }
 
diff --git a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss
index 15eba13cd..54ce2c589 100644
--- a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss
+++ b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss
@@ -1,9 +1,9 @@
 $colors: (
   orange: #EA7105,
-  lightgrey: #F7F7F7,
-  lightergrey: #FBFBFB,
-  darkgrey: #3C3C3B,
-  bordergrey: #E5E5E5,
+  lightgrey: #f0f0f0
+  lightergrey: #232323,
+  darkgrey: #dadada,
+  bordergrey: #121212,
 );
 
 $zindex: (
@@ -16,7 +16,7 @@ $zindex: (
 // format dashboard widget headers
 .widgetdiv {
     .content-box-head {
-        background: #E8E8E8 !important;
+        background: #7481f9 !important;
         color: map-get($colors, darkgrey) !important;
         padding-bottom: 1px !important;
         padding-top:  1px !important;
@@ -27,7 +27,7 @@ $zindex: (
         .btn-group {
             .btn {
                 color: map-get($colors, darkgrey) !important;
-                background: #E8E8E8 !important;
+                background: #7481f9 !important;
                 border: 0px;
                 .glyphicon {
                     color: map-get($colors, darkgrey) !important;
@@ -121,6 +121,7 @@ html, body{
 }
 
 body{
+  touch-action: manipulation;
   min-width: 320px;
 }
 
@@ -167,7 +168,7 @@ body{
 }
 
 .page-side{
-  background: #FFF;
+  background: #333;
   border-right: 1px solid rgba(0,0,0,.15);
   height: 100% !important;
   height: calc(100% - 52px) !important;
@@ -201,7 +202,7 @@ body{
 }
 
 .content-box{
-  background: #FFF;
+  background: #333;
   border: 1px solid map-get($colors, bordergrey);;
 
   @extend .clearfix;
@@ -289,7 +290,7 @@ body{
 .login-modal{
 
     &-container{
-        background: #FFF;
+        background: #333;
         border: 1px solid map-get($colors, bordergrey);
         max-width: 400px;
         margin: 100px auto 15px auto;
@@ -312,11 +313,11 @@ body{
         padding: 20px 20px 0 20px;
 
         a{
-            color: #7D7D7D;
+            color: #459865;
             text-decoration: none;
 
             &:hover{
-                color: darken(#7D7D7D, 10%);
+                color: darken(#d8d8d8, 10%);
                 text-decoration: underline;
             }
         }
@@ -362,15 +363,63 @@ body{
   border-bottom: none;
 }
 
-.nav-tabs > li.active {
+.dropdown-menu > li > a,
+.dropdown-header {
+  padding: 3px 10px;
+}
+
+.nav-tabs {
+  margin-right: 1px;
+  border-bottom: 1px solid darken(map-get($colors, bordergrey), 30%);
+}
+
+.nav-tabs > li {
+  border-radius: 0px;
+  border-top-right-radius: 10px;
+  margin-right: 2px;
+}
+
+.nav-tabs > li > a {
+  background: #212121;
+  border-radius: 0px;
+  border-top-right-radius: 10px;
+  margin-right: 0px;
+}
+
+nav-tabs > li > a,
+.nav-tabs > li > a:hover,
+.nav-tabs > li > a:focus {
+  border-right: 1px solid darken(#232323B, 5%);
+  border-top: 1px solid darken(#232323B, 5%);
+  border-left: 1px solid darken(#232323B, 5%);
+  border-bottom: 1px solid darken(map-get($colors, bordergrey), 30%);
+}
+
+.nav-tabs > li.active > a {
   background: #FFF !important;
 }
 
-.nav-tabs > li > a{
-  border-radius: 0px;
-  margin-right: 0px;
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+  border-right: 1px solid darken(map-get($colors, bordergrey), 30%);
+  border-top: 1px solid darken(map-get($colors, bordergrey), 30%);
+  border-left: 1px solid darken(map-get($colors, bordergrey), 30%);
 }
 
+.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;
+}
+
+.nav-tabs > li > a.visible-lg-inline-block.pull-right {
+  border-left: 0px !important;
+  padding-left: 5px !important;
+  padding-right: 10px !important;
+}
+
+
 .nav-tabs.nav-justified{
   border-right:1px solid map-get($colors, bordergrey);
   > li {
@@ -415,7 +464,7 @@ body{
 }
 
 .btn-default .glyphicon {
-    color: #757575;
+    color: #474747;
 }
 
 table{
@@ -487,7 +536,7 @@ table{
     }
 
     &:before{
-        background: #EA7105;
+        background: #434343;
         content: "";
         height: 42px;
         min-height: 100%;
@@ -512,19 +561,19 @@ table{
 .active-menu-title, .active-menu a{
     text-decoration: none;
     position: relative;
-    background-color: #F5F5F5;
+    background-color: #484848;
 
     &:before{
         width: 3px;
     }
 
     &.active{
-        background-color: #E8E8E8;
+        background-color: #686868;
     }
 }
 
 .active-menu a:before{
-    background: #ED9A50;
+    background: #454545;
 }
 
 .alert.alert-danger{
@@ -539,6 +588,26 @@ table{
     padding: 10px 20px;
 }
 
+.label-opnsense {
+  /* emulates btn */
+  border: 1px solid transparent;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+
+.label-opnsense-sm {
+  /* emulates btn-sm */
+  padding: 5px 10px;
+}
+
+.label-opnsense-xs {
+  /* emulates btn-xs */
+  padding: 1px 5px;
+}
+
 ::-webkit-scrollbar {
   width: 8px;
 }
@@ -547,17 +616,17 @@ table{
   height:5px;
 }
 ::-webkit-scrollbar-track {
-  background: #f7f7f7;
+  background: #565656;
   box-shadow: 0px 0px 0px;
   border-radius:0;
 }
 ::-webkit-scrollbar-thumb {
-  background: #e5e5e5;
-  border: thin solid #e5e5e5;
+  background: #383838;
+  border: thin solid #383838;
   border-radius: 0px;
 }
 ::-webkit-scrollbar-thumb:hover {
-  background:#e5e5e5;
+  background:#383838;
 }
 
 .widgetdiv {
diff --git a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css
index f9c7ae871..b7d78757b 100644
--- a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css
+++ b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css
@@ -907,7 +907,7 @@ html {
 body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
-  line-height: 1.428571429;
+  line-height: 1.42857;
   color: #dadada;
   background-color: #222; }
 
@@ -947,7 +947,7 @@ img {
 
 .img-thumbnail {
   padding: 4px;
-  line-height: 1.428571429;
+  line-height: 1.42857;
   background-color: #222;
   border: 1px solid #ddd;
   border-radius: 3px;
@@ -1206,7 +1206,7 @@ dl {
 
 dt,
 dd {
-  line-height: 1.428571429; }
+  line-height: 1.42857; }
 
 dt {
   font-weight: bold; }
@@ -1254,7 +1254,7 @@ blockquote {
   blockquote .small {
     display: block;
     font-size: 80%;
-    line-height: 1.428571429;
+    line-height: 1.42857;
     color: #565656; }
     blockquote footer:before,
     blockquote small:before,
@@ -1290,7 +1290,7 @@ blockquote:after {
 address {
   margin-bottom: 20px;
   font-style: normal;
-  line-height: 1.428571429; }
+  line-height: 1.42857; }
 
 code,
 kbd,
@@ -1322,7 +1322,7 @@ pre {
   padding: 9.5px;
   margin: 0 0 10px;
   font-size: 13px;
-  line-height: 1.428571429;
+  line-height: 1.42857;
   word-break: break-all;
   word-wrap: break-word;
   color: #eeeeee;
@@ -1391,37 +1391,37 @@ pre {
   float: left; }
 
 .col-xs-1 {
-  width: 8.3333333333%; }
+  width: 8.33333%; }
 
 .col-xs-2 {
-  width: 16.6666666667%; }
+  width: 16.66667%; }
 
 .col-xs-3 {
   width: 25%; }
 
 .col-xs-4 {
-  width: 33.3333333333%; }
+  width: 33.33333%; }
 
 .col-xs-5 {
-  width: 41.6666666667%; }
+  width: 41.66667%; }
 
 .col-xs-6 {
   width: 50%; }
 
 .col-xs-7 {
-  width: 58.3333333333%; }
+  width: 58.33333%; }
 
 .col-xs-8 {
-  width: 66.6666666667%; }
+  width: 66.66667%; }
 
 .col-xs-9 {
   width: 75%; }
 
 .col-xs-10 {
-  width: 83.3333333333%; }
+  width: 83.33333%; }
 
 .col-xs-11 {
-  width: 91.6666666667%; }
+  width: 91.66667%; }
 
 .col-xs-12 {
   width: 100%; }
@@ -1430,37 +1430,37 @@ pre {
   right: auto; }
 
 .col-xs-pull-1 {
-  right: 8.3333333333%; }
+  right: 8.33333%; }
 
 .col-xs-pull-2 {
-  right: 16.6666666667%; }
+  right: 16.66667%; }
 
 .col-xs-pull-3 {
   right: 25%; }
 
 .col-xs-pull-4 {
-  right: 33.3333333333%; }
+  right: 33.33333%; }
 
 .col-xs-pull-5 {
-  right: 41.6666666667%; }
+  right: 41.66667%; }
 
 .col-xs-pull-6 {
   right: 50%; }
 
 .col-xs-pull-7 {
-  right: 58.3333333333%; }
+  right: 58.33333%; }
 
 .col-xs-pull-8 {
-  right: 66.6666666667%; }
+  right: 66.66667%; }
 
 .col-xs-pull-9 {
   right: 75%; }
 
 .col-xs-pull-10 {
-  right: 83.3333333333%; }
+  right: 83.33333%; }
 
 .col-xs-pull-11 {
-  right: 91.6666666667%; }
+  right: 91.66667%; }
 
 .col-xs-pull-12 {
   right: 100%; }
@@ -1469,37 +1469,37 @@ pre {
   left: auto; }
 
 .col-xs-push-1 {
-  left: 8.3333333333%; }
+  left: 8.33333%; }
 
 .col-xs-push-2 {
-  left: 16.6666666667%; }
+  left: 16.66667%; }
 
 .col-xs-push-3 {
   left: 25%; }
 
 .col-xs-push-4 {
-  left: 33.3333333333%; }
+  left: 33.33333%; }
 
 .col-xs-push-5 {
-  left: 41.6666666667%; }
+  left: 41.66667%; }
 
 .col-xs-push-6 {
   left: 50%; }
 
 .col-xs-push-7 {
-  left: 58.3333333333%; }
+  left: 58.33333%; }
 
 .col-xs-push-8 {
-  left: 66.6666666667%; }
+  left: 66.66667%; }
 
 .col-xs-push-9 {
   left: 75%; }
 
 .col-xs-push-10 {
-  left: 83.3333333333%; }
+  left: 83.33333%; }
 
 .col-xs-push-11 {
-  left: 91.6666666667%; }
+  left: 91.66667%; }
 
 .col-xs-push-12 {
   left: 100%; }
@@ -1508,37 +1508,37 @@ pre {
   margin-left: 0%; }
 
 .col-xs-offset-1 {
-  margin-left: 8.3333333333%; }
+  margin-left: 8.33333%; }
 
 .col-xs-offset-2 {
-  margin-left: 16.6666666667%; }
+  margin-left: 16.66667%; }
 
 .col-xs-offset-3 {
   margin-left: 25%; }
 
 .col-xs-offset-4 {
-  margin-left: 33.3333333333%; }
+  margin-left: 33.33333%; }
 
 .col-xs-offset-5 {
-  margin-left: 41.6666666667%; }
+  margin-left: 41.66667%; }
 
 .col-xs-offset-6 {
   margin-left: 50%; }
 
 .col-xs-offset-7 {
-  margin-left: 58.3333333333%; }
+  margin-left: 58.33333%; }
 
 .col-xs-offset-8 {
-  margin-left: 66.6666666667%; }
+  margin-left: 66.66667%; }
 
 .col-xs-offset-9 {
   margin-left: 75%; }
 
 .col-xs-offset-10 {
-  margin-left: 83.3333333333%; }
+  margin-left: 83.33333%; }
 
 .col-xs-offset-11 {
-  margin-left: 91.6666666667%; }
+  margin-left: 91.66667%; }
 
 .col-xs-offset-12 {
   margin-left: 100%; }
@@ -1548,37 +1548,37 @@ pre {
     float: left; }
 
   .col-sm-1 {
-    width: 8.3333333333%; }
+    width: 8.33333%; }
 
   .col-sm-2 {
-    width: 16.6666666667%; }
+    width: 16.66667%; }
 
   .col-sm-3 {
     width: 25%; }
 
   .col-sm-4 {
-    width: 33.3333333333%; }
+    width: 33.33333%; }
 
   .col-sm-5 {
-    width: 41.6666666667%; }
+    width: 41.66667%; }
 
   .col-sm-6 {
     width: 50%; }
 
   .col-sm-7 {
-    width: 58.3333333333%; }
+    width: 58.33333%; }
 
   .col-sm-8 {
-    width: 66.6666666667%; }
+    width: 66.66667%; }
 
   .col-sm-9 {
     width: 75%; }
 
   .col-sm-10 {
-    width: 83.3333333333%; }
+    width: 83.33333%; }
 
   .col-sm-11 {
-    width: 91.6666666667%; }
+    width: 91.66667%; }
 
   .col-sm-12 {
     width: 100%; }
@@ -1587,37 +1587,37 @@ pre {
     right: auto; }
 
   .col-sm-pull-1 {
-    right: 8.3333333333%; }
+    right: 8.33333%; }
 
   .col-sm-pull-2 {
-    right: 16.6666666667%; }
+    right: 16.66667%; }
 
   .col-sm-pull-3 {
     right: 25%; }
 
   .col-sm-pull-4 {
-    right: 33.3333333333%; }
+    right: 33.33333%; }
 
   .col-sm-pull-5 {
-    right: 41.6666666667%; }
+    right: 41.66667%; }
 
   .col-sm-pull-6 {
     right: 50%; }
 
   .col-sm-pull-7 {
-    right: 58.3333333333%; }
+    right: 58.33333%; }
 
   .col-sm-pull-8 {
-    right: 66.6666666667%; }
+    right: 66.66667%; }
 
   .col-sm-pull-9 {
     right: 75%; }
 
   .col-sm-pull-10 {
-    right: 83.3333333333%; }
+    right: 83.33333%; }
 
   .col-sm-pull-11 {
-    right: 91.6666666667%; }
+    right: 91.66667%; }
 
   .col-sm-pull-12 {
     right: 100%; }
@@ -1626,37 +1626,37 @@ pre {
     left: auto; }
 
   .col-sm-push-1 {
-    left: 8.3333333333%; }
+    left: 8.33333%; }
 
   .col-sm-push-2 {
-    left: 16.6666666667%; }
+    left: 16.66667%; }
 
   .col-sm-push-3 {
     left: 25%; }
 
   .col-sm-push-4 {
-    left: 33.3333333333%; }
+    left: 33.33333%; }
 
   .col-sm-push-5 {
-    left: 41.6666666667%; }
+    left: 41.66667%; }
 
   .col-sm-push-6 {
     left: 50%; }
 
   .col-sm-push-7 {
-    left: 58.3333333333%; }
+    left: 58.33333%; }
 
   .col-sm-push-8 {
-    left: 66.6666666667%; }
+    left: 66.66667%; }
 
   .col-sm-push-9 {
     left: 75%; }
 
   .col-sm-push-10 {
-    left: 83.3333333333%; }
+    left: 83.33333%; }
 
   .col-sm-push-11 {
-    left: 91.6666666667%; }
+    left: 91.66667%; }
 
   .col-sm-push-12 {
     left: 100%; }
@@ -1665,37 +1665,37 @@ pre {
     margin-left: 0%; }
 
   .col-sm-offset-1 {
-    margin-left: 8.3333333333%; }
+    margin-left: 8.33333%; }
 
   .col-sm-offset-2 {
-    margin-left: 16.6666666667%; }
+    margin-left: 16.66667%; }
 
   .col-sm-offset-3 {
     margin-left: 25%; }
 
   .col-sm-offset-4 {
-    margin-left: 33.3333333333%; }
+    margin-left: 33.33333%; }
 
   .col-sm-offset-5 {
-    margin-left: 41.6666666667%; }
+    margin-left: 41.66667%; }
 
   .col-sm-offset-6 {
     margin-left: 50%; }
 
   .col-sm-offset-7 {
-    margin-left: 58.3333333333%; }
+    margin-left: 58.33333%; }
 
   .col-sm-offset-8 {
-    margin-left: 66.6666666667%; }
+    margin-left: 66.66667%; }
 
   .col-sm-offset-9 {
     margin-left: 75%; }
 
   .col-sm-offset-10 {
-    margin-left: 83.3333333333%; }
+    margin-left: 83.33333%; }
 
   .col-sm-offset-11 {
-    margin-left: 91.6666666667%; }
+    margin-left: 91.66667%; }
 
   .col-sm-offset-12 {
     margin-left: 100%; } }
@@ -1704,37 +1704,37 @@ pre {
     float: left; }
 
   .col-md-1 {
-    width: 8.3333333333%; }
+    width: 8.33333%; }
 
   .col-md-2 {
-    width: 16.6666666667%; }
+    width: 16.66667%; }
 
   .col-md-3 {
     width: 25%; }
 
   .col-md-4 {
-    width: 33.3333333333%; }
+    width: 33.33333%; }
 
   .col-md-5 {
-    width: 41.6666666667%; }
+    width: 41.66667%; }
 
   .col-md-6 {
     width: 50%; }
 
   .col-md-7 {
-    width: 58.3333333333%; }
+    width: 58.33333%; }
 
   .col-md-8 {
-    width: 66.6666666667%; }
+    width: 66.66667%; }
 
   .col-md-9 {
     width: 75%; }
 
   .col-md-10 {
-    width: 83.3333333333%; }
+    width: 83.33333%; }
 
   .col-md-11 {
-    width: 91.6666666667%; }
+    width: 91.66667%; }
 
   .col-md-12 {
     width: 100%; }
@@ -1743,37 +1743,37 @@ pre {
     right: auto; }
 
   .col-md-pull-1 {
-    right: 8.3333333333%; }
+    right: 8.33333%; }
 
   .col-md-pull-2 {
-    right: 16.6666666667%; }
+    right: 16.66667%; }
 
   .col-md-pull-3 {
     right: 25%; }
 
   .col-md-pull-4 {
-    right: 33.3333333333%; }
+    right: 33.33333%; }
 
   .col-md-pull-5 {
-    right: 41.6666666667%; }
+    right: 41.66667%; }
 
   .col-md-pull-6 {
     right: 50%; }
 
   .col-md-pull-7 {
-    right: 58.3333333333%; }
+    right: 58.33333%; }
 
   .col-md-pull-8 {
-    right: 66.6666666667%; }
+    right: 66.66667%; }
 
   .col-md-pull-9 {
     right: 75%; }
 
   .col-md-pull-10 {
-    right: 83.3333333333%; }
+    right: 83.33333%; }
 
   .col-md-pull-11 {
-    right: 91.6666666667%; }
+    right: 91.66667%; }
 
   .col-md-pull-12 {
     right: 100%; }
@@ -1782,37 +1782,37 @@ pre {
     left: auto; }
 
   .col-md-push-1 {
-    left: 8.3333333333%; }
+    left: 8.33333%; }
 
   .col-md-push-2 {
-    left: 16.6666666667%; }
+    left: 16.66667%; }
 
   .col-md-push-3 {
     left: 25%; }
 
   .col-md-push-4 {
-    left: 33.3333333333%; }
+    left: 33.33333%; }
 
   .col-md-push-5 {
-    left: 41.6666666667%; }
+    left: 41.66667%; }
 
   .col-md-push-6 {
     left: 50%; }
 
   .col-md-push-7 {
-    left: 58.3333333333%; }
+    left: 58.33333%; }
 
   .col-md-push-8 {
-    left: 66.6666666667%; }
+    left: 66.66667%; }
 
   .col-md-push-9 {
     left: 75%; }
 
   .col-md-push-10 {
-    left: 83.3333333333%; }
+    left: 83.33333%; }
 
   .col-md-push-11 {
-    left: 91.6666666667%; }
+    left: 91.66667%; }
 
   .col-md-push-12 {
     left: 100%; }
@@ -1821,37 +1821,37 @@ pre {
     margin-left: 0%; }
 
   .col-md-offset-1 {
-    margin-left: 8.3333333333%; }
+    margin-left: 8.33333%; }
 
   .col-md-offset-2 {
-    margin-left: 16.6666666667%; }
+    margin-left: 16.66667%; }
 
   .col-md-offset-3 {
     margin-left: 25%; }
 
   .col-md-offset-4 {
-    margin-left: 33.3333333333%; }
+    margin-left: 33.33333%; }
 
   .col-md-offset-5 {
-    margin-left: 41.6666666667%; }
+    margin-left: 41.66667%; }
 
   .col-md-offset-6 {
     margin-left: 50%; }
 
   .col-md-offset-7 {
-    margin-left: 58.3333333333%; }
+    margin-left: 58.33333%; }
 
   .col-md-offset-8 {
-    margin-left: 66.6666666667%; }
+    margin-left: 66.66667%; }
 
   .col-md-offset-9 {
     margin-left: 75%; }
 
   .col-md-offset-10 {
-    margin-left: 83.3333333333%; }
+    margin-left: 83.33333%; }
 
   .col-md-offset-11 {
-    margin-left: 91.6666666667%; }
+    margin-left: 91.66667%; }
 
   .col-md-offset-12 {
     margin-left: 100%; } }
@@ -1860,37 +1860,37 @@ pre {
     float: left; }
 
   .col-lg-1 {
-    width: 8.3333333333%; }
+    width: 8.33333%; }
 
   .col-lg-2 {
-    width: 16.6666666667%; }
+    width: 16.66667%; }
 
   .col-lg-3 {
     width: 25%; }
 
   .col-lg-4 {
-    width: 33.3333333333%; }
+    width: 33.33333%; }
 
   .col-lg-5 {
-    width: 41.6666666667%; }
+    width: 41.66667%; }
 
   .col-lg-6 {
     width: 50%; }
 
   .col-lg-7 {
-    width: 58.3333333333%; }
+    width: 58.33333%; }
 
   .col-lg-8 {
-    width: 66.6666666667%; }
+    width: 66.66667%; }
 
   .col-lg-9 {
     width: 75%; }
 
   .col-lg-10 {
-    width: 83.3333333333%; }
+    width: 83.33333%; }
 
   .col-lg-11 {
-    width: 91.6666666667%; }
+    width: 91.66667%; }
 
   .col-lg-12 {
     width: 100%; }
@@ -1899,37 +1899,37 @@ pre {
     right: auto; }
 
   .col-lg-pull-1 {
-    right: 8.3333333333%; }
+    right: 8.33333%; }
 
   .col-lg-pull-2 {
-    right: 16.6666666667%; }
+    right: 16.66667%; }
 
   .col-lg-pull-3 {
     right: 25%; }
 
   .col-lg-pull-4 {
-    right: 33.3333333333%; }
+    right: 33.33333%; }
 
   .col-lg-pull-5 {
-    right: 41.6666666667%; }
+    right: 41.66667%; }
 
   .col-lg-pull-6 {
     right: 50%; }
 
   .col-lg-pull-7 {
-    right: 58.3333333333%; }
+    right: 58.33333%; }
 
   .col-lg-pull-8 {
-    right: 66.6666666667%; }
+    right: 66.66667%; }
 
   .col-lg-pull-9 {
     right: 75%; }
 
   .col-lg-pull-10 {
-    right: 83.3333333333%; }
+    right: 83.33333%; }
 
   .col-lg-pull-11 {
-    right: 91.6666666667%; }
+    right: 91.66667%; }
 
   .col-lg-pull-12 {
     right: 100%; }
@@ -1938,37 +1938,37 @@ pre {
     left: auto; }
 
   .col-lg-push-1 {
-    left: 8.3333333333%; }
+    left: 8.33333%; }
 
   .col-lg-push-2 {
-    left: 16.6666666667%; }
+    left: 16.66667%; }
 
   .col-lg-push-3 {
     left: 25%; }
 
   .col-lg-push-4 {
-    left: 33.3333333333%; }
+    left: 33.33333%; }
 
   .col-lg-push-5 {
-    left: 41.6666666667%; }
+    left: 41.66667%; }
 
   .col-lg-push-6 {
     left: 50%; }
 
   .col-lg-push-7 {
-    left: 58.3333333333%; }
+    left: 58.33333%; }
 
   .col-lg-push-8 {
-    left: 66.6666666667%; }
+    left: 66.66667%; }
 
   .col-lg-push-9 {
     left: 75%; }
 
   .col-lg-push-10 {
-    left: 83.3333333333%; }
+    left: 83.33333%; }
 
   .col-lg-push-11 {
-    left: 91.6666666667%; }
+    left: 91.66667%; }
 
   .col-lg-push-12 {
     left: 100%; }
@@ -1977,43 +1977,43 @@ pre {
     margin-left: 0%; }
 
   .col-lg-offset-1 {
-    margin-left: 8.3333333333%; }
+    margin-left: 8.33333%; }
 
   .col-lg-offset-2 {
-    margin-left: 16.6666666667%; }
+    margin-left: 16.66667%; }
 
   .col-lg-offset-3 {
     margin-left: 25%; }
 
   .col-lg-offset-4 {
-    margin-left: 33.3333333333%; }
+    margin-left: 33.33333%; }
 
   .col-lg-offset-5 {
-    margin-left: 41.6666666667%; }
+    margin-left: 41.66667%; }
 
   .col-lg-offset-6 {
     margin-left: 50%; }
 
   .col-lg-offset-7 {
-    margin-left: 58.3333333333%; }
+    margin-left: 58.33333%; }
 
   .col-lg-offset-8 {
-    margin-left: 66.6666666667%; }
+    margin-left: 66.66667%; }
 
   .col-lg-offset-9 {
     margin-left: 75%; }
 
   .col-lg-offset-10 {
-    margin-left: 83.3333333333%; }
+    margin-left: 83.33333%; }
 
   .col-lg-offset-11 {
-    margin-left: 91.6666666667%; }
+    margin-left: 91.66667%; }
 
   .col-lg-offset-12 {
     margin-left: 100%; } }
 table {
   background-color: #323232;
-  color; #e33; }
+  color: #ddd; }
 
 th {
   text-align: left; }
@@ -2029,7 +2029,7 @@ th {
   .table > tfoot > tr > th,
   .table > tfoot > tr > td {
     padding: 10px 0px 10px 20px;
-    line-height: 1.428571429;
+    line-height: 1.42857;
     vertical-align: top;
     border-top: 1px solid #eee; }
   .table > thead > tr > th {
@@ -2180,6 +2180,13 @@ table th[class*="col-"] {
     -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,
@@ -2258,17 +2265,32 @@ output {
   display: block;
   padding-top: 7px;
   font-size: 14px;
-  line-height: 1.428571429;
+  line-height: 1.42857;
   color: #c5c4c3; }
 
-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,
+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"]
  {
   display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
-  line-height: 1.428571429;
+  line-height: 1.42857;
   color: #e9e9e9;
   background-color: #222;
   background-image: none;
@@ -2357,52 +2379,52 @@ select, textarea, input[type="text"], input[type="password"], input[type="dateti
     color: #877171; }
   select[disabled], select[readonly], fieldset[disabled] select,
   textarea[disabled],
-  textarea[readonly],
-  fieldset[disabled] textarea,
+  textarea[readonly], fieldset[disabled]
+  textarea,
   input[type="text"][disabled],
-  input[type="text"][readonly],
-  fieldset[disabled] input[type="text"],
+  input[type="text"][readonly], fieldset[disabled]
+  input[type="text"],
   input[type="password"][disabled],
-  input[type="password"][readonly],
-  fieldset[disabled] input[type="password"],
+  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"][readonly], fieldset[disabled]
+  input[type="datetime"],
   input[type="datetime-local"][disabled],
-  input[type="datetime-local"][readonly],
-  fieldset[disabled] input[type="datetime-local"],
+  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="date"][readonly], fieldset[disabled]
+  input[type="date"],
   input[type="month"][disabled],
-  input[type="month"][readonly],
-  fieldset[disabled] input[type="month"],
+  input[type="month"][readonly], fieldset[disabled]
+  input[type="month"],
   input[type="time"][disabled],
-  input[type="time"][readonly],
-  fieldset[disabled] input[type="time"],
+  input[type="time"][readonly], fieldset[disabled]
+  input[type="time"],
   input[type="week"][disabled],
-  input[type="week"][readonly],
-  fieldset[disabled] input[type="week"],
+  input[type="week"][readonly], fieldset[disabled]
+  input[type="week"],
   input[type="number"][disabled],
-  input[type="number"][readonly],
-  fieldset[disabled] input[type="number"],
+  input[type="number"][readonly], fieldset[disabled]
+  input[type="number"],
   input[type="email"][disabled],
-  input[type="email"][readonly],
-  fieldset[disabled] input[type="email"],
+  input[type="email"][readonly], fieldset[disabled]
+  input[type="email"],
   input[type="url"][disabled],
-  input[type="url"][readonly],
-  fieldset[disabled] input[type="url"],
+  input[type="url"][readonly], fieldset[disabled]
+  input[type="url"],
   input[type="search"][disabled],
-  input[type="search"][readonly],
-  fieldset[disabled] input[type="search"],
+  input[type="search"][readonly], fieldset[disabled]
+  input[type="search"],
   input[type="tel"][disabled],
-  input[type="tel"][readonly],
-  fieldset[disabled] input[type="tel"],
+  input[type="tel"][readonly], fieldset[disabled]
+  input[type="tel"],
   input[type="color"][disabled]
   ,
   input[type="color"][readonly]
-  ,
-  fieldset[disabled] input[type="color"]
+  , fieldset[disabled]
+  input[type="color"]
    {
     cursor: not-allowed;
     background-color: #333333;
@@ -2419,7 +2441,7 @@ input[type="time"],
 input[type="datetime-local"],
 input[type="month"] {
   line-height: 34px;
-  line-height: 1.428571429 \0; }
+  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,
@@ -2504,18 +2526,18 @@ input[type="month"] {
 
 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"] {
+input[type="checkbox"].disabled, fieldset[disabled]
+input[type="checkbox"] {
   cursor: not-allowed; }
 
 .radio-inline.disabled, fieldset[disabled] .radio-inline,
-.checkbox-inline.disabled,
-fieldset[disabled] .checkbox-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 {
+.checkbox.disabled label, fieldset[disabled]
+.checkbox label {
   cursor: not-allowed; }
 
 .form-control-static {
@@ -2772,17 +2794,17 @@ select[multiple].input-lg,
   white-space: nowrap;
   padding: 6px 12px;
   font-size: 14px;
-  line-height: 1.428571429;
+  line-height: 1.42857;
   border-radius: 3px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  color; #e33;
+  color: #333;
   background-color: #565656;
   border-color: #e5e5e5; }
   .btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle {
-    color: #e33;
+    color: #333;
     background-color: #f13232;
     border-color: #c6c6c6; }
   .btn:active, .btn.active, .open > .btn.dropdown-toggle {
@@ -2798,7 +2820,7 @@ select[multiple].input-lg,
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px; }
   .btn:hover, .btn:focus {
-    color: #e33;
+    color: #ddd;
     text-decoration: none; }
   .btn:active, .btn.active {
     outline: 0;
@@ -2814,12 +2836,11 @@ select[multiple].input-lg,
     box-shadow: none; }
 
 .btn-default {
-  color: #222;
-  color; #e33;
+  color: #333;
   background-color: #d4d4d4;
   border-color: #e5e5e5; }
   .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
-    color; #e33;
+    color: #ddd;
     background-color: #555555;
     border-color: #c6c6c6; }
   .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
@@ -2853,7 +2874,7 @@ select[multiple].input-lg,
   background-color: #9BD275;
   border-color: #8dcc62; }
   .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
-    color: #222;
+    color: #ddd;
     background-color: #7fc54f;
     border-color: #6db53b; }
   .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
@@ -2870,7 +2891,7 @@ select[multiple].input-lg,
   background-color: #B0CDDB;
   border-color: #9ec2d3; }
   .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
-    color: #222;
+    color: #ddd;
     background-color: #8db7cb;
     border-color: #74a7c0; }
   .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
@@ -2887,7 +2908,7 @@ select[multiple].input-lg,
   background-color: #f0ad4e;
   border-color: #eea236; }
   .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
-    color: #222;
+    color: #ddd;
     background-color: #ec971f;
     border-color: #d58512; }
   .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
@@ -2904,7 +2925,7 @@ select[multiple].input-lg,
   background-color: #F05050;
   border-color: #ee3939; }
   .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
-    color: #222;
+    color: #ddd;
     background-color: #ec2121;
     border-color: #d71212; }
   .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
@@ -3041,7 +3062,7 @@ tbody.collapse.in {
     padding: 3px 20px;
     clear: both;
     font-weight: normal;
-    line-height: 1.428571429;
+    line-height: 1.42857;
     color: #eeeeee;
     white-space: nowrap; }
 
@@ -3083,7 +3104,7 @@ tbody.collapse.in {
   display: block;
   padding: 3px 20px;
   font-size: 12px;
-  line-height: 1.428571429;
+  line-height: 1.42857;
   color: #565656;
   white-space: nowrap; }
 
@@ -3424,7 +3445,7 @@ tbody.collapse.in {
     margin-bottom: -1px; }
     .nav-tabs > li > a {
       margin-right: 2px;
-      line-height: 1.428571429;
+      line-height: 1.42857;
       border: 1px solid transparent;
       border-radius: 3px 3px 0 0; }
       .nav-tabs > li > a:hover {
@@ -3809,7 +3830,7 @@ tbody.collapse.in {
     color: #222;
     background-color: #090909; }
   .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
-    color; #e33;
+    color: #333;
     background-color: transparent; }
   .navbar-inverse .navbar-toggle {
     border-color: #333; }
@@ -3837,7 +3858,7 @@ tbody.collapse.in {
       color: #222;
       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 {
-      color; #e33;
+      color: #333;
       background-color: transparent; } }
   .navbar-inverse .navbar-link {
     color: #565656; }
@@ -3848,7 +3869,7 @@ tbody.collapse.in {
     .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
       color: #222; }
     .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; #e33; }
+      color: #333; }
 
 .breadcrumb {
   padding: 8px 15px;
@@ -3877,7 +3898,7 @@ tbody.collapse.in {
       position: relative;
       float: left;
       padding: 6px 12px;
-      line-height: 1.428571429;
+      line-height: 1.42857;
       text-decoration: none;
       color: #EA7105;
       background-color: #222;
@@ -3999,7 +4020,7 @@ tbody.collapse.in {
     top: -1px; }
 
 a.label:hover, a.label:focus {
-  color: #222;
+  color: #333;
   text-decoration: none;
   cursor: pointer; }
 
@@ -4098,7 +4119,7 @@ a.badge:hover, a.badge:focus {
   display: block;
   padding: 4px;
   margin-bottom: 20px;
-  line-height: 1.428571429;
+  line-height: 1.42857;
   background-color: #222;
   border: 1px solid #ddd;
   border-radius: 3px;
@@ -4209,7 +4230,7 @@ a.thumbnail.active {
   height: 100%;
   font-size: 12px;
   line-height: 20px;
-  color: #222;
+  color: #fff;
   text-align: center;
   background-color: #EA7105;
   position: relative;
@@ -4318,7 +4339,7 @@ a.list-group-item {
   color: #dadada;
   border-radius: 0; }
   a.list-group-item .list-group-item-heading {
-    color; #e33; }
+    color: #333; }
   a.list-group-item:hover, a.list-group-item:focus {
     text-decoration: none;
     color: #dadada;
@@ -4833,14 +4854,14 @@ button.close {
 .modal-header {
   padding: 15px;
   border-bottom: 1px solid #e5e5e5;
-  min-height: 16.428571429px; }
+  min-height: 16.42857px; }
 
 .modal-header .close {
   margin-top: -2px; }
 
 .modal-title {
   margin: 0;
-  line-height: 1.428571429; }
+  line-height: 1.42857; }
 
 .modal-body {
   position: relative;
@@ -4912,10 +4933,10 @@ button.close {
 .tooltip-inner {
   max-width: 200px;
   padding: 3px 8px;
-  color: #222;
+  color: #1ff;
   text-align: center;
   text-decoration: none;
-  background-color: #222;
+  background-color: #111;
   border-radius: 3px; }
 
 .tooltip-arrow {