@charset "UTF-8";
/*
  Existing "classic" stylesheet used crash reporting + other sections of the application
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

/*
  SCSS RULES
  -----------------------------------
  - BEM
  - nest no more than 2 levels deep -- only!
  - Keep everything tidy!
  - New page = new view folder and files
  - modular scss when possible
  - re-use code!
  - state--classes limit to 3
  - ALWAYS try and ADD styles, AVOID using classes to REMOVE styles
*/
/*
  Why do we use BEM?
  ------------------
  1.
  Marionette adds alot of divs to the DOM, making nesting classes harder to target,
  BEM fixes this by adding classes to individual elements, rather than children.

  2.
  Re-usable components.

  3.
  Easier naming / Reading of markup.
*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

noselect, .eif-remove, .ei-header-btn, .ei-favourite-button, .ei-heading, .audit-sidebar-section, ul.sidebar-list, .user-button, .header-switcher-button, .header-button, .raygun-emblem, .metric-breakdown__part, .vertical-list, .table__cell-control, .select-filter-list, .no-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

wordbreak, .plan-heading h3 {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

nowrap, .g-dash-message, .g-dash-application-count-value, .g-dash-application-name, .ei-header-title, .overview-merge-error, .icon-tabs a, .input-text label,
.input-email label,
.input-password label,
.input-select label, .sidebar-label, .date-button, .table__sort-text, .select-filter-list li, .button {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

imgscale {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto\9 ;
}

.float-left {
  float: left;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.float-right {
  float: right;
}

.break {
  -ms-word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

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

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

.border {
  border: 1px solid #d3d3d3;
}

@media only screen and (max-width: 1179px) {
  .nowrap--normal-med {
    white-space: normal;
  }
}
@media only screen and (max-width: 1059px) {
  .nowrap--normal-min {
    white-space: normal;
  }
}
.full-width {
  width: 100%;
}

@media only screen and (max-width: 639px) {
  .full-width-mob {
    width: 100%;
  }
}

.clearfix::before, .form-footer::before, .clearfix::after, .form-footer::after {
  content: "";
  display: table;
}
.clearfix::after, .form-footer::after {
  clear: both;
}
.clearfix--margin-bottom-tight {
  margin-bottom: 12px;
}
.clearfix--margin-bottom {
  margin-bottom: 24px;
}

.clearfix__item {
  float: left;
}
.clearfix__item--right {
  float: right;
}
@media only screen and (max-width: 639px) {
  .clearfix__item--mobile-margin {
    margin-bottom: 12px;
  }
}
.clearfix__item--margin-left {
  margin-left: 16px;
}
.clearfix__item--margin-right {
  margin-right: 16px;
}
@media only screen and (max-width: 639px) {
  .clearfix__item--mobile-left {
    margin-left: 0;
    float: left;
    clear: left;
  }
}

.disabled,
.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.relative {
  position: relative;
}

.clickable {
  cursor: pointer;
}

.line-height-40 {
  line-height: 40px;
}

.line-height-36 {
  line-height: 36px;
}

.line-height-32,
.line-height-32-before:before,
.line-height-32-after:after {
  line-height: 32px;
}

.line-height-32--force {
  line-height: 32px !important;
}

.line-height-28,
.line-height-28__before:before,
.line-height-28__after:after {
  line-height: 28px;
}

.line-height-24,
.line-height-24-before:before,
.line-height-24-after:after {
  line-height: 24px;
}

.line-height-24--force {
  line-height: 24px !important;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-16 {
  line-height: 16px;
}

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

.height-100vh {
  height: 100vh;
}

@media only screen and (min-width: 640px) {
  .height-100vh--medium-up {
    height: 100vh;
  }
}

.overflow--hidden {
  overflow: hidden;
}

.fix-height--24 {
  line-height: 24px;
  height: 24px;
}

.fix-height--28 {
  line-height: 28px;
  height: 28px;
}

.fix-height--32 {
  line-height: 32px;
  height: 32px;
}

.fix-height--36 {
  line-height: 36px;
  height: 36px;
}

.fix-height--40 {
  line-height: 40px;
  height: 40px;
}

@media only screen and (max-width: 639px) {
  .fix-height--not-mobile {
    line-height: normal;
    height: auto;
    white-space: normal;
  }
}

.hide {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.show {
  display: block;
}

@media only screen and (max-width: 1399px) {
  .hide-max {
    display: none;
  }
  .show-max {
    display: block;
  }
}
@media only screen and (max-width: 1179px) {
  .hide-med {
    display: none;
  }
  .show-med {
    display: block;
  }
}
@media only screen and (max-width: 1059px) {
  .hide-min {
    display: none;
  }
  .show-min {
    display: block;
  }
}
@media only screen and (max-width: 639px) {
  .hide-mob {
    display: none !important;
  }
  .show-mob {
    display: block;
  }
}
@media only screen and (max-width: 1179px) {
  .screen-med-hide {
    display: none;
  }
  .screen-med-show,
.screen-med-show-block {
    display: block;
  }
}
@media only screen and (max-width: 1059px) {
  .screen-min-hide {
    display: none;
  }
  .screen-min-show {
    display: block;
  }
}
@media only screen and (max-width: 639px) {
  .screen-mob-hide {
    display: none;
  }
  .screen-mob-show {
    display: block;
  }
}
.block {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media only screen and (max-width: 639px) {
  .word-wrap {
    overflow: auto;
    text-overflow: ellipsis;
  }
}

.unstyled-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unstyled-list a {
  text-decoration: none;
}

.unstyled-list--line-height-2 li {
  line-height: 2;
}

.footnote {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  color: #666;
}

.responsive-image {
  max-width: 100%;
  height: auto;
}

.text-icon {
  position: relative;
  display: block;
}

.text-icon--center {
  display: inline-block;
  max-width: 100%;
}

.text-icon--4 {
  padding-left: 8px;
}
.text-icon--4 .text-icon__text {
  line-height: 12px;
}
.text-icon--4 .text-icon__icon {
  line-height: 12px;
}

.text-icon--16 {
  padding-left: 24px;
}
.text-icon--16 .text-icon__text {
  line-height: 16px;
}
.text-icon--16 .text-icon__icon {
  line-height: 16px;
}

.text-icon--24 {
  padding-left: 40px;
  min-height: 24px;
}
.text-icon--24 .text-icon__text {
  line-height: 24px;
}
.text-icon--24 .text-icon__icon {
  line-height: 24px;
}

.text-icon--32 {
  padding-left: 48px;
}
.text-icon--32 .text-icon__text {
  line-height: 32px;
}
.text-icon--32 .text-icon__icon {
  line-height: 32px;
}

.text-icon--36 {
  padding-left: 48px;
}
.text-icon--36 .text-icon__text {
  line-height: 36px;
}
.text-icon--36 .text-icon__icon {
  line-height: 36px;
}

.text-icon--40 {
  padding-left: 48px;
  min-height: 40px;
}
.text-icon--40 .text-icon__text {
  line-height: 40px;
}
.text-icon--40 .text-icon__icon {
  line-height: 40px;
}

.text-icon__icon,
.text-icon__text {
  display: block;
}

.text-icon__icon {
  position: absolute;
  top: 0;
  left: 0;
}

.text-icon__text {
  text-align: left;
}
.text-icon--spaced .text-icon__text {
  padding-left: 16px;
}

.text-icon--center {
  display: inline-block;
  max-width: 100%;
}

.text-icon-after {
  max-width: 100%;
  float: left;
  position: relative;
  padding-right: 24px;
}
.text-icon-after::before, .text-icon-after::after {
  content: " ";
  display: table;
}
.text-icon-after::after {
  clear: both;
}

.text-icon-after--center {
  float: none;
  display: inline-block;
  max-width: 100%;
}

.text-icon-after--fit {
  width: 100%;
}

.text-icon-after__text {
  display: block;
  width: 100%;
  line-height: 20px;
}
.text-icon-after__text--16 {
  line-height: 16px;
}
.text-icon-after__text--24 {
  line-height: 24px;
}
.text-icon-after__text--32 {
  line-height: 32px;
}
.text-icon-after__text--40 {
  line-height: 40px;
}
.text-icon-after__text--40-min {
  min-width: 40px;
}

.text-icon-after__icon {
  position: absolute;
  right: 0;
  top: 2px;
}
.text-icon-after__icon--16 {
  top: 0;
}
.text-icon-after__icon--24 {
  top: 4px;
}
.text-icon-after__icon--32 {
  top: 8px;
}
.text-icon-after__icon--40 {
  top: 12px;
}

.text-icon-after--hide-overflow {
  overflow: hidden;
}

.text-icon-before {
  max-width: 100%;
  float: left;
  position: relative;
  padding-left: 24px;
}
.text-icon-before::before, .text-icon-before::after {
  content: " ";
  display: table;
}
.text-icon-before::after {
  clear: both;
}
.text-icon-before--24 {
  padding-left: 32px;
}

.text-icon-before__text {
  display: block;
  width: 100%;
  line-height: 20px;
}

.text-icon-before__icon {
  position: absolute;
  left: 0;
  top: 2px;
}
.text-icon-before__icon--top-0 {
  top: 0;
}

.text-icon-crown {
  position: absolute;
  padding-top: 12px;
}

.text-icon__with-crown {
  left: 24px;
}

.center {
  max-width: 1120px;
  margin: 0 auto;
}

.center-full {
  max-width: none;
}

.center-max,
.center--1400,
.center--max {
  max-width: 1400px;
}

.center-widescreen {
  max-width: 2000px;
}

.center--1920 {
  max-width: 1920px;
}

.center--1640 {
  max-width: 1640px;
}

.center--1482 {
  max-width: 1482px;
}

.center-1240,
.center--1240 {
  max-width: 1300px;
}

.center-1120,
.center--1120 {
  max-width: 1120px;
}

.center-960,
.center--960 {
  max-width: 960px;
}

.center-916,
.center--916 {
  max-width: 916px;
}

.center-800,
.center--800 {
  max-width: 800px;
}

.center-780,
.center--780 {
  max-width: 780px;
}

.center--704 {
  max-width: 704px;
}

.center-640,
.center--640 {
  max-width: 640px;
}

.center-624,
.center--624 {
  max-width: 624px;
}

.center-592,
.center--592 {
  max-width: 592px;
}

.center-576,
.center--576 {
  max-width: 576px;
}

.center-480,
.center--480 {
  max-width: 480px;
}

.center-480,
.center--440 {
  max-width: 440px;
}

.center--360 {
  max-width: 360px;
}

.center--full-90 {
  width: 90vmin;
}

.center--max-100 {
  max-width: 100%;
}

.vertically-center {
  display: flex;
  align-items: center;
  height: 100%;
}

.block-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.avatar {
  overflow: hidden;
  display: block;
  border-radius: 3px;
}
.avatar img {
  display: block;
  width: auto\9 ;
  height: auto;
  max-width: 100%;
}

.avatar--circle {
  border-radius: 50%;
}

.avatar--center {
  margin: 0 auto;
}

.avatar--border {
  border: 2px solid #fff;
}

.avatar-16,
.avatar--16 {
  width: 16px;
  height: 16px;
}

.avatar-20,
.avatar--20 {
  width: 20px;
  height: 20px;
}

.avatar-24,
.avatar--24 {
  width: 24px;
  height: 24px;
}

.avatar-28,
.avatar--28 {
  width: 28px;
  height: 28px;
}

.avatar-32,
.avatar--32 {
  width: 32px;
  height: 32px;
}

.avatar-40,
.avatar--40 {
  width: 40px;
  height: 40px;
}

.avatar-48,
.avatar--48 {
  width: 48px;
  height: 48px;
}

.avatar-64,
.avatar--64 {
  width: 64px;
  height: 64px;
}

.avatar-128,
.avatar--128 {
  width: 128px;
  height: 128px;
}

.avatar-layout {
  position: relative;
  padding-right: 12px;
  padding-bottom: 12px;
  width: 44px;
}
.avatar-layout--32 {
  width: 32px;
  padding-right: 8px;
  padding-bottom: 8px;
}

.avatar-layout__secondary {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.grid {
  margin: -6px;
  padding: 0 0 24px;
}
.grid:last-child {
  padding: 0;
}

.grid--margin {
  margin-bottom: 18px;
}

@media only screen and (max-width: 639px) {
  .grid--no-padding-mobile {
    padding: 0;
  }
}

.grid__column {
  padding: 6px;
  float: left;
}
@media only screen and (max-width: 1059px) {
  .grid__column {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1059px) {
  .grid--responsive-margin-24 .grid__column {
    margin-bottom: 12px;
  }
  .grid--responsive-margin-24 .grid__column:last-child {
    margin-bottom: 0;
  }
}

.grid__column--1 {
  width: 8.3333333333%;
}
.grid__column--2 {
  width: 16.6666666667%;
}
.grid__column--3 {
  width: 25%;
}
.grid__column--4 {
  width: 33.3333333333%;
}
.grid__column--5 {
  width: 41.6666666667%;
}
.grid__column--6 {
  width: 50%;
}
.grid__column--7 {
  width: 58.3333333333%;
}
.grid__column--8 {
  width: 66.6666666667%;
}
.grid__column--9 {
  width: 75%;
}
.grid__column--10 {
  width: 83.3333333333%;
}
.grid__column--11 {
  width: 91.6666666667%;
}

.grid__column--12 {
  width: 100%;
}

.grid__column--break {
  clear: left;
}

.grid--responsive {
  margin: 0;
}
.grid--responsive::before, .grid--responsive::after {
  content: " ";
  display: table;
}
.grid--responsive::after {
  clear: both;
}
@media only screen and (min-width: 640px) {
  .grid--responsive {
    margin-left: -8px;
    margin-right: -8px;
  }
  .grid--responsive.grid-spacing--16 {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.grid--nested {
  padding: 0;
  margin-top: 24px;
}

.grid__col {
  float: left;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  min-height: 1px;
}
@media only screen and (min-width: 640px) {
  .grid__col.grid-spacing--16 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.grid__col--1 {
  width: 8.3333333333%;
}

.grid__col--2 {
  width: 16.6666666667%;
}

.grid__col--3 {
  width: 25%;
}

.grid__col--4 {
  width: 33.3333333333%;
}

.grid__col--5 {
  width: 41.6666666667%;
}

.grid__col--6 {
  width: 50%;
}

.grid__col--7 {
  width: 58.3333333333%;
}

.grid__col--8 {
  width: 66.6666666667%;
}

.grid__col--9 {
  width: 75%;
}

.grid__col--10 {
  width: 83.3333333333%;
}

.grid__col--11 {
  width: 91.6666666667%;
}

@media only screen and (min-width: 640px) {
  .grid__col--md-1 {
    width: 8.3333333333%;
  }
  .grid__col--md-2 {
    width: 16.6666666667%;
  }
  .grid__col--md-3 {
    width: 25%;
  }
  .grid__col--md-4 {
    width: 33.3333333333%;
  }
  .grid__col--md-5 {
    width: 41.6666666667%;
  }
  .grid__col--md-6 {
    width: 50%;
  }
  .grid__col--md-7 {
    width: 58.3333333333%;
  }
  .grid__col--md-8 {
    width: 66.6666666667%;
  }
  .grid__col--md-9 {
    width: 75%;
  }
  .grid__col--md-10 {
    width: 83.3333333333%;
  }
  .grid__col--md-11 {
    width: 91.6666666667%;
  }
}
@media only screen and (min-width: 1180px) {
  .grid__col--lg-1 {
    width: 8.3333333333%;
  }
  .grid__col--lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid__col--lg-2 {
    width: 16.6666666667%;
  }
  .grid__col--lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid__col--lg-3 {
    width: 25%;
  }
  .grid__col--lg-offset-3 {
    margin-left: 25%;
  }
  .grid__col--lg-4 {
    width: 33.3333333333%;
  }
  .grid__col--lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid__col--lg-5 {
    width: 41.6666666667%;
  }
  .grid__col--lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid__col--lg-6 {
    width: 50%;
  }
  .grid__col--lg-offset-6 {
    margin-left: 50%;
  }
  .grid__col--lg-7 {
    width: 58.3333333333%;
  }
  .grid__col--lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid__col--lg-8 {
    width: 66.6666666667%;
  }
  .grid__col--lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid__col--lg-9 {
    width: 75%;
  }
  .grid__col--lg-offset-9 {
    margin-left: 75%;
  }
  .grid__col--lg-10 {
    width: 83.3333333333%;
  }
  .grid__col--lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid__col--lg-11 {
    width: 91.6666666667%;
  }
  .grid__col--lg-offset-11 {
    margin-left: 91.6666666667%;
  }
}
.grid__col--mobile-margin {
  margin-bottom: 16px;
}
@media only screen and (min-width: 640px) {
  .grid__col--mobile-margin {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 639px) {
  .grid__col--first {
    padding-left: 0;
  }
}

@media only screen and (max-width: 639px) {
  .grid__col--last {
    padding-right: 0;
  }
}

@media only screen and (max-width: 639px) {
  .grid__col--no-padding-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

html {
  font-size: 62.5%;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

body {
  color: #333;
  line-height: 1.2;
  font-family: "Open Sans", arial, helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}

em,
.text-italic {
  font-style: italic;
}

strong,
.text-bold {
  font-weight: 600;
}

a,
.link-primary {
  color: #1072bf;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover,
.link-primary:hover {
  color: #0A4777;
}

.link-primary--with-icon {
  align-items: center;
  display: inline-flex;
}
.link-primary--with-icon img {
  margin-left: 2px;
}

a.link-button:hover, a.link-button:active {
  color: #fff;
}

.text-blue {
  color: #158FEF;
}

.text-purple {
  color: #8a4dc7;
}

.text-red {
  color: #dc280a;
}

.text-orange {
  color: #fa610b;
}

.text-yellow {
  color: #ffc539;
}

.text-green {
  color: #1CC526;
}

.text-grey {
  color: #808080;
}

.text-grey-light {
  color: #bbb;
}

.text-white {
  color: #fff;
}

.text-black {
  color: #000;
}

.text-dark {
  color: #333;
}

.text-light {
  color: #bbb;
}

.text-normal {
  font-weight: normal;
}

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

break-word, .st-text,
.text-break {
  -ms-word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

ellipsis,
.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

@media only screen and (max-width: 639px) {
  .text-ellipsis--desktop-only {
    text-overflow: initial;
    white-space: normal;
    overflow: visible;
    display: inherit;
  }
}

.text-mono {
  font-family: "Source Code Pro", Consolas, Courier, Monaco, "Courier New", monospace;
  font-size: 13px;
  font-size: 1.3rem;
}

.foot-note {
  font-size: 14px;
  font-size: 1.4rem;
  color: #d8d8d8;
  max-width: 600px;
  line-height: 1.2;
}

.headline {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media only screen and (max-width: 639px) {
  .headline {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

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

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

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

.text-italic {
  font-style: italic;
}

.text-highlight {
  background-color: rgba(255, 197, 57, 0.2);
}

.text-weight-normal {
  font-weight: 400;
}

.text-weight-semi-bold {
  font-weight: 600;
}

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

.text-layout-block {
  display: block;
}

.text-layout-inline {
  display: inline;
}

.text-layout-inline-block {
  display: inline-block;
}

h1, h2, h3, h4 {
  display: block;
}

.heading-size-0 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: normal !important;
  line-height: 48px !important;
}

h1,
.heading-size-1 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
}

h2,
.heading-size-2 {
  font-size: 20px;
  font-size: 2rem;
}

h3,
.heading-size-3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
}

h4,
.heading-size-4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
}

.heading-size-5 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}

.main-product-title {
  font-size: 18px;
  font-size: 1.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: normal;
}

.text-size-extra-large {
  font-size: 18px;
  font-size: 1.8rem;
}

.text-size-large {
  font-size: 16px;
  font-size: 1.6rem;
}

.text-size-medium {
  font-size: 14px;
  font-size: 1.4rem;
}

.text-size-small {
  font-size: 12px;
  font-size: 1.2rem;
}

.text-size-tiny {
  font-size: 10px;
  font-size: 1rem;
}

form,
input,
textarea,
label,
select {
  font-family: "Open Sans", arial, helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #000;
}

input[type=search] {
  -webkit-appearance: textfield;
}

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

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

.inline-edit {
  display: block;
}
.inline-edit[contenteditable=true] {
  text-overflow: initial;
}
.inline-edit:focus {
  font-weight: normal;
  outline: none;
  border-bottom: 1px dashed #cfcfcd;
}

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

a.link-inherit {
  color: inherit;
}
a.link-inherit:hover, a.link-inherit:active {
  color: inherit;
}

.icon-layout:after {
  content: " ";
  display: block;
  clear: both;
}

.icon-layout__icon {
  float: left;
  margin-right: 4px;
}
.icon-layout__icon:last-child {
  margin-right: 0;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

.code-class {
  color: #808080;
}

.code-method {
  color: #609407;
}

.code-line {
  color: #fa610b;
}

.code-filename {
  color: #1499a6;
  word-break: break-word;
}

.code-column {
  color: #EF6C00;
}

.code-function {
  color: #7D36A7;
}

.code-type {
  color: #dc280a;
}

.code-object {
  color: #0256AD;
}

.code-number {
  color: #fa610b;
}

.code-namespace {
  color: #757575;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: slategray;
}
.token.punctuation {
  color: #999;
}
.token .namespace {
  opacity: 0.7;
}
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
  color: #fa610b;
}
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
  color: #690;
}
.token.operator, .token.entity, .token.url {
  color: #a67f59;
}
.token.atrule, .token.attr-value, .token.keyword {
  color: #07a;
}
.token.function {
  color: #609407;
}
.token.regex, .token.important, .token.variable {
  color: #e90;
}
.token.important, .token.bold {
  font-weight: 600;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}

.syntax-highlight {
  font-family: Consolas, Courier, Monaco, "Courier New", monospace;
}
.syntax-highlight--padding {
  padding-left: 24px;
  padding-right: 24px;
}
.syntax-highlight--scrollbar {
  overflow-x: auto;
}
.syntax-highlight--wrap {
  white-space: normal;
}
.syntax-highlight--ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.syntax-highlight--grey-background {
  padding: 6px 8px;
  border-radius: 3px;
  background-color: #f1f1f1;
}
.syntax-highlight--grey-background:hover, .syntax-highlight--grey-background:active, .syntax-highlight--grey-background:focus {
  background-color: #E6E6E6;
}
.syntax-highlight--grey-background--active {
  background-color: #E6E6E6;
}
.syntax-highlight .language-json {
  font-size: 1.3rem;
  color: #333;
}
.syntax-highlight .language-json .token.property {
  color: #38a3ed;
}
.syntax-highlight .language-json .token.string {
  color: #61bd62;
}
.syntax-highlight .language-json .token.number {
  color: #ff8c00;
}
.syntax-highlight .language-json .token.boolean {
  color: #e0504f;
}
.syntax-highlight .language-json .token {
  color: #333;
}
.syntax-highlight .language-sql {
  color: #4D4D4D;
  line-height: 24px;
}
.syntax-highlight .language-sql .token.comment,
.syntax-highlight .language-sql .token.prolog,
.syntax-highlight .language-sql .token.doctype,
.syntax-highlight .language-sql .token.cdata {
  color: slategray;
}
.syntax-highlight .language-sql .token.punctuation {
  color: #999;
}
.syntax-highlight .language-sql .namespace {
  opacity: 0.7;
}
.syntax-highlight .language-sql .token.property,
.syntax-highlight .language-sql .token.tag,
.syntax-highlight .language-sql .token.boolean,
.syntax-highlight .language-sql .token.number,
.syntax-highlight .language-sql .token.constant,
.syntax-highlight .language-sql .token.symbol,
.syntax-highlight .language-sql .token.deleted {
  color: #fa610b;
}
.syntax-highlight .language-sql .token.selector,
.syntax-highlight .language-sql .token.attr-name,
.syntax-highlight .language-sql .token.string,
.syntax-highlight .language-sql .token.char,
.syntax-highlight .language-sql .token.builtin,
.syntax-highlight .language-sql .token.inserted {
  color: #690;
}
.syntax-highlight .language-sql .token.operator,
.syntax-highlight .language-sql .token.entity,
.syntax-highlight .language-sql .token.url,
.syntax-highlight .language-sql .language-css .token.string,
.syntax-highlight .language-sql .style .token.string {
  color: #a67f59;
}
.syntax-highlight .language-sql .token.atrule,
.syntax-highlight .language-sql .token.attr-value,
.syntax-highlight .language-sql .token.keyword {
  color: #07a;
}
.syntax-highlight .language-sql .token.function {
  color: #609407;
}
.syntax-highlight .language-sql .token.regex,
.syntax-highlight .language-sql .token.important,
.syntax-highlight .language-sql .token.variable {
  color: #e90;
}
.syntax-highlight .language-sql .token.important,
.syntax-highlight .language-sql .token.bold {
  font-weight: 600;
}
.syntax-highlight .language-sql .token.italic {
  font-style: italic;
}
.syntax-highlight .language-sql .token.entity {
  cursor: help;
}
.syntax-highlight .line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit;
  background-color: rgba(0, 0, 0, 0.065);
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
  border-left: 4px solid #0C6DBA;
}
.syntax-highlight .line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: 0.4em;
}
.syntax-highlight.line-numbers {
  position: relative;
  padding-left: 4.2em;
  counter-reset: linenumber;
  line-height: 19px;
}
.syntax-highlight.line-numbers > code {
  position: relative;
  white-space: inherit;
  padding-left: 8px;
  display: block;
}
.syntax-highlight.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -4.2em;
  width: 4em;
  letter-spacing: -1px;
  border-right: 1px solid #999;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.syntax-highlight.line-numbers .line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}
.syntax-highlight.line-numbers .line-numbers-rows > span::before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
  color: #666;
}

.width {
  display: block;
  width: 100%;
  max-width: 100%;
}

.width--180 {
  width: 180px;
  max-width: 180px;
}

.width--140 {
  width: 140px;
  max-width: 140px;
}

.typography, .studentpack-callout {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.typography a, .studentpack-callout a {
  color: #158FEF;
  text-decoration: underline;
}
.typography a:hover, .studentpack-callout a:hover, .typography a:active, .studentpack-callout a:active {
  color: #dc280a;
}
.typography a.no-underline, .studentpack-callout a.no-underline {
  text-decoration: none;
}
.typography p, .studentpack-callout p {
  margin: 4px 0 12px;
}
.typography p:first-child, .studentpack-callout p:first-child {
  margin-top: 0;
}
.typography p > code, .studentpack-callout p > code, .typography li > code, .studentpack-callout li > code {
  font-family: "Source Code Pro", Consolas, Courier, Monaco, "Courier New", monospace;
  font-size: inherit;
  padding: 0;
  color: #7B54C4;
}
.typography ol, .studentpack-callout ol {
  list-style: decimal;
}
.typography ul, .studentpack-callout ul {
  list-style: disc;
}
.typography ul, .studentpack-callout ul, .typography ol, .studentpack-callout ol {
  margin: 4px 0 16px;
  padding: 0 0 0 20px;
}
.typography h1, .studentpack-callout h1 {
  margin: 32px 0 16px;
}
.typography h2, .studentpack-callout h2 {
  margin: 24px 0 8px;
}
.typography h3, .studentpack-callout h3 {
  margin: 24px 0 8px;
}
.typography h4, .studentpack-callout h4 {
  margin: 24px 0 8px;
}
.typography h5, .studentpack-callout h5 {
  margin: 16px 0 0;
}
.typography h6, .studentpack-callout h6 {
  margin: 16px 0 0;
}
.typography h1, .studentpack-callout h1, .typography h2, .studentpack-callout h2, .typography h3, .studentpack-callout h3, .typography h4, .studentpack-callout h4, .typography h5, .studentpack-callout h5, .typography h6, .studentpack-callout h6 {
  font-weight: 600;
  line-height: 1.2;
}
.typography h1:first-child, .studentpack-callout h1:first-child, .typography h2:first-child, .studentpack-callout h2:first-child, .typography h3:first-child, .studentpack-callout h3:first-child, .typography h4:first-child, .studentpack-callout h4:first-child, .typography h5:first-child, .studentpack-callout h5:first-child, .typography h6:first-child, .studentpack-callout h6:first-child {
  margin-top: 0;
}
.typography img, .studentpack-callout img {
  max-width: 100%;
  display: block;
}

.typography p:last-child, .studentpack-callout p:last-child,
.typography a:last-child,
.studentpack-callout a:last-child,
.typography h4:last-child,
.studentpack-callout h4:last-child,
.typography ul:last-child,
.studentpack-callout ul:last-child,
.typography ol:last-child,
.studentpack-callout ol:last-child {
  margin: 0;
}

.typography--code pre {
  margin: 4px 0 16px;
  padding: 10px 10px;
  border-radius: 3px;
  background: #F6F7F8;
  overflow: auto;
}
.typography--code pre.code {
  border: 1px solid #d8d8d8;
}
.typography--code pre.code--white {
  background-color: #fff;
}
.typography--code code {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 2px;
  font-family: "Source Code Pro", Consolas, Courier, Monaco, "Courier New", monospace;
  background: #F6F7F8;
  font-size: 12px;
  font-size: 1.2rem;
}
.typography--code code.code__snippet {
  background-color: inherit;
}

.code-block {
  overflow: auto;
  padding: 2px;
}
.code-block pre {
  display: block;
  font-family: "Source Code Pro", Consolas, Courier, Monaco, "Courier New", monospace;
  font-size: 13px;
  font-size: 1.3rem;
}
.code-block pre span {
  display: inline;
  margin: 0px;
  padding: 0;
}
.code-block .string {
  color: #61bd62;
}
.code-block .number {
  color: darkorange;
}
.code-block .boolean {
  color: #e0504f;
}
.code-block .null {
  color: magenta;
}
.code-block .key {
  color: #38a3ed;
}
.code-block code {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  background: #F6F7F8;
  border: 1px solid #f1f1f1;
  font-family: "Source Code Pro", Consolas, Courier, Monaco, "Courier New", monospace;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 12px;
  font-size: 1.2rem;
}

.code-block--word-wrap {
  width: 100%;
}
.code-block--word-wrap pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}

.code-editor {
  margin: 12px 0 24px;
  width: 100%;
  text-align: left;
  border-radius: 4px;
  overflow: hidden;
  background: #272822;
}
.code-editor pre {
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 1em 1.5em !important;
  max-height: 500px;
  overflow: auto;
}
.code-editor:last-child {
  margin-bottom: 0;
}

.code-header {
  position: relative;
  padding: 12px 12px 12px 48px;
  color: #fff;
  background-color: #000;
}
.code-header h4 {
  line-height: 16px;
  font-size: 14px;
  font-size: 1.4rem;
}
.code-header .icon-16 {
  position: absolute;
  left: 16px;
  height: 12px;
}

.faq__heading {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 12px;
}

.faq__item {
  margin-bottom: 16px;
}
.faq__item:last-child {
  margin-bottom: 0;
}

.faq-item {
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem;
}

.faq-item__question {
  font-weight: 600;
  margin-bottom: 2px;
}

.test-icon {
  background: #303847;
  border-radius: 2px;
}

.icon--center {
  margin: 0 auto;
}

.image-icon {
  border-radius: 2px;
  overflow: hidden;
}
.image-icon img {
  display: block;
  width: 100%;
  height: auto;
}

.icon-12,
.icon--12 {
  text-align: center;
  display: block;
  width: 12px;
  height: 12px;
}
.icon-12:before,
.icon--12:before {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}

.icon-16,
.icon--16 {
  text-align: center;
  display: block;
  width: 16px;
  height: 16px;
}
.icon-16:before,
.icon--16:before {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}

.icon-20,
.icon--20 {
  text-align: center;
  display: block;
  width: 20px;
  height: 20px;
}
.icon-20:before,
.icon--20:before {
  display: block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}

.icon-24,
.icon--24 {
  text-align: center;
  display: block;
  width: 24px;
  height: 24px;
}
.icon-24:before,
.icon--24:before {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

.icon-32,
.icon--32 {
  text-align: center;
  display: block;
  width: 32px;
  height: 32px;
}
.icon-32:before,
.icon--32:before {
  display: block;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}

.icon-40,
.icon--40 {
  text-align: center;
  display: block;
  width: 40px;
  height: 40px;
}
.icon-40:before,
.icon--40:before {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}

.icon-48,
.icon--48 {
  text-align: center;
  display: block;
  width: 48px;
  height: 48px;
}
.icon-48:before,
.icon--48:before {
  display: block;
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
}

.icon-56,
.icon--56 {
  text-align: center;
  display: block;
  width: 56px;
  height: 56px;
}
.icon-56:before,
.icon--56:before {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 56px;
  line-height: 56px;
}

.icon-64,
.icon--64 {
  text-align: center;
  display: block;
  width: 64px;
  height: 64px;
}
.icon-64:before,
.icon--64:before {
  display: block;
  width: 64px;
  height: 64px;
  font-size: 64px;
  line-height: 64px;
}

.icon-128,
.icon--128 {
  text-align: center;
  display: block;
  width: 128px;
  height: 128px;
}
.icon-128:before,
.icon--128:before {
  display: block;
  width: 128px;
  height: 128px;
  font-size: 128px;
  line-height: 128px;
}

.icon--height-16, .icon--height-16:before {
  line-height: 16px;
}

.icon--height-24, .icon--height-24:before {
  line-height: 24px;
}

.icon--height-32, .icon--height-32:before {
  line-height: 32px;
}

.icon--fit,
.icon--fit:before {
  width: 100%;
  height: 100%;
}

.icon-purple {
  background: #8a4dc7;
}

.icon-blue {
  background: #158FEF;
}

.icon-green {
  background: #1CC526;
}

.icon-disc {
  padding: 4px;
}
.icon-disc:before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.icon-disc--grey:before {
  background: #d8d8d8;
}

.icon-disc--green:before {
  background: #1CC526;
}

.icon-disc--blue:before {
  background: #158FEF;
}

.icon-disc--purple:before {
  background: #8a4dc7;
}

.icon-disc--yellow:before {
  background: #FFA000;
}

.icon-disc--red:before {
  background: #E53935;
}

.arrow-icon {
  display: block;
  width: 4px;
  height: 4px;
  border: 3px solid #333;
}

.arrow-icon--green {
  border-color: #8bc34a;
}

.arrow-icon--red {
  border-color: #db4437;
}

.arrow-icon--blue {
  border-color: #4285f4;
}

.arrow-icon--down {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-width: 4px;
  border-bottom: none;
}

.arrow-icon--up {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-width: 4px;
  border-top: none;
}

.arrow-icon--left {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left: none;
  border-right-width: 4px;
}

.arrow-icon--right {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right: none;
  border-left-width: 4px;
}

.diagonal-arrow-icon {
  display: block;
  border: 4px solid transparent;
  width: 8px;
  height: 8px;
}

.diagonal-arrow-icon--bottom-right {
  border-right-color: #BDBDBD;
  border-bottom-color: #BDBDBD;
}
.diagonal-arrow-icon--bottom-right:hover, .diagonal-arrow-icon--bottom-right.diagonal-arrow-icon--active {
  border-right-color: #1976D2;
  border-bottom-color: #1976D2;
}

.crown-icon-yellow {
  color: #FBC02D;
}
.crown-icon-yellow--padding-right {
  padding-right: 6px;
}

.icon-before:before,
.icon-after:after {
  display: block;
  height: 16px;
  width: 16px;
  text-align: center;
}

.icon-before:before {
  float: left;
  margin: 0 12px 0 0;
}

.icon-after:before {
  float: right;
  margin: 0 0 0 12px;
}

.svg-icon {
  background-size: 100%;
}

.icon-chrome {
  background-image: url("../images/error-instance/icon_chrome.svg");
}

.no-svg .icon-chrome {
  background-image: url("../images/error-instance/icon_chrome.png");
}

.icon-chromium {
  background-image: url("../images/error-instance/icon_chromium.svg");
}

.no-svg .icon-chromium {
  background-image: url("../images/error-instance/icon_chromium.png");
}

.icon-firefox {
  background-image: url("../images/error-instance/icon_firefox.svg");
}

.no-svg .icon-firefox {
  background-image: url("../images/error-instance/icon_firefox.png");
}

.icon-safari {
  background-image: url("../images/error-instance/icon_safari.svg");
}

.no-svg .icon-safari {
  background-image: url("../images/error-instance/icon_safari.png");
}

.icon-explorer {
  background-image: url("../images/error-instance/icon_explorer.svg");
}

.no-svg .icon-explorer {
  background-image: url("../images/error-instance/icon_explorer.png");
}

.icon-edge {
  background-image: url("../images/error-instance/icon_edge.svg");
}

.no-svg .icon-edge {
  background-image: url("../images/error-instance/icon_edge.png");
}

.icon-electron {
  background-image: url("../images/error-instance/icon_electron.svg");
}

.no-svg .icon-electron {
  background-image: url("../images/error-instance/icon_electron.png");
}

.icon-opera {
  background-image: url("../images/error-instance/icon_opera.svg");
}

.no-svg .icon-opera {
  background-image: url("../images/error-instance/icon_opera.png");
}

.icon-silk {
  background-image: url("../images/error-instance/icon_silk.png");
}

.no-svg .icon-silk {
  background-image: url("../images/error-instance/icon_silk.png");
}

.icon-apache {
  background-image: url("../images/error-instance/icon_apache.svg");
}

.no-svg .icon-apache {
  background-image: url("../images/error-instance/icon_apache.png");
}

.icon-java {
  background-image: url("../images/error-instance/icon_java.svg");
}

.no-svg .icon-java {
  background-image: url("../images/error-instance/icon_java.png");
}

.icon-maxthon {
  background-image: url("../images/error-instance/icon_maxthon.svg");
}

.no-svg .icon-maxthon {
  background-image: url("../images/error-instance/icon_maxthon.png");
}

.icon-nokia {
  background-image: url("../images/error-instance/icon_nokia.svg");
}

.no-svg .icon-nokia {
  background-image: url("../images/error-instance/icon_nokia.png");
}

.icon-phantomjs {
  background-image: url("../images/error-instance/icon_phantomjs.svg");
}

.no-svg .icon-phantomjs {
  background-image: url("../images/error-instance/icon_phantomjs.png");
}

.icon-puffin {
  background-image: url("../images/error-instance/icon_puffin.png");
}

.no-svg .icon-puffin {
  background-image: url("../images/error-instance/icon_puffin.png");
}

.icon-python {
  background-image: url("../images/error-instance/icon_python.svg");
}

.no-svg .icon-python {
  background-image: url("../images/error-instance/icon_python.png");
}

.icon-ucbrowser {
  background-image: url("../images/error-instance/icon_uc_browser.svg");
}

.no-svg .icon-ucbrowser {
  background-image: url("../images/error-instance/icon_uc_browser.png");
}

.icon-uzbl {
  background-image: url("../images/error-instance/icon_uzbl.svg");
}

.no-svg .icon-uzbl {
  background-image: url("../images/error-instance/icon_uzbl.png");
}

.icon-webkit {
  background-image: url("../images/error-instance/icon_webkit.svg");
}

.no-svg .icon-webkit {
  background-image: url("../images/error-instance/icon_webkit.png");
}

.icon-vivaldi {
  background-image: url("../images/error-instance/icon_vivaldi.svg");
}

.no-svg .icon-vivaldi {
  background-image: url("../images/error-instance/icon_vivaldi.png");
}

.icon-facebook {
  background-image: url("../images/error-instance/icon_facebook.svg");
}

.no-svg .icon-facebook {
  background-image: url("../images/error-instance/icon_facebook.png");
}

.icon-golang {
  background-image: url("../images/error-instance/icon_golang.svg");
}

.no-svg .icon-golang {
  background-image: url("../images/error-instance/icon_golang.png");
}

.icon-android {
  background-image: url("../images/error-instance/icon_android.svg");
}

.no-svg .icon-android {
  background-image: url("../images/error-instance/icon_android.png");
}

.icon-mac {
  background-image: url("../images/error-instance/icon_mac.svg");
}

.no-svg .icon-mac {
  background-image: url("../images/error-instance/icon_mac.png");
}

.icon-ios {
  background-image: url("../images/error-instance/icon_ios.svg");
}

.no-svg .icon-ios {
  background-image: url("../images/error-instance/icon_ios.png");
}

.icon-osx {
  background-image: url("../images/error-instance/icon_ios.svg");
}

.no-svg .icon-osx {
  background-image: url("../images/error-instance/icon_ios.png");
}

.icon-windows95 {
  background-image: url("../images/error-instance/icon_windows95.svg");
}

.no-svg .icon-windows95 {
  background-image: url("../images/error-instance/icon_windows95.png");
}

.icon-windowsCE {
  background-image: url("../images/error-instance/icon_windows95.svg");
}

.no-svg .icon-windowsCE {
  background-image: url("../images/error-instance/icon_windows95.png");
}

.icon-windowsXP {
  background-image: url("../images/error-instance/icon_windows7.svg");
}

.no-svg .icon-windowsXP {
  background-image: url("../images/error-instance/icon_windows7.png");
}

.icon-windowsVista {
  background-image: url("../images/error-instance/icon_windows7.svg");
}

.no-svg .icon-windowsVista {
  background-image: url("../images/error-instance/icon_windows7.png");
}

.icon-windows7 {
  background-image: url("../images/error-instance/icon_windows7.svg");
}

.no-svg .icon-windows7 {
  background-image: url("../images/error-instance/icon_windows7.png");
}

.icon-windows8 {
  background-image: url("../images/error-instance/icon_windows8.svg");
}

.no-svg .icon-windows8 {
  background-image: url("../images/error-instance/icon_windows8.png");
}

.icon-windows81 {
  background-image: url("../images/error-instance/icon_windows8.svg");
}

.no-svg .icon-windows81 {
  background-image: url("../images/error-instance/icon_windows8.png");
}

.icon-windows10 {
  background-image: url("../images/error-instance/icon_windows8.svg");
}

.no-svg .icon-windows10 {
  background-image: url("../images/error-instance/icon_windows8.png");
}

.icon-windows11 {
  background-image: url("../images/error-instance/icon_windows11.svg");
}

.no-svg .icon-windows11 {
  background-image: url("../images/error-instance/icon_windows11.png");
}

.icon-windowsPhone {
  background-image: url("../images/error-instance/icon_winRT.svg");
}

.no-svg .icon-windowsPhone {
  background-image: url("../images/error-instance/icon_winRT.png");
}

.icon-linux {
  background-image: url("../images/error-instance/icon_linux.svg");
}

.no-svg .icon-linux {
  background-image: url("../images/error-instance/icon_linux.png");
}

.icon-question, .icon-unknown {
  background-image: url("../images/error-instance/icon_question.svg");
}

.no-svg .icon-question, .no-svg .icon-unknown {
  background-image: url("../images/error-instance/icon_question.png");
}

.icon-blackberry {
  background-image: url("../images/icons/platforms/icon_blackberry.svg");
}

.no-svg .icon-blackberry {
  background-image: url("../images/icons/platforms/icon_blackberry.png");
}

.icon-bsd {
  background-image: url("../images/icons/platforms/icon_bsd.svg");
}

.no-svg .icon-bsd {
  background-image: url("../images/icons/platforms/icon_bsd.png");
}

.icon-centos {
  background-image: url("../images/icons/platforms/icon_centos.svg");
}

.no-svg .icon-centos {
  background-image: url("../images/icons/platforms/icon_centos.png");
}

.icon-debian {
  background-image: url("../images/icons/platforms/icon_debian.svg");
}

.no-svg .icon-debian {
  background-image: url("../images/icons/platforms/icon_debian.png");
}

.icon-fedora {
  background-image: url("../images/icons/platforms/icon_fedora.svg");
}

.no-svg .icon-fedora {
  background-image: url("../images/icons/platforms/icon_fedora.png");
}

.icon-symbian {
  background-image: url("../images/icons/platforms/icon_symbian.svg");
}

.no-svg .icon-symbian {
  background-image: url("../images/icons/platforms/icon_symbian.png");
}

.icon-ubuntu {
  background-image: url("../images/icons/platforms/icon_ubuntu.svg");
}

.no-svg .icon-ubuntu {
  background-image: url("../images/icons/platforms/icon_ubuntu.png");
}

.icon--anonymous-user {
  background-image: url("../images/avatars/icon--anon-user.svg");
}

.no-svg .icon--anonymous-user {
  background-image: url("../images/avatars/icon--anon-user.png");
}

.icon-bot {
  background-image: url("../images/icons/platforms/icon_bot.svg");
}

.no-svg .icon-bot {
  background-image: url("../images/icons/platforms/icon_bot.png");
}

.icon-unidentified {
  background-image: url("../images/icons/platforms/icon_unidentified.svg");
}

.no-svg .icon-unidentified {
  background-image: url("../images/icons/platforms/icon_unidentified.png");
}

.integration-icon {
  display: block;
  border-radius: 4px;
  background-size: 100%;
  background-color: white;
}

.integration-icon.amazonsqs-icon,
.integration-icon--amazonsqs {
  background-image: url("../images/integration-icons/integrations_amazonsqs.png");
  background-image: url("../images/integration-icons/integrations_amazonsqs.svg");
}

.integration-icon.asana-icon,
.integration-icon--asana {
  background-image: url("../images/integration-icons/integrations_asana.png");
  background-image: url("../images/integration-icons/integrations_asana.svg");
}

.integration-icon.assembla-icon,
.integration-icon--assembla {
  background-image: url("../images/integration-icons/integrations_assembla.png");
  background-image: url("../images/integration-icons/integrations_assembla.svg");
}

.integration-icon.azureservicebus-icon,
.integration-icon--azureservicebus {
  background-image: url("../images/integration-icons/integrations_azureservicebus.png");
  background-image: url("../images/integration-icons/integrations_azureservicebus.svg");
}

.integration-icon.bitbucket-icon,
.integration-icon--bitbucket {
  background-image: url("../images/integration-icons/integrations_bitbucket.png");
  background-image: url("../images/integration-icons/integrations_bitbucket.svg");
}

.integration-icon.bugherd-icon,
.integration-icon--bugherd {
  background-image: url("../images/integration-icons/integrations_bugherd.png");
  background-image: url("../images/integration-icons/integrations_bugherd.svg");
}

.integration-icon.campfire-icon,
.integration-icon--campfire {
  background-image: url("../images/integration-icons/integrations_campfire.png");
  background-image: url("../images/integration-icons/integrations_campfire.svg");
}

.integration-icon.fogbugz-icon,
.integration-icon--fogbugz {
  background-image: url("../images/integration-icons/integrations_fogbugz.png");
  background-image: url("../images/integration-icons/integrations_fogbugz.svg");
}

.integration-icon.github-icon,
.integration-icon--github {
  background-image: url("../images/integration-icons/integrations_github.png");
  background-image: url("../images/integration-icons/integrations_github.svg");
}

.integration-icon.gitlab-icon,
.integration-icon--gitlab {
  background-image: url("../images/integration-icons/integrations_gitlab.png");
  background-image: url("../images/integration-icons/integrations_gitlab.svg");
}

.integration-icon.intercom-icon,
.integration-icon--intercom {
  background-image: url("../images/integration-icons/integrations_intercom.png");
  background-image: url("../images/integration-icons/integrations_intercom.svg");
}

.integration-icon.jira-icon, .integration-icon.jiraoauth-icon,
.integration-icon--jira, .integration-icon--jiraoauth {
  background-image: url("../images/integration-icons/integrations_jira.png");
  background-image: url("../images/integration-icons/integrations_jira.svg");
}

.integration-icon.lighthouse-icon,
.integration-icon--lighthouse {
  background-image: url("../images/integration-icons/integrations_lighthouse.png");
  background-image: url("../images/integration-icons/integrations_lighthouse.svg");
}

.integration-icon.octopus-icon,
.integration-icon--octopus {
  background-image: url("../images/integration-icons/integrations_octopus-deploy.png");
  background-image: url("../images/integration-icons/integrations_octopus-deploy.svg");
}

.integration-icon.pagerduty-icon,
.integration-icon--pagerduty {
  background-image: url("../images/integration-icons/integrations_pagerduty.png");
  background-image: url("../images/integration-icons/integrations_pagerduty.svg");
}

.integration-icon.slack-icon,
.integration-icon--slack {
  background-image: url("../images/integration-icons/integrations_slack.png");
  background-image: url("../images/integration-icons/integrations_slack.svg");
}

.integration-icon.sprintly-icon,
.integration-icon--sprintly {
  background-image: url("../images/integration-icons/integrations_sprintly.png");
  background-image: url("../images/integration-icons/integrations_sprintly.svg");
}

.integration-icon.targetprocess-icon,
.integration-icon--targetprocess {
  background-image: url("../images/integration-icons/integrations_targetprocess.png");
  background-image: url("../images/integration-icons/integrations_targetprocess.svg");
}

.integration-icon.trello-icon,
.integration-icon--trello {
  background-image: url("../images/integration-icons/integrations_trello.png");
  background-image: url("../images/integration-icons/integrations_trello.svg");
}

.integration-icon.victorops-icon,
.integration-icon--victorops {
  background-image: url("../images/integration-icons/integrations_victorops.png");
  background-image: url("../images/integration-icons/integrations_victorops.svg");
}

.integration-icon.visualstudioonline-icon,
.integration-icon--visualstudioonline {
  background-image: url("../images/integration-icons/integrations_visual-studio-online.png");
  background-image: url("../images/integration-icons/integrations_visual-studio-online.svg");
}

.integration-icon.webhook-icon,
.integration-icon--webhook {
  background-image: url("../images/integration-icons/integrations_webhooks.png");
  background-image: url("../images/integration-icons/integrations_webhooks.svg");
}

.integration-icon.youtrack-icon,
.integration-icon--youtrack {
  background-image: url("../images/integration-icons/integrations_youtrack.png");
  background-image: url("../images/integration-icons/integrations_youtrack.svg");
}

.integration-icon.zapier-icon,
.integration-icon--zapier {
  background-image: url("../images/integration-icons/integrations_zapier.png");
  background-image: url("../images/integration-icons/integrations_zapier.svg");
}

.integration-icon.zendesk-icon,
.integration-icon--zendesk {
  background-image: url("../images/integration-icons/integrations_zendesk.png");
  background-image: url("../images/integration-icons/integrations_zendesk.svg");
}

@font-face {
  font-family: "flaticons";
  src: url("../fonts/flat-stroke/flaticons-stroke.eot");
  src: url("../fonts/flat-stroke/flaticons-stroke.eot?#iefix") format("embedded-opentype"), url("../fonts/flat-stroke/flaticons-stroke.ttf") format("truetype"), url("../fonts/flat-stroke/flaticons-stroke.svg#flaticons-stroke") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}
.flat-icon:before {
  font-family: "flaticons";
  font-weight: normal;
  vertical-align: middle;
}

.icon-desktop:before, .desktop-icon:before {
  content: "\e464";
}

.icon-laptop:before {
  content: "\e463";
}

.icon-tablet:before {
  content: "\e462";
}

.icon-mobile:before {
  content: "\e460";
}

.icon-stopwatch:before, .stopwatch-icon:before {
  content: "\e4ef";
}

.icon-circle,
.icon-circle,
.circle-icon {
  padding: 4px;
}
.icon-circle:before,
.icon-circle:before,
.circle-icon:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #303847;
}

.icon-circle--red:before {
  background: #F73415;
}

.icon-circle--green:before {
  background: #1CC526;
}

.icon-circle--load-time:before {
  background: #00BCD4;
}

.icon-circle--viewing-time:before {
  background: #651FFF;
}

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

.small-circle-icon {
  padding: 4px;
}
.small-circle-icon:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #303847;
  margin-left: 2px;
  margin-top: 2px;
}

.flat-icon.img-icon:before {
  content: "\e46a";
}
.flat-icon.key-icon:before {
  content: "\e42a";
}
.flat-icon.bell-icon:before {
  content: "\e42b";
}
.flat-icon.wrench-icon:before {
  content: "\e516";
}
.flat-icon.gauge-icon:before {
  content: "\e4f4";
}
.flat-icon.dashboard-icon:before {
  content: "\e507";
}
.flat-icon.addapplication-icon:before {
  content: "\e3f1";
}
.flat-icon.swap-icon:before, .flat-icon.change-icon:before {
  content: "\e586";
}
.flat-icon.question-icon:before {
  content: "\e4ab";
}
.flat-icon.trashcan-icon:before {
  content: "\e480";
}
.flat-icon.delete-icon:before {
  content: "\e482";
}
.flat-icon.plan-icon:before {
  content: "\e4b7";
}
.flat-icon.application-icon:before, .flat-icon.grid-icon:before {
  content: "\e3e8";
}
.flat-icon.list-icon:before {
  content: "\e543";
}
.flat-icon.list-alt-icon:before {
  content: "\e544";
}
.flat-icon.grid-large-icon:before {
  content: "\e3e9";
}
.flat-icon.grid-square-icon:before {
  content: "\e3ea";
}
.flat-icon.grid-square-large-icon:before {
  content: "\e3eb";
}
.flat-icon.rows-square-icon:before {
  content: "\e53c";
}
.flat-icon.team-icon:before {
  content: "\e4b5";
}
.flat-icon.invoice-icon:before {
  content: "\e47e";
}
.flat-icon.consumers-icon:before, .flat-icon.chain-angled-icon:before {
  content: "\e4a7";
}
.flat-icon.file-icon:before {
  content: "\e404";
}
.flat-icon.http-action-icon:before {
  content: "\e40f";
  transform: scaleX(-1);
}
.flat-icon.share-icon:before {
  content: "\e497";
}
.flat-icon.lock-icon:before {
  content: "\e426";
}
.flat-icon.unlock-icon:before {
  content: "\e425";
}
.flat-icon.calendar-icon:before {
  content: "\e477";
}
.flat-icon.time-icon:before {
  content: "\e4ed";
}
.flat-icon.star-icon:before {
  content: "\e49d";
}
.flat-icon.user-icon:before {
  content: "\e4b4";
}
.flat-icon.storage-icon:before {
  content: "\e524";
}
.flat-icon.auditlog-icon:before {
  content: "\e44d";
}
.flat-icon.tag-icon:before {
  content: "\e4c8";
}
.flat-icon.pause-icon:before {
  content: "\e574";
}
.flat-icon.play-icon:before {
  content: "\e575";
}
.flat-icon.rewind-icon:before {
  content: "\e59c";
}
.flat-icon.back-icon:before {
  content: "\e5aa";
}
.flat-icon.forward-icon:before {
  content: "\e5ab";
}
.flat-icon.fast-forward-icon:before {
  content: "\e59d";
}
.flat-icon.arrowleft-icon:before {
  content: "\e5aa";
}
.flat-icon.icon-arrowright:before, .flat-icon.arrowright-icon:before {
  content: "\e5ab";
}
.flat-icon.arrowup-icon:before {
  content: "\e5a8";
}
.flat-icon.arrowdown-icon:before {
  content: "\e5a9";
}
.flat-icon.doublearrowleft-icon:before {
  content: "\e573";
}
.flat-icon.doublearrowright-icon:before {
  content: "\e576";
}
.flat-icon.icon--arrow-left:before {
  content: "\e5aa";
}
.flat-icon.icon--arrow-right:before {
  content: "\e5ab";
}
.flat-icon.dropdown-icon:before {
  content: "\e5a5";
}
.flat-icon.globe-icon:before {
  content: "\e4fd";
}
.flat-icon.menu-icon:before {
  content: "\e53d";
}
.flat-icon.add-icon:before, .flat-icon.plus-icon:before {
  content: "\e5a0";
}
.flat-icon.login-icon:before {
  content: "\e55c";
}
.flat-icon.logout-icon:before {
  content: "\e559";
}
.flat-icon.add-user-icon:before {
  content: "\e4b1";
}
.flat-icon.eye-icon:before, .flat-icon.mask-icon:before {
  content: "\e45f";
}
.flat-icon.unmask-icon:before {
  content: "\e45e";
}
.flat-icon.icon-microscope:before, .flat-icon.search-icon:before {
  content: "\e45a";
}
.flat-icon.icon-before.left-icon:before {
  content: "\e5aa";
}
.flat-icon.icon-before.circle-down-icon:before {
  content: "\e5bd";
}
.flat-icon.tshirt-icon:before {
  content: "\e455";
}
.flat-icon.icon-after.tshirt-icon:before {
  content: "\e455";
}
.flat-icon.cog-icon:before, .flat-icon.settings-icon:before {
  content: "\e514";
}
.flat-icon.plane-icon:before {
  content: "\e496";
}
.flat-icon.plugins-icon:before {
  content: "\e525";
}
.flat-icon.refresh-icon:before {
  content: "\e58b";
}
.flat-icon.comment-icon:before {
  content: "\e420";
}
.flat-icon.comment-double-icon:before {
  content: "\e421";
}
.flat-icon.contact-icon:before {
  content: "\e422";
}
.flat-icon.expand-icon:before {
  content: "\e590";
}
.flat-icon.download-icon:before {
  content: "\e561";
}
.flat-icon.edit-icon:before {
  content: "\e48b";
}
.flat-icon.map-icon:before {
  content: "\e4f5";
}
.flat-icon.map-marker-icon:before {
  content: "\e4f9";
}
.flat-icon.i-icon:before {
  content: "\e4af";
}
.flat-icon.light-bulb-1-icon:before {
  content: "\e504";
}
.flat-icon.light-bulb-2-icon:before {
  content: "\e506";
}
.flat-icon.save-icon:before {
  content: "\e5a2";
}
.flat-icon.cross-icon:before, .flat-icon.cancel-icon:before, .flat-icon.remove-icon:before, .flat-icon.close-icon:before {
  content: "\e5a3";
}
.flat-icon.cross-circle-icon:before, .flat-icon.cancel-circle-icon:before, .flat-icon.remove-circle-icon:before, .flat-icon.close-circle-icon:before {
  content: "\e5b7";
}
.flat-icon.cross-square-icon:before, .flat-icon.cancel-square-icon:before, .flat-icon.remove-square-icon:before, .flat-icon.close-square-icon:before {
  content: "\e5cb";
}
.flat-icon.pencil-icon:before {
  content: "\e48d";
}
.flat-icon.infinity-icon:before {
  content: "\e585";
}
.flat-icon.invitation-icon:before {
  content: "\e495";
}
.flat-icon.clock-icon:before {
  content: "\e4ed";
}
.flat-icon.email-icon:before {
  content: "\e493";
}
.flat-icon.feedback-icon:before, .flat-icon.compose-icon:before {
  content: "\e489";
}
.flat-icon.description-icon:before {
  content: "\e441";
}
.flat-icon.setup-icon:before {
  content: "\e516";
}
.flat-icon.link-icon:before {
  content: "\e4a9";
}
.flat-icon.warning-icon:before {
  content: "\e4ac";
}
.flat-icon.tick-icon:before {
  content: "\e5a2";
}
.flat-icon.infinity-icon:before {
  content: "\e585";
}
.flat-icon.application-icon:before {
  content: "\e3e8";
}
.flat-icon.nodes-icon:before {
  content: "\e525";
}
.flat-icon.plus-icon:before {
  content: "\e5a0";
}
.flat-icon.minus-icon:before {
  content: "\e5a1";
}
.flat-icon.minus-circle-icon:before {
  content: "\e5b5";
}
.flat-icon.minus-square-icon:before {
  content: "\e5c9";
}
.flat-icon.draghandle-icon:before {
  content: "\e53d";
}
.flat-icon.view-icon:before {
  content: "\e497";
}
.flat-icon.time-icon:before {
  content: "\e4ee";
}
.flat-icon.app-audit-icon:before {
  content: "\e3ef";
}
.flat-icon.plan-audit-icon:before {
  content: "\e4b7";
}
.flat-icon.aggregated-icon:before, .flat-icon.aggregate-icon:before {
  content: "\e541";
}
.flat-icon.grouped-icon:before {
  content: "\e53f";
}
.flat-icon.clipboard-tick-icon:before {
  content: "\e5ca";
}
.flat-icon.clipboard-cross-icon:before {
  content: "\e5cb";
}
.flat-icon.clipboard-minus-icon:before {
  content: "\e5c9";
}
.flat-icon.clipboard-plus-icon:before {
  content: "\e5c8";
}
.flat-icon.announcement-icon:before {
  content: "\e584";
}
.flat-icon.error-summary-icon:before {
  content: "\e584";
}
.flat-icon.error-details-icon:before {
  content: "\e3fb";
}
.flat-icon.error-request-icon:before {
  content: "\e4e4";
}
.flat-icon.error-environment-icon:before {
  content: "\e4bd";
}
.flat-icon.error-custom-icon:before {
  content: "\e4f5";
}
.flat-icon.error-raw-icon:before {
  content: "\e4e3";
}
.flat-icon.resolved-error-icon:before {
  content: "\e5a2";
}
.flat-icon.ignored-error-icon:before, .flat-icon.speaker-icon:before {
  content: "\e57f";
}
.flat-icon.permanently-ignored-error-icon:before, .flat-icon.mute-icon:before {
  content: "\e57e";
}
.flat-icon.unmute-icon:before {
  content: "\e57c";
}
.flat-icon.sort-arrow-up:before {
  content: "\e5b0";
}
.flat-icon.sort-arrow-down:before {
  content: "\e5b1";
}
.flat-icon.icon--stem-arrow-left:before {
  content: "\e5b2";
}
.flat-icon.icon--stem-arrow-right:before {
  content: "\e5b3";
}
.flat-icon.arrow-solid-left-icon:before, .flat-icon.icon--arrow-solid-left:before {
  content: "\e5a6";
}
.flat-icon.arrow-solid-right-icon:before, .flat-icon.icon--arrow-solid-right:before {
  content: "\e5a7";
}
.flat-icon.arrow-solid-up-icon:before, .flat-icon.icon--arrow-solid-up:before {
  content: "\e5a4";
}
.flat-icon.arrow-solid-down-icon:before, .flat-icon.icon--arrow-solid-down:before {
  content: "\e5a5";
}
.flat-icon.alt-grid-icon:before {
  content: "\e3e9";
}
.flat-icon.pin-icon:before {
  content: "\e4a2";
}
.flat-icon.circle-warning-icon:before {
  content: "\e4ad";
}
.flat-icon.slider-icon:before {
  content: "\e522";
}
.flat-icon.copy-icon:before {
  content: "\e408";
}
.flat-icon.calendar-icon::before {
  content: "\e478";
}
.flat-icon.circle-warning-icon:before {
  content: "\e4ad";
}

.icon-loading {
  margin: 0 auto;
}

.icon-loading,
.loading-icon {
  font-family: "flaticons";
  font-weight: normal;
  vertical-align: middle;
}
.icon-loading:before,
.loading-icon:before {
  content: "\e58a";
}

.loading-icon.is-animated {
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}

.is-spinning:before {
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}

.icon-loading,
.loading-icon--animate {
  transform-origin: center;
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.action-icon {
  border-radius: 3px;
  color: #fff;
  padding: 16px;
  vertical-align: middle;
  display: inline-block;
  background-color: #158FEF;
}
.action-icon.action-icon-micro {
  padding: 4px;
}
.action-icon.action-icon-small {
  padding: 8px;
}
.action-icon.action-icon-large {
  padding: 16px;
}
.action-icon.action-icon-red {
  background-color: #F73415;
}
.action-icon.action-icon-blue {
  background-color: #158FEF;
}
.action-icon.action-icon-green {
  background-color: #1CC526;
}
.action-icon.action-icon-yellow {
  background-color: #ffc539;
}
.action-icon.action-icon-grey {
  background-color: #f1f1f1;
}
.action-icon.action-icon-transparent {
  background: none;
}

.product-icon {
  display: block;
  background-image: url("../images/logo/88--raygun-emblem.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 36px;
  height: 36px;
  border-radius: 3px;
}

.product-icon--48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
}

.product-icon--72 {
  width: 72px;
  height: 72px;
  background-size: 72px;
}

.product-icon--48.product-icon--pulse {
  background-image: url("../images/icon-products/48--pulse.png");
}

html.svg .product-icon--48.product-icon--pulse {
  background-image: url("../images/icon-products/48--pulse.svg");
}

.product-icon--72.product-icon--pulse {
  background-image: url("../images/icon-products/72--pulse.png");
}

html.svg .product-icon--72.product-icon--pulse {
  background-image: url("../images/icon-products/72--pulse.svg");
}

.product-icon--48.product-icon--crash-reporting {
  background-image: url("../images/icon-products/48--crash-reporting.png");
}

html.svg .product-icon--48.product-icon--crash-reporting {
  background-image: url("../images/icon-products/48--crash-reporting.svg");
}

.product-icon--72.product-icon--crash-reporting {
  background-image: url("../images/icon-products/72--crash-reporting.png");
}

html.svg .product-icon--72.product-icon--crash-reporting {
  background-image: url("../images/icon-products/72--crash-reporting.svg");
}

.product-tile-icon {
  display: block;
  width: 80px;
  height: 80px;
  background-size: 72px;
  background-repeat: no-repeat;
  background-position: center;
}

.product-tile-icon--loading {
  position: relative;
  padding: 4px;
}
.product-tile-icon--loading:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #fff;
}

.product-tile-icon--none {
  background-image: url("../images/logo/88--raygun-emblem.png");
}

html.svg .product-tile-icon--none {
  background-image: url("../images/logo/raygun-emblem.svg");
}

.product-tile-icon--pulse {
  background-image: url("../images/icon-products/72--pulse.png");
}

html.svg .product-tile-icon--pulse {
  background-image: url("../images/icon-products/72--pulse.svg");
}

.product-tile-icon--crash-reporting {
  background-image: url("../images/icon-products/72--crash-reporting.png");
}

html.svg .product-tile-icon--crash-reporting {
  background-image: url("../images/icon-products/72--crash-reporting.svg");
}

.product-tile-icon--apm {
  background-image: url("../images/icon-products/72--apm.png");
}

html.svg .product-tile-icon--apm {
  background-image: url("../images/icon-products/72--apm.svg");
}

.sidebar-icon {
  display: block;
  border-radius: 2px;
  width: 40px;
  height: 42px;
  padding: 8px;
}
.sidebar-icon:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}

.sidebar-header-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  max-width: 24px;
  max-height: 24px;
}

.misc-icon {
  display: block;
  border-radius: 4px;
  background-size: 100%;
  background-color: white;
}

.bash-icon {
  background-image: url("../images/icons/misc/bash.png");
  background-image: url("../images/icons/misc/bash.svg");
}

.powershell-icon {
  background-image: url("../images/icons/misc/powershell.png");
  background-image: url("../images/icons/misc/powershell.svg");
}

.icon-button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-decoration: none !important;
  outline: none;
  border-radius: 4px;
  cursor: pointer;
  color: #bbb;
  display: block;
}
.icon-button:hover {
  color: #262d3a;
}
.icon-button:active, .icon-button:focus {
  background-color: #d8d8d8;
}

.icon-button--remove:hover {
  color: #262d3a;
  background-color: #d8d8d8;
}
.icon-button--remove:active, .icon-button--remove:focus {
  color: #fff;
  background-color: #F73415;
}

.icon-button--24 {
  width: 24px;
  height: 24px;
  padding: 4px;
}

.icon-button--32 {
  width: 32px;
  height: 32px;
  padding: 8px;
}

.button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  font-family: "Open Sans", arial, helvetica, sans-serif;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  max-width: 100%;
  line-height: 16px;
  border-radius: 3px;
  border: 1px solid transparent;
  outline: none;
  max-width: 100%;
  text-decoration: none !important;
}
.button:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.button:active {
  box-shadow: none;
}
.button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.button[disabled] {
  cursor: not-allowed;
  background: #E0E0E0 !important;
  border-color: #AEAEAE !important;
  color: #9E9E9E !important;
}
.button[disabled]:hover, .button[disabled]:active, .button[disabled]:focus {
  background-color: #E0E0E0 !important;
  color: #9E9E9E !important;
  box-shadow: none;
}
.button[disabled]:focus {
  outline: 0;
}

.button-before,
.button-after {
  position: relative;
}
.button-before .icon-before,
.button-before .icon-after,
.button-after .icon-before,
.button-after .icon-after {
  position: absolute;
}

.button-16 {
  height: 16px;
  min-width: 16px;
}

.button-24,
.button--24 {
  height: 24px;
  min-width: 24px;
  padding: 3px 8px;
  font-size: 12px;
  font-size: 1.2rem;
}
.button-24.button-before,
.button--24.button-before {
  padding-left: 23px;
}
.button-24.button-after,
.button--24.button-after {
  padding-right: 23px;
}
.button-24 .icon-before.icon-16,
.button--24 .icon-before.icon-16 {
  top: 3px;
  left: 3px;
}
.button-24 .icon-after.icon-16,
.button--24 .icon-after.icon-16 {
  top: 3px;
  right: 7px;
}

.button-32,
.button--32 {
  height: 32px;
  min-width: 32px;
  padding: 7px 11px;
  font-size: 12px;
  font-size: 1.2rem;
}
.button-32.button-before,
.button--32.button-before {
  padding-left: 28px;
}
.button-32.button-after,
.button--32.button-after {
  padding-right: 28px;
}
.button-32 .icon-before.icon-16,
.button--32 .icon-before.icon-16 {
  top: 7px;
  left: 11px;
}
.button-32 .icon-after.icon-16,
.button--32 .icon-after.icon-16 {
  top: 7px;
  right: 11px;
}

.button-36 {
  height: 36px;
  min-width: 36px;
  padding: 9px 11px;
  font-size: 14px;
  font-size: 1.4rem;
}
.button-36.button-before {
  padding-left: 39px;
}
.button-36.button-after {
  padding-right: 39px;
}
.button-36 .icon-before.icon-16,
.button-36 .icon-before.avatar-16 {
  top: 9px;
  left: 11px;
}
.button-36 .icon-after.icon-16,
.button-36 .icon-after.avatar-16 {
  top: 9px;
  right: 11px;
}
.button-36 .icon-before.avatar-24 {
  top: 5px;
  left: 7px;
}
.button-36 .icon-after.avatar-24 {
  top: 5px;
  right: 7px;
}

.button-40 {
  height: 40px;
  min-width: 40px;
  padding: 11px;
  font-size: 14px;
  font-size: 1.4rem;
}
.button-40.button-before {
  padding-left: 39px;
}
.button-40.button-after {
  padding-right: 39px;
}
.button-40 .icon-before.icon-16,
.button-40 .icon-before.avatar-16 {
  top: 11px;
  left: 11px;
}
.button-40 .icon-after.icon-16,
.button-40 .icon-after.avatar-16 {
  top: 11px;
  right: 11px;
}
.button-40 .icon-before.avatar-24 {
  top: 7px;
  left: 7px;
}
.button-40 .icon-after.avatar-24 {
  top: 7px;
  right: 7px;
}

.button-42 {
  height: 42px;
  min-width: 42px;
  padding: 12px;
  font-size: 14px;
  font-size: 1.4rem;
}
.button-42.button-before {
  padding-left: 40px;
}
.button-42.button-after {
  padding-right: 40px;
}
.button-42 .icon-before.icon-16,
.button-42 .icon-before.avatar-16 {
  top: 12px;
  left: 12px;
}
.button-42 .icon-after.icon-16,
.button-42 .icon-after.avatar-16 {
  top: 12px;
  right: 12px;
}
.button-42 .icon-before.avatar-24 {
  top: 8px;
  left: 8px;
}
.button-42 .icon-after.avatar-24 {
  top: 8px;
  right: 8px;
}

.button-56 {
  height: 56px;
  min-height: 56px;
  padding: 11px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 32px;
}

.button-48 {
  height: 48px;
  min-width: 48px;
  padding: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
.button-48.button-before {
  padding-left: 47px;
}
.button-48.button-after {
  padding-right: 47px;
}
.button-48 .icon-before.icon-16 {
  left: 15px;
  top: 15px;
}
.button-48 .icon-after.icon-16 {
  right: 15px;
  top: 15px;
}
.button-48 .icon-before.avatar-24 {
  left: 11px;
  top: 11px;
}
.button-48 .icon-after.avatar-24 {
  right: 11px;
  top: 11px;
}

.button-block {
  display: block;
  width: 100%;
}

.button .icon-16.icon-center {
  display: block;
  margin: 0 auto;
}

.button--clean-right.button--clean-right {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.button--clean-left.button--clean-left {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button--focusable:focus {
  outline: rgb(77, 144, 254) auto 5px;
}

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

.button--flat-right {
  border-radius: 0 3px 3px 0;
}

.button--flat-left {
  border-radius: 3px 0 0 3px;
}

.button.button--no-border {
  border: 0;
}

.button.button--wide {
  padding-left: 18px;
  padding-right: 18px;
}

#error-group-status-button.border-radius--2 {
  border-radius: 2px;
}

#error-group-status-button.padding-left--16 {
  padding-left: 16px;
}

#error-group-status-button.padding-right--8 {
  padding-right: 8px;
}

#error-group-status-button.padding-top--8 {
  padding-top: 8px;
}

#error-group-status-button.padding-bottom--8 {
  padding-bottom: 8px;
}

#error-group-status-button.min-width--96 {
  min-width: 96px;
}

#error-group-status-button.height--40 {
  height: 40px;
}

#error-group-status-button.display--flex {
  display: flex;
}

#error-group-status-button.align-items--center {
  align-items: center;
}

#error-group-status-button.justify-content--space-between {
  justify-content: space-between;
}

#error-group-status-button span {
  position: static;
}

#error-group-status-button.dropdown-button--active > span.flat-icon {
  transform: rotate(180deg);
}

.button-plain {
  border: 1px solid #bbb;
  color: #333 !important;
  background-color: #fafafa;
  -webkit-background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  -moz-background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  -ms-background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  -o-background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
}
.button-plain:hover, .button-plain.is-hover, .button-plain.is-active {
  background-color: #fcfcfc;
  -webkit-background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
  -moz-background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
  -ms-background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
  -o-background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
}
.button-plain:active, .button-plain.is-active, .button-plain.is-pressed {
  background: #e1e1e1;
}

.button-blue {
  border: 1px solid #1669AB;
  color: #fff !important;
  background-color: #239bf6;
  -webkit-background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
  -moz-background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
  -ms-background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
  -o-background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
  background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
}
.button-blue:hover, .button-blue.is-hover, .button-blue.is-active {
  background-color: #25a1f7;
  -webkit-background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
  -moz-background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
  -ms-background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
  -o-background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
  background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
}
.button-blue:active, .button-blue.is-active, .button-blue.is-pressed {
  background: #0369d2;
}

.button-purple {
  border: 1px solid #511a8c;
  color: #fff !important;
  background-color: #A15CE6;
  -webkit-background-image: linear-gradient(to bottom, #A15CE6 0%, #8a4dc7 100%);
  -moz-background-image: linear-gradient(to bottom, #A15CE6 0%, #8a4dc7 100%);
  -ms-background-image: linear-gradient(to bottom, #A15CE6 0%, #8a4dc7 100%);
  -o-background-image: linear-gradient(to bottom, #A15CE6 0%, #8a4dc7 100%);
  background-image: linear-gradient(to bottom, #A15CE6 0%, #8a4dc7 100%);
}
.button-purple:hover, .button-purple.is-hover, .button-purple.is-active {
  background-color: #aa6ce8;
  -webkit-background-image: linear-gradient(to bottom, #aa6ce8 0%, #975fce 100%);
  -moz-background-image: linear-gradient(to bottom, #aa6ce8 0%, #975fce 100%);
  -ms-background-image: linear-gradient(to bottom, #aa6ce8 0%, #975fce 100%);
  -o-background-image: linear-gradient(to bottom, #aa6ce8 0%, #975fce 100%);
  background-image: linear-gradient(to bottom, #aa6ce8 0%, #975fce 100%);
}
.button-purple:active, .button-purple.is-active, .button-purple.is-pressed {
  background: #6E409F;
}

.button-yellow {
  border: 1px solid #dc8a28;
  color: #fff !important;
  background-color: #f2b443;
  -webkit-background-image: linear-gradient(to bottom, #f2b443 0%, #f7a037 100%);
  -moz-background-image: linear-gradient(to bottom, #f2b443 0%, #f7a037 100%);
  -ms-background-image: linear-gradient(to bottom, #f2b443 0%, #f7a037 100%);
  -o-background-image: linear-gradient(to bottom, #f2b443 0%, #f7a037 100%);
  background-image: linear-gradient(to bottom, #f2b443 0%, #f7a037 100%);
}
.button-yellow:hover, .button-yellow.is-hover, .button-yellow.is-active {
  background-color: #f2b443;
  -webkit-background-image: linear-gradient(to bottom, #f2b443 0%, #ee9a34 100%);
  -moz-background-image: linear-gradient(to bottom, #f2b443 0%, #ee9a34 100%);
  -ms-background-image: linear-gradient(to bottom, #f2b443 0%, #ee9a34 100%);
  -o-background-image: linear-gradient(to bottom, #f2b443 0%, #ee9a34 100%);
  background-image: linear-gradient(to bottom, #f2b443 0%, #ee9a34 100%);
}
.button-yellow:active, .button-yellow.is-active, .button-yellow.is-pressed {
  background: #ee9a34;
}

.button-red {
  border: 1px solid #b93c3d;
  color: #fff !important;
  background-color: #ed5a59;
  -webkit-background-image: linear-gradient(to bottom, #ed5a59 0%, #e0504f 100%);
  -moz-background-image: linear-gradient(to bottom, #ed5a59 0%, #e0504f 100%);
  -ms-background-image: linear-gradient(to bottom, #ed5a59 0%, #e0504f 100%);
  -o-background-image: linear-gradient(to bottom, #ed5a59 0%, #e0504f 100%);
  background-image: linear-gradient(to bottom, #ed5a59 0%, #e0504f 100%);
}
.button-red:hover, .button-red.is-hover, .button-red.is-active {
  background-color: #ed5a59;
  -webkit-background-image: linear-gradient(to bottom, #ed5a59 0%, #d84443 100%);
  -moz-background-image: linear-gradient(to bottom, #ed5a59 0%, #d84443 100%);
  -ms-background-image: linear-gradient(to bottom, #ed5a59 0%, #d84443 100%);
  -o-background-image: linear-gradient(to bottom, #ed5a59 0%, #d84443 100%);
  background-image: linear-gradient(to bottom, #ed5a59 0%, #d84443 100%);
}
.button-red:active, .button-red.is-active, .button-red.is-pressed {
  background: #cf4847;
}

.button-green {
  border: 1px solid #2fa844;
  color: #fff !important;
  background-color: #41cc3c;
  -webkit-background-image: linear-gradient(to bottom, #41cc3c 0%, #3dc038 100%);
  -moz-background-image: linear-gradient(to bottom, #41cc3c 0%, #3dc038 100%);
  -ms-background-image: linear-gradient(to bottom, #41cc3c 0%, #3dc038 100%);
  -o-background-image: linear-gradient(to bottom, #41cc3c 0%, #3dc038 100%);
  background-image: linear-gradient(to bottom, #41cc3c 0%, #3dc038 100%);
}
.button-green:hover, .button-green.is-hover, .button-green.is-active {
  background-color: #4cd647;
  -webkit-background-image: linear-gradient(to bottom, #4cd647 0%, #49cc43 100%);
  -moz-background-image: linear-gradient(to bottom, #4cd647 0%, #49cc43 100%);
  -ms-background-image: linear-gradient(to bottom, #4cd647 0%, #49cc43 100%);
  -o-background-image: linear-gradient(to bottom, #4cd647 0%, #49cc43 100%);
  background-image: linear-gradient(to bottom, #4cd647 0%, #49cc43 100%);
}
.button-green:active, .button-green.is-active, .button-green.is-pressed {
  background: #00ad09;
}

.button-twitter {
  border: 1px solid #1498c9;
  color: #fff !important;
  background-color: #10b8f8;
  -webkit-background-image: linear-gradient(to bottom, #10b8f8 0%, #18aee7 100%);
  -moz-background-image: linear-gradient(to bottom, #10b8f8 0%, #18aee7 100%);
  -ms-background-image: linear-gradient(to bottom, #10b8f8 0%, #18aee7 100%);
  -o-background-image: linear-gradient(to bottom, #10b8f8 0%, #18aee7 100%);
  background-image: linear-gradient(to bottom, #10b8f8 0%, #18aee7 100%);
}
.button-twitter:hover, .button-twitter.is-hover, .button-twitter.is-active {
  background-color: #1eb9f4;
  -webkit-background-image: linear-gradient(to bottom, #1eb9f4 0%, #14a3d9 100%);
  -moz-background-image: linear-gradient(to bottom, #1eb9f4 0%, #14a3d9 100%);
  -ms-background-image: linear-gradient(to bottom, #1eb9f4 0%, #14a3d9 100%);
  -o-background-image: linear-gradient(to bottom, #1eb9f4 0%, #14a3d9 100%);
  background-image: linear-gradient(to bottom, #1eb9f4 0%, #14a3d9 100%);
}
.button-twitter:active, .button-twitter.is-active, .button-twitter.is-pressed {
  background: #14a3d9;
}

.button-googleplus {
  border: 1px solid #b73420;
  color: #fff !important;
  background-color: #da4f2e;
  -webkit-background-image: linear-gradient(to bottom, #da4f2e 0%, #d34529 100%);
  -moz-background-image: linear-gradient(to bottom, #da4f2e 0%, #d34529 100%);
  -ms-background-image: linear-gradient(to bottom, #da4f2e 0%, #d34529 100%);
  -o-background-image: linear-gradient(to bottom, #da4f2e 0%, #d34529 100%);
  background-image: linear-gradient(to bottom, #da4f2e 0%, #d34529 100%);
}
.button-googleplus:hover, .button-googleplus.is-hover, .button-googleplus.is-active {
  background-color: #da4f2e;
  -webkit-background-image: linear-gradient(to bottom, #da4f2e 0%, #c13b27 100%);
  -moz-background-image: linear-gradient(to bottom, #da4f2e 0%, #c13b27 100%);
  -ms-background-image: linear-gradient(to bottom, #da4f2e 0%, #c13b27 100%);
  -o-background-image: linear-gradient(to bottom, #da4f2e 0%, #c13b27 100%);
  background-image: linear-gradient(to bottom, #da4f2e 0%, #c13b27 100%);
}
.button-googleplus:active, .button-googleplus.is-active, .button-googleplus.is-pressed {
  background: #c13b27;
}

.button-facebook {
  border: 1px solid #345290;
  color: #fff !important;
  background-color: #3f60a5;
  -webkit-background-image: linear-gradient(to bottom, #3f60a5 0%, #3b5998 100%);
  -moz-background-image: linear-gradient(to bottom, #3f60a5 0%, #3b5998 100%);
  -ms-background-image: linear-gradient(to bottom, #3f60a5 0%, #3b5998 100%);
  -o-background-image: linear-gradient(to bottom, #3f60a5 0%, #3b5998 100%);
  background-image: linear-gradient(to bottom, #3f60a5 0%, #3b5998 100%);
}
.button-facebook:hover, .button-facebook.is-hover, .button-facebook.is-active {
  background-color: #3f60a5;
  -webkit-background-image: linear-gradient(to bottom, #3f60a5 0%, #35508a 100%);
  -moz-background-image: linear-gradient(to bottom, #3f60a5 0%, #35508a 100%);
  -ms-background-image: linear-gradient(to bottom, #3f60a5 0%, #35508a 100%);
  -o-background-image: linear-gradient(to bottom, #3f60a5 0%, #35508a 100%);
  background-image: linear-gradient(to bottom, #3f60a5 0%, #35508a 100%);
}
.button-facebook:active, .button-facebook.is-active, .button-facebook.is-pressed {
  background: #35508a;
}

.button-github {
  border: 1px solid #000000;
  color: #fff !important;
  background-color: #3c3c3c;
  -webkit-background-image: linear-gradient(to bottom, #3c3c3c 0%, #353535 100%);
  -moz-background-image: linear-gradient(to bottom, #3c3c3c 0%, #353535 100%);
  -ms-background-image: linear-gradient(to bottom, #3c3c3c 0%, #353535 100%);
  -o-background-image: linear-gradient(to bottom, #3c3c3c 0%, #353535 100%);
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #353535 100%);
}
.button-github:hover, .button-github.is-hover, .button-github.is-active {
  background-color: #3c3c3c;
  -webkit-background-image: linear-gradient(to bottom, #3c3c3c 0%, #2f2f2f 100%);
  -moz-background-image: linear-gradient(to bottom, #3c3c3c 0%, #2f2f2f 100%);
  -ms-background-image: linear-gradient(to bottom, #3c3c3c 0%, #2f2f2f 100%);
  -o-background-image: linear-gradient(to bottom, #3c3c3c 0%, #2f2f2f 100%);
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #2f2f2f 100%);
}
.button-github:active, .button-github.is-active, .button-github.is-pressed {
  background: #2f2f2f;
}

.button-intercom {
  border: 1px solid #0073b0;
  color: #fff !important;
  background-color: #0073b0;
  -webkit-background-image: linear-gradient(to bottom, #0073b0 0%, #0073b0 100%);
  -moz-background-image: linear-gradient(to bottom, #0073b0 0%, #0073b0 100%);
  -ms-background-image: linear-gradient(to bottom, #0073b0 0%, #0073b0 100%);
  -o-background-image: linear-gradient(to bottom, #0073b0 0%, #0073b0 100%);
  background-image: linear-gradient(to bottom, #0073b0 0%, #0073b0 100%);
}
.button-intercom:hover, .button-intercom.is-hover, .button-intercom.is-active {
  background-color: #003f61;
  -webkit-background-image: linear-gradient(to bottom, #003f61 0%, #003f61 100%);
  -moz-background-image: linear-gradient(to bottom, #003f61 0%, #003f61 100%);
  -ms-background-image: linear-gradient(to bottom, #003f61 0%, #003f61 100%);
  -o-background-image: linear-gradient(to bottom, #003f61 0%, #003f61 100%);
  background-image: linear-gradient(to bottom, #003f61 0%, #003f61 100%);
}
.button-intercom:active, .button-intercom.is-active, .button-intercom.is-pressed {
  background: #073650;
}

.button-white {
  background: #fff;
  color: #333;
  border-color: #d3d3d3;
}
.button-white:hover, .button-white.is-hover {
  color: #333;
  border-color: #bbb;
}
.button-white:active, .button-white.is-active {
  color: #333;
  border-color: #158FEF;
}

.button-light-grey {
  background: #fafafa;
  color: #333;
  border-color: #d3d3d3;
}
.button-light-grey:hover, .button-light-grey.is-hover {
  color: #333;
  border-color: #bbb;
}
.button-light-grey:active, .button-light-grey.is-active {
  color: #333;
  border-color: #158FEF;
}

.button-grey {
  color: #333 !important;
  background-color: #d8d8d8;
}
.button-grey:hover {
  background-color: #ddd;
}
.button-grey:active, .button-grey.button--active {
  background-color: #bbb;
}

.button-subtle {
  background: none;
  border-color: transparent;
  color: #808080;
}
.button-subtle:hover {
  color: #333;
  background: #f1f1f1;
}
.button-subtle:active {
  color: #333 !important;
  background: #d8d8d8 !important;
}

.button-green-flat {
  background-color: #41cc3c;
  color: #fff;
  border-color: #41cc3c;
}
.button-green-flat:hover, .button-green-flat.is-hover {
  background-color: #4cd647;
  color: #fff;
  border-color: #4cd647;
}
.button-green-flat:active, .button-green-flat.is-active {
  background-color: #00ad09;
  color: #fff;
  border-color: #00ad09;
}
.button-green-flat:focus {
  border-color: #258022;
}

.button-transparent-blue {
  background-color: transparent;
}
.button-transparent-blue:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.button-transparent-blue:active, .button-transparent-blue:focus, .button-transparent-blue.is-active {
  box-shadow: none;
  color: #fff;
  background-color: #5eb2f4;
}

.pagination .disabled .button,
.pagination .active .button,
.button.is-disabled,
.button--disabled {
  color: #b8b9ba !important;
  border-color: #e4e4e4 !important;
  background: #e4e4e4 !important;
  box-shadow: none !important;
}

.button--disabled {
  cursor: not-allowed !important;
}

.button-pattern {
  position: relative;
}

.button-pattern--close {
  height: 36px;
}
.button-pattern--close .button-pattern__close {
  position: absolute;
  right: 0;
  min-width: 120px;
  max-width: 100%;
  top: 0;
}

.button-pattern--submit {
  height: 36px;
}
.button-pattern--submit .button-pattern__submit {
  position: absolute;
  right: 0;
  min-width: 180px;
  max-width: 100%;
  top: 0;
}

.button-pattern--cancel-submit {
  height: 36px;
}
@media only screen and (max-width: 639px) {
  .button-pattern--cancel-submit {
    height: auto;
  }
}
.button-pattern--cancel-submit .button-pattern__submit,
.button-pattern--cancel-submit .button-pattern__cancel {
  float: right;
  max-width: 50%;
}
@media only screen and (max-width: 639px) {
  .button-pattern--cancel-submit .button-pattern__submit,
.button-pattern--cancel-submit .button-pattern__cancel {
    float: none;
    max-width: 100%;
  }
}
.button-pattern--cancel-submit .button-pattern__cancel {
  min-width: 120px;
  padding-right: 8px;
}
@media only screen and (max-width: 639px) {
  .button-pattern--cancel-submit .button-pattern__cancel {
    padding: 8px 0 0;
  }
}
.button-pattern--cancel-submit .button-pattern__submit {
  min-width: 180px;
}
.button-pattern--cancel-submit .button-pattern__left {
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 639px) {
  .button-pattern--cancel-submit .button-pattern__left {
    position: static;
    padding-top: 8px;
  }
}
.button-pattern--cancel-submit .button-pattern__left--text {
  padding-top: 10px;
}

.button-pattern--cancel-update {
  height: 36px;
}
.button-pattern--cancel-update .button-pattern__update {
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
}
.button-pattern--cancel-update .button-pattern__cancel {
  position: absolute;
  right: 168px;
  width: 120px;
  top: 0;
}

.button-pattern--left-right {
  height: 36px;
}
.button-pattern--left-right .button-pattern__left {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 50%;
}
.button-pattern--left-right .button-pattern__right {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 50%;
}

.button-pattern--markdown {
  height: 36px;
}
.button-pattern--markdown .button-pattern__markdown {
  padding: 10px 0;
  line-height: 16px;
}
.button-pattern--markdown .button-pattern__submit {
  width: 160px;
}
@media only screen and (max-width: 639px) {
  .button-pattern--markdown {
    height: auto;
  }
  .button-pattern--markdown::before, .button-pattern--markdown::after {
    content: " ";
    display: table;
  }
  .button-pattern--markdown::after {
    clear: both;
  }
  .button-pattern--markdown .button-pattern__markdown {
    line-height: normal;
    padding: 0;
  }
  .button-pattern--markdown .button-pattern__submit,
.button-pattern--markdown .button-pattern__preview {
    float: left;
    width: 50%;
  }
  .button-pattern--markdown .button-pattern__preview,
.button-pattern--markdown .button-pattern__submit,
.button-pattern--markdown .button-pattern__markdown {
    margin: 4px 0 0;
    position: static;
    width: 100%;
  }
}

.button-pattern--text-submit {
  height: 36px;
}
@media only screen and (max-width: 639px) {
  .button-pattern--text-submit {
    height: auto;
  }
}
.button-pattern--text-submit .button-pattern__submit,
.button-pattern--text-submit .button-pattern__text {
  float: right;
  max-width: 50%;
}
@media only screen and (max-width: 639px) {
  .button-pattern--text-submit .button-pattern__submit,
.button-pattern--text-submit .button-pattern__text {
    float: none;
    max-width: 100%;
  }
}
.button-pattern--text-submit .button-pattern__text {
  min-width: 120px;
  padding-right: 8px;
  line-height: 40px;
}
@media only screen and (max-width: 639px) {
  .button-pattern--text-submit .button-pattern__text {
    padding: 8px 0 0;
    text-align: center;
  }
}
.button-pattern--text-submit .button-pattern__submit {
  min-width: 180px;
}

.button-pattern--left-content {
  position: relative;
  padding-right: 32px;
  width: 100%;
  min-height: 32px;
}
.button-pattern--left-content .button-pattern__button {
  position: absolute;
  right: 0;
  top: 0;
}
.button-ui {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: "Open Sans", arial, helvetica, sans-serif;
  padding: 0 8px;
  vertical-align: middle;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid transparent;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  outline: none;
}
@media only screen and (min-width: 1180px) {
  .button-ui {
    padding: 0 24px;
  }
}
.button-ui[disabled] {
  cursor: not-allowed;
  background-color: #E0E0E0;
  border-color: #AEAEAE;
  color: #9E9E9E;
}
.button-ui[disabled]:hover, .button-ui[disabled]:active, .button-ui[disabled]:focus {
  background-color: #E0E0E0;
  color: #9E9E9E;
}
.button-ui[disabled]:focus {
  outline: 0;
}
.button-ui--block {
  display: block;
}
.button-ui--full-width {
  display: block;
  width: 100%;
}
.button-ui--24 {
  height: 24px;
  line-height: 24px;
}
.button-ui--32 {
  height: 32px;
  line-height: 32px;
}
.button-ui--36 {
  height: 36px;
  line-height: 36px;
}
.button-ui--40 {
  height: 40px;
  line-height: 40px;
}
.button-ui--48 {
  height: 48px;
  line-height: 48px;
}
.button-ui--flat-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-ui--flat-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-ui--no-border-left {
  border-left: none;
}
.button-ui--no-border-right {
  border-right: none;
}
.button-ui--shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
.button-ui--left {
  float: left;
}
.button-ui--right {
  float: right;
}
.button-ui--right-md {
  float: left;
}
@media only screen and (min-width: 640px) {
  .button-ui--right-md {
    float: right;
  }
}
.button-ui {
  background-color: #fafafa;
  border-color: #bbb;
  color: #616161;
}
.button-ui:hover {
  background-color: white;
  color: #616161;
}
.button-ui:active {
  background-color: #f4f4f4;
}
.button-ui--white {
  background-color: #fff;
  border-color: #CED0D3;
  color: #616161;
}
.button-ui--white:hover {
  background-color: white;
  color: #616161;
}
.button-ui--white:active {
  background-color: #f9f9f9;
}
.button-ui--green {
  background-color: #4CAF50;
  border-color: #2fa844;
  color: #fff;
}
.button-ui--green:hover {
  background-color: #5cb860;
  color: #fff;
}
.button-ui--green:active {
  background-color: #48a64c;
}
.button-ui--light-green {
  background-color: #1bbf25;
  border-color: #1bbf25;
  color: #fff;
}
.button-ui--light-green:hover {
  background-color: #1ed529;
  color: #fff;
}
.button-ui--light-green:active {
  background-color: #19b423;
}
.button-ui--red {
  background-color: #E53935;
  border-color: #b93c3d;
  color: #fff;
}
.button-ui--red:hover {
  background-color: #e84f4c;
  color: #fff;
}
.button-ui--red:active {
  background-color: #e42e2a;
}
.button-ui--yellow {
  background-color: #ffc539;
  border-color: #dc8a28;
  color: #fff;
}
.button-ui--yellow:hover {
  background-color: #ffcc53;
  color: #fff;
}
.button-ui--yellow:active {
  background-color: #ffc12c;
}
.button-ui--blue {
  background-color: #348AC8;
  border-color: #1669AB;
  color: #fff;
}
.button-ui--blue:hover {
  background-color: #4696cf;
  color: #fff;
}
.button-ui--blue:active {
  background-color: #3183be;
}
.button-ui--light-blue {
  background-color: #158FEF;
  border-color: #158FEF;
  color: #fff;
}
.button-ui--light-blue:hover {
  background-color: #2d9af1;
  color: #fff;
}
.button-ui--light-blue:active {
  background-color: #1088e7;
}
.button-ui--grey {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
  color: #000;
}
.button-ui--grey:hover {
  background-color: #e0e0e0;
  color: #000;
}
.button-ui--grey:active {
  background-color: #cdcdcd;
}
.button-ui--settings {
  background-color: #fff;
  border: 0;
  color: #757575;
}
.button-ui--settings .cog-icon {
  transition: -webkit-transform 80ms ease-in-out;
  transition: transform 80ms ease-in-out;
}
.button-ui--settings:hover {
  background-color: #EEEEEE;
  color: #212121;
}
.button-ui--settings:hover .cog-icon {
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
.button-ui--settings:active {
  background-color: #E0E0E0;
  color: #212121;
}
.button-ui--settings:active .cog-icon {
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
.button-ui--settings[disabled] {
  background-color: #fff;
  color: #BDBDBD;
}
.button-ui--settings[disabled]:hover {
  cursor: default;
  background-color: #fff;
  color: #BDBDBD;
}
.button-ui--settings[disabled]:hover .cog-icon {
  -webkit-transform: none;
  transform: none;
}
.button-ui--blue-gradient {
  background-color: #239bf6;
  -webkit-background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
  -moz-background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
  -ms-background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
  -o-background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
  background-image: linear-gradient(to bottom, #239bf6 0%, #148fef 100%);
  color: #fff;
  border-color: #1669AB;
}
.button-ui--blue-gradient:hover {
  background-color: #25a1f7;
  -webkit-background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
  -moz-background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
  -ms-background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
  -o-background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
  background-image: linear-gradient(to bottom, #25a1f7 0%, #1695f1 100%);
  color: #fff;
}
.button-ui--blue-gradient:active {
  background: #0369d2;
  color: #fff;
}
.button-ui--disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: #E0E0E0;
  border-color: #AEAEAE;
  color: #9E9E9E;
}
.button-ui--disabled:hover, .button-ui--disabled:active, .button-ui--disabled:focus {
  background-image: none;
  background-color: #E0E0E0;
  color: #9E9E9E;
}
.button-ui--disabled:focus {
  outline: 0;
}
.button-ui--no-click {
  cursor: default;
  pointer-events: none;
}

.button-ui--icon {
  width: 40px;
  padding: 0;
}
.button-ui--icon.button-ui--24 {
  width: 24px;
}
.button-ui--icon.button-ui--32 {
  width: 32px;
}
.button-ui--icon.button-ui--36 {
  width: 36px;
}
.button-ui--icon .flat-icon {
  margin: 0 auto;
}

.button-ui__icon--spinning {
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}

.button-ui--loading {
  position: relative;
}
.button-ui--loading .button-ui__icon {
  display: none;
  position: absolute;
  right: 8px;
  width: 14px;
  height: 14px;
}
.button-ui--loading .raygun-icon {
  width: inherit;
  height: inherit;
  position: inherit;
  top: 0;
  left: 0;
}

.button-ui--active {
  padding-right: 32px;
}
.button-ui--active .button-ui__icon {
  display: inline-block;
}

.button-ui .button-ui__icon {
  top: 12px;
}
.button-ui.button-ui--32 .button-ui__icon {
  top: 8px;
}
.button-ui.button-ui--36 .button-ui__icon {
  top: 10px;
}

.button-ui--icon-before {
  position: relative;
  padding-left: 32px;
  padding-right: 8px;
}
.button-ui--icon-before .button-ui__icon {
  position: absolute;
  left: 8px;
}

.button-ui--icon-after {
  position: relative;
  padding-left: 8px;
  padding-right: 32px;
}
.button-ui--icon-after .button-ui__icon,
.button-ui--icon-after .button-ui__icon-after {
  position: absolute;
  right: 8px;
}

.button-ui__icon,
.button-ui__icon-after {
  display: inline-block;
}

.button-ui--icon-before-after {
  position: relative;
  padding-left: 32px;
  padding-right: 32px;
}
.button-ui--icon-before-after .button-ui__icon--before {
  position: absolute;
  top: 0;
  left: 8px;
}
.button-ui--icon-before-after .button-ui__icon--after {
  position: absolute;
  top: 0;
  right: 8px;
}

.button-ui--margin-bottom {
  margin-bottom: 8px;
}

.button-ui--margin-bottom-16 {
  margin-bottom: 16px;
}

.button-ui--margin-bottom-24 {
  margin-bottom: 24px;
}

.button-ui--active-tab {
  background-color: #eee;
  color: #1A77BE;
}
.button-ui--active-tab:hover, .button-ui--active-tab:active {
  background-color: #eee;
  color: #1A77BE;
}

.button-ui--medium-width {
  min-width: 176px;
}

.button-ui--large-width {
  min-width: 272px;
}

.button-ui--shadow {
  -webkit-box-shadow: 0 3px 6px 0 rgba(202, 202, 202, 0.32);
  box-shadow: 0 3px 6px 0 rgba(202, 202, 202, 0.32);
}

.button-ui--focus-outline:focus {
  outline: auto;
}

.button-list {
  display: inline-block;
  vertical-align: middle;
}
.button-list::before, .button-list::after {
  content: " ";
  display: table;
}
.button-list::after {
  clear: both;
}

.button-list__item {
  float: left;
}

@media only screen and (min-width: 640px) {
  .button-list--right {
    float: right;
  }
}

.empty-table {
  margin: 24px auto;
  position: relative;
  background-color: #fff;
}
.empty-table::before, .empty-table::after {
  content: " ";
  display: table;
}
.empty-table::after {
  clear: both;
}
.empty-table--alternative {
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: transparent;
}
.empty-table--icon-above {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.empty-table--icon-above .empty-table__icon {
  position: static;
  margin: 0 auto;
}
.empty-table--icon-above .empty-table__text {
  padding-left: 0;
  padding-top: 8px;
}
.empty-table--overlap {
  z-index: 1;
}
.empty-table--full-width {
  width: auto;
  margin: 12px 24px 24px;
}
@media only screen and (min-width: 640px) {
  .empty-table--full-width {
    width: auto;
  }
}
.empty-table--no-margin {
  margin: 0 auto;
}

.empty-table__icon {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
.empty-table__icon--large {
  width: 140px;
  height: 120px;
}

.empty-table__text {
  display: table;
  height: 100px;
  padding-left: 120px;
  width: 100%;
}
.empty-table__text--no-padding {
  padding-left: 0;
}

.empty-table-content {
  display: table-cell;
  vertical-align: middle;
}

.empty-table-content__headline,
.empty-table-content__link {
  line-height: 32px;
}

.empty-table-content__headline {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}

.empty-table-content__description {
  color: #808080;
  line-height: 18px;
}

.empty-table-list {
  color: #808080;
  list-style: disc;
  padding-left: 16px;
}

.empty-table-list__item {
  line-height: 24px;
}

.empty-table-content__button {
  padding-top: 16px;
}

@media only screen and (min-width: 640px) {
  .empty-table {
    width: 400px;
  }
  .empty-table-wide {
    width: 403px;
  }
  .empty-table--auto {
    width: auto;
  }
}
@media only screen and (min-width: 1180px) {
  .empty-table--auto {
    width: 400px;
  }
}
.empty-table-image {
  width: 100%;
}

.empty-table-image--down-15 {
  margin-top: 15px;
}

.form-split {
  width: 50%;
  float: left;
}
.form-split.left {
  padding: 0 8px 0 0;
}
.form-split.right {
  padding: 0 0 0 8px;
}
.form-split .button, .form-split .button-48 {
  display: block;
  width: 100%;
  text-align: center;
}
.form-split .dropdown-button {
  display: block;
  width: 100%;
}
.form-split .dropdown-button .button,
.form-split .dropdown-button .button-48 {
  text-align: left;
}

.resolved-version-autocomplete-wrapper {
  position: relative;
  margin: 0 0 16px;
}

.resolved-version-autocomplete-list {
  position: absolute;
  z-index: 9;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.resolved-version-autocomplete-list li {
  padding: 4px 8px;
  line-height: 1.4;
  color: #333;
  list-style-type: none;
}
.resolved-version-autocomplete-list li:hover {
  background: #F6F7F8;
  cursor: pointer;
  color: #158FEF;
}
.resolved-version-autocomplete-list.is-hidden {
  display: none;
}
.resolved-version-autocomplete-list.is-active {
  display: block;
}

.page-heading {
  padding: 0 0 12px;
  border-bottom: 1px solid #d3d3d3;
  margin: 0 0 24px;
  position: relative;
}
.page-heading h1 {
  padding: 6px 0;
  line-height: 28px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
}

.ellipsis-space-350 {
  padding-right: 350px;
}

.modal-plugin-message {
  margin-bottom: 20px;
}

.howto-step {
  overflow: auto;
  margin: 0 0 40px;
}
.howto-step td {
  padding-right: 24px;
}

.howto-block {
  overflow: auto;
  margin: 0 0 16px;
}
.howto-block h4 {
  margin: 0 0 12px;
  line-height: 1.4;
}

.modal-plugin-faq {
  border-top: 1px solid #f1f1f1;
  padding-top: 20px;
}
.modal-plugin-faq h4 {
  margin: 0 0 12px;
  line-height: 1.4;
}

.qa-question {
  font-weight: 600;
}

.qa-answer {
  margin: 0 0 20px;
}

.qa-question,
.qa-answer {
  line-height: 1.6;
  font-size: 14px;
  font-size: 1.4rem;
}

.modal-plugin-alert {
  margin: 40px 0 0;
  padding: 20px;
  border-radius: 2px;
  color: #333;
}
.modal-plugin-alert label.modal-button {
  margin: 0 0 16px;
}

label.modal-button {
  display: block;
}
label.modal-button button {
  display: inline-block;
}

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

.modal-form-footer {
  margin: 24px 0 0;
}
.modal-form-footer .button {
  float: left;
  display: block;
  margin: 0 8px 8px 0;
}
@media only screen and (min-width: 640px) {
  .modal-form-footer .button {
    margin-bottom: 0;
  }
}
.modal-form-footer .button:last-child {
  margin: 0;
}

label.modal-input input, label.modal-input textarea, label.modal-textarea input, label.modal-textarea textarea {
  padding: 9px;
  width: 100%;
  display: block;
  border: 1px solid #d3d3d3;
}
label.modal-input input:hover, label.modal-input textarea:hover, label.modal-textarea input:hover, label.modal-textarea textarea:hover {
  border-color: #ddd;
}
label.modal-input input:focus, label.modal-input textarea:focus, label.modal-textarea input:focus, label.modal-textarea textarea:focus {
  border-color: #158FEF;
}

label.modal-checkbox {
  display: block;
  position: relative;
  padding: 0 0 0 40px;
  background: #ddd;
  border-radius: 2px;
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
}
label.modal-checkbox span {
  display: block;
  background: #f1f1f1;
  line-height: 20px;
  padding: 10px;
}
label.modal-checkbox input[type=checkbox] {
  position: absolute;
  left: 12px;
  top: 12px;
  height: 16px;
  width: 16px;
  padding: 1px;
  margin: 0;
}

label.modal-radio {
  display: block;
  position: relative;
  padding: 0 0 0 40px;
  background: #ddd;
  border-radius: 2px;
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
}
label.modal-radio span {
  display: block;
  background: #f1f1f1;
  line-height: 20px;
  padding: 10px;
}
label.modal-radio input[type=radio] {
  position: absolute;
  left: 12px;
  top: 12px;
  height: 16px;
  width: 16px;
  padding: 1px;
  margin: 0;
}

label.modal-select span,
label.modal-select-loading span,
label.modal-textarea span,
label.modal-input span {
  margin: 0 0 8px;
}

.modal-form-unbounded label.modal-textarea,
.modal-form-unbounded label.modal-select,
.modal-form-unbounded label.modal-select-loading,
.modal-form-unbounded label.modal-input,
.modal-form-unbounded label.modal-checkbox,
.modal-form-unbounded label.modal-radio {
  max-width: none;
}

label.modal-textarea,
label.modal-select,
label.modal-select-loading,
label.modal-input,
label.modal-checkbox,
label.modal-radio {
  display: block;
  margin: 0 0 20px;
  max-width: 400px;
}
label.modal-textarea span,
label.modal-select span,
label.modal-select-loading span,
label.modal-input span,
label.modal-checkbox span,
label.modal-radio span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}

label.modal-select select,
label.modal-select-loading select {
  width: 100%;
  padding: 9px;
  line-height: 16px;
  border: 1px solid #d3d3d3;
}
label.modal-select select:hover,
label.modal-select-loading select:hover {
  border-color: #ddd;
}
label.modal-select select:focus,
label.modal-select-loading select:focus {
  border-color: #158FEF;
}

label.modal-select-loading {
  padding: 0 24px 0 0;
  position: relative;
}
label.modal-select-loading:after {
  font-family: "flaticons";
  line-height: 1;
  font-weight: normal;
  vertical-align: middle;
  position: absolute;
  bottom: 12px;
  right: 0;
  content: "\e50d";
  color: transparent;
  display: block;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  -webkit-transition: color 80ms linear;
  -moz-transition: color 80ms linear;
  -ms-transition: color 80ms linear;
  -o-transition: color 80ms linear;
  transition: color 80ms linear;
}
label.modal-select-loading.select-loading:after {
  color: #ddd;
  -webkit-animation: loading-rotation 2s infinite linear;
  -moz-animation: loading-rotation 2s infinite linear;
  -o-animation: loading-rotation 2s infinite linear;
  animation: loading-rotation 2s infinite linear;
}

@-webkit-keyframes loading-rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes loading-rotation {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes loading-rotation {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes loading-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.modal-share {
  margin: 0 0 40px;
}
.modal-share .button {
  margin: 12px 0 0;
}

.trial-expired-container {
  max-width: 960px;
  margin: 0 auto;
  padding: 40px;
}

.expired-header {
  padding: 40px 0;
  position: relative;
}
.expired-header h1 {
  line-height: 1.2;
  font-size: 40px;
  font-size: 4rem;
  margin: 0 320px 0 0;
}
.expired-header .button-wrapper {
  position: absolute;
  top: 40px;
  right: 0;
  max-width: 280px;
}
.expired-header .button-wrapper a {
  display: block !important;
  text-align: center;
}

.expired-content {
  padding: 40px 0;
}
.expired-content::before, .expired-content::after {
  content: " ";
  display: table;
}
.expired-content::after {
  clear: both;
}
.expired-content .typography, .expired-content .studentpack-callout {
  font-size: 120%;
  margin: 0 520px 0 0;
}

.expired-graphic,
.deleted-graphic {
  max-width: 100%;
  width: 480px;
  height: 280px;
  float: right;
  background-size: 480px 280px;
  background-repeat: no-repeat;
  background-position: center;
}

.deleted-graphic {
  background-image: url(../images/_to-remove/deleted-raygun.png);
}
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .deleted-graphic {
    background-image: url(../images/_to-remove/deleted-raygun@2x.png);
  }
}

@media screen and (max-width: 1120px) {
  .trial-expired-container {
    max-width: 640px;
    padding: 24px;
  }
  .expired-header h1 {
    margin: 0;
    text-align: center;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .expired-header .button-wrapper {
    position: static;
    margin: 24px auto 0;
  }
  .expired-content .typography, .expired-content .studentpack-callout {
    margin: 40px 0 0;
  }
}
@media only screen and (max-width: 639px) {
  .expired-header h1 {
    margin: 0;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .expired-header .button-wrapper {
    max-width: auto;
  }
  .expired-graphic {
    height: 180px;
  }
}
.trial-banner {
  background-color: #d0e5f3;
  padding: 8px 24px;
  position: relative;
  border-bottom: 1px solid #d3d3d3;
}

.trial-banner-pattern {
  position: relative;
  padding-right: 200px;
}

.trial-banner-pattern__button {
  position: absolute;
  top: 0;
  right: 0;
}

.trial-banner-pattern__message {
  line-height: 36px;
  font-size: 14px;
  font-size: 1.4rem;
}

.trial-banner.upgrade-banner {
  padding: 0;
  border: 1px solid #f1f1f1;
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
  background-color: #fff;
  color: #333;
}
.trial-banner.upgrade-banner.failure-view {
  background-color: #d7e0e9;
  box-shadow: none;
  padding: 24px 160px 8px 160px;
}

.banner-footer {
  position: relative;
  margin: 24px 0 0;
  padding: 0 0 0 56px;
}
.banner-footer .banner-image {
  position: absolute;
  left: 0;
  top: 0;
}
.banner-footer .typography, .banner-footer .studentpack-callout {
  min-height: 32px;
}

.banner-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.banner-text-container,
.banner-action-container {
  min-height: 203px;
  padding: 24px;
}

.banner-action-container {
  position: absolute;
  top: 0;
}

.banner-text-container {
  width: 100%;
  padding-left: 24px;
  padding-right: 222px;
}

.banner-action-container {
  background-color: white;
  padding: 26px;
  width: 210px;
  right: 0;
}
.banner-action-container .button {
  margin-bottom: 10px;
  width: 100%;
}

.banner-price-before,
.banner-price-now {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #f1f1f1;
  overflow: hidden;
}

.banner-price-before .banner-price-item {
  text-decoration: line-through;
}

.banner-price-now {
  margin-bottom: 24px;
}

.banner-price-property,
.banner-price-item {
  width: 50%;
  display: inline-block;
}

.banner-price-property {
  vertical-align: baseline;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
}

.banner-price-item {
  text-align: right;
}

.upgrade-banner .banner-hello-user {
  display: block;
  margin-bottom: 12px;
  width: 100%;
  font-size: 24px;
  font-size: 2.4rem;
}

.form-container {
  max-width: 480px;
  margin: 0 auto;
  padding: 0 0 16px;
}

.form-group:last-child {
  margin: 0 !important;
}
.form-group, .form-group.form-group--margin {
  margin: 0 0 16px;
}
.form-group.form-group--captcha {
  max-width: 300px;
  margin: 0 auto !important;
}

.form-group__label {
  display: block;
  text-align: left;
  line-height: 16px;
  padding: 0 0 4px;
  font-size: 14px;
  font-size: 1.4rem;
}

.form-group__message {
  padding: 6px 0 0;
  font-style: italic;
  color: #808080;
  font-size: 14px;
  font-size: 1.4rem;
}

.form-group.is-inline {
  max-width: 520px;
}
.form-group.is-inline .input-wrapper {
  margin: 0 0 0 200px;
}
.form-group.is-inline .form-group__label {
  float: left;
  max-width: 200px;
}
@media screen and (max-width: 720px) {
  .form-group.is-inline .input-wrapper {
    margin-left: 0;
  }
  .form-group.is-inline .form-group__label {
    float: none;
  }
}

.form-group__label.is-align {
  padding: 12px 0;
}
@media screen and (max-width: 720px) {
  .form-group__label.is-align {
    padding: 0 0 12px;
  }
}

ul.form-list li {
  margin: 8px 0;
}

ul.form-list.is-inline li {
  margin: 8px 12px 0 0;
  float: left;
}

.form-group__error {
  line-height: 24px;
}

input[type=text].input-style,
input[type=email].input-style,
input[type=number].input-style,
input[type=tel].input-style,
input[type=password].input-style {
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  line-height: normal;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  vertical-align: middle;
  -webkit-appearance: none;
}
input[type=text].input-style.is-32,
input[type=email].input-style.is-32,
input[type=number].input-style.is-32,
input[type=tel].input-style.is-32,
input[type=password].input-style.is-32 {
  height: 32px;
  line-height: 32px;
  padding-left: 32px;
  padding-top: 0;
  padding-bottom: 0;
}
input[type=text].input-style:hover,
input[type=email].input-style:hover,
input[type=number].input-style:hover,
input[type=tel].input-style:hover,
input[type=password].input-style:hover {
  border-color: #bbb;
}
input[type=text].input-style.is-border-hover,
input[type=email].input-style.is-border-hover,
input[type=number].input-style.is-border-hover,
input[type=tel].input-style.is-border-hover,
input[type=password].input-style.is-border-hover {
  border-color: transparent;
}
input[type=text].input-style.is-border-hover:hover,
input[type=email].input-style.is-border-hover:hover,
input[type=number].input-style.is-border-hover:hover,
input[type=tel].input-style.is-border-hover:hover,
input[type=password].input-style.is-border-hover:hover {
  border-color: #158FEF;
}
input[type=text].input-style.is-border-hover:focus, input[type=text].input-style:focus,
input[type=email].input-style.is-border-hover:focus,
input[type=email].input-style:focus,
input[type=number].input-style.is-border-hover:focus,
input[type=number].input-style:focus,
input[type=tel].input-style.is-border-hover:focus,
input[type=tel].input-style:focus,
input[type=password].input-style.is-border-hover:focus,
input[type=password].input-style:focus {
  border-color: #158FEF;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
input[type=text].input-style:disabled,
input[type=email].input-style:disabled,
input[type=number].input-style:disabled,
input[type=tel].input-style:disabled,
input[type=password].input-style:disabled {
  color: #b8b9ba;
  border-color: #e4e4e4;
  background: #e4e4e4;
}

.input-style--cvv {
  width: 100px !important;
}

.input-style--apikey {
  width: 260px !important;
}

.input-style--mask,
.input-style--clean-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-style--clean-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-style--no-border-right {
  border-right: none;
}

.input-style--no-border-left {
  border-left: none;
}

.input-style--36 {
  height: 36px !important;
}

.input-style--width-260 {
  min-width: 260px;
}

.input-style--width-360 {
  max-width: 360px;
}

.input-style--hide-autocomplete::-webkit-calendar-picker-indicator {
  display: none;
}

.inline-input {
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  line-height: normal;
  height: 28px;
  padding: 0 2px;
  text-align: center;
  display: inline-block;
  margin: 0 2px;
}

.inline-input--max-50 {
  max-width: 50px;
}

.input-wrapper {
  position: relative;
}
.input-wrapper.input-before .input-style {
  padding-left: 39px;
}
.input-wrapper.input-after .input-style {
  padding-right: 39px;
}
.input-wrapper--inline-block {
  display: inline-block;
}

.input-icon {
  position: absolute;
  display: block;
  top: 0;
  width: 40px;
  height: 40px;
  padding: 12px 12px;
  pointer-events: none;
}
.input-icon.is-32 {
  width: 32px;
  height: 32px;
  padding: 8px;
}
.input-icon.icon-before {
  left: 0;
}
.input-icon.icon-after {
  right: 0;
}
.input-icon.input-icon--clickable {
  pointer-events: auto;
  cursor: pointer;
}

.input-icon--clear {
  color: #ddd;
}
.input-icon--clear:hover {
  color: #F73415;
}
.input-icon--clear:active {
  color: #dc280a;
}

.input-wrapper .dropdown-button {
  display: block;
}
.input-wrapper.is-error .input-style,
.input-wrapper.is-error .select-style {
  border-color: #F73415 !important;
}
.input-wrapper.is-error .input-error {
  display: block;
}
.input-wrapper.is-success .input-style,
.input-wrapper.is-success .select-style {
  border-color: #1CC526 !important;
}
.input-wrapper.is-warning .input-style,
.input-wrapper.is-warning .select-style {
  border-color: #ffc539 !important;
}
.input-wrapper.is-warning .input-error {
  display: block;
  color: #ffc539;
}

.input-button {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 11px;
}

.input-error {
  display: none;
  text-align: right;
  color: #F73415;
  margin: 4px 0 0;
}

.input-description {
  text-align: right;
  color: #808080;
  margin: 4px 0 0;
}

.form-group__message {
  display: block;
  margin: 8px 0 0;
  font-style: italic;
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
}

.search-input {
  position: relative;
  height: 40px;
}

.search-input__input {
  padding-right: 48px;
}

.search-input__icon {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
  width: 40px;
  height: 40px;
  color: #333;
}

.input-confirm-validator {
  padding: 10px 0 10px 0;
  width: 50%;
  height: 40px;
  padding-left: 10px;
  margin-top: 8px;
  text-transform: uppercase;
}

.radio-control {
  padding: 0 0 0 24px;
  cursor: pointer;
  display: block;
  position: relative;
  line-height: 16px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.radio-control:hover .icon--radio-unchecked {
  color: #333 !important;
}
.radio-control .solo-radio {
  position: absolute;
  left: 0;
  top: 0;
}
.radio-control .solo-radio--with-input {
  top: 12px;
}
.radio-control .solo-radio--vertical-center {
  top: 50%;
  transform: translateY(-50%);
}
.radio-control--margin-bottom {
  margin-bottom: 16px;
}
.radio-control--margin-left {
  margin-left: 16px;
}

.solo-radio {
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.solo-radio:hover .icon--radio-unchecked {
  color: #333 !important;
}
.solo-radio input[type=radio] {
  display: none;
}
.solo-radio input[type=radio] + .icon--radio-unchecked {
  color: #bbb;
}
.solo-radio input[type=radio]:checked + .icon--radio-unchecked {
  color: #333;
}
.solo-radio input[type=radio] + .icon--radio-unchecked:before {
  content: "\e600";
}
.solo-radio input[type=radio]:checked + .icon--radio-unchecked:before {
  content: "\e607";
}
.solo-radio input[type=radio]:disabled ~ .icon--radio {
  color: #bbb;
}

.checkbox-control {
  padding: 0 0 0 24px;
  cursor: pointer;
  display: block;
  position: relative;
  line-height: 16px;
  min-height: 16px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.checkbox-control .solo-checkbox {
  position: absolute;
  left: 0;
  top: 0;
}
.checkbox-control:hover .icon--checkbox-unchecked {
  color: #333 !important;
}
.checkbox-control.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.checkbox-list {
  padding: 4px 0;
}

.checkbox-list__item {
  padding: 8px 0;
}
.checkbox-list__item:last-child {
  border: none;
}

.solo-checkbox {
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
  color: #808080;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.solo-checkbox:hover .icon--checkbox-unchecked {
  color: #333 !important;
}
.solo-checkbox input[type=checkbox] {
  display: none;
}
.solo-checkbox input[type=checkbox] ~ .icon--checkbox-unchecked {
  color: #bbb;
}
.solo-checkbox input[type=checkbox]:checked ~ .icon--checkbox-unchecked {
  color: #333;
}
.solo-checkbox input[type=checkbox] ~ .icon--checkbox-unchecked:before {
  content: "\e648";
}
.solo-checkbox input[type=checkbox]:checked ~ .icon--checkbox-unchecked:before {
  content: "\e649";
}

.solo-checkbox--disabled {
  color: #CBCBCB;
  cursor: not-allowed;
}
.solo-checkbox--disabled :hover {
  color: #CBCBCB !important;
}
.solo-checkbox--disabled input[type=checkbox] ~ .icon--checkbox-unchecked, .solo-checkbox--disabled input[type=checkbox]:checked ~ .icon--checkbox-unchecked {
  color: #CBCBCB !important;
}

.disabled-checkbox {
  display: block;
  width: 16px;
  height: 16px;
  background: #d8d8d8;
  border-radius: 2px;
}

.grey-checkbox-control {
  padding: 0 0 0 38px;
  background-color: #ddd;
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  position: relative;
  line-height: 16px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.grey-checkbox-control:hover .icon--checkbox-unchecked {
  color: #333 !important;
}
.grey-checkbox-control.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.grey-checkbox-control__label-text {
  display: block;
  padding: 10px;
  background-color: #f1f1f1;
}

.grey-checkbox-control__checkbox {
  display: block;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.js-raw-checkbox {
  float: left;
  padding-bottom: 20px;
  margin-top: 8px;
}

.js-raw-download-link {
  width: 100px;
  float: right;
}

.textarea-style {
  min-height: 40px;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #d3d3d3;
  -webkit-appearance: none;
  min-width: 100%;
  max-width: 100%;
}
.textarea-style:hover {
  border-color: #bbb;
}
.textarea-style:focus {
  border-color: #158FEF;
}

.textarea-style--message {
  min-height: 100px;
}

.input-wrapper.is-error .textarea-style {
  border-color: #F73415 !important;
}
.input-wrapper.is-error .textarea-error {
  display: block;
}
.input-wrapper.is-success .textarea-style {
  border-color: #1CC526 !important;
}
.input-wrapper.is-warning .textarea-style {
  border-color: #ffc539 !important;
}
.input-wrapper.is-warning .textarea-error {
  display: block;
  color: #ffc539;
}

.form-split-container::before, .form-split-container::after {
  content: " ";
  display: table;
}
.form-split-container::after {
  clear: both;
}

.form-split {
  width: 50%;
  float: left;
}
.form-split.is-left {
  padding-right: 16px;
  border-right: 1px solid #F6F7F8;
}
.form-split.is-right {
  padding-left: 16px;
}
@media only screen and (max-width: 1059px) {
  .form-split, .form-split.is-right, .form-split.is-left {
    float: none;
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    margin-bottom: 32px;
  }
  .form-split:last-child, .form-split.is-right:last-child, .form-split.is-left:last-child {
    margin-bottom: 0;
  }
}

.element-split-container::before, .element-split-container::after {
  content: " ";
  display: table;
}
.element-split-container::after {
  clear: both;
}

@media only screen and (min-width: 640px) {
  .element-split {
    width: 50%;
    float: left;
  }
  .element-split.is-left {
    padding-right: 8px;
  }
  .element-split.is-right {
    padding-left: 8px;
  }
}

.form-footer {
  margin-top: 24px;
  clear: both;
}
@media only screen and (max-width: 1179px) {
  .form-footer {
    margin-top: 16px;
  }
}

.select-filter {
  height: 40px;
  position: relative;
}
.select-filter .select-filter-dropdown {
  display: none;
}
.select-filter.is-active .select-filter-dropdown {
  display: block;
  z-index: 10;
}

.select-filter-dropdown {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  margin: 2px 0 0;
  background: #fff;
  border: 1px solid rgba(50, 85, 119, 0.22);
  box-shadow: 0 2px 12px rgba(38, 45, 58, 0.2);
  -webkit-background-clip: padding;
  background-clip: padding-box;
}

.select-filter-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  color: #ddd;
  cursor: pointer;
}
.select-filter-close:hover, .select-filter-close:active {
  color: #333;
}

.select-filter-search {
  position: relative;
  padding: 4px 48px 4px 4px;
  border-bottom: 1px solid #f1f1f1;
}

.select-filter-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px;
}

.select-filter-list {
  max-height: 240px;
  overflow: auto;
}
.select-filter-list li {
  cursor: pointer;
  padding: 8px 16px;
  line-height: 16px;
}
.select-filter-list li:hover {
  background: #F6F7F8;
}
.select-filter-list li:active {
  background: #f1f1f1;
}

.validation-summary-errors {
  margin: 0 0 24px;
}
.validation-summary-errors li {
  background: #f1f1f1;
  color: #F73415;
  padding: 8px;
  border-radius: 3px;
}

.field-validation-valid {
  display: none;
  visibility: hidden;
}

.field-validation-error {
  clear: both;
  display: block;
  margin: 16px 0;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
  background: #fff;
  color: #F73415;
  line-height: normal;
}

.form-validation {
  padding: 6px;
  border-radius: 3px;
  background: #f1f1f1;
}

.form-validation--inline {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.form-validation--margin {
  margin-bottom: 16px;
}

.form-validation__error {
  padding: 2px 6px;
  color: #F73415;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1.4rem;
}

.form-validation-inline-error {
  padding: 8px 0;
  color: #F73415;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1.4rem;
}

.select-control__select > select,
.select-style {
  height: 40px;
  width: 100%;
  padding: 0;
  border-radius: 2px;
  border: 1px solid #d3d3d3;
}
.select-control__select > select:hover,
.select-style:hover {
  border-color: #bbb;
}
.select-control__select > select:focus,
.select-style:focus {
  border-color: #158FEF;
}
.select-control__select > select:disabled, .select-control__select > select--disabled,
.select-style:disabled,
.select-style--disabled {
  color: #b8b9ba;
  border-color: #e4e4e4;
  background: #e4e4e4;
}

.is-select.select-32 .select-style {
  height: 32px;
  padding-left: 4px;
}
.is-select.select-32 .icon-16 {
  top: 9px;
}
.is-select.select-36 .select-style {
  height: 36px;
}
.is-select.select-36 .icon-16 {
  top: 10px;
}
.is-select.select-40 .select-style {
  height: 40px;
}
.is-select.select-40 .icon-16 {
  top: 12px;
  right: 16px;
}

.select-control {
  position: relative;
}

.select-control__icon {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 12px;
  height: 40px;
  width: 40px;
}

.is-select {
  position: relative;
}
.is-select .icon-16 {
  pointer-events: none;
  position: absolute;
  top: 12px;
  right: 12px;
}

.is-select--inline-block {
  display: inline-block;
}

.select-control__select > select,
.select-style {
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 0 39px 0 11px;
}

.no-css3appearance .is-select .icon-16,
.no-css3appearance .is-select .select-control__icon {
  display: none;
}
.no-css3appearance .select-control__icon {
  display: none;
}

.select-style--white {
  background-color: #fff;
}

.select-style--no-border-right {
  border-right: none !important;
}

.select-style--no-border-left {
  border-left: none !important;
}

.select-style--clean-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select-style--clean-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-inline:after {
  content: " ";
  display: block;
  clear: both;
}

.form-inline--space-bottom {
  padding-bottom: 16px;
}

.form-inline--large-space-bottom {
  padding-bottom: 24px;
}

.form-inline__label {
  display: block;
  text-align: left;
  width: 100%;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.form-inline__button {
  width: 100%;
  float: left;
}
@media only screen and (min-width: 1060px) {
  .form-inline__button {
    padding-left: 8px;
    max-width: fit-content;
  }
}

.form-inline__button--right {
  float: right;
}

.form-inline__element {
  padding-bottom: 8px;
  width: 100%;
  float: left;
}
@media only screen and (min-width: 1060px) {
  .form-inline__element {
    padding-right: 8px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1060px) {
  .form-inline__element--input {
    max-width: 440px;
  }
}

@media only screen and (min-width: 1060px) {
  .form-inline__element--dropdown {
    max-width: 232px;
  }
}

.form-inline__error {
  display: none;
  visibility: hidden;
  color: #F73415;
  font-size: 1.4rem;
  line-height: 1.2;
  clear: both;
  padding-top: 8px;
}

.form-inline__error--active {
  display: block;
  visibility: visible;
}

.form-label {
  display: block;
  margin-bottom: 8px;
}

.form-text {
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  line-height: normal;
  height: 40px;
  padding: 0 12px;
  margin: 0;
  vertical-align: middle;
}
.form-text--grey {
  background-color: #F7F8F9;
  border-color: #D3DFE7;
  color: #4a4a4a;
}
.form-text--24 {
  height: 24px;
  line-height: 24px;
}
.form-text--32 {
  height: 32px;
  line-height: 32px;
}
.form-text--36 {
  height: 36px;
}
.form-text--block {
  display: block;
}
.form-text--full-width {
  display: block;
  width: 100%;
}
.form-text--inherit-width {
  width: inherit;
}
.form-text--64-wide {
  width: 64px;
}
.form-text--margin-bottom {
  margin-bottom: 24px;
}
.form-text--password, .form-text--flat-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-text--flat-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-text--medium-width {
  min-width: 176px;
}
.form-text--large-width {
  min-width: 240px;
}
.form-text--textarea {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
  height: auto;
  min-height: 80px;
  resize: vertical;
}
.form-text--textarea-vertical {
  resize: vertical;
}
.form-text[disabled], .form-text[disabled]:hover, .form-text[disabled]:active, .form-text[disabled]:focus, .form-text[readonly], .form-text[readonly]:hover, .form-text[readonly]:active, .form-text[readonly]:focus {
  cursor: not-allowed;
  background-color: #E0E0E0;
  border-color: #AEAEAE;
  color: #9E9E9E;
}
.form-text[disabled]:focus, .form-text[readonly]:focus {
  outline: 0;
}
.form-text[type=number] {
  padding-right: 0;
  -moz-appearance: textfield;
}
.form-text[type=number]:hover {
  -moz-appearance: number-input;
}
.form-text[type^=date], .form-text[type=time] {
  padding: 9px 12px;
}
.form-text--invalid, .form-text.input-validation-error {
  border-color: #dc280a;
  color: #dc280a;
  background-color: #FDF2F2;
}
.form-text--warning {
  border-color: #F73415;
  color: #F73415;
  background-color: #FDF2F2;
}

.form-search {
  position: relative;
  display: block;
  text-align: left;
}
.form-search:before {
  font-family: "flaticons";
  font-weight: normal;
  vertical-align: middle;
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 20px;
  color: #bbb;
  content: "\e45a";
  position: absolute;
  top: 10px;
  left: 10px;
}
.form-search__input {
  padding-left: 40px;
}

_::-moz-progress-bar, body:last-child .form-search__input:focus {
  outline: 1px solid #158FEF;
}

.form-block__title {
  width: 100%;
  margin-bottom: 8px;
}
.form-block__label {
  display: block;
  margin-bottom: 8px;
}
.form-block__label--margin-left {
  margin-left: 8px;
}
.form-block__input::before, .form-block__input::after {
  content: " ";
  display: table;
}
.form-block__input::after {
  clear: both;
}
.form-block__message {
  margin-top: 8px;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
}
.form-block--margin-bottom {
  margin-bottom: 24px;
}
@media only screen and (max-width: 639px) {
  .form-block--margin-bottom-mobile {
    margin-bottom: 24px;
  }
}
.form-block--margin-top {
  margin-top: 24px;
}
.form-block--section {
  margin: 16px 0;
}
.form-block--section-margin-top {
  margin-top: 32px;
}

.form-block--inline::before, .form-block--inline::after {
  content: " ";
  display: table;
}
.form-block--inline::after {
  clear: both;
}
.form-block--inline .form-block__label {
  float: left;
  margin-bottom: 0;
  height: 40px;
  line-height: 40px;
}
.form-block--inline .form-block__label--full-width {
  width: 100%;
  display: block;
}
.form-block--inline .form-block__label--24 {
  height: 24px;
  line-height: 24px;
}
.form-block--inline .form-block__label--32 {
  height: 32px;
  line-height: 32px;
}
.form-block--inline .form-block__input {
  float: left;
  margin-left: 8px;
}
.form-block--inline .form-block__input:first-child {
  margin-left: 0;
}
.form-block--inline .form-block__input--first {
  margin-left: 0;
  clear: left;
}
.form-block--inline .form-block__input--right {
  float: right;
}

.form-block__check-box {
  line-height: 24px;
}
.form-block__check-box input {
  padding: 0;
  margin: 0 4px 0 0;
}

.form-block__error .field-validation-error {
  padding: 0;
  margin: 0;
  border: none;
  line-height: normal;
  font-size: 1.3rem;
  margin-top: 2px;
}

.form-block__note {
  font-style: italic;
  font-size: 12px;
  color: #757575;
  line-height: 1.67;
  margin-top: 8px;
}

.select-ui {
  padding: 0 40px 0 12px;
  height: 40px;
  cursor: pointer;
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.no-css3appearance .select-ui {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 0 12px;
}
.select-ui--grey {
  background-color: #F7F8F9;
  border-color: #D3DFE7;
  color: #4a4a4a;
}
.select-ui--invalid, .select-ui.input-validation-error {
  border-color: #dc280a;
  color: #dc280a;
  background-color: #FDF2F2;
}
.select-ui--32 {
  height: 32px;
}
.select-ui--36 {
  height: 36px;
}
.select-ui[disabled], .select-ui[disabled]:hover, .select-ui[disabled]:active, .select-ui[disabled]:focus {
  cursor: not-allowed;
  background-color: #E0E0E0;
  border-color: #AEAEAE;
  color: #9E9E9E;
}
.select-ui[disabled]:focus {
  outline: 0;
}
.select-ui::-ms-expand {
  display: none;
}

.select-input {
  position: relative;
  display: block;
  border-radius: 2px;
}
.select-input__icon {
  position: absolute;
  right: 12px;
  top: 12px;
  top: calc(50% - 8px);
  pointer-events: none;
}
.no-css3appearance .select-input__icon {
  display: none;
}
.select-input__ui {
  position: relative;
}
.select-input--inline-block {
  display: inline-block;
}
.select-input--align-middle {
  vertical-align: middle;
}

.select-block__title {
  width: 100%;
  margin-bottom: 8px;
}
.select-block__label {
  display: block;
  margin-bottom: 8px;
}
.select-block--margin-bottom {
  margin-bottom: 24px;
}
.select-block--margin-bottom-tight {
  margin-bottom: 12px;
}

.select-block--inline::before, .select-block--inline::after,
.select-block--dropdown::before,
.select-block--dropdown::after {
  content: " ";
  display: table;
}
.select-block--inline::after,
.select-block--dropdown::after {
  clear: both;
}
.select-block--inline .select-block__label,
.select-block--dropdown .select-block__label {
  float: left;
  height: 40px;
  line-height: 40px;
  margin-right: 12px;
  margin-bottom: 0;
}
.select-block--inline .select-block__input,
.select-block--dropdown .select-block__input {
  float: left;
  margin-bottom: 8px;
}
@media only screen and (min-width: 640px) {
  .select-block--inline .select-block__input,
.select-block--dropdown .select-block__input {
    margin-left: 8px;
    margin-bottom: 0;
  }
}
.select-block--inline .select-block__input:first-child,
.select-block--dropdown .select-block__input:first-child {
  margin-left: 0;
}
.select-block--inline .select-block__input--first,
.select-block--dropdown .select-block__input--first {
  margin-left: 0;
  clear: left;
}

.select-block--dropdown .select-block__label {
  width: 80px;
}
.select-block--dropdown .select-block__input {
  width: 176px;
}

.form-section {
  margin: 16px 0;
}
.form-section:after {
  content: " ";
  display: block;
  clear: both;
}

.form-section__left {
  float: left;
  width: 50%;
  padding-right: 12px;
}

.form-section__right {
  float: right;
  width: 50%;
  padding-left: 12px;
}

.radio-input {
  padding: 4px 4px 4px 24px;
  cursor: pointer;
  display: block;
  position: relative;
  line-height: 16px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-height: 16px;
}
.radio-input--inline-block {
  display: inline-block;
}
.radio-input--padding-right {
  padding-right: 16px;
}
.radio-input .radio-ui {
  display: none;
}
.radio-input:hover .radio-input__icon:before {
  color: #333;
}

.radio-input__icon {
  font-family: "raygun-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  color: #bbb;
}
.radio-input__icon:before {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}

.radio-input__ui {
  display: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.radio-input__ui + .radio-input__icon:before {
  content: "\e600";
}
.radio-input__ui:checked + .radio-input__icon:before {
  content: "\e607";
  color: #333;
}

.radio-input__label {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}

.checkbox-input {
  padding: 4px 4px 4px 24px;
  cursor: pointer;
  display: block;
  position: relative;
  line-height: 16px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-height: 16px;
}
.checkbox-input--inline-block {
  display: inline-block;
}
.checkbox-input--padding-right {
  padding-right: 16px;
}
.checkbox-input--padding-none {
  padding: 0 0 0 24px;
}
.checkbox-input--padding-none .checkbox-input__icon {
  top: 0;
}
.checkbox-input--margin-bottom {
  margin-bottom: 24px;
}
.checkbox-input .checkbox-ui {
  display: none;
}
.checkbox-input--border-bottom {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.checkbox-input:hover .checkbox-input__icon:before {
  color: #333;
}
.checkbox-input--left {
  padding: 4px 24px 4px 4px;
}

.checkbox-input__icon {
  font-family: "raygun-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
}
.checkbox-input__icon:before {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}
.checkbox-input__icon--right {
  left: initial;
  right: 0;
}

.checkbox-input__ui {
  display: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.checkbox-input__ui + .checkbox-input__icon:before {
  content: "\e648";
  color: #bbb;
}
.checkbox-input__ui:hover + .checkbox-input__icon:before {
  color: #333;
}
.checkbox-input__ui:checked + .checkbox-input__icon:before {
  content: "\e649";
  color: #333;
}

.checkbox-input__label {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}

.form-color {
  padding: 8px 12px;
  height: 40px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  background-color: #fff;
  vertical-align: middle;
}
.form-color--32 {
  padding: 4px 8px;
  height: 32px;
}
.form-color--full-width {
  width: 100%;
}

@media only screen and (min-width: 640px) {
  .input-pattern::before, .input-pattern::after {
    content: " ";
    display: table;
  }
  .input-pattern::after {
    clear: both;
  }
}

.input-pattern--spacing-bottom {
  margin-bottom: 8px;
}

.input-pattern__input {
  padding-bottom: 8px;
}
@media only screen and (min-width: 640px) {
  .input-pattern__input {
    width: 70%;
    width: calc(100% - 120px);
    float: left;
    padding-right: 4px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 640px) {
  .input-pattern__submit {
    width: 30%;
    width: 120px;
    float: right;
    padding-left: 4px;
  }
}

@media only screen and (min-width: 640px) {
  .input-pattern--200 .input-pattern__input {
    width: 65%;
    width: calc(100% - 200px);
  }
}
@media only screen and (min-width: 640px) {
  .input-pattern--200 .input-pattern__submit {
    width: 35%;
    width: 200px;
  }
}

.color-selector::before, .color-selector::after {
  content: " ";
  display: table;
}
.color-selector::after {
  clear: both;
}

.color-selector--margin-bottom {
  margin-bottom: 24px;
}

.color-selector__item {
  float: left;
  margin-right: 10px;
}

.color-selector-input {
  position: absolute;
  left: -999em;
}

.color-selector-label {
  display: block;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.color-selector-label--blue-light {
  background-color: #4FC3F7;
}

.color-selector-label--indigo {
  background-color: #5C6BC0;
}

.color-selector-label--cyan {
  background-color: #00838F;
}

.color-selector-label--teal {
  background-color: #80CBC4;
}

.color-selector-label--green-light {
  background-color: #8BC34A;
}

.color-selector-label--green {
  background-color: #81C784;
}

.color-selector-label--pink {
  background-color: #F48FB1;
}

.color-selector-label--amber {
  background-color: #FFA000;
}

.color-selector-label--yellow {
  background-color: #FDD835;
}

.color-selector-input:checked + .color-selector-label {
  box-shadow: 0 3px 5px 0 rgba(117, 117, 117, 0.5);
}

.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #B0BEC5;
}

.dot--blue-light {
  background-color: #4FC3F7;
}

.dot--indigo {
  background-color: #5C6BC0;
}

.dot--cyan {
  background-color: #00838F;
}

.dot--teal {
  background-color: #80CBC4;
}

.dot--green-light {
  background-color: #8BC34A;
}

.dot--green {
  background-color: #81C784;
}

.dot--pink {
  background-color: #F48FB1;
}

.dot--amber {
  background-color: #FFA000;
}

.dot--yellow {
  background-color: #FDD835;
}

.dot--margin-right {
  margin-right: 8px;
}

.dot--disabled {
  background-color: #B0BEC5;
}

/* Legacy auth form class overrides */
.form-errors-validation .validation-summary-errors li {
  border-radius: 0;
}

.modal {
  position: relative;
  border-radius: 3px;
  margin: 56px auto;
  background: #fff;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  box-shadow: 0 2px 12px rgba(38, 45, 58, 0.2);
}

html.cssanimations .modal, .upgrade-modal {
  opacity: 0;
  -webkit-animation: modal-anim 0.2s ease-in-out 0.1s;
  -moz-animation: modal-anim 0.2s ease-in-out 0.1s;
  -ms-animation: modal-anim 0.2s ease-in-out 0.1s;
  -o-animation: modal-anim 0.2s ease-in-out 0.1s;
  animation: modal-anim 0.2s ease-in-out 0.1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.modal__close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  padding: 4px;
}

.modal__close-button {
  cursor: pointer;
  border: none;
  outline: none;
  display: block;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 4px;
  color: #333;
  background: none;
}
.modal__close-button:hover {
  color: white;
  background: #F73415;
}
.modal__close-button:active {
  color: white;
  background: #dc280a;
}

.modal__header {
  padding: 12px 24px;
  border-bottom: 1px solid #d3d3d3;
}

.modal__body {
  padding: 12px 0;
}
.modal__body--no-padding {
  padding: 0;
}

.modal--no-padding-body .modal__body {
  padding: 0;
}

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

.modal__footer {
  padding: 24px;
  border-top: 1px solid #d3d3d3;
}

.modal__footer--no-border {
  border: none;
}

.modal__footer--nested {
  padding-bottom: 12px;
}

.modal-content {
  padding: 12px 24px;
}

.modal-content--padding {
  margin: 0;
  padding: 24px;
}

.modal-content--padding-horizontal {
  padding: 0 24px;
}

.modal-content--border {
  border-top: 1px solid #e8e8e8;
}

.modal-content--scroll {
  max-height: 600px;
  overflow-y: auto;
}

.modal-footer-message {
  margin-top: 12px;
}

.modal__banner {
  text-align: center;
}

.upgrade-modal__body-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 639px) {
  .upgrade-modal__body-title {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 16px;
  }
}

.upgrade-modal__body-list {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 16px;
}
.upgrade-modal__body-list li {
  padding-left: 20px;
  position: relative;
}
.upgrade-modal__body-list li:before {
  content: "•";
  left: 0;
  padding-left: 8px;
  position: absolute;
}

.upgrade-modal__footer-text {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding-bottom: 16px;
}

.upgrade-modal__upgrade-button {
  width: fit-content;
}

.upgrade-modal__link {
  font-size: 13px;
  line-height: 22px;
  padding-top: 24px;
  color: #1072BF;
}

.upgrade-modal {
  position: relative;
  border-radius: 3px;
  margin: 100px auto;
  background: #fff;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  box-shadow: 0 2px 12px rgba(38, 45, 58, 0.2);
}

.upgrade-modal__close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 16px;
  z-index: 10;
}

.upgrade-modal__close-button {
  cursor: pointer;
  border: none;
  outline: none;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: none;
}

.upgrade-modal__header {
  font-weight: 600;
}
@media only screen and (max-width: 1059px) {
  .upgrade-modal__header {
    padding: 32px 32px 0;
  }
}
@media only screen and (min-width: 844px) {
  .upgrade-modal__header {
    padding: 48px 48px 0;
  }
}
@media only screen and (max-width: 639px) {
  .upgrade-modal__header {
    padding: 24px 24px 0;
  }
}

@media only screen and (max-width: 1059px) {
  .upgrade-modal__body {
    padding: 24px 32px;
  }
}
@media only screen and (min-width: 844px) {
  .upgrade-modal__body {
    padding: 24px 48px;
  }
}
@media only screen and (max-width: 639px) {
  .upgrade-modal__body {
    padding: 16px 48px 16px 24px;
  }
}

.upgrade-modal__footer {
  border-top: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1059px) {
  .upgrade-modal__footer {
    padding: 32px;
  }
  .upgrade-modal__footer--float-bottom {
    position: relative;
  }
}
@media only screen and (min-width: 844px) {
  .upgrade-modal__footer {
    padding: 40px 48px 48px;
  }
  .upgrade-modal__footer--float-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 639px) {
  .upgrade-modal__footer {
    padding: 24px;
  }
  .upgrade-modal__footer--float-bottom {
    position: relative;
  }
}

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

@media only screen and (max-width: 1059px) {
  .upgrade-modal__content-child {
    width: 100%;
    height: auto;
  }
  .upgrade-modal__content-child--image {
    width: 0;
    display: none;
  }
}
@media only screen and (min-width: 844px) {
  .upgrade-modal__content-child {
    width: 50%;
    height: 652px;
    position: relative;
    display: block;
  }
  .upgrade-modal__content-child--image {
    display: flex;
    align-items: center;
  }
}

.upgrade-modal__hero-image {
  position: absolute;
}
@media only screen and (min-width: 844px) {
  .upgrade-modal__hero-image {
    width: 100%;
  }
  .upgrade-modal__hero-image--bg {
    height: 100%;
  }
}

.upgrade-module {
  margin: 40px 32px;
  background-color: #F2F7FC;
  background-position: right;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1400px) {
  .upgrade-module {
    background-image: url("../images/product-screenshots/feature-gating/feature-gating-backdrop-pattern.png");
  }
}
@media only screen and (max-width: 1399px) {
  .upgrade-module {
    margin: 24px;
  }
}
@media only screen and (max-width: 639px) {
  .upgrade-module {
    margin: 16px;
  }
}

.upgrade-module__header {
  padding: 40px 40px 0;
  font-weight: 600;
}
@media only screen and (max-width: 1399px) {
  .upgrade-module__header {
    padding: 32px 24px 0;
  }
}
@media only screen and (max-width: 1059px) {
  .upgrade-module__header {
    padding: 24px 24px 0;
  }
}
@media only screen and (max-width: 639px) {
  .upgrade-module__header {
    text-align: center;
  }
}

.upgrade-module__body {
  padding: 16px 40px 24px;
}
@media only screen and (max-width: 1399px) {
  .upgrade-module__body {
    padding: 16px 24px 8px;
  }
}
@media only screen and (max-width: 639px) {
  .upgrade-module__body .upgrade-modal__body-title {
    text-align: center;
  }
}

.upgrade-module__footer {
  padding: 0 40px 40px;
}
@media only screen and (max-width: 1399px) {
  .upgrade-module__footer {
    padding: 0 24px 32px;
  }
}
@media only screen and (max-width: 1059px) {
  .upgrade-module__footer {
    padding: 0 24px 24px;
  }
}
@media only screen and (max-width: 639px) {
  .upgrade-module__footer {
    text-align: center;
  }
  .upgrade-module__footer .upgrade-modal__upgrade-button {
    width: 100%;
  }
}

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

.upgrade-module__content-child {
  width: 50%;
}
.upgrade-module__content-child--align-center {
  align-self: center;
}
@media only screen and (max-width: 1059px) {
  .upgrade-module__content-child {
    width: 100%;
  }
  .upgrade-module__content-child--hide-on-min {
    width: 0;
    display: none;
  }
}

.upgrade-module__child-image {
  max-width: 100%;
  float: right;
}
@media only screen and (min-width: 1400px) {
  .upgrade-module__child-image {
    padding: 8px;
  }
}

.module-white-background {
  background-color: #fff;
  height: 100%;
  position: absolute;
  top: 48px;
  right: 0;
  left: 240px;
}
@media only screen and (max-width: 1059px) {
  .module-white-background {
    height: 100vh;
    left: 0;
    top: 0;
  }
}

body.rgDialog-open #rgDialog {
  display: block;
}

.modal-overlay {
  display: none;
}

.modal-overlay.is-active,
.modal-overlay--active {
  display: block;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 192px 12px 12px;
  z-index: 150;
  background-color: rgba(48, 56, 71, 0.8);
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 639px) {
  .modal-overlay {
    padding: 0 12px;
  }
}

.modal__message {
  padding: 12px 24px;
  border-bottom: 1px solid #d3d3d3;
}

.modal__message-warning-details {
  margin: 10px 0;
}

.modal__message--yellow {
  background-color: #fff5db;
}

.modal__message--blue {
  background-color: #ecf4ff;
}

.modal__message--red {
  background-color: #FFE1DF;
}

.modal__message--green {
  background-color: rgba(70, 208, 78, 0.2);
}

html.cssanimations .modal-overlay {
  opacity: 0;
  -webkit-animation: modal-background-anim 0.2s ease-out;
  -moz-animation: modal-background-anim 0.2s ease-out;
  -ms-animation: modal-background-anim 0.2s ease-out;
  -o-animation: modal-background-anim 0.2s ease-out;
  animation: modal-background-anim 0.2s ease-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes modal-background-anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes modal-background-anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes modal-background-anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-background-anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.show-applications.show-applications .modal-overlay {
  display: block;
}

.show-dashboards.show-dashboards .modal-overlay {
  display: block;
}

.modal-overlay.is-hidden {
  display: none;
}

.modal-overlay.is-active {
  display: block;
}

@-webkit-keyframes modal-anim {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-o-keyframes modal-anim {
  from {
    opacity: 0;
    transform: translate(0, 35px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-moz-keyframes modal-anim {
  from {
    opacity: 0;
    transform: translate(0, 35px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes modal-anim {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.page-container {
  padding: 24px;
}
@media only screen and (max-width: 1059px) {
  .page-container {
    padding: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .page-container {
    padding: 12px;
  }
}
.page-container--no-horizontal-padding {
  padding-left: 0;
  padding-right: 0;
}

.page-container--no-padding-vertical {
  padding-top: 0;
  padding-bottom: 0;
}

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

.module {
  position: relative;
}

@media only screen and (min-width: 1180px) {
  .module__container {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media only screen and (max-width: 1179px) {
  .module__container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.module--margin {
  margin-bottom: 24px;
}

.module--offset-footer {
  margin-bottom: 48px;
}

.module--height-328 {
  min-height: 328px;
}
@media only screen and (max-width: 639px) {
  .module--height-328 {
    min-height: 0;
  }
}

.module--white {
  border: 1px solid #d3d3d3;
  background: #fff;
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
}

.module--grey {
  background: #ddd;
}

.module--light-grey {
  background-color: #f1f1f1;
}

.module--rounded {
  border-radius: 4px;
}

.module--shadow {
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}

.module--tabs {
  border-top: none;
  box-shadow: 0 -1px 0 #d3d3d3, 0 2px 3px -1px rgba(38, 45, 58, 0.1);
}

.module--tabs-alt {
  border-top: 1px solid #d3d3d3;
  padding-top: 16px;
}

.module--no-border {
  border: 0;
}

.module--has-loading {
  min-height: 160px;
}

.module__header {
  position: relative;
  border-bottom: 1px solid #d3d3d3;
  padding: 12px 24px;
}
@media only screen and (max-width: 1059px) {
  .module__header {
    padding: 12px 16px;
  }
}

.module__header--white {
  background-color: #fff;
}

.module__header--grey {
  background-color: #fafafa;
}

.module__header--no-border {
  border-bottom: none;
}

.module__header--padding {
  padding: 24px;
}

.module__header--padding-tight {
  padding: 12px;
}

.module__header--padding-top-tight {
  padding-top: 8px;
  padding-bottom: 8px;
}

.module-body {
  padding: 24px;
}
@media only screen and (max-width: 1059px) {
  .module-body {
    padding: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-body {
    padding: 12px;
  }
}

.module__footer {
  padding: 24px;
}
@media only screen and (max-width: 1059px) {
  .module__footer {
    padding: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module__footer {
    padding: 12px;
  }
}

.module__footer--border {
  border-top: 1px solid #d3d3d3;
}

.module__footer--tight {
  padding-top: 12px;
  padding-bottom: 12px;
}

.module__footer--padding-top-8 {
  padding-top: 8px;
}

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

.module__footer--grey {
  background-color: #fafafa;
}

.module-content--padding-all {
  padding: 24px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-all {
    padding: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-all {
    padding: 12px;
  }
}

.module-content--padding-all-tight {
  padding: 12px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-all-tight {
    padding: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-all-tight {
    padding: 12px;
  }
}

.module-content--padding-top {
  padding-top: 24px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-top {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-top {
    padding-top: 12px;
  }
}

.module-content--padding-top-tight {
  padding-top: 12px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-top-tight {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-top-tight {
    padding-top: 12px;
  }
}

.module-content--padding-right {
  padding-right: 24px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-right {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-right {
    padding-right: 12px;
  }
}

.module-content--padding-right-tight {
  padding-right: 12px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-right-tight {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-right-tight {
    padding-right: 12px;
  }
}

.module-content--padding-bottom {
  padding-bottom: 24px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-bottom {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-bottom {
    padding-bottom: 12px;
  }
}

.module-content--padding-bottom-tight {
  padding-bottom: 12px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-bottom-tight {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-bottom-tight {
    padding-bottom: 12px;
  }
}

.module-content--padding-left {
  padding-left: 24px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-left {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-left {
    padding-left: 12px;
  }
}

.module-content--padding-left-tight {
  padding-left: 12px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-left-tight {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-left-tight {
    padding-left: 12px;
  }
}

.module-content--padding-vertical {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-vertical {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-vertical {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.module-content--padding-vertical-tight {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-vertical-tight {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-vertical-tight {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.module-content--padding-horizontal {
  padding-left: 24px;
  padding-right: 24px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-horizontal {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-horizontal {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.module-content--padding-horizontal-tight {
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1059px) {
  .module-content--padding-horizontal-tight {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .module-content--padding-horizontal-tight {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.module-content--border-top {
  border-top: 1px solid #e8e8e8;
}

.module-content--border-bottom {
  border-bottom: 1px solid #e8e8e8;
}

.module-content--border-bottom-inset {
  box-shadow: inset 0 -1px 0 #d3d3d3;
}

.module-content--scroll-horizontal {
  overflow-x: scroll;
}

.module-content--grey {
  background-color: #eee;
}

.module-content__header {
  margin: 0 0 16px;
}

.module-content__body--margin {
  margin-bottom: 16px;
}

.module-content__footer {
  padding-top: 24px;
}

.module-content--loading {
  position: relative;
  min-height: 126px;
  z-index: 0;
}
.module-content--loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  background-image: url(/../images/raygun-loading/loading-gun.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 162px 126px;
}
.no-svg .module-content--loading:before {
  background-image: url(/../images/raygun-loading/loading-gun.png);
}
.module-content--loading:after {
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  content: "";
  position: absolute;
  left: calc(50% - 14px);
  top: calc(50% - 27px);
  width: 20px;
  height: 40px;
  background-image: url(/../images/raygun-loading/loading-spinner.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.no-svg .module-content--loading:after {
  background-image: url(/../images/raygun-loading/loading-spinner.png);
}

@media only screen and (min-width: 640px) {
  .module-content--min-height-844 {
    min-height: 844px;
  }
}

.module-tabs {
  margin: 0 0 -1px;
  border-left: 1px solid #d3d3d3;
}

.module-tab {
  position: relative;
  text-align: center;
  float: left;
  display: block;
  padding: 12px;
  background: #e1e1e1;
  border-top: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
.module-tab:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 2px;
}
.module-tab:hover:before {
  background: #bbb;
}
.module-tab:active:before {
  background: #158FEF;
}
.module-tab.is-active {
  background: #fff;
  z-index: 2;
}
.module-tab.is-active:before {
  z-index: 3;
  background: #158FEF;
}

.module-tab.is-red.is-active:before, .module-tab.is-red:active:before {
  background: #F73415;
}
.module-tab.is-blue.is-active:before, .module-tab.is-blue:active:before {
  background: #158FEF;
}
.module-tab.is-green.is-active:before, .module-tab.is-green:active:before {
  background: #1CC526;
}
.module-tab.is-yellow.is-active:before, .module-tab.is-yellow:active:before {
  background: #ffc539;
}
.module-tab.is-purple.is-active:before, .module-tab.is-purple:active:before {
  background: #8a4dc7;
}
.module-tab.is-stealth.is-active:before, .module-tab.is-stealth:active:before {
  background: #303847;
}

.tab-text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 16px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 639px) {
  .tab-text {
    display: none;
  }
}

.tab-content {
  position: relative;
  max-width: 100%;
  display: block;
  vertical-align: middle;
}

.tab-content.has-icon {
  padding: 0 0 0 28px;
}
@media only screen and (max-width: 639px) {
  .tab-content.has-icon {
    padding: 0;
  }
}
.tab-content.has-icon .icon-16 {
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 639px) {
  .tab-content.has-icon .icon-16 {
    position: static;
  }
}

.tab-count {
  display: block;
  float: right;
  color: #fff;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 16px;
  vertical-align: middle;
  font-weight: normal;
  margin: -2px 0 -2px 12px;
  border-radius: 2px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 24px;
}
@media only screen and (max-width: 639px) {
  .tab-count {
    margin: -3px 0;
    float: none;
    display: inline-block;
  }
}
.tab-count.is-red {
  background: #F73415;
}
.tab-count.is-blue {
  background: #158FEF;
}
.tab-count.is-yellow {
  background: #ffc539;
}
.tab-count.is-green {
  background: #1CC526;
}
.tab-count.is-purple {
  background: #8a4dc7;
}
.tab-count.is-stealth {
  background: #303847;
}

.module-tabs li {
  width: 100%;
  max-width: 240px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 1059px) {
  .module-tabs li {
    max-width: none;
  }
}
.module-tabs li:first-child:nth-last-child(2),
.module-tabs li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.module-tabs li:first-child:nth-last-child(3),
.module-tabs li:first-child:nth-last-child(3) ~ li {
  width: 33.333%;
}
.module-tabs li:first-child:nth-last-child(4),
.module-tabs li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
.module-tabs li:first-child:nth-last-child(5),
.module-tabs li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
.module-tabs li:first-child:nth-last-child(6),
.module-tabs li:first-child:nth-last-child(6) ~ li {
  width: 16.6666666667%;
}
@media only screen and (max-width: 1059px) {
  .module-tabs li:first-child:nth-last-child(2),
.module-tabs li:first-child:nth-last-child(2) ~ li {
    width: 50%;
  }
  .module-tabs li:first-child:nth-last-child(3),
.module-tabs li:first-child:nth-last-child(3) ~ li {
    width: 33.333%;
  }
  .module-tabs li:first-child:nth-last-child(4),
.module-tabs li:first-child:nth-last-child(4) ~ li {
    width: 25%;
  }
  .module-tabs li:first-child:nth-last-child(5),
.module-tabs li:first-child:nth-last-child(5) ~ li {
    width: 20%;
  }
}

.module-activity {
  position: relative;
  padding: 12px 24px 12px 72px;
  border-bottom: 1px solid #e8e8e8;
}
.module-activity.is-grey, .module-activity--grey {
  background: #fafafa;
}

.module-activity {
  padding: 12px 16px 12px 64px;
}
@media only screen and (max-width: 1059px) {
  .module-activity {
    padding: 12px 12px 12px 60px;
  }
}

.ma-bar,
.module-activity__bar {
  display: block;
  width: 3px;
  position: absolute;
  top: -1px;
  bottom: -1px;
}
.ma-bar.is-left, .ma-bar--left,
.module-activity__bar.is-left,
.module-activity__bar--left {
  left: -1px;
}
.ma-bar.is-right, .ma-bar--right,
.module-activity__bar.is-right,
.module-activity__bar--right {
  right: -1px;
}
.ma-bar.is-red, .ma-bar--red,
.module-activity__bar.is-red,
.module-activity__bar--red {
  background: #F73415;
}
.ma-bar.is-grey, .ma-bar--grey,
.module-activity__bar.is-grey,
.module-activity__bar--grey {
  background: #f1f1f1;
}
.ma-bar.is-blue, .ma-bar--blue,
.module-activity__bar.is-blue,
.module-activity__bar--blue {
  background: #158FEF;
}
.ma-bar.is-green, .ma-bar--green,
.module-activity__bar.is-green,
.module-activity__bar--green {
  background: #1CC526;
}
.ma-bar.is-yellow, .ma-bar--yellow,
.module-activity__bar.is-yellow,
.module-activity__bar--yellow {
  background: #ffc539;
}

.ma-avatar,
.module-activity__avatar {
  position: absolute;
  top: 12px;
  left: 24px;
}
@media only screen and (max-width: 1179px) {
  .ma-avatar,
.module-activity__avatar {
    top: 16px;
    left: 16px;
  }
}
@media only screen and (max-width: 1059px) {
  .ma-avatar,
.module-activity__avatar {
    top: 12px;
    left: 12px;
  }
}

ul.ma-detail,
.module-activity__detail {
  margin: 8px 0 0;
  color: #808080;
  font-size: 12px;
  font-size: 1.2rem;
}
ul.ma-detail li,
.module-activity__detail li {
  padding: 0 16px 0 0;
  float: left;
}

.module-layout {
  display: table;
  table-layout: fixed;
  width: 100%;
}
@media only screen and (max-width: 1059px) {
  .module-layout {
    display: block;
  }
}
.module-layout--border-bottom {
  border-bottom: 1px solid #d3d3d3;
}

.module-layout__item {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 1059px) {
  .module-layout__item {
    display: block;
  }
}

.module-layout__item--chart {
  vertical-align: middle;
}

.module-layout__item--48 {
  width: 48px;
}

.module-layout__item--200 {
  width: 200px;
}

.module-layout__item--220 {
  width: 220px;
}

.module-layout__item--280 {
  width: 280px;
}

.module-layout__item--320 {
  width: 320px;
}

.module-layout__item--400 {
  width: 400px;
}

.module-layout__item--48,
.module-layout__item--200,
.module-layout__item--220,
.module-layout__item--280,
.module-layout__item--320,
.module-layout__item--400 {
  border-left: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1059px) {
  .module-layout__item--48,
.module-layout__item--200,
.module-layout__item--220,
.module-layout__item--280,
.module-layout__item--320,
.module-layout__item--400 {
    border-left: none;
    border-top: 1px solid #d3d3d3;
    width: auto;
  }
}

.module-layout__item--no-border {
  border-left: none;
}
@media only screen and (max-width: 1059px) {
  .module-layout__item--no-border {
    border-top: none;
  }
}

.module-layout__item--resize-button {
  position: relative;
}

.module-layout__item-resize-button {
  display: none;
}
@media only screen and (min-width: 1060px) {
  .module-layout__item-resize-button {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -12px;
    width: 16px;
    height: 24px;
    background-color: #d3d3d3;
    color: #fff;
    cursor: pointer;
    border-radius: 2px 0 0 2px;
    line-height: 24px;
    text-align: center;
  }
  .module-layout__item-resize-button::after {
    content: "\e5ab";
    font-family: "flaticons";
    font-weight: normal;
    vertical-align: middle;
  }
  .module-layout__item-resize-button--open::after {
    content: "\e5aa";
  }
}

@media only screen and (min-width: 1060px) {
  .module-layout__item--match-background {
    background-color: #f1f1f1;
  }
}

.module-layout__item--button {
  position: relative;
}

.module-button {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 4;
}

.module-chart {
  padding: 24px;
}

.module-chart__chart {
  height: 100%;
}

.module-chart__key {
  margin-top: 24px;
  width: 100%;
  text-align: center;
}

.module-sidebar {
  width: 100%;
}

.module-sidebar__section {
  border-bottom: 1px solid #d3d3d3;
  padding: 24px;
}
.module-sidebar__section:last-child {
  border: none;
}
.module-sidebar__section--padding-16 {
  padding: 16px;
}

.module-sidebar__header {
  margin-bottom: 8px;
  font-weight: 600;
}

.module-header-title {
  line-height: 20px;
}

.module-header-link {
  position: relative;
  padding-right: 240px;
}
@media only screen and (max-width: 639px) {
  .module-header-link {
    padding-right: 0;
  }
}

.module-header-link__title {
  line-height: 20px;
}

.module-header-link__link {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 20px;
}
@media only screen and (max-width: 639px) {
  .module-header-link__link {
    position: static;
    padding-top: 8px;
  }
}

.module-header-checkbox {
  position: relative;
  padding-right: 240px;
}
@media only screen and (max-width: 639px) {
  .module-header-checkbox {
    padding-right: 0;
  }
}

.module-header-checkbox__title {
  line-height: 20px;
}

.module-header-checkbox__checkbox {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 0;
}
@media only screen and (max-width: 639px) {
  .module-header-checkbox__checkbox {
    position: static;
    padding-top: 8px;
  }
}

@media only screen and (min-width: 1180px) {
  .module-header-checkbox__checkbox--no-padding {
    padding: 0;
  }
}

.module-header-button {
  position: relative;
  padding-right: 240px;
}
@media only screen and (max-width: 639px) {
  .module-header-button {
    padding-right: 0;
    word-wrap: break-word;
  }
}

.module-header-button__title {
  line-height: 20px;
}
@media only screen and (max-width: 639px) {
  .module-header-button__title {
    padding-bottom: 24px;
  }
}

.module-header-button__button {
  position: absolute;
  top: -6px;
  right: -16px;
}
@media only screen and (max-width: 1179px) {
  .module-header-button__button {
    right: -8px;
  }
}

.module-header-button__right {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 639px) {
  .module-header-button__right {
    position: static;
  }
}

.module-header-setting {
  position: relative;
  padding-right: 40px;
}

.module-header-setting--large-button {
  padding-right: 104px;
}

.module-header-setting__title {
  line-height: 20px;
}

.module-header-setting__button {
  position: absolute;
  top: -6px;
  right: -16px;
  z-index: 4;
}
@media only screen and (max-width: 1179px) {
  .module-header-setting__button {
    right: -8px;
  }
}
.module-header-setting__button--dashboard-button {
  top: -4px;
}

.module-header-setting--dashboard {
  padding-right: 60px;
}

.header-settings__button {
  cursor: pointer;
  width: 32px;
  height: 32px;
  padding: 8px;
  color: #808080;
  border-radius: 3px;
}
.header-settings__button .icon-16 {
  -webkit-transition: all 120ms linear;
  -moz-transition: all 120ms linear;
  -ms-transition: all 120ms linear;
  -o-transition: all 120ms linear;
  transition: all 120ms linear;
}
.header-settings__button.header-settings__button--active, .header-settings__button:active {
  background: #ddd;
}
.header-settings__button:hover .icon-16, .header-settings__button.header-settings__button--active .icon-16, .header-settings__button:active .icon-16 {
  color: #333;
}
.header-settings__button--rotate .icon-16 {
  transform: rotate(0);
}
.header-settings__button--rotate:hover .icon-16, .header-settings__button--rotate.header-settings__button--active .icon-16, .header-settings__button--rotate:active .icon-16 {
  transform: rotate(45deg);
}

a.header-settings__button {
  display: block;
}

.header-settings__button--refresh:hover .icon-16, .header-settings__button--refresh:active .icon-16 {
  transform: none;
}

.header-settings__button--loading .icon-16 {
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}

.module-header-tabs__title {
  line-height: 24px;
}

.module-header-tabs__tabs:after {
  content: " ";
  display: block;
  clear: both;
}

.module-header-tab {
  float: left;
  margin-top: 8px;
  padding: 8px 16px 0;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.module-header-tab:after {
  content: " ";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -12px;
  left: 0;
  background-color: #cfcfcd;
  visibility: hidden;
}
.module-header-tab:hover:after {
  visibility: visible;
}
.module-header-tab:active {
  transform: translateY(1px);
}
.module-header-tab:active:after {
  transform: translateY(-1px);
}

.module-header-tab--selected:after {
  visibility: visible;
  background-color: #158FEF;
}
.module-header-tab--selected .module-header-tab__text {
  font-weight: 600;
}

.module-header-tab__icon {
  float: left;
}

.module-header-tab__text {
  line-height: 16px;
  font-size: 14px;
}

.module__message {
  padding: 12px 24px;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1059px) {
  .module__message {
    padding: 12px 16px;
  }
}

.module__message--padding-vertical-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.module__message--green {
  background-color: rgba(70, 208, 78, 0.2);
}

.module__message--yellow {
  background-color: #fff5db;
}

.module__message--blue {
  background-color: #ecf4ff;
}

.module__message--red {
  background-color: #FFE1DF;
}

.module__message--grey {
  background-color: #f1f1f1;
}

.module__stats {
  border-top: 1px solid #d3d3d3;
  display: table;
  width: 100%;
  background-color: #fafafa;
}
@media only screen and (max-width: 639px) {
  .module__stats {
    display: block;
  }
}

.module__stats--border-bottom {
  border-bottom: 1px solid #d3d3d3;
}

.module-stat {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 16.666%;
  padding: 12px;
  background-color: #fafafa;
  border-right: 1px solid #d3d3d3;
}
.module-stat:last-child {
  border-right: none;
}
@media only screen and (max-width: 639px) {
  .module-stat {
    display: block;
    width: 100%;
    text-align: left;
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
  }
  .module-stat:last-child {
    border-bottom: none;
  }
}

.module-stat--triple {
  width: 33.3333333333%;
}
@media only screen and (max-width: 639px) {
  .module-stat--triple {
    width: 100%;
  }
}

.module-stat--quadruple {
  width: 25%;
}
@media only screen and (max-width: 639px) {
  .module-stat--quadruple {
    width: 100%;
  }
}

.module-stat--white {
  background-color: #fff;
}

.module-stat__stat {
  margin-bottom: 4px;
  display: inline-block;
}
@media only screen and (max-width: 639px) {
  .module-stat__stat {
    display: block;
    float: right;
    margin: 0;
  }
}

.module-stat__label {
  line-height: 16px;
}

.echarts-tooltip {
  background-color: transparent !important;
}

.apdex-echart-background {
  background: linear-gradient(to top, rgba(223, 31, 0, 0.2) 0%, rgba(223, 31, 0, 0.2) 49%, rgba(254, 158, 0, 0.2) 49%, rgba(254, 158, 0, 0.2) 69%, rgba(255, 235, 59, 0.2) 69%, rgba(255, 235, 59, 0.2) 84%, rgba(205, 220, 57, 0.2) 84%, rgba(205, 220, 57, 0.2) 93%, rgba(76, 175, 80, 0.2) 93%, rgba(76, 175, 80, 0.2) 100%) no-repeat !important;
  background-size: calc(100% - 70px) calc(100% - 45px) !important;
  background-position: 50px 10px !important;
}
.apdex-echart-background:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #DF1F00 0%, #DF1F00 49%, #FE9E00 49%, #FE9E00 69%, #FFEB3B 69%, #FFEB3B 84%, #CDDC39 84%, #CDDC39 93%, #4CAF50 93%, #4CAF50 100%) no-repeat !important;
  background-size: 4px calc(100% - 45px) !important;
  background-position: 50px 10px !important;
}

.page-banner {
  padding: 8px 24px;
  position: relative;
  background: #F6F7F8;
  border-bottom: 1px solid #d3d3d3;
}

.page-banner--yellow {
  background-color: #fff5db;
}

.page-banner--blue {
  background-color: #ecf4ff;
}

.page-banner--red {
  background-color: #FFE1DF;
}

.page-banner--green {
  background-color: #E8F5E9;
}

.page-banner--above {
  z-index: 4;
}

.page-banner--no-border {
  border-bottom: 0;
}

.page-banner--dismissable {
  padding-right: 48px;
}

.page-banner__dismiss {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 24px 0 0;
}
@media only screen and (max-width: 1059px) {
  .page-banner__dismiss {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .page-banner__dismiss {
    padding-right: 12px;
  }
}

.page-banner__dismiss-button {
  color: #333;
  display: block;
}
.page-banner__dismiss-button:hover, .page-banner__dismiss-button:active {
  color: #333;
}
.page-banner__dismiss-button:active {
  transform: translateY(2px);
  -webkit-transform: translateY(2px);
}

.page-banner__icon {
  float: left;
  margin-right: 10px;
}

.page-header {
  position: relative;
  z-index: 5;
  padding: 8px 24px;
  background-color: #fff;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1059px) {
  .page-header {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .page-header {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.page-header--top-padding {
  padding: 16px 0 0;
}

.page-header--navigation {
  padding-bottom: 0;
}

.page-header--z-index-4 {
  z-index: 4;
}

.page-header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  -webkit-transition: transform 0.25s cubic-bezier(0.44, 0.95, 1, 1);
  -moz-transition: transform 0.25s cubic-bezier(0.44, 0.95, 1, 1);
  -ms-transition: transform 0.25s cubic-bezier(0.44, 0.95, 1, 1);
  -o-transition: transform 0.25s cubic-bezier(0.44, 0.95, 1, 1);
  transition: transform 0.25s cubic-bezier(0.44, 0.95, 1, 1);
}

.page-header--fixed-hidden {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.page-header--transparent-bg {
  background-color: #F5F7F8;
  border-bottom: none;
}

.page-header__title {
  line-height: 32px;
}

.page-header__title--ds-height {
  line-height: 40px;
}

.page-header__title--left {
  float: left;
}

.page-header__container {
  position: relative;
}
@media only screen and (min-width: 1180px) {
  .page-header__container--padding {
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media only screen and (max-width: 1179px) {
  .page-header__container--padding {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.page-header__section--margin {
  margin-bottom: 4px;
}
.page-header__section--extra-margin {
  margin-bottom: 16px;
}

.page-header__section--datepicker {
  position: relative;
  padding-right: 320px;
}
@media only screen and (max-width: 639px) {
  .page-header__section--datepicker {
    padding: 0;
  }
}
.page-header__section--datepicker .header-section__datepicker {
  position: absolute;
  width: 100%;
  max-width: 320px;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 639px) {
  .page-header__section--datepicker .header-section__datepicker {
    position: static;
    margin: 0 0 12px;
  }
}

.page-header__section--right {
  float: left;
  clear: left;
}
@media only screen and (min-width: 1060px) {
  .page-header__section--right {
    float: right;
  }
}

.page-header__section--pulse {
  position: relative;
  padding-right: 366px;
}
@media only screen and (max-width: 639px) {
  .page-header__section--pulse {
    padding: 0;
  }
}
@media only screen and (min-width: 640px) {
  .page-header__section--pulse {
    line-height: 32px;
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 1060px) {
  .page-header__section--pulse {
    line-height: inherit;
    margin-bottom: 0;
  }
}
.page-header__section--pulse .header-section__button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@media only screen and (max-width: 639px) {
  .page-header__section--pulse .header-section__button {
    position: relative;
    margin: 8px 0;
    z-index: 0;
  }
  .page-header__section--pulse .header-section__button button {
    color: #333;
    background: #f1f1f1;
  }
}
.page-header__section--pulse .header-section__datepicker {
  position: absolute;
  width: 320px;
  right: 48px;
  top: 0;
}
.page-header__section--pulse .header-section__datepicker--live {
  width: 117px;
}
@media only screen and (max-width: 639px) {
  .page-header__section--pulse .header-section__datepicker {
    width: auto;
    position: static;
  }
}

@media screen and (max-width: 1250px) {
  .page-header__section--min-32 {
    min-height: 32px;
  }
}

.page-header__section--button {
  position: relative;
  padding-right: 40px;
}

.header-section__button {
  position: absolute;
  right: 0;
  top: 0;
}

.subnavigation {
  position: relative;
  z-index: 0;
  background-color: #fff;
  padding: 12px 24px;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1059px) {
  .subnavigation {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.subnavigation--index-3 {
  z-index: 3;
}
.subnavigation--index-6 {
  z-index: 6;
}

.subnavigation {
  will-change: transform;
  transform: translate(0, -100%);
  -webkit-transition: transform 160ms ease;
  -moz-transition: transform 160ms ease;
  -ms-transition: transform 160ms ease;
  -o-transition: transform 160ms ease;
  transition: transform 160ms ease;
}

.subnavigation--animate-in {
  transform: translate(0, 0);
}

.p-h-headline {
  line-height: 32px;
}

.p-h-context {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  line-height: 14px;
  font-weight: 600;
}

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

.ellipsis-space-250 {
  padding-right: 250px;
}

.ellipsis-space-350 {
  padding-right: 350px;
}

.p-h-bottom-section {
  padding-bottom: 0;
}

.p-h-controls {
  top: 0;
  right: 0;
  position: absolute;
}
.p-h-controls::before, .p-h-controls::after {
  content: " ";
  display: table;
}
.p-h-controls::after {
  clear: both;
}

.p-h-control {
  margin-left: 12px;
  float: left;
  line-height: 32px;
}
.p-h-control:first-child {
  margin-left: 0;
}

.p-h-control-icon {
  margin-top: 4px;
}

.page-header__section .quick-picker {
  float: none;
}

.header-navigation {
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 1059px) {
  .header-navigation {
    margin: 0 -4px;
    padding-bottom: 8px;
  }
}

.header-navigation--secondary {
  border-top: 1px solid #d3d3d3;
  margin: 0 -24px;
  padding: 0 24px;
}
@media only screen and (max-width: 1059px) {
  .header-navigation--secondary {
    margin: 1px -16px 0;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 639px) {
  .header-navigation--secondary {
    margin: 1px -12px 0;
    padding: 0 12px;
  }
}

.header-navigation__item {
  display: block;
  float: left;
  margin-right: 24px;
  position: relative;
}
.header-navigation__item--no-margin {
  margin-right: 0;
}
@media only screen and (max-width: 1059px) {
  .header-navigation__item {
    margin: 4px;
  }
}

.header-navigation-button__icon {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  left: 0;
  color: #808080;
}
@media only screen and (max-width: 1059px) {
  .header-navigation-button__icon {
    top: 10px;
    left: 16px;
  }
}

.header-navigation-button__text {
  display: block;
  line-height: 16px;
  color: #333;
}

.header-navigation-button {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 12px 0 12px 24px;
}
.header-navigation-button:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  height: 3px;
  left: 0;
  width: 100%;
}
.header-navigation-button:hover:before, .header-navigation-button:active:before {
  background: #bbb;
}
.header-navigation-button:active .header-navigation-button__icon,
.header-navigation-button:active .header-navigation-button__text {
  transform: translateY(1px);
}
@media only screen and (max-width: 1059px) {
  .header-navigation-button {
    border-radius: 24px;
    background-color: #f1f1f1;
    padding: 10px 16px 10px 40px;
  }
  .header-navigation-button:hover, .header-navigation-button:active {
    background-color: #ddd;
  }
  .header-navigation-button:active .header-navigation-button__icon,
.header-navigation-button:active .header-navigation-button__text {
    transform: none;
  }
  .header-navigation-button:before {
    display: none;
  }
}
.header-navigation-button--no-icon {
  padding: 12px 16px;
}
@media only screen and (max-width: 1059px) {
  .header-navigation-button--no-icon {
    padding: 12px 16px;
  }
}

.header-navigation-button--active {
  font-weight: 600;
}
@media only screen and (max-width: 1059px) {
  .header-navigation-button--active .header-navigation-button__icon,
.header-navigation-button--active .header-navigation-button__text {
    color: #fff !important;
  }
}
.header-navigation-button--active.header-navigation-button--dark:before {
  background: #303847;
}
.header-navigation-button--active.header-navigation-button--dark .header-navigation-button__icon {
  color: #303847;
}
@media only screen and (max-width: 1059px) {
  .header-navigation-button--active.header-navigation-button--dark {
    background-color: #303847;
  }
}
.header-navigation-button--active.header-navigation-button--blue:before {
  background: #158FEF;
}
.header-navigation-button--active.header-navigation-button--blue .header-navigation-button__icon {
  color: #158FEF;
}
@media only screen and (max-width: 1059px) {
  .header-navigation-button--active.header-navigation-button--blue {
    background-color: #158FEF;
  }
}
.header-navigation-button--active.header-navigation-button--purple:before {
  background: #8a4dc7;
}
.header-navigation-button--active.header-navigation-button--purple .header-navigation-button__icon {
  color: #8a4dc7;
}
@media only screen and (max-width: 1059px) {
  .header-navigation-button--active.header-navigation-button--purple {
    background-color: #8a4dc7;
  }
}
.header-navigation-button--active.header-navigation-button--green:before {
  background: #43A047;
}
.header-navigation-button--active.header-navigation-button--green .header-navigation-button__icon {
  color: #43A047;
}
@media only screen and (max-width: 1059px) {
  .header-navigation-button--active.header-navigation-button--green {
    background-color: #43A047;
  }
}

.header-navigation-button--noicon {
  padding-left: 0;
}
@media only screen and (max-width: 1059px) {
  .header-navigation-button--noicon {
    padding-left: 16px;
  }
}

.dropdown2 {
  display: inline-block;
  position: relative;
}

.dropdown2--block {
  display: block;
}

.dropdown2--full-mobile {
  display: block;
}
@media only screen and (min-width: 640px) {
  .dropdown2--full-mobile {
    display: inline-block;
  }
}

.dropdown2--flex {
  display: flex;
}

.dropdown2__content--overflow {
  overflow: visible !important;
}

.dropdown2__sample {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px 0 0 3px;
  padding: 15px 16px;
}
.dropdown2__sample--overflow-hidden {
  overflow: hidden;
}

.dropdown2__button--float-right {
  float: right;
}

.dropdown2__button--float-left {
  float: left;
}

.dropdown2__content {
  overflow: hidden;
  display: none;
  margin-top: -1px;
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 0;
  min-width: 220px;
  max-width: 320px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding;
  background-clip: padding-box;
  box-shadow: 0 2px 12px rgba(38, 45, 58, 0.2);
  transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  -webkit-animation: dropdown-anim 80ms ease-out;
  animation: dropdown-anim 80ms ease-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.dropdown2__content--open {
  display: block;
}

.dropdown2__content--dock-left {
  left: 0;
  right: auto;
  transform-origin: 0 0;
}

.dropdown2__content--dock-right {
  right: 0;
  left: auto;
  transform-origin: 100% 0;
}

.dropdown2__content--dock-right-mobile {
  left: auto;
  right: 0;
}
@media only screen and (min-width: 640px) {
  .dropdown2__content--dock-right-mobile {
    left: 0;
    right: auto;
  }
}

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

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

.dropdown2-section {
  padding: 6px 0;
  border-bottom: 1px solid #e8e8e8;
}
.dropdown2-section:last-child {
  border: none;
}

.dropdown2-section--search-results {
  max-height: 156px;
  overflow-y: auto;
}

.dropdown2-section--search-input {
  padding: 8px;
}

.dropdown2-section--search-results-medium {
  max-height: 193px;
}

.dropdown2-section--search-results-large {
  max-height: 320px;
}

.dropdown2-section--checkbox-list {
  padding: 8px 16px;
  overflow-y: auto;
  max-height: 224px;
}

.dropdown2-section__title {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: block;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
  padding: 4px 0;
  margin: 0 12px;
  font-size: 14px;
  font-size: 1.4rem;
}

.dropdown2-section__message {
  color: #808080;
  font-style: italic;
  line-height: 1.2;
  font-size: 12px;
  font-size: 1.2rem;
}

.dropdown2-section__option {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  min-width: 160px;
  max-width: 100%;
  line-height: 16px;
  padding: 10px 16px 10px 9px;
  border-left: 3px solid transparent;
  font-weight: normal;
  text-align: left;
}
.dropdown2-section__option:hover, .dropdown2-section__option:active {
  color: #333;
  border-color: #bbb;
  background: #f1f1f1;
}
.dropdown2-section__option:active {
  background: #d8d8d8;
}
.dropdown2-section__option:focus {
  background-color: #f1f1f1;
}

.dropdown2-section__option--disabled {
  color: #9E9E9E;
}
.dropdown2-section__option--disabled:hover, .dropdown2-section__option--disabled:active {
  background: none;
  color: #9E9E9E;
  cursor: not-allowed;
}

.dropdown2-section__option--blue:hover, .dropdown2-section__option--blue:active {
  border-color: #158FEF;
}

.dropdown2-section__option--yellow:hover, .dropdown2-section__option--yellow:active {
  border-color: #ffc539;
}

.dropdown2-section__option--red:hover, .dropdown2-section__option--red:active {
  border-color: #F73415;
}

.dropdown2-section__option--green:hover, .dropdown2-section__option--green:active {
  border-color: #1CC526;
}

.dropdown2-section__option--orange:hover, .dropdown2-section__option--orange:active {
  border-color: #FB7A31;
}

.dropdown2-section__option--purple:hover, .dropdown2-section__option--purple:active {
  border-color: #8a4dc7;
}

.dropdown2-section__option--current {
  background-color: #f1f1f1;
}

.dropdown2-section__option--highlight {
  border-color: #158FEF;
  background: #f1f1f1;
}

.dropdown2-section__option--checkbox {
  padding: 0;
}
.dropdown2-section__option--checkbox .checkbox-input {
  padding: 10px 16px 10px 32px;
}
.dropdown2-section__option--checkbox .checkbox-input__icon {
  top: 10px;
  left: 9px;
}

.dropdown2-section__option--no-link {
  cursor: default;
}
.dropdown2-section__option--no-link:hover, .dropdown2-section__option--no-link:focus {
  color: #333;
  background: #fff;
  border-color: #fff;
}

.dropdown2-section__option--no-results {
  max-width: 256px;
  overflow: visible;
  white-space: normal;
  font-size: 12px;
  font-style: italic;
  text-align: center;
}

.dropdown2-section__option--title {
  font-weight: 600;
}

.dropdown2-section__option--no-results-full-width {
  max-width: none;
}

.dropdown2-section__option--divider {
  padding: 0;
  background: #e8e8e8;
  height: 1px;
  margin: 8px 0;
}

.dropdown2-section__syntax {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  position: relative;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  min-width: 160px;
  max-width: 100%;
  line-height: 16px;
  padding: 10px 16px 10px 40px;
  font-weight: normal;
  text-align: left;
}
.dropdown2-section__syntax:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 16px;
  left: 16px;
  border-radius: 50%;
  border: 2px solid #616161;
}
.dropdown2-section__syntax:hover, .dropdown2-section__syntax:active, .dropdown2-section__syntax:focus {
  color: #333;
}
.dropdown2-section__syntax--active:before {
  border: 2px solid #424242;
}
.dropdown2-section__syntax--active:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  background-color: #000;
}

.dropdown2-section__input {
  display: block;
  padding: 8px 12px;
  width: 100%;
  min-width: 300px;
}

.dropdown2-section__plans {
  padding: 2px 8px 6px;
}
@media only screen and (min-width: 1060px) {
  .dropdown2-section__plans {
    max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.dropdown2-plan {
  position: relative;
  display: block;
  cursor: pointer;
  margin-bottom: 4px;
  width: 240px;
  background: #f1f1f1;
  border-radius: 3px;
  padding: 10px 10px 10px 46px;
  border: 2px solid #f1f1f1;
  margin: 4px;
}
.dropdown2-plan:hover {
  background: #ddd;
  border-color: #ddd;
}
.dropdown2-plan:active {
  background: #d8d8d8;
  border-color: #d8d8d8;
}
.dropdown2-plan:last-child {
  margin-bottom: 0;
}

.dropdown2-plan--oversize {
  border-color: #F73415 !important;
}

.dropdown2-plan__icon {
  position: absolute;
  top: 10px;
  left: 10px;
}

.dropdown2-plan__name {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  font-weight: 600;
  margin: 0 0 8px;
}

.dropdown2-plan__details li {
  margin-top: 4px;
}

.dropdown-label {
  display: block;
  line-height: 40px;
}

@-webkit-keyframes dropdown-anim {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes dropdown-anim {
  from {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
  to {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@-ms-keyframes dropdown-anim {
  from {
    opacity: 0;
    -ms-transform: scale(0.8);
  }
  to {
    opacity: 1;
    -ms-transform: scale(1);
  }
}
@-o-keyframes dropdown-anim {
  from {
    opacity: 0;
    -o-transform: scale(0.8);
  }
  to {
    opacity: 1;
    -o-transform: scale(1);
  }
}
@keyframes dropdown-anim {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.table--fixed {
  table-layout: fixed;
}

.table--standard {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
}
.table--standard th,
.table--standard td {
  vertical-align: middle;
}
.table--standard th.table__cell--top,
.table--standard td.table__cell--top {
  vertical-align: top;
}
.table--standard th {
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  font-weight: 600;
  line-height: 16px;
}
.table--standard tr {
  border-bottom: 1px solid #e8e8e8;
}
.table--standard tbody tr:hover {
  background: #f8f9fa;
}

.table--width-reset {
  width: auto;
}

.table--no-border-last-row tbody tr:last-child {
  border-bottom: 0;
}

.table__row {
  border-bottom: 1px solid #e8e8e8;
}

.table__row--red {
  border-left: 3px solid #F73415;
  background-color: #FFE1DF;
}

tr.is-active,
.table__row--grey {
  background: #f1f1f1;
}

.table__row--blue {
  border-left: 3px solid #158FEF;
}

.table__row--disabled td, .table__row--disabled th {
  color: #BDBDBD;
}

.table__cell-control {
  cursor: pointer;
  padding: 0 12px;
  height: 40px;
}
.table__cell-control .icon-16 {
  color: #333;
}
.table__cell-control.table__cell-control__no-hover {
  cursor: default;
}
.table__cell-control.table__cell-control__no-hover:hover {
  background: none;
}
.table__cell-control:hover {
  background: #F6F7F8;
}
.table__cell-control:hover .icon-16 {
  color: #333;
}
.table__cell-control:active {
  text-indent: 1px 0 0 0;
}
.table__cell-control:active .table__sort-text {
  transform: translateY(2px);
}
.table__cell-control.is-active {
  background: #F6F7F8;
  border-bottom: 2px solid #d3d3d3;
}
.table__cell-control:focus {
  outline: 0;
  background: #F6F7F8;
}

.table__cell-control--height-48 {
  height: 48px;
}

.table__sort-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 16px;
  padding: 0 24px 0 0;
  font-weight: 600;
  position: relative;
}
.table__sort-text .icon-16 {
  position: absolute;
  top: 0;
  right: 0;
}

.table__cell--large {
  padding: 12px;
}

.table__cell--standard {
  padding: 6px 12px;
  height: 40px;
}

.table__cell--tight {
  padding: 4px 8px;
  height: 36px;
}

.table__cell--tightest {
  padding: 2px 8px;
  height: 32px;
}

.table__cell--size-normal {
  padding: 8px;
  height: 40px;
}

.table__cell--size-xxlarge {
  padding: 16px 16px;
  height: 64px;
}

.table__cell--size-xlarge {
  padding: 12px 16px;
  height: 56px;
}

.table__cell--size-large {
  padding: 8px 16px;
  height: 48px;
}

.table__cell--size-small {
  padding: 4px 8px;
  height: 36px;
}

.table__cell--standard .apikey.hide {
  margin: 8px 0 0;
}

.table__cell--checkbox {
  width: 24px;
  padding-right: 8px;
}

.table__cell--button {
  width: 140px;
  padding: 4px 0;
  white-space: nowrap;
  text-align: right;
}

.table__cell--message a {
  padding: 0 12px;
}

.table__cell--flat-left {
  padding-left: 0;
}

.table__cell--flat-right {
  padding-right: 0;
}

.table__cell--gutter {
  max-width: 16px;
  width: 16px;
}

.table__cell--avatar {
  width: 32px;
}

.table__cell--browser,
.table__cell--platform {
  width: 240px;
}
@media only screen and (max-width: 1059px) {
  .table__cell--browser,
.table__cell--platform {
    width: 160px;
  }
}

.table__cell--text-input {
  min-width: 220px;
}

.table__cell-16, .table__cell--16 {
  width: 16px;
  max-width: 16px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-16 {
    width: 16px;
    max-width: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-16 {
    width: 16px;
    max-width: 16px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-16 {
    width: 16px;
    max-width: 16px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-16 {
    width: 16px;
    max-width: 16px;
  }
}
.table__cell-24, .table__cell--24 {
  width: 24px;
  max-width: 24px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-24 {
    width: 24px;
    max-width: 24px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-24 {
    width: 24px;
    max-width: 24px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-24 {
    width: 24px;
    max-width: 24px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-24 {
    width: 24px;
    max-width: 24px;
  }
}
.table__cell-32, .table__cell--32 {
  width: 32px;
  max-width: 32px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-32 {
    width: 32px;
    max-width: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-32 {
    width: 32px;
    max-width: 32px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-32 {
    width: 32px;
    max-width: 32px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-32 {
    width: 32px;
    max-width: 32px;
  }
}
.table__cell-40, .table__cell--40 {
  width: 40px;
  max-width: 40px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-40 {
    width: 40px;
    max-width: 40px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-40 {
    width: 40px;
    max-width: 40px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-40 {
    width: 40px;
    max-width: 40px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-40 {
    width: 40px;
    max-width: 40px;
  }
}
.table__cell-48, .table__cell--48 {
  width: 48px;
  max-width: 48px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-48 {
    width: 48px;
    max-width: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-48 {
    width: 48px;
    max-width: 48px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-48 {
    width: 48px;
    max-width: 48px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-48 {
    width: 48px;
    max-width: 48px;
  }
}
.table__cell-56, .table__cell--56 {
  width: 56px;
  max-width: 56px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-56 {
    width: 56px;
    max-width: 56px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-56 {
    width: 56px;
    max-width: 56px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-56 {
    width: 56px;
    max-width: 56px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-56 {
    width: 56px;
    max-width: 56px;
  }
}
.table__cell-64, .table__cell--64 {
  width: 64px;
  max-width: 64px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-64 {
    width: 64px;
    max-width: 64px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-64 {
    width: 64px;
    max-width: 64px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-64 {
    width: 64px;
    max-width: 64px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-64 {
    width: 64px;
    max-width: 64px;
  }
}
.table__cell-60, .table__cell--60 {
  width: 60px;
  max-width: 60px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-60 {
    width: 60px;
    max-width: 60px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-60 {
    width: 60px;
    max-width: 60px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-60 {
    width: 60px;
    max-width: 60px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-60 {
    width: 60px;
    max-width: 60px;
  }
}
.table__cell-80, .table__cell--80 {
  width: 80px;
  max-width: 80px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-80 {
    width: 80px;
    max-width: 80px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-80 {
    width: 80px;
    max-width: 80px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-80 {
    width: 80px;
    max-width: 80px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-80 {
    width: 80px;
    max-width: 80px;
  }
}
.table__cell-100, .table__cell--100 {
  width: 100px;
  max-width: 100px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-100 {
    width: 100px;
    max-width: 100px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-100 {
    width: 100px;
    max-width: 100px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-100 {
    width: 100px;
    max-width: 100px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-100 {
    width: 100px;
    max-width: 100px;
  }
}
.table__cell-120, .table__cell--120 {
  width: 120px;
  max-width: 120px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-120 {
    width: 120px;
    max-width: 120px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-120 {
    width: 120px;
    max-width: 120px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-120 {
    width: 120px;
    max-width: 120px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-120 {
    width: 120px;
    max-width: 120px;
  }
}
.table__cell-140, .table__cell--140 {
  width: 140px;
  max-width: 140px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-140 {
    width: 140px;
    max-width: 140px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-140 {
    width: 140px;
    max-width: 140px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-140 {
    width: 140px;
    max-width: 140px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-140 {
    width: 140px;
    max-width: 140px;
  }
}
.table__cell-150, .table__cell--150 {
  width: 150px;
  max-width: 150px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-150 {
    width: 150px;
    max-width: 150px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-150 {
    width: 150px;
    max-width: 150px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-150 {
    width: 150px;
    max-width: 150px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-150 {
    width: 150px;
    max-width: 150px;
  }
}
.table__cell-160, .table__cell--160 {
  width: 160px;
  max-width: 160px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-160 {
    width: 160px;
    max-width: 160px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-160 {
    width: 160px;
    max-width: 160px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-160 {
    width: 160px;
    max-width: 160px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-160 {
    width: 160px;
    max-width: 160px;
  }
}
.table__cell-180, .table__cell--180 {
  width: 180px;
  max-width: 180px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-180 {
    width: 180px;
    max-width: 180px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-180 {
    width: 180px;
    max-width: 180px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-180 {
    width: 180px;
    max-width: 180px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-180 {
    width: 180px;
    max-width: 180px;
  }
}
.table__cell-200, .table__cell--200 {
  width: 200px;
  max-width: 200px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-200 {
    width: 200px;
    max-width: 200px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-200 {
    width: 200px;
    max-width: 200px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-200 {
    width: 200px;
    max-width: 200px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-200 {
    width: 200px;
    max-width: 200px;
  }
}
.table__cell-220, .table__cell--220 {
  width: 220px;
  max-width: 220px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-220 {
    width: 220px;
    max-width: 220px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-220 {
    width: 220px;
    max-width: 220px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-220 {
    width: 220px;
    max-width: 220px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-220 {
    width: 220px;
    max-width: 220px;
  }
}
.table__cell-240, .table__cell--240 {
  width: 240px;
  max-width: 240px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-240 {
    width: 240px;
    max-width: 240px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-240 {
    width: 240px;
    max-width: 240px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-240 {
    width: 240px;
    max-width: 240px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-240 {
    width: 240px;
    max-width: 240px;
  }
}
.table__cell-300, .table__cell--300 {
  width: 300px;
  max-width: 300px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-300 {
    width: 300px;
    max-width: 300px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-300 {
    width: 300px;
    max-width: 300px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-300 {
    width: 300px;
    max-width: 300px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-300 {
    width: 300px;
    max-width: 300px;
  }
}
.table__cell-400, .table__cell--400 {
  width: 400px;
  max-width: 400px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-400 {
    width: 400px;
    max-width: 400px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-400 {
    width: 400px;
    max-width: 400px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-400 {
    width: 400px;
    max-width: 400px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-400 {
    width: 400px;
    max-width: 400px;
  }
}
.table__cell-500, .table__cell--500 {
  width: 500px;
  max-width: 500px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mob-500 {
    width: 500px;
    max-width: 500px;
  }
}
@media only screen and (min-width: 640px) {
  .table__cell--min-500 {
    width: 500px;
    max-width: 500px;
  }
}
@media only screen and (min-width: 1060px) {
  .table__cell--med-500 {
    width: 500px;
    max-width: 500px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--max-500 {
    width: 500px;
    max-width: 500px;
  }
}
@media only screen and (min-width: 1180px) {
  .table__cell--50-percent {
    width: 50%;
    max-width: 50%;
  }
}

.table__cell--80-percent {
  width: 80%;
  max-width: 80%;
}

.table__cell--max-width-800 {
  max-width: 800px;
}

@media only screen and (max-width: 639px) {
  .table__cell--mobile-auto {
    width: auto;
    max-width: none;
  }
}

@media only screen and (max-width: 639px) {
  .table__cell--mobile-full {
    width: 100%;
  }
}

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

@media only screen and (min-width: 640px) {
  .table__cell--right {
    text-align: right;
  }
}

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

.table__cell--space-left {
  padding-left: 16px;
}

.table__cell--space-right {
  padding-right: 16px;
}

.table--high-cells td {
  height: 65px;
}

td.table__cell--date {
  min-width: 120px;
}

.table__cell--long-text {
  display: block;
}
@media only screen and (min-width: 640px) {
  .table__cell--long-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media only screen and (max-width: 639px) {
  .table--responsive {
    display: block;
    width: 100%;
  }
  .table--responsive .table__cell--gutter,
.table--responsive .table__heading {
    display: none;
  }
  .table--responsive .table__heading--show-for-mobile {
    display: block;
  }
  .table--responsive .table__heading--show-for-mobile th {
    display: block;
  }
  .table--responsive .table__heading--show-for-mobile th.table__cell--hide-for-mobile {
    display: none;
  }
  .table--responsive tbody,
.table--responsive tr,
.table--responsive td {
    display: block;
    width: 100%;
    min-width: 100%;
  }
  .table--responsive tr {
    padding: 12px;
  }
  .table--responsive td {
    padding: 0 0 0 130px;
    margin: 0 0 4px;
    position: relative;
    height: auto;
    min-height: 16px;
  }
  .table--responsive td:before {
    content: attr(data-content);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: inherit;
    font-weight: 600;
  }
  .table--responsive td:last-child {
    margin: 0;
  }
  .table--responsive td.table__cell--no-padding-mobile {
    padding: 0;
  }
}
@media only screen and (max-width: 639px) {
  .table--responsive-block {
    display: block;
    width: 100%;
  }
  .table--responsive-block .table__cell--gutter,
.table--responsive-block .table__heading {
    display: none;
  }
  .table--responsive-block tbody,
.table--responsive-block tr,
.table--responsive-block td {
    display: block;
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .table--responsive-block tr {
    margin: 0 0 16px;
  }
  .table--responsive-block tr:last-child {
    margin: 0;
  }
  .table--responsive-block td {
    margin: 0 0 4px;
    position: relative;
    height: auto;
  }
  .table--responsive-block td:last-child {
    margin: 0;
  }
}
.table__cell--percentage-parent {
  position: relative;
  overflow: hidden;
}

.table-percentage-text {
  position: relative;
}

.table-percentage-bar {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background-color: #f1f1f1;
}

.table-percentage-bar--full {
  width: 100%;
}

.table-percentage-bar--half {
  width: 50%;
}

.table-percentage-bar--animate {
  transition: width 250ms cubic-bezier(0.26, 0.8, 0.63, 0.99);
}

.table-results-filter__input {
  display: inline-block;
  width: 64px;
  margin-right: 16px;
}

.table-results-filter__label {
  display: inline-block;
}

.table-results-label {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-size: 1.4rem;
}

.table-cell-dot {
  display: block;
}
.table-cell-dot::before, .table-cell-dot::after {
  content: " ";
  display: table;
}
.table-cell-dot::after {
  clear: both;
}

.table-cell-dot__dot {
  float: left;
  display: block;
  width: 12%;
}
@media only screen and (min-width: 640px) {
  .table-cell-dot__dot {
    width: 7%;
  }
}

.table-cell-dot__label {
  float: left;
  display: block;
  width: 88%;
}
@media only screen and (min-width: 640px) {
  .table-cell-dot__label {
    width: 93%;
  }
}

.table-cell-dot-note {
  display: block;
  margin-top: 16px;
  color: #BDBDBD;
}

.vertical-list li {
  margin-bottom: 2px;
}
.vertical-list li:last-child {
  margin-bottom: 0;
}

.vl-link {
  display: block;
  position: relative;
  padding: 12px;
  cursor: pointer;
  background: #f1f1f1;
}
.vl-link, .vl-link:hover, .vl-link:active {
  color: #333;
}
.vl-link h4 {
  margin: 0 0 8px;
}
.vl-link:hover, .vl-link:active {
  background: #ddd;
}

.vl-link.has-before {
  padding-left: 56px;
}

.vl-link.has-after {
  padding-right: 56px;
}

.vl-after,
.vl-before {
  display: block;
  position: absolute;
}

.vl-before {
  top: 12px;
  left: 12px;
  width: 32px;
  height: 32px;
  padding: 8px;
  color: white;
  border-radius: 4px;
  background: #303847;
}

.vl-after {
  top: 12px;
  right: 12px;
  color: #808080;
}

.horizontal-content::before, .horizontal-content::after {
  content: " ";
  display: table;
}
.horizontal-content::after {
  clear: both;
}

.horizontal-content--alternative-clearfix {
  overflow: auto;
}
.horizontal-content--alternative-clearfix::after, .horizontal-content--alternative-clearfix::before {
  display: none;
}

.horizontal-content--padding-top {
  padding-top: 12px;
}

.horizontal-content__section {
  float: left;
  margin-right: 24px;
}
@media only screen and (max-width: 1059px) {
  .horizontal-content__section {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .horizontal-content__section {
    margin-right: 12px;
  }
}
.horizontal-content__section:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 639px) {
  .horizontal-content__section {
    float: none;
    margin-bottom: 12px;
  }
  .horizontal-content__section:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 639px) {
  .horizontal-content__section--remove-mob-margin,
.horizontal-content__section--full-mobile {
    margin-right: 0;
  }
}

.horizontal-content__section--right {
  float: right;
  margin-right: 0;
  margin-left: 24px;
}
.horizontal-content__section--right:last-child {
  margin-left: 0;
}
@media only screen and (max-width: 1059px) {
  .horizontal-content__section--right {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .horizontal-content__section--right {
    margin-left: 12px;
  }
}

.horizontal-content__section--padding-top {
  padding-top: 12px;
}

@media only screen and (max-width: 639px) {
  .horizontal-content__section--clear-mob {
    clear: both;
    float: left;
  }
}

@media only screen and (max-width: 1179px) {
  .horizontal-content__section--clear-med {
    clear: both;
    float: left;
  }
}

ul.pagination li {
  display: block;
  float: left;
  margin: 0 4px 0 0;
}
ul.pagination li:last-child {
  margin: 0;
}
ul.pagination li.pagination-last {
  margin-left: 12px;
}
ul.pagination li.pagination-first {
  margin-right: 12px;
}
ul.pagination .button {
  display: block;
}

.pagination-center {
  text-align: center;
}
.pagination-center ul.pagination {
  display: inline-block;
}

.pagination-right {
  text-align: right;
}
.pagination-right ul.pagination {
  display: inline-block;
}

.pagination.is-empty {
  display: none;
}

.pagination-expander {
  display: block;
  color: #333;
}
.pagination-expander.expander-24 {
  padding: 4px;
}
.pagination-expander.expander-32 {
  padding: 8px;
}
.pagination-expander.expander-40 {
  padding: 12px;
}

.pagination-item {
  cursor: pointer;
  border-radius: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333 !important;
  font-weight: 600;
  float: left;
  margin-left: 2px;
  line-height: 24px;
  height: 24px;
  min-width: 24px;
  display: block;
  text-align: center;
  padding: 0 4px;
  background-color: #d8d8d8;
}
.pagination-item:first-child {
  margin-left: 0;
}
.pagination-item .icon-16 {
  margin: 0 auto;
}
.pagination-item .icon-16:before {
  line-height: 24px;
}
.pagination-item:hover {
  background-color: #ddd;
}
.pagination-item:active {
  background-color: #bbb;
}

.pagination-item--disabled {
  color: #b8b9ba !important;
  border-color: #e4e4e4 !important;
  background: #e4e4e4 !important;
}

.pagination-item--active {
  background-color: #158FEF !important;
  color: #fff !important;
}

@media only screen and (min-width: 640px) {
  .pagination-item--32 {
    width: 32px;
    height: 32px;
    padding: 4px;
  }
}

.paginator-item {
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  font-weight: 600;
  float: left;
  margin-left: 4px;
  line-height: 32px;
  height: 32px;
  min-width: 32px;
  display: block;
  text-align: center;
  padding: 0 4px;
  background-color: #EEEEEE;
  border: 1px solid #BDBDBD;
}
.paginator-item:first-child {
  margin-left: 0;
}
.paginator-item .icon-16 {
  margin: 0 auto;
}
.paginator-item .icon-16:before {
  line-height: 32px;
}
.paginator-item:hover, .paginator-item:focus {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.paginator-item:active {
  border-color: #1669AB;
}

.paginator-item--disabled, .paginator-item--disabled:hover, .paginator-item--disabled:focus, .paginator-item--disabled:active {
  color: #9E9E9E;
  border-color: #AEAEAE;
  background: #E0E0E0;
  cursor: not-allowed;
}

.paginator-item--active, .paginator-item--active:hover, .paginator-item--active:focus, .paginator-item--active:active {
  background-color: #348AC8;
  color: #fff;
  border-color: #1669AB;
  cursor: default;
}

.breadcrumb:after, .breadcrumb:before,
.breadcrumb2:after,
.breadcrumb2:before {
  content: " ";
  display: block;
  clear: both;
}

.breadcrumb__item,
.breadcrumb2__item {
  float: left;
  max-width: 100%;
}

.breadcrumb-item,
.breadcrumb2-item {
  position: relative;
  padding: 4px 0;
}

.breadcrumb-item--arrow,
.breadcrumb2-item--arrow {
  padding-right: 28px;
}

.breadcrumb-item--clip,
.breadcrumb2-item--clip {
  display: block;
  max-width: 480px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.breadcrumb-item__arrow,
.breadcrumb2-item__arrow {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 6px;
}

.breadcrumb-item__content,
.breadcrumb2-item__content {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}

a.breadcrumb-item__content,
a.breadcrumb2-item__content {
  cursor: pointer;
}

.breadcrumb-heading,
.breadcrumb2-heading {
  padding: 4px 0;
}
.breadcrumb-heading:after, .breadcrumb-heading:before,
.breadcrumb2-heading:after,
.breadcrumb2-heading:before {
  content: " ";
  display: block;
  clear: both;
}

.breadcrumb-heading__item,
.breadcrumb2-heading__item {
  float: left;
  max-width: 100%;
}

.breadcrumb-heading-item,
.breadcrumb2-heading-item {
  position: relative;
}

.breadcrumb-heading-item--arrow,
.breadcrumb2-heading-item--arrow {
  padding-right: 28px;
}

.breadcrumb-heading-item__arrow,
.breadcrumb2-heading-item__arrow {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 6px;
}

.breadcrumb-heading-item__content,
.breadcrumb2-heading-item__content {
  display: block;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-size: 1.6rem;
}

a.breadcrumb-heading-item__content,
a.breadcrumb2-heading-item__content {
  cursor: pointer;
}

.breadcrumb-heading--no-padding {
  padding: 0;
}

.breadcrumb-heading--breadcrumb {
  padding: 0;
}
.breadcrumb-heading--breadcrumb .breadcrumb-heading-item__content {
  line-height: inherit;
}
.breadcrumb-heading--breadcrumb .breadcrumb-heading-item__arrow {
  padding: 1px 6px;
}

.errorlist-filter {
  padding: 0 0 20px;
}

.autocomplete-wrapper {
  position: relative;
}

.autocomplete-list {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 39px;
  max-height: 400px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #158FEF;
}
.autocomplete-list li {
  padding: 6px;
  line-height: 1.4;
}
.autocomplete-list li:hover {
  background: #F6F7F8;
  background: #158FEF;
  color: #fff;
}
.autocomplete-list.is-hidden {
  display: none;
}
.autocomplete-list.is-active {
  display: block;
}

.progress-control {
  position: relative;
}

.progress-control--margin-bottom {
  margin-bottom: 12px;
}

.progress-control__title {
  line-height: 16px;
  padding-right: 80px;
}

.progress-control__title--purple {
  color: #8A4DC7;
}

.progress-control__title--margin-bottom {
  margin-bottom: 12px;
}

.progress-control__value {
  position: absolute;
  text-align: right;
  top: 0;
  right: 0;
  width: 120px;
  line-height: 16px;
}

.progress-control__value--purple {
  color: #8A4DC7;
}

.progress-control__bar {
  margin-top: 4px;
}

.progress-bar {
  border-radius: 20px;
  height: 8px;
  background: #d3d3d3;
}

.progress-bar--large {
  height: 12px;
}

.progress-bar--x-large {
  height: 16px;
}

.progress-bar__bar {
  height: 100%;
  min-width: 8px;
  max-width: 100%;
  border-radius: 20px;
  background: #303847;
}

.progress-bar--large .progress-bar__bar {
  min-width: 12px;
  border-radius: 6px;
}

.progress-bar--x-large .progress-bar__bar {
  min-width: 16px;
  border-radius: 8px;
}

.progress-bar__bar--transition {
  width: 8px;
  transition: width 200ms ease;
}

.progress-bar__bar--grey {
  background: #bbb;
}

.progress-bar__bar--blue {
  background: #158FEF;
}

.progress-bar__bar--purple {
  background: #8a4dc7;
}

.progress-bar__bar--red {
  background: #F73415;
}

.progress-bar__bar--green {
  background: #1CC526;
}

.progress-bar__bar--yellow {
  background: #ffc539;
}

.progress-bar__bar--orange {
  background: #fa610b;
}

html.cssanimations .progress-bar__bar--animate {
  animation: progress-bar 2s ease-out;
}

@-webkit-keyframes progress-bar {
  000% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes progress-bar {
  000% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes progress-bar {
  000% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.message-box {
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 24px;
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
}
.message-box.in-content {
  box-shadow: none;
}

.message-box-icon {
  position: absolute;
  top: 12px;
  left: 16px;
}

.message-box-button {
  margin: 16px auto 0;
  width: 200px;
  font-weight: 600;
  display: block;
}

.message-box-header {
  padding: 12px 16px !important;
  position: relative;
  border-radius: 4px 4px 0 0;
}
.message-box-header.has-icon {
  padding-left: 40px !important;
}

.message-box-body {
  background-color: #fff;
  padding: 16px;
  border: 1px solid #d3d3d3;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.message-box-headline {
  position: relative;
  font-weight: 600;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1.4rem;
}

.message-box-close {
  position: absolute;
  top: 12px;
  right: 16px;
}
.message-box-close:hover {
  cursor: pointer;
}

.message-box.is-red .message-box-header {
  color: #fff;
  background: #F73415;
}
.message-box.is-green .message-box-header {
  color: #fff;
  background: #00ad09;
}
.message-box.is-light-blue {
  background: #E8F5FF;
  border: 1px solid #0478D2 !important;
  border-radius: 3px;
}
.message-box.is-light-blue .message-box-body {
  background: none;
}
.message-box.is-yellow .message-box-header {
  color: #fff;
  background: #ffc539;
}
.message-box.is-blue .message-box-header {
  color: #fff;
  background: #158FEF;
}
.message-box.is-orange .message-box-header {
  background: #fb8c4c;
  color: #fff;
}

.message-box.typography a, .message-box.studentpack-callout a {
  text-decoration: underline;
}

.message-box.in-content {
  border: none;
}
.message-box.in-content .message-box-header {
  background-color: transparent;
  color: #333;
  text-shadow: none;
}
.message-box.in-content .message-box-body:first-child {
  padding: 12px 16px;
}
.message-box.in-content .message-box-body {
  padding-top: 0;
  padding-bottom: 12px;
  border-width: 0;
}
.message-box.in-content .message-box-body.has-icon {
  padding-left: 40px;
}
.message-box.in-content.is-orange,
.message-box.in-content.is-orange .message-box-body {
  background-color: #fff5db;
}
.message-box.in-content.is-grey,
.message-box.in-content.is-grey .message-box-body {
  background-color: #ddd;
}

.masked-password {
  position: relative;
  padding: 0 40px 0 0;
}
.masked-password .unmasked-state {
  display: none;
}

.masked-password.is-unmasked .masked-state {
  display: none;
}
.masked-password.is-unmasked .unmasked-state {
  display: block;
}

.masked-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}
.masked-button .button {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button-field {
  position: relative;
}

.button-field--left-40 {
  padding-left: 40px;
}
.button-field--left-40 .button-field__button {
  left: 0;
  width: 40px;
}

.button-field--right-40 {
  padding-right: 40px;
}
.button-field--right-40 .button-field__button {
  right: 0;
  width: 40px;
}

.button-field--left-48 {
  padding-left: 48px;
}
.button-field--left-48 .button-field__button {
  left: 0;
  width: 48px;
}

.button-field--right-48 {
  padding-right: 48px;
}
.button-field--right-48 .button-field__button {
  right: 0;
  width: 48px;
}

.button-field--left-64 {
  padding-left: 64px;
}
.button-field--left-64 .button-field__button {
  left: 0;
  width: 64px;
}

.button-field--right-64 {
  padding-right: 64px;
}
.button-field--right-64 .button-field__button {
  right: 0;
  width: 64px;
}

.button-field__button {
  position: absolute;
  top: 0;
}

.date-picker {
  position: relative;
}

@media only screen and (min-width: 640px) {
  .date-picker__input {
    width: 320px;
  }
}

.date-picker__dropdown {
  position: absolute;
  z-index: 2;
  top: 100%;
  right: 0;
  width: 500px;
}
.date-picker__dropdown--six-links {
  width: 590px;
}

.date-picker__dropdown--left {
  left: 0;
}

.date-input {
  position: relative;
  height: 32px;
}

.date-input__icon {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 8px;
  color: #808080;
}

.date-input__input {
  width: 100%;
  height: 32px;
  padding: 0 8px 0 32px;
  border: none;
  border-radius: 3px;
  background: #e8e8e8;
  font-size: 13px;
  font-size: 1.3rem;
}
.date-input__input:hover, .date-input__input:active {
  background: #d3d3d3;
}
.date-input__input:focus {
  background: #ddd;
}

.date-dropdown {
  display: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding;
  background-clip: padding-box;
  box-shadow: 0 2px 12px rgba(38, 45, 58, 0.2);
}

.date-dropdown--expand,
.date-dropdown--expand-left {
  display: block;
}

html.cssanimations .date-dropdown--expand {
  transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  -webkit-animation: dropdown-anim 80ms linear;
  animation: dropdown-anim 80ms linear;
}
html.cssanimations .date-dropdown--expand-left {
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-animation: dropdown-anim 80ms linear;
  animation: dropdown-anim 80ms linear;
}

@keyframes dateDropdown {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.date-navigation {
  display: block;
  padding: 12px 10px;
}

.date-navigation__item {
  float: left;
  width: 20%;
  padding: 0 2px;
}
.date-navigation--six-links .date-navigation__item {
  width: 16.6666666667%;
}

.date-navigation__item--width-auto {
  width: auto;
}

.date-button {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  line-height: 16px;
  position: relative;
  outline: none;
  display: block;
  width: 100%;
  padding: 8px;
  border-radius: 3px;
  background: #ddd;
  color: #333 !important;
}
.date-button:hover {
  background: #ddd;
}
.date-button:active {
  background: #d8d8d8;
}

.date-button--active {
  color: #fff !important;
  background-color: #158FEF !important;
}

.date-button--custom {
  padding-right: 32px;
}
.date-button--custom .dropdown-icon {
  position: absolute;
  top: 8px;
  right: 8px;
}

.date-dropdown__picker {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 160ms ease-in-out;
  -moz-transition: height 160ms ease-in-out;
  -ms-transition: height 160ms ease-in-out;
  -o-transition: height 160ms ease-in-out;
  transition: height 160ms ease-in-out;
}

.date-dropdown__picker.date-dropdown__picker--expand {
  height: 288px;
  border-top: 1px solid #e8e8e8;
}

.date-split {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 288px;
  width: 100%;
}

.date-split__item {
  height: 288px;
  width: 50%;
  float: left;
  padding: 12px;
}

.date-split__item--border {
  border-right: 1px solid #e8e8e8;
}

.quick-picker .bootstrap-datetimepicker-widget {
  float: left;
  width: 50%;
}
.quick-picker .bootstrap-datetimepicker-widget td span {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.quick-picker ul.list-unstyled {
  min-height: 255px;
}
.quick-picker .expand-content > div .bootstrap-datetimepicker-widget {
  padding: 0 12px;
}
.quick-picker .expand-content > div:first-child .bootstrap-datetimepicker-widget {
  padding: 0 12px;
  border-right: 1px solid #e8e8e8;
}

@media only screen and (max-width: 639px) {
  .date-picker__dropdown {
    width: 100%;
  }
  .date-dropdown__picker.date-dropdown__picker--expand {
    height: 570px;
  }
  .date-split__item {
    float: none;
    width: 100%;
    height: 288px;
  }
  .date-split {
    height: inherit;
  }
  .date-navigation__item {
    width: 50%;
    margin-bottom: 4px;
  }
  .date-navigation__item:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .date-navigation--six-links .date-navigation__item:last-child {
    width: 50%;
  }
  .date-navigation--six-links .date-navigation__item:last-child:nth-last-child(2) {
    margin-bottom: 0;
  }
}
.date-picker-theme--white .date-picker__input {
  width: auto;
}
@media only screen and (min-width: 640px) {
  .date-picker-theme--white .date-picker__input {
    width: 330px;
  }
}
.date-picker-theme--white .date-input__icon {
  display: none;
}
.date-picker-theme--white .date-input {
  height: 40px;
}
.date-picker-theme--white .date-input:after {
  font-family: "flaticons";
  font-weight: normal;
  vertical-align: middle;
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  content: "\e5a5";
  display: block;
  position: absolute;
  top: 12px;
  right: 8px;
}
.date-picker-theme--white .date-input__input {
  padding-left: 12px;
  font-size: 14px;
  border: 1px solid #d3d3d3;
  height: 40px;
  padding-right: 24px;
}
@media only screen and (min-width: 640px) {
  .date-picker-theme--white .date-input__input {
    padding-right: 32px;
  }
}
.date-picker-theme--white .date-input__input, .date-picker-theme--white .date-input__input:hover, .date-picker-theme--white .date-input__input:active {
  background-color: #fff;
}

.loading-region {
  min-height: 162px;
  position: relative;
}

.loading-region--inherit-height {
  height: inherit;
  min-height: inherit;
}

.loading-region--fullscreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: 180;
}

.loading-region--fill-space {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}

.loading--active {
  display: block;
}

.loading--inactive {
  display: none;
}

.loading--white {
  background-color: #fff;
}

.loading--semi-transparent {
  background-color: rgba(255, 255, 255, 0.8);
  min-height: 160px;
}

.loading--semi-transparent-dark {
  background-color: rgba(48, 56, 71, 0.8);
}

.loading--fixed {
  position: fixed;
  bottom: 0;
  left: 50%;
  top: 50%;
  margin: -56px -79px;
}

.loading--fullscreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.loading__spinner {
  display: block;
  width: 162px;
  height: 126px;
  background-image: url(../images/raygun-loading/loading-gun.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50%;
  margin-left: -81px;
  top: 50%;
  margin-top: -63px;
}
.loading__spinner:before {
  content: "";
  display: block;
  width: 18px;
  height: 45px;
  margin: 0 auto;
  position: absolute;
  top: 32px;
  left: 68px;
  background-size: 20px 40px;
  background-image: url(../images/raygun-loading/loading-spinner.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-animation: rotation 1s infinite linear;
  -moz-animation: rotation 1s infinite linear;
  -o-animation: rotation 1s infinite linear;
  animation: rotation 1s infinite linear;
}

.loading__spinner--align-top {
  top: 103px;
}

.loading__spinner--small {
  transform: scale(0.75);
}

html.svg .loading__spinner {
  background-image: url(../images/raygun-loading/loading-gun.svg);
}
html.svg .loading__spinner:before {
  background-image: url(../images/raygun-loading/loading-spinner.svg);
}

.loading-layout {
  position: relative;
  min-height: 162px;
}

.loading-layout__content {
  overflow: hidden;
}

.loading-layout__spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.autocomplete {
  position: relative;
  -webkit-transition: box-shadow 80ms ease-in-out;
  -moz-transition: box-shadow 80ms ease-in-out;
  -ms-transition: box-shadow 80ms ease-in-out;
  -o-transition: box-shadow 80ms ease-in-out;
  transition: box-shadow 80ms ease-in-out;
}

.autocomplete-input {
  position: relative;
}

.autocomplete-input--has-button {
  float: left;
  margin-right: 8px;
}
@media only screen and (min-width: 1060px) {
  .autocomplete-input--has-button {
    width: 400px;
  }
}

.autocomplete-input__icon {
  position: absolute;
  top: 12px;
  left: 16px;
  color: #333;
}

.autocomplete-input__icon--right {
  left: initial;
  right: 12px;
}

.autocomplete-input__close {
  position: absolute;
  top: 12px;
  right: 12px;
}

.autocomplete-close-button {
  cursor: pointer;
  border: none;
  background: none;
  display: block;
  width: 16px;
  height: 16px;
  color: #808080;
  padding: 0;
}
.autocomplete-close-button:hover {
  color: #F73415;
}
.autocomplete-close-button:active {
  color: #dc280a;
}

.autocomplete-input__input {
  width: 100%;
  height: 40px;
  border-radius: 3px;
  padding: 0 40px;
  border: 1px solid #d3d3d3;
}
.autocomplete-input__input:hover {
  border-color: #bbb;
}
.autocomplete-input__input:focus {
  border-color: #158FEF;
}

.autocomplete-input__input--no-icon {
  padding-left: 12px;
}

.autocomplete-input__input--search {
  padding-right: 12px;
  min-width: 240px;
}

.autocomplete__dropdown {
  display: none;
  box-shadow: 0 2px 12px rgba(38, 45, 58, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}

.autocomplete__dropdown--expand {
  display: block;
}

.autocomplete__dropdown--has-button {
  position: relative;
}
@media only screen and (min-width: 1060px) {
  .autocomplete__dropdown--has-button {
    width: 400px;
  }
}

.autocomplete__dropdown--input-pattern {
  position: relative;
  margin-right: 124px;
}

.autocomplete__dropdown--overlay {
  position: absolute;
  z-index: 10000;
}
@media only screen and (min-width: 1060px) {
  .autocomplete__dropdown--overlay {
    width: 400px;
  }
}

.autocomplete-info {
  background: #f1f1f1;
  padding: 6px 6px 6px 40px;
  line-height: 16px;
  font-size: 13px;
  font-size: 1.3rem;
}

.autocomplete__result {
  position: relative;
  display: block;
  line-height: 16px;
  padding: 8px 8px 8px 40px;
  border-top: 1px solid #e8e8e8;
  background: #fff;
}
.autocomplete__result:hover, .autocomplete__result:focus, .autocomplete__result:active, .autocomplete__result.autocomplete__result--active {
  outline: none;
  color: #F73415;
}
.autocomplete__result:focus, .autocomplete__result:hover {
  background: #f1f1f1;
}
.autocomplete__result:active, .autocomplete__result.autocomplete__result--active {
  background: #f1f1f1;
}

.autocomplete-dropdown-list {
  list-style: none;
  padding: 0;
  background-color: #fff;
  z-index: 1;
}

.autocomplete-dropdown-list-link {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  display: block;
  padding: 8px 16px;
  text-decoration: none;
}
.autocomplete-dropdown-list-link:active {
  background-color: #ddd;
}
.autocomplete-dropdown-list-link:active {
  background-color: #ecf4ff;
}

.autocomplete-team-member__avatar {
  float: left;
  margin-right: 8px;
}

.autocomplete-team-member__details {
  color: #262d3a;
}

.autocomplete-team-member-empty-message {
  font-size: 10px;
  font-size: 1rem;
  line-height: 2.4;
  display: block;
  padding: 8px 16px;
  color: #d8d8d8;
}

.product-tile {
  margin: 0 auto;
  max-width: 540px;
  border-radius: 3px;
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
  background: #fff;
}

.product-tile__progress,
.product-tile__warning,
.product-tile__message,
.product-tile__button {
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
}

.product-tile__heading {
  padding: 24px 0 0;
  background: #bbb;
  border-radius: 3px 3px 0 0;
}

.product-tile__heading--blue {
  background: #158FEF;
}

.product-tile__heading--purple {
  background: #8a4dc7;
}

.product-tile__heading--grey {
  background: #bbb;
}

.product-tile__heading--stealth {
  background: #5A606B;
}

.product-tile-heading {
  position: relative;
  padding: 0 24px 24px 120px;
}

.product-tile-heading__title {
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  height: 80px;
}

.product-tile-heading__sub-title {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 5px;
  color: #fff;
}

.product-tile-heading__icon {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 24px;
}

.product-tile-plan {
  position: relative;
  padding: 12px 24px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
@media only screen and (min-width: 1060px) {
  .product-tile-plan {
    height: 40px;
  }
}

.product-tile-plan__plan-level {
  font-weight: 600;
  left: 24px;
  top: 12px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1060px) {
  .product-tile-plan__plan-level {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 199px;
    line-height: 16px;
    position: absolute;
    margin-bottom: 0;
  }
}

.product-tile-plan__plan-price {
  font-weight: 600;
  right: 24px;
  top: 12px;
}
@media only screen and (min-width: 1060px) {
  .product-tile-plan__plan-price {
    line-height: 16px;
    position: absolute;
  }
}

.product-tile__progress {
  padding: 12px 24px 16px;
}

.product-tile__warning {
  padding: 16px 24px;
  background: #fff5db;
}

.product-warning__checkbox {
  margin-top: 16px;
}

.product-tile__message {
  padding: 16px 24px;
  background: #fff;
}

.product-tile__button {
  padding: 24px;
  border-radius: 0 0 3px 3px;
}

.product-tile__button--no-radius {
  border-radius: 0;
}

.product-tile__screenshot {
  padding: 24px;
  border-top: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
}

.product-tile__checkbox {
  padding: 0 24px;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  font-size: 12px;
  line-height: 1.5;
}

.product-tile__additional-information {
  background-color: #fafafa;
  padding: 24px;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  border-radius: 0 0 3px 3px;
}

.product-tile__additional-information--no-bottom {
  border-bottom: none;
  border-radius: 0;
  padding-bottom: 0;
}

.product-more {
  text-align: center;
  margin-top: 24px;
}

.product-tile-button-text {
  padding-top: 16px;
  font-size: 12px;
  line-height: 1.5;
}

.feature-list--legacy .feature-list__item:first-child {
  border-top: 0;
  padding-top: 0;
}

.feature-list--border-bottom .feature-list__item:last-child {
  border-bottom: 1px solid #d8d8d8;
}

.feature-list__item {
  padding: 24px 0;
  border-top: 1px solid #d8d8d8;
}

.feature-list__item--first {
  border-top: 0;
  padding-top: 0;
}

.feature-item {
  position: relative;
}

.feature-item__icon {
  width: 56px;
  height: 56px;
  float: left;
}

.feature-item__content {
  min-height: 56px;
  padding-left: 72px;
}

.add-team {
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
  background: #fff;
  border: 1px solid #d3d3d3;
}

.add-team__navigation {
  background: #f1f1f1;
}

.add-team-switch {
  position: relative;
  text-align: center;
  cursor: pointer;
  padding: 12px 16px;
  float: left;
  width: 50%;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
.add-team-switch:last-child {
  border-right: none;
}
.add-team-switch:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  height: 2px;
  background: transparent;
}

.add-team-switch:hover:before {
  background: #d3d3d3;
}

.add-team-switch:active:before {
  background: #158FEF;
}

.add-team-switch--active {
  background: #fff;
  border-bottom: 1px solid #fff;
}
.add-team-switch--active:before {
  z-index: 1;
  background: #158FEF !important;
}

.add-team__options {
  padding: 16px;
}

.add-team__message {
  padding: 0 16px 12px;
  color: #808080;
  font-style: italic;
  font-size: 12px;
  font-size: 1.2rem;
}

.helptip-parent {
  position: relative;
}
.helptip-parent .helptip {
  visibility: hidden;
  position: absolute;
  top: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  opacity: 0;
  z-index: 100;
  transform: translateY(10px);
  -webkit-transition: all 120ms ease-in;
  -moz-transition: all 120ms ease-in;
  -ms-transition: all 120ms ease-in;
  -o-transition: all 120ms ease-in;
  transition: all 120ms ease-in;
}
.helptip-parent:hover .helptip {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.helptip {
  position: relative;
  background-color: #303847;
  padding: 12px 24px;
  transition: all 0.4s;
  width: 100%;
  border-radius: 3px;
}

.helptip-parent {
  position: relative;
}
.helptip-parent .helptip--center {
  visibility: hidden;
  position: absolute;
  top: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  opacity: 0;
  z-index: 100;
  transform: translate(-50%, 10px);
  -webkit-transition: all 120ms ease-in;
  -moz-transition: all 120ms ease-in;
  -ms-transition: all 120ms ease-in;
  -o-transition: all 120ms ease-in;
  transition: all 120ms ease-in;
}
.helptip-parent:hover .helptip--center {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}

.helptip--center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.helptip--nowrap {
  width: auto !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.helptip--width-auto {
  width: auto;
}

.helptip--width-200 {
  width: 200px;
}

.helptip--width-240 {
  width: 240px;
}

.helptip--width-280 {
  width: 280px;
}

.helptip--width-double {
  width: 200%;
  left: -100%;
}
.helptip--width-double .helptip__arrow {
  left: 75%;
}

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

.helptip-label-highlight {
  color: #59afe1;
  margin-bottom: 4px;
}

.helptip--right-minus-28 {
  right: -28px;
}

.helptip--left-minus-28 {
  left: -28px;
}

.helptip--left-minus-16 {
  left: -16px;
}

.helptip__arrow {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  background-color: #303847;
  display: block;
}

.helptip__arrow--right-24 {
  left: auto;
  right: 24px;
}

.helptip__arrow--left-24 {
  left: 24px;
}

.helptip__content {
  position: relative;
  z-index: 1;
  color: #fff;
  line-height: 1.2;
}

.helptip__content a {
  color: #5BB0F3;
}

.helptip__content a:hover {
  color: #1280d6;
}

.helptip__content--weight-600 {
  font-weight: 600;
}

.helptip__content p,
.helptip__content a {
  line-height: 1.4;
  text-align: left;
  font-size: 13px;
}

.helptip--inline-block {
  display: inline-block;
  width: auto;
}

.helptip-simple {
  cursor: help;
}

.helptip-horizontal {
  position: absolute;
  top: 0;
  padding: 8px;
  background-color: #616161;
  border-radius: 2px;
  opacity: 0;
}
@media only screen and (max-width: 639px) {
  .helptip-horizontal {
    display: none;
  }
}
.helptip-horizontal--left {
  right: 100%;
  margin-right: 6px;
}
.helptip-horizontal--left .helptip-horizontal__arrow {
  left: 100%;
  border-left: 6px solid #616161;
}
.helptip-horizontal--right {
  left: 100%;
  margin-left: 6px;
}
.helptip-horizontal--right .helptip-horizontal__arrow {
  right: 100%;
  border-right: 6px solid #616161;
}

.helptip-horizontal__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 6px solid transparent;
}

.helptip-horizontal__text {
  display: block;
  white-space: nowrap;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  font-weight: 600;
}

.helptip-horizontal--open {
  opacity: 1;
}

.helptip-wrapper-flex {
  display: flex;
  align-items: flex-end;
}

.helptip-trigger {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #E2E8EB;
  text-align: center;
}

.switch {
  display: block;
  cursor: pointer;
}

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

.switch__visible {
  -webkit-transition: background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  display: block;
  position: relative;
  width: 56px;
  height: 24px;
  padding: 2px;
  border-radius: 24px;
  background-color: #d8d8d8;
}

.switch__visible:after {
  -webkit-transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  content: " ";
  display: block;
  position: absolute;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #fff;
}

.switch__visible--reverse:after {
  -webkit-transform: translate(32px, 0);
  -moz-transform: translate(32px, 0);
  -ms-transform: translate(32px, 0);
  -o-transform: translate(32px, 0);
  transform: translate(32px, 0);
}

.switch__checkbox {
  visibility: hidden;
  position: absolute;
}

.switch__visible--small {
  width: 36px;
  height: 20px;
  border-radius: 20px;
  margin-top: 2px;
}
.switch__visible--small:after {
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.switch__visible--small.switch__visible--reverse:after {
  -webkit-transform: translate(36px, 0);
  -moz-transform: translate(36px, 0);
  -ms-transform: translate(36px, 0);
  -o-transform: translate(36px, 0);
  transform: translate(36px, 0);
}

.switch__checkbox:checked ~ .switch__visible, .switch__checkbox--checked ~ .switch__visible {
  background-color: #1CC526;
}
.switch__checkbox:checked ~ .switch__visible--blue, .switch__checkbox--checked ~ .switch__visible--blue {
  background-color: #1C93F3;
}
.switch__checkbox:checked ~ .switch__visible:after, .switch__checkbox--checked ~ .switch__visible:after {
  -webkit-transform: translate(32px, 0);
  -moz-transform: translate(32px, 0);
  -ms-transform: translate(32px, 0);
  -o-transform: translate(32px, 0);
  transform: translate(32px, 0);
}
.switch__checkbox:checked ~ .switch__visible--small:after, .switch__checkbox--checked ~ .switch__visible--small:after {
  -webkit-transform: translate(16px, 0);
  -moz-transform: translate(16px, 0);
  -ms-transform: translate(16px, 0);
  -o-transform: translate(16px, 0);
  transform: translate(16px, 0);
}
.switch__checkbox:checked ~ .switch__visible--reverse:after, .switch__checkbox--checked ~ .switch__visible--reverse:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.switch--right {
  float: right;
}

@media only screen and (min-width: 640px) {
  .switch--right-md {
    float: right;
  }
}

.labelled-switch::before, .labelled-switch::after {
  content: " ";
  display: table;
}
.labelled-switch::after {
  clear: both;
}

.labelled-switch--right {
  float: right;
}

.labelled-switch__label {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
  color: #c3c3c3;
  float: left;
}
.labelled-switch__label--normal-font-size {
  font-size: 14px;
  font-size: 1.4rem;
}

.labelled-switch__label--active {
  color: #666;
}

.labelled-switch__switch {
  float: left;
  margin-left: 12px;
  margin-right: 12px;
}
.labelled-switch__switch--no-margin-right {
  margin-right: 0;
}

.active-list {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  display: table;
}
.active-list th, .active-list td {
  vertical-align: middle;
}

.active-list-head {
  display: table-row;
  -webkit-transition: background-color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in;
  -o-transition: background-color 200ms ease-in;
  transition: background-color 200ms ease-in;
}

.active-list-head {
  display: table-row;
}

.active-list-title {
  font-weight: 600;
  padding-bottom: 8px;
  vertical-align: middle;
  display: table-cell;
}

.active-list-title--40, .active-list-cell--40 {
  width: 40px;
}

.active-list-title--48, .active-list-cell--48 {
  width: 48px;
}

.active-list-title--60, .active-list-cell--60 {
  width: 60px;
}

.active-list-title--80, .active-list-cell--80 {
  width: 80px;
}

.active-list-title--100, .active-list-cell--100 {
  width: 100px;
}

.active-list-title--120, .active-list-cell--120 {
  width: 120px;
}

.active-list-title--140, .active-list-cell--140 {
  width: 140px;
}

.active-list-title--180, .active-list-cell--180 {
  width: 180px;
}

.active-list-title--240, .active-list-cell--240 {
  width: 240px;
}

.active-list-title--15-percent {
  width: 15%;
}

.active-list-title--20-percent {
  width: 20%;
}

.active-list-title--100 {
  width: 100px;
}

.active-list-title--right {
  text-align: right;
}

.active-list-cell {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
  display: table-cell;
  vertical-align: middle;
}
.active-list-cell:first-child {
  padding-left: 16px;
}

.active-list-cell--space-left-none, .active-list-cell--space-left-none:first-child {
  padding-left: 0;
}

.active-list-cell--space-left {
  padding-left: 16px;
}

.active-list-cell--space-right {
  padding-right: 16px;
}

.active-list-cell--space-horizontal {
  padding-right: 16px;
}

.active-list-cell--tight-space-top {
  padding-top: 4px;
}

.active-list-cell--vertical-small {
  padding-top: 4px;
  padding-bottom: 4px;
}

.active-list-cell--vertical-large {
  padding-top: 12px;
  padding-bottom: 12px;
}

.active-list-cell--vertical-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.active-list-cell--vertical-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.active-list-cell--right {
  text-align: right;
}

.active-list-cell--strong {
  font-weight: 600;
}

.active-list-cell--checkbox {
  padding-left: 16px;
  width: 48px;
}

.active-list-cell--border-right {
  position: relative;
}
.active-list-cell--border-right:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  height: calc(100% - 16px);
  margin: 8px 0;
  background-color: #d3d3d3;
}

.active-list-remove {
  width: 24px;
  height: 24px;
  padding: 4px;
  margin-right: 8px;
  border-radius: 4px;
  float: right;
  cursor: pointer;
  color: #bbb;
  position: relative;
}
.active-list-remove:before {
  content: " ";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: -8px;
  top: 0;
  background-color: #d3d3d3;
}
.active-list-remove:hover {
  color: #262d3a;
  background-color: #d8d8d8;
}
.active-list-remove:active, .active-list-remove:focus {
  color: #fff;
  background-color: #F73415;
}
.active-list-remove--disabled {
  background-color: transparent !important;
  color: #bbb !important;
}

.active-list-row {
  background-color: #f1f1f1;
  border-top: 1px solid #d3d3d3;
  display: table-row;
}
.active-list-row:last-child {
  border-bottom: 1px solid #d3d3d3;
}

.active-list-row--border-between-only:first-child {
  border-top: none;
}
.active-list-row--border-between-only:last-child {
  border-bottom: none;
}

.active-list-row--green {
  background-color: rgba(70, 208, 78, 0.2);
}

.active-list-row--white {
  background-color: #fff;
}

.active-list-row--transparent {
  background-color: transparent;
  border-color: transparent;
}

.tabs {
  position: relative;
  z-index: 2;
  max-width: 100%;
}
.tabs--remove-index {
  z-index: auto;
}

.tabs--responsive {
  padding: 0 31px;
  border: none;
}
.tabs--responsive .tabs__button {
  display: block;
}

.tabs__button {
  cursor: pointer;
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  width: 32px;
  height: 40px;
  padding: 11px 7px;
  background: white;
  color: #333;
  border: 1px solid #d3d3d3;
}
.tabs__button:hover, .tabs__button:active {
  color: #158FEF;
}

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

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

.tabs__button--disabled {
  background: #e1e1e1;
  color: #888 !important;
}

.tabs__tabs {
  width: 100%;
  overflow-x: hidden;
}

.tab-group {
  width: 99999px;
  white-space: nowrap;
  position: relative;
  -webkit-transition: left 160ms ease-out;
  -moz-transition: left 160ms ease-out;
  -ms-transition: left 160ms ease-out;
  -o-transition: left 160ms ease-out;
  transition: left 160ms ease-out;
}

.csstransforms .tab-group {
  position: static;
  -webkit-transition: transform 160ms ease-out;
  -moz-transition: transform 160ms ease-out;
  -ms-transition: transform 160ms ease-out;
  -o-transition: transform 160ms ease-out;
  transition: transform 160ms ease-out;
}

.tab-group__item {
  position: relative;
  float: left;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  cursor: pointer;
  padding: 7px 24px;
  line-height: 24px;
  height: 40px;
  background: #e1e1e1;
  font-weight: 600;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.tab-group__item:last-child {
  border-right: 1px solid #d3d3d3;
}
.tab-group__item:before {
  content: "";
  position: absolute;
  z-index: 1;
  display: none;
  height: 2px;
  top: -1px;
  left: -1px;
  right: -1px;
}
.tab-group__item:hover:before {
  background: #d3d3d3;
  display: block;
}
@media only screen and (max-width: 639px) {
  .tab-group__item {
    padding: 7px 12px;
  }
}

.tab-group__item--active {
  background: white;
  border-bottom: none;
  padding-bottom: 8px;
}
.tab-group__item--active:before {
  z-index: 2;
  background: #158FEF !important;
  display: block !important;
}

.tab-group__item--active.tab-group__item--indicator-red:before {
  background-color: #F73415 !important;
}
.tab-group__item--active.tab-group__item--indicator-blue:before {
  background-color: #158FEF !important;
}
.tab-group__item--active.tab-group__item--indicator-green:before {
  background-color: #1CC526 !important;
}
.tab-group__item--active.tab-group__item--indicator-yellow:before {
  background-color: #ffc539 !important;
}
.tab-group__item--active.tab-group__item--indicator-purple:before {
  background-color: #8a4dc7 !important;
}
.tab-group__item--active.tab-group__item--indicator--none:before {
  background-color: transparent !important;
}

.tab-counter {
  height: 24px;
}

.tab-counter__text {
  float: left;
  line-height: 24px;
}

.tab-counter__count {
  float: left;
  border-radius: 3px;
  background: #777;
  color: white;
  font-weight: 600;
  line-height: 16px;
  font-size: 12px;
  padding: 4px 8px;
  margin: 0 0 0 12px;
}

.tab-counter__count--red {
  background: #F73415;
}

.tab-counter__count--yellow {
  background: #ffc539;
}

.tab-counter__count--green {
  background: #1CC526;
}

.tab-counter__count--blue {
  background: #158FEF;
}

.tab-counter__count--purple {
  background: #8a4dc7;
}

.tab-counter__icon-before {
  float: left;
  width: 16px;
  height: 24px;
  padding: 4px 0;
  margin: 0 12px 0 0;
}

.tab-group--thirds {
  width: auto;
}
.tab-group--thirds .tab-group__item {
  width: 33.3%;
  text-align: center;
}
.tab-group--thirds .tab-group__item--active {
  width: 33.4%;
}

.tab-counter--inline {
  display: inline-block;
}

.tab-group__item--alt {
  border-top: 0;
  display: inline-block;
  border-left: 0;
  border-right: 0;
  background: #fff;
  border-bottom: 0;
}
.tab-group__item--alt:before {
  content: none;
}
.tab-group__item--alt:last-child {
  border-right: 0;
}
.tab-group__item--alt.tab-group__item--active {
  border-bottom: 3px solid #158FEF;
}

.session-block {
  width: 50%;
  float: left;
  padding: 0 24px;
}
@media only screen and (max-width: 639px) {
  .session-block {
    float: none;
    width: auto;
    margin-bottom: 24px;
  }
  .session-block:last-child {
    margin: 0;
  }
}

.session-block__title {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
  line-height: 24px;
}

.session-block__title--crash {
  border-bottom: none;
}

.session-block__list li {
  margin: 8px 0;
  padding: 4px 0;
}
.session-block__list li:last-child {
  margin: 0;
}

.timeline {
  margin: 40px 0 0;
}

.timeline__start,
.timeline__end {
  width: 240px;
  padding: 8px;
  line-height: 16px;
  margin: 0 auto;
  border-radius: 16px;
  background: #d3d3d3;
  border: 1px solid #d3d3d3;
}

.timeline__end--live {
  color: #4CAF50;
  background: #E8F5E9;
  border-color: #4CAF50;
}

.timeline__end--error {
  color: #E53935;
  background-color: #FCEBEA;
  border-color: #E53935;
}

.timeline__items {
  padding: 40px 0;
  position: relative;
}
.timeline__items:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 100%;
  background: #d3d3d3;
}

.timeline-item {
  position: relative;
  margin: 0 0 24px;
}
.timeline-item:last-child {
  margin: 0;
}

.timeline-item--crash {
  margin-bottom: 32px;
}

.timeline-item--left {
  padding-right: 50%;
}
.timeline-item--left .timeline-item__module {
  padding-right: 32px;
}
.timeline-item--left .timeline-item__timestamp {
  padding-left: 32px;
  left: 50%;
}

.timeline-item--right {
  padding-left: 50%;
}
.timeline-item--right .timeline-item__module {
  padding-left: 32px;
}
.timeline-item--right .timeline-item__timestamp {
  padding-right: 32px;
  right: 50%;
}

@media only screen and (max-width: 639px) {
  .timeline-item--left,
.timeline-item--right {
    padding: 0;
  }
  .timeline-item--left .timeline-item__module,
.timeline-item--right .timeline-item__module {
    padding: 0;
  }
}

.timeline-item__timestamp {
  position: absolute;
  top: 0;
  line-height: 16px;
  padding-top: 12px;
}
@media only screen and (max-width: 639px) {
  .timeline-item__timestamp {
    position: static;
    padding: 0 0 0 24px;
    margin: 0 0 12px 50%;
  }
}

.timeline-item__icon {
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f1f1f1;
  color: #808080;
}
@media only screen and (max-width: 639px) {
  .timeline-item__icon {
    top: 0;
  }
}
.timeline-item__icon--active {
  color: #263238;
}

.timeline-item__icon--live {
  color: #4CAF50;
  animation: timeline-live 0.8s infinite linear;
}

@keyframes timeline-live {
  0% {
    box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(76, 175, 80, 0.2);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(76, 175, 80, 0);
  }
}
.timeline-item__icon--error {
  color: #E53935;
}

.timeline-item__text {
  padding-top: 12px;
  line-height: 16px;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
}

.timeline-item--left .timeline-item__text {
  text-align: right;
  padding-right: 32px;
}

.timeline-item--right .timeline-item__text {
  text-align: left;
  padding-left: 32px;
}

.timeline-header {
  position: relative;
  padding: 0 24px 0 0;
}

.timeline-header__icon {
  position: absolute;
  top: 0;
  right: 0;
}

.timeline-timestamp {
  display: flex;
}
.timeline-timestamp--active {
  background-color: #263238;
  padding: 8px 12px;
  border-radius: 2px;
}
.timeline-timestamp--active .timeline-timestamp__time, .timeline-timestamp--active .timeline-timestamp__date {
  color: white;
}

.timeline-timestamp__time {
  font-weight: 600;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
}

.timeline-timestamp__date {
  color: #808080;
  font-size: 12px;
  font-size: 1.2rem;
}

.timeline-item--left .timeline-timestamp {
  text-align: left;
}

.timeline-item--right .timeline-timestamp {
  text-align: right;
}
@media only screen and (max-width: 639px) {
  .timeline-item--right .timeline-timestamp {
    text-align: left;
  }
}

.timeline-timestamp__message {
  color: #fff;
  background-color: #d8d8d8;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 600;
  padding: 4px 12px;
  margin-top: 8px;
  border-radius: 4px;
}

.timeline-timestamp__message--error {
  background-color: #E53935;
}

.timeline-timestamp__message--live {
  background-color: #4CAF50;
}

.session-content li {
  padding: 8px 0;
  border-bottom: 1px solid #e8e8e8;
}

.session-data {
  position: relative;
  line-height: 16px;
  font-size: 12px;
  font-size: 1.2rem;
}

.session-data__result {
  position: absolute;
  top: 0;
  right: 0;
}

.session-timeline {
  margin: 8px 0;
  height: 4px;
}

.session-timeline__fill {
  float: left;
  display: block;
  height: 100%;
}

.session-timeline__fill--load-time {
  background: #00BCD4;
}

.session-timeline__fill--viewing-time {
  background: #651FFF;
}

.session-timeline-text-good {
  color: #8BC34A;
}

.session-timeline-text-needs-work {
  color: #FF8F00;
}

.session-timeline-text-poor {
  color: #F44336;
}

.session-errors {
  width: 100%;
  table-layout: fixed;
}

.session-errors__heading td {
  height: 32px;
  padding: 0 24px;
  vertical-align: middle;
  font-size: 12px;
  font-size: 1.2rem;
}

.session-errors__instance {
  border-top: 1px solid #e8e8e8;
  background: #FFE1DF;
}
.session-errors__instance td {
  height: 32px;
  vertical-align: middle;
  padding: 0 24px;
  font-size: 12px;
  font-size: 1.2rem;
}
.session-errors__instance:first-child {
  border-top: 1px solid #d3d3d3;
}

.session-errors__count {
  width: 100px;
  text-align: right;
}

.open-hosting-service {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  text-decoration: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  padding: 4px;
  border-radius: 3px;
  background-color: #D9E0E3;
  color: #616161;
}
.open-hosting-service:hover {
  background-color: #1A2437;
  color: rgba(255, 255, 255, 0.8);
}
.open-hosting-service:active {
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
}
.open-hosting-service:after, .open-hosting-service:before {
  visibility: hidden;
}

.csstransforms .open-hosting-service:before, .csstransforms .open-hosting-service:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(4px);
  -moz-transform: translateX(-50%) translateY(4px);
  -ms-transform: translateX(-50%) translateY(4px);
  -o-transform: translateX(-50%) translateY(4px);
  transform: translateX(-50%) translateY(4px);
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-out, transform 100ms ease-out;
  -moz-transition: opacity 100ms ease-out, transform 100ms ease-out;
  -ms-transition: opacity 100ms ease-out, transform 100ms ease-out;
  -o-transition: opacity 100ms ease-out, transform 100ms ease-out;
  transition: opacity 100ms ease-out, transform 100ms ease-out;
}
.csstransforms .open-hosting-service:before {
  content: " ";
  display: block;
  border: 6px solid transparent;
  border-top-color: #1A2437;
  border-bottom: none;
}
.csstransforms .open-hosting-service:after {
  content: attr(aria-label);
  line-height: 16px;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  background-color: #1A2437;
  padding: 4px 8px;
  border-radius: 3px;
  margin-bottom: 6px;
}
.csstransforms .open-hosting-service:hover:after, .csstransforms .open-hosting-service:hover:before, .csstransforms .open-hosting-service:active:after, .csstransforms .open-hosting-service:active:before {
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
  -webkit-transform: translateX(-50%) translateY(0px);
  -moz-transform: translateX(-50%) translateY(0px);
  -ms-transform: translateX(-50%) translateY(0px);
  -o-transform: translateX(-50%) translateY(0px);
  transform: translateX(-50%) translateY(0px);
  opacity: 1;
  visibility: visible;
}

.metric {
  border-radius: 0;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (min-width: 1060px) {
  .metric {
    text-align: center;
    border-radius: 3px;
    border-bottom: none;
  }
}
.metric:after {
  content: " ";
  display: block;
  clear: both;
}

.metric--no-border {
  border-bottom: none;
}

.metric--desktop-only {
  display: none;
}
@media only screen and (min-width: 1060px) {
  .metric--desktop-only {
    display: block;
  }
}

.metric__header {
  float: left;
  line-height: 40px;
}
@media only screen and (min-width: 1060px) {
  .metric__header {
    float: none;
    line-height: 16px;
    margin-bottom: 12px;
  }
}

.metric__value {
  font-weight: 600;
  float: right;
}
@media only screen and (min-width: 1060px) {
  .metric__value {
    float: none;
  }
  .metric__value--mobile-only {
    display: none;
  }
}

.metric__graphic {
  display: none;
}
@media only screen and (min-width: 1060px) {
  .metric__graphic {
    display: block;
    margin-top: 16px;
  }
  .metric__graphic:first-child {
    margin-top: 0;
  }
}

.metric__footer {
  float: left;
  line-height: 40px;
}
@media only screen and (min-width: 1060px) {
  .metric__footer {
    margin-top: 16px;
    float: none;
    line-height: 16px;
  }
}

@media only screen and (min-width: 1060px) {
  .metric__footer--tight {
    margin-top: 8px;
  }
}

.metric-label {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 40px;
  font-weight: 600;
}
@media only screen and (min-width: 1060px) {
  .metric-label {
    line-height: 16px;
    width: 100%;
    color: #333;
  }
}

.metric-label--regular {
  font-weight: normal;
}

.metric-value {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 40px;
}
@media only screen and (min-width: 1060px) {
  .metric-value {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    color: #333;
    display: block;
    font-weight: 600;
  }
}
.metric-value--green {
  color: #00ad09;
}
.metric-value--red {
  color: #dc280a;
}
.metric-value--blue {
  color: #158FEF;
}
.metric-value--purple {
  color: #6E449A;
}

.metric-explaination {
  display: none;
}

.metric-graphic {
  position: relative;
  min-height: 56px;
}

.metric-graphic__gauge-graphic {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.metric-graphic__gauge-value {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 600;
  text-align: center;
  color: #455A64;
  line-height: 100px;
}
.metric-graphic__gauge-value--green {
  color: #00ad09;
}
.metric-graphic__gauge-value--red {
  color: #dc280a;
}
.metric-graphic__gauge-value--blue {
  color: #158FEF;
}
.metric-graphic__gauge-value--purple {
  color: #6E449A;
}

.metric-graphic__sparkline-graphic {
  display: block;
  width: 104px;
  height: 64px;
  margin: 0 auto;
}
.metric-graphic__sparkline-graphic--green {
  color: #00ad09;
}
.metric-graphic__sparkline-graphic--red {
  color: #dc280a;
}
.metric-graphic__sparkline-graphic--blue {
  color: #158FEF;
}
.metric-graphic__sparkline-graphic--purple {
  color: #6E449A;
}

.metric-breakdown {
  margin-bottom: 24px;
}
.metric-breakdown:after {
  content: " ";
  clear: both;
  display: block;
}

.metric-breakdown__part {
  cursor: default;
  width: 100%;
  padding: 4px 4px 0 4px;
}
@media only screen and (min-width: 1060px) {
  .metric-breakdown__part {
    padding: 12px 0;
    margin: 0;
    float: left;
    border-left: 1px solid #d3d3d3;
  }
  .metric-breakdown__part:first-child {
    border-left: none;
  }
}

@media only screen and (min-width: 1060px) {
  .metric-breakdown__part--1-2 {
    width: 50%;
  }
  .metric-breakdown__part--1-3 {
    width: 33.3333333333%;
  }
  .metric-breakdown__part--2-3 {
    width: 66.6666666667%;
  }
  .metric-breakdown__part--1-4 {
    width: 25%;
  }
  .metric-breakdown__part--2-4 {
    width: 50%;
  }
  .metric-breakdown__part--3-4 {
    width: 75%;
  }
  .metric-breakdown__part--1-5 {
    width: 20%;
  }
  .metric-breakdown__part--2-5 {
    width: 40%;
  }
  .metric-breakdown__part--3-5 {
    width: 60%;
  }
  .metric-breakdown__part--4-5 {
    width: 80%;
  }
  .metric-breakdown__part--1-6 {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1060px) {
  .metric-breakdown__part--alt-padding {
    padding: 0 4px;
  }
}

.echart {
  width: 100%;
  display: block;
}

.echart--88 {
  height: 88px;
}

.echart--90 {
  height: 90px;
}

.echart--100 {
  height: 100px;
}

.echart--110 {
  height: 110px;
}

.echart--150 {
  height: 150px;
}

.echart--180 {
  height: 180px;
}

.echart--200 {
  height: 200px;
}

.echart--220 {
  height: 220px;
}

.echart--240 {
  height: 240px;
}

.echart--255 {
  height: 255px;
}

.echart--260 {
  height: 260px;
}

.echart--288 {
  height: 288px;
}

.echart--310 {
  height: 310px;
}

.echart--330 {
  height: 330px;
}

.google-chart {
  display: block;
  width: 100%;
}

.google-chart--center {
  display: flex;
  justify-content: center;
  align-content: center;
}

.google-visualization-tooltip {
  min-width: 150px;
  pointer-events: none;
}

.overview-table-controls {
  position: relative;
  padding: 4px 4px 4px 52px;
  border-bottom: 1px solid #e8e8e8;
}

.overview-table-controls__checkbox {
  position: absolute;
  left: 16px;
  top: 12px;
}

.overview-table-controls__text {
  float: left;
  line-height: 32px;
  margin-right: 4px;
}

.overview-table-controls__control {
  float: left;
  margin: 0 4px 0 0;
}

@media only screen and (min-width: 640px) {
  .overview-table-controls__control--delete {
    float: right;
  }
}

.overview-table-controls__control--right {
  float: right;
}

.overview-table-controls__reload {
  float: right;
  position: relative;
  padding: 0 0 0 32px;
}
.overview-table-controls__reload .button {
  position: absolute;
  left: 0;
  top: 0;
  float: none;
  margin: 0;
}
.overview-table-controls__reload p {
  margin: 0 0 0 8px;
  white-space: nowrap;
  line-height: 32px;
}

.screenshots {
  padding: 24px;
  background-color: #fafafa;
  font-size: 0;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 639px) {
  .screenshots {
    padding: 12px;
  }
}

.screenshots__image {
  margin-right: 24px;
  display: inline-block;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transition: box-shadow 0.1s ease-out;
  -moz-transition: box-shadow 0.1s ease-out;
  -ms-transition: box-shadow 0.1s ease-out;
  -o-transition: box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out;
}
.screenshots__image:last-child {
  margin-right: 0;
}
.screenshots__image:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.screenshots--double {
  overflow-x: auto;
}
.screenshots--double .screenshots__image {
  width: calc(50% - 12px);
}
@media only screen and (max-width: 639px) {
  .screenshots--double {
    white-space: normal;
  }
  .screenshots--double .screenshots__image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .screenshots--double .screenshots__image:last-child {
    margin-bottom: 0;
  }
}

.simple-tooltip {
  position: relative;
  display: inline-block;
}
.simple-tooltip:before, .simple-tooltip:after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  visibility: hidden;
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0, 0, 0.1, 0.98), transform 0.15s cubic-bezier(0, 0, 0.1, 0.98);
  pointer-events: none;
}
.simple-tooltip:hover:before, .simple-tooltip:hover:after {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.simple-tooltip:before {
  content: " ";
  z-index: 10;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #303847;
}
.simple-tooltip:after {
  z-index: 11;
  display: inline-block;
  background-color: #303847;
  margin-top: 6px;
  padding: 8px;
  border-radius: 2px;
  content: attr(aria-label);
  color: #fff;
  white-space: nowrap;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
}

.simple-tooltip--left:before, .simple-tooltip--left:after {
  top: 50%;
  right: 100%;
  left: auto;
  transform: translateY(-50%) translateX(-10px);
}
.simple-tooltip--left:after {
  margin-top: 0;
  margin-right: 6px;
}
.simple-tooltip--left:before {
  border: 6px solid transparent;
  border-left: 6px solid #303847;
  border-right: none;
}
.simple-tooltip--left:hover:before, .simple-tooltip--left:hover:after {
  transform: translateY(-50%) translateX(0px);
}

.simple-tooltip--right:before, .simple-tooltip--right:after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(-10px);
}
.simple-tooltip--right:after {
  margin-top: 0;
  margin-left: 6px;
}
.simple-tooltip--right:before {
  border: 6px solid transparent;
  border-right: 6px solid #303847;
  border-left: none;
}
.simple-tooltip--right:hover:before, .simple-tooltip--right:hover:after {
  transform: translateY(-50%) translateX(0px);
}

.simple-tooltip--bottom-right:after {
  left: auto;
  right: 0;
  transform: translateX(0%) translateY(10px);
}
.simple-tooltip--bottom-right:hover:after {
  transform: translateX(0%) translateY(0px);
}

.simple-tooltip--bottom-left:after {
  left: 0;
  right: auto;
  transform: translateX(0%) translateY(10px);
}
.simple-tooltip--bottom-left:hover:after {
  transform: translateX(0%) translateY(0px);
}

.simple-tooltip--top:before {
  bottom: 100%;
  top: auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #303847;
  border-bottom: 6px solid transparent;
}
.simple-tooltip--top:after {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 12px;
}

.simple-tooltip--fit:after {
  width: 100%;
  white-space: normal;
}

.simple-tooltip--fixed-width:after {
  min-width: 150px;
  white-space: normal;
}

.simple-tooltip--all-caps {
  text-transform: uppercase;
}

.simple-tooltip--capitalize {
  text-transform: capitalize;
}

.simple-tooltip--block {
  display: block;
}

.simple-tooltip--cell {
  display: table-cell;
}

.simple-tooltip--pad-right {
  padding-right: 8px;
}

.simple-tooltip--disabled:before, .simple-tooltip--disabled:after {
  opacity: 0;
}

.simple-tooltip--not-allowed {
  cursor: not-allowed;
}

@media only screen and (max-width: 1059px) {
  .simple-tooltip--hide-min::before, .simple-tooltip--hide-min::after {
    display: none;
  }
}

.simple-tooltip--width-200:after {
  width: 200px;
  white-space: normal;
}

.sortable::before, .sortable::after {
  content: " ";
  display: table;
}
.sortable::after {
  clear: both;
}
.sortable__list {
  float: left;
}
.sortable__list::before, .sortable__list::after {
  content: " ";
  display: table;
}
.sortable__list::after {
  clear: both;
}
.sortable__section {
  position: relative;
  float: left;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 2px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .sortable__section {
    width: auto;
  }
}
@media only screen and (min-width: 1180px) {
  .sortable__section {
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px;
  }
}
.sortable__section--draggable {
  cursor: move;
  cursor: -webkit-grab;
}
.sortable__section--draggable:hover {
  background-color: #f1f1f1;
  border-color: #ddd;
  cursor: move;
  cursor: -webkit-grab;
}
.sortable__section--draggable:active {
  cursor: -webkit-grabbing;
}
.sortable__section--chosen {
  z-index: 9999;
}
.sortable__section--chosen, .sortable__section--ghost {
  background-color: #f1f1f1;
  border-color: #348AC8;
  cursor: -webkit-grabbing;
}
.sortable__section--chosen:hover, .sortable__section--ghost:hover {
  cursor: -webkit-grabbing;
}
.sortable__section--default {
  margin-left: 0;
  padding-left: 0;
}
.sortable__section--first {
  margin-left: 0;
  padding-left: 0;
}
.sortable__section--first:before {
  content: none;
}
.sortable__section:first-child {
  margin-left: 0;
}
.sortable__section--locked {
  border-color: transparent;
  background-color: transparent;
}
.sortable__section--button {
  border-color: transparent;
  background-color: transparent;
  border-radius: 0;
}
@media only screen and (min-width: 1180px) {
  .sortable__section--button {
    border-left: 1px solid #d8d8d8;
    margin: 8px 0 0 0px;
    padding: 0 8px 0 16px;
  }
}
.sortable--margin-bottom {
  margin-bottom: 24px;
}

.sortable-input {
  background-color: #f1f1f1;
  border: 1px solid #bbb;
}

.sortable-input--locked {
  cursor: default;
}
.sortable-input--locked:hover {
  box-shadow: none;
}
.sortable-input--locked:active {
  border-color: #bbb;
}

.sortable-remove-button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  min-width: initial;
  padding: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.stencil-ui {
  background-color: #d8d8d8;
  display: inline-block;
  vertical-align: middle;
  margin: 4px;
}

.stencil-ui--text, .stencil-ui--text-small, .stencil-ui--text-tiny {
  width: 144px;
  height: 16px;
  border-radius: 8px;
}

.stencil-ui--text-small {
  width: 64px;
}

.stencil-ui--text-tiny {
  width: 32px;
}

.stencil-ui--input {
  width: 64px;
  height: 32px;
  border-radius: 3px;
}

.stencil-ui--input-large, .stencil-ui--input-large-thin, .stencil-ui--input-button {
  width: 240px;
  height: 40px;
  border-radius: 3px;
}

.stencil-ui--input-large-thin {
  width: 120px;
}

.stencil-ui--input-button {
  width: 180px;
}

.stencil-ui--label {
  width: 112px;
  height: 16px;
}

.stencil-ui--square {
  width: 32px;
  height: 32px;
  border-radius: 3px;
}

.stencil-ui--square-large {
  width: 40px;
  height: 40px;
  border-radius: 3px;
}

.stencil-ui--circle-small {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.stencil-ui--circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.stencil-ui--circle-large {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.stencil-ui--circle-extreme {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.stencil-ui--rectangle {
  width: 100%;
  height: 77px;
}

.stencil-ui--zero-margin {
  margin: 0;
}

.stencil-ui--center {
  display: block;
  margin: 0 auto;
}

.stencil-ui--margin-left {
  margin-left: 16px;
}

.stencil-ui--margin-right {
  margin-right: 16px;
}

.stencil-ui--full-width {
  width: 100%;
}

.stencil-ui--max-width {
  max-width: 100%;
}

.stencil-ui--border {
  border: 2px solid #fff;
}

.horizontal-rule {
  height: 1px;
  width: 100%;
  background-color: #000;
  margin-top: 32px;
  margin-bottom: 32px;
}

.horizontal-rule--no-margin {
  margin: 0;
}

.horizontal-rule--24-margin {
  margin-top: 24px;
  margin-bottom: 24px;
}

.horizontal-rule--grey {
  background-color: #d8d8d8;
}

.horizontal-rule--grey-lighter {
  background-color: #f1f1f1;
}

.horizontal-rule--clear {
  background-color: transparent;
}

.data-tooltip-container {
  position: absolute;
  width: 200px;
  opacity: 0;
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}
@media only screen and (min-width: 640px) {
  .data-tooltip-container {
    width: 300px;
  }
}

.data-tooltip-container--active {
  z-index: 100;
  opacity: 1;
}

.data-tooltip {
  position: relative;
}

.data-tooltip__close-button {
  position: absolute;
  top: 4px;
  right: 6px;
}

.data-tooltip-close-button {
  color: #828790;
  font-size: 20px;
}
.data-tooltip-close-button:hover, .data-tooltip-close-button:active {
  color: #828790;
}

.csstransforms .data-tooltip-caret {
  position: absolute;
  top: -7px;
  left: calc(50% - 7px);
  width: 14px;
  height: 14px;
  display: inline-block;
  z-index: 90;
  transform: rotate(45deg);
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  background-color: #fff;
}

.data-tooltip-title {
  font-size: 14px;
  line-height: 1.6;
}

.overlay-box-container {
  position: relative;
}

.overlay-box {
  position: absolute;
  top: 24px;
  left: 12px;
  right: 12px;
  min-height: 120px;
}
@media only screen and (min-width: 640px) {
  .overlay-box {
    left: 50%;
    top: 25%;
    width: 400px;
  }
}

.overlay-box__inner {
  padding: 24px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25), 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
@media only screen and (min-width: 640px) {
  .overlay-box__inner {
    position: absolute;
    width: 400px;
    left: -50%;
  }
}

.panel {
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
}

.panel--link {
  position: relative;
  font-weight: 600;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none !important;
}

.panel--headline {
  position: relative;
  font-weight: 600;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 12px;
}

.panel-body {
  padding: 16px;
}

.panel--vertical-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.panel--vertical-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.panel--horizontal-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.panel--margin-bottom-16 {
  margin-bottom: 16px;
}

.panel--grey {
  background-color: #f1f1f1;
  border: 1px solid #d3d3d3;
}

.panel--red {
  background-color: #FFEBEE;
  border: 1px solid #F44336;
}

.panel--yellow {
  background-color: #fff5db;
  border: 1px solid #F2BD32;
}

.panel--borderless-grey {
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
}

.panel--blue {
  background-color: #ecf4ff;
  border: 1px solid #158FEF;
}

.fullscreen--active {
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #F5F7F8;
}

.dismissable-tooltip-parent {
  position: relative;
  display: inline;
}
.dismissable-tooltip-parent--right:before, .dismissable-tooltip-parent--right:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 100%;
  right: 50%;
  z-index: 2;
  opacity: 0;
}
@media only screen and (max-width: 639px) {
  .dismissable-tooltip-parent--right:before, .dismissable-tooltip-parent--right:after {
    display: none;
  }
}
.dismissable-tooltip-parent--right:before {
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  border-bottom: 16px solid #fff;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}
.dismissable-tooltip-parent--right:after {
  -webkit-transform: translateX(50%) rotate(45deg);
  -moz-transform: translateX(50%) rotate(45deg);
  -ms-transform: translateX(50%) rotate(45deg);
  -o-transform: translateX(50%) rotate(45deg);
  transform: translateX(50%) rotate(45deg);
  width: 16px;
  height: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), 0 4px 16px rgba(0, 0, 0, 0.25);
  margin-top: 3px;
}
.dismissable-tooltip-parent--right .dismissable-tooltip {
  top: 100%;
  right: -10px;
  margin-top: 8px;
  z-index: 3;
}
.dismissable-tooltip-parent--open:before, .dismissable-tooltip-parent--open:after,
.dismissable-tooltip-parent--open .dismissable-tooltip {
  -webkit-transition: opacity 0.5s ease-in;
  -moz-transition: opacity 0.5s ease-in;
  -ms-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
  opacity: 1;
}

.dismissable-tooltip {
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), 0 4px 16px rgba(0, 0, 0, 0.25);
  position: absolute;
  padding-right: 80px;
  opacity: 0;
}
@media only screen and (max-width: 639px) {
  .dismissable-tooltip {
    display: none;
  }
}

.dismissable-tooltip__content {
  padding: 16px;
  padding-left: 24px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  width: 336px;
  min-height: 80px;
}

.dismissable-tooltip__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 81px;
  height: 100%;
  padding: 32px;
  border-left: 1px solid #d3d3d3;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dismissable-tooltip__close:hover {
  background-color: #fafafa;
}
.dismissable-tooltip__close:active {
  background-color: #f1f1f1;
}

.graph-tooltip {
  display: block;
  padding: 8px 0;
  width: 280px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #CECECE;
  border-left: none;
}
.graph-tooltip:after {
  content: " ";
  display: block;
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.19), 0 6px 12px rgba(0, 0, 0, 0.1);
}

.graph-tooltip--arrow-left {
  position: relative;
}
.graph-tooltip--arrow-left:before {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: -1;
  top: 24px;
  left: -6px;
  background-color: #fff;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.19), 0 10px 20px rgba(0, 0, 0, 0.19);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.graph-tooltip-row {
  display: block;
  margin-bottom: 16px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 16px;
}
.graph-tooltip-row--small-margin {
  margin-bottom: 8px;
}
.graph-tooltip-row:last-child {
  margin-bottom: 0;
}

.graph-tooltip-row--rule {
  padding: 0;
}

.graph-tooltip-row--little {
  font-size: 10px;
  font-size: 1rem;
  line-height: 16px;
  color: #808080;
  margin-bottom: 8px;
}

.graph-tooltip-row--name-value {
  position: relative;
  padding-right: 60px;
}

.graph-tooltip-row__value {
  position: absolute;
  top: 0;
  right: 16px;
}

.feature-flag {
  position: relative;
}
.feature-flag:after {
  content: attr(aria-label);
  display: block;
  position: absolute;
  bottom: 100%;
  left: 100%;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 12px;
}
.feature-flag--blue:after {
  background-color: #29B6F6;
  color: white;
}

.skeleton {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

.skeleton--grey {
  background-color: #d8d8d8;
}

.skeleton--blue {
  background-color: #348AC8;
}

.skeleton--radius {
  border-radius: 3px;
}

.skeleton--circle {
  border-radius: 100%;
}

.skeleton--center {
  margin: 0 auto;
}

.skeleton--block {
  display: block;
}

.skeleton--16 {
  height: 16px;
}
.skeleton--16.skeleton--rounded {
  border-radius: 16px;
}
.skeleton--16.skeleton--circle {
  width: 16px;
}

.skeleton--24 {
  height: 24px;
}
.skeleton--24.skeleton--rounded {
  border-radius: 24px;
}
.skeleton--24.skeleton--circle {
  width: 24px;
}

.skeleton--32 {
  height: 32px;
}
.skeleton--32.skeleton--rounded {
  border-radius: 32px;
}
.skeleton--32.skeleton--circle {
  width: 32px;
}

.skeleton--40 {
  height: 40px;
}
.skeleton--40.skeleton--rounded {
  border-radius: 40px;
}
.skeleton--40.skeleton--circle {
  width: 40px;
}

.skeleton--48 {
  height: 48px;
}
.skeleton--48.skeleton--rounded {
  border-radius: 48px;
}
.skeleton--48.skeleton--circle {
  width: 48px;
}

.skeleton--width-full {
  width: 100%;
}
.skeleton--width-full.skeleton--circle {
  padding-top: 100%;
}

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

.skeleton--align-top {
  vertical-align: top;
}

.tabs {
  display: block;
  width: 100%;
}
.tabs:after {
  content: " ";
  display: block;
  clear: left;
}
.tabs--border:after {
  position: relative;
  top: -1px;
  width: 100%;
  height: 1px;
  background-color: #d3d3d3;
  z-index: 0;
}

.tabs__tab {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  position: relative;
  margin-right: 24px;
  padding: 0 4px 8px 4px;
  line-height: 24px;
  cursor: pointer;
  color: #616161;
  display: block;
}
.tabs__tab:last-child {
  margin-right: 0;
}
.tabs__tab:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 1;
}
.tabs__tab:hover:after, .tabs__tab:focus:after {
  background-color: #cfcfcd;
}
.tabs__tab--active:after, .tabs__tab:active:after {
  background-color: #158FEF;
}

.tabs__tab--link {
  display: block;
}
.tabs__tab--link:hover, .tabs__tab--link:active {
  color: #616161;
}
.tabs__tab--link:active, .tabs__tab--link.tabs__tab--active {
  font-weight: 600;
}

.tabs__tab--grey {
  border-right: 1px solid #EEEEEE;
  padding: 8px 12px;
  margin: 0;
}
.tabs__tab--grey:last-child {
  border-right: 0;
}
.tabs__tab--grey:active:after, .tabs__tab--grey.tabs__tab--active:after {
  background-color: #CED0D3;
}
@media only screen and (max-width: 639px) {
  .tabs__tab--grey {
    font-size: 10px;
    font-size: 1rem;
    padding: 8px;
  }
}

.tabs-wrapper--center {
  text-align: center;
}
.tabs-wrapper--center .tabs {
  display: inline-block;
  width: auto;
}

.notifications-bottom-right {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 1001;
}

.notifications-centre-top {
  position: fixed;
  top: 64px;
  left: 20%;
  right: 20%;
  z-index: 1001;
}
.notifications-centre-top .notification {
  margin: 0 auto;
  margin-bottom: 8px;
}

@keyframes notificationAppear {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.notification {
  margin-top: 16px;
  padding: 16px;
  border-radius: 3px;
  color: #fff;
  width: 100%;
  max-width: 336px;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  opacity: 1;
  -webkit-transition: opacity 250ms ease-in, transform 250ms ease-in;
  -moz-transition: opacity 250ms ease-in, transform 250ms ease-in;
  -ms-transition: opacity 250ms ease-in, transform 250ms ease-in;
  -o-transition: opacity 250ms ease-in, transform 250ms ease-in;
  transition: opacity 250ms ease-in, transform 250ms ease-in;
  animation: notificationAppear ease-out 250ms;
}
.notification--success {
  background-color: #4CAF50;
}
.notification--error {
  background-color: #F44336;
}
.notification--warning {
  background-color: #FBC02D;
}
.notification--disappear {
  opacity: 0;
  transform: translate(0, 36px);
}

.notification__message {
  text-align: center;
  line-height: 24px;
  font-weight: 600;
}

.chart-tags-wrapper {
  text-align: center;
}

.chart-tags {
  display: inline-block;
}
.chart-tags li {
  float: left;
  margin: 0 12px 0 0;
  position: relative;
  padding: 0 0 0 12px;
  line-height: 24px;
  font-size: 14px;
  font-size: 1.4rem;
}
.chart-tags li:last-child {
  margin-right: 0;
}
.chart-tags li.no-tag {
  padding-left: 0;
}
.chart-tags--small-spacing li {
  margin: 0 5px 0 0;
}
.chart-tags--semi-bold li {
  font-weight: 600;
}

.chart-tags__block-labels span {
  margin-top: 2px;
}
.chart-tags__block-labels .block-label-onset-50 {
  transform: translateX(-50%);
}
.chart-tags__block-labels .block-label-offset-40 {
  transform: translateX(40%);
}

.chart-tag {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px;
}

.tag-dns {
  background: #00BCD4;
}

.tag-latency {
  background: #80D8FF;
}

.tag-ssl {
  background: #158FEF;
}

.tag-server {
  background: #651FFF;
}

.tag-transfer {
  background: #AB47BC;
}

.tag-render {
  background: #F06292;
}

.tag-children {
  background: #F8BBD0;
}

.tag-single-timing {
  background: #00BCD4;
}

.tag-blue {
  background: #1CB6C0;
}

.tag-blue-dark {
  background: #3E88C7;
}

.tag-red {
  background: #F73415;
}

.tag-yellow {
  background: #ffc539;
}

.tag-green {
  background: #1CC526;
}

.tag-orange {
  background: #FB7A31;
}

.tag-purple-light {
  background: #855eae;
}

.tag-purple {
  background: #8a4dc7;
}

.tag-purple-dark {
  background: #511a8c;
}

.tag-grey {
  background: #d8d8d8;
}

.tag-grey-dark {
  background: #cfcfcd;
}

.tag-gold {
  background: #FFD700;
}

.tag-opera-red {
  background: #CC0F16;
}

.tag-azure-blue {
  background: #158FEF;
}

.tag-azure-blue-dark {
  background: #0C558F;
}

.tag-color-distribution-1 {
  background: #388E3C;
}

.tag-color-distribution-2 {
  background: #4CAF50;
}

.tag-color-distribution-3 {
  background: #76C47D;
}

.tag-color-distribution-4 {
  background: #B0E1B5;
}

.tag-color-distribution-5 {
  background: #FFEB3B;
}

.tag-color-distribution-6 {
  background: #FFD740;
}

.tag-color-distribution-7 {
  background: #FFAB00;
}

.tag-color-distribution-8 {
  background: #F08888;
}

.tag-color-distribution-9 {
  background: #EE5C52;
}

.tag-color-distribution-10 {
  background: #E20000;
}

.table-tooltip {
  overflow: visible;
  cursor: help;
}

.table-tooltip:hover .table-tooltip__content,
.table-tooltip__content--open {
  opacity: 1;
  pointer-events: auto;
  z-index: 10;
  -webkit-transform: translate3d(0, 8px, 0);
  transform: translate3d(0, 8px, 0);
}

.table-tooltip__content {
  opacity: 0;
  position: absolute;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  padding: 8px 16px;
  background-color: #fff;
  cursor: default;
  pointer-events: none;
  transition: transform 150ms ease-in;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.table-tooltip__content:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
.table-tooltip__content tr {
  border: 0;
}
.table-tooltip__content td {
  padding: 2px 24px 2px 0;
}
.table-tooltip__content td:last-child {
  padding-right: 0;
}

.table-tooltip-text {
  font-size: 14px;
  font-size: 1.4rem;
  color: #78909C;
  line-height: 1.7;
}

.table-tooltip__content--right {
  right: 0;
}

.latency-info__table {
  min-width: 100%;
  font-size: 12px;
}

.latency-info__table__cell {
  line-height: 16px;
}

.latency-info__table__cell {
  white-space: nowrap;
  padding-left: 12px;
  padding-bottom: 1px;
}
.latency-info__table__cell:first-child {
  padding-left: 0;
}

.table-standard .latency-info__table__row {
  border-bottom: 0;
}

.latency-info-tag-wrapper {
  float: left;
  position: relative;
  padding: 0 0 0 12px;
}
.latency-info-tag-wrapper--no-wrap {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feedback {
  border: 1px solid #4285F4;
  background-color: #E3F2FD;
  padding: 16px;
  text-align: center;
  border-radius: 3px;
  margin: 24px;
  margin-bottom: 8px;
}

.ds-page-banner {
  padding: 16px 24px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #F6F7F8;
  margin-bottom: 24px;
}
.ds-page-banner a {
  text-decoration: none;
}

.ds-page-banner--blue {
  background-color: #ecf4ff;
  border: 1px solid #158FEF;
}

.ds-page-banner__dismiss {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px 24px 0 0;
}
@media only screen and (max-width: 1059px) {
  .ds-page-banner__dismiss {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .ds-page-banner__dismiss {
    padding-right: 12px;
  }
}

.ds-page-banner__dismiss-button--blue {
  color: #158FEF;
}
.ds-page-banner__dismiss-button--blue:hover, .ds-page-banner__dismiss-button--blue:active {
  color: #158FEF;
}

.ds-page-banner--margin-16 {
  margin: 16px;
}

html {
  height: 100%;
  min-width: 320px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #F6F7F8;
}

body.react-layout {
  position: relative;
  min-height: 100%;
}

.react-layout__root {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}

.layout {
  position: relative;
  min-height: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media only screen and (max-width: 1059px) {
  .layout {
    padding-bottom: 0;
  }
}

.layout--marionette {
  min-height: 100%;
  padding-top: 48px;
}
@media only screen and (max-width: 1059px) {
  .layout--marionette {
    position: relative;
    padding-bottom: 0;
  }
}

.layout--no-positioning {
  position: static;
}

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

@media only screen and (min-width: 640px) {
  .layout--authentication {
    padding-bottom: 107px;
  }
}
@media only screen and (min-width: 991px) {
  .layout--authentication {
    padding-bottom: 48px;
  }
}

.layout--sidebar {
  padding-left: 240px;
}
@media only screen and (max-width: 1059px) {
  .layout--sidebar {
    padding-left: 0;
  }
}

.layout--fullscreen {
  padding: 0;
  overflow: hidden;
}
.layout--fullscreen .layout__footer,
.layout--fullscreen .layout__sidebar,
.layout--fullscreen .layout__header {
  display: none;
}
.layout--fullscreen .layout__content {
  height: 100%;
}

.layout {
  height: auto;
  min-height: 100%;
  background: #F6F7F8;
}

.layout--white {
  background-color: #fff;
}

.layout-onboarding__background {
  background-color: #F0F3F6;
}

.react-sidebar-stencil {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 64px;
  background: rgb(6, 42, 71);
}
@media only screen and (max-width: 639px) {
  .react-sidebar-stencil {
    display: none;
  }
}

.layout__header {
  position: fixed;
  z-index: 100;
  height: 48px;
  width: 100%;
  top: 0;
  left: 0;
  background: #158FEF;
}

.layout__header--purple {
  background: #8a4dc7;
}

.layout__header--blue {
  background: #158FEF;
}

.layout__header--green {
  background: #43A047;
}

.layout__header--dark {
  background: #5A606B;
}

.layout__header--stealth {
  background: #303847;
}

@media only screen and (min-width: 1060px) {
  .raygun-header--shadow {
    box-shadow: 0 2px 1px rgba(38, 45, 58, 0.15);
  }
}

.raygun-logo {
  display: block;
  text-indent: -9999px;
  margin-left: 12px;
  height: 48px;
  width: 120px;
  background-image: url("../images/logo/raygun-logotype.png");
  background-repeat: no-repeat;
  background-size: 120px 26px;
  background-position: left center;
}
.raygun-logo:active {
  transform: translate(0, 1px);
}
.raygun-logo--no-margin {
  margin-left: 0;
}
.raygun-logo--modern {
  width: 170px;
  height: 32px;
  background-image: url("../images/logo/raygun-logo-modern--white.svg");
  background-size: 170px 32px;
}

html.svg .raygun-logo {
  background-image: url("../images/logo/raygun-logotype.svg");
}

.layout--sidebar .raygun-header {
  padding-left: 240px;
}
@media only screen and (max-width: 1059px) {
  .layout--sidebar .raygun-header {
    padding-left: 0;
  }
}

.raygun-header {
  position: relative;
}

.raygun-header__user {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  height: 48px;
  padding: 6px 8px;
}
.layout__header--purple .raygun-header__user {
  background: #8a4dc7;
}
.layout__header--blue .raygun-header__user {
  background: #158FEF;
}
.layout__header--dark .raygun-header__user {
  background: #5A606B;
}
.layout__header--green .raygun-header__user {
  background: #43A047;
}

.raygun-header__user-setup,
.raygun-header__user-profile {
  float: left;
}

.raygun-header__application {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 639px) {
  .raygun-header__application {
    width: 100%;
    padding-right: 48px;
  }
}

.raygun-header__breadcrumb {
  position: absolute;
  z-index: 2;
  left: 240px;
  top: 0;
  padding: 4px 8px;
}
@media only screen and (max-width: 1059px) {
  .raygun-header__breadcrumb {
    display: none;
  }
}

.raygun-header__emblem {
  overflow: hidden;
  height: 48px;
}
@media only screen and (max-width: 1059px) {
  .raygun-header__emblem {
    display: none;
  }
}

.raygun-header__emblem-logo-only {
  overflow: hidden;
  height: 48px;
}

.raygun-emblem {
  cursor: pointer;
  position: relative;
  margin: 12px auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.raygun-emblem:active {
  background-color: rgba(0, 0, 0, 0.2);
}

.raygun-emblem__ring,
.raygun-emblem__bolt,
.raygun-emblem__shockwave {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
}

.raygun-emblem__ring {
  border-radius: 50%;
  border: 2px solid white;
  background-size: 24px;
}

.raygun-emblem__ring--animate {
  animation: raygun-ring 1s forwards ease-out;
  -webkit-animation: raygun-ring 1s forwards ease-out;
}

.raygun-emblem__bolt {
  background-image: url("../images/logo/raygun-bolt.png");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

.raygun-emblem__bolt--animate {
  animation: rotation 1s forwards ease-out;
  -webkit-animation: rotation 1s forwards ease-out;
}

html.svg .raygun-emblem__bolt {
  background-image: url("../images/logo/raygun-bolt.svg");
}

.raygun-emblem__shockwave {
  border-radius: 50%;
}

.raygun-emblem__shockwave--animate {
  will-change: box-shadow;
  animation: raygun-shockwave 1s forwards ease-out;
  -webkit-animation: raygun-shockwave 1s forwards ease-out;
}

@keyframes raygun-ring {
  000% {
    border-color: white;
  }
  050% {
    border-color: rgba(255, 255, 255, 0.6);
  }
  100% {
    border-color: white;
  }
}
@-webkit-keyframes raygun-ring {
  000% {
    border-color: white;
  }
  050% {
    border-color: rgba(255, 255, 255, 0.6);
  }
  100% {
    border-color: white;
  }
}
@keyframes raygun-shockwave {
  000% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.4);
  }
  100% {
    box-shadow: 0 0 0 280px rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes raygun-shockwave {
  000% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.4);
  }
  100% {
    box-shadow: 0 0 0 280px rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0);
  }
}
@keyframes animateCarrot {
  0% {
    opacity: 0;
    bottom: -8px;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    bottom: -12px;
  }
}
.header-controls {
  position: relative;
  height: 48px;
}

@media only screen and (max-width: 639px) {
  .header-controls__buttons {
    float: right;
    margin-right: 8px;
  }
}

.header-controls-button {
  float: left;
}
@media only screen and (max-width: 639px) {
  .header-controls-button {
    max-width: 56px;
  }
}

.header-controls__mobile {
  display: none;
}
@media only screen and (max-width: 1059px) {
  .header-controls__mobile {
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media only screen and (max-width: 1059px) {
  .layout--sidebar .header-controls {
    padding-left: 48px;
    position: relative;
  }
  .layout--sidebar .header-controls__mobile {
    display: block;
  }
}

.header-button {
  display: block;
  cursor: pointer;
  position: relative;
  height: 48px;
  padding: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 24px;
}
.header-button:active, .header-button:hover {
  color: #fff;
}

.header-button__active {
  background-color: #313846;
}

.header-switcher-button {
  display: block;
  cursor: pointer;
  position: relative;
  height: 48px;
  padding: 12px 40px 12px 16px;
  color: #fff;
  font-weight: 600;
  line-height: 24px;
  border-right: solid 1px #2577B8;
}
.header-switcher-button:hover {
  background-color: #1280D6;
  color: #fff;
}
.header-switcher-button:active {
  background-color: #1280D6;
  color: #fff;
}
@media only screen and (min-width: 1060px) {
  .header-switcher-button {
    max-width: calc(51ch + 40px);
  }
  .header-switcher-button:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: relative;
    left: 50%;
    bottom: -8px;
    opacity: 0;
  }
}
@media only screen and (max-width: 639px) {
  .header-switcher-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    padding: 0px;
    border: none;
  }
}
@media only screen and (min-width: 640px) {
  .header-switcher-button--open:after {
    bottom: -12px;
    opacity: 1;
    animation: animateCarrot 0.2s ease-out;
  }
}
@media only screen and (min-width: 640px) {
  .header-switcher-button--basic {
    padding: 12px 16px;
  }
}

.header-switcher-button-icon {
  transition: transform 200ms ease-in-out;
}
.header-switcher-button-icon.header-switcher-button-icon--open {
  transform: rotateZ(-180deg);
  transform-origin: center;
}

.header-switcher-button__active {
  background-color: #1280D6;
  color: #fff;
}
.header-switcher-button__active:hover {
  background-color: #1072BF;
}

.header-switcher-button__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 639px) {
  .header-switcher-button__text {
    margin-top: 24px;
  }
}

.header-switcher-button__icon-mobile {
  display: none;
}
@media only screen and (max-width: 639px) {
  .header-switcher-button__icon-mobile {
    display: block;
  }
}

.header-switcher-button__icon-after {
  position: absolute;
  padding: 16px;
  top: 0;
  right: 0;
}

.view-application-waffle {
  border-radius: 4px;
  background-color: #fff;
  width: 24px;
  height: 24px;
  padding: 4px;
}

.layout--sidebar .layout__footer {
  padding-left: 240px;
}
@media only screen and (max-width: 1059px) {
  .layout--sidebar .layout__footer {
    padding-left: 0;
  }
}

.layout__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #e1e1e1;
}
@media only screen and (max-width: 1059px) {
  .layout__footer {
    display: none;
  }
}

.footer-container {
  padding: 16px 24px;
}

.footer-content {
  padding: 0 240px 0 0;
  position: relative;
}

.footer-content__navigation {
  position: relative;
}

.footer-navigation li {
  margin: 0 24px 0 0;
  float: left;
  line-height: 16px;
  font-size: 12px;
  font-size: 1.2rem;
}
.footer-navigation li:last-child {
  margin: 0;
}

a.footer-navigation__link {
  cursor: pointer;
  line-height: 16px;
  color: #808080;
}
a.footer-navigation__link:hover {
  text-decoration: underline;
}

.footer-content__secondary {
  color: #808080;
  line-height: 16px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  font-size: 1.2rem;
}

.layout__footer--dark {
  background: #000;
}
.layout__footer--dark a.footer-navigation__link, .layout__footer--dark .footer-content__secondary {
  color: #BC9787;
}

.layout__footer--authentication {
  background-color: #ECEFF1;
  display: block !important;
  position: static;
}
@media only screen and (min-width: 640px) {
  .layout__footer--authentication {
    position: absolute;
  }
}
.layout__footer--authentication .footer-container {
  padding: 16px;
}
@media only screen and (min-width: 991px) {
  .layout__footer--authentication .footer-container {
    padding: 12px 56px;
  }
}
.layout__footer--authentication .footer-content {
  padding: 0 0 0 0;
}
@media only screen and (min-width: 640px) {
  .layout__footer--authentication .footer-navigation {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
  }
}
@media only screen and (min-width: 991px) {
  .layout__footer--authentication .footer-navigation {
    display: block;
  }
}
.layout__footer--authentication .footer-navigation li {
  float: none;
  margin: 0 0 24px 0;
  line-height: 24px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 640px) {
  .layout__footer--authentication .footer-navigation li {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 991px) {
  .layout__footer--authentication .footer-navigation li {
    display: inline;
    float: left;
    margin: 0 24px 0 0;
  }
}
.layout__footer--authentication a.footer-navigation__link, .layout__footer--authentication .footer-content__secondary {
  color: #546E7A;
  line-height: 24px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 640px) {
  .layout__footer--authentication a.footer-navigation__link, .layout__footer--authentication .footer-content__secondary {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.layout__footer--authentication .footer-content__secondary {
  position: static;
}
@media only screen and (min-width: 640px) {
  .layout__footer--authentication .footer-content__secondary {
    margin-top: 24px;
    text-align: center;
  }
}
@media only screen and (min-width: 991px) {
  .layout__footer--authentication .footer-content__secondary {
    margin-top: 0;
    position: absolute;
  }
}

.layout__sidebar {
  position: fixed;
  z-index: 3;
  left: 0;
  height: 100%;
  width: 240px;
  background: #303847;
}
@media only screen and (max-width: 1059px) {
  .layout__sidebar {
    position: absolute;
    z-index: 0;
    top: 0;
    left: -240px;
  }
}

@media only screen and (max-width: 1059px) {
  .layout__content {
    position: relative;
  }
  .show-navigation {
    overflow: hidden;
  }
  .layout__header,
.layout__content,
.layout__footer {
    left: 0;
  }
  .layout.show-navigation .layout__header,
.layout.show-navigation .layout__content,
.layout.show-navigation .layout__footer {
    left: 240px;
  }
  .layout.show-navigation .layout__sidebar {
    left: 0;
  }
  .layout__header,
.layout__content,
.layout__footer,
.layout__sidebar {
    -webkit-transition: left 80ms linear;
    -moz-transition: left 80ms linear;
    -ms-transition: left 80ms linear;
    -o-transition: left 80ms linear;
    transition: left 80ms linear;
  }
}
.user-button {
  cursor: pointer;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 10px 13px 10px 44px;
  color: rgba(255, 255, 255, 0.85);
}
@media only screen and (max-width: 639px) {
  .user-button {
    padding: 10px 8px 10px 0;
  }
}
.user-button:hover, .user-button:active {
  color: #fff;
}

.user-button--active {
  color: #fff;
}

.user-button__avatar {
  top: 6px;
  left: 8px;
}
.user-button__avatar .avatar {
  background-color: #fff;
}

.user-button__username {
  padding: 0 12px 0 12px;
  line-height: 16px;
}
@media only screen and (max-width: 639px) {
  .user-button__username {
    display: none;
  }
}

.user-button__arrow {
  top: 10px;
  right: 12px;
}
@media only screen and (max-width: 639px) {
  .user-button__arrow {
    display: none;
  }
}

.sidebar-list-container {
  margin: 0 0 40px;
  border-top: 1px solid #262d3a;
  padding-top: 8px;
}

.sidebar-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 12px;
  cursor: pointer;
  color: #bbb;
}
.sidebar-button:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.sidebar-button:active {
  color: #fff;
  background-color: #262d3a;
}
.sidebar-button:active .sidebar-button-content {
  transform: translate(0, 1px);
}
.sidebar-button:active .sidebar-icon {
  fill: #fff;
}
.sidebar-button.is-active {
  color: #fff;
  background: #262d3a;
  box-shadow: inset 4px 0 0 #158FEF;
}
.sidebar-button.is-active .sidebar-icon {
  fill: #fff;
}
.sidebar-button .sidebar-icon {
  fill: #b3b3b3;
}
.sidebar-button:hover .sidebar-icon {
  fill: #fff;
}

.sidebar-title {
  display: block;
  padding: 16px 24px 8px 16px;
  color: #bbb;
}
.sidebar-title .sidebar-icon {
  fill: #b3b3b3;
}
.sidebar-title .sidebar-label {
  margin: 0 0 0 6px;
}
@media only screen and (max-width: 1059px) {
  .sidebar-title {
    padding: 4px 24px 4px 16px;
  }
}

.theme-dark .sidebar-button:hover, .theme-dark .sidebar-button:active, .theme-dark .sidebar-button.is-active {
  box-shadow: inset 4px 0 0 #303847;
}

.sidebar-title-content {
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  padding-left: 40px;
  height: 40px;
}

.sidebar-button-content {
  display: flex;
}
.sidebar-button-content-height {
  height: 40px;
}
.sidebar-button-content-bonus-events-height {
  height: 65px;
}

.sidebar-label {
  display: block;
  line-height: 24px;
  padding: 8px 0;
  margin: 0 0 0 12px;
  font-weight: 600;
  font-size: 13px;
  font-size: 1.3rem;
}
.sidebar-label-bonus-events {
  display: block;
  margin-left: 12px;
  font-size: 12px;
}
.sidebar-label-amount {
  color: #FBC02D;
}

ul.sidebar-sublist {
  background: #262d3a;
  padding: 8px 24px 16px;
  font-size: 13px;
  font-size: 1.3rem;
}
ul.sidebar-sublist li {
  margin: 0 0 8px;
}
ul.sidebar-sublist li:last-child {
  margin: 0;
}
ul.sidebar-sublist a {
  display: block;
  cursor: pointer;
  line-height: 20px;
  color: #bbb;
  position: relative;
  padding: 0 0 0 40px;
}
ul.sidebar-sublist a:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  position: absolute;
  left: 4px;
  top: 6px;
  background: #ddd;
}
ul.sidebar-sublist a:hover {
  color: #fff;
}
ul.sidebar-sublist a:hover:before {
  background: #fff;
}
ul.sidebar-sublist a.is-active {
  color: #fff;
}
ul.sidebar-sublist a.is-active:before {
  background-color: #fff;
}

.nav-divider {
  display: block;
  height: 1px;
  background-color: #262d3a;
  margin: 8px 0;
}

.nav-divider__text {
  display: none;
}

.nav-sticker {
  position: relative;
}
.nav-sticker:after {
  content: attr(data-content);
  display: inline-block;
  text-transform: uppercase;
  background-color: #dc280a;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  margin-left: 1rem;
  position: absolute;
  top: 1.3rem;
  right: 1rem;
  pointer-events: none;
}

.nav-new-feature {
  position: relative;
}
.nav-new-feature:after {
  content: "New";
  text-transform: uppercase;
  background-color: #43A047;
  padding: 0 0.35rem;
  border-radius: 0.2rem;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.6rem;
  margin-right: 1.2rem;
  pointer-events: none;
}

.nav-new-feature--parent:after {
  top: 1.3rem;
  right: 1rem;
}

.nav-new-feature--hard-right:after {
  right: -2rem;
}

.nav-new-feature--parent-hard-right:after {
  right: 0.4rem;
}

.sidebar-search {
  margin: 8px 0 24px 0;
}

.sidebar-search .selected {
  box-shadow: inset 4px 0 0 #158FEF;
}

.search-wrapper {
  position: relative;
  overflow: hidden;
  margin: 0 16px;
}
.search-wrapper .search-icon {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  width: 40px;
  height: 40px;
  padding: 12px;
  color: #bbb;
}

input.search-input {
  background: #fff;
  border: none;
  padding: 0 12px 0 40px;
  height: 40px;
  width: 100%;
  border-radius: 4px;
}

.search-link {
  color: #5eb2f4;
}
.search-link:hover, .search-link:active {
  color: #ecf4ff;
}

body.heroku-boomerang-loaded {
  margin-top: 32px;
}
body.heroku-boomerang-loaded .layout__header,
body.heroku-boomerang-loaded .layout__applications, body.heroku-boomerang-loaded .layout__dashboards {
  margin-top: 32px;
}

.echarts-tooltip {
  background-color: transparent !important;
}

.layout__applications, .layout__dashboards {
  display: none;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  top: 0;
  left: 0;
  z-index: 200;
  background: #fff;
}
@media only screen and (min-width: 640px) {
  .layout__applications, .layout__dashboards {
    display: block;
    width: 100%;
    opacity: 0;
    -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    -o-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.19), 0 10px 20px rgba(0, 0, 0, 0.19);
  }
}
@media only screen and (min-width: 1060px) {
  .layout__applications, .layout__dashboards {
    position: fixed;
    top: 56px;
    left: 16px;
    border-radius: 4px;
    max-width: 800px;
  }
}
@media only screen and (max-width: 1059px) {
  .layout__applications, .layout__dashboards {
    position: absolute;
    top: 48px;
  }
}

.show-applications.show-applications .layout__header {
  z-index: 201;
}
.show-applications.show-applications .layout__applications {
  display: block;
}
@media only screen and (min-width: 640px) {
  .show-applications.show-applications .layout__applications {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.show-dashboards.show-dashboards .layout__header {
  z-index: 201;
}
.show-dashboards.show-dashboards .layout__dashboards {
  display: block;
}
@media only screen and (min-width: 640px) {
  .show-dashboards.show-dashboards .layout__dashboards {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.plan-switcher--single-plan .plan-switcher__plans {
  display: none;
}
@media only screen and (min-width: 640px) {
  .plan-switcher {
    display: table;
    width: 100%;
  }
}

.plan-switcher__plans {
  display: block;
}
@media only screen and (min-width: 640px) {
  .plan-switcher__plans {
    display: table-cell;
    vertical-align: top;
    width: 72px;
    height: 100%;
    background-color: #d3d3d3;
  }
}
@media only screen and (min-width: 1060px) {
  .plan-switcher__plans {
    border-radius: 4px 0 0 4px;
  }
}

@media only screen and (min-width: 640px) {
  .plan-switcher__plan-contents {
    display: table-cell;
    vertical-align: top;
    width: 100%;
  }
}

.plan-switcher-list {
  padding: 16px 0;
  list-style: none;
}
@media only screen and (max-width: 639px) {
  .plan-switcher-list {
    display: none;
  }
}

.plan-switcher-list__item {
  display: block;
}

.plan-switcher-plan {
  display: block;
  padding: 8px 16px;
  outline: none;
}
.plan-switcher-plan:hover, .plan-switcher-plan:focus {
  background-color: #E0E0E0;
  box-shadow: inset 3px 0 0 #1E88E5;
}
.plan-switcher-plan:active, .plan-switcher-plan--active {
  background-color: #BDBDBD;
  box-shadow: inset 3px 0 0 #1E88E5;
}

.plan-switcher-plan__graphic {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 2px solid #fff;
}

.plan-switcher-mobile {
  padding: 8px 16px;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (min-width: 640px) {
  .plan-switcher-mobile {
    display: none;
  }
}

.plan-switcher-mobile-view {
  display: block;
  width: 100%;
  padding: 8px 0px;
  padding-left: 40px;
  position: relative;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.plan-switcher-mobile-view--icon {
  padding-right: 32px;
}
@media only screen and (max-width: 639px) {
  .plan-switcher-mobile-view--icon {
    padding-left: 0;
  }
}
.plan-switcher-mobile-view--option {
  width: auto;
  margin: 0 8px;
}

.plan-switcher-mobile-view__image {
  border-radius: 3px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 0;
}

.plan-switcher-mobile-view__name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
}

.plan-switcher-mobile-view__icon {
  position: absolute;
  top: 12px;
  right: 0;
}

.context-switcher {
  width: 100%;
}

.context-switcher__search {
  padding: 16px;
}
@media only screen and (min-width: 640px) {
  .context-switcher__search {
    padding: 24px;
  }
}

.context-switcher__heading {
  padding: 0px 24px 8px 24px;
}
@media only screen and (max-width: 639px) {
  .context-switcher__heading {
    margin-top: 24px;
  }
}

.context-switcher__content {
  overflow-y: auto;
}
@media only screen and (min-width: 640px) {
  .context-switcher__content {
    max-height: 60vh;
  }
}

.context-switcher-icon {
  display: inline-block;
  font-size: 0;
  color: #9E9E9E;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin-left: 16px;
  float: right;
}
.context-switcher-icon:hover, .context-switcher-icon:active, .context-switcher-icon--active {
  color: #1A77BE;
}

.context-switcher-tabs {
  font-size: 0;
  display: flex;
  justify-content: flex-start;
}

.context-switcher-tabs__tab {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  font-weight: 600;
  padding-bottom: 8px;
  margin-right: 24px;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 639px) {
  .context-switcher-tabs__tab {
    margin-right: 16px;
  }
}
.context-switcher-tabs__tab:last-child {
  margin-right: 0;
}
.context-switcher-tabs__tab:hover, .context-switcher-tabs__tab:focus {
  box-shadow: inset 0 -3px 0 #cfcfcd;
}
.context-switcher-tabs__tab:active, .context-switcher-tabs__tab--active, .context-switcher-tabs__tab--active:hover, .context-switcher-tabs__tab--active:focus {
  box-shadow: inset 0 -3px 0 #1A77BE;
}

.context-switcher-view {
  padding: 16px;
  position: relative;
  border-bottom: 1px solid #d3d3d3;
}
.context-switcher-view:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 640px) {
  .context-switcher-view {
    padding: 24px 8px 24px 24px;
  }
  .context-switcher-view--favourites {
    padding-top: 8px;
  }
}

.context-switcher-view__sort-button {
  width: 142px;
}
@media only screen and (max-width: 639px) {
  .context-switcher-view__sort-button {
    width: 50%;
    padding-right: 8px;
  }
}

.context-switcher-view__create-button {
  position: absolute;
  top: 24px;
  right: 24px;
}
@media only screen and (max-width: 639px) {
  .context-switcher-view__create-button {
    padding-left: 8px;
    top: 16px;
    right: 16px;
    left: 50%;
  }
}

.context-switcher-view__title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
}

.context-switcher-view-list {
  list-style: none;
  padding-top: 16px;
}
.context-switcher-view-list::before, .context-switcher-view-list::after {
  content: " ";
  display: table;
}
.context-switcher-view-list::after {
  clear: both;
}

.context-switcher-view-list__item {
  display: block;
  float: left;
  padding-bottom: 8px;
  width: 100%;
}
.context-switcher-view-list__item--dashboard {
  width: 50%;
}
@media only screen and (max-width: 639px) {
  .context-switcher-view-list__item--dashboard:nth-child(even) {
    padding-left: 8px;
  }
  .context-switcher-view-list__item--dashboard:nth-child(odd) {
    padding-right: 8px;
  }
}
@media only screen and (min-width: 640px) {
  .context-switcher-view-list__item {
    padding-right: 16px;
    padding-bottom: 16px;
  }
  .context-switcher-view-list__item--application {
    width: 33.3333333333%;
  }
  .context-switcher-view-list__item--dashboard {
    width: 20%;
  }
}
.context-switcher-view-list__item--list {
  width: 100%;
  padding-bottom: 0;
}
.context-switcher-view-list__item--no-data {
  width: 100%;
  float: none;
}

.context-switcher-view-list__item:last-child .context-list-item {
  border-bottom: 1px solid #d3d3d3;
}

.current-application-mobile {
  padding: 8px 16px;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (min-width: 640px) {
  .current-application-mobile {
    display: none;
  }
}

.current-application-mobile__content {
  display: block;
  width: 100%;
  padding: 8px 0px;
  padding-left: 40px;
  position: relative;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.current-application-mobile__content--icon {
  padding-right: 32px;
}
.current-application-mobile__content--option {
  width: auto;
  margin: 0 8px;
}

.current-application-mobile-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  font-weight: 600;
}

.current-application-mobile-image {
  border-radius: 3px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 0;
}

.context-application-item {
  display: block;
  background-color: #fff;
  position: relative;
  -webkit-transition: box-shadow 80ms ease-out;
  -moz-transition: box-shadow 80ms ease-out;
  -ms-transition: box-shadow 80ms ease-out;
  -o-transition: box-shadow 80ms ease-out;
  transition: box-shadow 80ms ease-out;
  outline: none;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  min-height: 56px;
}
.context-application-item:hover, .context-application-item:focus {
  border: 1px solid #1E88E5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.context-application-item:active {
  border: 1px solid #1E88E5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.context-application-item--active, .context-application-item--active:hover {
  border: 1px solid #1E88E5;
}

.context-application-item__favourite {
  position: absolute;
  top: 0px;
  right: 0px;
}

.context-application-item__image {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  left: 12px;
  top: 12px;
}

.context-application-item__name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 40px;
  line-height: 24px;
  font-weight: 400;
}
.context-application-item__name, .context-application-item__name:hover, .context-application-item__name:active {
  color: #424242;
}

.context-dashboard-item {
  display: block;
  padding: 8px;
  -webkit-transition: box-shadow 80ms ease-out;
  -moz-transition: box-shadow 80ms ease-out;
  -ms-transition: box-shadow 80ms ease-out;
  -o-transition: box-shadow 80ms ease-out;
  transition: box-shadow 80ms ease-out;
  background-color: #fff;
  outline: none;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  position: relative;
}
.context-dashboard-item:hover, .context-dashboard-item:focus {
  border: 1px solid #1E88E5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.context-dashboard-item:active {
  border: 1px solid #1E88E5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.context-dashboard-item--active, .context-dashboard-item--active:hover {
  border: 1px solid #1E88E5;
}

.context-dashboard-item__favourite {
  position: absolute;
  top: 0px;
  right: 0px;
}

.context-dashboard-item__image {
  margin: 0 auto;
  padding: 8px;
}

.context-dashboard-item__name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 16px;
}
.context-dashboard-item__name, .context-dashboard-item__name:hover, .context-dashboard-item__name:active {
  color: #424242;
}

.context-dashboard-item--list {
  border: none;
  border-radius: 0;
}
.context-dashboard-item--list .context-dashboard-item__image {
  float: left;
}
.context-dashboard-item--list .context-dashboard-item__name {
  line-height: 24px;
  text-indent: 16px;
}

.dashboard-application-images {
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.dashboard-application-images__item {
  display: inline-block;
  font-size: 0;
  width: 16px;
  height: 32px;
  box-shadow: -2px 0 0 #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}
.dashboard-application-images__item:last-child {
  width: 32px;
}
.dashboard-application-images__item--24 {
  height: 24px;
}
.dashboard-application-images__item--24:last-child {
  width: 24px;
}

.dashboard-application-image {
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.dashboard-application-image--24 {
  width: 24px;
  height: 24px;
}

.dashboard-application-image-text {
  display: block;
  border-radius: 4px;
  width: 100%;
  font-size: 10px;
  font-size: 1rem;
  line-height: 32px;
  font-weight: 600;
  color: #fff;
  background-color: #9e9e9e;
}
.dashboard-application-image-text--24 {
  line-height: 24px;
}

.context-list-item {
  display: block;
  padding: 8px;
  padding-right: 24px;
  border-top: 1px solid #d3d3d3;
  outline: none;
  position: relative;
}
.context-list-item::before, .context-list-item::after {
  content: " ";
  display: table;
}
.context-list-item::after {
  clear: both;
}
.context-list-item:hover, .context-list-item:focus {
  background-color: #E0E0E0;
}
.context-list-item:active, .context-list-item--active {
  background-color: #d3d3d3;
}

.context-list-item__disabled {
  display: block;
  padding: 8px;
  padding-right: 24px;
  border-top: 1px solid #d3d3d3;
  outline: none;
  position: relative;
  background-color: #EEEEEE;
}
.context-list-item__disabled::before, .context-list-item__disabled::after {
  content: " ";
  display: table;
}
.context-list-item__disabled::after {
  clear: both;
}

.context-list-item__favourite {
  position: absolute;
  right: 0px;
  top: 6px;
}

.context-list-item__image {
  float: left;
}

.dashboard-application-images-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.crown-icon-wrapper-for-dashboard-app-images {
  height: 16px;
}

.context-list-item__name {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  line-height: 24px;
  text-indent: 16px;
}
.context-list-item__name, .context-list-item__name:hover, .context-list-item__name:focus {
  color: #424242;
}
.context-list-item__name--application {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 540px;
}
.context-list-item__name--dashboard {
  padding-left: 72px;
}
.context-list-item__name--disabled {
  color: #d3d3d3;
}
.context-list-item__name--disabled, .context-list-item__name--disabled:hover, .context-list-item__name--disabled:focus {
  color: #d3d3d3;
}

.context-favourite-button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  color: #757575;
  cursor: pointer;
  padding: 8px;
}
.context-favourite-button:hover {
  color: #BDBDBD;
}
.context-favourite-button:active {
  color: #424242;
}
.context-favourite-button--favourite {
  color: #F9A825;
}
.context-favourite-button--favourite:hover {
  color: #FBC02D;
}
.context-favourite-button--favourite:active {
  color: #F57F17;
}

.context-favourite-button__disabled {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  color: #BDBDBD;
  padding: 8px;
}
.context-favourite-button__disabled--favourite {
  color: #BDBDBD;
}

.login-actions {
  margin: 24px 0 0;
  border-top: 1px solid #d3d3d3;
  padding: 24px 0 0;
}
.login-actions .is-left {
  float: left;
}
.login-actions .is-right {
  float: right;
}
@media only screen and (max-width: 1059px) {
  .login-actions .is-left,
.login-actions .is-right {
    float: none;
    border-radius: 3px;
    margin: 0 0 16px;
    padding: 12px;
    text-align: center;
    line-height: 16px;
    background: #f1f1f1;
  }
  .login-actions .is-left:last-child,
.login-actions .is-right:last-child {
    margin: 0;
  }
}

.simple-login-actions {
  padding: 16px 0;
}
.simple-login-actions .simple-login-actions__forgot-details {
  float: left;
}
.simple-login-actions .simple-login-actions__sso-signin {
  float: right;
}
@media only screen and (max-width: 1059px) {
  .simple-login-actions {
    padding-bottom: 8px;
  }
  .simple-login-actions .simple-login-actions__forgot-details,
.simple-login-actions .simple-login-actions__sso-signin {
    float: none;
    border-radius: 3px;
    margin: 0 0 16px;
    padding: 12px;
    text-align: center;
    line-height: 16px;
    background: #f1f1f1;
  }
  .simple-login-actions .simple-login-actions__forgot-details:last-child,
.simple-login-actions .simple-login-actions__sso-signin:last-child {
    margin: 0;
  }
}

.oauth-login-header {
  text-align: center;
  margin: 0 0 24px;
}

.oauth-grid {
  margin: -8px;
}
.oauth-grid .oauth-grid__item {
  display: block;
  padding: 8px;
  float: left;
  width: 50%;
}
@media only screen and (max-width: 639px) {
  .oauth-grid .oauth-grid__item {
    float: none;
    width: 100%;
  }
}

.oauth-grid--4 .oauth-grid__item {
  width: 25%;
}
@media only screen and (max-width: 1059px) {
  .oauth-grid--4 .oauth-grid__item {
    float: left;
    width: 50%;
  }
}
@media only screen and (max-width: 639px) {
  .oauth-grid--4 .oauth-grid__item {
    float: none;
    width: 100%;
  }
}

.input-section {
  position: relative;
  margin: 0 0 16px;
  padding-left: 120px;
}
@media only screen and (max-width: 1059px) {
  .input-section {
    padding-left: 0;
  }
}
.input-section input[type=text],
.input-section input[type=email],
.input-section input[type=password],
.input-section select {
  display: block;
  width: 100%;
  padding: 9px 11px 10px;
  border: 1px solid #d3d3d3;
}
.input-section input[type=text]:hover,
.input-section input[type=email]:hover,
.input-section input[type=password]:hover,
.input-section select:hover {
  border-color: #bbb;
}
.input-section input[type=text]:focus,
.input-section input[type=email]:focus,
.input-section input[type=password]:focus,
.input-section select:focus {
  border-color: #158FEF;
}

.input-section--no-border-left input[type=text],
.input-section--no-border-left input[type=email],
.input-section--no-border-left input[type=password],
.input-section--no-border-left select {
  border-left: none;
}

.input-section--stacked {
  padding: 0;
}
.input-section--stacked label {
  position: static !important;
  padding: 0 !important;
  margin: 0 0 4px !important;
  width: 100% !important;
}

.input-text label,
.input-email label,
.input-password label,
.input-select label {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  padding: 12px;
  line-height: 16px;
  width: 120px;
}
@media only screen and (max-width: 1059px) {
  .input-text label,
.input-email label,
.input-password label,
.input-select label {
    position: static;
    width: 100%;
    padding: 0;
    margin: 0 0 8px;
  }
}

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

.input-terms {
  margin: 12px 0 0;
  line-height: 1.4;
  font-size: 13px;
  font-size: 1.3rem;
}

.input-remember {
  margin: 24px 0;
}

.input-submit {
  margin: 0;
}

ul.form-actions {
  margin: -8px;
}
ul.form-actions li {
  padding: 8px;
  width: 50%;
  float: left;
}

@media only screen and (min-width: 640px) {
  .signin-confirm::before, .signin-confirm::after {
    content: " ";
    display: table;
  }
  .signin-confirm::after {
    clear: both;
  }
}

@media only screen and (min-width: 640px) {
  .signin-confirm__submit {
    float: left;
    width: 70%;
  }
}

@media only screen and (min-width: 640px) {
  .signin-confirm__submit--full-width {
    width: 100%;
  }
}

.signin-confirm__sso {
  padding: 12px 16px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .signin-confirm__sso {
    float: right;
    width: 30%;
    text-align: left;
  }
}

.input-split:after {
  content: " ";
  display: block;
  clear: both;
}

.input-split__left {
  float: left;
  width: 50%;
  padding-right: 8px;
}

.input-split__right {
  float: right;
  width: 50%;
  padding-left: 8px;
}

.signup-page {
  padding: 24px 16px 56px;
}
@media only screen and (min-width: 640px) {
  .signup-page {
    padding: 32px 88px 72px;
  }
}
@media only screen and (min-width: 991px) {
  .signup-page {
    padding: 32px 0 72px;
    margin: 0 auto;
    width: 910px;
  }
}
@media only screen and (min-width: 1200px) {
  .signup-page {
    width: 958px;
  }
}
@media only screen and (min-width: 1440px) {
  .signup-page {
    padding: 56px 0 88px;
  }
}
.signup-page .signup-header {
  margin-bottom: 24px;
}
@media only screen and (min-width: 640px) {
  .signup-page .signup-header {
    margin-bottom: 40px;
  }
}
.signup-page .signup-header .signup-header__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 34px;
  position: relative;
}
@media only screen and (min-width: 991px) {
  .signup-page .signup-header .signup-header__navigation {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1440px) {
  .signup-page .signup-header .signup-header__navigation {
    margin-bottom: 56px;
  }
}
@media only screen and (min-width: 991px) {
  .signup-page .signup-header .signup-header__navigation .signup-logo {
    margin-right: 46px;
  }
}
@media only screen and (min-width: 1200px) {
  .signup-page .signup-header .signup-header__navigation .signup-logo img {
    height: 32px;
    width: 169px;
  }
}
.signup-page .signup-header .signup-heading .signup-heading__primary-heading {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 12px;
}
@media only screen and (min-width: 640px) {
  .signup-page .signup-header .signup-heading .signup-heading__primary-heading {
    display: inline;
  }
}
.signup-page .signup-header .signup-heading .signup-heading__secondary-heading {
  line-height: 24px;
  margin: 16px 0;
}
@media only screen and (min-width: 640px) {
  .signup-page .signup-header .signup-heading .signup-heading__secondary-heading {
    font-size: 22px;
    font-size: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .signup-page .signup-header .signup-heading .signup-heading__secondary-heading {
    display: inline;
  }
}
.signup-page .signup-text {
  font-size: 13px;
  font-size: 1.3rem;
  color: #424242;
  line-height: 24px;
  margin: 16px 0;
}
.signup-page .signup-text--secondary {
  color: #90A4AE;
}
.signup-page .signup-text--hide-for-mobile {
  display: none;
}
@media only screen and (min-width: 640px) {
  .signup-page .signup-text--hide-for-mobile {
    display: inline;
  }
}
@media only screen and (min-width: 991px) {
  .signup-page .signup-flex-wrapper {
    display: flex;
    align-items: flex-start;
    width: 100%;
  }
}
.signup-page .signup-flex-wrapper .signup-section__form {
  margin-right: 0;
}
@media only screen and (min-width: 991px) {
  .signup-page .signup-flex-wrapper .signup-section__form {
    margin-right: 56px;
  }
}
@media only screen and (min-width: 1200px) {
  .signup-page .signup-flex-wrapper .signup-section__form {
    margin-right: 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .signup-page .signup-flex-wrapper .signup-section__form {
    margin-right: 80px;
    max-width: 448px;
  }
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form label {
  color: #424242;
  font-weight: normal;
  line-height: 24px;
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .optional-label {
  color: #757575;
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form input, .signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form select {
  background-color: white;
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .form-text, .signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .select-ui, .signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .button-white {
  border-color: #B0BEC5;
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .form-text--invalid, .signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .form-text.input-validation-error, .signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .select-ui--invalid, .signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .select-ui.input-validation-error {
  border-color: #dc280a;
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .signup-checkbox {
  margin: 8px 0;
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .signup-checkbox input[type=checkbox] {
  margin: 0 4px 0 0;
}
@media only screen and (min-width: 640px) {
  .signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .signup-checkbox {
    margin: 0;
  }
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .signup-button {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 24px;
  margin: 8px 0;
}
@media only screen and (min-width: 640px) {
  .signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form .signup-button {
    margin: 24px 0 8px;
  }
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form #signup-recaptcha {
  margin-bottom: 32px;
}
.signup-page .signup-flex-wrapper .signup-section__form .signup-layout__form #signup-recaptcha iframe {
  margin-left: auto;
  margin-right: auto;
}
.signup-page .signup-flex-wrapper .signup-section__marketing {
  border-left: 1px solid #E2E8EB;
  display: none;
}
@media only screen and (min-width: 991px) {
  .signup-page .signup-flex-wrapper .signup-section__marketing {
    display: block;
    margin: 0;
    padding-left: 56px;
  }
}
@media only screen and (min-width: 1200px) {
  .signup-page .signup-flex-wrapper .signup-section__marketing {
    padding-left: 80px;
  }
}
.signup-page .signup-flex-wrapper .signup-section__marketing .hype-block {
  margin-bottom: 32px;
  max-width: 352px;
}
.signup-page .signup-flex-wrapper .signup-section__marketing .hype-block .signup-text {
  font-size: 1.4rem;
  margin: 0 0 16px;
}
.signup-page .signup-flex-wrapper .signup-section__marketing .hype-block:last-child {
  margin-bottom: 48px;
}
.signup-page .signup-flex-wrapper .signup-section__marketing .hype-block .hype-title {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
}
.signup-page .signup-flex-wrapper .signup-section__marketing .hype-block .hype-title img {
  margin-right: 8px;
}
.signup-page .signup-flex-wrapper .signup-section__marketing .hype-block .hype-text {
  color: #607D8B;
  padding-left: 24px;
}
.signup-page .signup-flex-wrapper .signup-section__marketing .client-container {
  max-width: 256px;
}
.signup-page .signup-flex-wrapper .signup-section__marketing .client-container .signup-text {
  color: #90A4AE;
  margin-bottom: 32px;
}
.signup-page .signup-flex-wrapper .signup-section__marketing .client-container .client-logo-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.signup-page .signup-flex-wrapper .signup-section__marketing .client-container .client-logo-container .client-logo {
  padding-bottom: 40px;
}

.checkbox--have-account {
  margin: 0 0 40px 14px;
}

ul.azure-signin-options {
  margin: 0 0 40px;
}
ul.azure-signin-options li {
  margin: 0 0 16px;
}
ul.azure-signin-options li:last-child {
  margin: 0;
}

.layout-2column {
  position: relative;
  padding: 0 0 0 540px;
}
@media only screen and (max-width: 1059px) {
  .layout-2column {
    padding: 0;
  }
}

.layout-2column-left {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 40px 0 0;
  width: 540px;
}
@media only screen and (max-width: 1059px) {
  .layout-2column-left {
    display: none;
  }
}

.layout-2column-right {
  padding: 0 0 0 0;
}
@media only screen and (max-width: 1059px) {
  .layout-2column-right {
    padding: 0;
    border: none;
    max-width: 480px;
    margin: 0 auto;
  }
}

.code-editor--copy-enabled {
  position: relative;
}

.code-editor--overflow-visible {
  overflow: visible;
}

.product-plan-layout__product {
  width: 320px;
  float: left;
}
@media only screen and (max-width: 639px) {
  .product-plan-layout__product {
    width: auto;
    float: none;
  }
}

.product-plan-layout__module {
  margin-left: 344px;
}
@media only screen and (max-width: 639px) {
  .product-plan-layout__module {
    margin: 24px 0 0;
  }
}

.nodata-banner {
  background-color: #054368;
  -webkit-background-image: linear-gradient(to bottom, #054368 0%, #147EBD 100%);
  -moz-background-image: linear-gradient(to bottom, #054368 0%, #147EBD 100%);
  -ms-background-image: linear-gradient(to bottom, #054368 0%, #147EBD 100%);
  -o-background-image: linear-gradient(to bottom, #054368 0%, #147EBD 100%);
  background-image: linear-gradient(to bottom, #054368 0%, #147EBD 100%);
  background-color: #054368;
  height: 320px;
  overflow: hidden;
  padding: 24px 0 24px 24px;
}
@media only screen and (min-width: 1180px) {
  .nodata-banner {
    display: flex;
    display: -ms-flexbox;
    flex: 0 auto;
    -ms-flex: 0 auto;
    flex-flow: row;
    -ms-flex-flow: row;
    align-items: center;
    -ms-flex-align: center;
    padding: 48px 0 48px 48px;
  }
}

.nodata-banner__image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  position: relative;
  width: 100%;
  height: 288px;
  top: 24px;
}

.nodata-title {
  color: #fff;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1180px) {
  .nodata-title {
    white-space: nowrap;
  }
}

.usage-prediction__item {
  margin-bottom: 16px;
}

.usage-prediction__message {
  margin-top: 24px;
}

.trial-stat__heading {
  font-weight: 600;
  margin: 0 0 6px;
  font-size: 14px;
  font-size: 1.4rem;
}

.trial-stat__number {
  margin: 6px 0;
  font-size: 36px;
  font-size: 3.6rem;
}

.trial-stat__message {
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
}

.bulk-delete li {
  position: relative;
  padding: 4px 160px 4px 0px;
  border-bottom: 1px solid #F6F7F8;
  /*&:last-child {
    border-bottom: 1px solid $background-color;
  }*/
}
.bulk-delete p {
  line-height: 40px;
}
.bulk-delete .button-wrapper {
  position: absolute;
  top: 8px;
  right: 0;
}
.bulk-delete .button {
  display: block;
  min-width: 160px;
}

@media only screen and (max-width: 639px) {
  .bulk-delete li {
    padding: 12px 0;
  }
  .bulk-delete .button-wrapper {
    position: static;
  }
}

.avatar-upload-block .dropzone {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.avatar-selection {
  margin: -16px;
  padding-bottom: 58px;
}

.avatar-option {
  float: left;
  padding: 16px;
}
.avatar-option img {
  display: block;
  width: 72px;
  height: 72px;
  border: none;
  background: #F6F7F8;
  border-radius: 4px;
  border: 2px solid transparent;
  padding: 2px;
  transition: border-color 0.2s e/ase;
}
.avatar-option img:hover {
  cursor: pointer;
  border-color: #ddd;
  transition: border-color 0.2s ease;
}
.avatar-option img:active {
  border-color: #158FEF;
}
.avatar-option.selected img {
  border-color: #158FEF;
}

.avatar-file-restrictions {
  margin-bottom: 0;
}

.integration-buttons div {
  display: inline-block;
}
.integration-buttons .button-48 {
  margin: 4px;
}

.github-integration .typography, .github-integration .studentpack-callout {
  margin: 0 0 16px;
}
.github-integration .button-48 {
  text-align: left !important;
  margin: 8px 0 0;
}

.trello-integration .typography, .trello-integration .studentpack-callout {
  margin: 0 0 16px;
}

.icon-tabs {
  box-shadow: inset 0 -2px 0 #f1f1f1;
  overflow: auto;
}
.icon-tabs a {
  line-height: 16px;
  display: block;
  float: left;
  color: #333;
  font-weight: 600;
  padding: 11px 40px 13px 0;
  cursor: pointer;
}
.icon-tabs a:hover, .icon-tabs a:active {
  color: #333;
}
.icon-tabs a:active, .icon-tabs a.active {
  box-shadow: inset 0 -2px 0 #158FEF;
}
.icon-tabs a:before {
  color: #808080;
}
.icon-tabs a:hover:before, .icon-tabs a:active:before, .icon-tabs a.active:before {
  color: #158FEF;
}
@media only screen and (max-width: 639px) {
  .icon-tabs a {
    width: 50%;
    padding: 11px 16px 13px 0;
  }
}

.setup-sidekick {
  margin: 40px 0 0;
  padding: 40px 0 0;
  border-top: 1px solid #e8e8e8;
}
.setup-sidekick h4,
.setup-sidekick .typography,
.setup-sidekick .studentpack-callout {
  margin: 0 0 12px;
}

.dsym-upload .dropzone {
  margin: 0 0 48px 0;
}

/*.js-source-map-section {
  h2 {
    margin: 0 0 24px;
  }
  .dropzone {
    margin: 0;
  }
}

.js-source-map-table {
  margin: 0 300px 0 0;
}


.js-source-map-upload {
  display: block;
  width: 260px;
  float: right;
}

@media screen and (max-width:1500px) {
  .js-source-map-upload {
    float: none;
    margin: 0 0 40px;
  }

  .js-source-map-table {
    margin: 0;
  }
}*/
.js-source-map-upload {
  line-height: 22px;
  font-size: 14px;
}
.js-source-map-upload .dropzone {
  margin: 0 0 24px 0;
}
.js-source-map-upload .source-map-validator-tool {
  text-align: center;
  padding-bottom: 32px;
  margin: 0px;
}

.section.application-settings {
  padding: 24px;
}

.reset-api-key {
  cursor: pointer;
}

.reset-api-key:before {
  margin-left: 10px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: inline-block;
  font-family: "flaticons";
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  vertical-align: middle;
  content: "\e58a";
}

.application-settings-message {
  margin: 24px;
}

.integration--enabled h4,
.integration--disabled h4,
.integration--deprecated h4 {
  line-height: 1.4;
}
.integration--enabled .text-icon__text,
.integration--disabled .text-icon__text,
.integration--deprecated .text-icon__text {
  position: relative;
  line-height: normal;
}
.integration--enabled .text-icon__text:after,
.integration--disabled .text-icon__text:after,
.integration--deprecated .text-icon__text:after {
  padding: 4px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  line-height: 10px;
  font-size: 10px;
  font-size: 1rem;
}

.integration__item .integration-title {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  color: #333;
  font-weight: 600;
}
.integration__item--link {
  padding: 10px;
  margin: 0 0 24px;
  border-radius: 3px;
  cursor: pointer;
  display: block;
}
.integration__item--link:hover {
  background: #F6F7F8;
}
.integration--enabled .integration__item .integration-title {
  line-height: 1.4;
}
.integration--enabled .integration__item .integration-icon {
  box-shadow: 0 0 0 2px #1CC526;
}
.integration--enabled .integration__item .text-icon__text:after {
  content: "Enabled";
  background: #1CC526;
}
.integration--disabled .integration__item .text-icon__text:after {
  background-color: #D2D2D2;
  content: "Disabled";
}
.integration--deprecated .integration__item .text-icon__text:after {
  background-color: #D2D2D2;
  content: "Deprecated";
}

.integration-tri-button {
  padding: 0 0 16px;
  max-width: 440px;
}

.integration-tri-button__button {
  float: left;
  width: 33.333%;
  padding: 0 12px 0 0;
}

.integration-button-last {
  padding: 0 30px;
}

.app-dashboard {
  position: relative;
  padding: 0 25% 0 0;
}
@media only screen and (max-width: 1059px) {
  .app-dashboard {
    padding: 0;
  }
}

.dashboard-stats__stat {
  width: 25%;
  float: left;
}
@media only screen and (max-width: 1059px) {
  .dashboard-stats__stat {
    width: 50%;
  }
}
@media only screen and (max-width: 639px) {
  .dashboard-stats__stat {
    width: 100%;
  }
}

.dashboard-stats__stat--1 {
  border-right: 1px solid #e8e8e8;
}
@media only screen and (max-width: 1059px) {
  .dashboard-stats__stat--1 {
    border-bottom: 1px solid #e8e8e8;
  }
}
@media only screen and (max-width: 639px) {
  .dashboard-stats__stat--1 {
    border-bottom: 1px solid #e8e8e8;
    border-right: none;
  }
}

.dashboard-stats__stat--2 {
  border-right: 1px solid #e8e8e8;
}
@media only screen and (max-width: 1059px) {
  .dashboard-stats__stat--2 {
    border-bottom: 1px solid #e8e8e8;
    border-right: none;
  }
}

.dashboard-stats__stat--3 {
  border-right: 1px solid #e8e8e8;
}
@media only screen and (max-width: 639px) {
  .dashboard-stats__stat--3 {
    border-bottom: 1px solid #e8e8e8;
    border-right: none;
  }
}

.dashboard-stat {
  padding: 24px 24px 24px 88px;
  position: relative;
}

.dashboard-stat__title {
  margin: 0 0 4px;
  font-weight: 600;
  width: 100%;
}

.dashboard-stat__icon {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 8px;
  background: #303847;
  color: #fff;
  border-radius: 4px;
}

.app-dashboard__content {
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 1059px) {
  .app-dashboard__content {
    width: 100%;
    margin-bottom: 24px;
  }
}

.dashboard-chart-layout__full {
  width: 100%;
  float: left;
  padding: 24px;
  border-bottom: 1px solid #e8e8e8;
}

.dashboard-chart-layout__half {
  width: 50%;
  float: left;
  padding: 24px;
}

.dashboard-chart-layout__half--border {
  border-right: 1px solid #e8e8e8;
}

.app-dashboard__requests {
  position: absolute;
  height: 100%;
  width: 25%;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 1059px) {
  .app-dashboard__requests {
    position: static;
    width: 100%;
    height: 400px;
  }
}

.dashboard-requests {
  height: 100%;
  overflow: hidden;
}

.request-list {
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.request-list__item {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  font-size: 12px;
  font-size: 1.2rem;
}

.dashboard-request {
  padding: 12px 12px 12px 48px;
  height: 100%;
  overflow: hidden;
  position: relative;
  height: 56px;
}

.dashboard-request__nodata {
  text-align: center;
  padding: 24px 0;
}

.dashboard-request__avatar {
  position: absolute;
  top: 12px;
  left: 12px;
}

.dashboard-request__url {
  line-height: 16px;
}

.dashboard-request__timestamp {
  line-height: 16px;
}

.dashboard-request__location {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

@keyframes requestItemAnim {
  0% {
    background: rgba(21, 143, 239, 0.1);
  }
  100% {
    background: white;
  }
}
.setting-profile .setting-body {
  position: relative;
  padding: 0 0 0 80px;
  min-height: 64px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 639px) {
  .setting-profile .setting-body {
    padding: 0 0 0 80px;
  }
}
.setting-profile .avatar {
  position: absolute;
  left: 0;
  top: 0;
}

.profile-summary li {
  padding: 8px 0;
  border-bottom: 1px solid #F6F7F8;
}
.profile-summary span.user-name {
  font-weight: 600;
}

h4.sidebar-heading {
  padding: 16px;
  line-height: 16px;
  font-weight: 600;
}

.sidebar-plans {
  padding: 1px;
}

.mysettings-plan {
  margin: 0 0 1px;
  position: relative;
  background: #fff;
}
.mysettings-plan:last-child {
  margin: 0;
}

.mysettings-plan.plan-exceeded {
  box-shadow: -1px 0 0 #F73415;
}

.mysettings-plan.plan-single:after {
  display: none;
}

a.plan-wrapper {
  display: block;
  color: #333;
  padding: 16px;
}
a.plan-wrapper:hover {
  background: #f5f7fa;
}
a.plan-wrapper:active {
  background: #F6F7F8;
}

.sidebar-plan-content {
  display: block;
  position: relative;
  padding: 0 0 0 80px;
}

.plan-wrapper .avatar {
  position: absolute;
  left: 0;
  top: 0;
}

.plan-heading {
  position: relative;
  margin: 0 0 12px;
}
.plan-heading h3 {
  margin: 0 0 4px;
  width: 100%;
  padding: 0 88px 0 0;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
}
.plan-heading p {
  color: #ddd;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
}

.plan-size {
  position: absolute;
  color: #ddd;
  font-weight: 600;
  top: 0;
  right: 0;
  width: 80px;
  text-align: right;
}

.plan-warning {
  padding: 16px;
}

.warning-wrapper {
  padding: 16px;
  background: #F73415;
  position: relative;
  border-radius: 2px;
}
.warning-wrapper p {
  color: #fff;
  font-weight: 600;
  padding: 0 80px 0 0;
  line-height: 16px;
  font-size: 14px;
  font-size: 1.4rem;
}
.warning-wrapper .button {
  position: absolute;
  right: 8px;
  top: 8px;
}

.authenticator-store {
  position: relative;
  padding: 0 0 0 48px;
  margin: 0 0 24px;
}
.authenticator-store:last-child {
  margin: 0;
}

.authenticator-store-heading {
  margin: 0 0 8px;
}

.authenticator-store-list li {
  padding: 4px 0;
}

.authenticator-store-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.qr-code {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 40px;
}

.notifications-checkbox {
  position: relative;
  display: block;
  padding: 0 0 0 24px;
  cursor: pointer;
}
.notifications-checkbox .solo-checkbox {
  position: absolute;
  left: 0;
  top: 0;
}

.notifications-checkbox--disabled {
  cursor: not-allowed;
}

.notifications-banner-cta {
  display: inline-block;
}
.notifications-banner-cta__link {
  display: flex;
  align-items: center;
}
.notifications-banner-cta__open-icon {
  padding-top: 2px;
  padding-left: 2px;
}

.notifications-application-name-cell {
  max-width: 432px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.convert-to-organization-form {
  max-width: 540px;
}

.convert-to-organization {
  max-width: 280px;
}
@media only screen and (max-width: 639px) {
  .convert-to-organization {
    max-width: 100%;
  }
}
.convert-to-organization h4 {
  margin: 0 0 8px;
}
.convert-to-organization .button {
  max-width: 240px;
}

.convert-to-organization__heading {
  margin: 0 0 8px;
}

.monthly-annual-switch {
  overflow: hidden;
  position: relative;
  height: 36px;
  max-width: 400px;
  background: #fff;
  color: #333;
  border: 1px solid #158FEF;
  border-radius: 3px;
}
@media only screen and (max-width: 639px) {
  .monthly-annual-switch {
    max-width: 100%;
  }
}

.monthly-annual-switch__button {
  cursor: pointer;
  float: left;
  width: 50%;
  height: 34px;
  padding: 9px;
  line-height: 16px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
}
.monthly-annual-switch__button:hover {
  color: #4285f4;
}

.monthly-annual-switch__button--active {
  background: #158FEF;
  color: #fff !important;
}

.monthly-annual-message {
  margin-top: 8px;
}

.reccommended-subscription-message {
  margin: 8px 0;
}

.summary-optional-buttons {
  position: relative;
  height: 36px;
  margin-bottom: 24px;
}

.summary-optional-buttons__credit-coupon {
  position: absolute;
  top: 0;
  width: 200px;
  max-width: 50%;
  left: 0;
}

.invoice-panel {
  position: relative;
  padding-left: 160px;
  padding: 12px 0;
  background: #fafafa;
}
.invoice-panel:before {
  position: absolute;
  right: 140px;
  content: "";
  top: 0;
  height: 100%;
  border-left: 1px solid #d3d3d3;
}

.invoice-panel--grey {
  background: #f1f1f1;
}

.invoice-panel__title {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
  line-height: 16px;
  padding: 16px 24px 8px;
}
@media only screen and (max-width: 1179px) {
  .invoice-panel__title {
    position: static;
    padding: 0 24px 8px;
  }
}

.invoice-item {
  position: relative;
  padding-right: 140px;
}

.invoice-item__item,
.invoice-item__value {
  line-height: 16px;
  padding: 4px 24px;
  text-align: right;
}

@media only screen and (max-width: 1179px) {
  .invoice-item__item,
.invoice-item__value {
    text-align: left;
  }
}

.invoice-item__value {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
}

.invoice-total {
  margin: 24px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
}

.invoice-note {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  padding: 4px 24px;
  font-style: italic;
  text-align: right;
}
@media only screen and (max-width: 1179px) {
  .invoice-note {
    text-align: left;
  }
}

.subscription-list__item {
  margin: 0 0 8px;
}
.subscription-list__item:last-child {
  margin: 0;
}

.subscription-item {
  position: relative;
  padding: 0 0 0 80px;
  min-height: 80px;
  background: #f1f1f1;
  border-radius: 3px;
}

.subscription-item--pricetag {
  padding-right: 200px;
}

.subscription-item--margin {
  margin-bottom: 8px;
}

.subscription-item__icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 16px;
  width: 80px;
  background: #d8d8d8;
  border-radius: 3px 0 0 3px;
}

.subscription-item__icon--blue {
  background-color: #158FEF;
}

.subscription-item__icon--purple {
  background-color: #8a4dc7;
}

.subscription-item__icon--stealth {
  background-color: #303847;
}

.subscription-item__title {
  display: table-cell;
  vertical-align: middle;
  padding: 24px 24px 12px 24px;
  line-height: 32px;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
}

.subscription-item__status {
  color: #fff;
  border-radius: 3px;
  padding: 4px 8px;
  background: #1CC526;
  font-weight: 600;
  display: inline-block;
}

.subscription-item__content {
  padding: 0 24px 24px;
}

.subscription-item__alert {
  padding: 0;
}

.subscription-item__pricetag {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  padding: 24px 24px 24px 0;
  line-height: 32px;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  width: 200px;
  white-space: nowrap;
}

.unlock-application-list li {
  margin: 0 0 2px;
}
.unlock-application-list li:last-child {
  margin: 0;
}

.unlock-application-item {
  position: relative;
  padding: 0 56px 0 56px;
  background: #f1f1f1;
}

.unlock-application-icon {
  position: absolute;
  left: 0;
  top: 0;
  padding: 8px;
}

.unlock-application-name {
  display: table-cell;
  vertical-align: middle;
  height: 48px;
}

.unlock-application-button {
  position: absolute;
  width: 40px;
  top: 8px;
  right: 8px;
}

.plan-product {
  position: relative;
  padding: 24px;
  border-bottom: 1px solid #e8e8e8;
}
.plan-product:last-child {
  border: none;
}

.product-icon--crash-reporting {
  background-color: #158FEF;
  background-image: url("../images/icon-products/48--crash-reporting.svg");
  background-size: 24px;
  background-position: center;
}

.product-icon--pulse {
  background-color: #8a4dc7;
  background-image: url("../images/icon-products/48--pulse.svg");
  background-size: 24px;
  background-position: center;
}

.product-header {
  position: relative;
  padding-right: 240px;
}
@media only screen and (max-width: 639px) {
  .product-header {
    padding-right: 0;
  }
}

.product-header__name {
  padding: 6px 0;
}

.product-header__actions {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 639px) {
  .product-header__actions {
    position: static;
    margin-top: 12px;
  }
}

.product-actions {
  position: relative;
  width: 240px;
}
@media only screen and (max-width: 639px) {
  .product-actions {
    width: auto;
  }
}

.plan-product__summary {
  margin-top: 16px;
}

.product-summary {
  border-radius: 3px;
  overflow: hidden;
}

.product-summary__item {
  float: left;
  width: 50%;
  background-color: #fafafa;
  padding: 12px;
  border-right: 1px solid #e8e8e8;
}
.product-summary__item:last-child {
  border: none;
}
@media only screen and (max-width: 1059px) {
  .product-summary__item {
    float: none;
    width: 100%;
    border: none;
    border-bottom: 1px solid #e8e8e8;
  }
}

.product-summary-item {
  position: relative;
  padding-left: 32px;
}
.product-summary-item h5 {
  margin: 0 0 8px;
}
.product-summary-item p {
  line-height: 1.4;
}

.product-summary-item__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #808080;
}

.plan-price {
  text-align: center;
  line-height: 32px;
  color: #808080;
}

.credit-coupon-verify {
  margin: 0 auto;
  max-width: 280px;
  padding: 24px 0;
}

.credit-coupon-verify__label {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 6px;
}

.credit-coupon-verify__input {
  margin-bottom: 12px;
}

.credit-coupon-success {
  text-align: center;
}

.credit-coupon-success__title {
  color: #8bc34a;
  font-weight: 600;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 0 12px;
}

.credit-coupon-success__value {
  margin: 24px 0;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
}

.usage-block {
  position: relative;
}

.audit-container {
  padding: 24px;
}

.audit-header {
  position: relative;
  padding: 0 196px 0 0;
}

.audit-timerange-dropdown {
  width: 196px;
  position: absolute;
  right: 0;
  top: 0;
}

.audit-timerange-message {
  padding: 8px 0;
  line-height: 20px;
}

.audit-loading {
  padding: 40px 0;
}

.audit-sidebar {
  position: fixed;
  overflow: auto;
  left: 0;
  bottom: 0;
  top: 48px;
  width: 360px;
  padding: 24px 24px 64px;
  background: #F6F7F8;
  border-right: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1059px) {
  .audit-sidebar {
    padding: 16px;
    top: 0;
    width: 300px;
  }
}
@media screen and (max-width: 960px) {
  .audit-sidebar {
    padding: 12px 0;
    margin: 0 12px;
    position: static;
    height: auto;
    width: auto;
    border: none;
    border-bottom: 1px solid #d3d3d3;
  }
}

.audit-pagination {
  margin: 24px 0 0;
}

.audit-sidebar-mobile {
  display: none;
}
@media screen and (max-width: 960px) {
  .audit-sidebar-mobile {
    display: block;
  }
}

.audit-sidebar-content.is-open {
  display: block !important;
}
@media screen and (max-width: 960px) {
  .audit-sidebar-content {
    display: none;
  }
}

.audit-content-container {
  padding: 0 0 0 360px;
}
@media only screen and (max-width: 1059px) {
  .audit-content-container {
    padding: 0 0 0 300px;
  }
}
@media screen and (max-width: 960px) {
  .audit-content-container {
    padding: 0;
  }
}

.audit-item {
  position: relative;
  padding: 14px 16px 14px 72px;
  background: #fff;
}
@media only screen and (max-width: 639px) {
  .audit-item {
    margin-left: 0;
  }
}
.audit-item:before {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  bottom: -1px;
  left: -2px;
  top: -1px;
  background: #d3d3d3;
}
.audit-item.is-green:before {
  background: #1CC526;
}
.audit-item.is-blue:before {
  background: #158FEF;
}
.audit-item.is-yellow:before {
  background: #ffc539;
}
.audit-item.is-red:before {
  background: #F73415;
}

.audit-section-item .audit-item {
  border: 1px solid #d3d3d3;
  border-top-width: 0;
}
.audit-section-item:first-child .audit-item {
  border-top-width: 1px;
}

.audit-item-avatar {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 32px;
  height: 32px;
  border-radius: 3px;
}

.audit-item-application {
  position: absolute;
  top: 36px;
  left: 36px;
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 2px;
}

.audit-item-heading {
  margin: 2px 0;
  padding: 0 80px 0 0;
  line-height: 16px;
  line-height: 1.4;
}
@media only screen and (max-width: 639px) {
  .audit-item-heading {
    padding: 0;
  }
}

.audit-item-time {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #808080;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 639px) {
  .audit-item-time {
    position: static;
    margin: 2px 0;
  }
}

.audit-item-message {
  margin: 2px 0;
  line-height: 16px;
  line-height: 1.2;
}

.audit-item-errors {
  display: block;
}
.audit-item-errors li {
  line-height: 16px;
  margin: 0 0 2px;
  display: none;
}
.audit-item-errors li:nth-child(1),
.audit-item-errors li:nth-child(2),
.audit-item-errors li:nth-child(3) {
  display: block;
}

.audit-error-list-wrapper.is-expanded li {
  display: block;
}

.audit-item-loadmore {
  margin: 12px 0 0;
}

.audit-sidebar-group {
  margin: 24px 0;
}

.audit-sidebar-heading {
  line-height: 40px;
  padding: 0 0 12px;
  border-bottom: 1px solid #d3d3d3;
}
@media screen and (max-width: 960px) {
  .audit-sidebar-heading {
    display: none;
  }
}

.audit-select-control {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding: 4px;
}

.audit-select-split {
  width: 50%;
  float: left;
  padding: 3px;
}

.audit-select-button {
  cursor: pointer;
  display: block;
  width: 100%;
  border: none;
  background: #F6F7F8;
  border-radius: 3px;
  padding: 4px;
  font-family: "Open Sans", arial, helvetica, sans-serif;
}

.audit-sidebar-section {
  margin: 8px 0;
  background: #fff;
  border: 1px solid #d3d3d3;
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
}

.audit-toggle-button {
  cursor: pointer;
  position: relative;
  display: block;
  background: #fff;
  padding: 16px 48px 16px 16px;
  font-weight: 600;
}
.audit-toggle-button .icon-16 {
  position: absolute;
  top: 16px;
  right: 16px;
}
.audit-toggle-button:hover {
  color: #158FEF;
}
.audit-toggle-button .icon-16:before {
  content: "\e5ab";
}
.audit-toggle-button.is-active {
  color: #158FEF;
}
.audit-toggle-button.is-active .icon-16:before {
  content: "\e5a9";
}

.audit-toggle-content {
  overflow: hidden;
}
.audit-toggle-content.is-collapsed {
  height: 0;
}

.audit-sidebar-list li {
  width: 100%;
  border-top: 1px solid #F6F7F8;
}
.audit-sidebar-list li:first-child {
  border: none;
}

.audit-list-item {
  display: block;
  width: 100%;
  cursor: pointer;
  position: relative;
  line-height: 16px;
  padding: 12px 12px 12px 40px;
}
.audit-list-item.has-avatar {
  padding: 12px 12px 12px 80px;
}
.audit-list-item .solo-checkbox {
  position: absolute;
  left: 12px;
  top: 12px;
}
.audit-list-item .avatar-24 {
  position: absolute;
  left: 40px;
  top: 8px;
}

.audit-list-item-animate {
  margin-left: 0;
  transition: margin-left 0.5s ease;
}

.audit-list-item-animate.animate-out {
  margin-left: -110%;
}

.force-refresh {
  height: 40px;
  float: right;
}
.force-refresh p {
  margin: 0 40px 0 0;
  padding: 11px;
  line-height: 16px;
  height: 40px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #f1f1f1;
  border-right: none;
  background: #F6F7F8;
}
.force-refresh .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  float: right;
}

.report-heading {
  position: relative;
  line-height: 32px;
  height: 32px;
}
.report-heading .filter-button {
  position: absolute;
  top: 0;
  right: 0;
}

.raygun-loading {
  padding: 24px 0;
}

.overview-heading {
  position: relative;
}

.overview-controls {
  position: absolute;
  right: 0;
  top: 0;
}

.overview-chart {
  height: 180px;
}

#chart_container {
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
}

#graphArea {
  height: 240px;
}

span.overview-action-link {
  color: #bbb;
}

.overview-action-link {
  float: left;
  margin: 0 8px 0 0;
  width: 16px;
  height: 16px;
  display: block;
}
.overview-action-link:last-child {
  margin: 0;
}

.overview-table-mob {
  display: none;
}

@media only screen and (max-width: 1059px) {
  .overview-table-mob {
    display: table-cell;
  }
}
.overview-table__cell, .overview-table__cell span {
  display: block;
  word-wrap: break-word;
}

.overview-cell-message {
  margin: 0 0 2px;
}

.overview-cell-message--users {
  margin-right: 70px;
}

.overview-cell-time {
  float: left;
}

.overview-cell-count {
  float: right;
  clear: right;
}

.overview-cell-users {
  float: right;
}

.nodata-message {
  position: relative;
  padding: 24px 0;
  text-align: center;
}

.overview-merge-errors h4 {
  margin: 0 0 8px;
}

.overview-merge-error {
  padding: 12px;
  line-height: 16px;
  background: #F6F7F8;
  border-radius: 3px;
}

.overview-merge-swap {
  padding: 24px 0;
}
.overview-merge-swap .button {
  margin: 0 auto;
  display: block;
  width: 40px;
}

.merge-selected-errors {
  margin: 0 0 24px;
}

.merge-error {
  position: relative;
  padding: 12px 40px 12px 12px;
  line-height: 16px;
  height: 40px;
  background: #F6F7F8;
  margin: 0 0 2px;
  border-radius: 3px;
  overflow: hidden;
}
.merge-error:last-child {
  margin: 0;
}

.merge-remove {
  position: absolute;
  display: block;
  padding: 11px;
  top: 0;
  right: 0;
  color: #ddd;
  cursor: pointer;
}
.merge-remove:hover, .merge-remove:active {
  color: #333;
}
.merge-remove:active {
  background: #f1f1f1;
}

.button-expander {
  display: block;
  border: none;
  outline: none;
  color: #808080;
  width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
.button-expander:hover {
  background: #ddd;
}
.button-expander:active, .button-expander:focus {
  background: #d8d8d8;
}

.waterfall-options {
  display: flex;
  flex-direction: row;
  padding-left: 32px;
  justify-content: flex-end;
  margin-right: 8px;
}
@media only screen and (max-width: 639px) {
  .waterfall-options {
    justify-content: flex-start;
    flex-direction: column;
  }
}
.waterfall-options .option {
  padding: 8px;
}

.split-table-chart {
  position: relative;
}
.split-table-chart .split-table {
  width: 100%;
}
.split-table-chart .split-chart {
  width: 300px;
  position: absolute;
  top: 0;
  right: 16px;
}
@media only screen and (max-width: 1059px) {
  .split-table-chart .split-chart {
    right: 16px;
  }
}
.split-table-chart .split-waterfall {
  width: 300px;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 639px) {
  .split-table-chart {
    overflow-x: auto;
  }
  .split-table-chart .split-waterfall {
    left: 100%;
  }
}

div.split-table-graph {
  position: relative;
  top: 3px;
}
div.split-table-graph > div {
  overflow: visible !important;
}

.table-pagination-controls {
  position: absolute;
  top: 11px;
  right: 24px;
}

.chart-standard {
  height: 350px;
}

.chart-small {
  height: 220px;
}

.chart-map {
  height: 412px;
}

.chart-map--tiny {
  height: 188px;
}

.chart-geo-layers {
  height: 64px;
}

.chart-geo-live-pulse {
  height: 150px;
}

.chart-gauge {
  width: 100px;
  height: 100px;
  position: absolute;
}

.chart-bar-trend {
  width: 104px;
  height: 56px;
  border-bottom: 1px solid #ddd;
}

.metric .chart-bar-trend {
  margin: 0px auto;
}

.chart-line-trend {
  width: 104px;
  height: 56px;
  margin: 0px auto;
}

.gauge-label {
  position: absolute;
}

.split-table-chart,
.chart-map,
.chart-standard {
  margin-bottom: 0;
}

.module-chart-small {
  min-height: 270px;
}

.rum-summary-list {
  margin: 12px 24px;
}

.rum-summary-item {
  float: left;
  width: 50%;
  padding: 24px;
}

.rum-summary-property,
.rum-summary-value {
  text-align: center;
  font-weight: 600;
  color: #808080;
}

.rum-summary-value {
  font-size: 30px;
  font-size: 3rem;
  border-bottom: 1px solid #855eae;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.log-checkbox {
  float: right;
  display: inline-block;
  padding-right: 20px;
}
.log-checkbox input {
  display: inline-block;
  vertical-align: middle;
}
.log-checkbox span {
  display: inline-block;
  vertical-align: middle;
}

.rum-set-up__api-key {
  width: 500px;
}

.pulse-datepicker-live {
  cursor: not-allowed;
  height: 32px;
  border-radius: 3px;
  padding: 8px;
  color: #808080;
  background: #f1f1f1;
}

.ana-score-icon {
  background-repeat: no-repeat;
  width: 56px;
  height: 56px;
  margin: 0 auto;
}
.ana-score-icon.is-positive {
  background-image: url(../images/pulse-icons/health-score-good.png);
}
.ana-score-icon.is-neutral {
  background-image: url(../images/pulse-icons/health-score-average.png);
}
.ana-score-icon.is-negative {
  background-image: url(../images/pulse-icons/health-score-bad.png);
}

html.svg .ana-score-icon.is-positive {
  background-image: url(../images/pulse-icons/health-score-good.svg);
}
html.svg .ana-score-icon.is-neutral {
  background-image: url(../images/pulse-icons/health-score-average.svg);
}
html.svg .ana-score-icon.is-negative {
  background-image: url(../images/pulse-icons/health-score-bad.svg);
}

.ana-user-satisfaction-icon {
  display: block;
  background-repeat: no-repeat;
  width: 56px;
  height: 56px;
  margin: 0 auto;
}
.ana-user-satisfaction-icon.is-positive {
  background-image: url(../images/pulse-icons/smilie-happy.png);
}
.ana-user-satisfaction-icon.is-neutral {
  background-image: url(../images/pulse-icons/smilie-neutral.png);
}
.ana-user-satisfaction-icon.is-negative {
  background-image: url(../images/pulse-icons/smilie-sad.png);
}

html.svg .ana-user-satisfaction-icon.is-positive {
  background-image: url(../images/pulse-icons/smilie-happy.svg);
}
html.svg .ana-user-satisfaction-icon.is-neutral {
  background-image: url(../images/pulse-icons/smilie-neutral.svg);
}
html.svg .ana-user-satisfaction-icon.is-negative {
  background-image: url(../images/pulse-icons/smilie-sad.svg);
}

.ana-tab-nodata {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 32px;
  line-height: 1.4;
  color: #808080;
  text-align: center;
}

@media only screen and (min-width: 1060px) {
  .unsupported-metric {
    height: 128px;
  }
}

.unsupported-metric__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (max-width: 1059px) {
  .unsupported-metric__container {
    flex-direction: row;
    padding: 0;
  }
}

.unsupported-metric__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 1059px) {
  .unsupported-metric__body {
    margin-top: 0;
    align-items: flex-end;
  }
}

.rum-subpage-header {
  padding-left: 16px;
  padding-top: 24px;
}
@media only screen and (min-width: 1180px) {
  .rum-subpage-header {
    padding-left: 24px;
  }
}

.rum-header-text {
  font-size: 1.6rem;
  color: #424242;
  line-height: 32px;
  font-weight: 600;
}

.live-users {
  position: relative;
  padding-left: 56px;
}

.live-users__chart {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
}

.live-users__data {
  margin-left: 12px;
}

.live-users-table {
  width: 100%;
  table-layout: fixed;
}
.live-users-table tr {
  border-bottom: 1px solid #e8e8e8;
}
.live-users-table td {
  padding: 4px 0;
}
.live-users-table td:last-child {
  text-align: right;
}

.live-users-table__users-total {
  line-height: 16px;
  font-size: 14px;
  font-size: 1.4rem;
}

.live-users-table__users-new,
.live-users-table__users-returning {
  line-height: 16px;
  font-size: 12px;
  font-size: 1.2rem;
}

.table__cell--latest-crashes-users {
  width: 328px;
}
@media only screen and (min-width: 1180px) {
  .table__cell--latest-crashes-users {
    width: 468px;
  }
}

.graph-block-number__value {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  color: #333;
}

.graph-block-number__value--margin {
  margin-bottom: 4px;
}

.graph-block-number__label {
  font-weight: 600;
}

.graph-block-number__label--margin {
  margin-bottom: 4px;
}

.graph-block-chart {
  height: 64px;
}

.graph-block-chart__x-axis {
  border-top: 1px solid #ddd;
}
.graph-block-chart__x-axis .chart-tags li:last-child {
  float: right;
}

.graph-block-list {
  position: relative;
  padding-left: 72px;
  height: 16px;
  line-height: 16px;
  margin-bottom: 4px;
}

.graph-block-list__speed {
  position: absolute;
  left: 0;
  top: 0;
}

.graph-block-list__item--tag {
  width: 12px;
}

.graph-block-list__item--country {
  margin-right: 0;
  line-height: 16px;
}

@media only screen and (max-width: 1179px) {
  .graph-block-list__item--country {
    max-width: 154px;
  }
}
.graph-block-list__item--value {
  width: 55px;
}

.graph-block-tag {
  width: 16px;
  height: 16px;
  display: block;
  padding: 4px;
}
.graph-block-tag:before {
  display: block;
  content: "";
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background: #d8d8d8;
}
.graph-block-tag--remove-before:before {
  display: none;
}
.graph-block-tag--remove-vert-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.graph-block-tag--blue-1:before {
  background-color: #0C558F;
}

.graph-block-tag--blue-2:before {
  background-color: #0E63A6;
}

.graph-block-tag--blue-3:before {
  background-color: #1072BF;
}

.graph-block-tag--blue-4:before {
  background-color: #1280D6;
}

.graph-block-tag--blue-5:before {
  background-color: #158FEF;
}

.graph-block-tag--blue-6:before {
  background-color: #2C9AF0;
}

.graph-block-tag--blue-7:before {
  background-color: #43A5F2;
}

.graph-block-tag--blue-8:before {
  background-color: #5CB0F3;
}

.graph-block-tag--blue-9:before {
  background-color: #72BBF5;
}

.graph-block-tag--blue-10:before {
  background-color: #8AC7F7;
}

.graph-block-tag--distribution-1:before {
  background-color: #E20000;
}

.graph-block-tag--distribution-2:before {
  background-color: #EE5C52;
}

.graph-block-tag--distribution-3:before {
  background-color: #F08888;
}

.graph-block-tag--distribution-4:before {
  background-color: #FFAB00;
}

.graph-block-tag--distribution-5:before {
  background-color: #FFD740;
}

.graph-block-tag--distribution-6:before {
  background-color: #FFEB3B;
}

.graph-block-tag--distribution-7:before {
  background-color: #B0E1B5;
}

.graph-block-tag--distribution-8:before {
  background-color: #76C47D;
}

.graph-block-tag--distribution-9:before {
  background-color: #4CAF50;
}

.graph-block-tag--distribution-10:before {
  background-color: #388E3C;
}

.banner {
  padding: 24px;
  margin-bottom: 24px;
}

.banner--peg {
  position: relative;
}
.banner--peg:before {
  content: "";
  bottom: -10px;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  background-color: #8a4dc7;
  position: absolute;
}

.banner--purple {
  background-color: #8a4dc7;
  color: #fff;
}

.banner__rum-image {
  max-width: 660px;
  margin: 20px auto;
}

.banner__rum-image__image {
  width: 100%;
}

.banner__heading-1 {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: normal;
  margin-bottom: 12px;
}

.banner__heading-2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
}

@media only screen and (max-width: 1059px) {
  .table-recent-requests .table__cell--gutter {
    display: none;
  }
  .table-recent-requests thead {
    display: none;
  }
  .table-recent-requests tr,
.table-recent-requests td {
    display: block;
  }
  .table-recent-requests tr {
    position: relative;
    padding: 0 12px 24px;
    overflow: hidden;
    margin-bottom: 4px;
  }
  .table-recent-requests td {
    float: left;
  }
  .table-recent-requests .table-recent-requests__bug,
.table-recent-requests .table-recent-requests__time,
.table-recent-requests .table-recent-requests__location,
.table-recent-requests .table-recent-requests__user {
    margin-left: 8px;
  }
  .table-recent-requests .table-recent-requests__time,
.table-recent-requests .table-recent-requests__location,
.table-recent-requests .table-recent-requests__user {
    padding-left: 0;
    padding-right: 0;
  }
  .table-recent-requests .table-recent-requests__time {
    width: 180px;
    max-width: 180px;
  }
  .table-recent-requests .table-recent-requests__page {
    clear: both;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 60px;
    padding-right: 30px;
  }
  .table-recent-requests .table-recent-requests__user {
    padding-top: 4px;
    padding-bottom: 4px;
    width: 170px;
  }
  .table-recent-requests .table-recent-requests__location {
    width: 130px;
  }
}
.table__cell--session {
  width: 48px;
  padding-right: 0;
}

@media only screen and (max-width: 639px) {
  .table-recent-requests tr {
    margin-bottom: 24px;
  }
  .table-recent-requests .table-recent-requests__bug {
    display: none;
  }
  .table-recent-requests td,
.table-recent-requests .table-recent-requests__time {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .table-recent-requests .table-recent-requests__page {
    padding-left: 20px;
  }
}
.latency-container {
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
}

.modal-effect {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.generic-tooltip {
  background: #fff;
  padding: 6px;
  color: #333 !important;
  pointer-events: none;
}

.latency-info {
  min-width: 150px;
  background-color: #fff;
  padding: 6px;
  color: #333 !important;
  pointer-events: none;
}

.latency-info__table {
  min-width: 100%;
  font-size: 12px;
}

.latency-info__table__cell {
  line-height: 16px;
}

.latency-info__table__cell {
  white-space: nowrap;
  padding-left: 12px;
  padding-bottom: 1px;
}
.latency-info__table__cell:first-child {
  padding-left: 0;
}

.table-standard .latency-info__table__row {
  border-bottom: 0;
}

.latency-info-tag-wrapper {
  float: left;
  position: relative;
  padding: 0 0 0 12px;
}

.meter-list__item {
  position: relative;
  height: 32px;
  margin-bottom: 24px;
}
.meter-list__item:last-child {
  margin-bottom: 0;
}

.meter-list__item__subitem {
  position: absolute;
  bottom: 10px;
}

.meter-list__item__subitem--category {
  left: 0;
}

.meter-list__item__subitem--abs-val {
  right: 48px;
  width: 60px;
}
.meter-list__item__subitem--abs-val .icon-16 {
  color: #d8d8d8;
}

.meter-list__item__subitem--rel-val {
  right: 0;
}

.meter-list__item__meter {
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  background-color: #ddd;
}

.meter-list__item__meter__bar {
  height: inherit;
  background-color: #158FEF;
  width: 0;
  transition: width 0.5s ease-out;
}

.meter-list__item__meter__bar--purple {
  background-color: #855eae;
}

.meter-list__item__meter__bar--green {
  background-color: #00ad09;
}

.meter-list__item__meter__bar--grey {
  background-color: #cfcfcd;
}

.meter-list__item__meter__bar--red {
  background-color: #fa5028;
}

.rum-bars {
  width: 100%;
  text-align: center;
}

.rum-bars__item {
  float: left;
  width: 33.333%;
  padding: 0 6px;
}

.rum-bars__item__value {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  margin: 12px 0 3px;
  font-weight: 600;
  color: #cfcfcd;
}

.rum-bars__item__lable {
  text-align: center;
}

.rum-bar {
  width: 30px;
  height: 50px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.rum-bar__forground,
.rum-bar__forground {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.rum-bar__forground {
  background-color: #855eae;
}

.rum-bar__background {
  background-color: #f1f1f1;
  height: 100%;
}

.truncated-timeline__header {
  padding-top: 12px;
}

.session-active {
  border-top: 1px solid #d3d3d3;
  padding: 12px;
  background: rgba(21, 143, 239, 0.1);
}

.ps-display-header {
  padding-bottom: 24px;
}

.ps-display-control {
  padding-bottom: 16px;
}

.ps-segment-rule-description {
  padding-top: 8px;
}

.ps-segment-rule {
  padding: 8px 16px;
  position: relative;
  background-color: #f1f1f1;
}

.ps-segment-rule--border-bottom {
  border-bottom: 1px solid #d3d3d3;
}

.ps-segment-rule__info {
  padding-right: 16px;
}

.ps-segment-rule__options {
  position: absolute;
  top: 12px;
  right: 16px;
}

.ps-rule-close-btn {
  opacity: 0.7;
}
.ps-rule-close-btn:hover {
  opacity: 1;
}
.ps-rule-close-btn:active {
  transform: translate(0, 1px);
}

.ps-segment-rule--input {
  padding: 8px;
}

@media only screen and (max-width: 1059px) {
  .ps-segment-rule__input {
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 1060px) {
  .ps-segment-rule__input {
    margin-right: 188px;
  }
}

@media only screen and (min-width: 1060px) {
  .ps-segment-rule__submit {
    width: 180px;
    position: absolute;
    right: 8px;
    top: 8px;
  }
}

.ps-insight-helptip {
  padding-right: 24px;
  padding-top: 4px;
}

.ps-insight-helptip--box {
  padding: 8px;
}

.compare-summary {
  background-color: #F8FAFB;
  text-align: center;
  padding: 24px;
}

.compare-summary__text {
  font-size: 14px;
  font-size: 1.4rem;
  color: #78909C;
}
@media only screen and (max-width: 639px) {
  .compare-summary__text {
    display: block;
    line-height: 1.6;
  }
}

.compare-summary__icon {
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 24px;
  display: none;
}
@media only screen and (max-width: 639px) {
  .compare-summary__icon {
    margin: 0 0 24px 0;
  }
}

.compare-summary__icon--active {
  display: inline-block;
}

.compare-summary__icon--first {
  background-image: url("../images/pulse-icons/trophy-first.svg");
}

.compare-summary__icon--second {
  background-image: url("../images/pulse-icons/trophy-second.svg");
}

.no-svg .compare-summary__icon--first {
  background-image: url("../images/pulse-icons/trophy-first.png");
}
.no-svg .compare-summary__icon--second {
  background-image: url("../images/pulse-icons/trophy-second.png");
}

.compare-dimension-selector {
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1180px) {
  .compare-dimension-selector {
    margin-bottom: 40px;
  }
}

.compare-input-container {
  text-align: center;
}
.compare-input-container:before {
  opacity: 0.25;
  content: " ";
  width: 72px;
  height: 4px;
  border-radius: 2px;
  display: block;
  margin: 0 auto 24px;
}

.compare-input-container--first:before {
  background-color: #479af0;
}

.compare-input-container--second:before {
  background-color: #f6b458;
}

.compare-input-container--active:before {
  opacity: 1;
}

.show-in-button {
  display: none;
}

.compare-input-button {
  font-size: 32px;
  font-size: 3.2rem;
  color: #666;
  border: 0;
  text-align: left;
  font-weight: 600;
  margin-bottom: 24px;
  height: auto;
  line-height: normal;
}
.compare-input-button:hover {
  box-shadow: none;
}
.compare-input-button[disabled] {
  background-color: #fff;
  color: #78909C;
}
.compare-input-button[disabled]:hover, .compare-input-button[disabled]:active {
  color: #78909C;
  background-color: #fff;
}
.compare-input-button .compare-country-name {
  font-size: 0.4em;
  display: block;
  margin-top: 0.5em;
}
.compare-input-button .compare-url {
  font-size: 0.4em;
  display: block;
  word-break: break-all;
  white-space: normal;
  max-width: 250px;
  margin-top: 0.5em;
}
.compare-input-button .hide-in-button {
  display: none;
}
.compare-input-button .show-in-button {
  display: block;
}
.compare-input-button .button-ui__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: 240px;
  text-align: center;
}
@media only screen and (max-width: 1059px) {
  .compare-input-button {
    font-size: 24px;
  }
}

.compare-icon {
  font-size: 64px;
  font-size: 6.4rem;
  text-align: center;
  display: inline-block;
  width: 64px;
  height: 64px;
}

.compare-icon--first {
  color: rgba(71, 154, 240, 0.25);
}
.compare-icon--first.compare-icon--active {
  color: #479af0;
}

.compare-icon--second {
  color: rgba(246, 180, 88, 0.25);
}
.compare-icon--second.compare-icon--active {
  color: #f6b458;
}

.versus-chart-container {
  text-align: center;
  position: relative;
  margin: 0 auto;
  width: 240px;
}

.versus-chart-container__chart {
  max-width: 240px;
}

.versus-chart-container__overlay {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: absolute;
  top: 51px;
  left: 51px;
  border: 12px solid #E8EEF2;
  box-shadow: inset 0 0 8px 0px rgba(115, 143, 156, 0.45);
}
.versus-chart-container__overlay:before {
  font-size: 28px;
  font-size: 2.8rem;
  content: " ";
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  line-height: 100%;
  font-weight: 600;
  color: #666;
  padding-top: 10.417%;
  background: url(../images/pulse-icons/vs-text.svg) center no-repeat;
}

.no-svg .versus-chart-container__overlay:before {
  background-image: url(../images/pulse-icons/vs-text.png);
}

.compare-health {
  margin-bottom: 24px;
  border-bottom: 1px solid #EEEEEE;
}
.compare-health::before, .compare-health::after {
  content: " ";
  display: table;
}
.compare-health::after {
  clear: both;
}

.compare-health__item {
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (min-width: 640px) {
  .compare-health__item {
    width: 50%;
    float: left;
  }
}

.compare-health-status {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 12px;
}

.compare-health-icon {
  font-family: "raygun-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.compare-health-icon:before {
  font-size: 52px;
  font-size: 5.2rem;
  content: "\e904";
}

.compare-health-icon--status-sad:before {
  content: "\e964";
}

.compare-health-icon--status-neutral:before {
  content: "\e904";
}

.compare-health-icon--status-happy:before {
  content: "\e905";
}

.compare-health__item--first {
  color: #479af0;
}

.compare-health__item--second {
  color: #f6b458;
}

.compare-stat-grid::before, .compare-stat-grid::after {
  content: " ";
  display: table;
}
.compare-stat-grid::after {
  clear: both;
}

@media only screen and (min-width: 640px) {
  .compare-stat-grid__item {
    float: left;
    width: 50%;
    padding: 24px 0;
  }
}

@media only screen and (min-width: 640px) {
  .compare-stat-grid__item--border-right {
    border-right: 1px solid #EEEEEE;
  }
  .compare-stat-grid__item--border-bottom {
    border-bottom: 1px solid #EEEEEE;
  }
  .compare-stat-grid__item--padding-left {
    padding-left: 24px;
  }
}
.compare-stat__title {
  margin-bottom: 24px;
}

.compare-stat__chart .chart-host {
  height: 40px;
}
.compare-stat__chart .chart-host--percentage {
  height: 64px;
}

.compare-section__title {
  margin-bottom: 24px;
}
.compare-section__title::before, .compare-section__title::after {
  content: " ";
  display: table;
}
.compare-section__title::after {
  clear: both;
}

.compare-section__chart {
  margin-bottom: 24px;
}
.compare-section__chart::before, .compare-section__chart::after {
  content: " ";
  display: table;
}
.compare-section__chart::after {
  clear: both;
}

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

.compare-section__chart--border-bottom {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 24px;
}

.compare-section__footer::before, .compare-section__footer::after {
  content: " ";
  display: table;
}
.compare-section__footer::after {
  clear: both;
}

.compare-section__content::before, .compare-section__content::after {
  content: " ";
  display: table;
}
.compare-section__content::after {
  clear: both;
}

.compare-section__content--margin-bottom {
  margin-bottom: 24px;
}

.compare-section__footnote {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  font-style: italic;
  margin-top: 12px;
}

.compare-geo-title-mode {
  text-transform: capitalize;
}

@media only screen and (max-width: 639px) {
  .compare-dual-table-container .split-table-chart {
    overflow-x: visible;
  }
}
.compare-dual-table-container .dual-table .split-table {
  padding-left: 4px;
  position: relative;
}
.compare-dual-table-container .dual-table .split-table:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: -10px;
  display: block;
}
@media only screen and (min-width: 1180px) {
  .compare-dual-table-container .dual-table .split-table {
    padding-left: 40px;
  }
  .compare-dual-table-container .dual-table .split-table:before {
    left: 16px;
  }
}
.compare-dual-table-container .dual-table--left .split-table:before {
  background-color: #479af0;
}
.compare-dual-table-container .dual-table--right .split-table:before {
  background-color: #f6b458;
}

.compare-dual-table-container--no-header thead {
  display: none;
}

.compare-percentage {
  display: flex;
  display: -ms-flexbox;
  flex: 0 auto;
  -ms-flex: 0 auto;
  flex-flow: row;
  -ms-flex-flow: row;
  align-items: center;
  -ms-flex-align: center;
}
.compare-percentage::before, .compare-percentage::after {
  content: " ";
  display: table;
}
.compare-percentage::after {
  clear: both;
}

.compare-percentage__chart {
  float: left;
  width: 64px;
  height: 64px;
}

.compare-percentage__legend {
  float: right;
  width: 60%;
  width: calc(100% - 64px);
}

.percentage-chart-legend {
  text-align: right;
}

.percentage-chart-legend__tag {
  position: relative;
  margin: 4px 0 4px 4px;
}

.compare-chart-tag {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 4px 1px 0;
}

.compare-chart-tag--first {
  background: #479af0;
}

.compare-chart-tag--second {
  background: #f6b458;
}

.compare-info-link {
  padding: 24px;
  background-color: #F8FAFB;
}
.compare-info-link::before, .compare-info-link::after {
  content: " ";
  display: table;
}
.compare-info-link::after {
  clear: both;
}
@media only screen and (max-width: 639px) {
  .compare-info-link {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

.compare-info-link__icon {
  width: 32px;
  float: left;
}

.compare-info-link__text {
  padding-left: 56px;
  color: #666;
  line-height: 1.57;
}
.compare-info-link__text a {
  font-weight: 600;
  text-decoration: underline;
}
.compare-info-link__text a, .compare-info-link__text a:hover, .compare-info-link__text a:active {
  color: inherit;
}

.compare-key::before, .compare-key::after {
  content: " ";
  display: table;
}
.compare-key::after {
  clear: both;
}

.compare-key--right {
  float: right;
}

.compare-key__item {
  float: left;
  margin-left: 8px;
}
.compare-key__item:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

.compare-key__item--first:before {
  background-color: #479af0;
}

.compare-key__item--second:before {
  background-color: #f6b458;
}

.compare-key-link {
  vertical-align: middle;
}
.compare-key-link, .compare-key-link:hover, .compare-key-link:active {
  color: #616161;
}

.users-table a {
  white-space: nowrap;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.users-data-table {
  width: 100%;
}
.users-data-table td {
  padding: 0 0 12px;
}
.users-data-table tr:last-child td {
  padding: 0;
}
.users-data-table a {
  white-space: nowrap;
  text-decoration: underline;
}

td.table-label {
  width: 180px;
  padding: 0 16px 12px 0;
}

.table-data-icon {
  display: block;
  position: relative;
  padding: 0 0 0 24px;
}
.table-data-icon .avatar-16,
.table-data-icon .icon-16 {
  position: absolute;
  left: 0;
}

.users-loading-module {
  padding: 80px 0;
}

.content-button.clearfix .button, .content-button.form-footer .button {
  display: block;
  float: left;
}

.user-tracking-image {
  background-image: url(../images/user-tracking/user-tracking-image.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 408px 272px;
  height: 272px;
}

html.svg .user-tracking-image {
  background-image: url(../images/user-tracking/user-tracking-image.svg);
}

.user-details-module,
.user-statistic-module {
  min-height: 200px;
}

.language-list {
  margin: 24px 0;
}
.language-list li {
  width: 33.3333333333%;
  float: left;
}
@media only screen and (max-width: 639px) {
  .language-list li {
    width: 50%;
  }
}

.language-link {
  display: block;
  position: relative;
  padding: 12px 12px 12px 48px;
  line-height: 24px;
  color: #333 !important;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.language-link:hover, .language-link:active {
  background: #F6F7F8;
}
.language-link .language-icon {
  position: absolute;
  display: block;
  top: 12px;
  left: 12px;
  padding: 4px;
  background: #333;
  color: #fff;
  border-radius: 2px;
  width: 24px;
  height: 24px;
}
.language-link .language-icon .raygun-icon:before {
  color: inherit;
}

.contact-icon-container .icon-16 {
  float: left;
  margin: 0 8px 0 0;
}

.user-error-occurences {
  display: block;
  max-width: 80px;
}

.affected-user-label {
  line-height: 32px;
  display: inline-block;
}

.affected-user-drop-down-wrapper {
  height: 32px;
}

.users-controls {
  position: relative;
  min-height: 32px;
}

.users-controls__left {
  position: absolute;
  left: 0;
  top: 0;
}

.users-controls__center {
  line-height: 24px;
  padding: 4px;
  text-align: center;
}

/*.users-controls__center {
  margin: auto;
}*/
@media only screen and (max-width: 639px) {
  .users-controls__left {
    float: none;
  }
}

.social-profiles li {
  float: left;
  margin-left: 4px;
}
.social-profiles li:first-child {
  margin-left: 0;
}

.users-search {
  position: relative;
  padding-left: 400px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1179px) {
  .users-search {
    padding: 0;
  }
}

.users-search__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  max-width: 100%;
}
@media only screen and (max-width: 1179px) {
  .users-search__input {
    position: static;
    margin-bottom: 12px;
  }
}

.users-search__anonymous {
  padding: 12px;
  margin-left: 12px;
}
@media only screen and (max-width: 1179px) {
  .users-search__anonymous {
    margin: 0;
  }
}

.users-search__download {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 4px;
  margin-left: 12px;
}
@media only screen and (max-width: 1179px) {
  .users-search__download {
    position: static;
    margin: 0;
  }
}

@media screen and (max-width: 1400px) and (min-width: 640px) {
  .table-affected-users {
    display: block;
  }
  .table-affected-users thead {
    display: none;
  }
  .table-affected-users .user-alternative-thead {
    display: block;
  }
  .table-affected-users .user-alternative-thead tr {
    padding-left: 16px;
  }
  .table-affected-users tbody, .table-affected-users td, .table-affected-users tr {
    display: block;
  }
  .table-affected-users td {
    float: left;
    width: 50%;
    max-width: 50%;
    padding: 4px;
    min-height: 24px;
    padding: 0 0 0 120px;
    margin: 0 0 4px;
    position: relative;
    height: auto;
  }
  .table-affected-users td:before {
    content: attr(data-content);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: inherit;
  }
  .table-affected-users tr {
    padding: 8px 16px 8px 44px;
    position: relative;
    overflow: hidden;
  }
  .table-affected-users .table__cell--gutter {
    display: none;
  }
  .table-affected-users .user-cell--checkbox {
    position: absolute;
    top: 8px;
    left: 16px;
    width: 24px;
    padding: 0;
  }
  .table-affected-users .user-cell--checkbox:before {
    display: none;
  }
  .table-affected-users td:nth-child(5),
.table-affected-users td:nth-child(7),
.table-affected-users td:nth-child(9) {
    clear: left;
  }
}
.user-tile {
  position: relative;
  border: 1px solid #d3d3d3;
  background: #f5f5f5;
  padding: 0 0 0 192px;
  background: white;
  min-height: 240px;
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
}
@media only screen and (max-width: 639px) {
  .user-tile {
    padding: 0;
  }
}

.user-tile--no-avatar {
  padding: 0;
}

.user-tile__aside {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding: 24px 0;
  width: 192px;
  border-right: 1px solid #e8e8e8;
}
@media only screen and (max-width: 639px) {
  .user-tile__aside {
    position: static;
    width: auto;
    border-right: none;
  }
}

.user-tile__avatar {
  padding: 0 24px;
  margin: 0 0 12px;
}
.user-tile__content {
  padding: 0 24px;
}

.user-tile__heading {
  line-height: 16px;
  padding: 12px 0;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: 1px solid #d3d3d3;
  margin: 0 0 24px;
}
@media only screen and (max-width: 639px) {
  .user-tile__heading {
    text-align: center;
  }
}

.social-information {
  text-align: center;
}

.social-information__account {
  display: inline-block;
  margin: 0 2px;
}

.social-link {
  display: block;
  cursor: pointer;
  padding: 2px;
  border-radius: 2px;
  color: #808080;
}
.social-link:hover, .social-link:active {
  color: #333;
}

.social-link--facebook:hover, .social-link--facebook:active {
  color: #3b5998;
}

.social-link--linkedin:hover, .social-link--linkedin:active {
  color: #0077b5;
}

.social-link--google-plus:hover, .social-link--google-plus:active {
  color: #d34836;
}

.social-link--twitter:hover, .social-link--twitter:active {
  color: #00aced;
}

.profile-table {
  max-width: 100%;
  table-layout: fixed;
}
.profile-table td {
  padding: 0 0 8px;
}
.profile-table td:first-child {
  padding: 0 24px 8px 0;
}

.devices-tile {
  position: relative;
  height: 240px;
  overflow: hidden;
  background: white;
  border: 1px solid #d3d3d3;
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
}

.devices-tile--expand {
  height: auto;
}
.devices-tile--expand .devices-tile__footer {
  display: none;
}

.devices-tile__header {
  padding: 12px 24px;
  border-bottom: 1px solid #d3d3d3;
}

.devices-tile__content {
  padding: 24px;
}

.devices-tile__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 24px;
  background: white;
  border-top: 1px solid #d3d3d3;
  box-shadow: 0 0 16px 8px rgba(0, 0, 0, 0.2);
}

.user-device {
  position: relative;
  padding: 0 0 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e8e8e8;
}
.user-device:last-child {
  margin: 0;
  border: none;
}

.user-device__icon {
  position: absolute;
  top: 0;
  left: 0;
}

.user-device__type {
  line-height: 16px;
  margin: 0 0 12px;
}

.user-device__platform {
  line-height: 16px;
  margin: 0 0 12px;
}

.user-device__browser {
  line-height: 16px;
}

.profile-product-setup {
  position: relative;
  padding-left: 160px;
}

.profile-product-setup__image {
  position: absolute;
  top: 0;
  left: 0;
}
.profile-product-setup__image:before {
  content: "";
  display: block;
  width: 140px;
  height: 140px;
  background: white;
  border-radius: 3px;
}

.profile-product-setup__content {
  margin-bottom: 16px;
}

.profile-error-stats li {
  width: 25%;
  float: left;
  border-right: 1px solid #e8e8e8;
}
.profile-error-stats li:last-child {
  border: none;
}
@media only screen and (max-width: 1059px) {
  .profile-error-stats li {
    float: none;
    width: auto;
    padding: 8px 0;
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
  }
}

.error-stat {
  position: relative;
  padding: 0 24px;
}
@media only screen and (max-width: 1059px) {
  .error-stat {
    padding: 0;
  }
}

.error-stat__label {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}

.error-stat__result {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 24px;
  font-size: 2.4rem;
}
@media only screen and (max-width: 1059px) {
  .error-stat__result {
    position: absolute;
    right: 0;
    top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.st-header {
  position: relative;
  min-height: 40px;
  margin: 16px 0;
  padding: 12px 140px 12px 12px;
  background: #f1f1f1;
}
.st-header:first-child {
  margin: 0 0 16px;
}
.st-header p {
  line-height: 16px;
}

.st-controls {
  position: absolute;
  right: 4px;
  top: 4px;
}

.st-collapse {
  border-radius: 3px 0 0 3px;
  border-right: none;
  float: left;
}

.st-uncollapse {
  border-radius: 0 3px 3px 0;
  float: left;
}

.st-container.is-expandable:hover .st-expand, .st-container.is-expandable:active .st-expand, .st-container.is-expandable.is-open .st-expand {
  color: #808080;
}
.st-container.is-expandable:active, .st-container.is-expandable.is-open {
  background: #F6F7F8;
}
.st-container.is-expandable.is-open {
  margin: 8px 0;
}
.st-container.is-expandable.is-open .st-variables {
  display: block;
}
.st-container.is-expandable.is-open .st-expand .icon-16 {
  transform: rotate(-90deg);
}
.st-container.is-expandable .js-stackframe-expandable-container .st-line {
  cursor: pointer;
}

.st-container {
  position: relative;
  background: #fff;
  width: 100%;
  border-radius: 3px;
  padding: 2px 0;
  -webkit-transition: margin 80ms ease-out;
  -moz-transition: margin 80ms ease-out;
  -ms-transition: margin 80ms ease-out;
  -o-transition: margin 80ms ease-out;
  transition: margin 80ms ease-out;
}

.st-expand {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  padding: 4px 8px;
  color: #f1f1f1;
}
.st-expand .icon-16 {
  -webkit-transition: transform 80ms ease-in-out;
  -moz-transition: transform 80ms ease-in-out;
  -ms-transition: transform 80ms ease-in-out;
  -o-transition: transform 80ms ease-in-out;
  transition: transform 80ms ease-in-out;
}

.st-line {
  overflow: hidden;
  line-height: 16px;
  padding: 4px 32px 4px 12px;
}

.st-variables {
  border-top: 1px solid #f1f1f1;
  display: none;
  line-height: 16px;
  padding: 8px 24px;
  overflow: auto;
  background: #F6F7F8;
}

.st-variables-heading {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0 0 8px;
}

.st-variables-pre {
  padding: 0 0 0 24px;
  border-left: 2px solid #158FEF;
}

.st-text .st-text-function {
  color: #609407;
}
.st-text .st-text-file {
  color: #1499a6;
}
.st-text .st-text-type {
  color: #dc280a;
}
.st-text .st-text-object {
  color: #0256AD;
}
.st-text .st-text-number {
  color: #fa610b;
}
.st-text .st-text-namespace {
  color: #808080;
}

.stacktrace-error {
  margin: 16px 0 0;
}

.stacktrace-error__item {
  margin: 0 0 1px;
  font-family: Consolas, Courier, Monaco, "Courier New", monospace;
  font-size: 13px;
  font-size: 1.3rem;
  color: #db4437;
  line-height: 1.2;
  padding: 12px;
  background: #FFE1DF;
}
.stacktrace-error__item:last-child {
  margin: 0;
}

.ei-heading {
  position: relative;
  margin: 0 0 12px;
  border-bottom: 1px solid #ddd;
}
.ei-heading h4 {
  line-height: 32px;
  font-size: 14px;
  font-size: 1.4rem;
}

.ei-heading.has-favourite {
  padding: 0 32px 0 0;
}

.ei-heading-favourite {
  z-index: 1;
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
}

.ei-heading-copy-button {
  z-index: 1;
  position: absolute;
  top: 4px;
  right: 73px;
  padding-right: 8px;
  border-right: 1px solid #ddd;
}

.ei-heading-settings-button {
  z-index: 1;
  position: absolute;
  top: 4px;
  right: 32px;
  padding-right: 8px;
  border-right: 1px solid #ddd;
}

.ei-content-item {
  padding: 12px;
  background: #F6F7F8;
  border-radius: 3px;
}

.ei-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 1px;
  background: #f1f1f1;
  line-height: 16px;
}
.ei-table:last-child {
  margin: 0;
}
@media only screen and (max-width: 1059px) {
  .ei-table {
    display: block;
    position: relative;
  }
}

.ei-td {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 1059px) {
  .ei-td {
    display: block;
  }
}

.ei-label,
.ei-result {
  font-size: 13px;
  font-size: 1.3rem;
  word-break: break-all;
  word-break: break-word;
  font-family: "Source Code Pro", Consolas, Courier, Monaco, "Courier New", monospace;
}

.ei-label {
  width: 180px;
  padding: 8px 12px;
  text-align: right;
  font-weight: 600;
}
@media only screen and (max-width: 1059px) {
  .ei-label {
    width: auto;
    text-align: left;
    padding: 8px 32px 0 8px;
  }
}

.ei-result {
  padding: 8px;
  overflow-X: auto;
}

.ei-favourite {
  width: 32px;
}
@media only screen and (max-width: 1059px) {
  .ei-favourite {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.ei-favourite-button {
  display: block;
  background: none;
  padding: 8px;
  border: none;
  cursor: pointer;
  color: #bbb;
  width: 32px;
  height: 32px;
}
.ei-favourite-button:hover {
  color: #808080;
}
.ei-favourite-button:active, .ei-favourite-button.is-active {
  color: #ffc539;
}

.ei-process-button {
  margin: 16px 0 0;
}

.ei-favourite-button {
  position: relative;
}
.ei-favourite-button .icon-16 {
  position: relative;
  z-index: 1;
}
.ei-favourite-button:after {
  position: absolute;
  top: 14px;
  left: 14px;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.ei-favourite-button.is-animate:after {
  box-shadow: 0 0 0 0 #f0f0f0, 0 0 0 0 rgba(255, 197, 57, 0.7);
  animation: fav-animation 0.4s forwards ease-out;
}

@-webkit-keyframes fav-animation {
  100% {
    box-shadow: 0 0 0 12px transparent, 0 0 0 24px rgba(255, 197, 57, 0);
  }
}
@keyframes fav-animation {
  100% {
    box-shadow: 0 0 0 12px transparent, 0 0 0 24px rgba(255, 197, 57, 0);
  }
}
.ei-tag {
  background: #158FEF;
  color: white;
  padding: 2px 4px;
  display: block;
  float: left;
  margin: 2px;
  border-radius: 3px;
}
.ei-tag:hover {
  background: #42A5F5;
  color: white;
}
.ei-tag:active {
  background: #158FEF;
  color: white;
}

.ei-icon-left {
  display: block;
  position: relative;
  padding: 0 0 0 24px;
  line-height: 16px;
}
.ei-icon-left .icon-left {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
}

.ei-assignment-assignable-list {
  display: inline-block;
  float: left;
}

.ei-assign-container {
  position: relative;
  padding: 0 48px 0 0;
}

.ei-assignment-assignable-button {
  position: absolute;
  top: 0;
  right: 0;
}

.ei-content__sidebar {
  float: left;
  width: 18%;
  border-left: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1399px) {
  .ei-content__sidebar {
    width: 12%;
  }
}
@media only screen and (max-width: 1179px) {
  .ei-content__sidebar {
    width: auto;
    float: none;
    padding: 0;
    border: 1px solid #d3d3d3;
    background: #fff;
    box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
  }
}

.ei-content__primary {
  float: left;
  padding: 24px 24px 24px 0;
  width: 82%;
}
@media only screen and (max-width: 1399px) {
  .ei-content__primary {
    width: 88%;
  }
}
@media only screen and (max-width: 1179px) {
  .ei-content__primary {
    width: auto;
    padding: 0;
    float: none;
  }
}

.ei-page-container {
  padding: 0 24px 24px;
}
@media only screen and (max-width: 1179px) {
  .ei-page-container {
    padding: 0 16px 16px;
  }
}
@media only screen and (max-width: 639px) {
  .ei-page-container {
    padding: 0 12px 12px;
  }
}

.js-ei-trialbanner .trial-banner {
  margin: 0 0 40px;
}

.ei-container {
  position: relative;
}
@media only screen and (max-width: 1179px) {
  .ei-container {
    padding: 24px 0;
  }
}

.ei-comments-activity-title {
  float: right;
}

.ei-comment-preview {
  padding: 12px;
  min-height: 40px;
  background: #F6F7F8;
  border-radius: 3px;
}

.ei-page-header {
  z-index: 5;
  padding: 16px 24px 16px 24px;
  background-color: #fff;
  border-bottom: 1px solid #CFD8DC;
}
@media only screen and (max-width: 1179px) {
  .ei-page-header {
    padding: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .ei-page-header {
    padding: 12px 12px 16px 12px;
  }
}

.ei-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  row-gap: 24px;
  column-gap: 16px;
}
@media only screen and (max-width: 639px) {
  .ei-header {
    flex-wrap: wrap;
  }
}

.ei-header-main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-width: 0;
}

.ei-header-controls-layout {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
  width: min-content;
}
@media only screen and (max-width: 1059px) {
  .ei-header-controls-layout {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 639px) {
  .ei-header-controls-layout {
    flex-wrap: nowrap;
  }
}

.ei-header-primary {
  position: relative;
  padding: 0 280px 0 0;
}
@media only screen and (max-width: 639px) {
  .ei-header-primary {
    padding: 0;
  }
}

.ei-status-button {
  min-width: 135px;
  width: fit-content;
}

.ei-button-cog .cog-icon {
  transition: transform 80ms ease-in-out;
}
.ei-button-cog:active .cog-icon, .ei-button-cog:hover .cog-icon {
  transform: rotate(25deg);
}

.ei-header-title {
  display: block;
  cursor: pointer;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 0 8px;
  font-weight: 600;
  border-bottom: 2px solid #e8e8e8;
}
.ei-header-title:hover, .ei-header-title:active {
  border-radius: 3px;
  padding: 10px 10px 8px;
  margin: 0 -10px;
}
.ei-header-title:hover {
  background: #e8e8e8;
  border-color: #e8e8e8;
}
.ei-header-title:active {
  background: #d3d3d3;
  border-color: #d3d3d3;
}

.ei-header-secondary {
  position: relative;
  margin: 8px 0 0;
  padding-right: 200px;
}
@media only screen and (max-width: 639px) {
  .ei-header-secondary {
    padding-right: 0;
  }
}

.ei-header-secondary__assign-user {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 639px) {
  .ei-header-secondary__assign-user {
    position: static;
    width: 100%;
  }
}
@media only screen and (min-width: 1180px) {
  .ei-header-secondary__assign-user {
    min-width: 240px;
  }
}

.ei-header-button-aggregate {
  display: none;
}
@media only screen and (max-width: 1059px) {
  .ei-header-button-aggregate {
    display: block;
  }
}

.ei-header-button-container {
  float: left;
  margin: 0 12px 0 0;
}
.ei-header-button-container.is-right {
  float: right;
  margin: 0;
}

.ei-header-btn {
  cursor: pointer;
  display: block;
  color: #1072BF;
  background: transparent;
  position: relative;
  padding: 8px;
  padding-left: 0px;
  line-height: 16px;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
}
.ei-header-btn:hover {
  color: #0A4777;
}
.ei-header-btn:active, .ei-header-btn.is-active {
  color: #0A4777;
}
.ei-header-btn.has-after {
  padding-right: 34px;
}

.ei-header-btn-before {
  display: block;
  position: absolute;
  left: 8px;
  top: 8px;
  width: 16px;
  height: 16px;
}

.ei-header-btn-after {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
}

.assign-to-dropdown {
  position: absolute;
  display: inline-block;
}

.ei-header-dropdown-icon {
  top: 25%;
}

.ei-header-btn-border {
  border-right: solid 1px var(--color-border-elevation);
}

.ei-fit-content {
  min-width: max-content;
}

#ei-no-gray-onactive:active {
  background: transparent;
}

.ei-header-text {
  font-weight: normal;
  color: #1072BF;
}
.ei-header-text:hover {
  color: #0A4777;
}
.ei-header-text:active, .ei-header-text.is-active {
  color: #0A4777;
}

.breadcrumb__item--ei-max-width {
  max-width: 75%;
  max-width: -moz-calc(100% - 120px);
  max-width: -webkit-calc(100% - 120px);
  max-width: calc(100% - 120px);
}
@media only screen and (max-width: 639px) {
  .breadcrumb__item--ei-max-width {
    max-width: 55%;
    max-width: -moz-calc(100% - 120px);
    max-width: -webkit-calc(100% - 120px);
    max-width: calc(100% - 120px);
  }
}
@media only screen and (min-width: 640px) {
  .breadcrumb__item--ei-max-width {
    max-width: 80%;
    max-width: -moz-calc(100% - 120px);
    max-width: -webkit-calc(100% - 120px);
    max-width: calc(100% - 120px);
  }
}

.ei-controls {
  position: relative;
  padding: 0 240px 0 0;
  margin: 0 0 16px;
}
@media only screen and (max-width: 639px) {
  .ei-controls {
    padding: 0;
  }
}

.ei-controls-pagination {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 639px) {
  .ei-controls-pagination {
    position: static;
    margin: 0 -2px;
  }
}

.ei-controls-heading {
  padding: 8px 0;
  line-height: 16px;
}
@media only screen and (max-width: 639px) {
  .ei-controls-heading {
    padding: 0;
    margin: 0 0 12px;
  }
}

.ei-pagination .button {
  display: block;
}
.ei-pagination li {
  float: left;
  margin-left: 4px;
}
@media only screen and (max-width: 639px) {
  .ei-pagination li {
    width: 25%;
    padding: 0 2px;
    margin-left: 0;
  }
}
.ei-pagination li:first-child {
  margin: 0;
}

.ei-instance-item-loading {
  opacity: 0.5;
  pointer-events: none;
}

#wmd-input-suggestions {
  border: 1px solid #F6F7F8;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 99999;
  background: white;
  width: 300px;
  margin-top: 30px;
}
#wmd-input-suggestions li {
  padding: 10px;
  border-bottom: 1px solid #F6F7F8;
}
#wmd-input-suggestions li:last-of-type {
  border-bottom: none;
}
#wmd-input-suggestions li:hover, #wmd-input-suggestions li.active {
  background: #158FEF;
  color: white;
  cursor: pointer;
}

.integration-banner {
  padding: 8px 24px;
  background: #d8d8d8;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (max-width: 1059px) {
  .integration-banner {
    padding: 8px 12px;
  }
}

.ib-container {
  position: relative;
  padding: 0 36px;
}

.ib-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.ib-text {
  display: block;
  line-height: 24px;
  font-weight: 600;
}

.ib-close {
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  right: 0;
  padding: 4px;
  border-radius: 50%;
  color: #808080;
  background: #f1f1f1;
}
.ib-close:hover, .ib-close:active {
  color: #808080;
}

.ei-notice-container {
  margin: -1px 0 0;
  background: #d8d8d8;
  padding: 0 24px;
}
@media only screen and (max-width: 1059px) {
  .ei-notice-container {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 639px) {
  .ei-notice-container {
    padding: 0 12px;
  }
}
.ei-notice-container--blue {
  background-color: #0478D2;
}
.ei-notice-container--blue .ei-notice-message, .ei-notice-container--blue .ei-notice-icon {
  color: #FFFFFF;
}
.ei-notice-container--green {
  background-color: #2E7D32;
}
.ei-notice-container--yellow {
  background-color: #FFA000;
}
.ei-notice-container--yellow .ei-notice-message, .ei-notice-container--yellow .ei-notice-icon {
  color: #424242;
}

.ei-notice {
  position: relative;
  padding: 8px 0 8px 36px;
}

.ei-notice-icon {
  color: #fff;
  position: absolute;
  top: 8px;
  left: 0;
  width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 3px;
}

.ei-notice-message {
  color: #fff;
  line-height: 20px;
  padding: 2px 0;
}

.eif-banner {
  padding: 0 24px;
}
@media only screen and (max-width: 1059px) {
  .eif-banner {
    padding: 0 12px;
  }
}

.eif-content {
  margin: 0 0 24px;
}

.eif-heading {
  margin: 0 0 12px;
}

ul.eif-list {
  margin: 6px -4px 0px -4px;
}

li.eif-item {
  position: relative;
  padding: 4px 6px;
  float: left;
  background: #158FEF;
  color: #fff;
  margin: 4px;
  max-width: 100%;
  border-radius: 3px;
  overflow: hidden;
}

.eif-text {
  display: block;
  line-height: 20px;
}

.eif-remove {
  cursor: pointer;
  display: block;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  background: #158FEF;
}
.eif-remove:hover {
  background: #5eb2f4;
}
.eif-remove:active {
  background: #0369d2;
}

.ei-sidebar-item {
  border-bottom: 1px solid #d3d3d3;
  padding: 24px 0 24px 24px;
}
@media only screen and (max-width: 1179px) {
  .ei-sidebar-item {
    border-color: #d3d3d3;
    padding: 16px;
  }
}

.ei-sidebar-table td {
  padding: 4px 12px 4px 0;
}

.ei-sidebar-table--fit {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}

.ei-sidebar-item-content {
  margin: 24px 0 0;
}

.ei-sidebar-heading {
  position: relative;
  margin: 0 0 8px;
  line-height: 16px;
}
.ei-sidebar-heading.has-before {
  padding-left: 20px;
}
.ei-sidebar-heading.is-red:before {
  background: #F73415;
}
.ei-sidebar-heading.is-blue:before {
  background: #158FEF;
}
.ei-sidebar-heading.is-red:before, .ei-sidebar-heading.is-blue:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 4px;
  left: 0;
  height: 8px;
  width: 8px;
}

.ei-sidebar-heading--view {
  padding-right: 64px;
}

.ei-sidebar-duration {
  line-height: 1.4;
}

.ei-sidebar-heading-view {
  display: block;
  width: 64px;
  position: absolute;
  right: 0;
  top: -4px;
}

.eism-btn-after {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
}

.ei-sidebar-list li {
  position: relative;
  padding: 8px 4px 8px 24px;
  margin: 0 0 2px;
  border-radius: 3px;
  line-height: 16px;
  font-weight: 600;
}

.ei-sidebar-list-icon {
  position: absolute;
  top: 8px;
  left: 0;
}

.ei-sidebar-tooltip {
  position: relative;
}

.ei-ctc-tooltip {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 12px;
  color: #fff;
  background: #303847;
  border-radius: 3px;
}

.ei-ctc-count,
.ei-ctc-time {
  padding: 4px 0;
}

.ei-ctc-time {
  color: #ddd;
}

html.cssanimations .ei-ctc-tooltip {
  animation: ctc-tooltip 0.08s forwards ease-in-out;
}

@keyframes ctc-tooltip {
  0% {
    opacity: 0;
    top: 10px;
  }
  100% {
    opacity: 1;
    top: -4px;
  }
}
.assign-user__control,
.assign-user__assigned {
  display: none;
}

.assign-user-button {
  position: relative;
  border-radius: 3px;
  border: 1px solid #d3d3d3;
  background: #fff;
  cursor: pointer;
  display: block;
  color: #333 !important;
  height: 32px;
  position: relative;
  padding: 7px 40px 7px 11px;
}
.assign-user-button:hover {
  border-color: #bbb;
}
.assign-user-button:active {
  border-color: #158FEF;
}

.assign-user-button__text {
  display: block;
  line-height: 16px;
  font-size: 14px;
  font-size: 1.4rem;
}

.assign-user-button__icon {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 8px;
  right: 8px;
}

.assigned-user {
  height: 32px;
  position: relative;
  padding: 6px 30px 8px 12px;
  background: #f1f1f1;
  border-radius: 3px;
}

.assigned-user__label {
  position: absolute;
  top: 0;
  padding: 8px;
  right: 100%;
  font-style: italic;
}

.assigned-user__name {
  line-height: normal;
}

.assigned-user__remove {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 2px;
  border-radius: 3px;
}
.assigned-user__remove:hover {
  background: #d8d8d8;
  color: #333;
}
.assigned-user__remove:active {
  background: #F73415;
  color: #fff;
}

@media only screen and (max-width: 639px) {
  .assigned-user__label {
    position: static;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
  }
  .assigned-user__name {
    vertical-align: middle;
  }
  .assigned-user__name.text-ellipsis {
    display: inline-block;
    width: 100%;
  }
}
.assign-user-ui {
  position: relative;
}

.assign-user-ui__assigned-user {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.stacktrace-error {
  font-family: Consolas, Courier, Monaco, "Courier New", monospace;
  margin: 0 0 16px;
}
.stacktrace-error .stacktrace-line__message {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 4px 0;
}

.stacktrace-error__message .stacktrace-line {
  padding: 0;
}

.stacktrace-error__inner-error {
  padding-top: 24px;
}

.stacktrace-error__stacktrace {
  font-size: 13px;
  font-size: 1.3rem;
}

.stacktrace-error__warning {
  padding: 8px 0;
  font-family: "Open Sans", arial, helvetica, sans-serif;
}

.stacktrace-heading {
  position: relative;
  margin: 0 0 12px;
  border-bottom: 1px solid #ddd;
}

.stacktrace-item {
  position: relative;
}
.stacktrace-item::before, .stacktrace-item::after {
  content: " ";
  display: table;
}
.stacktrace-item::after {
  clear: both;
}

.stacktrace-item--secondary {
  color: #999;
}

.stacktrace-item--margin-bottom {
  margin-bottom: 16px;
}

.stacktrace-item__link {
  float: left;
  padding: 8px 8px 8px 0;
  position: relative;
}

.stacktrace-item__link--32 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.stacktrace-item__line {
  margin-left: 32px;
}

.stacktrace-item__line--grey {
  background-color: #f1f1f1;
  padding: 8px 0;
  margin-bottom: 4px;
}

.stacktrace-item__line--32 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.stacktrace-line {
  font-family: Consolas, Courier, Monaco, "Courier New", monospace;
  line-height: 24px;
  padding: 0 8px;
  word-break: break-word;
}

.stacktrace-line--secondary {
  color: #999;
  background-color: #fff;
  border: 1px solid #E0E0E0;
  padding: 4px;
}

.stacktrace-line--grey {
  background-color: #F5F5F5;
  padding: 8px;
}

.stacktrace-line--snippet {
  background-color: #F5F5F5;
  padding: 8px 0;
}

.stacktrace-line__snippet--full {
  display: block;
}

.stacktrace-line__snippet--single-line {
  display: none;
}

.stacktrace-line--collapsed .stacktrace-line__snippet--full {
  display: none;
}
.stacktrace-line--collapsed .stacktrace-line__snippet--single-line {
  display: block;
}

.stacktrace-line__snippet {
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #F5F5F5;
  transition: height 250ms;
  overflow: hidden;
}
.stacktrace-line__snippet pre {
  top: 0;
  transition: top 250ms;
}
.stacktrace-line__snippet pre.line-numbers {
  padding: 0;
  border-right: 0;
  min-height: 133px;
  border-radius: 0;
  line-height: 19px;
}
.stacktrace-line__snippet pre.line-numbers > code {
  top: 0;
  left: 4.2em;
  position: absolute;
}
.stacktrace-line__snippet pre.line-numbers .line-numbers-rows {
  top: 0;
  left: -4.2em;
  width: 4em;
  text-align: right;
}
.stacktrace-line__snippet pre.line-numbers .line-numbers-rows span:before {
  color: #666;
}

.stacktrace-line__snippet--single-line {
  height: 24px;
  padding-top: 2px;
}
.stacktrace-line__snippet--single-line .line-highlight {
  display: none;
}

.stacktrace-line__snippet--expandable .line-highlight {
  opacity: 1;
  transition: opacity 200ms;
}

.stacktrace-line__snippet--collapsed {
  height: 24px;
}
.stacktrace-line__snippet--collapsed pre {
  top: -62px;
}
.stacktrace-line__snippet--collapsed .line-highlight {
  opacity: 0;
}

.stacktrace-line--ios::before, .stacktrace-line--ios::after {
  content: " ";
  display: table;
}
.stacktrace-line--ios::after {
  clear: both;
}

.stacktrace-line__cell--index {
  width: 10%;
  float: left;
}

.stacktrace-line__cell--library {
  color: #609407;
}

.stacktrace-line__cell--raw {
  color: #1499a6;
}

@media only screen and (min-width: 640px) {
  .stacktrace-line__cell {
    display: block;
    float: left;
  }
  .stacktrace-line__cell--index {
    width: 5%;
    text-align: right;
    padding-right: 8px;
  }
  .stacktrace-line__cell--library {
    width: 33%;
  }
  .stacktrace-line__cell--address {
    width: 12%;
  }
  .stacktrace-line__cell--raw {
    width: 50%;
  }
}
.stacktrace-container--nowrap .stacktrace-line__cell {
  display: inline-block;
  float: none;
}
.stacktrace-container--nowrap .stacktrace-item__line--ios {
  padding-top: 0;
  padding-bottom: 0;
}
.stacktrace-container--nowrap .stacktrace-item__line--ios .stacktrace-line__cell {
  background-color: #f1f1f1;
  padding: 4px 8px 4px 0;
}
.stacktrace-container--nowrap .stacktrace-item__line--ios .stacktrace-line__cell--raw {
  width: auto;
}

.stacktrace-link:after {
  font-family: "Open Sans", arial, helvetica, sans-serif;
}

.stacktrace-link-button {
  width: 24px;
  height: 24px;
  display: block;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  position: relative;
}
.stacktrace-link-button:before {
  content: "";
  display: block;
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 1;
  margin: 4px;
  position: absolute;
}
.stacktrace-link-button:hover, .stacktrace-link-button:active {
  color: #fff;
}

.stacktrace-link-button--expand {
  background-color: #757575;
  color: #fff;
}
.stacktrace-link-button--expand:before {
  font-family: "flaticons";
  font-weight: normal;
  vertical-align: middle;
  content: "\e5a0";
}
.stacktrace-link-button--expand:hover {
  background-color: #424242;
}

.stacktrace-link-button--collapse {
  background-color: #1E88E5;
  color: #fff;
}
.stacktrace-link-button--collapse:before {
  font-family: "flaticons";
  font-weight: normal;
  vertical-align: middle;
  content: "\e5a1";
}
.stacktrace-link-button--collapse:hover {
  background-color: #1A77BE;
}

.stacktrace-link-button--github {
  background-color: #424242;
  color: #fff;
}
.stacktrace-link-button--github:before {
  font-family: "raygun-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61f";
}
.stacktrace-link-button--github:hover {
  background-color: #212121;
}

.stacktrace-link-button--bitbucket {
  background-color: #0064A2;
  color: #fff;
}
.stacktrace-link-button--bitbucket:before {
  font-family: "raygun-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e632";
}
.stacktrace-link-button--bitbucket:hover {
  background-color: #00456f;
}

.stacktrace-link-button--gitlab {
  background-color: #424242;
  color: #fff;
}
.stacktrace-link-button--gitlab:before {
  font-family: "raygun-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e949";
}
.stacktrace-link-button--gitlab:hover {
  background-color: #212121;
}

.stacktrace-link-button--visualstudioonline {
  background-color: #424242;
  color: #fff;
}
.stacktrace-link-button--visualstudioonline:before {
  font-family: "raygun-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9d4";
}
.stacktrace-link-button--visualstudioonline:hover {
  background-color: #212121;
}

.stacktrace-item-group {
  position: relative;
  min-height: 40px;
  width: 100%;
  margin-bottom: 4px;
}

.stacktrace-item-group--single {
  min-height: auto;
}

.stacktrace-item-group__summary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.stacktrace-item-group__summary .stacktrace-line {
  padding: 4px 8px;
}
.stacktrace-item-group__summary .stacktrace-line--secondary {
  padding: 7px;
}

.stacktrace-item-group__content .stacktrace-item {
  padding: 0;
}
.stacktrace-item-group__content .stacktrace-item__line {
  border-left: 1px solid #e8e8e8;
  padding: 2px 0;
}

.stacktrace-container--nowrap {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.stacktrace-container--nowrap .stacktrace-item__line--grey {
  position: absolute;
}
.stacktrace-container--nowrap .stacktrace-item__line--ios {
  position: relative;
  height: 32px;
}
.stacktrace-container--nowrap .stacktrace-info {
  height: 24px;
}
.stacktrace-container--nowrap .stacktrace-info__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.stacktrace-container--nowrap .stacktrace-info__link {
  position: static;
  display: inline-block;
}
.stacktrace-container--nowrap .simple-tooltip:before, .stacktrace-container--nowrap .simple-tooltip:after {
  opacity: 0;
}

.stacktrace-no-data {
  font-family: "Open Sans", arial, helvetica, sans-serif;
}

.stacktrace-local-vars {
  padding: 16px 0 16px 24px;
  margin-top: 8px;
  border-left: 4px solid #E0E0E0;
}

.stacktrace-local-vars--collapsed {
  display: none;
}

.stacktrace-local-vars__title {
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Open Sans", arial, helvetica, sans-serif;
  color: #616161;
  margin-bottom: 8px;
}

.stacktrace-local-vars__list {
  line-height: 1.7;
}

.stacktrace-local-vars-key {
  color: #348AC8;
}

.stacktrace-local-vars-value {
  color: #4CAF50;
}

.stacktrace-info {
  padding-right: 24px;
  margin-bottom: 4px;
  position: relative;
  line-height: 24px;
  word-break: break-word;
}
.stacktrace-info::before, .stacktrace-info::after {
  content: " ";
  display: table;
}
.stacktrace-info::after {
  clear: both;
}

.stacktrace-info__text {
  padding-right: 0;
}

.stacktrace-info__text--padding-right {
  padding-right: 24px;
}

.stacktrace-info__link {
  position: absolute;
  top: 0;
  right: 0;
}
.stacktrace-info__link:after {
  font-family: "Open Sans", arial, helvetica, sans-serif;
}

.audit-sidebar-item {
  border: 1px solid #d3d3d3;
  background-color: #fff;
  position: relative;
  margin-bottom: 8px;
}

.audit-heading {
  overflow: hidden;
  margin: 16px;
  min-height: 36px;
}

.audit-action-icon,
.audit-related-to-container {
  float: left;
}

.audit-sidebar-related-to-container {
  position: static;
  padding-left: 49px;
  padding-right: 48px;
}

.audit-sidebar-user-container,
.audit-sidebar-application-container {
  white-space: nowrap;
}

.audit-sidebar-user-container {
  display: inline-block;
}

.audit-sidebar-user-name,
.audit-sidebar-application-name {
  white-space: nowrap;
}

.audit-sidebar-avatar {
  position: static;
  display: inline-block;
  background-color: #808080;
}

.audit-sidebar-user-name {
  vertical-align: middle;
  line-height: 1.2em;
  white-space: normal;
  float: none !important;
  display: inline;
}

.audit-application-name {
  color: #158FEF;
  font-weight: 600;
}

.audit-sidebar-item .audit-sidebar-time-container {
  margin: 0;
  position: absolute;
  top: 16px;
  right: 16px;
  width: auto;
}

.audit-icon-time {
  vertical-align: middle;
  margin-top: 1px;
}

.audit-time {
  font-weight: 600;
  vertical-align: middle;
}

.audit-body {
  margin: 0 16px 16px 16px;
}

.audit-body-title {
  font-weight: 600;
  margin-bottom: 8px;
}

.audit-log-row,
.audit-comment {
  margin-bottom: 4px;
}

.audit-log-row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.audit-comment {
  border-left: 8px solid #F6F7F8;
  margin-top: 12px;
  padding: 12px 0 12px 12px;
}

.audit-expand {
  color: #158FEF;
  background-color: #F6F7F8;
  font-weight: 600;
  text-align: center;
  padding: 12px;
  transition: all 0.3s ease;
}
.audit-expand:hover {
  cursor: pointer;
  background-color: rgb(232, 236, 243);
  padding-bottom: 17px;
  transition: all 0.3s ease;
}
.audit-expand .audit-icon {
  vertical-align: middle;
}

.audit-icon {
  display: inline-block;
  vertical-align: middle;
}

.audit-new-user-block {
  background-color: #F6F7F8;
  padding: 16px;
  overflow: hidden;
}

.audit-new-user-avatar,
.audit-new-user-name {
  display: inline-block;
  vertical-align: middle;
}

.audit-new-user-avatar {
  margin-right: 12px;
}

.audit-new-user-name {
  font-weight: 600;
}

.audit-sidebar-item .action-icon {
  position: absolute;
  left: 16px;
  top: 16px;
}

.table-audit,
.table-audit tbody,
.table-audit thead,
.table-audit tr,
.table-audit td {
  display: block;
  width: auto;
}

.table-audit {
  background: #F6F7F8;
  margin: 10px 0px;
  width: 100%;
}
.table-audit .table__cell-32 {
  padding: 16px 0;
}
.table-audit .table__cell-16 {
  padding: 16px 0;
}

.is-tight .table-audit tr:not(:first-child) td {
  padding-top: 0px;
  transition: all 0.5s ease;
}

.audit-action-content {
  overflow: hidden;
}

/*TOP MENU*/
.audit-top-menu {
  padding: 16px;
  background: white;
  margin-bottom: 50px;
  display: table;
  width: 100%;
}

.audit-top-menu-left-container,
.audit-top-menu-right-container {
  display: table-cell;
  vertical-align: middle;
}

.audit-top-menu-right-container {
  text-align: right;
}

.audit-top-menu-input {
  display: inline-block;
  vertical-align: middle;
}

.audit-top-menu-label {
  vertical-align: sub;
  font-weight: 600;
  margin-left: 8px;
}

.audit-top-menu-display-mode {
  font-weight: 600;
  margin-right: 4px;
}

.audit-top-menu-display-button-container {
  display: inline-block;
  vertical-align: middle;
}

.audit-top-menu-display-button {
  margin: 0;
  float: left;
  vertical-align: middle;
}
.audit-top-menu-display-button:hover {
  cursor: pointer;
}

/*LOG ITEM*/
.audit-action-item {
  border: 1px solid #d3d3d3;
  padding: 16px;
  background-color: #fff;
  position: relative;
  margin-bottom: 8px;
  transition: all 0.5s ease;
}

.audit-mixed-avatar-container,
.audit-related-to-container {
  float: left;
  margin-right: 12px;
  display: inline-block;
}

.audit-expand-container,
.audit-time-container {
  float: right;
  margin-top: 12px;
  margin-right: 16px;
}

.audit-mixed-avatar-container {
  width: 40px;
  height: 40px;
  position: relative;
}

.audit-avatar-user,
.audit-avatar-source {
  position: absolute;
}

.audit-avatar-user {
  border-radius: 3px;
  top: 0;
  left: 0;
  background-color: #158FEF;
}

.audit-avatar-source {
  bottom: 0;
  right: 0;
  border: 2px solid #fff;
  box-sizing: content-box;
  background-color: #f1f1f1;
}

.audit-user-name,
.audit-source-name {
  font-weight: 600;
  float: left;
}

.audit-source-type {
  float: left;
}

.audit-user-name, .audit-source-type {
  margin-bottom: 4px;
  margin-right: 4px;
}

.audit-content-wrapper {
  width: 100%;
}

.audit-content-action {
  float: left;
  margin-right: 3px;
}

.audit-single-error {
  padding-right: 150px;
}

.audit-expand-container {
  margin-top: 5px;
  clear: right;
  width: 124px;
}

/*.audit-log-expand:after {
  content: 'expand'
}

.audit-action-item-expanded .audit-log-expand:after {
  content: 'collapse'
}*/
.audit-time-container {
  color: #808080;
  margin-top: 0;
  width: 126px;
}

.audit-icon-time {
  vertical-align: middle;
  margin-top: 1px;
  display: inline-block;
}

.audit-time {
  font-weight: 600;
  vertical-align: middle;
}

.audit-action-icon {
  position: absolute;
  right: -16px;
  top: 16px;
}

.audit-expandable {
  display: none;
  margin-top: 16px;
}

.audit-action-item-expanded .audit-expandable {
  display: block;
}

.audit-log-expand {
  color: #158FEF;
  cursor: pointer;
  position: relative;
}

.audit-action-container.is-tight .audit-action-item {
  margin-bottom: 0;
  border-bottom-width: 0;
  padding: 8px;
  transition: all 0.5s ease;
}

.filter-list-2-expand-wrapper {
  height: 219px;
  overflow: hidden;
}

.filter-list-2-container.is-expanded .filter-list-2-expand-icon:before {
  content: "\e5a4";
}

@media only screen and (max-width: 1059px) {
  .audit-expand-container,
.audit-time-container:not(.audit-sidebar-time-container) {
    background-color: #F6F7F8;
    border: 1px solid #d3d3d3;
    float: left;
    width: 50%;
    margin: 0px;
    height: 40px;
    text-align: center;
  }
  .audit-time-container {
    border-right-width: 0;
    padding-top: 10px;
  }
  .audit-log-expand {
    display: block;
    height: 100%;
    line-height: 1em;
    vertical-align: middle;
    margin: auto;
    padding-top: 10px;
  }
  .audit-log-expand:hover {
    background-color: #158FEF;
    color: #fff;
  }
  .audit-related-to-container {
    width: 100%;
    padding: 0 48px 0 49px;
    min-height: 40px;
  }
  .audit-mixed-avatar-container {
    position: absolute;
    left: 16px;
    top: 16px;
  }
  .audit-content-action {
    margin-bottom: 8px;
  }
  .audit-action-icon {
    right: 16px;
  }
}
.dashboard-titlerow {
  height: auto;
  display: block;
  min-height: 40px;
  margin: 0 0 16px;
}
.dashboard-titlerow h3 {
  float: left;
  line-height: 40px;
}
@media only screen and (max-width: 639px) {
  .dashboard-titlerow h3 {
    width: 100%;
    margin-bottom: 16px;
  }
  .dashboard-titlerow .dashboard-controls {
    float: none;
    display: block;
    height: auto;
  }
  .dashboard-titlerow .button {
    float: right;
    width: 25%;
    margin: 0px;
  }
  .dashboard-titlerow.is-aggregated {
    margin-bottom: 16px;
  }
}

.dashboard-loadmore {
  text-align: right;
  padding: 16px;
  border-top: 1px solid #d3d3d3;
  display: none;
}

.dashboard-instance {
  display: block;
  padding: 16px 40px 16px 0;
  cursor: pointer;
  color: #158FEF;
}
.dashboard-instance:hover {
  background: #F6F7F8;
  cursor: pointer;
}

.dashboard-instance-users,
.dashboard-instance-count {
  display: block;
}

.dashboard-instance-users {
  color: #808080;
  padding: 0 120px 0 0;
}

.dashboard-instance-count {
  bottom: -3px;
  right: 0;
  padding: 4px 8px 3px;
  background: #F73415;
  border-radius: 3px;
  text-align: right;
  color: #fff;
}

.dashboard-instance-users,
.dashboard-instance-count {
  font-size: 12px;
  font-size: 1.2rem;
}

.dashboard-controls {
  float: right;
  height: 40px;
  border-top: none;
}

.grouped-dashboard-controls {
  position: relative;
  padding-right: 208px;
  height: 36px;
}

.grouped-dashboard-controls__expandall {
  position: absolute;
  top: 0;
  right: 0;
}

.grouped-dashboard-controls__status {
  position: absolute;
  top: 0;
  right: 48px;
  width: 160px;
}

@media only screen and (max-width: 639px) {
  .dashboard-titlerow {
    height: auto;
    overflow: hidden;
  }
  .dashboard-titlerow .button {
    width: auto;
    float: none;
  }
  .dashboard-titlerow .grouped-dashboard-controls {
    padding-right: 0;
  }
  .dashboard-titlerow .grouped-dashboard-controls__title {
    width: 100%;
  }
  .dashboard-titlerow .grouped-dashboard-controls__title h3 {
    float: none;
  }
  .dashboard-titlerow .grouped-dashboard-controls__expandall,
.dashboard-titlerow .grouped-dashboard-controls__status {
    position: static;
    float: right;
    margin-left: 10px;
  }
}
.chart-grouped-loading {
  position: relative;
  height: 210px;
  padding-top: 20px;
  background: white;
}

.dashboard-chart {
  margin-top: -5px;
}
.dashboard-chart .chart-heading {
  height: 48px;
  margin: 0 0 40px;
}
.dashboard-chart .chart {
  height: 220px;
  background: #f1f1f1;
  margin: 0 0 40px;
  border: 1px solid #d3d3d3;
  position: relative;
}
.dashboard-chart h2 {
  margin: 0 0 24px;
}

.dashboard-chart {
  border: 1px solid #d3d3d3;
  margin-bottom: 24px;
}

#application-list-dropdown {
  float: left;
}

.dashboard-list {
  padding: 20px 20px 0px 20px;
}
.dashboard-list h2 {
  line-height: 40px;
}

.dashboard-visual {
  padding: 20px 20px 0 20px;
  background: #F6F7F8;
  min-height: 100%;
  max-width: 960px;
}

@media only screen and (max-width: 639px) {
  .dashboard-titlerow {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1120px) {
  .dashboard-visual {
    max-width: none;
  }
}
@media screen and (min-width: 1120px) {
  .dashboard-visual {
    float: left;
    width: 30%;
    padding: 20px 20px 0 0;
  }
  .dashboard-list {
    min-height: 100%;
    border-bottom: none;
    width: 70%;
    float: left;
  }
}
@media screen and (min-width: 1800px) {
  .dashboard-visual {
    width: 20%;
  }
  .dashboard-list {
    width: 80%;
  }
}
.g-dash-table,
.g-dash-sub-table {
  display: table;
  width: 100%;
  min-height: 90px;
  background-color: #fff;
  table-layout: fixed;
}

.g-dash-table {
  margin-top: 8px;
  border: 1px solid #d3d3d3;
}

.g-dash-row {
  background: #fff;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
.g-dash-row:first-child {
  border-top: none;
}
.g-dash-row:last-child {
  border-bottom: none;
}

.g-dash-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 16px;
  overflow: hidden;
}
.g-dash-cell:last-child {
  border-right: none;
}

.g-dash-cell-avatar {
  width: 72px;
}

.g-dash-cell-application-name {
  min-width: 200px;
  white-space: normal;
}

.g-dash-cell-data {
  width: 132px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

.g-dash-cell-expand {
  width: 64px;
  min-width: 50px;
  padding: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.g-dash-cell-goto-application {
  width: 115px;
}

.g-dash-expand-container {
  border: 1px solid #d3d3d3;
  border-top: none;
  display: none;
}
.g-dash-expand-container.is-expanded {
  display: block;
}

.g-dash-sub-table {
  margin-top: -1px;
  display: table;
  position: relative;
}

.g-dash-sub-row {
  display: table-row;
}

.g-dash-sub-cell {
  display: table-cell;
  padding: 20px;
  vertical-align: top;
  border-top: 1px solid #e8e8e8;
}

.g-dash-sub-cell-check {
  width: 50px;
}

.g-dash-sub-cell-error-message {
  width: auto;
}

.g-dash-sub-cell-data {
  width: 170px;
  text-align: left;
}

.g-dash-load-more {
  display: block;
  text-align: center;
  background-color: white;
  display: none;
}

.g-dash-time-container {
  margin-bottom: 8px;
}

.g-dash-time-icon {
  vertical-align: middle;
  margin-top: 1px;
  display: inline-block;
  color: #808080;
}

.g-dash-time {
  font-weight: 600;
  vertical-align: middle;
  color: #808080;
}

.g-dash-aggregated-table {
  display: block;
  margin-bottom: 8px;
  border: 1px solid #d3d3d3;
  width: 100%;
  position: relative;
  background-color: #fff;
}

.g-dash-aggregated-cell {
  display: inline-block;
  padding: 16px;
  vertical-align: top;
  position: absolute;
  top: 0;
}

.g-dash-aggregated-cell-check {
  width: 50px;
  left: 0;
}

.g-dash-aggregated-cell-message {
  left: 0px;
  width: 100%;
  padding: 16px 170px 0 60px;
}

.g-dash-aggregated-cell-data {
  width: 200px;
  text-align: right;
  right: 0;
}

.g-dash-application-name {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  padding: 4px 0;
}

.g-dash-application-count-value,
.g-dash-application-count-text {
  display: block;
}

.g-dash-application-count-value {
  margin-bottom: 6px;
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
}
.g-dash-application-count-value.is-placeholder {
  visibility: hidden;
}

.g-dash-application-count-text {
  text-align: center;
  color: #808080;
  font-size: 14px;
  font-size: 1.4rem;
}

.g-dash-go-to-application-button {
  width: 100%;
  display: block;
}

.g-dash-message {
  display: block;
}

.g-dash-impacted-users {
  color: #808080;
  margin-top: 12px;
}

.g-dash-error-count {
  color: #db4437;
  font-weight: 600;
}

.g-dash-expand-icon {
  display: block;
  margin: 0 auto;
  border-radius: 3px;
  border: 2px solid transparent;
  height: 32px;
  padding: 7px 7px;
  width: 33px;
}
.g-dash-expand-icon:hover {
  cursor: pointer;
  background-color: #158FEF;
  color: #fff;
}
.g-dash-expand-icon.is-expanded:before {
  content: "\e5a4";
}

.g-dash-avatar {
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 3px;
}

.g-dash-aggregated-message,
.g-dash-aggregated-application-name,
.g-dash-aggregated-impacted-users {
  margin-bottom: 8px;
}

.g-dash-aggregated-message {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-bottom: 2px;
}

.g-dash-aggregated-application-name {
  color: #333;
}

.g-dash-aggregated-impacted-users {
  color: #808080;
}

.g-dash-aggregated-time-container {
  margin-bottom: 8px;
}

@media only screen and (max-width: 1179px) {
  .g-dash-table {
    display: block;
    overflow: hidden;
    position: relative;
  }
  .g-dash-cell {
    display: block;
    float: left;
    border: none;
  }
  .g-dash-cell-data {
    width: 50%;
    background-color: #F6F7F8;
    padding: 15px 4px 0;
  }
  .g-dash-cell-goto-application {
    width: 84px;
  }
  .g-dash-cell-application-name {
    position: absolute;
    padding: 16px 157px 5px 72px;
    min-width: initial;
    width: 100%;
  }
  .g-dash-cell-application-name + .g-dash-cell-data {
    clear: left;
  }
  .g-dash-application-name {
    line-height: 40px;
    overflow: hidden;
    min-width: initial;
    padding: 0;
  }
  .g-dash-cell-goto-application,
.g-dash-cell-expand {
    position: absolute;
    top: 16px;
    padding: 0;
  }
  .g-dash-cell-goto-application {
    right: 16px;
  }
  .g-dash-go-to-application-button {
    margin-top: 5px;
  }
  .g-dash-cell-placeholder {
    display: none;
  }
  .g-dash-cell-no-error {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 1179px) and (max-width: 1179px) {
  .g-dash-cell-no-error {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-cell-expand {
    right: 93px;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-expand-icon {
    border-color: #158FEF;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-sub-row {
    display: block;
    position: relative;
    border-bottom: 1px solid #F6F7F8;
  }
  .g-dash-sub-row:nth-child(even) {
    background-color: #F6F7F8;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-sub-cell {
    border: none;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-sub-cell-message {
    word-break: break-all;
    padding: 0 16px 16px;
    display: block;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-sub-cell-data {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-time-container {
    float: left;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-error-count {
    float: right;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-impacted-users {
    position: absolute;
    top: 20px;
    left: 75px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1179px) {
  .g-dash-cell-data:not(.g-dash-cell-no-error) {
    height: 70px;
  }
}
@media only screen and (max-width: 639px) {
  .g-dash-cell-avatar {
    visibility: hidden;
    width: 0;
  }
  .g-dash-cell-application-name {
    padding-left: 16px;
  }
  .g-dash-aggregated-cell-message {
    padding: 44px 16px 0px;
  }
  .g-dash-aggregated-message {
    white-space: normal;
  }
}
.g-dash-message-box {
  padding: 200px 24px 24px 24px;
  min-height: 300px;
  text-align: center;
}
.g-dash-message-box.is-blue {
  background-color: #158FEF;
  color: #fff;
}
.g-dash-message-box.is-grey {
  background-color: rgba(215, 224, 233, 0.3);
  border: 1px solid #f1f1f1;
}
.g-dash-message-box.give-internal-image {
  background-repeat: no-repeat;
  background-position: center 30px;
}
.g-dash-message-box.give-internal-image-1 {
  background-image: url(../images/robbie/whoops_w_100.png);
}
.g-dash-message-box.give-internal-image-2 {
  background-image: url(../images/robbie/whoops_2_w_100.png);
}
.g-dash-message-box.no-image {
  padding: 24px;
  min-height: 0;
}

.g-dash-message-box-headline {
  font-weight: 600;
  margin-bottom: 16px;
}

.global-dashboard-inner > div {
  overflow: hidden;
}
.global-dashboard-inner svg {
  background-color: #fff;
  overflow: visible;
  border: 1px solid #f1f1f1;
}
.global-dashboard-inner svg .background {
  fill: #fff;
}
.global-dashboard-inner svg .outer-border {
  display: none;
}
.global-dashboard-inner svg .left-axis-border,
.global-dashboard-inner svg .bottom-axis-border {
  display: none;
}
.global-dashboard-inner svg .y.axis line {
  stroke: #F6F7F8;
}
@media only screen and (max-width: 1059px) {
  .global-dashboard-inner svg .x.axis g:nth-child(2n) {
    display: none;
  }
}

.analytics-chart {
  position: relative;
}
.analytics-chart .empty:before {
  background-color: #F6F7F8;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../images/global-dashboard/chart-empty.png");
  background-repeat: no-repeat;
  background-position: center 60px;
  border: 1px solid #f1f1f1;
}
.analytics-chart .empty:after {
  display: block;
  content: "No errors in this time range! Here we will show the error instance count (for all statuses) over time for your top 5 apps";
  position: absolute;
  top: 160px;
  left: 0;
  right: 0;
  text-align: center;
  color: #777;
}

.global-dashboard-content {
  bottom: 0;
  height: auto;
  position: relative;
  padding-bottom: 64px;
  min-height: 100%;
}
.global-dashboard-content .modal-overlay {
  position: absolute;
  bottom: 0;
}

.global-dashboard__screen-spinner {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 100;
}
.global-dashboard__screen-spinner:before {
  content: " ";
  display: block;
  background-position: center center;
  margin-top: -130px;
  margin-left: -130px;
  width: 260px;
  height: 260px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  position: fixed;
  background-color: #f1f1f1;
  border: 1px solid #d2d2d2;
}

.heading-controls {
  width: 280px;
  float: left;
}
.heading-controls .button {
  float: left;
  width: 50%;
}
.heading-controls .button:first-child {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.heading-controls .button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media screen and (max-width: 960px) {
  .heading-controls {
    width: auto;
  }
  .heading-controls .button {
    width: auto;
  }
  .gd-time-control .button {
    min-width: 60px;
  }
}
@media only screen and (max-width: 639px) {
  .gd-time-control .button {
    max-width: none;
    width: auto;
  }
  .gd-time-control .dropdown2 {
    display: block;
  }
}
.gd-header-controls {
  text-align: right;
}

.gd-control-list {
  display: inline-block;
  text-align: left;
}
.gd-control-list li {
  float: left;
  margin-left: 8px;
}
.gd-control-list li:last-child {
  padding: 0;
}
.gd-control-list li.gd-no-padding {
  padding: 0;
}
.gd-control-list li.gd-no-margin {
  margin: 0;
}
.gd-control-list li .joined-left-button {
  border-radius: 3px 0 0 3px;
}
.gd-control-list li .joined-right-button {
  border-radius: 0 3px 3px 0;
  border-left-width: 0;
}
@media only screen and (max-width: 1059px) {
  .gd-control-list {
    width: 100%;
  }
  .gd-control-list li {
    width: auto;
    margin: 0;
    padding: 2px;
  }
  .gd-control-list li:last-child {
    padding: 2px;
  }
  .gd-control-list li .button,
.gd-control-list li .joined-right-button {
    border-left-width: 1px;
  }
}
@media only screen and (max-width: 639px) {
  .gd-control-list li {
    width: 50%;
  }
  .gd-control-list li a {
    display: block;
  }
}

.gd-header {
  margin: 0 0 24px;
}

.gd-activity .toggle-visible-button {
  float: right;
}

.gd-activity-header {
  overflow: hidden;
  margin-bottom: 24px;
  border-bottom: 1px solid #d3d3d3;
}
.gd-activity-header h2 {
  margin-top: 3px;
  padding-bottom: 6px;
  float: left;
}
.gd-activity-header .button {
  float: right;
}
.gd-activity-header p {
  float: right;
  color: #808080;
  margin-top: 14px;
}

#loadMoreActivities {
  font-weight: 600;
}
#loadMoreActivities span {
  padding: 11px;
}

.gdash-modal-heading h4 {
  margin: 0 0 8px;
}

.gdash-modal-body {
  padding: 24px 0;
}
.gdash-modal-body h4 {
  margin: 0 0 12px;
  padding: 0 24px;
}

ul.settings-list {
  max-height: 320px;
  overflow-y: auto;
  padding: 0 24px;
}
ul.settings-list label {
  padding: 12px 12px 12px 40px;
  display: block;
  position: relative;
  line-height: 16px;
}
ul.settings-list label:hover {
  background: #F6F7F8;
}
ul.settings-list input[type=checkbox] {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 12px;
}

.modal-toast {
  border-radius: 3px;
  height: 40px;
  background: #F73415;
  text-align: center;
  padding: 12px 0;
}

.modal-toast-content {
  display: inline-block;
  position: relative;
}
.modal-toast-content.has-icon {
  padding: 0 0 0 28px;
}
.modal-toast-content p {
  line-height: 16px;
  font-weight: 600;
}
.modal-toast-content .icon-16 {
  position: absolute;
  left: 0;
  top: 0;
}

.modal-toast.is-saving {
  background: #F6F7F8;
}
.modal-toast.is-saved {
  background: #1CC526;
  color: #fff;
}

@media screen and (max-width: 800px) {
  .dep-table-hide {
    display: none;
  }
}

.dep-table-mob {
  display: none;
}
@media screen and (max-width: 800px) {
  .dep-table-mob {
    display: table-cell;
  }
}

.dep-mobile-cell {
  position: relative;
}
.dep-mobile-cell h4 {
  margin: 0 0 8px;
}
.dep-mobile-cell .dep-timestamp {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  color: #ddd;
}
.dep-mobile-cell .dep-table-avatar {
  margin: 0 0 8px;
}

.data-list-header {
  margin-bottom: 16px;
  background-color: #F6F7F8;
  border-radius: 4px;
}
.data-list-header .data-list-icon {
  position: absolute;
  top: 4px;
  left: 8px;
}
.data-list-header .action-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  border-radius: 3px 0 0 3px;
}
.data-list-header .avatar-16 {
  position: absolute;
  left: 8px;
  top: 8px;
}
.data-list-header h1 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 24px;
  padding: 4px 0;
}
.data-list-header h4 {
  line-height: 24px;
  padding: 4px 0;
}
.data-list-header .warning-icon:before {
  margin-top: -1px;
}
.data-list-header.has-icon {
  position: relative;
  padding: 0 0 0 32px;
}
.data-list-header.has-icon h1, .data-list-header.has-icon h4 {
  margin: 0 0 0 12px;
}

.dep-errorgroup {
  margin: 0 0 40px;
}
.dep-errorgroup:last-child {
  margin: 0;
}

.deptrack-pagination {
  margin: 16px 0 0;
}

.dep-loading {
  padding: 40px 0;
}

.module-tabs.deployment-tabs li {
  width: 200px;
}

.dep-edit-dropdown {
  float: left;
}

.dep-edit-button {
  padding: 4px;
  display: block;
  cursor: pointer;
}

@media only screen and (max-width: 639px) {
  .page-header-deployments .p-h-controls {
    position: static;
  }
  .page-header-deployments .p-h-control,
.page-header-deployments input,
.page-header-deployments .input-wrapper,
.page-header-deployments .quick-picker,
.page-header-deployments .quick-picker .date-input-wrapper {
    width: 100%;
  }
  .page-header-deployments .quick-picker {
    margin-left: -6px;
  }
  .page-header-deployments .ellipsis-space {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .page-header-deployment .p-h-controls {
    position: static;
    clear: both;
  }
  .page-header-deployment .ellipsis-space {
    padding-right: 0;
  }
}
.error-breadcrumbs-module {
  position: relative;
  margin-top: 24px;
  padding-top: 16px;
}
.error-breadcrumbs-module:before {
  content: " ";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 18px;
  background-color: #F8FAFB;
  -webkit-background-image: linear-gradient(to bottom, #F8FAFB 0%, #C7CDD0 100%);
  -moz-background-image: linear-gradient(to bottom, #F8FAFB 0%, #C7CDD0 100%);
  -ms-background-image: linear-gradient(to bottom, #F8FAFB 0%, #C7CDD0 100%);
  -o-background-image: linear-gradient(to bottom, #F8FAFB 0%, #C7CDD0 100%);
  background-image: linear-gradient(to bottom, #F8FAFB 0%, #C7CDD0 100%);
}

.error-breadcrumb-not-found {
  background-color: #EEEEEE;
  border-radius: 2px;
  background-color: #EEEEEE;
  padding: 8px 16px;
  font-size: 1.4rem;
  line-height: 24px;
  font-weight: 500;
  color: #424242;
  text-align: center;
}

.error-breadcrumb {
  position: relative;
  padding-left: 56px;
  margin-bottom: 32px;
}
.error-breadcrumb:last-child {
  margin-bottom: 0;
}

.error-breadcrumb__icon {
  position: absolute;
  top: 0;
  left: 0;
}

.error-breadcrumb__header {
  border-radius: 2px;
  background-color: #EEEEEE;
  padding: 8px 16px;
}
.error-breadcrumb__header--can-open {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.error-breadcrumb__header--can-open:hover {
  background-color: #F5F5F5;
}
.error-breadcrumb__header--can-open:active {
  background-color: #E0E0E0;
}

.error-breadcrumb-header {
  position: relative;
  outline: none;
}
@media only screen and (min-width: 640px) {
  .error-breadcrumb-header {
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1180px) {
  .error-breadcrumb-header {
    padding-right: 160px;
  }
}

.error-breadcrumb-header__title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  color: #424242;
}
@media only screen and (max-width: 639px) {
  .error-breadcrumb-header__title {
    white-space: normal;
  }
}

.error-breadcrumb-header__time {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 24px;
}
@media only screen and (min-width: 1180px) {
  .error-breadcrumb-header__time {
    position: absolute;
    right: 32px;
    top: 0;
  }
}

.error-breadcrumb-header__icon {
  position: absolute;
  right: 0;
  top: 4px;
}
@media only screen and (max-width: 639px) {
  .error-breadcrumb-header__icon {
    bottom: 4px;
    top: initial;
  }
}

.error-breadcrumb__content {
  padding-top: 24px;
}

.error-breadcrumb-content-item {
  margin-bottom: 8px;
  padding-left: 8px;
}
.error-breadcrumb-content-item::before, .error-breadcrumb-content-item::after {
  content: " ";
  display: table;
}
.error-breadcrumb-content-item::after {
  clear: both;
}
.error-breadcrumb-content-item:last-child {
  margin-bottom: 0;
}

.error-breadcrumb-content-item__label {
  display: block;
  float: left;
  max-width: 84px;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 32px;
  color: #808080;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.error-breadcrumb-content-item__content {
  margin-left: 100px;
  padding: 4px 16px;
  line-height: 24px;
  min-height: 32px;
  display: block;
  border-radius: 2px;
  background-color: #F5F5F5;
  word-break: break-word;
  font-family: "Source Code Pro", Consolas, Courier, Monaco, "Courier New", monospace;
}

.error-breadcrumb-level {
  width: 40px;
  height: 40px;
  border: 4px solid #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  background-color: #ddd;
}

.error-breadcrumb-level--blue {
  background-color: #2196F3;
}

.error-breadcrumb-level--teal {
  background-color: #26C6DA;
}

.error-breadcrumb-level--yellow {
  background-color: #FFB300;
}

.error-breadcrumb-level--red {
  background-color: #F92B00;
}

.error-breadcrumb-level__icon {
  display: block;
  width: 24px;
  height: 24px;
  margin: 4px auto;
  background: transparent center no-repeat;
}

.error-group-list-empty {
  background-color: #eee;
  padding: 16px 24px;
  border-radius: 4px;
}
@media only screen and (min-width: 1060px) {
  .error-group-list-empty {
    background-image: url("../images/crash-reporting-export/export-image@2x.png");
    background-position: bottom right;
    background-size: 40% auto;
    background-repeat: no-repeat;
    min-height: 224px;
  }
}

@media only screen and (min-width: 1060px) {
  .error-group-list-empty__text {
    width: 50%;
  }
}

.module-timeline {
  background-color: #f1f1f1;
  padding: 24px;
}

.module-timeline__header {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 8px;
}

@media only screen and (min-width: 640px) {
  .crash-timeline-header:after {
    content: " ";
    display: block;
    clear: both;
  }
}

.crash-timeline-text {
  line-height: 32px;
  color: #666;
}
@media only screen and (min-width: 640px) {
  .crash-timeline-text {
    float: left;
    margin-right: 216px;
  }
}

@media only screen and (min-width: 640px) {
  .crash-timeline-button {
    width: 208px;
    float: right;
  }
}

.module__favourite {
  position: absolute;
  top: 4px;
  right: 4px;
}
@media only screen and (min-width: 640px) {
  .module__favourite {
    top: 8px;
    right: 8px;
  }
}

.report-filter {
  background-color: #fff;
  border: 1px solid #bbb;
  margin: 8px;
}
.report-filter::before, .report-filter::after {
  content: " ";
  display: table;
}
.report-filter::after {
  clear: both;
}
@media only screen and (min-width: 640px) {
  .report-filter {
    display: inline-block;
    float: left;
  }
}
.report-filter__text {
  font-size: 14px;
  font-size: 1.4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  float: left;
  max-width: 200px;
}
.report-filter__button {
  background-color: #fff;
  width: 32px;
  height: 32px;
  border-left: 1px solid #bbb;
  padding: 8px;
  float: right;
}
@media only screen and (min-width: 640px) {
  .report-filter__button {
    float: left;
  }
}
.report-filter--disabled .report-filter__button {
  background-color: #f1f1f1;
}
.report-filter--disabled .report-filter-link {
  color: #999;
  cursor: default;
}
.report-filter--disabled .report-filter-link:hover, .report-filter--disabled .report-filter-link:active {
  color: #999;
}
.report-filter--disabled .report-filter-link__icon:before {
  content: "\e426";
}

.report-filter-link {
  display: block;
  color: #333;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.report-filter-link__icon {
  display: block;
}
.report-filter-link__icon:before {
  font-family: "flaticons";
  font-weight: normal;
  vertical-align: middle;
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  content: "\e5a3";
}
.report-filter-link:hover, .report-filter-link:active {
  color: #333;
}

.select-operator option {
  display: none;
}
.select-operator[data-type=string] .show-for-string {
  display: block;
}
.select-operator[data-type=datetime] .show-for-datetime {
  display: block;
}
.select-operator[data-type=version] .show-for-version {
  display: block;
}
.select-operator[data-type=int] .show-for-int {
  display: block;
}
.select-operator[data-type=multivalue] .show-for-multivalue {
  display: block;
}
.select-operator .show-for-all {
  display: block;
}

.current-filters {
  border: 1px solid #E0E0E0;
  padding: 8px;
}
.current-filters__title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 16px;
  color: #4a4a4a;
  padding: 0 8px;
}
.current-filters__filters::before, .current-filters__filters::after {
  content: " ";
  display: table;
}
.current-filters__filters::after {
  clear: both;
}
.current-filters--margin-bottom {
  margin-bottom: 24px;
}

.no-active-items {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #4a4a4a;
  padding: 16px;
}

.processing-message {
  padding: 48px 24px;
}
@media only screen and (min-width: 1180px) {
  .processing-message {
    padding: 0;
    width: 100%;
    display: table;
    min-height: 480px;
  }
}

.processing-message__text {
  color: #999;
  font-weight: 600;
  text-align: center;
  font-size: 24px;
}
@media only screen and (min-width: 1180px) {
  .processing-message__text {
    font-size: 48px;
    line-height: 1.167;
    display: table-cell;
    vertical-align: middle;
  }
}

.processing-message__progress {
  display: table-row;
  text-align: center;
  font-style: italic;
  font-size: 12px;
  color: #4a4a4a;
}

.reports-remaining {
  padding: 8px 0;
}
.reports-remaining:after {
  content: " ";
  display: block;
  clear: both;
}

.reports-remaining__section {
  float: left;
  margin-right: 8px;
}
.reports-remaining__section:last-child {
  margin-right: 0;
}

.reports-remaining__section--percentage {
  width: 152px;
  padding: 4px 0;
}

.report-summary {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  font-size: 1.3rem;
}

.report-summary__title {
  display: inline-block;
  min-width: 130px;
  padding-right: 20px;
}

.report-summary__status {
  display: inline-block;
}

.dashboard-inline-edit-region {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.dashboard-inline-edit-region[contenteditable=true] {
  text-overflow: initial;
}
.dashboard-inline-edit-region:focus {
  font-weight: normal;
  outline: none;
  border-bottom: 1px dashed #cfcfcd;
}

.dashboard-height-100 {
  height: 100%;
}

.dashboard-tile-message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dashboard-tile-message__value {
  font-weight: 600;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}

.dashboard-container {
  position: relative;
}
.dashboard-container--editing {
  padding-bottom: 120px;
}

.dashboard-container__underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 639px) {
  .dashboard-container__underlay {
    display: none;
  }
}

.dashboard-grid::before, .dashboard-grid::after {
  content: " ";
  display: table;
}
.dashboard-grid::after {
  clear: both;
}

.dashboard-grid__item {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  z-index: 2;
  height: 60px;
}
.dashboard-grid__item--underlay {
  background-color: #d8d8d8;
}

.dashboard-grid__item--1-rows {
  height: 60px;
}

.dashboard-grid__item--2-rows {
  height: 120px;
}

.dashboard-grid__item--3-rows {
  height: 180px;
}

.dashboard-grid__item--4-rows {
  height: 240px;
}

.dashboard-grid__item--5-rows {
  height: 300px;
}

.dashboard-grid__item--6-rows {
  height: 360px;
}

.dashboard-grid__item--7-rows {
  height: 420px;
}

.dashboard-grid__item--8-rows {
  height: 480px;
}

.dashboard-grid__item--9-rows {
  height: 540px;
}

.dashboard-grid__item--10-rows {
  height: 600px;
}

.dashboard-grid__item--11-rows {
  height: 660px;
}

.dashboard-grid__item--12-rows {
  height: 720px;
}

.dashboard-grid__item--13-rows {
  height: 780px;
}

.dashboard-grid__item--14-rows {
  height: 840px;
}

.dashboard-grid__item--15-rows {
  height: 900px;
}

.dashboard-grid__item--16-rows {
  height: 960px;
}

.dashboard-grid__item--17-rows {
  height: 1020px;
}

.dashboard-grid__item--18-rows {
  height: 1080px;
}

.dashboard-grid__item--19-rows {
  height: 1140px;
}

.dashboard-grid__item--20-rows {
  height: 1200px;
}

@media only screen and (min-width: 640px) {
  .dashboard-grid__item {
    float: left;
    padding: 8px;
    margin-bottom: 0px;
  }
  .dashboard-grid__item--sizing {
    height: 0;
  }
  .dashboard-grid--8-columns .dashboard-grid__item {
    width: 12.5%;
  }
  .dashboard-grid--8-columns .dashboard-grid__item--1-columns {
    width: 12.5%;
  }
  .dashboard-grid--8-columns .dashboard-grid__item--2-columns {
    width: 25%;
  }
  .dashboard-grid--8-columns .dashboard-grid__item--3-columns {
    width: 37.5%;
  }
  .dashboard-grid--8-columns .dashboard-grid__item--4-columns {
    width: 50%;
  }
  .dashboard-grid--8-columns .dashboard-grid__item--5-columns {
    width: 62.5%;
  }
  .dashboard-grid--8-columns .dashboard-grid__item--6-columns {
    width: 75%;
  }
  .dashboard-grid--8-columns .dashboard-grid__item--7-columns {
    width: 87.5%;
  }
  .dashboard-grid--8-columns .dashboard-grid__item--8-columns {
    width: 100%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item {
    width: 8.3333333333%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--1-columns {
    width: 8.3333333333%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--2-columns {
    width: 16.6666666667%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--3-columns {
    width: 25%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--4-columns {
    width: 33.3333333333%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--5-columns {
    width: 41.6666666667%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--6-columns {
    width: 50%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--7-columns {
    width: 58.3333333333%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--8-columns {
    width: 66.6666666667%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--9-columns {
    width: 75%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--10-columns {
    width: 83.3333333333%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--11-columns {
    width: 91.6666666667%;
  }
  .dashboard-grid--12-columns .dashboard-grid__item--12-columns {
    width: 100%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item {
    width: 6.25%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--1-columns {
    width: 6.25%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--2-columns {
    width: 12.5%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--3-columns {
    width: 18.75%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--4-columns {
    width: 25%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--5-columns {
    width: 31.25%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--6-columns {
    width: 37.5%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--7-columns {
    width: 43.75%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--8-columns {
    width: 50%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--9-columns {
    width: 56.25%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--10-columns {
    width: 62.5%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--11-columns {
    width: 68.75%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--12-columns {
    width: 75%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--13-columns {
    width: 81.25%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--14-columns {
    width: 87.5%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--15-columns {
    width: 93.75%;
  }
  .dashboard-grid--16-columns .dashboard-grid__item--16-columns {
    width: 100%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item {
    width: 4.1666666667%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--1-columns {
    width: 4.1666666667%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--2-columns {
    width: 8.3333333333%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--3-columns {
    width: 12.5%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--4-columns {
    width: 16.6666666667%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--5-columns {
    width: 20.8333333333%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--6-columns {
    width: 25%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--7-columns {
    width: 29.1666666667%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--8-columns {
    width: 33.3333333333%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--9-columns {
    width: 37.5%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--10-columns {
    width: 41.6666666667%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--11-columns {
    width: 45.8333333333%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--12-columns {
    width: 50%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--13-columns {
    width: 54.1666666667%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--14-columns {
    width: 58.3333333333%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--15-columns {
    width: 62.5%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--16-columns {
    width: 66.6666666667%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--17-columns {
    width: 70.8333333333%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--18-columns {
    width: 75%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--19-columns {
    width: 79.1666666667%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--20-columns {
    width: 83.3333333333%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--21-columns {
    width: 87.5%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--22-columns {
    width: 91.6666666667%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--23-columns {
    width: 95.8333333333%;
  }
  .dashboard-grid--24-columns .dashboard-grid__item--24-columns {
    width: 100%;
  }
}
.dashboard-grid-outline {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #d8d8d8;
}

.numeric-display {
  text-align: center;
}

.numeric-display__number {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
}
.numeric-display__number--large {
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
}

.numeric-display__text {
  font-size: 10px;
  font-size: 1rem;
  text-transform: uppercase;
  color: #808080;
  line-height: 16px;
}

.dashboard-module {
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #d3d3d3;
  background: #fff;
  box-shadow: 0 2px 3px -1px rgba(38, 45, 58, 0.1);
}
.dashboard-module--overflow-init {
  overflow: initial;
}

.dashboard-module__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #d3d3d3;
  padding: 8px 32px 7px 16px;
  z-index: 2;
}
.dashboard-module__header--hidden {
  border-bottom: none;
  background-color: transparent;
}

.dashboard-module__content {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  height: 100%;
}
.dashboard-module__content--footer {
  padding-bottom: 40px;
}
.dashboard-module__content--no-header {
  padding-top: 0;
}
.dashboard-module__content--above {
  z-index: 3;
}
.dashboard-module__content--no-header {
  padding-top: 0;
}

.dashboard-module__footer {
  padding: 11px 16px 12px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #d3d3d3;
  z-index: 2;
}

.dashboard-module-content {
  overflow-y: auto;
  height: 100%;
  padding: 12px;
  position: relative;
}
.dashboard-module-content--overflow-init {
  overflow-y: initial;
}
.dashboard-module-content--no-scroll {
  overflow: hidden;
}
.dashboard-module-content--no-padding {
  padding: 0;
}

.dashboard-module-container {
  display: block;
  width: 100%;
  height: 100%;
}
.dashboard-module-container--resizing {
  background-color: #d8d8d8;
  outline: 1px dashed #1976D2;
  outline-offset: 0px;
}

.dashboard-module-resize {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  transition: 200ms box-shadow ease-in-out;
}
.dashboard-module-resize--shadow {
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dashboard-module-resize__content {
  height: 100%;
}

.dashboard-module-resize__thumb {
  position: absolute;
  z-index: 3;
  bottom: 1px;
  right: 1px;
  width: 24px;
  height: 24px;
  padding: 8px;
  cursor: nw-resize;
  background-color: #fff;
}

.dashboard-graph {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.dashboard-graph--overflow-init {
  overflow: initial;
}
@media only screen and (max-width: 639px) {
  .dashboard-graph--line {
    height: 40vh;
    min-height: 250px;
    max-height: 350px;
  }
}

.dashboard-graph__chart {
  width: 100%;
  height: 100%;
}
.dashboard-graph__chart--legend {
  padding-bottom: 48px;
}

.dashboard-graph__text {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 40px;
  font-size: 4rem;
  line-height: 56px;
  color: #4a4a4a;
  font-weight: 600;
}

.dashboard-graph__legend {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.dashboard-list-component::before, .dashboard-list-component::after {
  content: " ";
  display: table;
}
.dashboard-list-component::after {
  clear: both;
}
.dashboard-list-component--error-group {
  padding-left: 8px;
  padding-bottom: 8px;
}

.dashboard-list-component__count, .dashboard-list-component__app {
  font-size: 10px;
  font-size: 1rem;
  line-height: 16px;
  color: #808080;
}

.dashboard-list-component__count {
  float: left;
}

.dashboard-list-component__app {
  float: right;
}

.dashboard-list-component__error-name {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 32px;
}

.dashboard-list-component__audit-action {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  color: #808080;
  padding-top: 4px;
}

.dashboard-list-component__audit-url {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  padding-bottom: 4px;
}

.dashboard-single-tile {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 640px) {
  .dashboard-single-tile {
    padding-bottom: 4px;
  }
  .dashboard-single-tile--loading {
    overflow: hidden;
  }
}

.dashboard-single-tile__value {
  text-align: center;
}

.dashboard-single-value {
  font-weight: 600;
  font-size: 30px;
  font-size: 3rem;
}

.dashboard-editbar {
  height: 0;
  transition: height 160ms ease;
}

.dashboard-editbar--animate-in {
  height: 60px;
}

.top-level-filters-root {
  background-color: #e8e8e8;
  padding: 0 4px;
  border-radius: 2px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 640px) {
  .top-level-filters-root {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.top-level-filters-root--no-margin-bottom {
  margin-bottom: 0;
}
.top-level-filters-root--border-theme {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #CED0D3;
}

.top-level-filters-container {
  position: relative;
  padding-right: 24px;
}
.top-level-filters-container::before, .top-level-filters-container::after {
  content: " ";
  display: table;
}
.top-level-filters-container::after {
  clear: both;
}

.top-level-filters-container--scroll {
  height: 40px;
  overflow: hidden;
}
.top-level-filters-container--scroll .top-level-filters-container__active-filters {
  position: absolute;
  left: 0;
  top: 0;
  height: inherit;
}
.top-level-filters-container--scroll .active-filter-list-wrapper,
.top-level-filters-container--scroll .active-filter-list {
  height: inherit;
  overflow: hidden;
}
.top-level-filters-container--scroll .add-filter-button {
  display: none;
}

.top-level-filters-root--height-32 .top-level-filters-container--scroll {
  height: 32px;
}
.top-level-filters-root--height-32 .top-level-filter {
  height: 24px;
  padding-right: 24px;
}
.top-level-filters-root--height-32 .top-level-filter--pending {
  padding-right: 0;
}
.top-level-filters-root--height-32 .top-level-filter--editable {
  padding-right: 48px;
}
.top-level-filters-root--height-32 .top-level-filter__label {
  font-size: 13px;
  font-size: 1.3rem;
}
.top-level-filters-root--height-32 .top-level-filter__label--active {
  padding: 2px 8px;
}
@media only screen and (min-width: 640px) {
  .top-level-filters-root--height-32 .top-level-filter__label--active {
    height: 24px;
  }
}
@media only screen and (min-width: 1180px) {
  .top-level-filters-root--height-32 .top-level-filter__label--active {
    white-space: nowrap;
  }
}
.top-level-filters-root--height-32 .add-filter-button__text {
  line-height: 24px;
  height: 24px;
}
.top-level-filters-root--height-32 .add-filter-button__icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.top-level-filters-root--height-32 .animated-search-button {
  width: 24px;
  height: 24px;
  padding: 8px 4px;
}
.top-level-filters-root--height-32 .animated-search-icon {
  height: 8px;
}
.top-level-filters-root--height-32 .filter-button-icon--button {
  width: 24px;
  height: 24px;
  min-width: 24px;
  padding: 3px;
}
.top-level-filters-root--height-32 .top-level-filter__button--edit {
  right: 24px;
}
.top-level-filters-root--height-32 .active-filter-arrow-button {
  padding: 4px 0;
  width: 16px;
}

.top-level-filters-root--height-48 .top-level-filters-container--scroll {
  height: 48px;
}
.top-level-filters-root--height-48 .top-level-filter {
  height: 32px;
  padding-right: 32px;
}
.top-level-filters-root--height-48 .top-level-filter--pending {
  padding-right: 0;
}
.top-level-filters-root--height-48 .top-level-filter__label {
  font-size: 13px;
  font-size: 1.3rem;
}
.top-level-filters-root--height-48 .top-level-filter__label--active {
  padding: 8px 10px;
}
.top-level-filters-root--height-48 .add-filter-button__text {
  line-height: 32px;
  height: 32px;
}
.top-level-filters-root--height-48 .add-filter-button__icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.top-level-filters-root--height-48 .animated-search-button {
  width: 32px;
  height: 32px;
  padding: 10px 5px;
}
.top-level-filters-root--height-48 .animated-search-icon {
  height: 10px;
}
.top-level-filters-root--height-48 .filter-button-icon--delete {
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 4px;
}
.top-level-filters-root--height-48 .active-filter-arrow-button {
  padding: 6px 0;
  width: 24px;
}

.active-filter-arrow-button {
  display: none;
  background: #BDBDBD;
  color: #fff;
  width: 24px;
  text-align: center;
  position: absolute;
  top: 4px;
  padding: 8px 4px;
  cursor: pointer;
}
.active-filter-arrow-button:hover, .active-filter-arrow-button:active {
  color: #fff;
}

.active-filter-arrow-button--active {
  display: inline-block;
}

.active-filter-arrow-button--next {
  right: 0;
}

.advanced-search-help-icon {
  font-size: 10px;
  font-size: 1rem;
  display: none;
  width: 16px;
  height: 16px;
  color: #9E9E9E;
  text-align: center;
  position: absolute;
  right: 4px;
  top: 8px;
}
.advanced-search-help-icon:hover, .advanced-search-help-icon:active {
  color: #9e9e9e;
}

.advanced-search-help-icon--active {
  display: inline-block;
}

.advanced-search-help-icon--offset {
  right: 24px;
}

.edit-filter-dropdown-wrapper {
  position: absolute;
  top: 12px;
  left: 0;
}

.active-filter-list::before, .active-filter-list::after {
  content: " ";
  display: table;
}
.active-filter-list::after {
  clear: both;
}

@media only screen and (min-width: 640px) {
  .active-filter-list__item {
    float: left;
    margin-right: 8px;
  }
}

.top-level-filter {
  background-color: #1A77BE;
  color: #fff;
  border-radius: 2px;
  margin-bottom: 4px;
  margin-top: 4px;
  position: relative;
  padding-right: 32px;
  height: 32px;
}
.top-level-filter::before, .top-level-filter::after {
  content: " ";
  display: table;
}
.top-level-filter::after {
  clear: both;
}

.top-level-filter--pending {
  padding-right: 0;
}
.top-level-filter--pending .top-level-filter__button {
  position: static;
}
.top-level-filter--pending .top-level-filter__label {
  display: none;
}

.top-level-filter__label {
  display: none;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 188px;
  overflow: hidden;
}
.top-level-filter__label::before, .top-level-filter__label::after {
  content: " ";
  display: table;
}
.top-level-filter__label::after {
  clear: both;
}
@media only screen and (min-width: 640px) {
  .top-level-filter__label {
    max-width: 314px;
  }
}
@media only screen and (min-width: 1180px) {
  .top-level-filter__label {
    max-width: 459px;
  }
}
@media only screen and (min-width: 1400px) {
  .top-level-filter__label {
    max-width: 677px;
  }
}

.top-level-filter__label--active {
  display: block;
  padding: 8px;
  overflow: visible;
}

.top-level-filter__button {
  position: absolute;
  top: 0;
  right: 0;
  background: #e8e8e8;
}

.top-level-filter__label .dropdown2__content {
  margin-top: 4px;
}

.add-filter-button {
  background: #1A77BE;
  color: #fff;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
}

.add-filter-button--crash {
  background: #1A77BE;
}

.add-filter-button__text {
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "Open Sans", arial, helvetica, sans-serif;
  padding: 0px 8px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  vertical-align: top;
}

.add-filter-button__icon {
  height: 32px;
  width: 32px;
  display: inline-block;
  padding: 4px;
  line-height: 32px;
}

.filter-button-icon {
  font-size: 20px;
  font-size: 2rem;
  background: #4792CB;
  border: 0;
  border-radius: 0 2px 2px 0;
  color: #fff;
  margin: 0;
}

.filter-button-icon--crash {
  background: #4792CB;
}

.filter-button-icon--button {
  font-size: 18px;
  font-size: 1.8rem;
}

.filter-button-icon--delete {
  padding: 3px;
  display: block;
}

.filter-pill-dimension {
  margin-right: 4px;
}

.filter-pill-comparator {
  margin-right: 4px;
  font-weight: 600;
}

.filter-pill-item {
  line-height: normal;
  vertical-align: top;
  display: inline-block;
}

.edit-filter-button {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media only screen and (min-width: 640px) {
  .edit-filter-button {
    max-width: 110px;
  }
}
@media only screen and (min-width: 640px) {
  .edit-filter-button {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1180px) {
  .edit-filter-button {
    max-width: 290px;
    display: inline-block;
  }
}
@media only screen and (min-width: 1400px) {
  .edit-filter-button {
    max-width: 400px;
  }
}

.filter-pill-item--editable .edit-filter-button {
  text-decoration: underline;
  cursor: pointer;
}
.filter-pill-item--editable .edit-filter-button:hover {
  background: rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 1025px) {
  .top-level-filter .dropdown2__content {
    z-index: 10;
  }
  .top-level-filter__button {
    bottom: 0;
  }
  .filter-button-icon {
    height: 100%;
  }
  .top-level-filter__label {
    float: none;
    white-space: normal;
    max-width: none;
    overflow: visible;
    width: 100%;
    position: static;
  }
  .top-level-filters-root--height-32 .top-level-filter {
    height: auto;
    min-height: 24px;
  }
  .add-filter-button {
    display: block;
    width: 100%;
  }
  .add-filter-button__text {
    display: block;
    float: left;
    width: 90%;
    width: calc(100% - 24px);
  }
  .add-filter-button__icon {
    float: right;
  }
  .edit-filter-button {
    display: inline-block;
  }
}
@-moz-keyframes bobUpToDown {
  0% {
    top: 0;
  }
  50% {
    top: 4px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes bobUpToDown {
  0% {
    top: 0;
  }
  50% {
    top: 4px;
  }
  100% {
    top: 0;
  }
}
@keyframes bobUpToDown {
  0% {
    top: 0;
  }
  50% {
    top: 4px;
  }
  100% {
    top: 0;
  }
}
@-moz-keyframes bobUpToDownBig {
  0% {
    top: 0;
  }
  50% {
    top: 12px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes bobUpToDownBig {
  0% {
    top: 0;
  }
  50% {
    top: 12px;
  }
  100% {
    top: 0;
  }
}
@keyframes bobUpToDownBig {
  0% {
    top: 0;
  }
  50% {
    top: 12px;
  }
  100% {
    top: 0;
  }
}
.animated-search-button {
  background: #5B98C6;
  border: 0;
  padding: 12px 8px 8px;
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}

.animated-search-button--pending {
  border-radius: 0 2px 2px 0;
}
@media only screen and (min-width: 640px) {
  .animated-search-button--pending {
    border-radius: 2px;
  }
}

.animated-search-icon {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 2px;
}

.animated-search-icon--big {
  width: 72px;
  height: 72px;
}
.animated-search-icon--big .animated-search-icon__blob {
  width: 16px;
  height: 16px;
  -moz-animation-name: bobUpToDownBig;
  -webkit-animation-name: bobUpToDownBig;
  animation-name: bobUpToDownBig;
}
.animated-search-icon--big .animated-search-icon__blob--2 {
  left: 22px;
}
.animated-search-icon--big .animated-search-icon__blob--3 {
  left: 44px;
}

.animated-search-icon__blob {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: block;
  background-color: #1A77BE;
  position: absolute;
  top: 0;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 0.9s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-name: bobUpToDown;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 0.9s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-name: bobUpToDown;
  animation-iteration-count: infinite;
  animation-duration: 0.9s;
  animation-timing-function: ease-in-out;
  animation-name: bobUpToDown;
}

.animated-search-icon__blob--1 {
  left: 0;
  -moz-animation-delay: 100ms;
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}

.animated-search-icon__blob--2 {
  left: 6px;
  -moz-animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.animated-search-icon__blob--3 {
  left: 12px;
  -moz-animation-delay: 300ms;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

.errorCount {
  padding-bottom: 24px;
}

.errorCount__title {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 8px;
}
.errorCount__title--bold {
  font-weight: 600;
}

.errorCount__body {
  font-size: 13px;
  line-height: 22px;
  color: #546E7A;
}

.errorCountDialog-modalHeader {
  color: #424242;
}

.errorCountDialog-header {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

.errorCountDialog-header__heading {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
  color: #747474;
}
.errorCountDialog-header__heading--errors {
  float: right;
  width: 80px;
}

.errorCountDialog-list {
  display: block;
  width: 100%;
  border-top: 1px solid #E2E8EB;
  border-bottom: 1px solid #E2E8EB;
}

.errorCountDialog-list__item {
  display: flex;
  padding: 8px 0;
  border-bottom: 1px solid #E2E8EB;
}
.errorCountDialog-list__item:last-child {
  border-bottom: none;
}

.errorCountDialog-link {
  display: flex;
  align-items: center;
  line-height: 24px;
  width: calc(100% - 80px);
}

.errorCountDialog-count {
  width: 80px;
  line-height: 24px;
}

.flamechart {
  padding-bottom: 24px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.flamechart__timerange {
  display: block;
}

.flamechart__timing {
  display: block;
  position: relative;
  background-color: #F1F1F1;
  border-top: 1px solid #BDBDBD;
  border-bottom: 1px solid #BDBDBD;
}

.flamechart__main {
  display: block;
  margin: 0 24px;
}

.flamechart__threads {
  margin: 0 24px;
}

.flamechart-timerange {
  min-height: 24px;
}

.flamechart-timing {
  width: 100%;
  height: 20px;
  display: block;
}

.flamechart-thread {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
}

.flamechart-thread-group > :first-child .flamechart-timeline--closed {
  padding: 8px 0;
}

.flamechart-thread__controls {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 100%;
  padding-top: 3px;
  padding-left: 4px;
  border-right: 1px solid #BDBDBD;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.flamechart-thread__timeline {
  display: block;
  width: 100%;
}

.flamechart-timeline {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 23px;
  cursor: pointer;
  padding: 8px 0;
  image-rendering: pixelated;
}
.flamechart-timeline--timerange {
  padding: 0;
}
.flamechart-timeline--closed {
  padding: 0;
  min-height: 0;
}
.flamechart-timeline .flamechart-thread-group .flamechart-timeline {
  padding: 4px 0;
}

.apm-tooltip {
  position: relative;
}

.apm-tooltip__tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
}

.apm-tooltip__content {
  position: relative;
  z-index: 1;
}

.layout__animation-container {
  padding: 50px 0 0;
  background: #303847;
}

.error-page-animation {
  width: 800px;
  margin: 0 auto 100px;
  height: 350px;
  position: relative;
}

.error-page-animation__boom, .error-page-animation__glow {
  background-size: auto;
  position: absolute;
  height: 380px;
  width: 380px;
  opacity: 1;
  right: 0;
  top: 40px;
  -webkit-transition: all 50ms linear;
  -moz-transition: all 50ms linear;
  -ms-transition: all 50ms linear;
  -o-transition: all 50ms linear;
  transition: all 50ms linear;
}
.error-page-animation__boom.error-page-animation__glow, .error-page-animation__glow.error-page-animation__glow {
  background: url(../images/errorPage/explosionOverlay.png) no-repeat center;
  background-size: cover;
}
.error-page-animation__boom.error-page-animation__boom, .error-page-animation__glow.error-page-animation__boom {
  background: url(../images/errorPage/explosion.png) no-repeat center;
  background-size: cover;
}

.error-page-animation__running-robbie, .error-page-animation__robbie-overlay {
  position: absolute;
  height: 450px;
  width: 270px;
  left: 240px;
  top: 100px;
}
.error-page-animation__running-robbie.error-page-animation__running-robbie, .error-page-animation__robbie-overlay.error-page-animation__running-robbie {
  background: url(../images/errorPage/runningRobbie.png) no-repeat center;
  background-size: cover;
}
.error-page-animation__running-robbie.error-page-animation__robbie-overlay, .error-page-animation__robbie-overlay.error-page-animation__robbie-overlay {
  background: url(../images/errorPage/robbieOverlay.png) no-repeat center;
  background-size: cover;
}

.error-page-content {
  margin: 0 auto 40px;
  width: 800px;
  text-align: center;
}
.error-page-content::before, .error-page-content::after {
  content: " ";
  display: table;
}
.error-page-content::after {
  clear: both;
}
.error-page-content h1 {
  font-size: 104px;
  font-weight: 600;
  float: right;
  margin: 0;
}
.error-page-content h2, .error-page-content h3 {
  float: right;
  clear: both;
  margin: 40px 0;
}
.error-page-content p {
  clear: both;
  border-top: 1px solid #f1f1f1;
  line-height: 32px;
  padding: 40px 0;
  font-size: 24px;
}

.error-page-animation__glow, .error-page-animation__robbie-overlay {
  animation: raygun 0.5s linear infinite alternate;
  -moz-animation: raygun 0.5s linear infinite alternate;
  -webkit-animation: raygun 0.5s linear infinite alternate;
  -o-animation: raygun 0.5s linear infinite alternate;
}

@-webkit-keyframes raygun {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.2;
  }
  66% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}
@-moz-keyframes raygun {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.2;
  }
  66% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}
@-o-keyframes raygun {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.2;
  }
  66% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes raygun {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.2;
  }
  66% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}
.unauthorised {
  text-align: center;
  margin: 0 auto;
  margin-top: 150px;
  margin-top: 20vh;
}

.unauthorised__image {
  background: transparent url("../images/errorPage/lost-in-space.svg") no-repeat center;
  background-size: 100%;
  background-size: contain;
  width: 359px;
  height: 186px;
  margin: 0 auto;
  margin-bottom: 24px;
}

.unauthorised__title {
  font-weight: 600;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 12px;
}

.unauthorised__summary {
  margin-bottom: 24px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  color: #666;
}

.unauthorised__button {
  width: 100%;
  max-width: 216px;
  margin: 16px auto;
}

.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em;
  -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
.flag-icon:before {
  content: " ";
}
.flag-icon.flag-icon--squared {
  width: 1em;
}

.no-boxshadow .flag-icon {
  border: 1px solid #e9e9e9;
}

.flag-icon--ad {
  background-image: url(../images/flags-svg/4x3/ad.svg);
}
.flag-icon--ad.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ad.svg);
}

.flag-icon--ae {
  background-image: url(../images/flags-svg/4x3/ae.svg);
}
.flag-icon--ae.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ae.svg);
}

.flag-icon--af {
  background-image: url(../images/flags-svg/4x3/af.svg);
}
.flag-icon--af.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/af.svg);
}

.flag-icon--ag {
  background-image: url(../images/flags-svg/4x3/ag.svg);
}
.flag-icon--ag.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ag.svg);
}

.flag-icon--ai {
  background-image: url(../images/flags-svg/4x3/ai.svg);
}
.flag-icon--ai.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ai.svg);
}

.flag-icon--al {
  background-image: url(../images/flags-svg/4x3/al.svg);
}
.flag-icon--al.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/al.svg);
}

.flag-icon--am {
  background-image: url(../images/flags-svg/4x3/am.svg);
}
.flag-icon--am.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/am.svg);
}

.flag-icon--ao {
  background-image: url(../images/flags-svg/4x3/ao.svg);
}
.flag-icon--ao.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ao.svg);
}

.flag-icon--aq {
  background-image: url(../images/flags-svg/4x3/aq.svg);
}
.flag-icon--aq.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/aq.svg);
}

.flag-icon--ar {
  background-image: url(../images/flags-svg/4x3/ar.svg);
}
.flag-icon--ar.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ar.svg);
}

.flag-icon--as {
  background-image: url(../images/flags-svg/4x3/as.svg);
}
.flag-icon--as.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/as.svg);
}

.flag-icon--at {
  background-image: url(../images/flags-svg/4x3/at.svg);
}
.flag-icon--at.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/at.svg);
}

.flag-icon--au {
  background-image: url(../images/flags-svg/4x3/au.svg);
}
.flag-icon--au.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/au.svg);
}

.flag-icon--aw {
  background-image: url(../images/flags-svg/4x3/aw.svg);
}
.flag-icon--aw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/aw.svg);
}

.flag-icon--ax {
  background-image: url(../images/flags-svg/4x3/ax.svg);
}
.flag-icon--ax.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ax.svg);
}

.flag-icon--az {
  background-image: url(../images/flags-svg/4x3/az.svg);
}
.flag-icon--az.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/az.svg);
}

.flag-icon--ba {
  background-image: url(../images/flags-svg/4x3/ba.svg);
}
.flag-icon--ba.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ba.svg);
}

.flag-icon--bb {
  background-image: url(../images/flags-svg/4x3/bb.svg);
}
.flag-icon--bb.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bb.svg);
}

.flag-icon--bd {
  background-image: url(../images/flags-svg/4x3/bd.svg);
}
.flag-icon--bd.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bd.svg);
}

.flag-icon--be {
  background-image: url(../images/flags-svg/4x3/be.svg);
}
.flag-icon--be.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/be.svg);
}

.flag-icon--bf {
  background-image: url(../images/flags-svg/4x3/bf.svg);
}
.flag-icon--bf.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bf.svg);
}

.flag-icon--bg {
  background-image: url(../images/flags-svg/4x3/bg.svg);
}
.flag-icon--bg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bg.svg);
}

.flag-icon--bh {
  background-image: url(../images/flags-svg/4x3/bh.svg);
}
.flag-icon--bh.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bh.svg);
}

.flag-icon--bi {
  background-image: url(../images/flags-svg/4x3/bi.svg);
}
.flag-icon--bi.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bi.svg);
}

.flag-icon--bj {
  background-image: url(../images/flags-svg/4x3/bj.svg);
}
.flag-icon--bj.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bj.svg);
}

.flag-icon--bl {
  background-image: url(../images/flags-svg/4x3/bl.svg);
}
.flag-icon--bl.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bl.svg);
}

.flag-icon--bm {
  background-image: url(../images/flags-svg/4x3/bm.svg);
}
.flag-icon--bm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bm.svg);
}

.flag-icon--bn {
  background-image: url(../images/flags-svg/4x3/bn.svg);
}
.flag-icon--bn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bn.svg);
}

.flag-icon--bo {
  background-image: url(../images/flags-svg/4x3/bo.svg);
}
.flag-icon--bo.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bo.svg);
}

.flag-icon--bq {
  background-image: url(../images/flags-svg/4x3/bq.svg);
}
.flag-icon--bq.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bq.svg);
}

.flag-icon--br {
  background-image: url(../images/flags-svg/4x3/br.svg);
}
.flag-icon--br.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/br.svg);
}

.flag-icon--bs {
  background-image: url(../images/flags-svg/4x3/bs.svg);
}
.flag-icon--bs.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bs.svg);
}

.flag-icon--bt {
  background-image: url(../images/flags-svg/4x3/bt.svg);
}
.flag-icon--bt.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bt.svg);
}

.flag-icon--bv {
  background-image: url(../images/flags-svg/4x3/bv.svg);
}
.flag-icon--bv.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bv.svg);
}

.flag-icon--bw {
  background-image: url(../images/flags-svg/4x3/bw.svg);
}
.flag-icon--bw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bw.svg);
}

.flag-icon--by {
  background-image: url(../images/flags-svg/4x3/by.svg);
}
.flag-icon--by.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/by.svg);
}

.flag-icon--bz {
  background-image: url(../images/flags-svg/4x3/bz.svg);
}
.flag-icon--bz.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/bz.svg);
}

.flag-icon--ca {
  background-image: url(../images/flags-svg/4x3/ca.svg);
}
.flag-icon--ca.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ca.svg);
}

.flag-icon--cc {
  background-image: url(../images/flags-svg/4x3/cc.svg);
}
.flag-icon--cc.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cc.svg);
}

.flag-icon--cd {
  background-image: url(../images/flags-svg/4x3/cd.svg);
}
.flag-icon--cd.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cd.svg);
}

.flag-icon--cf {
  background-image: url(../images/flags-svg/4x3/cf.svg);
}
.flag-icon--cf.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cf.svg);
}

.flag-icon--cg {
  background-image: url(../images/flags-svg/4x3/cg.svg);
}
.flag-icon--cg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cg.svg);
}

.flag-icon--ch {
  background-image: url(../images/flags-svg/4x3/ch.svg);
}
.flag-icon--ch.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ch.svg);
}

.flag-icon--ci {
  background-image: url(../images/flags-svg/4x3/ci.svg);
}
.flag-icon--ci.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ci.svg);
}

.flag-icon--ck {
  background-image: url(../images/flags-svg/4x3/ck.svg);
}
.flag-icon--ck.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ck.svg);
}

.flag-icon--cl {
  background-image: url(../images/flags-svg/4x3/cl.svg);
}
.flag-icon--cl.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cl.svg);
}

.flag-icon--cm {
  background-image: url(../images/flags-svg/4x3/cm.svg);
}
.flag-icon--cm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cm.svg);
}

.flag-icon--cn {
  background-image: url(../images/flags-svg/4x3/cn.svg);
}
.flag-icon--cn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cn.svg);
}

.flag-icon--co {
  background-image: url(../images/flags-svg/4x3/co.svg);
}
.flag-icon--co.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/co.svg);
}

.flag-icon--cr {
  background-image: url(../images/flags-svg/4x3/cr.svg);
}
.flag-icon--cr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cr.svg);
}

.flag-icon--cu {
  background-image: url(../images/flags-svg/4x3/cu.svg);
}
.flag-icon--cu.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cu.svg);
}

.flag-icon--cv {
  background-image: url(../images/flags-svg/4x3/cv.svg);
}
.flag-icon--cv.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cv.svg);
}

.flag-icon--cw {
  background-image: url(../images/flags-svg/4x3/cw.svg);
}
.flag-icon--cw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cw.svg);
}

.flag-icon--cx {
  background-image: url(../images/flags-svg/4x3/cx.svg);
}
.flag-icon--cx.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cx.svg);
}

.flag-icon--cy {
  background-image: url(../images/flags-svg/4x3/cy.svg);
}
.flag-icon--cy.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cy.svg);
}

.flag-icon--cz {
  background-image: url(../images/flags-svg/4x3/cz.svg);
}
.flag-icon--cz.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/cz.svg);
}

.flag-icon--de {
  background-image: url(../images/flags-svg/4x3/de.svg);
}
.flag-icon--de.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/de.svg);
}

.flag-icon--dj {
  background-image: url(../images/flags-svg/4x3/dj.svg);
}
.flag-icon--dj.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/dj.svg);
}

.flag-icon--dk {
  background-image: url(../images/flags-svg/4x3/dk.svg);
}
.flag-icon--dk.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/dk.svg);
}

.flag-icon--dm {
  background-image: url(../images/flags-svg/4x3/dm.svg);
}
.flag-icon--dm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/dm.svg);
}

.flag-icon--do {
  background-image: url(../images/flags-svg/4x3/do.svg);
}
.flag-icon--do.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/do.svg);
}

.flag-icon--dz {
  background-image: url(../images/flags-svg/4x3/dz.svg);
}
.flag-icon--dz.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/dz.svg);
}

.flag-icon--ec {
  background-image: url(../images/flags-svg/4x3/ec.svg);
}
.flag-icon--ec.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ec.svg);
}

.flag-icon--ee {
  background-image: url(../images/flags-svg/4x3/ee.svg);
}
.flag-icon--ee.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ee.svg);
}

.flag-icon--eg {
  background-image: url(../images/flags-svg/4x3/eg.svg);
}
.flag-icon--eg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/eg.svg);
}

.flag-icon--eh {
  background-image: url(../images/flags-svg/4x3/eh.svg);
}
.flag-icon--eh.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/eh.svg);
}

.flag-icon--er {
  background-image: url(../images/flags-svg/4x3/er.svg);
}
.flag-icon--er.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/er.svg);
}

.flag-icon--es {
  background-image: url(../images/flags-svg/4x3/es.svg);
}
.flag-icon--es.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/es.svg);
}

.flag-icon--et {
  background-image: url(../images/flags-svg/4x3/et.svg);
}
.flag-icon--et.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/et.svg);
}

.flag-icon--fi {
  background-image: url(../images/flags-svg/4x3/fi.svg);
}
.flag-icon--fi.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/fi.svg);
}

.flag-icon--fj {
  background-image: url(../images/flags-svg/4x3/fj.svg);
}
.flag-icon--fj.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/fj.svg);
}

.flag-icon--fk {
  background-image: url(../images/flags-svg/4x3/fk.svg);
}
.flag-icon--fk.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/fk.svg);
}

.flag-icon--fm {
  background-image: url(../images/flags-svg/4x3/fm.svg);
}
.flag-icon--fm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/fm.svg);
}

.flag-icon--fo {
  background-image: url(../images/flags-svg/4x3/fo.svg);
}
.flag-icon--fo.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/fo.svg);
}

.flag-icon--fr {
  background-image: url(../images/flags-svg/4x3/fr.svg);
}
.flag-icon--fr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/fr.svg);
}

.flag-icon--ga {
  background-image: url(../images/flags-svg/4x3/ga.svg);
}
.flag-icon--ga.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ga.svg);
}

.flag-icon--gb {
  background-image: url(../images/flags-svg/4x3/gb.svg);
}
.flag-icon--gb.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gb.svg);
}

.flag-icon--gd {
  background-image: url(../images/flags-svg/4x3/gd.svg);
}
.flag-icon--gd.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gd.svg);
}

.flag-icon--ge {
  background-image: url(../images/flags-svg/4x3/ge.svg);
}
.flag-icon--ge.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ge.svg);
}

.flag-icon--gf {
  background-image: url(../images/flags-svg/4x3/gf.svg);
}
.flag-icon--gf.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gf.svg);
}

.flag-icon--gg {
  background-image: url(../images/flags-svg/4x3/gg.svg);
}
.flag-icon--gg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gg.svg);
}

.flag-icon--gh {
  background-image: url(../images/flags-svg/4x3/gh.svg);
}
.flag-icon--gh.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gh.svg);
}

.flag-icon--gi {
  background-image: url(../images/flags-svg/4x3/gi.svg);
}
.flag-icon--gi.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gi.svg);
}

.flag-icon--gl {
  background-image: url(../images/flags-svg/4x3/gl.svg);
}
.flag-icon--gl.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gl.svg);
}

.flag-icon--gm {
  background-image: url(../images/flags-svg/4x3/gm.svg);
}
.flag-icon--gm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gm.svg);
}

.flag-icon--gn {
  background-image: url(../images/flags-svg/4x3/gn.svg);
}
.flag-icon--gn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gn.svg);
}

.flag-icon--gp {
  background-image: url(../images/flags-svg/4x3/gp.svg);
}
.flag-icon--gp.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gp.svg);
}

.flag-icon--gq {
  background-image: url(../images/flags-svg/4x3/gq.svg);
}
.flag-icon--gq.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gq.svg);
}

.flag-icon--gr {
  background-image: url(../images/flags-svg/4x3/gr.svg);
}
.flag-icon--gr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gr.svg);
}

.flag-icon--gs {
  background-image: url(../images/flags-svg/4x3/gs.svg);
}
.flag-icon--gs.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gs.svg);
}

.flag-icon--gt {
  background-image: url(../images/flags-svg/4x3/gt.svg);
}
.flag-icon--gt.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gt.svg);
}

.flag-icon--gu {
  background-image: url(../images/flags-svg/4x3/gu.svg);
}
.flag-icon--gu.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gu.svg);
}

.flag-icon--gw {
  background-image: url(../images/flags-svg/4x3/gw.svg);
}
.flag-icon--gw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gw.svg);
}

.flag-icon--gy {
  background-image: url(../images/flags-svg/4x3/gy.svg);
}
.flag-icon--gy.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gy.svg);
}

.flag-icon--hk {
  background-image: url(../images/flags-svg/4x3/hk.svg);
}
.flag-icon--hk.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/hk.svg);
}

.flag-icon--hm {
  background-image: url(../images/flags-svg/4x3/hm.svg);
}
.flag-icon--hm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/hm.svg);
}

.flag-icon--hn {
  background-image: url(../images/flags-svg/4x3/hn.svg);
}
.flag-icon--hn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/hn.svg);
}

.flag-icon--hr {
  background-image: url(../images/flags-svg/4x3/hr.svg);
}
.flag-icon--hr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/hr.svg);
}

.flag-icon--ht {
  background-image: url(../images/flags-svg/4x3/ht.svg);
}
.flag-icon--ht.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ht.svg);
}

.flag-icon--hu {
  background-image: url(../images/flags-svg/4x3/hu.svg);
}
.flag-icon--hu.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/hu.svg);
}

.flag-icon--id {
  background-image: url(../images/flags-svg/4x3/id.svg);
}
.flag-icon--id.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/id.svg);
}

.flag-icon--ie {
  background-image: url(../images/flags-svg/4x3/ie.svg);
}
.flag-icon--ie.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ie.svg);
}

.flag-icon--il {
  background-image: url(../images/flags-svg/4x3/il.svg);
}
.flag-icon--il.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/il.svg);
}

.flag-icon--im {
  background-image: url(../images/flags-svg/4x3/im.svg);
}
.flag-icon--im.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/im.svg);
}

.flag-icon--in {
  background-image: url(../images/flags-svg/4x3/in.svg);
}
.flag-icon--in.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/in.svg);
}

.flag-icon--io {
  background-image: url(../images/flags-svg/4x3/io.svg);
}
.flag-icon--io.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/io.svg);
}

.flag-icon--iq {
  background-image: url(../images/flags-svg/4x3/iq.svg);
}
.flag-icon--iq.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/iq.svg);
}

.flag-icon--ir {
  background-image: url(../images/flags-svg/4x3/ir.svg);
}
.flag-icon--ir.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ir.svg);
}

.flag-icon--is {
  background-image: url(../images/flags-svg/4x3/is.svg);
}
.flag-icon--is.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/is.svg);
}

.flag-icon--it {
  background-image: url(../images/flags-svg/4x3/it.svg);
}
.flag-icon--it.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/it.svg);
}

.flag-icon--je {
  background-image: url(../images/flags-svg/4x3/je.svg);
}
.flag-icon--je.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/je.svg);
}

.flag-icon--jm {
  background-image: url(../images/flags-svg/4x3/jm.svg);
}
.flag-icon--jm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/jm.svg);
}

.flag-icon--jo {
  background-image: url(../images/flags-svg/4x3/jo.svg);
}
.flag-icon--jo.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/jo.svg);
}

.flag-icon--jp {
  background-image: url(../images/flags-svg/4x3/jp.svg);
}
.flag-icon--jp.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/jp.svg);
}

.flag-icon--ke {
  background-image: url(../images/flags-svg/4x3/ke.svg);
}
.flag-icon--ke.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ke.svg);
}

.flag-icon--kg {
  background-image: url(../images/flags-svg/4x3/kg.svg);
}
.flag-icon--kg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/kg.svg);
}

.flag-icon--kh {
  background-image: url(../images/flags-svg/4x3/kh.svg);
}
.flag-icon--kh.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/kh.svg);
}

.flag-icon--ki {
  background-image: url(../images/flags-svg/4x3/ki.svg);
}
.flag-icon--ki.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ki.svg);
}

.flag-icon--km {
  background-image: url(../images/flags-svg/4x3/km.svg);
}
.flag-icon--km.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/km.svg);
}

.flag-icon--kn {
  background-image: url(../images/flags-svg/4x3/kn.svg);
}
.flag-icon--kn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/kn.svg);
}

.flag-icon--kp {
  background-image: url(../images/flags-svg/4x3/kp.svg);
}
.flag-icon--kp.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/kp.svg);
}

.flag-icon--kr {
  background-image: url(../images/flags-svg/4x3/kr.svg);
}
.flag-icon--kr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/kr.svg);
}

.flag-icon--kw {
  background-image: url(../images/flags-svg/4x3/kw.svg);
}
.flag-icon--kw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/kw.svg);
}

.flag-icon--ky {
  background-image: url(../images/flags-svg/4x3/ky.svg);
}
.flag-icon--ky.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ky.svg);
}

.flag-icon--kz {
  background-image: url(../images/flags-svg/4x3/kz.svg);
}
.flag-icon--kz.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/kz.svg);
}

.flag-icon--la {
  background-image: url(../images/flags-svg/4x3/la.svg);
}
.flag-icon--la.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/la.svg);
}

.flag-icon--lb {
  background-image: url(../images/flags-svg/4x3/lb.svg);
}
.flag-icon--lb.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/lb.svg);
}

.flag-icon--lc {
  background-image: url(../images/flags-svg/4x3/lc.svg);
}
.flag-icon--lc.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/lc.svg);
}

.flag-icon--li {
  background-image: url(../images/flags-svg/4x3/li.svg);
}
.flag-icon--li.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/li.svg);
}

.flag-icon--lk {
  background-image: url(../images/flags-svg/4x3/lk.svg);
}
.flag-icon--lk.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/lk.svg);
}

.flag-icon--lr {
  background-image: url(../images/flags-svg/4x3/lr.svg);
}
.flag-icon--lr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/lr.svg);
}

.flag-icon--ls {
  background-image: url(../images/flags-svg/4x3/ls.svg);
}
.flag-icon--ls.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ls.svg);
}

.flag-icon--lt {
  background-image: url(../images/flags-svg/4x3/lt.svg);
}
.flag-icon--lt.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/lt.svg);
}

.flag-icon--lu {
  background-image: url(../images/flags-svg/4x3/lu.svg);
}
.flag-icon--lu.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/lu.svg);
}

.flag-icon--lv {
  background-image: url(../images/flags-svg/4x3/lv.svg);
}
.flag-icon--lv.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/lv.svg);
}

.flag-icon--ly {
  background-image: url(../images/flags-svg/4x3/ly.svg);
}
.flag-icon--ly.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ly.svg);
}

.flag-icon--ma {
  background-image: url(../images/flags-svg/4x3/ma.svg);
}
.flag-icon--ma.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ma.svg);
}

.flag-icon--mc {
  background-image: url(../images/flags-svg/4x3/mc.svg);
}
.flag-icon--mc.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mc.svg);
}

.flag-icon--md {
  background-image: url(../images/flags-svg/4x3/md.svg);
}
.flag-icon--md.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/md.svg);
}

.flag-icon--me {
  background-image: url(../images/flags-svg/4x3/me.svg);
}
.flag-icon--me.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/me.svg);
}

.flag-icon--mf {
  background-image: url(../images/flags-svg/4x3/mf.svg);
}
.flag-icon--mf.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mf.svg);
}

.flag-icon--mg {
  background-image: url(../images/flags-svg/4x3/mg.svg);
}
.flag-icon--mg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mg.svg);
}

.flag-icon--mh {
  background-image: url(../images/flags-svg/4x3/mh.svg);
}
.flag-icon--mh.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mh.svg);
}

.flag-icon--mk {
  background-image: url(../images/flags-svg/4x3/mk.svg);
}
.flag-icon--mk.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mk.svg);
}

.flag-icon--ml {
  background-image: url(../images/flags-svg/4x3/ml.svg);
}
.flag-icon--ml.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ml.svg);
}

.flag-icon--mm {
  background-image: url(../images/flags-svg/4x3/mm.svg);
}
.flag-icon--mm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mm.svg);
}

.flag-icon--mn {
  background-image: url(../images/flags-svg/4x3/mn.svg);
}
.flag-icon--mn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mn.svg);
}

.flag-icon--mo {
  background-image: url(../images/flags-svg/4x3/mo.svg);
}
.flag-icon--mo.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mo.svg);
}

.flag-icon--mp {
  background-image: url(../images/flags-svg/4x3/mp.svg);
}
.flag-icon--mp.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mp.svg);
}

.flag-icon--mq {
  background-image: url(../images/flags-svg/4x3/mq.svg);
}
.flag-icon--mq.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mq.svg);
}

.flag-icon--mr {
  background-image: url(../images/flags-svg/4x3/mr.svg);
}
.flag-icon--mr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mr.svg);
}

.flag-icon--ms {
  background-image: url(../images/flags-svg/4x3/ms.svg);
}
.flag-icon--ms.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ms.svg);
}

.flag-icon--mt {
  background-image: url(../images/flags-svg/4x3/mt.svg);
}
.flag-icon--mt.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mt.svg);
}

.flag-icon--mu {
  background-image: url(../images/flags-svg/4x3/mu.svg);
}
.flag-icon--mu.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mu.svg);
}

.flag-icon--mv {
  background-image: url(../images/flags-svg/4x3/mv.svg);
}
.flag-icon--mv.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mv.svg);
}

.flag-icon--mw {
  background-image: url(../images/flags-svg/4x3/mw.svg);
}
.flag-icon--mw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mw.svg);
}

.flag-icon--mx {
  background-image: url(../images/flags-svg/4x3/mx.svg);
}
.flag-icon--mx.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mx.svg);
}

.flag-icon--my {
  background-image: url(../images/flags-svg/4x3/my.svg);
}
.flag-icon--my.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/my.svg);
}

.flag-icon--mz {
  background-image: url(../images/flags-svg/4x3/mz.svg);
}
.flag-icon--mz.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/mz.svg);
}

.flag-icon--na {
  background-image: url(../images/flags-svg/4x3/na.svg);
}
.flag-icon--na.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/na.svg);
}

.flag-icon--nc {
  background-image: url(../images/flags-svg/4x3/nc.svg);
}
.flag-icon--nc.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/nc.svg);
}

.flag-icon--ne {
  background-image: url(../images/flags-svg/4x3/ne.svg);
}
.flag-icon--ne.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ne.svg);
}

.flag-icon--nf {
  background-image: url(../images/flags-svg/4x3/nf.svg);
}
.flag-icon--nf.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/nf.svg);
}

.flag-icon--ng {
  background-image: url(../images/flags-svg/4x3/ng.svg);
}
.flag-icon--ng.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ng.svg);
}

.flag-icon--ni {
  background-image: url(../images/flags-svg/4x3/ni.svg);
}
.flag-icon--ni.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ni.svg);
}

.flag-icon--nl {
  background-image: url(../images/flags-svg/4x3/nl.svg);
}
.flag-icon--nl.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/nl.svg);
}

.flag-icon--no {
  background-image: url(../images/flags-svg/4x3/no.svg);
}
.flag-icon--no.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/no.svg);
}

.flag-icon--np {
  background-image: url(../images/flags-svg/4x3/np.svg);
}
.flag-icon--np.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/np.svg);
}

.flag-icon--nr {
  background-image: url(../images/flags-svg/4x3/nr.svg);
}
.flag-icon--nr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/nr.svg);
}

.flag-icon--nu {
  background-image: url(../images/flags-svg/4x3/nu.svg);
}
.flag-icon--nu.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/nu.svg);
}

.flag-icon--nz {
  background-image: url(../images/flags-svg/4x3/nz.svg);
}
.flag-icon--nz.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/nz.svg);
}

.flag-icon--om {
  background-image: url(../images/flags-svg/4x3/om.svg);
}
.flag-icon--om.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/om.svg);
}

.flag-icon--pa {
  background-image: url(../images/flags-svg/4x3/pa.svg);
}
.flag-icon--pa.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pa.svg);
}

.flag-icon--pe {
  background-image: url(../images/flags-svg/4x3/pe.svg);
}
.flag-icon--pe.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pe.svg);
}

.flag-icon--pf {
  background-image: url(../images/flags-svg/4x3/pf.svg);
}
.flag-icon--pf.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pf.svg);
}

.flag-icon--pg {
  background-image: url(../images/flags-svg/4x3/pg.svg);
}
.flag-icon--pg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pg.svg);
}

.flag-icon--ph {
  background-image: url(../images/flags-svg/4x3/ph.svg);
}
.flag-icon--ph.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ph.svg);
}

.flag-icon--pk {
  background-image: url(../images/flags-svg/4x3/pk.svg);
}
.flag-icon--pk.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pk.svg);
}

.flag-icon--pl {
  background-image: url(../images/flags-svg/4x3/pl.svg);
}
.flag-icon--pl.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pl.svg);
}

.flag-icon--pm {
  background-image: url(../images/flags-svg/4x3/pm.svg);
}
.flag-icon--pm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pm.svg);
}

.flag-icon--pn {
  background-image: url(../images/flags-svg/4x3/pn.svg);
}
.flag-icon--pn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pn.svg);
}

.flag-icon--pr {
  background-image: url(../images/flags-svg/4x3/pr.svg);
}
.flag-icon--pr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pr.svg);
}

.flag-icon--ps {
  background-image: url(../images/flags-svg/4x3/ps.svg);
}
.flag-icon--ps.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ps.svg);
}

.flag-icon--pt {
  background-image: url(../images/flags-svg/4x3/pt.svg);
}
.flag-icon--pt.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pt.svg);
}

.flag-icon--pw {
  background-image: url(../images/flags-svg/4x3/pw.svg);
}
.flag-icon--pw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/pw.svg);
}

.flag-icon--py {
  background-image: url(../images/flags-svg/4x3/py.svg);
}
.flag-icon--py.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/py.svg);
}

.flag-icon--qa {
  background-image: url(../images/flags-svg/4x3/qa.svg);
}
.flag-icon--qa.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/qa.svg);
}

.flag-icon--re {
  background-image: url(../images/flags-svg/4x3/re.svg);
}
.flag-icon--re.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/re.svg);
}

.flag-icon--ro {
  background-image: url(../images/flags-svg/4x3/ro.svg);
}
.flag-icon--ro.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ro.svg);
}

.flag-icon--rs {
  background-image: url(../images/flags-svg/4x3/rs.svg);
}
.flag-icon--rs.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/rs.svg);
}

.flag-icon--ru {
  background-image: url(../images/flags-svg/4x3/ru.svg);
}
.flag-icon--ru.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ru.svg);
}

.flag-icon--rw {
  background-image: url(../images/flags-svg/4x3/rw.svg);
}
.flag-icon--rw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/rw.svg);
}

.flag-icon--sa {
  background-image: url(../images/flags-svg/4x3/sa.svg);
}
.flag-icon--sa.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sa.svg);
}

.flag-icon--sb {
  background-image: url(../images/flags-svg/4x3/sb.svg);
}
.flag-icon--sb.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sb.svg);
}

.flag-icon--sc {
  background-image: url(../images/flags-svg/4x3/sc.svg);
}
.flag-icon--sc.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sc.svg);
}

.flag-icon--sd {
  background-image: url(../images/flags-svg/4x3/sd.svg);
}
.flag-icon--sd.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sd.svg);
}

.flag-icon--se {
  background-image: url(../images/flags-svg/4x3/se.svg);
}
.flag-icon--se.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/se.svg);
}

.flag-icon--sg {
  background-image: url(../images/flags-svg/4x3/sg.svg);
}
.flag-icon--sg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sg.svg);
}

.flag-icon--sh {
  background-image: url(../images/flags-svg/4x3/sh.svg);
}
.flag-icon--sh.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sh.svg);
}

.flag-icon--si {
  background-image: url(../images/flags-svg/4x3/si.svg);
}
.flag-icon--si.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/si.svg);
}

.flag-icon--sj {
  background-image: url(../images/flags-svg/4x3/sj.svg);
}
.flag-icon--sj.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sj.svg);
}

.flag-icon--sk {
  background-image: url(../images/flags-svg/4x3/sk.svg);
}
.flag-icon--sk.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sk.svg);
}

.flag-icon--sl {
  background-image: url(../images/flags-svg/4x3/sl.svg);
}
.flag-icon--sl.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sl.svg);
}

.flag-icon--sm {
  background-image: url(../images/flags-svg/4x3/sm.svg);
}
.flag-icon--sm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sm.svg);
}

.flag-icon--sn {
  background-image: url(../images/flags-svg/4x3/sn.svg);
}
.flag-icon--sn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sn.svg);
}

.flag-icon--so {
  background-image: url(../images/flags-svg/4x3/so.svg);
}
.flag-icon--so.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/so.svg);
}

.flag-icon--sr {
  background-image: url(../images/flags-svg/4x3/sr.svg);
}
.flag-icon--sr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sr.svg);
}

.flag-icon--ss {
  background-image: url(../images/flags-svg/4x3/ss.svg);
}
.flag-icon--ss.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ss.svg);
}

.flag-icon--st {
  background-image: url(../images/flags-svg/4x3/st.svg);
}
.flag-icon--st.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/st.svg);
}

.flag-icon--sv {
  background-image: url(../images/flags-svg/4x3/sv.svg);
}
.flag-icon--sv.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sv.svg);
}

.flag-icon--sx {
  background-image: url(../images/flags-svg/4x3/sx.svg);
}
.flag-icon--sx.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sx.svg);
}

.flag-icon--sy {
  background-image: url(../images/flags-svg/4x3/sy.svg);
}
.flag-icon--sy.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sy.svg);
}

.flag-icon--sz {
  background-image: url(../images/flags-svg/4x3/sz.svg);
}
.flag-icon--sz.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/sz.svg);
}

.flag-icon--tc {
  background-image: url(../images/flags-svg/4x3/tc.svg);
}
.flag-icon--tc.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tc.svg);
}

.flag-icon--td {
  background-image: url(../images/flags-svg/4x3/td.svg);
}
.flag-icon--td.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/td.svg);
}

.flag-icon--tf {
  background-image: url(../images/flags-svg/4x3/tf.svg);
}
.flag-icon--tf.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tf.svg);
}

.flag-icon--tg {
  background-image: url(../images/flags-svg/4x3/tg.svg);
}
.flag-icon--tg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tg.svg);
}

.flag-icon--th {
  background-image: url(../images/flags-svg/4x3/th.svg);
}
.flag-icon--th.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/th.svg);
}

.flag-icon--tj {
  background-image: url(../images/flags-svg/4x3/tj.svg);
}
.flag-icon--tj.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tj.svg);
}

.flag-icon--tk {
  background-image: url(../images/flags-svg/4x3/tk.svg);
}
.flag-icon--tk.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tk.svg);
}

.flag-icon--tl {
  background-image: url(../images/flags-svg/4x3/tl.svg);
}
.flag-icon--tl.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tl.svg);
}

.flag-icon--tm {
  background-image: url(../images/flags-svg/4x3/tm.svg);
}
.flag-icon--tm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tm.svg);
}

.flag-icon--tn {
  background-image: url(../images/flags-svg/4x3/tn.svg);
}
.flag-icon--tn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tn.svg);
}

.flag-icon--to {
  background-image: url(../images/flags-svg/4x3/to.svg);
}
.flag-icon--to.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/to.svg);
}

.flag-icon--tr {
  background-image: url(../images/flags-svg/4x3/tr.svg);
}
.flag-icon--tr.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tr.svg);
}

.flag-icon--tt {
  background-image: url(../images/flags-svg/4x3/tt.svg);
}
.flag-icon--tt.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tt.svg);
}

.flag-icon--tv {
  background-image: url(../images/flags-svg/4x3/tv.svg);
}
.flag-icon--tv.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tv.svg);
}

.flag-icon--tw {
  background-image: url(../images/flags-svg/4x3/tw.svg);
}
.flag-icon--tw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tw.svg);
}

.flag-icon--tz {
  background-image: url(../images/flags-svg/4x3/tz.svg);
}
.flag-icon--tz.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/tz.svg);
}

.flag-icon--ua {
  background-image: url(../images/flags-svg/4x3/ua.svg);
}
.flag-icon--ua.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ua.svg);
}

.flag-icon--ug {
  background-image: url(../images/flags-svg/4x3/ug.svg);
}
.flag-icon--ug.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ug.svg);
}

.flag-icon--um {
  background-image: url(../images/flags-svg/4x3/um.svg);
}
.flag-icon--um.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/um.svg);
}

.flag-icon--us {
  background-image: url(../images/flags-svg/4x3/us.svg);
}
.flag-icon--us.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/us.svg);
}

.flag-icon--uy {
  background-image: url(../images/flags-svg/4x3/uy.svg);
}
.flag-icon--uy.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/uy.svg);
}

.flag-icon--uz {
  background-image: url(../images/flags-svg/4x3/uz.svg);
}
.flag-icon--uz.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/uz.svg);
}

.flag-icon--va {
  background-image: url(../images/flags-svg/4x3/va.svg);
}
.flag-icon--va.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/va.svg);
}

.flag-icon--vc {
  background-image: url(../images/flags-svg/4x3/vc.svg);
}
.flag-icon--vc.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/vc.svg);
}

.flag-icon--ve {
  background-image: url(../images/flags-svg/4x3/ve.svg);
}
.flag-icon--ve.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ve.svg);
}

.flag-icon--vg {
  background-image: url(../images/flags-svg/4x3/vg.svg);
}
.flag-icon--vg.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/vg.svg);
}

.flag-icon--vi {
  background-image: url(../images/flags-svg/4x3/vi.svg);
}
.flag-icon--vi.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/vi.svg);
}

.flag-icon--vn {
  background-image: url(../images/flags-svg/4x3/vn.svg);
}
.flag-icon--vn.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/vn.svg);
}

.flag-icon--vu {
  background-image: url(../images/flags-svg/4x3/vu.svg);
}
.flag-icon--vu.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/vu.svg);
}

.flag-icon--wf {
  background-image: url(../images/flags-svg/4x3/wf.svg);
}
.flag-icon--wf.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/wf.svg);
}

.flag-icon--ws {
  background-image: url(../images/flags-svg/4x3/ws.svg);
}
.flag-icon--ws.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ws.svg);
}

.flag-icon--ye {
  background-image: url(../images/flags-svg/4x3/ye.svg);
}
.flag-icon--ye.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/ye.svg);
}

.flag-icon--yt {
  background-image: url(../images/flags-svg/4x3/yt.svg);
}
.flag-icon--yt.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/yt.svg);
}

.flag-icon--za {
  background-image: url(../images/flags-svg/4x3/za.svg);
}
.flag-icon--za.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/za.svg);
}

.flag-icon--zm {
  background-image: url(../images/flags-svg/4x3/zm.svg);
}
.flag-icon--zm.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/zm.svg);
}

.flag-icon--zw {
  background-image: url(../images/flags-svg/4x3/zw.svg);
}
.flag-icon--zw.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/zw.svg);
}

.flag-icon--es-ct {
  background-image: url(../images/flags-svg/4x3/es-ct.svg);
}
.flag-icon--es-ct.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/es-ct.svg);
}

.flag-icon--eu {
  background-image: url(../images/flags-svg/4x3/eu.svg);
}
.flag-icon--eu.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/eu.svg);
}

.flag-icon--gb-eng {
  background-image: url(../images/flags-svg/4x3/gb-eng.svg);
}
.flag-icon--gb-eng.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gb-eng.svg);
}

.flag-icon--gb-nir {
  background-image: url(../images/flags-svg/4x3/gb-nir.svg);
}
.flag-icon--gb-nir.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gb-nir.svg);
}

.flag-icon--gb-sct {
  background-image: url(../images/flags-svg/4x3/gb-sct.svg);
}
.flag-icon--gb-sct.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gb-sct.svg);
}

.flag-icon--gb-wls {
  background-image: url(../images/flags-svg/4x3/gb-wls.svg);
}
.flag-icon--gb-wls.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/gb-wls.svg);
}

.flag-icon--un {
  background-image: url(../images/flags-svg/4x3/un.svg);
}
.flag-icon--un.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/un.svg);
}

.flag-icon--o1 {
  background-image: url(../images/flags-svg/4x3/o1.svg);
}
.flag-icon--o1.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/o1.svg);
}

.flag-icon--o2 {
  background-image: url(../images/flags-svg/4x3/o2.svg);
}
.flag-icon--o2.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/o2.svg);
}

.flag-icon--unknown {
  background-image: url(../images/flags-svg/4x3/unknown.svg);
}
.flag-icon--unknown.flag-icon--squared {
  background-image: url(../images/flags-svg/1x1/unknown.svg);
}

.select2-container.select2-container--flags .select2-selection--single, .select2-container.select2-container--flags-white .select2-selection--single {
  padding: 11px;
  border-right: none;
  height: 40px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  position: relative;
}
.select2-container.select2-container--flags .select2-selection--single .select2-selection__rendered, .select2-container.select2-container--flags-white .select2-selection--single .select2-selection__rendered {
  text-overflow: initial;
  padding: 0;
}
.select2-container.select2-container--flags .select2-selection__arrow, .select2-container.select2-container--flags-white .select2-selection__arrow {
  position: absolute;
  top: 12px;
  right: 8px;
}
.select2-container.select2-container--flags .select2-selection__arrow b:before, .select2-container.select2-container--flags-white .select2-selection__arrow b:before {
  content: "\e5a5";
  display: block;
  font-family: "flaticons";
  font-weight: normal;
  vertical-align: middle;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
}
.select2-container.select2-container--flags .select2-results > .select2-results__options, .select2-container.select2-container--flags-white .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container.select2-container--flags .select2-results__option, .select2-container.select2-container--flags-white .select2-results__option {
  padding: 8px;
}
.select2-container.select2-container--flags .select2-results__option[aria-selected=true], .select2-container.select2-container--flags-white .select2-results__option[aria-selected=true] {
  background-color: #f1f1f1;
}
.select2-container.select2-container--flags .select2-results__option--highlighted[aria-selected], .select2-container.select2-container--flags-white .select2-results__option--highlighted[aria-selected] {
  background-color: #f1f1f1;
}
.select2-container.select2-container--flags .select2-results__option:active, .select2-container.select2-container--flags-white .select2-results__option:active {
  background-color: #d8d8d8;
}
.select2-container.select2-container--flags .select2-dropdown, .select2-container.select2-container--flags-white .select2-dropdown {
  min-width: 250px;
}
.select2-container.select2-container--flags .select2-search--dropdown, .select2-container.select2-container--flags-white .select2-search--dropdown {
  padding: 4px;
  border-bottom: 1px solid #aaa;
}
.select2-container.select2-container--flags .select2-search__field, .select2-container.select2-container--flags-white .select2-search__field {
  padding: 8px;
  font-size: 14px;
  line-height: 14px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
}

.select2-container.select2-container--flags .select2-selection--single {
  border: 1px solid #bbb;
  color: #333 !important;
  background-color: #fafafa;
  -webkit-background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  -moz-background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  -ms-background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  -o-background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
}
.select2-container.select2-container--flags .select2-selection--single:hover, .select2-container.select2-container--flags .select2-selection--single.is-hover, .select2-container.select2-container--flags .select2-selection--single.is-active {
  background-color: #fcfcfc;
  -webkit-background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
  -moz-background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
  -ms-background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
  -o-background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #f4f6fa 100%);
}
.select2-container.select2-container--flags .select2-selection--single:active, .select2-container.select2-container--flags .select2-selection--single.is-active, .select2-container.select2-container--flags .select2-selection--single.is-pressed {
  background: #e1e1e1;
}

.select2-container.select2-container--flags-white .select2-selection--single {
  background: #fff;
  color: #333;
  border: 1px solid #d3d3d3;
  border-right: none;
}
.select2-container.select2-container--flags-white .select2-selection--single:hover, .select2-container.select2-container--flags-white .select2-selection--single.is-hover {
  color: #333;
  border-color: #bbb;
}
.select2-container.select2-container--flags-white .select2-selection--single:active, .select2-container.select2-container--flags-white .select2-selection--single.is-active {
  color: #333;
  border-color: #158FEF;
}

.js .select-replacement {
  color: transparent;
}

.flag-option:after {
  content: " ";
  display: block;
  clear: left;
}

.flag-option__icon {
  float: left;
}

.flag-option__text {
  margin-left: 24px;
  font-size: 14px;
}

.billing-note-panel {
  padding: 24px;
  border: 1px solid #158FEF;
  background-color: #E3F2FD;
  border-radius: 2px;
  color: #4a4a4a;
}

.billing-note-panel__heading {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.billing-note {
  padding-left: 16px;
  position: relative;
  margin-bottom: 20px;
}
.billing-note:last-child {
  margin-bottom: 0;
}
.billing-note::before {
  content: " ";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 6px;
  background-color: #4a4a4a;
  border-radius: 50%;
}

.billing-note__heading {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 4px;
  font-weight: 600;
}

.billing-note__description {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.studentpack-container {
  max-width: 776px;
  margin: 0 auto;
}

.studentpack-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}
@media only screen and (min-width: 640px) {
  .studentpack-header {
    flex-direction: row;
    align-items: flex-start;
  }
}
.studentpack-header__illustration {
  width: 104px;
  height: 104px;
}
.studentpack-header__copy {
  margin-top: 16px;
}
.studentpack-header__copy :first-child {
  margin-bottom: 8px;
}
@media only screen and (min-width: 640px) {
  .studentpack-header__copy {
    margin: 0 0 0 24px;
    align-self: center;
  }
}

.studentpack-callout {
  position: relative;
  border: 1px solid transparent;
  padding: 16px;
  text-align: left;
  border-radius: 3px;
}
.studentpack-callout--extra-padding {
  padding-top: 24px;
  padding-bottom: 24px;
}
.studentpack-callout--text-center {
  text-align: center;
}
.studentpack-callout--blue {
  background-color: #E3F2FD;
  border-color: #4285f4;
}
.studentpack-callout--yellow {
  background-color: #fff5db;
  border-color: #EFB11C;
}
.studentpack-callout--green {
  background-color: #E8F5E9;
  border-color: #8BC34A;
}

.horizontal-rule--studentpack {
  background-color: #B0BEC5;
  margin: 36px 0 40px;
  border: 0;
}

.color-text--default {
  color: #424242;
}
.color-text--black {
  color: #000;
}
.color-text--green {
  color: #43A047;
}

.select-sub-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 32px 0 32px;
}
@media only screen and (min-width: 1060px) {
  .select-sub-page {
    padding: 64px 56px 0 56px;
  }
}
@media only screen and (min-width: 1400px) {
  .select-sub-page {
    padding: 64px 0 0;
  }
}

.select-sub-page__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.select-sub-page__header-logo {
  margin-bottom: 48px;
}
@media only screen and (min-width: 640px) {
  .select-sub-page__header-logo {
    align-self: start;
  }
}
@media only screen and (min-width: 1060px) {
  .select-sub-page__header-logo {
    margin-bottom: 32px;
  }
}

.select-sub-page__header-title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 24px;
}

.select-sub-page__header-period {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
}

.select-sub-page__header-period--bold {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #424242;
}

.select-sub-page__header-period--low-emphasis {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #757575;
}

#billing-period-checkbox {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}

#billing-period-label {
  cursor: pointer;
  width: 40px;
  height: 14px;
  background: #0C558F;
  display: block;
  position: relative;
  border-radius: 9.5px;
  margin: 0 16px;
}

#billing-period-label:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 20px;
  -webkit-transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.35));
}

#billing-period-checkbox:checked + #billing-period-label:after {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.pricing-table {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
  gap: 24px;
  font-family: "Open Sans", arial, helvetica, sans-serif;
}
@media only screen and (min-width: 640px) {
  .pricing-table {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }
}
@media only screen and (min-width: 1060px) {
  .pricing-table {
    gap: 0;
  }
}
.pricing-table * {
  font-family: "Open Sans", arial, helvetica, sans-serif;
}

.pricing-table__column {
  flex: 1;
  position: relative;
  border: 1px solid #CFD8DC;
  padding: 40px 24px 40px;
}
@media only screen and (min-width: 640px) {
  .pricing-table__column {
    flex-basis: calc(50% - 24px);
  }
}
@media only screen and (min-width: 1060px) {
  .pricing-table__column {
    flex-basis: 0;
  }
}

@media only screen and (min-width: 1060px) {
  .pricing-table__column:not(:first-child) {
    border-left: none;
  }
}

.pricing-table__column-most-popular {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2E7D32;
  color: #fff;
  line-height: 24px;
  padding: 0 8px;
  border-radius: 2px;
}

.pricing-table__column-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pricing-table__product-tier {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 8px;
}

.pricing-table__product-price {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: #001642;
}
.pricing-table__product-price-symbol {
  font-size: 25px;
  font-weight: 700;
  line-height: 16px;
}
.pricing-table__product-price-value {
  font-family: "Open Sans", arial, helvetica, sans-serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 58px;
}
.pricing-table__product-price-enterprise {
  font-family: "Open Sans", arial, helvetica, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 58px;
}

.pricing-table__product-usage {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 32px;
}

.pricing-table__enterprise-link {
  display: contents;
}

.pricing-table__button {
  cursor: pointer;
  width: 100%;
  max-width: 248px;
  height: 40px;
  background-color: #0478D2;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 24px;
}
.pricing-table__button:hover {
  background-color: #0470C4;
}

.pricing-table__includes {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #1072BF;
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (min-width: 1060px) {
  .pricing-table__includes {
    display: none;
  }
}

.pricing-table__features {
  font-size: 14px;
  line-height: 24px;
}
.pricing-table__features li {
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 24px;
}
.pricing-table__features li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1180px) {
  .pricing-table__features {
    max-width: 248px;
  }
}
@media only screen and (max-width: 1179px) {
  .pricing-table__features--hidden {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .pricing-table__features--hidden {
    display: none;
  }
}

.pricing-table__features-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 16px;
}

.pricing-table__features-icon {
  margin-right: 8px;
}

.select-sub-page__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 72px;
  line-height: 24px;
}
@media only screen and (max-width: 639px) {
  .select-sub-page__footer {
    text-align: center;
  }
}

.shopify-signup-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 32px 0 32px;
}
@media only screen and (min-width: 1060px) {
  .shopify-signup-page {
    padding: 64px 56px 0 56px;
  }
}
@media only screen and (min-width: 1400px) {
  .shopify-signup-page {
    padding: 64px 0 0;
  }
}
.shopify-signup-page .signup-page-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}
@media only screen and (min-width: 640px) {
  .shopify-signup-page .signup-page-header {
    margin-bottom: 40px;
  }
}
.shopify-signup-page .signup-page-header .signup-page-header__navigation {
  margin-bottom: 48px;
}
@media only screen and (min-width: 640px) {
  .shopify-signup-page .signup-page-header .signup-page-header__navigation {
    align-self: flex-start;
    margin-bottom: 56px;
  }
}
@media only screen and (min-width: 1060px) {
  .shopify-signup-page .signup-page-header .signup-page-header__navigation {
    margin-bottom: 72px;
  }
}
.shopify-signup-page .signup-page-header .signup-page-header__navigation img {
  height: 32px;
}
.shopify-signup-page .signup-page-header .signup-page-heading {
  font-size: 24px;
  font-size: 2.4rem;
  color: #000;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
}
.shopify-signup-page .signup-page-header .signup-page-sub-heading {
  color: #424242;
  line-height: 24px;
  text-align: center;
}
.shopify-signup-page .signup-page-footer {
  margin-top: 24px;
  text-align: center;
}

.signup-checkbox-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  margin: 16px 0;
}

.signup-section__form {
  margin: auto;
}
@media only screen and (min-width: 640px) {
  .signup-section__form {
    max-width: 424px;
  }
}
.signup-section__form .signup-layout__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (min-width: 640px) {
  .signup-section__form .signup-layout__form {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 24px;
  }
}
.signup-section__form .signup-layout__form .form-block {
  flex: 1 1 calc(50% - 24px);
}
.signup-section__form .signup-layout__form .form-block .form-block__label {
  margin: 0;
}
.signup-section__form .signup-layout__form .form-block .form-block__label .optional-label {
  color: #424242;
}
.signup-section__form .signup-layout__form label {
  color: #424242;
  font-weight: normal;
  line-height: 24px;
}
.signup-section__form .signup-layout__form label .signup-checkbox-text {
  color: #000;
}
.signup-section__form .signup-layout__form input, .signup-section__form .signup-layout__form select {
  background-color: white;
}
.signup-section__form .signup-layout__form .form-text, .signup-section__form .signup-layout__form .select-ui, .signup-section__form .signup-layout__form .button-white {
  border-color: #B0BEC5;
}
.signup-section__form .signup-layout__form .form-text--invalid, .signup-section__form .signup-layout__form .form-text.input-validation-error, .signup-section__form .signup-layout__form .select-ui--invalid, .signup-section__form .signup-layout__form .select-ui.input-validation-error {
  border-color: #dc280a;
}
.signup-section__form .signup-layout__form .signup-checkbox {
  margin: 16px 0 24px 0;
}
.signup-section__form .signup-layout__form .signup-checkbox .checkbox-control .solo-checkbox {
  top: 4px;
}
.signup-section__form .signup-layout__form .signup-button {
  position: relative;
  background-color: #0478D2;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 24px;
  padding: 0;
}
.signup-section__form .signup-layout__form .signup-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(6, 42, 71, 0.1);
  opacity: 0;
}
.signup-section__form .signup-layout__form .signup-button:hover:before {
  opacity: 1;
}
.signup-section__form .signup-layout__form .signup-button:focus:before {
  background-color: rgba(6, 42, 71, 0.2);
  opacity: 1;
}

.row {
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.row .row {
  margin-right: -1.6rem;
  margin-left: -1.6rem;
}

@media only screen and (min-width: 640px) {
  .row .row {
    margin-right: -1.6rem;
    margin-left: -1.6rem;
  }
}
@media only screen and (min-width: 1060px) {
  .row .row {
    margin-right: -1.6rem;
    margin-left: -1.6rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}

.row:not(.expanded) .row {
  max-width: none;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.row.is-collapse-child,
.row.collapse > .column > .row,
.row.collapse > .columns > .row {
  margin-right: 0;
  margin-left: 0;
}

.column, .columns {
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  min-width: 0;
}

.column.row.row, .row.row.columns {
  float: none;
  display: block;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-up-1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.small-up-1 > .column, .small-up-1 > .columns {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.small-up-2 > .column, .small-up-2 > .columns {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.small-up-3 > .column, .small-up-3 > .columns {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-up-4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.small-up-4 > .column, .small-up-4 > .columns {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.small-up-5 > .column, .small-up-5 > .columns {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.small-up-6 > .column, .small-up-6 > .columns {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-up-7 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.small-up-7 > .column, .small-up-7 > .columns {
  -ms-flex: 0 0 14.28571%;
  flex: 0 0 14.28571%;
  max-width: 14.28571%;
}

.small-up-8 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.small-up-8 > .column, .small-up-8 > .columns {
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}

@media only screen and (min-width: 640px) {
  .medium-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .medium-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .medium-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .medium-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .medium-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media only screen and (min-width: 640px) {
  .medium-expand {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

@media only screen and (min-width: 640px) {
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media only screen and (min-width: 640px) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}
@media only screen and (min-width: 1060px) {
  .large-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .large-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .large-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .large-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .large-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media only screen and (min-width: 1060px) {
  .large-expand {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
.row.large-unstack > .column, .row.large-unstack > .columns {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

@media only screen and (min-width: 1060px) {
  .row.large-unstack > .column, .row.large-unstack > .columns {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media only screen and (min-width: 1060px) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}
@media only screen and (min-width: 1180px) {
  .extra-large-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .extra-large-offset-0 {
    margin-left: 0%;
  }
  .extra-large-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .extra-large-offset-1 {
    margin-left: 8.33333%;
  }
  .extra-large-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .extra-large-offset-2 {
    margin-left: 16.66667%;
  }
  .extra-large-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .extra-large-offset-3 {
    margin-left: 25%;
  }
  .extra-large-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .extra-large-offset-4 {
    margin-left: 33.33333%;
  }
  .extra-large-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .extra-large-offset-5 {
    margin-left: 41.66667%;
  }
  .extra-large-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .extra-large-offset-6 {
    margin-left: 50%;
  }
  .extra-large-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .extra-large-offset-7 {
    margin-left: 58.33333%;
  }
  .extra-large-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .extra-large-offset-8 {
    margin-left: 66.66667%;
  }
  .extra-large-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .extra-large-offset-9 {
    margin-left: 75%;
  }
  .extra-large-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .extra-large-offset-10 {
    margin-left: 83.33333%;
  }
  .extra-large-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .extra-large-offset-11 {
    margin-left: 91.66667%;
  }
  .extra-large-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extra-large-up-1 > .column, .extra-large-up-1 > .columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .extra-large-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extra-large-up-2 > .column, .extra-large-up-2 > .columns {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .extra-large-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extra-large-up-3 > .column, .extra-large-up-3 > .columns {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .extra-large-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extra-large-up-4 > .column, .extra-large-up-4 > .columns {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .extra-large-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extra-large-up-5 > .column, .extra-large-up-5 > .columns {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .extra-large-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extra-large-up-6 > .column, .extra-large-up-6 > .columns {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .extra-large-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extra-large-up-7 > .column, .extra-large-up-7 > .columns {
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .extra-large-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .extra-large-up-8 > .column, .extra-large-up-8 > .columns {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media only screen and (min-width: 1180px) {
  .extra-large-expand {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
.row.extra-large-unstack > .column, .row.extra-large-unstack > .columns {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

@media only screen and (min-width: 1180px) {
  .row.extra-large-unstack > .column, .row.extra-large-unstack > .columns {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media only screen and (min-width: 1180px) {
  .extra-large-collapse > .column, .extra-large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .extra-large-uncollapse > .column, .extra-large-uncollapse > .columns {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}
.shrink {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
}

.column-block {
  margin-bottom: 1.875rem;
}

.column-block > :last-child {
  margin-bottom: 0;
}

.align-right {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.align-center {
  -ms-flex-pack: center;
  justify-content: center;
}

.align-justify {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-spaced {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-right.vertical.menu > li > a {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  -ms-flex-pack: center;
  justify-content: center;
}

.align-top {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-self-top {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-bottom {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-self-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-middle {
  -ms-flex-align: center;
  align-items: center;
}

.align-self-middle {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.align-stretch {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.align-center-middle {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.small-order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.small-order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.small-order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.small-order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.small-order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.small-order-6 {
  -ms-flex-order: 6;
  order: 6;
}

@media only screen and (min-width: 640px) {
  .medium-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .medium-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .medium-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .medium-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .medium-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .medium-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
}
@media only screen and (min-width: 1060px) {
  .large-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .large-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .large-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .large-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .large-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .large-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
}
@media only screen and (min-width: 1180px) {
  .extra-large-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .extra-large-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .extra-large-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .extra-large-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .extra-large-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .extra-large-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
}
.flex-container {
  display: -ms-flexbox;
  display: flex;
}

.flex-child-auto {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-child-grow {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.flex-child-shrink {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.flex-dir-row {
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-dir-row-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-dir-column {
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-dir-column-reverse {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media only screen and (min-width: 640px) {
  .medium-flex-container {
    display: -ms-flexbox;
    display: flex;
  }
  .medium-flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1060px) {
  .large-flex-container {
    display: -ms-flexbox;
    display: flex;
  }
  .large-flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1180px) {
  .extra-large-flex-container {
    display: -ms-flexbox;
    display: flex;
  }
  .extra-large-flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .extra-large-flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .extra-large-flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .extra-large-flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .extra-large-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .extra-large-flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .extra-large-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}