@font-face {
  font-family: 'HPEGraphik';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Regular-Web.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'HPEGraphik';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Medium-Web.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'HPEGraphik';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Semibold-Web.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'HPEGraphik';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Bold-Web.woff2') format('woff2');
  font-display: swap;
}

:root {
  --hpe-fontStack-primary: 'HPEGraphik', Arial, sans-serif;
  --hpe-color-primary: #068667;
  --hpe-color-background-neutral-xstrong: #292d3a;
  --hpe-color-text-on-strong: #ffffff;
  --hpe-color-border-default: #b1b9be;
  --hpe-color-border-strong: #3e4550;
  --hpe-color-background-back: #f7f7f7;
  --hpe-color-background-disabled: rgba(0, 0, 0, 0.04);
  --hpe-color-text-disabled: rgba(0, 0, 0, 0.24);
  --hpe-color-focus-support: #ffffff;
  --hpe-headerCell-default-rest-background: #d4d8db;
  --hpe-headerCell-default-rest-textColor: #292d3a;
  --hpe-anchor-default-rest-textColor: #006750;
  --hpe-anchor-default-hover-textColor: #074738;
  --hpe-radius-xsmall: 6px;
  --hpe-radius-xxsmall: 4px;
  --hpe-space-md: 16px;
  --hpe-text-small-fontSize: 14px;
  --hpe-text-xxlarge-fontSize: 28px;
}

body {
  font-family: var(--hpe-fontStack-primary, 'HPEGraphik', Arial, sans-serif);
}

h2 {
  border-left: solid !important;
  border-left-width: thick !important;
  border-left: 4px solid var(--hpe-color-primary, #068667) !important;
  padding-left: var(--hpe-space-md, 16px) !important;
}

th {
  background-color: var(--hpe-headerCell-default-rest-background, #d4d8db) !important;
  color: var(--hpe-headerCell-default-rest-textColor, #292d3a) !important;
  border-radius: 0 !important;
}

div:has(> table) {
  border-radius: 0 !important;
}

.portal-header {
  background-color: var(--hpe-color-background-neutral-xstrong, #292d3a);
  height: 82px;
}

.branding-container {
  height: 82px;
}

.branding-container .logo {
  display: grid;
  grid-template-columns: 105px 1fr;
  gap: 40px;
  height: auto;
  margin: 0;
  padding: 12px 0;
}

.branding-container .logo img {
  max-width: 100%;
}

.breadcrumb-item {
  color: var(--hpe-color-text-on-strong, #ffffff);
  text-decoration: none;
  font-size: var(--hpe-text-small-fontSize, 14px);
}

.breadcrumb-item::after {
  content: '';
  width: 7px;
  height: 9px;
  background-image: url('/documentation/webstatic/images/arrow-right.svg');
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 4px 0 8px;
}

.logo h2 {
  font-size: var(--hpe-text-xxlarge-fontSize, 28px);
  font-weight: 400;
  color: var(--hpe-color-text-on-strong, #ffffff);
  margin: 6px 0 0 0;
  border: 0 none !important;
  padding-left: 0 !important;
}

@media screen and (max-width: 500px) {
  .branding-container .logo {
    grid-template-columns: 54px 1fr;
    overflow: auto;
    white-space: nowrap;
  }
}

.hosted-api-docs {
  height: calc(100vh - 82px);
}

#apimatic-widget>div:first-child {
  border-top: 0 none !important;
}

@font-face {
  font-family: 'swmaterialicon';
  src: url('/documentation/webstatic/fonts/swmaterialicon.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

/* hide-apimatic.css - non-destructive overlay */
.apimatic-attribute {
  position: relative;
  overflow: hidden;
  display: none !important;
}

/* to hide broken image from adobe analytics */
.portal-float-close,
img[src*='star.gif'],
img[src*='cnv.event.prod.bidr.io/log/cnv'],
iframe[src*='servedby.flashtalking.com/'],
iframe[src*='cnv.event.prod.bidr.io'] {
  display: none;
}

/* Release switcher */
.branding-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.release-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 24px;
  flex-shrink: 0;
}

.release-switcher select {
  background-color: var(--hpe-color-background-neutral-xstrong, #292d3a);
  color: var(--hpe-color-text-on-strong, #ffffff);
  border: 1px solid var(--hpe-color-border-default, #b1b9be);
  border-radius: var(--hpe-radius-xxsmall, 4px);
  padding: 4px 8px;
  font-size: var(--hpe-text-small-fontSize, 14px);
  font-family: var(--hpe-fontStack-primary, 'HPEGraphik', Arial, sans-serif);
  cursor: pointer;
  outline: none;
}

.release-switcher select:hover {
  border-color: var(--hpe-color-border-strong, #3e4550);
}

.release-switcher select option {
  background-color: var(--hpe-color-background-neutral-xstrong, #292d3a);
  color: var(--hpe-color-text-on-strong, #ffffff);
}

.notification {
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid #84b135;
  background-color: #f2f7eb;
  border-radius: 3px;
  display: block;
}