/**
 * Reset some basic elements
 */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0; }

/**
 * Basic styling
 */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  color: #111;
  background-color: #fdfdfd;
  -webkit-text-size-adjust: 100%; }

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
.highlight {
  margin-bottom: 15px; }

/**
 * Images
 */
img {
  max-width: 100%;
  vertical-align: middle; }

/**
 * Figures
 */
figure > img {
  display: block; }

figcaption {
  font-size: 14px; }

/**
 * Lists
 */
ul, ol {
  margin-left: 30px; }

li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

/**
 * Links
 */
a {
  color: #2a7ae2;
  text-decoration: none; }
  a:visited {
    color: #1756a9; }
  a:hover {
    color: #111;
    text-decoration: underline; }

/**
 * Blockquotes
 */
blockquote {
  color: #828282;
  border-left: 4px solid #e8e8e8;
  padding-left: 15px;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic; }
  blockquote > :last-child {
    margin-bottom: 0; }

/**
 * Code formatting
 */
pre,
code {
  font-size: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #eef; }

code {
  padding: 1px 5px; }

pre {
  padding: 8px 12px;
  overflow-x: scroll; }
  pre > code {
    border: 0;
    padding-right: 0;
    padding-left: 0; }

/**
 * Wrapper
 */
.wrapper {
  max-width: -webkit-calc(800px - (30px * 2));
  max-width: calc(800px - (30px * 2));
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px; }
  @media screen and (max-width: 800px) {
    .wrapper {
      max-width: -webkit-calc(800px - (30px));
      max-width: calc(800px - (30px));
      padding-right: 15px;
      padding-left: 15px; } }

/**
 * Clearfix
 */
.wrapper:after, .footer-col-wrapper:after {
  content: "";
  display: table;
  clear: both; }

/**
 * Icons
 */
.icon > svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon > svg path {
    fill: #828282; }

/**
 * Site header
 */
.site-header {
  border-top: 5px solid #424242;
  border-bottom: 1px solid #e8e8e8;
  min-height: 56px;
  position: relative; }

.site-title {
  font-size: 26px;
  line-height: 56px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left; }
  .site-title, .site-title:visited {
    color: #424242; }

.site-nav {
  float: right;
  line-height: 56px; }
  .site-nav .menu-icon {
    display: none; }
  .site-nav .page-link {
    color: #111;
    line-height: 1.5; }
    .site-nav .page-link:not(:first-child) {
      margin-left: 20px; }
  @media screen and (max-width: 600px) {
    .site-nav {
      position: absolute;
      top: 9px;
      right: 30px;
      background-color: #fdfdfd;
      border: 1px solid #e8e8e8;
      border-radius: 5px;
      text-align: right; }
      .site-nav .menu-icon {
        display: block;
        float: right;
        width: 36px;
        height: 26px;
        line-height: 0;
        padding-top: 10px;
        text-align: center; }
        .site-nav .menu-icon > svg {
          width: 18px;
          height: 15px; }
          .site-nav .menu-icon > svg path {
            fill: #424242; }
      .site-nav .trigger {
        clear: both;
        display: none; }
      .site-nav:hover .trigger {
        display: block;
        padding-bottom: 5px; }
      .site-nav .page-link {
        display: block;
        padding: 5px 10px; } }

/**
 * Site footer
 */
.site-footer {
  border-top: 1px solid #e8e8e8;
  padding: 30px 0; }

.footer-heading {
  font-size: 18px;
  margin-bottom: 15px; }

.contact-list,
.social-media-list {
  list-style: none;
  margin-left: 0; }

.footer-col-wrapper {
  font-size: 15px;
  color: #828282;
  margin-left: -15px; }

.footer-col {
  float: left;
  margin-bottom: 15px;
  padding-left: 15px; }

.footer-col-1 {
  width: -webkit-calc(35% - (30px / 2));
  width: calc(35% - (30px / 2)); }

.footer-col-2 {
  width: -webkit-calc(20% - (30px / 2));
  width: calc(20% - (30px / 2)); }

.footer-col-3 {
  width: -webkit-calc(45% - (30px / 2));
  width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) {
  .footer-col-1,
  .footer-col-2 {
    width: -webkit-calc(50% - (30px / 2));
    width: calc(50% - (30px / 2)); }

  .footer-col-3 {
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) {
  .footer-col {
    float: none;
    width: -webkit-calc(100% - (30px / 2));
    width: calc(100% - (30px / 2)); } }
/**
 * Page content
 */
.page-content {
  padding: 30px 0; }

.page-heading {
  font-size: 20px; }

.post-list {
  margin-left: 0;
  list-style: none; }
  .post-list > li {
    margin-bottom: 30px; }

.post-meta {
  font-size: 14px;
  color: #828282; }

.post-link {
  display: block;
  font-size: 24px; }

/**
 * Posts
 */
.post-header {
  margin-bottom: 30px; }

.post-title {
  font-size: 42px;
  letter-spacing: -1px;
  line-height: 1; }
  @media screen and (max-width: 800px) {
    .post-title {
      font-size: 36px; } }

.post-content {
  margin-bottom: 30px; }
  .post-content h2 {
    font-size: 32px; }
    @media screen and (max-width: 800px) {
      .post-content h2 {
        font-size: 28px; } }
  .post-content h3 {
    font-size: 26px; }
    @media screen and (max-width: 800px) {
      .post-content h3 {
        font-size: 22px; } }
  .post-content h4 {
    font-size: 20px; }
    @media screen and (max-width: 800px) {
      .post-content h4 {
        font-size: 18px; } }

/**
 * Syntax highlighting styles
 */
.highlight {
  background: #fff; }
  .highlight .c {
    color: #998;
    font-style: italic; }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }
  .highlight .k {
    font-weight: bold; }
  .highlight .o {
    font-weight: bold; }
  .highlight .cm {
    color: #998;
    font-style: italic; }
  .highlight .cp {
    color: #999;
    font-weight: bold; }
  .highlight .c1 {
    color: #998;
    font-style: italic; }
  .highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic; }
  .highlight .gd {
    color: #000;
    background-color: #fdd; }
  .highlight .gd .x {
    color: #000;
    background-color: #faa; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gr {
    color: #a00; }
  .highlight .gh {
    color: #999; }
  .highlight .gi {
    color: #000;
    background-color: #dfd; }
  .highlight .gi .x {
    color: #000;
    background-color: #afa; }
  .highlight .go {
    color: #888; }
  .highlight .gp {
    color: #555; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #aaa; }
  .highlight .gt {
    color: #a00; }
  .highlight .kc {
    font-weight: bold; }
  .highlight .kd {
    font-weight: bold; }
  .highlight .kp {
    font-weight: bold; }
  .highlight .kr {
    font-weight: bold; }
  .highlight .kt {
    color: #458;
    font-weight: bold; }
  .highlight .m {
    color: #099; }
  .highlight .s {
    color: #d14; }
  .highlight .na {
    color: #008080; }
  .highlight .nb {
    color: #0086B3; }
  .highlight .nc {
    color: #458;
    font-weight: bold; }
  .highlight .no {
    color: #008080; }
  .highlight .ni {
    color: #800080; }
  .highlight .ne {
    color: #900;
    font-weight: bold; }
  .highlight .nf {
    color: #900;
    font-weight: bold; }
  .highlight .nn {
    color: #555; }
  .highlight .nt {
    color: #000080; }
  .highlight .nv {
    color: #008080; }
  .highlight .ow {
    font-weight: bold; }
  .highlight .w {
    color: #bbb; }
  .highlight .mf {
    color: #099; }
  .highlight .mh {
    color: #099; }
  .highlight .mi {
    color: #099; }
  .highlight .mo {
    color: #099; }
  .highlight .sb {
    color: #d14; }
  .highlight .sc {
    color: #d14; }
  .highlight .sd {
    color: #d14; }
  .highlight .s2 {
    color: #d14; }
  .highlight .se {
    color: #d14; }
  .highlight .sh {
    color: #d14; }
  .highlight .si {
    color: #d14; }
  .highlight .sx {
    color: #d14; }
  .highlight .sr {
    color: #009926; }
  .highlight .s1 {
    color: #d14; }
  .highlight .ss {
    color: #990073; }
  .highlight .bp {
    color: #999; }
  .highlight .vc {
    color: #008080; }
  .highlight .vg {
    color: #008080; }
  .highlight .vi {
    color: #008080; }
  .highlight .il {
    color: #099; }

/*! 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;
  /* 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;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 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 */ }

/**
 * 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; }

/**
 * 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; }

/**
 * 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 #c0c0c0;
  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; }

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 {
  font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
  color: #333;
  background-color: #fff; }

a {
  color: #4183c4;
  text-decoration: none; }
  a:hover, a:active {
    text-decoration: underline; }

hr,
.rule {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #ddd; }
  hr:before,
  .rule:before {
    display: table;
    content: ""; }
  hr:after,
  .rule:after {
    display: table;
    clear: both;
    content: ""; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1; }

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;
  color: #333; }

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;
  padding-right: 10px;
  padding-left: 10px; }

.one-third {
  width: 33%; }

.two-thirds {
  width: 67%; }

.one-fourth {
  width: 25%; }

.one-half {
  width: 50%; }

.three-fourths {
  width: 75%; }

.one-fifth {
  width: 20%; }

.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 #ccc;
  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; }

.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; }

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 #ddd; }

.drag-and-drop {
  padding: 7px 10px;
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  color: #aaa;
  background-color: #fafafa;
  border: 1px solid #ccc;
  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: #aaa; }
  .drag-and-drop-error-info a {
    color: #4183c4; }

.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 #ddd;
  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 #eee; }

.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 #ddd; }

.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; }

.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 #eee;
    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: -moz-linear-gradient(#fcfcfc, #eee);
  background-image: -webkit-linear-gradient(#fcfcfc, #eee);
  background-image: linear-gradient(#fcfcfc, #eee);
  background-repeat: repeat-x;
  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: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: -moz-linear-gradient(#eee, #ddd);
    background-image: -webkit-linear-gradient(#eee, #ddd);
    background-image: linear-gradient(#eee, #ddd);
    background-repeat: repeat-x;
    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: -moz-linear-gradient(#8add6d, #60b044);
  background-image: -webkit-linear-gradient(#8add6d, #60b044);
  background-image: linear-gradient(#8add6d, #60b044);
  background-repeat: repeat-x;
  border-color: #5ca941; }
  .btn-primary:hover {
    color: #fff;
    background-color: #569e3d;
    background-image: -moz-linear-gradient(#79d858, #569e3d);
    background-image: -webkit-linear-gradient(#79d858, #569e3d);
    background-image: linear-gradient(#79d858, #569e3d);
    background-repeat: repeat-x;
    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: -moz-linear-gradient(#c3ecb4, #add39f);
    background-image: -webkit-linear-gradient(#c3ecb4, #add39f);
    background-image: linear-gradient(#c3ecb4, #add39f);
    background-repeat: repeat-x;
    border-color: #b9dcac #b9dcac #a7c89b; }

.btn-danger {
  color: #900; }
  .btn-danger:hover {
    color: #fff;
    background-color: #b33630;
    background-image: -moz-linear-gradient(#dc5f59, #b33630);
    background-image: -webkit-linear-gradient(#dc5f59, #b33630);
    background-image: linear-gradient(#dc5f59, #b33630);
    background-repeat: repeat-x;
    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: -moz-linear-gradient(#fefefe, #efefef);
    background-image: -webkit-linear-gradient(#fefefe, #efefef);
    background-image: linear-gradient(#fefefe, #efefef);
    background-repeat: repeat-x;
    border-color: #e1e1e1; }

.btn-outline {
  color: #4183c4;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e5e5; }
  .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:disabled, .btn-outline:disabled:hover, .btn-outline.disabled, .btn-outline.disabled:hover {
    color: #777;
    background-color: #f5f5f5;
    border-color: #e5e5e5; }

.btn-with-count {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn > .octicon-arrow-right {
  float: right;
  margin-left: 5px; }

.btn-sm > .octicon-arrow-right {
  margin-top: 4px; }

.btn-sm {
  padding: 2px 10px; }

.hidden-text-expander {
  display: block; }
  .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: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
  .social-count:hover {
    color: #4183c4;
    text-decoration: none;
    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 #fff;
  border-bottom: 1px solid #eee; }
  .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: #333;
    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 #eee; }
  .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 #ddd; }
  .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; }

.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;
  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: 20px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  background-color: #999; }

.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: #fff;
  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: #000;
  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; }