flipper-ui 0.2.0.beta2 → 0.2.0.beta3

data/lib/flipper/ui/assets/stylesheets/primer/_utility.scss

@@ -0,0 +1,73 @@
+// Clear floats
+.clearfix {
+  @include clearfix;
+}
+
+// Floats
+.right { float: right; }
+
+.left { float: left; }
+
+
+// Text alignment
+.text-right { text-align: right; }
+
+.text-left { text-align: left; }
+
+
+// Text states
+.danger { color: #c00; }
+
+.mute { color: #000; }
+
+.text-diff-added { color: darken($brand-green, 10%); }
+
+.text-diff-deleted { color: $brand-red; }
+
+.text-open,
+.text-success { color: $status-open; }
+
+.text-closed { color: $status-closed; }
+
+.text-reverted { color: $status-reverted; }
+
+.text-merged { color: $status-merged; }
+
+.text-renamed { color: $status-renamed; }
+
+.text-pending { color: $status-pending; }
+
+.text-error,
+.text-failure { color: $brand-red; }
+
+
+// Muted link
+//
+// Have a link you need to be gray to start, and blue on hover? Use this.
+.muted-link {
+  color: #777;
+
+  &:hover {
+    color: $brand-blue;
+    text-decoration: none;
+  }
+}
+
+// Misc
+.hidden {
+  display: none;
+}
+
+.warning {
+  padding: 0.5em;
+  margin-bottom: 0.8em;
+  font-weight: bold;
+  background-color: #fffccc;
+}
+
+.error_box {
+  padding: 1em;
+  font-weight: bold;
+  background-color: #ffebe8;
+  border: 1px solid #dd3c10;
+}

data/lib/flipper/ui/assets/stylesheets/primer/_variables.scss

@@ -0,0 +1,34 @@
+$container-width: 980px !default;
+$grid-gutter:     10px !default;
+
+// Brand colors
+$brand-blue:       #4183c4 !default;
+$brand-gray-light: #999    !default;
+$brand-gray:       #666    !default;
+$brand-gray-dark:  #333    !default;
+$brand-green:      #6cc644 !default;
+$brand-red:        #bd2c00 !default;
+$brand-orange:     #f93    !default;
+$brand-purple:     #6e5494 !default;
+
+// Font stack
+$body-font: Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !default;
+
+// The base body size
+$body-font-size: 13px !default;
+
+// Monospace font stack
+$mono-font: Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
+
+// State indicators.
+$status-open:     $brand-green;
+$status-closed:   $brand-red;
+$status-reverted: $status-closed;
+$status-merged:   $brand-purple;
+$status-renamed:  #fffa5d;
+$status-pending:  #cea61b;
+
+// Repository type colors
+$repo-private-text: #a1882b;
+$repo-private-bg:   #fff9ea;
+$repo-private-icon: #e9dba5;

data/lib/flipper/ui/assets/stylesheets/primer/primer.scss

@@ -0,0 +1,39 @@
+/*
+ * Primer
+ * http://primercss.io
+ *
+ * Released under MIT license. Copyright 2015 GitHub, Inc.
+ */
+
+// Primer master file
+//
+// Imports all Primer files in their intended order for easy mass-inclusion.
+// Should you need specific files, you can easily use separate `@import`s.
+
+// Global requirements
+@import "variables";
+@import "mixins";
+
+// Basecoat
+@import "normalize";
+@import "base";
+@import "type";
+@import "layout";
+@import "forms";
+@import "utility";
+
+// Components
+@import "alerts";
+@import "avatars";
+@import "blankslate";
+@import "counter";
+@import "buttons";
+@import "menu";
+@import "tabnav";
+@import "filter-list";
+@import "states";
+@import "tooltips";
+
+// Utilities
+@import "flex-table";
+@import "truncate";

data/lib/flipper/ui/decorators/feature.rb

@@ -1,16 +1,19 @@
 require 'delegate'
 require 'flipper/ui/decorators/gate'
+require 'flipper/ui/util'
 
 module Flipper
   module UI
     module Decorators
       class Feature < SimpleDelegator
+        include Comparable
+
         # Public: The feature being decorated.
         alias_method :feature, :__getobj__
 
         # Public: Returns name titleized.
         def pretty_name
-          @pretty_name ||= titleize(name)
+          @pretty_name ||= Util.titleize(name)
         end
 
         # Public: Returns instance as hash that is ready to be json dumped.
@@ -27,9 +30,39 @@ module Flipper
           }
         end
 
-        # Private
-        def titleize(str)
-          str.to_s.split('_').map { |word| word.capitalize }.join(' ')
+        def color_class
+          case feature.state
+          when :on
+            "text-open"
+          when :off
+            "text-closed"
+          when :conditional
+            "text-pending"
+          end
+        end
+
+        def enabled_gates
+          feature.gates.select { |gate|
+            gate.enabled?(feature.gate_values[gate.key])
+          }
+        end
+
+        def enabled_gate_names
+          enabled_gates.map { |gate| Util.titleize(gate.key) }.sort.join(', ')
+        end
+
+        StateSortMap = {
+          :on => 1,
+          :conditional => 2,
+          :off => 3,
+        }
+
+        def <=>(other)
+          if state == other.state
+            key <=> other.key
+          else
+            StateSortMap[state] <=> StateSortMap[other.state]
+          end
         end
       end
     end

data/lib/flipper/ui/middleware.rb

@@ -35,12 +35,21 @@ module Flipper
         end
 
         @action_collection = ActionCollection.new
+
+        # Static Assets/Files
         @action_collection.add UI::Actions::File
+
+        # UI
         @action_collection.add UI::Actions::Features
+        @action_collection.add UI::Actions::AddFeature
+        @action_collection.add UI::Actions::Feature
+        @action_collection.add UI::Actions::ActorsGate
+        @action_collection.add UI::Actions::GroupsGate
+        @action_collection.add UI::Actions::BooleanGate
+        @action_collection.add UI::Actions::PercentageOfTimeGate
+        @action_collection.add UI::Actions::PercentageOfActorsGate
         @action_collection.add UI::Actions::Gate
-
-        # Catch all, always last.
-        @action_collection.add UI::Actions::Index
+        @action_collection.add UI::Actions::Home
       end
 
       def flipper

data/lib/flipper/ui/public/css/application.css

@@ -1,183 +1,2602 @@
-/* http://meyerweb.com/eric/tools/css/reset/
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
+body {
+  padding-top: 20px; }
+
+/*
+ * Primer
+ * http://primercss.io
+ *
+ * Released under MIT license. Copyright 2015 GitHub, Inc.
+ */
+/* normalize.css v3.0.1 | MIT License | git.io/normalize */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+   ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+   ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background: transparent; }
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+   ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
   margin: 0;
-  padding: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
   border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline; }
+  padding: 0; }
 
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block; }
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
 
-body {
-  line-height: 1; }
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
 
-ol, ul {
-  list-style: none; }
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
 
-blockquote, q {
-  quotes: none; }
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  /* 2 */
+  box-sizing: content-box; }
 
-blockquote:before, blockquote:after,
-q:before, q:after {
-  content: '';
-  content: none; }
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
 
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+  border: 1px solid silver;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+   ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
 table {
   border-collapse: collapse;
   border-spacing: 0; }
 
-/* end of resets */
+td,
+th {
+  padding: 0; }
+
+* {
+  box-sizing: border-box; }
+
+input,
+select,
+textarea,
+button {
+  font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; }
+
 body {
-  color: #333;
-  font-size: 13px;
-  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
+  font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+  color: #333333;
+  background-color: #fff; }
 
-#header, #content {
-  width: 750px;
-  margin: 0 auto; }
+a {
+  color: #4183c4;
+  text-decoration: none; }
+  a:hover, a:active {
+    text-decoration: underline; }
 
