@font-face {
    font-family: "Klarna Headline";
    src: url(https://cdn.klarna.com/1.0/shared/content/fonts/KlarnaHeadline/KlarnaHeadline-Bold.ttf) format("truetype");
}
@font-face {
    font-family: "Klarna Sans";
    src: url(https://cdn.klarna.com/1.0/shared/content/fonts/KlarnaSans/KlarnaSans.ttf) format("truetype");
}
body {
  font-family: "Klarna Headline", Verdana, Tahoma;
}
.update small {
  color: #777;
}
.font-largest {
      font-family: "Klarna Headline", Verdana, Tahoma;
}
.font-large {
      font-family: "Klarna Headline", Verdana, Tahoma;
}
.font-regular {
      font-family: "Klarna Sans", Verdana, Tahoma;
  font-weight: normal;
}

.name {
        font-family: "Klarna Headline", Verdana, Tahoma;
  font-weight: bold;
}

.layout-content.status.status-index .page-status.status-none {
  background-color: #fff;
  text-align: center;
  border-width: 0px;
  margin-bottom: 30px;
  padding-top: 30px
}

.layout-content.status.status-index .page-status .status {
  color: #000;
  font-size: 40px;
}

.layout-content.status.status-index .components-section .component-container .name {
  font-weight: bold;
  font-size: 18px;
}
.layout-content.status .custom-header-container {
  margin-top: 150px;
}

img.logo {
  padding: 20px;
  width: 23%;
  height: 23%;
}

.nav_bar_filler {
  margin-top: 94px;
}

.flex_1 {
  flex: 1;
}
.flex_row {
  display: flex;
  flex-direction: row;
}
.flex_column {
  display: flex;
  flex-direction: column;
}
.flex_wrap {
  flex-wrap: wrap;
}
.flex_grow {
  flex-grow: 1;
}
.flex_right {
  margin-left: auto;
}
.justify_content_start {
  justify-content: flex-start;
}
.justify_content_center {
  justify-content: center;
}
.justify_content_end {
  justify-content: flex-end;
}
.justify_content_space_between {
  justify-content: space-between;
}

.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.width_100 {
  width: 100%;
}
.sticky_header {
  z-index: 1000;
  top: 0;
  position: fixed;
  width: 100%;
}

.m-l-50 {
  margin-left: 50px;
}
.m-r-50 {
  margin-right: 50px;
}
.m-l-25 {
  margin-left: 25px;
}
.m-r-25 {
  margin-right: 25px;
}
.p-t-25 {
  padding-top: 25px;
}
#nav_bar_section.general_scope {
  border-bottom: 1px solid #E1E1E1;
  background-color: #FFF;
}
#nav_bar_section.custom_scope {
  /*border-bottom: 1px solid #5A5B68;*/
  background-color: #D3DEDC;
}
#nav_bar span {
  font-size: 22px;
}
#nav_bar span,
#nav_bar a {
  color: #5A5B68;
}
#nav_bar_section .logo img {
  padding-right: 10px;
}
#nav_bar_section.custom_scope a,
#nav_bar_section.custom_scope span {
  color: white;
}
#nav_bar {
  min-height: 72px;
  justify-content: space-between;
}
#nav_bar > .menu {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767px) {
  #nav_bar {
    flex-wrap: wrap;
  }
  #nav_bar .menu.left {
    flex-basis: 100%;
    height: 54px;
    justify-content: center;
    border-bottom: 1px solid #E8E8E8;
  }
  #nav_bar_section.custom_scope .menu.left {
    border-bottom: 1px solid #5A5B68;
  }
  #nav_bar .menu.right {
    flex-basis: 100%;
    height: 40px;
    justify-content: center;
  }
  #nav_bar_section > .section {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Links */
.update-body a:hover, .update a:hover, .layout-content.status-index .page-footer span a:hover, .layout-content.status-index .timeframes-container .timeframe:not(.active):hover, .layout-content.status-incident .subheader a:hover, .page-footer a {
  color: #528482!important;
}

.update-body a, .update a, .page-footer a {
  color: #6E9896!important;
}

/* Check icon */
.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 {
  color: #008189;
}

