.react-color-picker,
.react-color-picker__saturation-spectrum,
.react-color-picker__hue-spectrum {
  box-sizing: border-box; }
  .react-color-picker *,
  .react-color-picker *:before,
  .react-color-picker *:after,
  .react-color-picker__saturation-spectrum *,
  .react-color-picker__saturation-spectrum *:before,
  .react-color-picker__saturation-spectrum *:after,
  .react-color-picker__hue-spectrum *,
  .react-color-picker__hue-spectrum *:before,
  .react-color-picker__hue-spectrum *:after {
    box-sizing: border-box; }

.react-color-picker__saturation-spectrum,
.react-color-picker__hue-spectrum {
  position: relative;
  display: inline-block; }

.react-color-picker__saturation-white,
.react-color-picker__saturation-black {
  position: relative;
  width: 100%;
  height: 100%; }

.react-color-picker__saturation-white {
  background: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); }

.react-color-picker__saturation-black {
  background: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); }

.react-color-picker__saturation-spectrum {
  cursor: pointer; }

.react-color-picker__saturation-drag {
  display: none;
  border: 1px solid white;
  border-radius: 10px;
  position: absolute;
  top: 0px;
  left: 0px; }
  .react-color-picker__saturation-drag .react-color-picker__saturation-inner,
  .react-color-picker__saturation-drag .react-color-picker__hue-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid black;
    border-radius: 10px; }

