:root > * {
    --md-primary-fg-color:        #083557;
    --md-primary-fg-color--light: #AFCDE1;
    --md-primary-fg-color--dark:  #083557;
  }

.md-grid {
  max-width: 1600px;
}

.search-tips {
  font-size: .50rem;
  line-height: 1.0rem;
  padding: .3rem;
}

.table-wrapper {
  overflow-x: scroll;
}

.md-tabs__link--active .md-nav__link--active {
  font-weight: 600
}
.md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
  color: var(--md-typeset-a-color);
  font-weight: 600;
}

/* Styles for the smart-barcode admonition */
:root {
  --md-admonition-icon--smart-barcode: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 112C0 85.5 21.5 64 48 64H80c8.8 0 16 7.2 16 16s-7.2 16-16 16H48c-8.8 0-16 7.2-16 16V112v288c0 8.8 7.2 16 16 16h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H48c-26.5 0-48-21.5-48-48V112zm464-48c26.5 0 48 21.5 48 48V400c0 26.5-21.5 48-48 48H432c-8.8 0-16-7.2-16-16s7.2-16 16-16h32c8.8 0 16-7.2 16-16V112c0-8.8-7.2-16-16-16H432c-8.8 0-16-7.2-16-16s7.2-16 16-16h32zM160 112c0-8.8 7.2-16 16-16s16 7.2 16 16V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V112zm64 0c0-8.8 7.2-16 16-16s16 7.2 16 16V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V112zm64-16c8.8 0 16 7.2 16 16V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm64 16c0-8.8 7.2-16 16-16s16 7.2 16 16V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V112z"/></svg>');
}

.md-typeset .admonition.smart-barcode,
.md-typeset details.smart-barcode {
  border-color: rgb(43, 155, 70);
}

.md-typeset .smart-barcode > .admonition-title,
.md-typeset .smart-barcode > summary {
  background-color: rgba(43, 155, 70, 0.1);
}

.md-typeset .smart-barcode > .admonition-title::before,
.md-typeset .smart-barcode > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--smart-barcode);
          mask-image: var(--md-admonition-icon--smart-barcode);
}

/* Styles for the ai-assistant admonition */

:root {
  --md-admonition-icon--ai-assistant: radial-gradient(circle at left, #af22af 30%, #003351 90%, #af22af);
}

.md-typeset .admonition.ai-assistant,
.md-typeset details.ai-assistant {
  border-color: #af22af;
}

.md-typeset .ai-assistant > .admonition-title,
.md-typeset .ai-assistant > summary {
  background-color: rgba(175, 34, 175, 0.1);
}

.md-typeset .ai-assistant > .admonition-title::before,
.md-typeset .ai-assistant > summary::before {
  background: var(--md-admonition-icon--ai-assistant);
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'><path d='M257.29,245.39c17.8,19.67,88.29,53.45,88.29,53.45,0,0-70.55,33.75-88.35,53.45-17.8,19.7-48.27,97.71-48.27,97.71,0,0-30.54-78.05-48.34-97.71-17.8-19.67-88.35-53.45-88.35-53.45,0,0,70.55-33.75,88.35-53.45,17.8-19.7,48.34-97.71,48.34-97.71,0,0,30.54,78.05,48.34,97.71ZM374.65,108.75c-11.67-18.54-21.41-38.23-29.06-58.75-7.66,20.53-17.4,40.21-29.06,58.75-10.7,11.85-53.12,32.14-53.12,32.14,0,0,42.42,20.28,53.12,32.14,11.67,18.53,21.41,38.22,29.06,58.75,7.64-20.53,17.37-40.21,29.02-58.75,10.7-11.85,53.12-32.14,53.12-32.14,0,0-42.42-20.29-53.09-32.14Z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'><path d='M257.29,245.39c17.8,19.67,88.29,53.45,88.29,53.45,0,0-70.55,33.75-88.35,53.45-17.8,19.7-48.27,97.71-48.27,97.71,0,0-30.54-78.05-48.34-97.71-17.8-19.67-88.35-53.45-88.35-53.45,0,0,70.55-33.75,88.35-53.45,17.8-19.7,48.34-97.71,48.34-97.71,0,0,30.54,78.05,48.34,97.71ZM374.65,108.75c-11.67-18.54-21.41-38.23-29.06-58.75-7.66,20.53-17.4,40.21-29.06,58.75-10.7,11.85-53.12,32.14-53.12,32.14,0,0,42.42,20.28,53.12,32.14,11.67,18.53,21.41,38.22,29.06,58.75,7.64-20.53,17.37-40.21,29.02-58.75,10.7-11.85,53.12-32.14,53.12-32.14,0,0-42.42-20.29-53.09-32.14Z'/></svg>");
}

/* Global style for all inline icons */
.md-typeset .twemoji,
.md-typeset .material-icons,
.md-typeset span[class*="-static-"],
.md-typeset span[class*="-entitytypes-"],
.md-typeset span[class^="core-"],
.md-typeset span[class^="mes-"],
.md-typeset i[class^="fontawesome-"] {
  margin-top: 2px;
}

table.dataTable tbody td {
  font-size: 0.8em; /* Make cell content slightly smaller */
  width: auto !important;
}

div.md-typeset__scrollwrap:not(p.enhance-tutorial-table + *) div.md-typeset__table {
    display: table;
}

div.md-typeset__scrollwrap:not(p.enhance-userguide-table + *) div.md-typeset__table {
    display: table;
}

p.enhance-tutorial-table + div.md-typeset__scrollwrap div.md-typeset__table {
    display: block;
}

p.enhance-userguide-table + div.md-typeset__scrollwrap div.md-typeset__table {
    display: block;
}

table.js-enhanced {
  visibility: visible;
}

.enhance-tutorial-table + table {
  visibility: hidden;
}

.enhance-tutorial-table + table.js-enhanced {
  visibility: visible;
}

.enhance-userguide-table + table {
  visibility: hidden;
}

.enhance-userguide-table + table.js-enhanced {
  visibility: visible;
}
/* applying colors and styles to mes and other icons */
.green-icon {
  color: #50b450;
}

.grey-icon {
  color: #d0d0d0;
}

.blue-icon {
  color: #0066a1;
}

.red-icon {
  color: #B83128;
}

.processed-icon {
  color: #000000;
  opacity: 70%;
}

.transparent-icon {
  color: #000000;
  opacity: 30%;
}
.yellow-icon {
  color: #C89F27;
}

.small-icon {
  font-size: 10px;
  margin-top: 5px !important;
}

.medium-icon {
  font-size: 20px;
}
.coord-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin: 1rem 0 2rem;
}