-#header {
-  padding: 29px 0 22px; }
+hr,
+.rule {
+  height: 0;
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid #dddddd; }
+  hr:before,
+  .rule:before {
+    display: table;
+    content: ""; }
+  hr:after,
+  .rule:after {
+    display: table;
+    clear: both;
+    content: ""; }
 
-div#no_features {
-  display: none; }
-  div#no_features h1 {
-    font-size: 2em;
-    padding-bottom: 15px; }
-  div#no_features p {
-    font-size: 1.25em;
-    padding-bottom: 5px; }
-
-div.feature {
-  float: left;
-  width: 723px;
-  border: 1px solid #e8e8e8;
-  -webkit-border-radius: 3px;
-  margin: 0 0 16px;
-  padding: 12px 10px 12px 17px; }
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 15px;
+  margin-bottom: 15px;
+  line-height: 1.1; }
 
-div.feature h3 {
-  float: left;
-  width: 575px;
-  font-size: 17px;
-  line-height: 17px;
+h1 {
+  font-size: 30px; }
+
+h2 {
+  font-size: 21px; }
+
+h3 {
+  font-size: 16px; }
+
+h4 {
+  font-size: 14px; }
+
+h5 {
+  font-size: 12px; }
+
+h6 {
+  font-size: 11px; }
+
+small {
+  font-size: 90%; }
+
+blockquote {
+  margin: 0; }
+
+.lead {
+  margin-bottom: 30px;
+  font-size: 20px;
+  font-weight: 300;
+  color: #555; }
+
+.text-muted {
+  color: #999; }
+
+.text-danger {
+  color: #bd2c00; }
+
+.text-emphasized {
   font-weight: bold;
-  margin: 0;
-  padding: 5px 0 0; }
+  color: #333; }
 
-div.feature h3 span.state {
-  display: block;
+ul,
+ol {
+  padding: 0;
+  margin-top: 0;
+  margin-bottom: 0; }
+
+ol ol,
+ul ol {
+  list-style-type: lower-roman; }
+
+ul ul ol,
+ul ol ol,
+ol ul ol,
+ol ol ol {
+  list-style-type: lower-alpha; }
+
+dd {
+  margin-left: 0; }
+
+tt,
+code {
+  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-size: 12px; }
+
+pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; }
+
+.container {
+  width: 980px;
+  margin-right: auto;
+  margin-left: auto; }
+  .container:before {
+    display: table;
+    content: ""; }
+  .container:after {
+    display: table;
+    clear: both;
+    content: ""; }
+
+.columns {
+  margin-right: -10px;
+  margin-left: -10px; }
+  .columns:before {
+    display: table;
+    content: ""; }
+  .columns:after {
+    display: table;
+    clear: both;
+    content: ""; }
+
+.column {
   float: left;
-  width: 12px;
-  height: 12px;
-  margin: 2px 10px 0 0;
-  background: #333;
-  border: 1px solid #333;
-  -webkit-border-radius: 2px; }
+  padding-right: 10px;
+  padding-left: 10px; }
+
+.one-third {
+  width: 33.333333%; }
+
+.two-thirds {
+  width: 66.666667%; }
+
+.one-fourth {
+  width: 25%; }
 
-div.feature h3 span.state.on {
-  background: #396;
-  border-color: #396; }
+.one-half {
+  width: 50%; }
 
-div.feature h3 span.state.conditional {
-  background: #fc0;
-  border-color: #fc0; }
+.three-fourths {
+  width: 75%; }
 
-div.feature form {
-  padding: 10px 0; }
+.one-fifth {
+  width: 20%; }
 
-div.feature .slider-range {
+.four-fifths {
+  width: 80%; }
+
+.single-column {
+  padding-right: 10px;
+  padding-left: 10px; }
+
+.table-column {
+  display: table-cell;
+  width: 1%;
+  padding-right: 10px;
+  padding-left: 10px;
+  vertical-align: top; }
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0; }
+
+label {
+  font-size: 13px;
+  font-weight: bold; }
+
+.form-control,
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="number"],
+input[type="tel"],
+input[type="url"],
+textarea {
+  min-height: 34px;
+  padding: 7px 8px;
+  font-size: 13px;
+  color: #333;
+  vertical-align: middle;
+  background-color: #fff;
+  background-repeat: no-repeat;
+  background-position: right center;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  outline: none;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
+  .form-control.focus, .form-control:focus,
+  input[type="text"].focus,
+  input[type="text"]:focus,
+  .focused .drag-and-drop,
+  input[type="password"].focus,
+  input[type="password"]:focus,
+  input[type="email"].focus,
+  input[type="email"]:focus,
+  input[type="number"].focus,
+  input[type="number"]:focus,
+  input[type="tel"].focus,
+  input[type="tel"]:focus,
+  input[type="url"].focus,
+  input[type="url"]:focus,
+  textarea.focus,
+  textarea:focus {
+    border-color: #51a7e8;
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }
+
+input.input-contrast,
+.input-contrast {
+  background-color: #fafafa; }
+  input.input-contrast:focus,
+  .input-contrast:focus {
+    background-color: #fff; }
+
+::-webkit-input-placeholder,
+:-moz-placeholder {
+  color: #aaa; }
+
+::-webkit-validation-bubble-message {
+  font-size: 12px;
+  color: #fff;
+  background: #9c2400;
+  border: 0;
+  border-radius: 3px;
+  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
+
+input::-webkit-validation-bubble-icon {
+  display: none; }
+
+::-webkit-validation-bubble-arrow {
+  background-color: #9c2400;
+  border: solid 1px #9c2400;
+  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
+
+input.input-mini {
+  min-height: 26px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  font-size: 12px; }
+
+input.input-large {
+  padding: 6px 10px;
+  font-size: 16px; }
+
+.input-block {
+  display: block;
+  width: 100%; }
+
+.input-monospace {
+  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
+
+dl.form {
   margin: 15px 0; }
+  dl.form input[type="text"],
+  dl.form input[type="password"],
+  dl.form input[type="email"],
+  dl.form input[type="url"],
+  dl.form textarea {
+    background-color: #fafafa; }
+    dl.form input[type="text"]:focus, dl.form .focused .drag-and-drop, .focused dl.form .drag-and-drop,
+    dl.form input[type="password"]:focus,
+    dl.form input[type="email"]:focus,
+    dl.form input[type="url"]:focus,
+    dl.form textarea:focus {
+      background-color: #fff; }
+  dl.form > dt {
+    margin: 0 0 6px; }
+    dl.form > dt label {
+      position: relative; }
+  dl.form.flattened > dt {
+    float: left;
+    margin: 0;
+    line-height: 32px; }
+  dl.form.flattened > dd {
+    line-height: 32px; }
+  dl.form > dd input[type="text"],
+  dl.form > dd input[type="password"],
+  dl.form > dd input[type="email"],
+  dl.form > dd input[type="url"] {
+    width: 440px;
+    max-width: 100%;
+    margin-right: 5px;
+    background-position-x: 98%; }
+  dl.form > dd input.shorter {
+    width: 130px; }
+  dl.form > dd input.short {
+    width: 250px; }
+  dl.form > dd input.long {
+    width: 100%; }
+  dl.form > dd textarea {
+    width: 100%;
+    height: 200px;
+    min-height: 200px; }
+    dl.form > dd textarea.short {
+      height: 50px;
+      min-height: 50px; }
+  dl.form > dd h4 {
+    margin: 4px 0 0; }
+    dl.form > dd h4.is-error {
+      color: #bd2c00; }
+    dl.form > dd h4.is-success {
+      color: #6cc644; }
+  dl.form > dd h4 + p.note {
+    margin-top: 0; }
+  dl.form.required > dt > label:after {
+    padding-left: 5px;
+    color: #9f1006;
+    content: "*"; }
+
+.note {
+  min-height: 17px;
+  margin: 4px 0 2px;
+  font-size: 12px;
+  color: #777; }
+  .note .spinner {
+    margin-right: 3px;
+    vertical-align: middle; }
 
-div.feature h3 span.state.off {
-  background: #900;
-  border-color: #900; }
+.form-checkbox {
+  padding-left: 20px;
+  margin: 15px 0;
+  vertical-align: middle; }
+  .form-checkbox label em.highlight {
+    position: relative;
+    left: -4px;
+    padding: 2px 4px;
+    font-style: normal;
+    background: #fffbdc;
+    border-radius: 3px; }
+  .form-checkbox input[type=checkbox],
+  .form-checkbox input[type=radio] {
+    float: left;
+    margin: 2px 0 0 -20px;
+    vertical-align: middle; }
+  .form-checkbox .note {
+    display: block;
+    margin: 0;
+    font-size: 12px;
+    font-weight: normal;
+    color: #666; }
 
-div.feature .description {
+dl.form .success,
+dl.form .error,
+dl.form .indicator {
+  display: none;
   font-size: 12px;
+  font-weight: bold; }
+dl.form.loading {
+  opacity: 0.5; }
+  dl.form.loading .indicator {
+    display: inline; }
+  dl.form.loading .spinner {
+    display: inline-block;
+    vertical-align: middle; }
+dl.form.successful .success {
+  display: inline;
+  color: #390; }
+dl.form.errored > dt label {
+  color: #900; }
+dl.form.errored .error {
+  display: inline;
+  color: #900; }
+dl.form.errored dd.error,
+dl.form.errored dd.warning {
+  display: inline-block;
+  padding: 5px;
+  font-size: 11px;
+  color: #494620;
+  background: #f7ea57;
+  border: 1px solid #c0b536;
+  border-top-color: #fff;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+dl.form.warn .warning {
+  display: inline;
+  color: #900; }
+dl.form.warn dd.warning {
+  display: inline-block;
+  padding: 5px;
+  font-size: 11px;
+  color: #494620;
+  background: #f7ea57;
+  border: 1px solid #c0b536;
+  border-top-color: #fff;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+dl.form .form-note {
+  display: inline-block;
+  padding: 5px;
+  margin-top: -1px;
+  font-size: 11px;
+  color: #494620;
+  background: #f7ea57;
+  border: 1px solid #c0b536;
+  border-top-color: #fff;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+
+.hfields {
+  margin: 15px 0; }
+  .hfields:before {
+    display: table;
+    content: ""; }
+  .hfields:after {
+    display: table;
+    clear: both;
+    content: ""; }
+  .hfields dl.form {
+    float: left;
+    margin: 0 30px 0 0; }
+    .hfields dl.form > dt label {
+      display: inline-block;
+      margin: 5px 0 0;
+      color: #666; }
+      .hfields dl.form > dt label img {
+        position: relative;
+        top: -2px; }
+  .hfields .btn {
+    float: left;
+    margin: 28px 25px 0 -20px; }
+  .hfields select {
+    margin-top: 5px; }
+
+html.no-dnd-uploads .drag-and-drop {
+  min-height: 32px; }
+  html.no-dnd-uploads .drag-and-drop .default {
+    display: none; }
+html.no-dnd-uploads .upload-enabled textarea {
+  border-bottom: 1px solid #dddddd; }
+
+.drag-and-drop {
+  padding: 7px 10px;
+  margin: 0;
+  font-size: 13px;
+  line-height: 16px;
+  color: #aaa;
+  background-color: #fafafa;
+  border: 1px solid #cccccc;
+  border-top: 0;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+  .drag-and-drop .default,
+  .drag-and-drop .loading,
+  .drag-and-drop .error {
+    display: none; }
+  .drag-and-drop .error {
+    color: #bd2c00; }
+  .drag-and-drop img {
+    vertical-align: top; }
+
+.is-default .drag-and-drop .default {
+  display: inline-block; }
+
+.is-uploading .drag-and-drop .loading {
+  display: inline-block; }
+
+.is-bad-file .drag-and-drop .bad-file {
+  display: inline-block; }
+
+.is-too-big .drag-and-drop .too-big {
+  display: inline-block; }
+
+.is-empty .drag-and-drop .empty {
+  display: inline-block; }
+
+.is-bad-browser .drag-and-drop .bad-browser {
+  display: inline-block; }
+
+.drag-and-drop-error-info {
   font-weight: normal;
-  color: #888; }
+  color: #aaa; }
+  .drag-and-drop-error-info a {
+    color: #4183c4; }
 
-div.feature .edit {
-  display: none; }
-div.feature.settings .show {
+.is-failed .drag-and-drop .failed-request {
+  display: inline-block; }
+
+.manual-file-chooser {
+  position: absolute;
+  width: 240px;
+  padding: 5px;
+  margin-left: -80px;
+  cursor: pointer;
+  opacity: 0.0001; }
+
+.manual-file-chooser:hover + .manual-file-chooser-text {
+  text-decoration: underline; }
+
+.btn .manual-file-chooser {
+  top: 0;
+  padding: 0;
+  line-height: 34px; }
+
+.upload-enabled textarea {
+  display: block;
+  border-bottom: 1px dashed #dddddd;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.focused .drag-and-drop {
+  box-shadow: rgba(81, 167, 232, 0.5) 0 0 3px; }
+
+.dragover textarea,
+.dragover .drag-and-drop {
+  box-shadow: #c9ff00 0 0 3px; }
+
+.previewable-comment-form {
+  position: relative; }
+  .previewable-comment-form .tabnav {
+    position: relative;
+    padding: 10px 10px 0; }
+  .previewable-comment-form .comment {
+    border: 1px solid #cacaca; }
+  .previewable-comment-form .comment-header .comment-header-actions {
+    display: none; }
+  .previewable-comment-form .comment-form-error {
+    margin-bottom: 10px; }
+  .previewable-comment-form .write-content,
+  .previewable-comment-form .preview-content {
+    display: none;
+    padding: 0 10px 10px; }
+  .previewable-comment-form.write-selected .write-content, .previewable-comment-form.preview-selected .preview-content {
+    display: block; }
+  .previewable-comment-form textarea {
+    display: block;
+    width: 100%;
+    min-height: 100px;
+    max-height: 500px;
+    padding: 10px;
+    resize: vertical; }
+    .previewable-comment-form textarea.fullscreen-contents:focus {
+      border: 0;
+      box-shadow: none; }
+
+div.composer {
+  margin-top: 0;
+  border: 0; }
+
+.composer .comment-form-textarea {
+  height: 200px;
+  min-height: 200px; }
+
+.composer-infobar {
+  height: 35px;
+  padding: 0 10px;
+  margin-bottom: 10px;
+  border-bottom: 1px solid #eeeeee; }
+
+.composer .tabnav {
+  margin: 0 0 10px; }
+
+.infobar-widget.milestone {
+  position: relative;
+  float: right; }
+  .infobar-widget.milestone .select-menu-modal-holder {
+    right: 0; }
+.infobar-widget.assignee {
+  float: left; }
+  .infobar-widget.assignee .css-truncate-target {
+    max-width: 110px; }
+.infobar-widget .text,
+.infobar-widget .avatar,
+.infobar-widget .select-menu {
+  display: inline-block;
+  vertical-align: top; }
+.infobar-widget .text {
+  margin-top: 3px; }
+  .infobar-widget .text a {
+    font-weight: bold;
+    color: #333; }
+.infobar-widget .progress-bar {
+  width: 200px;
+  overflow: hidden;
+  line-height: 18px; }
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none; }
+
+.input-group {
+  display: table; }
+  .input-group input {
+    position: relative;
+    width: 100%; }
+    .input-group input:focus {
+      z-index: 2; }
+  .input-group input[type="text"] + .btn {
+    margin-left: 0; }
+  .input-group.inline {
+    display: inline-table; }
+
+.input-group input,
+.input-group-button {
+  display: table-cell; }
+
+.input-group-button {
+  width: 1%;
+  vertical-align: middle; }
+
+.input-group input:first-child,
+.input-group-button:first-child .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+
+.input-group-button:first-child .btn {
+  margin-right: -1px; }
+
+.input-group input:last-child,
+.input-group-button:last-child .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.input-group-button:last-child .btn {
+  margin-left: -1px; }
+
+h2.account {
+  margin: 15px 0 0;
+  font-size: 18px;
+  font-weight: normal;
+  color: #666; }
+
+p.explain {
+  position: relative;
+  font-size: 12px;
+  color: #666; }
+  p.explain strong {
+    color: #333; }
+  p.explain .octicon {
+    margin-right: 5px;
+    color: #bbb; }
+  p.explain .minibutton {
+    top: -4px;
+    float: right; }
+
+.options-content p.explain {
+  padding: 10px 10px 0;
+  margin-top: 0;
+  border-top: 1px solid #dddddd; }
+
+.form-actions:before {
+  display: table;
+  content: ""; }
+.form-actions:after {
+  display: table;
+  clear: both;
+  content: ""; }
+.form-actions .btn {
+  float: right; }
+  .form-actions .btn + .btn {
+    margin-right: 5px; }
+
+.form-warning {
+  padding: 8px 10px;
+  margin: 10px 0;
+  font-size: 14px;
+  color: #333;
+  background: #ffffe2;
+  border: 1px solid #e7e4c2;
+  border-radius: 4px; }
+  .form-warning p {
+    margin: 0;
+    line-height: 1.5; }
+  .form-warning strong {
+    color: #000; }
+  .form-warning a {
+    font-weight: bold; }
+
+.status-indicator {
+  font: normal normal 16px/1 "octicons";
+  display: inline-block;
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  margin-left: 5px; }
+
+.status-indicator-success:before {
+  color: #6cc644;
+  content: "\f03a"; }
+
+.status-indicator-failed:before {
+  color: #bd2c00;
+  content: "\f02d"; }
+
+.clearfix:before {
+  display: table;
+  content: ""; }
+.clearfix:after {
+  display: table;
+  clear: both;
+  content: ""; }
+
+.right {
+  float: right; }
+
+.left {
+  float: left; }
+
+.text-right {
+  text-align: right; }
+
+.text-left {
+  text-align: left; }
+
+.danger {
+  color: #c00; }
+
+.mute {
+  color: #000; }
+
+.text-diff-added {
+  color: #55a532; }
+
+.text-diff-deleted {
+  color: #bd2c00; }
+
+.text-open,
+.text-success {
+  color: #6cc644; }
+
+.text-closed {
+  color: #bd2c00; }
+
+.text-reverted {
+  color: #bd2c00; }
+
+.text-merged {
+  color: #6e5494; }
+
+.text-renamed {
+  color: #fffa5d; }
+
+.text-pending {
+  color: #cea61b; }
+
+.text-error,
+.text-failure {
+  color: #bd2c00; }
+
+.muted-link {
+  color: #777; }
+  .muted-link:hover {
+    color: #4183c4;
+    text-decoration: none; }
+
+.hidden {
   display: none; }
-div.feature.settings .edit {
+
+.warning {
+  padding: 0.5em;
+  margin-bottom: 0.8em;
+  font-weight: bold;
+  background-color: #fffccc; }
+
+.error_box {
+  padding: 1em;
+  font-weight: bold;
+  background-color: #ffebe8;
+  border: 1px solid #dd3c10; }
+
+.flash-messages {
+  margin-top: 15px;
+  margin-bottom: 15px; }
+
+.flash,
+.flash-global {
+  position: relative;
+  font-size: 14px;
+  line-height: 1.6;
+  color: #246;
+  background-color: #e2eef9;
+  border: solid 1px #bac6d3; }
+  .flash.flash-warn,
+  .flash-global.flash-warn {
+    color: #4c4a42;
+    background-color: #fff9ea;
+    border-color: #dfd8c2; }
+  .flash.flash-error,
+  .flash-global.flash-error {
+    color: #911;
+    background-color: #fcdede;
+    border-color: #d2b2b2; }
+  .flash .flash-close,
+  .flash-global .flash-close {
+    float: right;
+    padding: 17px;
+    margin-top: -15px;
+    margin-right: -15px;
+    margin-left: 20px;
+    color: inherit;
+    text-decoration: none;
+    cursor: pointer;
+    opacity: 0.6; }
+    .flash .flash-close:hover,
+    .flash-global .flash-close:hover {
+      opacity: 1; }
+  .flash p:last-child,
+  .flash-global p:last-child {
+    margin-bottom: 0; }
+  .flash .flash-action,
+  .flash-global .flash-action {
+    float: right;
+    margin-top: -4px;
+    margin-left: 20px; }
+  .flash a,
+  .flash-global a {
+    font-weight: bold; }
+
+.flash {
+  padding: 15px;
+  border-radius: 3px; }
+  .flash + .flash {
+    margin-top: 5px; }
+
+.flash-with-icon {
+  padding-left: 40px; }
+  .flash-with-icon > .octicon {
+    float: left;
+    margin-top: 3px;
+    margin-left: -25px; }
+
+.flash-global {
+  padding: 10px;
+  margin-top: -1px;
+  border-width: 1px 0; }
+  .flash-global h2,
+  .flash-global p {
+    margin-top: 0;
+    margin-bottom: 0;
+    font-size: 14px;
+    line-height: 1.4; }
+  .flash-global .flash-action {
+    margin-top: 5px; }
+
+.flash-title {
+  margin-top: 0;
+  margin-bottom: 5px; }
+
+.avatar {
+  display: inline-block;
+  overflow: hidden;
+  line-height: 1;
+  vertical-align: middle;
+  border-radius: 3px; }
+
+.avatar-small {
+  border-radius: 2px; }
+
+.avatar-link {
+  float: left;
+  line-height: 1; }
+
+.avatar-group-item {
+  display: inline-block;
+  margin-bottom: 3px; }
+
+.avatar-parent-child {
+  position: relative; }
+
+.avatar-child {
+  position: absolute;
+  right: -15%;
+  bottom: -9%;
+  border-radius: 2px;
+  box-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); }
+
+.blankslate {
+  position: relative;
+  padding: 30px;
+  text-align: center;
+  background-color: #fafafa;
+  border: 1px solid #e5e5e5;
+  border-radius: 3px;
+  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); }
+  .blankslate.clean-background {
+    background: none;
+    border: 0;
+    box-shadow: none; }
+  .blankslate.capped {
+    border-radius: 0 0 3px 3px; }
+  .blankslate.spacious {
+    padding: 100px 60px 120px; }
+  .blankslate.has-fixed-width {
+    width: 485px;
+    margin: 0 auto; }
+  .blankslate.large-format h3 {
+    margin: 0.75em 0;
+    font-size: 20px; }
+  .blankslate.large-format p {
+    font-size: 16px; }
+    .blankslate.large-format p.has-fixed-width {
+      width: 540px;
+      margin: 0 auto;
+      text-align: left; }
+  .blankslate.large-format .mega-octicon {
+    width: 40px;
+    height: 40px;
+    font-size: 40px;
+    color: #aaa; }
+  .blankslate.large-format .octicon-inbox {
+    font-size: 48px;
+    line-height: 40px; }
+  .blankslate code {
+    padding: 2px 5px 3px;
+    font-size: 14px;
+    background: #fff;
+    border: 1px solid #eeeeee;
+    border-radius: 3px; }
+  .blankslate > .mega-octicon {
+    color: #aaa; }
+  .blankslate .mega-octicon + .mega-octicon {
+    margin-left: 10px; }
+  .tabnav + .blankslate {
+    margin-top: 20px; }
+  .blankslate .context-loader.large-format-loader {
+    padding-top: 50px; }
+
+.spinner-forking {
+  display: block;
+  margin: 20px auto 40px; }
+
+.forking-repo {
+  margin: 40px 0;
+  text-align: center; }
+  .forking-repo h3 {
+    margin-bottom: 10px;
+    font-size: 28px;
+    font-weight: 300; }
+  .forking-repo h4 {
+    margin: 0 0 30px;
+    font-size: 16px;
+    font-weight: 300; }
+
+.counter {
+  display: inline-block;
+  padding: 2px 5px;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 1;
+  color: #777;
+  background-color: #eee;
+  border-radius: 20px; }
+
+.btn {
+  position: relative;
+  display: inline-block;
+  padding: 6px 12px;
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #333;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: #eee;
+  background-image: linear-gradient(#fcfcfc, #eeeeee);
+  border: 1px solid #d5d5d5;
+  border-radius: 3px;
+  user-select: none;
+  -webkit-appearance: none; }
+  .btn i {
+    font-style: normal;
+    font-weight: 500;
+    opacity: 0.6; }
+  .btn .octicon {
+    vertical-align: text-top; }
+  .btn .counter {
+    text-shadow: none;
+    background-color: #e5e5e5; }
+  .btn:focus {
+    text-decoration: none;
+    border-color: #51a7e8;
+    outline: none;
+    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5); }
+  .btn:hover, .btn:active, .btn.zeroclipboard-is-hover, .btn.zeroclipboard-is-active {
+    text-decoration: none;
+    background-color: #ddd;
+    background-image: linear-gradient(#eeeeee, #dddddd);
+    border-color: #ccc; }
+  .btn:active, .btn.selected, .btn.selected:hover, .btn.zeroclipboard-is-active {
+    background-color: #dcdcdc;
+    background-image: none;
+    border-color: #b5b5b5;
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); }
+  .btn:disabled, .btn:disabled:hover, .btn.disabled, .btn.disabled:hover {
+    color: rgba(102, 102, 102, 0.5);
+    cursor: default;
+    background-color: rgba(229, 229, 229, 0.5);
+    background-image: none;
+    border-color: rgba(197, 197, 197, 0.5);
+    box-shadow: none; }
+
+.btn-primary {
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
+  background-color: #60b044;
+  background-image: linear-gradient(#8add6d, #60b044);
+  border-color: #5ca941; }
+  .btn-primary .counter {
+    color: #60b044;
+    background-color: #fff; }
+  .btn-primary:hover {
+    color: #fff;
+    background-color: #569e3d;
+    background-image: linear-gradient(#79d858, #569e3d);
+    border-color: #4a993e; }
+  .btn-primary:active, .btn-primary.selected {
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-color: #569e3d;
+    background-image: none;
+    border-color: #418737; }
+  .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary.disabled, .btn-primary.disabled:hover {
+    color: #fefefe;
+    background-color: #add39f;
+    background-image: linear-gradient(#c3ecb4, #add39f);
+    border-color: #b9dcac #b9dcac #a7c89b; }
+
+.btn-danger {
+  color: #900; }
+  .btn-danger:hover {
+    color: #fff;
+    background-color: #b33630;
+    background-image: linear-gradient(#dc5f59, #b33630);
+    border-color: #cd504a; }
+  .btn-danger:active, .btn-danger.selected {
+    color: #fff;
+    background-color: #b33630;
+    background-image: none;
+    border-color: #9f312c; }
+  .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger.disabled, .btn-danger.disabled:hover {
+    color: #cb7f7f;
+    background-color: #efefef;
+    background-image: linear-gradient(#fefefe, #efefef);
+    border-color: #e1e1e1; }
+  .btn-danger:hover .counter, .btn-danger:active .counter, .btn-danger.selected .counter {
+    color: #b33630;
+    background-color: #fff; }
+
+.btn-outline {
+  color: #4183c4;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #e5e5e5; }
+  .btn-outline .counter {
+    background-color: #eee; }
+  .btn-outline:hover, .btn-outline:active, .btn-outline.selected, .btn-outline.selected:hover, .btn-outline.zeroclipboard-is-hover, .btn-outline.zeroclipboard-is-active {
+    color: #fff;
+    background-color: #4183c4;
+    background-image: none;
+    border-color: #4183c4; }
+    .btn-outline:hover .counter, .btn-outline:active .counter, .btn-outline.selected .counter, .btn-outline.selected:hover .counter, .btn-outline.zeroclipboard-is-hover .counter, .btn-outline.zeroclipboard-is-active .counter {
+      color: #4183c4;
+      background-color: #fff; }
+  .btn-outline:disabled, .btn-outline:disabled:hover, .btn-outline.disabled, .btn-outline.disabled:hover {
+    color: #777;
+    background-color: #fff;
+    background-image: none;
+    border-color: #e5e5e5; }
+
+.btn-with-count {
+  float: left;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+
+.btn-sm {
+  padding: 2px 10px; }
+
+.hidden-text-expander {
   display: block; }
-div.feature .stack > div {
-  display: none; }
-  div.feature .stack > div.active {
-    display: block; }
-div.feature li.member {
-  line-height: 21px;
-  padding: 2px;
-  font-weight: bold; }
-  div.feature li.member:hover {
-    background: #f7f7f7; }
-div.feature li.member a {
-  margin-right: 6px;
+  .hidden-text-expander.inline {
+    position: relative;
+    top: -1px;
+    display: inline-block;
+    margin-left: 5px;
+    line-height: 0; }
+  .hidden-text-expander a {
+    display: inline-block;
+    height: 12px;
+    padding: 0 5px;
+    font-size: 12px;
+    font-weight: bold;
+    line-height: 6px;
+    color: #555;
+    text-decoration: none;
+    vertical-align: middle;
+    background: #ddd;
+    border-radius: 1px; }
+    .hidden-text-expander a:hover {
+      text-decoration: none;
+      background-color: #ccc; }
+    .hidden-text-expander a:active {
+      color: #fff;
+      background-color: #4183c4; }
+
+.social-count {
+  float: left;
+  padding: 2px 7px;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #333333;
+  vertical-align: middle;
+  background-color: #fff;
+  border: 1px solid #dddddd;
+  border-left: 0;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px; }
+  .social-count:hover, .social-count:active {
+    text-decoration: none; }
+  .social-count:hover {
+    color: #4183c4;
+    cursor: pointer; }
+
+.btn-block {
+  display: block;
+  width: 100%;
+  text-align: center; }
+
+.btn-group {
+  display: inline-block;
+  vertical-align: middle; }
+  .btn-group:before {
+    display: table;
+    content: ""; }
+  .btn-group:after {
+    display: table;
+    clear: both;
+    content: ""; }
+  .btn-group .btn {
+    position: relative;
+    float: left; }
+    .btn-group .btn:not(:first-child):not(:last-child) {
+      border-radius: 0; }
+    .btn-group .btn:first-child {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .btn-group .btn:last-child {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.selected {
+      z-index: 2; }
+  .btn-group .btn + .btn {
+    margin-left: -1px;
+    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); }
+    .btn-group .btn + .btn:hover {
+      box-shadow: none; }
+    .btn-group .btn + .btn:active, .btn-group .btn + .btn.selected {
+      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15); }
+  .btn-group .button_to + .button_to {
+    margin-left: -1px; }
+  .btn-group .button_to {
+    float: left; }
+    .btn-group .button_to .btn {
+      border-radius: 0; }
+    .btn-group .button_to:first-child .btn {
+      border-top-left-radius: 3px;
+      border-bottom-left-radius: 3px; }
+    .btn-group .button_to:last-child .btn {
+      border-top-right-radius: 3px;
+      border-bottom-right-radius: 3px; }
+
+.btn-group + .btn-group,
+.btn-group + .btn {
+  margin-left: 5px; }
+
+.btn-link {
+  display: inline-block;
+  padding: 0;
+  font-size: inherit;
+  color: #4183c4;
+  white-space: nowrap;
   cursor: pointer;
+  background-color: transparent;
+  border: 0;
+  user-select: none;
+  -webkit-appearance: none; }
+  .btn-link:hover, .btn-link:focus {
+    text-decoration: underline; }
+  .btn-link:focus {
+    outline: none; }
+
+.menu {
+  margin-bottom: 15px;
+  list-style: none;
+  background-color: #fff;
+  border: 1px solid #d8d8d8;
+  border-radius: 3px; }
+
+.menu-item {
+  position: relative;
+  display: block;
+  padding: 8px 10px;
+  text-shadow: 0 1px 0 white;
+  border-bottom: 1px solid #eeeeee; }
+  .menu-item:first-child {
+    border-top: 0;
+    border-top-right-radius: 2px;
+    border-top-left-radius: 2px; }
+    .menu-item:first-child:before {
+      border-top-left-radius: 2px; }
+  .menu-item:last-child {
+    border-bottom: 0;
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px; }
+    .menu-item:last-child:before {
+      border-bottom-left-radius: 2px; }
+  .menu-item:hover {
+    text-decoration: none;
+    background-color: #f9f9f9; }
+  .menu-item.selected {
+    font-weight: bold;
+    color: #222;
+    cursor: default;
+    background-color: #fff; }
+    .menu-item.selected:before {
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      width: 2px;
+      content: "";
+      background-color: #d26911; }
+  .menu-item .octicon {
+    margin-right: 5px;
+    width: 16px;
+    color: #333333;
+    text-align: center; }
+  .menu-item .counter {
+    float: right;
+    margin-left: 5px; }
+  .menu-item .menu-warning {
+    float: right;
+    color: #d26911; }
+  .menu-item .avatar {
+    float: left;
+    margin-right: 5px; }
+  .menu-item.alert .counter {
+    color: #bd2c00; }
+
+.menu-heading {
+  display: block;
+  padding: 8px 10px;
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #555;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #eeeeee; }
+  .menu-heading:hover {
+    text-decoration: none; }
+  .menu-heading:first-child {
+    border-top-right-radius: 2px;
+    border-top-left-radius: 2px; }
+  .menu-heading:last-child {
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px;
+    border-bottom: 0; }
+
+.tabnav {
+  margin-top: 0;
+  margin-bottom: 15px;
+  border-bottom: 1px solid #dddddd; }
+  .tabnav .counter {
+    margin-left: 5px; }
+
+.tabnav-tabs {
+  margin-bottom: -1px; }
+
+.tabnav-tab {
+  display: inline-block;
+  padding: 8px 12px;
+  font-size: 14px;
+  line-height: 20px;
+  color: #666;
+  text-decoration: none;
+  border: 1px solid transparent;
+  border-bottom: 0; }
+  .tabnav-tab.selected {
+    color: #333;
+    background-color: #fff;
+    border-color: #ddd;
+    border-radius: 3px 3px 0 0; }
+  .tabnav-tab:hover {
+    text-decoration: none; }
+
+.tabnav-extra {
+  display: inline-block;
+  padding-top: 10px;
+  margin-left: 10px;
+  font-size: 12px;
+  color: #666; }
+  .tabnav-extra > .octicon {
+    margin-right: 2px; }
+
+a.tabnav-extra:hover {
+  color: #4183c4;
   text-decoration: none; }
-div.feature div.actions {
-  float: left;
-  width: 148px;
-  font-size: 12px; }
-div.feature div.actions a, div.feature button {
-  float: right;
+
+.tabnav-btn {
+  margin-left: 10px; }
+
+.filter-list {
+  list-style-type: none; }
+  .filter-list.small .filter-item {
+    padding: 4px 10px;
+    margin: 0 0 2px;
+    font-size: 12px; }
+  .filter-list.pjax-active .filter-item {
+    color: #777;
+    background-color: transparent; }
+    .filter-list.pjax-active .filter-item.pjax-active {
+      color: #fff;
+      background-color: #4183c4; }
+
+.filter-item {
+  position: relative;
   display: block;
-  background: #f8f8f8;
-  border: 1px solid #e8e8e8;
-  -webkit-border-radius: 2px;
-  margin: 0 2px 0 0;
-  padding: 7px 13px;
-  color: #888;
+  padding: 8px 10px;
+  margin-bottom: 5px;
+  overflow: hidden;
+  font-size: 14px;
+  color: #777;
   text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  border-radius: 3px; }
+  .filter-item:hover {
+    text-decoration: none;
+    background-color: #eee; }
+  .filter-item.selected {
+    color: #fff;
+    background-color: #4183c4; }
+    .filter-item.selected .octicon-remove-close {
+      float: right;
+      opacity: 0.8; }
+  .filter-item .count {
+    float: right;
+    font-weight: bold; }
+  .filter-item .bar {
+    position: absolute;
+    top: 2px;
+    right: 0;
+    bottom: 2px;
+    z-index: -1;
+    display: inline-block;
+    background-color: #f1f1f1; }
+
+.state {
+  display: inline-block;
+  padding: 4px 8px;
   font-weight: bold;
-  line-height: 12px;
-  cursor: pointer; }
-div.feature div.actions a:hover, div.feature button:hover {
-  background: #dfdfdf;
-  border-color: #d7d7d7; }
+  line-height: 20px;
+  color: #fff;
+  text-align: center;
+  border-radius: 3px;
+  background-color: #999; }
 
-div.tabs ul {
-  clear: both;
-  margin: 0 -10px 0 -17px;
-  padding: 10px 0 0 17px;
-  border-bottom: 1px solid #e8e8e8; }
-  div.tabs ul li {
+.state-open,
+.state-proposed,
+.state-reopened {
+  background-color: #6cc644; }
+
+.state-merged {
+  background-color: #6e5494; }
+
+.state-closed {
+  background-color: #bd2c00; }
+
+.state-renamed {
+  background-color: #fffa5d; }
+
+.tooltipped {
+  position: relative; }
+
+.tooltipped:after {
+  position: absolute;
+  z-index: 1000000;
+  display: none;
+  padding: 5px 8px;
+  font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+  color: white;
+  text-align: center;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: break-word;
+  white-space: pre;
+  pointer-events: none;
+  content: attr(aria-label);
+  background: rgba(0, 0, 0, 0.8);
+  border-radius: 3px;
+  -webkit-font-smoothing: subpixel-antialiased; }
+
+.tooltipped:before {
+  position: absolute;
+  z-index: 1000001;
+  display: none;
+  width: 0;
+  height: 0;
+  color: rgba(0, 0, 0, 0.8);
+  pointer-events: none;
+  content: "";
+  border: 5px solid transparent; }
+
+.tooltipped:hover:before, .tooltipped:hover:after,
+.tooltipped:active:before,
+.tooltipped:active:after,
+.tooltipped:focus:before,
+.tooltipped:focus:after {
+  display: inline-block;
+  text-decoration: none; }
+
+.tooltipped-multiline:hover:after,
+.tooltipped-multiline:active:after,
+.tooltipped-multiline:focus:after {
+  display: table-cell; }
+
+.tooltipped-s:after,
+.tooltipped-se:after,
+.tooltipped-sw:after {
+  top: 100%;
+  right: 50%;
+  margin-top: 5px; }
+.tooltipped-s:before,
+.tooltipped-se:before,
+.tooltipped-sw:before {
+  top: auto;
+  right: 50%;
+  bottom: -5px;
+  margin-right: -5px;
+  border-bottom-color: rgba(0, 0, 0, 0.8); }
+
+.tooltipped-se:after {
+  right: auto;
+  left: 50%;
+  margin-left: -15px; }
+
+.tooltipped-sw:after {
+  margin-right: -15px; }
+
+.tooltipped-n:after,
+.tooltipped-ne:after,
+.tooltipped-nw:after {
+  right: 50%;
+  bottom: 100%;
+  margin-bottom: 5px; }
+.tooltipped-n:before,
+.tooltipped-ne:before,
+.tooltipped-nw:before {
+  top: -5px;
+  right: 50%;
+  bottom: auto;
+  margin-right: -5px;
+  border-top-color: rgba(0, 0, 0, 0.8); }
+
+.tooltipped-ne:after {
+  right: auto;
+  left: 50%;
+  margin-left: -15px; }
+
+.tooltipped-nw:after {
+  margin-right: -15px; }
+
+.tooltipped-s:after,
+.tooltipped-n:after {
+  transform: translateX(50%); }
+
+.tooltipped-w:after {
+  right: 100%;
+  bottom: 50%;
+  margin-right: 5px;
+  transform: translateY(50%); }
+.tooltipped-w:before {
+  top: 50%;
+  bottom: 50%;
+  left: -5px;
+  margin-top: -5px;
+  border-left-color: rgba(0, 0, 0, 0.8); }
+
+.tooltipped-e:after {
+  bottom: 50%;
+  left: 100%;
+  margin-left: 5px;
+  transform: translateY(50%); }
+.tooltipped-e:before {
+  top: 50%;
+  right: -5px;
+  bottom: 50%;
+  margin-top: -5px;
+  border-right-color: rgba(0, 0, 0, 0.8); }
+
+.tooltipped-multiline:after {
+  width: -moz-max-content;
+  width: -webkit-max-content;
+  max-width: 250px;
+  word-break: break-word;
+  word-wrap: normal;
+  white-space: pre-line;
+  border-collapse: separate; }
+.tooltipped-multiline.tooltipped-s:after, .tooltipped-multiline.tooltipped-n:after {
+  right: auto;
+  left: 50%;
+  transform: translateX(-50%); }
+.tooltipped-multiline.tooltipped-w:after, .tooltipped-multiline.tooltipped-e:after {
+  right: 100%; }
+
+@media screen and (min-width: 0 \0) {
+  .tooltipped-multiline:after {
+    width: 250px; } }
+.tooltipped-sticky:before, .tooltipped-sticky:after {
+  display: inline-block; }
+.tooltipped-sticky.tooltipped-multiline:after {
+  display: table-cell; }
+
+.fullscreen-overlay-enabled.dark-theme .tooltipped:after {
+  color: black;
+  background: rgba(255, 255, 255, 0.8); }
+.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before,
+.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before,
+.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before {
+  border-bottom-color: rgba(255, 255, 255, 0.8); }
+.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before {
+  border-top-color: rgba(255, 255, 255, 0.8); }
+.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before {
+  border-right-color: rgba(255, 255, 255, 0.8); }
+.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before {
+  border-left-color: rgba(255, 255, 255, 0.8); }
+
+.flex-table {
+  display: table; }
+
+.flex-table-item {
+  display: table-cell;
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle; }
+
+.flex-table-item-primary {
+  width: 99%; }
+
+.css-truncate.css-truncate-target,
+.css-truncate .css-truncate-target {
+  display: inline-block;
+  max-width: 125px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: top; }
+.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target, .css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target, .css-truncate.expandable:hover .css-truncate-target, .css-truncate.expandable:hover.css-truncate-target {
+  max-width: 10000px !important; }
+
+table {
+  background-color: transparent; }
+
+caption {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  color: #777777;
+  text-align: left; }
+
+th {
+  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: 8px;
+    line-height: 1.42857;
+    vertical-align: top;
+    border-top: 1px solid #dddddd; }
+  .table > thead > tr > th {
+    vertical-align: bottom;
+    border-bottom: 2px solid #dddddd; }
+  .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; }
+  .table > tbody + tbody {
+    border-top: 2px solid #dddddd; }
+  .table .table {
+    background-color: white; }
+
+.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; }
+
+.table-bordered {
+  border: 1px solid #dddddd; }
+  .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 #dddddd; }
+  .table-bordered > thead > tr > th,
+  .table-bordered > thead > tr > td {
+    border-bottom-width: 2px; }
+
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: #f9f9f9; }
+
+.table-hover > tbody > tr:hover {
+  background-color: whitesmoke; }
+
+table col[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-column; }
+
+table td[class*="col-"],
+table th[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-cell; }
+
+.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: whitesmoke; }
+
+.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: #e8e8e8; }
+
+.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: #dff0d8; }
+
+.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: #d0e9c6; }
+
+.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-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; }
+
+.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; }
+
+.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; }
+
+.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: #f2dede; }
+
+.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: #ebcccc; }
+
+.table-responsive {
+  overflow-x: auto;
+  min-height: 0.01%; }
+  @media screen and (max-width: 767px) {
+    .table-responsive {
+      width: 100%;
+      margin-bottom: 15px;
+      overflow-y: hidden;
+      -ms-overflow-style: -ms-autohiding-scrollbar;
+      border: 1px solid #dddddd; }
+      .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; } }
+
+.panel {
+  margin-bottom: 20px;
+  background-color: white;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
+
+.panel-body {
+  padding: 15px; }
+  .panel-body:before, .panel-body:after {
+    content: " ";
+    display: table; }
+  .panel-body:after {
+    clear: both; }
+
+.panel-heading {
+  padding: 10px 15px;
+  border-bottom: 1px solid transparent;
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px; }
+  .panel-heading > .dropdown .dropdown-toggle {
+    color: inherit; }
+
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 16px;
+  color: inherit; }
+  .panel-title > a,
+  .panel-title > small,
+  .panel-title > .small,
+  .panel-title > small > a,
+  .panel-title > .small > a {
+    color: inherit; }
+
+.panel-footer {
+  padding: 10px 15px;
+  background-color: whitesmoke;
+  border-top: 1px solid #dddddd;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+  margin-bottom: 0; }
+  .panel > .list-group .list-group-item,
+  .panel > .panel-collapse > .list-group .list-group-item {
+    border-width: 1px 0;
+    border-radius: 0; }
+  .panel > .list-group:first-child .list-group-item:first-child,
+  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
+    border-top: 0;
+    border-top-right-radius: 3px;
+    border-top-left-radius: 3px; }
+  .panel > .list-group:last-child .list-group-item:last-child,
+  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
+    border-bottom: 0;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px; }
+
+.panel-heading + .list-group .list-group-item:first-child {
+  border-top-width: 0; }
+
+.list-group + .panel-footer {
+  border-top-width: 0; }
+
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+  margin-bottom: 0; }
+  .panel > .table caption,
+  .panel > .table-responsive > .table caption,
+  .panel > .panel-collapse > .table caption {
+    padding-left: 15px;
+    padding-right: 15px; }
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px; }
+  .panel > .table:first-child > thead:first-child > tr:first-child,
+  .panel > .table:first-child > tbody:first-child > tr:first-child,
+  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px; }
+    .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: 3px; }
+    .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: 3px; }
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+  .panel > .table:last-child > tbody:last-child > tr:last-child,
+  .panel > .table:last-child > tfoot:last-child > tr:last-child,
+  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px; }
+    .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: 3px; }
+    .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: 3px; }
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+  border-top: 1px solid #dddddd; }
+.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-group {
+  margin-bottom: 20px; }
+  .panel-group .panel {
+    margin-bottom: 0;
+    border-radius: 4px; }
+    .panel-group .panel + .panel {
+      margin-top: 5px; }
+  .panel-group .panel-heading {
+    border-bottom: 0; }
+    .panel-group .panel-heading + .panel-collapse > .panel-body,
+    .panel-group .panel-heading + .panel-collapse > .list-group {
+      border-top: 1px solid #dddddd; }
+  .panel-group .panel-footer {
+    border-top: 0; }
+    .panel-group .panel-footer + .panel-collapse .panel-body {
+      border-bottom: 1px solid #dddddd; }
+
+.panel-default {
+  border-color: #dddddd; }
+  .panel-default > .panel-heading {
+    color: #333333;
+    background-color: whitesmoke;
+    border-color: #dddddd; }
+    .panel-default > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #dddddd; }
+    .panel-default > .panel-heading .badge {
+      color: whitesmoke;
+      background-color: #333333; }
+  .panel-default > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #dddddd; }
+
+.panel-primary {
+  border-color: #337ab7; }
+  .panel-primary > .panel-heading {
+    color: white;
+    background-color: #337ab7;
+    border-color: #337ab7; }
+    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #337ab7; }
+    .panel-primary > .panel-heading .badge {
+      color: #337ab7;
+      background-color: white; }
+  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #337ab7; }
+
+.panel-success {
+  border-color: #d6e9c6; }
+  .panel-success > .panel-heading {
+    color: #3c763d;
+    background-color: #dff0d8;
+    border-color: #d6e9c6; }
+    .panel-success > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #d6e9c6; }
+    .panel-success > .panel-heading .badge {
+      color: #dff0d8;
+      background-color: #3c763d; }
+  .panel-success > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #d6e9c6; }
+
+.panel-info {
+  border-color: #bce8f1; }
+  .panel-info > .panel-heading {
+    color: #31708f;
+    background-color: #d9edf7;
+    border-color: #bce8f1; }
+    .panel-info > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #bce8f1; }
+    .panel-info > .panel-heading .badge {
+      color: #d9edf7;
+      background-color: #31708f; }
+  .panel-info > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #bce8f1; }
+
+.panel-warning {
+  border-color: #faebcc; }
+  .panel-warning > .panel-heading {
+    color: #8a6d3b;
+    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: #8a6d3b; }
+  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #faebcc; }
+
+.panel-danger {
+  border-color: #ebccd1; }
+  .panel-danger > .panel-heading {
+    color: #a94442;
+    background-color: #f2dede;
+    border-color: #ebccd1; }
+    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #ebccd1; }
+    .panel-danger > .panel-heading .badge {
+      color: #f2dede;
+      background-color: #a94442; }
+  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #ebccd1; }
+
+.list-group {
+  margin-bottom: 20px;
+  padding-left: 0; }
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  margin-bottom: -1px;
+  background-color: white;
+  border: 1px solid #dddddd; }
+  .list-group-item:first-child {
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px; }
+  .list-group-item:last-child {
+    margin-bottom: 0;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px; }
+
+a.list-group-item {
+  color: #555555; }
+  a.list-group-item .list-group-item-heading {
+    color: #333333; }
+  a.list-group-item:hover, a.list-group-item:focus {
+    text-decoration: none;
+    color: #555555;
+    background-color: whitesmoke; }
+
+.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
+  background-color: #eeeeee;
+  color: #777777;
+  cursor: not-allowed; }
+  .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; }
+  .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; }
+.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
+  z-index: 2;
+  color: white;
+  background-color: #337ab7;
+  border-color: #337ab7; }
+  .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: #c7ddef; }
+
+.list-group-item-success {
+  color: #3c763d;
+  background-color: #dff0d8; }
+
+a.list-group-item-success {
+  color: #3c763d; }
+  a.list-group-item-success .list-group-item-heading {
+    color: inherit; }
+  a.list-group-item-success:hover, a.list-group-item-success:focus {
+    color: #3c763d;
+    background-color: #d0e9c6; }
+  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
+    color: #fff;
+    background-color: #3c763d;
+    border-color: #3c763d; }
+
+.list-group-item-info {
+  color: #31708f;
+  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;
+    background-color: #c4e3f3; }
+  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
+    color: #fff;
+    background-color: #31708f;
+    border-color: #31708f; }
+
+.list-group-item-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3; }
+
+a.list-group-item-warning {
+  color: #8a6d3b; }
+  a.list-group-item-warning .list-group-item-heading {
+    color: inherit; }
+  a.list-group-item-warning:hover, a.list-group-item-warning:focus {
+    color: #8a6d3b;
+    background-color: #faf2cc; }
+  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
+    color: #fff;
+    background-color: #8a6d3b;
+    border-color: #8a6d3b; }
+
+.list-group-item-danger {
+  color: #a94442;
+  background-color: #f2dede; }
+
+a.list-group-item-danger {
+  color: #a94442; }
+  a.list-group-item-danger .list-group-item-heading {
+    color: inherit; }
+  a.list-group-item-danger:hover, a.list-group-item-danger:focus {
+    color: #a94442;
+    background-color: #ebcccc; }
+  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
+    color: #fff;
+    background-color: #a94442;
+    border-color: #a94442; }
+
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px; }
+
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3; }
+
+.breadcrumb {
+  padding: 8px 15px;
+  margin-bottom: 20px;
+  list-style: none;
+  background-color: whitesmoke;
+  border-radius: 4px; }
+  .breadcrumb > li {
     display: inline-block; }
-    div.tabs ul li a {
-      display: block;
-      font-weight: 700;
-      font-size: 12px;
-      line-height: 30px;
-      color: #999;
-      text-decoration: none;
-      margin: 0 5px -1px 0;
-      padding: 0 12px 0;
-      border: 1px solid #e8e8e8;
-      -webkit-border-radius: 3px 3px 0 0;
-      -webkit-font-smoothing: antialiased; }
-      div.tabs ul li a.active {
-        color: #555;
-        background: #fff;
-        border-bottom: 1px solid #fff; }
+    .breadcrumb > li + li:before {
+      content: "/\00a0";
+      padding: 0 5px;
+      color: #cccccc; }
+  .breadcrumb > .active {
+    color: #777777; }
+
+.flash {
+  margin-bottom: 15px; }
+
+.panel-heading .btn.btn-sm.right,
+.panel-heading form.right {
+  margin-top: -5px; }
+
+.panel-heading p.right {
+  margin-top: 0; }
+
+.panel-heading form.right input[type=text],
+.panel-heading form.right select {
+  width: 150px; }
+
+.panel-body :first-child {
+  margin-top: 0; }
+
+.button-inv {
+  background: none;
+  border: 0; }
+
+.breadcrumb {
+  background-color: #fff;
+  border: 1px solid #dddddd; }
+
+.header .btn.right {
+  margin-top: 5px;
+  margin-right: 15px; }
+
+.feature-state {
+  width: 40px; }
+
+.feature-enabled-gates {
+  width: 380px; }