.layout-content.status.status-index .components-section .component-container {
  padding: .25rem;
  padding-left: .5rem
}



.layout-content.status.status-index .page-status {
  margin-bottom: 15px;
}

.layout-content.status.status-index .components-section .component-statuses-legend {
  margin-top: .7rem;
}


.button,
.button:hover {
  border-radius: 5px;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 5.5px 13px;
  text-decoration: none;
  font-size: 13px;
  background-color: #45546B;
  width: 24.5%;
  border-bottom: 2px solid #3c495d;
  letter-spacing: 1px;
}

body {
  background-color: #fff;
}

.masthead .logo-container {
  margin-top: 20px;
}

.layout-content.status.status-index .components-section .component-container {
  padding: .25rem;
  padding-left: .5rem
}

.layout-content.status.status-index .page-status {
  margin-bottom: 15px;
}

.layout-content.status.status-index .components-section .component-statuses-legend {
  margin-top: .7rem;
}

/* Add a black background color to the top navigation */
.topnav {
  width: 25%;
  clear: left;
  margin-left: 75%;
  overflow: hidden;

}

/* Style the links inside the navigation bar */
.topnav a {
  background-color: #4a39ff;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 7px 16px;
  text-decoration: none;
  font-size: 17px;
  border-radius: 99px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #000;
  color: white;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #000;
  color: white;

}

.layout-content.status .masthead .updates-dropdown-container .show-updates-dropdown {
  background-color: #000;
  color: white;
  text-transform: none;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: normal;
  border-radius: 99px;
  padding: 10px 25px;

}

.layout-content.status.status-index .page-status {
  border-radius: 0;
}

.layout-content.status.status-index .page-status.status-none {
  background-color: #4a39ff;
}

.components-container .component-inner-container.status-green .icon-indicator,
.status-green .icon-indicator,
.layout-content.status.status-index .incidents-list .incident-title.impact-maintenance a,
a,
.components-container .component-inner-container.status-green .component-status {
  color: #4a39ff;
}

.masthead a.button {
  background-color: #4a39ff;
  color: #fff;
  text-align: center;
  padding: 7px 12px;
  text-decoration: none;
  font-size: 16px;
  border-radius: 99px;
  margin-left: auto;
}

.masthead a.button:hover {
  background-color: #000;
}

.layout-content.status .masthead-container.basic .masthead .logo-container {
  margin: 0;
}

.layout-content.status .masthead-container.basic .masthead .logo-container img {
  width: 200px;
  max-width: 100%;
}

.layout-content.status .masthead-container.basic .masthead {
  display: flex;
  margin: 2em 0;
  padding: 0;
  align-items: center;
  gap: 1em;
}

.updates-dropdown-container {
  top: 0 !important;
}