/* Outage icon */
.layout-content.status-index .components-statuses .component-container.status-red:after, .layout-content.status-full-history .month .incident-container .impact-critical, .layout-content.status-incident .incident-name.impact-critical, .layout-content.status.status-index .incidents-list .incident-title.impact-critical a, .status-red .icon-indicator, .incident-history .impact-critical, .components-container .component-inner-container.status-red .component-status, .components-container .component-inner-container.status-red .icon-indicator {
  color: #C9746E!important;
}

.incident-title {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* Buttons */
.flat-button, .masthead .updates-dropdown-container .show-updates-dropdown, .layout-content.status-full-history .show-filter.open {
  background: #EB6F93!important;
}

.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
  background: #EB6F93!important;
}

.flat-button:hover, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:hover {
  background: #E16A8E!important;
}

.flat-button:focus, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:focus {
  background: #D76589!important;
}

.icon-content {
  padding-top: 14px;
}

.sub-icon {
  font-size: 34px;
  line-height: 1;
  border-left: 2px solid black;
  color: #000;
  padding-left: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 5px;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-body {
  font-family: Klarna Sans;
}

.text-pink {
  color: #f19fb4;
}

.subheader-notification {
  font-size: 20px;
  padding: 20px;
}

.layout-content.status .custom-header-container {
  margin-top: 120px;
  margin-bottom: 20px;
}

.text-center {
				text-align: center;
}

.impact-major .incident-title {
  background: #FFB3C7!important;
  border-color: #FFB3C7!important;
}
.impact-major.font-large a, .impact-major.font-large {
  color: #EB6F93!important;
}
.unresolved-incident.impact-major {
  background: #FFB3C7;
  border-radius: 8px;
}

.impact-minor .incident-title {
  background: #F1DED0!important;
  border-color: #F1DED0!important;
}
.impact-major.font-large {
  color: #EB6F93!important;
}
.impact-minor.font-large a, .impact-minor.font-large {
  color: #dab499!important;
}
.unresolved-incident.impact-minor {
  background: #F1DED0;
  border-radius: 8px;
}

.impact-maintenance .incident-title {
  background: #bbc7e0!important;
  border-color: #bbc7e0!important;
}
.impact-maintenance.font-large a, .impact-maintenance.font-large {
  color: #A2B2D2!important;
}
.unresolved-incident.impact-maintenance {
  background: #bbc7e0;
  border-radius: 8px;
}

.impact-critical .incident-title {
  background: #ec7c71!important;
  border-color: #ec7c71!important;
}
.impact-critical.font-large a, .impact-critical.font-large {
  color: #ec7c71!important;
}
.unresolved-incident.impact-critical {
  background: #ec7c71;
  border-radius: 8px;
}
/* When impact is none */
.impact-none .incident-title {
  background: #ccc!important;
  border-color: #ccc!important;
}
.impact-none.font-large a, .impact-none.font-large {
  color: #ccc!important;
}
.unresolved-incident.impact-none {
  background: #ccc;
  border-radius: 8px;
}

.actual-title {
  color: #000!important;
  text-shadow: none;
  padding-top: 3px;
}

.layout-content.status.status-index .unresolved-incident .updates {
  border: 0px!important;
}
.incident-title .subscribe {
  background: #000;
  padding: 5px;
  padding-left: 10px;
  border-radius: 5px;
  padding-right: 10px;
  color: #fff;
}

.layout-content.status.status-index .incident-container {
    margin-bottom: 1.5rem;
    border: 2px solid #000;
    padding: 10px;
    border-radius: 10px;
}
.date.border-color {
    border-color: #fff!important;
}
/* ONLY EXTERNAL PAGE */
.layout-content.status.status-index .components-section .components-container {
  border: 2px solid #f1f1f1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container {
    padding: 12px;
    border: 1px dotted #f1f1f1!important;
    border-radius: 0px!important;
  	  	border-color: #f1f1f1;
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container .name {
    font-size: 14px;
    padding-left: 12px;
    		color: #787878;
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container {
  margin-top: 0.7rem;
}

.layout-content.status.status-index .components-section .component-statuses-legend {
    background: #f1f1f1;
    overflow: hidden;
    text-align: center;
    margin-top: 0px;
    padding-top: 15px;
  		padding-bottom: 15px;
  padding-right: 10px;
  padding-left: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
/* Ending external page */