/* Facelift 2026 -- fl35_chrome: menus, header, footer and dev bar (lot 4).
 * Origin: translation of the sections P, S (#5 #8 #19 #20), S2 (#4) of the approved package final/final.css (with fix.css).
 * Uses the --dif-* custom properties of fl00_tokens.less. Dialect rules (less.js 1.3.3 in Rhino): LESS-REGRAS.md. */
:is(#navbarMenuContainer, #adminMenuMenuContainer) {
  background: var(--dif-bg);
}
:is(#navbarMenuContainer) h2.menutitle {
  border-top: 0 !important;
  padding-top: 7px;
  background: var(--dif-bg);
  color: var(--dif-text);
}
:is(#navbarMenuContainer) h2.menutitle .fontfirstlevel {
  color: var(--dif-text-faint);
}
:is(#navbarMenuContainer) h2.menutitle .fontsecondlevel {
  color: var(--dif-text);
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) ul li {
  border-bottom: 0 !important;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) > ul > li:not( :has(> a)) {
  color: var(--dif-text-muted);
  font-weight: 600;
  letter-spacing: .02em;
  padding-top: 5px;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a {
  display: block !important;
  position: relative;
  min-height: var(--dif-menu-item-h);
  box-sizing: border-box;
  line-height: 18px;
  margin-left: -8px;
  padding: 2px 6px 2px 18px !important;
  border-radius: var(--dif-radius);
  color: var(--dif-text) !important;
  font-weight: 400;
  background-image: none !important;
  background-color: transparent;
  text-indent: 0;
  transition: background-color var(--dif-ease), color var(--dif-ease);
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) > ul > li > a {
  display: inline-block !important;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: var(--dif-menu-chevron-w);
  height: 10px;
  background-color: var(--dif-text-faint);
  -webkit-mask: var(--dif-menu-chevron) center / contain no-repeat;
  mask: var(--dif-menu-chevron) center / contain no-repeat;
  transition: transform var(--dif-ease), background-color var(--dif-ease);
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a:hover {
  background-color: var(--dif-bg-fill);
  color: var(--dif-text) !important;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a:hover::before {
  background-color: var(--dif-text-muted);
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
  background-color: var(--dif-bg-soft);
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) ul.submenunavbar.withParentLink a::before {
  visibility: hidden;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a.menuItemLink:empty {
  display: none !important;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a sup {
  color: var(--dif-text-faint);
  font-weight: 600;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) ul.submenunavbar li.isDisabled {
  color: var(--dif-text-faint);
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a .externalinkWhite {
  filter: none;
  opacity: .55;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) li.current > a,
:is(#navbarMenuContainer, #adminMenuMenuContainer) a[aria-current] {
  background-color: var(--dif-primary-soft);
  color: var(--dif-primary-dark) !important;
  font-weight: 600;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a[aria-current]::before {
  background-color: var(--dif-primary);
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a[aria-expanded] {
  font-variant: small-caps;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a[aria-expanded]::before {
  background-color: var(--dif-text-muted);
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a[aria-expanded="true"]::before {
  transform: rotate(90deg);
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) a[aria-expanded="true"] {
  font-weight: 600;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) li.currentParent > a {
  color: var(--dif-primary-dark) !important;
}
:is(#navbarMenuContainer, #adminMenuMenuContainer) li.currentParent > a::before {
  background-color: var(--dif-primary);
}
#difrightnavbarInnerStage .box:has(> h2.menutitle):not( :is(#navbarMenuContainer, #adminMenuMenuContainer)) {
  box-sizing: border-box;
  margin: 10px 0 0 0;
  padding: 16px;
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius-lg);
  background-color: var(--dif-bg);
}
#difrightnavbarInnerStage .box:not( :is(#navbarMenuContainer, #adminMenuMenuContainer)) > h2.menutitle {
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  border: 0 !important;
  background: none;
  color: var(--dif-title);
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.4;
}
#difrightnavbarInnerStage .box:has(> h2.menutitle):not( :is(#navbarMenuContainer, #adminMenuMenuContainer)) ul {
  margin: 0;
  padding: 0;
}
#difrightnavbarInnerStage .box:has(> h2.menutitle):not( :is(#navbarMenuContainer, #adminMenuMenuContainer)) ul li {
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0 !important;
  background: none;
  text-indent: 0;
}
#difrightnavbarInnerStage .box:has(> h2.menutitle):not( :is(#navbarMenuContainer, #adminMenuMenuContainer)) ul li a {
  display: block;
  margin: 0 -8px;
  padding: 5px 8px !important;
  border-radius: var(--dif-radius);
  background-image: none !important;
  color: var(--dif-text) !important;
  font-size: 13px;
  line-height: 1.4;
  text-indent: 0;
}
#difrightnavbarInnerStage .box:has(> h2.menutitle):not( :is(#navbarMenuContainer, #adminMenuMenuContainer)) ul li a:hover {
  background-color: var(--dif-primary-soft);
  color: var(--dif-primary) !important;
}
#difrightnavbarInnerStage .actionsbuttons.verticalActions > ul > li {
  position: relative;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  min-height: 0;
  text-align: center;
}
#difrightnavbarInnerStage .actionsbuttons.verticalActions > ul > li > a {
  background-color: #1b1b1b !important;
  color: #ffffff !important;
  box-shadow: none;
  border-radius: 6px !important;
  font-size: inherit;
  line-height: inherit;
  min-height: 0;
  padding: 10px 38px !important;
  margin: 0;
  text-transform: none;
}
#difrightnavbarInnerStage .actionsbuttons.verticalActions > ul > li > a:hover {
  background-color: #666666 !important;
  color: #ffffff !important;
}
#difrightnavbarInnerStage .actionsbuttons.verticalActions > ul > li:has(> a.myWorkflowsActionItem)::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  z-index: 1;
  pointer-events: none;
  background-color: #ffffff;
  -webkit-mask: var(--dif-icon-workflow) center / 20px 20px no-repeat;
  mask: var(--dif-icon-workflow) center / 20px 20px no-repeat;
}
#difrightnavbarInnerStage .actionsbuttons.verticalActions > ul > li:has(> a.myWorkflowsActionItem):hover::before {
  background-color: #ffffff;
}
#difrightnavbarInnerStage .pulse-icon.infoBadge {
  z-index: 29;
}
#pagenavigation ul:not(.submenunavbar) > li:not(.topbarIcon) > a {
  color: var(--dif-nav-text);
  border-radius: var(--dif-radius);
  transition: background-color var(--dif-ease), color var(--dif-ease);
}
#pagenavigation ul:not(.submenunavbar) > li:not(.topbarIcon) > a::after {
  top: auto;
  bottom: 8px;
  left: 11px;
  right: 11px;
  height: 0;
  margin-bottom: 0 !important;
  border-bottom: 2px solid var(--dif-nav-line);
  border-radius: var(--dif-radius-pill);
  opacity: 0;
  transition: opacity var(--dif-ease);
}
#pagenavigation ul:not(.submenunavbar) > li:not(.topbarIcon) > a:hover {
  background-color: var(--dif-nav-hover);
  color: var(--dif-nav-text-strong);
}
#pagenavigation ul:not(.submenunavbar) > li:not(.homepage):not(.topbarIcon) > a:hover::after {
  opacity: .45;
  margin-bottom: 0;
}
#pagenavigation ul:not(.submenunavbar) > li > a:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--dif-nav-line);
  border-radius: var(--dif-radius);
}
#pagenavigation .dropdownbox {
  padding: 6px !important;
  margin-top: 6px;
  border: 1px solid var(--dif-line) !important;
  border-radius: var(--dif-radius-lg) !important;
  background: var(--dif-bg) !important;
  box-shadow: var(--dif-shadow-pop) !important;
}
#pagenavigation .dropdownbox ul.submenunavbar {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
#pagenavigation .dropdownbox ul.submenunavbar li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
#pagenavigation .dropdownbox ul.submenunavbar li a {
  display: block;
  padding: 7px 12px !important;
  border-radius: var(--dif-radius);
  background: transparent !important;
  color: var(--dif-text) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  white-space: nowrap;
}
#pagenavigation .dropdownbox ul.submenunavbar li a:hover,
#pagenavigation .dropdownbox ul.submenunavbar li a:focus-visible {
  background: var(--dif-primary-soft) !important;
  color: var(--dif-primary) !important;
}
#pagenavigation .dropdownbox p.submenutitle {
  margin: 6px 12px 2px;
  color: var(--dif-text-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
#maincontentarea > .difCollapsibleArea {
  position: relative;
  box-sizing: border-box;
  width: var(--dif-area-w);
  transition: width var(--dif-area-dur) ease, margin var(--dif-area-dur) ease;
}
.difCollapsibleArea .difCollapsibleContent {
  overflow: hidden;
  width: 100%;
  transition: opacity var(--dif-area-dur) ease, visibility 0s linear 0s;
}
.difCollapsibleArea .difCollapsibleContent > * {
  width: var(--dif-area-w);
  box-sizing: border-box;
}
#maincontentarea > .difCollapsibleAreaLeft[data-state="closed"] {
  width: 0 !important;
  margin-left: 0 !important;
  margin-right: 12px !important;
}
#maincontentarea > .difCollapsibleAreaRight[data-state="closed"] {
  width: 0 !important;
  margin-right: 0 !important;
  margin-left: 12px !important;
}
.difCollapsibleAreaRight[data-state="open"] .difCollapsibleContent {
  overflow: visible;
  animation: difCollapsibleOpening var(--dif-area-dur) step-end;
}
@keyframes difCollapsibleOpening {
  from {
    overflow: hidden;
  }
  to {
    overflow: hidden;
  }
}
.difCollapsibleArea[data-state="closed"] .difCollapsibleContent {
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--dif-area-dur) ease, visibility 0s linear var(--dif-area-dur);
}
.difCollapsibleToggle {
  position: absolute;
  z-index: 30;
  top: 9px;
  right: calc(var(--dif-area-handle) / -2);
  box-sizing: border-box;
  width: var(--dif-area-handle);
  height: var(--dif-area-handle);
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(--dif-bg);
  color: var(--dif-text-muted);
  border: 1px solid var(--dif-line-strong);
  border-radius: var(--dif-radius-pill);
  box-shadow: var(--dif-shadow-sm);
  transition: right var(--dif-area-dur) ease, left var(--dif-area-dur) ease, border-radius var(--dif-area-dur) ease, background-color var(--dif-ease), color var(--dif-ease), border-color var(--dif-ease);
}
.difCollapsibleToggle .difCollapsibleChevron {
  width: 7px;
  height: 11px;
  background-color: currentColor;
  -webkit-mask: var(--dif-area-chevron) center / contain no-repeat;
  mask: var(--dif-area-chevron) center / contain no-repeat;
  transition: transform var(--dif-area-dur) ease;
}
.difCollapsibleAreaRight .difCollapsibleToggle {
  right: auto;
  left: calc(var(--dif-area-handle) / -2);
}
.difCollapsibleAreaRight .difCollapsibleChevron {
  transform: rotate(180deg);
}
.difCollapsibleToggle:hover {
  background: var(--dif-bg-fill);
  color: var(--dif-text);
  border-color: var(--dif-text-faint);
}
.difCollapsibleToggle:focus {
  outline: none;
}
.difCollapsibleToggle:focus-visible {
  box-shadow: var(--dif-ring);
  border-color: var(--dif-primary);
  color: var(--dif-primary-dark);
}
.difCollapsibleAreaLeft[data-state="closed"] .difCollapsibleToggle {
  right: calc(var(--dif-area-handle) * -1 + 1px);
  border-left: 0;
  border-radius: 0 var(--dif-radius-pill) var(--dif-radius-pill) 0;
}
.difCollapsibleAreaRight[data-state="closed"] .difCollapsibleToggle {
  left: calc(var(--dif-area-handle) * -1 + 1px);
  border-right: 0;
  border-radius: var(--dif-radius-pill) 0 0 var(--dif-radius-pill);
}
.difCollapsibleAreaLeft[data-state="closed"] .difCollapsibleChevron {
  transform: rotate(180deg);
}
.difCollapsibleAreaRight[data-state="closed"] .difCollapsibleChevron {
  transform: none;
}
.difCollapsibleToggle::after {
  content: attr(aria-label);
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  pointer-events: none;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 16px;
  font-variant: normal;
  font-weight: 500;
  color: var(--dif-bg);
  background: var(--dif-text);
  border-radius: var(--dif-radius);
  box-shadow: var(--dif-shadow-sm);
  opacity: 0;
  transition: opacity var(--dif-ease) 0s;
}
.difCollapsibleAreaRight .difCollapsibleToggle::after {
  left: auto;
  right: calc(100% + 8px);
}
.difCollapsibleToggle:hover::after,
.difCollapsibleToggle:focus-visible::after {
  opacity: 1;
  transition-delay: 350ms;
}
.difCollapsibleToggle:focus-visible::after {
  transition-delay: 0s;
}
#maincontentarea > .difCollapsibleAreaLeft[data-autohide="on"] {
  width: 0 !important;
  margin-left: 0 !important;
  margin-right: 12px !important;
}
#maincontentarea > .difCollapsibleAreaRight[data-autohide="on"] {
  width: 0 !important;
  margin-right: 0 !important;
  margin-left: 12px !important;
}
.difCollapsibleArea[data-autohide="on"] .difCollapsibleContent {
  position: absolute;
  z-index: 25;
  top: 0;
  left: 0;
  width: var(--dif-area-w);
  background: var(--dif-bg);
  border-radius: 0 var(--dif-radius-lg) var(--dif-radius-lg) 0;
  box-shadow: var(--dif-shadow-pop);
  transform: translateX(0);
  transition: transform var(--dif-area-dur) ease, opacity var(--dif-area-dur) ease, visibility 0s;
}
.difCollapsibleAreaRight[data-autohide="on"] .difCollapsibleContent {
  left: auto;
  right: 0;
  border-radius: var(--dif-radius-lg) 0 0 var(--dif-radius-lg);
}
.difCollapsibleAreaLeft[data-autohide="on"][data-state="closed"] .difCollapsibleContent {
  transform: translateX(-100%);
  transition: transform var(--dif-area-dur) ease, opacity var(--dif-area-dur) ease, visibility 0s linear var(--dif-area-dur);
}
.difCollapsibleAreaRight[data-autohide="on"][data-state="closed"] .difCollapsibleContent {
  transform: translateX(100%);
  transition: transform var(--dif-area-dur) ease, opacity var(--dif-area-dur) ease, visibility 0s linear var(--dif-area-dur);
}
.difCollapsibleAreaLeft[data-autohide="on"][data-state="open"] .difCollapsibleToggle {
  right: calc(var(--dif-area-w) * -1 - var(--dif-area-handle) / 2);
}
.difCollapsibleAreaRight[data-autohide="on"][data-state="open"] .difCollapsibleToggle {
  left: calc(var(--dif-area-w) * -1 - var(--dif-area-handle) / 2);
}
.difCollapsibleArea.difNoAnim,
.difCollapsibleArea.difNoAnim * {
  transition: none !important;
}
body.difAreaPinned .difCollapsibleToggle,
.difCollapsibleAreaPinned .difCollapsibleToggle {
  display: none;
}
.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--dif-line) !important;
  background: var(--dif-bg);
  padding-right: 12px !important;
  position: relative;
}
.breadcrumbsnav {
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 8px;
}
.breadcrumbsnav ul {
  display: flex;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.breadcrumbsnav ul li {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  padding: 0 !important;
  color: var(--dif-text);
  font-weight: 600;
  white-space: nowrap;
}
.breadcrumbsnav ul li:not([aria-current]) {
  min-width: 64px;
}
.breadcrumbsnav ul li.difCrumbGap {
  min-width: auto;
  flex-shrink: 0;
}
.breadcrumbsnav ul li::before {
  content: "" !important;
  flex: none;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  background: var(--dif-text-faint);
  -webkit-mask: var(--dif-icon-chevron-right) center / contain no-repeat;
  mask: var(--dif-icon-chevron-right) center / contain no-repeat;
}
.breadcrumbsnav ul li:first-child::before {
  display: none;
}
.breadcrumbsnav ul li a {
  display: block;
  max-width: var(--dif-crumb-max);
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--dif-text-muted);
  font-weight: 400;
  text-decoration: none;
  padding: 0 4px;
  border-radius: var(--dif-radius);
  line-height: 22px;
  transition: background-color var(--dif-ease-chrome), color var(--dif-ease-chrome);
}
.breadcrumbsnav ul li a:hover {
  color: var(--dif-primary);
  background: var(--dif-primary-soft);
}
.breadcrumbsnav ul li a:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
}
.breadcrumbsnav ul li[aria-current] {
  display: block !important;
  flex: 0 0 auto;
  max-width: 40%;
  padding: 0 4px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
}
.breadcrumbsnav ul li[aria-current]::before {
  display: inline-block;
  vertical-align: -1px;
}
.breadcrumbsnav ul li.difCrumbGap {
  color: var(--dif-text-muted);
  font-weight: 400;
}
.breadcrumbsnav ul li.difCrumbGap button {
  border: 0;
  background: var(--dif-bg-fill);
  color: var(--dif-text-muted);
  border-radius: var(--dif-radius);
  height: 20px;
  min-width: 26px;
  padding: 0 6px;
  cursor: pointer;
  font: inherit;
  line-height: 20px;
}
.breadcrumbsnav ul li.difCrumbGap button:hover {
  background: var(--dif-line);
  color: var(--dif-text);
}
.breadcrumbsnav ul li.difCrumbGap button:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
}
.breadcrumbs .difCrumbActions {
  flex: none;
  display: flex;
  align-items: center;
  gap: 4px;
}
.breadcrumbs .difCrumbActions:empty {
  display: none;
}
.breadcrumbs .difCrumbActions .actions {
  margin: 0 !important;
}
.breadcrumbs .difCrumbActions .actions ul {
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 0;
}
.breadcrumbs .difCrumbActions .actions ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  float: none !important;
}
.breadcrumbs .difCrumbActions .actions a,
.menubreadcrumbs ul li a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  line-height: 22px;
  padding: 0 8px !important;
  border-radius: var(--dif-radius);
  color: var(--dif-text-muted) !important;
  text-decoration: none;
  background-image: none !important;
  white-space: nowrap;
  transition: background-color var(--dif-ease-chrome);
  text-indent: 0 !important;
}
.breadcrumbs .difCrumbActions .actions a:hover,
.menubreadcrumbs ul li a:hover {
  background: var(--dif-bg-fill);
  color: var(--dif-text) !important;
}
.breadcrumbs .difCrumbActions .actions a:focus-visible,
.menubreadcrumbs ul li a:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
}
.breadcrumbs .difCrumbActions .actions a.back::before,
.breadcrumbs .difCrumbActions .actions a.help::before,
.menubreadcrumbs ul li a::before {
  content: "";
  width: 14px;
  height: 14px;
  flex: none;
  background: currentColor;
  -webkit-mask: var(--dif-cr-icon) center / contain no-repeat;
  mask: var(--dif-cr-icon) center / contain no-repeat;
}
.breadcrumbs .difCrumbActions .actions a.back {
  --dif-cr-icon: var(--dif-icon-arrow-left);
}
.breadcrumbs .difCrumbActions .actions a.help {
  --dif-cr-icon: var(--dif-icon-help);
}
.breadcrumbs .difCrumbActions .actions a.back {
  display: block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs .difCrumbActions .actions a.back::before {
  display: inline-block;
  vertical-align: -2px;
  margin-right: 4px;
}
.menubreadcrumbs ul li a {
  --dif-cr-icon: var(--dif-icon-clock);
}
.menubreadcrumbs {
  float: none !important;
  height: 26px;
  display: flex;
  align-items: center;
  border-left: 1px solid var(--dif-line) !important;
  padding: 0 0 0 6px !important;
  margin-left: 2px !important;
}
.menubreadcrumbs ul {
  margin: 0;
  padding: 0;
}
.menubreadcrumbs ul li {
  background-image: none !important;
  padding-right: 0 !important;
  list-style: none;
}
.breadcrumbs > .clearboth {
  display: none;
}
:where(#pagenavigation),
:where(.topmenuWrapper),
:where(.topmenuNav) {
  background-color: inherit;
}
.topmenuNav::after {
  content: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11px;
  right: 11px;
  pointer-events: none;
  background-color: inherit;
}
.topmenuNav[data-overflowing="right"]::after,
.topmenuNav:not([data-overflowing])::after {
  content: "";
  -webkit-mask-image: linear-gradient(to left, #000 14px, transparent 44px);
  mask-image: linear-gradient(to left, #000 14px, transparent 44px);
}
.topmenuNav[data-overflowing="left"]::after {
  content: "";
  -webkit-mask-image: linear-gradient(to right, #000 14px, transparent 44px);
  mask-image: linear-gradient(to right, #000 14px, transparent 44px);
}
.topmenuNav[data-overflowing="both"]::after {
  content: "";
  -webkit-mask-image: linear-gradient(to right, #000 14px, transparent 44px, transparent calc(100% - 44px), #000 calc(100% - 14px));
  mask-image: linear-gradient(to right, #000 14px, transparent 44px, transparent calc(100% - 44px), #000 calc(100% - 14px));
}
.listbreadcrumbs {
  position: absolute;
  background: var(--dif-bg) !important;
  color: var(--dif-text);
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius-lg);
  box-shadow: var(--dif-shadow-pop);
  padding: 6px !important;
  margin-top: 0 !important;
  top: calc(100% + 4px);
  right: 12px !important;
  left: auto !important;
  min-width: 300px;
  z-index: 50;
}
.listbreadcrumbs ul.submenunavbar {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.listbreadcrumbs ul.submenunavbar li {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0 8px !important;
  height: 28px;
  line-height: 28px;
  border-radius: var(--dif-radius);
  color: var(--dif-text-faint) !important;
  background: transparent !important;
  font-variant-numeric: tabular-nums;
  list-style: none;
}
.listbreadcrumbs ul.submenunavbar li:hover {
  background: var(--dif-bg-fill) !important;
}
.listbreadcrumbs ul.submenunavbar li a {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--dif-text) !important;
  padding: 0 !important;
  background: transparent !important;
  text-decoration: none;
}
.listbreadcrumbs ul.submenunavbar li time {
  color: var(--dif-text-faint);
  flex: none;
}
.listbreadcrumbs ul.submenunavbar li.difCrumbCurrent a {
  font-weight: 600;
  color: var(--dif-primary) !important;
}
.largeBoxMenuContainer {
  gap: 20px;
  margin: 24px 1% !important;
}
.largeBoxMenuContainer > div.menuBOX {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  box-sizing: content-box;
  position: relative;
  background-color: var(--dif-bg) !important;
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius-lg) !important;
  box-shadow: var(--dif-shadow-sm);
  transition: border-color var(--dif-ease-chrome), box-shadow var(--dif-ease-chrome), transform var(--dif-ease-chrome);
}
.largeBoxMenuContainer > div.menuBOX:hover {
  border-color: var(--dif-primary-line);
  box-shadow: var(--dif-shadow-pop);
  transform: translateY(-2px);
}
.largeBoxMenuContainer > div.menuBOX:focus-within {
  border-color: var(--dif-primary);
  box-shadow: var(--dif-ring);
}
.largeBoxMenuContainer > div.menuBOX::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  width: var(--dif-card-icon);
  height: var(--dif-card-icon);
  border-radius: var(--dif-radius-lg);
  background: var(--dif-illus-bg);
}
.largeBoxMenuContainer > div.menuBOX::after {
  content: "";
  position: absolute;
  top: 28px;
  right: 28px;
  width: 20px;
  height: 20px;
  background: var(--dif-illus-fg);
  -webkit-mask: var(--dif-card-shape, var(--dif-icon-layers)) center / contain no-repeat;
  mask: var(--dif-card-shape, var(--dif-icon-layers)) center / contain no-repeat;
  pointer-events: none;
}
.largeBoxMenuContainer .menuBOX .fontfirstlevel {
  color: var(--dif-text);
  padding-right: 44px;
}
.largeBoxMenuContainer .menuBOX .fontsecondlevel {
  color: var(--dif-text-muted);
}
.largeBoxMenuContainer .menuBOX .description {
  color: var(--dif-text-muted);
  line-height: 1.5;
  margin-bottom: 14px;
}
.largeBoxMenuContainer .menuBOX .centerbuttons,
.largeBoxMenuContainer .menuBOX .centertwobuttons {
  margin: auto 0 0 0 !important;
  text-align: left;
}
.largeBoxMenuContainer .menuBOX .centerbuttons ul {
  margin: 0;
  padding: 0;
}
.largeBoxMenuContainer .menuBOX .centerbuttons ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent !important;
  display: block;
}
.largeBoxMenuContainer .menuBOX .centerbuttons a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  line-height: 40px;
  padding: 0 !important;
  background: transparent !important;
  color: var(--dif-primary) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-weight: 600;
  box-shadow: none !important;
  transition: none !important;
}
.largeBoxMenuContainer .menuBOX .centerbuttons a::after {
  content: "";
  width: 16px;
  height: 16px;
  background: currentColor;
  transition: transform var(--dif-ease-chrome);
  -webkit-mask: var(--dif-icon-arrow-right) center / contain no-repeat;
  mask: var(--dif-icon-arrow-right) center / contain no-repeat;
}
.largeBoxMenuContainer .menuBOX:hover .centerbuttons a::after {
  transform: translateX(3px);
}
.largeBoxMenuContainer .menuBOX .centerbuttons a:focus-visible {
  outline: none;
}
.largeBoxMenuContainer .menuBOX .centerbuttons a > span,
.largeBoxMenuContainer .menuBOX .centerbuttons li {
  position: static;
}
.largeBoxMenuContainer .menuBOX .centerbuttons a {
  position: static;
}
.largeBoxMenuContainer .menuBOX .centerbuttons a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 1;
}
#footer #customsubfooter > div {
  display: flex !important;
  align-items: center;
  gap: 20px;
  box-sizing: border-box;
  min-height: calc(var(--dif-footer-logo-h) + 28px);
  padding: 14px 24px !important;
  background: var(--dif-bg) !important;
  border-top: 1px solid var(--dif-line);
}
#footer #customsubfooter p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
#footer #customsubfooter img {
  display: block;
  height: var(--dif-footer-logo-h) !important;
  width: auto !important;
  mix-blend-mode: multiply;
}
#footer div.bottom {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-sizing: border-box;
  height: var(--dif-footer-bar-h);
  padding: 0 16px;
  font-size: 11px;
  line-height: 1.3;
  background: var(--dif-footer-bg) !important;
  color: var(--dif-footer-text-muted) !important;
}
#footer #copyright {
  display: flex;
  align-items: center;
  gap: 8px;
  height: auto;
  min-height: 0 !important;
  padding: 0 !important;
  background: none !important;
  white-space: nowrap;
  overflow: hidden;
}
#footer #copyright::before {
  content: "";
  flex: none;
  width: 70px;
  height: var(--dif-footer-brand-h);
  margin-right: 6px;
  padding-right: 12px;
  border-right: 1px solid var(--dif-footer-line);
  background-image: url("../../img/companylogo.png");
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#footer #copyright abbr {
  color: inherit;
  text-decoration: none;
}
#footer #copyright .difAppName {
  color: var(--dif-footer-text);
  font-weight: 600;
}
#footer #copyright .difAppVersion {
  font-variant-numeric: tabular-nums;
}
#footer #copyright .difSep {
  opacity: .6;
}
#footer #technical {
  display: flex;
  align-items: center;
  gap: 14px;
  height: auto;
  text-align: right;
}
#footer #technical .responsiveDiscard {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 0 !important;
}
#footer #technical .responsiveDiscard a {
  float: none !important;
  margin: 0 !important;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--dif-radius);
}
#footer #technical .responsiveDiscard a:hover {
  background: var(--dif-footer-chip-hover);
}
#footer #technical .responsiveDiscard a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--dif-on-dark-primary);
}
#footer #technical .responsiveDiscard a img {
  width: 16px;
  height: 16px;
}
#footer #technical .responsiveDiscard span {
  color: var(--dif-footer-text-muted);
}
#footer #technical .responsiveDiscard .difTechNote {
  display: block;
  font-size: 10px;
  opacity: .75;
}
#footer #technical img.technicalLogo {
  height: var(--dif-footer-brand-h) !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 14px;
  border-left: 1px solid var(--dif-footer-line);
  object-fit: contain;
}
#footer .bottom a {
  color: var(--dif-footer-text) !important;
}
#footer #technical .dif-icon-accessibility {
  --dif-icon-color: var(--dif-footer-text) !important;
}
.difPageHeader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 16px;
  min-height: 44px;
}
.difPageHeader > div[style*="clear"] {
  display: none;
}
.difPageHeader .difPageTitle {
  margin: 14px 0 8px 0 !important;
  color: var(--dif-text);
}
.difPageHeader > :not(.difPageTitle):not(.difPageTitleActions):not(.actions) {
  flex: 1 0 100%;
}
.difPageHeader > .difPageTitleActions {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.difPageHeader > .difPageTitleActions:empty {
  display: none;
}
.difPageHeader > .difPageTitleActions > .actionsbuttons {
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
.x-grid-header-ct .x-column-header-text {
  white-space: normal !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2 !important;
}
#logMainContainer {
  border: 1px solid var(--dif-line) !important;
  border-radius: var(--dif-radius-lg) !important;
  overflow: hidden;
  background: var(--dif-bg) !important;
}
#logMainContainer > .x-panel-header {
  background: var(--dif-bg-soft) !important;
  border-bottom: 1px solid var(--dif-line) !important;
  margin: 0 !important;
  padding: 8px 12px !important;
}
#logcontentarea.code {
  min-height: 560px;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 14px;
  background: var(--dif-navy);
  color: var(--dif-dark-text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  border-radius: var(--dif-radius);
}
#logcontentarea.code:empty {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dif-bg-soft);
  color: var(--dif-text-muted);
  border: 1px dashed var(--dif-line-strong);
  font-family: inherit;
}
#logcontentarea.code:empty::before {
  content: attr(data-empty);
}
#panellogcontent > .x-panel-body,
#logcontent-body {
  padding: 12px !important;
}
#rightoptions .x-panel-body,
#panelrightoptions {
  background: transparent !important;
}
#rightoptions {
  padding: 12px !important;
}
#rightoptions .x-panel-body > *,
#panelrightoptions > * {
  max-width: 100%;
}
#perfilnavegation {
  --dif-pf-panel-w: 300px;
  --dif-pf-panel-w-netpa: 360px;
  --dif-pf-avatar-trigger: 26px;
  --dif-pf-avatar-card: 44px;
  --dif-pf-ico: 16px;
  --dif-pf-i-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E");
  --dif-pf-i-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7h-9'/%3E%3Cpath d='M14 17H5'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3C/svg%3E");
  --dif-pf-i-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='m21 2-9.6 9.6'/%3E%3Cpath d='m15.5 7.5 3 3L22 7l-3-3'/%3E%3C/svg%3E");
  --dif-pf-i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  --dif-pf-i-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E");
  --dif-pf-i-reset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
  --dif-pf-i-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
  --dif-pf-i-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --dif-pf-i-camera: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E");
  --dif-pf-i-layout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E");
  --dif-pf-i-swap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 7l4 4'/%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='m16 21 4-4-4-4'/%3E%3Cpath d='M20 17H4'/%3E%3C/svg%3E");
  --dif-pf-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
  position: relative;
  width: auto !important;
  padding: 0 12px 0 8px !important;
  vertical-align: middle !important;
}
#navigation:has(> #perfilnavegation) {
  table-layout: auto !important;
}
#navigation:has(> #perfilnavegation) > #pagenavigation {
  width: 100%;
}
#navigation:has(> #perfilnavegation) > #pagenavigation > * {
  contain: inline-size;
}
#perfilnavegation > div > ul,
#perfilnavegation > ul {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  list-style: none;
}
#perfilnavegation > div > ul > li,
#perfilnavegation > ul > li {
  position: static !important;
  background: none !important;
  padding: 0 !important;
}
#perfilnavegation a#perfilLink {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  height: 32px;
  box-sizing: border-box;
  padding: 0 8px 0 4px !important;
  border-radius: var(--dif-radius-pill);
  line-height: 32px !important;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
  text-decoration: none !important;
  user-select: none;
  color: var(--dif-nav-text) !important;
  background: transparent;
  transition: background-color 0.12s ease;
}
#perfilnavegation a#perfilLink .pf-label {
  color: inherit;
}
#perfilnavegation a#perfilLink::after {
  content: "";
  width: 14px;
  height: 14px;
  flex: none;
  background: currentColor;
  opacity: .7;
  -webkit-mask-image: var(--dif-pf-i-chevron);
  -webkit-mask-size: 14px 14px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--dif-pf-i-chevron);
  mask-size: 14px 14px;
  mask-position: center;
  mask-repeat: no-repeat;
  transition: transform .15s ease;
}
#perfilnavegation a#perfilLink:hover {
  background: var(--dif-nav-chip-hover);
  color: var(--dif-nav-text) !important;
}
#perfilnavegation a#perfilLink:focus-visible {
  background: var(--dif-nav-chip);
  box-shadow: inset 0 0 0 2px var(--dif-on-dark-primary);
}
#perfilnavegation a#perfilLink[aria-expanded="true"] {
  background: var(--dif-nav-chip-press);
}
#perfilnavegation a#perfilLink[aria-expanded="true"]::after {
  transform: rotate(180deg);
}
#perfilnavegation a#perfilLink .pf-avatar {
  width: var(--dif-pf-avatar-trigger) !important;
  height: var(--dif-pf-avatar-trigger) !important;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: var(--dif-pf-avatar-trigger) !important;
  flex: none;
  overflow: hidden;
  box-shadow: 0 0 0 2px var(--dif-hm-header-bg);
}
#perfilnavegation #perfil.dropdownbox {
  position: absolute !important;
  right: 12px !important;
  left: auto !important;
  top: calc(100% + 4px) !important;
  z-index: 20000 !important;
  box-sizing: border-box;
  width: var(--dif-pf-panel-w);
  min-width: 0;
  padding: 6px !important;
  margin: 0 !important;
  background: var(--dif-bg) !important;
  color: var(--dif-text);
  border: 1px solid var(--dif-line) !important;
  border-radius: var(--dif-radius-lg) !important;
  box-shadow: var(--dif-shadow-pop) !important;
  text-align: left;
  line-height: 16px;
  white-space: normal;
  font-variant: normal;
  text-transform: none;
  max-height: calc(100vh - 140px);
  overflow: auto;
  overscroll-behavior: contain;
}
#perfilnavegation #perfil a {
  color: var(--dif-text) !important;
}
#perfilnavegation #perfil div.column {
  display: block;
  vertical-align: top;
}
#perfilnavegation #perfil span {
  float: none;
}
#perfilnavegation #perfil ul {
  display: block !important;
  width: auto !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#perfilnavegation #perfil ul li {
  display: block !important;
  float: none !important;
  height: auto !important;
  line-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  color: var(--dif-text);
}
#perfilnavegation #perfil ul li > a {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: 100% !important;
  min-height: 32px;
  box-sizing: border-box;
  padding: 6px 10px 6px 8px !important;
  margin: 0 !important;
  border-radius: 6px;
  border: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 16px !important;
  letter-spacing: normal;
  background: none !important;
  text-decoration: none !important;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
}
#perfilnavegation #perfil ul li > a:hover {
  background-color: var(--dif-bg-fill) !important;
  color: var(--dif-text) !important;
}
#perfilnavegation #perfil ul li > a:focus,
#perfilnavegation #perfil ul li > a:focus-visible {
  background-color: var(--dif-primary-soft) !important;
  box-shadow: inset 0 0 0 2px var(--dif-primary);
}
#perfilnavegation #perfil ul li > a:active {
  background-color: var(--dif-primary-soft) !important;
}
#perfilnavegation #perfil ul li > a::before {
  content: "";
  flex: none;
  width: var(--dif-pf-ico);
  height: var(--dif-pf-ico);
  background: currentColor;
  opacity: .62;
  -webkit-mask-image: var(--dif-pf-i, none);
  -webkit-mask-size: 16px 16px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--dif-pf-i, none);
  mask-size: 16px 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  display: block !important;
  position: static !important;
  margin: 0 !important;
  border: 0 !important;
}
#perfilnavegation #perfil ul li > a:hover::before,
#perfilnavegation #perfil ul li > a:focus::before {
  opacity: 1;
}
#perfilnavegation #perfil a[href*="stage=ChangeUserDataStage"] {
  --dif-pf-i: var(--dif-pf-i-user);
}
#perfilnavegation #perfil a[href*="UserConfigurationsStage"] {
  --dif-pf-i: var(--dif-pf-i-settings);
}
#perfilnavegation #perfil a[href*="UserConfigurationsStage"][href*="activepanel=profile"] {
  --dif-pf-i: var(--dif-pf-i-user);
}
#perfilnavegation #perfil a[href*="stage=changepasswordstage"] {
  --dif-pf-i: var(--dif-pf-i-key);
}
#perfilnavegation #perfil a[href*="stage=myconsents"] {
  --dif-pf-i: var(--dif-pf-i-shield);
}
#perfilnavegation #perfil a[href*="stage=myrgpdrightsrequest"] {
  --dif-pf-i: var(--dif-pf-i-file);
}
#perfilnavegation #perfil a[onclick*="clearAllStateManagerRequest"] {
  --dif-pf-i: var(--dif-pf-i-reset);
}
#perfilnavegation #perfil a[href*="AtualizarFotografia"] {
  --dif-pf-i: var(--dif-pf-i-camera);
}
#perfilnavegation #perfil a[onclick*="ambienteTrabalho"] {
  --dif-pf-i: var(--dif-pf-i-layout);
}
#perfilnavegation #perfil a[href*="stage=AlterarPerfil"] {
  --dif-pf-i: var(--dif-pf-i-swap);
}
#perfilnavegation #perfil a.pf-logout,
#perfilnavegation #perfil a[href*="stage=LogoutStage"] {
  --dif-pf-i: var(--dif-pf-i-logout);
}
#perfilnavegation #perfil ul li.pf-sep {
  height: 1px !important;
  margin: 6px 4px !important;
  background: var(--dif-line) !important;
}
#perfilnavegation #perfil ul li > a.pf-logout {
  color: var(--dif-danger) !important;
}
#perfilnavegation #perfil ul li > a.pf-logout::before {
  opacity: .9;
}
#perfilnavegation #perfil ul li > a.pf-logout:hover,
#perfilnavegation #perfil ul li > a.pf-logout:focus {
  background-color: var(--dif-danger-soft) !important;
  color: var(--dif-danger-dark) !important;
  box-shadow: none;
}
#perfilnavegation #perfil ul li > a.pf-logout:focus-visible {
  box-shadow: inset 0 0 0 2px var(--dif-danger-line) !important;
}
#perfilnavegation #PerfilMiniDisplayInnerStage {
  display: grid !important;
  grid-template-columns: var(--dif-pf-avatar-card) minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 0;
  align-items: center;
  padding: 0 !important;
  width: auto !important;
}
#perfilnavegation #PerfilMiniDisplayInnerStage > .column:first-child {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: block !important;
  margin: 8px 0 8px 8px;
  padding: 0 !important;
  width: var(--dif-pf-avatar-card);
  height: var(--dif-pf-avatar-card);
}
#perfilnavegation #PerfilMiniDisplayInnerStage > .column:first-child > span {
  display: block;
}
#perfilnavegation #PerfilMiniDisplayInnerStage > .column.leftPad10 {
  display: contents !important;
}
#perfilnavegation #PerfilMiniDisplayInnerStage > .column.leftPad10 > p {
  grid-column: 2;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant: normal !important;
  text-transform: none !important;
  font-size: 12px;
  line-height: 16px;
  color: var(--dif-text-muted) !important;
}
#perfilnavegation #PerfilMiniDisplayInnerStage > .column.leftPad10 > p:first-of-type {
  align-self: end;
  padding-top: 10px !important;
}
#perfilnavegation #PerfilMiniDisplayInnerStage > .column.leftPad10 > p:last-of-type {
  align-self: start;
  padding-bottom: 10px !important;
}
#perfilnavegation #PerfilMiniDisplayInnerStage > .column.leftPad10 > p.pf-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: var(--dif-text) !important;
}
#perfilnavegation #PerfilMiniDisplayInnerStage > .column.leftPad10 > ul.submenu {
  grid-column: 1 / -1;
  border-top: 1px solid var(--dif-line);
  padding-top: 6px !important;
}
#perfilnavegation #PerfilMiniDisplayInnerStage > .column.leftPad10 > ul.submenu:not( :has(li)) {
  display: none !important;
}
#perfilnavegation #PerfilMiniDisplayInnerStage:empty {
  display: none !important;
}
#perfilnavegation #perfil .perfilMenuAvatar,
#perfilnavegation #perfil .column .pf-avatar {
  display: block;
  width: var(--dif-pf-avatar-card) !important;
  height: var(--dif-pf-avatar-card) !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: var(--dif-pf-avatar-card) !important;
  border-radius: 50%;
  overflow: hidden;
}
#perfilnavegation .dif-mention-avatar-image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 0;
  filter: none;
  background: none;
}
#perfilnavegation #perfil p.pf-meta {
  display: flex !important;
  align-items: center;
  gap: 6px;
}
#perfilnavegation #perfil .pf-meta .pf-user {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
#perfilnavegation #perfil .pf-meta .pf-profile {
  flex: none;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 7px;
  height: 18px;
  line-height: 18px;
  border-radius: var(--dif-radius-pill);
  background: var(--dif-bg-fill);
  color: var(--dif-text-muted);
  font-size: 11px;
  font-weight: 600;
}
#perfilnavegation #perfil.pf-netpa {
  width: var(--dif-pf-panel-w-netpa);
  display: grid;
  grid-template-columns: var(--dif-pf-avatar-card) minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
}
#perfilnavegation #perfil.pf-netpa[style*="display: none"] {
  display: none !important;
}
#perfilnavegation #perfil.pf-netpa > .column:not(.leftPad10) {
  grid-column: 1;
  margin: 8px 0 8px 8px;
  padding: 0 !important;
}
#perfilnavegation #perfil.pf-netpa > .column:not(.leftPad10) > span {
  display: block;
}
#perfilnavegation #perfil.pf-netpa > .column.leftPad10 {
  grid-column: 2;
  display: flex !important;
  flex-direction: column;
  padding: 8px 8px 8px 0 !important;
  margin: 0 !important;
  min-width: 0;
}
#perfilnavegation #perfil.pf-netpa > .column.leftPad10 > p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px;
  line-height: 16px;
  color: var(--dif-text-muted) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#perfilnavegation #perfil.pf-netpa > .column.leftPad10 > p.pf-name {
  order: -1;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: var(--dif-text) !important;
}
#perfilnavegation #perfil.pf-netpa > ul.submenu {
  grid-column: 1 / -1;
  border-top: 1px solid var(--dif-line);
  padding-top: 6px !important;
  margin-top: 0 !important;
}
#perfilnavegation #perfil.pf-netpa ul li.bold {
  padding: 8px 8px 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  font-variant: small-caps;
  letter-spacing: .03em;
  color: var(--dif-text-faint) !important;
}
#perfilnavegation #perfil.pf-netpa li,
#perfilnavegation #perfil.pf-netpa .footnote {
  white-space: normal !important;
  min-width: 0;
}
#perfilnavegation #perfil.pf-netpa #outrosServicos {
  max-width: none;
}
#perfilnavegation #perfil.pf-netpa #perfilchange {
  min-width: 0 !important;
  max-height: 40vh !important;
  overflow: auto;
  padding: 0 !important;
}
#perfilnavegation #perfil.pf-netpa #perfilchange li.perfilSearch {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 2px 2px 6px !important;
  background: var(--dif-bg) !important;
}
#perfilnavegation #perfil.pf-netpa #perfilchange li.perfilSearch::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 10px;
  width: 14px;
  height: 14px;
  pointer-events: none;
  background: var(--dif-text-faint);
  -webkit-mask-image: var(--dif-pf-i-search);
  -webkit-mask-size: 14px 14px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--dif-pf-i-search);
  mask-size: 14px 14px;
  mask-position: center;
  mask-repeat: no-repeat;
}
#perfilnavegation #perfil.pf-netpa #perfilchange .perfilSearchInput {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  padding: 0 10px 0 30px !important;
  font-size: 12px !important;
  font-family: inherit;
  border-radius: var(--dif-radius) !important;
  background: var(--dif-bg) !important;
  color: var(--dif-text) !important;
  border: 1px solid var(--dif-line-strong) !important;
  box-shadow: none !important;
  outline: none;
}
#perfilnavegation #perfil.pf-netpa #perfilchange .perfilSearchInput::placeholder {
  color: var(--dif-text-faint) !important;
  opacity: 1;
}
#perfilnavegation #perfil.pf-netpa #perfilchange .perfilSearchInput:focus {
  border-color: var(--dif-focus-border) !important;
  box-shadow: var(--dif-focus-ring) !important;
}
#perfilnavegation #perfil.pf-netpa #perfilchange li.perfilGroup ul {
  padding-left: 0 !important;
}
#perfilnavegation #perfil.pf-netpa #perfilchange li.perfilGroup details > summary {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px !important;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  font-size: 11px;
  font-weight: 600;
  color: var(--dif-text-muted);
  list-style: none;
  outline: none;
}
#perfilnavegation #perfil.pf-netpa #perfilchange li.perfilGroup details > summary:hover {
  background: var(--dif-bg-fill);
}
#perfilnavegation #perfil.pf-netpa #perfilchange li.perfilGroup details > summary:focus-visible {
  box-shadow: inset 0 0 0 2px var(--dif-primary);
}
#perfilnavegation #perfil.pf-netpa #perfilchange .perfilgroupcount {
  float: none !important;
  margin-left: auto !important;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  box-sizing: border-box;
  border-radius: var(--dif-radius-pill);
  background: var(--dif-bg-fill);
  text-align: center;
  font-size: 10px;
  opacity: 1 !important;
}
#perfilnavegation #perfil.pf-netpa #perfilchange li.perfilGroup a {
  white-space: normal !important;
}
#perfilnavegation #perfil.pf-netpa #perfilchange li.isDisabled {
  padding: 6px 10px 6px 34px !important;
  font-size: 12px;
  color: var(--dif-text-faint);
}
#perfilnavegation #perfil.pf-netpa .footnote {
  padding: 4px 8px;
  font-size: 11px;
  color: var(--dif-text-muted);
}
#perfilnavegation #perfil.pf-netpa .footnote ul,
#perfilnavegation #perfil.pf-netpa .footnote li {
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 14px !important;
}
@media (max-width: 600px) {
  #perfilnavegation #perfil.dropdownbox {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: 56px !important;
    width: auto !important;
    max-height: calc(100vh - 72px);
  }
  #perfilnavegation #perfil ul li > a {
    min-height: 40px;
  }
  #perfilnavegation #perfil.pf-netpa #perfilchange .perfilSearchInput {
    height: 40px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #perfilnavegation a#perfilLink,
  #perfilnavegation a#perfilLink::after {
    transition: none;
  }
}
div#top .chosemode {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  vertical-align: middle;
}
div#top .chosemode .groupLinks,
div#top .chosemode > a {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  box-sizing: border-box;
  background: var(--dif-seg-track) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