.react-color-picker__hue-spectrum {
  background: -webkit-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  cursor: pointer; }
  .react-color-picker__hue-spectrum .react-color-picker__hue-drag {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid #000; }

.react-color-picker--theme-default {
  color: inherit; }
  .react-color-picker--theme-default .react-color-picker__hue-spectrum {
    margin-left: 10px; }
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header__dropdown--select {
  margin-top: -16px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker__current-month--hasYearDropdown {
  margin-bottom: 16px;
}

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}
.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}
.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  display: inline;
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}
.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view {
  width: 50%;
  left: 25%;
  position: absolute;
  bottom: 25px;
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow {
  border-top-color: #ccc;
  margin-bottom: 3px;
  left: 5px;
  top: 9px;
  position: relative;
  border-width: 0.45rem;
}
.react-datepicker__year-read-view--selected-year {
  right: 0.45rem;
  position: relative;
}

.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected {
  position: absolute;
  left: 30px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__tether-element {
  z-index: 2147483647;
}
@font-face {
  font-family: "hackerone";
  font-style: normal;
  font-weight: normal;
  src: url(/assets/static/hackerone-c3f8a84d.eot);
  src: local("#"), url(/assets/static/hackerone-0cd0f629.ttf) format("truetype"), url(/assets/static/hackerone-e4234dc3.woff) format("woff"), url(/assets/static/hackerone-dd54e867.svg) format("svg"); }

@font-face {
  font-family: "Blokk";
  font-style: normal;
  font-weight: normal;
  src: url(/assets/static/blokk-88e51f7b.eot);
  src: local("#"), url(/assets/static/blokk-00079ac4.ttf) format("truetype"), url(/assets/static/blokk-6f04bae2.woff) format("woff"), url(/assets/static/blokk-fe05eaa7.svg) format("svg"); }

@font-face {
  font-family: "Rye";
  font-style: normal;
  font-weight: normal;
  src: url(/assets/static/rye-09da95ce.eot);
  src: local("#"), url(/assets/static/rye-7232cf83.ttf) format("truetype"), url(/assets/static/rye-b053531e.woff) format("woff"), url(/assets/static/rye-19bfdbc9.svg) format("svg"); }

@font-face {
  font-family: "EffraHeavy";
  font-style: normal;
  font-weight: 600;
  src: local("#"), url(/assets/static/effra-heavy-ad77b985.woff) format("woff"); }

@font-face {
  font-family: "EffraLight";
  font-style: normal;
  font-weight: 300;
  src: local("#"), url(/assets/static/effra-light-94247eb5.woff) format("woff"); }

@font-face {
  font-family: "EffraMedium";
  font-style: normal;
  font-weight: 500;
  src: local("#"), url(/assets/static/effra-medium-6e68e123.woff) format("woff"); }

@font-face {
  font-family: "EffraRegular";
  font-style: normal;
  font-weight: 400;
  src: local("#"), url(/assets/static/effra-regular-41247f5b.woff) format("woff"); }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q,
blockquote {
  quotes: none; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block; }

body.non-boxless .wrapper, .inner-container, .full-width-inner-container, .profile-header__container {
  max-width: 980px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto; }
  body.non-boxless .wrapper, body.non-boxless .inner-container, body.non-boxless .full-width-inner-container, body.non-boxless .profile-header__container {
    width: 980px; }

.button--disabled, .button:disabled, input[type=submit]:disabled,
input[type=button]:disabled, .input-label.disabled, .input:disabled, .select:disabled, .report-action-picker__input:disabled, .input--superman:disabled, a.disabled,
.link.disabled, .disabled, input[type="checkbox"]:disabled,
input[type="radio"]:disabled, input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label, .input:disabled + .helper-text, .select:disabled + .helper-text, .report-action-picker__input:disabled + .helper-text, .dls-button:disabled {
  opacity: .35;
  cursor: not-allowed; }

* {
  box-sizing: border-box; }

body,
html {
  height: 100%; }

body {
  background: #f5f5f5; }

.full-size {
  height: 100%;
  width: 100%; }

.wrapper {
  padding-top: 60px; }
  body.non-boxless .wrapper {
    position: relative;
    zoom: 1;
    padding-top: 88px;
    z-index: 1; }
    body.non-boxless .wrapper:before, body.non-boxless .wrapper:after {
      content: " ";
      display: block;
      height: 0;
      overflow: hidden; }
    body.non-boxless .wrapper:after {
      clear: both; }

.content-wrapper, .settings-container .settings-column {
  padding: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fff; }
  .content-wrapper--red {
    border: 1px solid #D10D15; }
  .content-wrapper--orange {
    border: 1px solid #FF6B0A; }
  .content-wrapper--green {
    border: 1px solid #02c996; }

.container {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #eaeaea; }
  body.non-boxless .container {
    border: 1px solid #c5c5c5;
    border-radius: 4px; }

.inner-container--extra-padding {
  padding-top: 80px;
  padding-bottom: 80px; }

.inner-container--small {
  max-width: 600px; }

.signed-in .inner-container:target {
  padding-top: 60px;
  margin-top: -60px; }

.signed-out .inner-container:target {
  padding-top: 91px;
  margin-top: -91px; }

body.non-boxless .main-column-wrapper {
  zoom: 1;
  padding: 20px; }
  body.non-boxless .main-column-wrapper:before, body.non-boxless .main-column-wrapper:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  body.non-boxless .main-column-wrapper:after {
    clear: both; }
  body.non-boxless .main-column-wrapper .main-column {
    width: 100%;
    float: left; }
  body.non-boxless .main-column-wrapper .right-column {
    float: right;
    width: 30%; }
  body.non-boxless .main-column-wrapper .right-column + .main-column {
    padding-right: 20px;
    width: 70%; }

.full-width-inner-container {
  padding: 30px 20px; }

@media (min-width: 640px) {
  .full-width-main-column {
    float: left;
    width: 75%;
    padding-right: 20px; } }

@media (min-width: 640px) {
  .full-width-right-column {
    float: right;
    width: 25%; } }

.narrow-wrapper {
  max-width: 440px;
  margin: 0 auto; }
  .signed-in .narrow-wrapper {
    padding: 90px 20px 30px; }
  .signed-out .narrow-wrapper {
    padding: 121px 20px 30px; }
  .narrow_layout .narrow-wrapper {
    min-height: 100%;
    margin-bottom: -61px; }
    .narrow_layout .narrow-wrapper:after {
      content: "";
      display: block;
      height: 61px; }
  .narrow-wrapper--terms {
    max-width: 600px;
    margin: 0 auto; }

.narrow-intro {
  text-align: center;
  margin-bottom: 30px; }

.narrow-container {
  background: #fff;
  color: #000;
  border-radius: 4px;
  border: 1px solid #c5c5c5;
  text-align: left;
  padding: 20px;
  margin-bottom: 40px;
  word-break: break-word; }
  .narrow-container--muted-border {
    border-color: #e5e5e5; }

.narrow-footer {
  color: #777;
  font-size: 12px;
  text-align: center; }

@media (min-width: 940px) {
  .narrow-wrapper-columns {
    margin: 0 -10px; } }

@media (min-width: 940px) {
  .narrow-wrapper-column {
    float: left;
    width: 50%;
    padding: 0 10px; } }

.customer-pages-benefits-image {
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.blog-page-image {
  border-radius: 4px;
  border: 1px solid #e5e5e5; }

.blog-page-image-description {
  font-size: 13px;
  text-align: center;
  display: block;
  margin-top: 10px; }

.blog__youtube-container {
  position: relative;
  width: 100%;
  margin-bottom: 15px; }
  .blog__youtube-container:before {
    padding-top: 56.25%;
    display: block;
    content: ""; }

.blog__youtube-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.blog__footnote {
  font-size: 10px;
  color: #828282;
  position: relative;
  vertical-align: 0;
  top: -5px; }

.masthead__video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1250;
  background-color: rgba(0, 0, 0, 0.75); }

.masthead__video-content {
  position: relative;
  margin-top: 50px;
  height: 0;
  overflow: hidden;
  z-index: 1251;
  padding-bottom: 56.25%; }

.masthead__video {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
  @media (min-width: 940px) {
    .masthead__video {
      left: 12.5%;
      width: 75%;
      height: 75%; } }

.masthead__close-icon {
  position: absolute;
  top: 0;
  cursor: pointer;
  right: 0%;
  z-index: 1252;
  color: #fff;
  background: #ff669b;
  padding: 5px 10px;
  font-size: 10px; }
  @media (min-width: 940px) {
    .masthead__close-icon {
      padding: 15px;
      font-size: 20px;
      right: 12.5%; } }

.masthead__play-icon {
  color: #fff;
  font-size: 60px;
  cursor: pointer;
  width: 300px;
  display: inline-block;
  margin-bottom: 25px; }
  .masthead__play-icon:hover {
    color: rgba(255, 255, 255, 0.8); }

.pricing-questions {
  border: 2px solid #e5e5e5;
  background: #f5f5f5;
  padding: 30px;
  border-radius: 4px;
  margin: 60px 0 100px;
  line-height: 24px;
  text-align: center; }
  .pricing-questions__container {
    max-width: 560px;
    margin: 0 auto; }

.pricing__button {
  border: 2px solid #c5c5c5;
  display: inline-block;
  padding: 9px;
  background: #fff;
  font-size: inherit;
  font-family: inherit;
  color: #333;
  border-radius: 4px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .pricing__button:hover {
    text-decoration: none;
    background-color: #f5f5f5; }
  .pricing__button:link, .pricing__button:visited {
    color: #333; }
  .pricing__button--blue, .pricing__button--green {
    color: #fff; }
    .pricing__button--blue:link, .pricing__button--blue:visited, .pricing__button--green:link, .pricing__button--green:visited {
      color: #fff; }
  .pricing__button--blue {
    background: #216ba5;
    border-color: #216ba5; }
    .pricing__button--blue:hover {
      background: #194f7b;
      border-color: #194f7b; }
  .pricing__button--green {
    background: #02bb4f;
    border-color: #02bb4f; }
    .pricing__button--green:hover {
      background: #01893a;
      border-color: #01893a; }
  .pricing__button--big {
    padding: 14px 36px; }
  .pricing__button--link {
    border-color: transparent;
    color: #216ba5;
    font-weight: 400; }
    .pricing__button--link:hover {
      text-decoration: underline;
      background: transparent; }

.pricing-page__introduction {
  margin-bottom: 80px;
  text-align: center; }
  .pricing-page__introduction--plans {
    margin-bottom: 110px; }

.pricing-plan {
  border: 2px solid #e5e5e5;
  background-color: #f5f5f5;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 20px; }
  @media (min-width: 940px) {
    .pricing-plan--is-most-popular, .pricing-plan--is-convenient {
      margin-top: -29px; } }
  .pricing-plan--is-most-popular {
    border-color: #216ba5; }
  .pricing-plan--is-convenient {
    background: #daf9e7;
    border-color: #02bb4f; }
  .pricing-plan__indicator {
    padding: 4px 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: 13px; }
    .pricing-plan--is-most-popular .pricing-plan__indicator {
      background-color: #216ba5; }
    .pricing-plan--is-convenient .pricing-plan__indicator {
      background-color: #02bb4f; }
  .pricing-plan__top {
    padding: 10px;
    border-bottom: 1px solid;
    border-color: inherit;
    background: #fff; }
  .pricing-plan__title {
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 10px;
    color: #000; }
  .pricing-plan__description {
    margin-bottom: 30px;
    font-size: 14px; }
  .pricing-plan__features {
    padding: 0 10px; }
  .pricing-plan__feature {
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 0;
    font-size: 13px; }
    .pricing-plan--is-most-popular .pricing-plan__feature {
      border-color: #dfe7ec; }
    .pricing-plan--is-convenient .pricing-plan__feature {
      border-color: #c6e0d1; }
    .pricing-plan__feature:last-child {
      border-bottom: 0; }
  .pricing-plan__contract {
    height: 20px; }
  .pricing-plan__wrapper {
    padding-top: 30px; }

.pricing-table {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .pricing-table__scroll-area {
    overflow-y: scroll; }
  .pricing-table__content {
    min-width: 760px; }
  .pricing-table__shadow-left, .pricing-table__shadow-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    z-index: 1; }
  .pricing-table__shadow-left--active {
    left: -15px;
    box-shadow: 10px 0 10px 1px rgba(0, 0, 0, 0.25); }
  .pricing-table__shadow-right--active {
    right: -15px;
    box-shadow: -10px 0 10px 1px rgba(0, 0, 0, 0.25); }
  .pricing-table__section-separator {
    background: #ebf5fa;
    border: 2px solid #e5e5e5; }
  .pricing-table__section-title {
    padding: 12px 0 12px 20px;
    border-right: 2px solid #e5e5e5;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 640px) {
      .pricing-table__section-title {
        padding-left: 20px;
        padding-right: 20px; } }
  .pricing-table__feature-image {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: none; }
    @media (min-width: 640px) {
      .pricing-table__feature-image {
        display: inline-block; } }
  .pricing-table__feature {
    font-size: 21px; }
    .pricing-table__feature--excluded {
      color: #dcdcdc; }
    .pricing-table__feature--included {
      color: #3cbd6b; }
  .pricing-table__column {
    width: 12%;
    font-weight: 300; }
    .pricing-table__row:hover .pricing-table__column {
      background: #f5f5f5;
      -webkit-transition: background .3s ease 0s;
      transition: background .3s ease 0s; }
    .pricing-table__column--footer {
      border-left: 2px solid #e5e5e5;
      border-bottom: 2px solid #e5e5e5;
      padding: 10px; }
    .pricing-table__column--footer-active {
      border-bottom: 2px solid #216ba5;
      border-left: 2px solid #216ba5;
      border-right: 2px solid #216ba5; }
    .pricing-table__column--footer:last-child {
      border-right: 2px solid #e5e5e5; }
    .pricing-table__column--description, .pricing-table__column--plan, .pricing-table__column--benefit {
      border-bottom: 1px solid #e5e5e5;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media (min-width: 640px) {
        .pricing-table__column--description, .pricing-table__column--plan, .pricing-table__column--benefit {
          padding-top: 20px;
          padding-bottom: 20px; } }
    .pricing-table__column--description {
      width: 25%;
      background: #fafafa;
      border-left: 2px solid #e5e5e5;
      border-right: 2px solid #e5e5e5;
      padding-left: 10px;
      padding-right: 10px; }
      @media (min-width: 640px) {
        .pricing-table__column--description {
          padding-left: 20px;
          padding-right: 20px; } }
      .pricing-table__row:last-child .pricing-table__column--description {
        border-bottom-width: 2px; }
      .pricing-table__row:hover .pricing-table__column--description {
        background: #f0f0f0; }
    .pricing-table__column--key-feature {
      width: 250px; }
    .pricing-table__column--plan {
      text-align: center; }
      .pricing-table__column--plan:last-child {
        border-left: 2px solid #e5e5e5;
        border-right: 2px solid #e5e5e5; }
    .pricing-table__column--benefit {
      width: auto;
      padding: 20px; }
      .pricing-table__column--benefit:last-child {
        border-left: 2px solid #e5e5e5;
        border-right: 2px solid #e5e5e5; }
    .pricing-table__column--active {
      border-left: 2px solid #216ba5;
      border-right: 2px solid #216ba5; }
      tbody:first-child .pricing-table__section-separator .pricing-table__column--active {
        border-top: 2px solid #216ba5; }

.promo-banner {
  top: 91px;
  position: absolute;
  width: 100%;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  background: #8c8c8c;
  z-index: 1199; }
  .promo-banner__container {
    position: relative; }
  .promo-banner__content {
    font-size: 14px;
    padding-right: 30px;
    display: inline-block; }
  .promo-banner__arrow-icon {
    top: 50%;
    right: -10px;
    margin-top: -20px;
    font-size: 25px;
    position: absolute; }
    @media (min-width: 640px) {
      .promo-banner__arrow-icon {
        margin-top: -18px;
        font-size: 25px; } }

.controller_maturity_model,
.controller_blog,
.controller_home-about,
.controller_home-careers,
.controller_home-resources,
.controller_home-product,
.controller_teams.action_new,
.controller_press {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
  color: #7c848a;
  background: #fff; }
  .controller_maturity_model p,
  .controller_blog p,
  .controller_home-about p,
  .controller_home-careers p,
  .controller_home-resources p,
  .controller_home-product p,
  .controller_teams.action_new p,
  .controller_press p {
    margin-bottom: 24px; }

.superman-hero {
  padding: 172px 0;
  text-align: center;
  color: #fff;
  position: relative; }
  .superman-hero--small {
    padding: 100px 0; }
  .superman-hero--default {
    background: url(/assets/static/default-db2b0752.jpg) center no-repeat;
    background-size: cover; }
  .superman-hero--girl {
    background: url(/assets/static/girl-41e82c18.jpg) center no-repeat;
    background-size: cover; }
  .superman-hero--man {
    background: url(/assets/static/man-a1e3fe51.jpg) center no-repeat;
    background-size: cover; }
  .superman-hero--computer {
    background: url(/assets/static/computer-44720c99.jpg) center no-repeat;
    background-size: cover; }
  .superman-hero--laptop {
    background: url(/assets/static/laptop-a5965def.jpg) center no-repeat;
    background-size: cover; }
  .superman-hero--hack-the-world {
    background: url(/assets/static/hack-the-world-447ac089.jpg) center no-repeat;
    background-size: cover; }
  .superman-hero--dod {
    background: url(/assets/static/dod-9e030de8.jpg) center no-repeat;
    background-size: cover; }
  .superman-hero--localtapiola {
    background: url(/assets/static/localtapiola-3938ce3a.jpg) center no-repeat;
    background-size: cover; }
  .superman-hero__title {
    font-size: 50px;
    line-height: 1.5;
    margin-bottom: 15px; }
    @media (min-width: 640px) {
      .superman-hero__title {
        font-size: 72px; } }
    .superman-hero__title--small {
      font-size: 36px; }
  .superman-hero__sub-title {
    line-height: 1.5;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 85px; }
    .superman-hero__sub-title--small {
      font-size: 21px; }
  .superman-hero .narrow-container a,
  .superman-hero .narrow-container a:hover,
  .superman-hero .narrow-container a:link,
  .superman-hero .narrow-container a:visited {
    color: #000; }
  .superman-hero .meta-text a,
  .superman-hero .meta-text a:hover,
  .superman-hero .meta-text a:link,
  .superman-hero .meta-text a:visited {
    color: #828282; }
  .superman-hero a {
    color: #fff; }
    .superman-hero a:hover {
      color: #ababab; }
    .superman-hero a:visited {
      color: #fff; }

.superman-button {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 1.5;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ff669b;
  border: none;
  font-size: inherit;
  font-weight: 600;
  text-shadow: none;
  padding: 10px 25px; }
  .superman-button:visited {
    color: #fff; }
  .superman-button:hover {
    color: #fff; }
  .superman-button:active {
    color: #fff; }
  .superman-button--small {
    font-size: 14px;
    padding: 5px 12px; }
  .superman-button--big {
    font-size: 20px;
    padding: 14px 50px; }
  .superman-button--topbar {
    font-size: inherit;
    padding: 5px 20px;
    margin-top: -20px; }
  .superman-button--grey {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.6); }
  .superman-button--shadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }
  .superman-button:hover {
    background-color: #ff4d8a;
    text-decoration: none; }
  .superman-button:disabled {
    cursor: not-allowed;
    opacity: .35; }
  .superman-button:focus {
    outline: none;
    background-color: #ff4d8a;
    box-shadow: 0 0 10px #ff669b, inset 0 0 0 2px #ff1a69; }

.superman-circle {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin: 32px auto;
  position: relative;
  background: #fff;
  text-align: center;
  overflow: hidden; }
  .superman-circle--border {
    border: 2px solid #e6e7ea; }
  .superman-circle--transparent {
    background: transparent; }
  .superman-circle--translucent {
    background: rgba(0, 0, 0, 0.5);
    color: #fff; }
  .superman-circle--small {
    width: 44px;
    height: 44px; }
  .superman-circle--big {
    width: 100px;
    height: 100px;
    font-size: 38px; }
  .superman-circle--shadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }
    .superman-footer .superman-circle--shadow {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      margin-top: 10px; }
      @media (min-width: 640px) {
        .superman-footer .superman-circle--shadow {
          margin-top: 0; } }
    .superman-hero .superman-circle--shadow {
      position: absolute;
      bottom: -40px;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 1; }

.superman-icon {
  color: #ff669b;
  font-size: 40px;
  line-height: 1;
  display: inline-block; }
  .superman-icon--blue {
    color: #00dbff; }
  .superman-icon--grey {
    color: #d7d7d7; }

.superman-container {
  padding: 150px 0;
  text-align: center;
  position: relative; }
  .superman-container--tiny {
    padding: 40px 0; }
  .superman-container--small {
    padding: 80px 0; }
  .superman-container--soft-grey {
    background: #f5f5f5; }
  .superman-container--human {
    background: url(/assets/static/human-bed9e0be.jpg) no-repeat;
    background-size: cover;
    color: #b9c2c7; }
  .superman-container--localtapiola-ciso {
    padding: 350px 0 25px;
    background: url(/assets/static/ciso-c1732b79.jpg) center center no-repeat;
    background-size: cover;
    color: #b9c2c7; }
  .superman-container--handshake {
    background: url(/assets/static/handshake-49158bb9.jpg) center center no-repeat;
    background-size: cover;
    color: #b9c2c7;
    padding: 200px 0; }
  .superman-container--nako {
    background: url(/assets/static/nako-1ba6a8a4.jpg) no-repeat;
    background-size: cover;
    color: #b9c2c7; }
    .superman-container--nako a:not(.superman-button) {
      text-decoration: underline; }
    .superman-container--nako a:hover:not(.superman-button) {
      color: #0099b3; }
    .superman-container--nako a:not(.superman-button),
    .superman-container--nako a:visited:not(.superman-button),
    .superman-container--nako a:active:not(.superman-button) {
      color: #00dbff; }

.superman-title {
  text-align: center; }
  .superman-title--left {
    text-align: left; }
  .superman-title__content {
    font-size: 40px;
    line-height: 1.5;
    color: #000;
    max-width: 600px;
    margin: 0 auto 7px; }
    .superman-title--left .superman-title__content {
      margin-left: 0; }
    .superman-title--medium .superman-title__content {
      font-size: 21px; }
    .superman-title--small .superman-title__content {
      font-size: 16px; }
    .superman-title--white .superman-title__content {
      color: #fff; }
  .superman-title__separator {
    width: 62px;
    height: 4px;
    background: #00dbff;
    margin: 14px auto 60px; }
    .superman-title--medium .superman-title__separator {
      margin: 7px auto 30px; }
    .superman-title--left .superman-title__separator {
      margin-left: 0; }
  .superman-title__intro {
    max-width: 800px;
    margin: 0 auto 90px; }
    .superman-title--small .superman-title__intro {
      margin-bottom: 32px; }

@media (min-width: 768px) {
  .superman-feature__description-left, .superman-feature__description-right {
    min-height: 420px; } }

.superman-feature__description-left {
  margin-top: 30px; }
  @media (min-width: 640px) {
    .superman-feature__description-left {
      margin-top: 0;
      padding-left: 30px; } }

.superman-feature__description-right {
  padding-right: 30px; }

.superman-testimonials {
  color: #fff; }
  .superman-testimonials__item {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 5px; }
    .superman-testimonials__item--soft-grey {
      background: #f5f5f5;
      color: #7c848a; }
    .superman-testimonials__item p {
      font-style: italic;
      font-size: 20px;
      line-height: 28px; }
  .superman-testimonials__title {
    color: #ff669b;
    font-weight: 700; }
  .superman-testimonials__quote {
    height: 190px; }

.superman-dod__image {
  background: url(/assets/static/world-3761b0d0.png) center center no-repeat;
  background-size: 100%;
  padding: 40px; }

.superman-dod__content {
  margin: 60px 0; }

.superman-footer__logo {
  width: 150px;
  display: inline-block;
  margin-top: 10px; }

.superman-footer__heading {
  color: #000;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700; }
  @media (min-width: 640px) {
    .superman-footer__heading {
      margin-bottom: 34px; } }

.superman-footer__link {
  color: #828282;
  margin-bottom: 15px;
  display: block; }
  .superman-footer__link:visited {
    color: #828282; }
  .superman-footer__link:hover {
    color: #828282; }
  .superman-footer__link:active {
    color: #828282; }

.superman-footer__social-link {
  font-size: 30px; }

.superman-footer__social-link + .superman-footer__social-link {
  margin-left: 20px; }

.superman-footer__utility {
  margin: 10px 0; }
  @media (min-width: 640px) {
    .superman-footer__utility {
      margin: 0; } }

.superman-footer__utility-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px; }
  .superman-footer__utility-item:last-child {
    margin-right: 0; }

.superman-footer--column {
  margin-bottom: 40px; }
  @media (min-width: 640px) {
    .superman-footer--column {
      min-height: 350px;
      margin-bottom: 0; } }
  .superman-footer--column:last-child {
    margin-bottom: 0; }

.superman-services {
  margin-top: 90px;
  margin-bottom: 90px; }
  .superman-services__button-spacing {
    margin-bottom: 40px; }

.superman-client {
  position: relative;
  height: 120px; }

.superman-client img {
  max-height: 120px;
  max-width: 90%; }

.superman-text--small {
  font-size: 14px;
  line-height: 1.6; }

.superman-comparison {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #e6e7ea; }
  .superman-comparison__title {
    padding: 10px;
    background: #edeef0;
    font-weight: 700; }
  @media (min-width: 800px) {
    .superman-comparison__entry {
      display: table; } }
  .superman-comparison__content, .superman-comparison__icon {
    display: table-cell;
    vertical-align: middle; }
    @media (min-width: 800px) {
      .superman-comparison__content, .superman-comparison__icon {
        display: block; } }
  .superman-comparison__icon {
    width: 1%; }
    @media (min-width: 800px) {
      .superman-comparison__icon {
        width: auto; } }
  .superman-comparison__content {
    padding-left: 20px;
    text-align: left; }
    @media (min-width: 800px) {
      .superman-comparison__content {
        padding-left: 0;
        text-align: center; } }
  .superman-comparison__arrow-placeholder {
    display: none; }
    @media (min-width: 800px) {
      .superman-comparison__arrow-placeholder {
        display: block;
        position: absolute;
        width: 35%;
        left: 81%;
        top: 80px; }
        .superman-comparison__arrow-placeholder--three-col {
          width: 235%; } }
  .superman-comparison__arrow {
    height: 3px;
    background: #e6e7ea; }
    .superman-comparison__arrow:after, .superman-comparison__arrow:before {
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      top: 1px;
      left: auto;
      right: auto; }
    .superman-comparison__arrow:after {
      border-color: transparent;
      border-width: 10px; }
    .superman-comparison__arrow:before {
      border-width: 10px; }
    .superman-comparison__arrow:after, .superman-comparison__arrow:before {
      top: 1px;
      left: 100%; }
    .superman-comparison__arrow:after {
      margin-top: -10px;
      border-left-color: #e6e7ea; }
    .superman-comparison__arrow:before {
      margin-top: -10px;
      border-left-color: #e6e7ea; }
  .superman-comparison__column {
    border-bottom: 1px dashed #e6e7ea;
    position: relative;
    padding: 20px; }
    @media (min-width: 800px) {
      .superman-comparison__column {
        padding: 40px 20px;
        width: 20%;
        display: table-cell;
        border-bottom: none;
        border-right: 1px dashed #e6e7ea; } }
    .superman-comparison__column:last-child {
      border-bottom: none;
      border-right: none; }

.superman-scrollspy {
  height: 1px;
  font-size: 13px; }
  .superman-scrollspy .affix {
    position: fixed;
    top: 100px; }
  .superman-scrollspy .affix-bottom {
    position: absolute;
    bottom: 0; }

.superman-cta {
  color: #333;
  padding: 10px 30px;
  display: block;
  border-radius: 5px;
  border: 2px solid transparent;
  cursor: pointer; }
  .superman-cta:visited {
    color: #333; }
  .superman-cta:hover {
    color: #333; }
  .superman-cta:active {
    color: #333; }
  .superman-cta:hover {
    border-color: #e6e7ea;
    text-decoration: none; }

.superman-profile {
  text-align: center;
  margin-bottom: 40px;
  display: inline-block;
  vertical-align: top; }
  .superman-profile__name {
    font-weight: 600;
    margin-top: 10px; }
  .superman-profile__avatar {
    position: relative;
    height: 130px;
    line-height: 130px;
    margin: auto;
    width: 130px; }
  .superman-profile__links {
    background-color: #ff669b;
    border-radius: 500px;
    height: 130px;
    left: 0;
    padding-top: 50px;
    position: absolute;
    top: 1px;
    width: 130px; }
  .superman-profile__link {
    width: 32px;
    height: 31px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px; }
    .superman-profile__link:hover {
      text-decoration: none; }
    .superman-profile__link--twitter {
      background-image: url(/assets/static/twitter-f6ddff68.png); }
    .superman-profile__link--github {
      background-image: url(/assets/static/github-7e86b188.png); }
    .superman-profile__link--linkedin {
      background-image: url(/assets/static/linkedin-b2504cab.png); }

.superman-table {
  width: 100%; }
  .superman-table__heading, .superman-table__column {
    padding: 12px 10px; }
    @media (min-width: 640px) {
      .superman-table__heading, .superman-table__column {
        padding-left: 20px;
        padding-right: 20px; } }
  .superman-table__heading {
    background: #ebf5fa;
    border: 1px solid #e5e5e5;
    font-weight: 600; }
  .superman-table__column {
    font-weight: 300;
    border: 1px solid #e5e5e5;
    background: #fafafa; }
    .superman-table__row:hover .superman-table__column {
      background: #f5f5f5;
      -webkit-transition: background .3s ease 0s;
      transition: background .3s ease 0s; }

.superman-carousel {
  z-index: 0; }
  @media (min-width: 768px) {
    .superman-carousel--security-inbox {
      background-size: cover;
      background-image: url(/assets/static/security-inbox-706739bd.jpg); } }
  @media (min-width: 768px) {
    .superman-carousel--coordination {
      background-size: cover;
      background-image: url(/assets/static/coordination-2592eefa.jpg); } }
  @media (min-width: 768px) {
    .superman-carousel--insight {
      background-size: cover;
      background-image: url(/assets/static/insight-074f602c.jpg); } }
  @media (min-width: 768px) {
    .superman-carousel--bug-bounty {
      background-size: cover;
      background-image: url(/assets/static/bug-bounty-c7839a96.jpg); } }
  @media (min-width: 768px) {
    .superman-carousel--secure-confidential {
      background-size: cover;
      background-image: url(/assets/static/secure-confidential-18ee6201.jpg); } }
  @media (min-width: 768px) {
    .superman-carousel::before {
      background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
      background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
      filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='    #00FFFFFF', endColorstr='#FFFFFFFF')";
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -1; } }
  @media (min-width: 768px) {
    .superman-carousel__item {
      display: none; } }
  .superman-carousel__item--active {
    display: block; }
  .superman-carousel__arrow-wrapper {
    display: none; }
    @media (min-width: 1150px) {
      .superman-carousel__arrow-wrapper {
        display: block; } }
  .superman-carousel__arrow {
    position: absolute;
    top: 470px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer; }
    .superman-carousel__arrow--left {
      left: 10px; }
    .superman-carousel__arrow--right {
      right: 10px; }
  .superman-carousel__navigation-item {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    cursor: pointer;
    color: #216ba5;
    text-align: center;
    border: 2px solid transparent;
    padding: 10px;
    font-size: 13px;
    border-radius: 5px; }
    .superman-carousel__navigation-item:hover {
      text-decoration: underline; }
    .superman-carousel__navigation-item--active {
      border-color: #ff669b; }

.superman-preload {
  position: absolute;
  top: -99999px;
  bottom: -99999px;
  width: 1px;
  height: 1px; }
  .superman-preload__security-inbox {
    background-image: url(/assets/static/security-inbox-706739bd.jpg); }
  .superman-preload__coordination {
    background-image: url(/assets/static/coordination-2592eefa.jpg); }
  .superman-preload__insight {
    background-image: url(/assets/static/insight-074f602c.jpg); }
  .superman-preload__bug-bounty {
    background-image: url(/assets/static/bug-bounty-c7839a96.jpg); }
  .superman-preload__secure-confidential {
    background-image: url(/assets/static/secure-confidential-18ee6201.jpg); }

.landing__lead-form-link {
  display: block;
  margin-top: 10px; }
  .landing__lead-form-link a {
    color: #fff;
    text-shadow: 0 .5px 0 #000;
    text-decoration: underline;
    font-size: 14px;
    padding: 10px; }
    .landing__lead-form-link a:visited {
      color: #fff; }

.alerts {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 13px;
  left: 50%;
  margin: 0 auto;
  position: fixed;
  text-align: center;
  z-index: 1300; }

.alert__close {
  text-decoration: none;
  margin-left: 10px;
  cursor: pointer; }

.alert {
  border-radius: 4px;
  padding: 5px 10px;
  position: relative;
  font-size: 12px;
  margin-bottom: 7px; }

.alert--notice {
  border: 1px solid #b2dba1;
  background: #dff0d8;
  color: #335a23; }
  .alert--notice .alert__close {
    color: #335a23; }

.alert--error {
  border: 1px solid #dca7a7;
  background: #f2dede;
  color: #5f2525; }
  .alert--error .alert__close {
    color: #5f2525; }

.alert--warning {
  border: 1px solid #ffee94;
  background: #fffae0;
  color: #947c00; }
  .alert--warning .alert__close {
    color: #947c00; }

img.avatar {
  padding: 1px;
  background: #fff;
  border: 1px solid #c5c5c5;
  text-align: center;
  border-radius: 10%; }
  img.avatar.no-border {
    border-color: transparent;
    padding: 0; }
  img.avatar.circle {
    border-radius: 500px; }
  img.avatar.emaillarge {
    width: 97px;
    height: 97px;
    line-height: 97px; }
  img.avatar.emailmedium {
    width: 63px;
    height: 63px;
    line-height: 63px; }
  img.avatar.xtralarge {
    width: 130px;
    height: 130px;
    line-height: 130px;
    padding: 2px; }
  img.avatar.large {
    width: 55px;
    height: 55px;
    line-height: 55px; }
  img.avatar.medium {
    width: 41px;
    height: 41px;
    line-height: 41px;
    border-radius: 13%; }
  img.avatar.small {
    width: 31px;
    height: 31px;
    line-height: 31px;
    border-radius: 13%; }
  img.avatar.tiny {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 25%; }

.banner {
  background: #fffae0;
  color: #947c00;
  padding: 7px 15px;
  border-bottom: 1px solid #ffee94;
  min-height: 36px;
  height: auto; }
  .banner > p {
    margin: 0; }
  .controller_bugs .banner {
    margin: -20px -20px 20px; }

.banner--dod-banner {
  background: #f5f5f5;
  color: #000;
  border-bottom: none;
  text-align: center; }

.banner__container {
  width: 100%;
  display: table; }

.banner__content,
.banner__button {
  display: block;
  vertical-align: top; }
  @media (min-width: 640px) {
    .banner__content,
    .banner__button {
      display: table-cell; } }

.banner__content {
  padding: 0;
  text-align: center; }
  @media (min-width: 640px) {
    .banner__content {
      padding-right: 10px;
      text-align: left; } }

.banner__button {
  margin-top: 10px; }
  @media (min-width: 640px) {
    .banner__button {
      margin-top: 0;
      float: right; } }

.inline-banner {
  padding: 7px 10px;
  margin-bottom: 10px;
  background: #f5f5f5;
  border: 1px solid gainsboro;
  border-radius: 4px;
  word-break: break-word; }
  .inline-banner--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .inline-banner__content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 500px;
    float: left; }
  .inline-banner--no-margin,
  .inline-banner p:last-child {
    margin-bottom: 0; }
  .inline-banner__icon {
    float: left;
    font-size: 30px;
    margin: 10px 15px 10px 10px; }
    .inline-banner--info .inline-banner__icon {
      color: #5598cb; }
  .inline-banner--info {
    background: #deebf5;
    border-color: #b7d3e9; }
  .inline-banner--notice {
    background: #fef7d4;
    border-color: #fdeea2; }
  .inline-banner--error {
    background: #f2dede;
    border-color: #e4b9b9; }
  .inline-banner--success {
    background: #dff0d8;
    border-color: #c1e2b3; }

.button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
  padding: 5px 14px;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  line-height: 1.4;
  text-decoration: none;
  border: 1px solid;
  border-bottom-width: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ebebeb;
  color: #000;
  text-shadow: 0 1px 0 #efefef;
  border-color: #999999;
  color: #000;
  /* HTML states */
  /* Sizes */
  /* Helpers */
  /* Colors */ }
  .button:visited {
    color: #000; }
  .button:hover {
    color: #000; }
  .button:active {
    color: #000; }
  .button--active {
    color: #000; }
  .button:hover {
    background-color: #e6e6e6; }
  .button:active, .button--active {
    background-color: gainsboro; }
  .button:active, .button:hover {
    text-decoration: none; }
  .button:active, .button:focus {
    outline: 0; }
  .button:focus {
    box-shadow: 0 0 10px rgba(33, 107, 165, 0.3); }
  .button--disabled, .button:disabled {
    cursor: not-allowed; }
  .button--small {
    font-size: 11px;
    padding: 2px 10px; }
  .button--big {
    font-size: 18px;
    padding: 15px 5px; }
  .button--modal {
    margin: 10px 0; }
  .button--bugs-filter {
    margin-left: 10px;
    width: 85px;
    text-align: right;
    display: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media (min-width: 960px) {
      .button--bugs-filter {
        display: inline-block; } }
  .button--centered {
    display: block;
    margin: auto; }
  .button--danger {
    background-color: #c92525;
    color: #fff;
    text-shadow: 0 1px 0 #a61f1f;
    border-color: #831818;
    color: #fff; }
    .button--danger:visited {
      color: #fff; }
    .button--danger:hover {
      color: #fff; }
    .button--danger:active {
      color: #fff; }
    .button--danger--active {
      color: #fff; }
    .button--danger:hover {
      background-color: #c02323; }
    .button--danger:active, .button--danger--active {
      background-color: #af2020; }
  .button--success {
    background-color: #72bc42;
    color: #fff;
    text-shadow: 0 1px 0 #5e9b36;
    border-color: #4a7a2b;
    color: #fff; }
    .button--success:visited {
      color: #fff; }
    .button--success:hover {
      color: #fff; }
    .button--success:active {
      color: #fff; }
    .button--success--active {
      color: #fff; }
    .button--success:hover {
      background-color: #6db43f; }
    .button--success:active, .button--success--active {
      background-color: #64a53a; }
  .button--blue {
    background-color: #216ba5;
    color: #fff;
    text-shadow: 0 1px 0 #1b5888;
    border-color: #15466b;
    color: #fff; }
    .button--blue:visited {
      color: #fff; }
    .button--blue:hover {
      color: #fff; }
    .button--blue:active {
      color: #fff; }
    .button--blue--active {
      color: #fff; }
    .button--blue:hover {
      background-color: #1f659d; }
    .button--blue:active, .button--blue--active {
      background-color: #1c5a8c; }
  .button--gray {
    background-color: #f5f5f5;
    color: #000;
    text-shadow: 0 1px 0 #cacaca;
    border-color: #9f9f9f;
    color: #000; }
    .button--gray:visited {
      color: #000; }
    .button--gray:hover {
      color: #000; }
    .button--gray:active {
      color: #000; }
    .button--gray--active {
      color: #000; }
    .button--gray:hover {
      background-color: #f0f0f0; }
    .button--gray:active, .button--gray--active {
      background-color: #e6e6e6; }
  .button--link {
    color: #216ba5;
    background-color: transparent;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400; }
    .button--link:visited {
      color: #216ba5; }
    .button--link:hover {
      color: #144063; }
    .button--link:active {
      color: #216ba5; }
    .button--link:hover, .button--link:active {
      background-color: transparent;
      border-color: transparent; }
    .button--link:hover {
      text-decoration: underline; }
    .button--link:focus {
      box-shadow: none; }

.button-group {
  zoom: 1;
  white-space: nowrap; }
  .button-group:before, .button-group:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .button-group:after {
    clear: both; }
  .button-group .button {
    border-radius: 0;
    vertical-align: bottom;
    float: left; }
    .button-group .button + .button {
      margin-left: -1px; }
    .button-group .button:first-child {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .button-group .button:last-child {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
    .button-group .button--active {
      border-top-width: 2px;
      border-bottom-width: 1px;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15); }

.centering-outer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  visibility: hidden; }

.centering-outer:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.centering-inner {
  display: inline-block;
  vertical-align: middle; }

.centering-content {
  visibility: visible; }

.content-footer {
  margin-right: -20px;
  margin-bottom: -20px;
  margin-left: -20px;
  margin-top: 20px; }

.content-footer-wrapper {
  padding: 15px 20px;
  background: #f5f5f5;
  border-top: 1px solid #c5c5c5;
  display: table;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .application_full_width_layout .content-footer-wrapper {
    border: 0;
    background: none; }

.content-footer-left,
.content-footer-right {
  width: 50%;
  display: table-cell; }

.content-footer-left {
  text-align: left; }

.content-footer-right {
  text-align: right; }

.content-footer__note {
  font-weight: normal;
  font-size: 12px;
  color: #828282;
  margin-right: 15px; }

.dropdown-box {
  display: inline-block;
  position: relative; }

.dropdown-list-container {
  display: none;
  position: absolute;
  margin-top: 3px;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  z-index: 5; }
  .open .dropdown-list-container {
    display: block; }
  .dropdown-placement-top .dropdown-list-container {
    bottom: 100%; }
  .dropdown-pull-right .dropdown-list-container {
    right: 0; }

.dropdown-list-wrapper {
  display: table-cell;
  vertical-align: top;
  width: 100%; }
  .dropdown-with-description .dropdown-list-wrapper {
    box-shadow: inset 0 0 0 1px #e5e5e5; }

.dropdown-description-wrapper {
  background: #f5f5f5;
  font-weight: normal;
  font-size: 13px;
  min-width: 280px;
  display: none; }
  .dropdown-with-description .dropdown-description-wrapper {
    display: table-cell;
    vertical-align: top;
    width: 100%; }

.dropdown-scroll-area {
  position: relative;
  max-height: 243px; }

.dropdown-item-link-icon {
  display: inline;
  margin-left: 10px;
  color: #828282;
  position: absolute;
  right: 10px; }

.dropdown-item {
  color: #000;
  line-height: 31px;
  position: relative;
  height: 32px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 35px 0 10px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .dropdown-item:visited {
    color: #000; }
  .dropdown-item:hover {
    color: #000; }
  .dropdown-item:active {
    color: #000; }
  .dropdown-item.disabled {
    opacity: 1;
    color: #a6a6a6;
    cursor: not-allowed; }
  .dropdown-item--no-checkmark {
    padding-right: 10px; }
  .dropdown-item:hover, .dropdown-item.hover {
    background: #f5f5f5;
    text-decoration: none; }
  .dropdown-item:last-child {
    border-bottom: 0; }
  .dropdown-with-description .dropdown-item:hover:last-child,
  .dropdown-with-description .dropdown-item.hover:last-child {
    border-bottom: 1px solid #e5e5e5; }

.dropdown-item-description {
  min-height: 160px;
  padding: 10px 20px; }
  .dropdown-item-description p:last-child {
    margin-bottom: 0; }

.dropdown-button {
  color: #000;
  background-color: #fff;
  font-size: 11px;
  line-height: 2.2;
  border: 1px solid #c5c5c5;
  border-bottom-width: 2px;
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
  text-decoration: none;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 600; }
  .dropdown-button:visited {
    color: #000; }
  .dropdown-button:focus {
    color: #000; }
  .dropdown-button:hover {
    color: #000; }
  .dropdown-button:active {
    color: #000; }
  .dropdown--disabled .dropdown-button {
    cursor: not-allowed;
    opacity: .35; }
    .dropdown--disabled .dropdown-button:hover {
      background: -webkit-linear-gradient(#fff 0%, #fff 100%);
      background: linear-gradient(#fff 0%, #fff 100%);
      filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='    #FFFFFFFF', endColorstr='#FFFFFFFF')"; }
  .dropdown-button--normal {
    font-size: 13px; }
  .dropdown-button:hover {
    background: -webkit-linear-gradient(#fff 0%, #ebebeb 100%);
    background: linear-gradient(#fff 0%, #ebebeb 100%);
    filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='    #FFFFFFFF', endColorstr='#FFEBEBEB')";
    text-decoration: none; }
  .open .dropdown-button {
    background: -webkit-linear-gradient(#fff 0%, #ebebeb 100%);
    background: linear-gradient(#fff 0%, #ebebeb 100%);
    filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='    #FFFFFFFF', endColorstr='#FFEBEBEB')";
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }
  .dropdown-silent .dropdown-button {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none; }
    .dropdown-silent .dropdown-button:hover {
      margin: 0;
      border: 1px solid #c5c5c5;
      border-bottom-width: 2px; }
  .dropdown-silent.open .dropdown-button {
    margin: 0;
    border: 1px solid #c5c5c5;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }
  .dropdown-button:after {
    content: "";
    display: inline-block;
    border: 3px solid #000;
    border-color: #000 transparent transparent;
    width: 0;
    height: 0;
    margin: 0 0 0 5px; }

.dropdown-button-prefix {
  font-weight: 400;
  color: #828282; }

label,
input,
textarea,
select,
fieldset {
  margin: 0;
  padding: 0;
  border: 0; }
  label:focus,
  input:focus,
  textarea:focus,
  select:focus,
  fieldset:focus {
    outline: 0; }

textarea {
  font-family: inherit;
  resize: none; }

.inline-form {
  display: inline-block; }

.grid-filler {
  background: #f5f5f5;
  padding: 24px 0;
  max-width: inherit;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px #c5c5c5; }

.row {
  zoom: 1;
  position: relative; }
  .row:before, .row:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .row:after {
    clear: both; }
  .row .col {
    float: left; }

.row--20 {
  margin-left: -20px;
  margin-bottom: 20px; }
  .row--20 .col {
    padding-left: 20px; }

.col--one-whole,
.col--one-half,
.col--one-third,
.col--two-thirds,
.col--one-quarter,
.col--three-quarters,
.col--one-fifth,
.col--two-fifths,
.col--three-fifths,
.col--four-fifths,
.col--pricing,
.superman-footer--column {
  width: 100%; }

@media (min-width: 640px) {
  .col--one-half,
  .col--pricing,
  .superman-footer--column {
    width: 50%; }
  .col--one-third {
    width: 33.33333%; }
  .col--two-thirds {
    width: 66.66667%; }
  .col--one-quarter {
    width: 25%; }
  .col--three-quarters {
    width: 75%; }
  .col--one-fifth {
    width: 20%; }
  .col--two-fifths {
    width: 40%; }
  .col--three-fifths {
    width: 60%; }
  .col--four-fifths {
    width: 80%; } }

@media (min-width: 940px) {
  .col--pricing,
  .superman-footer--column {
    width: 25%; } }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "hackerone";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit; }

[class^="icon-"]:hover,
[class*=" icon-"]:hover {
  text-decoration: none; }

.icon-alert:before {
  content: "\F100"; }

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

.icon-arrow-alt:before {
  content: "\F102"; }

.icon-arrow-closure:before {
  content: "\F103"; }

.icon-bank:before {
  content: "\F104"; }

.icon-bitcoin:before {
  content: "\F105"; }

.icon-bug:before {
  content: "\F106"; }

.icon-checkmark:before {
  content: "\F107"; }

.icon-checkmark-alt:before {
  content: "\F108"; }

.icon-chevron:before {
  content: "\F109"; }

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

.icon-clock:before {
  content: "\F10B"; }

.icon-close:before {
  content: "\F10C"; }

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

.icon-cross:before {
  content: "\F10E"; }

.icon-cup:before {
  content: "\F10F"; }

.icon-delete:before {
  content: "\F110"; }

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

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

.icon-folder:before {
  content: "\F113"; }

.icon-gift:before {
  content: "\F114"; }

.icon-hacktivity-vote:before {
  content: "\F115"; }

.icon-hamburger:before {
  content: "\F116"; }

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

.icon-logo:before {
  content: "\F118"; }

.icon-message:before {
  content: "\F119"; }

.icon-minus:before {
  content: "\F11A"; }

.icon-needhelp:before {
  content: "\F11B"; }

.icon-paperclip:before {
  content: "\F11C"; }

.icon-participants:before {
  content: "\F11D"; }

.icon-payout-settings:before {
  content: "\F11E"; }

.icon-paypal:before {
  content: "\F11F"; }

.icon-pencil:before {
  content: "\F120"; }

.icon-play:before {
  content: "\F121"; }

.icon-plus:before {
  content: "\F122"; }

.icon-policy:before {
  content: "\F123"; }

.icon-profile:before {
  content: "\F124"; }

.icon-programhealth:before {
  content: "\F125"; }

.icon-quick_badge:before {
  content: "\F126"; }

.icon-remove:before {
  content: "\F127"; }

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

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

.icon-share-google-plus:before {
  content: "\F12A"; }

.icon-share-hacker-news:before {
  content: "\F12B"; }

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

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

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

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

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

.icon-small-cup:before {
  content: "\F131"; }

.icon-superman-analytics:before {
  content: "\F132"; }

.icon-superman-arrow:before {
  content: "\F133"; }

.icon-superman-bug:before {
  content: "\F134"; }

.icon-superman-chat:before {
  content: "\F135"; }

.icon-superman-copy-files:before {
  content: "\F136"; }

.icon-superman-duplicate:before {
  content: "\F137"; }

.icon-superman-file:before {
  content: "\F138"; }

.icon-superman-funnel:before {
  content: "\F139"; }

.icon-superman-group:before {
  content: "\F13A"; }

.icon-superman-h1:before {
  content: "\F13B"; }

.icon-superman-hacker:before {
  content: "\F13C"; }

.icon-superman-headphones:before {
  content: "\F13D"; }

.icon-superman-help:before {
  content: "\F13E"; }

.icon-superman-list:before {
  content: "\F13F"; }

.icon-superman-money-bag:before {
  content: "\F140"; }

.icon-superman-monitor:before {
  content: "\F141"; }

.icon-superman-newspaper:before {
  content: "\F142"; }

.icon-superman-order:before {
  content: "\F143"; }

.icon-superman-pay-per-click:before {
  content: "\F144"; }

.icon-superman-phonebook:before {
  content: "\F145"; }

.icon-superman-plugin:before {
  content: "\F146"; }

.icon-superman-research:before {
  content: "\F147"; }

.icon-superman-shared-folder:before {
  content: "\F148"; }

.icon-superman-target:before {
  content: "\F149"; }

.icon-superman-translation:before {
  content: "\F14A"; }

.icon-superman-video:before {
  content: "\F14B"; }

.icon-superman-wedding-planning:before {
  content: "\F14C"; }

.icon-users:before {
  content: "\F14D"; }

img {
  width: auto;
  height: auto;
  max-width: 100%;
  border: 0;
  display: inline-block;
  vertical-align: middle; }

.input-wrapper,
.input-wrapper-small {
  position: relative; }
  .input-wrapper:last-child,
  .input-wrapper-small:last-child {
    margin-bottom: 0; }

.input-wrapper {
  margin-bottom: 20px; }
  .spec-team_signup_form .input-wrapper {
    margin-bottom: 10px; }
  .input-wrapper--mkto {
    border-top: 1px solid #c2c2c2; }

.input-wrapper-small {
  margin-bottom: 10px; }

.input-wrapper--inline {
  margin: 0;
  display: inline-block; }

.input-label {
  font-weight: 600;
  cursor: pointer; }
  .has-error .input-label {
    color: #cd3a3a; }
  .input-label--superman {
    font-weight: 300;
    margin-bottom: 10px;
    display: inline-block; }
    .spec-team_signup_form .input-label--superman {
      font-size: 13px;
      line-height: 1; }
  .input-label--mkto {
    font-size: 13px;
    font-weight: 700; }

.input-tag {
  margin: -3px 5px -3px -7px;
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  padding: 0 6px;
  border-radius: 4px;
  line-height: 21px; }
  .input-tag__remove {
    color: #828282;
    margin-left: 10px; }
    .input-tag__remove:visited {
      color: #828282; }
    .input-tag__remove:hover {
      color: #828282; }
    .input-tag__remove:active {
      color: #828282; }

.input--blank {
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  padding: 1px 0;
  background: transparent;
  word-break: normal;
  width: 100%; }

.input, .select, .report-action-picker__input {
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  border-radius: 4px;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
  border: 1px solid #c5c5c5;
  background: #fff;
  line-height: 16px;
  padding: 6px 5px 5px;
  width: 100%;
  word-break: normal;
  display: block; }
  .input--focus, .input:focus, .select:focus, .report-action-picker__input:focus {
    outline: none;
    border-color: #c5c5c5;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 0 10px rgba(33, 107, 165, 0.3); }
  .input:disabled, .select:disabled, .report-action-picker__input:disabled {
    background-color: #fff; }
  .input--mkto {
    border: none;
    box-shadow: none;
    padding: 3px 0;
    font-family: EffraLight;
    font-size: 16px; }
    .input--mkto:focus {
      outline: none;
      box-shadow: none; }
  .input--superman {
    font-weight: 300;
    font-size: inherit;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    border-radius: 5px;
    background: #f5f5f5;
    padding: 10px 20px;
    height: 38px;
    box-shadow: none;
    border: none; }
    .input--superman:focus {
      outline: none;
      box-shadow: 0 0 10px rgba(0, 219, 255, 0.25), inset 0 0 0 2px #00dbff; }
    .input--superman:disabled {
      background-color: #fff; }
    .input--superman::-webkit-input-placeholder {
      color: #c5c5c5; }
    .input--superman::-moz-placeholder {
      color: #c5c5c5; }
    .input--superman:-ms-input-placeholder {
      color: #c5c5c5; }
    .input--superman::placeholder {
      color: #c5c5c5; }
  .input--search {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px; }
    @media (min-width: 640px) {
      .input--search {
        font-size: 13px; } }
  .input--superman-textarea {
    padding: 20px; }
  .input-wrapper--inline .input, .input-wrapper--inline .select, .input-wrapper--inline .report-action-picker__input {
    display: inline;
    margin-left: 5px;
    margin-right: 5px; }
  .input--monospace {
    font-family: Consolas, "Liberation Mono", Courier, monospace; }
  .has-currency-indicator .input, .has-currency-indicator .select, .has-currency-indicator .report-action-picker__input {
    padding-left: 18px; }
  .input.has-input-color-indicator, .has-input-color-indicator.select, .has-input-color-indicator.report-action-picker__input {
    padding-left: 32px; }
  .has-max-length-indicator .input, .has-max-length-indicator .select, .has-max-length-indicator .report-action-picker__input {
    padding-right: 40px; }
  .has-error .input, .has-error .select, .has-error .report-action-picker__input {
    border-color: #cd3a3a; }
    .has-error .input:focus, .has-error .select:focus, .has-error .report-action-picker__input:focus {
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 0 10px rgba(205, 58, 58, 0.3); }
    .has-error .input--mkto:focus {
      outline: none;
      box-shadow: none; }

.input--required {
  color: #e67e22;
  margin-left: 3px; }

.input-content-counter {
  right: 10px;
  text-align: right;
  font-size: 12px;
  color: #9c9c9c; }
  .input-content-counter.is-below-zero {
    color: #cd3a3a;
    font-weight: 600; }

.input-content-counter,
.currency-indicator {
  top: 1px;
  position: absolute;
  z-index: 1;
  height: 29px;
  line-height: 29px; }
  .has-error .input-content-counter, .has-error
  .currency-indicator {
    color: #cd3a3a; }
  .input-wrapper .input-content-counter, .input-wrapper
  .currency-indicator {
    top: 22px; }
  .input--superman ~ .input-content-counter, .input--superman ~
  .currency-indicator {
    top: 36px; }

.internal-indicator {
  top: 1px;
  right: 10px;
  position: absolute;
  z-index: 1;
  height: 29px;
  line-height: 29px; }
  .has-error .internal-indicator {
    color: #cd3a3a; }
  .input-wrapper .internal-indicator {
    top: 22px; }
  .input--superman ~ .internal-indicator {
    top: 36px; }

@-moz-document url-prefix() {
  .input-content-counter,
  .currency-indicator {
    top: 0; }
    .input-wrapper .input-content-counter, .input-wrapper
    .currency-indicator {
      top: 21px; }
    .input--superman ~ .input-content-counter, .input--superman ~
    .currency-indicator {
      top: 35px; } }

.currency-indicator {
  left: 10px; }
  .currency-indicator--small {
    height: 24px;
    line-height: 24px; }

.input__color-indicator {
  top: 27px;
  left: 10px;
  position: absolute;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  cursor: pointer; }

.input--reference-id {
  background: #fbf1f1;
  width: 155px;
  padding-right: 25px;
  display: inline-block; }

.input--setup {
  width: 85px; }

.icon--reference-id {
  position: absolute;
  font-size: 11px;
  color: #828282;
  top: 25px;
  right: 10px;
  width: 12px;
  height: 13px;
  left: 135px; }

.js-disabled {
  background: rgba(206, 0, 0, 0.3);
  text-align: center;
  padding: 20px;
  z-index: 1;
  margin-bottom: -60px; }

.label {
  background: #f5f5f5;
  border-radius: 4px;
  font-weight: 600;
  padding: 0 2px;
  border: 1px solid #c5c5c5;
  font-size: 11px; }

.label--green {
  background: #109857;
  color: #fff;
  border-color: #0b6a3d; }

.label--red {
  background: #cd3a3a;
  color: #fff;
  border-color: #a92b2b; }

.label--yellow {
  background: #fffae0;
  color: #4a4a4a;
  border-color: #fff2ad; }

.label--blue {
  background: #216ba5;
  color: #fff;
  border-color: #194f7b; }

.daisy-label {
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  padding: 0 8px;
  font-size: 11px;
  line-height: 21px; }
  .daisy-label--green {
    background: #02c996; }
  .daisy-label--yellow {
    background: #FF9015; }
  .daisy-label--red {
    background: #D10D15; }

.list {
  margin: 0 0 15px 20px;
  list-style: disc; }
  .list:last-child {
    margin-bottom: 0; }
  .list--inline {
    margin-left: 0; }
    .list--inline li {
      display: inline;
      position: relative;
      padding-right: 7px; }
      .list--inline li:after {
        content: "\2022";
        font-size: 10px;
        padding-left: 7px; }
      .list--inline li:last-child {
        padding-right: 0; }
      .list--inline li:last-child:after {
        content: "";
        padding-left: 0; }
  .list--no-bullets {
    list-style: none; }

ol.list {
  list-style: decimal; }

.markdownable {
  margin-bottom: -15px; }
  .markdownable--no-margin-bottom {
    margin-bottom: 0; }
  .markdownable--with-margin-bottom {
    margin-bottom: 15px; }
  .markdownable h1,
  .markdownable h2,
  .markdownable h3,
  .markdownable h4,
  .markdownable h5,
  .markdownable h6 {
    margin: 0 0 15px;
    padding: 0;
    font-weight: 600;
    line-height: 20px;
    font-size: 13px; }
  .markdownable h1 {
    font-size: 19px; }
  .markdownable h2 {
    font-size: 17px; }
  .markdownable h3 {
    font-size: 15px; }
  .markdownable code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    overflow-x: auto;
    background-color: #f8f8f8;
    color: #333;
    font-size: 13px;
    padding: 0 5px;
    border: 1px solid #e5e5e5;
    border-radius: 4px; }
  .markdownable pre code {
    display: block;
    padding: 5px;
    margin-bottom: 15px;
    word-wrap: normal; }
  .markdownable ul,
  .markdownable ol {
    margin-left: 17px;
    padding-bottom: 15px; }
  .markdownable ul {
    list-style: disc; }
  .markdownable ol {
    list-style: decimal; }
  .markdownable em {
    font-style: italic; }
  .markdownable blockquote {
    border-left: 3px solid #e5e5e5;
    padding-left: 10px;
    margin-bottom: 15px; }
  .markdownable i {
    margin-left: 3px; }

.modal-open {
  overflow: hidden; }

.modal-background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1250;
  background-color: rgba(0, 0, 0, 0.65); }
  .modal-background.is-hidden {
    display: none; }
  .modal-background.is-visible {
    display: block; }

.modal-close-button {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 16px;
  padding: 10px;
  color: #828282; }
  .modal-close-button:visited {
    color: #828282; }
  .modal-close-button:hover {
    color: #828282; }
  .modal-close-button:active {
    color: #828282; }
  @media (min-width: 768px) {
    .modal-close-button {
      padding: 0; } }
  .modal-close-button:hover {
    text-decoration: none; }

.modal-content {
  padding: 20px;
  margin: 10px;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  z-index: 1251;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  cursor: default;
  position: relative; }
  @media (min-width: 768px) {
    .modal-content .attachment--image {
      cursor: -webkit-zoom-out;
      cursor: zoom-out; } }
  @media (min-width: 768px) {
    .modal-content {
      margin: 65px auto 30px;
      width: 700px; } }
  .modal-content--small {
    width: 320px; }
  @media (min-width: 768px) {
    .modal-content--medium {
      width: 500px; } }
  @media (min-width: 768px) {
    .modal-content--large {
      width: 75%; } }

.modal-title {
  font-weight: 600; }

.modal-footer {
  padding-right: 20px;
  padding-left: 20px;
  background: #f5f5f5;
  border-top: 1px solid #c5c5c5;
  line-height: 51px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 20px -20px -20px;
  overflow: hidden; }

.page-title-container {
  margin-bottom: 25px; }

.page-title__sub-title {
  color: #828282;
  font-size: 16px;
  margin-left: 10px; }

.settings-title-container {
  zoom: 1;
  position: relative; }
  .settings-title-container:before, .settings-title-container:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .settings-title-container:after {
    clear: both; }

.password-strength-container {
  height: 4px;
  border-radius: 2px;
  background: #ccc;
  position: relative;
  overflow: hidden;
  margin-top: -6px; }

.password-strength-indicator {
  width: auto;
  height: 4px;
  position: absolute;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
  .password-strength-indicator.is-too-long, .password-strength-indicator.is-weak {
    width: 25%;
    background: #d20000; }
  .password-strength-indicator.is-so-so {
    width: 50%;
    background: #ef9f00; }
  .password-strength-indicator.is-good {
    width: 75%;
    background: #a0be91; }
  .password-strength-indicator.is-great {
    width: 100%;
    background: #63ac34;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }

.password-strength-separator {
  position: absolute;
  width: 1px;
  background: #fff;
  z-index: 1;
  height: 4px; }
  .password-strength-separator:nth-child(2) {
    left: 25%; }
  .password-strength-separator:nth-child(3) {
    left: 50%; }
  .password-strength-separator:nth-child(4) {
    left: 75%; }

.password-strength-info {
  position: relative;
  width: 100%; }

.password-strength-text {
  margin-bottom: 10px;
  text-align: right; }
  .password-strength-text > .icon-info {
    padding-left: 5px;
    color: #aeaeae;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer; }

.password-strength-explanation {
  font-size: 11px;
  font-weight: 600; }
  .password-strength-explanation.is-too-long, .password-strength-explanation.is-weak {
    color: #d20000; }
  .password-strength-explanation.is-so-so {
    color: #ef9f00; }
  .password-strength-explanation.is-good {
    color: #a0be91; }
  .password-strength-explanation.is-great {
    color: #63ac34; }

.password-strength-image {
  width: 582px;
  height: 473px; }

.xkcd-source {
  text-align: center;
  font-size: 11px;
  color: #828282;
  margin: 0; }

.popover--is-loading {
  opacity: .01; }

.popover__content {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid #c5c5c5;
  font-size: 13px;
  padding: 8px;
  line-height: 1.4;
  max-width: 240px;
  z-index: 0;
  overflow: hidden; }
  .popover--no-padding .popover__content {
    padding: 0; }

.popover__content--davr {
  max-width: 600px; }

.popover__footer {
  background: #f5f5f5;
  margin: 8px -8px -8px;
  padding: 6px;
  border-top: 1px solid #e5e5e5;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.popover__arrow, .popover__arrow-shadow {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  width: 8px;
  height: 8px;
  margin: -5px; }

.popover__arrow {
  z-index: 1;
  background: #fff; }

.popover__arrow-shadow {
  z-index: -1;
  border: 1px solid #c5c5c5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }
  .tether-element-attached-top .popover__arrow-shadow {
    margin-bottom: -4px; }
  .tether-element-attached-right .popover__arrow-shadow {
    margin-left: -4px; }
  .tether-element-attached-bottom .popover__arrow-shadow {
    margin-top: -4px; }
  .tether-element-attached-left .popover__arrow-shadow {
    margin-right: -4px; }

.tether-element-attached-top.tether-element-attached-center .popover__arrow, .tether-element-attached-top.tether-element-attached-center
.popover__arrow-shadow {
  bottom: 100%;
  left: 50%; }

.tether-element-attached-bottom.tether-element-attached-center .popover__arrow, .tether-element-attached-bottom.tether-element-attached-center
.popover__arrow-shadow {
  top: 100%;
  left: 50%; }

.tether-element-attached-right.tether-element-attached-middle .popover__arrow, .tether-element-attached-right.tether-element-attached-middle
.popover__arrow-shadow {
  left: 100%;
  top: 50%; }

.tether-element-attached-left.tether-element-attached-middle .popover__arrow, .tether-element-attached-left.tether-element-attached-middle
.popover__arrow-shadow {
  right: 100%;
  top: 50%; }

.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .popover__arrow, .tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom
.popover__arrow-shadow {
  bottom: 100%;
  left: 13px; }

.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .popover__arrow, .tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom
.popover__arrow-shadow {
  bottom: 100%;
  right: 13px; }

.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .popover__arrow, .tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top
.popover__arrow-shadow {
  top: 100%;
  left: 13px; }

.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .popover__arrow, .tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top
.popover__arrow-shadow {
  top: 100%;
  right: 13px; }

.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .popover__arrow, .tether-element-attached-top.tether-element-attached-right.tether-target-attached-left
.popover__arrow-shadow {
  top: 13px;
  left: 100%; }

.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .popover__arrow, .tether-element-attached-top.tether-element-attached-left.tether-target-attached-right
.popover__arrow-shadow {
  top: 13px;
  right: 100%; }

.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .popover__arrow, .tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left
.popover__arrow-shadow {
  bottom: 13px;
  left: 100%; }

.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .popover__arrow, .tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right
.popover__arrow-shadow {
  bottom: 13px;
  right: 100%; }

.popover--tutorial {
  opacity: 1;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in; }
  .popover--tutorial .popover__content {
    background: #fff0b9;
    padding: 15px; }
  .popover--tutorial .popover__footer {
    background: #fff;
    margin: 15px -15px -15px; }
  .popover--tutorial .popover__arrow {
    background: #fff0b9; }
    .tether-element-attached-bottom.tether-element-attached-center .popover--tutorial .popover__arrow {
      background: #fff; }

.popover--mini-profile .popover__content {
  min-height: 50px;
  min-width: 220px;
  max-width: 220px; }

.popover {
  position: relative; }
  .tether-element-attached-bottom.tether-element-attached-center .popover {
    margin-bottom: 8px; }
  .tether-element-attached-top.tether-element-attached-center .popover {
    margin-top: 8px; }
  .tether-element-attached-right.tether-element-attached-middle .popover {
    margin-right: 8px; }
  .tether-element-attached-left.tether-element-attached-middle .popover {
    margin-left: 8px; }
  .tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .popover {
    margin-top: 8px; }
  .tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .popover {
    margin-top: 8px; }
  .tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .popover {
    margin-bottom: 8px; }
  .tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .popover {
    margin-bottom: 8px; }
  .tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .popover {
    margin-right: 8px; }
  .tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .popover {
    top: 8px; }
  .tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .popover {
    margin-right: 8px; }
  .tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .popover {
    margin-left: 8px; }

.separator {
  width: 100%;
  border-bottom: 1px solid #c5c5c5;
  margin: 30px 0; }

.separator--small {
  margin: 10px 0; }

.separator--muted {
  border-bottom: 1px solid #e5e5e5; }

.separated-and-muted, .is-separated-and-muted ~ .is-separated-and-muted {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e5e5e5; }

.separator--line {
  border-bottom: 1px solid #c5c5c5;
  position: relative;
  height: 10px;
  margin-bottom: 20px;
  margin-top: 8px; }

.separator--text {
  position: absolute;
  background: white;
  padding: 0 7px;
  margin: 0 10px;
  color: #828282;
  text-transform: uppercase;
  font-size: 11px; }

.status-page-image {
  border-radius: 400px;
  background: #fff;
  border: 1px solid #c5c5c5;
  padding: 3px;
  width: 215px;
  height: 215px;
  margin-bottom: 15px; }

.tooltip {
  z-index: 1500;
  overflow: hidden; }

.tooltip__container {
  color: #fff;
  background: rgba(32, 32, 32, 0.8); }

.tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
  border-left-color: rgba(32, 32, 32, 0.8); }

.tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after {
  border-top-color: rgba(32, 32, 32, 0.8); }

.tether-element-attached-top.tether-element-attached-center .tooltip__container:after {
  border-bottom-color: rgba(32, 32, 32, 0.8); }

.tether-target-attached-right.tether-element-attached-middle .tooltip__container:after {
  border-right-color: rgba(32, 32, 32, 0.8); }

.tooltip__container {
  padding: 8px;
  line-height: 1.4;
  max-width: 240px;
  text-align: center;
  font-size: 12px;
  border-radius: 4px;
  overflow: hidden; }
  .tooltip__container:after {
    content: "";
    border: 8px solid transparent;
    position: absolute;
    margin: -8px;
    pointer-events: none; }
  .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
    top: 50%;
    right: 100%; }
  .tether-element-attached-top.tether-element-attached-center .tooltip__container {
    margin-top: 8px; }
    .tether-element-attached-top.tether-element-attached-center .tooltip__container:after {
      bottom: 100%;
      left: 50%; }
  .tether-target-attached-right.tether-element-attached-middle .tooltip__container {
    margin-left: 8px; }
    .tether-target-attached-right.tether-element-attached-middle .tooltip__container:after {
      top: 50%;
      right: 100%; }
  .tether-element-attached-bottom.tether-element-attached-center .tooltip__container {
    margin-bottom: 8px; }
    .tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after {
      top: 100%;
      left: 50%; }
  .tether-target-attached-left.tether-element-attached-middle .tooltip__container {
    margin-right: 8px; }
    .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
      top: 50%;
      left: 100%; }

.tooltip-password-advice {
  width: 590px;
  top: -247px;
  right: 30px;
  background: #fff;
  padding: 15px;
  font-size: 12px;
  position: absolute;
  z-index: 10;
  border: 1px solid #c5c5c5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px; }
  .tooltip-password-advice:after, .tooltip-password-advice:before {
    left: 100%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: 50%; }
  .tooltip-password-advice:after {
    border-color: transparent;
    border-left-color: #fff;
    border-width: 9px;
    margin-top: -9px; }
  .tooltip-password-advice:before {
    border-color: transparent;
    border-left-color: #c5c5c5;
    border-width: 10px;
    margin-top: -10px; }
  .tooltip-password-advice p:only-child {
    margin-bottom: 0; }

.typeahead {
  position: relative; }

.typeahead-dropdown {
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  margin-top: 10px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  right: auto;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }
  .typeahead-dropdown:after, .typeahead-dropdown:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: 20px;
    right: auto; }
  .typeahead-dropdown:after {
    border-color: transparent;
    border-width: 6px; }
  .typeahead-dropdown:before {
    border-width: 7px; }
  .typeahead-dropdown:after, .typeahead-dropdown:before {
    left: 20px;
    right: auto;
    bottom: 100%; }
  .typeahead-dropdown:after {
    border-bottom-color: #fff; }
  .typeahead-dropdown:before {
    border-bottom-color: #c5c5c5;
    margin-left: -1px; }

.typeahead-suggestions {
  max-height: 135px;
  overflow: hidden;
  position: relative; }

.typeahead-suggestion {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #ebebeb;
  padding: 5px 8px;
  font-size: 12px;
  cursor: pointer; }
  .typeahead-suggestion:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .typeahead-suggestion:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

.typeahead-suggestion-selected {
  background: #f5f5f5; }

.user-autocomplete {
  width: 175px; }

.typeahead__loading-indicator {
  position: absolute;
  bottom: 3px;
  right: 3px; }

.typeahead-selection {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 3px 5px;
  height: 31px;
  white-space: nowrap;
  display: table;
  table-layout: fixed;
  width: 100%; }
  .typeahead-selection__avatar {
    display: table-cell;
    width: 20px;
    vertical-align: middle; }
  .typeahead-selection__remove {
    color: #cd3a3a;
    vertical-align: middle;
    display: table-cell;
    width: 13px; }
    .typeahead-selection__remove:visited {
      color: #cd3a3a; }
    .typeahead-selection__remove:hover {
      color: #cd3a3a; }
    .typeahead-selection__remove:active {
      color: #cd3a3a; }
  .typeahead-selection__information {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: table-cell;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle; }
  .typeahead-selection__right {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: table-cell;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle;
    text-align: right; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 21px; }

body.effra {
  font-family: "Effra";
  color: #585858; }

p {
  margin-bottom: 15px; }

strong {
  font-weight: 600; }

em {
  font-style: italic; }

a,
.link {
  color: #216ba5;
  text-decoration: none; }
  a:visited,
  .link:visited {
    color: #216ba5; }
  a:hover,
  .link:hover {
    color: #144063; }
  a:active,
  .link:active {
    color: #216ba5; }
  a:hover,
  .link:hover {
    text-decoration: underline; }
  a.red,
  .link.red {
    color: #cd3a3a; }

.link {
  background: none;
  border: none;
  outline-color: transparent;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 13px;
  line-height: 21px;
  cursor: pointer;
  padding: 0; }

h1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 15px; }

h2 {
  font-size: 17px;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 15px; }

h3 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 7.5px; }

.text-muted {
  color: #828282; }

.text-red {
  color: #cd3a3a; }
  .text-red:visited, .text-red:active {
    color: #cd3a3a; }

.text-green {
  color: #109857; }
  .text-green:visited, .text-green:active {
    color: #109857; }

.text-blue {
  color: #216ba5; }
  .text-blue:visited, .text-blue:active {
    color: #216ba5; }

.text-dls-green {
  color: #02c996; }

.text-dls-blue {
  color: #2d68f4; }
  .text-dls-blue:visited, .text-dls-blue:active, .text-dls-blue:hover {
    color: #2d68f4; }

.text-mkto-pink {
  color: #ec1075; }

.blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eee; }
  .blockquote--large {
    font-size: 125%;
    line-height: 1.25; }
  .inline-banner--notice .blockquote {
    border-color: #ffee94; }

.blockquote__footer {
  margin-bottom: 0; }

.user-item {
  margin-bottom: 20px; }
  .user-item:last-child {
    margin-bottom: 0; }

.user-item__avatar {
  vertical-align: middle; }

.user-item__user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 78%;
  margin-left: 8px;
  line-height: 15px;
  display: inline-block;
  vertical-align: middle; }

.user-item__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%; }

.user-item__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: #828282;
  font-size: 11px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.display-none {
  display: none; }

.display-block {
  display: block; }

.cursor--default {
  cursor: default; }

.cursor {
  cursor: pointer; }

.cursor--move {
  cursor: move; }

.text-uppercase {
  text-transform: uppercase; }

.text-aligned-center {
  text-align: center; }

.text-aligned-right {
  text-align: right; }

.text-aligned-left {
  text-align: left; }

.is-full-width {
  width: 100%; }

.is-half-width {
  width: 50%; }

.is-quarter-width {
  width: 25%; }

.inline {
  display: inline; }

.inline-help {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  cursor: help; }

.underlined {
  text-decoration: underline; }

.monospace {
  font-family: Consolas, "Liberation Mono", Courier, monospace; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  background-color: #f5f5f5;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 1px 4px; }

.meta-text {
  color: #828282;
  font-size: 11px;
  line-height: 16px; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.break-word {
  word-wrap: break-word; }

.pre-wrap {
  white-space: pre-wrap; }

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

.word-break--all {
  word-break: break-all; }

.superscript {
  position: relative;
  top: -.5em;
  font-size: 80%; }

.large-icon {
  font-size: 125px;
  color: #f3f3f3;
  display: inline-block;
  line-height: 1;
  margin: 20px auto; }

.external-reference-create {
  margin-left: 5px; }

.clearfix {
  clear: both; }

.internal {
  background: #fbf1f1;
  border: 1px solid #f5dddd; }

.disable-click {
  pointer-events: none; }

.margin {
  margin: 15px; }

.no-margin {
  margin: 0; }

.padding {
  padding: 15px; }

.no-padding {
  padding: 0; }

.negative-margin {
  margin: -15px; }

.margin-0--top {
  margin-top: 0px; }

.margin-5--top {
  margin-top: 5px; }

.margin-10--top {
  margin-top: 10px; }

.margin-15--top {
  margin-top: 15px; }

.margin-20--top {
  margin-top: 20px; }

.margin-30--top {
  margin-top: 30px; }

.margin-45--top {
  margin-top: 45px; }

.margin-0--right {
  margin-right: 0px; }

.margin-5--right {
  margin-right: 5px; }

.margin-10--right {
  margin-right: 10px; }

.margin-15--right {
  margin-right: 15px; }

.margin-20--right {
  margin-right: 20px; }

.margin-30--right {
  margin-right: 30px; }

.margin-45--right {
  margin-right: 45px; }

.margin-0--bottom {
  margin-bottom: 0px; }

.margin-5--bottom {
  margin-bottom: 5px; }

.margin-10--bottom {
  margin-bottom: 10px; }

.margin-15--bottom {
  margin-bottom: 15px; }

.margin-20--bottom {
  margin-bottom: 20px; }

.margin-30--bottom {
  margin-bottom: 30px; }

.margin-45--bottom {
  margin-bottom: 45px; }

.margin-0--left {
  margin-left: 0px; }

.margin-5--left {
  margin-left: 5px; }

.margin-10--left {
  margin-left: 10px; }

.margin-15--left {
  margin-left: 15px; }

.margin-20--left {
  margin-left: 20px; }

.margin-30--left {
  margin-left: 30px; }

.margin-45--left {
  margin-left: 45px; }

.padding-0--top {
  padding-top: 0px; }

.padding-5--top {
  padding-top: 5px; }

.padding-10--top {
  padding-top: 10px; }

.padding-15--top {
  padding-top: 15px; }

.padding-20--top {
  padding-top: 20px; }

.padding-30--top {
  padding-top: 30px; }

.padding-45--top {
  padding-top: 45px; }

.padding-0--right {
  padding-right: 0px; }

.padding-5--right {
  padding-right: 5px; }

.padding-10--right {
  padding-right: 10px; }

.padding-15--right {
  padding-right: 15px; }

.padding-20--right {
  padding-right: 20px; }

.padding-30--right {
  padding-right: 30px; }

.padding-45--right {
  padding-right: 45px; }

.padding-0--bottom {
  padding-bottom: 0px; }

.padding-5--bottom {
  padding-bottom: 5px; }

.padding-10--bottom {
  padding-bottom: 10px; }

.padding-15--bottom {
  padding-bottom: 15px; }

.padding-20--bottom {
  padding-bottom: 20px; }

.padding-30--bottom {
  padding-bottom: 30px; }

.padding-45--bottom {
  padding-bottom: 45px; }

.padding-0--left {
  padding-left: 0px; }

.padding-5--left {
  padding-left: 5px; }

.padding-10--left {
  padding-left: 10px; }

.padding-15--left {
  padding-left: 15px; }

.padding-20--left {
  padding-left: 20px; }

.padding-30--left {
  padding-left: 30px; }

.padding-45--left {
  padding-left: 45px; }

.no-margin--top {
  margin-top: 0; }

.no-margin-0--top {
  no-margin-top: 0px; }

.no-margin-5--top {
  no-margin-top: 5px; }

.no-margin-10--top {
  no-margin-top: 10px; }

.no-margin-15--top {
  no-margin-top: 15px; }

.no-margin-20--top {
  no-margin-top: 20px; }

.no-margin-30--top {
  no-margin-top: 30px; }

.no-margin-45--top {
  no-margin-top: 45px; }

.no-margin--right {
  margin-right: 0; }

.no-margin-0--right {
  no-margin-right: 0px; }

.no-margin-5--right {
  no-margin-right: 5px; }

.no-margin-10--right {
  no-margin-right: 10px; }

.no-margin-15--right {
  no-margin-right: 15px; }

.no-margin-20--right {
  no-margin-right: 20px; }

.no-margin-30--right {
  no-margin-right: 30px; }

.no-margin-45--right {
  no-margin-right: 45px; }

.no-margin--bottom {
  margin-bottom: 0; }

.no-margin-0--bottom {
  no-margin-bottom: 0px; }

.no-margin-5--bottom {
  no-margin-bottom: 5px; }

.no-margin-10--bottom {
  no-margin-bottom: 10px; }

.no-margin-15--bottom {
  no-margin-bottom: 15px; }

.no-margin-20--bottom {
  no-margin-bottom: 20px; }

.no-margin-30--bottom {
  no-margin-bottom: 30px; }

.no-margin-45--bottom {
  no-margin-bottom: 45px; }

.no-margin--left {
  margin-left: 0; }

.no-margin-0--left {
  no-margin-left: 0px; }

.no-margin-5--left {
  no-margin-left: 5px; }

.no-margin-10--left {
  no-margin-left: 10px; }

.no-margin-15--left {
  no-margin-left: 15px; }

.no-margin-20--left {
  no-margin-left: 20px; }

.no-margin-30--left {
  no-margin-left: 30px; }

.no-margin-45--left {
  no-margin-left: 45px; }

.negative-margin-0--top {
  margin-top: -0px; }

.negative-margin-5--top {
  margin-top: -5px; }

.negative-margin-10--top {
  margin-top: -10px; }

.negative-margin-15--top {
  margin-top: -15px; }

.negative-margin-20--top {
  margin-top: -20px; }

.negative-margin-30--top {
  margin-top: -30px; }

.negative-margin-45--top {
  margin-top: -45px; }

.negative-margin-0--right {
  margin-right: -0px; }

.negative-margin-5--right {
  margin-right: -5px; }

.negative-margin-10--right {
  margin-right: -10px; }

.negative-margin-15--right {
  margin-right: -15px; }

.negative-margin-20--right {
  margin-right: -20px; }

.negative-margin-30--right {
  margin-right: -30px; }

.negative-margin-45--right {
  margin-right: -45px; }

.negative-margin-0--bottom {
  margin-bottom: -0px; }

.negative-margin-5--bottom {
  margin-bottom: -5px; }

.negative-margin-10--bottom {
  margin-bottom: -10px; }

.negative-margin-15--bottom {
  margin-bottom: -15px; }

.negative-margin-20--bottom {
  margin-bottom: -20px; }

.negative-margin-30--bottom {
  margin-bottom: -30px; }

.negative-margin-45--bottom {
  margin-bottom: -45px; }

.negative-margin-0--left {
  margin-left: -0px; }

.negative-margin-5--left {
  margin-left: -5px; }

.negative-margin-10--left {
  margin-left: -10px; }

.negative-margin-15--left {
  margin-left: -15px; }

.negative-margin-20--left {
  margin-left: -20px; }

.negative-margin-30--left {
  margin-left: -30px; }

.negative-margin-45--left {
  margin-left: -45px; }

.no-padding--top {
  padding-top: 0; }

.no-padding-0--top {
  no-padding-top: 0px; }

.no-padding-5--top {
  no-padding-top: 5px; }

.no-padding-10--top {
  no-padding-top: 10px; }

.no-padding-15--top {
  no-padding-top: 15px; }

.no-padding-20--top {
  no-padding-top: 20px; }

.no-padding-30--top {
  no-padding-top: 30px; }

.no-padding-45--top {
  no-padding-top: 45px; }

.no-padding--right {
  padding-right: 0; }

.no-padding-0--right {
  no-padding-right: 0px; }

.no-padding-5--right {
  no-padding-right: 5px; }

.no-padding-10--right {
  no-padding-right: 10px; }

.no-padding-15--right {
  no-padding-right: 15px; }

.no-padding-20--right {
  no-padding-right: 20px; }

.no-padding-30--right {
  no-padding-right: 30px; }

.no-padding-45--right {
  no-padding-right: 45px; }

.no-padding--bottom {
  padding-bottom: 0; }

.no-padding-0--bottom {
  no-padding-bottom: 0px; }

.no-padding-5--bottom {
  no-padding-bottom: 5px; }

.no-padding-10--bottom {
  no-padding-bottom: 10px; }

.no-padding-15--bottom {
  no-padding-bottom: 15px; }

.no-padding-20--bottom {
  no-padding-bottom: 20px; }

.no-padding-30--bottom {
  no-padding-bottom: 30px; }

.no-padding-45--bottom {
  no-padding-bottom: 45px; }

.no-padding--left {
  padding-left: 0; }

.no-padding-0--left {
  no-padding-left: 0px; }

.no-padding-5--left {
  no-padding-left: 5px; }

.no-padding-10--left {
  no-padding-left: 10px; }

.no-padding-15--left {
  no-padding-left: 15px; }

.no-padding-20--left {
  no-padding-left: 20px; }

.no-padding-30--left {
  no-padding-left: 30px; }

.no-padding-45--left {
  no-padding-left: 45px; }

.align-middle {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.hidden--mobile-and-up {
  display: none; }
  @media (min-width: 640px) {
    .hidden--mobile-and-up {
      display: block; } }

.hidden--tablet-and-up {
  display: none; }
  @media (min-width: 768px) {
    .hidden--tablet-and-up {
      display: block; } }

.hidden--desktop-and-up {
  display: none; }
  @media (min-width: 940px) {
    .hidden--desktop-and-up {
      display: block; } }

.confirmation-icon {
  font-size: 125px;
  color: #f3f3f3;
  display: inline-block;
  line-height: 1;
  margin: 20px auto; }

.image-screenshot {
  width: 60%;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 3px; }

.full-width-container {
  position: relative;
  height: 100%; }

.full-width-wrapper, .full-width-anc-wrapper {
  position: absolute;
  top: 114px;
  right: 0;
  left: 0;
  bottom: 0; }

.full-width-anc-wrapper {
  top: 60px; }

.full-width-scroll-area {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 20px; }
  .controller_bugs .full-width-scroll-area {
    display: none; }
    @media (min-width: 960px) {
      .controller_bugs .full-width-scroll-area {
        display: block; } }
  .full-width-scroll-area--no-padding {
    padding: 0; }

.inbox__filters {
  position: absolute;
  width: 300px;
  left: 0;
  height: 100%;
  z-index: 3;
  background: #fff;
  border-right: 1px solid #e5e5e5;
  overflow: hidden; }
  @media (min-width: 960px) {
    .inbox__filters {
      left: 296px;
      z-index: 2; } }
  @media (min-width: 1025px) {
    .inbox__filters {
      left: 400px; } }
  .inbox__filters.filters-slider-enter, .inbox__filters.filters-slider-leave.filters-slider-leave-active {
    left: -300px; }
    @media (min-width: 960px) {
      .inbox__filters.filters-slider-enter, .inbox__filters.filters-slider-leave.filters-slider-leave-active {
        left: -4px; } }
    @media (min-width: 1025px) {
      .inbox__filters.filters-slider-enter, .inbox__filters.filters-slider-leave.filters-slider-leave-active {
        left: 100px; } }
  .inbox__filters.filters-slider-enter.filters-slider-enter-active, .inbox__filters.filters-slider-leave {
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out;
    left: 0; }
    @media (min-width: 960px) {
      .inbox__filters.filters-slider-enter.filters-slider-enter-active, .inbox__filters.filters-slider-leave {
        left: 296px; } }
    @media (min-width: 1025px) {
      .inbox__filters.filters-slider-enter.filters-slider-enter-active, .inbox__filters.filters-slider-leave {
        left: 400px; } }

.bugs-filter-title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  margin: -10px -10px 0;
  padding: 10px;
  font-weight: 600;
  line-height: 1; }

.bugs-filter {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px solid #e5e5e5; }
  .bugs-filter:last-child {
    border-bottom: 0; }
  .bugs-filter .avatar.small {
    width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 1px;
    margin-top: -1px; }

.bugs-filter__substates {
  margin-left: 16px; }

.controller_bugs.action_index .inbox__report-frame-content {
  max-width: 800px; }

.inbox__left-column {
  float: left;
  border-right: 1px solid #e5e5e5;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 1px rgba(0, 0, 0, 0.03); }
  @media (min-width: 960px) {
    .inbox__left-column {
      width: 296px; } }
  @media (min-width: 1025px) {
    .inbox__left-column {
      width: 400px; } }

.inbox__search-wrapper {
  padding: 11px;
  border-bottom: 1px solid #e5e5e5; }

.inbox__search {
  overflow: hidden; }

.inbox-list__wrapper {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-top: 1px solid #e5e5e5; }
  .full-width-pagination + .inbox-list__wrapper {
    bottom: 36px; }
  .inbox-list__wrapper--anc {
    top: 36px; }

.inbox-list__loading-state {
  position: absolute;
  z-index: 2;
  background: rgba(255, 255, 255, 0.75);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.inbox-list__scrollable-container {
  height: 100%;
  overflow: hidden;
  position: relative; }

.inbox-list__topbar {
  background: #fff;
  padding: 5px 11px; }

.inbox-item {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  font-size: 11px;
  color: #a5a5a5;
  padding: 15px;
  padding-left: 7px;
  cursor: pointer;
  border-left: 4px solid transparent; }
  .inbox-item:hover {
    background-color: #f5f5f5; }
  .inbox-item.is-unread {
    background: #fffae0; }
    .inbox-item.is-unread:hover {
      background: #fff8d1; }
  .inbox-item.is-active {
    background: #f5f5f5;
    border-left-color: #216ba5; }
  .inbox-item__checkbox {
    display: none;
    position: absolute;
    top: 23px; }
    @media (min-width: 1025px) {
      .inbox-item__checkbox {
        display: block; } }
  .inbox-item__info {
    padding-left: 0;
    line-height: 18px; }
    @media (min-width: 1025px) {
      .inbox-item__info {
        padding-left: 20px; } }
  .inbox-item__time-ago {
    float: right;
    padding-left: 10px; }
  .inbox-item__title {
    color: #000;
    font-size: 13px;
    word-break: break-word; }
    .inbox-item__title:visited {
      color: #000; }
    .inbox-item__title:hover {
      color: #000; }
    .inbox-item__title:active {
      color: #000; }
    .is-unread .inbox-item__title {
      font-weight: 600; }
  .inbox-item__meta {
    float: left;
    margin-right: 5px; }
    .inbox-item__meta a {
      color: #a5a5a5;
      font-weight: 600; }
      .inbox-item__meta a:visited {
        color: #a5a5a5; }
      .inbox-item__meta a:hover {
        color: #a5a5a5; }
      .inbox-item__meta a:active {
        color: #a5a5a5; }
    .inbox-item__meta:after {
      content: "\2022";
      margin-left: 5px; }
    .inbox-item__meta:last-child:after {
      content: ""; }

.top-bar-bug-checkbox {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: none; }
  @media (min-width: 1025px) {
    .top-bar-bug-checkbox {
      display: inline-block;
      margin: 8px 0; } }

.bugs-list-pagination {
  border-top: 1px solid #e5e5e5;
  background: #fff;
  padding: 7px 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.bulk-actions-report-heading {
  line-height: 24px;
  border-bottom: 1px solid #e5e5e5;
  padding: 7px 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .bulk-actions-report-heading:hover {
    background: #f5f5f5; }
  .bulk-actions-report-heading:first-child {
    border-top: 1px solid #e5e5e5; }
  .bulk-actions-report-heading:last-child {
    margin-bottom: 20px; }

.bulk-actions-report-remove .icon-remove {
  display: none;
  font-size: 16px;
  color: #cd3a3a;
  cursor: pointer; }
  .bulk-actions-report-heading:hover .bulk-actions-report-remove .icon-remove {
    display: block; }

.selected-users,
.selected-teams {
  margin: 10px 0;
  padding: 0 9px; }

.selected-user,
.selected-team {
  line-height: 2;
  display: table;
  table-layout: fixed;
  width: 100%; }

.selected-user-avatar,
.selected-user-username,
.selected-user-remove,
.selected-team-avatar,
.selected-team-name,
.selected-team-remove {
  display: table-cell;
  vertical-align: middle; }

.selected-user-avatar,
.selected-team-avatar {
  width: 21px; }

.selected-user-username,
.selected-team-name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  float: left;
  white-space: nowrap; }

.selected-user-username__assigned {
  margin-left: 5px; }

.selected-user-full-name,
.selected-team-handle {
  margin-left: 2px;
  font-size: 11px;
  color: #999; }

.selected-user-remove,
.selected-team-remove {
  cursor: pointer;
  width: 14px;
  text-align: right;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .disabled .selected-user-remove, .disabled
  .selected-team-remove {
    pointer-events: none; }
  .selected-user-remove .icon-remove,
  .selected-team-remove .icon-remove {
    color: #bababa; }
    .selected-user-remove .icon-remove:hover,
    .selected-team-remove .icon-remove:hover {
      color: #d0021b; }

.subject-selector {
  float: left;
  padding: 5px;
  position: relative;
  border-right: 1px solid #e5e5e5; }

.subject-selector__list {
  position: absolute;
  max-height: 290px;
  background: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  min-width: 175px;
  z-index: 4;
  width: 100%;
  border: 1px solid #ccc;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  display: none; }
  .subject-selector--open .subject-selector__list {
    display: block; }

.subject-selector__current-item {
  float: left;
  padding: 5px;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 5;
  position: relative;
  border-radius: 4px; }
  .subject-selector--open .subject-selector__current-item, .subject-selector__current-item:hover {
    background: #fff;
    border: 1px solid #ccc; }
  .subject-selector--open .subject-selector__current-item:hover {
    background: #f5f5f5; }
  .subject-selector--open .subject-selector__current-item {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: -1px; }

.subject-selector__arrow {
  color: #aeaeae;
  margin-left: 10px; }

.subject-selector__item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-top: 1px solid transparent; }
  .subject-selector__item:first-child {
    border-top: none; }
  .subject-selector__item--selected, .subject-selector__item:hover {
    background: #f5f5f5;
    border-color: #e5e5e5; }
    .subject-selector__item--selected + .subject-selector__item, .subject-selector__item:hover + .subject-selector__item {
      border-top: 1px solid #e5e5e5; }
  .subject-selector__item--current-user {
    border-color: #e5e5e5; }

.subject-selector__item-name {
  margin-left: 5px;
  font-weight: 600;
  font-size: 13px;
  vertical-align: middle; }

.subject-selector__overlay {
  display: none;
  z-index: 3;
  top: 0;
  position: absolute;
  background: rgba(78, 78, 78, 0.1);
  width: 100%;
  height: 100%; }
  .subject-selector__overlay--visible {
    display: block; }

.timeline {
  position: relative; }

.timeline-jumptarget {
  position: absolute;
  top: -70px; }

.timeline-line {
  position: absolute;
  top: 5px;
  left: 20px;
  display: block;
  width: 1px;
  height: 100%;
  background: #c5c5c5; }
  .timeline-item:last-child .timeline-line {
    display: none; }

.timeline-item {
  position: relative;
  padding-bottom: 30px; }
  .timeline-item:last-child {
    padding-bottom: 0; }

.timeline-datetime-placeholder {
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  z-index: 1; }

.timeline-avatar-placeholder {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.timeline-datetime {
  text-align: center;
  text-transform: uppercase;
  line-height: 2.2;
  font-size: 10px;
  border: 1px solid #c5c5c5;
  width: 40px;
  background: #fff;
  border-radius: 4px; }

.timeline-container {
  margin-left: 55px;
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid transparent;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }
  .is-internal .timeline-container {
    padding-top: 4px;
    padding-bottom: 4px;
    background: #fbf1f1;
    border-color: #f5dddd; }
  .is-highlighted .timeline-container {
    padding-top: 4px;
    padding-bottom: 4px;
    background: #fffae0;
    border-color: #fff6c7; }
  .is-internal.is-highlighted .timeline-container {
    border-color: #f5dddd; }

.timeline-container-subject {
  display: table;
  width: 100%;
  color: #828282; }

.timeline-container-subject-entry {
  display: table-cell;
  padding-right: 10px; }

.timeline-container-content {
  zoom: 1;
  word-wrap: break-word; }
  .timeline-container-content:before, .timeline-container-content:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .timeline-container-content:after {
    clear: both; }

.timeline-timestamp {
  display: table-cell;
  text-align: right;
  white-space: nowrap;
  font-size: 11px; }

.timeline-timestamp-link {
  color: #828282; }
  .timeline-timestamp-link:visited {
    color: #828282; }
  .timeline-timestamp-link:hover {
    color: #828282; }
  .timeline-timestamp-link:active {
    color: #828282; }

.timeline-indicator {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  left: 14px;
  top: 5px; }
  .comment-preview .timeline-indicator {
    left: 13px; }
  .is-internal .timeline-indicator {
    top: 9px; }

.timeline-indicator-dot {
  border: 1px solid #c5c5c5;
  width: 13px;
  height: 13px;
  background: #fff;
  z-index: 1;
  position: relative;
  border-radius: 500px;
  box-shadow: inset 0 0 0 2px #fff; }
  .timeline-indicator-dot:after {
    content: "";
    width: 20px;
    left: 12px;
    top: 5px;
    position: absolute;
    border-top: 1px solid #c5c5c5; }
  .timeline-indicator-dot.is-red {
    background: #cc3636; }
  .timeline-indicator-dot.is-blue {
    background: #3969ca; }
  .timeline-indicator-dot.is-green {
    background: #63ac34; }
  .timeline-indicator-dot.is-grey {
    background: #898989; }

.timelime-automated-response {
  background: #f5f5f5;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600; }

.hacktivity__cta-arrow {
  margin-left: 5px; }

.hacktivity__cursor {
  opacity: 1;
  -webkit-animation: hacktivity-blink 1s infinite;
          animation: hacktivity-blink 1s infinite; }

.hacktivity__privileged {
  background: #fbf1f1; }

@-webkit-keyframes hacktivity-blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes hacktivity-blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.hacktivity {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5; }
  .hacktivity__wrapper {
    width: 100%;
    display: table;
    padding-left: 53px;
    min-height: 40px; }
    .hacktivity--voting .hacktivity__wrapper {
      padding-left: 93px; }
  .hacktivity__date, .hacktivity__content {
    vertical-align: middle;
    line-height: 18px; }
    @media (min-width: 640px) {
      .hacktivity__date, .hacktivity__content {
        display: table-cell; } }
  .hacktivity__date {
    color: #828282;
    font-size: 12px;
    white-space: nowrap;
    margin-top: 5px; }
    @media (min-width: 640px) {
      .hacktivity__date {
        margin-top: 0;
        padding-left: 15px;
        padding-right: 5px;
        text-align: right; } }
  .hacktivity__avatar {
    position: absolute;
    left: 0; }
    .hacktivity--voting .hacktivity__avatar {
      left: 40px; }
  .hacktivity__meta {
    color: #828282;
    font-size: 12px;
    margin: 0; }
  .hacktivity__link {
    color: #216ba5; }
    .hacktivity__link:visited {
      color: #144063; }
    .hacktivity__link:hover {
      color: #144063; }
    .hacktivity__link:active {
      color: #144063; }
  .hacktivity__title {
    font-weight: 600;
    font-size: 14px; }
    .hacktivity__title--undisclosed {
      cursor: default;
      font-size: 20px;
      font-family: "Blokk";
      color: #ececec;
      letter-spacing: -3px; }
    .hacktivity__title--privileged {
      color: #f5dddd; }
  .hacktivity__substate {
    margin-right: 4px; }
  .hacktivity__voting {
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 18px;
    min-width: 20px;
    text-align: center; }
    .report-heading__report-title-controls .hacktivity__voting {
      position: relative;
      display: table-cell;
      vertical-align: middle;
      line-height: 12px; }
  .hacktivity__upvote {
    display: block;
    padding: 2px 5px;
    -webkit-transition: margin-top .1s ease-in-out;
    transition: margin-top .1s ease-in-out; }
    @media (min-width: 640px) {
      .hacktivity__upvote {
        margin-right: 18px; } }
    .hacktivity__upvote--upvoted {
      margin-top: -8px;
      padding-bottom: 8px; }
  .hacktivity__upvote-icon {
    font-size: 18px;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out; }
    .report-heading__report-title-controls .hacktivity__upvote-icon {
      font-size: 14px; }
    .hacktivity__upvote--upvoted .hacktivity__upvote-icon {
      opacity: 0; }

.genius {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 15px;
  position: relative;
  background: #f5f5f5; }
  .genius__close-icon {
    color: #828282;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 16px; }
    .genius__close-icon:visited {
      color: #828282; }
    .genius__close-icon:hover {
      color: #828282; }
    .genius__close-icon:active {
      color: #828282; }
  .genius__footer {
    font-size: 11px;
    border-top: 1px solid #e5e5e5;
    padding: 5px 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 15px -15px -15px;
    background: #FFFFFF; }

.avatar-upload-control {
  display: inline-block;
  vertical-align: middle; }
  @media (min-width: 640px) {
    .avatar-upload-control {
      margin-left: 20px; } }

.avatar-upload-description {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #828282; }
  @media (min-width: 640px) {
    .avatar-upload-description {
      width: 380px; } }

.check-panel {
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 10px;
  overflow: hidden; }
  .check-panel:last-child {
    margin-bottom: 0; }
  .check-panel.is-selected, .check-panel:active {
    border-color: #b6d0e4; }

.check-panel-heading {
  padding: 8px 10px;
  background-color: #f5f5f5;
  font-weight: 600; }
  .check-panel:hover .check-panel-heading {
    background-color: gainsboro;
    cursor: pointer; }
  .is-selected .check-panel-heading,
  .is-selected:hover .check-panel-heading {
    background-color: #dbe8f2; }
  .check-panel:active .check-panel-heading {
    background-color: #dbe8f2;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }

.check-panel-criteria {
  border-top: 1px solid #c5c5c5;
  padding: 8px 10px; }
  .is-selected .check-panel-criteria,
  .check-panel:active .check-panel-criteria {
    border-top-color: #b6d0e4; }

input[type="checkbox"],
input[type="radio"] {
  cursor: pointer; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    margin-left: 4px; }
  input[type="checkbox"]:focus,
  input[type="radio"]:focus {
    outline: auto; }

.help-block {
  font-size: 12px;
  margin-top: 2px;
  color: #828282; }
  .help-block--radio-button {
    margin-left: 16px;
    margin-top: 0; }

.select {
  height: 31px; }

.field_with_errors {
  display: inline; }

.helper-text {
  color: #828282;
  width: 100%;
  margin-top: 2px;
  margin-bottom: 5px;
  position: relative;
  font-size: 12px; }
  .helper-text > p {
    margin-bottom: 0; }
  .helper-text .preview {
    word-break: break-all; }
  .helper-text--error ~ .helper-text {
    display: none; }
  .helper-text--error {
    color: #cd3a3a; }
  .helper-text--no-margin {
    margin-top: 0; }
  .helper-text + .input-content-counter, .helper-text + .currency-indicator {
    top: 47px; }

.markdown-textarea-container {
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden;
  word-break: break-word;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
  position: relative; }
  .markdown-textarea-container.disabled {
    pointer-events: none; }
  .markdown-textarea-container.is-focussed {
    outline: none;
    border-color: #c5c5c5;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 0 10px rgba(33, 107, 165, 0.3); }
  .markdown-textarea-container.has-error,
  .has-error .markdown-textarea-container {
    border-color: #cd3a3a; }
  .markdown-textarea-container.markdown-textarea-container--is-internal {
    background: #fbf1f1; }

.markdown-footer {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #f5f5f5;
  border-top: 1px solid #c5c5c5;
  line-height: 30px;
  color: #828282;
  font-size: 12px; }

.markdown-panes {
  padding: 10px;
  position: relative; }

.markdown-pane {
  display: none; }
  .markdown-pane.is-active {
    display: block; }

.markdown-message {
  float: right;
  padding-right: 10px; }

.markdown-tab {
  float: left;
  border-right: 1px solid #c5c5c5;
  padding: 0 10px;
  cursor: pointer; }
  .markdown-tab:hover {
    background: #fff; }
  .markdown-tab.is-active {
    background: #fff;
    margin-top: -1px; }
    .markdown-textarea-container--is-internal .markdown-tab.is-active {
      background-color: #fbf1f1; }
      .markdown-textarea-container--is-internal .markdown-tab.is-active:before {
        background-color: #fbf1f1; }
    .markdown-tab.is-active:before {
      content: "";
      background: #fff;
      display: block;
      position: relative;
      height: 1px;
      top: -1px; }

.markdown-textarea {
  width: 100%;
  display: block;
  font-size: 13px;
  height: 100%;
  line-height: 21px;
  overflow: hidden; }
  .markdown-textarea-container--is-internal .markdown-textarea {
    background-color: #fbf1f1; }
  .markdown-textarea:disabled {
    background: #fff; }

.monospace-textarea-container {
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
  position: relative; }

.monospace-textarea {
  width: 100%;
  padding: 10px;
  display: block;
  font-family: Courier;
  font-size: 13px;
  height: 100%;
  line-height: 21px;
  white-space: pre; }
  .monospace-textarea:disabled {
    background: #fff; }

.dropdown-menu {
  position: absolute;
  margin-top: 3px;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  z-index: 5; }
  .dropdown-menu--pull-right {
    right: 0; }

.dropdown-menu-header {
  padding: 10px 14px;
  line-height: 21px;
  font-weight: 600;
  border-bottom: 1px solid #c5c5c5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.dropdown-menu-header-small {
  font-size: 11px;
  color: #216ba5; }
  .dropdown-menu-header-small:visited {
    color: #216ba5; }
  .dropdown-menu-header-small:hover {
    color: #216ba5; }
  .dropdown-menu-header-small:active {
    color: #216ba5; }

.feature-toggle-bar {
  position: fixed;
  bottom: 15px;
  left: 15px;
  background-color: #fff;
  padding: 8px 10px;
  z-index: 10;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden;
  height: 34px; }
  .feature-toggle-bar:hover {
    height: 400px;
    height: 75vh;
    overflow-y: scroll; }

.feature-toggle-bar-handle {
  position: absolute;
  bottom: 5px; }
  .feature-toggle-bar:hover .feature-toggle-bar-handle {
    display: none; }

.feature-toggle-list {
  position: relative;
  top: 100%; }
  .feature-toggle-bar:hover .feature-toggle-list {
    top: 0; }

.feature-toggle-item {
  line-height: 2; }

.feature-toggle-bar-handle-arrow {
  position: absolute;
  bottom: 13px;
  right: 15px;
  border: 5px solid transparent;
  border-bottom-color: #828282; }
  .feature-toggle-bar:hover .feature-toggle-bar-handle-arrow {
    display: none; }

.footer {
  font-size: 12px; }

.footer-wrapper {
  padding-top: 20px; }

.footer-copyright {
  color: #a5a5a5; }
  @media (min-width: 768px) {
    .footer-copyright {
      float: left; } }

.footer-nav {
  zoom: 1;
  float: right; }
  .footer-nav:before, .footer-nav:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .footer-nav:after {
    clear: both; }

.footer-nav-item {
  padding-right: 15px;
  float: left;
  display: inline;
  width: 50%; }
  .footer-nav-item:last-child {
    padding-right: 0; }
  @media (min-width: 768px) {
    .footer-nav-item {
      display: block;
      width: auto; } }

.footer-nav-item-link {
  text-decoration: none;
  color: #666;
  opacity: .65;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out; }
  .footer-nav-item-link:visited {
    color: #666; }
  .footer-nav-item-link:hover {
    color: #666; }
  .footer-nav-item-link:active {
    color: #666; }
  .footer-nav-item-link:hover, .footer-nav-item-link.active, .footer-nav-item-link:active {
    opacity: 1;
    text-decoration: underline; }
  .footer-nav-item-link.icon-share-twitter {
    font-size: 13px;
    width: 13px;
    display: inline-block; }

.invite-team-member-wrapper {
  text-align: left;
  background: #fff;
  border: 1px solid #c5c5c5;
  position: absolute;
  top: 100%;
  left: auto;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  width: 300px;
  right: 37px; }
  .invite-team-member-wrapper:after, .invite-team-member-wrapper:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 15px; }
  .invite-team-member-wrapper:after {
    border-color: transparent;
    border-width: 8px; }
  .invite-team-member-wrapper:before {
    border-width: 9px; }
  .invite-team-member-wrapper:after, .invite-team-member-wrapper:before {
    left: auto;
    right: 15px;
    bottom: 100%; }
  .invite-team-member-wrapper:after {
    border-bottom-color: #fff; }
  .invite-team-member-wrapper:before {
    border-bottom-color: #c5c5c5;
    margin-right: -1px; }

.invite-team-member-container {
  padding: 15px; }

.invite-team-member-field {
  margin-bottom: 15px; }

.invite-team-member-footer {
  zoom: 1;
  padding: 15px;
  line-height: 30px;
  background: #f5f5f5;
  margin: 0 -15px -15px;
  border-top: 1px solid #c5c5c5;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .invite-team-member-footer:before, .invite-team-member-footer:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden; }
  .invite-team-member-footer:after {
    clear: both; }

.notification-indicator {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  line-height: 22px;
  cursor: pointer;
  color: #000;
  background: #efefef;
  border: 1px solid #d6d6d6;
  border-radius: 3px; }
  .notification-indicator:hover {
    background: #e2e2e2;
    border-color: #c9c9c9;
    text-decoration: none; }
  .notification-indicator:active {
    background: #d6d6d6;
    border-color: #bcbcbc; }
  .notification-indicator.unread {
    font-weight: 600;
    color: #fff;
    background: #b81321;
    border-color: #8a0e19; }
    .notification-indicator.unread:hover {
      background: #af121f;
      border-color: #810d17; }
    .notification-indicator.unread:active {
      background: #a1111d;
      border-color: #730c15; }

.notifications-menu-wrapper {
  text-align: left;
  background: #fff;
  border: 1px solid #c5c5c5;
  position: absolute;
  top: 100%;
  left: auto;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  width: 300px;
  display: none;
  right: -12px;
  top: 50px;
  line-height: 21px; }
  .notifications-menu-wrapper:after, .notifications-menu-wrapper:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 15px; }
  .notifications-menu-wrapper:after {
    border-color: transparent;
    border-width: 8px; }
  .notifications-menu-wrapper:before {
    border-width: 9px; }
  .notifications-menu-wrapper:after, .notifications-menu-wrapper:before {
    left: auto;
    right: 15px;
    bottom: 100%; }
  .notifications-menu-wrapper:after {
    border-bottom-color: #fff; }
  .notifications-menu-wrapper:before {
    border-bottom-color: #c5c5c5;
    margin-right: -1px; }
  .notifications-menu-wrapper.show {
    display: block; }

.notifications--new {
  color: orange;
  font-weight: 600;
  margin-top: -5px;
  border-radius: 3px;
  padding: 2px 4px;
  border: 1px solid orange; }
  .notifications--new:visited, .notifications--new:active {
    color: orange; }
  .notifications--new:hover {
    color: #cc8400;
    border-color: #cc8400; }

.notifications-wrapper {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden; }

.notification {
  display: block;
  border-bottom: 1px solid #e5e5e5;
  text-decoration: none;
  color: #000;
  padding: 10px; }
  .notification--unread {
    background: #fffae0;
    color: #000; }
  .notification:hover {
    background: #f5f5f5;
    text-decoration: none; }
  .notification:active, .notification:active:visited {
    background: #f5f5f5;
    color: #000;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }
  .notification:visited {
    color: #000; }
  .notification:last-child {
    border-bottom: 0; }

.notification-info {
  overflow: hidden; }
  .notification-info__content {
    margin-left: 10px;
    word-wrap: break-word; }

.notification-time-ago {
  color: #828282;
  font-size: 11px; }

.notifications__footer {
  padding: 5px 10px;
  background: #f5f5f5;
  border-top: 1px solid #c5c5c5;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  display: block; }

.notifications__grouped-by-heading {
  border-bottom: 1px solid #e5e5e5;
  background: #f5f5f5;
  padding: 5px 7px;
  font-weight: 600;
  color: #828282; }

.settings-menu {
  text-align: left;
  background: #fff;
  border: 1px solid #c5c5c5;
  position: absolute;
  top: 100%;
  left: auto;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  cursor: default;
  right: -16px;
  top: 50px;
  line-height: 24px; }
  .settings-menu:after, .settings-menu:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 15px; }
  .settings-menu:after {
    border-color: transparent;
    border-width: 8px; }
  .settings-menu:before {
    border-width: 9px; }
  .settings-menu:after, .settings-menu:before {
    left: auto;
    right: 15px;
    bottom: 100%; }
  .settings-menu:after {
    border-bottom-color: #fff; }
  .settings-menu:before {
    border-bottom-color: #c5c5c5;
    margin-right: -1px; }

.settings-menu-wrapper {
  max-height: 400px;
  max-height: 75vh;
  overflow-x: hidden;
  overflow-y: auto; }

.settings-group-info-avatar {
  margin-right: 2px; }

.settings-group {
  font-size: 12px;
  display: table-row; }

.user-settings-group {
  font-size: 12px;
  display: table-row; }
  .user-settings-group .settings-group-info {
    display: none; }
    .has-teams .user-settings-group .settings-group-info {
      display: table-cell; }

.settings-group-info,
.settings-group-listing {
  padding: 5px 10px;
  border-bottom: 1px #e5e5e5 solid; }
  .settings-group:last-child .settings-group-info, .settings-group:last-child
  .settings-group-listing {
    border-bottom: 0; }

.settings-group-info {
  line-height: 24px;
  display: table-cell;
  white-space: nowrap; }
  .settings-group-info > a {
    display: inline-block;
    min-width: 100px;
    padding-right: 10px;
    font-weight: 600;
    text-decoration: none; }

.settings-group-listing {
  display: table-cell;
  white-space: nowrap; }

.settings-group-listing-item-link {
  text-decoration: none;
  display: block;
  color: #000; }
  .settings-group-listing-item-link:visited {
    color: #000; }
  .settings-group-listing-item-link:hover {
    color: #000; }
  .settings-group-listing-item-link:active {
    color: #000; }
  .settings-group-listing-item-link:hover {
    text-decoration: underline; }

.settings-menu-loading-indicator {
  position: relative;
  width: 66px;
  height: 82px; }

.sub-header {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  height: 54px;
  z-index: 1100;
  position: relative; }
  .sub-header__menu-wrapper {
    position: relative;
    overflow: hidden;
    height: 54px; }
  .sub-header__scroll-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .sub-header__scroll-area .sub-header__menu {
    white-space: nowrap; }
  .sub-header__scroll-area .sub-header__menu-item,
  .sub-header__scroll-area .sub-header__menu-link {
    display: inline-block;
    float: none; }
  .sub-header__menu {
    overflow: hidden; }
  .sub-header__menu-item, .sub-header__menu-link {
    float: left; }
    .sub-header__menu-item--right, .sub-header__menu-link--right {
      float: right; }
    .sub-header__menu-item--social-icons, .sub-header__menu-link--social-icons {
      margin-top: 3px;
      margin-right: 6px; }
  .sub-header__menu-link {
    cursor: pointer; }
  .sub-header__menu-link, .sub-header__menu-item--label {
    height: 54px;
    line-height: 54px;
    padding: 0 15px;
    font-weight: 600;
    border-bottom: 3px solid transparent; }
    .sub-header__menu-link.active, .sub-header__menu-item--label.active {
      color: #144063;
      border-color: #216ba5; }
      .sub-header__menu-link.active:hover, .sub-header__menu-item--label.active:hover {
        text-decoration: none; }
  .sub-header__menu-icon {
    margin-right: 5px; }
  .sub-header__button {
    float: right;
    margin-top: 11px;
    min-width: 25%; }
  .sub-header__helper-text {
    float: right;
    margin-top: 18px;
    min-width: 25%; }
  .sub-header__security-link {
    font-size: 14px;
    margin-top: -5px;
    font-weight: 600;
    max-width: 280px; }

.reports-view__count {
  display: inline-block;
  min-width: 20px;
  margin-left: 5px; }

.topbar {
  height: 60px;
  position: absolute;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #c5c5c5;
  z-index: 1200;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  font-size: 13px;
  background: #494649;
  box-shadow: none;
  border-bottom: 0; }
  @media (min-width: 850px) {
    .topbar {
      position: fixed; } }
  .topbar--triage .topbar-logo {
    width: 77px;
    border-right: 1px solid #c5c5c5; }
  .topbar--triage .topbar-navigation-item {
    border-right: 1px solid #c5c5c5; }
    .topbar--triage .topbar-navigation-item .topbar-navigation-link--profile {
      line-height: 22px;
      margin-top: 5px;
      margin-left: 10px; }
  .topbar .topbar-wrapper {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto; }
  .topbar .topbar__dropdown-wrapper {
    display: none; }
    @media (min-width: 850px) {
      .topbar .topbar__dropdown-wrapper {
        display: inline-block;
        position: relative;
        line-height: 59px; } }
  .topbar .topbar__dropdown {
    text-align: left;
    background: #fff;
    border: 1px solid #c5c5c5;
    position: absolute;
    top: 100%;
    left: auto;
    z-index: 10;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    width: 150px;
    line-height: 1;
    left: -40px; }
    .topbar .topbar__dropdown:after, .topbar .topbar__dropdown:before {
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      top: auto;
      left: auto;
      right: 69px; }
    .topbar .topbar__dropdown:after {
      border-color: transparent;
      border-width: 8px; }
    .topbar .topbar__dropdown:before {
      border-width: 9px; }
    .topbar .topbar__dropdown:after, .topbar .topbar__dropdown:before {
      left: auto;
      right: 69px;
      bottom: 100%; }
    .topbar .topbar__dropdown:after {
      border-bottom-color: #fff; }
    .topbar .topbar__dropdown:before {
      border-bottom-color: #c5c5c5;
      margin-right: -1px; }
  .topbar .topbar__dropdown-item {
    display: block;
    border-bottom: 1px solid #e5e5e5; }
    .topbar .topbar__dropdown-item:last-child {
      border: 0; }
  .topbar .topbar__dropdown-link {
    display: block;
    padding: 15px;
    font-weight: 600; }
  .topbar .topbar__dropdown--mobile {
    display: block; }
    @media (min-width: 850px) {
      .topbar .topbar__dropdown--mobile {
        display: none; } }
  .topbar .topbar-logo {
    color: #000;
    position: absolute;
    line-height: 59px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: -20px;
    font-size: 27px;
    color: #fff; }
    .topbar .topbar-logo:visited {
      color: #000; }
    .topbar .topbar-logo:hover {
      color: #000; }
    .topbar .topbar-logo:active {
      color: #000; }
    @media (min-width: 850px) {
      .topbar .topbar-logo {
        float: left;
        position: relative; } }
    .topbar .topbar-logo:visited {
      color: #fff; }
    .topbar .topbar-logo:hover {
      color: #fff; }
    .topbar .topbar-logo:active {
      color: #fff; }
    .topbar .topbar-logo:hover {
      text-decoration: none; }
  @media (min-width: 850px) {
    .topbar .topbar-navigation {
      margin-right: -15px; } }
  .topbar .app__logo {
    position: absolute;
    width: 139px;
    height: 27px;
    margin: 16px 25px 0 1px; }
    @media (min-width: 850px) {
      .topbar .app__logo {
        float: left;
        position: relative; } }
  .topbar .topbar-navigation-item {
    border-bottom: 1px solid #e5e5e5;
    position: relative; }
    @media (min-width: 850px) {
      .topbar .topbar-navigation-item {
        border-bottom: 0;
        float: left; } }
    .topbar__dropdown--mobile .topbar .topbar-navigation-item:last-child {
      border-bottom: 0; }
    .topbar .topbar-navigation-item.topbar-navigation-item--pull-right {
      position: relative; }
      @media (min-width: 850px) {
        .topbar .topbar-navigation-item.topbar-navigation-item--pull-right {
          float: right; } }
  @media (min-width: 850px) {
    .topbar .topbar-navigation-item--pull-right + .topbar-navigation-item--pull-right:after {
      position: absolute;
      right: -3px;
      top: 28px;
      content: "|"; } }
  .topbar .topbar-davr-wrapper {
    line-height: 63px; }
  .topbar .topbar-navigation-mobile-link {
    display: block; }
    @media (min-width: 850px) {
      .topbar .topbar-navigation-mobile-link {
        display: none; } }
  .topbar .topbar-navigation-desktop-link {
    display: none; }
    @media (min-width: 850px) {
      .topbar .topbar-navigation-desktop-link {
        display: block; } }
  .topbar .topbar-navigation-link {
    border-bottom: 3px solid transparent;
    padding: 0 20px;
    line-height: 57px;
    color: #fff;
    font-weight: 300;
    display: block;
    text-align: center;
    cursor: pointer; }
    .topbar .topbar-navigation-link:visited {
      color: #fff; }
    .topbar .topbar-navigation-link:hover {
      color: #fff; }
    .topbar .topbar-navigation-link:active {
      color: #fff; }
    .topbar .topbar-navigation-link.active {
      color: #fff;
      background: #3c3a3c;
      border-bottom-color: #ec1075; }
    .topbar .topbar-navigation-link:hover {
      text-decoration: underline; }
    .topbar .topbar-navigation-link .notification-indicator {
      margin-right: 5px;
      margin-left: -20px;
      vertical-align: baseline; }
    .topbar .topbar-navigation-link .topbar-profile-picture-wrapper .avatar {
      margin-right: 5px;
      margin-left: -40px; }
  .topbar .topbar-toggle {
    color: #fff;
    position: absolute;
    font-size: 20px;
    padding: 20px;
    right: 0;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media (min-width: 850px) {
      .topbar .topbar-toggle {
        display: none; } }
  .topbar .topbar-navigation-wrapper {
    background: #494649;
    border: 0;
    display: none; }
    .topbar .topbar-navigation-wrapper.active {
      position: relative;
      display: block;
      top: 80px; }
    @media (min-width: 850px) {
      .topbar .topbar-navigation-wrapper {
        display: block;
        border: 0;
        height: 59px; }
        .topbar .topbar-navigation-wrapper.active {
          position: static; } }
  .topbar .topbar-user-specific {
    display: none; }
    @media (min-width: 850px) {
      .topbar .topbar-user-specific {
        line-height: 59px;
        float: right;
        display: block; } }
  .topbar .topbar-profile-picture-wrapper,
  .topbar .topbar-notifications-wrapper,
  .topbar .topbar-settings-wrapper {
    float: left;
    margin-right: 14px;
    position: relative; }
    .topbar .topbar-profile-picture-wrapper:last-child,
    .topbar .topbar-notifications-wrapper:last-child,
    .topbar .topbar-settings-wrapper:last-child {
      margin-right: 0; }
  .topbar .topbar-dropdown-toggle {
    color: #828282;
    font-size: 16px;
    cursor: pointer; }
    .topbar .topbar-dropdown-toggle:visited {
      color: #828282; }
    .topbar .topbar-dropdown-toggle:hover {
      color: dimgray; }
    .topbar .topbar-dropdown-toggle:active {
      color: #828282; }
    .topbar .topbar-dropdown-toggle:hover {
      text-decoration: none; }
  .topbar .topbar-navigation-loading-indicator {
    text-align: center;
    margin: 12px 0; }
    @media (min-width: 850px) {
      .topbar .topbar-navigation-loading-indicator {
        float: right;
        margin: 20px 50px 0 60px; } }

.signed-in .topbar-sub {
  padding-top: 60px; }
  .controller_bugs .signed-in .topbar-sub .banner {
    display: none; }

.topbar-signed-out {
  height: 100%;
  position: relative;
  width: 100%;
  background: #565356;
  z-index: 1200;
  font-size: 13px; }
  @media (min-width: 960px) {
    .topbar-signed-out {
      height: 91px;
      position: fixed; } }
  .topbar-signed-out:before {
    content: '';
    position: absolute;
    height: 75px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background: #565356; }
    @media (min-width: 960px) {
      .topbar-signed-out:before {
        height: 91px;
        background: #565356; } }
  .topbar-signed-out:after {
    content: ''; }
  .topbar-signed-out .inner-container {
    padding: 0px; }
    @media (min-width: 960px) {
      .topbar-signed-out .inner-container {
        padding: 0 20px; } }
  .topbar-signed-out .topbar-wrapper {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto; }
  .topbar-signed-out .topbar__dropdown-wrapper {
    display: none; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar__dropdown-wrapper {
        display: inline-block;
        position: relative;
        line-height: 59px; } }
  .topbar-signed-out .topbar__dropdown {
    width: 100%;
    display: inline-block;
    border-top: 1px #dddddd solid;
    padding: 30px 30px 30px 0; }
    .topbar-signed-out .topbar__dropdown.offset--one-quarter {
      margin-left: 0; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar__dropdown {
        float: left;
        border-right: 1px #dddddd solid;
        border-top: none;
        margin: 30px 30px 30px 0;
        padding: 0; }
        .topbar-signed-out .topbar__dropdown.offset--one-quarter {
          margin: 30px 30px 30px calc(((100% - (4/1 - 1) * 20px) / 4 * 1 ) + 20px); }
        .topbar-signed-out .topbar__dropdown:last-of-type {
          border-right: none; } }
  .topbar-signed-out .topbar__dropdown-item, .topbar-signed-out .topbar__dropdown-item a {
    font-family: EffraRegular;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.88;
    color: #4c4c4c; }
    .topbar-signed-out .topbar__dropdown-item .topbar__dropdown-link, .topbar-signed-out .topbar__dropdown-item a .topbar__dropdown-link {
      font-family: EffraLight;
      font-size: 16px;
      line-height: 1.5;
      text-align: left;
      color: #4c4c4c; }
    .topbar-signed-out .topbar__dropdown-item a:hover, .topbar-signed-out .topbar__dropdown-item a a:hover {
      color: #ec1075;
      text-decoration: none; }
  .topbar-signed-out .topbar__dropdown--mobile {
    display: block; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar__dropdown--mobile {
        display: none; } }
  .topbar-signed-out .topbar-logo {
    color: #000;
    position: absolute;
    line-height: 59px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: -20px;
    font-size: 27px; }
    .topbar-signed-out .topbar-logo:visited {
      color: #000; }
    .topbar-signed-out .topbar-logo:hover {
      color: #000; }
    .topbar-signed-out .topbar-logo:active {
      color: #000; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-logo {
        float: left;
        position: relative; } }
    .topbar-signed-out .topbar-logo:hover {
      text-decoration: none; }
  @media (min-width: 960px) {
    .topbar-signed-out .topbar-navigation {
      margin-right: -15px; } }
  .topbar-signed-out .app__logo {
    position: absolute;
    width: 159px;
    height: 31px;
    margin: 20px 25px 0 20px;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (min-width: 960px) {
      .topbar-signed-out .app__logo {
        float: left;
        position: relative; } }
    @media (min-width: 960px) {
      .topbar-signed-out .app__logo {
        margin-top: 35px;
        margin-left: 0px; } }
  .topbar-signed-out .topbar-navigation-item {
    border-top: 1px solid #e5e5e5; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-navigation-item {
        border-bottom: 0;
        border-top: 0;
        float: left; } }
    .topbar__dropdown--mobile .topbar-signed-out .topbar-navigation-item:last-child {
      border-bottom: 0; }
  @media (min-width: 960px) {
    .topbar-signed-out .topbar-navigation-item--pull-right.sign-up + .topbar-navigation-item--pull-right:after {
      position: absolute;
      right: -3px;
      top: 28px;
      content: "|"; } }
  .topbar-signed-out .topbar-navigation-item-sections {
    display: none;
    width: 100vw;
    position: relative;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    background: #f1f1f1;
    margin-left: -10px; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-navigation-item-sections {
        position: absolute;
        margin-left: 0px; } }
    .topbar-signed-out .topbar-navigation-item-sections.active {
      display: inherit; }
      .topbar-signed-out .topbar-navigation-item-sections.active .topbar__dropdown {
        width: 100%;
        display: inline-block; }
    .topbar-signed-out .topbar-navigation-item-sections .topbar-navigation-sections-wrapper {
      display: block; }
      @media (min-width: 960px) {
        .topbar-signed-out .topbar-navigation-item-sections .topbar-navigation-sections-wrapper {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: -webkit-box;
          display: flex;
          overflow: hidden; } }
      .topbar-signed-out .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-field-preview {
        text-align: center; }
      .topbar-signed-out .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-title {
        text-align: center;
        padding: 10px 0; }
        .topbar-signed-out .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-title span {
          font-size: 14px;
          font-family: EffraRegular; }
      .topbar-signed-out .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-view-node {
        text-align: center; }
        .topbar-signed-out .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-view-node .primary-btn {
          width: auto; }
          .topbar-signed-out .topbar-navigation-item-sections .topbar-navigation-sections-wrapper ul.topbar__dropdown.cta .views-field-view-node .primary-btn a {
            width: auto;
            height: auto;
            padding: 8px 42px;
            font-size: 14px; }
  .topbar-signed-out .topbar-navigation-mobile-link {
    display: inherit; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-navigation-mobile-link {
        display: none; } }
  @media (min-width: 960px) {
    .topbar-signed-out .topbar-navigation-desktop-link {
      display: inherit; }
      .topbar-signed-out .topbar-navigation-desktop-link:hover + .topbar-navigation-item-sections, .topbar-signed-out .topbar-navigation-desktop-link + .topbar-navigation-item-sections:hover {
        display: inherit;
        /* shows sub-menu */
        opacity: 1;
        z-index: 1;
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);
        -webkit-transition-delay: 0s, 0s, 0.3s;
                transition-delay: 0s, 0s, 0.3s; } }
  .topbar-signed-out .topbar-navigation-link {
    padding: 20px 10px;
    font-weight: 400;
    display: block;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    color: #4c4c4c;
    background: #565356;
    text-transform: uppercase;
    font-family: EffraRegular;
    font-size: 16px; }
    .topbar-signed-out .topbar-navigation-link:visited {
      color: #ec1075; }
    .topbar-signed-out .topbar-navigation-link:hover {
      color: #ec1075; }
    .topbar-signed-out .topbar-navigation-link:active {
      color: #4c4c4c; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-navigation-link {
        color: #ffffff;
        text-align: center;
        padding: 22px 15px 20px;
        line-height: 16px;
        width: auto;
        text-align: left; }
        .topbar-signed-out .topbar-navigation-link:visited {
          color: #ffffff; }
        .topbar-signed-out .topbar-navigation-link:hover {
          color: #ffffff; }
        .topbar-signed-out .topbar-navigation-link:active {
          color: #ffffff; } }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-navigation-link:hover, .topbar-signed-out .topbar-navigation-link.active {
        border-top: 2px #ec1175 solid;
        padding-top: 20px;
        text-decoration: none; } }
    .topbar-signed-out .topbar-navigation-link .notification-indicator {
      margin-right: 5px;
      margin-left: -20px; }
    .topbar-signed-out .topbar-navigation-link .avatar {
      margin-right: 5px;
      margin-left: -40px; }
  .topbar-signed-out .topbar-toggle {
    color: #fff;
    position: absolute;
    font-size: 20px;
    padding: 20px;
    right: 0;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-toggle {
        display: none; } }
  .topbar-signed-out .topbar-subnav-wrapper {
    display: none; }
    .topbar-signed-out .topbar-subnav-wrapper.active {
      position: relative;
      display: inherit;
      top: 75px; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-subnav-wrapper {
        display: inherit;
        float: right;
        background: transparent;
        top: 0px; } }
    .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav {
      position: absolute;
      background: #fff;
      width: 100%;
      padding: 20px; }
      @media (min-width: 960px) {
        .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav {
          background: transparent;
          position: inherit;
          padding: 0px 20px; } }
      .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item {
        color: #fff;
        line-height: 1;
        float: left; }
        @media (min-width: 960px) {
          .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item {
            padding: 10px 0 5px; } }
        .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link {
          font-family: EffraRegular;
          font-size: 12px;
          padding: 10px 0;
          text-align: center;
          text-transform: uppercase;
          color: #4c4c4c; }
          .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:visited {
            color: #ec1075; }
          .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:hover {
            color: #ec1075; }
          .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:active {
            color: #ec1075; }
          @media (min-width: 960px) {
            .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link {
              color: #ffffff;
              padding: 0;
              font-family: EffraRegular; }
              .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:visited {
                color: #ffffff; }
              .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:hover {
                color: #ffffff; }
              .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:active {
                color: #ffffff; } }
          .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:hover, .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:active {
            font-family: EffraMedium;
            text-decoration: none; }
            @media (min-width: 960px) {
              .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:hover, .topbar-signed-out .topbar-subnav-wrapper .topbar-subnav .topbar-subnav-item .topbar-subnav-link:active {
                font-family: EffraRegular; } }
  .topbar-signed-out .topbar-navigation-wrapper {
    background: #fff;
    display: none;
    float: right;
    clear: right; }
    .topbar-signed-out .topbar-navigation-wrapper.active {
      position: relative;
      display: block;
      top: 128px;
      width: 100%;
      padding: 0 10px; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-navigation-wrapper {
        display: block;
        border: 0;
        background: transparent;
        top: 20px;
        padding-right: 100px; }
        .topbar-signed-out .topbar-navigation-wrapper.active {
          position: static; } }
  .topbar-signed-out .topbar-user-specific {
    display: none; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-user-specific {
        line-height: 59px;
        float: right;
        display: block; } }
  .topbar-signed-out .topbar-profile-picture-wrapper,
  .topbar-signed-out .topbar-notifications-wrapper,
  .topbar-signed-out .topbar-settings-wrapper {
    float: left;
    margin-right: 14px;
    position: relative; }
    .topbar-signed-out .topbar-profile-picture-wrapper:last-child,
    .topbar-signed-out .topbar-notifications-wrapper:last-child,
    .topbar-signed-out .topbar-settings-wrapper:last-child {
      margin-right: 0; }
  .topbar-signed-out .topbar-dropdown-toggle {
    color: #aeaeae;
    font-size: 16px;
    cursor: pointer; }
    .topbar-signed-out .topbar-dropdown-toggle:hover {
      color: #959595; }
    .topbar-signed-out .topbar-dropdown-toggle:hover {
      text-decoration: none; }
  .topbar-signed-out .topbar-navigation-loading-indicator {
    text-align: center;
    margin: 12px 0; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-navigation-loading-indicator {
        float: right;
        margin: 20px 50px 0 60px; } }
  .topbar-signed-out .topbar-sign-up-menu.dropdown-is-closed {
    display: block; }
  @media (min-width: 960px) {
    .topbar-signed-out .topbar-sign-up-menu {
      text-align: left;
      background: #fff;
      border: 1px solid #c5c5c5;
      position: absolute;
      top: 100%;
      left: auto;
      z-index: 10;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
      border-radius: 4px;
      top: 59px;
      right: 35px; }
      .topbar-signed-out .topbar-sign-up-menu:after, .topbar-signed-out .topbar-sign-up-menu:before {
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        top: auto;
        left: auto;
        right: 15px; }
      .topbar-signed-out .topbar-sign-up-menu:after {
        border-color: transparent;
        border-width: 8px; }
      .topbar-signed-out .topbar-sign-up-menu:before {
        border-width: 9px; }
      .topbar-signed-out .topbar-sign-up-menu:after, .topbar-signed-out .topbar-sign-up-menu:before {
        left: auto;
        right: 15px;
        bottom: 100%; }
      .topbar-signed-out .topbar-sign-up-menu:after {
        border-bottom-color: #fff; }
      .topbar-signed-out .topbar-sign-up-menu:before {
        border-bottom-color: #c5c5c5;
        margin-right: -1px; }
      .topbar-signed-out .topbar-sign-up-menu.dropdown-is-closed {
        display: none; } }
  .topbar-signed-out .topbar-sign-up-link {
    display: block;
    padding: 15px 10px;
    text-align: center; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-sign-up-link {
        display: inline-block;
        width: 260px;
        padding: 30px;
        vertical-align: top; }
        .topbar-signed-out .topbar-sign-up-link:first-child {
          border-right: 1px solid #e5e5e5;
          border-bottom: 0;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px; }
        .topbar-signed-out .topbar-sign-up-link:last-child {
          border-bottom-left-radius: 0;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          padding-bottom: 50px; } }
    .topbar-signed-out .topbar-sign-up-link:first-child {
      border-bottom: 1px solid #e5e5e5; }
      @media (min-width: 960px) {
        .topbar-signed-out .topbar-sign-up-link:first-child {
          border-bottom: 0; } }
    .topbar-signed-out .topbar-sign-up-link:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .topbar-signed-out .topbar-sign-up-link:hover {
      text-decoration: none;
      background: #f5f5f5; }
  .topbar-signed-out .topbar-sign-up-explanation {
    color: #828282;
    font-size: 11px; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-sign-up-explanation {
        font-size: 13px; } }
    .topbar-sign-up-link:hover .topbar-signed-out .topbar-sign-up-explanation {
      color: dimgray; }
  .topbar-signed-out .topbar-sign-up-title {
    font-weight: 600; }
    @media (min-width: 960px) {
      .topbar-signed-out .topbar-sign-up-title {
        font-size: 16px;
        margin-bottom: 5px; } }

.signed-out .topbar-sub {
  padding-top: 75px; }
  @media (min-width: 960px) {
    .signed-out .topbar-sub {
      padding-top: 91px; } }

.vertical-menu {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fff;
  overflow: hidden; }

.vertical-menu--yellow {
  border-color: #ffee94; }
  .vertical-menu--yellow .vertical-menu__link:hover {
    border-color: #ffee94; }
  .vertical-menu--yellow .vertical-menu--heading {
    background-color: #fffae0;
    border-bottom: 1px solid #ffee94; }
  .vertical-menu--yellow .vertical-menu__link--active {
    border-color: #ffee94; }

.vertical-menu__item {
  list-style: none; }

.vertical-menu__title {
  display: block;
  padding: 7px 10px;
  color: #828282;
  font-weight: 600; }

.vertical-menu__link {
  display: block;
  padding: 7px 10px;
  color: #216ba5;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 2px solid transparent;
  margin-top: -1px; }
  .vertical-menu__secondary .vertical-menu__link {
    padding-left: 30px; }
  .vertical-menu__link:hover {
    border-color: #e5e5e5;
    border-left-color: #216ba5;
    text-decoration: none; }
  .vertical-menu > .vertical-menu__item:first-child > .vertical-menu__link {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .vertical-menu > .vertical-menu__item:last-child > .vertical-menu__link {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .vertical-menu__item:last-child .vertical-menu__link {
    margin-bottom: -1px; }

.vertical-menu--heading {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  color: #000;
  font-weight: 600;
  padding: 10px;
  font-size: 14px; }

.vertical-menu__link--active {
  border-color: #e5e5e5;
  border-left-color: #216ba5;
  color: #000;
  font-weight: 600; }
  .vertical-menu__link--active:visited {
    color: #000; }

.profile-header {
  position: relative;
  height: 180px;
  z-index: 1101; }

.profile-header__container {
  position: relative;
  height: 180px; }

.profile-header__cover-photo__wrapper {
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 180px; }

.profile-header__cover-photo {
  width: 100%;
  min-height: 180px; }

.profile-header__overlay {
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 100%);
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 100%);
  filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='    #1A000000', endColorstr='#40000000')";
  box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  height: 180px;
  bottom: 0; }

.profile-header__button {
  position: absolute;
  right: 20px;
  top: 20px; }

.profile-header__link {
  color: #fff; }
  .profile-header__link:visited {
    color: #fff; }
  .profile-header__link:hover {
    color: #fff; }
  .profile-header__link:active {
    color: #fff; }

.profile-header__picture {
  position: absolute;
  left: 20px;
  bottom: -5px; }

.profile-header__information__wrapper {
  text-shadow: 1px 1px 1px #000;
  position: absolute;
  z-index: 5;
  left: 180px;
  bottom: 13px; }

.profile-header__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 710px;
  font-size: 34px;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0; }

.profile-header__bio {
  max-width: 710px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  line-height: 21px;
  word-break: break-word; }

.profile-header__information__item {
  float: left;
  color: #fff; }
  .profile-header__information__item:after {
    content: "\B7";
    font-weight: bold;
    padding: 0 10px; }
  .profile-header__information__item:last-child:after {
    content: "";
    padding: 0; }

.profile-stats-wrapper {
  position: relative; }

.profile-metric__item + .profile-metric__item {
  margin-top: 10px; }

.profile-stats-amount {
  display: inline-block;
  font-size: 18px;
  color: #216ba5;
  font-weight: 600;
  line-height: 1; }
  .profile-stats-item--small .profile-stats-amount {
    font-size: 16px; }

.profile-stats-meta {
  display: inline-block;
  color: #828282; }
  .profile-stats-item--small .profile-stats-meta {
    font-size: 11px; }

.profile-stats__row + .profile-stats__row {
  border-top: 1px solid #e5e5e5; }

.profile-stats__table {
  table-layout: fixed;
  width: 100%; }

.profile-stats__cell {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center; }
  .profile-stats__row:first-child .profile-stats__cell {
    padding-top: 0; }
  .profile-stats__row:last-child .profile-stats__cell {
    padding-bottom: 0; }

.team_blizzard {
  background: #10293F; }
  .team_blizzard .tooltip__container {
    color: #10293F;
    background: #00B7F3; }
  .team_blizzard .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
    border-left-color: #00B7F3; }
  .team_blizzard .tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after {
    border-top-color: #00B7F3; }
  .team_blizzard .tether-element-attached-top.tether-element-attached-center .tooltip__container:after {
    border-bottom-color: #00B7F3; }
  .team_blizzard .tether-target-attached-right.tether-element-attached-middle .tooltip__container:after {
    border-right-color: #00B7F3; }
  .team_blizzard .full-width-container {
    background: #10293F; }
  .team_blizzard .app__logo {
    text-indent: -9999px;
    background-size: 139px 27px;
    background-image: url(/assets/static/inverted_logo-c0430af8.png); }
  .team_blizzard .topbar {
    background: #0F497D;
    border-color: transparent; }
    .team_blizzard .topbar .topbar-logo {
      color: #fff; }
    .team_blizzard .topbar .topbar-navigation-link {
      color: #B4C9DB; }
      .team_blizzard .topbar .topbar-navigation-link:visited {
        color: #B4C9DB; }
      .team_blizzard .topbar .topbar-navigation-link:hover {
        color: #B4C9DB; }
      .team_blizzard .topbar .topbar-navigation-link:active {
        color: #B4C9DB; }
    .team_blizzard .topbar .topbar-navigation-item:after {
      color: #00B7F3; }
    .team_blizzard .topbar .topbar-navigation-wrapper {
      background: #0F497D; }
  .team_blizzard .topbar-navigation-wrapper,
  .team_blizzard .topbar-navigation-item,
  .team_blizzard .settings-group-info,
  .team_blizzard .settings-group-listing {
    border-color: #00B7F3; }
  .team_blizzard .icon-hamburger,
  .team_blizzard .icon-cross {
    color: #fff; }
  .team_blizzard .topbar-sign-up-menu,
  .team_blizzard .notifications-menu-wrapper,
  .team_blizzard .settings-menu {
    background-color: #0F497D;
    border-color: #00B7F3; }
  .team_blizzard .notifications-menu-wrapper:before, .team_blizzard .notifications-menu-wrapper:after {
    border-bottom-color: #00B7F3; }
  .team_blizzard .notifications-menu-wrapper .dropdown-menu-header {
    color: #fff;
    border-color: #00B7F3; }
  .team_blizzard .notifications-menu-wrapper .notification {
    background: #0F497D;
    border-color: #00B7F3; }
    .team_blizzard .notifications-menu-wrapper .notification--unread {
      background: #10293F; }
  .team_blizzard .notifications-menu-wrapper .notifications__footer {
    border-color: #00B7F3;
    background: #0F497D; }
  .team_blizzard .topbar-sign-up-link {
    border-color: #00B7F3; }
    .team_blizzard .topbar-sign-up-link:hover {
      background-color: #00B7F3;
      color: #fff; }
      .team_blizzard .topbar-sign-up-link:hover .topbar-sign-up-explanation {
        color: #fff; }
  .team_blizzard .topbar-sign-up-explanation {
    color: #B4C9DB; }
  .team_blizzard .profile-header {
    border-color: transparent; }
  .team_blizzard .profile-header,
  .team_blizzard .profile-header__container,
  .team_blizzard .profile-header__cover-photo,
  .team_blizzard .profile-header__cover-photo__wrapper,
  .team_blizzard .profile-header__overlay {
    height: 260px; }
  .team_blizzard .sub-header {
    background: #0F497D;
    border-color: transparent; }
  .team_blizzard .sub-header__menu-link {
    color: #B4C9DB; }
    .team_blizzard .sub-header__menu-link:visited {
      color: #B4C9DB; }
    .team_blizzard .sub-header__menu-link:hover {
      color: #B4C9DB; }
    .team_blizzard .sub-header__menu-link:active {
      color: #B4C9DB; }
    .team_blizzard .sub-header__menu-link.active {
      color: #fff;
      border-bottom-color: #B4C9DB; }
      .team_blizzard .sub-header__menu-link.active:visited {
        color: #fff; }
      .team_blizzard .sub-header__menu-link.active:hover {
        color: #fff; }
      .team_blizzard .sub-header__menu-link.active:active {
        color: #fff; }
  .team_blizzard .button,
  .team_blizzard .button.button--success {
    color: #fff;
    background-color: #00B7F3;
    border-color: #007da7;
    text-shadow: none; }
    .team_blizzard .button:visited,
    .team_blizzard .button.button--success:visited {
      color: #fff; }
    .team_blizzard .button:hover,
    .team_blizzard .button.button--success:hover {
      color: #fff; }
    .team_blizzard .button:active,
    .team_blizzard .button.button--success:active {
      color: #fff; }
    .team_blizzard .button--active,
    .team_blizzard .button.button--success--active {
      color: #fff; }
    .team_blizzard .button:hover,
    .team_blizzard .button.button--success:hover {
      background-color: #00a4da; }
    .team_blizzard .button:active, .team_blizzard .button--active,
    .team_blizzard .button.button--success:active,
    .team_blizzard .button.button--success--active {
      background-color: #009acd; }
  .team_blizzard .full-width-inner-container {
    color: #E9ECEF; }
  .team_blizzard .highlight {
    background: transparent; }
  .team_blizzard .markdownable {
    color: #E9ECEF; }
    .team_blizzard .markdownable h1, .team_blizzard .markdownable h2, .team_blizzard .markdownable h3, .team_blizzard .markdownable h4 {
      color: #00B7F3; }
    .team_blizzard .markdownable code {
      background: #0F497D;
      color: #E9ECEF;
      border-color: #00B7F3; }
  .team_blizzard .separator,
  .team_blizzard .is-separated-and-muted {
    border-color: #00B7F3; }
  .team_blizzard .separator--line {
    border-color: #0F497D; }
  .team_blizzard .separator--text {
    background: #10293F;
    color: #fff; }
  .team_blizzard h2 {
    color: #00B7F3; }
  .team_blizzard .profile-stats-amount {
    color: #00B7F3; }
  .team_blizzard a {
    color: #00B7F3; }
    .team_blizzard a:visited {
      color: #00B7F3; }
    .team_blizzard a:hover {
      color: #00B7F3; }
    .team_blizzard a:active {
      color: #00B7F3; }
  .team_blizzard .avatar {
    padding: 0; }
  .team_blizzard .timeline-container-subject,
  .team_blizzard .profile-stats-meta,
  .team_blizzard .user-item__user .user-item__meta,
  .team_blizzard .leaderboard-podium-user-meta {
    color: #B4C9DB; }
  .team_blizzard .timeline-timestamp-link {
    color: #0091c0; }
    .team_blizzard .timeline-timestamp-link:visited {
      color: #0091c0; }
    .team_blizzard .timeline-timestamp-link:hover {
      color: #0091c0; }
    .team_blizzard .timeline-timestamp-link:active {
      color: #0091c0; }
  .team_blizzard .timeline-line {
    background-color: #0F497D; }
  .team_blizzard .timeline-indicator-dot {
    border-color: transparent;
    box-shadow: none; }
    .team_blizzard .timeline-indicator-dot:after {
      border-color: #0F497D; }
  .team_blizzard .timeline-datetime {
    color: #B4C9DB;
    background-color: #0F497D;
    border-color: transparent; }
  .team_blizzard .leaderboard-podium-item-container {
    background: transparent;
    border-color: #0F497D; }
    .team_blizzard .leaderboard-podium-item-container.current-user {
      border-color: #00B7F3; }
      .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user {
        background-color: #00B7F3;
        border-color: #00B7F3; }
        .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name {
          color: #fff; }
          .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:visited {
            color: #fff; }
          .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:hover {
            color: #fff; }
          .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:active {
            color: #fff; }
        .team_blizzard .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-meta {
          color: #fff; }
  .team_blizzard .leaderboard-podium-user {
    background: #0F497D;
    border-color: #0F497D; }
  .team_blizzard .leaderboard-podium-rank {
    background: #00B7F3;
    color: #fff;
    border-color: transparent;
    box-shadow: none; }
  .team_blizzard .nav-tab:before {
    color: #104e86; }
  .team_blizzard .inline-banner,
  .team_blizzard .inline-banner--notice,
  .team_blizzard .inline-banner--success,
  .team_blizzard .inline-banner--warning {
    background: #0f497d;
    border-color: #00B7F3; }
  .team_blizzard .type-selector,
  .team_blizzard .type-selector-column,
  .team_blizzard .type-selector-no-type {
    border-color: #00B7F3; }
  .team_blizzard .type-selector-list-item input[type="checkbox"]:disabled + label {
    color: #3f6484; }
  .team_blizzard .type-selector-list-item:hover {
    background: #00B7F3; }
  .team_blizzard .type-selector-list-item.active {
    background-color: #00B7F3; }
  .team_blizzard .wizard-caption-heading.is-active {
    background: #0F497D;
    box-shadow: inset -7px 0 7px -7px rgba(0, 0, 0, 0.2); }
  .team_blizzard .type-selector__search {
    background: #10293F;
    border-bottom-color: #00B7F3; }
    .team_blizzard .type-selector__search .input--blank {
      background: #0F497D; }
    .team_blizzard .type-selector__search .input-tag {
      color: #fff;
      border-color: #00B7F3;
      background: #0F497D; }
  .team_blizzard .type-selector__active-asset {
    border: 1px solid #00B7F3;
    border-radius: 4px;
    padding: 10px;
    background-color: #0F497D; }
  .team_blizzard .type-selector__active-weakness {
    border: 1px solid #00B7F3;
    border-radius: 4px;
    padding: 10px;
    background-color: #0F497D; }
  .team_blizzard .type-selector__suggestion--checked {
    color: #fff;
    background: #0F497D; }
    .team_blizzard .type-selector__suggestion--checked:visited {
      color: #fff; }
    .team_blizzard .type-selector__suggestion--checked:hover {
      color: #fff; }
    .team_blizzard .type-selector__suggestion--checked:active {
      color: #fff; }
  .team_blizzard .type-selector__suggestion:hover {
    background: #0F497D; }
  .team_blizzard .type-selector__description {
    border-top-color: #00B7F3;
    background: #10293F; }
  .team_blizzard .wizard-step-indicator {
    background: #00B7F3;
    border-color: transparent;
    box-shadow: none; }
  .team_blizzard .input, .team_blizzard .select, .team_blizzard .report-action-picker__input,
  .team_blizzard .markdown-panes textarea {
    background-color: #0F497D;
    border-color: #00B7F3;
    box-shadow: none;
    color: #fff; }
    .team_blizzard .input:focus, .team_blizzard .select:focus, .team_blizzard .report-action-picker__input:focus,
    .team_blizzard .markdown-panes textarea:focus {
      color: #fff; }
  .team_blizzard .input-label,
  .team_blizzard .input-content-counter,
  .team_blizzard .markdown-label {
    background: none;
    color: #B4C9DB; }
  .team_blizzard .helper-text,
  .team_blizzard .markdown-footer {
    background-color: #10293F;
    border-color: #00B7F3;
    color: #B4C9DB; }
  .team_blizzard .markdown-textarea-container {
    background-color: #0F497D;
    border-color: #00B7F3;
    box-shadow: none;
    color: #fff; }
  .team_blizzard .markdown-tab {
    border-color: #00B7F3; }
    .team_blizzard .markdown-tab:hover {
      background-color: #0F497D; }
    .team_blizzard .markdown-tab.is-active {
      background-color: #0F497D; }
      .team_blizzard .markdown-tab.is-active:before {
        background-color: #0F497D; }
  .team_blizzard .markdown-panes {
    background-color: #0F497D; }
  .team_blizzard .attachments-upload {
    border-color: #00B7F3; }
  .team_blizzard .attachments-upload {
    color: #B4C9DB; }
    .team_blizzard .attachments-upload .icon-paperclip {
      opacity: .1;
      color: #B4C9DB; }
  .team_blizzard .leaderboard-listing {
    background: transparent;
    border-color: #0F497D; }
  .team_blizzard .leaderboard-listing-item + .leaderboard-listing-item {
    border-color: #0F497D; }
  .team_blizzard .leaderboard-listing-item:nth-child(even) {
    background-color: #0F497D; }
  .team_blizzard .leaderboard-listing-item.current-user, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user {
    background-color: #00B7F3; }
    .team_blizzard .leaderboard-listing-item.current-user .leaderboard-listing-user, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user {
      color: #fff; }
      .team_blizzard .leaderboard-listing-item.current-user .leaderboard-listing-user:visited, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:visited {
        color: #fff; }
      .team_blizzard .leaderboard-listing-item.current-user .leaderboard-listing-user:hover, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:hover {
        color: #fff; }
      .team_blizzard .leaderboard-listing-item.current-user .leaderboard-listing-user:active, .team_blizzard .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:active {
        color: #fff; }
  .team_blizzard .leaderboard-listing-avatar {
    background-color: transparent; }
  .team_blizzard .feature-toggle-bar {
    background-color: #0F497D;
    border-color: #00B7F3;
    color: #E9ECEF; }
  .team_blizzard .profile-header__cover--blizzard {
    display: block;
    height: 100%; }
    @media (min-width: 768px) {
      .team_blizzard .profile-header__cover--blizzard {
        width: 100%;
        height: auto;
        min-height: 260px; } }
    @media (min-width: 1025px) {
      .team_blizzard .profile-header__cover--blizzard {
        margin-top: -100px; } }
  .team_blizzard .modal-content h2 {
    color: #000; }
  .team_blizzard .modal-close-button {
    color: #828282; }
    .team_blizzard .modal-close-button:visited {
      color: #828282; }
    .team_blizzard .modal-close-button:hover {
      color: #828282; }
    .team_blizzard .modal-close-button:active {
      color: #828282; }
  .team_blizzard .content-wrapper, .team_blizzard .settings-container .settings-column, .settings-container .team_blizzard .settings-column {
    border-color: #0F497D;
    background: transparent; }
  .team_blizzard .panel {
    border-color: #0F497D;
    background: transparent; }
    .team_blizzard .panel__heading {
      background: #0F497D;
      border-bottom-color: #0F497D; }

.team_github,
.team_github-vip {
  background: #000; }
  .team_github .tooltip__container,
  .team_github-vip .tooltip__container {
    color: #000;
    background: #fc0; }
  .team_github .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after,
  .team_github-vip .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
    border-left-color: #fc0; }
  .team_github .tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after,
  .team_github-vip .tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after {
    border-top-color: #fc0; }
  .team_github .tether-element-attached-top.tether-element-attached-center .tooltip__container:after,
  .team_github-vip .tether-element-attached-top.tether-element-attached-center .tooltip__container:after {
    border-bottom-color: #fc0; }
  .team_github .tether-target-attached-right.tether-element-attached-middle .tooltip__container:after,
  .team_github-vip .tether-target-attached-right.tether-element-attached-middle .tooltip__container:after {
    border-right-color: #fc0; }
  .team_github .full-width-container,
  .team_github-vip .full-width-container {
    background: #000; }
  .team_github .app__logo,
  .team_github-vip .app__logo {
    text-indent: -9999px;
    background-size: 139px 27px;
    background-image: url(/assets/static/inverted_logo-c0430af8.png); }
  .team_github .topbar,
  .team_github-vip .topbar {
    background: #000;
    border-bottom: 1px solid #2a2a2a; }
    .team_github .topbar .topbar-logo,
    .team_github-vip .topbar .topbar-logo {
      color: #fff; }
    .team_github .topbar .topbar-navigation-link,
    .team_github-vip .topbar .topbar-navigation-link {
      color: #fff; }
      .team_github .topbar .topbar-navigation-link:visited,
      .team_github-vip .topbar .topbar-navigation-link:visited {
        color: #fff; }
      .team_github .topbar .topbar-navigation-link:hover,
      .team_github-vip .topbar .topbar-navigation-link:hover {
        color: #fff; }
      .team_github .topbar .topbar-navigation-link:active,
      .team_github-vip .topbar .topbar-navigation-link:active {
        color: #fff; }
    .team_github .topbar .topbar-navigation-item:after,
    .team_github-vip .topbar .topbar-navigation-item:after {
      color: #fc0; }
    .team_github .topbar .topbar-navigation-wrapper,
    .team_github-vip .topbar .topbar-navigation-wrapper {
      background: #000; }
  .team_github .topbar-navigation-wrapper,
  .team_github .topbar-navigation-item,
  .team_github .settings-group-info,
  .team_github .settings-group-listing,
  .team_github-vip .topbar-navigation-wrapper,
  .team_github-vip .topbar-navigation-item,
  .team_github-vip .settings-group-info,
  .team_github-vip .settings-group-listing {
    border-color: #fc0; }
  .team_github .icon-hamburger,
  .team_github .icon-cross,
  .team_github-vip .icon-hamburger,
  .team_github-vip .icon-cross {
    color: #fff; }
  .team_github .topbar-sign-up-menu,
  .team_github .notifications-menu-wrapper,
  .team_github .settings-menu,
  .team_github-vip .topbar-sign-up-menu,
  .team_github-vip .notifications-menu-wrapper,
  .team_github-vip .settings-menu {
    background-color: #000;
    border-color: #fc0; }
  .team_github .notifications-menu-wrapper:before, .team_github .notifications-menu-wrapper:after,
  .team_github-vip .notifications-menu-wrapper:before,
  .team_github-vip .notifications-menu-wrapper:after {
    border-bottom-color: #fc0; }
  .team_github .notifications-menu-wrapper .dropdown-menu-header,
  .team_github-vip .notifications-menu-wrapper .dropdown-menu-header {
    color: #fff;
    border-color: #fc0; }
  .team_github .notifications-menu-wrapper .notification,
  .team_github-vip .notifications-menu-wrapper .notification {
    background: #000;
    border-color: #fc0; }
    .team_github .notifications-menu-wrapper .notification--unread,
    .team_github-vip .notifications-menu-wrapper .notification--unread {
      background: #2a2a2a; }
  .team_github .notifications-menu-wrapper .notifications__footer,
  .team_github-vip .notifications-menu-wrapper .notifications__footer {
    border-color: #fc0;
    background: #000; }
  .team_github .topbar-sign-up-link,
  .team_github-vip .topbar-sign-up-link {
    border-color: #fc0; }
    .team_github .topbar-sign-up-link:hover,
    .team_github-vip .topbar-sign-up-link:hover {
      background-color: #fc0;
      color: #fff; }
      .team_github .topbar-sign-up-link:hover .topbar-sign-up-explanation,
      .team_github-vip .topbar-sign-up-link:hover .topbar-sign-up-explanation {
        color: #fff; }
  .team_github .topbar-sign-up-explanation,
  .team_github-vip .topbar-sign-up-explanation {
    color: #fff; }
  .team_github .banner,
  .team_github-vip .banner {
    background: #2a2a2a;
    border-bottom: 0;
    color: #fff; }
    .team_github .banner .inline-help,
    .team_github-vip .banner .inline-help {
      border-color: #fc0; }
  .team_github .profile-header,
  .team_github-vip .profile-header {
    border-color: transparent; }
  .team_github .sub-header,
  .team_github-vip .sub-header {
    background: #2a2a2a;
    border-color: transparent; }
  .team_github .sub-header__menu-link,
  .team_github-vip .sub-header__menu-link {
    color: #fff; }
    .team_github .sub-header__menu-link:visited,
    .team_github-vip .sub-header__menu-link:visited {
      color: #fff; }
    .team_github .sub-header__menu-link:hover,
    .team_github-vip .sub-header__menu-link:hover {
      color: #fff; }
    .team_github .sub-header__menu-link:active,
    .team_github-vip .sub-header__menu-link:active {
      color: #fff; }
    .team_github .sub-header__menu-link.active,
    .team_github-vip .sub-header__menu-link.active {
      color: #fff;
      border-bottom-color: #fff; }
      .team_github .sub-header__menu-link.active:visited,
      .team_github-vip .sub-header__menu-link.active:visited {
        color: #fff; }
      .team_github .sub-header__menu-link.active:hover,
      .team_github-vip .sub-header__menu-link.active:hover {
        color: #fff; }
      .team_github .sub-header__menu-link.active:active,
      .team_github-vip .sub-header__menu-link.active:active {
        color: #fff; }
  .team_github .button,
  .team_github .button.button--success,
  .team_github-vip .button,
  .team_github-vip .button.button--success {
    color: #000;
    background-color: #fc0;
    border-color: #b38f00;
    text-shadow: none; }
    .team_github .button:visited,
    .team_github .button.button--success:visited,
    .team_github-vip .button:visited,
    .team_github-vip .button.button--success:visited {
      color: #000; }
    .team_github .button:hover,
    .team_github .button.button--success:hover,
    .team_github-vip .button:hover,
    .team_github-vip .button.button--success:hover {
      color: #000; }
    .team_github .button:active,
    .team_github .button.button--success:active,
    .team_github-vip .button:active,
    .team_github-vip .button.button--success:active {
      color: #000; }
    .team_github .button--active,
    .team_github .button.button--success--active,
    .team_github-vip .button--active,
    .team_github-vip .button.button--success--active {
      color: #000; }
    .team_github .button:hover,
    .team_github .button.button--success:hover,
    .team_github-vip .button:hover,
    .team_github-vip .button.button--success:hover {
      background-color: #e6b800; }
    .team_github .button:active, .team_github .button--active,
    .team_github .button.button--success:active,
    .team_github .button.button--success--active,
    .team_github-vip .button:active,
    .team_github-vip .button--active,
    .team_github-vip .button.button--success:active,
    .team_github-vip .button.button--success--active {
      background-color: #d9ad00; }
  .team_github .full-width-inner-container,
  .team_github-vip .full-width-inner-container {
    color: #fff; }
  .team_github .highlight,
  .team_github-vip .highlight {
    background: transparent; }
  .team_github .markdownable,
  .team_github-vip .markdownable {
    color: #fff; }
    .team_github .markdownable h1, .team_github .markdownable h2, .team_github .markdownable h3, .team_github .markdownable h4,
    .team_github-vip .markdownable h1,
    .team_github-vip .markdownable h2,
    .team_github-vip .markdownable h3,
    .team_github-vip .markdownable h4 {
      color: #fc0; }
    .team_github .markdownable code,
    .team_github-vip .markdownable code {
      background: #2a2a2a;
      color: #fff;
      border-color: #2a2a2a; }
  .team_github .separator,
  .team_github .is-separated-and-muted,
  .team_github-vip .separator,
  .team_github-vip .is-separated-and-muted {
    border-color: #2a2a2a; }
  .team_github .separator--line,
  .team_github-vip .separator--line {
    border-color: #2a2a2a; }
  .team_github .separator--text,
  .team_github-vip .separator--text {
    background: #000;
    color: #fff; }
  .team_github h2,
  .team_github-vip h2 {
    color: #fc0; }
  .team_github .profile-stats-amount,
  .team_github-vip .profile-stats-amount {
    color: #fc0; }
  .team_github a,
  .team_github-vip a {
    color: #fc0; }
    .team_github a:visited,
    .team_github-vip a:visited {
      color: #fc0; }
    .team_github a:hover,
    .team_github-vip a:hover {
      color: #fc0; }
    .team_github a:active,
    .team_github-vip a:active {
      color: #fc0; }
  .team_github .avatar,
  .team_github-vip .avatar {
    padding: 0;
    border: #2a2a2a; }
  .team_github .timeline-container-subject,
  .team_github .profile-stats-meta,
  .team_github .user-item__user .user-item__meta,
  .team_github .leaderboard-podium-user-meta,
  .team_github-vip .timeline-container-subject,
  .team_github-vip .profile-stats-meta,
  .team_github-vip .user-item__user .user-item__meta,
  .team_github-vip .leaderboard-podium-user-meta {
    color: #fff; }
  .team_github .timeline-timestamp-link,
  .team_github-vip .timeline-timestamp-link {
    color: #cca300; }
    .team_github .timeline-timestamp-link:visited,
    .team_github-vip .timeline-timestamp-link:visited {
      color: #cca300; }
    .team_github .timeline-timestamp-link:hover,
    .team_github-vip .timeline-timestamp-link:hover {
      color: #cca300; }
    .team_github .timeline-timestamp-link:active,
    .team_github-vip .timeline-timestamp-link:active {
      color: #cca300; }
  .team_github .timeline-line,
  .team_github-vip .timeline-line {
    background-color: #2a2a2a; }
  .team_github .timeline-indicator-dot,
  .team_github-vip .timeline-indicator-dot {
    border-color: transparent;
    box-shadow: none; }
    .team_github .timeline-indicator-dot:after,
    .team_github-vip .timeline-indicator-dot:after {
      border-color: #2a2a2a; }
  .team_github .timeline-datetime,
  .team_github-vip .timeline-datetime {
    color: #fff;
    background-color: #000;
    border-color: #2a2a2a; }
  .team_github .leaderboard-podium-item-container,
  .team_github-vip .leaderboard-podium-item-container {
    background: transparent;
    border-color: #000; }
    .team_github .leaderboard-podium-item-container.current-user,
    .team_github-vip .leaderboard-podium-item-container.current-user {
      border-color: #fc0; }
      .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user,
      .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user {
        background-color: #fc0;
        border-color: #fc0; }
        .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name,
        .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name {
          color: #fff; }
          .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:visited,
          .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:visited {
            color: #fff; }
          .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:hover,
          .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:hover {
            color: #fff; }
          .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:active,
          .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:active {
            color: #fff; }
        .team_github .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-meta,
        .team_github-vip .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-meta {
          color: #fff; }
  .team_github .leaderboard-podium-user,
  .team_github-vip .leaderboard-podium-user {
    background: #000;
    border-color: #000; }
  .team_github .leaderboard-podium-rank,
  .team_github-vip .leaderboard-podium-rank {
    background: #fc0;
    color: #000;
    border-color: transparent;
    box-shadow: none; }
  .team_github .nav-tab:before,
  .team_github-vip .nav-tab:before {
    color: #050505; }
  .team_github .inline-banner,
  .team_github .inline-banner--notice,
  .team_github .inline-banner--success,
  .team_github .inline-banner--warning,
  .team_github-vip .inline-banner,
  .team_github-vip .inline-banner--notice,
  .team_github-vip .inline-banner--success,
  .team_github-vip .inline-banner--warning {
    color: #000;
    background-color: #fc0;
    border-color: #fc0; }
    .team_github .inline-banner .markdownable,
    .team_github .inline-banner--notice .markdownable,
    .team_github .inline-banner--success .markdownable,
    .team_github .inline-banner--warning .markdownable,
    .team_github-vip .inline-banner .markdownable,
    .team_github-vip .inline-banner--notice .markdownable,
    .team_github-vip .inline-banner--success .markdownable,
    .team_github-vip .inline-banner--warning .markdownable {
      color: inherit; }
  .team_github .type-selector,
  .team_github .type-selector-column,
  .team_github .type-selector-no-type,
  .team_github-vip .type-selector,
  .team_github-vip .type-selector-column,
  .team_github-vip .type-selector-no-type {
    border-color: #fc0; }
  .team_github .type-selector-list-item input[type="checkbox"]:disabled + label,
  .team_github-vip .type-selector-list-item input[type="checkbox"]:disabled + label {
    color: #999999; }
  .team_github .type-selector-list-item:hover,
  .team_github-vip .type-selector-list-item:hover {
    background: #2a2a2a; }
  .team_github .type-selector-list-item.active,
  .team_github-vip .type-selector-list-item.active {
    background-color: #fc0;
    color: #000; }
  .team_github .wizard-caption-heading.is-active,
  .team_github-vip .wizard-caption-heading.is-active {
    background: #000;
    box-shadow: inset -7px 0 7px -7px rgba(0, 0, 0, 0.2); }
  .team_github .type-selector__search,
  .team_github-vip .type-selector__search {
    background: #2a2a2a;
    border-bottom-color: #fc0; }
    .team_github .type-selector__search .input--blank,
    .team_github-vip .type-selector__search .input--blank {
      background: #000; }
    .team_github .type-selector__search .input-tag,
    .team_github-vip .type-selector__search .input-tag {
      color: #fff;
      border-color: #fc0;
      background: #2a2a2a; }
  .team_github .type-selector__active-asset,
  .team_github-vip .type-selector__active-asset {
    border: 1px solid #fc0;
    border-radius: 4px;
    padding: 10px;
    background-color: #000; }
  .team_github .type-selector__active-weakness,
  .team_github-vip .type-selector__active-weakness {
    border: 1px solid #fc0;
    border-radius: 4px;
    padding: 10px;
    background-color: #000; }
  .team_github .type-selector__suggestion--checked,
  .team_github-vip .type-selector__suggestion--checked {
    color: #000;
    background: #fc0; }
    .team_github .type-selector__suggestion--checked:visited,
    .team_github-vip .type-selector__suggestion--checked:visited {
      color: #000; }
    .team_github .type-selector__suggestion--checked:hover,
    .team_github-vip .type-selector__suggestion--checked:hover {
      color: #000; }
    .team_github .type-selector__suggestion--checked:active,
    .team_github-vip .type-selector__suggestion--checked:active {
      color: #000; }
  .team_github .type-selector__suggestion--checked:hover,
  .team_github-vip .type-selector__suggestion--checked:hover {
    color: #fff; }
    .team_github .type-selector__suggestion--checked:hover:visited,
    .team_github-vip .type-selector__suggestion--checked:hover:visited {
      color: #fff; }
    .team_github .type-selector__suggestion--checked:hover:hover,
    .team_github-vip .type-selector__suggestion--checked:hover:hover {
      color: #fff; }
    .team_github .type-selector__suggestion--checked:hover:active,
    .team_github-vip .type-selector__suggestion--checked:hover:active {
      color: #fff; }
  .team_github .type-selector__suggestion:hover,
  .team_github-vip .type-selector__suggestion:hover {
    background: #2a2a2a; }
  .team_github .type-selector__description,
  .team_github-vip .type-selector__description {
    border-top-color: #fc0;
    background: #000; }
  .team_github .wizard-step-indicator,
  .team_github-vip .wizard-step-indicator {
    background: #fc0;
    border-color: transparent;
    box-shadow: none;
    color: #000; }
  .team_github .input, .team_github .select, .team_github .report-action-picker__input,
  .team_github .markdown-panes textarea,
  .team_github-vip .input,
  .team_github-vip .select,
  .team_github-vip .report-action-picker__input,
  .team_github-vip .markdown-panes textarea {
    background-color: #000;
    border-color: #fc0;
    box-shadow: none;
    color: #fff; }
    .team_github .input:focus, .team_github .select:focus, .team_github .report-action-picker__input:focus,
    .team_github .markdown-panes textarea:focus,
    .team_github-vip .input:focus,
    .team_github-vip .select:focus,
    .team_github-vip .report-action-picker__input:focus,
    .team_github-vip .markdown-panes textarea:focus {
      color: #fff; }
  .team_github .input-label,
  .team_github .input-content-counter,
  .team_github .markdown-label,
  .team_github-vip .input-label,
  .team_github-vip .input-content-counter,
  .team_github-vip .markdown-label {
    background: none;
    color: #fff; }
  .team_github .helper-text,
  .team_github .markdown-footer,
  .team_github-vip .helper-text,
  .team_github-vip .markdown-footer {
    background-color: #000;
    border-color: #fc0;
    color: #fff; }
  .team_github .markdown-textarea-container,
  .team_github-vip .markdown-textarea-container {
    background-color: #000;
    border-color: #fc0;
    color: #fff;
    box-shadow: none; }
  .team_github .markdown-tab,
  .team_github-vip .markdown-tab {
    border-color: #fc0; }
    .team_github .markdown-tab:hover,
    .team_github-vip .markdown-tab:hover {
      background-color: #000; }
    .team_github .markdown-tab.is-active,
    .team_github-vip .markdown-tab.is-active {
      background-color: #000; }
      .team_github .markdown-tab.is-active:before,
      .team_github-vip .markdown-tab.is-active:before {
        background-color: #000; }
  .team_github .markdown-panes,
  .team_github-vip .markdown-panes {
    background-color: #000; }
  .team_github .attachments-upload,
  .team_github-vip .attachments-upload {
    border-color: #fc0; }
  .team_github .attachments-upload,
  .team_github-vip .attachments-upload {
    color: #fff; }
    .team_github .attachments-upload .icon-paperclip,
    .team_github-vip .attachments-upload .icon-paperclip {
      opacity: .1;
      color: #fff; }
  .team_github .leaderboard-listing,
  .team_github-vip .leaderboard-listing {
    background: transparent;
    border-color: #000; }
  .team_github .leaderboard-listing-item + .leaderboard-listing-item,
  .team_github-vip .leaderboard-listing-item + .leaderboard-listing-item {
    border-color: #000; }
  .team_github .leaderboard-listing-item:nth-child(even),
  .team_github-vip .leaderboard-listing-item:nth-child(even) {
    background-color: #000; }
  .team_github .leaderboard-listing-item.current-user, .team_github .leaderboard-listing-item:nth-child(even).current-user,
  .team_github-vip .leaderboard-listing-item.current-user,
  .team_github-vip .leaderboard-listing-item:nth-child(even).current-user {
    background-color: #fc0; }
    .team_github .leaderboard-listing-item.current-user .leaderboard-listing-user, .team_github .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user,
    .team_github-vip .leaderboard-listing-item.current-user .leaderboard-listing-user,
    .team_github-vip .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user {
      color: #fff; }
      .team_github .leaderboard-listing-item.current-user .leaderboard-listing-user:visited, .team_github .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:visited,
      .team_github-vip .leaderboard-listing-item.current-user .leaderboard-listing-user:visited,
      .team_github-vip .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:visited {
        color: #fff; }
      .team_github .leaderboard-listing-item.current-user .leaderboard-listing-user:hover, .team_github .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:hover,
      .team_github-vip .leaderboard-listing-item.current-user .leaderboard-listing-user:hover,
      .team_github-vip .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:hover {
        color: #fff; }
      .team_github .leaderboard-listing-item.current-user .leaderboard-listing-user:active, .team_github .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:active,
      .team_github-vip .leaderboard-listing-item.current-user .leaderboard-listing-user:active,
      .team_github-vip .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:active {
        color: #fff; }
  .team_github .leaderboard-listing-avatar,
  .team_github-vip .leaderboard-listing-avatar {
    background-color: transparent; }
  .team_github .feature-toggle-bar,
  .team_github-vip .feature-toggle-bar {
    background-color: #000;
    border-color: #fc0;
    color: #fff; }
  .team_github .modal-content .markdownable,
  .team_github .modal-content h2,
  .team_github-vip .modal-content .markdownable,
  .team_github-vip .modal-content h2 {
    color: #000; }
  .team_github .modal-close-button,
  .team_github-vip .modal-close-button {
    color: #828282; }
    .team_github .modal-close-button:visited,
    .team_github-vip .modal-close-button:visited {
      color: #828282; }
    .team_github .modal-close-button:hover,
    .team_github-vip .modal-close-button:hover {
      color: #828282; }
    .team_github .modal-close-button:active,
    .team_github-vip .modal-close-button:active {
      color: #828282; }
  .team_github .content-wrapper, .team_github .settings-container .settings-column, .settings-container .team_github .settings-column,
  .team_github-vip .content-wrapper,
  .team_github-vip .settings-container .settings-column, .settings-container
  .team_github-vip .settings-column {
    background: transparent;
    border-color: #2a2a2a; }
  .team_github .panel,
  .team_github-vip .panel {
    border-color: #2a2a2a;
    background: transparent; }
    .team_github .panel__heading,
    .team_github-vip .panel__heading {
      background: #2a2a2a;
      border-bottom-color: #2a2a2a; }

.team_sony_playstation_network .tooltip__container {
  color: #FFFFFF;
  background: #0044A6; }

.team_sony_playstation_network .tether-target-attached-left.tether-element-attached-middle .tooltip__container:after {
  border-left-color: #0044A6; }

.team_sony_playstation_network .tether-element-attached-bottom.tether-element-attached-center .tooltip__container:after {
  border-top-color: #0044A6; }

.team_sony_playstation_network .tether-element-attached-top.tether-element-attached-center .tooltip__container:after {
  border-bottom-color: #0044A6; }

.team_sony_playstation_network .tether-target-attached-right.tether-element-attached-middle .tooltip__container:after {
  border-right-color: #0044A6; }

.team_sony_playstation_network .app__logo {
  text-indent: -9999px;
  background-size: 139px 27px;
  background-image: url(/assets/static/inverted_logo-c0430af8.png); }

.team_sony_playstation_network .topbar {
  background: #0044A6;
  border-bottom: 1px solid #0044A6; }
  .team_sony_playstation_network .topbar .topbar-logo {
    color: #FFFFFF; }
  .team_sony_playstation_network .topbar .topbar-navigation-link {
    color: #FFFFFF; }
    .team_sony_playstation_network .topbar .topbar-navigation-link:visited {
      color: #FFFFFF; }
    .team_sony_playstation_network .topbar .topbar-navigation-link:hover {
      color: #FFFFFF; }
    .team_sony_playstation_network .topbar .topbar-navigation-link:active {
      color: #FFFFFF; }
  .team_sony_playstation_network .topbar .topbar-navigation-wrapper,
  .team_sony_playstation_network .topbar .topbar-navigation-item {
    border-color: #000000; }
  .team_sony_playstation_network .topbar .topbar-navigation-item:after {
    color: #FF6018; }
  .team_sony_playstation_network .topbar .topbar-navigation-wrapper {
    background: #0044A6; }

.team_sony_playstation_network .icon-hamburger,
.team_sony_playstation_network .icon-cross {
  color: #FFFFFF; }

.team_sony_playstation_network .topbar-sign-up-menu,
.team_sony_playstation_network .notifications-menu-wrapper,
.team_sony_playstation_network .settings-menu {
  background-color: #FFFFFF;
  border-color: #0044A6; }

.team_sony_playstation_network .topbar-sign-up-link {
  border-color: #FF6018; }
  .team_sony_playstation_network .topbar-sign-up-link:hover {
    background-color: #FF6018;
    color: #FFFFFF; }
    .team_sony_playstation_network .topbar-sign-up-link:hover .topbar-sign-up-explanation {
      color: #FFFFFF; }

.team_sony_playstation_network .topbar-sign-up-explanation {
  color: #FFFFFF; }

.team_sony_playstation_network .banner {
  background: #004ec0;
  border-bottom: 0;
  color: #FFFFFF; }
  .team_sony_playstation_network .banner .inline-help {
    border-color: #FF6018; }
  .team_sony_playstation_network .banner a {
    color: #FF6018; }
    .team_sony_playstation_network .banner a:visited {
      color: #FF6018; }
    .team_sony_playstation_network .banner a:hover {
      color: #FF6018; }
    .team_sony_playstation_network .banner a:active {
      color: #FF6018; }

.team_sony_playstation_network .profile-header,
.team_sony_playstation_network .profile-header__container,
.team_sony_playstation_network .profile-header__cover-photo,
.team_sony_playstation_network .profile-header__cover-photo__wrapper,
.team_sony_playstation_network .profile-header__overlay {
  height: 260px;
  border-color: transparent; }

.team_sony_playstation_network .profile-header__bio {
  color: #FFFFFF; }

.team_sony_playstation_network .profile-header__link {
  color: #FF6018; }
  .team_sony_playstation_network .profile-header__link:visited {
    color: #FF6018; }
  .team_sony_playstation_network .profile-header__link:hover {
    color: #FF6018; }
  .team_sony_playstation_network .profile-header__link:active {
    color: #FF6018; }

.team_sony_playstation_network .sub-header {
  background: #0044A6;
  border-color: transparent; }

.team_sony_playstation_network .sub-header__menu-link {
  color: #FFFFFF; }
  .team_sony_playstation_network .sub-header__menu-link:visited {
    color: #FFFFFF; }
  .team_sony_playstation_network .sub-header__menu-link:hover {
    color: #FFFFFF; }
  .team_sony_playstation_network .sub-header__menu-link:active {
    color: #FFFFFF; }
  .team_sony_playstation_network .sub-header__menu-link.active {
    color: #FFFFFF;
    border-bottom-color: #FF6018; }
    .team_sony_playstation_network .sub-header__menu-link.active:visited {
      color: #FFFFFF; }
    .team_sony_playstation_network .sub-header__menu-link.active:hover {
      color: #FFFFFF; }
    .team_sony_playstation_network .sub-header__menu-link.active:active {
      color: #FFFFFF; }

.team_sony_playstation_network .button,
.team_sony_playstation_network .button.button--success {
  color: #FFFFFF;
  background-color: #FF6018;
  border-color: #cb3f00;
  text-shadow: none; }
  .team_sony_playstation_network .button:visited,
  .team_sony_playstation_network .button.button--success:visited {
    color: #FFFFFF; }
  .team_sony_playstation_network .button:hover,
  .team_sony_playstation_network .button.button--success:hover {
    color: #FFFFFF; }
  .team_sony_playstation_network .button:active,
  .team_sony_playstation_network .button.button--success:active {
    color: #FFFFFF; }
  .team_sony_playstation_network .button--active,
  .team_sony_playstation_network .button.button--success--active {
    color: #0044A6; }
  .team_sony_playstation_network .button:hover,
  .team_sony_playstation_network .button.button--success:hover {
    background-color: #fe4f00; }
  .team_sony_playstation_network .button:active, .team_sony_playstation_network .button--active,
  .team_sony_playstation_network .button.button--success:active,
  .team_sony_playstation_network .button.button--success--active {
    background-color: #f14b00; }

.team_sony_playstation_network .full-width-inner-container {
  color: #0044A6; }

.team_sony_playstation_network .highlight {
  background: transparent; }

.team_sony_playstation_network .markdownable {
  color: #000000; }
  .team_sony_playstation_network .markdownable h1, .team_sony_playstation_network .markdownable h2, .team_sony_playstation_network .markdownable h3, .team_sony_playstation_network .markdownable h4 {
    color: #0044A6; }
  .team_sony_playstation_network .markdownable code {
    background: #0044A6;
    color: #FFFFFF;
    border-color: #0044A6; }

.team_sony_playstation_network .separator,
.team_sony_playstation_network .is-separated-and-muted {
  border-color: #0044A6; }

.team_sony_playstation_network .separator--line {
  border-color: #0044A6; }

.team_sony_playstation_network .separator--text {
  background: #FFFFFF;
  color: #000000; }

.team_sony_playstation_network h2 {
  color: #0044A6; }

.team_sony_playstation_network .profile-stats-amount {
  color: #0044A6; }

.team_sony_playstation_network .topbar-dropdown-toggle {
  color: #FFFFFF; }
  .team_sony_playstation_network .topbar-dropdown-toggle:visited {
    color: #FFFFFF; }
  .team_sony_playstation_network .topbar-dropdown-toggle:hover {
    color: #FFFFFF; }
  .team_sony_playstation_network .topbar-dropdown-toggle:active {
    color: #FFFFFF; }

.team_sony_playstation_network a {
  color: #0044A6; }
  .team_sony_playstation_network a:visited {
    color: #0044A6; }
  .team_sony_playstation_network a:hover {
    color: #0044A6; }
  .team_sony_playstation_network a:active {
    color: #0044A6; }

.team_sony_playstation_network .avatar {
  padding: 0;
  border: #0044A6; }

.team_sony_playstation_network .timeline-container-subject,
.team_sony_playstation_network .profile-stats-meta,
.team_sony_playstation_network .user-item__user .user-item__meta {
  color: #000000; }

.team_sony_playstation_network .leaderboard-podium-user-meta,
.team_sony_playstation_network .leaderboard-podium-user-name {
  color: #FFFFFF; }

.team_sony_playstation_network .timeline-timestamp-link {
  color: #e44700; }
  .team_sony_playstation_network .timeline-timestamp-link:visited {
    color: #e44700; }
  .team_sony_playstation_network .timeline-timestamp-link:hover {
    color: #e44700; }
  .team_sony_playstation_network .timeline-timestamp-link:active {
    color: #e44700; }

.team_sony_playstation_network .timeline-line {
  background-color: #0044A6; }

.team_sony_playstation_network .timeline-indicator-dot {
  border-color: transparent;
  box-shadow: none; }
  .team_sony_playstation_network .timeline-indicator-dot:after {
    border-color: #0044A6; }

.team_sony_playstation_network .timeline-datetime {
  color: #FFFFFF;
  background-color: #0044A6;
  border-color: #0044A6; }

.team_sony_playstation_network .leaderboard-podium-item-container {
  background: transparent;
  border-color: #0044A6; }
  .team_sony_playstation_network .leaderboard-podium-item-container.current-user {
    border-color: #FF6018; }
    .team_sony_playstation_network .leaderboard-podium-item-container.current-user .leaderboard-podium-user {
      background-color: #FF6018;
      border-color: #FF6018; }
      .team_sony_playstation_network .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name {
        color: #FFFFFF; }
        .team_sony_playstation_network .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:visited {
          color: #FFFFFF; }
        .team_sony_playstation_network .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:hover {
          color: #FFFFFF; }
        .team_sony_playstation_network .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-name:active {
          color: #FFFFFF; }
      .team_sony_playstation_network .leaderboard-podium-item-container.current-user .leaderboard-podium-user .leaderboard-podium-user-meta {
        color: #FFFFFF; }

.team_sony_playstation_network .leaderboard-podium-user {
  background: #0044A6;
  border-color: #0044A6; }

.team_sony_playstation_network .leaderboard-podium-rank {
  background: #FF6018;
  color: #FFFFFF;
  border-color: transparent;
  box-shadow: none; }

.team_sony_playstation_network .nav-tab:before {
  color: #0048b0; }

.team_sony_playstation_network .inline-banner,
.team_sony_playstation_network .inline-banner--notice,
.team_sony_playstation_network .inline-banner--success,
.team_sony_playstation_network .inline-banner--warning {
  color: #0044A6;
  background-color: #FF6018;
  border-color: #FF6018; }
  .team_sony_playstation_network .inline-banner .markdownable,
  .team_sony_playstation_network .inline-banner--notice .markdownable,
  .team_sony_playstation_network .inline-banner--success .markdownable,
  .team_sony_playstation_network .inline-banner--warning .markdownable {
    color: inherit; }

.team_sony_playstation_network .type-selector {
  border-color: #0044A6; }

.team_sony_playstation_network .type-selector-list-item input[type="checkbox"]:disabled + label {
  color: #999999; }

.team_sony_playstation_network .type-selector-list-item:hover {
  background: #0044A6; }

.team_sony_playstation_network .type-selector-list-item.active {
  background-color: #FF6018;
  color: #0044A6; }

.team_sony_playstation_network .type-selector__search {
  border-bottom-color: #FF6018; }
  .team_sony_playstation_network .type-selector__search .input-tag {
    color: #FFFFFF;
    border-color: #FF6018;
    background: #0044A6; }

.team_sony_playstation_network .type-selector__active-asset,
.team_sony_playstation_network .type-selector__active-weakness {
  border: 1px solid #0044A6;
  border-radius: 4px; }

.team_sony_playstation_network .type-selector__suggestion--checked {
  color: #FFFFFF !important;
  background: #FF6018; }

.team_sony_playstation_network .type-selector__suggestion--checked:hover {
  color: #FFFFFF; }

.team_sony_playstation_network .type-selector__suggestion:hover {
  background: #0044A6;
  color: #FFFFFF; }

.team_sony_playstation_network .wizard-step-indicator {
  background: #FF6018;
  border-color: transparent;
  box-shadow: none;
  color: #FFFFFF; }

.team_sony_playstation_network .input, .team_sony_playstation_network .select, .team_sony_playstation_network .report-action-picker__input,
.team_sony_playstation_network .markdown-panes textarea {
  background-color: #FFFFFF;
  border-color: #0044A6;
  box-shadow: none;
  color: #000000; }

.team_sony_playstation_network .markdown-footer {
  border-color: #0044A6;
  color: #000000; }

.team_sony_playstation_network .markdown-textarea-container {
  background-color: #FFFFFF;
  border-color: #0044A6;
  color: #000000;
  box-shadow: none; }

.team_sony_playstation_network .markdown-tab {
  border-color: #0044A6; }
  .team_sony_playstation_network .markdown-tab:hover {
    background-color: #FFFFFF; }
  .team_sony_playstation_network .markdown-tab.is-active {
    background-color: #FFFFFF; }
    .team_sony_playstation_network .markdown-tab.is-active:before {
      background-color: #FFFFFF; }

.team_sony_playstation_network .attachments-upload {
  border-color: #0044A6; }

.team_sony_playstation_network .leaderboard-listing {
  background: transparent;
  border-color: #0044A6; }

.team_sony_playstation_network .leaderboard-listing-item + .leaderboard-listing-item {
  border-color: #0044A6; }

.team_sony_playstation_network .leaderboard-listing-item:nth-child(even) {
  background-color: #FFFFFF; }

.team_sony_playstation_network .leaderboard-listing-item.current-user, .team_sony_playstation_network .leaderboard-listing-item:nth-child(even).current-user {
  background-color: #FF6018; }
  .team_sony_playstation_network .leaderboard-listing-item.current-user .leaderboard-listing-user, .team_sony_playstation_network .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user {
    color: #FFFFFF; }
    .team_sony_playstation_network .leaderboard-listing-item.current-user .leaderboard-listing-user:visited, .team_sony_playstation_network .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:visited {
      color: #FFFFFF; }
    .team_sony_playstation_network .leaderboard-listing-item.current-user .leaderboard-listing-user:hover, .team_sony_playstation_network .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:hover {
      color: #FFFFFF; }
    .team_sony_playstation_network .leaderboard-listing-item.current-user .leaderboard-listing-user:active, .team_sony_playstation_network .leaderboard-listing-item:nth-child(even).current-user .leaderboard-listing-user:active {
      color: #FFFFFF; }

.team_sony_playstation_network .leaderboard-listing-avatar {
  background-color: transparent; }

.team_sony_playstation_network .feature-toggle-bar {
  background-color: #FFFFFF;
  border-color: #FF6018;
  color: #000000; }

.team_sony_playstation_network .modal-content .markdownable,
.team_sony_playstation_network .modal-content h2 {
  color: #000000; }

.team_sony_playstation_network .modal-close-button {
  color: #828282; }
  .team_sony_playstation_network .modal-close-button:visited {
    color: #828282; }
  .team_sony_playstation_network .modal-close-button:hover {
    color: #828282; }
  .team_sony_playstation_network .modal-close-button:active {
    color: #828282; }

.team_sony_playstation_network .content-wrapper, .team_sony_playstation_network .settings-container .settings-column, .settings-container .team_sony_playstation_network .settings-column {
  background: #FFFFFF;
  border-color: #0044A6; }

.team_sony_playstation_network .panel {
  border-color: #0044A6;
  background: #FFFFFF; }
  .team_sony_playstation_network .panel__heading {
    color: #FFFFFF;
    background: #0044A6;
    border-bottom-color: #0044A6; }

.programs__wrapper {
  position: relative;
  min-height: 100px; }

.programs__search {
  padding-top: 11px;
  position: relative;
  display: table;
  width: 100%;
  margin: 0 auto; }
  @media (min-width: 640px) {
    .programs__search {
      width: 65%; } }

.programs__subtitle {
  font-size: 14px; }

.programs__search-dropdown-link {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: table-cell;
  width: 47px;
  vertical-align: middle;
  color: #216ba5;
  cursor: pointer;
  text-align: right;
  padding-left: 10px; }

.programs__search-dropdown {
  text-align: left;
  background: #fff;
  border: 1px solid #c5c5c5;
  position: absolute;
  top: 100%;
  left: auto;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  position: absolute;
  top: 48px;
  right: 0; }
  .programs__search-dropdown:after, .programs__search-dropdown:before {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    left: auto;
    right: 15px; }
  .programs__search-dropdown:after {
    border-color: transparent;
    border-width: 8px; }
  .programs__search-dropdown:before {
    border-width: 9px; }
  .programs__search-dropdown:after, .programs__search-dropdown:before {
    left: auto;
    right: 15px;
    bottom: 100%; }
  .programs__search-dropdown:after {
    border-bottom-color: #fff; }
  .programs__search-dropdown:before {
    border-bottom-color: #c5c5c5;
    margin-right: -1px; }

.programs__information-notice {
  text-align: center;
  font-size: 14px;
  padding-top: 30px;
  color: #999; }

.programs__invitation-wrapper {
  margin-bottom: 20px;
  padding-bottom: 35px; }

.programs__invitation-button {
  padding-left: 22%; }

.programs__invitation-button-accept {
  margin-right: 15px; }

.programs__invitation-message-wrapper {
  background: #f5f5f5;
  margin-top: 50px; }

.programs__invitation-message {
  padding: 20px 20px 5px 20px;
  margin-bottom: -10px; }

.programs__invitation-expiration {
  font-size: 145%;
  color: red; }

.program {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  min-height: 82px; }
  @media (min-width: 640px) {
    .program {
      padding: 30px 0; } }

.program__profile-picture {
  position: absolute;
  top: 15px; }
  @media (min-width: 640px) {
    .program__profile-picture {
      top: 23px; } }

.program__profile {
  padding-left: 70px;
  max-width: 620px; }

.program__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  margin-bottom: 2px; }

.program__meta-data {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #828282;
  margin-bottom: 7px; }

.directory__title {
  font-size: 30px;
  color: #000;
  font-weight: 600; }

.directory__subtitle {
  font-size: 18px;
  color: #000; }

.directory__search {
  display: table-cell;
  width: 100%; }

.directory__search-field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: inline; }

.directory__search-button {
  display: table-cell;
  margin-right: 10px;
  padding: 9px 14px 6px;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-width: 1px; }
  @media (min-width: 640px) {
    .directory__search-button {
      padding: 6px 14px 5px; } }

.directory__filter-shortcut-group {
  padding-top: 20px;
  font-size: 16px; }

.directory__filter-shortcut {
  margin: 10px;
  display: block; }
  @media (min-width: 640px) {
    .directory__filter-shortcut {
      display: inline-block; } }

.attachments-list {
  background: #f5f5f5;
  padding: 4px 6px;
  font-size: 12px;
  margin-top: 30px;
  border-radius: 4px; }

.comment-attachments {
  margin-top: 10px; }

.attachments-upload {
  position: relative;
  z-index: 0;
  min-height: 75px;
  padding: 10px;
  width: 100%;
  border: 1px dashed #c5c5c5;
  cursor: pointer;
  color: #888;
  border-radius: 4px; }
  .comment-attachments .attachments-upload {
    min-height: 45px; }
  .attachments-upload.dz-drag-hover {
    border-color: #053952;
    border-width: 2px;
    padding: 9px; }
    .attachments-upload.dz-drag-hover .attachments-collection {
      opacity: 0; }
  .attachments-upload:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    z-index: 100; }
  .attachments-upload .icon-paperclip {
    font-size: 55px;
    color: #f5f5f5;
    z-index: -2;
    position: relative; }
    .comment-attachments .attachments-upload .icon-paperclip {
      font-size: 30px; }

.attachments-collection {
  -webkit-transition: opacity .1s ease-in-out;
  transition: opacity .1s ease-in-out; }
  .comment-attachments .attachments-collection {
    font-size: 12px; }

.attachment-uploaded {
  position: relative;
  z-index: 101;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 4px 10px;
  color: #000;
  font-size: 12px;
  margin-bottom: 3px;
  cursor: default; }

.attachment-progress {
  float: right;
  margin: 0 10px;
  color: #828282;
  font-size: 11px; }

.attachment-filesize {
  color: #828282;
  font-size: 11px; }

.attachment-remove {
  cursor: pointer;
  color: #ccc;
  float: right;
  font-size: 11px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .attachment-remove:hover {
    color: #ed2129; }

.attachment-id {
  font-weight: 600; }

.markdown-attachment-reference {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 0 4px;
  color: #216ba5; }

.markdown-attachment-inline-reference img {
  max-width: 400px;
  border-radius: 4px;
  padding: 4px;
  display: block;
  border: 1px solid #e5e5e5; }

.markdown-attachment-inline-reference video {
  max-width: 500px;
  border-radius: 4px;
  padding: 4px;
  display: block;
  border: 1px solid #e5e5e5; }

.comment-preview-container {
  position: relative;
  padding: 10px;
  padding-left: 0;
  margin-top: 20px;
  border: 1px #c5c5c5 solid;
  border-radius: 4px; }
  .comment-preview-container--interstitial {
    padding: 20px; }
  .comment-preview-container--sub-header {
    padding: 10px; }
  .comment-preview-container .timeline-item:last-child {
    padding-bottom: 0; }

.comment-preview-head {
  position: absolute;
  right: 20px;
  top: -10px;
  background: #fff;
  font-size: 11px;
  text-transform: uppercase;
  color: #828282;
  padding: 0 10px;
  line-height: 18px; }

.comment-preview {
  position: relative; }

.comment-preview-timeline {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 19px;
  width: 1px;
  background: #c5c5c5; }

.comment-preview-avatar {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  left: 5px; }

.comment-preview-link {
  cursor: default; }
  .comment-preview-link:hover {
    text-decoration: none;
    color: #216ba5; }

.add-participant-input {
  display: none;
  margin-left: 42px; }
  .is-active .add-participant-input {
    display: block; }

.add-participant-input-field {
  font-size: 12px;
  margin-top: 7px;
  width: 100%; }

.participant {
  margin-right: 3px; }
  .participant:last-child {
    margin-right: 0; }

.comment-submit {
  margin-top: 10px; }
  .is-internal .comment-submit {
    padding-bottom: 15px; }

.report__social-share {
  margin-top: 1em; }

.report__social-share-item {
  display: inline-block;
  font-size: 21px;
  line-height: 1; }
  .report__social-share-item + .report__social-share-item {
    margin-left: 6px; }
  .report__social-share-item:first-child {
    margin-left: 0; }
  .report__social-share-item--prefix {
    font-size: 12px;
    color: #828282;
    margin-right: 5px; }

.disclosure-header-text {
  font-size: 30px;
  font-weight: 500;
  padding-top: 75px;
  padding-left: 20%; }

.report-meta {
  padding: 10px 0;
  border-top: 1px solid #e5e5e5; }
  .report-meta--collapsed {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #828282;
    font-size: 12px; }

.report-meta__table {
  width: 100%;
  table-layout: auto; }
  @media (min-width: 1025px) {
    .report-meta__table {
      float: left;
      width: 50%; } }

.report-meta__table-cell {
  padding: 5px; }
  .report-meta__table-cell:first-child {
    width: 140px;
    text-align: right;
    color: #828282;
    padding-right: 10px; }

.report-meta-data--internal {
  padding: 4px 5px;
  border-radius: 4px;
  background: #fbf1f1;
  border: 1px solid #f5dddd;
  margin-right: 5px;
  display: inline-block; }

.report-meta-data-clone-icon {
  color: #72bc42;
  margin-right: 5px; }

.report-meta-data-heading {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600; }

.report-meta--collapsed__item {
  display: inline; }
  .report-meta--collapsed__item:before {
    padding: 0 7px;
    content: "\B7"; }
  .report-meta--collapsed__item:first-child:before {
    padding: 0;
    content: ""; }

.report-meta--preview {
  margin-top: 40px; }

.report-picker-arrow {
  width: 20px;
  height: 26px;
  margin: 0 5px;
  float: left;
  background: url(/assets/static/action-picker-divider-2cb0b122.png) no-repeat center center; }

.report-comment-type-selector,
.report-additional-input-region,
.report-subaction-selector {
  float: left;
  margin-bottom: 10px; }

.report-comment-type-selector,
.report-additional-input-region,
.report-picker-arrow,
.report-subaction-selector {
  position: relative; }

.report-add-reporter-to-original {
  margin-top: 5px; }

.report-action-picker__plus-sign,
.report-action-picker__input-wrapper,
.report-action-picker__statistics-button-group {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.report-action-picker__input {
  width: 135px;
  padding: 3px 6px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  .report-action-picker__input.is-highlighted {
    background: #fffae0; }
  .report-action-picker__input--reference, .report-action-picker__input--assignee-typeahead, .report-action-picker__input--internal {
    background: #fbf1f1;
    padding-right: 18px; }
  .report-action-picker__input--assignee-typeahead {
    width: 200px; }
  .report-action-picker__input--bounty-amount, .report-action-picker__input--bonus-amount {
    padding-left: 18px;
    width: 100px; }
  .report-action-picker__input--miles-amount, .report-action-picker__input--miles-bonus-amount {
    width: 100px; }
  .report-action-picker__input--duplicate-bug-typeahead {
    width: 327px;
    padding-right: 20px; }
  .report-action-picker__input--reassign-to-team-typeahead {
    width: 200px;
    padding-right: 20px; }

.report-action-picker__privacy-indicator {
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 11px;
  color: #828282; }

.report-action-picker__selected-entry {
  border: 1px solid #c5c5c5;
  padding: 2px 10px 1px;
  border-radius: 4px;
  display: inline-block; }
  .report-action-picker__selected-entry--assignee {
    padding: 1px 5px 2px; }

.report-action-picker__vertical-align {
  line-height: 27px; }

.report-action-picker__statistics-button {
  line-height: 1.9; }

.report-action-picker__selected-entry-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 276px;
  display: inline-block;
  vertical-align: top; }
  .report-action-picker__selected-entry--assignee .report-action-picker__selected-entry-name {
    margin-left: 5px; }

.report-action-picker__remove-entry-icon {
  color: #aeaeae;
  margin-left: 5px; }
  .report-action-picker__remove-entry-icon:hover {
    cursor: pointer;
    color: #cd3a3a; }

.report-action-picker__add-bonus,
.report-action-picker__plus-sign {
  margin-left: 5px; }

.report-action-picker__plus-sign {
  font-size: 24px;
  margin-right: 5px;
  color: #828282; }

.report-heading {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px; }
  .report-heading .report-status {
    display: none; }
    @media (min-width: 640px) {
      .report-heading .report-status {
        vertical-align: middle;
        display: table-cell; } }

.report-heading__report-title-wrapper {
  width: 100%;
  display: table; }

.report-heading__report-title-controls {
  display: table;
  width: 100%;
  padding-bottom: 5px; }

.report-heading__report-title-container {
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

.report-heading__report-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 24px;
  word-wrap: break-word;
  padding: 7px 11px 4px; }

.report-heading__report-title-input {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  width: 100%; }

.report-heading__report-title-preview {
  font-size: 15px;
  font-weight: 600;
  word-wrap: break-word;
  padding: 5px 5px 5px; }

.report-heading__link-wrapper {
  display: table-cell;
  vertical-align: middle; }

.report-heading__edit-link {
  color: #828282;
  cursor: pointer;
  font-weight: normal;
  font-size: 13px;
  margin-left: 10px; }
  .report-heading__edit-link:visited {
    color: #216ba5; }
  .report-heading__edit-link:hover {
    color: #216ba5; }
  .report-heading__edit-link:active {
    color: #216ba5; }

.report-heading__edit-icon {
  margin-right: 5px; }

.report-heading__done-link,
.report-heading__cancel-link {
  color: #216ba5;
  font-size: 13px;
  margin-left: 10px;
  cursor: pointer; }
  .report-heading__done-link:visited,
  .report-heading__cancel-link:visited {
    color: #216ba5; }
  .report-heading__done-link:hover,
  .report-heading__cancel-link:hover {
    color: #216ba5; }
  .report-heading__done-link:active,
  .report-heading__cancel-link:active {
    color: #216ba5; }

.report-heading__cancel-link {
  color: #828282; }
  .report-heading__cancel-link:visited {
    color: #828282; }
  .report-heading__cancel-link:hover {
    color: #828282; }
  .report-heading__cancel-link:active {
    color: #828282; }

.report-heading__toggle {
  position: absolute;
  bottom: -12px;
  left: 50%;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 11px;
  width: 55px;
  text-align: center;
  margin-left: -27.5px; }
  .report-heading__toggle:hover {
    background: #f5f5f5; }

@media (min-width: 640px) {
  .report-heading__social-share {
    width: 230px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    padding-bottom: 5px; } }

.report-heading__social-share .report__social-share {
  border-top: 1px solid #e5e5e5;
  padding: 10px 0;
  margin-top: 0; }
  @media (min-width: 640px) {
    .report-heading__social-share .report__social-share {
      border: none;
      padding: 0; } }

.reports__davr-signup {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5; }

.clone-report-title {
  float: left;
  line-height: 24px;
  margin-right: 10px; }

.clone-report-anonymize {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.reports__sub-heading {
  color: #828282;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 10px; }

.common-responses {
  margin: -10px;
  padding-bottom: 10px; }

.common-response {
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
  padding: 0 10px;
  line-height: 2.5; }
  .common-response:first-child {
    border-top: 0; }
  .common-response:hover {
    background: #f5f5f5; }

.common-responses-empty {
  padding: 15px 0;
  text-align: center; }

.common-responses-input-wrapper {
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
  margin-bottom: 150px; }
  .common-responses-input-wrapper .twitter-typeahead {
    background: #fff;
    border-radius: 4px;
    display: block !important; }

.common-responses-list {
  overflow: hidden;
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  bottom: 0; }

.c3 svg {
  font-size: 11px;
  width: 100%; }

.c3 path,
.c3 line {
  fill: none; }

.c3 text {
  fill: #999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.dashboard-pie-chart .c3 text {
  fill: #fff; }

.c3-grid line {
  stroke: #ddd; }

.dashboard-tooltip {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  border: 1px solid #c5c5c5;
  background: #fff;
  font-size: 13px;
  line-height: 1.4;
  border-collapse: separate; }
  .dashboard-tooltip td {
    padding: 3px 6px; }
    .dashboard-tooltip td + td {
      border-left: 0; }
  .dashboard-tooltip .value {
    text-align: right; }

.dashboard-tooltip-head {
  text-align: center;
  font-weight: 600; }

.controller_dashboard .react-datepicker__input-container {
  display: block; }

.dashboard-pie-chart {
  position: relative; }

.dashboard-disabled-state {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  text-align: center;
  z-index: 1; }
  .dashboard-disabled-state:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.dashboard-disabled-state-explanation {
  font-size: 24px;
  color: #999;
  display: inline-block;
  vertical-align: middle; }

.dashboard-legend {
  text-align: center; }

.dashboard-legend__item {
  display: inline-block;
  color: #828282;
  font-size: 11px; }
  .dashboard-legend__item + .dashboard-legend__item {
    margin-left: 10px; }

.trigger-rule {
  font-size: 12px;
  color: #000;
  text-decoration: none; }

.trigger-rule-link {
  word-break: break-word;
  color: #216ba5; }
  .trigger-rule-link:hover {
    text-decoration: underline;
    color: #144063; }

.trigger-rule-title {
  min-width: 60px;
  display: inline-block;
  color: #828282; }

.trigger-disabled .trigger-rule, .trigger-disabled
.trigger-rule-link, .trigger-disabled
.trigger-rule-title {
  color: #ccc; }

.action-row,
.criteria-row {
  margin-bottom: 5px; }
  .action-row:last-child,
  .criteria-row:last-child {
    margin-bottom: 0; }

.criteria-field,
.criteria-options {
  float: left;
  margin-right: 5px; }

.criteria-options,
.criteria-field {
  margin-right: 5px; }

.criteria-add,
.criteria-delete {
  margin-left: 5px; }

.criteria-delete,
.criteria-add {
  float: right; }

.criteria-input {
  overflow: hidden; }

.criteria-delete,
.criteria-add {
  width: 16px;
  line-height: 31px; }
  .criteria-delete .icon-minus,
  .criteria-delete .icon-plus,
  .criteria-add .icon-minus,
  .criteria-add .icon-plus {
    font-size: 16px;
    color: #c5c5c5; }
  .criteria-delete .icon-minus:hover,
  .criteria-add .icon-minus:hover {
    color: #cd3a3a; }
  .criteria-delete .icon-plus:hover,
  .criteria-add .icon-plus:hover {
    color: #72bc42; }

.triggers-loading-state {
  height: 200px;
  position: relative; }

.triggers-disabled-label {
  background: #f5f5f5;
  color: #828282;
  border-radius: 4px;
  padding: 2px 4px;
  border: 1px solid #e5e5e5;
  margin-right: 5px;
  font-size: 11px; }

.triggers-loading-container {
  position: relative; }

.launch-participants__list {
  overflow: hidden;
  position: relative; }
  .launch-participants__list--invited {
    max-height: 250px; }
  .launch-participants__list--pending {
    max-height: 130px; }

.launch-invite-top-researchers__dropdown {
  border: 1px solid #c5c5c5; }

.button--automatic-invites {
  margin: 0px 5px 0px 5px; }

.button-manual-invite {
  margin-left: 10px;
  line-height: 1; }

.invite-modal-content {
  margin-top: 15px; }

.sla__input {
  width: 40%;
  display: inline; }

.sla_input__wrapper {
  display: inline; }

.sla_input__label {
  display: inline;
  margin-left: 5px; }

.integration__image {
  width: 48px;
  height: 48px;
  margin-right: 15px; }

.integration__name {
  display: inline-block;
  color: #216ba5; }

.product-edition-contract {
  height: 20px; }

.integration__jira {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 4px; }
  .integration__jira__version {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
    font-size: 18px;
    padding: 60px 0; }
    .integration__jira__version:hover {
      background: #fff; }
    .integration__jira__version:first-child {
      border-right: 1px solid #e5e5e5; }

.users-overview__avatar {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px; }

.users-overview__user {
  display: inline-block;
  padding-left: 5px; }

.users-overview__email-address {
  margin-top: -2px; }

.weakness-selector__search {
  border: 1px solid #c5c5c5;
  border-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 10px;
  background: #f5f5f5; }
  .weakness-selector__search__suggestion {
    padding: 5px 0; }

.weakness-selector__wrapper {
  border: 1px solid #c5c5c5;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 445px; }

.weakness-selector__clusters {
  width: 210px;
  border-right: 1px solid #c5c5c5;
  border-bottom-left-radius: 4px;
  height: 443px;
  position: relative;
  float: left; }

.weakness-selector__weaknesses {
  overflow: hidden;
  position: relative; }

.cluster__heading {
  color: #828282;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 0 0 10px; }

.cluster__item {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: inset -2px 0 1px rgba(0, 0, 0, 0.075); }
  .cluster__item + .cluster__item {
    border-top: 1px solid #e5e5e5; }
  .cluster__item--active {
    background: #f5f5f5;
    font-weight: 600; }

.cluster__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 3px solid transparent;
  padding: 7px; }
  .cluster__item--active .cluster__title {
    border-color: #216ba5; }
  .cluster__item:hover .cluster__title {
    text-decoration: underline; }

.cluster__count {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 7px; }

.weaknesses__wrapper {
  padding: 9px 15px 9px 10px;
  height: 397px;
  position: relative; }

.weaknesses__heading {
  padding: 12px 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
  font-weight: 600; }

.weaknesses__icon--message {
  font-size: 11px; }

.weaknesses__item {
  padding: 6px 0; }
  .weaknesses__item:first-child {
    padding-top: 0; }

.weaknesses__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.weaknesses__options {
  float: right;
  margin-left: 10px;
  margin-bottom: 0; }

.narrow-wrapper--signup {
  max-width: 734px;
  padding-top: 20px; }

.button--setup-page {
  width: 150px;
  margin-top: 18px; }

.setup-text {
  margin-top: -13px;
  font-size: 13.5px; }

.narrow-wrapper--h1-bounty {
  margin-top: -65px; }

.audit-log-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0; }
  .audit-log-item td {
    padding: 10px 0; }
  .audit-log-item:first-child {
    padding-top: 0; }
    .audit-log-item:first-child td {
      padding-top: 0; }
  .audit-log-item:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
    .audit-log-item:last-child td {
      padding-bottom: 0; }

.invitation-header {
  text-align: center;
  margin-bottom: 30px; }

.invitation-header-image {
  display: table;
  width: 100%;
  padding: 0 31px;
  margin-bottom: 30px; }

.invitation-header-image-left {
  text-align: right; }

.invitation-header-image-right {
  text-align: left; }

.invitation-header-image-left,
.invitation-header-image-right,
.invitation-header-image-middle,
.invitation-header-image-divider {
  display: table-cell;
  vertical-align: middle; }

.invitation-header-image-left,
.invitation-header-image-right {
  width: 63px;
  height: 63px; }

.invitation-header-image-middle {
  width: 97px;
  height: 97px; }

.invitation-header-image-divider {
  width: 57px; }
  .invitation-header-image-divider > .divider {
    background-color: #ccc;
    height: 1px;
    width: 100%; }

.invitation-header-intro {
  font-size: 16px;
  line-height: 28px;
  text-align: center; }
  .invitation-header-intro strong {
    color: #333; }
  .invitation-header-intro p:last-child {
    margin-bottom: 0; }
  .invitation-header-intro + .invitation-header-report-title {
    margin-top: 25px; }

.invitation-header-report-title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  color: #333; }

.payout-method-details {
  color: #828282; }

.payout-method-wrapper {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 10px; }

.payout-method-benefit-icon-default,
.payout-method-benefit-icon-success {
  font-size: 24px;
  float: left;
  margin: 5px 10px 0 0; }

.payout-method-benefit-icon-default {
  color: #828282; }

.payout-method-benefit-icon-success {
  color: #72bc42; }

.payout-method-benefit-explanation {
  overflow: hidden; }

.list-selector {
  margin: 0 -20px; }
  .list-selector__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e5e5e5;
    padding: 15px 0 15px 20px;
    cursor: pointer;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .list-selector__item:last-child {
      padding-bottom: 0; }
    .list-selector__item:hover .list-selector__name,
    .list-selector__item:hover .list-selector__icon {
      color: #144063; }
    .list-selector__item:hover .list-selector__meta,
    .list-selector__item:hover .list-selector__arrow {
      color: dimgray; }
    .list-selector__item--disabled, .list-selector__item--disabled:hover {
      cursor: not-allowed; }
      .list-selector__item--disabled .list-selector__name,
      .list-selector__item--disabled .list-selector__icon,
      .list-selector__item--disabled .list-selector__meta,
      .list-selector__item--disabled .list-selector__arrow, .list-selector__item--disabled:hover .list-selector__name,
      .list-selector__item--disabled:hover .list-selector__icon,
      .list-selector__item--disabled:hover .list-selector__meta,
      .list-selector__item--disabled:hover .list-selector__arrow {
        color: #a6a6a6;
        text-decoration: none; }
    .list-selector__item--back {
      cursor: default;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  .list-selector__info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .list-selector__icon {
    font-size: 45px;
    margin-right: 10px;
    color: #216ba5; }
  .list-selector__arrow {
    font-size: 30px;
    color: #828282; }
  .list-selector__name {
    color: #216ba5;
    font-size: 16px;
    font-weight: 600;
    padding-right: 20px; }
  .list-selector__meta {
    font-size: 12px;
    color: #828282; }

.qr-code-container {
  text-align: center;
  margin-bottom: 10px;
  margin-left: -20px; }

.qr-code {
  border-width: 0;
  border-style: none;
  border-collapse: collapse;
  margin: 0 auto; }
  .qr-code td {
    border-width: 0;
    border-style: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    width: 5px;
    height: 5px; }
    .qr-code td.black {
      background-color: #000; }
    .qr-code td.white {
      background-color: #fff; }

.settings-container {
  display: table;
  width: 100%;
  margin-bottom: 0; }
  .settings-container .left-column {
    width: 200px;
    padding-right: 20px; }
  .settings-container .left-column,
  .settings-container .settings-column {
    display: table-cell;
    vertical-align: top; }

.settings-column__footer {
  padding-top: 20px; }

.settings-section {
  position: relative;
  margin-bottom: 30px; }
  .settings-section:last-child {
    margin-bottom: 0; }

.settings-scroll-pane {
  height: 240px;
  overflow-y: auto;
  padding-right: 5px; }

.settings-cover-photo {
  width: 678px;
  height: 135px;
  padding: 2px;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px; }

table td.payout-preference__icon {
  width: 25px;
  color: #a6a6a6; }

.forgot-password {
  font-size: 12px; }
  @media (min-width: 640px) {
    .forgot-password {
      float: right; } }

.remember-me {
  font-size: 12px;
  color: #828282;
  margin-top: 10px; }
  @media (min-width: 640px) {
    .remember-me {
      float: left;
      margin-top: 0; } }

.mini-profile__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: 14px; }

.mini-profile__name {
  margin-left: 5px; }

.mini-profile__about {
  margin-top: 10px;
  word-wrap: break-word; }

.mini-profile__meta {
  margin-top: 20px; }

.mini-profile__meta-item {
  width: 50%;
  float: left; }

.mini-profile__meta-divider {
  margin: 10px 0;
  border-top: 1px solid #e5e5e5; }

.mini-profile__avatar {
  padding-bottom: 15px; }

.mini-profile__stat, .mini-profile__duplicates-header {
  font-weight: 700; }

.mini-profile__stats {
  background-color: #f9f9f9;
  margin: 0 -20px 15px;
  padding: 15px 0; }
  .mini-profile__stats .col {
    padding: 0; }

.mini-profile__stats-dupe {
  background-color: #f9f9f9;
  margin: 15px -10px -10px;
  padding: 5px 0;
  border-radius: 0 0 4px 4px; }
  .mini-profile__stats-dupe .col {
    padding: 0; }

.mini-profile__duplicate-user {
  padding: 10px;
  margin: 20px -10px -10px; }

.report-frame__researcher-context {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 5px;
  height: 46px; }

.mini-profile--wide {
  height: 31px; }
  .mini-profile--wide .mini-profile__title {
    width: 30%;
    float: left; }
  .mini-profile--wide .mini-profile__about {
    display: none; }
  .mini-profile--wide .mini-profile__meta {
    margin-top: 0;
    max-width: 70%;
    float: right; }
  .mini-profile--wide .mini-profile__meta-group {
    float: left; }
  .mini-profile--wide .mini-profile__meta-item {
    width: auto; }
    .mini-profile--wide .mini-profile__meta-item + .mini-profile__meta-item {
      margin-left: 20px; }
  .mini-profile--wide .mini-profile__meta-divider {
    border-left: 1px solid #e5e5e5;
    border-top: 0;
    height: 31px;
    float: left;
    margin: 0 20px; }

.hacker-badge {
  font-family: "Rye";
  text-align: center;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  margin-bottom: 20px;
  text-transform: uppercase;
  float: left;
  cursor: pointer;
  font-size: 15px;
  width: 50%; }
  @media (min-width: 600px) {
    .hacker-badge {
      width: 33.33333%; } }
  @media (min-width: 800px) {
    .hacker-badge {
      width: 25%; } }
  .hacker-badge__picture {
    margin-bottom: 20px; }
  .hacker-badge__container {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    position: relative;
    padding-bottom: 100%;
    height: 0;
    margin-left: 20px; }
    .hacker-badge:hover .hacker-badge__container {
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
      -webkit-transition-delay: 200ms;
              transition-delay: 200ms; }
  .hacker-badge__center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 15px; }
  .hacker-badge__meta {
    opacity: .8;
    margin-top: 10px;
    font-size: 13px; }
  .hacker-badge__front {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  .hacker-badge__front, .hacker-badge__back {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%; }
    .hacker-badge__front::before, .hacker-badge__back::before {
      content: "";
      background-image: url(/assets/static/background-540b273c.png);
      background-position: left bottom;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0; }
  .hacker-badge__back, .hacker-badge__back::before {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }

.wizard-step-indicator {
  padding: 2px;
  border: 1px solid #c5c5c5;
  line-height: 28px;
  width: 34px;
  background: #3578ac;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  text-align: center;
  color: #fff;
  border-radius: 500px;
  box-shadow: inset 0 0 0 2px #fff; }
  .is-completed .wizard-step-indicator {
    background: #72bc42; }

.type-selector {
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  margin-bottom: 10px; }
  .type-selector__search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 5px; }
  .type-selector__active-weakness, .type-selector__active-asset {
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    padding: 10px;
    background-color: #f4f9fb; }
  .type-selector__cluster:hover, .type-selector__cluster--selected {
    background: #f5f5f5; }
  .type-selector__cluster:last-child {
    border-bottom: 0; }
  .type-selector__suggestion {
    color: #000;
    padding: 4px 10px;
    margin: 3px 0;
    cursor: pointer;
    display: block; }
    .type-selector__suggestion:visited {
      color: #000; }
    .type-selector__suggestion:hover {
      color: #000; }
    .type-selector__suggestion:active {
      color: #000; }
    .type-selector__suggestion--selected, .type-selector__suggestion:hover {
      text-decoration: none;
      background: #f5f5f5; }
    .type-selector__suggestion--checked {
      background: #f4f9fb; }
  .type-selector__weaknesses, .type-selector__assets {
    min-height: 100px;
    max-height: 220px;
    position: relative;
    border-top: 1px solid #e5e5e5; }

.type-selector-column {
  width: 50%;
  height: 100%;
  vertical-align: top;
  min-height: 287px;
  max-height: 287px;
  overflow: hidden;
  float: left;
  border-left: 1px solid #c5c5c5; }
  .type-selector-column:first-child {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: 0; }

.type-selector-no-type {
  border-top: 1px solid #c5c5c5;
  height: 36px; }

.type-selector-list-item {
  line-height: 26px;
  margin: 2px 0;
  cursor: pointer; }
  .type-selector-list-item:hover {
    background: #f5f5f5; }
  .type-selector-list-item.active {
    background: url(/assets/static/checked-shape-8e6fa9e8.png) no-repeat 95% 50% #3578ac;
    color: #fff; }
    .type-selector-list-item.active .type-selector-checkbox:disabled + .type-selector-list-label {
      display: block;
      opacity: 1;
      color: #e5e5e5;
      background: url(/assets/static/disabled-checked-shape-376246f6.png) no-repeat 95% 50% #afafaf; }
  .type-selector-no-type .type-selector-list-item {
    margin: 5px 0; }

.type-selector-list-label {
  padding: 0 20px;
  font-weight: 400;
  display: block; }

.type-selector-checkbox {
  display: none; }
  .type-selector-checkbox + .type-selector-list-label {
    margin-left: 0; }

.type-selector-description {
  padding: 10px 20px; }

.vertical-wizard-row {
  margin-bottom: 30px; }
  .vertical-wizard-row:last-child {
    margin-bottom: 0; }
  .vertical-wizard-row.disabled {
    pointer-events: none; }

.vertical-wizard-caption-heading {
  padding: 10px;
  border-radius: 4px;
  border-bottom: 1px solid transparent; }
  .is-active .vertical-wizard-caption-heading {
    background: #f5f5f5; }

.vertical-wizard-container {
  margin-left: 55px;
  margin-top: 14px; }

.vertical-wizard-caption-heading-title {
  font-size: 16px;
  line-height: 34px;
  margin: 0; }

.wizard-row {
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed; }
  .wizard-row:last-child {
    margin-bottom: 30px; }

.wizard-fieldset,
.wizard-caption {
  vertical-align: top;
  display: table-cell;
  padding-bottom: 40px; }
  .wizard-row:first-child .wizard-fieldset, .wizard-row:first-child
  .wizard-caption {
    padding-top: 10px; }
  .wizard-row:last-child .wizard-fieldset, .wizard-row:last-child
  .wizard-caption {
    padding-bottom: 0; }

.wizard-fieldset {
  width: auto;
  padding-left: 20px; }

.wizard-caption {
  width: 250px;
  padding-right: 20px;
  box-shadow: inset -7px 0 7px -7px rgba(0, 0, 0, 0.2); }

.wizard-caption-heading {
  margin-bottom: 10px;
  padding: 10px 0; }
  .wizard-caption-heading.is-active {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -20px;
    background: url(/assets/static/state-indicator-763a4a24.png) no-repeat 100% 50% #f5f5f5;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }

.wizard-caption-heading-title {
  font-size: 16px;
  margin: 0; }

.leaderboard {
  width: 100%;
  margin-bottom: 20px; }
  @media (min-width: 640px) {
    .leaderboard {
      margin-bottom: 0; } }

.leaderboard__item {
  border-top: 1px solid #e5e5e5; }
  .leaderboard__item:hover {
    background: #f5f5f5; }
  .leaderboard__item:last-child {
    border-bottom: 1px solid #e5e5e5; }
  .leaderboard__item--current-user {
    background: #fffae0; }
    .leaderboard__item--current-user:hover {
      background: #fff7ce; }

.leaderboard__column {
  padding: 5px 7px; }
  @media (min-width: 640px) {
    .leaderboard__column {
      padding: 10px; } }
  .leaderboard__column--rank {
    padding-left: 20px;
    display: none; }
    @media (min-width: 640px) {
      .leaderboard__column--rank {
        display: table-cell; } }
  .leaderboard__column--heading {
    color: #828282;
    border-top: 1px solid transparent;
    font-weight: 600;
    text-align: center; }
    .leaderboard__column--heading.leaderboard__column--active {
      border-top-color: #e5e5e5; }
  .leaderboard__column--user {
    width: 100%; }
    @media (min-width: 640px) {
      .leaderboard__column--user {
        padding-left: 10px; } }
  .leaderboard__column--program {
    width: 65%; }
    @media (min-width: 640px) {
      .leaderboard__column--program {
        padding-left: 10px; } }
  .leaderboard__column--progmetric {
    width: 17.5%; }
    @media (min-width: 640px) {
      .leaderboard__column--progmetric {
        padding-left: 20px;
        padding-right: 20px; } }
  @media (min-width: 640px) {
    .leaderboard__column--metric {
      padding-left: 20px;
      padding-right: 20px; } }
  .leaderboard__column--light {
    font-size: 85%;
    font-weight: 400; }
  .leaderboard__column--active {
    background: #f5f5f5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5; }
    .leaderboard__item:hover .leaderboard__column--active {
      background: #ececec; }
    .leaderboard__item--current-user .leaderboard__column--active {
      background: #fff6c7; }
    .leaderboard__item--current-user:hover .leaderboard__column--active {
      background: #fff2ad; }

.leaderboard-rank {
  text-align: center;
  color: #828282;
  font-weight: 600;
  font-size: 13px; }
  @media (min-width: 640px) {
    .leaderboard-rank {
      font-size: 14px; } }

.leaderboard-metric {
  color: #216ba5;
  font-weight: 600;
  font-size: 14px;
  text-align: center; }
  @media (min-width: 640px) {
    .leaderboard-metric {
      font-size: 18px; } }

.leaderboard-user {
  white-space: nowrap;
  display: table;
  table-layout: fixed;
  width: 100%; }
  .leaderboard-user__avatar {
    display: table-cell;
    width: 41px;
    position: relative; }
    .leaderboard-user__avatar--large {
      width: 61px; }
  .leaderboard-user__information {
    width: 100%;
    padding-left: 8px;
    vertical-align: middle;
    display: table-cell; }
  @media (min-width: 640px) {
    .leaderboard-user__name {
      font-size: 14px;
      font-weight: 600; } }
  .leaderboard-user__bio {
    font-size: 11px;
    color: #828282; }
    @media (min-width: 640px) {
      .leaderboard-user__bio {
        font-size: 12px; } }
  .leaderboard-user__information, .leaderboard-user__name, .leaderboard-user__bio {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%; }

@media (min-width: 700px) {
  .leaderboard__title {
    float: left; } }

.leaderboard__dropdown {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 700px) {
    .leaderboard__dropdown {
      float: right;
      margin: 0; } }

.leaderboard__cup--gold {
  color: #f3b643; }

.leaderboard__cup--silver {
  color: #a8a8a8; }

.leaderboard__cup--bronze {
  color: #cdb7a1; }

.leaderboard-listing {
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  overflow: hidden; }

.leaderboard-listing-wrapper + .leaderboard-listing-wrapper {
  margin-top: 15px; }

.leaderboard-listing-item {
  padding: 10px 15px; }
  .leaderboard-listing-item.current-user {
    background: #fffae0; }
  .leaderboard-listing-item + .leaderboard-listing-item {
    border-top: 1px solid #e5e5e5; }
  .leaderboard-listing-item:nth-child(even) {
    background: #f5f5f5; }
    .leaderboard-listing-item:nth-child(even).current-user {
      background: #fffae0; }

.leaderboard-listing-count {
  display: inline-block;
  margin-right: 3px;
  width: 25px; }

.leaderboard-listing-avatar {
  margin-right: 18px; }

.leaderboard-listing-user {
  display: inline-block; }

.leaderboard-listing-meta {
  display: inline-block;
  color: #828282; }

.leaderboard-podium {
  margin: -10px -10px 10px; }

.leaderboard-podium-item {
  float: left;
  width: 100%; }
  @media (min-width: 940px) {
    .leaderboard-podium-item {
      width: 20%; } }

.leaderboard-podium-item-small {
  width: 50%; }
  @media (min-width: 640px) {
    .leaderboard-podium-item-small {
      width: 25%; } }
  @media (min-width: 940px) {
    .leaderboard-podium-item-small {
      width: 16.666666667%; } }

.leaderboard-podium-item-container {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #c5c5c5;
  padding: 20px;
  margin: 10px;
  text-align: center;
  overflow: hidden; }
  .leaderboard-podium-item-container.current-user {
    border-color: #dfdbb7; }

.leaderboard-podium-avatar-container {
  position: relative;
  width: 130px;
  margin: 0 auto; }
  .leaderboard-podium-item-small .leaderboard-podium-avatar-container {
    width: auto; }
  @media (min-width: 940px) {
    .leaderboard-podium-avatar-container {
      width: 70px; } }

.leaderboard-podium-avatar {
  margin-bottom: 10px;
  width: 100px;
  height: 100px; }
  .leaderboard-podium-item-small .leaderboard-podium-avatar {
    width: 75px;
    height: 75px; }
  @media (min-width: 940px) {
    .leaderboard-podium-avatar {
      width: 70px;
      height: 70px; } }

.leaderboard-podium-rank {
  position: absolute;
  top: 4px;
  left: 4px;
  border: 1px solid #c5c5c5;
  border-radius: 500px;
  background: #f5f5f5;
  width: 32px;
  height: 32px;
  line-height: 28px;
  font-size: 18px;
  font-weight: 600;
  box-shadow: inset 0 0 0 2px #fff; }
  @media (min-width: 940px) {
    .leaderboard-podium-rank {
      top: -10px;
      left: -10px; } }

.leaderboard-podium-user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #f5f5f5;
  margin: -20px;
  border-top: 1px solid #e5e5e5;
  padding: 15px 15px 10px; }
  .current-user .leaderboard-podium-user {
    background: #fffae0;
    border-top: 1px solid #efedda; }

.leaderboard-podium-user-name {
  font-size: 16px;
  font-weight: 600; }
  .leaderboard-podium-item-small .leaderboard-podium-user-name {
    font-size: 14px; }
  @media (min-width: 940px) {
    .leaderboard-podium-user-name {
      font-size: 13px; } }

.leaderboard-podium-user-meta {
  color: #828282; }
  @media (min-width: 940px) {
    .leaderboard-podium-user-meta {
      font-size: 11px; } }

.tutorial-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1400; }

.tutorial-popover__progress-indicator {
  display: inline-block;
  vertical-align: middle;
  width: 33%; }

.tutorial-popover-enter {
  opacity: .01;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in; }
  .tutorial-popover-enter.tutorial-popover-enter-active {
    opacity: 1; }

.tutorial-popover-leave {
  opacity: 1;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in; }
  .tutorial-popover-leave.tutorial-popover-leave-active {
    opacity: .01; }

.da-wrapper {
  margin-top: 5px; }

.button__da-request {
  line-height: 0.8;
  margin-top: 6px; }

a.mkto-button, button.mkto-button {
  line-height: 1.78;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 8px 42px;
  font-size: 14px;
  font-family: EffraMedium;
  background-color: #ec1075;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer; }

.mkto-heading {
  font-family: EffraHeavy;
  font-size: 30px;
  line-height: 1.17;
  color: #494649;
  text-transform: uppercase;
  margin-bottom: 30px; }

.mkto-text--small {
  font-size: 14px;
  line-height: 1.6; }

.mkto-footer__logo {
  display: inline-block;
  margin-top: 10px; }
  .mkto-footer__logo img {
    width: 169px;
    height: 33px; }

.mkto-footer__heading {
  color: #000;
  font-size: 18px;
  margin-bottom: 23px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  font-family: EffraMedium;
  line-height: 1.08; }

.mkto-footer__link {
  color: #000;
  font-family: EffraLight;
  font-size: 15px;
  line-height: 2;
  display: block; }
  .mkto-footer__link:visited {
    color: #000; }
  .mkto-footer__link:hover {
    color: #ec1075; }
  .mkto-footer__link:active {
    color: #ec1075; }
  .mkto-footer__link:hover {
    text-decoration: none; }

.mkto-footer .icon-share-twitter, .mkto-footer .icon-share-linkedin, .mkto-footer .icon-share-facebook {
  color: #414246; }
  .mkto-footer .icon-share-twitter:hover, .mkto-footer .icon-share-linkedin:hover, .mkto-footer .icon-share-facebook:hover {
    color: #ec1075; }

.mkto-footer__social-link + .mkto-footer__social-link {
  margin-left: 20px; }

.mkto-footer__utility {
  margin: 10px 0; }
  @media (min-width: 640px) {
    .mkto-footer__utility {
      margin: 0; } }

.mkto-footer__utility-item {
  font-family: EffraLight;
  color: #000;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px; }
  .mkto-footer__utility-item:last-child {
    margin-right: 0; }
  .mkto-footer__utility-item a {
    color: #000; }
    .mkto-footer__utility-item a:visited {
      color: #000; }
    .mkto-footer__utility-item a:hover {
      color: #000; }
    .mkto-footer__utility-item a:active {
      color: #000; }

.mkto-footer--column {
  margin-bottom: 40px; }
  @media (min-width: 640px) {
    .mkto-footer--column {
      margin-bottom: 0; } }
  @media (min-width: 640px) {
    .mkto-footer--column {
      width: 16.6666666667%; } }
  .mkto-footer--column:last-child {
    margin-bottom: 0; }

.mkto-inner-container {
  margin: 0 auto;
  max-width: 1170px;
  padding: 0 20px; }

.mkto-container {
  text-align: center;
  background: url(/assets/static/footer-desktop-bkg-1047e1a8.jpg) repeat;
  padding: 80px 0; }

.badge {
  font-size: 10px;
  padding: 1px 7px;
  margin-left: 5px;
  vertical-align: top;
  border-radius: 50px;
  border: 1px solid #c5c5c5; }
  .badge:hover {
    text-decoration: none; }

.badge--ibb {
  background-color: #d9ebf8;
  border-color: #c3e0f4; }
  .badge--ibb:hover {
    background-color: #d0e6f6;
    border-color: #bbdbf2; }

.badge-hacker-one {
  color: black; }

.badge--confidential {
  background-color: #fbf1f1;
  border-color: #f5dddd; }
  .badge--confidential:hover {
    background-color: #f9e9e9;
    border-color: #f3d5d5; }

.badge--managed {
  background-color: #d9ebf8;
  border-color: #c3e0f4; }
  .badge--managed:hover {
    background-color: #d0e6f6;
    border-color: #bbdbf2; }

.badge--disabled-submissions {
  background-color: #fbf1f1;
  border-color: #f5dddd; }
  .badge--disabled-submissions:hover {
    background-color: #f9e9e9;
    border-color: #f3d5d5; }

.badge--sandboxed {
  background-color: #fef7d4;
  border-color: #fdf2bb; }
  .badge--sandboxed:hover {
    background-color: #fef5ca;
    border-color: #fdf1b1; }

.performance-badge {
  position: absolute;
  right: -3px;
  bottom: -1px; }
  .performance-badge__icon {
    width: 16px;
    height: 16px; }
    .performance-badge__icon--quick-to-bounty .inner-circle,
    .performance-badge__icon--quick-to-bounty .outer-circle {
      fill: #9013fe; }
    .performance-badge__icon--quick-to-response .inner-circle,
    .performance-badge__icon--quick-to-response .outer-circle {
      fill: #ff669b; }

.performance-badge__icon--quick-to-bounty.performance-badge__icon--quick-to-response .inner-circle {
  fill: #9013fe; }

.performance-badge__icon--quick-to-bounty.performance-badge__icon--quick-to-response .outer-circle {
  fill: #ff669b; }

.empty-state {
  height: 200px;
  text-align: center; }
  .empty-state:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.empty-state__explanation {
  font-size: 14px;
  color: #999;
  display: inline-block;
  vertical-align: middle; }

.empty-state__icon {
  font-size: 120px;
  color: #eee;
  margin-bottom: 30px; }

.flip-out-container {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #f5f5f5;
  -webkit-transition: max-height 1s, visibility 1s;
  transition: max-height 1s, visibility 1s; }
  .flip-out-container__inner {
    padding: 15px; }
  .flip-out-container--active {
    visibility: visible;
    max-height: 300px; }

.internal-activity-icon {
  color: #828282;
  margin-right: 2px;
  cursor: pointer; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.loading-indicator__inner {
  -webkit-animation: spinner 1000ms linear infinite;
          animation: spinner 1000ms linear infinite;
  z-index: 3; }

.loading-indicator__overlay {
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  background: rgba(255, 255, 255, 0.75); }

.loading-indicator__caption {
  z-index: 3;
  color: #828282;
  width: 100%;
  text-align: center; }

.nav-tab {
  float: left; }
  .nav-tab + .nav-tab:before {
    padding: 0 10px;
    content: "|"; }

.nav-tab__link--active,
.nav-tab__link--active:visited {
  color: #828282; }

.pagination {
  margin-top: 20px; }

.pagination__results,
.pagination__button-group {
  display: inline-block;
  vertical-align: middle; }

.pagination__results {
  margin-right: 10px;
  text-align: right;
  color: #828282; }

.pagination__arrow--left:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.pagination__arrow--right:before {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }

.progress-bar {
  height: 10px; }

.progress-bar__step {
  float: left;
  height: 100%;
  border: 1px solid #e5e5e5;
  background-color: #fff; }
  .progress-bar__step:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px; }
  .progress-bar__step:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px; }
  .progress-bar__step:not(:first-child) {
    border-left: none; }

.progress-bar__step--active {
  background-color: #72bc42;
  border-color: #61a038; }

.reputation-change-badge {
  font-weight: 600;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #c5c5c5;
  color: #828282;
  min-width: 30px;
  padding: 0 3px;
  text-align: center; }

.reputation-change-badge--increase {
  border-color: #72bc42;
  color: #72bc42; }

.reputation-change-badge--decrease {
  border-color: #cd3a3a;
  color: #cd3a3a; }

.search-input__search-icon {
  color: #999;
  height: 50%;
  margin: auto;
  position: absolute;
  top: -2px;
  left: 10px;
  bottom: 0; }

.search-input__clear-icon {
  color: #999;
  height: 50%;
  margin: auto;
  position: absolute;
  top: -3px;
  right: 10px;
  bottom: 0;
  cursor: pointer; }
  .search-input__clear-icon:visited {
    color: #999; }
  .search-input__clear-icon:hover {
    color: #999; }
  .search-input__clear-icon:active {
    color: #999; }

.panel {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative; }
  .panel--active {
    border: 2px solid #216ba5; }
  .panel__heading {
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    white-space: nowrap; }
  .panel__image {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .panel__content {
    padding: 10px 15px;
    position: relative; }
  .panel__notice {
    background: #fffae0; }

.icon-share-facebook {
  color: #ccc; }
  .icon-share-facebook:visited {
    color: #ccc; }
  .icon-share-facebook:hover {
    color: #335292; }
  .icon-share-facebook:active {
    color: #335292; }

.icon-share-twitter {
  color: #ccc; }
  .icon-share-twitter:visited {
    color: #ccc; }
  .icon-share-twitter:hover {
    color: #52a3db; }
  .icon-share-twitter:active {
    color: #52a3db; }

.icon-share-google-plus {
  color: #ccc; }
  .icon-share-google-plus:visited {
    color: #ccc; }
  .icon-share-google-plus:hover {
    color: #d75a4b; }
  .icon-share-google-plus:active {
    color: #d75a4b; }

.icon-share-linkedin {
  color: #ccc; }
  .icon-share-linkedin:visited {
    color: #ccc; }
  .icon-share-linkedin:hover {
    color: #007cb6; }
  .icon-share-linkedin:active {
    color: #007cb6; }

.icon-share-hacker-news {
  color: #ccc; }
  .icon-share-hacker-news:visited {
    color: #ccc; }
  .icon-share-hacker-news:hover {
    color: #ff6800; }
  .icon-share-hacker-news:active {
    color: #ff6800; }

.icon-share-reddit {
  color: #ccc; }
  .icon-share-reddit:visited {
    color: #ccc; }
  .icon-share-reddit:hover {
    color: #93b8de; }
  .icon-share-reddit:active {
    color: #93b8de; }

.icon-share-rss {
  color: #ccc; }
  .icon-share-rss:visited {
    color: #ccc; }
  .icon-share-rss:hover {
    color: #ff6800; }
  .icon-share-rss:active {
    color: #ff6800; }

.icon-share-hackerone {
  color: #ccc; }
  .icon-share-hackerone:visited {
    color: #ccc; }
  .icon-share-hackerone:hover {
    color: #000; }
  .icon-share-hackerone:active {
    color: #000; }

.substate-indicator {
  border: 1px solid transparent;
  border-radius: 500px;
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  margin: -2px 5px 0 0;
  margin-right: 4px; }

.report-status-indicator {
  float: left;
  padding: 0 5px;
  border-radius: 3px;
  border: 1px solid transparent;
  font-size: 11px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 600;
  margin-right: 5px; }
  .report-status-indicator:hover, .report-status-indicator:active, .report-status-indicator:visited {
    color: #fff; }

.substate-indicator--pre-submission {
  background-color: #f5ca61;
  border-color: #f2ba31; }

.substate-indicator--new {
  background-color: #8e44ad;
  border-color: #703688; }

.substate-indicator--triaged {
  background-color: #e67e22;
  border-color: #bf6516; }

.substate-indicator--resolved {
  background-color: #609828;
  border-color: #47701d; }

.substate-indicator--needs-more-info {
  background-color: #559cf5;
  border-color: #2580f2; }

.substate-indicator--not-applicable {
  background-color: #ce3f4b;
  border-color: #ae2c37; }

.substate-indicator--informative {
  background-color: #ccc;
  border-color: #b3b3b3; }

.substate-indicator--duplicate {
  background-color: #a78260;
  border-color: #88694c; }

.substate-indicator--spam {
  background-color: #555;
  border-color: #3c3c3c; }

.substate-indicator--total {
  background-color: #8e44ad;
  border-color: #703688; }

.substate-indicator--average {
  background-color: #e67e22;
  border-color: #bf6516; }

.substate-indicator--minimum {
  background-color: #559cf5;
  border-color: #2580f2; }

.substate-indicator--maximum {
  background-color: #609828;
  border-color: #47701d; }

.substate-indicator--response-time {
  background-color: #8e44ad;
  border-color: #703688; }

.substate-indicator--resolution-time {
  background-color: #609828;
  border-color: #47701d; }

.table, .markdownable table {
  width: 100%;
  margin-bottom: 20px;
  table-layout: fixed; }
  .table--separate {
    border-collapse: separate; }
  .table thead, .markdownable table thead {
    background: #f5f5f5; }
    .table thead th, .markdownable table thead th,
    .table thead td, .markdownable table thead td {
      font-weight: 600; }
  .table td, .markdownable table td,
  .table th, .markdownable table th {
    padding: 7px;
    vertical-align: middle;
    border-top: 1px solid #e5e5e5;
    font-weight: inherit; }
  .table--no-margin {
    margin: 0; }
  .table .table__row--no-top-border, .markdownable table .table__row--no-top-border {
    border-top: 0px; }
  .table .table__row--align-top, .markdownable table .table__row--align-top {
    vertical-align: top; }
  .table .table__row--reconcilation td, .markdownable table .table__row--reconcilation td, .table .table__row--total td, .markdownable table .table__row--total td {
    border-top-width: 2px; }

.table--layout-auto {
  table-layout: auto; }

.table--rounded {
  border: 1px #c5c5c5 solid;
  border-radius: 4px;
  border-collapse: separate; }
  .table--rounded thead th {
    border-top: 0;
    border-bottom: 1px solid #c5c5c5; }
  .table--rounded tfoot td {
    border-top: 1px solid #c5c5c5;
    background: transparent;
    border-bottom: 0; }
  .table--rounded td {
    border-bottom: 1px solid #c5c5c5;
    background: #fff;
    border-top: 0; }
    .table--rounded td + td {
      border-left: 1px solid #c5c5c5; }
  .table--rounded tbody tr:last-child td {
    border-bottom: 0; }
  .table--rounded tbody tr:first-child td:first-child {
    border-top-left-radius: 4px; }
  .table--rounded tbody tr:first-child td:last-child {
    border-top-right-radius: 4px; }
  .table--rounded tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px; }
  .table--rounded tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px; }

.table__cell--checkbox {
  width: 26px; }

.table__cell--avatar-small {
  width: 45px; }

.table__cell--width-1-10 {
  width: 10%; }

.table__cell--width-2-10 {
  width: 20%; }

.table__cell--width-3-10 {
  width: 30%; }

.table__cell--width-4-10 {
  width: 40%; }

.table__cell--width-5-10 {
  width: 50%; }

.table__cell--width-6-10 {
  width: 60%; }

.table__cell--width-7-10 {
  width: 70%; }

.table__cell--width-8-10 {
  width: 80%; }

.table__cell--width-9-10 {
  width: 90%; }

.table__cell--width-10-10 {
  width: 100%; }

.drag-table-row td {
  padding: 7px;
  vertical-align: middle;
  border-top: 1px solid #cadeeb;
  border-bottom: 1px solid #cadeeb;
  font-weight: inherit;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: rgba(239, 245, 249, 0.85); }

.severity-button-coloring--none {
  background: #bae6aa;
  text-shadow: 0 1px 0 #8ad46f;
  box-shadow: #8ad46f;
  border: 1px solid #589f3e; }
  .severity-button-coloring--none:hover {
    background: #bae6aa; }

.severity-button-coloring--low {
  background: #fff1c0;
  text-shadow: 0 1px 0 #ffe173;
  box-shadow: #ffe173;
  border: 1px solid #f3c419; }
  .severity-button-coloring--low:hover {
    background: #fff1c0; }

.severity-button-coloring--medium {
  background: #fde3b7;
  text-shadow: 0 1px 0 #fbc66d;
  box-shadow: #fbc66d;
  border: 1px solid #ec9d16; }
  .severity-button-coloring--medium:hover {
    background: #fde3b7; }

.severity-button-coloring--high {
  background: #feb297;
  text-shadow: 0 1px 0 #fd7a4b;
  box-shadow: #fd7a4b;
  border: 1px solid #d4420e; }
  .severity-button-coloring--high:hover {
    background: #feb297; }

.severity-button-coloring--critical {
  background: #ff8380;
  text-shadow: 0 1px 0 #ff3833;
  box-shadow: #ff3833;
  border: 1px solid #c20f0a; }
  .severity-button-coloring--critical:hover {
    background: #ff8380; }

.severity-label {
  display: inline-block;
  line-height: 1; }
  .severity-label__text {
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }

.severity-indicator {
  display: inline-block;
  margin-top: -1px;
  vertical-align: middle;
  width: 26px;
  height: 12px;
  border-radius: 3px;
  position: relative;
  background: #f5f5f5;
  border: 1px solid #c5c5c5; }
  .severity-indicator__progress {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
    .severity-indicator__progress--none {
      background: #caebbe;
      border: 1px solid #53aa33;
      width: 6px;
      height: 12px; }
    .severity-indicator__progress--low {
      background: #fff7d9;
      border: 1px solid #ffcb0d;
      width: 11px;
      height: 12px; }
    .severity-indicator__progress--medium {
      background: #feedd0;
      border: 1px solid #f9a009;
      width: 16px;
      height: 12px; }
    .severity-indicator__progress--high {
      background: #fec5b0;
      border: 1px solid #df3d03;
      width: 21px;
      height: 12px; }
    .severity-indicator__progress--critical {
      background: #ff9c99;
      border: 1px solid #cc0500;
      width: 26px;
      height: 12px; }
    .severity-indicator__progress--critical {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
  .severity-indicator__separator {
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 1; }
    .severity-indicator__separator:nth-child(1) {
      left: 4px; }
    .severity-indicator__separator:nth-child(2) {
      left: 9px; }
    .severity-indicator__separator:nth-child(3) {
      left: 14px; }
    .severity-indicator__separator:nth-child(4) {
      left: 19px; }

.progress-bar-with-steps-container {
  font-size: 15px;
  font-weight: 600; }

.step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .step__whitespace {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .step__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .step__wrapper:last-child {
      -webkit-box-flex: 0;
      -webkit-flex: 0;
          -ms-flex: 0;
              flex: 0; }
  .step__circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    vertical-align: middle;
    height: 32px;
    line-height: 20px;
    padding: 2px;
    width: 32px;
    background: #fff;
    color: #fff; }
    .step__circle--active {
      background: #2d68f4; }
    .step__circle--inactive {
      background: #fff;
      color: #bebebe;
      border: 1px solid #bebebe; }
    .step__circle--completed {
      background: #02c996; }
  .step__connector {
    height: 3px;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    background: #bebebe; }
  .step__progress {
    height: 100%; }
    .step__progress--active {
      background: #2d68f4; }
    .step__progress--inactive {
      background: #bebebe; }
    .step__progress--completed {
      background: #02c996; }

.steplabel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .steplabel__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center; }
    .steplabel__item:first-child {
      text-align: left; }
    .steplabel__item:last-child {
      text-align: right; }
    .steplabel__item--active {
      color: #2d68f4; }
    .steplabel__item--inactive {
      color: #bebebe; }
    .steplabel__item--completed {
      color: #02c996; }

.daisy-wizard-step {
  font-size: 15px;
  font-weight: 300; }
  .daisy-wizard-step--inactive {
    min-height: 140px;
    margin: 10px -20px -20px;
    padding: 20px;
    background: #f9f9f9; }
  .daisy-wizard-step--completed {
    min-height: 50px;
    margin: 10px -20px;
    padding: 0 20px; }
  .daisy-wizard-step__indicator {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    width: 32px;
    line-height: 20px;
    padding: 5px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #c5c5c5;
    text-align: center;
    font-weight: 600; }
    .daisy-wizard-step__indicator--active {
      background: #fff; }
    .daisy-wizard-step__indicator--completed {
      border: 0;
      background: #bebebe;
      color: #fff; }
    .daisy-wizard-step__indicator--inactive {
      color: #a6a6a6; }
  .daisy-wizard-step__title {
    font-weight: 600; }
    .daisy-wizard-step__title--active {
      color: #000; }
    .daisy-wizard-step__title--completed {
      color: #bebebe; }
    .daisy-wizard-step__title--inactive {
      color: #bebebe; }
  .daisy-wizard-step__content {
    padding: 0 40px; }

.metric-comparison {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #e5e5e5;
  margin: 20px 0;
  padding-top: 10px; }
  .metric-comparison:last-child {
    border-bottom: 0; }
  .metric-comparison__heading {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-weight: 600; }
  .metric-comparison__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0; }

.metric {
  font-size: 36px;
  font-weight: 300; }
  .metric__icon {
    display: none; }
  .metric__subtext {
    font-size: 13px;
    line-height: 16px; }
  .metric--great {
    color: #02c996; }
  .metric--average {
    color: #D10D15; }
  .metric--mediocre {
    color: #ff5064; }
  .metric--unknown {
    color: #bebebe; }

.icon {
  font-weight: 600;
  display: inline-block; }
  .icon__background {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    vertical-align: middle;
    color: white; }
    .icon__background--blue {
      background-color: #2d68f4; }
    .icon__background--green {
      background-color: #02c996; }
    .icon__background--pink {
      background-color: #ff5064; }
    .icon__background--grey {
      background-color: #585858; }
    .icon__background--extra-small {
      height: 18px;
      width: 18px;
      line-height: 16px;
      padding: 2px; }
    .icon__background--small {
      height: 24px;
      width: 24px;
      line-height: 20px;
      padding: 3px; }
    .icon__background--medium {
      height: 30px;
      width: 30px;
      line-height: 24px;
      padding: 4px; }
    .icon__background--large {
      height: 36px;
      width: 36px;
      line-height: 28px;
      padding: 8px; }
    .icon__background--extra-large {
      height: 42px;
      width: 42px;
      line-height: 32px;
      padding: 12px; }
  .icon--extra-small {
    font-size: 10px; }
  .icon--small {
    font-size: 15px; }
  .icon--medium {
    font-size: 20px; }
  .icon--large {
    font-size: 25px; }
  .icon--extra-large {
    font-size: 30px; }

.setup-guide-panel {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px 0;
  margin-top: 20px;
  font-weight: 300;
  color: #4a4a4a; }
  .setup-guide-panel__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px 0;
    font-weight: 600;
    vertical-align: center; }
    .setup-guide-panel__heading__title {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; }
    .setup-guide-panel__heading__icon {
      -webkit-box-flex: 0;
      -webkit-flex: 0;
          -ms-flex: 0;
              flex: 0; }

.dls-button {
  display: inline-block;
  border: 1px solid #2d68f4;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* HTML states */
  /* Sizes */
  /* Types */ }
  .dls-button:active, .dls-button:hover {
    text-decoration: none; }
  .dls-button:active, .dls-button:focus {
    outline: 0; }
  .dls-button:focus {
    box-shadow: 0 0 10px rgba(33, 107, 165, 0.3); }
  .dls-button:disabled {
    cursor: not-allowed; }
  .dls-button--small {
    font-size: 11px;
    padding: 5px 14px; }
  .dls-button--medium {
    font-size: 14px;
    padding: 5px 20px; }
  .dls-button--large {
    font-size: 16px;
    padding: 5px 20px; }
  .dls-button__submit {
    background-color: #2d68f4;
    color: #fff;
    color: #fff; }
    .dls-button__submit:visited {
      color: #fff; }
    .dls-button__submit:hover {
      color: #fff; }
    .dls-button__submit:active {
      color: #fff; }
    .dls-button__submit:hover {
      background-color: #2361f3;
      text-decoration: none; }
    .dls-button__submit:active {
      background-color: #1053f2; }
    .dls-button__submit:disabled {
      background-color: #bebebe;
      color: #000;
      color: #000;
      border-color: #bebebe; }
      .dls-button__submit:disabled:visited {
        color: #000; }
      .dls-button__submit:disabled:hover {
        color: #000; }
      .dls-button__submit:disabled:active {
        color: #000; }
      .dls-button__submit:disabled:hover {
        background-color: #b9b9b9;
        text-decoration: none; }
      .dls-button__submit:disabled:active {
        background-color: #afafaf; }
  .dls-button__button {
    background-color: #fff;
    color: #2d68f4;
    color: #2d68f4; }
    .dls-button__button:visited {
      color: #2d68f4; }
    .dls-button__button:hover {
      color: #2d68f4; }
    .dls-button__button:active {
      color: #2d68f4; }
    .dls-button__button:hover {
      background-color: #fafafa;
      text-decoration: none; }
    .dls-button__button:active {
      background-color: #f0f0f0; }
    .dls-button__button:disabled {
      background-color: #fff;
      color: #000;
      color: #000;
      border-color: #585858; }
      .dls-button__button:disabled:visited {
        color: #000; }
      .dls-button__button:disabled:hover {
        color: #000; }
      .dls-button__button:disabled:active {
        color: #000; }
      .dls-button__button:disabled:hover {
        background-color: #fafafa;
        text-decoration: none; }
      .dls-button__button:disabled:active {
        background-color: #f0f0f0; }

.daisy-completion-marker {
  position: relative;
  margin: 0 -50px;
  padding: 0 50px; }
  .daisy-completion-marker__icon {
    position: absolute;
    right: -9px;
    top: calc(50% - 13px); }

.switch {
  display: inline-block;
  height: 35px;
  width: 45px; }
  .switch__slider {
    background-color: #bebebe;
    border-radius: 35px;
    cursor: pointer;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 12px; }
    .switch__slider::before {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #fff;
      border: 2px solid;
      border-radius: 50%;
      height: 25px;
      -webkit-transition: .4s;
      transition: .4s;
      width: 25px; }
  .switch__checkbox {
    display: none; }
    .switch__checkbox:checked + .switch__slider {
      background-color: #2d68f4; }
    .switch__checkbox:not(:checked) + .switch__slider {
      background-color: #bebebe; }
    .switch__checkbox:checked + .switch__slider::before {
      content: "ON";
      color: #2d68f4;
      border-color: #2d68f4;
      -webkit-transform: translateX(16px);
          -ms-transform: translateX(16px);
              transform: translateX(16px); }
    .switch__checkbox:not(:checked) + .switch__slider::before {
      content: "OFF";
      color: #bebebe;
      border-color: #bebebe; }

.users-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  background: #f9f9f9;
  padding: 20px 0; }
  .users-grid__user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 5px 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 90px;
        -ms-flex: 0 1 90px;
            flex: 0 1 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .users-grid__user__username {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%;
      line-height: 15px;
      font-weight: 600; }
    .users-grid__user__meta {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%;
      font-size: 11px; }
  .users-grid .avatar {
    border: 0;
    background: #f9f9f9;
    margin-bottom: 10px; }

.daisy-banner {
  background: #02c996;
  line-height: 24px;
  padding: 16px;
  font-size: 16px;
  color: #fff; }
  .daisy-banner--warning {
    background: #FF6B0A; }
  .daisy-banner--error {
    background: #D10D15; }
  .daisy-banner--success {
    background: #02c996; }

.color-indicator {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 10px;
  margin-top: 3px; }
  .color-indicator--red {
    background: #D10D15; }
  .color-indicator--orange {
    background: #FF6B0A; }
  .color-indicator--green {
    background: #02c996; }

.odometer.odometer-auto-theme {
  line-height: 1.1em;
  display: inline-block;
  position: relative; }
  .odometer.odometer-auto-theme .odometer-value {
    text-align: center; }
  .odometer.odometer-auto-theme .odometer-digit {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer {
      display: inline-block;
      visibility: hidden; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {
      text-align: left;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon {
      display: block; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner {
      display: block;
      -webkit-backface-visibility: hidden; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-value {
      display: block;
      -webkit-transform: translateZ(0); }
      .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value {
        position: absolute; }
  .odometer.odometer-auto-theme .odometer-formatting-mark {
    vertical-align: middle; }
  .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s; }
  .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
  .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
  .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.ps-container {
  -ms-touch-action: none;
  overflow: hidden !important; }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block; }
  .ps-container.ps-in-scrolling {
    pointer-events: none; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      border-radius: 4px;
      -webkit-transition: background-color .2s linear;
      transition: background-color .2s linear;
      bottom: 0;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 8px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      border-radius: 4px;
      -webkit-transition: background-color .2s linear;
      transition: background-color .2s linear;
      right: 0;
      /* there must be 'right' for ps-scrollbar-y */
      width: 8px; }
  .ps-container:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999; }

.radar-chart {
  padding: 10px; }

.radar-chart .level {
  stroke: grey;
  stroke-width: 0.5; }

.radar-chart .axis line {
  stroke: grey;
  stroke-width: 1; }

.radar-chart .axis .legend {
  font-family: sans-serif;
  font-size: 10px; }

.radar-chart .axis .legend.top {
  dy: 1em; }

.radar-chart .axis .legend.left {
  text-anchor: start; }

.radar-chart .axis .legend.middle {
  text-anchor: middle; }

.radar-chart .axis .legend.right {
  text-anchor: end; }

.radar-chart .tooltip {
  font-family: sans-serif;
  font-size: 13px;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0; }

.radar-chart .tooltip.visible {
  opacity: 1; }

/* area transition when hovering */
.radar-chart .area {
  stroke-width: 2;
  fill-opacity: 0.5; }

.radar-chart.focus .area {
  fill-opacity: 0.1; }

.radar-chart.focus .area.focused {
  fill-opacity: 0.7; }

.radar-chart .circle {
  fill-opacity: 0.9; }

/* transitions */
.radar-chart .area, .radar-chart .circle {
  -webkit-transition: opacity 300ms, fill-opacity 200ms;
  transition: opacity 300ms, fill-opacity 200ms;
  opacity: 1; }

.radar-chart .d3-enter, .radar-chart .d3-exit {
  opacity: 0; }

.tether {
  z-index: 1500; }

.section-title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
  line-height: 1.25; }
.live-hackathon-leaderboard {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr; }

.top-three {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 10fr 13fr 10fr;
      grid-template-columns: 10fr 13fr 10fr;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr; }
.top-three-hacker {
  text-align: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -ms-grid-rows: 4fr 1fr 2fr;
      grid-template-rows: 4fr 1fr 2fr;
  grid-gap: 0 1vw; }
  .top-three-hacker.top-1 .username {
    font-size: 1.85vw; }
  .top-three-hacker .avatar-container {
    position: relative; }
  .top-three-hacker .username {
    font-size: 1.6vw;
    line-height: 2.5vw; }
  .top-three-hacker .avatar {
    background: white;
    background-size: cover;
    border-radius: 100px;
    width: 50%;
    height: 0;
    padding-bottom: 50%;
    position: absolute;
    margin-left: -25%;
    bottom: 2vw;
    left: 50%; }
  .top-three-hacker .place {
    background-color: rgba(255, 102, 155, 0.5);
    border-radius: 100px;
    width: 3.45vw;
    height: 3.45vw;
    font-size: 1.5vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1.5vw; }
    .top-three-hacker .place > div {
      background-color: #ff669b;
      border-radius: 100px;
      width: 2.85vw;
      height: 2.85vw;
      margin: .3vw;
      line-height: 3vw; }
  .top-three-hacker .count-container {
    display: inline-block;
    margin: 0 .8vw; }
    .top-three-hacker .count-container .count {
      font-size: 1.7vw;
      color: rgba(255, 102, 155, 0.87);
      margin: .25vw 0; }
    .top-three-hacker .count-container .count-label {
      text-transform: uppercase;
      font-size: .63vw;
      color: rgba(255, 255, 255, 0.7); }
.rest-hackers {
  width: 100%;
  font-size: 1.3vw; }
  .rest-hackers thead {
    background-color: rgba(74, 74, 74, 0.5);
    text-transform: uppercase;
    color: #979797;
    font-size: 1vw;
    line-height: 2.4vw; }
    .rest-hackers thead td {
      padding: 0 1vw; }
  .rest-hackers tbody tr {
    line-height: 4vw; }
  .rest-hackers a {
    color: #FFF; }
  .rest-hackers td {
    padding: 0 .25vw;
    text-align: center; }
  .rest-hackers .username {
    width: 100%;
    text-align: left; }
  .rest-hackers .avatar {
    background-size: cover;
    border-radius: 100px;
    width: 2.7vw;
    height: 2.7vw; }
.hours-left {
  color: #7EE2E7;
  text-transform: uppercase; }

.bounties-paid {
  color: rgba(255, 122, 155, 0.87); }
  .bounties-paid .label {
    text-transform: uppercase; }

.hours-left .countdown {
  line-height: 1;
  font-size: 6vw; }
  .hours-left .countdown .days {
    width: 100%; }
  .hours-left .countdown .hours {
    display: inline-block;
    width: 55%; }

.hours-left .hours-label {
  font-size: 2.45vw;
  width: 45%;
  display: inline-block; }

.statistics-with-bounty-amount .bounties-paid {
  line-height: 1; }
  .statistics-with-bounty-amount .bounties-paid .value {
    font-size: 6vw;
    display: inline-block;
    margin-right: 1vw; }
  .statistics-with-bounty-amount .bounties-paid .bounties-label {
    font-size: 2.45vw;
    width: 8vw;
    display: inline-block; }

.statistics-with-bounty-amount .announcement h1 {
  display: inline-block; }

.statistics-with-bounty-count .bounties-paid {
  line-height: 1; }
  .statistics-with-bounty-count .bounties-paid .value {
    font-size: 6vw;
    display: inline-block;
    margin-right: 1vw; }
  .statistics-with-bounty-count .bounties-paid .bounties-label {
    font-size: 2.45vw;
    width: 8vw;
    display: inline-block; }

.statistics-with-bounty-count .announcement {
  margin-top: 1vw; }

.announcement h1 {
  font-size: 1.5vw;
  line-height: 2vw;
  color: #7EE2E7;
  text-transform: uppercase;
  margin-right: 1vw; }
  .announcement h1:before {
    content: "";
    background: url(/assets/static/announcement-42da6a2c.png);
    background-size: cover;
    display: inline-block;
    vertical-align: sub;
    width: 2vw;
    height: 2vw;
    margin: 0 .5vw 0 0; }

.announcement p {
  margin: .5vw .5vw .5vw 0;
  font-size: 1.5vw;
  line-height: 2vw;
  display: inline-block; }
@charset "UTF-8";
.overlay {
  text-align: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
  grid-gap: 0 1vw;
  background: rgba(20, 20, 20, 0.95);
  width: 100vw;
  height: 100vh;
  font-family: 'Abel', sans-serif;
  font-size: 1vw;
  color: white; }

.overlay-hacker {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 4fr 1fr 2fr;
      grid-template-rows: 4fr 1fr 2fr;
  grid-gap: 0 1vw; }
  .overlay-hacker .avatar-container {
    position: relative; }
  .overlay-hacker .username {
    font-size: 4vw;
    line-height: 7.5vw; }
  .overlay-hacker .avatar {
    background: white;
    background-size: cover;
    border-radius: 500px;
    width: 70%;
    height: 0;
    padding-bottom: 70%;
    position: absolute;
    margin-left: -55%;
    bottom: 3vw;
    left: 70%; }
  .overlay-hacker .place {
    background-color: rgba(255, 102, 155, 0.5);
    border-radius: 100px;
    width: 6vw;
    height: 6vw;
    font-size: 2.75vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -3vw; }
    .overlay-hacker .place > div {
      background-color: #ff669b;
      border-radius: 100px;
      width: 5vw;
      height: 5vw;
      margin: .5vw;
      line-height: 5vw; }
  .overlay-hacker .count-container {
    display: inline-block;
    margin: 0 .8vw; }
    .overlay-hacker .count-container .count {
      font-size: 4.5vw;
      color: rgba(255, 102, 155, 0.87);
      margin: .25vw 0; }
    .overlay-hacker .count-container .count-label {
      text-transform: uppercase;
      font-size: 1.5vw;
      color: rgba(255, 255, 255, 0.7); }

.overlay-event {
  color: #50E3C2;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 8.5vw 1fr;
      grid-template-rows: 1fr 8.5vw 1fr; }
  .overlay-event .rank-change {
    font-size: 5.5vw; }
    .overlay-event .rank-change:before {
      content: "\25B2";
      font-size: 2.5vw;
      position: relative;
      top: -1vw;
      left: -1vw; }
  .overlay-event .event-type {
    font-size: 2.4vw; }
.slideshow {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local("Abel"), local("Abel-Regular"), url(/assets/static/Abel-Regular-7e3d2a92.ttf) format("truetype"); }

.live-hackathon-background {
  background-size: cover; }

.hacktheworld-2017-background {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: black; }

.live-hackathon-layout {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 6.5vw 2fr 1fr;
      grid-template-rows: 6.5vw 2fr 1fr;
  grid-gap: 1vw 2vw;
  padding: 2vw 3vw;
  height: 100vh;
  font-family: 'Abel', sans-serif;
  font-size: 1vw;
  color: white;
  background-color: rgba(20, 20, 20, 0.75); }
  .live-hackathon-layout * {
    box-sizing: border-box; }

.live-hackathon-logo {
  -ms-grid-column: span 2;
      grid-column: span 2;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
  .live-hackathon-logo .logo-text {
    vertical-align: -75%;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 4vw; }

.live-hackathon-leaderboard {
  -ms-grid-row: span 3;
      grid-row: span 3; }

.full-leaderboard-link td {
  text-align: left; }