.logo-container {
  width: 84px;
  height: 31px;
}

.logo-container:before {
  display: inline-block;
  position: relative;
  left: 92px;
  top: 36px;

  content: "/";

  color: #2ebee5;
  font-weight: 100;
  font-size: 40px;
}

.logo-container:after {
  display: inline-block;
  position: relative;
  left: 110px;
  top: -26px;

  content: "STATUS";

  color: #2ebee5;
  font-weight: 500;
}

/* subscription link */
.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown 
{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  
    -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  
  text-shadow: none;
  
  background: none;
  color: #477db2;
}
.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:hover {
  color: #477db2;
}

.layout-content.status .masthead-container.basic .masthead {
    padding-top: 30px;
}

.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
  padding-right: 0;
  color: #eb684d;
}

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

.layout-content.status .masthead-container .updates-dropdown-container {
  position: relative;
  top: 28px !important;
}

.layout-content.status.status-index .components-section .component-container .name {
  color: #516a82;
}

.layout-content.status.status-index .components-section .component-container {
  background: #ffffff;
}

.layout-content.status .incidents-list.format-expanded .status-day {
  font-size: 12px;
  color: #869cb2;
}

.layout-content.status .incidents-list.format-expanded .status-day .date {
  margin-bottom: 0;
}

.layout-content.status .incidents-list.format-expanded .status-day.no-incidents .date {
  margin-bottom: -10px;
}

.layout-content.status .incidents-list.format-expanded .status-day .date {
  font-size: 16px;
  color: #869cb2;
}

.status-day.no-incidents .border-color {
  border-color: transparent;
}

.layout-content.status .incidents-list.format-expanded .status-day.no-incidents {
  	margin-bottom: -10px;
}

.incidents-list.format-expanded .font-largest {
  color: #516a82;
  font-size: 21px;
  margin-top: -10px;
  margin-bottom: 10px;
}

.layout-content.status.status-index .components-section {
  margin-bottom: 40px;
}

.layout-content.status .incidents-list.format-expanded .status-day:nth-child(2) {
  margin-top: 10px;
}
.layout-content.status .incidents-list.format-expanded .status-day {
  margin-top: 20px;
}

.layout-content.status .incidents-list.format-expanded {
  /* max-width: 640px; */
  margin: 40px auto 0 auto;
  padding-top: 30px;
  border-top: 8px solid #e7ecf2;
}

.layout-content.status-index .components-section .component-container.status-green .component-status {
  font-weight: bold;
}

/* indicators */
.layout-content.status.status-index .components-section .component-inner-container.status-green .icon-indicator {
  background: #51c58c;
}
.layout-content.status.status-index .components-section .component-inner-container.status-yellow .icon-indicator {
  background: #fac67d;
}
.layout-content.status.status-index .components-section .component-inner-container.status-orange .icon-indicator {
  background: #faab7d;
}
.layout-content.status.status-index .components-section .component-inner-container.status-red .icon-indicator {
  background:#eb684d;
}

.component-inner-container {
  position:relative;
}

.layout-content.status.status-index .components-section .component-container .icon-indicator {
  display: block !important;
  margin-left: 20px;
  width:15px;
  height:15px;
  vertical-align:middle;
  -moz-border-radius:99px;
  -ms-border-radius:99px;
  -webkit-border-radius:99px;
   border-radius:99px;
  position:absolute;
  right:0px;
  top:4px;
}

.layout-content.status.status-index .components-section .component-container .component-status {
  margin-right:25px;
}

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

.layout-content.status.status-index .components-section {
  overflow: hidden;
}

.flat-button.full-width:hover {
  color: #477db2;
}

.flat-button.subscribe-button {
  color: #ffffff;
}

.modal-footer .flat-button {
  color: #ffffff;
}