body {
  background: #f8fafa;
}
body .status-navbar {
  background: #f8fafa;
  border: none;
}
body .status-navbar .status-logo {
  height: 40px;
}
.main-container {
  color: #231f20;
  padding-bottom: 40px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.main-container h1,
.main-container h2,
.main-container h3,
.main-container h4,
.main-container h5 {
  font-family: 'Gotham Narrow SSm', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #231f20;
}
.main-container h2 {
  font-size: 22px;
  letter-spacing: -1px;
  margin-top: 36px;
  margin-bottom: 6px;
}
.main-container th {
  background: #f7f7f7;
}
.main-container .timestamp {
  display: none;
}
.main-container .date-timestamp {
  display: none;
}
.main-container .time-ago-milliseconds {
  display: none;
}
.main-container .severity {
  display: none;
}
.main-container .raw-markdown {
  display: none;
}
.main-container .percent {
  display: none;
}
.main-container .raw-markdown-converted h1 {
  font-size: 18px;
}
.main-container .raw-markdown-converted h1:first-child {
  margin-top: 0;
}
.main-container .raw-markdown-converted h2 {
  font-size: 16px;
}
.main-container .raw-markdown-converted h2:first-child {
  margin-top: 0;
}
.main-container .raw-markdown-converted h3 {
  font-size: 15px;
}
.main-container .raw-markdown-converted h3:first-child {
  margin-top: 0;
}

body {
  background: #f8fafa;
}
body .status-navbar {
  background: #f8fafa;
  border: none;
}
body .status-navbar .status-logo {
  height: 40px;
}
.main-container {
  color: #231f20;
  padding-bottom: 40px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.main-container h1,
.main-container h2,
.main-container h3,
.main-container h4,
.main-container h5 {
  font-family: 'Gotham Narrow SSm', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #231f20;
}
.main-container h2 {
  font-size: 22px;
  letter-spacing: -1px;
  margin-top: 36px;
  margin-bottom: 6px;
}
.main-container th {
  background: #f7f7f7;
}
.main-container .timestamp {
  display: none;
}
.main-container .date-timestamp {
  display: none;
}
.main-container .time-ago-milliseconds {
  display: none;
}
.main-container .severity {
  display: none;
}
.main-container .raw-markdown {
  display: none;
}
.main-container .percent {
  display: none;
}
.main-container .raw-markdown-converted h1 {
  font-size: 18px;
}
.main-container .raw-markdown-converted h1:first-child {
  margin-top: 0;
}
.main-container .raw-markdown-converted h2 {
  font-size: 16px;
}
.main-container .raw-markdown-converted h2:first-child {
  margin-top: 0;
}
.main-container .raw-markdown-converted h3 {
  font-size: 15px;
}
.main-container .raw-markdown-converted h3:first-child {
  margin-top: 0;
}
.main-container .content-row {
  background: white;
  border: 1px solid #ccc;
  margin-left: 0;
  margin-right: 0;
}
.main-container .section-header {
  margin-top: 36px;
}
.main-container .section-header h2 {
  margin-top: 0;
}
.main-container .section-header.first-section {
  margin-top: 10px;
}
.main-container .current-status-container .last-updated-text {
  font-size: 14px;
  text-align: right;
  padding-top: 5px;
}
.main-container .current-status-container .internal-only {
  margin-bottom: -3px;
}
.main-container .current-status-container .current-status-row .current-status-inner-container {
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 10px;
}
.main-container .current-status-container .current-status-row .current-status-inner-container .system-overview {
  text-align: center;
  border-right: 1px dotted #ddd;
  /* The last-child element is an empty div right now, which acts as
           * padding so that the 5 2-column content divs appear centered in a
           * 12-column row. The second-to-last child is the last content div,
           * so the border is removed from that div instead of the last child.
           */
}
.main-container .current-status-container .current-status-row .current-status-inner-container .system-overview:nth-last-child(2) {
  border-right: none;
}
.main-container .current-status-container .current-status-row .current-status-inner-container .system-overview .status-icon {
  margin-top: 10px;
}
.main-container .current-status-container .current-status-row .current-status-inner-container .system-overview .status-icon img {
  height: 40px;
}
.main-container .current-status-container .current-status-row .current-status-inner-container .system-overview p {
  font-size: 16px;
  font-weight: bold;
}
.main-container .current-status-container .current-status-row .current-status-inner-container .system-overview .system-name {
  margin-bottom: 0;
}
.main-container .current-status-container .current-status-row .current-status-inner-container .system-metrics {
  border-right: 1px dotted #ddd;
  /* Similar to above, but the border removal is needed on more child
          * divs since this content uses the "table-row-format" class below.
          */
}
.main-container .current-status-container .current-status-row .current-status-inner-container .system-metrics:first-child,
.main-container .current-status-container .current-status-row .current-status-inner-container .system-metrics:last-child,
.main-container .current-status-container .current-status-row .current-status-inner-container .system-metrics:nth-last-child(2) {
  border-right: none;
}
.main-container .current-status-container .current-status-row .current-status-inner-container .system-metrics ul {
  font-size: 12px;
  margin-bottom: 0;
  padding-top: 14px;
  padding-left: 20px;
  padding-bottom: 4px;
}
.main-container .current-status-container .current-status-row .current-status-inner-container.table-row-format {
  padding-top: 0;
  overflow: hidden;
}
.main-container .current-status-container .current-status-row .current-status-inner-container.table-row-format [class*="col-"] {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
.main-container .current-status-container .current-status-row .status-details-row {
  border-top: none;
  padding-top: 8px;
  padding-bottom: 8px;
}
.main-container .current-status-container .current-status-row .status-details-row p {
  font-size: 12px;
  margin-bottom: 0;
}
.main-container .incidents-by-day-row .legend-container {
  text-align: right;
}
.main-container .incidents-by-day-row .legend-container ul {
  margin-bottom: 0;
  padding-top: 5px;
}
.main-container .incidents-by-day-row .legend-container ul li {
  display: inline;
  list-style-type: none;
  padding-left: 20px;
}
.main-container .incidents-by-day-row .legend-container ul li .legend-element {
  display: inline;
}
.main-container .incidents-by-day-row .legend-container ul li .legend-element .legend-circle {
  display: inline-block;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}
.main-container .incidents-by-day-row .legend-container ul li .legend-element .healthy-legend {
  background: #58af54;
}
.main-container .incidents-by-day-row .legend-container ul li .legend-element .warning-legend {
  background: #fbaf3a;
}
.main-container .incidents-by-day-row .legend-container ul li .legend-element .error-legend {
  background: #c1272c;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-by-day-tooltip-content {
  display: none;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incident-tooltip-body h5 {
  margin-top: 4px;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incident-tooltip-body p {
  margin-bottom: 0;
  white-space: nowrap;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incident-tooltip-body:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column {
  padding: 0;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot {
  padding: 0;
  margin-bottom: -5px;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .incident-range-shaded {
  fill: #f8f8f8;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .plot-week-text {
  font-style: oblique;
  text-anchor: middle;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .date-label-text {
  fill: white;
  font-style: italic;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .date-label-text.today-label-text {
  text-anchor: end;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .date-label-text.start-label-text {
  text-anchor: start;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .date-label-today {
  stroke: #5bc0de;
  fill: #5bc0de;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .date-label-30-days-ago {
  stroke: #343434;
  fill: #343434;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .line {
  fill: none;
  stroke: #aab7c1;
  stroke-width: 1.5px;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .axis path,
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .axis text {
  display: none;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .incident-point {
  stroke: none;
  fill: #58af54;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .incident-point.incident-point-severity0 {
  fill: #c1272c;
}
.main-container .incidents-by-day-row .incidents-by-day-container .incidents-plot-column #incidents-plot .incident-point.incident-point-severity1 {
  fill: #fbaf3a;
}
.main-container .incident-row:not(:first-child) {
  margin-top: 16px;
}
.main-container .incident-row .incident-container .incident-timestamp-container {
  font-size: 16px;
  margin-top: 10px;
  text-align: right;
  color: #808080;
}
.main-container .incident-row .incident-container .incident-status-container {
  padding: 3px 0 2px 8px;
  font-size: 15px;
  color: #f8f8f8;
  font-style: italic;
}
.main-container .incident-row .incident-container.incident-status-Active.incident-severity-0 .incident-status-container {
  background: #ad2d34;
}
.main-container .incident-row .incident-container.incident-status-Active.incident-severity-1 .incident-status-container {
  background: #fbaf3a;
}
.main-container .incident-row .incident-container.incident-status-Resolved .incident-status-container {
  background: #58af54;
}
.main-container .incident-row .incident-container.incident-status-Planned .incident-status-container {
  background: #3ea1cc;
}
.main-container .incident-row .incident-container .incident-body-container {
  margin: 0 15px 18px 12px;
}
.main-container .incident-row .incident-container .incident-body-container.incident-body-internal-details {
  margin-bottom: 25px;
}
.main-container .incident-row .incident-container .incident-body-container .more-details-container {
  font-size: 12px;
  font-style: italic;
  margin-bottom: -8px;
}
.main-container .incident-row .incident-container .incident-body-container .more-details-container .right-arrow {
  font-style: normal;
}
.main-container .incident-row .incident-container .incident-body-container h5 {
  margin-bottom: 3px;
}
.main-container .internal-incident-container .internal-incident-spacer {
  margin-top: 20px;
}
.main-container .internal-incident-container h5.internal-only {
  margin-bottom: -3px;
}
.main-container .internal-incident-container .internal-incident-row {
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 17px 15px 5px 12px;
}
.main-container .internal-incident-container .internal-incident-row p {
  margin-bottom: 6px;
}
.main-container .internal-incident-container .internal-incident-row p.jira-tickets-header {
  margin-bottom: 2px;
}