.coord-card {
  border: 1px solid rgba(127, 127, 127, 0.25);
  border-radius: 12px;
  padding: 1rem;
  background: var(--md-default-bg-color);
}

.coord-title {
  margin-bottom: 0.5rem;
}

.coord-card p {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
}

/* applying larger size to IoT icons */
.large-icon {
  font-size: 100px;
}

.custom-rectangle {
  background-color: rgb(249, 200, 51);
  color: var(--md-primary-fg-color);
  font-size: 12px;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 12px;
  font-weight: normal;
  vertical-align: middle;
}

/* Homepage */
.md-main__inner {
  margin-top: 0;
}

.homepage {
  --homepage-link-color: #07517d;
  margin: 0 auto;
  max-width: 100%;
}

/* Hide heading permalinks on the landing page. */
.md-typeset .homepage .headerlink {
  display: none;
}

.homepage-hero-layout {
  background-color: var(--md-primary-fg-color);
  box-sizing: border-box;
  color: #ffffff;
  margin: -1.9rem calc(50% - 50vw) 2.5rem;
  overflow: hidden;
  padding: clamp(3rem, 7vw, 5.25rem) max(1.25rem, calc((100vw - 1600px) / 2 + 2rem));
  width: 100vw;
}

.homepage-hero {
  max-width: 48rem;
}

.md-typeset .homepage-hero h1 {
  color: #ffffff;
  font-size: clamp(2rem, 3.8vw, 3.3rem);
  line-height: 1.1;
  margin: 0.4rem 0 1rem;
  max-width: 14em;
}

