@font-face {
    font-family: 'Proxima Nova';
    font-weight: 300;
    font-display: swap;
    src: url('https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-light.woff2') format('woff2'),
         url('https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-light.woff') format('woff');
  }

  @font-face {
    font-family: 'Proxima Nova';
    font-weight: 400;
    font-display: swap;
    src: url('https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-regular.woff2') format('woff2'),
         url('https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-regular.woff') format('woff');
  }

  @font-face {
    font-family: 'Proxima Nova';
    font-weight: 600;
    font-display: swap;
    src: url('https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-semibold.woff2') format('woff2'),
         url('https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-semibold.woff') format('woff');
  }

  * {
    font-family: 'Proxima Nova', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }


.mp-header {
  width:100%;
  height : 80px;
  margin:0 auto;
  padding-top: 22px;
  padding-left:35px;
  padding-right: 55px;
  background-color:#FFE600;
  overflow: visible;
  position: fixed;
  top:0;
  left:0;
  z-index: 1000;
}

.container {
  margin-top: 130px;
}

.mp-logo {
  float:left;
  background: transparent url("https://http2.mlstatic.com/frontend-assets/mp-web-navigation/ui-navigation/7.2.7/mercadopago/logo__large@2x.png") no-repeat scroll 0 center;
  background-size: 142px 37px;
  height: 37px;
  width: auto;
  overflow: visible;
  font-size: 0;
  display: inline-flex;
  align-items: center;
  padding-left: 142px;
}

.mp-logo::after {
  content: "Developers";
  font-size: 16px;
  font-weight: 400;
  color: #333;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  padding-left: 16px;
  margin-left: 16px;
  white-space: nowrap;
}

.mp-subscribe {
  float:right;
  margin-top:6px;
}

.updates .update:last-child,
.updates-container .update:last-child{
  border:0;
  padding-bottom:0;
}

.updates-dropdown{
  margin-right: 100px !important;
  right: -100px;
}

.show-updates-dropdown, .show-filter {
  color:#FFF;
  background:#3483FA;
  padding:10px 20px;
  border-radius:6px;
  line-height:100%;
  font-weight:400;
  font-size:14px;
  font-family:
}

.show-updates-dropdown:hover,
.show-filter:hover {
  color:#FFF;
  background:#2968C8;
}

#past-incidents {
      color:#000;
}

.page-status {
  margin:30px 0 !important;
}

.incidents-list, .custom-header-container {
  margin:0 !important;
}

.container h4 {
  padding:20px 0;
  margin:20px 0;
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
}

.status-day, .month, .components-container {
  padding:40px;
  background:#FFF;
  border-radius:6px;
  box-shadow:0 2px 8px 2px rgba(0,0,0,0.1);
}

.components-container {
  padding:0;
  border:0;
}

.component-container:hover {
   background:#FAFAFA;
}

.no-incidents {
  padding:0;
  background:none;
  box-shadow:none;
}

.date, .month-title {
  text-transform:uppercase;
  font-size:14px;
  color:#666;
  letter-spacing:0.04em;
  margin-bottom:30px !important;
}

.updates-dropdown-container .updates-dropdown{
  top: 130%;

}

.month-title {
  padding:0 !important;
  margin:0 0 30px !important;
  border-top:0 !important;
}

.no-incidents .date {
  margin-bottom:10px !important;
}

.unresolved-incidents {
  margin-top:40px;
}

.unresolved-incident {
  border:0;
  border-radius:4px;
  box-shadow:0 2px 8px 2px rgba(0,0,0,0.1);
}

.unresolved-incident .incident-title {
  border-radius:4px 4px 0 0;
}

.unresolved-incident .updates {
  border-radius:0 0 4px 4px;
  background:#FFF;
  border:0 !important;
}

.update {
  padding:15px 0;
  border-bottom:1px dashed #DDD;
}

.update.resolved strong {
  color:#24A451;
}

.update.identified strong {
  color:#C38D17;
}

.layout-content.status-index .components-statuses .component-container.status-green:after, .status-green .icon-indicator, .components-container .component-inner-container.status-green .component-status, .components-container .component-inner-container.status-green .icon-indicator.update.resolved strong {
          color:#00A650;
}

.update.identified strong
.layout-content.status-index .components-statuses .component-container.status-yellow:after, .layout-content.status-full-history .month .incident-container .impact-minor, .layout-content.status-incident .incident-name.impact-minor, .layout-content.status.status-index .incidents-list .incident-title.impact-minor a, .status-yellow .icon-indicator, .incident-history .impact-minor, .components-container .component-inner-container.status-yellow .component-status, .components-container .component-inner-container.status-yellow .icon-indicator, .layout-content.status.manage-subscriptions .confirmation-infobox .fa{
  color:#FF7733;
}

.update.identified strong{
  color:#FF7733;
}

.layout-content.status.status-index .status-day .update-title.impact-minor a, .layout-content.status.status-index .status-day .update-title.impact-minor a:hover, .layout-content.status.status-index .page-status.status-minor, .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title, .layout-content.status.status-index .scheduled-incidents-containers .tab{
  background-color:#FF7733;
}

.layout-content.status.status-index .page-status.status-none{
  background-color:#00A650;

}

@media only screen and (max-width: 768px) {
  .mp-header {
    height: 60px;
    padding: 0 16px;
    padding-top: 12px;
    overflow: visible;
  }

  .mp-header-content {
    display: flex;
    align-items: center;
    height: 100%;
  }

  .mp-logo {
    float: none;
    background-size: 90px 23px;
    width: 90px;
    height: 23px;
    overflow: visible;
    flex-shrink: 0;
    padding-left: 80px;
  }
  
  .mp-logo::after{
    font-size: 13px;
  }

  .mp-header-brand {
    font-size: 13px;
    line-height: 16px;
    margin-left: 10px;
    padding-left: 10px;
    white-space: nowrap;
    flex-shrink: 0;
  }

  .mp-subscribe {
    float: none;
    margin-top: -8px;
    margin-left: auto;
    flex-shrink: 0;
  }

  .updates-dropdown-container .updates-dropdown,
  .updates-dropdown {
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
    z-index: 9999;
  }

  .container {
    margin-top: 80px;
  }
}