@charset "UTF-8";
/***********************************************************
    Base
************************************************************/
/*
    Default
---------------------------------------------------*/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background-color: #FFFFFF;
  color: #000000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

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

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/***********************************************************
    Mixins
************************************************************/
/*******************************************************
  Mixins
  - Snippets of reusable CSS to develop faster and keep code readable
 *******************************************************/
/*
    Buttons Mixins
*/
/***********************************************************
    Buttons
************************************************************/
/* --------------------------------------------------------
    Arrows
-----------------------------------------------------------
    $direction: top, left, right, bottom, top-left, top-right, bottom-left, bottom-right
    $color: hex, rgb or rbga
    $size: px or em
    @example
    .element{
        @include arrow(top, #000, 50px);
    }
*/
/*
    Reset Unordered List
*/
/*
    Clearfix
*/
/*
  Hide Text
*/
/***********************************************************
    Opacity
************************************************************/
/***********************************************************
    PLACEHOLDER INPUT
************************************************************/
/***********************************************************
    Webkit-style focus
************************************************************/
/***********************************************************
    Center-align a block level element
************************************************************/
/***********************************************************
    IE7 inline-block
************************************************************/
/***********************************************************
    IE whitespace
************************************************************/
/*
    IE7 likes to collapse whitespace on either side of the inline-block elements.
    Ems because we're attempting to match the width of a space character. Left
    version is for form buttons, which typically come after other elements, and
    right version is for icons, which come before. Applying both is ok, but it will
    mean that space between those elements will be .6em (~2 space characters) in IE7,
    instead of the 1 space in other browsers.
*/
/***********************************************************
    Px to Em calculating
************************************************************/
/***********************************************************
    Box Shadow
************************************************************/
/***********************************************************
    Lists
************************************************************/
/***********************************************************
    Font Smoothing
************************************************************/
/***********************************************************
    Text Overflow
************************************************************/
/***********************************************************
    Base Variables
************************************************************/
/*
    Grids Susy
---------------------------------------------------*/
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1280px */
/* 1281px, 1920px */
/* 1921px, ... */
/*
    Typography
---------------------------------------------------*/
/*
    Colors
---------------------------------------------------*/
/*
    Z-index [ DON'T CHANGE THIS - Add new var if is necessary ]
---------------------------------------------------*/
/*
    Structure
---------------------------------------------------*/
/*doc
---
title: Default
name: default
category: structure
---

Headers

```html_example
<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h5>H5 Heading</h5>
```

*/
/***********************************************************
    Default - Html, Body, h1-h6, links etc
************************************************************/
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  background: #171717;
  line-height: 1.4;
  font-weight: 300;
}

a {
  color: #c19f54;
  text-decoration: none;
  transition: all 0.15s ease-in;
}

a:hover {
  color: #a6853c;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5em;
  font-weight: 400;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 26px;
  font-size: 2.6rem;
}

h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

h5 {
  font-size: 16px;
  font-size: 1.6rem;
}

h6 {
  font-size: 16px;
  font-size: 1.6rem;
}

.section-title {
  word-break: break-all;
  letter-spacing: normal;
  font-weight: 800;
  text-transform: uppercase;
  color: #676767;
  font-size: 14px;
  font-size: 1.4rem;
}

.element-title {
  margin-bottom: 0;
  letter-spacing: -1px;
  font-weight: 400;
  font-size: 19.8px;
  font-size: 1.98rem;
}

@media (min-width: 62.4375em) {
  .element-title {
    font-size: 24.2px;
    font-size: 2.42rem;
  }
}

hr {
  height: 2px;
  border: 0;
  background-color: #272727;
  width: 60px;
  margin: 50px auto;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  word-wrap: break-word;
}

.gray-link {
  color: #676767;
}

.gray-link:hover {
  color: #4D4D4D;
}

.gray-link a {
  color: #676767;
}

.gray-link a:hover {
  color: #4D4D4D;
}

a.white-link {
  color: #FFFFFF;
}

a.underline {
  text-decoration: underline;
}

a.underline:hover {
  text-decoration: none;
}

.no-wrap {
  white-space: nowrap;
}

/**
 * We need this for old posts which are created with old editor
 * DON'T REMOVE
 */
.mediumInsert-buttons {
  display: none;
}

/***********************************************************
    Fonts
************************************************************/
@font-face {
  font-family: "fontcustom";
  src: url("http://cdn.hackaday.io/fonts/fontcustom_eb354d13d0a141b24090d3ee5605ed38.eot");
  src: url("http://cdn.hackaday.io/fonts/fontcustom_eb354d13d0a141b24090d3ee5605ed38.eot?#iefix") format("embedded-opentype"), url("http://cdn.hackaday.io/fonts/fontcustom_eb354d13d0a141b24090d3ee5605ed38.woff") format("woff"), url("http://cdn.hackaday.io/fonts/fontcustom_eb354d13d0a141b24090d3ee5605ed38.ttf") format("truetype"), url("http://cdn.hackaday.io/fonts/fontcustom_eb354d13d0a141b24090d3ee5605ed38.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "fontcustom";
    src: url("http://cdn.hackaday.io/fonts/fontcustom_eb354d13d0a141b24090d3ee5605ed38.svg#fontcustom") format("svg");
  }
}

/*doc
---
title: Layout
name: layout
category: structure
---

Two Column Layout

```html_example
<div class="container">

    <div class="content-left">
        <p class="prototype">Slow-carb roof party drinking vinegar, mumblecore actually tilde locavore cardigan Etsy jean shorts flannel distillery ugh. Selvage DIY heirloom, tofu mixtape 3 wolf moon single-origin coffee ugh plaid Intelligentsia. Small batch cornhole beard, bitters cronut swag pork belly. Shabby chic cliche single-origin coffee, Godard sriracha art party literally seitan kale chips banh mi four loko Austin. Crucifix deep v Thundercats, Austin Kickstarter listicle street art taxidermy pickled migas salvia 90's art party Portland tote bag. Put a bird on it Helvetica chia polaroid Shoreditch butcher art party, cardigan wolf Austin pug health goth. Heirloom Thundercats bitters wolf, dreamcatcher pour-over beard Echo Park.</p>
    </div>

    <div class="content-right">
        <p class="prototype">Vinyl bicycle rights Echo Park, Truffaut wolf Marfa Blue Bottle fingerstache four dollar toast. Swag lo-fi Carles McSweeney's keffiyeh flannel. Ennui actually aesthetic, Banksy farm-to-table yr iPhone Neutra cronut PBR fap try-hard taxidermy keytar. You probably haven't heard of them ennui hashtag DIY, butcher Portland Wes Anderson biodiesel cornhole +1 vinyl chillwave 90's paleo brunch. Ennui farm-to-table bitters Etsy, fap DIY Kickstarter mumblecore Vice hoodie tofu 90's art party tattooed flexitarian. XOXO stumptown pug, gastropub bicycle rights chia irony lomo crucifix. Direct trade ennui gastropub plaid.</p>
        <p class="prototype">Slow-carb roof party drinking vinegar, mumblecore actually tilde locavore cardigan Etsy jean shorts flannel distillery ugh. Selvage DIY heirloom, tofu mixtape 3 wolf moon single-origin coffee ugh plaid Intelligentsia. Small batch cornhole beard, bitters cronut swag pork belly. Shabby chic cliche single-origin coffee, Godard sriracha art party literally seitan kale chips banh mi four loko Austin. Crucifix deep v Thundercats, Austin Kickstarter listicle street art taxidermy pickled migas salvia 90's art party Portland tote bag. Put a bird on it Helvetica chia polaroid Shoreditch butcher art party, cardigan wolf Austin pug health goth. Heirloom Thundercats bitters wolf, dreamcatcher pour-over beard Echo Park.</p>
    </div>

</div>
```

Two Column Layout Other

```html_example
<div class="container">

    <div class="content-left-other">
        <p class="prototype">Vinyl bicycle rights Echo Park, Truffaut wolf Marfa Blue Bottle fingerstache four dollar toast. Swag lo-fi Carles McSweeney's keffiyeh flannel. Ennui actually aesthetic, Banksy farm-to-table yr iPhone Neutra cronut PBR fap try-hard taxidermy keytar. You probably haven't heard of them ennui hashtag DIY, butcher Portland Wes Anderson biodiesel cornhole +1 vinyl chillwave 90's paleo brunch. Ennui farm-to-table bitters Etsy, fap DIY Kickstarter mumblecore Vice hoodie tofu 90's art party tattooed flexitarian. XOXO stumptown pug, gastropub bicycle rights chia irony lomo crucifix. Direct trade ennui gastropub plaid.</p>
        <p class="prototype">Slow-carb roof party drinking vinegar, mumblecore actually tilde locavore cardigan Etsy jean shorts flannel distillery ugh. Selvage DIY heirloom, tofu mixtape 3 wolf moon single-origin coffee ugh plaid Intelligentsia. Small batch cornhole beard, bitters cronut swag pork belly. Shabby chic cliche single-origin coffee, Godard sriracha art party literally seitan kale chips banh mi four loko Austin. Crucifix deep v Thundercats, Austin Kickstarter listicle street art taxidermy pickled migas salvia 90's art party Portland tote bag. Put a bird on it Helvetica chia polaroid Shoreditch butcher art party, cardigan wolf Austin pug health goth. Heirloom Thundercats bitters wolf, dreamcatcher pour-over beard Echo Park.</p>
    </div>

    <div class="content-right-other">
        <p class="prototype">Slow-carb roof party drinking vinegar, mumblecore actually tilde locavore cardigan Etsy jean shorts flannel distillery ugh. Selvage DIY heirloom, tofu mixtape 3 wolf moon single-origin coffee ugh plaid Intelligentsia. Small batch cornhole beard, bitters cronut swag pork belly. Shabby chic cliche single-origin coffee, Godard sriracha art party literally seitan kale chips banh mi four loko Austin. Crucifix deep v Thundercats, Austin Kickstarter listicle street art taxidermy pickled migas salvia 90's art party Portland tote bag. Put a bird on it Helvetica chia polaroid Shoreditch butcher art party, cardigan wolf Austin pug health goth. Heirloom Thundercats bitters wolf, dreamcatcher pour-over beard Echo Park.</p>
    </div>

</div>
```

*/
/***********************************************************
    Layout
************************************************************/
/*
    Main Layout
*/
.container {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  margin-top: 1em;
  position: relative;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 62.4375em) {
  .container {
    box-sizing: border-box;
    padding-left: 1em;
    padding-right: 1em;
    max-width: 62.4375em;
  }
}

@media (min-width: 75.4375em) {
  .container {
    max-width: 75.4375em;
  }
}

/*
    Inner Content
*/
@media (min-width: 75.4375em) {
  .content-left {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
  }
}

.content-left .section.first {
  margin-top: 2em;
}

.content-left .section:after {
  width: 50px;
  margin: 50px auto;
}

.content-right {
  margin-top: 70px;
}

@media (min-width: 75.4375em) {
  .content-right {
    margin-top: 0px;
    width: 57.62712%;
    float: right;
    margin-right: 0;
  }
}

/*
    Other page layout ( Search page, Hackers Page )
*/
.content-left-other .search-result {
  margin: 10px 0;
  border-bottom: 1px solid #272727;
}

.content-left-other .search-result .search-result-left {
  width: 110px;
}

.content-left-other .search-result .search-result-left .image {
  width: 90%;
}

.content-left-other .search-result .search-result-right {
  width: 60%;
}

@media (min-width: 75.4375em) {
  .content-left-other .search-result .search-result-right {
    width: 70%;
  }
}

@media (min-width: 75.4375em) {
  .content-left-other .search-result {
    margin: 0;
    border-bottom: 0;
  }
}

@media (min-width: 48.9375em) {
  .content-left-other {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
  }
}

.content-left-other .project-item, .content-left-other .section-lists {
  min-height: 425px;
}

@media (min-width: 75.4375em) {
  .content-left-other .project-item, .content-left-other .section-lists {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
  .content-left-other .project-item:nth-child(even), .content-left-other .section-lists:nth-child(even) {
    float: right;
    margin-right: 0;
  }
}

.content-left-other .project-item.last-child, .content-left-other .last-child.section-lists {
  float: right;
  margin-right: 0;
}

@media (min-width: 48.9375em) {
  .content-right-other {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }
}

.post-content,
.edit-content {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.post-content table,
.edit-content table {
  width: 100%;
}

.post-content table tbody,
.edit-content table tbody {
  overflow-x: auto;
}

.post-content table td,
.edit-content table td {
  padding: 5px;
  border: 1px solid #272727;
  word-break: break-word;
}

@media (min-width: 75.4375em) {
  .post-content,
  .edit-content {
    width: 49.15254%;
  }
}

@media (min-width: 120em) {
  .post-content,
  .edit-content {
    width: 40.67797%;
  }
}

.post-content p.read-more-tag {
  text-align: center;
}

.post-content p.checkbox label {
  color: #676767;
  font-size: 1.4rem;
}

.post-content img.emoji {
  width: 20px;
  height: 20px;
  display: inline;
  vertical-align: middle;
  margin: 0;
}

.editable {
  text-align: left;
}

.component-table td {
  border: 0px solid #272727;
}

.section-instructions-list .instruction-number {
  border: 1px solid #272727;
}

.section-instructions-list td.editarea {
  border: none;
}

.no-image {
  position: relative;
  width: 100%;
  height: 353px;
  background-size: cover;
  margin-bottom: 7px;
  display: block;
  background-position: center center;
  border: 1px dashed #6a6a6a;
  border-radius: 5px;
}

/*
    Project List
*/
.project-holder {
  *zoom: 1;
  clear: both;
}

.project-holder:before, .project-holder:after {
  display: table;
  content: "";
}

.project-holder:after {
  clear: both;
}

.contributor-photo {
  width: 24px;
  margin-bottom: -7px;
}

.browse-more-button {
  clear: both;
}

.lt-ie8 .container {
  position: relative;
  z-index: 1;
}

/* New Feed */
.link-white {
  color: white;
  text-decoration: underline;
}

/* New Feed Likes */
.feed-likes {
  list-style: none;
  margin: 0;
  padding: 0;
}

.feed-likes li {
  overflow: hidden;
}

.feed-likes .left {
  float: left;
}

.feed-likes img {
  width: 55px;
  height: 55px;
  margin-right: 1em;
}

.feed-likes .following-container {
  margin-top: 1px;
  margin-right: 0px;
  width: 180px;
}

.feed-likes-header {
  color: #c19f54;
  margin-top: 0px;
}

.modal-content-holder {
  position: relative;
}

/*doc
---
title: Input
name: input
category: structure
---

Text input placeholder

```html_example
<input type="text" placeholder="Enter a username" class="tt-input">

```

Textarea

```html_example
<textarea placeholder="Add your comment" name="comment" class="input-comment"></textarea>
```

*/
/***********************************************************
    Forms
************************************************************/
fieldset {
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
}

input:invalid,
textarea:invalid {
  box-shadow: none;
}

input[type="text"],
input[type="password"],
input[type="number"] {
  margin: 0 0 3px;
  background: #272727;
  padding: 0.8em;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 3px;
  width: 100%;
  border: 0px solid #e6e6e6;
  color: #FFFFFF;
  font-weight: 300;
  outline: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover {
  background: #4D4D4D;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
  background: #676767;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="number"]:-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="number"]::-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

textarea {
  background-color: #272727;
  padding: 0.7em;
  color: white;
  width: 100%;
  border-radius: 3px;
  border: none;
  resize: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

textarea:hover {
  background: #4D4D4D;
}

textarea:focus {
  background: #676767;
}

textarea::-webkit-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

textarea:-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

textarea::-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

textarea:-ms-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

textarea:required {
  border-color: #e6e6e6 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.container .editarea {
  position: relative;
  padding: 0;
  margin: 0;
  display: block;
}

@media (min-width: 75.4375em) {
  .container .editarea {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
}

.container .editarea.action .icon-remove {
  display: block;
}

.container .editarea .icon-remove {
  position: absolute;
  top: 0;
  right: -1em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #676767;
  font-size: 26px;
  font-size: 2.6rem;
}

@media (min-width: 75.4375em) {
  .container .editarea .icon-remove {
    display: none;
  }
}

.container .editarea-block {
  display: block;
}

.container .editable {
  background: none;
  padding: 0.3em 0.5em;
  border-radius: 3px;
  background: #272727;
  color: #FFFFFF;
}

.container .editable:hover {
  background: #4D4D4D;
}

.container .editable:focus {
  background: #676767;
}

.container .editable::-webkit-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.container .editable:-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.container .editable::-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.container .editable:-ms-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.container .redactor_editable,
.container .redactor_editor {
  background: none;
  border-radius: 3px;
  background: #272727;
  color: #FFFFFF;
}

.container .redactor_editable:hover,
.container .redactor_editor:hover {
  background: #4D4D4D;
}

.container .redactor_editable:focus,
.container .redactor_editor:focus {
  background: #676767;
}

.container .redactor_editable::-webkit-input-placeholder,
.container .redactor_editor::-webkit-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.container .redactor_editable:-moz-placeholder,
.container .redactor_editor:-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.container .redactor_editable::-moz-placeholder,
.container .redactor_editor::-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.container .redactor_editable:-ms-input-placeholder,
.container .redactor_editor:-ms-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.textarea-holder textarea {
  overflow-y: hidden;
  /* prevents scroll bar flash */
}

.textarea-holder .redactor-box {
  margin: 10px 4px 10px 0;
}

.lt-ie9 .container .editarea-block {
  display: block;
}

.select-holder select {
  z-index: 1000;
}

/*doc
---
title: Buttons
name: buttons
category: structure
---

Buttons use color-color-button format:

```html_example
    <a href="#" class='grey-gold-button'>Submit</a>
```

Color combinations are:

Button                                                        | Class                           | Description
------------------------------------------------------------- | ------------------------------- | -----------
<button class="grey-gold-button">Submit</button>              | `grey-gold-button`              | Secondary action button on <body>. Should be used for the second most important action on the page. Ie. Comment, + Add another project
<button class="gold-gold-button">Submit</button>              | `gold-gold-button`              | Primary action button on <body>. Should be used for the most important actions on the page. Ie. Follow, Save, Update...
<button class="gold-white-button">Submit</button>             | `gold-white-button`             | Eren believes we don't use this style.
<button class="grey-white-button">Submit</button>             | `grey-white-button`             | Header Sign up/in action button.
<button class="grey-grey-button">Submit</button>              | `grey-grey-button`              | "Active"/"Selected" state for primary action button. Ie. Pressed Follow button should have this class.
<button class="black-black-button">Submit</button>            | `black-black-button`            | Old style Primary action button on the Gold Bar. Can be used once. Ie. Publish.
<button class="black-gold-button">Submit</button>             | `black-gold-button`             | Primary action button on the Gold Bar. Can be used once. Ie. Become a member.
<button class="black-black-cancel-button">Submit</button>     | `black-black-cancel-button`     | Cancel action button on the Gold Bar. Can be used once. Ie. Discard.
<button class="grey-white-add-circle-button">Submit</button>  | `grey-white-add-circle-button`  | "+" circle button. Used for Add new photo.
<button class="button-gold-full">Submit</button>              | `button-gold-full`              |
<button class="button-gold-full-medium">Submit</button>       | `button-gold-full-medium`       |
<button class="button-gold-full-small">Submit</button>        | `button-gold-full-small`        |
<button class="button-gold-full-tinny">Submit</button>        | `button-gold-full-tinny`        |
<button class="button-gold-gold">Submit</button>              | `button-gold-gold`              |
<button class="button-gold-gold-medium">Submit</button>       | `button-gold-gold-medium`       |
<button class="button-gold-gold-small">Submit</button>        | `button-gold-gold-small`        |
<button class="button-gold-gold-tinny">Submit</button>        | `button-gold-gold-tinny`        |
<button class="button-grey-gold">Submit</button>              | `button-grey-gold`              |
<button class="button-grey-gold-medium">Submit</button>       | `button-grey-gold-medium`       |
<button class="button-grey-gold-small">Submit</button>        | `button-grey-gold-small`        |
<button class="button-grey-gold-tinny">Submit</button>        | `button-grey-gold-tinny`        |
<button class="button-grey-grey">Submit</button>              | `button-grey-grey`              |
<button class="button-grey-grey-medium">Submit</button>       | `button-grey-grey-medium`       |
<button class="button-grey-grey-small">Submit</button>        | `button-grey-grey-small`        |
<button class="button-grey-grey-tinny">Submit</button>        | `button-grey-grey-tinny`        |
<button class="button-upload">Upload</button>                 | `button-upload`                 |
<button class="button-upload-icon">Upload</button>            | `button-upload-icon`            |
<button class="button-move">Submit</button>                   | `button-move`                   |

Change the size of buttons!

```html_example
    <a href="#" class='black-black-button very-small-button'>Submit</a>
```

Button                                                                | Class                     | Description
--------------------------------------------------------------------- | ------------------------- | -----------
<button class="black-black-button very-small-button">Submit</button>  | `very-small-button`       | Very small buttons size.
<button class="black-black-button small-button">Submit</button>       | `small-button`            | Small button size.
<button class="black-black-button medium-button">Submit</button>      | `medium-button`           | Medium button size.
<button class="black-black-button">Submit</button>                    |                           | Default button size.
<button class="black-black-button large-button">Submit</button>       | `large-button`            | Large button size.


*/
/***********************************************************
    Buttons
************************************************************/
/*
    Buttons
*/
.grey-gold-button {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #c19f54;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.grey-gold-button:hover, .grey-gold-button:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #343434;
  color: #b99443;
}

.grey-gold-button:visited {
  color: #c19f54;
}

.grey-gold-button:hover, .grey-gold-button:focus {
  text-decoration: none;
}

.grey-gold-button:active {
  outline: 0;
}

.gold-gold-button, .chat-app .button-chat-send {
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  color: #000000;
  border: 1px solid #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gold-gold-button:hover, .chat-app .button-chat-send:hover, .gold-gold-button:focus, .chat-app .button-chat-send:focus {
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #c8aa67;
  color: black;
}

.gold-gold-button:visited, .chat-app .button-chat-send:visited {
  color: #000000;
}

.gold-gold-button:hover, .chat-app .button-chat-send:hover, .gold-gold-button:focus, .chat-app .button-chat-send:focus {
  text-decoration: none;
}

.gold-gold-button:active, .chat-app .button-chat-send:active {
  outline: 0;
}

.gold-white-button {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #FFFFFF;
  border: 1px solid #c19f54;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gold-white-button:hover, .gold-white-button:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #c8aa67;
  color: #f2f2f2;
}

.gold-white-button:visited {
  color: #FFFFFF;
}

.gold-white-button:hover, .gold-white-button:focus {
  text-decoration: none;
}

.gold-white-button:active {
  outline: 0;
}

.grey-white-button {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #FFFFFF;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.grey-white-button:hover, .grey-white-button:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #343434;
  color: #f2f2f2;
}

.grey-white-button:visited {
  color: #FFFFFF;
}

.grey-white-button:hover, .grey-white-button:focus {
  text-decoration: none;
}

.grey-white-button:active {
  outline: 0;
}

.grey-grey-button {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #676767;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.grey-grey-button:hover, .grey-grey-button:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #343434;
  color: #5a5a5a;
}

.grey-grey-button:visited {
  color: #676767;
}

.grey-grey-button:hover, .grey-grey-button:focus {
  text-decoration: none;
}

.grey-grey-button:active {
  outline: 0;
}

.black-black-button {
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  color: #000000;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #c8aa67;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.black-black-button:hover, .black-black-button:focus {
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #343434;
  color: black;
}

.black-black-button:visited {
  color: #000000;
}

.black-black-button:hover, .black-black-button:focus {
  text-decoration: none;
}

.black-black-button:active {
  outline: 0;
}

.black-gold-button {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #c19f54;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.black-gold-button:hover, .black-gold-button:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #343434;
  color: #b99443;
}

.black-gold-button:visited {
  color: #c19f54;
}

.black-gold-button:hover, .black-gold-button:focus {
  text-decoration: none;
}

.black-gold-button:active {
  outline: 0;
}

.black-black-cancel-button {
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  color: #000000;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #c8aa67;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=50);
}

.black-black-cancel-button:hover, .black-black-cancel-button:focus {
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #343434;
  color: black;
}

.black-black-cancel-button:visited {
  color: #000000;
}

.black-black-cancel-button:hover, .black-black-cancel-button:focus {
  text-decoration: none;
}

.black-black-cancel-button:active {
  outline: 0;
}

.grey-white-add-circle-button {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #FFFFFF;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.grey-white-add-circle-button:hover, .grey-white-add-circle-button:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #343434;
  color: #f2f2f2;
}

.grey-white-add-circle-button:visited {
  color: #FFFFFF;
}

.grey-white-add-circle-button:hover, .grey-white-add-circle-button:focus {
  text-decoration: none;
}

.grey-white-add-circle-button:active {
  outline: 0;
}

.black-black-button:hover {
  background-color: #a6853c;
}

/*
    Buttons Sizes
*/
.very-small-button, .chat-app .button-chat-send {
  font-size: 12px;
  padding: 0.6em 1.5em 0.5em 1.5em;
  text-align: center;
}

.small-button {
  font-size: 12px;
  padding: 0.8em 1.5em 0.7em 1.5em;
  text-align: center;
}

.medium-button {
  font-size: 14px;
  padding: 0.8em 1.5em 0.7em 1.5em;
  text-align: center;
}

.large-button {
  font-size: 22px;
  padding: 0.8em 1.5em;
  text-align: center;
}

/*
    Help Buttons
*/
.upload-button {
  position: absolute;
  top: 45%;
  left: 50%;
  margin: -2% 0 0 -40%;
  width: 80%;
}

.upload-button input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 43px;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=0);
}

.half {
  margin: 10px 0;
  display: block;
}

@media (min-width: 75.4375em) {
  .half {
    width: 47%;
    margin: 0% 1%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
}

.lt-ie9 .half {
  width: 47%;
}

.lt-ie8 .half {
  width: 40%;
}

/*
    Aditional Custom Styles
*/
.components-button {
  margin-top: 1.5em;
}

/*
Buttons for sign in and sign up
 */
.sign-in-with-twitter-button,
.sign-in-with-github-button,
.sign-in-with-mail-button {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #FFFFFF;
  border: 1px solid #000000;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 5px;
}

.sign-in-with-twitter-button:hover, .sign-in-with-twitter-button:focus,
.sign-in-with-github-button:hover,
.sign-in-with-github-button:focus,
.sign-in-with-mail-button:hover,
.sign-in-with-mail-button:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #0d0d0d;
  color: #f2f2f2;
}

.sign-in-with-twitter-button:visited,
.sign-in-with-github-button:visited,
.sign-in-with-mail-button:visited {
  color: #FFFFFF;
}

.sign-in-with-twitter-button:hover, .sign-in-with-twitter-button:focus,
.sign-in-with-github-button:hover,
.sign-in-with-github-button:focus,
.sign-in-with-mail-button:hover,
.sign-in-with-mail-button:focus {
  text-decoration: none;
}

.sign-in-with-twitter-button:active,
.sign-in-with-github-button:active,
.sign-in-with-mail-button:active {
  outline: 0;
}

.sign-in-with-twitter-button i,
.sign-in-with-github-button i,
.sign-in-with-mail-button i {
  line-height: 16px;
  font-size: 26px;
  float: left;
  margin-right: 10px;
}

.sign-in-with-twitter-button {
  background-image: linear-gradient(-180deg, #00ACED 0%, #0099d4 100%);
  color: #FFFFFF;
  border: 1px solid #00ACED;
  text-shadow: 0px 1px 0px false #08bbff;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sign-in-with-twitter-button:hover, .sign-in-with-twitter-button:focus {
  background-image: linear-gradient(-180deg, #08bbff 0%, #00ACED 100%);
  border-color: #08bbff;
  color: #f2f2f2;
}

.sign-in-with-twitter-button:visited {
  color: #FFFFFF;
}

.sign-in-with-twitter-button:hover, .sign-in-with-twitter-button:focus {
  text-decoration: none;
}

.sign-in-with-twitter-button:active {
  outline: 0;
}

.sign-in-with-twitter-button:hover {
  background-color: #0087ba;
}

.sign-in-with-twitter-button i {
  line-height: 16px;
  font-size: 26px;
  float: left;
  margin-right: 10px;
}

.sign-in-with-github-button {
  background-color: #272727;
}

.sign-in-with-github-button:hover {
  background-color: #0d0d0d;
}

.sign-in-with-github-button i {
  line-height: 16px;
  font-size: 26px;
  float: left;
  margin-right: 10px;
}

.sign-in-with-mail-button {
  background-color: #2f7bc3;
}

.sign-in-with-mail-button:hover {
  background-color: #79addf;
}

.button-with-cancel {
  margin-right: 1.5em;
}

.button-gold-full {
  color: #000000;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  padding: 10px 30px 8px 30px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-gold-full:hover, .button-gold-full:focus, .button-gold-full.focus, .button-gold-full:active, .button-gold-full.active {
  color: #000000;
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #b99443;
}

.button-gold-full.disabled, .button-gold-full.disabled:hover, .button-gold-full.disabled:focus, .button-gold-full.disabled.focus, .button-gold-full.disabled:active, .button-gold-full.disabled.active, .button-gold-full[disabled], .button-gold-full[disabled]:hover, .button-gold-full[disabled]:focus, .button-gold-full[disabled].focus, .button-gold-full[disabled]:active, .button-gold-full[disabled].active {
  background-color: #c19f54;
  border-color: #c19f54;
}

.button-gold-full:hover {
  border-width: 1px;
  border-style: solid;
}

.button-gold-full-medium {
  color: #000000;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  padding: 8px 25px 7px 25px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-gold-full-medium:hover, .button-gold-full-medium:focus, .button-gold-full-medium.focus, .button-gold-full-medium:active, .button-gold-full-medium.active {
  color: #000000;
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #b99443;
}

.button-gold-full-medium.disabled, .button-gold-full-medium.disabled:hover, .button-gold-full-medium.disabled:focus, .button-gold-full-medium.disabled.focus, .button-gold-full-medium.disabled:active, .button-gold-full-medium.disabled.active, .button-gold-full-medium[disabled], .button-gold-full-medium[disabled]:hover, .button-gold-full-medium[disabled]:focus, .button-gold-full-medium[disabled].focus, .button-gold-full-medium[disabled]:active, .button-gold-full-medium[disabled].active {
  background-color: #c19f54;
  border-color: #c19f54;
}

.button-gold-full-medium:hover {
  border-width: 1px;
  border-style: solid;
}

.button-gold-full-small {
  color: #000000;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  padding: 6px 20px 4px 20px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-gold-full-small:hover, .button-gold-full-small:focus, .button-gold-full-small.focus, .button-gold-full-small:active, .button-gold-full-small.active {
  color: #000000;
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #b99443;
}

.button-gold-full-small.disabled, .button-gold-full-small.disabled:hover, .button-gold-full-small.disabled:focus, .button-gold-full-small.disabled.focus, .button-gold-full-small.disabled:active, .button-gold-full-small.disabled.active, .button-gold-full-small[disabled], .button-gold-full-small[disabled]:hover, .button-gold-full-small[disabled]:focus, .button-gold-full-small[disabled].focus, .button-gold-full-small[disabled]:active, .button-gold-full-small[disabled].active {
  background-color: #c19f54;
  border-color: #c19f54;
}

.button-gold-full-small:hover {
  border-width: 1px;
  border-style: solid;
}

.button-gold-full-tinny {
  color: #000000;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  padding: 5px 17px 3px 17px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-gold-full-tinny:hover, .button-gold-full-tinny:focus, .button-gold-full-tinny.focus, .button-gold-full-tinny:active, .button-gold-full-tinny.active {
  color: #000000;
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #b99443;
}

.button-gold-full-tinny.disabled, .button-gold-full-tinny.disabled:hover, .button-gold-full-tinny.disabled:focus, .button-gold-full-tinny.disabled.focus, .button-gold-full-tinny.disabled:active, .button-gold-full-tinny.disabled.active, .button-gold-full-tinny[disabled], .button-gold-full-tinny[disabled]:hover, .button-gold-full-tinny[disabled]:focus, .button-gold-full-tinny[disabled].focus, .button-gold-full-tinny[disabled]:active, .button-gold-full-tinny[disabled].active {
  background-color: #c19f54;
  border-color: #c19f54;
}

.button-gold-full-tinny:hover {
  border-width: 1px;
  border-style: solid;
}

/*
    Button Gold Gold
---------------------------------------------------*/
.button-gold-gold {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #343434;
  padding: 10px 30px 8px 30px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-gold-gold:hover, .button-gold-gold:focus, .button-gold-gold.focus, .button-gold-gold:active, .button-gold-gold.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #b99443;
}

.button-gold-gold.disabled, .button-gold-gold.disabled:hover, .button-gold-gold.disabled:focus, .button-gold-gold.disabled.focus, .button-gold-gold.disabled:active, .button-gold-gold.disabled.active, .button-gold-gold[disabled], .button-gold-gold[disabled]:hover, .button-gold-gold[disabled]:focus, .button-gold-gold[disabled].focus, .button-gold-gold[disabled]:active, .button-gold-gold[disabled].active {
  background-color: #272727;
  border-color: #c19f54;
}

.button-gold-gold:hover {
  border-width: 1px;
  border-style: solid;
}

.button-gold-gold-medium {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #343434;
  padding: 8px 25px 7px 25px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-gold-gold-medium:hover, .button-gold-gold-medium:focus, .button-gold-gold-medium.focus, .button-gold-gold-medium:active, .button-gold-gold-medium.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #b99443;
}

.button-gold-gold-medium.disabled, .button-gold-gold-medium.disabled:hover, .button-gold-gold-medium.disabled:focus, .button-gold-gold-medium.disabled.focus, .button-gold-gold-medium.disabled:active, .button-gold-gold-medium.disabled.active, .button-gold-gold-medium[disabled], .button-gold-gold-medium[disabled]:hover, .button-gold-gold-medium[disabled]:focus, .button-gold-gold-medium[disabled].focus, .button-gold-gold-medium[disabled]:active, .button-gold-gold-medium[disabled].active {
  background-color: #272727;
  border-color: #c19f54;
}

.button-gold-gold-medium:hover {
  border-width: 1px;
  border-style: solid;
}

.button-gold-gold-small, .button-menu {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #343434;
  padding: 6px 20px 4px 20px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-gold-gold-small:hover, .button-menu:hover, .button-gold-gold-small:focus, .button-menu:focus, .button-gold-gold-small.focus, .focus.button-menu, .button-gold-gold-small:active, .button-menu:active, .button-gold-gold-small.active, .active.button-menu {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #b99443;
}

.button-gold-gold-small.disabled, .disabled.button-menu, .button-gold-gold-small.disabled:hover, .disabled.button-menu:hover, .button-gold-gold-small.disabled:focus, .disabled.button-menu:focus, .button-gold-gold-small.disabled.focus, .disabled.focus.button-menu, .button-gold-gold-small.disabled:active, .disabled.button-menu:active, .button-gold-gold-small.disabled.active, .disabled.active.button-menu, .button-gold-gold-small[disabled], [disabled].button-menu, .button-gold-gold-small[disabled]:hover, [disabled].button-menu:hover, .button-gold-gold-small[disabled]:focus, [disabled].button-menu:focus, .button-gold-gold-small[disabled].focus, [disabled].focus.button-menu, .button-gold-gold-small[disabled]:active, [disabled].button-menu:active, .button-gold-gold-small[disabled].active, [disabled].active.button-menu {
  background-color: #272727;
  border-color: #c19f54;
}

.button-gold-gold-small:hover, .button-menu:hover {
  border-width: 1px;
  border-style: solid;
}

.button-gold-gold-tinny {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #343434;
  padding: 5px 17px 3px 17px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-gold-gold-tinny:hover, .button-gold-gold-tinny:focus, .button-gold-gold-tinny.focus, .button-gold-gold-tinny:active, .button-gold-gold-tinny.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #b99443;
}

.button-gold-gold-tinny.disabled, .button-gold-gold-tinny.disabled:hover, .button-gold-gold-tinny.disabled:focus, .button-gold-gold-tinny.disabled.focus, .button-gold-gold-tinny.disabled:active, .button-gold-gold-tinny.disabled.active, .button-gold-gold-tinny[disabled], .button-gold-gold-tinny[disabled]:hover, .button-gold-gold-tinny[disabled]:focus, .button-gold-gold-tinny[disabled].focus, .button-gold-gold-tinny[disabled]:active, .button-gold-gold-tinny[disabled].active {
  background-color: #272727;
  border-color: #c19f54;
}

.button-gold-gold-tinny:hover {
  border-width: 1px;
  border-style: solid;
}

/*
    Button Grey Gold
---------------------------------------------------*/
.button-grey-gold {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  padding: 10px 30px 8px 30px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-grey-gold:hover, .button-grey-gold:focus, .button-grey-gold.focus, .button-grey-gold:active, .button-grey-gold.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #1a1a1a;
}

.button-grey-gold.disabled, .button-grey-gold.disabled:hover, .button-grey-gold.disabled:focus, .button-grey-gold.disabled.focus, .button-grey-gold.disabled:active, .button-grey-gold.disabled.active, .button-grey-gold[disabled], .button-grey-gold[disabled]:hover, .button-grey-gold[disabled]:focus, .button-grey-gold[disabled].focus, .button-grey-gold[disabled]:active, .button-grey-gold[disabled].active {
  background-color: #272727;
  border-color: #272727;
}

.button-grey-gold:hover {
  border-width: 1px;
  border-style: solid;
}

.button-grey-gold-medium {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  padding: 8px 25px 7px 25px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-grey-gold-medium:hover, .button-grey-gold-medium:focus, .button-grey-gold-medium.focus, .button-grey-gold-medium:active, .button-grey-gold-medium.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #1a1a1a;
}

.button-grey-gold-medium.disabled, .button-grey-gold-medium.disabled:hover, .button-grey-gold-medium.disabled:focus, .button-grey-gold-medium.disabled.focus, .button-grey-gold-medium.disabled:active, .button-grey-gold-medium.disabled.active, .button-grey-gold-medium[disabled], .button-grey-gold-medium[disabled]:hover, .button-grey-gold-medium[disabled]:focus, .button-grey-gold-medium[disabled].focus, .button-grey-gold-medium[disabled]:active, .button-grey-gold-medium[disabled].active {
  background-color: #272727;
  border-color: #272727;
}

.button-grey-gold-medium:hover {
  border-width: 1px;
  border-style: solid;
}

.button-grey-gold-small {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  padding: 6px 20px 4px 20px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-grey-gold-small:hover, .button-grey-gold-small:focus, .button-grey-gold-small.focus, .button-grey-gold-small:active, .button-grey-gold-small.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #1a1a1a;
}

.button-grey-gold-small.disabled, .button-grey-gold-small.disabled:hover, .button-grey-gold-small.disabled:focus, .button-grey-gold-small.disabled.focus, .button-grey-gold-small.disabled:active, .button-grey-gold-small.disabled.active, .button-grey-gold-small[disabled], .button-grey-gold-small[disabled]:hover, .button-grey-gold-small[disabled]:focus, .button-grey-gold-small[disabled].focus, .button-grey-gold-small[disabled]:active, .button-grey-gold-small[disabled].active {
  background-color: #272727;
  border-color: #272727;
}

.button-grey-gold-small:hover {
  border-width: 1px;
  border-style: solid;
}

.button-grey-gold-tinny {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  padding: 5px 17px 3px 17px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-grey-gold-tinny:hover, .button-grey-gold-tinny:focus, .button-grey-gold-tinny.focus, .button-grey-gold-tinny:active, .button-grey-gold-tinny.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #1a1a1a;
}

.button-grey-gold-tinny.disabled, .button-grey-gold-tinny.disabled:hover, .button-grey-gold-tinny.disabled:focus, .button-grey-gold-tinny.disabled.focus, .button-grey-gold-tinny.disabled:active, .button-grey-gold-tinny.disabled.active, .button-grey-gold-tinny[disabled], .button-grey-gold-tinny[disabled]:hover, .button-grey-gold-tinny[disabled]:focus, .button-grey-gold-tinny[disabled].focus, .button-grey-gold-tinny[disabled]:active, .button-grey-gold-tinny[disabled].active {
  background-color: #272727;
  border-color: #272727;
}

.button-grey-gold-tinny:hover {
  border-width: 1px;
  border-style: solid;
}

/*
    Button Grey Grey
---------------------------------------------------*/
.button-grey-grey {
  display: inline-block;
  color: #4D4D4D;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  padding: 10px 30px 8px 30px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-grey-grey:hover, .button-grey-grey:focus, .button-grey-grey.focus, .button-grey-grey:active, .button-grey-grey.active {
  color: #4D4D4D;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #1a1a1a;
}

.button-grey-grey.disabled, .button-grey-grey.disabled:hover, .button-grey-grey.disabled:focus, .button-grey-grey.disabled.focus, .button-grey-grey.disabled:active, .button-grey-grey.disabled.active, .button-grey-grey[disabled], .button-grey-grey[disabled]:hover, .button-grey-grey[disabled]:focus, .button-grey-grey[disabled].focus, .button-grey-grey[disabled]:active, .button-grey-grey[disabled].active {
  background-color: #272727;
  border-color: #272727;
}

.button-grey-grey:hover {
  border-width: 1px;
  border-style: solid;
}

.button-grey-grey-medium {
  color: #4D4D4D;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  padding: 8px 25px 7px 25px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-grey-grey-medium:hover, .button-grey-grey-medium:focus, .button-grey-grey-medium.focus, .button-grey-grey-medium:active, .button-grey-grey-medium.active {
  color: #4D4D4D;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #1a1a1a;
}

.button-grey-grey-medium.disabled, .button-grey-grey-medium.disabled:hover, .button-grey-grey-medium.disabled:focus, .button-grey-grey-medium.disabled.focus, .button-grey-grey-medium.disabled:active, .button-grey-grey-medium.disabled.active, .button-grey-grey-medium[disabled], .button-grey-grey-medium[disabled]:hover, .button-grey-grey-medium[disabled]:focus, .button-grey-grey-medium[disabled].focus, .button-grey-grey-medium[disabled]:active, .button-grey-grey-medium[disabled].active {
  background-color: #272727;
  border-color: #272727;
}

.button-grey-grey-medium:hover {
  border-width: 1px;
  border-style: solid;
}

.button-grey-grey-small {
  color: #4D4D4D;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  padding: 6px 20px 4px 20px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-grey-grey-small:hover, .button-grey-grey-small:focus, .button-grey-grey-small.focus, .button-grey-grey-small:active, .button-grey-grey-small.active {
  color: #4D4D4D;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #1a1a1a;
}

.button-grey-grey-small.disabled, .button-grey-grey-small.disabled:hover, .button-grey-grey-small.disabled:focus, .button-grey-grey-small.disabled.focus, .button-grey-grey-small.disabled:active, .button-grey-grey-small.disabled.active, .button-grey-grey-small[disabled], .button-grey-grey-small[disabled]:hover, .button-grey-grey-small[disabled]:focus, .button-grey-grey-small[disabled].focus, .button-grey-grey-small[disabled]:active, .button-grey-grey-small[disabled].active {
  background-color: #272727;
  border-color: #272727;
}

.button-grey-grey-small:hover {
  border-width: 1px;
  border-style: solid;
}

.button-grey-grey-tinny {
  color: #4D4D4D;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  padding: 5px 17px 3px 17px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  outline: none;
}

.button-grey-grey-tinny:hover, .button-grey-grey-tinny:focus, .button-grey-grey-tinny.focus, .button-grey-grey-tinny:active, .button-grey-grey-tinny.active {
  color: #4D4D4D;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #1a1a1a;
}

.button-grey-grey-tinny.disabled, .button-grey-grey-tinny.disabled:hover, .button-grey-grey-tinny.disabled:focus, .button-grey-grey-tinny.disabled.focus, .button-grey-grey-tinny.disabled:active, .button-grey-grey-tinny.disabled.active, .button-grey-grey-tinny[disabled], .button-grey-grey-tinny[disabled]:hover, .button-grey-grey-tinny[disabled]:focus, .button-grey-grey-tinny[disabled].focus, .button-grey-grey-tinny[disabled]:active, .button-grey-grey-tinny[disabled].active {
  background-color: #272727;
  border-color: #272727;
}

.button-grey-grey-tinny:hover {
  border-width: 1px;
  border-style: solid;
}

/*
    Other Buttons
---------------------------------------------------*/
.button-menu {
  float: right;
  margin-top: 4px;
  display: inline-block;
}

@media (min-width: 62.4375em) {
  .button-menu {
    display: none;
  }
}

.button-upload {
  position: relative;
  display: inline-block;
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #343434;
  padding: 10px 25px 5px 25px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  cursor: pointer;
}

.button-upload:hover, .button-upload:focus, .button-upload.focus, .button-upload:active, .button-upload.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #b99443;
}

.button-upload.disabled, .button-upload.disabled:hover, .button-upload.disabled:focus, .button-upload.disabled.focus, .button-upload.disabled:active, .button-upload.disabled.active, .button-upload[disabled], .button-upload[disabled]:hover, .button-upload[disabled]:focus, .button-upload[disabled].focus, .button-upload[disabled]:active, .button-upload[disabled].active {
  background-color: #272727;
  border-color: #c19f54;
}

.button-upload:hover {
  border-width: 1px;
  border-style: solid;
}

.button-upload input[type="file"],
.button-upload .upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=0);
  cursor: pointer;
}

.button-upload-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  display: inline-block;
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  padding: 3px 0;
  font-size: 14px;
  font-size: 1.4rem;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}

.button-upload-icon:hover, .button-upload-icon:focus, .button-upload-icon.focus, .button-upload-icon:active, .button-upload-icon.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #1a1a1a;
}

.button-upload-icon.disabled, .button-upload-icon.disabled:hover, .button-upload-icon.disabled:focus, .button-upload-icon.disabled.focus, .button-upload-icon.disabled:active, .button-upload-icon.disabled.active, .button-upload-icon[disabled], .button-upload-icon[disabled]:hover, .button-upload-icon[disabled]:focus, .button-upload-icon[disabled].focus, .button-upload-icon[disabled]:active, .button-upload-icon[disabled].active {
  background-color: #272727;
  border-color: #272727;
}

.button-upload-icon:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #c19f54;
  color: #c19f54;
}

.button-upload-icon input[type="file"],
.button-upload-icon .upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=0);
  cursor: pointer;
}

.button-move {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  color: #c19f54;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #4D4D4D;
  text-shadow: 0px 1px 0px false #343434;
  padding: 3px 0;
  font-size: 14px;
  font-size: 1.4rem;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  border-radius: 50%;
  cursor: move;
  display: none;
}

.button-move:hover, .button-move:focus, .button-move.focus, .button-move:active, .button-move.active {
  color: #c19f54;
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #404040;
}

.button-move.disabled, .button-move.disabled:hover, .button-move.disabled:focus, .button-move.disabled.focus, .button-move.disabled:active, .button-move.disabled.active, .button-move[disabled], .button-move[disabled]:hover, .button-move[disabled]:focus, .button-move[disabled].focus, .button-move[disabled]:active, .button-move[disabled].active {
  background-color: #272727;
  border-color: #4D4D4D;
}

.button-move:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #c19f54;
  color: #c19f54;
}

.button-ie7 {
  color: #FFFFFF;
  background-image: linear-gradient(-180deg, #CB5555 0%, #c54141 100%);
  border-color: #FFFFFF;
  text-shadow: 0px 1px 0px false #d16969;
  display: inline-block;
  padding: 10px 25px 5px 25px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
}

.button-ie7:hover, .button-ie7:focus, .button-ie7.focus, .button-ie7:active, .button-ie7.active {
  color: #FFFFFF;
  background-image: linear-gradient(-180deg, #d16969 0%, #CB5555 100%);
  border-color: #f2f2f2;
}

.button-ie7.disabled, .button-ie7.disabled:hover, .button-ie7.disabled:focus, .button-ie7.disabled.focus, .button-ie7.disabled:active, .button-ie7.disabled.active, .button-ie7[disabled], .button-ie7[disabled]:hover, .button-ie7[disabled]:focus, .button-ie7[disabled].focus, .button-ie7[disabled]:active, .button-ie7[disabled].active {
  background-color: #CB5555;
  border-color: #FFFFFF;
}

.button-ie7:hover {
  border-width: 1px;
  border-style: solid;
}

/*doc
---
title: Icons
name: icons
category: structure
---

Icons format:

```html_example
    <span class='icon-add'></span>
```

Icon                                               | Class                         | Description
-------------------------------------------------- | ----------------------------- | -----------
<span class='icon-event'></span>                   | `icon-event`                  |
<span class='icon-add'></span>                     | `icon-add`                    | Gold circle with plus. "Add" used for adding additional external links.
<span class='icon-remove'></span>                  | `icon-remove`                 |
<span class='icon-github'></span>                  | `icon-github`                 | Gold github logo. For profile/project external links.
<span class='icon-dropbox'></span>                 | `icon-dropbox`                | Gold dropbox logo. For profile/project external links.
<span class='icon-other'></span>                   | `icon-other`                  | Gold star. For profile/project external links.
<span class='icon-location'></span>                | `icon-location`               | Gray location marker. For user's location on profile header.
<span class='icon-notice'></span>                  | `icon-notice`                 | Gray circle with exclamation mark. Expalantion section icon. Ie. Project picture guidelines.
<span class='icon-comment'></span>                 | `icon-comment`                | Gray speech bubble. Used when comments/bits mentioned. Ie. project details sidebar, project list thumbnails, etc.
<span class='icon-comment-with-hover'></span>      | `icon-comment-with-hover`     | Adds Gold hover state for icon-comment
<span class='icon-commented'></span>               | `icon-commented`              | Gold speech bubble. If user has commented on a project, this icon is shown.
<span class='icon-add-comment'></span>             | `icon-add-comment`            | Small gold speech bubble. (currently not in use)
<span class='icon-replay'></span>                  | `icon-replay`                 | Gray return arrow. (currently not in use)
<span class='icon-view-count'></span>              | `icon-view-count`             | Gray eye. Used when project view count is presented.
<span class='icon-view'></span>                    | `icon-view`                   | Gray people. Used when project followers is presented. (class name should be changed?)
<span class='icon-following'></span>               | `icon-following`              | Gold people. Active state for icon-view.
<span class='icon-skull'></span>                   | `icon-skull`                  | Gray skull. Used when project skulls is presented.
<span class='icon-skulled'></span>                 | `icon-skulled`                | Gold skull. Active state for icon-skull.
<span class='icon-list'></span>                    | `icon-list`                   | Gray grid. Used for project count on Lists.
<span class='icon-checkmark-gray'></span>          | `icon-checkmark-gray`         | Gray checkmark. Used when a Follow button pressed.
<span class='icon-checkmark-green'></span>         | `icon-checkmark-green`        | Green checkmark. Used when an action is successfully completed. Ie. Sent invitations.
<span class='icon-checkbox-white-bg'></span>       | `icon-checkbox-white-bg`      | Old "following list" icon. Not currently in use Eren believes.
<span class='icon-twitter'></span>                 | `icon-twitter`                | Gray twitter logo. Used for "share" actions.
<span class='icon-google'></span>                  | `icon-google`                 | Gray google plus logo. Used for "share" actions.
<span class='icon-facebook'></span>                | `icon-facebook`               | Gray facebook logo. Used for "share" actions.
<span class='icon-twitter-notext'></span>          | `icon-twitter-notext`         | ?
<span class='icon-feeds'></span>                   | `icon-feeds`                  | Gray feed card icon. Used for Feed on header.
<span class='icon-messages'></span>                | `icon-messages`               | Gray speech bubbles. Used for Messages on header.
<span class='icon-google-black-large'></span>      | `icon-google-black-large`     | Large black google plus logo. Used on gold bar.
<span class='icon-facebook-black-large'></span>    | `icon-facebook-black-large`   | Large black facebook logo. Used on gold bar.
<span class='icon-twitter-black-large'></span>     | `icon-twitter-black-large`    | Large black twitter logo. Used on gold bar.
<span class='icon-add-test'></span>                | `icon-add-test`               |
<span class='icon-alert'></span>                   | `icon-alert`                  |
<span class='icon-arrowdown'></span>               | `icon-arrowdown`              |
<span class='icon-arrowleft'></span>               | `icon-arrowleft`              |
<span class='icon-arrowright'></span>              | `icon-arrowright`             |
<span class='icon-arrowup'></span>                 | `icon-arrowup`                |
<span class='icon-calendar'></span>                | `icon-calendar`               |
<span class='icon-calendaradd'></span>             | `icon-calendaradd`            |
<span class='icon-circleprogress'></span>          | `icon-circleprogress`         |
<span class='icon-close-test'></span>              | `icon-close-test`             |
<span class='icon-completed'></span>               | `icon-completed`              |
<span class='icon-discussions'></span>             | `icon-discussions`            |
<span class='icon-dropbox-test'></span>            | `icon-dropbox-test`           |
<span class='icon-eye'></span>                     | `icon-eye`                    | View count
<span class='icon-facebook-test'></span>           | `icon-facebook-test`          |
<span class='icon-facebook-circle'></span>         | `icon-facebook-circle`        |
<span class='icon-feed'></span>                    | `icon-feed`                   |
<span class='icon-follow'></span>                  | `icon-follow`                 |
<span class='icon-github-test'></span>             | `icon-github-test`            |
<span class='icon-githublogo'></span>              | `icon-githublogo`             |
<span class='icon-googleplus'></span>              | `icon-googleplus`             |
<span class='icon-googleplus-circle'></span>       | `icon-googleplus-circle`      |
<span class='icon-hardware'></span>                | `icon-hardware`               |
<span class='icon-home'></span>                    | `icon-home`                   |
<span class='icon-importimage'></span>             | `icon-importimage`            | Messaging add photo
<span class='icon-join'></span>                    | `icon-join`                   |
<span class='icon-list-test'></span>               | `icon-list-test`              |
<span class='icon-location-test'></span>           | `icon-location-test`          |
<span class='icon-lock'></span>                    | `icon-lock`                   |
<span class='icon-longarrowdown'></span>           | `icon-longarrowdown`          |
<span class='icon-longarrowleft'></span>           | `icon-longarrowleft`          |
<span class='icon-longarrowright'></span>          | `icon-longarrowright`         |
<span class='icon-longarrowup'></span>             | `icon-longarrowup`            |
<span class='icon-messages'></span>                | `icon-messages`               |
<span class='icon-misc'></span>                    | `icon-misc`                   |
<span class='icon-move'></span>                    | `icon-move`                   |
<span class='icon-options'></span>                 | `icon-options`                |
<span class='icon-other-test'></span>              | `icon-other-test`             |
<span class='icon-page'></span>                    | `icon-page`                   |
<span class='icon-prize'></span>                   | `icon-prize`                  |
<span class='icon-project-update'></span>          | `icon-project-update`         |
<span class='icon-search'></span>                  | `icon-search`                 |
<span class='icon-skull-test'></span>              | `icon-skull-test`             |
<span class='icon-software'></span>                | `icon-software`               |
<span class='icon-star'></span>                    | `icon-star`                   |
<span class='icon-storage'></span>                 | `icon-storage`                |
<span class='icon-trash'></span>                   | `icon-trash`                  |
<span class='icon-twitter-test'></span>            | `icon-twitter-test`           |
<span class='icon-twitterlogo'></span>             | `icon-twitterlogo`            |
<span class='icon-unlock'></span>                  | `icon-unlock`                 |
<span class='icon-user'></span>                    | `icon-user`                   |
<span class='icon-users'></span>                   | `icon-users`                  |

*/
/***********************************************************
     Icons
************************************************************/
[data-icon]:before {
  content: attr(data-icon);
}

[data-icon]:before,
.icon-add:before,
.icon-add-test:before,
.add-icon-contributors:before,
.feed-icon-componentsnew:before,
.feed-icon-getBadge:before,
.icon-add-circle:before,
.icon-alert-circle:before,
.icon-alert:before,
.icon-notice:before,
.icon-arrow-down:before,
.icon-arrowdown:before,
.icon-arrow-left:before,
.icon-arrowleft:before,
.icon-arrow-right:before,
.icon-arrowright:before,
.icon-arrow-up:before,
.icon-arrowup:before,
.icon-attachment:before,
.icon-bell:before,
.icon-bell-normal:before,
.icon-bell-ringing:before,
.icon-bell-silent:before,
.icon-blank:before,
.icon-other-test:before,
.new-feed .feed-icon.feed-icon-add-contest:before,
.new-feed .feed-icon.feed-icon-update-contest:before,
.icon-blank-circle:before,
.icon-external:before,
.icon-calendar:before,
.icon-event:before,
.feed-icon-eventnew:before,
.feed-icon-eventupdate:before,
.new-feed .feed-icon.feed-icon-add-event:before,
.new-feed .feed-icon.feed-icon-update-event:before,
.icon-calendar-add:before,
.icon-calendaradd:before,
.feed-icon-contestnew:before,
.feed-icon-contestupdate:before,
.feed-icon-hackathonupdate:before,
.feed-icon-hackathonnew:before,
.icon-close:before,
.icon-close-test:before,
.modal-close-icon:before,
.modal-close:before,
.submissions-close:before,
.input-username-unavailable:before,
.alert-close:before,
.icon-close-circle:before,
.icon-remove:before,
.icon-code:before,
.icon-comment:before,
.icon-commented:before,
.icon-add-comment:before,
.feed-icon-discussionsComment:before,
.feed-icon-discussionsCommentReply:before,
.feed-icon-profileComment:before,
.feed-icon-profileCommentReply:before,
.feed-icon-profilePageComment:before,
.feed-icon-profilePageCommentReply:before,
.feed-icon-stackPageComment:before,
.feed-icon-stackPageCommentReply:before,
.feed-icon-logPageComment:before,
.feed-icon-logPageCommentReply:before,
.feed-icon-instructionPageComment:before,
.feed-icon-instructionPageCommentReply:before,
.icon-complete-circle:before,
.icon-completed:before,
.new-feed .feed-icon.feed-icon-follow:before,
.new-feed .feed-icon.feed-icon-follow-list:before,
.new-feed .feed-icon.feed-icon-follow-project:before,
.new-feed .feed-icon.feed-icon-follow-user:before,
.new-feed .feed-icon.feed-icon-user-follow-project:before,
.new-feed .feed-icon.feed-icon-user-follow-hackerspace:before,
.new-feed .feed-icon.feed-icon-user-follow-list:before,
.new-feed .feed-icon.feed-icon-user-follow-contest:before,
.icon-discussion:before,
.feed-icon-privateMessage:before,
.icon-discussions:before,
.new-feed .feed-icon.feed-icon-add-reply:before,
.new-feed .feed-icon.feed-icon-post-comment:before,
.new-feed .feed-icon.feed-icon-post-comment-contest:before,
.new-feed .feed-icon.feed-icon-post-comment-event:before,
.new-feed .feed-icon.feed-icon-post-comment-hackerspace:before,
.new-feed .feed-icon.feed-icon-post-comment-log:before,
.new-feed .feed-icon.feed-icon-post-comment-page:before,
.new-feed .feed-icon.feed-icon-post-comment-profile:before,
.new-feed .feed-icon.feed-icon-post-comment-project:before,
.new-feed .feed-icon.feed-icon-post-comment-stack:before,
.new-feed .feed-icon.feed-icon-post-comment-instruction:before,
.icon-download-circle:before,
.icon-download:before,
.icon-dropbox:before,
.icon-dropbox-test:before,
.icon-dropdown:before,
.icon-dropup:before,
.icon-edit:before,
.icon-eye:before,
.icon-eye-circle:before,
.icon-preview:before,
.icon-facebook:before,
.icon-facebook-test:before,
.icon-facebook-notext:before,
.icon-facebook-black-large:before,
.icon-facebook-circle:before,
.icon-feed:before,
.icon-feeds:before,
.icon-follow:before,
.icon-checkmark-gray:before,
.icon-checkmark-green:before,
.icon-checkbox-white-bg:before,
.input-username-available:before,
.icon-github:before,
.icon-github-test:before,
.icon-githublogo:before,
.icon-github-circle:before,
.icon-google:before,
.icon-googleplus:before,
.icon-google-notext:before,
.icon-google-black-large:before,
.icon-google-circle:before,
.icon-googleplus-circle:before,
.icon-hardware:before,
.icon-home:before,
.icon-image:before,
.icon-import-image:before,
.icon-importimage:before,
.icon-info-circle:before,
.icon-invader:before,
.icon-link:before,
.icon-list:before,
.icon-list-test:before,
.new-feed .feed-icon.feed-icon-add-list:before,
.new-feed .feed-icon.feed-icon-add-project-list:before,
.new-feed .feed-icon.feed-icon-update-list:before,
.feed-icon-listnew:before,
.feed-icon-listupdate:before,
.feed-icon-inList:before,
.icon-location:before,
.icon-location-test:before,
.new-feed .feed-icon.feed-icon-add-hackerspace:before,
.new-feed .feed-icon.feed-icon-update-hackerspace:before,
.icon-lock:before,
.icon-long-arrow-down:before,
.icon-longarrowdown:before,
.icon-long-arrow-left:before,
.icon-longarrowleft:before,
.icon-long-arrow-right:before,
.icon-longarrowright:before,
.icon-long-arrow-up:before,
.icon-longarrowup:before,
.icon-menu:before,
.icon-menu-large:before,
.icon-messages:before,
.step-tree:before,
.new-feed .feed-icon.feed-icon-post-message-user:before,
.icon-misc-circle:before,
.icon-move:before,
.icon-draggable:before,
.icon-drag-drop:before,
.icon-options:before,
.icon-filter:before,
.icon-page:before,
.feed-icon-projectnew:before,
.feed-icon-instructionnew:before,
.feed-icon-instructionupdate:before,
.feed-icon-newdetails:before,
.feed-icon-updatedetails:before,
.feed-icon-projectupdate:before,
.new-feed .feed-icon.feed-icon-add-log-project:before,
.new-feed .feed-icon.feed-icon-add-page-profile:before,
.new-feed .feed-icon.feed-icon-update-log-project:before,
.icon-previous-arrow:before,
.icon-prize:before,
.icon-progress-circle:before,
.icon-circleprogress:before,
.icon-project-update:before,
.step-one:before,
.feed-icon-newlog:before,
.feed-icon-updatelog:before,
.feed-icon-newstackpage:before,
.feed-icon-updatestackpage:before,
.feed-icon-newprofilepage:before,
.feed-icon-updateprofilepage:before,
.new-feed .feed-icon.feed-icon-add-component:before,
.new-feed .feed-icon.feed-icon-add-component-project:before,
.new-feed .feed-icon.feed-icon-update-component-hackerspace:before,
.new-feed .feed-icon.feed-icon-update-component-project:before,
.new-feed .feed-icon.feed-icon-add-page-stack:before,
.new-feed .feed-icon.feed-icon-update-file-project:before,
.new-feed .feed-icon.feed-icon-add-file-project:before,
.new-feed .feed-icon.feed-icon-add-details:before,
.new-feed .feed-icon.feed-icon-add-details-project:before,
.new-feed .feed-icon.feed-icon-update-details:before,
.new-feed .feed-icon.feed-icon-update-details-project:before,
.new-feed .feed-icon.feed-icon-update-project:before,
.new-feed .feed-icon.feed-icon-update-instruction-project:before,
.new-feed .feed-icon.feed-icon-add-instructions:before,
.new-feed .feed-icon.feed-icon-add-instructions-project:before,
.new-feed .feed-icon.feed-icon-update-instructions-project:before,
.new-feed .feed-icon.feed-icon-add-project:before,
.icon-reload:before,
.icon-search:before,
.icon-share:before,
.icon-skull:before,
.icon-skull-test:before,
.new-feed .feed-icon:before,
.new-feed .feed-icon.feed-icon-like:before,
.new-feed .feed-icon.feed-icon-user-like-project:before,
.new-feed .feed-icon.feed-icon-unlike:before,
.new-feed .feed-icon.feed-icon-like-project:before,
.feed-icon:before,
.feed-icon-projectSkull:before,
.feed-icon-like:before,
.feed-icon-unlike:before,
.icon-software:before,
.icon-star:before,
.icon-other:before,
.feed-icon-hackerspacenew:before,
.feed-icon-hackerspaceupdate:before,
.icon-storage-circle:before,
.icon-storage:before,
.icon-trash-circle:before,
.icon-trash:before,
.icon-twitter:before,
.icon-twitter-test:before,
.icon-twitterlogo:before,
.icon-twitter-notext:before,
.icon-twitter-black-large:before,
.icon-twitter-circle:before,
.icon-unlock:before,
.icon-user:before,
.feed-icon-updateprofile:before,
.feed-icon-mentionInPost:before,
.feed-icon-mentionInPage:before,
.feed-icon-mentionInComment:before,
.new-feed .feed-icon.feed-icon-post-user:before,
.new-feed .feed-icon.feed-icon-update-profile:before,
.new-feed .feed-icon.feed-icon-add-profile:before,
.new-feed .feed-icon.feed-icon-post-mention-user:before,
.new-feed .feed-icon.feed-icon-announce-user-log:before,
.icon-user-add:before,
.icon-join:before,
.feed-icon-contributoradd:before,
.icon-users:before,
.step-two:before,
.feed-icon-followuser:before,
.feed-icon-projectFollow:before,
.feed-icon-contestFollow:before,
.feed-icon-eventFollow:before,
.feed-icon-hackerspaceFollow:before,
.feed-icon-listFollow:before,
.new-feed .feed-icon.feed-icon-add-contributor:before,
.new-feed .feed-icon.feed-icon-assign-project:before,
.new-feed .feed-icon.feed-icon-assign-user-project:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.icon-add:before, .icon-add-test:before, .add-icon-contributors:before, .feed-icon-componentsnew:before, .feed-icon-getBadge:before {
  content: "\f100";
}

.icon-add-circle:before {
  content: "\f144";
}

.icon-alert-circle:before, .icon-alert:before, .icon-notice:before {
  content: "\f145";
}

.icon-arrow-down:before, .icon-arrowdown:before {
  content: "\f146";
}

.icon-arrow-left:before, .icon-arrowleft:before {
  content: "\f147";
}

.icon-arrow-right:before, .icon-arrowright:before {
  content: "\f148";
}

.icon-arrow-up:before, .icon-arrowup:before {
  content: "\f149";
}

.icon-attachment:before {
  content: "\f14a";
}

.icon-bell:before {
  content: "\f14b";
}

.icon-bell-normal:before {
  content: "\f14c";
}

.icon-bell-ringing:before {
  content: "\f14d";
}

.icon-bell-silent:before {
  content: "\f14e";
}

.icon-blank:before, .icon-other-test:before, .new-feed .feed-icon.feed-icon-add-contest:before, .new-feed .feed-icon.feed-icon-update-contest:before {
  content: "\f108";
}

.icon-blank-circle:before, .icon-external:before {
  content: "\f14f";
}

.icon-calendar:before, .icon-event:before, .feed-icon-eventnew:before,
.feed-icon-eventupdate:before, .new-feed .feed-icon.feed-icon-add-event:before, .new-feed .feed-icon.feed-icon-update-event:before {
  content: "\f10a";
}

.icon-calendar-add:before, .icon-calendaradd:before, .feed-icon-contestnew:before,
.feed-icon-contestupdate:before,
.feed-icon-hackathonupdate:before,
.feed-icon-hackathonnew:before {
  content: "\f150";
}

.icon-close:before, .icon-close-test:before, .modal-close-icon:before, .modal-close:before, .submissions-close:before, .input-username-unavailable:before, .alert-close:before {
  content: "\f10c";
}

.icon-close-circle:before, .icon-remove:before {
  content: "\f151";
}

.icon-code:before {
  content: "\f152";
}

.icon-comment:before, .icon-commented:before, .icon-add-comment:before, .feed-icon-discussionsComment:before,
.feed-icon-discussionsCommentReply:before,
.feed-icon-profileComment:before,
.feed-icon-profileCommentReply:before,
.feed-icon-profilePageComment:before,
.feed-icon-profilePageCommentReply:before,
.feed-icon-stackPageComment:before,
.feed-icon-stackPageCommentReply:before,
.feed-icon-logPageComment:before,
.feed-icon-logPageCommentReply:before,
.feed-icon-instructionPageComment:before,
.feed-icon-instructionPageCommentReply:before {
  content: "\f10e";
}

.icon-complete-circle:before, .icon-completed:before, .new-feed .feed-icon.feed-icon-follow:before, .new-feed .feed-icon.feed-icon-follow-list:before, .new-feed .feed-icon.feed-icon-follow-project:before, .new-feed .feed-icon.feed-icon-follow-user:before, .new-feed .feed-icon.feed-icon-user-follow-project:before, .new-feed .feed-icon.feed-icon-user-follow-hackerspace:before, .new-feed .feed-icon.feed-icon-user-follow-list:before, .new-feed .feed-icon.feed-icon-user-follow-contest:before {
  content: "\f153";
}

.icon-discussion:before, .feed-icon-privateMessage:before {
  content: "\f110";
}

.icon-discussions:before, .new-feed .feed-icon.feed-icon-add-reply:before, .new-feed .feed-icon.feed-icon-post-comment:before, .new-feed .feed-icon.feed-icon-post-comment-contest:before, .new-feed .feed-icon.feed-icon-post-comment-event:before, .new-feed .feed-icon.feed-icon-post-comment-hackerspace:before, .new-feed .feed-icon.feed-icon-post-comment-log:before, .new-feed .feed-icon.feed-icon-post-comment-page:before, .new-feed .feed-icon.feed-icon-post-comment-profile:before, .new-feed .feed-icon.feed-icon-post-comment-project:before, .new-feed .feed-icon.feed-icon-post-comment-stack:before, .new-feed .feed-icon.feed-icon-post-comment-instruction:before {
  content: "\f111";
}

.icon-download-circle:before, .icon-download:before {
  content: "\f154";
}

.icon-dropbox:before, .icon-dropbox-test:before {
  content: "\f113";
}

.icon-dropdown:before {
  content: "\f114";
}

.icon-dropup:before {
  content: "\f115";
}

.icon-edit:before {
  content: "\f116";
}

.icon-eye:before {
  content: "\f117";
}

.icon-eye-circle:before, .icon-preview:before {
  content: "\f155";
}

.icon-facebook:before, .icon-facebook-test:before, .icon-facebook-notext:before, .icon-facebook-black-large:before {
  content: "\f119";
}

.icon-facebook-circle:before {
  content: "\f156";
}

.icon-feed:before, .icon-feeds:before {
  content: "\f11b";
}

.icon-follow:before, .icon-checkmark-gray:before, .icon-checkmark-green:before, .icon-checkbox-white-bg:before, .input-username-available:before {
  content: "\f11c";
}

.icon-github:before, .icon-github-test:before, .icon-githublogo:before {
  content: "\f11d";
}

.icon-github-circle:before {
  content: "\f157";
}

.icon-google:before, .icon-googleplus:before, .icon-google-notext:before, .icon-google-black-large:before {
  content: "\f11f";
}

.icon-google-circle:before, .icon-googleplus-circle:before {
  content: "\f158";
}

.icon-hardware:before {
  content: "\f121";
}

.icon-home:before {
  content: "\f122";
}

.icon-image:before {
  content: "\f159";
}

.icon-import-image:before, .icon-importimage:before {
  content: "\f15a";
}

.icon-info-circle:before {
  content: "\f15b";
}

.icon-invader:before {
  content: "\f125";
}

.icon-link:before {
  content: "\f126";
}

.icon-list:before, .icon-list-test:before, .new-feed .feed-icon.feed-icon-add-list:before, .new-feed .feed-icon.feed-icon-add-project-list:before, .new-feed .feed-icon.feed-icon-update-list:before, .feed-icon-listnew:before,
.feed-icon-listupdate:before,
.feed-icon-inList:before {
  content: "\f127";
}

.icon-location:before, .icon-location-test:before, .new-feed .feed-icon.feed-icon-add-hackerspace:before, .new-feed .feed-icon.feed-icon-update-hackerspace:before {
  content: "\f128";
}

.icon-lock:before {
  content: "\f129";
}

.icon-long-arrow-down:before, .icon-longarrowdown:before {
  content: "\f15c";
}

.icon-long-arrow-left:before, .icon-longarrowleft:before {
  content: "\f15d";
}

.icon-long-arrow-right:before, .icon-longarrowright:before {
  content: "\f15e";
}

.icon-long-arrow-up:before, .icon-longarrowup:before {
  content: "\f15f";
}

.icon-menu:before {
  content: "\f12e";
}

.icon-menu-large:before {
  content: "\f160";
}

.icon-messages:before, .step-tree:before, .new-feed .feed-icon.feed-icon-post-message-user:before {
  content: "\f12f";
}

.icon-misc-circle:before {
  content: "\f161";
}

.icon-move:before, .icon-draggable:before, .icon-drag-drop:before {
  content: "\f131";
}

.icon-options:before, .icon-filter:before {
  content: "\f132";
}

.icon-page:before, .feed-icon-projectnew:before, .feed-icon-instructionnew:before,
.feed-icon-instructionupdate:before, .feed-icon-newdetails:before,
.feed-icon-updatedetails:before,
.feed-icon-projectupdate:before, .new-feed .feed-icon.feed-icon-add-log-project:before, .new-feed .feed-icon.feed-icon-add-page-profile:before, .new-feed .feed-icon.feed-icon-update-log-project:before {
  content: "\f133";
}

.icon-previous-arrow:before {
  content: "\f162";
}

.icon-prize:before {
  content: "\f135";
}

.icon-progress-circle:before, .icon-circleprogress:before {
  content: "\f163";
}

.icon-project-update:before, .step-one:before, .feed-icon-newlog:before,
.feed-icon-updatelog:before,
.feed-icon-newstackpage:before,
.feed-icon-updatestackpage:before,
.feed-icon-newprofilepage:before,
.feed-icon-updateprofilepage:before, .new-feed .feed-icon.feed-icon-add-component:before, .new-feed .feed-icon.feed-icon-add-component-project:before, .new-feed .feed-icon.feed-icon-update-component-hackerspace:before, .new-feed .feed-icon.feed-icon-update-component-project:before, .new-feed .feed-icon.feed-icon-add-page-stack:before, .new-feed .feed-icon.feed-icon-update-file-project:before, .new-feed .feed-icon.feed-icon-add-file-project:before, .new-feed .feed-icon.feed-icon-add-details:before, .new-feed .feed-icon.feed-icon-add-details-project:before, .new-feed .feed-icon.feed-icon-update-details:before, .new-feed .feed-icon.feed-icon-update-details-project:before, .new-feed .feed-icon.feed-icon-update-project:before, .new-feed .feed-icon.feed-icon-update-instruction-project:before, .new-feed .feed-icon.feed-icon-add-instructions:before, .new-feed .feed-icon.feed-icon-add-instructions-project:before, .new-feed .feed-icon.feed-icon-update-instructions-project:before, .new-feed .feed-icon.feed-icon-add-project:before {
  content: "\f164";
}

.icon-reload:before {
  content: "\f165";
}

.icon-search:before {
  content: "\f138";
}

.icon-share:before {
  content: "\f166";
}

.icon-skull:before, .icon-skull-test:before, .new-feed .feed-icon:before, .new-feed .feed-icon.feed-icon-like:before, .new-feed .feed-icon.feed-icon-user-like-project:before, .new-feed .feed-icon.feed-icon-unlike:before, .new-feed .feed-icon.feed-icon-like-project:before, .feed-icon:before, .feed-icon-projectSkull:before, .feed-icon-like:before, .feed-icon-unlike:before {
  content: "\f139";
}

.icon-software:before {
  content: "\f13a";
}

.icon-star:before, .icon-other:before, .feed-icon-hackerspacenew:before,
.feed-icon-hackerspaceupdate:before {
  content: "\f13b";
}

.icon-storage-circle:before, .icon-storage:before {
  content: "\f167";
}

.icon-trash-circle:before, .icon-trash:before {
  content: "\f168";
}

.icon-twitter:before, .icon-twitter-test:before, .icon-twitterlogo:before, .icon-twitter-notext:before, .icon-twitter-black-large:before {
  content: "\f13e";
}

.icon-twitter-circle:before {
  content: "\f169";
}

.icon-unlock:before {
  content: "\f140";
}

.icon-user:before, .feed-icon-updateprofile:before, .feed-icon-mentionInPost:before,
.feed-icon-mentionInPage:before,
.feed-icon-mentionInComment:before, .new-feed .feed-icon.feed-icon-post-user:before, .new-feed .feed-icon.feed-icon-update-profile:before, .new-feed .feed-icon.feed-icon-add-profile:before, .new-feed .feed-icon.feed-icon-post-mention-user:before, .new-feed .feed-icon.feed-icon-announce-user-log:before {
  content: "\f141";
}

.icon-user-add:before, .icon-join:before, .feed-icon-contributoradd:before {
  content: "\f16a";
}

.icon-users:before, .step-two:before, .feed-icon-followuser:before,
.feed-icon-projectFollow:before,
.feed-icon-contestFollow:before,
.feed-icon-eventFollow:before,
.feed-icon-hackerspaceFollow:before,
.feed-icon-listFollow:before, .new-feed .feed-icon.feed-icon-add-contributor:before, .new-feed .feed-icon.feed-icon-assign-project:before, .new-feed .feed-icon.feed-icon-assign-user-project:before {
  content: "\f143";
}

.icon-small {
  font-size: 12px;
}

.icon-button:before {
  font-size: 16px;
  vertical-align: bottom;
}

.icon-commented {
  color: #c19f54;
}

.icon-add-comment {
  color: #c19f54;
}

.action-view-count.icon-small {
  font-size: 12px;
}

.action-comment-with-hover:hover {
  color: #c19f54;
}

.action-commented {
  color: #c19f54;
}

.action-view.icon-small {
  font-size: 12px;
}

.action-view:hover:not(.disable-hover) {
  color: #c19f54;
  cursor: pointer;
}

.action-following {
  color: #c19f54;
}

.action-skull:hover {
  color: #c19f54;
  cursor: pointer;
}

.action-skulled {
  color: #c19f54;
}

.icon-checkmark-gray {
  color: #4D4D4D;
}

.icon-checkmark-green {
  color: #7ED321;
}

.icon-checkbox-white-bg {
  position: absolute;
  bottom: 10%;
  right: 5%;
  height: 25px;
  width: 25px;
  display: inline-block;
  color: #4D4D4D;
  background-color: #FFFFFF;
  border-radius: 4px;
}

.icon-twitter-notext {
  display: inline-block;
  padding: 0;
  width: 24px;
  height: 24px;
  text-indent: -99999px;
  transition: none;
}

.icon-facebook-notext {
  display: inline-block;
  padding: 0;
  width: 24px;
  height: 24px;
  text-indent: -99999px;
  transition: none;
}

.icon-google-notext {
  display: inline-block;
  padding: 0;
  width: 24px;
  height: 24px;
  text-indent: -99999px;
  transition: none;
}

.icon-twitter-notext:hover {
  color: #c19f54;
}

.icon-facebook-notext:hover {
  color: #c19f54;
}

.icon-google-notext:hover {
  color: #c19f54;
}

.icon-download {
  font-size: 24px;
  font-size: 2.4rem;
}

.icon-preview {
  font-size: 24px;
  font-size: 2.4rem;
}

.icon-external {
  font-size: 24px;
  font-size: 2.4rem;
}

.modal-close {
  border-bottom: 1px solid #5c5c5c;
  border-left: 1px solid #5c5c5c;
}

.submissions-close {
  border-bottom: 1px solid #5c5c5c;
  border-left: 1px solid #5c5c5c;
}

.input-username-available {
  color: #7ED321;
}

.input-username-unavailable {
  color: #4D4D4D;
}

.alert-close {
  color: #4D4D4D;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 12px;
  top: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

/***********************************************************
    Tables
************************************************************/
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  background-color: #171717;
  color: #FFFFFF;
  font-size: 14px;
}

.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.4;
  vertical-align: top;
  border-top: 1px solid #272727;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #272727;
  color: #c19f54;
}

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

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #272727;
}

.table-striped th {
  background-color: #272727;
  text-transform: uppercase;
  text-align: left;
}

/***********************************************************
    Header
************************************************************/
/*doc
---
title: Header
name: header
category: structure
---

Logo

```html_example
<div class="header">
    <a href="#" title="Hackaday.io Home" class="logo">Hack a Day</a>
</div>
```

*/
.header {
  position: relative;
  width: 100%;
  min-height: 74px;
  padding: 0;
  background: #171717;
}

.header .container {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.header .search-autocomplete {
  top: 74px;
}

.header .search-autocomplete li {
  float: none;
  padding: 0;
}

.header .search-autocomplete li a {
  padding-bottom: 10px;
  padding-left: 18px;
}

@media (min-width: 62.4375em) {
  .header .search-autocomplete li a {
    padding-left: 12px;
  }
}

.header .search-autocomplete .search-result-see-all a {
  border-top: 1px solid #272727;
}

.header.center .logo {
  display: inline-block;
  float: none;
}

.logo {
  float: left;
  width: 138px;
  height: 17px;
  margin-top: 29px;
  padding-bottom: 34px;
  background: url("http://cdn.hackaday.io/img/hackaday-logo.svg") 0 0 no-repeat;
  transition: none;
  text-indent: -50em;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}

@media (min-width: 75.4375em) {
  .logo {
    width: 138px;
  }
}

/***********************************************************
    Navigation
************************************************************/
.nav {
  list-style: none;
  margin: 0;
  padding: 0;
  clear: both;
  display: none;
}

@media (min-width: 62.4375em) {
  .nav {
    float: left;
    clear: none;
    margin: 0 0 0 10px;
    display: inline-block;
  }
}

@media (min-width: 75.4375em) {
  .nav {
    margin: 0 0 0 20px;
  }
}

@media (min-width: 62.4375em) {
  .nav.right {
    float: right;
    margin-left: 0;
  }
}

.nav.nav-show {
  display: block;
  height: 400px;
  width: 49%;
  margin-top: 50px;
  float: left;
  clear: left;
}

@media (min-width: 62.4375em) {
  .nav.nav-show {
    overflow: visible;
    height: 74px;
    float: none;
  }
}

.nav.nav-show.right {
  float: right;
  clear: none;
}

@media (min-width: 62.4375em) {
  .nav.nav-show.right {
    overflow: visible;
    height: 74px;
  }
}

.nav li {
  display: block;
}

@media (min-width: 62.4375em) {
  .nav li {
    display: inline-block;
    float: left;
    margin-left: 5px;
    padding-top: 18px;
    padding-bottom: 12px;
  }
}

.nav li.search-holder {
  position: relative;
  min-width: 100%;
  margin-left: 0;
}

@media (min-width: 62.4375em) {
  .nav li.search-holder {
    display: inline-block;
    height: 74px;
    min-width: 230px;
    border-left: 1px solid #272727;
  }
}

.nav li.search-holder .input-field {
  margin: 3px 0 0 10px;
  padding: 8px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  width: auto;
  max-width: 70%;
  background-color: transparent;
}

.nav li.search-holder .input-field::-webkit-input-placeholder {
  color: #bfbfbf;
}

.nav li.search-holder .input-field:-moz-placeholder {
  color: #bfbfbf;
}

.nav li.search-holder .input-field::-moz-placeholder {
  color: #bfbfbf;
}

.nav li.search-holder .input-field:-ms-input-placeholder {
  color: #bfbfbf;
}

@media (min-width: 62.4375em) {
  .nav li.search-holder .input-field {
    float: left;
    width: 100%;
    max-width: 180px;
  }
}

.nav li.search-holder .button-search {
  position: relative;
  padding: 0;
  margin-top: 3px;
  background: none;
  border: none;
  color: #FFFFFF;
  font-size: 27px;
  font-size: 2.7rem;
}

@media (min-width: 62.4375em) {
  .nav li.search-holder .button-search {
    float: left;
  }
}

.nav a {
  position: relative;
  display: block;
  padding: 4px 12px;
  color: #FFFFFF;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: -0.1px;
  outline: 0;
}

@media (min-width: 62.4375em) {
  .nav a {
    display: inline-block;
    padding: 8px 12px;
  }
}

.nav a:hover {
  color: #c19f54;
}

.nav a:hover .icon-arrowdown {
  color: #c19f54;
}

.nav a:hover .unread-count {
  color: #FFFFFF;
}

.nav a.current {
  border-bottom: 2px solid #c19f54;
  background-color: #c19f54;
  color: #000000;
}

@media (min-width: 62.4375em) {
  .nav a.current {
    background-color: transparent;
    color: #FFFFFF;
  }
}

.nav .my-feed-link {
  position: absolute;
  top: 62px;
  left: 140px;
  padding: 0;
  margin: 0;
}

@media (min-width: 62.4375em) {
  .nav .my-feed-link {
    position: relative;
    top: auto;
    left: auto;
  }
}

@media (min-width: 75.4375em) {
  .nav .my-feed-link {
    margin-left: 8px;
  }
}

.nav .my-messages-link {
  position: absolute;
  top: 62px;
  left: 185px;
  padding: 0;
}

@media (min-width: 62.4375em) {
  .nav .my-messages-link {
    position: relative;
    top: auto;
    left: auto;
    margin-left: 8px;
    margin-right: 6px;
  }
}

@media (min-width: 75.4375em) {
  .nav .my-messages-link {
    margin-left: 16px;
    margin-right: 10px;
  }
}

.nav .dropdown-link {
  padding-right: 20px;
}

.nav .contests-more .dropdown-link {
  padding-right: 12px;
}

.nav .icon-arrowdown {
  position: relative;
  top: 0;
  left: 5px;
  margin-top: -3px;
  color: #676767;
  font-size: 20px;
  font-size: 2rem;
  vertical-align: middle;
  display: none;
}

@media (min-width: 62.4375em) {
  .nav .icon-arrowdown {
    display: inline-block;
  }
}

.nav .icon-feed, .nav .icon-feeds {
  position: relative;
  font-size: 27px;
  font-size: 2.7rem;
}

.nav .icon-messages, .nav .step-tree, .nav .new-feed .feed-icon.feed-icon-post-message-user, .new-feed .nav .feed-icon.feed-icon-post-message-user {
  position: relative;
  top: -2px;
  font-size: 31px;
  font-size: 3.1rem;
}

.nav.nav-signin {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 45px;
}

@media (min-width: 62.4375em) {
  .nav.nav-signin {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0px 0 -4px 0;
  }
}

.nav.nav-signin li {
  display: inline-block;
  width: 49%;
}

@media (min-width: 62.4375em) {
  .nav.nav-signin li {
    display: block;
    width: auto;
  }
}

.nav.nav-signin a {
  outline: 0;
}

.nav.nav-signin .grey-white-button,
.nav.nav-signin .gold-white-button {
  padding: 12px 20px;
}

.nav .nav-add-project {
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  padding-bottom: 14px;
  border: 1px solid #272727;
  border-width: 0 0 1px;
  line-height: 19px;
}

@media (min-width: 62.4375em) {
  .nav .nav-add-project {
    position: relative;
    top: auto;
    left: auto;
    padding-bottom: 0;
    padding-left: 0;
    width: 20px;
    border-width: 0;
    overflow: hidden;
    white-space: nowrap;
  }
}

@media (min-width: 75.4375em) {
  .nav .nav-add-project {
    width: auto;
    white-space: normal;
  }
}

.nav .nav-add-project .icon-add, .nav .nav-add-project .icon-add-test, .nav .nav-add-project .add-icon-contributors, .nav .nav-add-project .feed-icon-componentsnew, .nav .nav-add-project .feed-icon-getBadge {
  font-size: 19px;
  font-size: 1.9rem;
  vertical-align: text-top;
}

.my-feed,
.my-messages {
  display: none;
}

.unread-count {
  position: absolute;
  top: 0;
  right: -9px;
  display: inline-block;
  background: #CB5555;
  max-height: 15px;
  min-width: 16px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 2px;
}

.dropdown {
  position: relative;
}

.dropdown .user-name {
  display: inline-block;
}

@media (min-width: 62.4375em) {
  .dropdown .user-name {
    display: none;
    margin-left: 5px;
  }
}

.dropdown img {
  display: none;
  width: 30px;
  height: 30px;
  margin-top: -8px;
  vertical-align: top;
  border-radius: 25px;
}

@media (min-width: 62.4375em) {
  .dropdown img {
    display: inline;
  }
}

@media (min-width: 62.4375em) {
  .dropdown.current {
    background: #272727;
  }
}

.dropdown.current .dropdown-menu {
  display: block;
}

.dropdown-menu {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 0 0 20px;
  display: block;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 1000;
}

@media (min-width: 62.4375em) {
  .dropdown-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 160px;
    margin: 0;
    background: #272727;
    border-radius: 0 2px 2px 2px;
    display: none;
  }
}

.dropdown-menu li {
  margin: 0;
  padding: 0;
  display: block;
  float: none;
}

@media (min-width: 62.4375em) {
  .dropdown-menu li {
    padding: 3px 0;
    border-bottom: 1px solid #000000;
  }
}

.dropdown-menu li:last-child {
  border-bottom: 0px;
}

.dropdown-menu a {
  display: block;
  padding: 3px 12px;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

@media (min-width: 62.4375em) {
  .dropdown-menu a {
    padding: 5px 12px;
  }
}

.dropdown-menu.user-account {
  left: auto;
  right: 0;
  top: 100%;
  border-radius: 2px 0 2px 2px;
}

@media (min-width: 62.4375em) {
  .dropdown-menu.contests-more-menu li {
    text-align: center;
  }
}

.logout a:hover {
  color: #CB5555;
}

.button-menu {
  float: right;
  margin-top: 20px;
  display: inline-block;
}

@media (min-width: 62.4375em) {
  .button-menu {
    display: none;
  }
}

/***********************************************************
    Footer
************************************************************/
/***********************************************************
    Footer
************************************************************/
.footer {
  display: block;
  margin-top: 40px;
  clear: both;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #272727;
  max-width: 90%;
}

.footer:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 62.4375em) {
  .footer {
    margin-top: 80px;
  }
}

.footer .back-to-top {
  width: 110px;
  background: #171717;
  display: block;
  margin: -18px auto 0px auto;
  padding: 7px 15px;
  border: 1px solid #272727;
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 3px;
}

.footer .back-to-top:hover {
  color: #c19f54;
  border: 1px solid #c19f54;
}

.footer p {
  margin-top: 1em;
  text-align: center;
}

.footer a {
  display: inline-block;
  margin: 0 10px;
  color: #4D4D4D;
  font-size: 13px;
  font-size: 1.3rem;
}

.footer a:hover {
  color: #FFFFFF;
}

.footer .icon-skull, .footer .icon-skull-test, .footer .new-feed .feed-icon.feed-icon-like, .new-feed .footer .feed-icon.feed-icon-like, .footer .new-feed .feed-icon.feed-icon-user-like-project, .new-feed .footer .feed-icon.feed-icon-user-like-project, .footer .new-feed .feed-icon.feed-icon-unlike, .new-feed .footer .feed-icon.feed-icon-unlike, .footer .new-feed .feed-icon.feed-icon-like-project, .new-feed .footer .feed-icon.feed-icon-like-project, .footer .feed-icon, .footer .feed-icon-projectSkull, .footer .feed-icon-like, .footer .feed-icon-unlike {
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
  top: 4px;
  margin-right: 5px;
  background: none;
}

/*doc
---
title: Switch
name: switch
category: structure
---

Switch

```html_example
<div class="switch-toggle">
    <label for="myfeedInput" class="switch-label switch-label-checked">
        <a href="/myfeed">My feed</a>
    </label>
    <label for="globalFeedInput" class="switch-label ">
        <a href="/feed">Global feed</a>
    </label>
    <span class="switch-handle "></span>
</div>
```

*/
.switch-toggle {
  position: relative;
  display: table;
  height: 38px;
  width: 100%;
  padding: 0 !important;
  table-layout: fixed;
  font-weight: 500;
  font-size: 16px;
  background-color: #171717;
  border: 2px solid #272727;
  border-radius: 50px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.switch-toggle input {
  position: absolute;
  opacity: 0;
}

.switch-toggle .switch-label {
  position: relative;
  z-index: 2;
  display: table-cell;
  width: 50%;
  padding: 0 0.5em;
  margin: 0;
  text-align: center;
  line-height: 34px;
  vertical-align: middle;
  color: #676767;
  cursor: pointer;
}

.switch-toggle .switch-label a {
  display: block;
  height: 100%;
  color: #676767;
}

.switch-toggle .switch-label a:hover {
  color: #c19f54;
}

@media (min-width: 48.9375em) {
  .switch-toggle .switch-label {
    min-width: 50%;
  }
}

.switch-toggle input:checked + .switch-label,
.switch-toggle .switch-label-checked {
  color: #000000;
  font-weight: bold;
  transition: all .5s;
}

.switch-toggle input:checked + .switch-label:hover,
.switch-toggle input:checked + .switch-label a,
.switch-toggle input:checked + .switch-label a:hover,
.switch-toggle .switch-label-checked:hover,
.switch-toggle .switch-label-checked a,
.switch-toggle .switch-label-checked a:hover {
  color: #000000;
}

.switch-toggle input:last-of-type:checked ~ .switch-handle,
.switch-toggle .switch-handle-right {
  left: 50% !important;
}

.switch-toggle .switch-handle {
  background-color: #c19f54;
  border-radius: 50px;
  border: 2px solid #171717;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 1;
  width: 50%;
  height: 100%;
  display: block;
  transition: all 0.2s ease-out;
}

.switch-toggle.switch-select-0 .switch-label:nth-of-type(1) {
  color: #000000;
}

.switch-toggle.switch-select-0 .switch-label:nth-of-type(1):hover,
.switch-toggle.switch-select-0 .switch-label:nth-of-type(1) a,
.switch-toggle.switch-select-0 .switch-label:nth-of-type(1) a:hover {
  color: #000000;
}

.switch-toggle.switch-select-0 .switch-handle {
  left: 0;
}

.switch-toggle.switch-select-1 .switch-label:nth-of-type(2) {
  color: #000000;
}

.switch-toggle.switch-select-1 .switch-label:nth-of-type(2):hover,
.switch-toggle.switch-select-1 .switch-label:nth-of-type(2) a,
.switch-toggle.switch-select-1 .switch-label:nth-of-type(2) a:hover {
  color: #000000;
}

.switch-toggle.switch-select-1 .switch-handle {
  left: 50%;
}

.switch-toggle.swith-3 .switch-label,
.switch-toggle.swith-3 .switch-handle {
  width: 33.3333333333%;
}

.switch-toggle.swith-3.switch-select-1 .switch-handle {
  left: 33.3333333333%;
}

.switch-toggle.swith-3.switch-select-2 .switch-label:nth-of-type(3) {
  color: #000000;
}

.switch-toggle.swith-3.switch-select-2 .switch-label:nth-of-type(3):hover,
.switch-toggle.swith-3.switch-select-2 .switch-label:nth-of-type(3) a,
.switch-toggle.swith-3.switch-select-2 .switch-label:nth-of-type(3) a:hover {
  color: #000000;
}

.switch-toggle.swith-3.switch-select-2 .switch-handle {
  left: 66.6666666667%;
}

.switch-toggle.swith-4 .switch-label,
.switch-toggle.swith-4 .switch-handle {
  width: 25%;
}

.switch-toggle.swith-4.switch-select-1 .switch-handle {
  left: 25%;
}

.switch-toggle.swith-4.switch-select-2 .switch-label:nth-of-type(3) {
  color: #000000;
}

.switch-toggle.swith-4.switch-select-2 .switch-label:nth-of-type(3):hover,
.switch-toggle.swith-4.switch-select-2 .switch-label:nth-of-type(3) a,
.switch-toggle.swith-4.switch-select-2 .switch-label:nth-of-type(3) a:hover {
  color: #000000;
}

.switch-toggle.swith-4.switch-select-2 .switch-handle {
  left: 50%;
}

.switch-toggle.swith-4.switch-select-3 .switch-label:nth-of-type(4) {
  color: #000000;
}

.switch-toggle.swith-4.switch-select-3 .switch-label:nth-of-type(4):hover,
.switch-toggle.swith-4.switch-select-3 .switch-label:nth-of-type(4) a,
.switch-toggle.swith-4.switch-select-3 .switch-label:nth-of-type(4) a:hover {
  color: #000000;
}

.switch-toggle.swith-4.switch-select-3 .switch-handle {
  left: 75%;
}

/*doc
---
title: Toggle
name: toggle
category: structure
---

Toggle

```html_example
<div class="button-toggle">
    Private project
    <div class="button-toggle-box">
        <input type="checkbox" id="private" class="button-toggle-checkbox hide" checked/>
        <label for="private" class="button-toggle-handle"></label>
    </div>
</div>
```

*/
.button-toggle {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 75.4375em) {
  .button-toggle {
    display: block;
    width: 100%;
  }
}

.button-toggle-handle {
  position: relative;
  display: block;
  height: 20px;
  width: 40px;
  background: transparent;
  border: 2px #272727 solid;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.button-toggle-handle:after {
  position: absolute;
  left: -2px;
  top: -2px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: #FFFFFF;
  content: '';
  transition: all 0.3s ease;
}

.button-toggle-handle:active:after {
  -webkit-transform: scale(1.1, 1);
          transform: scale(1.1, 1);
}

.button-toggle-checkbox:checked ~ label {
  background: #d6b772;
  border: 2px #d6b772 solid;
}

.button-toggle-checkbox:checked ~ label:after {
  left: 18px;
  background: #FFFFFF;
}

.button-toggle-box {
  vertical-align: text-bottom;
  display: inline-block;
}

@media (min-width: 75.4375em) {
  .button-toggle-box {
    float: right;
  }
}

.project-options {
  position: relative;
  text-align: center;
  background: #232323;
  border-radius: 2px;
  padding: 15px;
  margin-bottom: 20px;
}

@media (min-width: 75.4375em) {
  .project-options {
    position: absolute;
    top: 190px;
    right: 15px;
    width: 15%;
    text-align: left;
  }
}

.project-options h5 {
  color: #4D4D4D;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 800;
}

.project-options a {
  display: inline-block;
  margin-right: 10px;
  color: #676767;
}

.project-options a:hover {
  color: #676767;
}

@media (min-width: 75.4375em) {
  .project-options a {
    display: block;
    margin-right: 0;
  }
}

.post-content img,
.post-content iframe,
.edit-content img,
.edit-content iframe {
  display: block;
  margin: 1em auto;
}

.post-content img,
.edit-content img {
  *width: 100%;
  max-width: 100%;
}

.post-content iframe,
.edit-content iframe {
  max-width: 100% !important;
}

.post-content table td,
.edit-content table td {
  border: 1px solid #272727;
  padding: 5px;
}

.post-content pre,
.post-content code,
.edit-content pre,
.edit-content code {
  padding: 10px;
  overflow: auto;
  white-space: pre;
  background: #000000;
  color: #676767;
  border-radius: 3px;
}

.post-content code,
.edit-content code {
  line-height: 32px;
}

.post-content blockquote,
.edit-content blockquote {
  letter-spacing: normal;
  font-style: italic;
  border-left: 2px solid #c19f54;
  padding-left: 20px;
  margin-left: 0;
  margin-top: -1px;
  padding-bottom: 3px;
}

.post-content .image-inset-left,
.post-content .image-outset-left,
.edit-content .image-inset-left,
.edit-content .image-outset-left {
  float: left;
  margin-top: 10px;
  margin-right: 30px;
  margin-bottom: 10px;
}

.post-content figure,
.edit-content figure {
  position: relative;
  margin-bottom: 26px;
  clear: both;
  outline: 0;
}

.post-content .component-table td,
.edit-content .component-table td {
  border-width: 0;
}

/*
    Modules
---------------------------------------------------*/
/***********************************************************
    Arrows
    - Depends of mixin arrow (look at structure/mixins)

    $direction: top, left, right, bottom, top-left, top-right, bottom-left, bottom-right
    $color: hex, rgb or rbga
    $size: px or em

    @example
    .element{
        @include arrow(top, #000, 50px);
    }
************************************************************/
.arrow-top {
  display: inline-block;
  height: 0;
  width: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bfbfbf;
}

.arrow-bottom {
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 6px solid #bfbfbf;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.arrow-left {
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid #bfbfbf;
  border-bottom: 6px solid transparent;
}

.arrow-right {
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #bfbfbf;
}

.arrow-bottom-left {
  display: inline-block;
  height: 0;
  width: 0;
  border-bottom: 6px solid #bfbfbf;
  border-right: 6px solid transparent;
}

/*doc
---
title: Projects Item
name: projects-item
category: modules
---

Projects item

```html_example
<div class="project-item">
    <ul class="submissions-icons">
        <li>
            <a href="/submissions/prize/list" class="submission-icon submission-icon-1">Official Hackaday Prize Entry</a>
        </li>
    </ul>
    <a href="/project/963-300-pick-and-place-3d-printer" class="item-link">
        <div title="$300 Pick and Place / 3D printer by Neil Jansen" class="project-item-cover" style="background-image:url(https://static.hackaday.io/images/resize/600x600/3026151401248284990.png)"></div>
        <div class="project-item-stats">
            <span class="icon-view-count" title="View Count">58.6k</span>
            <span class="icon-view" title="Followers">1.1k</span>
            <span class="icon-skull" title="Likes">690</span>
        </div>
        <div class="project-item-title hasBadge">
            An affordable electronics manufacturing system for hobbyists, students, &amp; small businesses. Inspired by RepRap. Powered by OpenPnP/FirePick.
        </div>
    </a>
	<div class="project-item-headline">
        <span class="project-owner hide">Project Owner</span>
        <span class="project-owner hide">Contributor</span>
        <h3><a href="/project/963-300-pick-and-place-3d-printer" title="$300 Pick and Place / 3D printer">$300 Pick and Place / 3D printer</a></h3>
        <p>by <a href="/hacker/6690">Neil Jansen</a></p>
	</div>
</div>
```

*/
/***********************************************************
    Project List
************************************************************/
.project-item, .section-lists {
  min-height: 425px;
}

@media (min-width: 48.9375em) {
  .project-item, .section-lists {
    width: 49.15254%;
    float: left;
  }
  .project-item:nth-child(2n + 1), .section-lists:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .project-item:nth-child(2n + 2), .section-lists:nth-child(2n + 2) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 75.4375em) {
  .project-item, .section-lists {
    width: 32.20339%;
    float: left;
  }
  .project-item:nth-child(3n + 1), .section-lists:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .project-item:nth-child(3n + 2), .section-lists:nth-child(3n + 2) {
    margin-left: 33.89831%;
    margin-right: -100%;
    clear: none;
  }
  .project-item:nth-child(3n + 3), .section-lists:nth-child(3n + 3) {
    margin-left: 67.79661%;
    margin-right: -100%;
    clear: none;
  }
}

.project-item .project-item-title, .section-lists .project-item-title {
  display: none;
  position: absolute;
  padding: 12px 15px;
  top: 0;
  color: #FFFFFF;
}

.project-item .project-item-title.hasBadge, .section-lists .project-item-title.hasBadge {
  padding-top: 68px;
}

.project-item .item-link, .section-lists .item-link, .project-item .list-items a, .list-items .project-item a, .section-lists .list-items a, .list-items .section-lists a {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
}

.project-item .item-link:hover .project-item-cover, .section-lists .item-link:hover .project-item-cover, .project-item .list-items a:hover .project-item-cover, .list-items .project-item a:hover .project-item-cover, .section-lists .list-items a:hover .project-item-cover, .list-items .section-lists a:hover .project-item-cover, .project-item .item-link:hover .section-lists .list-item-cover, .section-lists .item-link:hover .list-item-cover, .project-item .list-items a:hover .section-lists .list-item-cover, .list-items .project-item a:hover .section-lists .list-item-cover, .section-lists .list-items a:hover .list-item-cover, .list-items .section-lists a:hover .list-item-cover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0.25;
}

.project-item .item-link:hover .project-item-title, .section-lists .item-link:hover .project-item-title, .project-item .list-items a:hover .project-item-title, .list-items .project-item a:hover .project-item-title, .section-lists .list-items a:hover .project-item-title, .list-items .section-lists a:hover .project-item-title {
  display: block;
}

.project-item .item-link:hover .recommended-project-tag, .section-lists .item-link:hover .recommended-project-tag, .project-item .list-items a:hover .recommended-project-tag, .list-items .project-item a:hover .recommended-project-tag, .section-lists .list-items a:hover .recommended-project-tag, .list-items .section-lists a:hover .recommended-project-tag {
  border: 0;
  color: #4D4D4D;
  background-color: #272727;
}

.project-item.project-item-list, .project-item-list.section-lists, .section-lists.list-items, .project-item.list-items {
  max-height: 195px;
  height: 195px;
  min-height: 175px;
  margin-bottom: 40px;
}

.project-item.project-item-list .item-link, .project-item-list.section-lists .item-link, .section-lists.list-items .item-link, .project-item.list-items .item-link, .project-item.project-item-list .list-items a, .list-items .project-item.project-item-list a, .project-item-list.section-lists .list-items a, .list-items .project-item-list.section-lists a, .section-lists.list-items a, .project-item.list-items a {
  height: 175px;
  height: 195px;
}

.project-item.project-item-list .project-item-cover, .project-item-list.section-lists .project-item-cover, .section-lists.list-items .project-item-cover, .project-item.list-items .project-item-cover, .project-item.project-item-list .section-lists .list-item-cover, .section-lists .project-item.project-item-list .list-item-cover, .project-item-list.section-lists .list-item-cover, .section-lists.list-items .list-item-cover, .project-item.list-items .section-lists .list-item-cover, .section-lists .project-item.list-items .list-item-cover {
  min-height: 175px;
  opacity: 0.6;
  height: 195px;
  position: absolute;
  width: 100%;
}

.project-item.project-item-list h3, .project-item-list.section-lists h3, .section-lists.list-items h3, .project-item.list-items h3 {
  font-size: 25px;
  color: #FFFFFF;
  margin: 0;
  font-weight: bold;
}

.project-item.project-item-list p, .project-item-list.section-lists p, .section-lists.list-items p, .project-item.list-items p,
.project-item.project-item-list .view-all, .project-item-list.section-lists .view-all, .section-lists.list-items .view-all, .project-item.list-items .view-all {
  font-size: 16px;
  color: #bfbfbf;
  line-height: 20px;
  margin: 0;
}

.project-item.project-item-list .view-all, .project-item-list.section-lists .view-all, .section-lists.list-items .view-all, .project-item.list-items .view-all {
  color: #FFFFFF;
  position: absolute;
  bottom: 20px;
  left: 20px;
  line-height: 0;
}

.project-item.project-item-list .view-all span, .project-item-list.section-lists .view-all span, .section-lists.list-items .view-all span, .project-item.list-items .view-all span {
  text-decoration: underline;
}

.project-item.project-item-list .dimmer, .project-item-list.section-lists .dimmer, .section-lists.list-items .dimmer, .project-item.list-items .dimmer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  opacity: 0.3;
}

.project-item.project-item-list .project-item-title, .project-item-list.section-lists .project-item-title, .section-lists.list-items .project-item-title, .project-item.list-items .project-item-title {
  padding: 23px 20px;
  height: 195px;
  display: block;
}

.project-item.project-item-list .project-item-title h3, .project-item-list.section-lists .project-item-title h3, .section-lists.list-items .project-item-title h3, .project-item.list-items .project-item-title h3 {
  line-height: 1;
}

.project-item.project-item-list .project-item-title p, .project-item-list.section-lists .project-item-title p, .section-lists.list-items .project-item-title p, .project-item.list-items .project-item-title p {
  margin-top: 4px;
  line-height: 1.4;
}

.project-item.private .item-link .project-item-cover, .private.section-lists .item-link .project-item-cover, .project-item.private .list-items a .project-item-cover, .list-items .project-item.private a .project-item-cover, .private.section-lists .list-items a .project-item-cover, .list-items .private.section-lists a .project-item-cover, .project-item.private .item-link .section-lists .list-item-cover, .section-lists .project-item.private .item-link .list-item-cover, .private.section-lists .item-link .list-item-cover, .project-item.private .list-items a .section-lists .list-item-cover, .section-lists .project-item.private .list-items a .list-item-cover, .list-items .project-item.private a .section-lists .list-item-cover, .section-lists .list-items .project-item.private a .list-item-cover, .private.section-lists .list-items a .list-item-cover, .list-items .private.section-lists a .list-item-cover {
  opacity: 0.35;
}

.project-item.private .item-link .project-item-title, .private.section-lists .item-link .project-item-title, .project-item.private .list-items a .project-item-title, .list-items .project-item.private a .project-item-title, .private.section-lists .list-items a .project-item-title, .list-items .private.section-lists a .project-item-title {
  display: block;
  width: 100%;
  text-align: center;
}

.project-item.private .item-link .project-item-title span, .private.section-lists .item-link .project-item-title span, .project-item.private .list-items a .project-item-title span, .list-items .project-item.private a .project-item-title span, .private.section-lists .list-items a .project-item-title span, .list-items .private.section-lists a .project-item-title span {
  font-size: 40px;
  font-size: 4rem;
}

.project-item.project-item-first, .project-item-first.section-lists,
.project-item.project-item-second,
.project-item-second.section-lists {
  margin-top: 3em;
  min-height: 425px;
}

@media (min-width: 48.9375em) {
  .project-item.project-item-first, .project-item-first.section-lists,
  .project-item.project-item-second,
  .project-item-second.section-lists {
    width: 49.15254%;
    float: left;
  }
  .project-item.project-item-first:nth-child(2n + 1), .project-item-first.section-lists:nth-child(2n + 1),
  .project-item.project-item-second:nth-child(2n + 1),
  .project-item-second.section-lists:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .project-item.project-item-first:nth-child(2n + 2), .project-item-first.section-lists:nth-child(2n + 2),
  .project-item.project-item-second:nth-child(2n + 2),
  .project-item-second.section-lists:nth-child(2n + 2) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
}

.project-item-cover, .section-lists .list-item-cover {
  min-height: 340px;
  position: relative;
  background: #272727;
  background-size: cover;
  background-position: center center;
  -webkit-transform: rotate(0);
  transition: all 0.2s ease-out;
}

.project-item-cover .home-project-stats, .section-lists .list-item-cover .home-project-stats {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=90);
  transition: all 0.15s ease-in;
}

.project-item-cover:hover .home-project-stats, .section-lists .list-item-cover:hover .home-project-stats {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=100);
}

.project-item-stats {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 0.3em 0.5em 0.25em 0.75em;
  background-color: #171717;
  border-radius: 2px 0 0 2px;
  color: #4D4D4D;
}

.project-item-stats > span {
  margin-right: .5em;
}

.project-item-stats span span {
  margin-top: -3px;
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: middle;
  line-height: 24px;
}

.project-item-stats .action-skull,
.project-item-stats .action-skulled {
  margin-right: 0;
}

.project-item-stats a {
  color: #4D4D4D;
  margin: 0 3px;
}

.project-item-stats a.list-followers {
  text-decoration: none;
  color: #4D4D4D;
}

.project-item-stats .stats-number {
  margin-left: 5px;
}

.home-project-stats {
  position: absolute;
  bottom: 10px;
  right: 0px;
  width: 100%;
  background: #c19f54;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.home-project-stats.without-aditional-info {
  background: none;
}

.home-project-stats .featured-stats,
.home-project-stats .results-stats {
  padding: 11px 10px 10px 10px;
  float: left;
  color: #171717;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

@media (min-width: 75.4375em) {
  .home-project-stats .featured-stats,
  .home-project-stats .results-stats {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.home-project-stats .featured-stats.short,
.home-project-stats .results-stats.short {
  width: 140px;
  line-height: 1;
  padding: 10px 10px 4px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 48.9375em) {
  .home-project-stats .featured-stats.short,
  .home-project-stats .results-stats.short {
    width: 200px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}

.home-project-stats .project-item-stats {
  position: initial;
  float: right;
  padding: 0.5em;
  background-color: #171717;
  border-radius: 2px 0 0 2px;
  color: #4D4D4D;
  bottom: 0;
  border-radius: 0;
}

.project-item-headline {
  padding: 10px 0 10px 0;
}

.project-item-headline h3 {
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #c19f54;
}

.project-item-headline h3:hover {
  color: #a6853c;
}

.project-item-headline p {
  margin: -5px 0 0 0;
  color: #676767;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.project-item-headline p a {
  color: #676767;
}

.project-item-headline p a:hover {
  color: #4D4D4D;
}

.project-item-headline .project-owner {
  float: right;
  background-color: #6e5828;
  color: #e6e6e6;
  margin-top: 2px;
  padding: 5px 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 50px;
}

.section-profile-contribute-project {
  display: block;
  overflow: hidden;
}

.section-profile-contribute-project .project-item, .section-profile-contribute-project .section-lists {
  min-height: 425px;
}

@media (min-width: 48.9375em) {
  .section-profile-contribute-project .project-item, .section-profile-contribute-project .section-lists {
    width: 49.15254%;
    float: left;
  }
  .section-profile-contribute-project .project-item:nth-child(2n + 1), .section-profile-contribute-project .section-lists:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .section-profile-contribute-project .project-item:nth-child(2n + 2), .section-profile-contribute-project .section-lists:nth-child(2n + 2) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
}

.section-profile-contribute-project p {
  clear: both;
}

.section-profile-my-lists p {
  clear: both;
}

.lt-ie9 .project-item-cover, .lt-ie9 .section-lists .list-item-cover, .section-lists .lt-ie9 .list-item-cover {
  background-position: center;
  background-repeat: no-repeat;
}

.lt-ie9 .project-item-cover .home-project-stats, .lt-ie9 .section-lists .list-item-cover .home-project-stats, .section-lists .lt-ie9 .list-item-cover .home-project-stats {
  height: 38px;
}

.lt-ie9 .project-item-cover .featured-stats, .lt-ie9 .section-lists .list-item-cover .featured-stats, .section-lists .lt-ie9 .list-item-cover .featured-stats, .lt-ie9 .project-item-cover .results-stats, .lt-ie9 .section-lists .list-item-cover .results-stats, .section-lists .lt-ie9 .list-item-cover .results-stats {
  padding: 10px 10px 10px 10px;
}

/***********************************************************
    Page Basic Info - gold top message
************************************************************/
.page-basic-info,
.page-basic-info-static {
  background: #c19f54;
  padding: 1.5em 0;
  text-align: center;
  width: 100%;
  z-index: 1110 !important;
  -webkit-transition: all .5s ease;
}

.page-basic-info h1,
.page-basic-info-static h1 {
  color: #000000;
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 48.9375em) {
  .page-basic-info h1,
  .page-basic-info-static h1 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

.page-basic-info p,
.page-basic-info-static p {
  color: #000000;
  margin: 0;
  padding: 0 1em 1em 1em;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 48.9375em) {
  .page-basic-info p,
  .page-basic-info-static p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.page-basic-info .extra,
.page-basic-info-static .extra {
  color: #000000;
  margin: 0;
  padding: 0 1em .5em 1em;
  font-size: 1.6rem;
}

.page-basic-info .extra a,
.page-basic-info-static .extra a {
  color: #000000;
  text-decoration: underline;
}

.page-basic-info .extra a:hover,
.page-basic-info-static .extra a:hover {
  color: #676767;
}

.page-basic-info div.checkbox,
.page-basic-info-static div.checkbox {
  margin-bottom: 10px;
}

.page-basic-info div.checkbox label,
.page-basic-info-static div.checkbox label {
  color: #000000;
  font-size: 1.4rem;
}

.page-basic-info .medium-button,
.page-basic-info-static .medium-button {
  margin: 0 10px;
}

.page-basic-info .sign-in-with-twitter-button,
.page-basic-info .sign-in-with-github-button,
.page-basic-info .sign-in-with-mail-button,
.page-basic-info-static .sign-in-with-twitter-button,
.page-basic-info-static .sign-in-with-github-button,
.page-basic-info-static .sign-in-with-mail-button {
  margin: 0 5px;
}

.page-basic-info .page-basic-info-signout,
.page-basic-info-static .page-basic-info-signout {
  font-size: 98%;
}

.page-basic-info .page-basic-info-signout a,
.page-basic-info-static .page-basic-info-signout a {
  color: #000000;
  text-decoration: underline;
}

.page-basic-info .page-basic-info-signout a:hover,
.page-basic-info-static .page-basic-info-signout a:hover {
  color: #FFFFFF;
}

.page-basic-info .team-invitation-accept,
.page-basic-info-static .team-invitation-accept {
  width: 100px;
}

.page-basic-info.page-basic-info-static-dark,
.page-basic-info-static.page-basic-info-static-dark {
  padding-top: 3em;
  padding-bottom: 1em;
  background: #171717;
  border: 1px solid #272727;
  border-width: 1px 0 0;
}

@media (min-width: 48.9375em) {
  .page-basic-info.page-basic-info-static-dark,
  .page-basic-info-static.page-basic-info-static-dark {
    padding-top: 4em;
  }
}

.page-basic-info.page-basic-info-static-dark h1,
.page-basic-info-static.page-basic-info-static-dark h1 {
  color: #FFFFFF;
  font-weight: 700;
}

.page-basic-info.page-basic-info-static-dark p,
.page-basic-info-static.page-basic-info-static-dark p {
  color: #FFFFFF;
}

.page-basic-info.guest-message-signup-static,
.page-basic-info-static.guest-message-signup-static {
  position: fixed;
  bottom: -160px;
  padding-top: .2em;
}

@media (min-width: 48.9375em) {
  .page-basic-info.guest-message-signup-static,
  .page-basic-info-static.guest-message-signup-static {
    bottom: -70px;
    padding-top: .5em;
  }
}

.page-basic-info.guest-message-signup-static:hover,
.page-basic-info-static.guest-message-signup-static:hover {
  bottom: 0;
}

.page-basic-info.guest-message-signup-static .page-basic-info-text a,
.page-basic-info-static.guest-message-signup-static .page-basic-info-text a {
  color: #c19f54;
  cursor: pointer;
}

.page-basic-info.guest-message-signup-static .page-basic-info-text a:hover,
.page-basic-info-static.guest-message-signup-static .page-basic-info-text a:hover {
  color: #a6853c;
}

.page-basic-info.guest-message-signup-inline,
.page-basic-info-static.guest-message-signup-inline {
  position: relative;
}

.page-basic-info.guest-message-signup-inline .page-basic-info-text a,
.page-basic-info-static.guest-message-signup-inline .page-basic-info-text a {
  color: #FFFFFF;
  cursor: default;
}

.page-basic-info.guest-message-signup-inline .page-basic-info-text a:hover,
.page-basic-info-static.guest-message-signup-inline .page-basic-info-text a:hover {
  color: #FFFFFF;
}

.lt-ie8 .page-basic-info {
  position: relative !important;
}

/*doc
---
title: Headline
name: headline
category: modules
---

Page title

```html_example
<div class="headline">
    <h2>H2 Headline</h2>
</div>
```

Page summary

```html_example
<div class="headline">
    <p class="description">Hello a description</p>
</div>
```

*/
/***********************************************************
    Headline
************************************************************/
.headline {
  display: block;
  padding: 0;
  padding-top: 2.5em;
  text-align: center;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.headline .container {
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  z-index: 10;
}

.headline:after {
  display: block;
  width: 70px;
  margin: 50px auto;
  border-bottom: 2px solid #272727;
  content: '';
}

@media (min-width: 75.4375em) {
  .headline:after {
    margin: 50px auto;
  }
}

.headline.without-border:after {
  display: none;
  width: 70px;
  margin: 50px auto;
  border-bottom: 2px solid #272727;
  content: '';
}

@media (min-width: 75.4375em) {
  .headline.without-border:after {
    margin: 50px auto;
  }
}

.headline h1 {
  font-size: 39.6px;
  font-size: 3.96rem;
  line-height: 42px;
  text-align: center;
  margin: 0;
  margin-bottom: 1.5rem;
  word-break: break-word;
  letter-spacing: -1px;
  font-weight: 700;
}

.headline h1 a {
  color: #FFFFFF;
  line-height: 1.2;
}

.headline h1 a.gold-link {
  color: #c19f54;
}

@media (min-width: 62.4375em) {
  .headline h1 {
    font-size: 46.8px;
    font-size: 4.68rem;
    line-height: 49px;
  }
}

.headline .description {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  outline: none;
  resize: none;
  width: 60%;
  margin: 0 auto 12px;
}

@media (min-width: 75.4375em) {
  .headline .description {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.headline .description.date {
  margin-top: 5px;
  width: 400px;
}

.headline .description.time {
  margin-top: 5px;
  width: 250px;
}

.headline textarea.description {
  margin-top: 5px;
}

.headline input[type="text"].title,
.headline textarea.title {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 0;
  color: #FFFFFF;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  font-weight: bold;
}

.headline input[type="text"].title::-webkit-input-placeholder,
.headline textarea.title::-webkit-input-placeholder {
  color: #bfbfbf;
}

.headline input[type="text"].title:-moz-placeholder,
.headline textarea.title:-moz-placeholder {
  color: #bfbfbf;
}

.headline input[type="text"].title::-moz-placeholder,
.headline textarea.title::-moz-placeholder {
  color: #bfbfbf;
}

.headline input[type="text"].title:-ms-input-placeholder,
.headline textarea.title:-ms-input-placeholder {
  color: #bfbfbf;
}

@media (min-width: 75.4375em) {
  .headline input[type="text"].title,
  .headline textarea.title {
    font-size: 33.8px;
    font-size: 3.38rem;
  }
}

.headline .message-for {
  text-align: center;
  color: #676767;
}

.headline .message-for a {
  color: #676767;
  text-decoration: underline;
}

.headline input.location {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  text-align: center;
  margin-top: 5px;
}

.headline .twitter-typeahead {
  margin: 0px auto;
  width: 100%;
  display: block !important;
}

@media (min-width: 75.4375em) {
  .headline .twitter-typeahead {
    width: 60%;
    margin-top: 5px;
  }
}

.headline .author {
  text-align: center;
  margin: 0 auto;
}

.headline .author a {
  color: #e6e6e6;
  overflow: visible;
}

.headline .author a .author-name {
  text-decoration: underline;
  color: #676767;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.headline .author span {
  color: #e6e6e6;
}

.headline .location {
  margin: 0px auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  clear: both;
}

.headline-image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  opacity: 0.4;
  z-index: 1;
}

textarea.description {
  height: 67px;
  background-color: transparent;
  margin: 5px 0;
  width: 100%;
}

@media (min-width: 75.4375em) {
  textarea.description {
    width: 60%;
  }
}

.register-signin-description {
  font-size: 18px;
  font-size: 1.8rem;
}

.register-signin-description.email-sent {
  color: #FFFFFF;
}

.register-signin-description .should-link {
  color: #4D4D4D;
  text-decoration: underline;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.lt-ie8 input[type="text"].title {
  width: 960px;
}

.lt-ie8 .headline {
  padding: 0 0 70px 0;
}

.lt-ie8 .headline .editarea {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.lt-ie8 .headline textarea.description {
  width: 760px;
}

.lt-ie8 .headline .location {
  width: 200px;
}

.page_v2 .profile-bck-image {
  display: block;
}

@media (min-width: 48.9375em) {
  .page_v2 .profile-bck-image {
    display: inline-block;
  }
}

.page_v2 .button-upload {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  padding: 7px 25px 7px 25px;
  margin-bottom: .5em;
}

.page_v2 .button-upload:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 48.9375em) {
  .page_v2 .button-upload {
    display: inline-block;
    margin-bottom: 0;
  }
}

.page_v2 .inline-error {
  position: absolute;
  top: -15px;
  color: #e6e6e6;
}

.page_v2 .progress-holder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}

.page_v2 .progress-holder .progress {
  height: 100%;
  border-radius: 0;
  background-color: #272727;
}

.page_v2 .progress-holder .progress-item {
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  height: 100%;
  background-color: #4D4D4D;
}

.page_v2 .progress-holder .progress-number {
  position: absolute;
  bottom: 20px;
  margin-left: 40px;
  font-size: 156px;
  font-size: 15.6rem;
  font-weight: 700;
  text-align: left;
  color: #171717;
}

.page_v2 .progress-holder .progress-number.foreground {
  color: #676767;
}

.page_v2 .author {
  padding: 10px 0 34px;
}

.page_v2 .project-following-container,
.page_v2 .project-skulling-container,
.page_v2 .following-container,
.page_v2 .add-to-cal-container {
  margin-top: 0;
}

.page_v2 .headline:after {
  display: none;
}

.page_v2 .project-menu-details-holder {
  background-color: #272727;
  margin: 0 0 30px;
}

.page_v2 .project-menu-details-holder .container {
  margin: 0 auto;
}

.page_v2 .project-menu-details-holder .content-right {
  margin-top: 0;
  text-align: center;
}

@media (min-width: 48.9375em) {
  .page_v2 .project-menu-details-holder .content-right {
    text-align: left;
  }
}

.page_v2 .project-menu-details-holder .content-left {
  padding-top: 10px;
  text-align: center;
}

@media (min-width: 48.9375em) {
  .page_v2 .project-menu-details-holder .content-left {
    text-align: left;
  }
}

.page_v2 .project-menu-details-holder .content-left .section-profile-stats div {
  color: #FFFFFF;
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  font-weight: bold;
  margin-right: 35px;
}

.page_v2 .project-menu-details-holder .content-left .section-profile-stats div small {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 300;
  margin-top: -3px;
}

/***********************************************************
    Project Status ( Draft, Active, Disable etc... )
************************************************************/
.project-status {
  text-align: center;
  margin: 1.5em 0;
}

.project-status p {
  font-size: 16px;
  font-size: 1.6rem;
}

/***********************************************************
    Following Buttons and all states
************************************************************/
.following-container,
.project-following-container,
.project-skulling-container,
.project-submit-entry-container,
.add-to-cal-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 62.4375em) {
  .following-container,
  .project-following-container,
  .project-skulling-container,
  .project-submit-entry-container,
  .add-to-cal-container {
    width: 23.72881%;
  }
}

.project-following-container,
.stack-following-container,
.project-skulling-container,
.project-submit-entry-container,
.add-to-cal-container {
  display: inline-block;
  margin-left: 10px;
}

.project-following-container .gold-white-button,
.stack-following-container .gold-white-button,
.project-skulling-container .gold-white-button,
.project-submit-entry-container .gold-white-button,
.add-to-cal-container .gold-white-button {
  padding: 0.6em 1.5em 0.6em 1.5em;
}

.project-detail-list .following-container {
  margin: 20px auto;
  display: block;
  width: 180px;
}

@media (min-width: 75.4375em) {
  .project-detail-list .following-container {
    margin-top: -33px;
    width: 23.72881%;
  }
}

.loading {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=50);
}

.follow,
.skulled,
.submit-entry {
  display: block;
}

.unfollow,
.unskulled {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #676767;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: none;
}

.unfollow:hover, .unfollow:focus,
.unskulled:hover,
.unskulled:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #343434;
  color: #5a5a5a;
}

.unfollow:visited,
.unskulled:visited {
  color: #676767;
}

.unfollow:hover, .unfollow:focus,
.unskulled:hover,
.unskulled:focus {
  text-decoration: none;
}

.unfollow:active,
.unskulled:active {
  outline: 0;
}

.on .follow,
.on .skulled {
  display: none;
}

.on .unfollow,
.on .unskulled {
  display: block;
}

.lt-ie9 .skulled .icon-skull, .lt-ie9 .skulled .icon-skull-test, .lt-ie9 .skulled .feed-icon, .lt-ie9 .skulled .feed-icon-projectSkull, .lt-ie9 .skulled .feed-icon-like, .lt-ie9 .skulled .feed-icon-unlike {
  background-position: 61px -15922px;
}

/***********************************************************
    Register and Sign In
************************************************************/
.register-signin-holder {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 3em;
  padding-top: 0.5em;
}

.register-signin-holder.reactivate-holder h3 {
  color: #c19f54;
  text-align: center;
}

.register-signin-holder.reactivate-holder .revert-button {
  width: auto;
  margin-top: 0;
}

.register-signin-holder.reactivate-holder .revert-button.middle {
  margin-top: 24px;
}

.register-signin-holder.reactivate-holder .account-card {
  position: relative;
  text-align: left;
}

.register-signin-holder.reactivate-holder .account-card .account-card-avatar {
  float: left;
  width: 55px;
  height: 55px;
}

.register-signin-holder.reactivate-holder .account-card .account-card-info {
  margin-left: 65px;
  color: white;
  line-height: 16px;
  font-size: 16px;
}

.register-signin-holder.reactivate-holder .account-card .account-card-info div {
  margin-bottom: 10px;
}

@media (min-width: 48.9375em) {
  .register-signin-holder {
    width: 40.67797%;
    margin-top: 3em;
    margin-bottom: 3em;
    padding-top: 2.5em;
  }
}

@media (min-width: 62.4375em) {
  .register-signin-holder {
    width: 40.67797%;
  }
}

@media (min-width: 75.4375em) {
  .register-signin-holder {
    width: 40.67797%;
  }
}

@media (min-width: 48.9375em) {
  .register-signin-holder .form-left {
    width: 40.67797%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 62.4375em) {
  .register-signin-holder .form-left {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 75.4375em) {
  .register-signin-holder .form-left {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 48.9375em) {
  .register-signin-holder .form-right {
    width: 23.72881%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 62.4375em) {
  .register-signin-holder .form-right {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75.4375em) {
  .register-signin-holder .form-right {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }
}

.register-signin-holder .form-center {
  text-align: center;
}

.register-signin-holder .checkbox {
  float: left;
}

.register-signin-holder .forgot-pass {
  float: right;
  color: #676767;
}

.register-signin-holder .gold-gold-button, .register-signin-holder .chat-app .button-chat-send, .chat-app .register-signin-holder .button-chat-send {
  margin-top: 1.6em;
  width: 49.15254%;
}

.register-signin-holder .notify-me,
.register-signin-holder .request-invate,
.register-signin-holder .reset-password {
  margin-top: 1.6em;
}

@media (min-width: 48.9375em) {
  .register-signin-holder .notify-me,
  .register-signin-holder .request-invate,
  .register-signin-holder .reset-password {
    margin-top: 0em;
  }
}

.register-signin-holder .sign-up-with-email-tip {
  color: #FFFFFF;
  text-align: center;
}

@media (min-width: 48.9375em) {
  .register-signin-holder.forgot-pass-holder {
    width: 49.15254%;
  }
}

@media (min-width: 62.4375em) {
  .register-signin-holder.forgot-pass-holder {
    width: 40.67797%;
  }
}

@media (min-width: 75.4375em) {
  .register-signin-holder.forgot-pass-holder {
    width: 49.15254%;
  }
}

@media (min-width: 48.9375em) {
  .register-signin-holder.forgot-pass-holder .form-left {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 62.4375em) {
  .register-signin-holder.forgot-pass-holder .form-left {
    width: 40.67797%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 75.4375em) {
  .register-signin-holder.forgot-pass-holder .form-left {
    width: 57.62712%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 48.9375em) {
  .register-signin-holder.forgot-pass-holder .form-right {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 62.4375em) {
  .register-signin-holder.forgot-pass-holder .form-right {
    width: 40.67797%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75.4375em) {
  .register-signin-holder.forgot-pass-holder .form-right {
    width: 40.67797%;
    float: right;
    margin-right: 0;
  }
}

.singup-section-home .singup-social-section {
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px;
}

.singup-section-home .singup-social-section i {
  margin: 0;
}

.singup-section-home .sperator {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  overflow: hidden;
  border-left: 1px solid #a6853c;
  margin-right: 20px;
}

.singup-section-home form {
  display: inline-block;
  vertical-align: middle;
}

.sign-in-with-social {
  margin-top: 5em;
  text-align: center;
}

.lt-ie8 .form-left .input-field {
  width: 90%;
}

.wrap.had2015 {
  background: url("../img/stuff/had2015-earth.jpg") center 220px no-repeat;
  min-height: 880px;
}

.wrap.had2015 .sign-in-wrap {
  padding: 10px 0 2em 0;
  margin-top: 120px;
  background-color: rgba(30, 30, 30, 0.9);
}

.wrap.had2015 .signup-holder {
  margin-top: 0;
  padding-top: 0;
}

.wrap.had2015 .sign-in-with-social {
  margin-top: 2em;
}

.wrap.had2015 .register-signin-description {
  color: #FFFFFF;
  text-align: center;
}

.wrap.had2015 .register-signin-description a.should-link {
  color: #c19f54;
  text-decoration: none;
}

.wrap.had2015 .register-signin-description a {
  color: #FFFFFF;
}

/***********************************************************
    Login Form
************************************************************/
.headline.signin {
  margin-top: 0;
  color: #FFFFFF;
}

.headline.signin:after {
  border: none;
}

.signin-holder {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0px auto 100px auto;
}

@media (min-width: 48.9375em) {
  .signin-holder {
    margin: 80px auto 140px auto;
  }
}

@media (min-width: 62.4375em) {
  .signin-holder {
    width: 83.05085%;
  }
}

@media (min-width: 75.4375em) {
  .signin-holder {
    width: 57.62712%;
  }
}

@media (min-width: 48.9375em) {
  .signin-holder.forgot-holder {
    margin: 80px auto 220px auto;
    width: 49.15254%;
  }
}

@media (min-width: 62.4375em) {
  .signin-holder.forgot-holder {
    width: 32.20339%;
  }
}

@media (min-width: 75.4375em) {
  .signin-holder.forgot-holder {
    width: 23.72881%;
  }
}

.signin-holder .or-separator {
  position: absolute;
  right: -22px;
  top: 50%;
  width: 44px;
  height: 44px;
  background: #171717;
  margin: -22px 0 0 0;
  padding: 12px 0;
  border: 1px solid #4D4D4D;
  font-size: 14px;
  font-size: 1.4rem;
  color: #4D4D4D;
  text-align: center;
  border-radius: 50%;
  display: none;
}

@media (min-width: 48.9375em) {
  .signin-holder .or-separator {
    display: inline-block;
  }
}

.signin-holder label {
  font-size: 85%;
  color: #676767;
}

.signin-holder label input {
  font-size: 100%;
}

.signin-holder .forgot-pass {
  display: block;
  margin-top: 10px;
  color: #676767;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem;
}

.signin-holder .input-field {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  padding: 12px 15px;
}

.signin-holder .sign-in-with-github-button {
  width: 100%;
  margin: 0;
}

.signin-holder .sign-in-with-twitter-button {
  width: 100%;
  margin-top: 10px;
}

.signin-holder .signin-left {
  width: 100%;
  position: relative;
}

@media (min-width: 48.9375em) {
  .signin-holder .signin-left {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    padding: 65px 40px 40px 0px;
    border-right: 1px solid #4D4D4D;
    min-height: 250px;
  }
}

.signin-holder .signin-right {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}

@media (min-width: 48.9375em) {
  .signin-holder .signin-right {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
    padding: 40px 0 40px 40px;
    min-height: 250px;
  }
}

.signin-holder .button-signin {
  width: 100%;
}

/***********************************************************
    Register Unique Username for Home and Profile
************************************************************/
.user-register-username h2 {
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: -1px;
  font-weight: 700;
  color: #000000;
}

.user-register-username .signup-holder .input-field {
  width: 90%;
  min-height: 46px;
}

@media (min-width: 48.9375em) {
  .user-register-username .signup-holder .input-field {
    width: auto;
  }
}

.user-register-username .signup-holder .signup {
  min-height: 46px;
  width: 90%;
}

@media (min-width: 48.9375em) {
  .user-register-username .signup-holder .signup {
    width: auto;
  }
}

@media (min-width: 48.9375em) {
  .user-register-username .signup-holder .input-email {
    min-width: 200px;
  }
}

.user-register-username .signup-holder .input-username-loading {
  background-image: url("../img/loading_22x22.gif");
  background-repeat: no-repeat;
  background-position: 180px center;
}

.user-register-username .page-info-text {
  font-size: 1.4rem;
  line-height: 18px;
  font-style: italic;
  padding: 15px 0 0;
}

.user-register-username .share-twitter,
.user-register-username .share-facebook,
.user-register-username .share-google {
  font-size: 48px;
  font-size: 4.8rem;
  color: #000000;
}

.user-register-username .share-twitter:hover,
.user-register-username .share-facebook:hover,
.user-register-username .share-google:hover {
  color: #1a1a1a;
}

.username-section-home .singup-social-section {
  display: inline-block;
  padding-right: 20px;
  vertical-align: middle;
}

.username-section-home .singup-social-section i {
  margin: 0;
}

.username-section-home .sperator {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  overflow: hidden;
  border-left: 1px solid #a6853c;
  margin-right: 20px;
}

.username-section-home form {
  display: inline-block;
  vertical-align: middle;
}

div.user-register-break {
  height: 8px;
}

/*doc
---
title: Authors
name: authors
category: modules
---

Author

```html_example
<div class="headline">
    <span class="gray-link">
        <span class="identity-card">
            <a href="#"><img src="http://cdn.qa.hackaday.io/qa/images/resize/24x24/8072101435182659088.png">a tester</a>
        </span>
    </span>
</div>
```

*/
/***********************************************************
    Author Base Styles
************************************************************/
.author {
  overflow: hidden;
}

.author a {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.author img {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  border-radius: 50px;
  vertical-align: middle;
}

.author .author-name {
  color: #c19f54;
}

.author .location {
  color: #676767;
  text-align: left;
  margin: 0px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.lt-ie8 .author img {
  margin: 0 10px 0px 0 !important;
}

/***********************************************************
    Profile
************************************************************/
.avatar-profile {
  width: 100%;
  height: 100%;
}

body.profile .headline .container {
  color: #FFFFFF;
}

body.profile .headline .container h3 {
  margin: 0;
  font-weight: 300;
}

body.profile .headline:after {
  width: 30px;
  border-bottom: none;
}

body.profile .container .content-left .profile-image {
  border: 1px dashed;
}

body.profile .container .content-right .publish-button {
  width: 100%;
}

@media (min-width: 75.4375em) {
  body.profile .container .content-right .publish-button {
    width: 230px;
  }
}

body.profile .container .notice {
  border: none;
  font-style: italic;
  font-size: 90%;
}

body.profile .container .section .twitter-typeahead {
  width: 100%;
}

body.profile .container .section .twitter-typeahead .tt-dropdown-menu {
  width: 48%;
}

body.profile .container .section small {
  text-transform: none;
  color: #4D4D4D;
  font-weight: normal;
}

body.profile .container .section .publish-button {
  margin-top: 30px;
}

body.profile .container .section .textarea-holder input {
  height: 42px;
}

@media (min-width: 75.4375em) {
  body.profile .container .section .textarea-holder input {
    width: 48%;
  }
}

body.profile .container .section input[type="file"] {
  width: 100%;
}

@media (min-width: 75.4375em) {
  body.profile .container .section textarea {
    width: 64%;
  }
}

body.profile .container .section span.placeholder {
  word-wrap: normal;
  float: right;
  font-style: italic;
  font-size: 90%;
  color: #4D4D4D;
}

body.profile .container .section span.placeholder.highlight-placeholder {
  color: #FFFFFF;
}

@media (min-width: 75.4375em) {
  body.profile .container .section span.placeholder {
    width: 34%;
  }
}

body.profile .container .section .section-projects-past .past-item-image {
  width: 27%;
  float: right;
  margin-right: 10px;
}

body.profile .container .section .section-projects-past .past-item-image .upload-button {
  width: 162px;
  margin: -15px 0 0 -81px;
}

body.profile .container .section .section-projects-past .past-item-image .project-item-image {
  border: #676767 1px dashed;
  background-color: #000000;
}

body.profile .container .section .section-projects-past .past-item-body {
  width: 71%;
  float: right;
}

body.profile .container .section .section-projects-past .past-item-body input {
  width: 96%;
}

body.profile .container .section .section-projects-past .past-item-body textarea {
  width: 96%;
  height: 80px;
}

body.profile .container .section .section-projects-past .past-item-placeholder {
  float: right;
}

@media (min-width: 75.4375em) {
  body.profile .container .section .section-projects-past .past-item-placeholder {
    width: 34%;
  }
}

body.profile .container .section .section-projects-past .project-past-item {
  width: 100%;
  margin-bottom: 10px;
}

@media (min-width: 75.4375em) {
  body.profile .container .section .section-projects-past .project-past-item {
    width: 66%;
  }
}

body.profile .container .section .section-projects-past .project-past-item .past-item-body {
  width: 98%;
}

body.profile .container .section .section-projects-past .project-past-item .past-item-image {
  float: left;
  margin-left: 10px;
  margin-right: 0;
  width: 94%;
}

body.profile .container .section .section-projects-past .project-past-item .delete-project-past {
  right: 18px;
}

body.profile .container .section .add-project {
  padding: 12px 0 20px 0;
  height: 40px;
  margin: 100px 0 120px 0;
}

@media (min-width: 75.4375em) {
  body.profile .container .section .add-project {
    margin: 0;
    width: 29%;
    min-width: 180px;
  }
}

body.profile .container .section .tags-list {
  float: left;
  width: 100%;
}

@media (min-width: 75.4375em) {
  body.profile .container .section .tags-list {
    margin-bottom: 60px;
    width: 64%;
  }
}

body.profile .container .section .tags-list li input {
  width: 100%;
}

@media (min-width: 75.4375em) {
  body.profile .container .section .tags-list li input {
    width: 168px;
  }
}

body.profile .container .section .tags-list li.item-add-tag {
  display: block;
  width: 160px;
}

body.profile .container .section .tags-list li.item-add-tag a {
  width: 100%;
}

body.profile .container .section.section-tags .placeholder {
  float: left;
  font-style: italic;
  font-size: 90%;
  margin-bottom: 60px;
  padding: 0;
  color: #4D4D4D;
}

@media (min-width: 75.4375em) {
  body.profile .container .section.section-tags .placeholder {
    width: 30%;
    margin-bottom: 0;
    margin-left: 14px;
  }
}

body.profile .container .section.section-tags .placeholder.highlight-placeholder {
  color: #FFFFFF;
}

body.profile .container .section.section-links {
  margin-bottom: 50px;
}

@media (min-width: 75.4375em) {
  body.profile .container .section.section-links {
    margin-bottom: 0;
  }
}

body.profile .container .section.section-links span.editarea {
  width: 100%;
}

body.profile .container .section.section-links .placeholder {
  float: left;
  padding-left: 0;
  font-style: italic;
  font-size: 90%;
  color: #4D4D4D;
}

@media (min-width: 75.4375em) {
  body.profile .container .section.section-links .placeholder {
    width: 30%;
  }
}

body.profile .container .section.section-links .placeholder.highlight-placeholder {
  color: #FFFFFF;
}

body.profile .container .section.section-links .links-list {
  float: left;
}

@media (min-width: 75.4375em) {
  body.profile .container .section.section-links .links-list {
    width: 66%;
  }
}

body.profile .container .section.section-links .links-list li {
  width: 50%;
  float: left;
  margin-bottom: 0;
  position: relative;
}

@media (min-width: 75.4375em) {
  body.profile .container .section.section-links .links-list li {
    width: 49%;
  }
}

body.profile .container .section.section-links .links-list li input {
  width: 98%;
  min-width: 200px;
}

body.profile .container .section.section-links .links-list li input.twitter-input, body.profile .container .section.section-links .links-list li input.github-input, body.profile .container .section.section-links .links-list li input.google-input {
  padding-left: 45px;
}

body.profile .container .section.section-links .links-list li .icon-twitter, body.profile .container .section.section-links .links-list li .icon-twitter-test, body.profile .container .section.section-links .links-list li .icon-twitterlogo, body.profile .container .section.section-links .links-list li .icon-twitter-notext, body.profile .container .section.section-links .links-list li .icon-twitter-black-large,
body.profile .container .section.section-links .links-list li .icon-github,
body.profile .container .section.section-links .links-list li .icon-github-test,
body.profile .container .section.section-links .links-list li .icon-githublogo,
body.profile .container .section.section-links .links-list li .icon-google,
body.profile .container .section.section-links .links-list li .icon-googleplus,
body.profile .container .section.section-links .links-list li .icon-google-notext,
body.profile .container .section.section-links .links-list li .icon-google-black-large {
  color: #676767;
  position: absolute;
  display: inline;
  left: 10px;
  top: 2px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 42px;
}

body.profile .container .section.section-links .links-list li span.icon-remove {
  position: absolute;
  top: 0;
  right: 0;
  color: #4D4D4D;
  font-size: 30px;
  font-size: 3rem;
}

body.profile .container .section .subsection {
  margin-bottom: 20px;
}

body.profile .container .section .subsection .projects-description {
  float: left;
}

@media (min-width: 75.4375em) {
  body.profile .container .section .subsection .projects-description {
    float: right;
  }
}

body.profile .container .section:after {
  border-top: none;
}

body.profile .container .section.last {
  margin-bottom: 40px;
}

body.profile .container .section.last a.add-link {
  margin: 0;
}

@media (min-width: 75.4375em) {
  body.profile .container .section.last a.add-link {
    width: 25%;
    min-width: 200px;
  }
}

.section-profile-my-pages .draft h2 {
  color: #676767;
}

.section-profile-my-pages .draft .draft-link {
  color: #676767;
  font-size: 16px;
  font-size: 1.6rem;
}

.section-profile-my-pages .draft .draft-link:hover {
  color: #676767;
}

/***********************************************************
Profile Bio
************************************************************/
.section-profile {
  display: block;
  padding: 0em 0 2em 0;
}

.section-profile:last-child {
  padding-bottom: 0;
}

.section-profile p {
  color: #FFFFFF;
}

/***********************************************************
 Profile Stats
************************************************************/
.section-profile-stats {
  display: block;
}

.section-profile-stats span {
  *display: inline;
  *zoom: 1;
}

.section-profile-stats span a {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  color: #FFFFFF;
}

/*doc
---
title: Tags
name: tags
category: modules
---

Project item:

```html_example
<div class="section section-tags">
    <a href="/projects/tag/arm" class="tag">arm</a>
    <a href="/projects/tag/rf" class="tag">rf</a>
    <a href="/projects/tag/ham%20radio" class="tag">ham radio</a>
    <a href="/projects/tag/STM32" class="tag">STM32</a>
    <a href="/projects/tag/radio" class="tag">radio</a>
    <a href="/projects/tag/SDR" class="tag">SDR</a>
    <a href="/projects/tag/Amateur%20Radio" class="tag">Amateur Radio</a>
    <a href="/projects/tag/TheHackadayPrize" class="tag">TheHackadayPrize</a>
    <a href="/projects/tag/PSDR" class="tag">PSDR</a>
    <a href="/projects/tag/VNA" class="tag">VNA</a>
    <a href="/projects/tag/PortableSDR" class="tag">PortableSDR</a>
</div>
```


Tags input placeholder

```html_example
<input type="text" value="" class="tag tag-edit" name="tag" placeholder="an interest...">
```

*/
/***********************************************************
    Tags
************************************************************/
.section-tags {
  display: block;
  margin-top: 10px;
}

.tag, .project-item .item-link:hover .recommended-project-tag, .section-lists .item-link:hover .recommended-project-tag, .project-item .list-items a:hover .recommended-project-tag, .list-items .project-item a:hover .recommended-project-tag, .section-lists .list-items a:hover .recommended-project-tag, .list-items .section-lists a:hover .recommended-project-tag {
  background: #272727;
  color: #676767;
  text-transform: uppercase;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: bold;
  padding: 0.5em 1em;
  margin: 0 0px 5px 0;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 50px;
  line-height: 15px;
}

.tag.tag-active, .project-item .item-link:hover .tag-active.recommended-project-tag, .section-lists .item-link:hover .tag-active.recommended-project-tag, .project-item .list-items a:hover .tag-active.recommended-project-tag, .list-items .project-item a:hover .tag-active.recommended-project-tag, .section-lists .list-items a:hover .tag-active.recommended-project-tag, .list-items .section-lists a:hover .tag-active.recommended-project-tag {
  color: #000000;
  background-color: #c19f54;
}

.tag:hover, .project-item .item-link:hover .recommended-project-tag:hover, .section-lists .item-link:hover .recommended-project-tag:hover, .project-item .list-items a:hover .recommended-project-tag:hover, .list-items .project-item a:hover .recommended-project-tag:hover, .section-lists .list-items a:hover .recommended-project-tag:hover, .list-items .section-lists a:hover .recommended-project-tag:hover {
  cursor: pointer;
}

.special-tags {
  display: block;
  margin-bottom: 10px;
}

input[type="text"].tag, .project-item .item-link:hover input[type="text"].recommended-project-tag, .section-lists .item-link:hover input[type="text"].recommended-project-tag, .project-item .list-items a:hover input[type="text"].recommended-project-tag, .list-items .project-item a:hover input[type="text"].recommended-project-tag, .section-lists .list-items a:hover input[type="text"].recommended-project-tag, .list-items .section-lists a:hover input[type="text"].recommended-project-tag {
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 50px;
  padding: 0.7em 1.2em;
}

.tag-edit {
  margin: 0;
}

.container .editarea .remove-tag {
  right: .1em;
  color: #171717;
}

.tags-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tags-list li {
  display: block;
  margin: 0 5px 5px 0;
}

@media (min-width: 48.9375em) {
  .tags-list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
}

.tags-list li input[type="text"].editable {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
}

@media (min-width: 75.4375em) {
  .tags-list li input[type="text"].editable {
    width: auto;
  }
}

.tags-list li input[type="text"].editable::-webkit-input-placeholder {
  color: #c19f54;
}

.tags-list li input[type="text"].editable:-moz-placeholder {
  color: #c19f54;
}

.tags-list li input[type="text"].editable::-moz-placeholder {
  color: #c19f54;
}

.tags-list li input[type="text"].editable:-ms-input-placeholder {
  color: #c19f54;
}

.tags-list li .editarea {
  display: block;
}

@media (min-width: 75.4375em) {
  .tags-list li .editarea {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
}

.tags-list li .add-tag {
  display: block;
}

@media (min-width: 75.4375em) {
  .tags-list li .add-tag {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
}

/***********************************************************
    Social Network
************************************************************/
.section-social-network {
  display: block;
  overflow: hidden;
  padding: 0.5em 0;
}

.section-social-network .social {
  display: block;
  margin: 5px 0;
  padding: 5px 0;
}

.section-social-network .social .icons {
  margin-right: 5px;
}

/***********************************************************
    Adding Project Past
************************************************************/
.section-projects-past {
  display: block;
}

.section-projects-past h3 {
  margin: 0;
}

.section-projects-past .note {
  margin-bottom: 1.5em;
}

.section-projects-past .project-past-item {
  display: block;
  padding: 0 0 20px 0;
  position: relative;
  *zoom: 1;
}

.section-projects-past .project-past-item:before, .section-projects-past .project-past-item:after {
  display: table;
  content: "";
}

.section-projects-past .project-past-item:after {
  clear: both;
}

.section-projects-past .project-past-item:last-child {
  padding: 0;
}

.section-projects-past .project-past-item .delete-project-past {
  display: none;
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 1;
  width: 26px;
  height: 26px;
  font-size: 30px;
  font-size: 3rem;
  color: #171717;
}

.section-projects-past .project-past-item:hover .delete-project-past {
  display: block;
  color: #171717;
}

.past-item-image {
  position: relative;
}

@media (min-width: 75.4375em) {
  .past-item-image {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%;
  }
}

.past-item-image .project-item-image {
  background: #272727 url("../img/no-photo-project.png") center center no-repeat;
  background-size: cover;
  margin: 0;
  height: 129px;
}

.past-item-image .upload-button {
  position: absolute;
  top: 45%;
  left: 50%;
  margin: -15px 0 0 -50px;
  width: 100px;
}

.past-item-image .upload-button input[type="file"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 36px;
  cursor: pointer;
}

.past-item-body {
  margin: 0;
  padding: 2px 0px;
}

@media (min-width: 75.4375em) {
  .past-item-body {
    width: 74.57627%;
    float: right;
    margin-right: 0;
  }
}

.past-item-body p {
  margin: 0;
  color: #676767;
}

.past-item-body textarea {
  height: 130px;
  line-height: 21px;
  resize: none;
}

/***********************************************************
    Skull and Like Projects
************************************************************/
.section-skull-and-like-projects {
  display: block;
  overflow: hidden;
}

.section-skull-and-like-projects .project-item, .section-skull-and-like-projects .section-lists {
  min-height: 99px;
}

@media (min-width: 48.9375em) {
  .section-skull-and-like-projects .project-item, .section-skull-and-like-projects .section-lists {
    width: 49.15254%;
    float: left;
  }
  .section-skull-and-like-projects .project-item:nth-child(2n + 1), .section-skull-and-like-projects .section-lists:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .section-skull-and-like-projects .project-item:nth-child(2n + 2), .section-skull-and-like-projects .section-lists:nth-child(2n + 2) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 75.4375em) {
  .section-skull-and-like-projects .project-item, .section-skull-and-like-projects .section-lists {
    width: 15.25424%;
    float: left;
  }
  .section-skull-and-like-projects .project-item:nth-child(6n + 1), .section-skull-and-like-projects .section-lists:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .section-skull-and-like-projects .project-item:nth-child(6n + 2), .section-skull-and-like-projects .section-lists:nth-child(6n + 2) {
    margin-left: 16.94915%;
    margin-right: -100%;
    clear: none;
  }
  .section-skull-and-like-projects .project-item:nth-child(6n + 3), .section-skull-and-like-projects .section-lists:nth-child(6n + 3) {
    margin-left: 33.89831%;
    margin-right: -100%;
    clear: none;
  }
  .section-skull-and-like-projects .project-item:nth-child(6n + 4), .section-skull-and-like-projects .section-lists:nth-child(6n + 4) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
  .section-skull-and-like-projects .project-item:nth-child(6n + 5), .section-skull-and-like-projects .section-lists:nth-child(6n + 5) {
    margin-left: 67.79661%;
    margin-right: -100%;
    clear: none;
  }
  .section-skull-and-like-projects .project-item:nth-child(6n + 6), .section-skull-and-like-projects .section-lists:nth-child(6n + 6) {
    margin-left: 84.74576%;
    margin-right: -100%;
    clear: none;
  }
}

.section-skull-and-like-projects .project-item .project-item-cover, .section-skull-and-like-projects .section-lists .project-item-cover, .section-lists .section-skull-and-like-projects .project-item .list-item-cover, .section-skull-and-like-projects .section-lists .list-item-cover {
  min-height: 79px;
}

.section-skull-and-like-projects .project-item .project-item-stats, .section-skull-and-like-projects .section-lists .project-item-stats,
.section-skull-and-like-projects .project-item .project-item-headline,
.section-skull-and-like-projects .section-lists .project-item-headline {
  display: none;
}

.section-skull-and-like-projects .project-item .project-item-headline, .section-skull-and-like-projects .section-lists .project-item-headline {
  margin-top: -129px;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  padding: .5em;
}

.section-skull-and-like-projects .project-item .project-item-headline h3, .section-skull-and-like-projects .section-lists .project-item-headline h3 {
  font-size: .95em;
}

.section-skull-and-like-projects .project-item .project-item-headline p, .section-skull-and-like-projects .section-lists .project-item-headline p {
  font-size: .8em;
  padding-top: .2em;
}

.section-skull-and-like-projects .project-item:hover .project-item-headline, .section-skull-and-like-projects .section-lists:hover .project-item-headline {
  display: none;
}

.section-skull-and-like-projects .project-item .project-item-title, .section-skull-and-like-projects .section-lists .project-item-title {
  display: none !important;
}

.section-skull-and-like-projects .submissions-icons {
  margin: 0 5px;
}

.section-skull-and-like-projects .submission-icon {
  width: 21px;
  height: 30px;
  margin: 0;
  /* Set padding to 0, only used to vertically align submission hover title */
  padding: 0;
}

.section-skull-and-like-projects a.submission-icon-hover {
  text-indent: -9999px;
}

.section-skull-and-like-projects .submission-icon-1 {
  background: #000000 url(../img/badge-naut-2014-thumb.png) 2px 0 no-repeat;
}

.section-skull-and-like-projects .submission-icon-5 {
  background: #000000 url(../img/badge-naut-2015-thumb.png) 2px 0 no-repeat;
}

.section-skull-and-like-projects .submission-icon-36,
.section-skull-and-like-projects .submission-icon-15 {
  background: #000000 url(../img/badge-digital-2016-thumb.png) 2px 0 no-repeat;
}

.section-skull-and-like-projects .submission-icon-29 {
  background: #000000 url(../img/badge-digital-2017.png) 3px 0 no-repeat;
  background-size: contain;
}

/*doc
---
title: Section
name: section
category: modules
---

Section title

```html_example
<div class="section">
    <h5>Section Title</h5>
</div>
```

*/
/***********************************************************
    Section Default
************************************************************/
.section {
  display: block;
  clear: both;
  overflow-wrap: break-word;
}

.section img {
  max-width: 100%;
  *width: 100%;
}

.section:after {
  display: block;
  width: 60px;
  margin: 60px auto;
  border-top: 2px solid #272727;
  content: '';
  clear: both;
}

.section.last:after {
  display: block;
  width: 0%;
  margin: 0;
  border-top: 0px solid #272727;
  content: '';
}

.section .authorship {
  margin: 0;
  display: block;
  color: #676767;
}

.section .authorship.authorship-2 {
  margin-bottom: 10px;
}

.section .authorship.authorship-2 img {
  float: left;
  margin: 0 10px 0 0;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.section .description {
  color: #FFFFFF;
}

.section .description img {
  max-width: 100%;
  *width: 100%;
}

.section input[type="text"].editable {
  font-size: 16px;
  font-size: 1.6rem;
}

.section .buildlogs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.section .buildlogs-list > li {
  display: list-item;
  margin-bottom: 2em;
  clear: both;
}

.section .buildlogs-list > li ul li,
.section .buildlogs-list > li ol li {
  list-style-type: disc;
  color: #FFFFFF;
  margin-bottom: 0;
}

.section .buildlogs-list > li ol li {
  list-style-type: decimal;
}

.section .buildlogs-list > li img {
  max-width: 100%;
  *width: 100%;
  display: block;
  margin: 2em auto;
}

.section .buildlogs-list > li iframe {
  display: block;
  margin: 1em auto;
}

.section .buildlogs-list > li p {
  color: #FFFFFF;
  margin: 1em 0;
}

.section .buildlogs-list > li .draft-link {
  color: #676767;
  font-size: 16px;
  font-size: 1.6rem;
}

.section .buildlogs-list > li .draft-link:hover {
  color: #676767;
}

.section ol li p {
  color: #FFFFFF;
  margin: 5px 0 10px 0;
}

.section textarea.description-large {
  height: 40px;
  width: 100%;
}

.section .log-btns {
  clear: both;
}

.section .detail-btns {
  clear: both;
  display: block;
}

.section blockquote {
  letter-spacing: normal;
  font-style: italic;
  border-left: 2px solid #c19f54;
  padding-left: 20px;
  margin-left: 0;
  margin-top: -1px;
  padding-bottom: 3px;
  color: #FFFFFF;
}

.section .post-content {
  width: 100%;
}

.section .post-content .notice {
  color: #4D4D4D;
}

.section.curated .project-item, .section.curated .section-lists, .section.featured .project-item, .section.featured .section-lists {
  width: 100%;
  float: left;
  float: none;
}

.section.curated .project-item:nth-child(1n + 1), .section.curated .section-lists:nth-child(1n + 1), .section.featured .project-item:nth-child(1n + 1), .section.featured .section-lists:nth-child(1n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: none;
}

.readmore {
  white-space: nowrap;
}

.home-section-tags {
  overflow: hidden;
  text-align: center;
  margin: 0px auto;
}

@media (min-width: 75.4375em) {
  .home-section-tags {
    width: 49.15254%;
  }
}

.home-section-tags:after {
  display: block;
  width: 60px;
  margin: 60px auto;
  border-top: 2px solid #272727;
  content: '';
}

.home-section-tags:before {
  display: block;
  width: 60px;
  margin: 60px auto;
  border-top: 2px solid #272727;
  content: '';
}

.home-section-tags .tag, .home-section-tags .project-item .item-link:hover .recommended-project-tag, .project-item .item-link:hover .home-section-tags .recommended-project-tag, .home-section-tags .section-lists .item-link:hover .recommended-project-tag, .section-lists .item-link:hover .home-section-tags .recommended-project-tag, .home-section-tags .project-item .list-items a:hover .recommended-project-tag, .project-item .list-items a:hover .home-section-tags .recommended-project-tag, .home-section-tags .list-items .project-item a:hover .recommended-project-tag, .list-items .project-item a:hover .home-section-tags .recommended-project-tag, .home-section-tags .section-lists .list-items a:hover .recommended-project-tag, .section-lists .list-items a:hover .home-section-tags .recommended-project-tag, .home-section-tags .list-items .section-lists a:hover .recommended-project-tag, .list-items .section-lists a:hover .home-section-tags .recommended-project-tag {
  padding: 0.7em 1.2em;
  font-size: 14px;
  font-size: 1.4rem;
}

.breadcrumb {
  margin-bottom: 30px;
}

.breadcrumb a {
  color: #676767;
}

.notice {
  display: block;
  padding: 0.3em 0 0.3em 0;
  margin-top: 0;
  margin-bottom: 10px;
  border-bottom: 1px dotted #676767;
  border-top: 1px dotted #676767;
  color: #676767;
}

.need-help {
  display: block;
  text-align: right;
  margin-bottom: 0.5em;
  color: #4D4D4D;
}

.need-help-content {
  display: none;
}

.badges {
  text-align: center;
}

.badges a {
  margin: 0 25px 15px 0;
  display: inline-block;
}

.section-component-list {
  list-style: none;
  padding: 0;
  margin: 1.5em 0;
}

.section-component-list li {
  display: block;
  overflow: hidden;
  margin: 1em 0 1em 0;
}

.section-component-list span {
  color: #FFFFFF;
}

@media (min-width: 75.4375em) {
  .section-component-list span.component-number {
    width: 6.77966%;
    float: left;
    margin-right: 1.69492%;
    text-align: center;
  }
}

.section-component-list span.component-x {
  color: #676767;
}

@media (min-width: 75.4375em) {
  .section-component-list span.component-x {
    width: 6.77966%;
    float: left;
    margin-right: 1.69492%;
    text-align: center;
  }
}

@media (min-width: 75.4375em) {
  .section-component-list span.component-content {
    width: 83.05085%;
    float: right;
    margin-right: 0;
  }
}

.section-component-list span.component-content .component-description {
  color: #4D4D4D;
  font-size: 12px;
  display: block;
}

.section-component-list span a {
  color: #676767;
}

.section-component-list span a:hover {
  text-decoration: underline;
}

.section-component-list p {
  color: #FFFFFF;
  margin: 5px 0 10px 0;
}

.logs .section-buildsort .pull-left a {
  color: #676767;
  line-height: 38px;
}

.logs .section-buildsort .pull-left a:hover {
  color: #a6853c;
}

.logs .section .buildlogs-list li {
  margin-bottom: 7em;
  clear: both;
}

.logs .section .buildlogs-list li ul li,
.logs .section .buildlogs-list li ol li {
  margin-bottom: 0;
}

.logs .section .buildlogs-list li .draft-link {
  color: #676767;
  font-size: 16px;
  font-size: 1.6rem;
}

.logs .section .buildlogs-list li .draft-link:hover {
  color: #676767;
}

.logs .section-buildlogs a.medium-button {
  clear: both;
}

.section-buildlogs .draft h2 {
  color: #676767;
}

.section-buildlogs .draft .draft-link {
  color: #676767;
  font-size: 16px;
  font-size: 1.6rem;
}

.section-buildlogs .draft .draft-link:hover {
  color: #676767;
}

.section-collapse {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
  top: 7px;
  padding: 0 8px 0 3px;
  margin-left: .5em;
  overflow: hidden;
  text-align: center;
  border: 1px solid #4D4D4D;
  border-radius: 3px;
  color: #4D4D4D;
  font-weight: 300;
  text-transform: none;
  white-space: nowrap;
}

.section-collapse:hover {
  width: auto;
}

.section-collapse .icon-arrowup,
.section-collapse .icon-arrowdown {
  vertical-align: middle;
  font-size: 20px;
  font-size: 2rem;
}

.section-hackers .author {
  margin: 15px 0;
}

.section.section-report p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #676767;
}

.section.section-report a {
  color: #676767;
}

.section.section-report a:hover {
  color: #c19f54;
}

.section-recommendations:before {
  display: block;
  width: 70px;
  margin: 50px auto;
  border-bottom: 2px solid #272727;
  content: '';
}

@media (min-width: 75.4375em) {
  .section-recommendations:before {
    margin: 50px auto;
  }
}

.section-recommendations h2 {
  margin-bottom: 2em;
  text-align: center;
}

.lt-ie9 .section {
  margin: 2em 0;
}

.lt-ie9 .home-section-tags {
  margin: 0px auto;
}

.lt-ie8 .home-section-tags {
  margin: 60px auto;
}

.description-title {
  color: white;
  font-size: 1em;
  margin: 0;
}

.description-title a {
  color: white;
  font-style: normal;
  text-decoration: underline;
}

.description-summary {
  color: #676767;
  font-style: italic;
  margin: 0 0 5px;
  width: 48.34437%;
  margin-left: auto;
  margin-right: auto;
}

.description-metainfo {
  color: #676767;
}

.description-metainfo a {
  color: #676767;
  text-decoration: underline;
  font-style: normal;
}

.description-metainfo a:hover {
  color: #4D4D4D;
}

.description-metainfo .bull {
  margin: 0 10px 0;
}

.description-metainfo .bull#comment_count {
  margin: 0;
}

.section-lists {
  min-height: 0;
  width: 100%;
}

@media (min-width: 48.9375em) {
  .section-lists {
    width: 100%;
    float: left;
  }
  .section-lists:nth-child(1n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 75.4375em) {
  .section-lists {
    width: 100%;
    float: left;
  }
  .section-lists:nth-child(1n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: none;
  }
}

.section-lists div,
.section-lists a div {
  height: 55px;
}

.section-lists h5 {
  width: 100%;
}

.section-lists.list-items {
  min-height: 0px;
  height: 85px;
  margin: 0 0 20px 0;
}

@media (min-width: 48.9375em) {
  .section-lists.list-items {
    height: 185px;
  }
}

@media (min-width: 75.4375em) {
  .section-lists.list-items {
    height: 85px;
  }
}

.section-lists.list-items .project-item-title {
  padding: 0 15px;
}

.section-lists.list-items .project-item-title h4 {
  font-size: 16px;
  margin: 30px 0;
}

@media (min-width: 48.9375em) {
  .section-lists.list-items .project-item-title h4 {
    margin: 80px 0;
  }
}

@media (min-width: 75.4375em) {
  .section-lists.list-items .project-item-title h4 {
    margin: 30px 0;
  }
}

.section-lists.list-items a {
  height: 85px;
}

@media (min-width: 48.9375em) {
  .section-lists.list-items a {
    height: 185px;
  }
}

@media (min-width: 75.4375em) {
  .section-lists.list-items a {
    height: 85px;
  }
}

.section-lists.list-items .list-item-cover {
  min-height: 0;
}

.section-lists.list-items:last-of-type {
  margin-bottom: 5px;
}

.list-items a {
  height: 55px;
}

.section-share-or-report {
  clear: both;
  padding-top: 30px;
  color: #676767;
}

.section-share-or-report .share,
.section-share-or-report .report {
  display: inline-block;
}

.section-share-or-report .report {
  float: right;
  padding: 15px 0;
  color: #666666;
  font-size: 14px;
  font-size: 1.4rem;
}

.section-share-or-report .report a {
  color: #666666;
}

.section-share-or-report .report:after {
  clear: both;
  content: '';
}

.section-share {
  color: #676767;
}

.section-share span {
  vertical-align: middle;
  font-size: 46px;
  font-size: 4.6rem;
}

.section-files .files-list {
  list-style: none;
}

.section-files .files-list #j-file-progress-bar {
  height: 20px;
  width: 10px;
}

.section-files .drop-box {
  margin-bottom: 10px;
}

.section-files .drop-box + .files-table {
  margin-top: 15px;
}

.section-files .delete {
  color: red;
}

/***********************************************************
    Components ( Add Components and Components List )
************************************************************/
.section-components-content {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 75.4375em) {
  .section-components-content {
    width: 66.10169%;
  }
}

.component-table {
  width: 100%;
  margin: 0 0 2em 0;
}

.component-table thead td {
  color: #676767;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (min-width: 75.4375em) {
  .component-table thead td.quantity {
    width: 32.20339%;
  }
}

.component-table tr {
  width: 100%;
}

.component-table td {
  padding: 0.5em;
  color: #FFFFFF;
}

.component-table .quantity {
  text-align: center;
}

@media (min-width: 75.4375em) {
  .component-table .quantity {
    width: 15.25424%;
  }
}

.component-table .quantity input[type="number"] {
  text-align: center;
  height: 73px;
}

.component-table .empty-td {
  color: #676767;
  text-align: center;
}

@media (min-width: 75.4375em) {
  .component-table .empty-td {
    width: 6.77966%;
  }
}

.component-table .icon-draggable {
  color: #676767;
  font-size: 26px;
  font-size: 2.6rem;
  cursor: move;
  padding-left: 1em;
}

.component-table .component-name {
  position: relative;
}

@media (min-width: 75.4375em) {
  .component-table .component-name {
    width: 66.10169%;
  }
}

.component-table .component-name input[type="text"] {
  margin: 1px 0;
  color: #FFFFFF;
}

.component-table .component-name input[type="text"].components-category {
  padding: 0.5em 0.7em;
  font-size: 12px;
  font-size: 1.2rem;
  color: #e6e6e6;
  margin-top: 0px;
}

.component-table .component-name .icon-remove {
  position: absolute;
  right: 10px;
  margin-top: 8px;
  display: none;
  width: 25px;
  height: 26px;
  white-space: nowrap;
  overflow: hidden;
  color: #171717;
  font-size: 24px;
  font-size: 2.4rem;
}

.component-table .component-name:hover .icon-remove {
  display: block;
}

@media (min-width: 75.4375em) {
  .component-table-list .quantity {
    width: 6.77966%;
  }
}

@media (min-width: 75.4375em) {
  .component-table-list .empty-td {
    width: 6.77966%;
  }
}

@media (min-width: 75.4375em) {
  .component-table-list .component-name {
    width: 32.20339%;
  }
}

.component-table-list .component-name .component-description {
  color: #4D4D4D;
  font-size: 12px;
  display: block;
}

@media (min-width: 75.4375em) {
  .component-table-list .where-to-find {
    width: 15.25424%;
  }
}

.component-table-add .hidden-delete {
  display: none;
}

/***********************************************************
    File uploads
************************************************************/
.files-table {
  width: 100%;
  margin: 0 0 2em 0;
  table-layout: fixed;
}

.files-table .icon-view-count {
  cursor: pointer;
}

.files-table thead th {
  color: #4D4D4D;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: left;
  vertical-align: top;
}

.files-table tr .file-report-row {
  display: inline-block !important;
  font-size: 12px !important;
}

.files-table tr .file-report-row.file-report-message {
  padding-left: 1em;
  color: #4D4D4D;
}

.files-table tr .report {
  display: none;
  margin-right: 10px;
  padding-left: 1em;
  color: #4D4D4D;
}

.files-table tr:hover .report {
  display: inline-block;
}

.files-table tr:hover .report:hover {
  color: #c19f54;
}

.files-table td {
  padding: 5px 0 0.5em 0;
  color: #FFFFFF;
  border-width: 0 !important;
  line-height: 14px;
  text-align: left;
}

.files-table .file-drag {
  width: 10%;
}

.files-table .file-drag {
  width: 10%;
}

.files-table .icon-draggable {
  color: #676767;
  font-size: 26px;
  font-size: 2.6rem;
  cursor: move;
  padding-left: 1em;
}

.files-table .icon-remove {
  color: #4D4D4D;
  font-size: 26px;
  font-size: 2.6rem;
}

.files-table .file-type {
  width: 10%;
  text-align: center;
  vertical-align: top;
  word-break: normal;
}

.files-table .file-type a {
  display: inline-block;
  color: #4D4D4D;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
}

.files-table .file-type span {
  display: block;
}

.files-table .file-type.upload a {
  margin-top: 35px;
}

.files-table .file-details h3 {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 18px;
  word-break: break-all;
}

.files-table .file-details h3 a {
  color: #FFFFFF;
}

.files-table .file-details h3 a:hover {
  color: #c19f54;
}

.files-table .file-details h3 {
  display: inline-block;
  margin: 0 10px 10px 0;
  font-size: 18px;
  font-size: 1.8rem;
}

.files-table .file-details span {
  color: #e6e6e6;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  word-wrap: break-word;
}

.files-table .file-details p {
  margin-top: 5px;
  color: #4D4D4D;
  font-size: 12px;
  font-size: 1.2rem;
}

.files-table .file-details .description .preview-content iframe,
.files-table .file-details .description .preview-content img {
  display: inline-block;
}

.files-table .file-delete {
  width: 15%;
  vertical-align: top;
}

.files-table .delete-file {
  width: 30px;
  height: 30px;
  margin-top: 35px;
}

.files-table .delete-confirm {
  margin-top: 35px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #4D4D4D;
}

.files-table .delete-confirm .icon-close-test {
  font-size: 9px;
  font-size: 0.9rem;
}

.files-table .delete-confirm a {
  color: #4D4D4D;
}

.files-table .delete-confirm a:hover {
  color: #676767;
}

.files-table .file-preview {
  width: 11%;
  vertical-align: top;
  text-align: center;
}

.files-table .file-preview a {
  display: inline-block;
  color: #4D4D4D;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
}

.files-table .file-preview-holder {
  text-align: center;
}

.files-table .file-preview-holder iframe {
  width: 100%;
  border: none;
  height: 500px;
}

.files-table span.file-button-description {
  display: none;
}

@media (min-width: 48.9375em) {
  .files-table span.file-button-description {
    display: block;
  }
}

.file-table-add .hidden-delete {
  display: none;
}

.section-files {
  overflow-wrap: normal;
}

.section-files .checkbox label {
  color: #676767;
  font-size: 1.4rem;
}

.section-files .saved {
  color: #e6e6e6;
}

.section-files textarea {
  width: 100%;
  margin-top: 0;
  margin-bottom: 3px;
  padding: .4em;
}

.drop-box {
  position: relative;
  height: 220px;
  width: 100%;
  overflow: hidden;
  border: 3px dashed #4D4D4D;
  background-color: #272727;
  color: #171717;
  font-size: 200px;
  font-size: 20rem;
  font-weight: 700;
  line-height: 215px;
  letter-spacing: -10px;
  text-align: left;
  text-indent: 30px;
}

.drop-box .add {
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 60px;
  z-index: 3;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  text-indent: 0;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: normal;
}

.drop-box .used {
  position: absolute;
  top: 0;
  width: 0;
  height: 214px;
  z-index: 2;
  background-color: #4D4D4D;
  color: #676767;
  transition: width 0.6s ease;
  font-size: 200px;
  font-size: 20rem;
  font-weight: 700;
  overflow: hidden;
  text-align: left;
  text-indent: 30px;
  line-height: 215px;
  letter-spacing: -10px;
}

.drop-box .available {
  position: absolute;
  bottom: 15px;
  z-index: 4;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  color: #676767;
  letter-spacing: normal;
}

.drop-box p {
  color: #FFFFFF;
}

.drop-box.dragover {
  border-color: #4D4D4D;
  background-color: #272727;
  color: #272727;
}

.progress-bars {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.progress {
  overflow: hidden;
  height: 26px;
  background-color: #4D4D4D;
  border-radius: 4px;
}

.progress-bar {
  float: left;
  width: 0;
  height: 20px;
  margin: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
  color: #272727;
  background-color: #FFFFFF;
  text-align: center;
  transition: width 0.6s ease;
  border-radius: 2px;
}

.file-message {
  list-style: none;
  margin: 0;
  padding: 0;
}

.file-message .error-message {
  padding: 10px 0;
  margin-bottom: 10px;
}

.file-message .notice h3 {
  margin: 0;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #676767 !important;
}

.file-message .notice p {
  text-align: left;
  margin: 0;
  margin-bottom: 5px;
  color: #676767 !important;
}

.file-message .notice input[type=text] {
  width: 50%;
}

.file-message a {
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: underline;
}

.file-message a:hover {
  color: #676767;
}

/***********************************************************
    Team Members
************************************************************/
.contributors-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.contributors-list li {
  display: block;
}

.contributors-list li .twitter-typeahead {
  display: block;
}

.contributors-list li .tt-dropdown-menu {
  width: 100%;
  padding: 0px;
}

@media (min-width: 75.4375em) {
  .contributors-list li .tt-dropdown-menu {
    width: 100%;
  }
}

.contributors-list .contributor-photo {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 24px;
  height: 24px;
  border-radius: 50px;
}

.contributors-list .contributor-name {
  font-size: 16px;
  font-size: 1.6rem;
  background: none;
  width: auto;
  padding: 0.5em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.contributors-list .contributor-name.editable {
  padding: 0.5em;
  background: #272727;
  width: 100%;
  display: block;
}

.contributors-list .remove-contributor {
  font-size: 12px;
  font-size: 1.2rem;
  width: 26px;
  height: 26px;
}

/***********************************************************
    Team Members
************************************************************/
.section-team ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.section-team ul li {
  display: block;
  overflow: hidden;
  margin: 5px 0;
  line-height: 24px;
}

.section-team a.team-link {
  color: #676767;
  padding-right: 10px;
}

.section-team .identity-card {
  padding: 0;
}

.section-team .invite-contributor-container {
  display: inline-block;
}

.section-team .accept-to-team,
.section-team .contributor-invited,
.section-team .remove-from-team {
  float: right;
  display: block;
}

.section-team .accept-to-team {
  width: 90px;
}

.section-team .contributors-list {
  overflow: hidden;
}

.section-team .contributors-list.expanded {
  padding-right: 10px;
  border-radius: 4px;
  overflow-y: auto;
  overflow-x: auto;
  transition: -webkit-transform 0.15s ease-in;
  transition: transform 0.15s ease-in;
  transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
}

.section-team .contributors-list.expanded:hover {
  background-color: #1d1d1d;
}

.section-team .contributors-list .icon-checkmark-gray {
  background-position-y: -5101px;
}

.section-team .contributors-list .icon-close-test {
  color: #4D4D4D;
  font-size: 13px;
}

.section-team .contributors-list .icon-close-test.remove-from-team {
  padding-right: 21px;
}

.section-team .contributors-list .icon-comment, .section-team .contributors-list .icon-commented, .section-team .contributors-list .icon-add-comment, .section-team .contributors-list .feed-icon-discussionsComment, .section-team .contributors-list
.feed-icon-discussionsCommentReply, .section-team .contributors-list
.feed-icon-profileComment, .section-team .contributors-list
.feed-icon-profileCommentReply, .section-team .contributors-list
.feed-icon-profilePageComment, .section-team .contributors-list
.feed-icon-profilePageCommentReply, .section-team .contributors-list
.feed-icon-stackPageComment, .section-team .contributors-list
.feed-icon-stackPageCommentReply, .section-team .contributors-list
.feed-icon-logPageComment, .section-team .contributors-list
.feed-icon-logPageCommentReply, .section-team .contributors-list
.feed-icon-instructionPageComment, .section-team .contributors-list
.feed-icon-instructionPageCommentReply {
  background-size: 17px;
  background-position-y: 5px;
}

.section-team .twitter-typeahead input {
  vertical-align: middle !important;
}

.team-photo {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  border-radius: 50px;
  vertical-align: middle;
}

/***********************************************************
    Section Instructions (add, edit, list)
************************************************************/
.section-instructions .medium-button,
.section-instructions p {
  overflow: hidden;
  clear: both;
}

.add-instructions {
  width: 50%;
}

@media (min-width: 75.4375em) {
  .add-instructions {
    width: 50%;
  }
}

.add-instructions p {
  color: #FFFFFF;
}

.add-instructions .instruction-list-item {
  color: #FFFFFF;
}

.add-instructions .remove-step {
  float: right;
  margin: 0 10px;
  right: 0 !important;
  z-index: 1020;
  top: 0px;
  left: 100%;
  width: 25px;
  height: 25px;
  position: absolute;
}

.add-instructions .components-button {
  overflow: hidden;
  clear: both;
}

.all-instructions {
  width: 70%;
}

@media (min-width: 75.4375em) {
  .all-instructions {
    width: 70%;
  }
}

.section-instructions-list {
  display: block;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.section-instructions-list > li {
  margin: 0 0 1em 0;
  min-height: 50px;
}

@media (min-width: 75.4375em) {
  .section-instructions-list > li {
    margin: 0 0 1em 0;
  }
}

.section-instructions-list img {
  max-width: 550px;
}

.section-instructions-list .section-instructions-row {
  display: block;
}

.section-instructions-list .instruction-number {
  display: none;
}

@media (min-width: 75.4375em) {
  .section-instructions-list .instruction-number {
    display: inline-block;
    float: left;
    padding: 11px 0;
    width: 48px;
    margin-right: 1em;
    background: #4D4D4D;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    color: #171717;
    border-radius: 50%;
  }
}

.section-instructions-list .instruction-list-item,
.section-instructions-list .redactor-box {
  width: 100%;
  margin: 0;
  color: #FFFFFF;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

@media (min-width: 75.4375em) {
  .section-instructions-list .instruction-list-item,
  .section-instructions-list .redactor-box {
    margin: 3px;
  }
}

.section-instructions-list .instruction-list-item p,
.section-instructions-list .redactor-box p {
  margin: 0;
}

@media (min-width: 75.4375em) {
  .section-instructions-list .instruction-list-item p,
  .section-instructions-list .redactor-box p {
    margin: 0 0 1em 0;
  }
}

.section-instructions-list .instruction-list-item .redactor-editor img,
.section-instructions-list .redactor-box .redactor-editor img {
  max-width: 550px;
}

.section-instructions-list .instruction-list-item ul,
.section-instructions-list .redactor-box ul {
  margin: 0;
}

.section-instructions-list .instruction-list-item ul li,
.section-instructions-list .redactor-box ul li {
  list-style-type: disc;
}

.section-instructions-list .instruction-list-item {
  width: 85%;
}

.section-instructions-list .editarea {
  cursor: default;
}

.section-instructions-list tbody {
  overflow-x: initial !important;
}

.drag-table-row {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.drag-table-row .editarea {
  height: 77px;
  max-height: 77px;
  overflow-y: hidden;
  margin-bottom: 6px;
}

.add-instructions .instruction-number,
.all-instructions .instruction-number {
  margin-left: -60px;
  margin-right: 0;
}

.add-instructions tr .instruction-number,
.all-instructions tr .instruction-number {
  margin-top: 10px;
  cursor: move;
}

.add-instructions .redactor_box,
.add-instructions .instruction-list-item,
.all-instructions .redactor_box,
.all-instructions .instruction-list-item {
  width: 97%;
}

.add-instructions .redactor-toolbar,
.all-instructions .redactor-toolbar {
  overflow: hidden;
}

@media (min-width: 48.9375em) {
  .add-instructions .redactor-toolbar,
  .all-instructions .redactor-toolbar {
    overflow: auto;
  }
}

/***********************************************************
    Links Section
************************************************************/
.add-links-disabled {
  pointer-events: none;
  cursor: default;
  color: #444;
}

.add-icon-contributors {
  padding-right: 2px;
}

.links-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.links-list li {
  display: block;
  overflow: hidden;
}

.links-list .links-item {
  margin: 0;
}

.links-list .links-item:last-child {
  margin-bottom: 10px;
}

.links-list .links-item select,
.links-list .links-item input[type="text"],
.links-list .links-item .link-icon,
.links-list .links-item .select-holder {
  float: left;
  width: 33%;
  min-width: 200px;
  margin-right: 10px;
}

@media (min-width: 75.4375em) {
  .links-list .links-item select,
  .links-list .links-item input[type="text"],
  .links-list .links-item .link-icon,
  .links-list .links-item .select-holder {
    width: auto;
  }
}

.links-list .links-item .select-holder .select-text {
  padding: 0.2em 0.5em;
}

.links-list .links-item select {
  margin-top: 6px;
}

.links-list .links-item .link-icon {
  text-transform: capitalize;
}

.links-list .links-item .icon-twitter, .links-list .links-item .icon-twitter-test, .links-list .links-item .icon-twitterlogo, .links-list .links-item .icon-twitter-notext, .links-list .links-item .icon-twitter-black-large,
.links-list .links-item .icon-github,
.links-list .links-item .icon-github-test,
.links-list .links-item .icon-githublogo,
.links-list .links-item .icon-google,
.links-list .links-item .icon-googleplus,
.links-list .links-item .icon-google-notext,
.links-list .links-item .icon-google-black-large,
.links-list .links-item .icon-dropbox,
.links-list .links-item .icon-dropbox-test,
.links-list .links-item .icon-other {
  display: inline-block;
  width: 35px;
  vertical-align: middle;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 30px;
}

.links-list .links-item .icon-github, .links-list .links-item .icon-github-test, .links-list .links-item .icon-githublogo,
.links-list .links-item .icon-other {
  width: 38px;
  margin-left: -3px;
  font-size: 30px;
  font-size: 3rem;
}

.links-list .links-item .icon-container {
  display: inline-block;
  min-height: 20px;
  min-width: 35px;
}

.links-list .remove-link {
  font-size: 12px;
  font-size: 1.2rem;
}

.links-list li.links-item {
  width: 100% !important;
}

.links-list li.links-item input[type="text"] {
  width: 31% !important;
  float: left !important;
  min-width: 200px;
}

@media (min-width: 75.4375em) {
  .links-list .links-input-add {
    display: inline-block;
  }
}

.links-list .icon-network {
  font-size: 24px;
  font-size: 2.4rem;
  color: #c19f54;
  vertical-align: middle;
}

/***********************************************************
    Discussions
************************************************************/
.discussion-form .button-grey-gold-medium {
  display: inline-block;
  margin-top: 10px;
}

.discussions-item {
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  overflow: hidden;
}

.discussions-item:first-child {
  margin-top: 10px;
}

.discussions-item:hover .comment-report {
  display: inline-block;
}

.discussion-list .pagination {
  margin-bottom: 30px;
}

.discussion-list .login-comment {
  display: inline-block;
  margin-top: 10px;
}

.discussions-item-image {
  width: 15.25424%;
  float: left;
  margin-right: 1.69492%;
}

@media (min-width: 75.4375em) {
  .discussions-item-image {
    width: 7.62712%;
    float: left;
    margin-right: 1.69492%;
  }
}

.discussions-item-image img {
  display: inline-block;
  width: 100%;
  margin: 0;
  border-radius: 75px;
}

.discussions-item-image a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.comment-content {
  font-size: 15px;
  font-size: 1.5rem;
}

.discussion-form .button-grey-gold-medium,
.discussion-form .button-grey-gold-small,
.discussion-form .button-grey-grey-small,
.discussion-reply .button-grey-gold-medium,
.discussion-reply .button-grey-gold-small,
.discussion-reply .button-grey-grey-small,
.discussion-edit .button-grey-gold-medium,
.discussion-edit .button-grey-gold-small,
.discussion-edit .button-grey-grey-small {
  margin-top: 10px;
}

.discussions-item-body {
  width: 78.81356%;
  float: left;
  margin-right: 1.69492%;
  margin-left: 4.23729%;
  float: right;
  margin-right: 0;
}

@media (min-width: 75.4375em) {
  .discussions-item-body {
    width: 89.83051%;
    float: left;
    margin-right: 1.69492%;
    margin-left: 0.84746%;
    float: right;
    margin-right: 0;
  }
}

.discussions-item-body .gray-link {
  color: #676767;
}

.discussions-item-body .gray-link:hover {
  color: #4D4D4D;
}

.discussions-item-body p {
  margin: 5px 0 10px 0;
  color: #FFFFFF;
}

.discussions-item-body .comment-content div {
  color: #FFFFFF;
}

.discussions-item-body .comment-delete,
.discussions-item-body .comment-reply,
.discussions-item-body .comment-edit,
.discussions-item-body .comment-report {
  display: inline-block;
  margin-right: 10px;
  color: #4D4D4D;
}

.discussions-item-body .comment-delete:hover,
.discussions-item-body .comment-reply:hover,
.discussions-item-body .comment-edit:hover,
.discussions-item-body .comment-report:hover {
  color: #c19f54;
}

.discussions-item-body .comment-delete:hover {
  color: #CB5555;
}

.discussions-item-body .comment-report {
  float: right;
  display: none;
}

.comment-report-message {
  float: right;
  color: #4D4D4D;
}

.delete-confirm {
  font-size: 12px;
  font-size: 1.2rem;
  color: #676767;
}

.delete-confirm .delete-yes {
  margin-left: 5px;
}

.voting-action {
  display: block;
  width: 100%;
  color: #4D4D4D;
  text-align: center;
}

.voting-action a {
  width: 20px;
  padding: 5px 0;
  text-align: center;
  color: #4D4D4D;
  outline: none;
}

.voting-action a:hover {
  color: #676767;
}

.voting-action .voted-up,
.voting-action .voted-down {
  color: #c19f54;
}

.voting-action .voted-up:hover,
.voting-action .voted-down:hover {
  color: #c19f54;
}

/***********************************************************
    Settings page
************************************************************/
@media (min-width: 48.9375em) {
  .settings-content-left {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%;
  }
}

.settings-content-right .view-category p {
  color: #676767;
  font-size: 90%;
}

.settings-content-right .update-email,
.settings-content-right .notification-update,
.settings-content-right .view-update,
.settings-content-right .change-password {
  margin-top: 1em;
  width: 100%;
}

@media (min-width: 62.4375em) {
  .settings-content-right .update-email,
  .settings-content-right .notification-update,
  .settings-content-right .view-update,
  .settings-content-right .change-password {
    width: 7em;
  }
}

.settings-content-right .sign-in-with-github-button {
  margin: 0px;
}

.settings-content-right .or {
  margin: 1em 0;
}

.settings-content-right .verify-email {
  width: 100%;
}

@media (min-width: 62.4375em) {
  .settings-content-right .verify-email {
    width: 8em;
  }
}

@media (min-width: 48.9375em) {
  .settings-content-right {
    width: 66.10169%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75.4375em) {
  .delete-account {
    margin: 3em 1.5em 0 0;
  }
}

.delete-account-notice {
  color: #FFFFFF;
}

.settings-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.settings-tabs li {
  padding: 12px 0;
  overflow: hidden;
  border-bottom: 1px solid #676767;
}

.settings-tabs a {
  color: #676767;
}

.settings-tabs .current {
  color: #FFFFFF;
}

.settings-tabs .current .arrow-right {
  float: right;
  margin-top: 7px;
}

.section-settings {
  margin: 0;
  overflow: hidden;
}

.section-settings label {
  margin: 10px 0;
  display: block;
  color: #FFFFFF;
}

@media (min-width: 75.4375em) {
  .section-settings .form-left {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
}

.section-settings .form-left .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media (min-width: 75.4375em) {
  .section-settings .form-right {
    width: 49.15254%;
    float: right;
    margin-right: 0;
  }
}

.section-settings .error-space {
  height: 32px;
}

.section-settings hr {
  margin: 20px 0;
}

.app-list {
  list-style: none;
  padding: 0;
}

.app-list li {
  position: relative;
  margin-right: 200px;
}

.app-list button {
  position: absolute;
  top: 0;
  right: -200px;
  margin: 0.5em 0;
}

.app-list h3 {
  color: #c19f54;
  margin: 0;
}

/***********************************************************
    Hackers List
************************************************************/
.hackers-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hackers-list li {
  margin: 0 0 2em 0;
  display: block;
  overflow: hidden;
}

.hackers-list .hacker-image {
  float: left;
  width: 24%;
}

@media (min-width: 48.9375em) {
  .hackers-list .hacker-image {
    width: 14%;
  }
}

@media (min-width: 62.4375em) {
  .hackers-list .hacker-image {
    width: 24%;
  }
}

@media (min-width: 75.4375em) {
  .hackers-list .hacker-image {
    width: 20%;
  }
}

.hackers-list .hacker-image img {
  max-width: 100%;
  width: 100%;
}

.hackers-list .user-info {
  margin-left: 30%;
}

@media (min-width: 48.9375em) {
  .hackers-list .user-info {
    margin-left: 20%;
  }
}

@media (min-width: 62.4375em) {
  .hackers-list .user-info {
    margin-left: 30%;
  }
}

@media (min-width: 75.4375em) {
  .hackers-list .user-info {
    margin-left: 26%;
  }
}

.hackers-list .user-info h3 {
  margin: 0 0 0.3em 0;
}

.hackers-list .user-info .hacker-location {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 0.7em 0;
}

.hackers-list .user-info .hacker-about {
  margin: 0 0 0.5em 0;
  color: #FFFFFF;
}

.hackers-list .user-info .hacker-list-stats {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}

.hackers-list .user-info .hacker-list-stats li {
  font-size: 16px;
  margin: 0 1em 0 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.section-search-hackers input[type="text"] {
  padding: 0.4em;
}

.section-search-hackers span {
  width: 100%;
}

.section-sort-by-tag .select-holder {
  display: block;
}

.lt-ie8 .section-sort-by-tag .select-holder {
  width: 100%;
}

.lt-ie8 .section-search-hackers input[type="text"] {
  width: 96%;
}

/***********************************************************
    Feed
************************************************************/
.feed-headline h2 {
  color: #676767;
}

.personalFeed .feed-global {
  color: #483a1a;
}

.globalFeed .feed-my {
  color: #483a1a;
}

.feed-container {
  margin-top: 50px;
}

.feed-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 95%;
}

.feed-list h3 {
  margin: 0;
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 5px;
  font-weight: 300;
}

.feed-list li {
  display: block;
  overflow: hidden;
  margin-bottom: 2px;
}

.feed-list li .feed-like a {
  transition: none !important;
  line-height: 20px;
  color: #676767;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 23px;
}

.feed-list li .feed-like a:hover {
  text-decoration: underline;
}

.feed-list li:hover .feed-icon-like {
  color: #676767;
  background-position: -103px -7201px;
}

.feed-list li.beta {
  position: relative;
}

.feed-list li.beta .submission-close {
  border: 0;
}

.feed-list li.beta .feed-activity {
  padding-top: 20px;
  padding-right: 40px;
  background-image: url(../img/bg-card-beta.png);
  background-size: contain;
}

@media (min-width: 62.4375em) {
  .feed-list li.beta .feed-activity {
    padding-right: 60px;
    padding-bottom: 20px;
  }
}

.feed-list li.beta .feed-info {
  margin-left: 70px;
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 62.4375em) {
  .feed-list li.beta .feed-info {
    margin-left: 170px;
  }
}

.feed-list li.beta .feed-info h4 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #c19f54;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 62.4375em) {
  .feed-list li.beta .feed-info h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}

.feed-list li.beta .close {
  position: absolute;
  top: 10px;
  right: 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-size: 1.4rem;
}

.feed-list li.beta .close:hover {
  color: #c19f54;
}

.feed-list li.beta img {
  float: left;
  width: 50px;
  height: 50px;
}

@media (min-width: 62.4375em) {
  .feed-list li.beta img {
    width: 150px;
    height: 150px;
  }
}

.feed-list .feed-meta {
  float: left;
  width: 55px;
  height: 55px;
}

.feed-list .feed-activity {
  display: block;
  background-color: #171717;
  padding: 10px;
  margin: 0 10px 0 60px;
  text-align: left;
}

.feed-list .feed-activity-new {
  background-color: #272727;
}

.feed-list img {
  width: 55px;
  height: 55px;
  margin-right: 1em;
}

.feed-list .feed-bottom {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 2px;
}

.feed-list .feed-bottom a {
  color: #676767;
}

.feed-list .feed-info {
  color: #676767;
  font-size: 14px;
  padding-bottom: 4px;
}

.feed-list .project-item, .feed-list .section-lists {
  margin-bottom: 2px;
  width: 100%;
}

.feed-list .privateMessage .system-message p {
  display: inline-block;
  margin: 0;
}

.feed-list .privateMessage .system-message .system-heading {
  font-style: italic;
  margin-right: 50em;
}

.feed-list .privateMessage .feed-info p {
  display: inline;
}

.feed-list .section-component-list.feed-info span {
  color: #676767;
}

.feed-list .feed-bullet {
  margin-left: 6px;
  margin-right: 6px;
  color: #676767;
}

.feed-list .feed-like-count-text {
  color: #676767;
}

.feed-list .feed-like-count-text:hover {
  text-decoration: underline;
}

.section-feed-filters {
  display: none;
}

.section-feed-filters label {
  display: block;
  overflow: hidden;
  margin: 5px 0;
  color: #FFFFFF;
}

.section-feed-filters label input {
  margin-right: 5px;
}

.feed-activity.old-feed-activity {
  margin: 0 10px 0 65px;
}

.feed-activity.old-feed-activity img {
  vertical-align: top;
  margin-left: -75px;
}

#fetch-feeds-status {
  display: none;
}

#fetch-feeds-status .fetch-feeds-loading,
#fetch-feeds-status .fetch-feeds-failure {
  display: none;
}

#fetch-feeds-status.loading {
  display: block;
}

#fetch-feeds-status.loading .loading-animation {
  display: block;
}

#fetch-feeds-status.failure {
  display: block;
}

#fetch-feeds-status.failure .fetch-feeds-failure {
  display: block;
}

.feeds-switch label {
  color: #FFFFFF;
  cursor: pointer;
}

.feeds-switch label input[type=checkbox] {
  margin-right: 10px;
}

.feeds-switch .feeds-filter {
  float: right;
  height: 38px;
  padding: 6px 1px;
  border: 2px solid transparent;
  border-radius: 18px 18px 0px 0px;
  border-bottom: 0px;
  position: relative;
  cursor: pointer;
}

.feeds-switch .feeds-filter .feeds-filter-dropdown-list {
  position: absolute;
  top: 34px;
  right: -2px;
  width: 248px;
  display: none;
  border: 2px solid #c19f54;
  padding: 12px 16px;
  margin: 0;
  border-radius: 18px 0 18px 18px;
  z-index: 99;
  background-color: #171717;
}

.feeds-switch .feeds-filter .feeds-filter-dropdown-list:before {
  content: ' ';
  width: 38px;
  height: 2px;
  right: 0px;
  position: absolute;
  top: -2px;
  text-align: right;
  background-color: #171717;
}

.feeds-switch .feeds-filter .feeds-filter-dropdown-list li {
  list-style: none;
  padding: 4px 0;
}

.feeds-switch .feeds-filter:hover {
  border-color: #c19f54;
}

.feeds-switch .feeds-filter:hover .feeds-filter-dropdown-list {
  display: block;
}

.feeds-switch .feeds-filter:hover .icon-filter {
  background-position: 0px -20731px;
  font-size: 19px;
}

.feed-icon {
  color: #676767;
  pointer-events: none;
  /* default for new */
}

.feed .pagination {
  width: 95%;
}

.feed .content-right-other .project-item, .feed .content-right-other .section-lists {
  margin-bottom: 20px;
  width: 100%;
}

.feed .content-right-other .featured {
  margin-top: 50px;
}

.feed .content-right-other .featured:after {
  display: none;
}

/***********************************************************
    Sort
************************************************************/
.sort-holder {
  margin: 0 0 1em 0;
}

.sort-holder label {
  display: block;
  margin: 0 5px 5px 0;
  letter-spacing: normal;
  font-weight: 800;
  text-transform: uppercase;
  color: #676767;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 75.4375em) {
  .sort-holder label {
    margin: 0 5px 0 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
}

.select-holder {
  position: relative;
  border-radius: 3px;
  background: #272727;
  display: block;
}

@media (min-width: 75.4375em) {
  .select-holder {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 200px;
    *width: 200px;
  }
}

.select-holder .select-text {
  cursor: pointer;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=100);
  padding: 0.5em;
  width: 100%;
  color: #676767;
}

.select-holder .sort {
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100%;
  z-index: 2;
}

.select-holder .arrow-icon {
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 6px solid #565656;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  right: 7px;
  top: 45%;
  z-index: 1;
}

#sort-by-tag {
  text-transform: capitalize;
}

.lt-ie9 .select-holder {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 150px;
}

.lt-ie9 .select-holder select {
  margin-top: 8px;
}

.ie9 .select-holder {
  width: 150px;
}

.lt-ie8 .select-holder {
  display: inline;
}

.lt-ie8 .sort-holder label {
  vertical-align: top;
  padding-top: 10px;
}

.lt-ie8 .small-sort {
  vertical-align: top;
}

/*doc
---
title: Project Stats
name: project-stats
category: modules
---

Stats

```html_example
<aside class="section section-project-stats">
    <span class="icon-view-count view_count" title="View Count">2k</span>
    <a><span class="icon-commented comment_count" title="Comments">596</span></a>
    <a href="/hackers/all/project/633/following"><span class="icon-following follower_count" title="Followers">79</span></a>
    <a href="/hackers/all/project/633/likers"><span class="icon-skulled like_count" title="Likes">20</span></a>
</aside>
```

*/
/***********************************************************
    Section Project Stats
************************************************************/
.section-project-stats {
  text-align: center;
  margin: 50px 0;
  color: #676767;
}

.section-project-stats div {
  display: inline-block;
  margin-right: .5em;
  color: #676767;
}

.section-project-stats div .icon-eye,
.section-project-stats div .icon-comment,
.section-project-stats div .icon-commented,
.section-project-stats div .icon-add-comment,
.section-project-stats div .feed-icon-discussionsComment,
.section-project-stats div
.feed-icon-discussionsCommentReply,
.section-project-stats div
.feed-icon-profileComment,
.section-project-stats div
.feed-icon-profileCommentReply,
.section-project-stats div
.feed-icon-profilePageComment,
.section-project-stats div
.feed-icon-profilePageCommentReply,
.section-project-stats div
.feed-icon-stackPageComment,
.section-project-stats div
.feed-icon-stackPageCommentReply,
.section-project-stats div
.feed-icon-logPageComment,
.section-project-stats div
.feed-icon-logPageCommentReply,
.section-project-stats div
.feed-icon-instructionPageComment,
.section-project-stats div
.feed-icon-instructionPageCommentReply,
.section-project-stats div .icon-users,
.section-project-stats div .step-two,
.section-project-stats div .feed-icon-followuser,
.section-project-stats div
.feed-icon-projectFollow,
.section-project-stats div
.feed-icon-contestFollow,
.section-project-stats div
.feed-icon-eventFollow,
.section-project-stats div
.feed-icon-hackerspaceFollow,
.section-project-stats div
.feed-icon-listFollow,
.section-project-stats div .new-feed .feed-icon.feed-icon-add-contributor, .new-feed
.section-project-stats div .feed-icon.feed-icon-add-contributor,
.section-project-stats div .new-feed .feed-icon.feed-icon-assign-project, .new-feed
.section-project-stats div .feed-icon.feed-icon-assign-project,
.section-project-stats div .new-feed .feed-icon.feed-icon-assign-user-project, .new-feed
.section-project-stats div .feed-icon.feed-icon-assign-user-project,
.section-project-stats div .icon-skull,
.section-project-stats div .icon-skull-test,
.section-project-stats div .new-feed .feed-icon.feed-icon-like, .new-feed
.section-project-stats div .feed-icon.feed-icon-like,
.section-project-stats div .new-feed .feed-icon.feed-icon-user-like-project, .new-feed
.section-project-stats div .feed-icon.feed-icon-user-like-project,
.section-project-stats div .new-feed .feed-icon.feed-icon-unlike, .new-feed
.section-project-stats div .feed-icon.feed-icon-unlike,
.section-project-stats div .new-feed .feed-icon.feed-icon-like-project, .new-feed
.section-project-stats div .feed-icon.feed-icon-like-project,
.section-project-stats div .feed-icon,
.section-project-stats div .feed-icon-projectSkull,
.section-project-stats div .feed-icon-like,
.section-project-stats div .feed-icon-unlike {
  vertical-align: middle;
  font-size: 24px;
  font-size: 2.4rem;
}

.section-project-stats div a {
  cursor: pointer;
  color: #676767;
}

.section-project-stats div a:hover {
  color: #c19f54;
}

.section-project-stats div.action-commented a, .section-project-stats div.action-skulled a, .section-project-stats div.action-following a {
  color: #c19f54;
}

.section-project-stats div.action-commented a:hover, .section-project-stats div.action-skulled a:hover, .section-project-stats div.action-following a:hover {
  color: #cfb479;
}

/***********************************************************
    My Projects
************************************************************/
.section-profile-my-project {
  display: block;
  overflow: hidden;
}

@media (min-width: 48.9375em) {
  .section-profile-my-project .project-item, .section-profile-my-project .section-lists {
    width: 49.15254%;
    float: left;
  }
  .section-profile-my-project .project-item:nth-child(2n + 1), .section-profile-my-project .section-lists:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .section-profile-my-project .project-item:nth-child(2n + 2), .section-profile-my-project .section-lists:nth-child(2n + 2) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
}

.section-profile-my-project p {
  clear: both;
}

/***********************************************************
    Gallery
************************************************************/
.image-holder {
  position: relative;
  width: 100%;
  height: 353px;
  background-size: cover;
  margin-bottom: 7px;
  display: block;
  background-position: center center;
  text-align: center;
}

.thumbs-holder {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}

.thumbs-holder:before, .thumbs-holder:after {
  display: table;
  content: "";
}

.thumbs-holder:after {
  clear: both;
}

.thumbs-holder .thumb {
  float: left;
}

.thumb {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 32%;
  height: 100px;
  margin-right: 2%;
  margin-bottom: 2%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  *background-size: 100%;
}

.thumb.thumb-add {
  border: 1px dashed #6a6a6a;
  border-radius: 5px;
  text-align: center;
}

.thumb-last {
  margin-right: 0;
}

.moving {
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=25);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.over {
  border: 1px dashed #FFFFFF;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=80);
}

.remove {
  color: #4D4D4D;
  font-size: 22px;
  font-size: 2.2rem;
}

.icon-drag-drop {
  position: absolute;
  top: 35%;
  left: 50%;
  width: 30px;
  height: 30px;
  padding: 0 0 0 4px;
  line-height: 30px;
  margin-left: -12px;
  color: #676767;
  font-size: 20px;
  font-size: 2rem;
  cursor: move;
  background-color: black;
  border: 1px #676767 solid;
  border-radius: 50px;
}

.section-gallery .thumb {
  width: 9.86%;
  height: 3.5em;
  margin: 0.7% 0.7% 0 0;
}

.thumb,
.image-holder {
  position: relative;
}

.thumb .upload-button,
.image-holder .upload-button {
  display: inline-block;
  position: relative;
  top: 150px;
  left: auto;
  width: auto;
  margin: 0 auto;
  background: #171717;
  color: white;
  border: 2px solid #5c5c5c;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0.8em 1.5em 0.5em 1.5em;
  text-align: center;
  line-height: 17px;
  border-radius: 50px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

.thumb .icon-close, .thumb .icon-close-test, .thumb .modal-close-icon, .thumb .modal-close, .thumb .submissions-close, .thumb .input-username-unavailable, .thumb .alert-close,
.image-holder .icon-close,
.image-holder .icon-close-test,
.image-holder .modal-close-icon,
.image-holder .modal-close,
.image-holder .submissions-close,
.image-holder .input-username-unavailable,
.image-holder .alert-close {
  width: 26px;
  height: 26px;
  position: absolute;
  right: -.5em;
  top: -.5em;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1020;
  color: #676767;
  line-height: 26px;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #171717;
  border: 1px #676767 solid;
  border-radius: 50px;
}

.image-holder .upload-new-button {
  top: 150px;
  padding: 0.8em 2.5em 0.5em 2.5em;
}

.thumb .upload-new-button {
  top: 25px;
  padding: 0.8em 1.4em 1.1em 1.4em;
}

.image-holder .image-options,
.thumb .image-options {
  display: none;
}

.image-hover .image-options {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* Image upload progress bar */
.image-progress-bar {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 0%;
  height: 100%;
  background-color: #272727;
  border-radius: 3px;
}

#profile-image .image-progress-bar {
  opacity: 0.85;
}

.view-gallery-holder {
  text-align: center;
}

.view-gallery {
  margin-bottom: 50px;
}

/***********************************************************
    Alerts
************************************************************/
.alert {
  background: #c19f54;
  text-align: center;
  color: #000000;
  padding: 0.7em 0;
  display: none;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.alert.darker {
  background: #a6853c;
}

.alert p {
  margin: 0;
}

.alert a {
  color: #000000;
  text-decoration: underline;
}

.alert-error {
  padding: 5px 0;
  width: 100%;
  background: #CB5555;
  text-align: center;
}

.alert-error p {
  color: #FFFFFF;
  margin: 0;
}

/***********************************************************
    Autocomplete
************************************************************/
.search-autocomplete {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 100%;
  background: #171717;
  border-radius: 0;
  z-index: 1000;
}

@media (min-width: 62.4375em) {
  .search-autocomplete {
    position: absolute;
    left: 0;
    top: 33px;
  }
}

.search-autocomplete li {
  display: block;
  margin: 0;
}

.search-autocomplete a {
  display: block;
  overflow: hidden;
  color: #c19f54;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0px;
}

.search-autocomplete a:hover {
  background: #1a1a1a;
}

.search-autocomplete .image {
  float: left;
  width: 38px;
  height: 38px;
  margin-right: 10px;
  border-radius: 2px;
}

.search-autocomplete .search-result-right {
  overflow: hidden;
}

.search-autocomplete .search-result-right .likes-and-follows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #4D4D4D;
}

.search-autocomplete .search-result-right .likes-and-follows .icon-users, .search-autocomplete .search-result-right .likes-and-follows .step-two, .search-autocomplete .search-result-right .likes-and-follows .feed-icon-followuser, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-projectFollow, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-contestFollow, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-eventFollow, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-hackerspaceFollow, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-listFollow, .search-autocomplete .search-result-right .likes-and-follows .new-feed .feed-icon.feed-icon-add-contributor, .new-feed .search-autocomplete .search-result-right .likes-and-follows .feed-icon.feed-icon-add-contributor, .search-autocomplete .search-result-right .likes-and-follows .new-feed .feed-icon.feed-icon-assign-project, .new-feed .search-autocomplete .search-result-right .likes-and-follows .feed-icon.feed-icon-assign-project, .search-autocomplete .search-result-right .likes-and-follows .new-feed .feed-icon.feed-icon-assign-user-project, .new-feed .search-autocomplete .search-result-right .likes-and-follows .feed-icon.feed-icon-assign-user-project {
  padding-top: 0.1em;
}

.search-autocomplete .search-result-right .likes-and-follows .icon-users, .search-autocomplete .search-result-right .likes-and-follows .step-two, .search-autocomplete .search-result-right .likes-and-follows .feed-icon-followuser, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-projectFollow, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-contestFollow, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-eventFollow, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-hackerspaceFollow, .search-autocomplete .search-result-right .likes-and-follows
.feed-icon-listFollow, .search-autocomplete .search-result-right .likes-and-follows .new-feed .feed-icon.feed-icon-add-contributor, .new-feed .search-autocomplete .search-result-right .likes-and-follows .feed-icon.feed-icon-add-contributor, .search-autocomplete .search-result-right .likes-and-follows .new-feed .feed-icon.feed-icon-assign-project, .new-feed .search-autocomplete .search-result-right .likes-and-follows .feed-icon.feed-icon-assign-project, .search-autocomplete .search-result-right .likes-and-follows .new-feed .feed-icon.feed-icon-assign-user-project, .new-feed .search-autocomplete .search-result-right .likes-and-follows .feed-icon.feed-icon-assign-user-project,
.search-autocomplete .search-result-right .likes-and-follows .icon-skull-test,
.search-autocomplete .search-result-right .likes-and-follows .new-feed .feed-icon, .new-feed
.search-autocomplete .search-result-right .likes-and-follows .feed-icon {
  padding-right: 0.5em;
}

.search-autocomplete .search-result-right .likes-and-follows .count {
  padding-right: 1em;
}

.search-autocomplete .type {
  color: #676767;
  font-size: 12px;
  font-size: 1.2rem;
}

.search-autocomplete .search-result-see-all a {
  border-top: 1px solid #4D4D4D;
  text-align: center;
}

/***********************************************************
    Section Details
************************************************************/
.details-content {
  width: 100%;
  color: #FFFFFF;
}

.details-content p {
  margin: 0 0 10px 0;
}

/***********************************************************
    Add event to calendar dropdown
************************************************************/
.add-to-cal-dropdown-holder {
  position: relative;
  display: block;
  overflow: inherit;
  margin: 10px 0;
  padding: 0.9em 1.5em 0.8em 1.5em;
  border: 1px solid #c19f54;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
  line-height: 1;
  font-weight: normal;
  color: #000000;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
}

.add-to-cal-dropdown-holder:hover, .add-to-cal-dropdown-holder:focus, .add-to-cal-dropdown-holder.focus, .add-to-cal-dropdown-holder:active, .add-to-cal-dropdown-holder.active {
  color: #000000;
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #b99443;
}

.add-to-cal-dropdown-holder.disabled, .add-to-cal-dropdown-holder.disabled:hover, .add-to-cal-dropdown-holder.disabled:focus, .add-to-cal-dropdown-holder.disabled.focus, .add-to-cal-dropdown-holder.disabled:active, .add-to-cal-dropdown-holder.disabled.active, .add-to-cal-dropdown-holder[disabled], .add-to-cal-dropdown-holder[disabled]:hover, .add-to-cal-dropdown-holder[disabled]:focus, .add-to-cal-dropdown-holder[disabled].focus, .add-to-cal-dropdown-holder[disabled]:active, .add-to-cal-dropdown-holder[disabled].active {
  background-color: #c19f54;
  border-color: #c19f54;
}

.add-to-cal-dropdown-holder.active {
  background-color: #171717;
}

.add-to-cal-dropdown-holder .icon-arrow-down:before, .add-to-cal-dropdown-holder .icon-arrowdown:before {
  line-height: .9;
}

.add-to-cal-dropdown-holder .add-to-cal-dropdown {
  position: absolute;
  left: 0;
  top: 43px;
  display: none;
  width: 100%;
  padding: 0.5em 0;
  overflow: hidden;
  border: 1px solid #6e5828;
  border-top: 1px solid #6e5828;
  background-color: #000000;
}

.add-to-cal-dropdown-holder .add-to-cal-item {
  display: block;
  padding: 0.8em 0 0.6em 0;
}

.add-to-cal-dropdown-holder .add-to-cal {
  color: #FFFFFF;
  display: block;
  padding: 0.6em 1.5em 0.5em 1.5em;
  text-shadow: 0px 0px 0px false #000000;
}

.add-to-cal-dropdown-holder .add-to-cal:hover {
  background-color: #171717;
}

.add-to-cal-dropdown-holder .add-to-calendar-checkbox:checked ~ a {
  width: 100% !important;
  margin-left: 0 !important;
}

.add-to-cal-dropdown-holder label {
  cursor: pointer;
}

.project-menu {
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  list-style: none;
}

.project-menu li {
  display: inline-block;
  min-height: 62px;
  margin: 0 10px 0 0;
  padding-top: 1.2em;
  padding-left: .2em;
  padding-right: .2em;
  font-size: 16px;
  font-size: 1.6rem;
  color: #676767;
}

.project-menu li span {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: super;
}

.project-menu li a {
  display: inline-block;
  padding-bottom: 1.2em;
  text-shadow: 0px 1px 0px #272727;
  outline: none;
  color: #FFFFFF;
  border-bottom-color: #c19f54;
}

.project-menu li a.active {
  border-bottom: 2px solid #c19f54;
}

.project-menu li a span {
  color: #c19f54;
}

.project-menu li .menu-add-content-dropdown {
  position: absolute;
  display: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.project-menu li .menu-add-content-dropdown li {
  display: block;
}

.project-menu li .menu-add-content-dropdown a {
  width: 100%;
  color: #c19f54;
}

.project-menu.fixed {
  position: fixed;
  top: 0;
  z-index: 5;
  border-width: 0;
  border-radius: 0;
  background-image: none;
  background-color: #171717;
  opacity: 0.90;
}

.menu-add-content {
  display: none;
}

.project-join-top {
  text-align: right;
  padding: 10px 1.69492%;
  z-index: 1;
  position: relative;
}

@media (min-width: 48.9375em) {
  .project-join-top {
    padding: 10px 30px 10px 0;
  }
}

.contributor-apply {
  line-height: 1.4;
}

.contributor-apply .icon-join {
  vertical-align: middle;
  font-size: 20px;
  font-size: 2rem;
  line-height: .5;
}

.contributor-apply .icon-join:before {
  line-height: .5;
}

.project-join-top-admin {
  margin-top: 65px;
}

.section-project-time .project-time {
  font-size: 14px;
  font-size: 1.4rem;
  color: #4D4D4D;
}

.section-project-time a {
  color: #4D4D4D;
}

.section-project-time a:hover {
  color: #c19f54;
}

.project-detail .buildlogs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.project-detail .buildlogs-list > li:nth-child(n+4) {
  display: none;
}

.project-detail .buildlogs-list.collapse {
  margin-bottom: 1em;
}

.project-detail .buildlogs-list.collapse li {
  display: block;
}

.project-detail .buildlogs-list.collapse > li {
  margin-bottom: .5em;
}

.project-detail .buildlogs-list.collapse .authorship {
  line-height: .5rem;
}

.project-detail .buildlogs-list.collapse .summary {
  display: none;
}

.project-detail .section-instructions .collapse {
  display: none;
}

/***********************************************************
    Project List Management
************************************************************/
.project-add-to-list {
  width: 100%;
  text-align: center;
}

.project-add-to-list #add-to-list {
  font-size: 16px;
  display: block;
}

a.list-item.project-in-list-icon-true {
  color: #676767;
}

.section-projects-past {
  display: block;
}

.section-projects-past h3 {
  margin: 0;
}

.section-projects-past .note {
  margin-bottom: 1.5em;
}

.section-projects-past .project-past-item {
  display: block;
  padding: 0 0 20px 0;
  position: relative;
  *zoom: 1;
}

.section-projects-past .project-past-item:before, .section-projects-past .project-past-item:after {
  display: table;
  content: "";
}

.section-projects-past .project-past-item:after {
  clear: both;
}

.section-projects-past .project-past-item:last-child {
  padding: 0;
}

.section-projects-past .project-past-item .delete-project-past {
  display: none;
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 1;
  width: 26px;
  height: 26px;
}

.section-projects-past .project-past-item:hover .delete-project-past {
  display: block;
}

.section-list-projects .section-list-item {
  clear: both;
}

.section-list-projects .section-list-item-image {
  position: relative;
}

@media (min-width: 75.4375em) {
  .section-list-projects .section-list-item-image {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%;
  }
}

.section-list-projects .section-list-item-image .project-item-image {
  background: #272727 url("../img/no-photo-project.png") center center no-repeat;
  background-size: cover;
  margin: 0 0 20px 0;
  height: 129px;
}

.section-list-projects .section-list-item-image .upload-button {
  position: absolute;
  top: 45%;
  left: 50%;
  margin: -15px 0 0 -50px;
  width: 100px;
}

.section-list-projects .section-list-item-image .upload-button input[type="file"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 36px;
  cursor: pointer;
}

.section-list-projects .section-list-item-body {
  margin: 0;
  padding: 2px 0px;
}

@media (min-width: 75.4375em) {
  .section-list-projects .section-list-item-body {
    width: 74.57627%;
    float: right;
    margin-right: 0;
  }
}

.section-list-projects .section-list-item-body h3 {
  margin: .5em 0;
}

.section-list-projects .section-list-item-body p {
  margin: 0;
  color: #676767;
}

.section-list-projects .section-list-item-body textarea {
  height: 130px;
  line-height: 21px;
  resize: none;
}

/***********************************************************
    Admin
************************************************************/
.status {
  color: #FFFFFF;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 4px;
}

.status-deleted {
  background: #CB5555;
}

.status-normal {
  background: #4db14c;
}

.status-featured {
  background: #BC5D5D;
}

.status-not-featured {
  background: #676767;
}

@media (min-width: 48.9375em) {
  .admin-content-sidebar {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 48.9375em) {
  .admin-content-main {
    width: 66.10169%;
    float: right;
    margin-right: 0;
  }
}

.admin-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.admin-tabs li {
  padding: 12px 0;
  overflow: hidden;
  border-bottom: 1px solid #676767;
}

.admin-tabs a {
  color: #676767;
  display: block;
}

.admin-tabs a:hover {
  color: #FFFFFF;
}

.admin-tabs .arrow-right {
  display: none;
  float: right;
  margin-top: 7px;
}

.admin-tabs .current {
  color: #FFFFFF;
}

.admin-tabs .current .arrow-right {
  display: block;
}

.admin-headline {
  color: #c19f54;
  margin-top: 2em;
  float: left;
  width: 100%;
}

@media (min-width: 75.4375em) {
  .admin-left-content {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
}

.admin-left-content .invite-button,
.admin-left-content .add-badge-button,
.admin-left-content .give-badge {
  margin-top: 1em;
  width: 100%;
}

@media (min-width: 75.4375em) {
  .admin-right-content {
    width: 49.15254%;
    float: right;
    margin-right: 0;
  }
}

.admin-right-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.admin-right-content ul li {
  margin: 10px 0;
}

.badge {
  width: 31.03448%;
  float: left;
  margin-right: 3.44828%;
  height: 134px;
  background-position: center center;
  background-size: cover;
  border: 1px solid #555555;
  position: relative;
}

.badge .upload-button {
  top: 40%;
}

.badge-action-right {
  width: 65.51724%;
  float: right;
  margin-right: 0;
}

.badge-id {
  margin-right: 10px;
}

.badge-image {
  margin-bottom: -15px;
  margin-right: 10px;
}

.admin-reports p {
  margin: 0;
}

.admin-reports h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
}

.admin-reports .report-item-image {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 55px;
  height: 55px;
}

.admin-reports .report-item-body {
  margin-left: 65px;
}

.admin-reports .report-item-actions {
  float: right;
}

.admin-reports .report-item-actions a {
  color: #676767;
  font-size: 12px;
  line-height: 12px;
}

.admin-reports .report-item-actions a:hover {
  color: #676767;
}

.admin-reports .screen-name {
  font-size: 12px;
  line-height: 12px;
}

.admin-reports .report-item-user,
.admin-reports .report-item-project,
.admin-reports .report-item-comment {
  font-size: 12px;
  line-height: 12px;
}

.admin-reports .report-item {
  position: relative;
  margin: 10px 0;
  padding: 10px;
  min-height: 75px;
  transition: background 0.2s;
}

.admin-reports .report-item-reports {
  clear: both;
}

.admin-reports .report-item-reports .report-item-report {
  position: relative;
  margin: 0;
  padding: 10px;
}

.admin-reports .report-item-reports .report-item-report-image {
  position: absolute;
  top: 10px;
  left: 0;
  width: 45px;
  height: 45px;
}

.admin-reports .report-item-reports .report-item-report-body {
  margin-left: 45px;
}

.admin-reports .report-item-reports .report-item-report-body .report-item-report-time {
  color: #676767;
  font-size: 80%;
  line-height: 12px;
  float: right;
}

.admin-reports .report-item-reports .report-item-report-body .report-item-report-comment {
  margin: 0;
}

.admin-reports .report-item-reports .report-item-report-body .report-item-report-meta {
  line-height: 14px;
  font-size: 14px;
  margin-bottom: 4px;
}

.admin-form-find .id-input {
  width: 200px;
  margin-right: 20px;
}

.admin-form-find .ids-input {
  width: 400px;
  margin-right: 20px;
}

.manage-detail .info {
  padding-left: 10px;
  color: white;
}

.manage-form textarea,
.manage-form > button,
.manage-form > div {
  margin-top: 10px;
}

.manage-ads-container .ad-image {
  width: 366px;
}

.admin-ad-upload {
  width: 15.25424%;
  float: left;
  margin-right: 1.69492%;
  height: 134px;
  background-position: center center;
  background-size: cover;
  border: 1px solid #555555;
  position: relative;
}

.admin-ad-upload .upload-button {
  top: 40%;
}

.admin-ad-upload-fields {
  width: 32.20339%;
  float: right;
  margin-right: 0;
}

.admin-ad-submit {
  clear: both;
  margin-top: 20px;
}

.admin-ad-upload {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.words-list-container .impact-container {
  margin-top: 3em;
}

.words-list-container .impact,
.words-list-container .initial-impact {
  display: inline-block;
  min-width: 20em;
  min-height: 25em;
  overflow: scroll;
}

.words-list-container .impact .title,
.words-list-container .initial-impact .title {
  list-style-type: none;
}

.words-list-container .initial-impact h3 {
  margin: 0;
}

.words-list-container .word-utilities .add-word-container,
.words-list-container .word-utilities .find-word-container {
  display: inline-block;
  width: 40%;
}

.words-list-container .word-utilities .add-word-container input[type="text"],
.words-list-container .word-utilities .find-word-container input[type="text"] {
  width: 200px;
}

.words-list-container .forbidden-table {
  float: right;
}

.words-list-container .table-headers {
  border: 1px solid white;
}

.words-list-container .table-headers th {
  border: 1px solid white;
}

.words-list-container .table-headers th:last-child {
  border: none;
  border-right: 1px solid white;
}

.words-list-container td {
  text-align: center;
}

.words-list-container tr td:first-child,
.words-list-container tr td:nth-child(6),
.words-list-container tr td:nth-child(11),
.words-list-container tr td:nth-child(11),
.words-list-container tr td:nth-child(16) {
  border-right: 1px solid white;
}

.words-list-container tr td:first-child {
  border-left: 1px solid white;
}

.words-list-container tr:last-child td {
  border-bottom: 1px solid white;
}

.words-list-container tr:last-child td.update-button-cell {
  border: none;
}

.words-list-container .table-headers:first-child {
  min-width: 300px;
}

.meetups .table-container {
  width: 70%;
  float: left;
}

.meetups .table-container aside {
  text-align: center;
  border: 1px solid #4D4D4D;
  border-radius: 25px;
}

.meetups .table-container tr td:first-child {
  overflow-x: scroll;
}

.meetups .table-container tr td:last-child {
  display: table-cell;
  text-align: center;
}

.meetups .table-container .item:nth-child(2n+1) {
  background-color: #4D4D4D;
}

/***********************************************************
    Location
************************************************************/
/***********************************************************
    Landing
************************************************************/
.intro-steps {
  list-style: none;
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden;
  display: block;
  width: 80%;
}

.intro-steps li {
  text-align: center;
  padding: 70px 0 0 0;
}

@media (min-width: 75.4375em) {
  .intro-steps li {
    float: left;
    width: 33%;
    padding: 70px 40px 30px 40px;
  }
}

.intro-steps p {
  color: #FFFFFF;
}

.faq {
  text-align: center;
}

.faq h2 {
  margin-bottom: 1em;
}

.faq-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.faq-list li {
  margin: 0 0 2.5em 0;
}

.faq-list li h5,
.faq-list li p {
  margin: 0;
}

.faq-list li p {
  color: #FFFFFF;
  line-height: 21px;
}

.imp {
  font-weight: bold;
  color: #676767;
  margin: 0 2px;
}

.lt-ie9 .landing .intro-steps {
  margin-left: auto;
  margin-right: auto;
}

.lt-ie8 .intro-steps li {
  width: 18%;
}

/***********************************************************
    Landing HaD Prize 2015
************************************************************/
.landing.had2015 .banner {
  background-image: url("../../hackaday.io/img-prize/2015/bg-earth.jpg");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  height: 640px;
  width: 100%;
  position: absolute;
  z-index: -1;
}

.landing.had2015 .banner .banner-overlay {
  background-image: -owg-linear-gradient(rgba(0, 0, 0, 0.1), #0f0f0f);
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), #0f0f0f);
  width: 100%;
  min-height: 640px;
}

.landing.had2015 .header {
  background-color: rgba(0, 0, 0, 0.5);
}

.landing.had2015 .section h2 {
  text-align: center;
  margin: 10px auto;
  font-size: 36px;
  font-size: 3.6rem;
}

.landing.had2015 .section p {
  display: inline-block;
  margin: 0;
}

.landing.had2015 .section.to-do h2 {
  margin: 60px auto;
  color: #FFFFFF;
  font-weight: 600;
}

.landing.had2015 .section.to-do .step {
  margin-bottom: 20px;
}

@media (min-width: 62.4375em) {
  .landing.had2015 .section.to-do .step {
    padding: 0 250px;
  }
}

.landing.had2015 .section.to-do .step .number {
  display: inline-block;
  text-align: center;
  line-height: 100px;
  font-weight: 600;
  width: 100px;
  height: 100px;
  color: #c19f54;
  margin-right: 10px;
  box-shadow: 0 0 0 3px #c19f54;
  border-radius: 55px;
  font-size: 24px;
  font-size: 2.4rem;
}

.landing.had2015 .section.to-do .step .description {
  width: 60%;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
}

.landing.had2015 .section.to-do .step .description .section-tags {
  display: inline-block;
}

.landing.had2015 .section.to-do:after {
  border-width: 0;
}

.landing.had2015 .section .sponsor {
  clear: both;
  margin-bottom: 20px;
  min-height: 200px;
}

@media (min-width: 75.4375em) {
  .landing.had2015 .section .sponsor {
    clear: none;
    width: 50%;
    float: left;
  }
}

.landing.had2015 .section .sponsor .sponsor-image {
  float: left;
  width: 40%;
  height: 200px;
  background-size: cover;
  background-position: center center;
}

.landing.had2015 .section .sponsor .sponsor-title {
  margin: 0;
  font-size: 26px;
  font-size: 2.6rem;
}

.landing.had2015 .section .sponsor .sponsor-title a {
  color: #FFFFFF;
}

.landing.had2015 .section .sponsor .sponsor-about {
  margin-bottom: 10px;
}

.landing.had2015 .section .sponsor .sponsor-info {
  margin-left: 42%;
}

.landing.had2015 .section .sponsor img {
  width: 60px;
  margin-left: 10px;
}

.landing.had2015 .section.explore {
  text-align: center;
}

.landing.had2015 .section.explore p {
  margin-bottom: 20px;
}

.landing.had2015 .section.explore:after {
  border-width: 0;
}

/***********************************************************
    Errors
************************************************************/
.container .field-error {
  border: 1px solid #CB5555;
  color: #FFFFFF;
}

.container .field-error::-webkit-input-placeholder {
  font-style: italic;
  color: #CB5555;
}

.container .field-error:-moz-placeholder {
  font-style: italic;
  color: #CB5555;
}

.container .field-error::-moz-placeholder {
  font-style: italic;
  color: #CB5555;
}

.container .field-error:-ms-input-placeholder {
  font-style: italic;
  color: #CB5555;
}

.container .error-message {
  width: 100%;
}

.error-message {
  padding: 5px;
  width: 100%;
  background: #CB5555;
}

.error-message p {
  color: #FFFFFF;
  text-align: center;
  margin: 0;
}

.error-message .close {
  position: absolute;
  right: 5px;
  top: 3px;
  color: #FFFFFF;
  cursor: pointer;
}

#contributor-apply-error {
  margin: 10px;
}

textarea.highlight-error,
input.highlight-error {
  box-shadow: inset 0px 0px 0px 1px #CB5555;
}

.lt-ie8 textarea.highlight-error,
.lt-ie8 input.highlight-error {
  border: 1px solid #CB5555;
}

.tos {
  color: #e6e6e6;
}

.tos h1 {
  text-align: center;
  color: #c19f54;
}

.tos h2 {
  text-align: center;
  color: #c19f54;
}

.tos h3 {
  font-weight: bold;
  color: #c19f54;
}

.tos h4 {
  font-weight: bold;
  font-size: 1em;
  margin: 0 2em 0 2em;
  float: left;
  color: #c19f54;
}

.tos h5 {
  font-weight: bold;
  font-size: 1em;
  margin: 0 2em 0 4em;
  float: left;
  color: #c19f54;
}

.tos .uppercase {
  text-transform: uppercase;
}

/***********************************************************
    Stack Section
************************************************************/
.section-stack {
  padding-left: 55px;
}

.section-stack .voting-action {
  float: left;
  width: 20px;
  margin: 0px 10px;
  margin-left: -50px;
}

.section-stack .voting-action a {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 0;
  text-align: center;
  color: #4D4D4D;
}

.section-stack .voting-action a:hover {
  color: #676767;
}

.section-stack .voting-action .voted-up,
.section-stack .voting-action .voted-down {
  color: #c19f54;
}

.section-stack .voting-action .voted-up:hover,
.section-stack .voting-action .voted-down:hover {
  color: #c19f54;
}

.section-stack .stack-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.section-stack ol li {
  margin-bottom: .5em;
  padding: 10px;
  border: 1px solid #272727;
  border-radius: 3px;
}

.section-stack ol li:nth-child(odd) {
  background-color: #272727;
}

.section-stack li {
  color: #676767;
}

.section-stack li a,
.section-stack li p,
.section-stack li h2,
.section-stack li small,
.section-stack li small a {
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.section-stack h3 {
  line-height: 1.1em;
  margin-top: 0;
}

.section-stack p {
  margin: 5px 0 10px 0;
}

.section-stack .authorship a {
  text-decoration: underline;
}

.section-stack .stack-position {
  position: absolute;
  left: 0;
  margin-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}

.section-stack .stack-report-message,
.section-stack .stack-report-link {
  float: right;
}

.section-stack .share-links {
  margin-top: 30px;
  color: #4D4D4D;
}

.section-stack .share-links span {
  vertical-align: middle;
  font-size: 46px;
  font-size: 4.6rem;
}

@media (min-width: 75.4375em) {
  .stack .post-content {
    width: 49.15254%;
  }
}

@media (min-width: 62.4375em) {
  .stack .post-comments {
    width: 49.15254%;
  }
}

.stack .post-comments:before {
  display: block;
  width: 60px;
  margin: 30px auto;
  clear: both;
  border-top: 2px solid #272727;
  content: '';
}

.stack .stack-following-container {
  margin-left: 0;
  margin-right: 0;
}

.stack .stack-following-container.on .unfollow {
  display: inline-block;
}

.stack .stack-following-container.on .follow {
  display: none;
}

.stack .stack-following-container a {
  display: inline-block;
  margin-left: 10px;
}

.stack .stack-following-container .unfollow,
.stack .stack-following-container .follow {
  width: 9em;
}

.stack .stack-following-container .unfollow {
  display: none;
}

.stack .pagination .next-button {
  margin-left: 0;
}

.stack .pagination a {
  float: left;
  width: 100%;
  margin-bottom: 0.5em;
}

/***********************************************************
    Ie7 Message (show ie7 message when user come with ie7 browser)
************************************************************/
.ie7-error-message {
  display: none;
}

.ie7-error-message a {
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  margin: 10px auto;
  padding: 0.3em 0.7em;
  display: block;
  width: 180px;
}

.lt-ie8 .ie7-error-message {
  display: block;
}

/***********************************************************
    Modal Window
************************************************************/
.modal-background,
#submission-popup-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=80);
  z-index: 1120;
  display: none;
}

.no-scroll {
  overflow: hidden;
}

.modal-content-holder,
#submission-popup {
  position: fixed;
  top: 10px;
  left: 5%;
  margin: 0 auto;
  width: 90%;
  background: #000000;
  border: 1px solid #676767;
  border-radius: 3px;
  padding: 1.2em 2em;
  z-index: 1121;
  display: none;
}

@media (min-width: 75.4375em) {
  .modal-content-holder,
  #submission-popup {
    top: 10%;
    left: 50%;
    margin: 10px auto;
    margin-left: -280px;
    width: 560px;
  }
}

.modal-content-holder h2,
#submission-popup h2 {
  color: #c19f54;
  text-align: center;
  margin: 0 0 .2em 0;
  line-height: 1;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 62.4375em) {
  .modal-content-holder h2,
  #submission-popup h2 {
    margin: .5em 0 .5em 0;
    line-height: 1.4;
    font-size: 34px;
    font-size: 3.4rem;
  }
}

.modal-content-holder p,
#submission-popup p {
  color: #FFFFFF;
}

.modal-content-holder p.align-center,
#submission-popup p.align-center {
  text-align: center;
}

.modal-content-holder p.intro-text,
#submission-popup p.intro-text {
  text-align: center;
  margin: 0 0 .5em 0;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 62.4375em) {
  .modal-content-holder p.intro-text,
  #submission-popup p.intro-text {
    margin: 0 0 1em 0;
    line-height: 1.2;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.modal-content-holder textarea,
#submission-popup textarea {
  margin-top: 4px;
  padding: 0.4em 0.7em;
}

.modal-content-holder #contributor-apply-form textarea,
#submission-popup #contributor-apply-form textarea {
  height: 180px;
}

@media screen and (max-device-width: 48.9375em) {
  .modal-content-holder #contributor-apply-form textarea,
  #submission-popup #contributor-apply-form textarea {
    height: 120px;
  }
}

.modal-content-holder .delete-project-button,
#submission-popup .delete-project-button {
  margin: 10px 5px 0 0;
}

.modal-content-holder .cancel-button,
#submission-popup .cancel-button {
  margin: 10px 0 0 5px;
}

.modal-content-holder li .left span,
#submission-popup li .left span {
  max-width: 220px;
  display: block;
  line-height: 1em;
}

.modal-content-holder .pm-message-textarea,
#submission-popup .pm-message-textarea {
  height: 150px;
}

.modal-content-holder .submit-button,
#submission-popup .submit-button {
  display: block;
  margin: 20px auto 0;
}

.loading-animation {
  width: 22px;
  height: 22px;
  background: url(../img/loading_22x22.gif) no-repeat;
  margin: 0 auto;
}

.modal-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: 1px solid #4D4D4D;
  border-left: 1px solid #4D4D4D;
  font-size: 23px;
  font-size: 2.3rem;
  text-align: center;
  color: #4D4D4D;
}

.modal-close:hover {
  color: #676767;
}

.modal-footer {
  margin: 2em auto 1em auto;
  text-align: center;
}

.lt-ie9 .modal-background,
.lt-ie9 .modal-content-holder {
  position: absolute;
}

.modal-content-holder .application-success {
  text-align: center;
  display: none;
}

.modal-content-holder #contributor-remove-form p {
  text-align: center;
}

.modal-content-holder #contributor-remove-form .modal-footer input {
  width: 150px;
  height: 50px;
}

.modal-content-holder .signup-holder {
  text-align: center;
  height: 300px;
  width: 90%;
  margin: 0 auto;
}

.modal-content-holder .signup-holder h2 {
  color: #c19f54;
  font-size: 200%;
}

.modal-content-holder .signup-holder form {
  height: 100px;
}

.modal-content-holder .signup-holder p {
  margin-top: 0;
}

.modal-content-holder .signup-holder .form-left {
  width: 100%;
  float: left;
}

@media (min-width: 48.9375em) {
  .modal-content-holder .signup-holder .form-left {
    width: 60%;
  }
}

.modal-content-holder .signup-holder .form-right {
  width: 100%;
  float: left;
  margin-top: 22px;
  margin-bottom: 22px;
}

@media (min-width: 48.9375em) {
  .modal-content-holder .signup-holder .form-right {
    width: 40%;
    float: right;
    margin-bottom: 0;
  }
}

.modal-content-holder .signup-holder a {
  text-align: center;
  color: #676767;
  text-decoration: underline;
  clear: both;
  display: block;
}

.modal-content-holder .signup-holder a:hover {
  color: #FFFFFF;
}

.modal-content-holder .signup-holder a:before {
  display: block;
  width: 60px;
  margin: 30px auto;
  border-top: 2px solid #272727;
  content: '';
}

.button-grey-gold {
  margin: 20px 0 0 0;
}

/***********************************************************
    Paginations
************************************************************/
.pagination {
  display: block;
  overflow: hidden;
  clear: both;
  margin: 2em 0;
  text-align: center;
}

.pagination a {
  float: left;
  width: 49%;
}

.pagination a.hide {
  display: none;
}

.pagination a.show {
  width: 100%;
}

.pagination .prev-button {
  margin-right: 1%;
}

.pagination .prev-button.show {
  margin-right: 0;
}

.pagination .next-button {
  margin-left: 1%;
}

.pagination .next-button.show {
  margin-left: 0;
}

.post-pagination {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.post-pagination.top-pagination:after {
  display: block;
  margin: 60px auto;
  content: '';
}

.post-pagination.bottom-pagination:before {
  display: block;
  margin: 40px auto;
  content: '';
}

.prevnext-log-link {
  float: left;
  width: 50%;
  margin-bottom: 15px;
  text-align: left;
}

.prevnext-log-link a {
  float: none;
}

.prevnext-log-link h2 a {
  width: 100%;
}

.prevnext-log-link.next-log-link {
  text-align: right;
  float: right;
}

.post-pagination {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 75.4375em) {
  .post-pagination {
    width: 49.15254%;
  }
}

.post-pagination:before {
  display: block;
  width: 60px;
  margin: 60px auto;
  border-top: 2px solid #272727;
  content: '';
}

.post-pagination .section:after {
  display: none;
}

.post-pagination h5 {
  margin: 0;
}

/***********************************************************
    Inline SignUp form
************************************************************/
.guest-message-signup .page-basic-info-text a {
  color: #FFFFFF;
  cursor: default;
}

.guest-message-signup .page-basic-info-text a:hover {
  color: #FFFFFF;
}

.guest-message-signup .signup-holder .input-field {
  width: 90%;
  min-height: 46px;
  padding: 0.8em;
  margin: 0 0 5px 0;
}

@media (min-width: 48.9375em) {
  .guest-message-signup .signup-holder .input-field {
    margin: 3px 5px 3px 0;
    width: auto;
    border-right: 0;
  }
}

.guest-message-signup .signup-holder .input-field:hover {
  background: #4D4D4D;
}

.guest-message-signup .signup-holder .input-field:focus {
  background: #676767;
}

.guest-message-signup .signup-holder .input-field::-webkit-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.guest-message-signup .signup-holder .input-field:-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.guest-message-signup .signup-holder .input-field::-moz-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.guest-message-signup .signup-holder .input-field:-ms-input-placeholder {
  font-style: italic;
  color: #bfbfbf;
}

.guest-message-signup .signup-holder .signup {
  width: 90%;
  min-height: 46px;
}

@media (min-width: 48.9375em) {
  .guest-message-signup .signup-holder .signup {
    width: auto;
  }
}

.guest-message-signup .signup-holder .input-email {
  border-radius: 3px;
}

@media (min-width: 48.9375em) {
  .guest-message-signup .signup-holder .input-email {
    min-width: 200px;
  }
}

.guest-message-signup .signup-holder .input-password {
  border-radius: 3px;
}

.guest-message-signup.page-basic-info-static-dark .input-field {
  background: #272727;
  color: #FFFFFF;
  border: 0px solid #e6e6e6;
  padding: 0.8em;
}

.guest-message-signup.page-basic-info-static-dark .input-field:hover {
  background: #4D4D4D;
}

.guest-message-signup.page-basic-info-static-dark .input-field:focus {
  background: #676767;
}

.guest-message-signup.page-basic-info-static-dark .input-field::-webkit-input-placeholder {
  color: #bfbfbf;
}

.guest-message-signup.page-basic-info-static-dark .input-field:-moz-placeholder {
  color: #bfbfbf;
}

.guest-message-signup.page-basic-info-static-dark .input-field::-moz-placeholder {
  color: #bfbfbf;
}

.guest-message-signup.page-basic-info-static-dark .input-field:-ms-input-placeholder {
  color: #bfbfbf;
}

.save-email-form .save-email-holder .input-field {
  width: 90%;
  background-color: #c19f54;
  color: #171717;
  border: 2px solid #171717;
  padding: 0.7em;
  margin: 0;
}

@media (min-width: 48.9375em) {
  .save-email-form .save-email-holder .input-field {
    margin: 3px 0;
    width: auto;
    border-right: 0;
  }
}

.save-email-form .save-email-holder .input-field:hover {
  background-color: #a6853c;
}

.save-email-form .save-email-holder .input-field:focus {
  background-color: #FFFFFF;
}

.save-email-form .save-email-holder .input-email {
  border-radius: 3px 3px 0 0;
}

@media (min-width: 48.9375em) {
  .save-email-form .save-email-holder .input-email {
    border-radius: 3px 0 0 3px;
    min-width: 200px;
  }
}

.save-email-form .save-email-holder .input-email::-webkit-input-placeholder {
  color: #272727;
}

.save-email-form .save-email-holder .input-email:-moz-placeholder {
  color: #272727;
}

.save-email-form .save-email-holder .input-email::-moz-placeholder {
  color: #272727;
}

.save-email-form .save-email-holder .input-email:-ms-input-placeholder {
  color: #272727;
}

.save-email-form .save-email-holder .save-button {
  padding: 0.9em 1.5em 0.85em 1.5em;
  border-radius: 0 0 3px 3px;
  width: 90%;
}

@media (min-width: 48.9375em) {
  .save-email-form .save-email-holder .save-button {
    border-radius: 0 3px 3px 0;
    width: auto;
  }
}

.ie9 .signup-holder .signup {
  padding: 0.77em 1.5em 0.8em 1.5em;
}

.lt-ie9 .signup-holder .signup {
  padding: 0.8em 1.5em 0.9em 1.5em;
}

.lt-ie8 .signup-holder .signup {
  padding: 0.7em 1.5em 0.65em 1.5em;
}

.special-user body {
  background-color: #e6e6e6;
}

.special-user .container a, .special-user h2 {
  color: #2f7bc3;
}

.special-user a.grey-gold-button,
.special-user a.gold-gold-button,
.special-user .chat-app a.button-chat-send, .chat-app
.special-user a.button-chat-send,
.special-user .black-black-button,
.special-user input[type=submit] {
  background-color: #e6e6e6;
  color: #2f7bc3;
  border: 2px solid #79addf;
}

.special-user .header a {
  color: #FFFFFF;
}

.special-user .header a:hover {
  color: #2f7bc3;
}

.special-user .container .editable {
  background-color: #e6e6e6;
  color: #4D4D4D;
}

.special-user .discussions-item-body p {
  color: #4D4D4D;
}

/***********************************************************
    Feedback button
************************************************************/
.feedback {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 1000;
}

@media (min-width: 75.4375em) {
  .feedback {
    right: 50px;
    bottom: 50px;
  }
}

/***********************************************************
    Invitations
************************************************************/
@media (min-width: 75.4375em) {
  .invitations-form {
    width: 49.15254%;
    margin: 20px auto 0px auto;
  }
}

.invitations-form .invite-field {
  width: 60%;
  margin-right: 10px;
}

.invitations-form .grey-grey-button {
  margin-top: 0.5em;
}

.invited-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.invited-list li {
  display: block;
  margin: 5px 0px;
}

.invited-list p {
  margin: 0;
}

.map {
  margin-top: 20px;
  margin-bottom: 30px;
}

#map-canvas {
  height: 340px;
  width: 100%;
}

/***********************************************************
    Hackerspace Badges
************************************************************/
.section-hackerspaces .hackerspaces-item {
  position: relative;
  display: block;
  margin-bottom: 20px;
  height: 125px;
  background-size: cover;
  background-position: center center;
}

.section-hackerspaces img {
  width: 100%;
  height: 125px;
}

.section-hackerspaces .hackerspaces-headline {
  position: absolute;
  bottom: 10px;
  left: 0px;
  padding: 5px 10px 5px 10px;
  background-color: #171717;
  border-radius: 0 2px 2px 0;
}

.message {
  text-align: center;
  padding: 70px;
}

.space-error {
  position: relative;
}

.space-error img {
  position: absolute;
  top: 50%;
  left: calc(50% - 150px);
  height: 350px;
  margin: -50px auto 0 auto;
  z-index: 4;
}

.space-stars {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
}

.recaptcha-container {
  z-index: 5;
}

.stars-background, .stars-foreground {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 200%;
  width: 200%;
  z-index: 1;
  background: black url(../img/error/stars-background.png) repeat bottom right;
  -webkit-animation-name: scrollstars;
  -webkit-animation-duration: 20s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: scrollstars;
  -moz-animation-duration: 20s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: scrollstars;
  -ms-animation-duration: 20s;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
  animation-name: scrollstars;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.stars-foreground {
  background: url(../img/error/stars-foreground.png) repeat bottom right;
  z-index: 2;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

@-webkit-keyframes scrollstars {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(500px, 500px, 0);
  }
}

@keyframes scrollstars {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(500px, 500px, 0);
            transform: translate3d(500px, 500px, 0);
  }
}

/***********************************************************
    Submission
************************************************************/
.submission-dropdown-holder {
  display: block;
  overflow: hidden;
  padding-bottom: 10px;
  border-width: 1px;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  font-size: 16px;
  margin: 10px 0;
}

.submission-dropdown-holder .arrow-down {
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 6px solid #000000;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.submission-dropdown-holder .submission-dropdown {
  display: none;
  overflow: hidden;
  border: 1px solid #6e5828;
  border-top: 1px solid #6e5828;
  padding: 0.5em 0;
}

.submission-dropdown-holder .submission-item {
  display: block;
  padding: 0.8em 0 0.6em 0;
  color: #000000;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  border-radius: 3px;
}

.submission-dropdown-holder .submission-item:hover, .submission-dropdown-holder .submission-item:focus, .submission-dropdown-holder .submission-item.focus, .submission-dropdown-holder .submission-item:active, .submission-dropdown-holder .submission-item.active {
  color: #000000;
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #b99443;
}

.submission-dropdown-holder .submission-item.disabled, .submission-dropdown-holder .submission-item.disabled:hover, .submission-dropdown-holder .submission-item.disabled:focus, .submission-dropdown-holder .submission-item.disabled.focus, .submission-dropdown-holder .submission-item.disabled:active, .submission-dropdown-holder .submission-item.disabled.active, .submission-dropdown-holder .submission-item[disabled], .submission-dropdown-holder .submission-item[disabled]:hover, .submission-dropdown-holder .submission-item[disabled]:focus, .submission-dropdown-holder .submission-item[disabled].focus, .submission-dropdown-holder .submission-item[disabled]:active, .submission-dropdown-holder .submission-item[disabled].active {
  background-color: #c19f54;
  border-color: #c19f54;
}

.submission-dropdown-holder .submissions,
.submission-dropdown-holder .submissions-to-list {
  color: #FFFFFF;
  display: block;
  padding: 0.6em 1.5em 0.5em 1.5em;
}

.submission-dropdown-holder .submissions:hover,
.submission-dropdown-holder .submissions-to-list:hover {
  background-color: #171717;
}

.space-submissions h2 {
  color: #c19f54;
  text-align: center;
  font-size: 34px;
  font-size: 3.4rem;
  margin-bottom: 5px;
}

.space-submissions p {
  line-height: 2.6;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 2em;
}

.space-submissions p.intro-text {
  text-align: center;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.6;
  margin: 0 0 2em 0;
}

.space-submissions .inline-input {
  width: auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0.4em 0.7em;
  margin-left: 5px;
}

.space-submissions .chenckboxes-holder {
  display: block;
  margin: 1em 0;
}

.space-submissions .checkboxes-input {
  margin-right: 5px;
}

.space-submissions .select-holder {
  min-width: 230px;
  line-height: 1.8;
  margin-left: 5px;
}

.space-submissions .select-holder .select-text {
  padding: 0.2em 0.7em;
  color: #FFFFFF;
}

.space-submissions .select-holder select {
  z-index: 2;
  height: 100%;
}

.space-submissions .submission-add-comment {
  color: #4D4D4D;
  text-decoration: underline;
}

.space-submissions label {
  display: block;
  margin: 3px 0;
  color: #FFFFFF;
}

.space-submissions label a {
  color: #FFFFFF;
  text-decoration: underline;
}

.space-submissions .younger {
  color: #676767;
}

.space-submissions .upload-parents-consent {
  margin-left: 22px;
}

.space-submissions .upload-parents-consent input {
  width: 200px;
  font-size: 13px;
  font-size: 1.3rem;
}

.space-submissions .submit-my-project {
  display: block;
  margin: 2em auto 1em auto;
}

.space-submissions .submit-my-project:disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=50);
}

.space-submissions .submit-tip {
  display: block;
  margin: 0 auto;
}

.space-submissions .submit-yes-no {
  text-align: center;
}

.space-submissions textarea {
  margin-top: 4px;
  padding: 0.4em 0.7em;
}

.space-submissions .submissions-error {
  border: 1px solid #CB5555;
}

.space-submissions .submissions-logo {
  background: url("../img/prize-submissions-logo.png") center center no-repeat;
  width: 54px;
  height: 54px;
  display: block;
  margin: 2em auto 0 auto;
}

.space-submissions .section-share:after {
  margin: 20px auto;
}

.space-submissions .modal-close {
  margin: 0px auto;
  display: block;
  width: 300px;
  margin-bottom: 2em;
  text-align: center;
  color: #4D4D4D;
  text-decoration: none;
}

.space-submissions .modal-close {
  width: 30px;
}

.space-submissions .submitted-projects {
  margin-bottom: 2em;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.submissions-tip textarea[name=details] {
  height: 90px;
}

.submissions-thank-you h2 {
  margin-top: 0.5em;
}

#submission-popup {
  top: 10%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 85%;
}

#submission-popup p.submissions-ps {
  line-height: 1.4;
  text-align: center;
  color: #676767;
  font-size: 15px;
}

#submission-popup p.submissions-ps:after {
  display: block;
  width: 60px;
  margin: 40px auto;
  border-top: 2px solid #272727;
  content: '';
  clear: both;
}

.submissions-global-error {
  position: absolute;
  top: 0;
  font-size: 15px;
  font-size: 1.5rem;
  left: 0px;
  width: 100%;
  background: #CB5555;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 0;
  border-radius: 3px 3px 0 0;
}

.submissions-icons {
  position: absolute;
  z-index: 1;
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

.submissions-icons li {
  display: inline-block;
}

.submission-icon {
  text-indent: -9999px;
  width: 42px;
  height: 60px;
  display: inline-block;
  margin: 0 5px;
  background-color: #000000;
  transition: none !important;
  padding: 30px 0 0;
}

a.submission-icon-hover {
  text-indent: 50px;
  width: 100%;
  color: #FFFFFF;
  opacity: 0.9;
  background-color: #000000;
}

.submission-icon-1 {
  background: #000000 url(../img/badge-naut-2014.png) 5px 0 no-repeat;
}

.submission-icon-5 {
  background: #000000 url(../img/badge-naut-2015.png) 5px 0 no-repeat;
}

.submission-icon-36,
.submission-icon-15 {
  background: #000000 url(../img/badge-digital-2016.png) 5px 0 no-repeat;
}

.submission-icon-29 {
  background: #000000 url(../img/badge-digital-2017.png) 5px 0 no-repeat;
}

#prize-notification-no {
  padding: 5px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 15px;
}

.loading-submission-popup {
  width: 22px;
  height: 22px;
  background: url(../img/loading_22x22.gif) no-repeat;
  margin: 0 auto;
}

.lt-ie9 .submissions-tip .submit-tip {
  left: 42%;
}

.vote {
  background-color: #171717;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

.vote .content-loader {
  display: none;
}

.vote .content-main {
  position: relative;
  margin-top: 2em;
}

.vote .head ul {
  float: right;
  margin-top: .25em;
  list-style-type: none;
}

.vote .head .menu .logo {
  height: auto;
}

.vote .head .menu .logo a {
  display: block;
  float: left;
  margin: 0 auto;
}

.vote .head .menu .logo a.brand {
  background: url(../img/submissions-logo-white.png) top left no-repeat;
  background-size: 30px;
}

@media (min-width: 75.4375em) {
  .vote .head .menu .logo a.brand {
    background-size: 53px;
  }
}

.vote .head .title {
  float: none;
  margin: 20px 0 0;
  clear: both;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 75.4375em) {
  .vote .head .title {
    margin: 40px 0 0;
    font-size: 5rem;
  }
}

.vote .head .title p {
  line-height: 1;
  color: #FFFFFF;
  margin: 0 auto;
  text-shadow: 0 1px 1px #000000;
}

.vote .head .title p small {
  font-size: 1rem;
  font-weight: bold;
}

@media (min-width: 75.4375em) {
  .vote .head .title p small {
    font-size: 2rem;
  }
}

.vote .head .back-link {
  color: #FFFFFF;
}

.vote .head .back-link:hover {
  color: #c19f54;
}

.vote .half {
  position: relative;
  width: 100%;
  text-align: center;
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%;
}

.vote .half:nth-child(2n) {
  float: right;
  margin-right: 0;
}

@media (min-width: 48.9375em) {
  .vote .half {
    margin: 0 auto;
    padding: 0 2px;
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
  }
  .vote .half:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}

.vote .half .project-title {
  margin-top: 24px;
  color: #c19f54;
  font-size: 16px;
  font-size: 1.6rem;
  word-wrap: break-word;
}

@media (min-width: 48.9375em) {
  .vote .half .project-title {
    margin-top: 32px;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
  }
}

.vote .half .project-desc {
  word-wrap: break-word;
  color: #676767;
}

.vote .half .project-desc a {
  text-decoration: none;
}

.vote .vote-btn {
  display: block;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 26px;
  color: #000000;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-color: #c19f54;
}

@media (min-width: 62.4375em) {
  .vote .vote-btn {
    margin-bottom: 32px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.vote .vote-btn span {
  display: block;
  font-weight: normal;
}

.vote .all-btn {
  width: 100%;
  max-width: 75.5em;
  margin-top: 40px;
}

.vote .desc {
  text-align: center;
  line-height: 0.2;
}

.vote .desc.desc-1 {
  margin-top: 100px;
  color: #FFFFFF;
}

.vote .desc.desc-2 {
  color: #c19f54;
}

.vote .project-img {
  width: 100%;
  overflow: hidden;
}

.vote .project-img-main {
  height: 165px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 62.4375em) {
  .vote .project-img-main {
    height: 375px;
  }
}

.vote .project-img-list ul {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
}

.vote .project-img-list ul:before, .vote .project-img-list ul:after {
  display: table;
  content: "";
}

.vote .project-img-list ul:after {
  clear: both;
}

.vote .project-img-list ul div {
  width: 100%;
  height: 55px;
  background-size: cover;
}

.vote .project-img-list ul li {
  float: left;
  width: 48.1%;
  margin: 2px 2px 0 0;
}

@media (min-width: 48.9375em) {
  .vote .project-img-list ul li {
    width: 32.1%;
  }
}

@media (min-width: 48.9375em) {
  .vote .project-img-list ul li {
    width: 16.1%;
  }
}

@media (min-width: 62.4375em) {
  .vote .project-img-list ul li {
    width: 16.2%;
  }
}

@media (min-width: 75.4375em) {
  .vote .project-img-list ul li {
    width: 16.3%;
  }
}

.vote .content-main,
.vote .content-anim {
  position: relative;
}

.vote button[disabled] {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=50);
}

.vote .votes-remaining-holder {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
}

.vote .votes-remaining-holder .votes-remaining {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-color: #c19f54;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
}

.vote .modal-content-holder {
  text-align: center;
}

.vote .gradient-overlay {
  background-image: -owg-linear-gradient(rgba(16, 16, 16, 0) 25%, #101010 50%);
  background-image: linear-gradient(rgba(16, 16, 16, 0) 25%, #101010 50%);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.vote .limit-reached,
.vote .error-heading {
  min-height: 300px;
  padding-top: 40px;
  text-align: center;
}

.vote .limit-reached h2,
.vote .error-heading h2 {
  color: #c19f54;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 36px;
}

.vote .header {
  background-color: transparent;
}

.curated-banner {
  height: 250px;
  color: #FFFFFF;
  text-align: center;
  position: relative;
}

.curated-banner .banner-bg-image {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=50);
}

.curated-banner .banner-bg-image,
.curated-banner .banner-content-holder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
}

.curated-banner .banner-content-holder {
  padding-top: 45px;
  opacity: 1;
}

.curated-banner h1 {
  margin: 0;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
}

.curated-banner .description {
  font-size: 20px;
  color: #bfbfbf;
  margin: 10px auto 10px;
  text-align: center;
  max-width: 95%;
}

@media (min-width: 75.4375em) {
  .curated-banner .description {
    max-width: 50%;
  }
}

.curated-banner .author {
  font-size: 16px;
  color: #bfbfbf;
  overflow: hidden;
}

.curated-banner a {
  color: #bfbfbf;
  display: inline;
  text-decoration: underline;
}

.curated-banner a img {
  float: none;
  margin-right: 5px !important;
  border-radius: 25px;
}

.curated-banner a:hover {
  text-decoration: none;
}

.curated-banner .share-links {
  position: absolute;
  left: 0;
  bottom: 30px;
  padding: 0.5em 0.5em 0.25em 0.5em;
  background-color: #171717;
  border-radius: 2px 0 0 2px;
  color: #676767;
}

@media (min-width: 62.4375em) {
  .curated-banner .share-links {
    bottom: 10px;
  }
}

.curated-banner .share-links a {
  display: inline-block;
  color: #4D4D4D;
  font-size: 24px;
  font-size: 2.4rem;
}

.curated-banner .share-links a:hover {
  color: #c19f54;
}

.curated-banner .project-item-stats {
  bottom: 30px;
}

@media (min-width: 62.4375em) {
  .curated-banner .project-item-stats {
    bottom: 10px;
  }
}

.curated-banner .project-item-stats > span {
  margin-right: .5em;
}

.curated-banner .project-item-stats span span {
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: middle;
}

/***********************************************************
    Search
************************************************************/
body.search .search-result {
  height: 120px;
  word-wrap: break-word;
}

@media (min-width: 75.4375em) {
  body.search .search-result {
    margin: 0.5em 0;
  }
}

body.search .search-result .search-result-left {
  float: left;
  height: 100px;
}

body.search .search-result .search-result-left .image {
  background: #272727 url("../img/placeholder.png") center center no-repeat;
  background-size: cover;
  height: 100px;
}

body.search .search-result .search-result-left .image:hover {
  opacity: 0.75;
}

body.search .search-result .search-result-right {
  float: left;
}

body.search .search-result .search-result-right .element-title {
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}

body.search .search-result .search-result-right .summary {
  color: #FFFFFF;
  text-overflow: ellipsis;
  width: 100%;
  height: 26px;
  overflow: hidden;
  white-space: nowrap;
}

body.search .search-result .search-result-right .about {
  color: #676767;
  text-overflow: ellipsis;
  width: 100%;
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
}

body.search .search-result .search-result-right .about a {
  color: #676767;
  text-decoration: underline;
}

body.search .search-result .search-result-right .about .category {
  font-size: 82%;
}

body.search .search-result .search-result-right .about .likes-follows-container {
  display: inline-block;
  float: right;
}

body.search .search-result .search-result-right .about .likes-follows-container .icon-users, body.search .search-result .search-result-right .about .likes-follows-container .step-two, body.search .search-result .search-result-right .about .likes-follows-container .feed-icon-followuser, body.search .search-result .search-result-right .about .likes-follows-container
.feed-icon-projectFollow, body.search .search-result .search-result-right .about .likes-follows-container
.feed-icon-contestFollow, body.search .search-result .search-result-right .about .likes-follows-container
.feed-icon-eventFollow, body.search .search-result .search-result-right .about .likes-follows-container
.feed-icon-hackerspaceFollow, body.search .search-result .search-result-right .about .likes-follows-container
.feed-icon-listFollow, body.search .search-result .search-result-right .about .likes-follows-container .new-feed .feed-icon.feed-icon-add-contributor, .new-feed body.search .search-result .search-result-right .about .likes-follows-container .feed-icon.feed-icon-add-contributor, body.search .search-result .search-result-right .about .likes-follows-container .new-feed .feed-icon.feed-icon-assign-project, .new-feed body.search .search-result .search-result-right .about .likes-follows-container .feed-icon.feed-icon-assign-project, body.search .search-result .search-result-right .about .likes-follows-container .new-feed .feed-icon.feed-icon-assign-user-project, .new-feed body.search .search-result .search-result-right .about .likes-follows-container .feed-icon.feed-icon-assign-user-project,
body.search .search-result .search-result-right .about .likes-follows-container .icon-skull-test,
body.search .search-result .search-result-right .about .likes-follows-container .new-feed .feed-icon, .new-feed
body.search .search-result .search-result-right .about .likes-follows-container .feed-icon {
  padding-right: 0.25em;
}

body.search .search-result .search-result-right .about .likes-follows-container .icon-skull-test, body.search .search-result .search-result-right .about .likes-follows-container .new-feed .feed-icon, .new-feed body.search .search-result .search-result-right .about .likes-follows-container .feed-icon {
  padding-left: 0.25em;
}

body.search .search-result .search-result-right .tags {
  height: 28px;
  overflow: hidden;
}

body.search .content-right-other .section.section-categories ul {
  margin: 0;
  padding-left: 2px;
}

body.search .content-right-other .section.section-categories ul li {
  list-style-type: none;
  padding: 4px 0;
}

body.search .content-right-other .section.section-categories ul li label {
  color: #FFFFFF;
}

body.search .content-right-other .section.section-categories ul li label input {
  margin-right: 6px;
}

body.search .content-right-other .section.section-categories ul li label:hover a.category-name {
  color: #a6853c;
}

body.search .content-right-other .section.section-categories ul li label a {
  cursor: pointer;
}

body.search .content-right-other .section.section-categories ul li label a.category-name {
  color: #FFFFFF;
}

body.search .content-right-other .section.section-categories ul li label a.category-only {
  color: #676767;
  float: right;
}

body.search .content-right-other .section.section-categories ul li label a.category-only:hover {
  color: #a6853c;
}

body.search .content-right-other .section.section-locations ul {
  padding: 0;
  margin: 0;
}

body.search .content-right-other .section.section-locations ul li {
  color: #FFFFFF;
  list-style-type: none;
}

body.search .content-right-other .section.section-locations ul li a.location {
  font-size: 1em;
  color: #FFFFFF;
}

body.search .content-right-other .section.section-locations ul li a.location:hover {
  color: #a6853c;
}

body.search .content-right-other .section.section-locations ul .show-more-locations a, body.search .content-right-other .section.section-locations ul .show-fewer-locations a {
  cursor: pointer;
}

body.search .content-right-other .section.section-tags div {
  color: #FFFFFF;
  margin-bottom: 6px;
}

body.search .content-right-other .section.section-tags .show-more-tags a, body.search .content-right-other .section.section-tags .show-fewer-tags a {
  cursor: pointer;
}

body.search .no-results {
  color: #FFFFFF;
  margin: 0 auto;
  width: 600px;
}

body.search .no-results .left-column {
  float: left;
  padding: 20px;
}

body.search .no-results .left-column .question-mark {
  background: #272727 url("../img/questionmark.png") center center no-repeat;
  background-size: cover;
  width: 166px;
  height: 246px;
}

body.search .no-results .right-column {
  float: left;
  padding: 60px 0 0 20px;
}

body.search .no-results .right-column p {
  margin: 0;
}

body.search .no-results .right-column .search-holder {
  width: 100%;
  margin-top: 10px;
}

.sidebar-msg {
  float: left;
  margin-top: 8px;
}

@media (min-width: 48.9375em) {
  .sidebar-msg {
    display: none;
  }
}

.icon-sidebar-msg {
  display: inline-block;
  width: 42px;
  height: 21px;
  background: url("http://cdn.hackaday.io/img/icon-sidebar-msg.svg") center center no-repeat;
}

@media (min-width: 62.4375em) {
  .icon-sidebar-msg {
    display: none;
  }
}

.switch-theme {
  float: right;
  margin-top: 8px;
}

.flatlist {
  display: inline-block;
  width: 22px;
  height: 21px;
  background: url("http://cdn.hackaday.io/img/flatchat.svg") center center no-repeat;
}

.richlist {
  display: inline-block;
  width: 22px;
  height: 21px;
  background: url("http://cdn.hackaday.io/img/richchat.svg") center center no-repeat;
}

.notifyon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("http://cdn.hackaday.io/img/notifyon.svg") left center no-repeat;
}

.notifyoff {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("http://cdn.hackaday.io/img/notifyoff.svg") left center no-repeat;
}

.pm-button-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 10px auto;
}

.pm-button-container a {
  display: block;
}

.pm-button-container .icon-discussions, .pm-button-container .new-feed .feed-icon.feed-icon-add-reply, .new-feed .pm-button-container .feed-icon.feed-icon-add-reply, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment-contest, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment-contest, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment-event, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment-event, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment-hackerspace, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment-hackerspace, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment-log, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment-log, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment-page, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment-page, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment-profile, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment-profile, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment-project, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment-project, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment-stack, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment-stack, .pm-button-container .new-feed .feed-icon.feed-icon-post-comment-instruction, .new-feed .pm-button-container .feed-icon.feed-icon-post-comment-instruction {
  font-size: 14px;
  font-size: 1.4rem;
}

.modal-code .modal-content-holder {
  bottom: 10%;
  padding: 77px 20px 77px 20px;
}

@media (min-width: 48.9375em) {
  .modal-code .modal-content-holder {
    padding: 97px 20px 77px 20px;
  }
}

.modal-code .modal-header {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
}

@media (min-width: 75.4375em) {
  .modal-code .modal-header {
    top: 0;
  }
}

.modal-code .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.modal-code .modal-body {
  padding-top: 40px;
  height: 100%;
  position: relative;
}

.modal-code .code-snippet-editor {
  height: 100%;
}

.modal-code .code-snippet-languages {
  position: absolute;
  top: 0;
}

.modal-code .code-snippet-languages .select-holder {
  display: inline-block;
  min-width: 160px;
}

@media (min-width: 321px) {
  .modal-code .code-snippet-languages .select-holder {
    min-width: 200px;
  }
}

.modal-code .code-snippet-languages select {
  min-height: 38px;
}

.messages-container {
  display: block;
  position: absolute;
  top: 74px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.messages-container.notification-permission-message-present {
  top: 7em;
}

.messages-container .messages-sidebar > .nano-scroll-container,
.messages-container .messages-conversation > .nano-scroll-container,
.messages-container .about-container > .nano-scroll-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.messages-container .messages-sidebar > .nano-scroll-container .nano .nano-pane,
.messages-container .messages-conversation > .nano-scroll-container .nano .nano-pane,
.messages-container .about-container > .nano-scroll-container .nano .nano-pane {
  background: rgba(136, 136, 136, 0.75);
}

.messages-container .messages-sidebar > .nano-scroll-container .nano .nano-pane .nano-slider,
.messages-container .messages-conversation > .nano-scroll-container .nano .nano-pane .nano-slider,
.messages-container .about-container > .nano-scroll-container .nano .nano-pane .nano-slider {
  background: rgba(17, 17, 17, 0.75);
}

.messages-container .online-status {
  position: absolute;
  top: -2px;
  right: -2px;
  border: 2px solid #272727;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.messages-container .online-status.on {
  background: #7ED321;
}

.messages-container .online-status.off {
  background: #676767;
}

.messages-container .messages-members-container {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  transition: left 0.15s ease-in-out;
}

.messages-container .messages-members-container.active {
  left: 260px;
}

@media (min-width: 48.9375em) {
  .messages-container .messages-members-container {
    position: relative;
    margin-left: 260px;
    width: auto;
  }
  .messages-container .messages-members-container.active {
    left: 0;
  }
}

.messages-container .messages-conversation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin-right: 0;
  background-color: #171717;
  border-left: 1px solid #272727;
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation {
    margin-right: 240px;
  }
}

.messages-container .messages-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  width: 260px;
  height: 100%;
}

.messages-container .messages-sidebar .messages-sidebar-header {
  height: 56px;
  border-bottom: 1px solid #272727;
  overflow: hidden;
}

.messages-container .messages-sidebar .messages-sidebar-header .search-conversations-form {
  float: left;
  width: 230px;
  margin: 10px 15px;
}

.messages-container .messages-sidebar .messages-sidebar-header .search-conversations-form .input-search {
  height: 30px;
  font-size: 11px;
  width: 100%;
}

.messages-container .messages-sidebar .messages-sidebar-header .search-conversations-form a {
  margin: 8px 0 8px 15px;
  font-size: 12px;
}

.messages-container .messages-sidebar .messages-sidebar-header .search-conversations-form .cancel-search {
  color: #676767;
}

.messages-container .messages-sidebar .new-message-button {
  margin: 15px;
  float: left;
  width: 230px;
}

.messages-container .messages-sidebar .search-messages-button {
  float: right;
  width: 30px;
  height: 30px;
  margin: 12px 15px 0 0;
}

.messages-container .messages-sidebar .conversation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
}

.messages-container .messages-sidebar .conversation-list .loading-animation {
  border: 0;
  margin-top: 40px;
}

.messages-container .messages-sidebar .conversation-list li {
  min-height: 70px;
  display: block;
  border-bottom: 1px solid #272727;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.messages-container .messages-sidebar .conversation-list li a {
  outline: none;
}

.messages-container .messages-sidebar .conversation-list li .conversation-image {
  margin-left: 30px;
  margin-top: -28px;
  position: absolute;
  border: 2px solid #676767;
  left: 0;
  top: 50%;
  border-radius: 50%;
}

.messages-container .messages-sidebar .conversation-list li .placeholder-project-img {
  overflow: hidden;
}

.messages-container .messages-sidebar .conversation-list li .placeholder-project-img img {
  left: -1.9em;
  position: absolute;
  width: auto;
}

@media only all and (min--moz-device-pixel-ratio: 1.5), only all and (-webkit-min-device-pixel-ratio: 1.5), only all and (min-device-pixel-ratio: 1.5), only all and (min-resolution: 144dpi), only all and (min-resolution: 1.5dppx) {
  .messages-container .messages-sidebar .conversation-list li .placeholder-project-img {
    z-index: 0;
  }
}

.messages-container .messages-sidebar .conversation-list li .conversation-container {
  padding: 10px 10px 10px 96px;
  border: 1px solid transparent;
  min-height: 70px;
}

.messages-container .messages-sidebar .conversation-list li .conversation-container h4 {
  color: #c19f54;
  margin: 6px 60px 0 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.messages-container .messages-sidebar .conversation-list li .conversation-container h4 span {
  font-weight: 400;
}

.messages-container .messages-sidebar .conversation-list li .conversation-container .conversation-summary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7b7b7b;
  font-size: 12px;
}

.messages-container .messages-sidebar .conversation-list li .conversation-container .timeago {
  font-size: 10px;
  font-size: 1rem;
  color: #676767;
  position: absolute;
  right: 8px;
  top: 6px;
}

.messages-container .messages-sidebar .conversation-list li.active .conversation-container {
  background-color: #272727;
  border-color: #272727;
}

@media only all and (min--moz-device-pixel-ratio: 1.5), only all and (-webkit-min-device-pixel-ratio: 1.5), only all and (min-device-pixel-ratio: 1.5), only all and (min-resolution: 144dpi), only all and (min-resolution: 1.5dppx) {
  .messages-container .messages-sidebar .conversation-list li.active .placeholder-project-img {
    z-index: 999;
  }
}

.messages-container .messages-sidebar .conversation-list li .bubble {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  margin-left: 10px;
  margin-top: -5px;
  top: 50%;
  background-color: #272727;
}

.messages-container .messages-sidebar .conversation-list li .bubble.unread {
  background-color: #cb5555;
}

.messages-container .messages-sidebar .conversation-list li .load-more-market {
  height: 25px;
}

.messages-container .messages-sidebar .status-indicator {
  background-color: #272727;
  padding: 4px 10px;
  font-size: 10px;
  text-transform: uppercase;
}

.messages-container .messages-sidebar .status-indicator.status-offline {
  color: #CB5555;
}

.messages-container .messages-sidebar .status-indicator.status-offline .status-icon {
  background-color: #CB5555;
}

.messages-container .messages-sidebar .status-indicator.status-online {
  color: #676767;
}

.messages-container .messages-sidebar .status-indicator.status-online .status-icon {
  background: #7ED321;
}

.messages-container .messages-sidebar .status-indicator .status-icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  border-radius: 50%;
}

.messages-container .messages-conversation .conversation-main {
  height: 100%;
}

.messages-container .messages-conversation .conversation-header {
  height: 56px;
  border-bottom: 1px solid #272727;
  padding: 10px 10px;
}

@media (min-width: 48.9375em) {
  .messages-container .messages-conversation .conversation-header {
    padding: 10px 15px 20px 15px;
  }
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation .conversation-header {
    padding: 10px 15px 20px 15px;
  }
}

.messages-container .messages-conversation .conversation-header h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin: 0;
}

.messages-container .messages-conversation .conversation-header h2.conversation-name {
  color: #c19f54;
}

.messages-container .messages-conversation .conversation-header h2.conversation-name > span {
  font-weight: 400;
}

.messages-container .messages-conversation .conversation-header.new-conversation {
  padding: 3px 15px 3px 120px;
  position: relative;
}

.messages-container .messages-conversation .conversation-header.new-conversation .sidebar-msg {
  position: absolute;
  top: 6px;
  left: 20px;
}

.messages-container .messages-conversation .conversation-header.new-conversation h2 {
  color: #c19f54;
  left: 80px;
  top: 10px;
  position: absolute;
}

.messages-container .messages-conversation .conversation-header.new-conversation .recipient-selector .twitter-typeahead {
  display: block !important;
  width: 100%;
}

.messages-container .messages-conversation .conversation-header.new-conversation .recipient-selector .remove-recipient {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 11px;
  right: 25px;
  display: none;
}

.messages-container .messages-conversation .conversation-header.new-conversation .recipient-selector.selected input.recipient {
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 10px;
  padding-left: 44px;
}

.messages-container .messages-conversation .conversation-header.new-conversation .recipient-selector.selected:hover .remove-recipient {
  display: block;
}

.messages-container .messages-conversation .conversation-messages {
  height: 100%;
  padding: 0 10px 20px 10px;
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation .conversation-messages {
    padding: 0 95px 20px 95px;
  }
}

.messages-container .messages-conversation .conversation-messages .message-item {
  margin-top: 20px;
  position: relative;
}

.messages-container .messages-conversation .conversation-messages .message-item.error a {
  color: red;
}

.messages-container .messages-conversation .conversation-messages .message-item .message-text img {
  max-width: 100%;
}

.messages-container .messages-conversation .conversation-messages .message-item .message-text p {
  margin: 5px 0 10px 0;
  vertical-align: top;
}

.messages-container .messages-conversation .conversation-messages .message-item .emoticon {
  height: 20px;
  width: 20px;
  vertical-align: top;
}

.messages-container .messages-conversation .conversation-messages .message-item .show-pre-messages-button {
  display: block;
  min-height: 36px;
  border: 1px solid #272727;
  color: #676767;
  border-radius: 3px;
  background: #000000;
  cursor: pointer;
  font-size: 14px;
  padding: 0.8em 1.5em 0.7em 1.5em;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
}

.messages-container .messages-conversation .conversation-messages .message-item .show-pre-messages-button:hover {
  background: #171717;
}

.messages-container .messages-conversation .conversation-messages .message-item .show-pre-messages-button.disabled, .messages-container .messages-conversation .conversation-messages .message-item .show-pre-messages-button.loading {
  cursor: default;
}

.messages-container .messages-conversation .conversation-messages .message-item .show-pre-messages-button.disabled:hover, .messages-container .messages-conversation .conversation-messages .message-item .show-pre-messages-button.loading:hover {
  background: #000000;
}

.messages-container .messages-conversation .conversation-messages .message-item .show-pre-messages-button.new-message-header span {
  font-weight: bold;
}

.messages-container .messages-conversation .conversation-messages .message-item .show-pre-messages {
  display: block;
  min-height: 36px;
  border: 1px solid #272727;
  color: #676767;
  border-radius: 3px;
  background: #000000;
  cursor: default;
  font-size: 14px;
  padding: 0.8em 1.5em 0.7em 1.5em;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
}

.messages-container .messages-conversation .conversation-messages .message-item .show-pre-messages.new-message-header span {
  font-weight: bold;
}

.messages-container .messages-conversation .conversation-messages .message-item .empty {
  height: 48px;
}

@media (min-width: 48.9375em) {
  .messages-container .messages-conversation .conversation-messages .message-item .empty {
    min-width: 510px;
    height: 36px;
  }
}

@media (min-width: 62.4375em) {
  .messages-container .messages-conversation .conversation-messages .message-item .empty {
    height: 36px;
  }
}

.messages-container .messages-conversation .conversation-messages .message-item:last-child {
  margin-bottom: 20px;
}

.messages-container .messages-conversation .conversation-messages .message {
  border-radius: 4px;
  border: 1px solid #272727;
  padding: 10px;
  position: relative;
}

.messages-container .messages-conversation .conversation-messages .message .message-avatar {
  position: absolute;
  left: -76px;
  display: none;
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation .conversation-messages .message .message-avatar {
    display: block;
  }
}

.messages-container .messages-conversation .conversation-messages .message .send-status {
  position: absolute;
  width: 22px;
  height: 22px;
  left: -32px;
  top: 0;
}

.messages-container .messages-conversation .conversation-messages .message .send-status .resend-button {
  display: none;
}

.messages-container .messages-conversation .conversation-messages .message .send-status .resend-button img {
  width: 22px;
  height: 22px;
}

.messages-container .messages-conversation .conversation-messages .message .send-status.sending {
  background: url(../img/loading_22x22.gif) no-repeat;
}

.messages-container .messages-conversation .conversation-messages .message .send-status.sent-error .resend-button {
  display: block;
}

.messages-container .messages-conversation .conversation-messages .message .message-body {
  text-align: left;
}

.messages-container .messages-conversation .conversation-messages .message .message-body .message-info .timeago {
  float: right;
  font-size: 12px;
  margin-top: 2px;
  color: #676767;
}

.messages-container .messages-conversation .conversation-messages .message .message-body .send-message-error {
  text-decoration: underline;
  color: #c19f54;
  cursor: pointer;
}

.messages-container .messages-conversation .conversation-messages .message .message-text {
  color: #FFFFFF;
}

.messages-container .messages-conversation .conversation-messages .message .message-text .message-image {
  margin: 10px 0;
  max-width: 100%;
  border-radius: 4px;
}

.messages-container .messages-conversation .conversation-messages .message .message-text .hljs {
  border-radius: 4px;
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation .conversation-messages .message:before, .messages-container .messages-conversation .conversation-messages .message:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -14px;
    border: 7px solid transparent;
    border-right-color: #272727;
  }
  .messages-container .messages-conversation .conversation-messages .message:after {
    left: -13px;
    border-right-color: #171717;
  }
}

.messages-container .messages-conversation .conversation-messages .mine {
  background-color: #272727;
}

.messages-container .messages-conversation .conversation-messages .mine .message .message-avatar {
  right: -76px;
  left: auto;
}

.messages-container .messages-conversation .conversation-messages .mine .message:after, .messages-container .messages-conversation .conversation-messages .mine .message:before {
  left: auto;
  right: -14px;
  border-right-color: transparent;
  border-left-color: #272727;
}

.messages-container .messages-conversation .conversation-messages .mine .message:after {
  right: -13px;
  border-left-color: #272727;
  border-right-color: transparent;
}

.messages-container .messages-conversation .new-message-banner {
  top: -1.2em;
  bottom: 17px;
  left: 0;
  position: absolute;
  cursor: pointer;
  width: 100%;
}

.messages-container .messages-conversation .new-message-banner div {
  background-color: #000000;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  color: #FFFFFF;
  font-size: 0.8em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 9.5em;
}

.messages-container .messages-conversation .conversation-footer {
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 10px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  border-top: 1px solid #272727;
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation .conversation-footer {
    padding: 10px 96px;
    height: 10em;
  }
}

.messages-container .messages-conversation .conversation-footer .message-editor .redactor-editor {
  padding: 5px 10px 0px 10px;
  max-height: 55px;
  min-height: 42px;
}

@media (min-width: 48.9375em) {
  .messages-container .messages-conversation .conversation-footer .message-editor .redactor-editor {
    padding: 10px;
    min-height: 80px;
  }
}

.messages-container .messages-conversation .conversation-footer .message-editor .redactor-box {
  margin: 0;
}

.messages-container .messages-conversation .conversation-footer .message-editor .send-message-button {
  margin-left: 10px;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation .conversation-footer .message-editor .send-message-button {
    padding: 0.9em 1.5em 0.8em 1.5em;
  }
}

.messages-container .messages-conversation .conversation-footer .message-editor label {
  cursor: pointer;
}

.messages-container .messages-conversation .conversation-footer .message-editor #message-editor-input {
  position: relative;
}

.messages-container .messages-conversation .conversation-footer .message-editor .emoticons {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 3px 7px;
  cursor: pointer;
  color: #707070;
  z-index: 5;
}

.messages-container .messages-conversation .conversation-footer .message-editor .emoticons img {
  width: 20px;
  height: 20px;
}

.messages-container .messages-conversation .conversation-footer .message-editor .emoticons-tooltip {
  position: absolute;
  bottom: 34px;
  left: -80px;
  padding: 5px;
  background: #393939 none repeat scroll 0% 0%;
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}

.messages-container .messages-conversation .conversation-footer .message-editor .emoticons-tooltip .emoticon {
  padding: 3px;
  display: inline-block;
  float: left;
  cursor: pointer;
  width: 26px;
  height: 26px;
  border-radius: 2px;
}

.messages-container .messages-conversation .conversation-footer .message-editor .emoticons-tooltip .emoticon:hover {
  background-color: #969696;
}

.messages-container .messages-conversation .conversation-footer .message-editor .emoticons-tooltip .emoticon img {
  width: 20px;
  height: 20px;
}

.messages-container .messages-conversation .conversation-footer .message-editor .emoticons-selection {
  display: inline-block;
  width: 108px;
}

.messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button {
  position: absolute;
  left: 45px;
  width: 27px;
  height: 27px;
  padding: 2px;
  overflow: hidden;
  border-radius: 5px;
  color: #676767;
  cursor: pointer;
  background: #171717;
  border: 0px none;
}

@media (min-width: 48.9375em) {
  .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button {
    background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
    color: #676767;
    border: 1px solid #272727;
    text-shadow: 0px 1px 0px false #343434;
    font-size: 16px;
    padding: 0.9em 1.5em 0.8em 1.5em;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    *display: inline;
    *zoom: 1;
    display: inline-block;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    position: relative;
    text-decoration: none;
    font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: inherit;
    bottom: 16px;
    width: auto;
    height: auto;
    padding: 4px 8px;
    margin-top: 2px;
    overflow: visible;
  }
  .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button:hover, .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button:focus {
    background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
    border-color: #343434;
    color: #5a5a5a;
  }
  .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button:visited {
    color: #676767;
  }
  .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button:hover, .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button:focus {
    text-decoration: none;
  }
  .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button:active {
    outline: 0;
  }
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button {
    padding: 11px 16px;
  }
}

.messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button .re-icon {
  margin: 4px 4px 7px 4px;
  display: inline-block;
}

@media (min-width: 48.9375em) {
  .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button .re-icon {
    margin: 0;
    display: inherit;
  }
}

.messages-container .messages-conversation .conversation-footer .message-editor .toolbar .toolbar-button.tb-code {
  left: 10px;
}

.messages-container .messages-conversation .conversation-footer .message-editor .toolbar .right {
  padding-top: 2px;
  text-align: right;
  float: right;
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation .conversation-footer .message-editor .toolbar .right {
    margin-top: 4px;
  }
}

.messages-container .messages-conversation .conversation-footer .message-editor .toolbar .left {
  float: left;
  height: 42px;
}

.messages-container .messages-conversation-info {
  display: none;
  overflow: hidden;
  width: 240px;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  height: 100%;
  border-left: 1px solid #272727;
}

@media (min-width: 75.4375em) {
  .messages-container .messages-conversation-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.messages-container .messages-conversation-info .loading-animation {
  margin-top: 100%;
}

.messages-container .messages-conversation-info .about-container-settings {
  width: 160px;
  margin: 0 auto;
}

.messages-container .messages-conversation-info .about-container-settings .about-title {
  text-align: center;
}

.messages-container .messages-conversation-info .about-container-settings h3 {
  margin: 10px 0 5px 0;
  font-size: 14px;
}

.messages-container .messages-conversation-info .about-container-settings a {
  display: inline-block;
  width: 100%;
  padding-left: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
}

.messages-container .messages-conversation-info .about-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  width: 160px;
  margin: 0 auto;
  overflow: hidden;
}

.messages-container .messages-conversation-info .about-container h3 {
  margin: 10px 0 5px 0;
  font-size: 14px;
}

.messages-container .messages-conversation-info .about-container .members-count {
  margin: 10px 0 5px 0;
  font-size: 14px;
  display: inline-block;
}

.messages-container .messages-conversation-info .about-container .members-filter-button {
  font-size: 0.8em;
  outline: none;
}

.messages-container .messages-conversation-info .about-container .about {
  border: 2px solid #272727;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}

.messages-container .messages-conversation-info .about-container .about img {
  width: 100%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.messages-container .messages-conversation-info .about-container .about h4 {
  color: white;
  font-size: 12px;
  margin: 0;
}

.messages-container .messages-conversation-info .about-container .about a {
  font-size: 12px;
}

.messages-container .messages-conversation-info .about-container .about .about-info {
  padding: 10px;
}

.messages-container .messages-conversation-info .about-container .members {
  height: 100%;
  width: 160px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.messages-container .messages-conversation-info .about-container .members .members-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #272727;
  border-radius: 5px;
  bottom: initial;
  list-style-type: none;
}

.messages-container .messages-conversation-info .about-container .members .members-list li {
  display: inline-block;
}

.messages-container .messages-conversation-info .about-container .members .members-list li:nth-child(odd) {
  margin-left: 14px;
  margin-right: 14px;
}

.messages-container .messages-conversation-info .about-container .members .members-list .member-thumbnail {
  display: inline-block;
  margin: 0;
  padding-bottom: 15px;
}

.messages-container .messages-conversation-info .about-container .members .members-list .member-thumbnail .member-name {
  font-size: 12px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 55px;
}

.messages-container .messages-conversation-info .about-container .members .members-list .nano .nano-content {
  padding-top: 15px;
}

.messages-container .messages-conversation-info .settings a {
  display: inline-block;
  width: 100%;
  padding-left: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
}

.messages-container .messages-conversation-info .settings a.on {
  color: #FFFFFF;
}

.messages-container .messages-conversation-info .settings a.on:after {
  content: ' on';
}

.messages-container .messages-conversation-info .settings a.off {
  color: #676767;
}

.messages-container .messages-conversation-info .settings a.off:after {
  content: ' off';
}

.messages-container .user-avatar {
  position: relative;
  border: 2px solid #676767;
  width: 56px;
  height: 56px;
  top: 0;
  border-radius: 50%;
}

.messages-container .user-avatar img {
  display: inline-block;
  width: 52px;
  height: 52px;
  border-radius: 50%;
}

.messages-lite .conversation-messages {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

@media (min-width: 75.4375em) {
  .messages-lite .conversation-messages {
    padding-right: 60px !important;
    padding-left: 50px !important;
  }
}

.messages-lite .message-item {
  margin-top: 4px !important;
}

.messages-lite .message {
  padding: 5px 10px !important;
}

.messages-lite .message-info {
  font-size: 12px;
  font-size: 1.2rem;
}

.messages-lite .message-avatar {
  left: -41px !important;
  width: 26px;
  height: 26px;
  border-width: 1px;
}

.messages-lite .message-avatar img {
  width: 24px;
  height: 24px;
}

.messages-lite .message-text {
  font-size: 14px;
  font-size: 1.4rem;
}

.messages-lite .message-text p {
  margin: 0 !important;
}

.messages-lite .timeago {
  margin-top: 0;
}

.messages-lite .mine .message-info span:first-child {
  display: none;
}

.messages-lite .mine .message-text p {
  margin-right: 95px;
}

.messages-lite .mine .message-avatar {
  right: -41px !important;
  left: auto !important;
}

.messages-lite .conversation-footer {
  padding: 10px 15px 10px 15px !important;
}

@media (min-width: 75.4375em) {
  .messages-lite .conversation-footer {
    padding: 10px 60px 10px 50px !important;
  }
}

.messages-lite .new-message-banner {
  top: -1.2em;
  bottom: 17px;
  left: 0;
  position: absolute;
  cursor: pointer;
  width: 100%;
}

.messages-lite .new-message-banner div {
  background-color: #000000;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  color: #FFFFFF;
  font-size: 0.8em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 9.5em;
}

.messages-page {
  /* keep the header and menu on top for small screens and messaging */
}

@media screen and (max-device-width: 768px) and (min-aspect-ratio: 1 / 1) {
  .messages-page .header {
    display: none !important;
  }
  .messages-page .messages-container {
    top: 0;
  }
  .messages-page .conversation-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .messages-page .conversation-footer {
    padding-top: 5px !important;
    padding-bottom: 25px !important;
  }
}

.messages-page .sf-impression {
  position: absolute;
  right: 0;
  bottom: -100px;
  width: 0;
  height: 0;
}

.messages-page .alert.notification-permission-message-present {
  display: block;
}

.messages-page .header {
  z-index: 1030;
}

@media (min-width: 62.4375em) {
  .messages-page .header {
    z-index: auto;
  }
}

/***********************************************************
    Similars
************************************************************/
#similars {
  display: none;
  overflow: hidden;
  clear: both;
}

#similars .similars-header {
  color: #4D4D4D;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px 20px 0;
  position: relative;
  text-align: center;
}

#similars .similars-header .submissions-close {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 5px 2px 5px;
}

#similars .similar-project {
  float: left;
  margin: 0 1%;
  width: 98%;
}

@media (min-width: 62.4375em) {
  #similars .similar-project {
    width: 18%;
  }
}

#similars .project-image-link {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}

#similars .project-image-link .project-image {
  height: 90px;
  background-size: cover;
  background-position: center center;
  transition: all 0.2s ease-out;
}

#similars .project-image-link .project-summary {
  position: absolute;
  color: #FFFFFF;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  top: 0;
  left: 0;
  right: 0;
  display: none;
}

#similars .project-image-link .project-stats {
  display: none;
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 2px 2px 3px;
  background-color: #171717;
  border-radius: 2px 0 0 2px;
  color: #4D4D4D;
}

#similars .project-image-link:hover .project-image {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0.25;
}

#similars .project-image-link:hover .project-summary {
  display: block;
}

#similars .project-image-link:hover .project-stats {
  display: none;
}

#similars .project-data {
  padding: 15px 0;
  color: #676767;
  overflow: hidden;
  text-align: center;
}

#similars .project-data .project-data-text {
  margin-bottom: 10px;
  line-height: 1;
}

#similars .project-data .project-data-text .project-data-link {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

#similars .project-data .author-name {
  font-size: 14px;
  font-size: 1.4rem;
}

#similars .project-data .author-name a {
  color: #676767;
  text-decoration: underline;
  white-space: normal;
}

#similars .small-button {
  margin: 0 auto;
  width: 100px;
}

#similar-users {
  display: none;
  border: none;
  overflow: hidden;
}

#similar-users .similars-header {
  color: #4D4D4D;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px 20px 0;
  position: relative;
  text-align: center;
}

#similar-users .similars-header .submissions-close {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 5px 2px 5px;
}

#similar-users .similar-user-left {
  float: left;
  max-width: 90px;
  margin: 10px 0 20px 20px;
}

#similar-users .similar-user-left img {
  width: 90px;
  height: 90px;
}

#similar-users .similar-user-right {
  margin-left: 125px;
  text-align: left;
}

#similar-users .similar-user-right span {
  font-size: 14px;
  font-size: 1.4rem;
  padding-right: 15px;
}

#similar-users .similar-user {
  width: 100%;
  overflow: hidden;
}

#similar-users .similar-user-summary {
  color: #FFFFFF;
}

@media (min-width: 75.4375em) {
  #similar-users .similar-user {
    float: left;
    width: 33%;
  }
}

/*
    /recommendation/projects and /recommendation/hackers
**/
.rec-cursor-default {
  cursor: default;
}

.rec-loading-anim {
  position: relative;
  top: 7.5em;
  opacity: 0;
}

.rec-container-dim {
  opacity: 0.1;
}

.rec-button-enabled a {
  color: #c19f54;
}

.rec-proj-tag-container {
  padding-top: 10px;
}

.rec-proj-item-headline div {
  float: left;
  width: 65%;
}

.rec-proj-item-headline div h3 a {
  color: #c19f54;
}

.rec-proj-item-headline div p {
  color: grey;
  float: left;
}

.rec-proj-item-headline div p a {
  text-decoration: underline;
  color: grey;
}

.rec-proj-item-headline .gold-gold-button, .rec-proj-item-headline .chat-app .button-chat-send, .chat-app .rec-proj-item-headline .button-chat-send {
  color: #272727;
}

.rec-proj-item-headline p {
  float: right;
  padding: 10px 0;
}

.rec-hacker-item.j-content-container {
  position: relative;
}

.rec-hacker-item.j-content-container > a {
  width: 18%;
}

@media (min-width: 75.4375em) {
  .rec-hacker-item.j-content-container > a {
    width: 28%;
  }
}

.rec-hacker-item.j-content-container .user-info {
  margin-left: 20%;
}

@media (min-width: 75.4375em) {
  .rec-hacker-item.j-content-container .user-info {
    margin-left: 32%;
  }
}

.rec-hacker-item.j-content-container .user-info h3 {
  margin-bottom: 0;
}

.rec-hacker-item.j-content-container .user-info h3 .follow {
  width: 85px;
  display: inline-block;
  float: right;
}

.rec-hacker-item.j-content-container .user-info .hacker-location {
  font-style: italic;
}

.rec-hacker-item.j-content-container .user-info .hacker-list-stats li {
  margin-bottom: 0.7em;
}

.rec-hacker-item.j-content-container .user-info .tag-container {
  width: 75%;
}

.rec-hackers-list {
  *zoom: 1;
}

.rec-hackers-list:before, .rec-hackers-list:after {
  display: table;
  content: "";
}

.rec-hackers-list:after {
  clear: both;
}

.rec-hackers-list .rec-hackers-hacker {
  padding: 0 1em;
}

@media (min-width: 75.4375em) {
  .rec-hackers-list .rec-hackers-hacker {
    width: 50%;
    float: left;
    min-height: 200px;
  }
  .rec-hackers-list .rec-hackers-hacker:nth-child(2n) {
    float: right;
  }
}

.rec-hackers-list > ul {
  padding: 0;
}

/**
 * Onboarding menu
 */
.onboard-progress {
  position: absolute;
  top: 85px;
  z-index: 1030;
  width: 100%;
  background-color: #171717;
}

.onboard-progress.affix {
  position: fixed;
  top: 0;
}

.nav-progress {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-progress li {
  border: 0 solid #272727;
  border-width: 1px 0;
  text-align: center;
  display: none;
}

@media (min-width: 75.4375em) {
  .nav-progress li {
    display: block;
    border-width: 1px 0 1px 1px;
    width: 33.3%;
    float: left;
  }
  .nav-progress li:first-child {
    border-left-width: 0;
  }
}

.nav-progress h2 {
  font-size: 1.8rem;
  margin: 0.1em 0;
}

@media (min-width: 75.4375em) {
  .nav-progress h2 {
    font-size: 2.5rem;
    margin: 0.7em 0;
  }
}

.nav-progress a {
  color: #676767;
}

.text-container {
  clear: left;
  text-align: center;
  border: 0 solid #272727;
  border-bottom-width: 1px;
  color: #FFFFFF;
}

.text-container h2 {
  margin: 0.1em 0;
  color: #c19f54;
}

.text-container .active {
  display: block;
  border-bottom-width: 0;
}

.text-container .active a {
  color: #c19f54;
}

.text-container .active a:hover {
  color: #a6853c;
}

.onboard-description {
  margin: 0 0 0.5em 0;
}

.onboard-continue {
  margin: 0 0 0.5em 0;
}

.onboard-next-button {
  margin-top: 0.5em;
}

/* Hiding the description when the menu is scrolled */
.affix .onboard-description {
  display: none;
}

.onboard-mobile-spacing {
  margin: 140px auto;
}

.interests-page {
  background-color: #272727;
  /* Underline From Center */
}

.interests-page .logo {
  width: 100%;
  background: url("http://cdn.hackaday.io/img/hackaday-logo.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.interests-page h2 {
  margin-bottom: 0;
  text-align: center;
}

.interests-page .page-basic-info-static p {
  width: 100%;
}

.interests-page #selected {
  display: none;
  padding-bottom: 150px;
}

.interests-page .interests-list {
  clear: both;
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 25px;
}

.interests-page .interests-list:before, .interests-page .interests-list:after {
  display: table;
  content: "";
}

.interests-page .interests-list:after {
  clear: both;
}

.interests-page .interests-list .interests-list-item {
  background-color: transparent;
  transition: opacity 0.2s ease-out;
}

.interests-page .interests-list .deleted {
  opacity: 0.2;
}

.interests-page .interests-list li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  cursor: default;
}

@media (min-width: 62.4375em) {
  .interests-page .interests-list li {
    width: 49.15254%;
    float: left;
  }
  .interests-page .interests-list li:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .interests-page .interests-list li:nth-child(2n + 2) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 75.4375em) {
  .interests-page .interests-list li {
    width: 23.72881%;
    float: left;
  }
  .interests-page .interests-list li:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .interests-page .interests-list li:nth-child(4n + 2) {
    margin-left: 25.42373%;
    margin-right: -100%;
    clear: none;
  }
  .interests-page .interests-list li:nth-child(4n + 3) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
  .interests-page .interests-list li:nth-child(4n + 4) {
    margin-left: 76.27119%;
    margin-right: -100%;
    clear: none;
  }
}

.interests-page .interests-list li.with-border {
  border: 1px solid #4D4D4D;
  border-radius: 5px;
}

.interests-page .interests-list li .item-cover {
  height: 100px;
  background-position: center center;
  background-size: cover;
  border-radius: 5px 5px 0 0;
}

.interests-page .interests-list li .title,
.interests-page .interests-list li .description {
  padding: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.interests-page .interests-list li .title {
  background-color: #242424;
  color: #c19f54;
  text-shadow: 0.5px 0.5px #010101;
  white-space: nowrap;
}

.interests-page .interests-list li .description {
  color: #b3b3b3;
  height: 100px;
  font-size: 14px;
  pointer-events: none;
}

.interests-page .interests-list li .interest-list-footer {
  font-size: 10px;
  text-align: right;
  padding: 10px;
  color: #676767;
}

.interests-page .interests-list li a {
  color: #676767;
}

.interests-page .interests-list li a:hover {
  color: #c19f54;
}

.interests-page .interests-list.list-terms-ul {
  padding-bottom: 120px;
}

.interests-page .list-title {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  color: #FFFFFF;
}

.interests-page hr {
  position: relative;
  top: 25px;
  width: 100%;
  height: 1px;
  margin: 0 0 50px 0;
  background-color: #c19f54;
  opacity: 0.7;
}

.interests-page .interests-list-terms {
  width: 90%;
}

.interests-page .interests-list-terms p {
  margin-top: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
}

.interests-page .interests-list-icons {
  display: inline-block;
  float: left;
  line-height: 3em;
  min-width: 3em;
}

.interests-page .interests-list-icons img {
  max-height: 25px;
  max-width: 25px;
  vertical-align: middle;
}

.interests-page #footer-found-text {
  width: 100%;
  margin-top: 15px;
  text-align: center;
  font-size: 16px;
  text-shadow: 1px 1px #000000;
  letter-spacing: 0.7px;
}

.interests-page .footer-static {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 125px;
  padding: 20px 0 20px;
  background: rgba(22, 22, 22, 0.85);
  text-align: center;
}

.interests-page .hvr-underline-from-center {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.interests-page .hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #c19f54;
  height: 1px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.interests-page .hvr-underline-from-center:hover:before, .interests-page .hvr-underline-from-center:focus:before, .interests-page .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.interests-page .grey-grey-button {
  color: #4D4D4D;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
}

.interests-page .grey-gold-button {
  font-size: 15px;
  font-size: 1.5rem;
  color: #b3b3b3;
  border-radius: 10px;
  border-width: thin;
  border-color: #4D4D4D;
  background: #171717;
  cursor: pointer;
  /* icon spin */
}

.interests-page .grey-gold-button.active {
  color: #c19f54;
  border: 1px solid #c19f54;
  font-weight: bold;
}

.interests-page .grey-gold-button:hover {
  color: #e6e6e6;
}

.interests-page .grey-gold-button:hover .hvr-icon-spin {
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.interests-page .error-message {
  margin: 15px auto;
}

.homepage {
  /* Small social buttons */
}

.homepage .header {
  z-index: 1120;
}

.homepage h1 {
  margin: 0;
  margin-bottom: .5em;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 36.4px;
  font-size: 3.64rem;
  line-height: 36.4px;
}

@media (min-width: 62.4375em) {
  .homepage h1 {
    margin: 0;
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 78px;
  }
}

.homepage h2 {
  font-size: 33px;
  font-size: 3.3rem;
}

@media (min-width: 62.4375em) {
  .homepage h2 {
    font-size: 39.6px;
    font-size: 3.96rem;
  }
}

.homepage .page-basic-info-text {
  color: #FFFFFF;
  margin: 0 0 60px;
  font-size: 18px;
  font-size: 1.8rem;
  box-shadow: 0 0px 100px 71px rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.25);
}

@media (min-width: 62.4375em) {
  .homepage .page-basic-info-text {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.homepage .list {
  overflow: hidden;
  margin-top: 20px;
}

.homepage .title-discover:before,
.homepage .title-hackerspace:before {
  display: block;
  width: 70px;
  margin: 50px auto;
  border-bottom: 2px solid #272727;
  content: '';
}

@media (min-width: 75.4375em) {
  .homepage .title-discover:before,
  .homepage .title-hackerspace:before {
    margin: 70px auto 50px;
  }
}

.homepage .info-static-content {
  margin-top: 10%;
  transition: margin 0.15s ease-in;
}

@media screen and (max-height: 900px) {
  .homepage .info-static-content {
    margin-top: 0%;
  }
}

.homepage .form-holder {
  margin: 0 auto;
  overflow: hidden;
  padding: 20px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.6);
}

@media (min-width: 48.9375em) {
  .homepage .form-holder {
    width: 290px;
  }
}

.homepage .form-holder label {
  text-transform: uppercase;
  text-align: left;
  color: #676767;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 800;
  display: block;
  margin-bottom: 10px;
}

.homepage .form-holder .black-black-button {
  width: 100%;
}

.homepage .form-holder .separator {
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 800;
  margin: 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.homepage .signup-options {
  margin: 20px auto;
  overflow: hidden;
}

@media (min-width: 48.9375em) {
  .homepage .signup-options {
    width: 320px;
  }
}

.homepage .half {
  width: 48%;
  margin: 0 0 0 2px;
  float: left;
}

.homepage .sign-in-with-github-button,
.homepage .sign-in-with-twitter-button {
  width: 100%;
  margin: 0;
}

.homepage .sign-in-with-twitter-button {
  margin-top: 10px;
}

.homepage .title-hackerspace {
  color: #c19f54;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -1px;
  color: #FFFFFF;
}

.homepage .title-hackerspace:first-child:before {
  display: none;
}

.homepage .content-arrow {
  position: absolute;
  bottom: -40px;
  left: 50%;
  font-size: 32px;
  margin-left: -40px;
  text-align: center;
  padding: 20px 26px;
  width: 80px;
  height: 80px;
  background: #171717;
  border-radius: 50px;
  color: #676767;
  cursor: pointer;
}

.homepage .page-basic-info-static {
  background: url("../img/home-bg-02.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
  width: 100%;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  margin-bottom: 0;
}

@media screen and (max-height: 700px) {
  .homepage .page-basic-info-static {
    height: 700px;
    margin-bottom: 40px;
  }
}

@media screen and (min-height: 600px) {
  .homepage .page-basic-info-static {
    height: 700px;
    position: relative;
  }
}

.homepage .page-basic-info-static-gradient {
  position: absolute;
  width: 100%;
  background-image: -owg-linear-gradient(rgba(0, 0, 0, 0.7), transparent);
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), transparent);
  min-height: 481px;
}

.homepage .page-basic-info-static-content {
  width: 100%;
  position: absolute;
}

.homepage .page-basic-info-static-content .container {
  margin-top: 0;
}

.homepage .page-basic-info-static-message {
  clear: both;
  margin-top: 75px;
}

.homepage .form-signin {
  float: right;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 0 0 0 3px;
}

.homepage .form-signin button {
  margin: 0 5px;
}

.homepage .form-signin a {
  color: #676767;
}

.homepage .form-signin a:hover {
  text-decoration: underline;
}

.lt-ie9 body.homepage .page-basic-info-static {
  position: relative !important;
  height: 730px !important;
}

.lt-ie9 body.homepage .info-static-content {
  margin-top: 0;
}

.gallery-page {
  /* If fullscreen restore nav to center */
}

.gallery-page .section-tags {
  margin: 15px 0 0 0;
}

.gallery-page .tag, .gallery-page .project-item .item-link:hover .recommended-project-tag, .project-item .item-link:hover .gallery-page .recommended-project-tag, .gallery-page .section-lists .item-link:hover .recommended-project-tag, .section-lists .item-link:hover .gallery-page .recommended-project-tag, .gallery-page .project-item .list-items a:hover .recommended-project-tag, .project-item .list-items a:hover .gallery-page .recommended-project-tag, .gallery-page .list-items .project-item a:hover .recommended-project-tag, .list-items .project-item a:hover .gallery-page .recommended-project-tag, .gallery-page .section-lists .list-items a:hover .recommended-project-tag, .section-lists .list-items a:hover .gallery-page .recommended-project-tag, .gallery-page .list-items .section-lists a:hover .recommended-project-tag, .list-items .section-lists a:hover .gallery-page .recommended-project-tag {
  padding-left: 0;
}

.gallery-page .tag span, .gallery-page .project-item .item-link:hover .recommended-project-tag span, .project-item .item-link:hover .gallery-page .recommended-project-tag span, .gallery-page .section-lists .item-link:hover .recommended-project-tag span, .section-lists .item-link:hover .gallery-page .recommended-project-tag span, .gallery-page .project-item .list-items a:hover .recommended-project-tag span, .project-item .list-items a:hover .gallery-page .recommended-project-tag span, .gallery-page .list-items .project-item a:hover .recommended-project-tag span, .list-items .project-item a:hover .gallery-page .recommended-project-tag span, .gallery-page .section-lists .list-items a:hover .recommended-project-tag span, .section-lists .list-items a:hover .gallery-page .recommended-project-tag span, .gallery-page .list-items .section-lists a:hover .recommended-project-tag span, .list-items .section-lists a:hover .gallery-page .recommended-project-tag span {
  font-size: 22px;
  font-size: 2.2rem;
  vertical-align: middle;
}

.gallery-page .section-project-stats {
  margin: 0;
  text-align: left;
}

.gallery-page .content-left,
.gallery-page .content-right {
  margin-top: 20px;
}

.gallery-page .gallery-header {
  background-color: #272727;
  padding: 20px 0;
}

.gallery-page .gallery-header .container {
  margin-top: 0;
}

.gallery-page .gallery-footer {
  background-color: #272727;
  padding: 20px 0;
}

.gallery-page .gallery-footer .container {
  margin-top: 0;
}

.gallery-page .gallery-footer h2 {
  margin: 0;
}

.gallery-page .meta-wrap {
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 0.9em;
  position: fixed;
  bottom: 0;
  padding: 5px 10px;
}

.gallery-page a.caption-wrap {
  color: #676767;
}

.gallery-page a.caption-wrap:hover {
  color: #a6853c;
}

.gallery-page a.view-full-size {
  position: fixed;
  bottom: 0;
  right: 10px;
  margin: 10px;
  opacity: 0.7;
}

.gallery-page .fotorama {
  clear: both;
  overflow: visible;
}

.gallery-page .fotorama__wrap {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 75.4375em) {
  .gallery-page .fotorama__nav-wrap {
    position: absolute;
    right: -80px;
    z-index: 100;
    /* Magic number to pull the nav up inline with the gallery title */
    top: -115px;
  }
}

@media (min-width: 75.4375em) {
  .gallery-page .fotorama__nav {
    margin: 0;
  }
}

.gallery-page .fotorama--fullscreen .fotorama__nav-wrap {
  position: relative;
  top: auto;
  right: auto;
  z-index: auto;
}

.gallery-page .fotorama--fullscreen .fotorama__nav {
  margin: auto;
}

.gallery-page .fotorama .fotorama__thumb-border {
  border-color: #c19f54;
}

.gallery-page .share-links a {
  margin: 5px;
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: middle;
}

.gallery-page .headline {
  text-align: left;
  border-bottom: 0;
  margin-top: 0;
}

.gallery-page .headline h1 {
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 600px;
  color: #c19f54;
  font-size: 33px;
  font-size: 3.3rem;
}

.gallery-page .headline h1:hover {
  color: #a6853c;
}

.gallery-page .headline h1 a {
  color: #c19f54;
}

.gallery-page .headline h1 a:hover {
  color: #a6853c;
}

.gallery-page .headline:after {
  display: inline;
  width: auto;
  margin: 0;
  border-bottom: 0;
  content: '';
}

.gallery-page .description-metainfo span {
  margin: 0;
  color: #676767;
}

/***********************************************************
    Promote Hackaday Platform - home page section
************************************************************/
.had-platform {
  display: block;
  overflow: hidden;
  min-height: 640px;
}

.platform-tabs {
  margin: 20px 0;
  text-align: center;
}

.platform-tabs a {
  display: inline-block;
  padding: 0.9em 1.5em 0.8em 1.5em;
}

.platform-tab-item {
  display: block;
  overflow: hidden;
  margin: 40px 0 40px 0;
  clear: both;
  display: none;
}

@media (min-width: 48.9375em) {
  .platform-tab-item {
    margin: 80px 0 40px 0;
  }
}

#tab-3 {
  display: block;
}

.platform-img {
  position: relative;
  max-width: 100%;
}

@media (min-width: 48.9375em) {
  .platform-img {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 62.4375em) {
  .platform-img {
    width: 40.67797%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 75.4375em) {
  .platform-img {
    width: 57.62712%;
    float: left;
    margin-right: 1.69492%;
  }
}

.platform-copy {
  display: block;
  overflow: hidden;
}

@media (min-width: 48.9375em) {
  .platform-copy {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 62.4375em) {
  .platform-copy {
    width: 40.67797%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75.4375em) {
  .platform-copy {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }
}

.platform-copy h3 {
  margin-bottom: .5em;
}

.platform-copy p {
  color: #FFFFFF;
}

.platform-copy a {
  display: inline-block;
  margin-top: 20px;
}

.platform-copy .tab-back {
  padding: 1.0em 0 0.8em 0;
  width: 48px;
  height: 48px;
}

@media (min-width: 75.4375em) {
  .platform-copy .tab-back {
    margin-right: 10px;
  }
}

.platform-copy .tab-next {
  padding: 0.9em 1em 0.8em 1em;
}

@media (min-width: 75.4375em) {
  .platform-copy .tab-next {
    padding: 0.9em 1.2em 0.8em 1.2em;
  }
}

/***********************************************************
    Profile
************************************************************/
.vendor-header .header {
  background: rgba(0, 0, 0, 0.5);
}

.vendor-header .header-photo {
  width: 100%;
  height: 380px;
  background-size: cover;
  position: absolute;
  top: 0;
  z-index: -1;
}

.vendor-header .header-photo .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-image: -owg-linear-gradient(rgba(0, 0, 0, 0.4), #111111);
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), #111111);
  background-repeat: repeat-x;
  background-size: 100% 380px;
  background-position: bottom;
}

.vendor-header.project-detail .headline .container {
  background: rgba(17, 17, 17, 0.6);
  border-radius: 5px;
  padding: 30px 0;
}

body.vendor .header {
  background: rgba(0, 0, 0, 0.5);
}

body.vendor .meta-header-photo {
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
  min-height: 540px;
}

@media (min-width: 75.4375em) {
  body.vendor .meta-header-photo {
    min-height: 400px;
  }
}

body.vendor .meta-header-photo-gradient {
  position: absolute;
  top: 0;
  width: 100%;
  background-image: -owg-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6));
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6));
  min-height: 540px;
}

@media (min-width: 75.4375em) {
  body.vendor .meta-header-photo-gradient {
    min-height: 400px;
  }
}

body.vendor .headline {
  margin-top: 1em;
  position: absolute;
  width: 100%;
}

@media (min-width: 75.4375em) {
  body.vendor .headline {
    margin-top: 2em;
  }
}

body.vendor .headline .container {
  color: #FFFFFF;
}

body.vendor .headline .container h3 {
  margin: 0;
  font-weight: 300;
}

body.vendor .headline .container h2 {
  color: #FFFFFF;
  font-weight: 800;
  line-height: 5rem;
  font-size: 39px;
  font-size: 3.9rem;
}

@media (min-width: 75.4375em) {
  body.vendor .headline .container h2 {
    line-height: 7.5rem;
  }
}

body.vendor .headline .avatar {
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
}

@media (min-width: 75.4375em) {
  body.vendor .headline .avatar {
    position: absolute;
  }
}

body.vendor .headline .description {
  width: 100%;
}

@media (min-width: 75.4375em) {
  body.vendor .headline .description {
    width: 55%;
  }
}

body.vendor .headline .location {
  margin-bottom: 10px;
}

body.vendor .headline:after {
  width: 30px;
  border-bottom: none;
}

body.vendor .container .notice {
  border: none;
  font-style: italic;
  font-size: 90%;
}

body.vendor .feed-list {
  width: 100%;
}

body.vendor .feed-list li {
  background: #171717;
  padding: 10px;
}

body.vendor .feed-list .feed-meta {
  width: 30px;
  height: 30px;
}

body.vendor .feed-list .feed-meta img {
  width: 30px;
  height: 30px;
}

body.vendor .feed-list .feed-activity {
  padding: 0;
  margin-left: 40px;
}

body.vendor .findchips-results {
  margin-top: 30px;
}

body.vendor .section-findchips form {
  position: relative;
}

body.vendor .section-findchips form input {
  border-radius: 4px;
}

body.vendor .section-findchips form button {
  position: absolute;
  right: 2px;
  top: 3px;
  padding-top: 15px;
}

.new-feed {
  margin-bottom: 20px;
  color: #FFFFFF;
  /* Center embedded content */
  /* Component and content tables */
  /* Use profile and page headers */
  /* Utility */
  /* Feed container */
  /* Feed card */
  /* Feed card icon */
  /* Feed card content wrapper */
  /* Bottom like button holder */
  /* Bottom like button */
  /* Card post time */
  /* PM and Mention */
  /* Profile card location */
  /* Profile avatar */
  /* Profile identity-card */
  /*****************************
    Card preview user content
    ******************************/
  /****************************
    Page card
    ******************************/
  /*****************************
    Card cover and inline images
    ******************************/
  /* Small cards with image and associated text */
  /* Small card at bottom of content */
  /* Component item list */
  /*****************************
    Card with comments
    ******************************/
  /* Comments */
  /* More comments link */
  /* Comments */
  /*****************************
    Like and follow transitions
    ******************************/
  /*****************************
    Feed-specific modal CSS
    ******************************/
  /* Open modal link */
  /*****************************
    Beta opt in to new feed card
    ******************************/
  /*****************************
    Facebook styles (toggle)
    ******************************/
  /*****************************
    Pagination
    ******************************/
  /*****************************
    Popup card for profiles
    ******************************/
  /*****************************
    Extend icons to feed
    ******************************/
}

.new-feed strong, .new-feed em {
  font-weight: normal;
  font-style: normal;
}

@media (min-width: 75.4375em) {
  .new-feed {
    margin-bottom: 0;
  }
}

.new-feed iframe {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

.new-feed table {
  width: 100%;
}

.new-feed table.components {
  margin-bottom: 10px;
}

.new-feed table.components td {
  width: 10%;
  vertical-align: top;
}

.new-feed table.components th {
  color: #585859;
  text-transform: uppercase;
  text-align: left;
}

.new-feed tr {
  margin: 1em 0;
}

.new-feed th {
  margin: 0 0 5px 0;
  padding: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 800;
}

.new-feed td {
  padding: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
  word-break: break-word;
  border: 1px #272727 solid;
}

.new-feed td strong {
  font-weight: bold;
}

.new-feed h3 {
  margin: 0;
  padding: 10px;
  padding-right: 35px;
  font-weight: 300;
  font-size: 14px;
  font-size: 1.4rem;
  color: #EAEAEA;
  background-color: #242424;
  border-bottom: 1px solid #252525;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 8px 0px;
}

.new-feed h3 a {
  text-decoration: underline;
  color: #EAEAEA;
}

.new-feed h3 a:hover {
  color: white;
}

.new-feed h4 {
  margin: 0 0 5px 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  line-height: 2rem;
  font-weight: 400;
}

.new-feed h4 a {
  color: #c19f54;
}

.new-feed h4 a:hover {
  color: #a6853c;
}

.new-feed .hide {
  display: none;
}

.new-feed .missing {
  padding: 10px;
  color: #676767;
  background-color: #171717;
  text-align: center;
}

.new-feed .feed-holder {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 620px;
  margin: 0 auto;
}

.new-feed .feed-group {
  position: relative;
  margin-bottom: 16px;
  overflow: hidden;
}

.new-feed .feed-group-left {
  position: absolute;
  top: 10px;
  right: 10px;
}

.new-feed .feed-group-right.feed-group-item {
  overflow: auto;
  background-color: #1c1c1c;
}

.new-feed .feed-bottom {
  padding: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

.new-feed .border-top {
  margin-top: 10px;
  border-top: 1px solid #252525;
}

.new-feed .feed-like a {
  color: #EAEAEA;
  transition: none !important;
}

.new-feed .feed-group-time {
  margin-left: 45px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
  color: #676767;
}

.new-feed .mention,
.new-feed .private-message {
  padding-left: 1em;
  margin: 1em auto 1em 1em;
  border-left: 1px solid gold;
}

.new-feed .mention-message {
  width: 80%;
  margin-left: 1em;
}

.new-feed .location {
  margin-bottom: 10px;
  color: #676767;
  font-size: 13px;
  font-size: 1.3rem;
}

.new-feed .avatar {
  float: left;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 25px;
}

.new-feed .identity-card {
  padding: 0;
}

.new-feed .object-content {
  padding: 10px;
  *zoom: 1;
}

.new-feed .object-content:before, .new-feed .object-content:after {
  display: table;
  content: "";
}

.new-feed .object-content:after {
  clear: both;
}

@media (min-width: 75.4375em) {
  .new-feed .object-content {
    padding: 20px 30px;
  }
}

.new-feed .object-content p {
  margin: 0 0 .5em 0;
  font-size: 15px;
  font-size: 1.5rem;
}

.new-feed .object-content ul {
  list-style-type: disc;
}

.new-feed .object-content img {
  max-width: 100%;
  display: block;
  margin: 1em auto;
}

.new-feed .object-content pre,
.new-feed .object-content code {
  padding: 10px;
  background: #000000;
  color: #999999;
  border-radius: 3px;
}

.new-feed .object-content blockquote {
  letter-spacing: normal;
  font-style: italic;
  border-left: 2px solid #c19f54;
  padding-left: 20px;
  margin-left: 0;
  margin-top: 20px;
  padding-bottom: 3px;
}

.new-feed .object-content .more {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 7px 15px;
  background-color: #1c1c1c;
  border: 1px solid #2e2e2e;
  border-radius: 3px;
  text-align: center;
  color: #676767;
  font-size: 15px;
  font-size: 1.5rem;
}

.new-feed .object-content .more:hover {
  color: #c19f54;
  border-color: #c19f54;
}

.new-feed .object-content .more span {
  pointer-events: none;
  font-size: 14px;
  font-size: 1.4rem;
}

.new-feed .object-content .message-content-container {
  padding: .7em .5em;
  border: 1px solid #272727;
  background-color: #272727;
  border-radius: 4px;
}

.new-feed .object-content .message-content-container .message-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

.new-feed .object-content .message-content-container .message-header .name {
  margin-right: auto;
  font-size: 12px;
  font-size: 1.2rem;
}

.new-feed .object-content .message-content-container .message-header .time {
  margin-left: auto;
  font-size: 11px;
  font-size: 1.1rem;
  color: #676767;
}

.new-feed .object-content .message-content-container .message-content p {
  padding: 0;
  margin: 0;
}

.new-feed .page-card {
  margin-bottom: 40px;
}

.new-feed .page-card img {
  max-width: 100%;
}

.new-feed .page-card .like-follow {
  text-align: center;
}

.new-feed .page-card .more {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 7px 15px;
  background: #1D1D1F;
  border: 1px solid #2e2e2e;
  border-radius: 3px;
  text-align: center;
  color: #676767;
  font-size: 15px;
  font-size: 1.5rem;
}

.new-feed .page-card .more:hover {
  color: #c19f54;
  border-color: #c19f54;
}

.new-feed .page-card .more span {
  pointer-events: none;
  font-size: 14px;
  font-size: 1.4rem;
}

.new-feed .cover-padding {
  padding: 20px 30px;
}

.new-feed .cover-padding p {
  margin: 0 0 .5em 0;
}

.new-feed .cover {
  height: 250px;
  width: 100%;
  margin-bottom: 10px;
  background-color: #222;
  background-image: url(../img/placeholder.png);
  background-size: cover;
  background-position: center center;
}

.new-feed .object-images {
  display: block;
  padding: 10px;
  overflow: hidden;
  /* Card image */
  /* Card details */
  /* Cover image version of project details */
}

@media (min-width: 75.4375em) {
  .new-feed .object-images {
    padding: 20px 30px;
  }
}

.new-feed .object-images .object-image {
  float: left;
  width: 75px;
  height: 75px;
  background-image: url(../img/placeholder.png);
  background-size: cover;
  background-position: center center;
}

.new-feed .object-images .object-images-details {
  padding: 0 15px;
  margin-left: 90px;
}

.new-feed .object-images .object-images-details h4 {
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.new-feed .object-images .object-images-details p {
  margin: 5px 0;
  font-size: 15px;
  font-size: 1.5rem;
}

.new-feed .object-images .object-images-details ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.new-feed .object-images .object-images-details small {
  font-size: 13px;
  font-size: 1.3rem;
  color: #676767;
}

.new-feed .object-images .object-images-details small a {
  color: #676767;
}

.new-feed .object-images .object-images-details small a:hover {
  color: gray;
}

.new-feed .object-images.project-cover .object-image {
  width: 100%;
  min-height: 250px;
  margin-bottom: 10px;
}

.new-feed .object-images.project-cover .object-images-details {
  margin-left: 0;
  padding: 0;
  text-align: center;
}

.new-feed .object-images.project-cover .object-images-details h4 {
  font-size: 20px;
  font-size: 2rem;
}

.new-feed .object-images.project-cover .object-images-details p {
  text-align: left;
}

.new-feed .object-images.project-cover .object-images-details p.summary {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}

.new-feed .object-images.project-cover .object-images-details .like-follow a {
  margin: 0 3px;
}

.new-feed .object-images.follow {
  display: block;
  width: 100%;
}

.new-feed .object-images.object-badge .object-images-details {
  margin-left: 0;
  margin-top: 12px;
}

.new-feed .object-images.object-badge .object-images-details h4 {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
}

.new-feed .object-images.object-badge .object-image {
  float: none;
  width: 75px;
  height: 75px;
  margin: 0 auto;
}

.new-feed .object-list {
  padding: 10px 0;
}

@media (min-width: 75.4375em) {
  .new-feed .object-list {
    padding: 20px 30px;
  }
}

@media (min-width: 75.4375em) {
  .new-feed .object-list .object-images {
    padding: 0 0 15px 0;
  }
}

.new-feed .object-images-bottom {
  font-size: 13px;
  font-size: 1.3rem;
  color: #EAEAEA;
  border-top: 1px solid #1F1F1F;
  background-color: #1a1a1a;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0px 6px 8px 0px;
}

.new-feed .object-images-bottom .object-image {
  width: 75px;
  height: 75px;
}

.new-feed .object-images-bottom .object-images-details {
  margin-left: 90px;
}

.new-feed .object-images-bottom .object-images-details small {
  color: #676767;
}

.new-feed .object-images-bottom .object-images-details small a {
  color: #676767;
}

.new-feed .object-images-bottom .object-images-details small a:hover {
  color: gray;
}

.new-feed .object-images-bottom .object-images-details .summary {
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
}

.new-feed .object-images-bottom .author-details {
  font-size: 14px;
  font-size: 1.4rem;
}

.new-feed .author-details {
  margin-bottom: 6px;
}

.new-feed .component-content,
.new-feed .component-number {
  font-size: 16px;
  font-size: 1.6rem;
  color: #FFFFFF;
  border: none;
}

.new-feed .component-content {
  width: 80% !important;
}

.new-feed .component-content span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #676767;
}

.new-feed .component {
  border: none;
  color: #676767;
}

.new-feed span .component {
  margin: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.new-feed .comment-section {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 10px;
  border-top: 1px solid #1F1F1F;
  background-color: #1a1a1a;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0px 6px 8px 0px;
}

@media (min-width: 75.4375em) {
  .new-feed .comment-section {
    padding: 20px 30px;
  }
}

.new-feed .comments-below-more, .new-feed .comments-above-more, .new-feed .comments-reply-more {
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
}

.new-feed .comments-below-more a, .new-feed .comments-above-more a, .new-feed .comments-reply-more a {
  color: #c19f54;
}

.new-feed .comments-below-more a:hover, .new-feed .comments-above-more a:hover, .new-feed .comments-reply-more a:hover {
  color: #a6853c;
}

.new-feed .comments-below-more span, .new-feed .comments-above-more span, .new-feed .comments-reply-more span {
  font-size: 10px;
  font-size: 1rem;
}

.new-feed .comment-group p img {
  max-width: 100%;
}

.new-feed .comment-group .message {
  /* take out when complete migrate to feed */
  padding: 0 0 12px 0;
  text-align: inherit;
}

.new-feed .comment-group .message p {
  white-space: pre-wrap;
  /* take out when complete migrate to feed */
  margin: 0;
}

.new-feed .comment-group .message .message-header,
.new-feed .comment-group .message .comment-toolbar {
  font-size: 12px;
  font-size: 1.2rem;
  color: #676767;
}

.new-feed .comment-group .message .message-header.deleted {
  font-style: italic;
}

.new-feed .comment-group .message .message-header a {
  text-decoration: none;
  color: #c19f54;
}

.new-feed .comment-group .message .message-header a:hover {
  color: #a6853c;
}

.new-feed .comment-group .message .comment-content,
.new-feed .comment-group .message .comment-toolbar {
  margin-left: 45px;
}

.new-feed .comment-group .message .comment-content.deleted {
  font-style: italic;
}

.new-feed .comment-group .message .comment-error {
  margin-left: 45px;
  width: initial;
  text-align: center;
}

.new-feed .comment-group .message.highlight {
  padding-top: 8px;
  background-image: -owg-linear-gradient(-180deg, rgba(25, 25, 25, 0) 50%, #191919 100%), -owg-linear-gradient(90deg, #191919 0%, #272727 50%, #191919 100%);
  background-image: linear-gradient(-180deg, rgba(25, 25, 25, 0) 50%, #191919 100%), linear-gradient(90deg, #191919 0%, #272727 50%, #191919 100%);
}

@media (min-width: 48.9375em) {
  .new-feed .comment-group .comment-box-base .comment-box-container {
    margin-left: 45px;
  }
}

.new-feed .comment-group .comment-box {
  overflow: hidden;
  margin-bottom: 20px;
}

@media (min-width: 48.9375em) {
  .new-feed .comment-group .comment-box .comment-post {
    margin-left: 45px;
  }
}

.new-feed .comment-group .comment-box .comment-box-container {
  position: relative;
  margin-bottom: 10px;
}

.new-feed .comment-group .comment-box .comment-text {
  padding: 10px;
  margin-bottom: 5px;
  border: 1px solid #222;
  line-height: 1.4;
  color: #FFFFFF;
  font-size: 14px;
  font-size: 1.4rem;
  resize: none;
  box-sizing: border-box;
}

.new-feed .comment-group .comment-box .comment-text:hover {
  border: 1px solid #666;
}

.new-feed .comment-group .comment-box .comment-text:focus {
  outline: none;
  border: 1px solid #aaa;
}

.new-feed .comment-group .comment-box .avatar {
  display: none;
}

@media (min-width: 48.9375em) {
  .new-feed .comment-group .comment-box .avatar {
    display: block;
  }
}

.new-feed .comment-group .comment-box input[type=button] {
  padding: 5px 12px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  color: #676767;
  background-image: linear-gradient(-180deg, #272727 0%, #171717 100%);
  border: 1px solid #3A3A3A;
  border-radius: 2px;
}

.new-feed .comment-group .comment-box input[type=button]:hover {
  color: #000000;
  background-image: linear-gradient(-180deg, #c19f54 0%, #a6853c 100%);
  border: 1px solid #c19f54;
}

.new-feed .comment-group .comment-box-reply,
.new-feed .comment-group .comment-box-edit {
  margin-left: 45px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #222;
  border-top: 1px solid #272727;
}

.new-feed .comment-group .comment-box-reply .comment-hint,
.new-feed .comment-group .comment-box-edit .comment-hint {
  display: block;
}

@media (min-width: 48.9375em) {
  .new-feed .comment-group .comment-box-reply .comment-hint,
  .new-feed .comment-group .comment-box-edit .comment-hint {
    display: inline;
  }
}

.new-feed .comment-toolbar {
  color: #676767;
}

.new-feed .comment-toolbar a {
  text-decoration: none;
  color: #676767;
}

.new-feed .comment-toolbar a:hover {
  color: #ccc;
}

.new-feed .comment-hint {
  color: #676767;
  font-size: 12px;
  font-size: 1.2rem;
}

.new-feed .like-follow {
  display: block;
  padding: 5px 0;
  font-weight: normal;
}

.new-feed .like-follow a {
  display: inline-block;
  width: 85px;
  margin: 5px;
  padding: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  color: #000000;
  background-image: linear-gradient(-180deg, #c19f54 0%, #a6853c 100%);
  border: 1px solid #c19f54;
  border-radius: 2px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)";
  filter: alpha(opacity=100);
  transition: all 0.2s ease-in;
}

.new-feed .like-follow a.followed, .new-feed .like-follow a.liked {
  cursor: default;
  color: #676767;
  background-image: linear-gradient(-180deg, #272727 0%, #171717 100%);
  border: 1px solid #3A3A3A;
}

@media (min-width: 48.9375em) {
  .new-feed .like-follow a {
    margin: 0 5px 0 0;
  }
}

.new-feed .modal-content-holder {
  height: 85%;
  max-height: 800px;
  width: 90%;
  top: 3em;
  background-color: #1D1D1F;
}

@media (min-width: 75.4375em) {
  .new-feed .modal-content-holder {
    width: 41em;
  }
}

.new-feed .modal-content-holder .icon-close-test {
  text-align: right;
}

.new-feed .modal-content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 95%;
}

.new-feed .show-more {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

@media (min-width: 62.4375em) {
  .new-feed .show-more {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
  }
}

.new-feed .j-close-modal {
  cursor: pointer;
}

.new-feed .j-show-more-link {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 7px 15px;
  background: #1c1c1c;
  border: 1px solid #2e2e2e;
  border-radius: 3px;
  text-align: center;
  color: #676767;
  font-size: 15px;
  font-size: 1.5rem;
}

.new-feed .j-show-more-link:hover {
  color: #c19f54;
  border-color: #c19f54;
}

.new-feed .beta .submissions-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  font-size: 28px;
  font-size: 2.8rem;
  color: #676767;
}

.new-feed .beta .submissions-close:hover {
  color: gray;
}

.new-feed .beta .feed-group-item {
  padding-right: 40px;
  background-image: url(../img/bg-card-beta.png);
  background-size: contain;
}

.new-feed .beta .object-image {
  float: none;
  text-align: center;
  margin-bottom: 10px;
}

@media (min-width: 48.9375em) {
  .new-feed .beta .object-image {
    float: left;
  }
}

.new-feed .beta .object-images {
  padding: 0 10px;
}

@media (min-width: 62.4375em) {
  .new-feed .beta .object-images {
    padding: 0 20px 20px 30px;
  }
}

.new-feed .beta .object-images-details {
  margin-left: 0;
}

@media (min-width: 48.9375em) {
  .new-feed .beta .object-images-details {
    margin-left: 100px;
  }
}

@media (min-width: 75.4375em) {
  .new-feed .beta .object-images-details {
    margin-left: 125px;
  }
}

.new-feed .beta .object-images-details p {
  margin: 1em 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.new-feed .beta img {
  background-image: none;
}

.new-feed .beta h3 {
  padding-bottom: 0;
  border-bottom-width: 0;
  background-color: transparent;
}

.new-feed .beta h4 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #c19f54;
  line-height: 28px;
}

.new-feed .beta .ga-old {
  color: #676767;
  font-size: 12px;
  font-size: 1.2rem;
}

.new-feed .fb {
  background-color: #e9eaed;
}

.new-feed .fb a {
  color: #3b5998;
}

.new-feed .fb .feed-group-right .feed-group-item {
  background-color: #FFFFFF;
}

.new-feed .fb h3 {
  border-bottom: 1px solid #e5e5e5;
}

.new-feed .fb .feed-group {
  box-shadow: #ccc 0px 0px 1px 0px;
}

.new-feed .fb .comment-group ul,
.new-feed .fb .comment-group li.comment-box {
  width: 620px;
  margin-left: -10px;
  padding: 10px;
  background-color: #f6f7f8;
  border-top: none;
}

.new-feed .fb .comment-box textarea {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #ccc;
}

.new-feed .fb .comment-group h3 {
  margin-bottom: 0;
  border-bottom: none;
}

.new-feed .fb .border-top {
  border-top: 1px solid #e5e5e5;
}

.new-feed .pagination {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: visible;
}

.new-feed .pagination li {
  display: inline-block;
  padding: 0 1em;
}

.new-feed .pagination .page-button {
  float: none;
  width: auto;
  display: block;
  margin-right: 5px;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  color: #000000;
  border: 1px solid #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 0.8em 1.5em 0.7em 1.5em;
  text-align: center;
  white-space: nowrap;
}

.new-feed .pagination .page-button:hover, .new-feed .pagination .page-button:focus {
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #c8aa67;
  color: black;
}

.new-feed .pagination .page-button:visited {
  color: #000000;
}

.new-feed .pagination .page-button:hover, .new-feed .pagination .page-button:focus {
  text-decoration: none;
}

.new-feed .pagination .page-button:active {
  outline: 0;
}

.new-feed .pagination .page-button.disable {
  float: none;
  width: auto;
  margin-right: 5px;
  color: #4D4D4D;
  pointer-events: none;
  cursor: default;
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 12px;
  padding: 0.8em 1.5em 0.7em 1.5em;
  text-align: center;
}

.new-feed .pagination .page-button span {
  font-size: 12px;
  font-size: 1.2rem;
  pointer-events: none;
}

.new-feed .popup-card {
  display: none;
  position: absolute;
  width: 400px;
}

.new-feed .popup-card-content {
  background: #b7b7b7;
  border-color: #ededed #c9c9c9 #a4a4a4;
  border-style: solid;
  border-width: 1px;
  max-width: 300px;
  padding: 15px 15px;
  outline: 0;
  display: block;
  position: absolute;
  visibility: visible;
  z-index: 10010;
  min-width: 400px;
  padding: 0px;
  width: 400px;
  min-height: 100px;
  border: 1px solid;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 0px 0px;
}

.new-feed .popup-card-content .popup-card-body {
  min-height: 100px;
}

.new-feed .popup-card-content .popup-card-photo {
  float: left;
  margin: 0;
  margin-right: 15px;
}

.new-feed .popup-card-content p {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.new-feed .popup-card-content .popup-card-name {
  margin: 0;
  padding: 15px 0 3px 0;
}

.new-feed .popup-card-content .popup-card-name a {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  color: #000000;
  text-decoration: none;
}

.new-feed .popup-card-content .popup-card-name a:hover {
  text-decoration: none;
  color: #c19f54;
  cursor: pointer;
}

.new-feed .popup-card-content .popup-card-projects, .new-feed .popup-card-content .popup-card-followers {
  display: inline-block;
  margin-right: 10px;
}

.new-feed .popup-card-content .popup-card-location, .new-feed .popup-card-content .popup-card-summary {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.new-feed .popup-card-content .popup-card-actions a {
  margin: 5px 7px 0 0;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  font-weight: normal;
  box-sizing: border-box;
  padding: 0 15px;
  border: 1px solid #c19f54;
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}

.new-feed .popup-card-content .popup-card-connections li {
  overflow: initial;
  display: inline-block;
}

.new-feed .feed-icon {
  color: #676767;
  pointer-events: none;
  font-size: 22px;
  font-size: 2.2rem;
  /* default for new */
}

.new-feed .files {
  width: 100%;
}

.new-feed .files thead th {
  color: #585859;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: left;
  vertical-align: top;
}

.new-feed .files td {
  padding: 0.5em;
  color: #FFFFFF;
  border-width: 0 !important;
  line-height: 14px;
  text-align: left;
}

.new-feed .files .file-type {
  width: 15%;
  text-align: center;
  vertical-align: top;
}

.new-feed .files .file-type a {
  display: inline-block;
  color: #4D4D4D;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
}

.new-feed .files .file-type a .file-button-description {
  display: none;
}

@media (min-width: 48.9375em) {
  .new-feed .files .file-type a .file-button-description {
    display: block;
  }
}

.new-feed .files .file-details div {
  margin-bottom: 4px;
  font-size: 16px;
  font-size: 1.6rem;
}

.new-feed .files .file-details div a {
  color: #FFFFFF;
}

.new-feed .files .file-details div a:hover {
  color: #c19f54;
}

.new-feed .files .file-details span {
  color: #b3b3b3;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
}

.new-feed .files .file-details p {
  margin-top: 5px;
  color: #666666;
  font-size: 12px;
  font-size: 1.2rem;
}

.new-feed .files .file-preview-holder iframe {
  width: 100%;
  border: none;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

/*****************************
Feed loader
******************************/
#feed-loader .loading-bar {
  display: inline-block;
  height: 20px;
  width: 60%;
  background: linear-gradient(270deg, #222, #272727, #222);
  background-size: 300% 100%;
  -webkit-animation: AnimationName 4s ease infinite;
  animation: AnimationName 4s ease infinite;
}

#feed-loader .loading-bar.small {
  width: 40%;
  height: 15px;
}

#feed-loader .loading-bar.cover {
  width: 100%;
  height: 260px;
}

#feed-loader .reload-feed {
  display: none;
}

#feed-loader .reload-feed div {
  margin-top: 60px;
  margin-bottom: 30px;
  text-align: center;
}

.recommendations-people {
  margin: 0 0 16px 0;
  overflow: hidden;
  display: none;
}

.recommendations-people.visibility {
  display: none;
}

@media (min-width: 75.4375em) {
  .recommendations-people.visibility {
    display: block;
  }
}

.recommendations-people .slider-holder {
  max-width: 620px;
  margin: 0 auto;
  padding: 0 0 10px 0;
  background: #1a1a1a;
  overflow: hidden;
}

.recommendations-people .slider {
  width: 536px;
  overflow: hidden;
  float: left;
}

.recommendations-people .slider ul {
  width: 1620px;
  margin: 0;
  padding: 0 0 0 8px;
  overflow: hidden;
}

.recommendations-people .slider ul li {
  float: left;
  width: 130px;
  overflow: hidden;
  margin: 0 4px 0 0;
  font-size: 12px;
  padding: 10px 15px 0;
  text-align: center;
}

.recommendations-people .slider ul li img {
  width: 100px;
  height: 100px;
  box-shadow: 0 0 5px #171717;
}

.recommendations-people .control {
  width: 28px;
  height: 194px;
  float: left;
}

.recommendations-people .control a {
  line-height: 194px;
  width: 30px;
  text-align: center;
  display: block;
  color: #FFFFFF;
  font-weight: bold;
}

.recommendations-people .control.control-left {
  margin-right: 4px;
}

.recommendations-people .control.control-right {
  margin-left: 3px;
  float: right;
}

.recommendations-people .screen-name {
  font-size: 16px;
  color: #c19f54;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  height: 18px;
}

.recommendations-people .location {
  width: 130px;
  margin-left: -15px;
  padding: 0 3px;
  height: 18px;
  overflow: hidden;
}

.recommended-project {
  margin-top: .5em;
  margin-bottom: 2em;
  *zoom: 1;
}

.recommended-project:before, .recommended-project:after {
  display: table;
  content: "";
}

.recommended-project:after {
  clear: both;
}

.recommended-project h3 {
  margin-bottom: .2em;
  font-size: 18px;
  line-height: 19px;
}

.recommended-project .followed {
  cursor: default;
  color: #676767;
  background-image: linear-gradient(-180deg, #272727 0%, #171717 100%);
  border: 1px solid #3A3A3A;
}

.recommended-project-image {
  float: left;
  margin-right: 10px;
}

.recommended-project-image a {
  display: block;
}

.recommended-project-image .button-gold-full-tinny {
  padding-left: 0;
  padding-right: 0;
}

.recommended-project-body {
  margin-left: 80px;
}

.recommended-project-summary {
  margin-top: .3em;
  margin-bottom: .7em;
  font-size: 14px;
  line-height: 16px;
  color: #676767;
}

.recommended-project-summary a {
  color: #676767;
  text-decoration: underline;
}

.recommended-project-summary a:hover {
  color: #4D4D4D;
  text-decoration: none;
}

.recommended-project-similar {
  margin-top: .1;
  margin-bottom: .3em;
  font-size: 10px;
  line-height: 12px;
  color: #676767;
}

.recommended-project-similar a {
  color: #676767;
  text-decoration: underline;
}

.recommended-project-similar a:hover {
  color: #4D4D4D;
  text-decoration: none;
}

/*doc
---
title: Identity Card
name: identitycard
category: modules
---

Identity card

```html_example
<div class="headline">
    <span class="gray-link">
        <span class="identity-card">
            <a href="#"><img src="http://cdn.qa.hackaday.io/qa/images/resize/24x24/8072101435182659088.png">a tester</a>
        </span>
    </span>
</div>
```

*/
.identity-card {
  display: inline-block;
  padding: 5px 0;
}

.identity-card img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-top: -2px;
  border-radius: 50%;
  background-color: #000000;
  vertical-align: middle;
}

#identity-card {
  position: absolute;
  width: 320px;
  padding: 18px 35px 18px 15px;
  background-color: #272727;
  font-size: 14px;
  font-size: 1.4rem;
  z-index: 1100;
}

#identity-card h3 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0px;
  margin-left: 40px;
}

#identity-card h3 a {
  cursor: pointer;
}

#identity-card img {
  float: left;
  width: 75px;
  height: 75px;
  margin-top: -35px;
  margin-left: -45px;
  border-radius: 50%;
  border: 3px solid #272727;
  background-color: #000000;
}

#identity-card p {
  margin: 0;
  margin-left: 40px;
  padding-bottom: 10px;
  color: #FFFFFF;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
}

#identity-card .stats {
  padding-bottom: 15px;
  margin-left: 40px;
}

#identity-card .stats .col {
  display: block;
  float: left;
  padding-right: 15px;
  margin-right: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  border-right: 1px solid #676767;
}

#identity-card .stats .col:nth-child(2) {
  border-width: 0;
}

#identity-card .stats .col small {
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  color: #FFFFFF;
}

.project-header-menu {
  position: relative;
  padding: 35px 0;
  margin-bottom: 50px;
  overflow: hidden;
  text-align: center;
}

.project-header-menu h1 {
  margin: 0;
  color: #FFFFFF;
  font-size: 24px;
  font-size: 2.4rem;
}

@media (min-width: 75.4375em) {
  .project-header-menu h1 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}

.project-header-menu .container {
  margin: 0 auto;
}

@media (min-width: 75.4375em) {
  .project-header-menu .container {
    width: 100%;
  }
}

.project-header-menu .project-menu-holder {
  margin: 30px 0;
  background-color: #272727;
}

.project-header-menu .project-menu {
  background: none;
  border: none;
  clear: both;
}

.project-header-menu .project-menu li {
  min-height: 62px;
  padding-top: 1.2em;
  padding-left: .2em;
  padding-right: .2em;
  font-size: 16px;
  font-size: 1.6rem;
  color: #676767;
}

.project-header-menu .project-menu li span {
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: super;
}

.project-header-menu .project-menu li a {
  display: inline-block;
  padding-bottom: 1.2em;
  text-shadow: 0px 1px 0px #272727;
  outline: none;
  color: #FFFFFF;
  border-bottom-color: #c19f54;
}

.project-header-menu .project-menu li.active a {
  border-bottom: 2px solid #c19f54;
}

.project-header-menu .project-details {
  color: #FFFFFF;
}

.project-header-menu .project-details h1 a {
  color: #FFFFFF;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 1.2;
}

.project-header-menu .description-metainfo {
  display: inline-block;
  color: #FFFFFF;
}

.project-header-menu .description-metainfo a {
  color: #FFFFFF;
}

.project-header-menu .description-metainfo span {
  margin: 0;
}

.sub-menu {
  overflow: hidden;
}

.sub-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sub-menu ul li {
  display: inline-block;
}

.sub-menu a {
  text-transform: uppercase;
  font-weight: 400;
  display: inline-block;
  margin-right: 20px;
  padding-bottom: 10px;
}

.sub-menu a.active {
  border-bottom: 2px solid #c19f54;
}

.sub-menu .archive {
  font-size: 14px;
}

.pages .headline {
  margin-top: 0;
}

.bom-preview td {
  border: 1px solid #ccc;
  font-size: 12px;
}

/***********************************************************
    Meetups
************************************************************/
.meetup-world-create {
  background-image: url(../images/6952181491251657338.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.meetup-world-create #map-canvas {
  height: 300px;
}

@media (min-width: 62.4375em) {
  .meetup-world-create #map-canvas {
    height: 600px;
  }
}

.meetup-world-create .header {
  background-color: #171717;
}

.meetup-world-create .headline p {
  margin-bottom: 2em;
  font-size: 26px;
  font-size: 2.6rem;
  color: #ebeae4;
  text-shadow: 0px 5px 10px false rgba(18, 18, 18, 0.5);
}

@media (min-width: 48.9375em) {
  .meetup-world-create .headline p {
    margin-bottom: 1em;
  }
}

@media (min-width: 62.4375em) {
  .meetup-world-create .headline p {
    margin-bottom: 1em;
  }
}

.meetup-world-create-headline {
  width: 80%;
  margin: 1em auto 0;
}

@media (min-width: 48.9375em) {
  .meetup-world-create-headline {
    width: 65%;
    margin: 2em auto 0;
  }
}

@media (min-width: 62.4375em) {
  .meetup-world-create-headline {
    width: 50%;
    margin: 3em auto 0;
  }
}

.meetup-world-create-foreground {
  background-image: linear-gradient(rgba(18, 18, 18, 0), #121212), url(../images/425331460413486400.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 10em;
}

@media (min-width: 48.9375em) {
  .meetup-world-create-foreground {
    background-position: center 8em;
  }
}

.drone {
  position: absolute;
  width: 125px;
  height: 47px;
  top: 260px;
  right: 30px;
  z-index: -2;
  background-image: url(../img/meetups/drone-tri.png);
  background-size: 100%;
  -webkit-animation-name: drone;
          animation-name: drone;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@media (min-width: 62.4375em) {
  .drone {
    top: 400px;
    right: 200px;
    width: 350px;
    height: 132px;
  }
}

@-webkit-keyframes drone {
  0% {
  }
  50% {
    -webkit-transform: translate(-10px, 25px) rotate(5deg);
            transform: translate(-10px, 25px) rotate(5deg);
  }
  100% {
  }
}

@keyframes drone {
  0% {
  }
  50% {
    -webkit-transform: translate(-10px, 25px) rotate(5deg);
            transform: translate(-10px, 25px) rotate(5deg);
  }
  100% {
  }
}

/*
    Help classes
---------------------------------------------------*/
/*******************************************************
	Utility classes
 *******************************************************/
/*
    Quick floats
*/
.pull-right {
  float: none;
}

@media (min-width: 75.4375em) {
  .pull-right {
    float: right;
  }
}

.pull-left {
  float: none;
}

@media (min-width: 75.4375em) {
  .pull-left {
    float: left;
  }
}

.right {
  float: none;
}

@media (min-width: 62.4375em) {
  .right {
    float: right;
  }
}

.left {
  float: none;
}

@media (min-width: 62.4375em) {
  .left {
    float: left;
  }
}

/*
    Quick center
*/
.pull-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 728px;
}

/*
    Toggling content
*/
.hide {
  display: none;
}

.show {
  display: block;
}

/*
    Visibility
*/
.invisible {
  visibility: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

/*
    Image replacement
*/
.hide-text {
  text-indent: -50em;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}

/*
    Datepicker
 */
.ui-datepicker {
  font-size: 0.9em !important;
  width: auto !important;
  padding: 10px 10px 5px !important;
}

.ui-datepicker .ui_tpicker_timezone select {
  border: 1px solid #ccc;
  background: #adadad url("images/ui-bg_highlight-soft_35_adadad_1x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #272727;
  font-family: Verdana,Arial,sans-serif;
  font-size: 0.9em;
  border-radius: 5px;
}

.ui-timepicker-div {
  min-width: 300px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 30% !important;
}

.ui-datepicker .ui_tpicker_timezone select {
  max-width: 210px;
}

.ui_tpicker_unit_hide {
  display: none;
}

/*
    Cursor
*/
.pointer {
  cursor: pointer;
}

/*
    Angular
*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

/*
    Center
*/
.text-center,
.center {
  text-align: center;
}

/*
    Hackat
---------------------------------------------------*/
.chat-app span.emoji {
  display: inline-block;
  overflow: hidden;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-align: left;
}

.chat-app .emoji-sizer,
.chat-app .no_jumbomoji .emoji-sizer.emoji-only,
.chat-app .no_jumbomoji.emoji-sizer.emoji-only {
  line-height: 1.125em;
  font-size: 1.375em;
  vertical-align: middle;
  margin-top: -4px;
}

.chat-app span.emoji-outer {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  width: 1em;
}

.chat-app a span.emoji-outer:not(:empty), .chat-app a:hover span.emoji-outer:not(:empty), .chat-app span.emoji-outer:not(:empty), .chat-app span.emoji:not(:empty) {
  color: transparent !important;
  text-indent: 100%;
  text-shadow: none;
}

.chat-app .emoji-only {
  line-height: 2em;
  font-size: 2em;
  margin-top: 2px;
}

.chat-app br + .emoji-only,
.chat-app br + .emoji-only ~ .emoji-only {
  margin-top: 0 !important;
}

.chat-app img.emoji {
  width: 1em;
  height: 1em;
}

/***********************************************************
    Modal
************************************************************/
/*

HOW TO USE HTML:

<div class="hackat-modal-background"></div>

<div class="modal">

    <div class="modal-header">
        Content
    </div>

    <div class="modal-content">
        Content
    </div>

    <div class="modal-footer">
        Content
    </div>

</div>

*/
.chat-app .hackat-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1100;
}

.chat-app .modal {
  position: fixed;
  top: 60px;
  left: 50%;
  width: 90%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #000000;
  z-index: 1110;
  border-radius: 3px;
  box-shadow: 0 0 3px #999999;
  -webkit-transition: all ease-out;
  -webkit-transition-delay: 0.2s;
  transition: all ease-out 0.2s;
}

@media (min-width: 48.9375em) {
  .chat-app .modal {
    top: 50%;
    width: 65%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media (min-width: 62.4375em) {
  .chat-app .modal {
    width: 500px;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .modal.modal-dialog-large {
    width: 600px;
  }
}

.chat-app .modal .modal-close {
  position: absolute;
  z-index: 2;
}

.chat-app .modal-header {
  width: 100%;
  padding: 15px 30px 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.chat-app .modal-header h4 {
  margin: 0;
  font-weight: 700;
}

.chat-app .modal-header span {
  color: #5094d5;
}

.chat-app .modal-header p {
  margin: 0;
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .hackat-modal-content {
  overflow-y: scroll;
  max-height: 400px;
}

.chat-app .modal-footer {
  width: 100%;
  padding: 0 15px 25px;
  *zoom: 1;
  margin: 0;
}

.chat-app .modal-footer:before, .chat-app .modal-footer:after {
  display: table;
  content: "";
}

.chat-app .modal-footer:after {
  clear: both;
}

.chat-app .modal-footer .button-grey-gold {
  margin: 0 0 0 20px;
}

.chat-app .skip-link {
  margin: 10px;
  color: #4D4D4D;
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .modal-full-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1100;
}

.chat-app .modal-full-content {
  position: fixed;
  top: 0%;
  left: 50%;
  width: 90%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  display: block;
  margin: 0 auto;
  background: #FFFFFF;
  padding: 30px;
  z-index: 1110;
  max-height: 100%;
  overflow: scroll;
}

@media (min-width: 48.9375em) {
  .chat-app .modal-full-content {
    width: 70%;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .modal-full-content {
    width: 60%;
  }
}

/***********************************************************
    Upload Progress
************************************************************/
.chat-app .progress-holder {
  background: rgba(10, 10, 10, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.chat-app .progress-holder .progress {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #272727;
  width: 60%;
  height: 3px;
  border-radius: 2px;
}

.chat-app .progress-holder .progress-number {
  background: #c19f54;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 3px 5px;
  font-size: 8px;
  font-size: 0.8rem;
  color: #FFFFFF;
  border-radius: 20px;
}

.edit-holder .chat-app .progress-holder .progress-number {
  display: none;
}

.chat-app .progress-holder .progress-item {
  width: 0%;
  background: #c19f54;
  height: 5px;
  margin-top: -1px;
  border-radius: 2px;
}

/***********************************************************
    Tooltip
************************************************************/
.chat-app .popover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 1034;
  display: none;
  max-width: 200px;
  background-color: #272727;
  border: 1px solid #272727;
}

@media (min-width: 48.9375em) {
  .chat-app .popover {
    min-width: 200px;
    max-width: none;
  }
}

.chat-app .popover.popover-hidden {
  opacity: 0;
}

.chat-app .popover.right {
  margin-left: 10px;
}

.chat-app .popover.right .arrow {
  top: 50%;
  left: -6px;
  margin-top: -6px;
  border-right-color: #272727;
  border-left-width: 0;
}

.chat-app .popover.right .arrow:after {
  content: " ";
  bottom: -6px;
  left: 1px;
  border-right-color: #272727;
  border-left-width: 0;
}

.chat-app .popover.left {
  margin-left: -10px;
}

.chat-app .popover.left .arrow {
  top: 50%;
  right: -6px;
  margin-top: -6px;
  border-left-color: #272727;
  border-right-width: 0;
}

.chat-app .popover.left .arrow:after {
  content: " ";
  right: 1px;
  bottom: -6px;
  border-left-color: #272727;
  border-right-width: 0;
}

.chat-app .popover .arrow {
  border-width: 6px;
}

.chat-app .popover .arrow:after {
  content: "";
  border-width: 6px;
}

.chat-app .popover .arrow,
.chat-app .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.chat-app .popover button.icon-close, .chat-app .popover button.icon-close-test, .chat-app .popover button.modal-close-icon, .chat-app .popover button.modal-close, .chat-app .popover button.submissions-close, .chat-app .popover button.input-username-unavailable, .chat-app .popover button.alert-close {
  position: absolute;
  top: 7px;
  right: 5px;
  background: none;
  border: none;
  font-size: 9px;
  font-size: 0.9rem;
  color: #4D4D4D;
}

.chat-app .popover-content {
  padding: 15px 20px;
  min-height: 95px;
  overflow-y: auto;
  overflow-x: hidden;
}

.chat-app .popover-content .button-secondary {
  display: inline-block;
}

.chat-app .popover-content-left {
  text-align: center;
}

@media (min-width: 48.9375em) {
  .chat-app .popover-content-left {
    float: left;
    text-align: left;
  }
}

.chat-app .popover-content-left .user-avatar {
  position: absolute;
  top: -25px;
  left: -25px;
  width: 75px;
  height: 75px;
  border: 3px solid #272727;
  border-radius: 50%;
  background-color: #171717;
}

.chat-app .popover-content-left .avatar {
  border: 3px solid #272727;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  background: white;
  overflow: hidden;
  line-height: 50px;
}

.chat-app .popover-content-left .avatar img {
  max-width: 50px;
  max-height: 50px;
  vertical-align: middle;
}

.chat-app .popover-content-left a {
  display: block;
  padding: 10px 0 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  color: #c19f54;
}

.chat-app .popover-content-main {
  text-align: center;
}

@media (min-width: 48.9375em) {
  .chat-app .popover-content-main {
    float: left;
    max-width: 260px;
    margin-left: 40px;
    margin-right: 20px;
    text-align: left;
  }
}

.chat-app .popover-content-main h3 {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #FFFFFF;
}

.chat-app .popover-content-main h3 a {
  cursor: pointer;
}

.chat-app .popover-content-main p {
  position: relative;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #FFFFFF;
  font-weight: 300;
}

.chat-app .popover-content-main .button-secondary {
  margin-top: 22px;
  padding: 4px 22px 5px 21px;
  cursor: pointer;
}

.chat-app .popover-content-main .icon-reload {
  position: relative;
  top: 1px;
  padding-right: 4px;
}

.chat-app .popover-content-main .button-invite-user .loading {
  border-width: 3px;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}

.chat-app .button-invite-user,
.chat-app .link-send-pm {
  margin-top: 10px;
  margin-bottom: 5px;
  display: block;
  width: 100%;
  outline: none;
}

.chat-app .vcard-stats {
  position: relative;
  padding: 4px 2px;
  margin: 10px 0 0;
  color: #FFFFFF;
  text-align: center;
}

@media (min-width: 48.9375em) {
  .chat-app .vcard-stats {
    *zoom: 1;
    text-align: left;
  }
  .chat-app .vcard-stats:before, .chat-app .vcard-stats:after {
    display: table;
    content: "";
  }
  .chat-app .vcard-stats:after {
    clear: both;
  }
}

.chat-app .vcard-left,
.chat-app .vcard-right {
  text-align: center;
}

@media (min-width: 48.9375em) {
  .chat-app .vcard-left,
  .chat-app .vcard-right {
    float: left;
    margin-right: 15px;
    text-align: left;
  }
}

.chat-app .vcard-left .vcard-stat-count,
.chat-app .vcard-right .vcard-stat-count {
  font-size: 14px;
  font-size: 1.4rem;
}

.chat-app .vcard-left span,
.chat-app .vcard-right span {
  margin-right: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
}

.chat-app .vcard-left:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 24px;
  background: #4A4A4A;
}

.chat-app .popover-content-details {
  display: none;
  position: relative;
  list-style: none;
  padding: 10px 0 5px;
  margin: 0;
  font-weight: 300;
}

.chat-app .popover-content-details:before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #4A4A4A;
}

.chat-app .popover-content-details .icon-location, .chat-app .popover-content-details .icon-location-test, .chat-app .popover-content-details .new-feed .feed-icon.feed-icon-add-hackerspace, .new-feed .chat-app .popover-content-details .feed-icon.feed-icon-add-hackerspace, .chat-app .popover-content-details .new-feed .feed-icon.feed-icon-update-hackerspace, .new-feed .chat-app .popover-content-details .feed-icon.feed-icon-update-hackerspace {
  position: absolute;
  top: -2px;
  left: 0;
  margin-right: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  background-image: none;
  padding: 0;
}

.chat-app .popover-content-details li {
  position: relative;
  padding: 4px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #676767;
  font-size: 12px;
  font-size: 1.2rem;
}

.chat-app .popover-content-details li:first-child {
  padding: 2px 0 2px 20px;
}

.chat-app .popover-content-details a {
  color: #47ACDF;
}

.chat-app .popover-footer-content .button-secondary {
  display: inline-block;
  padding: 4px 22px 5px 21px;
  margin: -25px 0 18px 18px;
  font-size: 12px;
  font-size: 1.2rem;
}

.chat-app .button-primary-default {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #c19f54;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 0px none;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}

.chat-app .button-primary-default:hover, .chat-app .button-primary-default:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #343434;
  color: #b99443;
}

.chat-app .button-primary-default:visited {
  color: #c19f54;
}

.chat-app .button-primary-default:hover, .chat-app .button-primary-default:focus {
  text-decoration: none;
}

.chat-app .button-primary-default:active {
  outline: 0;
}

.chat-app .button-secondary-default, .chat-app .button-secondary-small, .chat-app .button-secondary, .chat-app .button-secondary-large {
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  color: #000000;
  border: 1px solid #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 0px none;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}

.chat-app .button-secondary-default:hover, .chat-app .button-secondary-small:hover, .chat-app .button-secondary:hover, .chat-app .button-secondary-large:hover, .chat-app .button-secondary-default:focus, .chat-app .button-secondary-small:focus, .chat-app .button-secondary:focus, .chat-app .button-secondary-large:focus {
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #c8aa67;
  color: black;
}

.chat-app .button-secondary-default:visited, .chat-app .button-secondary-small:visited, .chat-app .button-secondary:visited, .chat-app .button-secondary-large:visited {
  color: #000000;
}

.chat-app .button-secondary-default:hover, .chat-app .button-secondary-small:hover, .chat-app .button-secondary:hover, .chat-app .button-secondary-large:hover, .chat-app .button-secondary-default:focus, .chat-app .button-secondary-small:focus, .chat-app .button-secondary:focus, .chat-app .button-secondary-large:focus {
  text-decoration: none;
}

.chat-app .button-secondary-default:active, .chat-app .button-secondary-small:active, .chat-app .button-secondary:active, .chat-app .button-secondary-large:active {
  outline: 0;
}

.chat-app .button-secondary-small {
  font-size: 12px;
  padding: 7px 20px 8px 20px;
  text-align: center;
  border-radius: 2px;
}

.chat-app .button-secondary {
  font-size: 14px;
  padding: 8px 22px 9px 22px;
  text-align: center;
  border-radius: 2px;
}

.chat-app .button-secondary-large {
  font-size: 16px;
  padding: 14px 26px 15px 25px;
  text-align: center;
  border-radius: 2px;
}

/***********************************************************
    Loading
************************************************************/
.chat-app .loading {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(98, 141, 179, 0.2);
  border-top-color: #FFFFFF;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  border-radius: 50%;
}

.chat-app .spinner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.chat-app .loading-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2021;
  display: none;
}

.chat-app .loading-background .loading {
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/***********************************************************
    Chat
************************************************************/
.chat a:not([href]) {
  cursor: pointer;
}

.chat label {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #676767;
}

.chat label .required {
  color: #CB5555;
}

.chat .emoji {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.chat .input-field,
.chat .textarea-field {
  width: 100%;
  background: #272727;
  padding: 7px 10px;
  border: 1px solid #272727;
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 2px;
  color: #FFFFFF;
}

.chat .input-field:hover,
.chat .textarea-field:hover {
  background: #292929;
  border: 1px solid #1a1a1a;
}

.chat .input-field:focus,
.chat .textarea-field:focus {
  border: 1px solid black;
  outline: none;
}

.chat .input-field::-webkit-input-placeholder,
.chat .textarea-field::-webkit-input-placeholder {
  color: #bfbfbf;
  font-style: italic;
  font-weight: 300;
}

.chat .input-field:-moz-placeholder,
.chat .textarea-field:-moz-placeholder {
  color: #bfbfbf;
  font-style: italic;
  font-weight: 300;
}

.chat .input-field::-moz-placeholder,
.chat .textarea-field::-moz-placeholder {
  color: #bfbfbf;
  font-style: italic;
  font-weight: 300;
}

.chat .input-field:-ms-input-placeholder,
.chat .textarea-field:-ms-input-placeholder {
  color: #bfbfbf;
  font-style: italic;
  font-weight: 300;
}

/***********************************************************
    Chat Layout
************************************************************/
.chat-body,
#chat,
.chat-app {
  height: 100%;
  width: 100%;
  overflow: hidden !important;
}

#chat > div {
  height: 100%;
}

.chat-body {
  position: fixed;
  overflow: hidden !important;
}

.chat-body .save-email-form {
  display: none;
}

.chat-header {
  height: 74px;
}

.chat-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  overflow: hidden;
}

.left-chat-content {
  width: 260px;
  overflow: hidden;
  border-right: 1px solid #272727;
  z-index: 1;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.chat-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  overflow: hidden;
}

.chat-app {
  margin-left: -260px;
  width: calc(100% + 260px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 48.9375em) {
  .chat-app {
    margin-left: 0;
    width: 100%;
  }
}

.chat-app.middle-open {
  margin-left: 0px;
}

@media (min-width: 48.9375em) {
  .chat-app.middle-open {
    width: 100%;
  }
}

.chat-app.middle-open .left-chat-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chat-app.middle-open .right-chat-content {
  z-index: 0;
}

.chat-app.middle-right-open {
  margin-left: -510px;
  width: calc(100% + 510px);
}

.chat-app.middle-right-open .right-chat-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 2;
}

.chat-app .middle-chat-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  background-color: #151515;
}

.chat-app .middle-chat-content .conversation-header {
  height: 85px;
}

@media (min-width: 0), (min-width: 48.9375em) {
  .chat-app .middle-chat-content .conversation-header {
    height: 58px;
  }
}

.chat-app .middle-chat-content .conversation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 100px;
}

.chat-app .right-chat-content {
  display: none;
  padding: 0 10px;
  width: 240px;
  height: auto;
  border-left: 1px solid #272727;
  z-index: 1;
}

.chat-app .right-chat-content .user-avatar {
  max-width: 100%;
}

.chat-app .right-chat-content h4 {
  height: 30px;
  margin: 0;
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 30px;
}

.chat-app .right-chat-content .profile-content {
  white-space: pre;
}

@media (min-width: 75.4375em) {
  .chat-app .right-chat-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/***********************************************************
    Chat Components
************************************************************/
.chat-app .scrollbar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.chat-app .scrollbar-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.chat-app .scrollbar-track {
  background-color: #272727;
  right: 2px;
  bottom: 2px;
  top: 2px;
  border-radius: 3px;
}

.chat-app .scrollbar-thumb {
  cursor: pointer;
  border-radius: inherit;
  background-color: #676767;
}

.chat-app .field-group {
  position: relative;
  width: 100%;
  margin: 1px 0;
  clear: both;
}

@media (min-width: 48.9375em) {
  .chat-app .field-group {
    padding: 4px 50px 4px 80px;
  }
}

.chat-app .field-group .error {
  display: block;
  margin: 5px 0 0;
  color: #CB5555;
  clear: both;
}

.chat-app .field-group > label {
  position: relative;
  width: 80px;
  padding: 9px 0 0 0;
  word-wrap: break-word;
}

@media (min-width: 48.9375em) {
  .chat-app .field-group > label {
    float: left;
    margin-left: -90px;
    text-align: right;
  }
}

.chat-app .field-group .field-detail {
  padding: 9px 0 0 0;
  word-wrap: break-word;
}

.chat-app .field-group .field-detail.limit {
  max-height: 68px;
  overflow: auto;
}

.chat-app .modal-dialog {
  position: fixed;
  top: 169px;
  left: 0;
  right: 0;
  margin: 0 auto;
  visibility: hidden;
  overflow: visible;
  z-index: 3000;
}

.chat-app .modal-dialog .input-field,
.chat-app .modal-dialog .textarea-field,
.chat-app .modal-dialog .Select {
  max-width: 300px;
}

.chat-app .modal-dialog-footer {
  width: 100%;
  height: 51px;
  padding: 10px 20px;
  opacity: 1;
  transition: opacity 0.2s;
  visibility: visible;
  border-top: 1px solid #676767;
  border-radius: 0 0 5px 5px;
  background: #676767;
  overflow: hidden;
}

.chat-app .modal-dialog-footer .btn ~ .btn {
  margin-left: 10px;
}

.chat-app .modal-dialog-spinner {
  float: left;
  position: relative;
  height: 30px;
  width: 20px;
}

.chat-app .modal-dialog-spinner .spinner-container {
  position: absolute;
  top: 50%;
}

.chat-app .modal-dialog-header {
  width: 100%;
  height: 69px;
  padding: 0 20px;
  opacity: 1;
  color: #000000;
  background: #676767;
  transition: opacity 0.2s;
  visibility: visible;
  margin-top: -69px;
  border-radius: 5px 5px 0 0;
  font-weight: 400;
}

.chat-app .modal-dialog-header-main {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: .5em;
  padding-right: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #c19f54;
  text-align: center;
}

@media (min-width: 48.9375em) {
  .chat-app .modal-dialog-header-main {
    font-size: 32px;
    font-size: 3.2rem;
  }
}

.chat-app .modal-dialog-header-close {
  width: 20px;
  height: 20px;
  padding-left: 5px;
  text-align: right;
  vertical-align: middle;
  line-height: 100%;
  cursor: pointer;
  color: #707070;
  display: table-cell;
}

.chat-app .modal-dialog-header-close span {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #FFFFFF;
  filter: alpha(opacity=20);
  opacity: .2;
  vertical-align: middle;
}

.chat-app .modal-chat-content {
  z-index: 2000;
}

.chat-app .modal-chat-content .hackat-modal-content {
  padding: 15px 30px 20px;
  overflow-y: initial;
}

.chat-app .modal-chat-content .hackat-modal-content.no-padding {
  max-height: 423px;
  padding: 0;
}

.chat-app .modal-chat-content .hackat-modal-content .image-preview {
  max-height: 200px;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  padding: 20px;
}

.chat-app .modal-chat-content .hackat-modal-content .file-description {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

.chat-app .modal-chat-content .hackat-modal-content .icon-file {
  font-size: 40px;
  text-align: center;
  display: inherit;
}

.chat-app .modal-chat-content .hackat-modal-content .color-gray {
  color: #a0a0a0;
}

.chat-app .modal-chat-content .hackat-modal-content .select-option img {
  width: 40px;
  height: 40px;
  display: block;
  float: left;
}

.chat-app .modal-chat-content .hackat-modal-content .select-option p {
  margin-left: 45px;
  font-size: 80%;
}

.chat-app .modal-chat-content .hackat-modal-content .select-option-error {
  text-align: center;
  color: #BD9F5C;
  margin-top: 10px;
  margin-bottom: 10px;
}

.chat-app .modal-chat-content .button-cancel {
  margin-top: 9px;
}

.chat-app .modal-chat-content .modal-header,
.chat-app .modal-chat-content .modal-footer {
  position: relative;
  z-index: 1;
}

.chat-app .modal-chat-content .modal-footer {
  border-bottom-right-radius: 3px;
}

.chat-app div.radio {
  position: relative;
  margin: 5px 0 0;
  padding: 0 0 0 20px;
}

.chat-app div.radio.horizontal {
  display: inline-block;
  margin-right: 10px;
}

.chat-app div.radio label {
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
}

.chat-app div.radio .description {
  word-wrap: break-word;
  color: #707070;
  font-style: italic;
  line-height: 1.6;
  margin: 5px 0 0;
}

.chat-app div.radio input.radio {
  position: absolute;
  top: 6px;
  left: 0;
}

.chat-app #room-notification-form fieldset.group {
  position: relative;
  width: 100%;
  padding: 4px 0 4px 5px;
  margin: 1px 0;
  clear: both;
}

.chat-app #room-notification-form .icon-bell-ringing,
.chat-app #room-notification-form .icon-bell-normal,
.chat-app #room-notification-form .icon-bell-silent {
  position: relative;
  top: 2px;
  margin: 0 7px;
  font-size: 20px;
  font-size: 2rem;
}

.chat-app .flags-container {
  position: fixed;
  top: 71px;
  right: 30px;
  z-index: 4000;
}

.chat-app .flag {
  left: 0;
  max-height: 300px;
  opacity: 0;
  position: relative;
  top: -10px;
  transition: opacity 0.2s, top 0.5s;
  background-color: #151515;
}

.chat-app .flag[aria-hidden="false"] {
  opacity: 1;
  top: 0;
  left: 0;
}

.chat-app .flag[aria-hidden="true"] {
  left: 300px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  top: 0;
  transition: max-height 0.5s 0.5s, opacity 0.8s, left 1s;
}

.chat-app .flag-message {
  position: relative;
  width: 300px;
  margin-bottom: 20px;
  padding: 20px 20px 20px 60px;
  border-width: 1px;
  line-height: 20px;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.chat-app .flag-message:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40px;
  background: #5094d5;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.chat-app .flag-message:after {
  content: "\f108";
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -8px;
  color: #FFFFFF;
  font-family: "fontcustom";
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
  line-height: 1;
  speak: none;
}

.chat-app .flag-message.closeable:hover .flag-close {
  opacity: 1;
}

.chat-app .flag-message.closeable .flag-close {
  position: absolute;
  top: 4px;
  left: auto;
  right: 10px;
  opacity: 0;
  cursor: pointer;
  background-image: none;
  color: #707070;
  text-indent: inherit;
}

.chat-app .flag-message.closeable .flag-close:hover {
  color: #000000;
}

.chat-app .flag-message.closeable .flag-close span {
  float: right;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #4D4D4D;
  opacity: .7;
  vertical-align: middle;
}

.chat-app .flag-message .message-body {
  margin-top: 10px;
}

.chat-app .flag-message p.flag-title {
  margin-top: 0;
}

.chat-app .flag-message.flag-message-error {
  border: solid 1px #272727;
}

.chat-app .flag-message.flag-message-error:before {
  background-color: #272727;
}

.chat-app .flag-message.flag-message-error:after {
  content: "\f108";
  color: #CB5555;
}

.chat-app .flag-message.flag-message-info {
  border: solid 1px #272727;
}

.chat-app .flag-message.flag-message-info:before {
  background-color: #272727;
}

.chat-app .flag-message.flag-message-info:after {
  content: "\f108";
  color: #FFFFFF;
}

.chat-app .flag-message.flag-message-success {
  border: solid 1px #272727;
}

.chat-app .flag-message.flag-message-success:before {
  background-color: #272727;
}

.chat-app .flag-message.flag-message-success:after {
  content: "\f10f";
  color: #7ED321;
}

.chat-app .flag-message.flag-message-warning {
  border: solid 1px #272727;
}

.chat-app .flag-message.flag-message-warning:before {
  background-color: #272727;
}

.chat-app .flag-message.flag-message-warning:after {
  content: "\f108";
  color: #FFFFFF;
}

.chat-app .actions-list {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}

.chat-app .actions-list > li {
  display: inline-block;
  margin: 0 10px 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.chat-app .file-error-tooltip {
  position: absolute;
  padding: 4px;
  word-wrap: break-word;
  white-space: normal;
  line-height: 18px;
  z-index: 1020;
  transition: opacity 0.2s ease-in-out;
}

.chat-app .file-error-tooltip-arrow {
  position: absolute;
  left: 50%;
  right: 10px;
  bottom: 0;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #CB5555;
  border-color: #CB5555;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-width: 6px;
  margin-top: -6px;
}

.chat-app .file-error-tooltip-inner {
  max-width: 200px;
  padding: 10px;
  color: #FFFFFF;
  background: #CB5555;
  text-align: center;
  border-radius: 3px;
  white-space: pre-wrap;
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .file-error-tooltip-close {
  position: absolute;
  top: 4px;
  right: 8px;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  background-color: transparent;
  border-width: 0;
  line-height: 1;
  -webkit-appearance: none;
  cursor: pointer;
}

.chat-app .empty,
.chat-app .conversation-error {
  width: 100%;
  text-align: center;
}

.chat-app .empty.empty-home,
.chat-app .conversation-error.empty-home {
  top: 80px;
  bottom: inherit;
}

.chat-app .empty .empty-wrap,
.chat-app .empty .conversation-error-wrap,
.chat-app .conversation-error .empty-wrap,
.chat-app .conversation-error .conversation-error-wrap {
  margin: auto;
}

.chat-app .empty div,
.chat-app .conversation-error div {
  display: inline-block;
  vertical-align: top;
}

.chat-app .empty-new-conversation-button {
  display: block;
}

.chat-app .empty-notifications-wrap {
  text-align: center;
}

.chat-app .empty-notifications-wrap h2, .chat-app .empty-notifications-wrap h3 {
  margin-bottom: 0;
}

.chat-app .empty-notifications-wrap p {
  margin-top: 0;
}

.chat-app .empty-notifications.search input {
  width: 70%;
  margin-bottom: 10px;
}

.chat-app .conversation-error {
  top: 80px;
  bottom: inherit;
  position: absolute;
}

.chat-app .fetching-history-spinner {
  position: relative;
  height: 48px;
  padding: 5px 0;
  text-align: center;
}

.chat-app .chat-tabs {
  width: 100%;
  height: 100%;
  position: relative;
  *zoom: 1;
}

.chat-app .chat-tabs:before, .chat-app .chat-tabs:after {
  display: table;
  content: "";
}

.chat-app .chat-tabs:after {
  clear: both;
}

.chat-app .chat-tabs .chat-tab-content {
  float: right;
  width: 67%;
  height: 100%;
  overflow: auto;
}

@media (min-width: 48.9375em) {
  .chat-app .chat-tabs .chat-tab-content {
    width: 75%;
  }
}

.chat-app .chat-tabs .chat-tab-panel {
  padding: 20px;
  min-height: 423px;
  overflow-y: auto;
}

@media (min-width: 48.9375em) {
  .chat-app .chat-tabs .chat-tab-panel {
    padding: 20px 30px;
  }
}

.chat-app .chat-tabs .chat-tab-panel h5 {
  margin: 0;
  font-weight: 700;
}

.chat-app .chat-tab-navs {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 33%;
  height: 100%;
  padding-top: 58px;
  border-right: 1px solid #272727;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-left: 0;
  list-style: none;
  margin: 0;
}

@media (min-width: 48.9375em) {
  .chat-app .chat-tab-navs {
    width: 25%;
  }
}

.chat-app .chat-tab-navs .tab-selected a {
  background: #272727;
  margin: -1px -1px 0 0;
  border-top: 1px solid #272727;
  border-bottom: 1px solid #272727;
}

.chat-app .chat-tab-navs .tab-selected a:hover {
  background: #171717;
}

.chat-app .chat-tab-navs a {
  display: block;
  padding: 10px;
  color: #FFFFFF;
  border: 1px solid transparent;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 62.4375em) {
  .chat-app .chat-tab-navs a {
    padding: 10px 10px 10px 30px;
  }
}

.chat-app .chat-tab-navs a:hover {
  background: #171717;
}

.chat-app .attachment-uploader {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.chat-app .attachment-uploader .attachment-field {
  cursor: pointer;
  position: absolute;
  top: -26px;
  left: -20px;
  overflow: hidden;
  padding-right: -92px;
  padding-top: 35px;
  padding-bottom: 10px;
  position: absolute;
  height: 100%;
  opacity: 0;
}

.chat-app .attachment-uploader .attachment-uploader-hint {
  position: absolute;
  left: 0px;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

.chat-app .attachment-uploader .attachment-uploader-hint span {
  padding: 6px 13px;
}

.chat-app .middle-chat-content .loading,
.chat-app .popover-content-main .loading,
.chat-app .image-loader .loading {
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}

.chat-app .middle-chat-content .mention-spinner .loading,
.chat-app .popover-content-main .mention-spinner .loading,
.chat-app .image-loader .mention-spinner .loading {
  top: 50%;
}

/***********************************************************
    Chat Header
************************************************************/
#original-header {
  height: 74px;
  top: 0;
}

@media (min-width: 48.9375em) {
  #original-header.original-header-shown {
    top: 41px;
  }
}

/*
    Fixed #3948
*/
@media screen and (max-height: 320px) {
  .chat-header, .header {
    display: none;
  }
}

.chat-app .chat-header {
  position: relative;
  min-height: 74px;
}

.chat-app .chat-header .header {
  float: none;
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media (min-width: 48.9375em) {
  .chat-app .chat-header.banner-shown {
    height: 115px;
    -webkit-animation: slidedown 0.2s;
    animation: slidedown 0.2s;
  }
  .chat-app .chat-header.banner-dismissed {
    height: 74px;
    -webkit-animation: slideup 0.2s;
    animation: slideup 0.2s;
  }
}

.chat-app .chat-banner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 74px;
  height: 41px;
  padding: 10px 40px;
  margin: 0;
  background: 0 0;
  z-index: 1031;
  white-space: nowrap;
  border: 0;
  text-align: center;
  border-radius: 0;
}

.chat-app .chat-banner-warning {
  color: #000000;
  background-color: #c19f54;
}

.chat-app .chat-banner-warning a {
  color: #000000;
  text-decoration: underline !important;
}

/***********************************************************
    Chat Messages
************************************************************/
.chat-app .conversation-header {
  position: relative;
  width: 100%;
  padding: 43px 0 5px 0;
  border-bottom: 1px solid #272727;
  z-index: 1030;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-header {
    padding: 20px 0 5px 0;
  }
}

@media (min-width: 0), (min-width: 48.9375em) {
  .chat-app .conversation-header {
    padding: 15px 0 5px 0;
  }
}

@media screen and (max-height: 260px) {
  .chat-app .conversation-header {
    display: none;
  }
}

.chat-app .code-language {
  margin-bottom: 10px;
}

.chat-app .code-language .Select {
  max-width: 100%;
}

.chat-app .switch-theme {
  position: absolute;
  top: 7px;
  right: 50px;
  display: none;
}

@media (min-width: 48.9375em) {
  .chat-app .switch-theme {
    display: block;
    left: 15px;
    right: initial;
  }
}

.chat-app .switch-theme a {
  float: left;
  width: 30px;
  height: 26px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  color: #4D4D4D;
  vertical-align: text-top;
}

.chat-app .switch-theme a i:before {
  width: 32px;
  vertical-align: text-top;
}

.chat-app .switch-theme .current {
  background: #4D4D4D;
  color: #FFFFFF;
}

.chat-app .switch-theme .big {
  border-top: 1px solid #272727;
  border-left: 1px solid #272727;
  border-bottom: 1px solid #272727;
  border-radius: 2px 0 0 2px;
}

.chat-app .switch-theme .big.current {
  border-top: 1px solid #4D4D4D;
  border-left: 1px solid #4D4D4D;
  border-bottom: 1px solid #4D4D4D;
}

.chat-app .switch-theme .small {
  border-top: 1px solid #272727;
  border-right: 1px solid #272727;
  border-bottom: 1px solid #272727;
  border-radius: 0 2px 2px 0;
}

.chat-app .switch-theme .small.current {
  border-top: 1px solid #4D4D4D;
  border-right: 1px solid #4D4D4D;
  border-bottom: 1px solid #4D4D4D;
}

.chat-app .conversation-title {
  position: relative;
  width: 100%;
  padding: 0 45px;
  text-align: center;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-title {
    padding: 0 91px 0 58px;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .conversation-title {
    padding: 0 123px;
  }
}

.chat-app .conversation-title h2 {
  margin: 0;
  color: #c19f54;
  font-size: 20px;
  font-size: 2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 22px;
}

.chat-app .conversation-title .icon-arrow-down, .chat-app .conversation-title .icon-arrowdown {
  position: relative;
  top: 3px;
  width: 20px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  color: #676767;
  text-indent: 0;
}

.chat-app .sidebar-msg {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  padding: 3px 0;
  margin-top: 0px;
  color: #6b6b6b;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.chat-app .sidebar-msg:hover {
  color: #6b6b6b;
}

@media (min-width: 48.9375em) {
  .chat-app .sidebar-msg {
    display: none;
  }
}

.chat-app .sidebar-msg .icon-arrow-left, .chat-app .sidebar-msg .icon-arrowleft {
  float: left;
  width: 15px;
  margin-right: 3px;
}

.chat-app .sidebar-right {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  padding: 3px 0;
  color: #6b6b6b;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.chat-app .sidebar-right:hover {
  color: #6b6b6b;
}

@media (min-width: 48.9375em) {
  .chat-app .sidebar-right {
    top: 16px;
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .sidebar-right {
    display: none;
  }
}

.chat-app .sidebar-right .icon-arrow-right, .chat-app .sidebar-right .icon-arrowright {
  float: left;
  width: 15px;
}

.chat-app .sidebar-right .icon-menu {
  float: left;
}

.chat-app .conversation-options {
  position: absolute;
  top: 9px;
  left: 50%;
  *zoom: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.chat-app .conversation-options:before, .chat-app .conversation-options:after {
  display: table;
  content: "";
}

.chat-app .conversation-options:after {
  clear: both;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-options {
    top: 11px;
    left: auto;
    right: 45px;
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .conversation-options {
    top: 13px;
    right: 15px;
  }
}

.chat-app .conversation-options a {
  float: left;
  padding: 0 15px;
  background-image: -owg-linear-gradient(0deg, #272727 0%, #272727 50%, #272727 100%);
  background-image: linear-gradient(0deg, #272727 0%, #272727 50%, #272727 100%);
  background-size: 1px 130%;
  background-position: 100%;
  background-repeat: no-repeat;
  color: #4D4D4D;
  transition: color 0.2s ease-in-out;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-options a {
    padding: 0 5px;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .conversation-options a {
    padding: 0 15px;
  }
}

.chat-app .conversation-options a:first-of-type {
  padding-left: 0;
}

.chat-app .conversation-options a:last-of-type {
  background-image: none;
  padding-right: 0;
}

.chat-app .conversation-options .icon-user-add, .chat-app .conversation-options .icon-join, .chat-app .conversation-options .feed-icon-contributoradd {
  height: 29px;
  font-size: 26px;
  font-size: 2.6rem;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-options .icon-user-add, .chat-app .conversation-options .icon-join, .chat-app .conversation-options .feed-icon-contributoradd {
    height: 20px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .conversation-options .icon-user-add, .chat-app .conversation-options .icon-join, .chat-app .conversation-options .feed-icon-contributoradd {
    height: 29px;
    font-size: 26px;
    font-size: 2.6rem;
  }
}

.chat-app .conversation-options .icon-bell-ringing,
.chat-app .conversation-options .icon-bell-normal,
.chat-app .conversation-options .icon-bell-silent {
  display: block;
  font-size: 21px;
  font-size: 2.1rem;
}

@media (min-width: 0), (min-width: 48.9375em) {
  .chat-app .conversation-options .icon-bell-ringing,
  .chat-app .conversation-options .icon-bell-normal,
  .chat-app .conversation-options .icon-bell-silent {
    display: none;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 2px;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .conversation-options .icon-bell-ringing,
  .chat-app .conversation-options .icon-bell-normal,
  .chat-app .conversation-options .icon-bell-silent {
    display: block;
    font-size: 25px;
    font-size: 2.5rem;
  }
}

.chat-app .conversation-options .icon-options, .chat-app .conversation-options .icon-filter {
  font-size: 20px;
  font-size: 2rem;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-options .icon-options, .chat-app .conversation-options .icon-filter {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .conversation-options .icon-options, .chat-app .conversation-options .icon-filter {
    font-size: 20px;
    font-size: 2rem;
  }
}

.chat-app .conversation-options .add-user-form {
  position: absolute;
  top: 0px;
  right: 36px;
  min-width: 180px;
  width: 250px;
}

.chat-app .conversation-options .input-field {
  padding: 5px 7px;
}

.chat-app .conversation-content {
  padding: 0 10px;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-content {
    padding: 0 10px;
  }
}

@media (min-width: 75.4375em) {
  .chat-app .conversation-content {
    padding: 0 95px;
  }
}

.chat-app .conversation-content .divider {
  cursor: default;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-app .conversation-content .divider > span {
  line-height: 19px;
  color: #4D4D4D;
  padding: 0 10px;
  font-size: 11px;
  text-transform: uppercase;
}

.chat-app .conversation-content .divider > div {
  background: #272727;
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.chat-app .conversation-content .divider.divider-active > span {
  color: #CB5555;
  text-transform: uppercase;
}

.chat-app .conversation-content .divider.divider-active > div {
  background: #CB5555;
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.chat-app .conversation-content .conversation-content-wrap {
  position: relative;
}

.chat-app .conversation-content .messages-wrap {
  padding: 20px 0;
}

.chat-app .conversation-content .button-load-previous-messages {
  display: block;
  width: 100%;
}

.chat-app .conversation-content .button-load-previous-messages.hide {
  display: none;
}

.chat-app .conversation-content .button-new-conversation {
  margin-top: 15px;
  width: 100%;
}

.chat-app .conversation-content .button-primary {
  display: inline-block;
  margin-top: 10px;
}

.chat-app .conversation-content .input-field {
  background: #FFFFFF;
}

.chat-app .conversation-content .input-field::-webkit-input-placeholder:before {
  font-family: "fontcustom", Helvetica, Arial, sans-serif;
  content: "\f10d";
  margin-right: 5px;
  font-style: normal;
}

.chat-app .conversation-content .input-field:-moz-placeholder:before {
  font-family: "fontcustom", Helvetica, Arial, sans-serif;
  content: "\f10d";
  margin-right: 5px;
  font-style: normal;
}

.chat-app .conversation-content .input-field::-moz-placeholder:before {
  font-family: "fontcustom", Helvetica, Arial, sans-serif;
  content: "\f10d";
  margin-right: 5px;
  font-style: normal;
}

.chat-app .conversation-content .input-field:-ms-input-placeholder:before {
  font-family: "fontcustom", Helvetica, Arial, sans-serif;
  content: "\f10d";
  margin-right: 5px;
  font-style: normal;
}

.chat-app .conversation-content .popover-section {
  position: fixed;
  bottom: 160px;
  z-index: 5000;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}

.chat-app .conversation-content .popover-section p {
  margin: 0;
}

.chat-app .conversation-content .popover-section .popover-content {
  padding: 6px 8px;
  background-color: black;
  color: #BD9F5C;
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .message-item-info {
  position: relative;
  width: 100%;
  margin-top: 10px;
  *zoom: 1;
}

.chat-app .message-item-info:before, .chat-app .message-item-info:after {
  display: table;
  content: "";
}

.chat-app .message-item-info:after {
  clear: both;
}

.chat-app .message-item-info:first-child {
  margin-top: 0;
}

.chat-app .message-item-info p,
.chat-app .message-item-info .message-content {
  margin: 3px 0 6px 0;
  line-height: 21px;
  word-break: break-word;
}

.chat-app .message-item {
  position: relative;
  width: 100%;
  margin-top: 20px;
  min-height: 55px;
  *zoom: 1;
}

.chat-app .message-item:before, .chat-app .message-item:after {
  display: table;
  content: "";
}

.chat-app .message-item:after {
  clear: both;
}

.chat-app .message-item.status-failed p {
  color: #4D4D4D;
}

.chat-app .message-item.status-sending p, .chat-app .message-item.status-uploading p, .chat-app .message-item.status-processing p {
  color: #4D4D4D;
}

.chat-app .message-item:first-child {
  margin-top: 0;
}

.chat-app .message-item .emoji {
  height: 1.2em;
}

.chat-app .message-item .chat-profile-image {
  display: none;
  position: absolute;
  top: 0;
  left: -76px;
}

@media (min-width: 75.4375em) {
  .chat-app .message-item .chat-profile-image {
    display: block;
  }
}

.chat-app .message-item .message-time {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #676767;
}

.chat-app .message-item.is-action {
  min-height: initial;
}

.chat-app .message-item.is-action .message {
  border: 1px dashed #272727;
  padding: 4px 10px 5px;
}

.chat-app .message-item.is-action .message:before, .chat-app .message-item.is-action .message:after {
  display: none;
}

.chat-app .message-item.is-action .message .message-title {
  margin-top: 0;
  margin-right: 100px;
  line-height: initial;
}

.chat-app .message-item .message {
  position: relative;
  float: left;
  text-align: left;
  border: 1px solid #272727;
  padding: 0px 10px;
  border-radius: 3px;
  width: 100%;
}

@media (min-width: 0), (min-width: 48.9375em) {
  .chat-app .message-item .message {
    font-size: 14px;
    line-height: 1;
  }
}

@media (min-width: 62.4375em) {
  .chat-app .message-item .message {
    font-size: 16px;
    line-height: 1.4;
  }
}

.chat-app .message-item .message a {
  word-break: break-word;
}

.chat-app .message-item .message blockquote {
  padding: 0 1em;
  margin: 0 0 16px 0;
  border-left: 0.25em solid #676767;
}

@media (min-width: 75.4375em) {
  .chat-app .message-item .message:before {
    content: '';
    position: absolute;
    top: 10px;
    left: -7px;
    border-top: 7px solid transparent;
    border-right: 7px solid #272727;
    border-bottom: 7px solid transparent;
  }
  .chat-app .message-item .message:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -6px;
    border-top: 7px solid transparent;
    border-right: 7px solid #151515;
    border-bottom: 7px solid transparent;
  }
}

.chat-app .message-item .message .mention-user, .chat-app .message-item .message .mention-project {
  white-space: nowrap;
  color: #c19f54;
  border-bottom: 1px dotted #c19f54;
}

@media (min-width: 0), (min-width: 48.9375em) {
  .chat-app .message-item .message .mention-user, .chat-app .message-item .message .mention-project {
    word-break: break-word;
    white-space: normal;
  }
}

.chat-app .message-item .message .mention-me {
  color: #c19f54;
  border-bottom: 1px dotted #c19f54;
  font-weight: 600;
}

.chat-app .message-item .message .message-title {
  display: block;
  margin-top: 10px;
  color: #676767;
}

.chat-app .message-item .message .says {
  color: #FFFFFF;
}

.chat-app .message-item .message p,
.chat-app .message-item .message .message-content {
  margin: 5px 0 20px 0;
  line-height: 21px;
  word-break: break-word;
}

.chat-app .message-item .message .message-contributor-body {
  white-space: pre-wrap;
  margin: 15px 0 0 15px;
}

.chat-app .message-item .message .code-inline {
  padding: 2px 4px;
  font-size: 90%;
  background-color: #171717;
  border-radius: 4px;
}

.chat-app .message-item .message .CodeMirrorContainer {
  margin: 8px 0;
}

.chat-app .message-item .message .CodeMirror {
  height: auto;
}

.chat-app .message-item .message .CodeMirror-scroll {
  height: auto;
  overflow-y: hidden;
  overflow-x: auto;
}

.chat-app .message-item .message .message-image-wrapper {
  display: inline-block;
}

.chat-app .message-item .message .message-image-wrapper,
.chat-app .message-item .message .message-file-wrapper {
  padding: 0;
  margin: 8px 0;
  position: relative;
}

.chat-app .message-item .message .message-image-wrapper .progress-holder,
.chat-app .message-item .message .message-file-wrapper .progress-holder {
  display: block;
}

.chat-app .message-item .message .message-image-wrapper .progress-number,
.chat-app .message-item .message .message-file-wrapper .progress-number {
  top: -25px;
}

.chat-app .message-item .message .message-image-wrapper .img-loading,
.chat-app .message-item .message .message-image-wrapper .img-load-failed,
.chat-app .message-item .message .message-file-wrapper .img-loading,
.chat-app .message-item .message .message-file-wrapper .img-load-failed {
  display: table-cell;
  height: 200px;
  width: 200px;
  margin: 8px 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #272727;
  border-radius: 5px;
  background-color: rgba(10, 10, 10, 0.8);
  color: #676767;
}

.chat-app .message-item .message .message-image-wrapper .img-load-failed,
.chat-app .message-item .message .message-file-wrapper .img-load-failed {
  color: #CB5555;
}

.chat-app .message-item .message .message-image-wrapper img,
.chat-app .message-item .message .message-file-wrapper img {
  display: inline-block;
  max-height: 190px;
  width: auto;
  padding: 0 0 4px 0;
  margin: auto 0;
  vertical-align: middle;
}

.chat-app .message-item .message .message-image-wrapper img,
.chat-app .message-item .message .message-file-wrapper img {
  max-height: none;
}

.chat-app .message-item .message img {
  max-width: 100%;
}

.chat-app .message-item .message .remoticon {
  margin-top: -1px;
}

.chat-app .message-item .message .CodeMirror-line {
  word-break: break-word;
}

.chat-app .message-item .message-fail {
  position: relative;
  margin: -3px 0 6px 0;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.1px;
}

.chat-app .message-item .message-fail .exclamation {
  position: absolute;
  top: -2px;
  color: #F5A623;
  font-weight: 700;
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .message-item .message-fail .content {
  padding-left: 9px;
}

.chat-app .message-item .message-fail a {
  font-weight: 700;
}

.chat-app .message-item .message-file {
  position: relative;
  width: 100px;
  height: 125px;
  border: 1px solid #272727;
  background-color: rgba(10, 10, 10, 0.8);
  text-align: center;
  padding: 10px;
  margin: 10px 0;
  border-radius: 2px;
}

.chat-app .message-item .message-file .progress-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 74%;
  height: 10px;
  margin-top: 8px;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.chat-app .message-item .message-file .progress-holder .progress {
  width: 100%;
}

.chat-app .message-item .message-file .progress-holder .progress-number {
  top: -25px;
}

.chat-app .message-item .message-file .message-file-icon {
  margin: -6px -8px -4px 0;
  font-size: 34px;
  font-size: 3.4rem;
}

.chat-app .message-item .message-file .message-file-size,
.chat-app .message-item .message-file .message-file-name {
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  text-align: center;
}

.chat-app .message-item .message-file .message-file-name {
  font-size: 10px;
}

.chat-app .message-item .message-file .message-file-size {
  color: #a0a0a0;
  font-size: 8px;
}

.chat-app .message-item .message-file .message-file-link {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  color: #272727;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  border-color: #272727;
  text-shadow: 0px 1px 0px false #c8aa67;
  font-size: 10px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  margin-top: 4px;
  padding: 4px 8px;
  display: block;
}

.chat-app .message-item .message-file .message-file-link:hover, .chat-app .message-item .message-file .message-file-link:focus, .chat-app .message-item .message-file .message-file-link.focus, .chat-app .message-item .message-file .message-file-link:active, .chat-app .message-item .message-file .message-file-link.active {
  color: #272727;
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #1a1a1a;
}

.chat-app .message-item .message-file .message-file-link.disabled, .chat-app .message-item .message-file .message-file-link.disabled:hover, .chat-app .message-item .message-file .message-file-link.disabled:focus, .chat-app .message-item .message-file .message-file-link.disabled.focus, .chat-app .message-item .message-file .message-file-link.disabled:active, .chat-app .message-item .message-file .message-file-link.disabled.active, .chat-app .message-item .message-file .message-file-link[disabled], .chat-app .message-item .message-file .message-file-link[disabled]:hover, .chat-app .message-item .message-file .message-file-link[disabled]:focus, .chat-app .message-item .message-file .message-file-link[disabled].focus, .chat-app .message-item .message-file .message-file-link[disabled]:active, .chat-app .message-item .message-file .message-file-link[disabled].active {
  background-color: #c19f54;
  border-color: #272727;
}

.chat-app .message-item.status-sending .message-file, .chat-app .message-item.status-uploading .message-file, .chat-app .message-item.status-processing .message-file {
  border: 1px solid #272727;
}

.chat-app .message-item.status-sending .message-file:before, .chat-app .message-item.status-uploading .message-file:before, .chat-app .message-item.status-processing .message-file:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 10, 10, 0.8);
}

.chat-app .my-message .message {
  border: 1px solid #272727;
  float: right;
  background: #222222;
}

@media (min-width: 75.4375em) {
  .chat-app .my-message .message:before {
    left: auto;
    right: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #272727;
    border-right: 0 none;
  }
  .chat-app .my-message .message:after {
    left: auto;
    right: -6px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #222222;
    border-right: 0 none;
  }
}

.chat-app .my-message .message .file-audio,
.chat-app .my-message .message .file-video {
  margin: 7px 0;
  max-width: 15em;
}

.chat-app .my-message .chat-profile-image {
  left: auto;
  right: -76px;
  margin-right: 0;
  margin-left: 10px;
}

.chat-app .flat-list {
  padding: 10px 10px 0px 10px;
}

@media (min-width: 75.4375em) {
  .chat-app .flat-list {
    padding: 10px 60px 0px 50px;
  }
}

.chat-app .flat-list .message-item {
  min-height: 30px;
  margin-top: 4px;
}

.chat-app .flat-list .chat-profile-image {
  width: 26px;
  height: 26px;
  left: -40px;
}

.chat-app .flat-list .chat-profile-image img {
  border-width: 1px;
}

.chat-app .flat-list .message {
  margin-top: 0;
  padding: 0px 10px;
}

.chat-app .flat-list .message p,
.chat-app .flat-list .message .message-content {
  margin: 2px 0 5px 0;
  line-height: 18px;
  font-size: 14px;
  font-size: 1.4rem;
}

.chat-app .flat-list .message .message-title {
  margin-top: 4px;
  font-size: 14px;
  font-size: 1.4rem;
}

.chat-app .flat-list .message:before {
  top: 5px;
}

.chat-app .flat-list .message:after {
  top: 5px;
}

.chat-app .flat-list .my-message .chat-profile-image {
  right: -40px;
  left: auto;
}

.chat-app .flat-list .my-message .message-title {
  display: none;
}

.chat-app .flat-list .my-message p,
.chat-app .flat-list .my-message .message-content {
  margin: 5px 0 5px 0;
}

.chat-app .flat-list .message-time {
  top: 8px;
}

.chat-app .conversation-footer {
  width: 100%;
  min-height: 120px;
  padding: 10px 10px;
  border-top: 1px solid #272727;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-footer {
    padding: 10px 10px;
  }
}

@media (min-width: 75.4375em) {
  .chat-app .conversation-footer {
    padding: 10px 95px;
  }
}

.chat-app .conversation-footer .send-holder {
  float: right;
  margin-top: 5px;
}

.chat-app .conversation-footer .composer.offline textarea,
.chat-app .conversation-footer .composer.offline .DraftEditor-root {
  border: 2px solid #F5A623;
}

.chat-app .conversation-footer .composer .editor-container {
  position: relative;
}

.chat-app .conversation-footer .DraftEditor-root {
  display: block;
  box-shadow: none;
  outline: none;
  resize: none;
  border: 1px solid #272727;
  background-color: #222222;
  z-index: 1;
  border-radius: 2px;
}

.chat-app .conversation-footer .DraftEditor-root:hover {
  border-color: #666;
}

.chat-app .conversation-footer .DraftEditor-root:focus {
  border-color: #aaa;
}

.chat-app .conversation-footer .public-DraftEditor-content {
  height: 55px;
  overflow-y: auto;
  padding: 7px 10px;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-footer .public-DraftEditor-content {
    height: 80px;
  }
}

.chat-app .conversation-footer textarea {
  position: relative;
  border: 1px solid #272727;
  background-color: #272727;
  height: 55px;
  z-index: 1;
  outline: none;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-footer textarea {
    height: 80px;
  }
}

.chat-app .conversation-footer textarea::-webkit-input-placeholder:before {
  font-family: "fontcustom", Helvetica, Arial, sans-serif;
  content: "\f10e";
  margin-right: 5px;
}

.chat-app .conversation-footer textarea:-moz-placeholder:before {
  font-family: "fontcustom", Helvetica, Arial, sans-serif;
  content: "\f10e";
  margin-right: 5px;
}

.chat-app .conversation-footer textarea::-moz-placeholder:before {
  font-family: "fontcustom", Helvetica, Arial, sans-serif;
  content: "\f10e";
  margin-right: 5px;
}

.chat-app .conversation-footer textarea:-ms-input-placeholder:before {
  font-family: "fontcustom", Helvetica, Arial, sans-serif;
  content: "\f10e";
  margin-right: 5px;
}

.chat-app .conversation-footer textarea:hover {
  border-color: #666;
}

.chat-app .conversation-footer textarea:focus {
  border-color: #aaa;
}

.chat-app .conversation-footer .enter-to-send {
  float: left;
  color: #FFFFFF;
  margin-top: 3px;
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-footer .enter-to-send {
    margin: 5px;
  }
}

.chat-app .conversation-footer .enter-to-send input {
  margin-left: 5px;
  vertical-align: middle;
}

.chat-app .conversation-footer .button-chat-send {
  float: left;
  padding: 6px 20px;
  margin: 0 1px 0 10px;
}

@media (min-width: 48.9375em) {
  .chat-app .conversation-footer .button-chat-send {
    margin-left: 12px;
    padding: 11px 20px 10px 20px;
  }
}

@media (min-width: 75.4375em) {
  .chat-app .conversation-footer.flat-list {
    padding: 10px 60px 10px 50px;
  }
}

.chat-app .chat-upload-features {
  margin-top: 2px;
}

.chat-app .chat-upload-features .button-chat-image,
.chat-app .chat-upload-features .button-chat-file,
.chat-app .chat-upload-features .button-chat-code {
  background-image: linear-gradient(-180deg, #272727 0%, #1a1a1a 100%);
  color: #676767;
  border: 1px solid #272727;
  text-shadow: 0px 1px 0px false #343434;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 4px 8px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  width: 34px;
  cursor: pointer;
}

.chat-app .chat-upload-features .button-chat-image:hover, .chat-app .chat-upload-features .button-chat-image:focus,
.chat-app .chat-upload-features .button-chat-file:hover,
.chat-app .chat-upload-features .button-chat-file:focus,
.chat-app .chat-upload-features .button-chat-code:hover,
.chat-app .chat-upload-features .button-chat-code:focus {
  background-image: linear-gradient(-180deg, #343434 0%, #272727 100%);
  border-color: #343434;
  color: #5a5a5a;
}

.chat-app .chat-upload-features .button-chat-image:visited,
.chat-app .chat-upload-features .button-chat-file:visited,
.chat-app .chat-upload-features .button-chat-code:visited {
  color: #676767;
}

.chat-app .chat-upload-features .button-chat-image:hover, .chat-app .chat-upload-features .button-chat-image:focus,
.chat-app .chat-upload-features .button-chat-file:hover,
.chat-app .chat-upload-features .button-chat-file:focus,
.chat-app .chat-upload-features .button-chat-code:hover,
.chat-app .chat-upload-features .button-chat-code:focus {
  text-decoration: none;
}

.chat-app .chat-upload-features .button-chat-image:active,
.chat-app .chat-upload-features .button-chat-file:active,
.chat-app .chat-upload-features .button-chat-code:active {
  outline: 0;
}

@media (min-width: 62.4375em) {
  .chat-app .chat-upload-features .button-chat-image,
  .chat-app .chat-upload-features .button-chat-file,
  .chat-app .chat-upload-features .button-chat-code {
    padding: 11px 16px;
    width: auto;
  }
}

.chat-app .chat-upload-features .button-chat-image span,
.chat-app .chat-upload-features .button-chat-file span,
.chat-app .chat-upload-features .button-chat-code span {
  display: none;
}

@media (min-width: 62.4375em) {
  .chat-app .chat-upload-features .button-chat-image span,
  .chat-app .chat-upload-features .button-chat-file span,
  .chat-app .chat-upload-features .button-chat-code span {
    display: inline-block;
  }
}

.chat-app .chat-upload-features .button-chat-file .attachment-field {
  width: 120px;
}

.chat-app .chat-upload-features .button-chat-image .attachment-field {
  width: 100px;
}

.chat-app .chat-upload-features .button-chat-code {
  border-right: none;
}

.chat-app .chat-upload-features .icon-image:before {
  position: relative;
  right: 0;
}

@media (min-width: 62.4375em) {
  .chat-app .chat-upload-features .icon-image:before {
    right: 3px;
  }
}

.chat-app .chat-upload-features .icon-image,
.chat-app .chat-upload-features .icon-page,
.chat-app .chat-upload-features .feed-icon-projectnew,
.chat-app .chat-upload-features .feed-icon-instructionnew,
.chat-app .chat-upload-features
.feed-icon-instructionupdate,
.chat-app .chat-upload-features .feed-icon-newdetails,
.chat-app .chat-upload-features
.feed-icon-updatedetails,
.chat-app .chat-upload-features
.feed-icon-projectupdate,
.chat-app .chat-upload-features .new-feed .feed-icon.feed-icon-add-log-project, .new-feed
.chat-app .chat-upload-features .feed-icon.feed-icon-add-log-project,
.chat-app .chat-upload-features .new-feed .feed-icon.feed-icon-add-page-profile, .new-feed
.chat-app .chat-upload-features .feed-icon.feed-icon-add-page-profile,
.chat-app .chat-upload-features .new-feed .feed-icon.feed-icon-update-log-project, .new-feed
.chat-app .chat-upload-features .feed-icon.feed-icon-update-log-project,
.chat-app .chat-upload-features .icon-code {
  font-size: 15px;
  font-size: 1.5rem;
}

.chat-app .chat-upload-features .icon-page:before, .chat-app .chat-upload-features .feed-icon-projectnew:before, .chat-app .chat-upload-features .feed-icon-instructionnew:before, .chat-app .chat-upload-features
.feed-icon-instructionupdate:before, .chat-app .chat-upload-features .feed-icon-newdetails:before, .chat-app .chat-upload-features
.feed-icon-updatedetails:before, .chat-app .chat-upload-features
.feed-icon-projectupdate:before, .chat-app .chat-upload-features .new-feed .feed-icon.feed-icon-add-log-project:before, .new-feed .chat-app .chat-upload-features .feed-icon.feed-icon-add-log-project:before, .chat-app .chat-upload-features .new-feed .feed-icon.feed-icon-add-page-profile:before, .new-feed .chat-app .chat-upload-features .feed-icon.feed-icon-add-page-profile:before, .chat-app .chat-upload-features .new-feed .feed-icon.feed-icon-update-log-project:before, .new-feed .chat-app .chat-upload-features .feed-icon.feed-icon-update-log-project:before {
  position: relative;
  right: 0;
  top: 0;
}

@media (min-width: 62.4375em) {
  .chat-app .chat-upload-features .icon-page:before, .chat-app .chat-upload-features .feed-icon-projectnew:before, .chat-app .chat-upload-features .feed-icon-instructionnew:before, .chat-app .chat-upload-features
  .feed-icon-instructionupdate:before, .chat-app .chat-upload-features .feed-icon-newdetails:before, .chat-app .chat-upload-features
  .feed-icon-updatedetails:before, .chat-app .chat-upload-features
  .feed-icon-projectupdate:before, .chat-app .chat-upload-features .new-feed .feed-icon.feed-icon-add-log-project:before, .new-feed .chat-app .chat-upload-features .feed-icon.feed-icon-add-log-project:before, .chat-app .chat-upload-features .new-feed .feed-icon.feed-icon-add-page-profile:before, .new-feed .chat-app .chat-upload-features .feed-icon.feed-icon-add-page-profile:before, .chat-app .chat-upload-features .new-feed .feed-icon.feed-icon-update-log-project:before, .new-feed .chat-app .chat-upload-features .feed-icon.feed-icon-update-log-project:before {
    right: 2px;
    top: 0;
  }
}

.chat-app .chat-upload-features .icon-code:before {
  position: relative;
  right: 0;
  top: 0;
}

@media (min-width: 62.4375em) {
  .chat-app .chat-upload-features .icon-code:before {
    right: 2px;
    top: 1px;
  }
}

.chat-app .autocomplete {
  position: absolute;
  display: block;
  z-index: 100;
  bottom: 30px;
  cursor: pointer;
}

.chat-app .autocomplete-container {
  background: #000000;
  border: 1px solid #272727;
  max-width: 300px;
  min-width: 260px;
  max-height: 240px;
  padding: 4px 0;
  overflow: auto;
  border-radius: 3px;
}

@media screen and (max-height: 320px) {
  .chat-app .autocomplete-container {
    max-height: 120px;
  }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
  .chat-app .autocomplete-container {
    max-height: 150px;
  }
}

.chat-app .autocomplete-container ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.chat-app .autocomplete-container li {
  padding: 2px 5px;
  overflow: hidden;
  color: #676767;
  text-overflow: ellipsis;
}

.chat-app .autocomplete-container .autocomplete-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-app .autocomplete-container .autocomplete-item-selected {
  background-color: #272727;
}

.chat-app .autocomplete-row-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.chat-app .autocomplete-row-container .autocomplete-row-avatar {
  margin-left: 3px;
}

.chat-app .autocomplete-row-container .autocomplete-row-avatar img {
  width: 36px;
  height: 36px;
}

.chat-app .autocomplete-row-right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.chat-app .autocomplete-row-right-content .autocomplete-row-header {
  margin-left: 10px;
  color: #9a9a9a;
}

.chat-app .autocomplete-row-right-content .autocomplete-row-subheader {
  color: #676767;
  margin-left: 10px;
  font-size: .9em;
}

.chat-app .autocomplete-bottom-arrow {
  position: absolute;
  height: 16px;
  width: 1px;
  top: auto;
  left: 13%;
}

.chat-app .autocomplete-bottom-arrow:after {
  border-bottom-color: #000000;
  top: 1px;
}

.chat-app .autocomplete-bottom-arrow::after, .chat-app .autocomplete-bottom-arrow::before {
  border-color: #272727 transparent;
  border-style: solid;
  border-width: 0 8px 8px;
  content: "";
  left: -8px;
  position: absolute;
  top: 0;
}

.chat-app .autocomplete-bottom-arrow:before, .chat-app .autocomplete-bottom-arrow:after {
  border-width: 8px 8px 0;
}

.chat-app .autocomplete-bottom-arrow:after {
  border-top-color: #000000;
  top: -1px;
}

.chat-app .embedly-card {
  margin: 8px 0;
  line-height: 21px;
}

.chat-app .embedly-card .provider {
  display: block;
  padding: 0 0 5px 0;
  white-space: normal;
  letter-spacing: .2px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
}

.chat-app .embedly-card .provider .provider-favicon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NTRGMzZFNTNBOTQxMUUzOUU0OUExMEE2NkE3QUNDMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NTRGMzZFNjNBOTQxMUUzOUU0OUExMEE2NkE3QUNDMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1NEYzNkUzM0E5NDExRTM5RTQ5QTEwQTY2QTdBQ0MzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ1NEYzNkU0M0E5NDExRTM5RTQ5QTEwQTY2QTdBQ0MzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pF18XQAAAUtJREFUeNqkkz1LA0EQhjdDQG0CaqOkFiEWNhG10cIrbSzTpAp4lY1cZeEPOOwDHljebxAiYilaiSDYapR0YiUW4jvwngzjLRYOPOzt3Hzszs40gpM8z9exDEAC2lSPwQgUWZZdW/uGcWxhGYIeVRPwAL7AJpihvgQpAr3/BKDzBeiCO3AAgysTXLPvmMS3utcgQsWQzs9g2zlrkhV30y59gvDO1bFP4fzmjNfAQvgtPfUVFqySlxrDG3Af6mXQZLVttoJH38JyDk7AfCRAIuapVPpwXOX3E5/vCCxGArTFKabBJYLsY/0AS6iJFnEKbIBHH0GYxcosK6z1mFMFgnyygfrOdizssJgkbu9PMJKqaBE5w3XsK3Xc/0J4tDISQNt31+wPzXepvk1uUi0YOyzUDJgW8hjsmVZO/xqmSnRoXsFydJj+M87fAgwAhBVmF6w0nW0AAAAASUVORK5CYII=);
  margin-right: 4px;
  vertical-align: top;
}

.chat-app .embedly-card .provider .provider-name {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}

.chat-app .embedly-card .provider .author {
  display: block;
  color: #7f7f7f;
  font-weight: 700;
  margin-bottom: 3px;
  padding-left: 4px;
  line-height: 16px;
  letter-spacing: .2px;
  display: inline-block;
  vertical-align: middle;
  vertical-align: top;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.chat-app .embedly-card .provider .author a {
  color: #7f7f7f;
}

.chat-app .embedly-card .embedly-card-body {
  border-left: 8px solid #CCC;
  overflow: hidden;
  padding-left: 12px;
  display: table;
}

.chat-app .embedly-card .embedly-card-link .link-thumbnail {
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  padding-bottom: 10px;
  overflow: hidden;
  vertical-align: top;
  filter: alpha(enabled=false);
  opacity: 1;
  display: block;
  margin: 0;
}

@media (min-width: 48.9375em) {
  .chat-app .embedly-card .embedly-card-link .link-thumbnail {
    width: 175px;
    margin-top: 5px;
  }
}

.chat-app .embedly-card .embedly-card-link .link-thumbnail img {
  max-width: 100%;
  width: 100%;
}

.chat-app .embedly-card .embedly-card-link .link-description {
  vertical-align: top;
}

@media (min-width: 48.9375em) {
  .chat-app .embedly-card .embedly-card-link .link-description {
    display: table-cell;
    padding: 0 8px 8px 10px;
  }
}

.chat-app .embedly-card .embedly-card-link .link-description h4 {
  margin: 0;
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.chat-app .embedly-card .embedly-card-link .link-description p {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 20px;
}

.chat-app .embedly-card .embedly-card-frame {
  position: relative;
  padding-bottom: 67.5%;
  height: 0;
  margin: 5px 0;
  overflow: hidden;
}

.chat-app .embedly-card .embedly-card-frame iframe, .chat-app .embedly-card .embedly-card-frame object, .chat-app .embedly-card .embedly-card-frame embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.chat-app .embedly-card .embedly-card-video .embedly-card-body,
.chat-app .embedly-card .embedly-card-rich .embedly-card-body,
.chat-app .embedly-card .embedly-card-photo .embedly-card-body {
  display: block;
}

.chat-app .conversation-join-panel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding-top: 40px;
  z-index: 1000;
}

.chat-app .conversation-join-panel .button-primary {
  padding: 9px 30px 10px 30px;
}

.chat-app .video-react .video-react-control:before,
.chat-app .video-react .video-react-big-play-button:before {
  background: none;
}

/***********************************************************
    Chat Left Sidebar
************************************************************/
.chat-app .left-chat-section {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.chat-app .left-chat-section li {
  position: relative;
  display: block;
  min-height: 70px;
  padding: 15px;
  border-bottom: 1px solid #272727;
}

.chat-app .left-chat-section li:first-child {
  min-height: auto;
  padding: 10px 15px;
}

.chat-app .profile-chat-section {
  padding-left: 0;
  list-style: none;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  height: -ms-calc(100% - 136px);
  height: calc(100% - 136px);
}

.chat-app .profile-chat-section li {
  position: relative;
  border-bottom: 1px solid #272727;
}

.chat-app .profile-chat-section li.load-more-conversations {
  padding: 13px 10px;
}

.chat-app .profile-chat-section li.load-more-conversations.loading-conversations a {
  padding: 20px;
}

.chat-app .profile-chat-section li.load-more-conversations.loading-conversations .loading {
  top: 10px;
  left: 50%;
  margin-left: -20px;
}

.chat-app .profile-chat-section li a.button-load-more-conversations {
  padding: 8px 25px 8px 25px;
  font-weight: 400;
}

.chat-app .profile-chat-section li a {
  display: block;
  overflow: hidden;
  padding: 7px 10px 8px 10px;
}

.chat-app .profile-chat-section li .conversation-bubble {
  position: absolute;
  top: 50%;
  min-width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #272727;
  color: #FFFFFF;
  font-size: 10px;
  font-size: 1rem;
  padding: 1px 5px;
  text-align: center;
  border-radius: 10px;
  left: 10px;
}

.chat-app .profile-chat-section li .conversation-unread {
  background-color: #CB5555;
}

.chat-app .profile-chat-section li img {
  border: 2px solid #676767;
}

.chat-app .profile-chat-section li.active {
  background-color: #272727;
  border-color: #272727;
}

.chat-app .profile-chat-section li.official.active .chat-profile-image {
  border: 1px solid #272727;
}

.chat-app .profile-chat-section li.official .chat-profile-image {
  background-color: #FFFFFF;
  border-radius: 50px;
  overflow: hidden;
  border: 1px solid #FFFFFF;
}

.chat-app .profile-chat-section li.official .chat-profile-image img {
  border: none;
  height: auto;
  border-radius: 50px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.chat-app .profile-chat-section .time {
  position: absolute;
  right: 8px;
  top: 5px;
  font-size: 10px;
  font-size: 1rem;
  color: #676767;
  text-align: right;
}

.chat-app .profile-chat-section h3 {
  margin: 0;
  padding-top: 8px;
  padding-right: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.chat-app .profile-chat-section .short-message {
  margin: 0;
  padding-right: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #7b7b7b;
}

.chat-app .profile-chat-section .short-message .default-message {
  font-style: italic;
}

.chat-app .profile-chat-section .message-indicator {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  background: #CB5555;
  margin-top: -3px;
  border-radius: 50%;
}

.chat-app .profile-chat-section .profile-content {
  overflow: hidden;
}

.chat-app .profile-chat-section .profile-content .user-company {
  display: none;
}

.chat-app .profile-chat-section .chat-profile-image {
  margin-left: 20px;
}

.chat-app .button-new-conversation {
  display: block;
}

.chat-app .button-new-conversation.hide {
  display: none;
}

.chat-app .button-disabled {
  background-image: linear-gradient(-180deg, #494949 0%, #3c3c3c 100%);
}

.chat-app .chat-profile-image {
  position: relative;
  float: left;
  width: 55px;
  height: 55px;
  margin-right: 12px;
}

.chat-app .chat-profile-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border: 2px solid #676767;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.chat-app .user-search .input-field {
  display: block;
  box-sizing: border-box;
  height: 30px;
  padding: 0.8em;
  background-color: #272727;
  border: 1px solid #272727;
  outline: none;
  font-size: 11px;
  font-size: 1.1rem;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.chat-app .user-search .input-field:hover {
  border-color: #666;
}

.chat-app .user-search .input-field:focus {
  border-color: #aaa;
}

.chat-app .user-indicator {
  position: absolute;
  top: -2px;
  right: 2px;
  width: 10px;
  height: 10px;
  background: #676767;
  border: 2px solid #272727;
  border-radius: 50%;
  z-index: 1;
}

.chat-app .user-indicator.online {
  background: #7ED321;
}

.chat-app .status-indicator {
  background-color: #272727;
  padding: 4px 10px;
  font-size: 10px;
  text-transform: uppercase;
}

.chat-app .status-indicator.status-offline {
  background-color: #CB5555;
  color: white;
}

.chat-app .status-indicator.status-offline .status-icon {
  background-color: white;
}

.chat-app .status-indicator.status-connecting {
  background-color: #F5A623;
  color: white;
}

.chat-app .status-indicator.status-connecting .status-icon {
  background-color: white;
}

.chat-app .status-indicator.status-online {
  color: #676767;
}

.chat-app .status-indicator.status-online .status-icon {
  background: #7ED321;
}

.chat-app .status-indicator .status-icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  border-radius: 50%;
}

/***********************************************************
    Chat Right Sidebar
************************************************************/
.chat-app .chat-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 10px 0 10px 0;
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .chat-section:first-child {
  margin-top: 31px;
}

.chat-app .chat-section .chat-sidebar-section {
  padding: 10px;
}

.chat-app .chat-section.first {
  margin-top: 0;
}

.chat-app .chat-section .invite-user {
  padding: 2px 10px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
}

.chat-app .chat-section .chat-leave {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 10px 10px;
  color: #CB5555;
  font-weight: 600;
}

.chat-app .chat-section .chat-leave:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(-90deg, #FFFFFF 0%, #E6E6E6 100%);
}

.chat-app .chat-section .chat-leave .icon-long-arrow-right, .chat-app .chat-section .chat-leave .icon-longarrowright {
  position: relative;
  top: 1px;
  left: 3px;
}

.chat-app .chat-section h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: 1px solid #272727;
}

.chat-app .chat-section .profile-card {
  position: relative;
  margin-bottom: 2px;
}

.chat-app .chat-section .profile-card .profile-image {
  float: left;
  position: relative;
  width: 36px;
  height: 36px;
  margin-right: 10px;
}

.chat-app .chat-section .profile-card .profile-image img {
  width: 36px;
  height: 36px;
  max-height: 100%;
  border: 2px solid #676767;
  border-radius: 50%;
}

.chat-app .chat-section .profile-card:last-child {
  margin-bottom: 0;
}

.chat-app .chat-section .profile-card .user-remove {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7% 4px 7% 13px;
  color: #cb5555;
  display: none;
}

.chat-app .chat-section .profile-card .icon-close, .chat-app .chat-section .profile-card .icon-close-test, .chat-app .chat-section .profile-card .modal-close-icon, .chat-app .chat-section .profile-card .modal-close, .chat-app .chat-section .profile-card .submissions-close, .chat-app .chat-section .profile-card .input-username-unavailable, .chat-app .chat-section .profile-card .alert-close {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #cb5555;
  padding: 2px 0;
  font-size: 8px;
  font-size: 0.8rem;
  text-align: center;
  border-radius: 50%;
}

.chat-app .chat-section .profile-card:hover .user-remove {
  display: inline-block;
}

.chat-app .chat-section .members-list {
  padding: 5px;
}

.chat-app .chat-section .members-list .profile-card {
  padding: 0 4px;
}

.chat-app .chat-section .members-list .profile-card:hover {
  border-radius: 2px;
}

.chat-app .chat-section .profile-user {
  text-align: center;
  border: 1px solid #272727;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px;
  padding-bottom: 10px;
  border-radius: 2px;
}

.chat-app .chat-section .profile-user h5 {
  margin: 10px 0 0 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 600;
}

.chat-app .chat-section .profile-user h4 {
  font-size: 12px;
  font-size: 1.2rem;
}

.chat-app .chat-section .profile-user .profile-image img {
  width: 100%;
}

.chat-app .chat-section .profile-user .user-company {
  margin: 0 0 5px 0;
}

.chat-app .chat-section .general-info {
  list-style: none;
  margin: 0;
  padding: 10px 10px 15px 10px;
}

.chat-app .chat-section .general-info li {
  margin: 0 0 5px 0;
  font-size: 12px;
  font-size: 1.2rem;
}

.chat-app .chat-section .general-info li:last-child {
  margin: 0;
}

.chat-app .chat-section .general-info span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #676767;
  font-size: 10px;
  font-size: 1rem;
}

.chat-app .chat-section .general-info p {
  margin: 0;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .chat-section .general-info a {
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .groups-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  color: #5094d5;
}

.chat-app .groups-list .icon-users, .chat-app .groups-list .step-two, .chat-app .groups-list .feed-icon-followuser, .chat-app .groups-list
.feed-icon-projectFollow, .chat-app .groups-list
.feed-icon-contestFollow, .chat-app .groups-list
.feed-icon-eventFollow, .chat-app .groups-list
.feed-icon-hackerspaceFollow, .chat-app .groups-list
.feed-icon-listFollow, .chat-app .groups-list .new-feed .feed-icon.feed-icon-add-contributor, .new-feed .chat-app .groups-list .feed-icon.feed-icon-add-contributor, .chat-app .groups-list .new-feed .feed-icon.feed-icon-assign-project, .new-feed .chat-app .groups-list .feed-icon.feed-icon-assign-project, .chat-app .groups-list .new-feed .feed-icon.feed-icon-assign-user-project, .new-feed .chat-app .groups-list .feed-icon.feed-icon-assign-user-project {
  position: absolute;
  top: 1px;
}

.chat-app .groups-list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
}

.chat-app .groups-list span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}

.chat-app .members-title a {
  display: block;
  width: 100%;
  color: #FFFFFF;
}

.chat-app .members-title .icon-arrow-down, .chat-app .members-title .icon-arrowdown, .chat-app .members-title .icon-arrow-up, .chat-app .members-title .icon-arrowup {
  float: right;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
}

/***********************************************************
    Chat Image Viewer
************************************************************/
.chat-app .image-viewer {
  background-color: rgba(51, 51, 51, 0.95);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
}

.chat-app .image-viewer .image-viewer-image-icon {
  display: inline-block;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center center;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdGVkIGJ5IEljb01vb24uaW8gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+DQo8L2c+DQo8cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTk0Ny42NjMgMTAyNC4yaC04NzAuODI1Yy00Mi4zNjggMC03Ni44MzgtMzQuNDY4LTc2LjgzOC03Ni44Mzh2LTg3MC44MjVjMC00Mi4zNjggMzQuNDctNzYuODM4IDc2LjgzOC03Ni44MzhoODcwLjgyNWM0Mi4zNyAwIDc2LjgzOCAzNC40NyA3Ni44MzggNzYuODM4djg3MC44MjVjMCA0Mi4zNy0zNC40NjggNzYuODM4LTc2LjgzOCA3Ni44Mzh6TTc2LjgzOCA1MC45MjVjLTE0LjEyMiAwLTI1LjYxMyAxMS40OTEtMjUuNjEzIDI1LjYxM3Y4NzAuODI1YzAgMTQuMTIyIDExLjQ5MSAyNS42MTMgMjUuNjEzIDI1LjYxM2g4NzAuODI1YzE0LjEyMiAwIDI1LjYxMy0xMS40OTEgMjUuNjEzLTI1LjYxM3YtODcwLjgyNWMwLTE0LjEyMi0xMS40OTEtMjUuNjEzLTI1LjYxMy0yNS42MTNoLTg3MC44MjV6TTY2NS45MjUgNDYwLjcyNWMtNTYuNDkyIDAtMTAyLjQ1LTQ1Ljk1OC0xMDIuNDUtMTAyLjQ1czQ1Ljk1OC0xMDIuNDUgMTAyLjQ1LTEwMi40NSAxMDIuNDUgNDUuOTU4IDEwMi40NSAxMDIuNDUtNDUuOTU4IDEwMi40NS0xMDIuNDUgMTAyLjQ1ek02NjUuOTI1IDMwNy4wNTBjLTI4LjI0NiAwLTUxLjIyNSAyMi45NzktNTEuMjI1IDUxLjIyNXMyMi45NzkgNTEuMjI1IDUxLjIyNSA1MS4yMjUgNTEuMjI1LTIyLjk3OSA1MS4yMjUtNTEuMjI1LTIyLjk3OS01MS4yMjUtNTEuMjI1LTUxLjIyNXpNODk2LjQzOCA5MjEuNzVoLTM1OC41NzVjLTE0LjE0NiAwLTI1LjYxMy0xMS40NjctMjUuNjEzLTI1LjYxM3MxMS40NjctMjUuNjEzIDI1LjYxMy0yNS42MTNoMzU4LjU3NWMxNC4xNDYgMCAyNS42MTMgMTEuNDY3IDI1LjYxMyAyNS42MTNzLTExLjQ2NyAyNS42MTMtMjUuNjEzIDI1LjYxM3pNODk2LjQzOCAxMDIuMTVoLTc2OC4zNzVjLTE0LjE0NSAwLTI1LjYxMyAxMS40NjgtMjUuNjEzIDI1LjYxM3Y2MTQuN2MwIDE0LjE0NiAxMS40NjggMjUuNjEzIDI1LjYxMyAyNS42MTNoNzY4LjM3NWMxNC4xNDYgMCAyNS42MTMtMTEuNDY3IDI1LjYxMy0yNS42MTN2LTYxNC43YzAtMTQuMTQ1LTExLjQ2Ny0yNS42MTMtMjUuNjEzLTI1LjYxM3pNMTUzLjY3NSA1OTguNTI1bDE2NC4zOTgtMTg0Ljk0OGM0LjIwNS00LjczIDkuNjk5LTcuMzc1IDE1LjQ3LTcuNDQ0IDUuNzI4LTAuMDkwIDExLjMyOCAyLjQzOSAxNS42NDYgNy4wNjVsMjgzLjQwOCAzMDMuNjVoLTQ3OC45MjR2LTExOC4zMjV6TTg3MC44MjUgNzE2Ljg1aC0xNjguMTU3bC0zMTYuMDI5LTMzOC42MDJjLTE0LjI3Ni0xNS4yOTUtMzMuMzI4LTIzLjYxNy01My43MTctMjMuMzM2LTIwLjM2NCAwLjI0Ni0zOS4yMzMgOC45OTYtNTMuMTMzIDI0LjYzM2wtMTI2LjExMyAxNDEuODc3di0zNjguMDQ3aDcxNy4xNXY1NjMuNDc1eiI+PC9wYXRoPg0KPC9zdmc+);
}

.chat-app .image-viewer .image-viewer-header {
  background-color: #000;
  padding-left: 10px;
  display: table;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

.chat-app .image-viewer .image-viewer-header .image-viewer-image-icon {
  float: left;
  width: 45px;
  height: 50px;
  background-size: 24px 24px;
}

.chat-app .image-viewer .image-viewer-title {
  max-width: 70%;
  float: left;
  height: 50px;
  margin: 0;
  vertical-align: top;
  color: #FFFFFF;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
}

.chat-app .image-viewer .image-viewer-controls {
  padding-left: 0;
  text-align: right;
  float: right;
  max-width: 30%;
  display: block;
  height: 50px;
}

.chat-app .image-viewer .image-viewer-controls button {
  display: inline-block;
  border: none;
  outline: 0;
  background-color: transparent;
  cursor: pointer;
  width: 50px;
  height: 50px;
  color: #FFFFFF;
}

.chat-app .image-viewer .image-viewer-controls button:hover {
  background-color: #707070;
}

.chat-app .image-viewer .image-viewer-body {
  display: table;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.chat-app .image-viewer .image-viewer-body-container {
  bottom: 0;
  left: 0;
  overflow: hidden;
  right: 0;
  text-align: center;
  top: 50px;
  vertical-align: middle;
  height: calc(100% - 50px);
  position: absolute;
}

.chat-app .image-viewer .image-viewer-image-preview {
  width: 100%;
  height: 100%;
  overflow: auto;
  white-space: nowrap;
}

.chat-app .image-viewer .image-viewer-image-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.chat-app .image-viewer .image-viewer-image-container img {
  vertical-align: middle;
}

.chat-app .image-viewer .image-viewer-baseline-extension {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.chat-app .image-viewer .image-viewer-error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.chat-app .image-viewer .image-viewer-error .image-viewer-image-icon {
  width: 96px;
  height: 96px;
  background-size: 96px 96px;
}

.chat-app .image-viewer .image-viewer-error .image-viewer-error-message {
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  min-width: 490px;
  max-width: 640px;
  line-height: 2em;
  border-radius: 5px;
  padding: 35px 100px;
  background-color: rgba(0, 0, 0, 0.8);
}

.chat-app .image-viewer .image-viewer-error .image-viewer-error-message p {
  margin: 10px 0;
  color: #FFFFFF;
  line-height: 1.4em;
}

.chat-app .image-viewer .image-viewer-error .image-viewer-error-message p.message {
  margin: 10px 0 0 0;
  word-wrap: break-word;
}

.chat-app .image-viewer .image-viewer-arrows .image-viewer-arrow {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  color: #FFFFFF;
  top: 50%;
  margin-top: -50px;
  width: 65px;
  height: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.2s ease-in-out;
  text-indent: -999em;
}

.chat-app .image-viewer .image-viewer-arrows .image-viewer-arrow:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em;
}

.chat-app .image-viewer .image-viewer-arrows .image-viewer-arrow:hover {
  background-color: rgba(0, 0, 0, 0.8);
  transition: background-color 0.1s ease-in-out;
}

.chat-app .image-viewer .image-viewer-arrows .image-viewer-arrow-left {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  left: 0;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBmaWxsPSJ3aGl0ZSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yMTMuNywyNTZMMjEzLjcsMjU2TDIxMy43LDI1NkwzODAuOSw4MS45YzQuMi00LjMsNC4xLTExLjQtMC4yLTE1LjhsLTI5LjktMzAuNmMtNC4zLTQuNC0xMS4zLTQuNS0xNS41LTAuMkwxMzEuMSwyNDcuOSBjLTIuMiwyLjItMy4yLDUuMi0zLDguMWMtMC4xLDMsMC45LDUuOSwzLDguMWwyMDQuMiwyMTIuN2M0LjIsNC4zLDExLjIsNC4yLDE1LjUtMC4ybDI5LjktMzAuNmM0LjMtNC40LDQuNC0xMS41LDAuMi0xNS44IEwyMTMuNywyNTZ6Ij48L3BhdGg+PC9zdmc+);
}

.chat-app .image-viewer .image-viewer-arrows .image-viewer-arrow-right {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  right: 0;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBmaWxsPSJ3aGl0ZSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yOTguMywyNTZMMjk4LjMsMjU2TDI5OC4zLDI1NkwxMzEuMSw4MS45Yy00LjItNC4zLTQuMS0xMS40LDAuMi0xNS44bDI5LjktMzAuNmM0LjMtNC40LDExLjMtNC41LDE1LjUtMC4ybDIwNC4yLDIxMi43IGMyLjIsMi4yLDMuMiw1LjIsMyw4LjFjMC4xLDMtMC45LDUuOS0zLDguMUwxNzYuNyw0NzYuOGMtNC4yLDQuMy0xMS4yLDQuMi0xNS41LTAuMkwxMzEuMyw0NDZjLTQuMy00LjQtNC40LTExLjUtMC4yLTE1LjggTDI5OC4zLDI1NnoiPjwvcGF0aD48L3N2Zz4=);
}

.chat-app .image-viewer .image-viewer-toolbar {
  display: block;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 20px;
  background-color: #333;
  border-radius: 5px;
  margin-left: -75px;
  overflow: hidden;
}

.chat-app .image-viewer .image-viewer-toolbar button {
  cursor: pointer;
  height: 40px;
  width: 40px;
  border: none;
  outline: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  text-align: left;
  text-indent: -999em;
}

.chat-app .image-viewer .image-viewer-toolbar button:hover {
  background-color: #707070;
}

.chat-app .image-viewer .image-viewer-toolbar .image-viewer-toolbar-fit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MTYvcHJlc2VudGF0aW9uLW1vZGU8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTIgMTBIMXY1aDV2LTFIM2wzLTMtMS0xLTMgM3YtM3oiLz48cGF0aCBkPSJNMiA2SDFWMWg1djFIM2wzIDMtMSAxLTMtM3YzeiIvPjxwYXRoIGQ9Ik0xNCA2aDFWMWgtNXYxaDNsLTMgMyAxIDEgMy0zdjN6TTE0IDEwaDF2NWgtNXYtMWgzbC0zLTMgMS0xIDMgM3YtM3oiLz48L2c+PC9zdmc+);
}

.chat-app .image-viewer .image-viewer-toolbar .image-viewer-toolbar-minus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+U2xpY2UgMjwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOS41IDYuMTdWNy4yaC02VjYuMTdoNnoiIGZpbGw9IiNmZmYiLz48cmVjdCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxMy42MTYgMTMuNDYyKSIgeD0iMTAuMTE2IiB5PSIxMi40NjIiIHdpZHRoPSI3IiBoZWlnaHQ9IjIuMDU3IiByeD0iMSIvPjxlbGxpcHNlIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBjeD0iNi41IiBjeT0iNi42ODYiIHJ4PSI2LjUiIHJ5PSI2LjY4NiIvPjwvZz48L3N2Zz4=);
}

.chat-app .image-viewer .image-viewer-toolbar .image-viewer-toolbar-plus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+U2xpY2UgMjwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAzLjZoMXYyLjU3aDIuNVY3LjJIN3YyLjU3SDZWNy4ySDMuNVY2LjE3SDZWMy42eiIgZmlsbD0iI2ZmZiIvPjxyZWN0IGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDEzLjYxNiAxMy40NjIpIiB4PSIxMC4xMTYiIHk9IjEyLjQ2MiIgd2lkdGg9IjciIGhlaWdodD0iMi4wNTciIHJ4PSIxIi8+PGVsbGlwc2Ugc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuMjUiIGN4PSI2LjUiIGN5PSI2LjY4NiIgcng9IjYuNSIgcnk9IjYuNjg2Ii8+PC9nPjwvc3ZnPg==);
}

/***********************************************************
    Chat Room Settings
************************************************************/
.chat-app #room-settings-dialog {
  width: 90%;
}

@media (min-width: 48.9375em) {
  .chat-app #room-settings-dialog {
    width: 75%;
  }
}

@media (min-width: 62.4375em) {
  .chat-app #room-settings-dialog {
    width: 650px;
  }
}

.chat-app .room-settings-form {
  margin-top: 0;
  min-height: 300px;
}

.chat-app .room-settings-form .field-group {
  padding: 0;
  margin: 0;
}

.chat-app .room-settings-form .control-label {
  float: none;
  width: auto;
  padding: 0;
  margin: 15px 0 3px 0;
  text-align: left;
}

.chat-app .privacy-toggler {
  position: relative;
}

.chat-app .privacy-toggler p {
  color: #777777;
  margin: 5px 0 3px 0;
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .privacy-toggler .switch {
  display: block;
  position: relative;
  height: 24px;
  width: 129px;
  background: #FFFFFF;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid #272727;
  border-radius: 3px;
  cursor: pointer;
}

.chat-app .privacy-toggler .switch:before, .chat-app .privacy-toggler .switch:after {
  content: attr(data-on-text);
  position: absolute;
  top: 50%;
  left: 0;
  padding: 3px 13px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #272727;
  font-size: 12px;
  font-size: 1.2rem;
}

.chat-app .privacy-toggler .switch:after {
  content: attr(data-off-text);
  left: auto;
  right: 0;
  width: 57px;
  padding: 4px 10px;
}

.chat-app .privacy-toggler input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  padding: 0;
}

.chat-app .privacy-toggler input[type="checkbox"]:checked ~ [class^="switch__item"] {
  -webkit-transform: translateX(58px);
  transform: translateX(58px);
}

.chat-app .privacy-toggler [class^="switch__item"] {
  position: absolute;
  top: -1px;
  left: -1px;
  min-width: 71px;
  background: #7ED321;
  padding: 4px 10px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 2px;
  transition: all 0.2s ease-out;
  z-index: 1;
}

.chat-app .privacy-toggler input[type="checkbox"]:checked ~ .switch__item--on {
  visibility: visible;
  opacity: 1;
}

.chat-app .privacy-toggler .switch__item--on {
  background: #CB5555;
  opacity: 0;
  visibility: hidden;
}

.chat-app .edit-room-image {
  position: relative;
  width: 140px;
  height: 140px;
  text-align: center;
  border: 5px solid #ebebeb;
  border-radius: 2px;
  overflow: hidden;
}

.chat-app .edit-room-image img {
  width: 100%;
}

.chat-app .edit-room-image .progress-holder {
  display: block;
}

.chat-app .manage-room-members {
  height: 100%;
}

.chat-app .manage-room-members-body {
  min-height: 200px;
}

.chat-app .manage-room-members-header {
  padding: 0 0 10px 0;
}

.chat-app .manage-room-members-header h5 {
  margin: 0;
}

.chat-app .manage-room-members-header input {
  width: 150px;
}

.chat-app .manage-room-members-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.chat-app .manage-room-members-list li {
  border-bottom: 1px solid #272727;
  padding: 5px 0;
}

.chat-app .manage-room-members-list li:last-child {
  border-bottom: none;
}

.chat-app .manage-room-members-list li p {
  margin: 5px 0 10px 0;
}

@media (min-width: 48.9375em) {
  .chat-app .manage-room-members-list .member-info {
    width: 100%;
    *zoom: 1;
  }
  .chat-app .manage-room-members-list .member-info:before, .chat-app .manage-room-members-list .member-info:after {
    display: table;
    content: "";
  }
  .chat-app .manage-room-members-list .member-info:after {
    clear: both;
  }
}

.chat-app .manage-room-members-list .member-avatar {
  width: 30px;
  height: 30px;
  border: 2px solid #272727;
  border-radius: 2px;
}

@media (min-width: 48.9375em) {
  .chat-app .manage-room-members-list .member-avatar {
    float: left;
  }
}

.chat-app .manage-room-members-list .member-inner {
  padding: 5px 0;
}

@media (min-width: 48.9375em) {
  .chat-app .manage-room-members-list .member-inner {
    float: left;
    padding: 0 7px;
  }
}

.chat-app .manage-room-members-list .member-inner h6 {
  margin: -1px 0 0 0;
  color: #5094d5;
  font-size: 13px;
  font-size: 1.3rem;
}

.chat-app .manage-room-members-list .member-inner p {
  margin: -3px 0 0 0;
  padding: 0;
  color: #4D4D4D;
  font-size: 10px;
  font-size: 1rem;
}

.chat-app .member-actions {
  padding: 15px 0 5px 0;
}

@media (min-width: 48.9375em) {
  .chat-app .member-actions {
    width: 100%;
    *zoom: 1;
  }
  .chat-app .member-actions:before, .chat-app .member-actions:after {
    display: table;
    content: "";
  }
  .chat-app .member-actions:after {
    clear: both;
  }
}

@media (min-width: 48.9375em) {
  .chat-app .member-actions span {
    float: left;
    padding: 3px 7px 3px 0;
  }
}

.chat-app .member-actions.hide {
  display: none;
}

@media (min-width: 48.9375em) {
  .chat-app .member-action-admin {
    float: right;
    padding: 2px 0 0 0;
    text-align: right;
  }
}

.chat-app .member-action-admin .button-delete-link,
.chat-app .member-action-admin .button-cancel {
  display: inline-block;
  margin: 4px 0 0 0;
  float: none;
  font-size: 12px;
  font-size: 1.2rem;
}

.chat-app .member-action-admin .button-delete-link span,
.chat-app .member-action-admin .button-cancel span {
  float: none;
}

@media (min-width: 48.9375em) {
  .chat-app .member-action-admin .button-delete-link,
  .chat-app .member-action-admin .button-cancel {
    margin: 0;
    padding: 0 0 0 12px;
  }
}

.chat-app .member-action-admin .button-delete-link .icon-trash-circle, .chat-app .member-action-admin .button-delete-link .icon-trash,
.chat-app .member-action-admin .button-cancel .icon-trash-circle,
.chat-app .member-action-admin .button-cancel .icon-trash {
  margin-right: 4px;
}

.chat-app .member-action-admin .action-prompt {
  padding: 0;
}

.chat-app .member-action-admin .action-prompt span {
  padding: 0;
}

.chat-app .transfer-action-button {
  display: inline-block;
  min-width: 61px;
  padding: 4px 13px 3px 13px;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  color: #000000;
  border: 1px solid #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 0.8em 1.5em 0.7em 1.5em;
  text-align: center;
  text-transform: uppercase;
  text-align: center;
}

.chat-app .transfer-action-button:hover, .chat-app .transfer-action-button:focus {
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #c8aa67;
  color: black;
}

.chat-app .transfer-action-button:visited {
  color: #000000;
}

.chat-app .transfer-action-button:hover, .chat-app .transfer-action-button:focus {
  text-decoration: none;
}

.chat-app .transfer-action-button:active {
  outline: 0;
}

.chat-app .transfer-action-button.cancel {
  background: transparent;
  border: none;
  color: #4D4D4D;
}

.chat-app .transfer-action {
  margin: 5px 0 0 37px;
  text-transform: uppercase;
  font-size: 8px;
  font-size: 0.8rem;
}

.chat-app .transfer-action.more {
  float: none;
  clear: both;
  padding: 10px 0;
}

@media (min-width: 48.9375em) {
  .chat-app .transfer-action {
    float: right;
  }
}

.chat-app .member-role {
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 8px;
  font-size: 0.8rem;
}

@media (min-width: 48.9375em) {
  .chat-app .member-role {
    float: right;
  }
}

.chat-app .member-role .icon-arrow-down, .chat-app .member-role .icon-arrowdown {
  padding: 4px 5px;
  margin-left: 5px;
  color: #FFFFFF;
  border: 1px solid #272727;
  border-radius: 2px;
}

.chat-app .member-role .icon-arrow-down:before, .chat-app .member-role .icon-arrowdown:before {
  position: relative;
  top: 2px;
}

.chat-app .member-role .icon-arrow-down.blue, .chat-app .member-role .blue.icon-arrowdown {
  background: #5094d5;
  color: #FFFFFF;
  border: 1px solid #5094d5;
}

.chat-app .member-role .is-admin,
.chat-app .member-role .is-owner,
.chat-app .member-role .is-member {
  display: inline-block;
  min-width: 61px;
  padding: 4px 13px 3px 13px;
  border: 1px solid #272727;
  border-radius: 2px;
  text-align: center;
}

.chat-app .member-role .is-admin {
  background: rgba(244, 166, 34, 0.5);
  border: 1px solid rgba(244, 166, 34, 0.5);
}

.chat-app .member-role .is-owner {
  background: rgba(112, 185, 32, 0.5);
  border: 1px solid rgba(112, 185, 32, 0.5);
}

.chat-app .member-action-role {
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 48.9375em) {
  .chat-app .member-action-role {
    float: left;
    margin-left: 38px;
  }
}

.chat-app .member-action-role span {
  float: left;
  padding: 4px 7px 0px 0;
}

.chat-app .member-action-role button,
.chat-app .member-action-role .button-admin {
  display: block;
  color: #000000;
  background-image: linear-gradient(-180deg, #c19f54 0%, #b99443 100%);
  border-color: #c19f54;
  text-shadow: 0px 1px 0px false #c8aa67;
  font-size: 12px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  color: #FFFFFF;
  padding: 0;
  text-align: center;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  margin: 3px 0 0;
}

.chat-app .member-action-role button:hover, .chat-app .member-action-role button:focus, .chat-app .member-action-role button.focus, .chat-app .member-action-role button:active, .chat-app .member-action-role button.active,
.chat-app .member-action-role .button-admin:hover,
.chat-app .member-action-role .button-admin:focus,
.chat-app .member-action-role .button-admin.focus,
.chat-app .member-action-role .button-admin:active,
.chat-app .member-action-role .button-admin.active {
  color: #000000;
  background-image: linear-gradient(-180deg, #c8aa67 0%, #c19f54 100%);
  border-color: #b99443;
}

.chat-app .member-action-role button.disabled, .chat-app .member-action-role button.disabled:hover, .chat-app .member-action-role button.disabled:focus, .chat-app .member-action-role button.disabled.focus, .chat-app .member-action-role button.disabled:active, .chat-app .member-action-role button.disabled.active, .chat-app .member-action-role button[disabled], .chat-app .member-action-role button[disabled]:hover, .chat-app .member-action-role button[disabled]:focus, .chat-app .member-action-role button[disabled].focus, .chat-app .member-action-role button[disabled]:active, .chat-app .member-action-role button[disabled].active,
.chat-app .member-action-role .button-admin.disabled,
.chat-app .member-action-role .button-admin.disabled:hover,
.chat-app .member-action-role .button-admin.disabled:focus,
.chat-app .member-action-role .button-admin.disabled.focus,
.chat-app .member-action-role .button-admin.disabled:active,
.chat-app .member-action-role .button-admin.disabled.active,
.chat-app .member-action-role .button-admin[disabled],
.chat-app .member-action-role .button-admin[disabled]:hover,
.chat-app .member-action-role .button-admin[disabled]:focus,
.chat-app .member-action-role .button-admin[disabled].focus,
.chat-app .member-action-role .button-admin[disabled]:active,
.chat-app .member-action-role .button-admin[disabled].active {
  background-color: #c19f54;
  border-color: #c19f54;
}

@media (min-width: 48.9375em) {
  .chat-app .member-action-role button,
  .chat-app .member-action-role .button-admin {
    margin: 0 0 0 7px;
  }
}

.chat-app .member-action-role button:focus,
.chat-app .member-action-role .button-admin:focus {
  outline: none;
  background: #a6853c;
}

.chat-app .member-action-role button:hover,
.chat-app .member-action-role .button-admin:hover {
  background: #a6853c;
}

.chat-app .member-action-role button span,
.chat-app .member-action-role .button-admin span {
  display: inline-block;
  padding: 2px 10px;
}

.chat-app .member-action-role button .active,
.chat-app .member-action-role .button-admin .active {
  background-color: #171717;
  color: #FFFFFF;
  text-align: center;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
}

.chat-app .zoomer {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.chat-app .zoomer .zoomer-positioner {
  margin: 0;
  height: 1px;
  position: absolute;
  width: 1px;
}

.chat-app .zoomer .zoomer-holder {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  position: relative;
}

.chat-app .zoomer .zoomer-image {
  float: left;
  height: 100%;
  width: 100%;
}

.chat-app .zoomer .zoomer-image.pannable {
  cursor: -webkit-grab;
  cursor: grab;
}

/* BASICS */
.CodeMirror {
  font-family: monospace;
  height: 247px;
  line-height: 1;
  position: relative;
  overflow: hidden;
  background: #fff;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  color: #555459;
  font-size: 13px;
  line-height: 1.08;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}

.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}

@-webkit-keyframes blink {
  0% {
  }
  50% {
    background-color: transparent;
  }
  100% {
  }
}

@keyframes blink {
  0% {
  }
  50% {
    background-color: transparent;
  }
  100% {
  }
}

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3 {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom;
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

/*

    Name:       seti
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)

    Original seti color scheme by Jesse Weed (https://github.com/jesseweed/seti-syntax)

*/
.cm-s-seti.CodeMirror {
  background-color: #151718 !important;
  color: #CFD2D1 !important;
  border: none;
}

.cm-s-seti .CodeMirror-gutters {
  color: #616161;
  background-color: #0E1112;
  border: none;
}

.cm-s-seti .CodeMirror-cursor {
  border-left: solid thin #f8f8f0;
}

.cm-s-seti .CodeMirror-linenumber {
  color: #616161;
}

.cm-s-seti.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(255, 255, 255, 0.1);
}

.cm-s-seti .CodeMirror-line::-moz-selection, .cm-s-seti .CodeMirror-line > span::-moz-selection, .cm-s-seti .CodeMirror-line > span > span::-moz-selection {
  background: rgba(255, 255, 255, 0.1);
}

.cm-s-seti .CodeMirror-line::selection, .cm-s-seti .CodeMirror-line > span::selection, .cm-s-seti .CodeMirror-line > span > span::selection {
  background: rgba(255, 255, 255, 0.1);
}

.cm-s-seti .CodeMirror-line::-moz-selection, .cm-s-seti .CodeMirror-line > span::-moz-selection, .cm-s-seti .CodeMirror-line > span > span::-moz-selection {
  background: rgba(255, 255, 255, 0.1);
}

.cm-s-seti span.cm-comment {
  color: #616161;
}

.cm-s-seti span.cm-string, .cm-s-seti span.cm-string-2 {
  color: #55b5db;
}

.cm-s-seti span.cm-number {
  color: #cd3f45;
}

.cm-s-seti span.cm-variable {
  color: #55b5db;
}

.cm-s-seti span.cm-variable-2 {
  color: #a074c4;
}

.cm-s-seti span.cm-def {
  color: #55b5db;
}

.cm-s-seti span.cm-keyword {
  color: #ff79c6;
}

.cm-s-seti span.cm-operator {
  color: #9fca56;
}

.cm-s-seti span.cm-keyword {
  color: #e6cd69;
}

.cm-s-seti span.cm-atom {
  color: #cd3f45;
}

.cm-s-seti span.cm-meta {
  color: #55b5db;
}

.cm-s-seti span.cm-tag {
  color: #55b5db;
}

.cm-s-seti span.cm-attribute {
  color: #9fca56;
}

.cm-s-seti span.cm-qualifier {
  color: #9fca56;
}

.cm-s-seti span.cm-property {
  color: #a074c4;
}

.cm-s-seti span.cm-variable-3 {
  color: #9fca56;
}

.cm-s-seti span.cm-builtin {
  color: #9fca56;
}

.cm-s-seti .CodeMirror-activeline-background {
  background: #101213;
}

.cm-s-seti .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

.Select {
  position: relative;
}

.Select,
.Select div,
.Select input,
.Select span {
  box-sizing: border-box;
}

.Select.is-disabled > .Select-control {
  background-color: #676767;
}

.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
}

.Select-control {
  background-color: #272727;
  border-color: #343434 #272727 #0d0d0d;
  border-radius: 2px;
  border: 1px solid #272727;
  color: #FFFFFF;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.Select-control .Select-input:focus {
  outline: none;
}

.is-searchable.is-open > .Select-control {
  cursor: text;
}

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #272727;
  border-color: #0d0d0d #272727 #343434;
}

.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #4D4D4D;
  border-width: 0 5px 5px;
}

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}

.is-focused:not(.is-open) > .Select-control {
  border-color: #e6e6e6 #f2f2f2 #f2f2f2;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#e6e6e6, 50%);
}

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #bfbfbf;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #FFFFFF;
}

.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}

.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #e6e6e6;
  outline: none;
  text-decoration: underline;
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.Select-input > input {
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}

.is-focused .Select-input > input {
  cursor: text;
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #272727;
  border-right-color: #FFFFFF;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #4D4D4D;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

.Select-clear-zone:hover {
  color: #FFFFFF;
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

.Select--multi .Select-clear-zone {
  width: 17px;
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}

.Select-arrow {
  border-color: #4D4D4D transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
}

.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #FFFFFF;
}

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.Select-menu-outer {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #272727;
  border: 1px solid #272727;
  border-top-color: #272727;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1070;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}

.Select-option {
  box-sizing: border-box;
  background-color: #272727;
  color: white;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}

.Select-option:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.Select-option.is-selected {
  background-color: #171717;
  color: #FFFFFF;
}

.Select-option.is-focused {
  background-color: #171717;
  color: #FFFFFF;
}

.Select-option.is-disabled {
  color: white;
  cursor: default;
}

.Select-noresults {
  box-sizing: border-box;
  color: white;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}

.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select--multi .Select-value {
  background-color: #000000;
  border-radius: 2px;
  border: 1px solid black;
  color: #FFFFFF;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}

.Select--multi a.Select-value-label {
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid black;
  padding: 1px 5px 3px;
}

.Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
  background-color: black;
  color: #f2f2f2;
}

.Select--multi .Select-value-icon:active {
  background-color: black;
}

.Select--multi.is-disabled .Select-value {
  background-color: #000000;
  border: 1px solid black;
  color: #4D4D4D;
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid black;
}

.Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
  background-color: #000000;
}

.Select-input > input {
  color: #FFFFFF;
}

/*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
  -webkit-text-size-adjust: none;
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 3px;
}

.hljs-comment,
.diff .hljs-header,
.hljs-doctype,
.hljs-pi,
.lisp .hljs-string {
  color: #93a1a1;
}

/* Solarized Green */
.hljs-keyword,
.hljs-winutils,
.method,
.hljs-addition,
.css .hljs-tag,
.hljs-request,
.hljs-status,
.nginx .hljs-title {
  color: #859900;
}

/* Solarized Cyan */
.hljs-number,
.hljs-command,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-rule .hljs-value,
.hljs-doctag,
.tex .hljs-formula,
.hljs-regexp,
.hljs-hexcolor,
.hljs-link_url {
  color: #2aa198;
}

/* Solarized Blue */
.hljs-title,
.hljs-localvars,
.hljs-chunk,
.hljs-decorator,
.hljs-built_in,
.hljs-identifier,
.vhdl .hljs-literal,
.hljs-id,
.css .hljs-function,
.hljs-name {
  color: #268bd2;
}

/* Solarized Yellow */
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.smalltalk .hljs-number,
.hljs-constant,
.hljs-class .hljs-title,
.hljs-parent,
.hljs-type,
.hljs-link_reference {
  color: #b58900;
}

/* Solarized Orange */
.hljs-preprocessor,
.hljs-preprocessor .hljs-keyword,
.hljs-pragma,
.hljs-shebang,
.hljs-symbol,
.hljs-symbol .hljs-string,
.diff .hljs-change,
.hljs-special,
.hljs-attr_selector,
.hljs-subst,
.hljs-cdata,
.css .hljs-pseudo,
.hljs-header {
  color: #cb4b16;
}

/* Solarized Red */
.hljs-deletion,
.hljs-important {
  color: #dc322f;
}

/* Solarized Violet */
.hljs-link_label {
  color: #6c71c4;
}

.tex .hljs-formula {
  background: #eee8d5;
}

/*
  https://highlightjs.org/static/test.html
  IR_Black style (c) Vasily Mikhailitchenko <vaskas@programica.ru>
*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #000000;
  color: #f8f8f8;
  -webkit-text-size-adjust: none;
  white-space: pre;
}

.hljs-shebang,
.hljs-comment,
.hljs-template_comment,
.hljs-javadoc {
  color: #7c7c7c;
}

.hljs-keyword,
.hljs-tag,
.tex .hljs-command,
.hljs-request,
.hljs-status,
.clojure .hljs-attribute {
  color: #96cbfe;
}

.hljs-sub .hljs-keyword,
.method,
.hljs-list .hljs-title,
.nginx .hljs-title {
  color: #ffffb6;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.apache .hljs-cbracket,
.hljs-date,
.coffeescript .hljs-attribute {
  color: #a8ff60;
}

.hljs-subst {
  color: #daefa3;
}

.hljs-regexp {
  color: #e9c062;
}

.hljs-title,
.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-decorator,
.tex .hljs-special,
.hljs-type,
.hljs-constant,
.smalltalk .hljs-class,
.hljs-javadoctag,
.hljs-yardoctag,
.hljs-phpdoc,
.hljs-dartdoc,
.nginx .hljs-built_in {
  color: #ffffb6;
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-number,
.hljs-variable,
.vbscript,
.hljs-literal {
  color: #c6c5fe;
}

.css .hljs-tag {
  color: #96cbfe;
}

.css .hljs-rules .hljs-property,
.css .hljs-id {
  color: #ffffb6;
}

.css .hljs-class {
  color: #FFFFFF;
}

.hljs-hexcolor {
  color: #c6c5fe;
}

.hljs-number {
  color: #ff73fd;
}

.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
  opacity: 0.7;
}

/*
    Help Classes
---------------------------------------------------*/
.video-react .video-react-big-play-button:before, .video-react .video-react-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-react .video-react-big-play-button:before, .video-react .video-react-control:before {
  text-align: center;
}

@font-face {
  font-family: "video-react";
  src: url("http://cdn.hackaday.io/fonts/video-react.eot?#iefix") format("eot");
}

@font-face {
  font-family: "video-react";
  src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal;
}

.video-react-icon, .video-react .video-react-big-play-button, .video-react .video-react-mouse-display, .video-react .video-react-play-progress, .video-react .video-react-play-control, .video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button, .video-react .video-react-volume-level, .video-react .video-react-bezel .video-react-bezel-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'video-react' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.video-react-icon-play-arrow:before, .video-react .video-react-big-play-button:before, .video-react .video-react-play-control:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before {
  content: "";
}

.video-react-icon-play-circle-filled:before {
  content: "";
}

.video-react-icon-play-circle-outline:before {
  content: "";
}

.video-react-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before {
  content: "";
}

.video-react-icon-pause-circle-filled:before {
  content: "";
}

.video-react-icon-pause-circle-outline:before {
  content: "";
}

.video-react-icon-stop:before {
  content: "";
}

.video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
  content: "";
}

.video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
  content: "";
}

.video-react-icon-skip-previous:before {
  content: "";
}

.video-react-icon-skip-next:before {
  content: "";
}

.video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
  content: "";
}

.video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
  content: "";
}

.video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
  content: "";
}

.video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
  content: "";
}

.video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
  content: "";
}

.video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
  content: "";
}

.video-react-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before,
.video-react .video-react-volume-menu-button.video-react-vol-muted:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before {
  content: "";
}

.video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before,
.video-react .video-react-volume-menu-button.video-react-vol-0:before {
  content: "";
}

.video-react-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-1:before,
.video-react .video-react-volume-menu-button.video-react-vol-1:before, .video-react .video-react-mute-control.video-react-vol-2:before,
.video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before {
  content: "";
}

.video-react-icon-volume-up:before, .video-react .video-react-mute-control:before,
.video-react .video-react-volume-menu-button:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before {
  content: "";
}

.video-react-icon-fullscreen:before {
  content: "";
}

.video-react-icon-fullscreen-exit:before {
  content: "";
}

.video-react-icon-closed-caption:before {
  content: "";
}

.video-react-icon-hd:before {
  content: "";
}

.video-react-icon-settings:before {
  content: "";
}

.video-react-icon-share:before {
  content: "";
}

.video-react-icon-info:before {
  content: "";
}

.video-react-icon-info-outline:before {
  content: "";
}

.video-react-icon-close:before {
  content: "";
}

.video-react-icon-circle:before, .video-react .video-react-mouse-display:before, .video-react .video-react-play-progress:before, .video-react .video-react-volume-level:before {
  content: "";
}

.video-react-icon-circle-outline:before {
  content: "";
}

.video-react-icon-circle-inner-circle:before {
  content: "";
}

.video-react {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  font-size: 10px;
  line-height: 1;
  font-family: serif, Times, "Times New Roman";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video-react:-moz-full-screen {
  position: absolute;
}

.video-react:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-react *,
.video-react *:before,
.video-react *:after {
  box-sizing: inherit;
}

.video-react ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-react.video-react-16-9 {
  padding-top: 56.25%;
}

.video-react.video-react-4-3 {
  padding-top: 75%;
}

.video-react.video-react-fill {
  width: 100%;
  height: 100%;
}

.video-react .video-react-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-react.video-react-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-react.video-react-fullscreen.video-react-user-inactive {
  cursor: none;
}

body.video-react-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

body.video-react-full-window .video-react-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-react button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.video-react .video-react-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.video-react .video-react-loading-spinner:before, .video-react .video-react-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
  -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
  animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
}

.video-react-seeking .video-react-loading-spinner,
.video-react-waiting .video-react-loading-spinner {
  display: block;
}

.video-react-seeking .video-react-loading-spinner:before,
.video-react-waiting .video-react-loading-spinner:before {
  border-top-color: white;
}

.video-react-seeking .video-react-loading-spinner:after,
.video-react-waiting .video-react-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes video-react-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes video-react-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}

@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}

.video-react .video-react-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.video-react .video-react-big-play-button.video-react-big-play-button-center {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

.video-react:hover .video-react-big-play-button,
.video-react .video-react-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.video-react-menu-button {
  cursor: pointer;
}

.video-react-menu-button.video-react-disabled {
  cursor: default;
}

.video-react-menu .video-react-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: serif, Times, "Times New Roman";
}

.video-react-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.video-react-menu li:focus, .video-react-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-react-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none;
}

.video-react .video-react-menu-button-popup .video-react-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block;
}

.video-react .video-react-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-react .video-react-menu-button-inline:before {
  width: 2.222222222em;
}

.video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active {
  width: 12em;
}

.video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu {
  display: block;
  opacity: 1;
}

.video-react .video-react-menu-button-inline.video-react-slider-active {
  transition: none;
}

.video-react .video-react-menu-button-inline .video-react-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.video-react .video-react-menu-button-inline .video-react-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active {
  width: auto;
}

.video-react .video-react-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.video-react .video-react-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.video-react .video-react-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-react .video-react-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-react .video-react-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-control:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-react .video-react-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle;
}

.video-react .video-react-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-react-has-started .video-react-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-react-controls-disabled .video-react-control-bar,
.video-react-using-native-controls .video-react-control-bar,
.video-react-error .video-react-control-bar {
  display: none !important;
}

.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible;
}

.video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table;
}

.video-react .video-react-progress-control {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
}

.video-react-live .video-react-progress-control {
  display: none;
}

.video-react .video-react-progress-holder {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.666666666666666666em;
}

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-react .video-react-progress-control:hover .video-react-time-tooltip,
.video-react .video-react-progress-control:hover .video-react-mouse-display:after,
.video-react .video-react-progress-control:hover .video-react-play-progress:after {
  visibility: visible;
  font-size: 0.6em;
}

.video-react .video-react-progress-holder .video-react-play-progress,
.video-react .video-react-progress-holder .video-react-load-progress,
.video-react .video-react-progress-holder .video-react-tooltip-progress-bar,
.video-react .video-react-progress-holder .video-react-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.video-react .video-react-mouse-display:before {
  display: none;
}

.video-react .video-react-play-progress {
  background-color: #fff;
}

.video-react .video-react-play-progress:before {
  position: absolute;
  top: -0.333333333333333em;
  right: -0.5em;
  font-size: 0.9em;
}

.video-react .video-react-time-tooltip,
.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
}

.video-react .video-react-time-tooltip,
.video-react .video-react-play-progress:before,
.video-react .video-react-play-progress:after {
  z-index: 1;
}

.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none;
}

.video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}

.video-react .video-react-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}

.video-react.video-react-no-flex .video-react-progress-control {
  width: auto;
}

.video-react .video-react-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em;
}

.video-react .video-react-tooltip-progress-bar {
  visibility: hidden;
}

.video-react .video-react-progress-control .video-react-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0;
}

.video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block;
}

.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none;
}

.video-react .video-react-mouse-display .video-react-time-tooltip,
.video-react .video-react-progress-control .video-react-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-react .video-react-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react.video-react-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

.video-react .video-react-time-control {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.video-react .video-react-time-divider {
  line-height: 3em;
  min-width: initial;
  padding: 0;
}

.video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-react .video-react-volume-bar {
  margin: 1.35em 0.45em;
}

.video-react .video-react-volume-bar.video-react-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
  width: 100%;
}

.video-react .video-react-volume-bar.video-react-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
  height: 100%;
}

.video-react .video-react-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-react .video-react-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.video-react .video-react-slider-vertical .video-react-volume-level {
  width: 0.3em;
}

.video-react .video-react-slider-vertical .video-react-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.video-react .video-react-slider-horizontal .video-react-volume-level {
  height: 0.3em;
}

.video-react .video-react-slider-horizontal .video-react-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  left: 0.5em;
  height: 8em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

.video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content {
  height: 8em;
  width: 2.9em;
}

.video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content {
  height: 2.9em;
  width: 8em;
}

.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important;
}

.video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center;
}

.video-react .video-react-playback-rate .video-react-menu {
  width: 4em;
  left: 0em;
}

.video-react .video-react-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 17;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 26px;
}

.video-react .video-react-bezel.video-react-bezel-animation {
  -webkit-animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout .5s linear 1 normal forwards;
  pointer-events: none;
}

.video-react .video-react-bezel.video-react-bezel-animation-alt {
  -webkit-animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout-alt .5s linear 1 normal forwards;
  pointer-events: none;
}

.video-react .video-react-bezel .video-react-bezel-icon {
  width: 36px;
  height: 36px;
  margin: 8px;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
}

@-webkit-keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@-webkit-keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

/*
    Vendor
---------------------------------------------------*/
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  top: 3px !important;
  color: #999;
  display: none;
}

.tt-cursor {
  background: #2d2d2d;
  color: #fff;
}

.tt-dropdown-menu {
  width: 100%;
  margin-top: -3px;
  padding: 8px 0;
  background-color: #1e1e1e;
}

.tt-dropdown-menu small {
  font-size: 10px;
}

.tt-suggestion {
  padding: 3px;
  font-size: 16px;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tt-suggestion .contributor-photo {
  height: 24px;
  vertical-align: middle;
}

.tt-suggestion small {
  display: block;
  margin-left: 30px;
  line-height: 10px;
}

.tt-suggestion strong {
  color: #c19f54;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #2e2e2e;
}

.tt-suggestion:hover strong {
  color: #a6853c;
}

.tt-suggestion p {
  margin: 0;
}

/*! jQuery UI - v1.10.4 - 2014-04-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?tr%26ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=888888&bgTextureHeader=highlight_hard&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=gloss_wave&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=highlight_soft&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=highlight_soft&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=inset_soft&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=555555&bgTextureHighlight=highlight_hard&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #404040;
  background: #121212 url("images/ui-bg_gloss-wave_16_121212_500x100.png") 50% top repeat-x;
  color: #eee;
}

.ui-widget-content a {
  color: #eee;
}

.ui-widget-header {
  border: 1px solid #404040;
  background: #888 url("images/ui-bg_highlight-hard_15_888888_1x100.png") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #adadad url("images/ui-bg_highlight-soft_35_adadad_1x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #333;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #333;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #ddd;
  background: #ddd url("images/ui-bg_highlight-soft_60_dddddd_1x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #000;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #000;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #000;
  background: #121212 url("images/ui-bg_inset-soft_15_121212_1x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #404040;
  background: #555 url("images/ui-bg_highlight-hard_55_555555_1x100.png") 50% top repeat-x;
  color: #ccc;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #ccc;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_bbbbbb_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_cccccc_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_666666_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_c98000_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_f29a00_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_aaaaaa_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 5px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 5px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 5px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 5px;
}

.ui-widget-overlay {
  background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

/**
 * Copyright 2012 Tsvetan Tsvetkov
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Author: Tsvetan Tsvetkov (tsekach@gmail.com)
 */
.warningMsg {
  background: #ff4500 url("../../cdn1.iconfinder.com/data/icons/crystalproject/128x128/apps/alert.png") no-repeat 10px center;
  border: 5px solid #8b0000;
  border-radius: 10px;
  padding: 10px 10px 10px 150px;
}

.notificationLevel {
  color: white;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

.notificationLevel.default {
  background: orange;
}

.notificationLevel.allowed {
  background-color: green;
}

.notificationLevel.denied {
  background-color: red;
}

.step {
  margin: 10px;
}

.step header {
  border-bottom: 1px solid #ff4500;
  font-size: 1.4em;
  text-align: center;
}

.step .block {
  background: rgba(255, 69, 0, 0.5);
  display: inline-block;
  height: 100px;
  min-width: 100px;
  vertical-align: top;
}

.step .block label {
  display: block;
}

/*
	Icon font
*/
@font-face {
  font-family: 'RedactorFont';
  src: url("redactor-font.html");
}

@font-face {
  font-family: 'RedactorFont';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight: normal;
  font-style: normal;
}

/*
	Box
*/
.redactor-box {
  position: relative;
  overflow: visible;
  margin-bottom: 24px;
}

.redactor-box textarea {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: auto;
  outline: none;
  border: none;
  background-color: #111;
  box-shadow: none;
  color: #ccc;
  font-size: 13px;
  font-family: Menlo, Monaco, monospace, sans-serif;
  resize: none;
}

.redactor-box textarea:focus {
  outline: none;
}

.redactor-editor,
.redactor-box {
  background: #fff;
}

/*
	Z-index setup
*/
.redactor-editor,
.redactor-box,
.redactor-box textarea {
  z-index: auto;
}

.redactor-box-fullscreen {
  z-index: 1051;
}

.redactor-toolbar {
  z-index: 100;
}

.redactor-dropdown {
  z-index: 1052;
}

#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
  z-index: 1053;
}

/*
	Resize
*/
.redactor-resize {
  background: #f4f4f4;
  padding: 4px 0 3px 0;
  cursor: move;
  border: 1px solid #e3e3e3;
  border-top: none;
}

.redactor-resize div {
  width: 30px;
  margin: auto;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}

/*
	Fullscreen
*/
body .redactor-box-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/*
	Utils
*/
.body-redactor-hidden {
  overflow: hidden;
}

/*
	Editor
*/
.redactor-editor {
  position: relative;
  overflow: auto;
  margin: 0 !important;
  padding: 20px;
  outline: none;
  white-space: normal;
  border: 1px solid #eee;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 1.6em;
}

.redactor-editor:focus {
  outline: none;
}

.toolbar-fixed-box + .redactor-editor {
  padding-top: 32px !important;
}

/*
	Placeholder
*/
.redactor-placeholder {
  position: relative;
}

.redactor-placeholder:after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: attr(placeholder);
  color: #999 !important;
  font-weight: normal !important;
}

/* Placeholder in linebreaks mode */
.redactor-linebreaks.redactor-placeholder:after {
  top: 20px;
  left: 20px;
}

/*
	Toolbar
*/
.redactor-toolbar {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  background: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.redactor-toolbar:after {
  content: "";
  display: table;
  clear: both;
}

.redactor-toolbar.redactor-toolbar-overflow {
  overflow-y: auto;
  height: 29px;
  white-space: nowrap;
}

.redactor-toolbar.redactor-toolbar-external {
  z-index: 999;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.redactor-toolbar li {
  vertical-align: top;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  outline: none;
  list-style: none !important;
  box-sizing: content-box;
}

.redactor-toolbar li a {
  display: block;
  color: #333;
  text-align: center;
  padding: 9px 10px;
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
  box-sizing: content-box;
}

.redactor-toolbar li a:hover {
  outline: none;
  background-color: #1f78d8;
  color: #fff;
}

.redactor-toolbar li a:hover i:before {
  color: #fff;
}

.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
  outline: none;
  background-color: #ccc;
  color: #444;
}

.redactor-toolbar li a.redactor-btn-image {
  width: 14px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
}

.redactor-toolbar li a.fa-redactor-btn {
  display: inline-block;
  padding: 9px 10px 8px 10px;
  line-height: 1;
}

.redactor-toolbar li a.redactor-button-disabled {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.redactor-toolbar li a.redactor-button-disabled:hover {
  color: #333;
  outline: none;
  background-color: transparent !important;
  cursor: default;
}

/*
	CodeMirror
*/
.redactor-box .CodeMirror {
  display: none;
}

/*
	Icons
*/
.re-icon {
  font-family: 'RedactorFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.re-icon i:before {
  position: relative;
  font-size: 14px;
}

.re-video:before {
  content: "\e600";
}

.re-unorderedlist:before {
  content: "\e601";
}

.re-undo:before {
  content: "\e602";
}

.re-underline:before {
  content: "\e603";
}

.re-textdirection:before {
  content: "\e604";
}

.re-fontcolor:before {
  content: "\e605";
}

.re-table:before {
  content: "\e606";
}

.re-redo:before {
  content: "\e607";
}

.re-quote:before {
  content: "\e608";
}

.re-outdent:before {
  content: "\e609";
}

.re-orderedlist:before {
  content: "\e60a";
}

.re-link:before {
  content: "\e60b";
}

.re-horizontalrule:before {
  content: "\e60c";
}

.re-italic:before {
  content: "\e60d";
}

.re-indent:before {
  content: "\e60e";
}

.re-image:before {
  content: "\e60f";
}

.re-fullscreen:before {
  content: "\e610";
}

.re-normalscreen:before {
  content: "\e611";
}

.re-formatting:before {
  content: "\e612";
}

.re-fontsize:before {
  content: "\e613";
}

.re-fontfamily:before {
  content: "\e614";
}

.re-deleted:before {
  content: "\e615";
}

.re-html:before {
  content: "\e616";
}

.re-clips:before {
  content: "\e617";
}

.re-bold:before {
  content: "\e618";
}

.re-backcolor:before {
  content: "\e619";
}

.re-file:before {
  content: "\e61a";
}

.re-alignright:before {
  content: "\e61b";
}

.re-alignment:before,
.re-alignleft:before {
  content: "\e61c";
}

.re-alignjustify:before {
  content: "\e61d";
}

.re-aligncenter:before {
  content: "\e61e";
}

.re-gallery:before {
  content: "\e61f";
}

/*
	Toolbar tooltip
*/
.redactor-toolbar-tooltip {
  position: absolute;
  z-index: 1054;
  text-align: center;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 5px 8px;
  line-height: 1;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  border-radius: 2px;
}

/*
	Dropdown
*/
.redactor-dropdown {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 0;
  min-width: 220px;
  max-height: 254px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1.6em;
}

.redactor-dropdown a {
  display: block;
  padding: 10px 15px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.redactor-dropdown a:last-child {
  border-bottom: none;
}

.redactor-dropdown a:hover {
  background-color: #1f78d8;
  color: #fff !important;
  text-decoration: none;
}

.redactor-dropdown a.selected {
  background-color: #000;
  color: #fff;
}

/*
	IMAGE BOX
*/
#redactor-image-box {
  position: relative;
  max-width: 100%;
  display: inline-block;
  line-height: 0;
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}

#redactor-image-editter {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -18px;
  line-height: 1;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  padding: 7px 10px;
  cursor: pointer;
}

#redactor-image-resizer {
  position: absolute;
  z-index: 2;
  line-height: 1;
  cursor: nw-resize;
  bottom: -4px;
  right: -5px;
  border: 1px solid #fff;
  background-color: #000;
  width: 8px;
  height: 8px;
}

/*
	LINK TOOLTIP
*/
.redactor-link-tooltip {
  position: absolute;
  z-index: 49999;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  background-color: #000;
  color: #555 !important;
}

.redactor-link-tooltip,
.redactor-link-tooltip a {
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

.redactor-link-tooltip a {
  color: #ccc;
  margin: 0 5px;
  text-decoration: none;
}

.redactor-link-tooltip a:hover {
  color: #fff;
}

/*
	DROPAREA
*/
#redactor-droparea {
  position: relative;
  overflow: hidden;
  padding: 140px 20px;
  border: 3px dashed rgba(0, 0, 0, 0.1);
}

#redactor-droparea.drag-hover {
  background: rgba(200, 222, 250, 0.75);
}

#redactor-droparea.drag-drop {
  background: rgba(250, 248, 200, 0.5);
}

#redactor-droparea-placeholder {
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
}

/*
	PROGRESS
*/
#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}

#redactor-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3d58a8;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-size: 40px 40px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

/*
	MODAL
*/
#redactor-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #000 !important;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

#redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

#redactor-modal {
  outline: 0;
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 14px !important;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
}

#redactor-modal header {
  padding: 30px 40px 5px 40px;
  font-size: 18px;
  font-weight: bold;
}

#redactor-modal section {
  padding: 30px 40px 50px 40px;
}

#redactor-modal label {
  display: block;
  float: none !important;
  margin: 15px 0 3px 0 !important;
  padding: 0;
}

#redactor-modal input[type="radio"],
#redactor-modal input[type="checkbox"] {
  position: relative;
  top: -1px;
}

#redactor-modal select {
  width: 100%;
}

#redactor-modal input[type="text"],
#redactor-modal input[type="password"],
#redactor-modal input[type="email"],
#redactor-modal input[type="url"],
#redactor-modal textarea {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 5px 4px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 1px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  transition: border 0.3s ease-in;
}

#redactor-modal input[type="text"]:focus,
#redactor-modal input[type="password"]:focus,
#redactor-modal input[type="email"]:focus,
#redactor-modal input[type="url"]:focus,
#redactor-modal textarea:focus {
  outline: none;
  border-color: #5ca9e4;
  box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

#redactor-modal input[type="text"].redactor-input-error,
#redactor-modal input[type="password"].redactor-input-error,
#redactor-modal input[type="email"].redactor-input-error,
#redactor-modal input[type="url"].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
  border-color: #e82f2f;
  box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

#redactor-modal textarea {
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}

/*
	Tabs in Modal
*/
#redactor-modal-tabber {
  margin-bottom: 15px;
  font-size: 12px;
}

#redactor-modal-tabber a {
  border: 1px solid #ddd;
  line-height: 1;
  padding: 8px 15px;
  margin-right: -1px;
  text-decoration: none;
  color: #000;
}

#redactor-modal-tabber a:hover {
  background-color: #1f78d8;
  border-color: #1f78d8;
  color: #fff;
}

#redactor-modal-tabber a.active {
  cursor: default;
  background-color: #ddd;
  border-color: #ddd;
  color: rgba(0, 0, 0, 0.6);
}

/*
	List in Modal
*/
#redactor-modal #redactor-modal-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow-x: auto;
}

#redactor-modal #redactor-modal-list li {
  border-bottom: 1px solid #ddd;
}

#redactor-modal #redactor-modal-list li:last-child {
  border-bottom: none;
}

#redactor-modal #redactor-modal-list a {
  padding: 10px 5px;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: block;
  position: relative;
}

#redactor-modal #redactor-modal-list a:hover {
  background-color: #eee;
}

#redactor-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  text-align: right;
  color: #bbb;
  font-size: 30px;
  font-weight: 300;
  cursor: pointer;
}

#redactor-modal-close:hover {
  color: #000;
}

#redactor-modal footer button {
  position: relative;
  width: 100%;
  padding: 14px 16px;
  margin: 0;
  outline: none;
  border: none;
  background-color: #ddd;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1;
  cursor: pointer;
}

#redactor-modal footer button:hover {
  color: #777;
  background: none;
  background: #bbb;
  text-decoration: none;
}

#redactor-modal footer button.redactor-modal-delete-btn {
  background: none;
  color: #fff;
  background-color: #b52525;
}

#redactor-modal footer button.redactor-modal-delete-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #881b1b;
}

#redactor-modal footer button.redactor-modal-action-btn {
  background: none;
  color: #fff;
  background-color: #2461b5;
}

#redactor-modal footer button.redactor-modal-action-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1a4580;
}

/*
	##############################################

	DROPDOWN FORMATTING

	##############################################
*/
.redactor-dropdown .redactor-formatting-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}

.redactor-dropdown .redactor-formatting-pre {
  font-family: monospace, sans-serif;
}

.redactor-dropdown .redactor-formatting-h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
}

.redactor-dropdown .redactor-formatting-h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
}

.redactor-dropdown .redactor-formatting-h3 {
  font-size: 21px;
  line-height: 30px;
  font-weight: bold;
}

.redactor-dropdown .redactor-formatting-h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}

.redactor-dropdown .redactor-formatting-h5 {
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
}

/*
	##############################################

	 CONTENT STYLES

	##############################################
*/
.redactor-editor code,
.redactor-editor pre {
  font-family: Menlo, Monaco, monospace, sans-serif;
}

.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
  font-size: 14px;
  line-height: 1.6em;
}

.redactor-editor a {
  color: #15c;
  text-decoration: underline;
}

.redactor-editor object,
.redactor-editor embed,
.redactor-editor video,
.redactor-editor img {
  max-width: 100%;
  width: auto;
}

.redactor-editor video,
.redactor-editor img {
  height: auto;
}

.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor blockquote,
.redactor-editor pre {
  margin: 0;
  margin-bottom: 15px;
  border: none;
  background: none;
  box-shadow: none;
}

.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
  margin-bottom: 15px;
}

.redactor-editor blockquote {
  margin-left: 1.6em !important;
  padding-left: 0;
  color: #777;
  font-style: italic;
}

.redactor-editor ul,
.redactor-editor ol {
  padding-left: 2em;
}

.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
  margin: 2px;
  padding: 0;
  padding-left: 2em;
  border: none;
}

.redactor-editor ol ol li {
  list-style-type: lower-alpha;
}

.redactor-editor ol ol ol li {
  list-style-type: lower-roman;
}

.redactor-editor dl dt {
  font-weight: bold;
}

.redactor-editor dd {
  margin-left: 1em;
}

.redactor-editor table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}

.redactor-editor table td,
.redactor-editor table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}

.redactor-editor table thead td,
.redactor-editor table th {
  font-weight: bold;
  border-bottom-color: #888;
}

.redactor-editor code {
  background-color: #d8d7d7;
}

.redactor-editor pre {
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  white-space: pre;
  font-size: 90%;
}

.redactor-editor hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
  font-weight: bold;
  color: #000;
  padding: 0;
  background: none;
  text-rendering: optimizeLegibility;
  margin: 0 0 .5em 0;
}

.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
  line-height: 1.3;
}

.redactor-editor h1 {
  font-size: 36px;
}

.redactor-editor h2 {
  font-size: 24px;
  margin-bottom: .7em;
}

.redactor-editor h3 {
  font-size: 21px;
}

.redactor-editor h4 {
  font-size: 18px;
}

.redactor-editor h5 {
  font-size: 16px;
}

.redactor-editor h6 {
  font-size: 12px;
  text-transform: uppercase;
}

/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}

.DraftEditor-root {
  position: relative;
}

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: .1px solid transparent;
  position: relative;
  z-index: 1;
}

.public-DraftEditor-block {
  position: relative;
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}

.public-DraftStyleDefault-listLTR {
  direction: ltr;
}

.public-DraftStyleDefault-listRTL {
  direction: rtl;
}

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}

#redactor-modal {
  z-index: 1110 !important;
}

.redactor-air {
  position: absolute;
  z-index: 502;
}

.redactor-box {
  background-color: #151515;
  color: #676767;
  margin-bottom: 0;
}

.redactor-box iframe {
  border: none !important;
}

.redactor-editor {
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  background: #272727;
  line-height: 1.4;
  font-weight: 300;
  border: none;
  padding: 10px;
  border-radius: 3px;
}

.redactor-editor a {
  color: #c19f54 !important;
  text-decoration: none !important;
}

.redactor-editor iframe {
  border: none !important;
  width: 100%;
}

.redactor-editor h1, .redactor-editor h2, .redactor-editor h3, .redactor-editor h4, .redactor-editor h5, .redactor-editor h6 {
  padding-top: 0;
  margin-bottom: 0px;
  color: #FFFFFF;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: normal;
}

.redactor-editor h1 {
  font-size: 22px;
  font-size: 2.2rem;
}

.redactor-editor h2 {
  font-size: 18px;
  font-size: 1.8rem;
}

.redactor-editor h3 {
  font-size: 16px;
  font-size: 1.6rem;
}

.redactor-editor h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.redactor-editor h5 {
  font-size: 16px;
  font-size: 1.6rem;
}

.redactor-editor h6 {
  font-size: 16px;
  font-size: 1.6rem;
}

.redactor-editor div, .redactor-editor p, .redactor-editor ul, .redactor-editor ol, .redactor-editor table, .redactor-editor dl, .redactor-editor blockquote, .redactor-editor pre {
  font-size: 16px;
  line-height: 1.4;
  margin-top: 5px;
  margin-bottom: 10px;
}

.redactor-editor p {
  margin-top: 0;
}

.redactor-editor pre, .redactor-editor code {
  background-color: #000000 !important;
  border: none !important;
}

.redactor-editor blockquote {
  margin-left: 0 !important;
  padding-left: 20px !important;
  color: #FFFFFF;
  border-left: 2px solid #c19f54;
}

.redactor-editor .read-more-tag {
  text-align: center;
  display: block;
  margin: 10px 0;
}

.redactor-editor .emoticon {
  height: 20px;
  width: 20px;
  vertical-align: top;
}

.redactor-placeholder {
  font-style: italic;
}

.redactor-placeholder:after {
  top: 10px;
  left: 10px;
  color: #BBBBBB !important;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
}

.redactor-toolbar {
  background: #171717;
  z-index: 999 !important;
}

.redactor-toolbar li a {
  color: #FFFFFF;
  font-size: 18px;
}

.redactor-toolbar li a:hover {
  background-color: #c19f54;
  color: #000000;
}

.redactor-toolbar li a:active, .redactor-toolbar li a.redactor-act {
  background: #000000;
  color: #aaa;
}

#redactor-modal-box #redactor-modal {
  color: #676767;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  background: #000000;
  border: 1px solid #676767;
  border-radius: 3px;
}

#redactor-modal-box #redactor-modal h2,
#redactor-modal-box #redactor-modal header {
  color: #c19f54;
  text-align: center;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: normal;
}

#redactor-modal-box #redactor-modal #redactor-modal-close:hover {
  color: #FFFFFF;
}

#redactor-modal-box #redactor-modal input[type="text"],
#redactor-modal-box #redactor-modal input[type="url"],
#redactor-modal-box #redactor-modal input[type="password"],
#redactor-modal-box #redactor-modal input[type="number"] {
  margin: 3px 0;
  background: #272727;
  padding: 0.7em;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 3px;
  width: 100%;
  height: inherit;
  border: 0px solid #c0c0c0;
  color: #FFFFFF;
  font-weight: 300;
  outline: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#redactor-modal-box #redactor-modal input[type="text"]:hover,
#redactor-modal-box #redactor-modal input[type="url"]:hover,
#redactor-modal-box #redactor-modal input[type="password"]:hover,
#redactor-modal-box #redactor-modal input[type="number"]:hover {
  background: #4D4D4D;
}

#redactor-modal-box #redactor-modal input[type="text"]:focus,
#redactor-modal-box #redactor-modal input[type="url"]:focus,
#redactor-modal-box #redactor-modal input[type="password"]:focus,
#redactor-modal-box #redactor-modal input[type="number"]:focus {
  background: #676767;
}

#redactor-modal-box #redactor-modal input[type="text"]::-webkit-input-placeholder,
#redactor-modal-box #redactor-modal input[type="url"]::-webkit-input-placeholder,
#redactor-modal-box #redactor-modal input[type="password"]::-webkit-input-placeholder,
#redactor-modal-box #redactor-modal input[type="number"]::-webkit-input-placeholder {
  font-style: italic;
  color: #BBBBBB;
}

#redactor-modal-box #redactor-modal input[type="text"]:-moz-placeholder,
#redactor-modal-box #redactor-modal input[type="url"]:-moz-placeholder,
#redactor-modal-box #redactor-modal input[type="password"]:-moz-placeholder,
#redactor-modal-box #redactor-modal input[type="number"]:-moz-placeholder {
  font-style: italic;
  color: #BBBBBB;
}

#redactor-modal-box #redactor-modal input[type="text"]::-moz-placeholder,
#redactor-modal-box #redactor-modal input[type="url"]::-moz-placeholder,
#redactor-modal-box #redactor-modal input[type="password"]::-moz-placeholder,
#redactor-modal-box #redactor-modal input[type="number"]::-moz-placeholder {
  font-style: italic;
  color: #BBBBBB;
}

#redactor-modal-box #redactor-modal input[type="text"]:-ms-input-placeholder,
#redactor-modal-box #redactor-modal input[type="url"]:-ms-input-placeholder,
#redactor-modal-box #redactor-modal input[type="password"]:-ms-input-placeholder,
#redactor-modal-box #redactor-modal input[type="number"]:-ms-input-placeholder {
  font-style: italic;
  color: #BBBBBB;
}

#redactor-modal-box #redactor-modal textarea {
  background-color: #272727;
  padding: 0.7em;
  color: white;
  width: 100%;
  border-radius: 3px;
  border: none;
  resize: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

#redactor-modal-box #redactor-modal textarea:hover {
  background: #4D4D4D;
}

#redactor-modal-box #redactor-modal textarea:focus {
  background: #676767;
}

#redactor-modal-box #redactor-modal textarea::-webkit-input-placeholder {
  font-style: italic;
  color: #BBBBBB;
}

#redactor-modal-box #redactor-modal textarea:-moz-placeholder {
  font-style: italic;
  color: #BBBBBB;
}

#redactor-modal-box #redactor-modal textarea::-moz-placeholder {
  font-style: italic;
  color: #BBBBBB;
}

#redactor-modal-box #redactor-modal textarea:-ms-input-placeholder {
  font-style: italic;
  color: #BBBBBB;
}

#redactor-modal-box #redactor-modal textarea:required {
  border-color: #ccc !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

#redactor-modal-box #redactor-modal .select-holder select {
  z-index: 1000;
  margin-top: 8px;
}

#redactor-modal-box #redactor-modal footer {
  text-align: center;
}

#redactor-modal-box #redactor-modal footer button {
  width: auto;
  background-image: linear-gradient(-180deg, #151515 0%, #080808 100%);
  color: #FFFFFF;
  border: 1px solid #676767;
  text-shadow: 0px 1px 0px false #222222;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 5px 20px;
}

#redactor-modal-box #redactor-modal footer button:hover, #redactor-modal-box #redactor-modal footer button:focus {
  background-image: linear-gradient(-180deg, #222222 0%, #151515 100%);
  border-color: #737373;
  color: #f2f2f2;
}

#redactor-modal-box #redactor-modal footer button:visited {
  color: #FFFFFF;
}

#redactor-modal-box #redactor-modal footer button:hover, #redactor-modal-box #redactor-modal footer button:focus {
  text-decoration: none;
}

#redactor-modal-box #redactor-modal footer button:active {
  outline: 0;
}

#redactor-modal-box #redactor-modal footer button.redactor-modal-action-btn {
  background-image: linear-gradient(-180deg, #151515 0%, #080808 100%);
  color: #c19f54;
  border: 1px solid #c19f54;
  text-shadow: 0px 1px 0px false #222222;
  font-size: 16px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  position: relative;
  text-decoration: none;
  font-family: "Proxima-Nova", "Proxima Nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 5px 20px;
}

#redactor-modal-box #redactor-modal footer button.redactor-modal-action-btn:hover, #redactor-modal-box #redactor-modal footer button.redactor-modal-action-btn:focus {
  background-image: linear-gradient(-180deg, #222222 0%, #151515 100%);
  border-color: #c8aa67;
  color: #b99443;
}

#redactor-modal-box #redactor-modal footer button.redactor-modal-action-btn:visited {
  color: #c19f54;
}

#redactor-modal-box #redactor-modal footer button.redactor-modal-action-btn:hover, #redactor-modal-box #redactor-modal footer button.redactor-modal-action-btn:focus {
  text-decoration: none;
}

#redactor-modal-box #redactor-modal footer button.redactor-modal-action-btn:active {
  outline: 0;
}

#redactor-modal-box #redactor-modal footer button.col-2 {
  width: 40%;
}

#redactor-modal-box #redactor-modal footer button.col-3 {
  width: 28%;
}

#redactor-modal-box #redactor-modal #redactor-droparea {
  border: 3px dashed #272727;
}

#redactor-modal-box #redactor-modal #redactor-droparea-placeholder {
  color: #FFFFFF;
}

#redactor-modal-box #redactor-modal #redactor-modal-tabber a {
  background-color: #101010;
  border: 2px solid #272727;
  color: #676767;
}

#redactor-modal-box #redactor-modal #redactor-modal-tabber a:hover {
  background-color: #BEA057;
  border-color: #BEA057;
  color: #000000;
}

#redactor-modal-box #redactor-modal #redactor-modal-tabber a.active {
  cursor: default;
  background-color: #ddd;
  border-color: #ddd;
  color: #000000;
}

.suggestions {
  z-index: 999999;
  position: absolute;
  min-width: 240px;
  background: #272727;
  color: #999;
}

.suggestions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.suggestions li {
  padding: 3px;
  font-size: 16px;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.suggestions li.selected {
  color: #c19f54;
  background: #272727;
}

.suggestions li img {
  width: 24px;
  height: 24px;
  vertical-align: top;
}

.suggestions li small {
  display: block;
  margin-left: 30px;
  margin-top: -6px;
  line-height: 10px;
  font-size: 10px;
}

@font-face {
  font-family: 'RedactorPluginsFont';
  src: url("http://cdn.hackaday.io/fonts/redactor-plugins-font.eot");
}

@font-face {
  font-family: 'RedactorPluginsFont';
  src: url("http://cdn.hackaday.io/fonts/redactor-plugins-font.ttf") format("truetype"), url("http://cdn.hackaday.io/fonts/redactor-plugins-font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.re-latex, .re-readMoreTag, .re-code {
  font-family: 'RedactorPluginsFont';
}

.redactor-toolbar li a.re-latex, .redactor-toolbar li a.re-readMoreTag, .redactor-toolbar li a.re-code {
  font-family: 'RedactorPluginsFont';
  padding-right: 14px;
  padding-bottom: 13px;
}

.re-latex:before {
  content: "\e600";
}

.re-readMoreTag:before {
  content: "\e601";
}

.re-code:before {
  content: "\e602";
}

.redactor-plugins-code-editor-container {
  margin-top: 20px;
}

.redactor-plugins-code-editor-container textarea {
  width: 99%;
  height: 200px;
}

.latex-preview-container {
  border: 1px dashed #ccc;
  height: 80px;
  margin: 10px 0;
  padding: 8px;
  overflow: auto;
}

.latex-symbol {
  width: 24px;
  height: 24px;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  margin: 3px;
  background-repeat: no-repeat;
  background: url(../img/symbols.png);
  float: left;
}

.latex-symbol a:hover {
  border-color: #eee;
}

.latex-symbol-math {
  width: 36px;
  height: 36px;
}

.latex-tabs-container {
  margin-bottom: 18px;
}

.latex-tabs-container:after {
  content: "";
  display: table;
  clear: both;
}

/*# sourceMappingURL=style.css.map */