.md-typeset .homepage-hero h1 .homepage-portal-name {
  color: color-mix(in srgb, #ffffff 82%, var(--md-primary-fg-color));
  display: block;
  font-size: 0.5em;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: 0.35em;
  text-transform: uppercase;
}

.md-typeset .homepage-hero h1 .homepage-version-badge {
  background-color: color-mix(in srgb, #ffffff 22%, transparent);
  border: 1px solid color-mix(in srgb, #ffffff 45%, transparent);
  border-radius: 0.2rem;
  color: #ffffff;
  display: inline-block;
  font-size: 0.6em;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-left: 0.5em;
  padding: 0.15em 0.5em;
  text-transform: none;
  vertical-align: middle;
}

.homepage-hero__copy {
  color: color-mix(in srgb, #ffffff 86%, var(--md-primary-fg-color));
  font-size: 1.05rem;
  max-width: 72ch;
}

.homepage-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.md-typeset .homepage-actions .md-button,
.md-typeset .homepage-announcement .md-button {
  align-items: center;
  display: inline-flex;
  min-height: 2.75rem;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.md-typeset .homepage-hero .md-button--primary,
[data-md-color-scheme="slate"] .md-typeset .homepage-hero .md-button--primary {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #083557;
}

.md-typeset .homepage-hero .md-button--primary:hover,
[data-md-color-scheme="slate"] .md-typeset .homepage-hero .md-button--primary:hover {
  background-color: #dcebf4;
  border-color: #dcebf4;
  color: #083557;
}

.md-typeset .homepage-hero .md-button:not(.md-button--primary) {
  border-color: rgba(255, 255, 255, 0.72);
  color: #ffffff;
}

.md-typeset .homepage-hero .md-button:not(.md-button--primary):hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: #ffffff;
  color: #ffffff;
}

.md-typeset .homepage > h2 {
  font-size: clamp(1.4rem, 2.3vw, 1.8rem);
  letter-spacing: -0.015em;
  margin: 2.5rem 0 0.9rem;
}

.md-typeset .homepage-hero-layout + h2 {
  margin-top: 0;
}

.homepage-learning-paths {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 2rem;
}

.homepage-feature {
  background-color: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.6rem;
  border-top: 0.2rem solid var(--md-primary-fg-color);
  box-shadow: 0 0.35rem 1.25rem rgba(8, 53, 87, 0.06);
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.4rem;
}

.homepage-feature__eyebrow {
  color: var(--homepage-link-color);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  margin: 0;
  text-transform: uppercase;
}

.md-typeset .homepage-feature h3 {
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 0.55rem 0 0.7rem;
}

.homepage-feature > p:not(.homepage-feature__eyebrow) {
  color: var(--md-default-fg-color--light);
  line-height: 1.6;
  margin: 0;
}

.homepage-feature__links {
  margin-top: auto;
  padding-top: 1rem;
}

.md-typeset .homepage-feature__links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.md-typeset .homepage-feature__links li {
  margin: 0;
}

.md-typeset .homepage-feature__links li + li {
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.md-typeset .homepage-feature__links a {
  color: var(--homepage-link-color);
  display: block;
  font-weight: 600;
  line-height: 1.4;
  min-height: 2.5rem;
  padding: 0.5rem 0;
  text-decoration: none;
}

.md-typeset .homepage-feature__links a:hover {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.homepage-announcement {
  align-items: center;
  background-color: color-mix(in srgb, var(--md-primary-fg-color) 5%, var(--md-default-bg-color));
  border: 1px solid color-mix(in srgb, var(--md-primary-fg-color) 18%, transparent);
  border-inline-start: 0.2rem solid var(--md-primary-fg-color);
  border-radius: 0.5rem;
  column-gap: 1.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 0 0 2.75rem;
  padding: 1.2rem 1.5rem;
}

.md-typeset .homepage-announcement h3 {
  font-size: 1.1rem;
  margin: 0 0 0.25rem;
}

.md-typeset .homepage-announcement > p {
  margin: 0;
}

.md-typeset .homepage-announcement > p:last-child {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.md-typeset .homepage-announcement .homepage-announcement__cta {
  border-color: var(--homepage-link-color);
  color: var(--homepage-link-color);
}

.md-typeset .homepage-announcement .homepage-announcement__cta:hover {
  background-color: var(--homepage-link-color);
  border-color: var(--homepage-link-color);
  color: var(--md-default-bg-color);
}

.md-typeset .homepage-card-grid {
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.md-typeset .grid.cards.homepage-card-grid > ul > li {
  background-color: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.6rem;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 1.35rem;
  position: relative;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.md-typeset .grid.cards.homepage-card-grid > ul > li:hover {
  border-color: var(--homepage-link-color);
  box-shadow: 0 0.45rem 1.4rem rgba(8, 53, 87, 0.1);
  transform: translateY(-2px);
}

.md-typeset .grid.cards.homepage-card-grid > ul > li > p:first-child {
  align-items: center;
  display: flex;
  gap: 0.55rem;
  margin: 0;
}

.md-typeset .grid.cards.homepage-card-grid > ul > li > p:first-child strong {
  color: var(--md-default-fg-color);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}

.md-typeset .homepage-card-grid .twemoji {
  color: var(--homepage-link-color);
  flex: 0 0 auto;
  font-size: 1.2rem;
  line-height: 1;
}

.md-typeset .grid.cards.homepage-card-grid > ul > li > p:not(:first-child):not(:last-child) {
  color: var(--md-default-fg-color--light);
  flex-grow: 1;
  line-height: 1.55;
  margin: 0;
}

.md-typeset .grid.cards.homepage-card-grid > ul > li > p:last-child {
  margin: 0;
}

.md-typeset .grid.cards.homepage-card-grid > ul > li > p:last-child a {
  align-items: center;
  color: var(--homepage-link-color);
  display: inline-flex;
  font-weight: 600;
  gap: 0.35rem;
  text-decoration: none;
  z-index: 2;
}

.md-typeset .grid.cards.homepage-card-grid > ul > li > p:last-child a::after {
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.md-typeset .grid.cards.homepage-card-grid > ul > li > p:last-child a .twemoji {
  transition: transform 160ms ease;
}

.md-typeset .grid.cards.homepage-card-grid > ul > li:hover > p:last-child a .twemoji {
  transform: translateX(3px);
}

.md-typeset .grid.cards.homepage-discovery-cards > ul > li {
  background-color: color-mix(in srgb, var(--md-primary-fg-color) 3%, var(--md-default-bg-color));
  box-shadow: none;
}

.homepage-card-grid a:focus-visible,
.homepage-announcement a:focus-visible,
.homepage-feature a:focus-visible {
  outline: 0.15rem solid var(--homepage-link-color);
  outline-offset: 0.2rem;
}

.homepage-actions a:focus-visible {
  outline: 0.15rem solid #ffffff;
  outline-offset: 0.2rem;
}

[data-md-color-scheme="slate"] .homepage {
  --homepage-link-color: #a8dcf7;
}

[data-md-color-scheme="slate"] .homepage-feature {
  border-top-color: #a8dcf7;
  box-shadow: none;
}

[data-md-color-scheme="slate"] .homepage-hero-layout {
  background-color: var(--md-default-bg-color);
}

[data-md-color-scheme="slate"] .homepage-announcement {
  border-inline-start-color: #a8dcf7;
}

[data-md-color-scheme="slate"] .md-typeset .homepage-announcement .homepage-announcement__cta:hover {
  color: #071c2d;
}

@media screen and (max-width: 76.1875em) {
  .md-typeset .homepage-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 60em) {
  .homepage-learning-paths {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (max-width: 44.9375em) {
  .homepage-hero-layout {
    margin-bottom: 2rem;
    padding: 2.25rem 1rem;
  }

  .md-typeset .homepage-hero h1 {
    font-size: 1.85em;
  }

  .homepage-feature {
    padding: 1.2rem;
  }

  .homepage-announcement {
    display: block;
    padding: 1rem 1.2rem;
  }

  .md-typeset .homepage-announcement > p:last-child {
    margin-top: 0.85rem;
  }

  .md-typeset .homepage-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .md-typeset .homepage .md-button,
  .md-typeset .grid.cards.homepage-card-grid > ul > li,
  .md-typeset .grid.cards.homepage-card-grid > ul > li > p:last-child a .twemoji {
    transition: none;
  }
}

/* Compact page actions beside the page title */
.page-actions {
  float: right;
  display: flex;
  position: relative;
  z-index: 2;
  margin: 0 0 0.5rem 0.75rem;
  background: transparent;
  color: var(--md-default-fg-color);
  font-size: 0.7rem;
  line-height: 1;
}

.page-actions__copy,
.md-typeset .page-actions__options > summary {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  height: 1.8rem;
  margin: 0;
  padding: 0 0.5rem;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

.page-actions__copy {
  padding-right: 0.3rem;
}

.md-typeset .page-actions__options > summary {
  padding-inline: 0.2rem;
}

.page-actions__copy svg,
.page-actions__options > summary svg {
  width: 0.85rem;
  height: 0.85rem;
  fill: currentColor;
}

.md-typeset .page-actions__options {
  overflow: visible;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: inherit;
}

.md-typeset .page-actions__options > summary {
  list-style: none;
}

.md-typeset .page-actions__options > summary::before,
.md-typeset .page-actions__options > summary::after,
.page-actions__options > summary::-webkit-details-marker {
  display: none;
  content: none;
}

.page-actions__options[open] > summary svg {
  transform: rotate(180deg);
}

.page-actions__menu {
  position: absolute;
  top: calc(100% + 0.2rem);
  right: 0;
  min-width: 12rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
  background: var(--md-default-bg-color);
  box-shadow: var(--md-shadow-z2);
}

.page-actions__menu > * {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.4rem 0.5rem;
  border: 0;
  border-radius: 0.2rem;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
}

.page-actions__menu svg {
  width: 0.85rem;
  height: 0.85rem;
  flex: none;
  fill: currentColor;
}

.page-actions__menu a svg:last-child {
  width: 0.7rem;
  height: 0.7rem;
  margin-left: auto;
  opacity: 0.6;
}

.page-actions__copy:hover,
.md-typeset .page-actions__options > summary:hover,
.page-actions__menu > :hover {
  background: var(--md-default-fg-color--lightest);
}

.page-actions :focus-visible {
  outline: 2px solid var(--md-accent-fg-color);
  outline-offset: 2px;
}

.page-actions__status {
  position: absolute;
  top: calc(100% + 0.2rem);
  right: 0;
  width: max-content;
  max-width: min(20rem, 80vw);
  padding: 0.3rem 0.5rem;
  border-radius: 0.2rem;
  background: var(--md-default-fg-color);
  color: var(--md-default-bg-color);
  box-shadow: var(--md-shadow-z1);
  opacity: 0;
  pointer-events: none;
}

.page-actions__status--visible {
  opacity: 1;
}