#main-container {
  padding-top: 0;
}

.page-header {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.page-header .rotated-title {
  transform: translateY(-30%) rotate(90deg);
}
.page-header .page-top-icon svg {
  transform: translateY(-45%);
  right: -7rem;
}
.page-header .header-circle-bottom {
  transform: translateX(-70%) translateY(10%);
}
.page-header .header-circle-bottom g {
  stroke-width: 0.8;
}
.page-header .header-circle-top {
  display: none;
}

.heading {
  margin-bottom: 2rem;
}
.heading h1 {
  width: max-content;
  color: #252525;
  font-weight: bold;
}
.heading h1.ok {
  border-bottom: 10px solid #00e5a3;
}
.heading h1.working {
  border-bottom: 10px solid #ff6c2c;
}
.heading h1.maintenance {
  border-bottom: 10px solid #ff6c2c;
}
.heading h1.outage {
  border-bottom: 10px solid #e00045;
}

.bottom-striped-circle {
  max-width: 600px;
  transform: translateY(-108%) translateX(30%) rotate(90deg);
}
.bottom-striped-circle g {
  stroke-width: 3;
  stroke: #ffa06a;
}

.issue .tag {
  height: 32px;
  border-radius: 16px;
  width: auto;
  padding: 0 8px;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-transform: uppercase;
}
.issue .tag.planned, .issue .tag.in-progress {
  background-color: rgba(0, 186, 229, 0.5);
}
.issue .tag.unknown {
  background-color: #ffa06a;
}
.issue .tag.completed, .issue .tag.resolved {
  background-color: rgb(121, 234, 163);
}

header.sticky-nav {
  position: relative;
  background-color: transparent;
  box-shadow: none;
  height: 160px;
  margin-bottom: 2rem;
  margin-top: 0;
}
header.sticky-nav .logo-container {
  max-width: 160px;
}

.status-slogan {
  z-index: 1;
}
.status-slogan::before {
  content: "";
  width: 2px;
  background-color: #d3d3d3;
  display: inline-flex;
  height: 100%;
  min-height: 45px;
  margin-right: 24px;
}
.status-slogan a {
  color: rgba(37, 37, 37, 0.45);
  line-height: 1;
  font-size: 24px;
}

@media (max-width: 992px) {
  .rotated-title {
    display: none;
  }
}
.front #animation_container {
  width: auto !important;
  height: 400px !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
}
.front .info-box {
  font-size: 24px;
  line-height: 32px;
}
.front .info-box a {
  font-size: inherit;
  font-weight: 800;
}

.issues-box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  margin-top: 1rem;
}
.issues-box .issue {
  background-color: white;
  padding: 24px;
}
.issues-box .issue .issue-title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.33;
  margin-bottom: 0.5rem;
}
.issues-box .issue .issue-summary {
  word-break: break-word;
  margin-bottom: 0.75rem;
}
.issues-box .issue .btn-pmx {
  width: max-content;
}
.issues-box .issue .btn-pmx i {
  display: flex;
}
.issues-box .issue .issue-data-row {
  display: flex;
  justify-content: top;
  padding: 0.25rem 0;
}
.issues-box .issue .issue-data-row .issue-data-row-label {
  font-weight: bold;
  width: 40%;
  flex: 0 0 auto;
}
.issues-box .issue .issue-data-row .issue-data-row-value .date-text {
  opacity: 0.7;
}
.issues-box .issue:nth-child(2n) {
  background-color: #fafafa;
}

.status {
  font-weight: bold;
}
.status.status-unknown {
  color: #667382;
}
.status.status-in-progress {
  color: #d63939;
}
.status.status-planned {
  color: #0054a6;
}
.status.status-resolved {
  color: #f76707;
}
.status.status-completed {
  color: #2fb344;
}

.maintenance-box {
  padding: 40px;
  color: #37424a !important;
}
.maintenance-box.ok {
  background-color: #00e5a3;
}
.maintenance-box.maintenance {
  background-color: #ff6c2c;
}

.post-card.hovered.status-good .card {
  color: #151515 !important;
}
.post-card.hovered.status-good .card::before {
  background-color: #00e5a3 !important;
}
.post-card.hovered.status-maintenance .card::before {
  background-color: #ff6c2c !important;
}
.post-card.hovered.status-outage .card::before {
  background-color: #e00045 !important;
}
.post-card .card .card-body {
  padding: 48px 24px;
}
.post-card .card .card-body p:last-child {
  margin-bottom: 0 !important;
}

body.dark .status-page-slogan::before {
  background-color: #7e868c;
}
body.dark .status-page-slogan a {
  color: #7e868c;
}
body.dark .menu-item-list li a {
  color: #fafafa;
}
body.dark .menu-item-list li a:hover {
  color: #00e5a3;
}
body.dark .bottom-striped-circle g {
  stroke: #fafafa;
}
body.dark .sticky-nav {
  box-shadow: none;
  background-color: transparent;
}
body.dark .heading h1 {
  color: #fafafa;
}
body.dark .info-box a {
  color: #00e5a3;
}
body.dark .issues-box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #333b42;
  margin-top: 32px;
}
body.dark .issues-box .issue {
  background-color: #333b42;
}
body.dark .issues-box .issue:nth-child(2n) {
  background-color: #37424a;
}
body.dark .issues-container .issue-item .btn-pmx[aria-expanded*=true] {
  color: #37424a;
  border-bottom: 2px solid #00e5a3;
}
body.dark .issues-container .issue-item .btn-pmx[aria-expanded*=true] i {
  color: #37424a;
}
body.dark .issues-container .issue-item .issue-body {
  padding: 24px 40px;
  background: #333b42;
}
body.dark .issues-container .issue-item:nth-child(2n) .issue-body {
  background: #37424a;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/scss/frontend/global.scss%22,%22../../assets/scss/frontend/header.scss%22,%22../../assets/scss/frontend/home.scss%22,%22../../assets/scss/frontend/issues.scss%22,%22../../assets/scss/frontend/info-box.scss%22,%22../../assets/scss/frontend/variables.scss%22,%22../../assets/scss/frontend/themes/dark.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;;AAIJ;EAuBE;;AAtBA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAON;EACE;EACA;;AAEA;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAGF;EAEE;;;AC3FJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAKJ;EACE;IACE;;;ACrCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;;ACjBZ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EAEA;EAEA;;AAGJ;EACI;EAEA;;AAGJ;EACI;;AAEA;EACI;;AAIR;EACI;EAEA;EAEA;;AAEA;EACI;EAEA;EAEA;;AAIA;EACI;;AAKZ;EACI;;;AAKZ;EACI;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AChFR;EACI;EACA;;AAEA;EACI,kBCDO;;ADIX;EACI,kBCHQ;;;ADUJ;EACI;;AAEA;EACI;;AAOJ;EACI;;AAOJ;EACI;;AAOZ;EACI;;AAEA;EACI;;;AE7CR;EACI;;AAGJ;EACI;;AAIR;EACI;;AAEA;EACI,ODXG;;ACgBP;EACI;;AAKR;EACI;EACA;;AAIA;EACI;;AAKJ;EACI,ODnCG;;ACuCX;EACI;EACA;EACA;;AAEA;EACI;;AAEA;EACI;;AAOJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAIR;EACI%22,%22file%22:%22pmx-status-frontend.output.css%22%7D */