html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  font-size: 100%;
  letter-spacing: 0;
  vertical-align: baseline;
  background: transparent; }

span {
  font-weight: inherit; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

img, object, embed {
  max-width: 100%; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

b, strong {
  font-weight: bold; }

strong.semi {
  font-weight: 600; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  text-decoration: none;
  line-height: 1;
  margin: 0; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 3px solid #ddd;
  margin: 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font: inherit; }

/* Accessible focus treatment
  people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't screw with your line-heights
  gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: 'Droid Sans Mono', fixed; }

/* hand cursor on clickable elements */
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button {
  width: auto;
  overflow: visible;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

select, input, textarea, a, button {
  outline: none; }

*, *:before, *:after {
  box-sizing: border-box; }

address {
  font-style: normal; }

th {
  font-weight: initial;
  text-align: left; }

img {
  border: 0; }

@font-face {
  font-family: "Droid Sans Mono";
  src: url(/assets/DroidSansMono-318f42b8d5329d43383bd5a7a79d1e6ca83376c4e943a9a31ba9819b5d8bd5a7.eot);
  src: url(/assets/DroidSansMono-318f42b8d5329d43383bd5a7a79d1e6ca83376c4e943a9a31ba9819b5d8bd5a7.eot?#iefix) format("embedded-opentype"), url(/assets/DroidSansMono-a4dde3ba9c879e0337216719a8df445adba4504fe905f79bb067e02510883acb.woff) format("woff"), url(/assets/DroidSansMono-960c9b6ec23c59f891c76023807ef2bcb11e33fed1c3b2058c6372bac739ae0a.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/SourceSansPro-Light-b652728b8ec92a1de2ecee2f9158f455552535e1612dbac88185c16eb5d108f8.eot);
  src: url(/assets/SourceSansPro-Light-b652728b8ec92a1de2ecee2f9158f455552535e1612dbac88185c16eb5d108f8.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Light-16c3544b67fbf912a51b2f53ce2facd64a83e30ecf9ae7c1a9d2f68eb8354063.woff) format("woff"), url(/assets/SourceSansPro-Light-fd96dfa39d7fa049598151f873ccd83dc78ecb65db199ac9736c4e61d4aa2f06.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/SourceSansPro-Regular-0e4fe1726f3929514888c64debcbc43f79c6f33aaf0b48db9048ddbb06d78712.eot);
  src: url(/assets/SourceSansPro-Regular-0e4fe1726f3929514888c64debcbc43f79c6f33aaf0b48db9048ddbb06d78712.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Regular-64708456b70f28590de9bfc18e5b3e80df3d7bfdad21f35d8e3733ecf40e346a.woff) format("woff"), url(/assets/SourceSansPro-Regular-641335f2a5b94341c8d090499cb1bfc032ec8993a6981fb6b9ce9e8dcbcabffe.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/SourceSansPro-Semibold-271e58e2283868dbc6153a9bb458f09375b273f8935866700355f31f146dc841.eot);
  src: url(/assets/SourceSansPro-Semibold-271e58e2283868dbc6153a9bb458f09375b273f8935866700355f31f146dc841.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Semibold-fae723661a087c1b0fd830881e0759242f4f9bc0e5d028ceecd3dd5d7a76608f.woff) format("woff"), url(/assets/SourceSansPro-Semibold-aae1293538ea28fe2e74495e1ae647595bf7f38ff744a8ee9958e6e710e69b6f.ttf) format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/SourceSansPro-Bold-e6144bdb3a932148cb03b4712d053e13b9c7971fa502a8b13a94d4536df380fc.eot);
  src: url(/assets/SourceSansPro-Bold-e6144bdb3a932148cb03b4712d053e13b9c7971fa502a8b13a94d4536df380fc.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Bold-1ec2145d20c5c118f064c7849cf841a3d2061dc4b45348fb18d33f67ef926b3f.woff) format("woff"), url(/assets/SourceSansPro-Bold-f1cf430c55591e3849f7d0f46a88578fd88f9a3725539f4fc2e065aac7cf2afa.ttf) format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Source Sans Pro";
  src: url(/assets/SourceSansPro-Black-7710aeb35089ce9cee059923d7a5f5e10d06895b82f14a6809f712f4a05ff749.eot);
  src: url(/assets/SourceSansPro-Black-7710aeb35089ce9cee059923d7a5f5e10d06895b82f14a6809f712f4a05ff749.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Black-58ed99de3c0dd315681e48b85f6cb97a2c58fb131a0e1a9cf45bca932934596c.woff) format("woff"), url(/assets/SourceSansPro-Black-33f521f11eeccd174770da19bb57285c2af2257af8de7659b35a1cf2a535f7d0.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }

.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1; }

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: flex; }

.ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-vertical.ct-start {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-label.ct-vertical.ct-end {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end; }

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px; }

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round; }

.ct-line {
  fill: none;
  stroke-width: 4px; }

.ct-area {
  stroke: none;
  fill-opacity: 0.1; }

.ct-bar {
  fill: none;
  stroke-width: 10px; }

.ct-slice-donut {
  fill: none;
  stroke-width: 60px; }

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #d70206; }

.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
  fill: #d70206; }

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #f05b4f; }

.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
  fill: #f05b4f; }

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #f4c63d; }

.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
  fill: #f4c63d; }

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #d17905; }

.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
  fill: #d17905; }

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #453d3f; }

.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
  fill: #453d3f; }

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #59922b; }

.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
  fill: #59922b; }

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #0544d3; }

.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
  fill: #0544d3; }

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #6b0392; }

.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
  fill: #6b0392; }

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #f05b4f; }

.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
  fill: #f05b4f; }

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #dda458; }

.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
  fill: #dda458; }

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #eacf7d; }

.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
  fill: #eacf7d; }

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #86797d; }

.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
  fill: #86797d; }

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #b2c326; }

.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
  fill: #b2c326; }

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #6188e2; }

.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
  fill: #6188e2; }

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #a748ca; }

.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
  fill: #a748ca; }

.ct-square {
  display: block;
  position: relative;
  width: 100%; }

.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%; }

.ct-square:after {
  content: "";
  display: table;
  clear: both; }

.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%; }

.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%; }

.ct-minor-second:after {
  content: "";
  display: table;
  clear: both; }

.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-major-second {
  display: block;
  position: relative;
  width: 100%; }

.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.8888888889%; }

.ct-major-second:after {
  content: "";
  display: table;
  clear: both; }

.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%; }

.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.3333333333%; }

.ct-minor-third:after {
  content: "";
  display: table;
  clear: both; }

.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-major-third {
  display: block;
  position: relative;
  width: 100%; }

.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%; }

.ct-major-third:after {
  content: "";
  display: table;
  clear: both; }

.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%; }

.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%; }

.ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both; }

.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%; }

.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.6666666667%; }

.ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both; }

.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%; }

.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%; }

.ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both; }

.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%; }

.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.804697157%; }

.ct-golden-section:after {
  content: "";
  display: table;
  clear: both; }

.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%; }

.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%; }

.ct-major-sixth:after {
  content: "";
  display: table;
  clear: both; }

.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%; }

.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%; }

.ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both; }

.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%; }

.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.3333333333%; }

.ct-major-seventh:after {
  content: "";
  display: table;
  clear: both; }

.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-octave {
  display: block;
  position: relative;
  width: 100%; }

.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%; }

