.logo-container img { width: 180px; } 
body {
  background: #FFFFFF !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a.timeframe.active { color: #3f8abf; }


.layout-content.status .masthead-container.basic {
  background: #1c2674;
  max-width: 100%;
  padding: 0 7%;
  width: 100%;
}

.layout-content.status .masthead-container.basic .masthead {
  padding: 20px 0;
  max-width: 100%;
  margin: 0 auto;
}

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

.layout-content.status.status-index .page-status,
.layout-content.status.status-index .text-section,
.layout-content.status.status-index .components-section,
.layout-content.status.status-index .custom-metrics-container,
.layout-content.status.status-index .timeframes-container,
.layout-content.status.status-index .incidents-list,
.layout-content.status.status-index .unresolved-incidents,
.layout-content.status.status-index .scheduled-maintenances-container {
  margin: 0 auto 50px;
  max-width: 750px;
}

.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
  box-shadow: none;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
}

.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:after {
  content: "";
}

.container {
  background: #fff;
  padding: 3em 7% 0;
  position: relative;
}

.layout-content.status.status-incident>.container {
  margin-top: 0;
  max-width: 1290px;
  padding-top: 60px;
} 

.layout-content.status.status-incident .page-title,
.incident-updates-container {
  margin: 0 auto;
  max-width: 750px;
}

.layout-content.status.status-incident .page-title {
  margin-bottom: 40px;
}

.layout-content.status.status-index .components-section .component-container .name {
  font-size: 17.5px;
  line-height: 1;
}

.layout-content.status.status-index .components-section .component-container .component-status {
  display:none !important;
}

.layout-content.status.status-index .components-section .component-container .icon-indicator {
  display: inline-block !important;
  font-size: 25px;
  top: 0;
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
  margin-top: -1px;
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric:first-of-type {
  border-radius: 4px 4px 0 0;
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric:last-of-type {
  border-radius: 0 0 4px 4px;
}



.page-footer {
  margin: 70px 0 0;
  padding-bottom: 70px;
}

.border-color, hr, .tooltip-base {
  border-color: #DDDDDD;
}

@media (max-width: 450px) {
  .container {
    width: 100%;
  }
  .layout-content.status .masthead-container.basic {
    width: 100%;
  }
  .layout-content.status.status-index .components-statuses .component-container {
    padding: 0.8rem .75rem 0.7rem;
  }
  .layout-content.status.status-index .components-statuses .component-container.wide-1 .icon-indicator {
    display: block;
    font-size: 20px;
    top: 0;
  }
  .layout-content.status.status-incident>.container {
    padding-top: 35px;
  }
  .layout-content.status.status-incident .page-title {
    margin-bottom: 28px;
  }
}
.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
    box-shadow: none;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
}

.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
    box-shadow: none;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
    display: block;
}

.layout-content.status.status-full-history .grouped-items-selector {
  top: 0 !important;
  left: 0 !important;
}

#show-filter + div {
position: inherit !important;
}

.grouped-items-selector > div > .submit-button, .grouped-items-selector > div > .close-button {
display: block;
}