div#top .chosemode .groupLinks[data-label]::before {
  content: attr(data-label);
  padding: 0 6px 0 6px;
  color: var(--dif-text-faint);
  font-variant: small-caps;
  letter-spacing: .02em;
  line-height: var(--dif-devseg-opt-h);
}
div#top .chosemode .groupLinks a,
div#top .chosemode > a {
  margin: 0 !important;
  height: var(--dif-devseg-opt-h);
  line-height: var(--dif-devseg-opt-h);
  box-sizing: border-box;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent none !important;
  box-shadow: none !important;
  color: var(--dif-top-seg-text) !important;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  transition: background-color var(--dif-ease-chrome), color var(--dif-ease-chrome), box-shadow var(--dif-ease-chrome);
}
div#top .chosemode > a,
div#top .chosemode > a:first-child {
  height: calc(var(--dif-devseg-opt-h) + 4px);
  line-height: calc(var(--dif-devseg-opt-h) + 4px);
  padding: 0 11px !important;
  background: var(--dif-seg-track) !important;
  border-radius: 7px !important;
}
div#top .chosemode a::before {
  display: none !important;
}
div#top .chosemode .groupLinks a:hover,
div#top .chosemode > a:hover {
  color: var(--dif-seg-text-on) !important;
  background: transparent !important;
}
div#top .chosemode > a:hover,
div#top .chosemode > a:first-child:hover {
  background: var(--dif-line) !important;
}
div#top .chosemode .groupLinks a.inlineOKBlack,
div#top .chosemode .groupLinks a[aria-pressed="true"],
div#top .chosemode .groupLinks a.inlineOKBlack:hover,
div#top .chosemode .groupLinks a[aria-pressed="true"]:hover {
  background: var(--dif-seg-pill) none !important;
  color: var(--dif-seg-text-on) !important;
  font-weight: 600;
  box-shadow: var(--dif-seg-shadow) !important;
}
div#top .chosemode > a.inlineOKBlack,
div#top .chosemode > a[aria-pressed="true"],
div#top .chosemode > a:first-child[aria-pressed="true"] {
  background: var(--dif-seg-pill) !important;
  color: var(--dif-seg-text-on) !important;
  font-weight: 600;
  box-shadow: inset 0 0 0 2px var(--dif-seg-track), var(--dif-seg-shadow) !important;
}
div#top .chosemode a[data-kind="action"] {
  padding-left: 24px !important;
}
div#top .chosemode a[data-kind="action"]::before {
  display: block !important;
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5.5px;
  border: 0 !important;
  border-radius: 0;
  background: currentColor !important;
  -webkit-mask: var(--dif-icon-refresh) center / contain no-repeat;
  mask: var(--dif-icon-refresh) center / contain no-repeat;
}
html div#top .chosemode .groupLinks a[href]:focus-visible,
html div#top .chosemode > a[href]:focus-visible {
  outline: none;
  color: var(--dif-seg-text-on) !important;
  box-shadow: var(--dif-seg-shadow), 0 0 0 2px var(--dif-primary) !important;
}
html div#top .chosemode a[href]:not([aria-pressed="true"]):not(.inlineOKBlack):focus-visible {
  box-shadow: 0 0 0 2px var(--dif-primary) !important;
}
@media (max-width: 767px) {
  #pageheader span#logo {
    max-width: 100%;
    box-sizing: border-box;
  }
}
.imageMenu[data-dif-hm-ready] {
  position: relative;
  overflow: visible !important;
}
.imageMenu[data-dif-hm-ready] > ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.imageMenu[data-dif-hm-ready] > ul > li {
  flex: none;
  position: relative;
}
.imageMenu[data-dif-hm-ready] > ul > li.hm-more {
  order: 9999;
}
.imageMenu[data-dif-hm-ready] .hm-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
  padding: 4px 6px;
  border-radius: var(--dif-radius-lg);
}
.imageMenu[data-dif-hm-ready] .hm-btn:focus {
  outline: none;
}
.imageMenu[data-dif-hm-ready] .hm-btn:focus-visible {
  box-shadow: inset 0 0 0 2px var(--dif-on-dark-primary);
}
.imageMenu[data-dif-hm-ready] .hm-btn .hm-lbl {
  display: block;
  font-size: 11px;
  line-height: 12px;
  white-space: nowrap;
}
.imageMenu[data-dif-hm-ready] .hm-ico {
  display: block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: var(--hm-ico) center / 22px 22px no-repeat;
  mask: var(--hm-ico) center / 22px 22px no-repeat;
}
.imageMenu[data-dif-hm-ready] .hm-ico-dots {
  --hm-ico: var(--dif-icon-hm-dots);
}
.imageMenu[data-dif-hm-ready] .hm-ico-apps {
  --hm-ico: var(--dif-icon-apps);
}
.imageMenu[data-dif-hm-ready] .hm-btn .hm-dot {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: var(--dif-radius-pill);
  background: #f59e0b;
  color: #1b1b1b;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  box-shadow: 0 0 0 2px var(--dif-hm-header-bg);
}
.imageMenu[data-dif-hm-ready] .hm-panel {
  position: absolute;
  top: 100%;
  right: 8px;
  z-index: 20000;
  text-align: left;
  min-width: 220px;
  max-height: calc(100vh - 140px);
  overflow: auto;
  padding: 6px;
  box-sizing: border-box;
  background: var(--dif-bg);
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius-lg);
  box-shadow: var(--dif-shadow-pop);
}
.imageMenu[data-dif-hm-ready] .hm-panel[hidden] {
  display: none;
}
.imageMenu[data-dif-hm-ready] .hm-panel .hm-panel-title {
  padding: 6px 8px 4px;
  font-size: 11px;
  font-variant: small-caps;
  letter-spacing: .03em;
  color: var(--dif-text-faint);
}
.imageMenu[data-dif-hm-ready] .hm-panel ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.imageMenu[data-dif-hm-ready] .hm-panel ul li {
  display: block;
  width: auto !important;
  margin: 0;
  padding: 0;
  background: none;
  opacity: 1;
  transform: none;
  border-radius: 0;
}
.imageMenu[data-dif-hm-ready] .hm-panel a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px 6px 8px;
  border-radius: 6px;
  color: var(--dif-text) !important;
  text-decoration: none !important;
  font-size: 12px;
  line-height: 16px;
  outline: none;
}
.imageMenu[data-dif-hm-ready] .hm-panel a img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain;
  filter: grayscale(1) brightness(0.35);
  flex: none;
}
.imageMenu[data-dif-hm-ready] .hm-panel a span.hm-name {
  flex: 1;
  white-space: nowrap;
  color: inherit !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  display: block;
  border-radius: 0;
}
.imageMenu[data-dif-hm-ready] .hm-panel a:hover {
  background: var(--dif-bg-fill);
}
.imageMenu[data-dif-hm-ready] .hm-panel a:focus-visible {
  background: var(--dif-primary-soft);
  box-shadow: inset 0 0 0 2px var(--dif-primary);
}
.imageMenu[data-dif-hm-ready] .hm-panel a[aria-current="page"] {
  background: var(--dif-primary-soft);
  color: var(--dif-primary-dark) !important;
  font-weight: 600;
}
.imageMenu[data-dif-hm-ready] .hm-panel a[aria-current="page"] img {
  filter: none;
}
.imageMenu[data-dif-hm-ready] .hm-panel .hm-count {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  box-sizing: border-box;
  border-radius: var(--dif-radius-pill);
  background: #f59e0b;
  color: #1b1b1b !important;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  width: auto !important;
}
.imageMenu[data-dif-hm-ready] > ul > li > a[aria-current="page"] {
  position: relative;
}
.imageMenu[data-dif-hm-ready] > ul > li > a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 3px;
  height: 2px;
  border-radius: 2px;
  background: var(--dif-on-dark-primary);
}