.ct-octave:after {
  content: "";
  display: table;
  clear: both; }

.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%; }

.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%; }

.ct-major-tenth:after {
  content: "";
  display: table;
  clear: both; }

.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%; }

.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%; }

.ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both; }

.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%; }

.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%; }

.ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both; }

.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%; }

.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%; }

.ct-double-octave:after {
  content: "";
  display: table;
  clear: both; }

.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.spamRange::-ms-thumb {
  border: 2px solid #2b2e32;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer; }

.spamRange::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  border-radius: 30px;
  background: #3ff990;
  background: linear-gradient(to right, #3ff990 0%, #197ec9 47%, #6c5c8b 100%); }

.spamRange::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  border-radius: 30px;
  background: #3ff990;
  background: linear-gradient(to right, #3ff990 0%, #197ec9 47%, #6c5c8b 100%); }

.spamRange::-ms-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  border-radius: 30px;
  background: transparent;
  border-color: transparent;
  background: #3ff990;
  background: linear-gradient(to right, #3ff990 0%, #197ec9 47%, #6c5c8b 100%); }

.spamRange--hot::-webkit-slider-runnable-track {
  background: #1688d0;
  background: linear-gradient(to right, #1688d0 0%, #fa141b 100%); }

.spamRange--hot::-moz-range-track {
  background: #1688d0;
  background: linear-gradient(to right, #1688d0 0%, #fa141b 100%); }

.spamRange--hot::-ms-track {
  background: #1688d0;
  background: linear-gradient(to right, #1688d0 0%, #fa141b 100%); }

.spamRange--blueGreen::-webkit-slider-runnable-track {
  background: #146dd2;
  background: linear-gradient(to right, #146dd2 0%, #7cc546 100%); }

.spamRange--blueGreen::-moz-range-track {
  background: #146dd2;
  background: linear-gradient(to right, #146dd2 0%, #7cc546 100%); }

.spamRange--blueGreen::-ms-track {
  background: #146dd2;
  background: linear-gradient(to right, #146dd2 0%, #7cc546 100%); }

.adminStats {
  display: flex; }

.adminStats__stat {
  flex: 1 1 auto;
  text-align: center; }
  .adminStats__stat dt {
    font-weight: 300;
    color: #999; }
  .adminStats__stat dd {
    font-size: 26px;
    font-weight: bold; }

.buttonSet .button {
  margin-right: 7px; }

.buttonSet--center .button {
  margin: 0 5px; }

.checkboxList {
  background: #fff;
  border: 1px solid #e4e8ef;
  font: inherit;
  width: 100%;
  color: #3c4249;
  font-weight: 600;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px; }

.checkboxList__item {
  padding: 8px 10px;
  display: flex; }

.checkboxList__item + .checkboxList__item {
  border-top: 1px solid #e4e8ef; }

.checkboxList__checkbox {
  margin-right: 15px; }

.checkboxList__actualLabel {
  color: #3c4249;
  font-weight: 600; }

.checkBoxList__text {
  font-size: 12px;
  line-height: 1.5;
  color: #909db0;
  margin-top: 3px; }

.checkboxList__devEvent {
  font-family: 'Droid Sans Mono', fixed;
  font-size: 13px;
  font-weight: bold; }

.credentialList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.credentialList__item {
  background: #fff; }

.credentialList__item:nth-child(even) {
  background: none; }

.credentialList__item + .credentialList__item {
  border-top: 1px solid #eceff3; }

.credentialList__link {
  padding: 15px;
  display: flex; }
  .credentialList__link:hover {
    background: #f2f5f8 !important; }

.credentialList__properties {
  flex: 1 1 auto;
  min-width: 1px; }

.credentialList__name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2; }
  .credentialList__name .label {
    vertical-align: 2px;
    margin-left: 4px; }

.credentialList__key {
  font-size: 12px;
  font-family: 'Droid Sans Mono', fixed;
  color: #999; }

.credentialList__type {
  margin-right: 10px;
  width: 40px; }

.credentialList__usedAt {
  flex: 0 1 auto;
  max-width: 150px;
  text-align: right;
  margin-left: 25px;
  font-size: 12px;
  line-height: 1.4;
  color: #999; }

.credentialList__usedAt--active {
  color: #76c83b; }
  .credentialList__usedAt--active .credentialList__usedAtTitle {
    background-color: #76c83b; }

.credentialList__usedAt--quiet {
  color: #bac647; }
  .credentialList__usedAt--quiet .credentialList__usedAtTitle {
    background-color: #bac647; }

.credentialList__usedAt--dormant {
  color: #c7ad46; }
  .credentialList__usedAt--dormant .credentialList__usedAtTitle {
    background-color: #c7ad46; }

.credentialList__usedAt--inactive {
  color: #d05026; }
  .credentialList__usedAt--inactive .credentialList__usedAtTitle {
    background-color: #d05026; }

.credentialList__usedAtTitle {
  margin-bottom: 3px;
  background-color: #999;
  color: #fff;
  display: inline-block;
  padding: 1px 4px;
  font-size: 10px;
  border-radius: 3px; }

.dangerZone {
  border: 3px dashed #e2383a;
  border-radius: 4px;
  padding: 25px;
  color: #e2383a;
  background: #fdf3f3; }

.dataTable {
  width: 100%;
  border: 1px solid #ddd;
  font-size: 14px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.dataTable tr td {
  border-left: 1px solid #ddd;
  padding: 8px;
  background: #fff; }

.dataTable tr th {
  text-align: left;
  padding: 8px;
  background-color: #fffdf4;
  font-weight: 600;
  vertical-align: top; }

.dataTable thead td {
  font-weight: 600;
  border-left: 0 !important;
  background: #fffdf4;
  padding: 8px 9px;
  border-bottom: 2px solid #222; }

.dataTable tbody tr:nth-child(even) td {
  background: #f5f5f5; }

.dataTable tbody tr:hover td {
  background: #ededed; }

.dataTable__centerCell {
  text-align: center; }

.dataTable__rightCell {
  text-align: right; }

.dataTable__empty {
  padding: 40px 0 !important;
  text-align: center;
  color: #999;
  font-style: italic;
  font-size: 12px; }
  .dataTable__empty:hover {
    background: #fff !important; }

.dataTable__inputCell {
  padding: 0 !important; }
  .dataTable__inputCell input {
    width: 100%;
    padding: 8px;
    border: 0;
    font: inherit;
    background: transparent;
    font-weight: bold;
    color: #fb8424; }

.dataTable__redRow td {
  background-color: #fff0f1 !important;
  color: #cd2f3b !important; }
  .dataTable__redRow td .u-link {
    color: #cd2f3b; }

.deliveryList {
  color: #3c4249;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.deliveryList__item {
  background: #fff;
  padding: 15px; }

.deliveryList__item:nth-child(even) {
  background: none; }

.deliveryList__item + .deliveryList__item {
  border-top: 1px solid #eceff3; }

.deliveryList__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.deliveryList__status {
  display: flex; }

.deliveryList__secure {
  height: 12px;
  margin-right: 7px;
  margin-top: 2px; }

.deliveryList__errorCode {
  font-size: 12px;
  color: #909db0;
  margin-top: 5px; }

.deliveryList__error {
  margin-top: 5px;
  font-size: 12px;
  color: #909db0; }

.deliveryList__error--output {
  background: #909db0;
  color: #fff;
  font-size: 10px;
  font-family: 'Droid Sans Mono', fixed;
  padding: 10px;
  border-radius: 4px;
  margin-top: 8px;
  word-wrap: break-word; }

.deliveryList__error--output-ref {
  opacity: 0.5; }

.deliveryList__item--header p + p {
  margin-top: 8px; }

.deliveryList__techLink {
  display: inline-block;
  font-size: 10px;
  color: #909db0;
  margin-top: 8px;
  text-decoration: underline; }

.deliveryList-removeLink {
  text-align: right;
  font-size: 12px;
  color: #999;
  margin-top: 15px; }

.domainList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.domainList__item {
  display: block;
  background: #fff;
  padding: 15px;
  display: flex;
  justify-content: space-between; }

.domainList__item:nth-child(even) {
  background: none; }

.domainList__item + .domainList__item {
  border-top: 1px solid #eceff3; }

.domainList__details {
  flex: 1 1 auto;
  min-width: 1px; }

.domainList__properties {
  text-align: right;
  flex: 0 0 auto;
  margin-left: 25px; }

.domainList__name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis; }
  .domainList__name span.label {
    vertical-align: 2px; }

.domainList__verificationTime {
  color: #999; }

.domainList__links {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  text-decoration: underline; }
  .domainList__links a {
    margin-left: 10px; }

.domainList__delete {
  color: #e2383a;
  margin-left: 10px; }

.domainList__verificationLink {
  background: #0e69d5;
  color: #fff;
  padding: 1px 7px;
  border-radius: 4px;
  font-size: 12px; }

.domainList__checks {
  display: flex; }

.domainList__check {
  margin-right: 15px;
  font-size: 12px; }

.domainList__check--ok {
  background: url(/assets/icons/tick-green-236aa603ec7369e4c8f45090ba531ace6110dd71aa8c262b0eddc6d1b8fb5a10.svg) no-repeat 0 3px/12px;
  padding-left: 15px;
  color: #76c83b; }

.domainList__check--neutral {
  background: url(/assets/icons/tick-grey-a8a7f138b1ebdeb74d2f6171a0f16631c6de7813bf2f4d3de36dcffd2cb55205.svg) no-repeat 0 3px/12px;
  padding-left: 15px;
  color: #aaa; }

.domainList__check--neutral-cross {
  background: url(/assets/icons/cross-grey-9f453299fa6ae41bf6dcfb9fa9dc5f44afc6a4876be4747c7841330d8cf53cee.svg) no-repeat 0 3px/9px;
  padding-left: 12px;
  color: #aaa; }

.domainList__check--warning {
  background: url(/assets/icons/cross-orange-bb4c9d81ee097456f5504f3870e1c6646714f954422e35deadc180a9ac70fa48.svg) no-repeat 0 3px/9px;
  padding-left: 12px;
  color: #e8581f; }

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

.endpointList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.endpointList__item {
  background: #fff; }

.endpointList__item:nth-child(even) {
  background: none; }

.endpointList__item + .endpointList__item {
  border-top: 1px solid #eceff3; }

.endpointList__link {
  padding: 15px;
  display: block;
  display: flex; }
  .endpointList__link:hover {
    background: #f2f5f8 !important; }

.endpointList__main {
  width: 60%;
  flex: 1 1 auto; }

.endpointList__details {
  flex: 1 1 auto;
  width: 40%; }

.endpointList__name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px; }

.endpointList__url {
  font-size: 12px;
  color: #999; }

.endpointList__details {
  line-height: 1.5; }

.errorExplanation {
  border: 1px solid #e8581f;
  margin-bottom: 25px;
  color: #e8581f;
  padding: 15px;
  box-shadow: 0 0 10px #f5bebe;
  background: #fff;
  border-radius: 4px;
  line-height: 1.5; }

.errorExplanation h2 {
  display: none; }

.errorExplanation p {
  display: none; }

.errorExplanation ul li {
  list-style: disc;
  margin-left: 20px; }

html.subPage .errorExplanation {
  background: none;
  padding-left: 15px;
  line-height: 1.3; }

.fieldSet__field {
  display: flex; }

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

.fieldSet__label {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  color: #3c4249;
  margin-top: 11px;
  width: 20%; }

.fieldSet--wide .fieldSet__label {
  width: 40%; }

.fieldSet__input {
  flex: 0 0 auto;
  width: 80%; }

.fieldSet--wide .fieldSet__input {
  width: 60%; }

.fieldSet__text {
  font-size: 12px;
  line-height: 1.5;
  color: #909db0;
  margin-top: 5px; }

.fieldSetSubmit {
  margin-left: 20%;
  margin-top: 40px;
  display: flex; }

.fieldSetSubmit--wide {
  margin-left: 40%; }

.fieldSetSubmit__delete {
  flex: 1 0 auto;
  text-align: right; }
  .fieldSetSubmit__delete .button {
    margin-right: 0; }

.fieldSet__title {
  margin-top: 40px;
  font-weight: 600;
  font-size: 16px;
  margin-left: 20%;
  color: #0e69d5;
  border-bottom: 2px solid #e4e8ef;
  padding-bottom: 5px;
  margin-bottom: 20px; }

.fieldSet__title--noMargin {
  margin-top: 0; }

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

.fieldSet__titleSubText {
  margin-left: 20%;
  font-size: 12px;
  color: #909db0;
  line-height: 1.5;
  margin-bottom: 20px; }

.fieldSet--compact .fieldSet__field {
  display: block; }

.fieldSet--compact .fieldSet__field + .fieldSet__field {
  margin-top: 0; }

.fieldSet--compact .fieldSet__label {
  width: 100%;
  margin-bottom: 5px; }

.fieldSet--compact .fieldSet__input {
  width: 100%; }

.fieldSet--compact .fieldSet__fieldPair {
  display: flex;
  justify-content: space-between; }
  .fieldSet--compact .fieldSet__fieldPair .fieldSet__field {
    width: 48%; }

.fieldSet__inputPair {
  display: flex;
  justify-content: space-between; }
  .fieldSet__inputPair .input + .input {
    margin-left: 10px; }

.fieldSet__checkboxListAfter {
  margin-bottom: 6px; }

.fieldSet__selectList select + select {
  margin-top: 6px; }

html.main .flashMessage {
  position: fixed;
  background: #e2383a;
  z-index: 5000;
  left: 25px;
  top: 25px;
  width: 300px;
  color: #fff;
  padding: 15px;
  border-radius: 4px;
  font-size: 16px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  cursor: pointer; }

html.main .flashMessage--notice {
  background: #76c83b; }

html.subPage .flashMessage {
  background: #e2383a;
  color: #fff;
  font-size: 14px;
  padding: 15px;
  line-height: 1.4; }

html.subPage .flashMessage--notice {
  background: #76c83b; }

.footer__links {
  display: flex;
  margin-left: auto;
  align-items: center;
  font-size: 13px;
  color: #999; }
  .footer__links li {
    height: 24px; }
  .footer__links li + li {
    margin-left: 18px; }
  .footer__links a {
    text-decoration: underline; }

.footer__name {
  height: 16px;
  background: url(/assets/icon-00afde0297bfafd5c473135aa30b548ebedcaec81925c0cc8081a8c57fb5328a.svg) no-repeat 0 0;
  background-size: 16px;
  padding-left: 22px;
  font-weight: bold; }

.row {
  clear: both;
  margin-left: -20px;
  margin-right: -20px; }
  .row:after {
    clear: both;
    content: " ";
    display: table; }

.row--noPadding {
  margin-left: 0;
  margin-right: 0; }
  .row--noPadding .col {
    padding-left: 0;
    padding-right: 0; }

.col {
  float: left;
  padding-left: 20px;
  padding-right: 20px; }

.col--1 {
  width: 5%; }

.col--2 {
  width: 10%; }

.col--3 {
  width: 15%; }

.col--4 {
  width: 20%; }

.col--5 {
  width: 25%; }

.col--6 {
  width: 30%; }

.col--7 {
  width: 35%; }

.col--8 {
  width: 40%; }

.col--9 {
  width: 45%; }

.col--10 {
  width: 50%; }

.col--11 {
  width: 55%; }

.col--12 {
  width: 60%; }

.col--13 {
  width: 65%; }

.col--14 {
  width: 70%; }

.col--15 {
  width: 75%; }

.col--16 {
  width: 80%; }

.col--17 {
  width: 85%; }

.col--18 {
  width: 90%; }

.col--19 {
  width: 95%; }

.row--2col {
  margin-left: 0;
  margin-right: 0; }
  .row--2col .col:first-child {
    padding-left: 0;
    padding-right: 10px; }
  .row--2col .col:last-child {
    padding-left: 10px;
    padding-right: 0; }

@media (max-width: 1000px) {
  .col--collapse {
    width: 100%;
    margin-bottom: 50px; }
    .col--collapse:last-child {
      margin-bottom: 0; } }

.headersList__item {
  display: flex;
  font-family: 'Droid Sans Mono', fixed;
  font-size: 12px;
  justify-content: space-between; }
  .headersList__item dt {
    color: #0e69d5;
    width: 30%;
    text-align: right;
    font-weight: bold; }
  .headersList__item dd {
    width: 68%;
    word-wrap: break-word; }

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

.inlineError {
  background: #e2383a;
  color: #fff;
  padding: 15px;
  border-radius: 4px; }

.invoiceList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.invoiceList__item {
  background: #fff; }

.invoiceList__item:nth-child(even) {
  background: none; }

.invoiceList__item + .invoiceList__item {
  border-top: 1px solid #eceff3; }

.invoiceList__link {
  padding: 15px;
  display: flex; }
  .invoiceList__link:hover {
    background: #f2f5f8 !important; }

.invoiceList__number {
  width: 70px;
  flex: 0 0 auto;
  font-weight: bold; }

.invoiceList__date {
  flex: 1 1 auto; }

.invoiceList__total {
  width: 100px;
  flex: 0 0 auto; }

.invoiceList__status {
  width: 50px;
  text-align: right;
  flex: 0 0 auto; }

.ipList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.ipList__item {
  display: block;
  background: #fff;
  padding: 15px;
  justify-content: space-between; }

.ipList__item:nth-child(even) {
  background: none; }

.ipList__item + .ipList__item {
  border-top: 1px solid #eceff3; }

.ipList__name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px; }

.ipList__address {
  display: flex; }

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

.ipList__ipv4 {
  width: 120px; }

.ipList__ipv6 {
  width: 200px; }

.ipList__address--header {
  font-size: 12px;
  color: #999;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px; }

.ipPoolRuleList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.ipPoolRuleList__item {
  background: #fff; }

.ipPoolRuleList__item:nth-child(even) {
  background: none; }

.ipPoolRuleList__item + .ipPoolRuleList__item {
  border-top: 1px solid #eceff3; }

.ipPoolRuleList__link {
  padding: 15px;
  display: block; }
  .ipPoolRuleList__link:hover {
    background: #f2f5f8 !important; }

.ipPoolRuleList__condition {
  display: flex; }
  .ipPoolRuleList__condition dt {
    width: 180px;
    color: #999;
    padding-top: 1px; }
  .ipPoolRuleList__condition dd ul li {
    line-height: 1.4; }

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

.ipPoolRuleListDefault {
  text-align: center;
  margin-top: 25px;
  color: #999; }

.limits {
  font-size: 16px;
  color: #3c4249;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex; }

.limits__limit {
  flex: 1 1 auto;
  width: 50%;
  padding: 15px;
  text-align: center; }

.limits__limit + .limits__limit {
  border-left: 1px solid #efefef; }

.limits__title {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 600; }

.limits__value {
  font-size: 32px;
  font-weight: 900;
  color: #0e69d5; }

.limits__frequency {
  font-size: 14px;
  color: #999; }

.loginForm__input {
  margin-bottom: 15px; }

.loginForm__submit {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.loginForm__links {
  font-size: 12px;
  color: #999;
  text-decoration: underline;
  line-height: 1.7; }

.loginForm__divider {
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid #e4e8ef; }

.loginForm__localTitle {
  text-align: center;
  margin-bottom: 15px;
  color: #999; }

.mailGraph__graph {
  min-height: 230px;
  margin-bottom: 4px; }
  .mailGraph__graph .ct-series-a .ct-line {
    stroke: #0e69d5; }
  .mailGraph__graph .ct-series-a .ct-area {
    fill: #0e69d5;
    fill-opacity: 0.2; }
  .mailGraph__graph .ct-series-b .ct-line {
    stroke: #4ac7c5; }
  .mailGraph__graph .ct-series-b .ct-area {
    fill: #4ac7c5;
    fill-opacity: 0.2; }
  .mailGraph__graph .ct-point {
    stroke-width: 0; }
  .mailGraph__graph .ct-line {
    stroke-width: 1px; }
  .mailGraph__graph .ct-area {
    fill-opacity: 0.4; }

.mailGraph__empty {
  margin: 100px 0;
  text-align: center;
  color: #aaa; }

.mailGraph__key {
  font-size: 12px;
  margin-bottom: 15px;
  float: right; }
  .mailGraph__key li {
    float: left;
    margin-left: 10px;
    color: #4ac7c5; }
  .mailGraph__key li:before {
    display: block;
    float: left;
    width: 10px;
    content: " ";
    margin-top: 3px;
    height: 10px;
    border: 1px solid #4ac7c5;
    background: #98dfde;
    margin-right: 6px; }
  .mailGraph__key li.mailGraph__key--out {
    color: #0e69d5; }
    .mailGraph__key li.mailGraph__key--out:before {
      border-color: #0e69d5;
      background: #85b9f7; }

.mailGraph__labels {
  display: flex;
  margin-left: 40px;
  justify-content: space-between;
  font-size: 12px;
  color: #999; }

.messageActivity__event {
  display: flex; }

.messageActivity__event + .messageActivity__event {
  border-top: 1px solid #ddd;
  padding-top: 15px;
  margin-top: 15px; }

.messageActivity__timestamp {
  width: 170px;
  font-size: 12px;
  color: #999;
  flex: 0 0 auto; }

.messageActivity__details {
  background: url(/assets/icons/conveyor-943ba22547475ae2cba543f9bfe2983a6647a3db6d49b01ca08ca026018339cd.svg) no-repeat 0 2px/24px;
  padding-left: 35px; }

.messageActivity--detailsDelivery {
  background-image: url(/assets/icons/truck-2e28e8ed7908fa28abd9238803f528aa4206932356ee90cf4353f72bb46c67cc.svg); }

.messageActivity--detailsClick {
  background: url(/assets/icons/mouse-0c98109ff1f55d7d0decc53b2a19ae2d0e4c4c7496cfee332b5f396780def5ff.svg) no-repeat 5px 2px/12px; }

.messageActivity--detailsLoad {
  background-image: url(/assets/icons/eye-20ed366e59ff8a0fe6bf6092eb7f74540591cbbd6c00a3481465a1b6188af20a.svg); }

.messageActivity__subject {
  font-weight: 600;
  font-size: 14px;
  word-break: break-all; }

.messageActivity__extra {
  margin-top: 4px;
  color: #999;
  font-size: 12px;
  line-height: 1.4; }

.messageHeader {
  margin: 20px 35px; }

.messageHeader__subject {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px; }

.messageHeader__status {
  margin-bottom: 4px; }

.messageHeader__timestamp {
  color: #909db0; }

.messageHeader__basicProperties {
  display: flex; }
  .messageHeader__basicProperties dl {
    margin-right: 25px;
    display: flex; }
    .messageHeader__basicProperties dl dt {
      color: #909db0;
      margin-bottom: 5px;
      margin-right: 15px; }
    .messageHeader__basicProperties dl dd {
      font-weight: 600; }

.messageHeader__header {
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: right 0; }

.messageHeader__header--incoming {
  background-image: url(/assets/icons/incoming-mail-200bc920e3a1fd2098506def114675b73a095932bb9fba3694f0afaa914f86c5.svg); }

.messageHeader__header--outgoing {
  background-image: url(/assets/icons/outgoing-mail-7062c1902c2c66917210c9b5f3e7c1fa4e15a5d2451a1d7e112c5b3e26185291.svg); }

.messageList {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  overflow: hidden; }

.messageList__message + .messageList__message {
  border-top: 1px solid #eceff3; }

.messageList__link {
  display: flex;
  padding: 15px;
  background: #fff; }
  .messageList__link:hover {
    background: #f2f5f8 !important; }

.messageList__message:nth-child(even) .messageList__link {
  background: transparent; }

.messageList__details {
  flex: 1 1 auto;
  overflow: hidden;
  min-width: 1px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0 2px;
  padding-left: 25px; }

.messageList__details--incoming {
  background-image: url(/assets/icons/incoming-mail-200bc920e3a1fd2098506def114675b73a095932bb9fba3694f0afaa914f86c5.svg); }

.messageList__details--outgoing {
  background-image: url(/assets/icons/outgoing-mail-7062c1902c2c66917210c9b5f3e7c1fa4e15a5d2451a1d7e112c5b3e26185291.svg); }

.messageList__subject {
  font-weight: 600;
  margin-bottom: 7px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.messageList__addresses {
  display: flex;
  line-height: 1.4;
  font-size: 12px; }
  .messageList__addresses dt {
    font-weight: 600; }
  .messageList__addresses dd {
    margin-left: 15px;
    margin-right: 25px; }

.messageList__meta {
  flex: 0 0 auto;
  margin-left: 15px;
  justify-self: flex-end;
  text-align: right; }

.messageList__timestamp {
  color: #999;
  font-size: 12px;
  margin-bottom: 5px; }

.messagePropertiesPage {
  display: flex;
  justify-content: space-between; }

.messagePropertiesPage__left {
  width: 45%; }

.messagePropertiesPage__right {
  border-left: 3px solid #eee;
  padding-left: 35px;
  width: 52%; }

.messagePropertiesPage__property {
  margin-bottom: 25px;
  min-width: 1px; }
  .messagePropertiesPage__property dt {
    color: #909db0;
    margin-bottom: 3px; }
  .messagePropertiesPage__property dd {
    font-size: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.messagePropertiesPage__property--locked {
  background: url(/assets/icons/lock-96f423498e3fd0a2c8ce00afccb1969aced40e28a70284f6eb48797e488747cf.svg) no-repeat 0 1px/14px;
  padding-left: 20px; }

.messagePropertiesPage__propertyPair {
  display: flex;
  justify-content: space-between; }
  .messagePropertiesPage__propertyPair dl {
    width: 47%; }

.messagePropertiesPage__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 25px; }

.messageSearch {
  margin-bottom: 25px;
  position: relative; }

.messageSearch__help {
  position: absolute;
  z-index: 100;
  right: 20px;
  top: 11px;
  font-size: 12px;
  color: #909db0;
  text-decoration: underline; }

.messageSearch__input {
  width: 100%;
  margin: 0;
  border: 2px solid #e0e7f3;
  border-radius: 25px;
  padding: 6px 13px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #3c4249;
  background: url(/assets/icons/search-84eb6714c152d2ac5d957ed55a4060a418d8b3aa9a32414bcbe5301bac0d54d0.svg) #fff no-repeat 12px 7px/19px;
  padding-left: 38px;
  padding-right: 150px; }
  .messageSearch__input::-moz-placeholder {
    color: #98a5c0;
    font-weight: 300; }
  .messageSearch__input::placeholder {
    color: #98a5c0;
    font-weight: 300; }
  .messageSearch__input:focus {
    border-color: #0e69d5; }
  .messageSearch__input.is-spinning {
    background-image: url(/assets/spinner-sub-f24fcacc181e36f9c8b0734cf977ee2d5617928bf1d67cc859aca9b9c0f4414b.gif);
    background-position: 12px 5px; }

.messageSearch__helpBox {
  color: #3c4249;
  margin-top: 25px;
  border-radius: 4px;
  background: #fffdf1;
  padding: 25px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between; }

.messageSearch__left {
  width: 40%; }

.messageSearch__helpBoxTitle {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px; }

.messageSearch__helpBoxText {
  line-height: 1.5;
  font-size: 14px;
  color: #909db0; }

.messageSearch__right {
  width: 55%; }

.messageSearch__definition dt {
  font-family: 'Droid Sans Mono', fixed;
  font-weight: bold;
  font-size: 15px;
  color: #0e69d5; }

.messageSearch__definition dd {
  font-size: 13px;
  margin-top: 4px; }
  .messageSearch__definition dd code {
    font-family: 'Droid Sans Mono', fixed;
    font-size: 12px;
    color: #09468d; }

.messageSearch__definition + .messageSearch__definition {
  margin-top: 18px; }

.newMessageType {
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 15px 15px;
  background-color: #4bc9c5;
  color: #fff;
  padding: 15px;
  padding-left: 46px;
  border-radius: 4px;
  border: 1px solid #34ada9; }

.newMessageType--outgoing {
  background-color: #0e69d5;
  border-color: #0b51a5;
  background-image: url(/assets/icons/outgoing-mail-white-ce17040aff64e08f55978e195e249a271d588c06f0944326d15062a68a4721b5.svg); }

.newMessageType--incoming {
  background-image: url(/assets/icons/incoming-mail-white-f28341c16aa0de7e5c12331de220c7feba5ffcbc458231fddc59f0ff3a00fe20.svg); }

.navBar {
  background: #2b2e32;
  padding: 10px 35px;
  color: #fff; }
  .navBar ul {
    display: flex; }

.navBar--secondary {
  background: #979ea6; }
  .navBar--secondary .navBar__link.is-active {
    color: #2b2e32; }

.navBar--tertiary {
  background: #fff;
  border: 1px solid #e9ecf0;
  border-left: 0;
  border-right: 0; }
  .navBar--tertiary .navBar__link {
    color: #909db0; }
  .navBar--tertiary .navBar__link.is-active {
    color: #2b2e32; }

.navBar__item:not(:last-child) {
  margin-right: 35px; }

.navBar__link.is-active {
  color: #8abdff;
  font-weight: 600; }

.navBar__item--end {
  margin-left: auto; }

.navBar__link:hover {
  text-decoration: underline; }

.navBar__itemCounter {
  background: #e2383a;
  border-radius: 4px;
  padding: 2px 2px 1px 2px;
  line-height: 1;
  font-size: 10px;
  vertical-align: 1px;
  font-weight: 300;
  min-width: 20px;
  display: inline-block;
  text-align: center;
  margin-left: 5px; }
  .navBar__itemCounter.is-empty {
    background-color: #3c4249; }

.noData {
  text-align: center;
  border-radius: 4px;
  padding: 30px;
  padding-top: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.noData--clean {
  box-shadow: none;
  background-color: transparent; }

.noData__title {
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: 700; }

.noData__text {
  color: #888;
  font-size: 16px;
  line-height: 1.5; }

.noData__button {
  margin-top: 20px; }

.noData__postButtonText {
  margin: auto;
  margin-top: 15px;
  line-height: 1.5;
  width: 70%;
  color: #909db0; }

.pageContent {
  margin: 35px; }

.pageContent__intro {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: #909db0; }

.pageContent__title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #3c4249; }

.pageContent--compact {
  max-width: 600px;
  margin: 60px auto; }

.pageContent__subTitle {
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  margin-bottom: 10px; }

.pageContent__text {
  line-height: 1.5;
  margin-bottom: 15px; }
  .pageContent__text .label {
    vertical-align: 1px;
    margin-right: 2px; }

.pageContent__pageEntriesInfo {
  font-size: 12px;
  color: #909db0;
  margin-bottom: 10px; }

.pageContent__definitions {
  overflow: hidden; }
  .pageContent__definitions dt {
    width: 30%;
    float: left;
    color: #909db0; }
  .pageContent__definitions dd {
    margin-left: 35%;
    margin-bottom: 15px;
    word-wrap: break-word; }

.pageContent__definitionCode {
  font-size: 16px;
  font-weight: bold;
  font-family: 'Droid Sans Mono', fixed; }

.pageContent__definitionCode + .pageContent__definitionText {
  margin-top: 6px; }

.pageContent__definitionText {
  color: #909db0; }

.pageContent__list {
  line-height: 1.5; }
  .pageContent__list li {
    list-style: square;
    margin-left: 25px; }
  .pageContent__list li + li {
    margin-top: 15px; }

.pageContent__helpLink a {
  background: url(/assets/icons/help-57852c464638aa225a7f566448053c90349b679c0600db67e8d0b79af8be3d33.svg) no-repeat 0 2px/15px;
  padding-left: 20px;
  text-decoration: underline;
  color: #0e69d5; }

.pageHeader {
  background: #3c4249;
  padding: 22px 25px; }

.pageHeader__title {
  font-size: 26px;
  font-weight: 300;
  color: #fff; }

.pageHeader__titlePrevious {
  opacity: 0.2; }

nav.pagination {
  font-size: 12px;
  text-align: center;
  margin: 25px 0; }
  nav.pagination span.page.current, nav.pagination a {
    color: #0e69d5;
    display: inline-block;
    line-height: 1.3;
    border: 1px solid #dadfe5;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 4px;
    background: #fff;
    margin: 0 2px; }
  nav.pagination a:hover {
    background-color: white; }
  nav.pagination span.page.current {
    background: #0e69d5;
    color: #fff;
    border-color: #09468d; }

.retentionLimits__limit {
  display: flex;
  align-items: center; }

.retentionLimits__limit + .retentionLimits__limit {
  margin-top: 25px; }

.retentionLimits__label {
  width: 200px;
  flex: 0 0 auto;
  font-weight: bold;
  margin-right: 25px; }

.retentionLimits__info {
  border-left: 4px solid #0e69d5;
  padding-left: 25px; }

.retentionLimits__value {
  color: #0e69d5;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px; }

.retentionLimits__text {
  color: #909db0;
  font-size: 12px;
  line-height: 1.5; }

.routeList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.routeList__item {
  background: #fff; }

.routeList__item:nth-child(even) {
  background: none; }

.routeList__item + .routeList__item {
  border-top: 1px solid #eceff3; }

.routeList__link {
  padding: 15px;
  display: block; }
  .routeList__link:hover {
    background: #f2f5f8 !important; }

.routeList__name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 13px; }

.routeList__details {
  display: flex;
  justify-content: space-between;
  min-width: 1px; }

.routeList__endpoint {
  flex: 1 1 auto;
  overflow: hidden;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.1;
  background: url(/assets/icons/web-a9a6be4b2579c1606f3e7b38c26c0db012dd284db371be7b439c5c2e55c0f0ac.svg) no-repeat 0 0/12px;
  padding-left: 18px;
  font-size: 13px; }

.routeList__endpoint--smtp_endpoint {
  background-image: url(/assets/icons/email-987487b0fc2ccd1956e41dfc3864d5765605e8278505980d5d3e730df1b9f3ef.svg);
  background-size: 12px;
  background-position: 0 1.5px; }

.routeList__endpoint--address_endpoint {
  background-image: url(/assets/icons/email-987487b0fc2ccd1956e41dfc3864d5765605e8278505980d5d3e730df1b9f3ef.svg);
  background-size: 12px;
  background-position: 0 1.5px; }

.routeList__spamMode {
  font-size: 12px;
  color: #999;
  margin-left: 15px;
  flex: 0 0 auto; }

.routeNameInput {
  display: flex;
  align-items: center; }

.routeNameInput__at {
  margin: 0 7px;
  font-size: 18px;
  color: #909db0; }

.routeNameInput__name {
  width: 40%; }

.serverHeader {
  background: #3c4249;
  padding: 25px;
  display: flex;
  color: #fff;
  position: relative; }

.serverHeader__stripe {
  right: -35px;
  margin-top: -5px;
  background: #636363;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  width: 130px;
  padding: 4px 0;
  transform: rotate(45deg);
  position: absolute; }

.serverHeader__stripe--live {
  background-color: #76c83b; }

.serverHeader__stripe--suspended {
  background-color: #e2383a; }

.serverHeader__info {
  flex: 1 0 auto;
  padding: 8px; }

.serverHeader__stats {
  background-color: #2b2e32;
  width: 180px;
  flex: 0 0 auto;
  padding: 15px;
  border-radius: 4px; }
  .serverHeader__stats a:hover {
    text-decoration: underline; }

.serverHeader__usage {
  background: green;
  width: 320px;
  padding: 15px;
  margin-left: 10px;
  background-color: #2b2e32;
  flex: 0 0 auto;
  border-radius: 4px; }

.serverHeader__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px; }

.serverHeader__list {
  line-height: 1.5;
  font-size: 12px; }

.serverHeader__list--ok {
  color: #76c83b; }

.serverHeader__list--warning {
  color: #e8581f; }

.serverHeader__statsList {
  line-height: 1.8;
  font-size: 12px; }
  .serverHeader__statsList li {
    padding-left: 22px;
    font-weight: 300; }

.serverHeader__stat-held {
  background: url(/assets/icons/pause-white-b6aa575df72e9e347c82b48bcf1dfe4c36f0603e28a9a19c82839e970d6b0526.svg) no-repeat 0 4px/13px;
  padding-left: 22px; }

.serverHeader__stat-queue {
  background: url(/assets/icons/box-white-4dcbea1cd5440bc2ea7da87d55677f6aacd4c2093336efd666c6aaa429422048.svg) no-repeat 0 4px/13px; }

.serverHeader__stat-size {
  background: url(/assets/icons/size-white-7a74cd6146dcea3e29475145739fcc98910c4f97a81b7291135b671d73a0cc4d.svg) no-repeat 0 4px/13px; }

.serverHeader__stat-bounces {
  background: url(/assets/icons/bats-white-9843fe7e12d5da36c763769496bc5ee56cb132d372818e7dc2842c6eaeb58c4a.svg) no-repeat 0 4px/13px; }

.serverHeader__usageTitle {
  color: #566576;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px; }

.serverHeader__usageLine {
  display: flex;
  font-size: 12px;
  align-items: center; }

.serverHeader__usageLine + .serverHeader__usageLine {
  margin-top: 6px; }

.serverHeader__usageLineLabel {
  flex: 1 0 auto; }

.serverHeader__usageLineBar {
  width: 100px;
  line-height: 0; }

.serverHeader__usageLineValue {
  width: 60px;
  text-align: right;
  font-weight: 600; }

.serverHeader__usageLineValueLarge {
  width: 300px;
  text-align: right;
  color: #909db0; }
  .serverHeader__usageLineValueLarge b {
    color: #fff; }

.sidebar {
  width: 250px;
  background: #fff;
  flex: 0 0 auto;
  z-index: 200;
  box-shadow: 5px 0 8px -2px rgba(0, 0, 0, 0.1);
  overflow-y: auto; }
  .sidebar::-webkit-scrollbar {
    height: 6px;
    width: 6px; }
  .sidebar::-webkit-scrollbar-thumb {
    background: #979ea6; }
  .sidebar::-webkit-scrollbar-track {
    background: #efefef; }

.sidebar__search {
  background: #eaf3fe;
  border-bottom: 1px solid #d1dcea;
  padding: 15px; }

.sidebar__searchInput {
  width: 100%;
  margin: 0;
  border: 1px solid #e0e7f3;
  border-radius: 25px;
  padding: 6px 13px;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  color: #3c4249;
  background: url(/assets/icons/search-84eb6714c152d2ac5d957ed55a4060a418d8b3aa9a32414bcbe5301bac0d54d0.svg) #fff no-repeat 10px 7px/17px;
  padding-left: 33px; }
  .sidebar__searchInput::-moz-placeholder {
    color: #98a5c0;
    font-weight: 300; }
  .sidebar__searchInput::placeholder {
    color: #98a5c0;
    font-weight: 300; }
  .sidebar__searchInput:focus {
    border-color: #0e69d5; }

.sidebar__placeholder {
  margin: 60px 20px;
  text-align: center;
  color: #909db0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 300; }

.sidebar__new {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #999;
  font-size: 12px;
  text-decoration: underline; }
  .sidebar__new a:hover {
    color: #76c83b; }

.sidebarServerList {
  font-size: 12px;
  color: #3c4249; }

.sidebarServerList__item {
  border-bottom: 1px solid #e6ebf0; }

.sidebarServerList__link {
  display: block;
  padding: 15px 20px; }
  .sidebarServerList__link:hover {
    background-color: #f2f5f8; }

.sidebarServerList__link.is-active {
  background-color: #f2f5f8; }

.sidebarServerList__item.is-highlighted .sidebarServerList__link {
  background-color: #fffedd; }

.sidebarServerList__mode {
  float: right; }

.sidebarServerList__title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px; }

.sidebarServerList__quantity {
  color: #909db0;
  font-size: 11px; }

.simplePagination {
  display: flex;
  margin: 25px 0;
  justify-content: space-between;
  font-size: 12px; }

.simplePagination__link {
  color: #0e69d5;
  display: inline-block;
  line-height: 1.3;
  border: 1px solid #dadfe5;
  padding: 3px 10px;
  text-decoration: none;
  border-radius: 4px;
  background: #fff;
  margin: 0 2px; }
  .simplePagination__link:hover {
    border-color: #0e69d5; }

.simplePagination__next,
.simplePagination__previous,
.simplePagination__current {
  width: 33%; }

.simplePagination__next {
  text-align: right; }

.simplePagination__current {
  text-align: center;
  color: #909db0;
  line-height: 1.5; }

.simplePagination__info {
  font-weight: 600; }

.siteContent {
  align-items: stretch;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden; }

.siteContent__main {
  flex: 1 1 auto;
  z-index: 100;
  overflow-y: scroll;
  overflow-x: hidden; }

.siteContent__footer {
  border-top: 1px solid #efefef;
  margin-top: 20px;
  padding: 25px;
  display: flex; }

.siteHeader {
  width: 100%;
  background: #0e69d5;
  flex: 0 0 auto;
  color: #fff;
  z-index: 1000; }

.siteHeader__inside {
  display: flex;
  padding: 12px 16px;
  align-items: center; }

.siteHeader__remember {
  background: #2b2e32;
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 20px;
  border-radius: 4px;
  color: #fff;
  z-index: 2000; }

.siteHeader__rememberButtons {
  margin-top: 15px; }

.siteHeader__rememberText {
  line-height: 1.5;
  font-size: 12px;
  color: #999; }

.siteHeader__rememberTextTitle {
  font-weight: 600;
  color: #fff;
  font-size: 16px; }

.siteHeader__logo {
  display: block; }
  .siteHeader__logo a {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    display: block; }

.siteHeader__version {
  margin-left: 5px;
  color: #fff;
  opacity: 0.3;
  font-size: 12px; }

.siteHeader__nav {
  flex: 1 0 auto;
  text-align: right;
  font-size: 12px;
  display: flex;
  justify-content: flex-end; }

.siteHeader__navItem {
  margin-left: 18px; }

.sideHeader__navItemLink {
  text-decoration: underline;
  opacity: 0.5; }

.siteHeader__navLinkWithMenu {
  background: url(/assets/icons/drop-arrow-white-999ad37d90333c89e79c523d610641ac6fdbb6a95427867cebc1aa117dd0bb95.svg) no-repeat right 6px/8px;
  padding-right: 12px; }

.siteHeader__navItem--user {
  background: url(/assets/icons/user-white-04bd62e1da0e67087f351ef47012235488ac06884a85a12f4b456c880c0f3162.svg) no-repeat 0 3px/8px;
  padding-left: 13px; }

.siteHeader__navItem--organization {
  background: url(/assets/icons/organization-white-3b3dee1bbd272d04d6f58497005e7dab5da960017b93d98512762dc9efbdbcf2.svg) no-repeat 0 2px/12px;
  padding-left: 18px; }

.siteHeader__subMenu {
  position: absolute;
  background: #fff;
  z-index: 1000;
  color: #3c4249;
  text-align: left;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-left: -15px;
  margin-top: -5px;
  overflow: hidden;
  display: none; }

.siteHeader__navItem:hover .siteHeader__subMenu {
  display: block; }

.siteHeader__subMenuItem + .siteHeader__subMenuItem {
  border-top: 1px solid #e6ebf0; }

.siteHeader__subMenuItem--header {
  font-weight: 600;
  padding: 5px 15px;
  background: #eaf3fe;
  color: #0e69d5; }

.siteHeader__subMenuLink {
  padding: 10px 15px;
  display: block; }
  .siteHeader__subMenuLink:hover {
    background-color: #f2f5f8; }

.siteHeader__subMenuItem--div {
  border-top-width: 2px !important; }

.starterCreditPack {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: url(/images/starter_pack.png) #fff no-repeat 25px 20px;
  background-size: 100px;
  padding: 25px 25px 20px 155px;
  line-height: 1.5; }

.starterCreditPack__text {
  margin-bottom: 10px; }

.starterCreditPack__nextRenew {
  font-size: 12px;
  color: #999;
  margin-left: 5px;
  vertical-align: -2px; }

.subPageBox {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  width: 300px;
  margin: auto;
  overflow: hidden;
  border-top: 5px solid #0e69d5; }

.subPageBox--wide {
  width: 500px; }

.subPageBox__title {
  background: #eaf3fe;
  border-bottom: 1px solid #d1dcea;
  padding: 20px 25px;
  color: #0e69d5;
  font-size: 16px;
  font-weight: 600;
  text-align: center; }

.subPageBox__content {
  padding: 20px 25px; }

.subPageBox__text {
  color: #909db0;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 20px; }

.suspensionBox {
  background: #e2383a;
  border-radius: 4px;
  color: #fff;
  line-height: 1.5;
  padding: 25px;
  font-size: 16px; }

.suspensionBox__reason {
  margin-top: 5px;
  font-size: 14px;
  opacity: 0.7; }

.suppressionList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.suppressionList__item {
  background: #fff;
  padding: 15px;
  display: flex; }

.suppressionList__item:nth-child(even) {
  background: none; }

.suppressionList__item + .suppressionList__item {
  border-top: 1px solid #eceff3; }

.suppressionList__left {
  flex: 1 1 auto; }

.suppressionList__right {
  flex: 0 0 auto;
  text-align: right; }

.suppressionList__timestamp {
  color: #999;
  font-size: 12px; }

.suppressionList__address {
  font-weight: 600;
  margin-bottom: 5px; }

.suppressionList__reason {
  color: #999; }

.titleWithLinks {
  display: flex;
  color: #3c4249;
  align-items: center; }

.titleWithLinks__title {
  flex: 1 1 auto;
  font-size: 23px; }

.titleWithLinks__links {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end; }
  .titleWithLinks__links li + li {
    margin-left: 25px; }

.titleWithLinks__link {
  text-decoration: underline; }
  .titleWithLinks__link:hover {
    color: #0e69d5; }

.userList {
  border-radius: 4px;
  color: #3c4249;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.userList__item {
  display: block;
  background: #fff;
  padding: 15px;
  display: flex;
  align-items: center; }

.userList__item:nth-child(even) {
  background: none; }

.userList__item + .userList__item {
  border-top: 1px solid #eceff3; }

.userList__details {
  flex: 1 1 auto;
  margin: 0 0; }

.userList__actions {
  flex: 0 0 auto;
  width: 120px;
  font-size: 12px;
  line-height: 1.5;
  color: #999; }
  .userList__actions a {
    text-decoration: underline; }

.userList__name {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 3px; }

.userList__owner {
  vertical-align: 2px;
  margin-left: 5px;
  background-color: #e8581f; }

.userList__pending {
  vertical-align: 2px;
  margin-left: 5px;
  background-color: #ccc; }

.userList__tag {
  vertical-align: 2px;
  margin-left: 3px; }

.userList__revoke {
  color: #e2383a; }

.webhookList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.webhookList__item {
  background: #fff;
  padding: 15px; }

.webhookList__item:nth-child(even) {
  background: none; }

.webhookList__item + .webhookList__item {
  border-top: 1px solid #eceff3; }

.webhookList__top {
  display: flex;
  align-items: center;
  min-width: 1px; }

.webhookList__labels {
  flex: 0 0 auto;
  line-height: 0;
  margin-left: 10px; }
  .webhookList__labels .label + .label {
    margin-left: 2px; }

.webhookList__name {
  font-weight: 600;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4; }

.webhookList__bottom {
  display: flex;
  margin-top: 3px;
  font-size: 12px; }

.webhookList__usageTime {
  color: #999;
  line-height: 1.4;
  flex: 1 1 auto; }

.webhookList__links {
  flex: 0 0 auto;
  display: flex; }

.webhookList__link a {
  color: #999;
  text-decoration: underline; }

.webhookList__link + .webhookList__link {
  margin-left: 12px; }

.webhookRequestList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.webhookRequestList__item {
  background: #fff; }

.webhookRequestList__item:nth-child(even) {
  background: none; }

.webhookRequestList__item + .webhookRequestList__item {
  border-top: 1px solid #eceff3; }

.webhookRequestList__link {
  display: block;
  padding: 15px; }
  .webhookRequestList__link:hover {
    background: #f2f5f8 !important; }

.webhookRequestList__top {
  display: flex;
  margin-bottom: 6px;
  font-size: 12px; }

.webhookRequestList__status {
  margin-top: -1px;
  margin-right: 10px; }

.webhookRequestList__time {
  flex: 1 1 auto;
  color: #999; }

.webhookRequestList__event {
  flex: 0 0 auto;
  font-size: 11px;
  border: 1px solid #909db0;
  color: #909db0;
  border-radius: 3px;
  padding: 3px 6px;
  margin-top: -2px; }

.webhookRequestList__url {
  flex: 1 1 auto;
  overflow: hidden;
  font-family: 'Droid Sans Mono', fixed;
  line-height: 1.4;
  text-overflow: ellipsis; }

.spamCheckList {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.spamCheckList__item {
  display: block;
  background: #fff;
  padding: 15px;
  align-items: center;
  display: flex; }

.spamCheckList__item:nth-child(even) {
  background: none; }

.spamCheckList__item + .spamCheckList__item {
  border-top: 1px solid #eceff3; }

.spamCheckList__score {
  width: 130px;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  flex: 0 0 auto; }

.spamCheckList__score--positive {
  color: #76c83b; }

.spamCheckList__score--negative {
  color: #e2383a; }

.spamCheckList__score--neutral {
  color: #909db0; }

.spamCheckList__details {
  flex: 1 1 auto; }

.spamCheckList__code {
  font-family: 'Droid Sans Mono';
  font-size: 12px;
  color: #909db0;
  margin-bottom: 3px; }

.spamCheckList__description {
  line-height: 1.5; }

.spamCheckList__item--total + .spamCheckList__item {
  border-top-width: 2px;
  border-top-color: #909db0; }

.u-margin {
  margin-bottom: 25px; }

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

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

.u-green {
  color: #76c83b; }

.u-orange {
  color: #e8581f; }

.u-grey {
  color: #999; }

.u-red {
  color: #e2383a; }

.u-bold {
  font-weight: 600; }

.u-link {
  text-decoration: underline; }

.is-hidden {
  display: none; }

html.main {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  height: 100%;
  max-height: 100%;
  background: #fafafa; }
  html.main body {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow-x: hidden; }

html.subPage {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  background: #fafafa; }
  html.subPage body {
    padding-top: 100px;
    padding-bottom: 100px; }
  html.subPage .subPage__logo {
    margin-bottom: 40px;
    text-align: center; }

.turbolinks-progress-bar {
  background-color: #3c4249; }