@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.header-container {
  margin: 0 auto;
  max-width: 850px;
  position: relative;
}
.header-txt {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 24px;
  padding: 0.8rem;
}

@media  (max-width: 870px) {
  .header-image img {
    width: 100%;
  }
}

@media  (max-width: 600px) {
  .header-txt {
    font-size: 18px;
  }
} 

@media  (max-width: 450px) {
  .header-txt {
    font-size: 14px;
  }
}

.components-container .component-inner-container.status-red .component-status {
  color: white;
  background-color: #CD4747;
  padding: 0 5px;
  border-radius: 3px;
  font-weight: bold;

}

.components-container .component-inner-container.status-green .component-status {
  color: white;
  background-color: #3C8000;
  padding: 0 5px;
  border-radius: 3px;
  font-weight: bold;
}

.components-container .component-inner-container.status-yellow .component-status {
  color: black;
  background-color: #F1C40F;
  padding: 0 5px;
  border-radius: 3px;
  font-weight: bold;
}

.components-container .component-inner-container.status-orange .component-status {
  color: black;
  background-color: #FF8416;
  padding: 0 5px;
  border-radius: 3px;
  font-weight: bold;
}

.components-container .component-inner-container.status-blue .component-status {
  color: black;
  background-color: #F1F6FC;
  padding: 0 5px;
  border-radius: 3px;
  font-weight: bold;
}

.impact-maintenance .incident-title {
  color: black !important;
}

.impact-maintenance a {
  color: black !important;
}

.layout-content.status.status-incident .impact-maintenance {
   color: black !important;
   background-color: #F1F6FC;
}

.layout-content.status.status-incident .impact-major {
   color: black !important;
   background-color: #FF8416;
}

.layout-content.status.status-incident .impact-minor {
   color: black !important;
   background-color: #F1C40F;
}

.layout-content.status.status-incident .impact-critical {
   color: white !important;
   background-color: #CD4747;
}

.layout-content.status.status-incident .impact-none {
   color: white !important;
   background-color: black;
}

.impact-critical a {
  color: white !imporant;
}

.impact-minor a {
   color: black !important;
}

.impact-major a {
   color: black !important;
}

.subheader {
  display: none;
  visibility: hidden;
}

.page-title {
  border-style: solid;
  border-color: black;
  border-width: 1px;
  margin-bottom: 0px !important;

}

.container {
  width: 100% !important;
}
.layout-content.status.status-incident>.container {
  max-width: 850px !important;
}

.layout-content.status.status-incident .page-title .incident-name {
  text-align: left !important;
  font-size: 1.25rem !important;
  padding-left: 1.25rem;
}

.incident-updates-container {
  border-style: solid;
  border-color: black;
  border-width: 1px;
  margin-bottom: 0px !important;
  border-top: 0px;
  padding: 1.25rem;
}

.layout-content.status.status-incident .components-affected {
  border-width: 0px !important;
  padding-left: 0px; !important;
}