/* ========== Light Colors format: $color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/*
usage: fill | text | icon | border | state | underlay
expression: inverse | global | contrary | blend
prominence: default | subtle | subtler | strong | stronger
sentiment: neutral | primary | error | warning | success | complimentary | supplementary2 | transparent | light-transparent | dark-transparent
state: hover | press | disable | inactive
*/
/* ========== Dark Colors format: $dark-color-{usage}-{expression?}-${prominence?}-${sentiment?} ========== */
/* outline */
/* Border
-------------------------- */
/* line-height
-------------------------- */
.header-profile-menu li {
  list-style: none;
}

.sub-logo-text {
  display: inline-flex;
  align-items: center;
  line-height: 20px;
  font-size: 12px;
  color: #333333;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: rgba(110, 118, 128, 0.12);
}

.is-simplified-portal {
  overflow: hidden;
}
.is-simplified-portal > .total-main-content {
  display: grid;
  grid-template-rows: 64px 1fr;
  height: 100vh;
}
.is-simplified-portal > .total-main-content #header_container {
  position: static;
  height: 64px;
  width: 100%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.is-simplified-portal > .total-main-content #header_container .frame-common-header {
  border-bottom: none;
}
.is-simplified-portal > .total-main-content #content_container {
  padding-top: 0;
  min-height: initial;
  height: calc(100vh - 64px);
}
.is-simplified-portal #content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.is-simplified-portal #content .mini-layout,
.is-simplified-portal #content .mini-layout-body {
  height: 100%;
  flex: 1;
  width: 100%;
  min-height: 0;
}
.is-simplified-portal #content .mini-layout-body > .row {
  display: grid;
  grid-template-columns: auto 1fr;
  height: 100%;
  min-height: initial !important;
  grid-template-areas: "nav main";
}
.is-simplified-portal #content .mini-layout-body > .row:not(:has(.nav-menu)), .is-simplified-portal #content .mini-layout-body > .row.is-single-main {
  grid-template-columns: 1fr;
  grid-template-areas: "main";
}
.is-simplified-portal #content .mini-layout-body > .row:not(:has(.nav-menu)) .nav-menu, .is-simplified-portal #content .mini-layout-body > .row.is-single-main .nav-menu {
  display: none;
}
.is-simplified-portal #content .mini-layout-body > .row .nav-menu {
  width: auto;
  max-width: 280px;
  background-color: #fff;
  grid-area: nav;
  height: 100%;
  min-height: 0;
  padding: 0;
  z-index: 11;
}
.is-simplified-portal #content .mini-layout-body > .row .nav-menu .sidebar-menu {
  display: none;
}
.is-simplified-portal #content .mini-layout-body > .row #sidemenu {
  height: 100% !important;
}
.is-simplified-portal #content .mini-layout-body > .row .content-body {
  width: 100%;
  grid-area: main;
  height: 100%;
  min-height: 0;
  overflow: auto;
}
.is-simplified-portal #content .mini-layout-body > .row .content-body > h1 {
  margin-top: 0;
}
.is-simplified-portal #content .mini-layout-body > .row .content-body:has(#simplified-footer-copyright:not(.is-fixed)) {
  padding-bottom: 16px;
}
.is-simplified-portal #skiptocontent,
.is-simplified-portal #accessibilityHome {
  display: contents;
}

@media screen and (max-width: 768px) {
  .is-simplified-portal .frame-common-header__logo-text {
    display: none;
  }
  .is-simplified-portal #content > .mini-layout .mini-layout-body > .row {
    grid-template-columns: 1fr;
    grid-template-areas: "main";
  }
  .is-simplified-portal #content > .mini-layout .mini-layout-body > .row .nav-menu {
    width: 1px;
    height: 1px;
    position: fixed !important;
    left: 0;
    top: 64px;
    z-index: 30;
    padding: 0;
  }
  .is-simplified-portal #content > .mini-layout .mini-layout-body > .row .nav-menu .sidebar-menu a {
    display: none;
  }
  .is-simplified-portal #content > .mini-layout .mini-layout-body > .row .nav-menu #sidemenu {
    display: block;
  }
  .is-simplified-portal #content .admin-content {
    border-top: none;
  }
}
.side-menu-skeleton {
  min-width: 280px;
  height: 100%;
  border-right: 1px solid #dfe3e8;
  padding-top: 24px;
}

.side-menu-skeleton-item {
  margin-left: 28px;
  margin-bottom: 12px;
  height: 20px;
  background-color: #f1f4f6;
  border-radius: 4px;
}