/* =========================================================
   Nerofix FR Layout CSS
   Professionally reordered / consolidated
   Source: nerofix-fr-layout-20260604b.css
   ========================================================= */


/* =========================================================
   GLOBAL BASE / TOKENS
   ========================================================= */


html {
  scrollbar-gutter: auto;
}

body {
  overflow-y: scroll;
}

:root {
  --nf-header-height: 50px;
  --nf-sidebar-width: 250px;
  --nf-sidebar-minified-width: 60px;
  --nf-footer-side-gap: 30px;
  --nf-boxed-desktop-inset: 10px;
  --nf-boxed-two-col-width: 1018px;
  --nf-boxed-three-col-width: 1200px;
  --nf-content-min-width: 600px;
  --nf-profile-start-desktop-min: 680px;
  --nf-shell-sidebar-overlay-duration: .2s;
  --nf-shell-transition-duration: .2s;
  --nf-shell-header-reaction-duration: 2.8s;
  --nf-shell-reduced-motion-duration: .01ms;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */


@keyframes sidebarSlideInLeft {
  from {
    left: calc(var(--nf-sidebar-width) * -1);
  }

  to {
    left: 0;
  }
}

@keyframes sidebarSlideInRight {
  from {
    right: calc(var(--nf-sidebar-width) * -1);
  }

  to {
    right: 0;
  }
}

/* =========================================================
   CORE PAGE LAYOUT
   ========================================================= */


.content {
  margin-left: var(--nf-sidebar-width);
  min-height: 80vh;
}

.nf-app-migration-notice {
  position: fixed;
  z-index: 2000;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: clamp(1.5rem, 6vw, 4rem);
  background: #121820;
  color: #f8fafc;
}

.nf-app-migration-notice__panel {
  width: min(100%, 42rem);
  padding: clamp(1.5rem, 5vw, 3rem);
  border: 1px solid rgba(250, 204, 21, .75);
  border-radius: 1rem;
  background: #1e293b;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .45);
  text-align: center;
}

.nf-app-migration-notice__icon {
  margin-bottom: 1rem;
  color: #facc15;
  font-size: 2rem;
}

.nf-app-migration-notice__title {
  margin: 0 0 1rem;
  color: inherit;
  font-size: clamp(1.3rem, 4vw, 2rem);
  font-weight: 600;
  line-height: 1.25;
}

.nf-app-migration-notice__text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.nf-app-migration-notice__address {
  margin-top: 1.5rem;
  padding: .9rem 1rem;
  border-radius: .5rem;
  background: rgba(15, 23, 42, .75);
  color: #facc15;
  font-size: clamp(.9rem, 3.5vw, 1.05rem);
  overflow-wrap: anywhere;
}

.nf-app-migration-notice__address code {
  color: inherit;
  font-family: inherit;
}

.footer {
  padding: 17px 0;
  margin: 0 var(--nf-footer-side-gap) 0 var(--nf-sidebar-width);
}

.page-without-sidebar .content {
  margin-left: 0;
}

.page-without-sidebar .footer {
  margin-left: var(--nf-footer-side-gap);
}

.page-content-full-height {
  height: 100%;
}

.page-header-fixed {
  padding-top: var(--nf-header-height);
}

.page-sidebar-minified .content {
  margin-left: var(--nf-sidebar-minified-width);
}

.page-sidebar-minified .footer {
  margin-left: 90px;
}

.page-with-two-sidebar.page-right-sidebar-collapsed .content,
.page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .content {
  margin-right: 0;
}

.page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .footer {
  margin-right: var(--nf-footer-side-gap);
}

#content {
  flex: 0 0 650px;
}

.page-header-fixed .page-container-inner {
    min-height: calc(100vh - var(--nf-header-height));
    display: flex;
    flex-direction: column;
  }

.page-header-fixed #content,
  .page-header-fixed .content {
    flex: 1 0 auto;
  }

.page-header-fixed .footer {
    flex-shrink: 0;
  }

.page-header-fixed .page-container-inner {
  min-height: calc(100vh - var(--nf-header-height));
  min-height: calc(100dvh - var(--nf-header-height));
  display: flex;
  flex-direction: column;
}

.page-header-fixed #content,
.page-header-fixed .content {
  flex: 1 1 auto;
  min-height: 0 !important;
}

.page-header-fixed .footer {
  flex: 0 0 auto;
  margin-top: auto !important;
}

.footer {
  padding: 10px 0;
}

.footer-inner {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.footer-main,
.footer-languages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.footer .btn {
  white-space: nowrap;
}

.content,
.footer,
.page-sidebar-minified .content,
.page-sidebar-minified .footer,
.page-without-sidebar .content,
.page-without-sidebar .footer,
.page-with-one-sidebar .content,
.page-with-one-sidebar .footer,
.page-with-two-sidebar .content,
.page-with-two-sidebar .footer,
.page-with-wide-sidebar .content,
.page-with-wide-sidebar .footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-width: 0 !important;
}

#content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100%;
}

/* The right sidebar normally provides the standard .with-shadow edge. */
.page-with-one-sidebar #content {
  box-shadow: 0 0 2px 0 rgba(10, 54, 90, .2);
}

.page-header-fixed {
  padding-top: var(--nf-header-height) !important;
}


/* =========================================================
   HEADER / NAVIGATION
   ========================================================= */


.header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 82;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  flex: 1;
  transition: box-shadow var(--nf-shell-transition-duration) linear;
}

.header::before,
.header::after,
.header .nf-navbar-header::before,
.header .nf-navbar-header::after {
  display: table;
  clear: both;
}

.header .nf-navbar-header {
  display: flex;
  align-items: center;
}

.header .navbar-brand {
  display: flex;
  flex: 1;
  align-items: center;
  height: var(--nf-header-height);
  padding: 10px 13px;
  margin-right: 0;
}

.header .navbar-brand img {
  max-width: 100%;
  max-height: 100%;
}

.header .navbar-brand .navbar-logo {
  position: relative;
  margin-bottom: -1px;
  padding: 0 8px;
}

.header .navbar-brand small {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  bottom: 0;
}

.header .navbar-brand span#logo_username {
  padding: 0 3px 1px;
}

.header .navbar-brand a.icon {
  position: relative;
  margin: 0 10px;
}

.header .nf-navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
}

.header .nf-navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.header .navbar-nav > li {
  position: relative;
}

.header .navbar-nav > li > a {
  display: block;
  padding: 17px 15px;
}

.header .navbar-nav > li > a i {
  position: relative;
  top: 1px;
}

.header .navbar-nav > li > a.icon i {
  display: block;
  height: 18px;
  margin: -2px 0;
}

.header .navbar-nav > li.divider {
  width: 1px;
  height: 34px;
  margin-top: 10px;
}

.nf-avatar-btn {
  width: 30px;
  height: 30px;
  padding: 0;
  position: relative;
}

.nf-avatar-indicator {
  width: 14px;
  height: 14px;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translate(12%, 12%);
}

.nf-avatar-indicator i {
  font-size: 8px;
  line-height: 1;
}

.header .navbar-user .image {
  overflow: hidden;
}

.header .navbar-user .image.image-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .navbar-user .image.image-icon i {
  float: none;
  display: block;
  width: auto;
  margin: 0 auto -8px;
}

.header .navbar-language .flag-icon {
  margin-right: 7px;
}

.page-header-fixed .header {
  position: fixed;
}

.boxed-layout .page-header-fixed .header {
  width: 100%;
  max-width: var(--nf-boxed-three-col-width);
  margin-left: auto;
  margin-right: auto;
}

.boxed-layout .page-container.page-with-one-sidebar,
.boxed-layout .page-container.page-with-one-sidebar .header {
  max-width: var(--nf-boxed-two-col-width);
}

.page-with-one-sidebar .sidebar-right,
.page-with-one-sidebar .sidebar-right-toggle {
  display: none;
}

.header {
  width: 100%;
  max-width: 100%;
}

.header .navbar-brand {
  min-width: 0;
}

.header .navbar-nav > li > a {
  padding: 12px 10px;
}

body.boxed-layout .page-container,
body.boxed-layout .page-header-fixed .header {
  max-width: 100% !important;
  width: 100% !important;
}

#header.header {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}

#header .header-mobile-top,
#header .header-mobile-network {
  width: 100%;
}

#header .header-mobile-network #header-navbar {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#header .navbar-right-toggle-desktop-item {
  align-items: center;
  margin-left: 0;
}

#header .navbar-right-toggle-desktop-item .sidebar-right-toggle-desktop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px 0 4px;
  white-space: nowrap;
}

#header .navbar-right-toggle-desktop-item .sidebar-right-toggle-desktop i + i {
  margin-left: 2px;
}

#header.header {
  display: block;
  width: 100%;
  max-width: 100%;
}

#header .header-main {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

#header .header-left {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}

#header .nf-navbar-header {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

#header .navbar-brand {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}

#header .header-network {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
}

#header .header-network #header-navbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

#header .header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-left: 12px;
  white-space: nowrap;
}

#header .header-actions .navbar-user,
#header .header-actions .sidebar-right-toggle-header {
  flex: 0 0 auto;
}

#header .header-main {
  min-height: var(--nf-header-height);
}

#header .header-left,
#header .nf-navbar-header {
  min-width: 0;
}

#header .header-actions {
  min-height: var(--nf-header-height);
}

#header .header-actions .nf-avatar-btn,
#header .header-actions .sidebar-right-toggle-header {
  flex: 0 0 auto;
}

#header .nf-navbar-toggle:focus-visible,
#header .sidebar-right-toggle-header:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

#header .dropdown-toggle::after {
  display: none;
}

#header .dropdown-menu.dropdown-menu-end {
  right: 0;
  left: auto;
}

#header .dropdown-item .badge,
#header .dropdown-item .nf-header-menu-badge {
  position: static !important;
  inset: auto !important;
  transform: none !important;

  width: auto !important;
  min-width: 1.25rem;
  height: auto !important;
  min-height: 1.25rem;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: .25em .55em;
  line-height: 1;
  vertical-align: middle;
}

#header .nf-header-brand-actions .dropdown-menu {
  left: 0;
  right: auto;
}




#header .nf-header-icon-badge {
  position: absolute;
  top: 0;
  left: 100%;
  right: auto;

  transform: translate(-50%, -50%);

  min-width: 18px;
  height: 18px;
  padding: .3rem;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: .85rem;
  font-weight: 600;
  line-height: 1;
}

#header .badge:not(.nf-header-icon-badge):not(.nf-header-menu-badge) {
  position: static;
  inset: auto;
  transform: none;
  height: auto;
}

#header .nf-header-brand {
  flex: 0 1 auto;
  min-width: 0;
  height: var(--nf-header-height);
  min-height: var(--nf-header-height);

  display: inline-flex;
  align-items: center;

  box-sizing: border-box;
  padding: .22rem .65rem;
  margin: 0;
}

#header .nf-header-logo {
  position: relative;

  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  min-width: 0;
  max-width: 160px;
  min-height: calc(var(--nf-header-height) - .44rem);
  height: auto;

  padding: 0 .35rem;
  margin: 0;

  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  overflow: visible;
}

#header .nf-header-logo-main {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 0;
  max-width: 100%;

  line-height: 1.05;
}

#header .nf-header-logo-text {
  display: inline-block;
  line-height: 1;
}

.nf-logo-emoji {
  display: inline-block;
  margin-inline: -0.12em;
  transform: translateY(0.02em);
}

#header .nf-header-logo-flag {
  position: absolute;
  top: -.45rem;
  right: -.55rem;
  z-index: 2;

  width: auto;
  height: 12px;
  max-height: 12px;
}

#header .nf-header-logo-user {
  position: static !important;
  inset: auto !important;

  display: block;
  max-width: 100%;


  font-size: .74rem;
  line-height: 1.15;

  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#header #logo_username {
  display: inline-block;
  line-height: 1.15;
  padding: 0 !important;
}

#header .nf-header-brand-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;

  flex: 0 0 auto;
  height: var(--nf-header-height);
  min-height: var(--nf-header-height);

  gap: .15rem;
  margin-left: .15rem;
}

#header .header-left {
  flex: 0 0 auto;
}

#header .nf-navbar-header {
  width: auto;
}

#header .header-network {
  flex: 1 1 auto;
}

#header .nf-header-action-dropdown {
  position: relative;

  display: inline-flex;
  align-items: center;

  height: var(--nf-header-height);
}

#header .nf-header-action-btn {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 36px;
  min-width: 36px;
  height: var(--nf-header-height);

  margin: 0;
  padding: 0;

  line-height: 1;
  text-decoration: none;
}

#header .nf-header-action-btn > i,
#header .nf-header-action-btn .position-relative > i {
  position: static !important;
  top: auto !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  line-height: 1;
}

#header .header-network #header-navbar > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;

  min-height: var(--nf-header-height);
  padding-top: 0;
  padding-bottom: 0;

  line-height: 1;
  white-space: nowrap;
}

#header .header-network #header-navbar > li > a > i {
  position: static;
  top: auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  line-height: 1;
}


/* =========================================================
   SIDEBARS / USERMENU / INFOCARD
   ========================================================= */


.page-sidebar-fixed .sidebar {
  position: fixed;
}

.sidebar {
  top: 0;
  bottom: 0;
  z-index: 80;
  padding-top: var(--nf-header-height);
  transform: translateZ(0);
}

.sidebar .nav {
  display: block;
}

.sidebar .nav > li {
  position: relative;
}

.sidebar .nav > li > a {
  display: block;
  padding: .4rem;
}

.sidebar .nav > li > a i {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin: -3px 5px -3px 0;
}

.sidebar .nav > li > a .icon-img {
  float: left;
  display: flex;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-top: -3px;
  margin-right: 10px;
  margin-bottom: -3px;
  overflow: hidden;
}

.sidebar .nav > li > a .icon-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.sidebar .nav > li > a > span {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.sidebar .nav > li > a > strong {
  display: none;
}

.sidebar .nav > li.active > a {
  position: relative;
  z-index: 10;
}

.sidebar .nav > li.nav-header {
  margin: 0;
  padding: 15px 20px 3px;
}

.sidebar .nav > li.nav-header a {
  display: inline;
  padding: 0;
  margin: 0;
}

.sidebar .nav > li.nav-header a i {
  float: none;
  margin: 0;
}

.sidebar li > a .caret {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
}

.sidebar li > a .caret::before {
  display: block;
  transition: all var(--nf-shell-transition-duration) linear;
}

.sidebar li.active > a .caret::before,
.sidebar li.expand > a .caret::before,
.sidebar li.expanding > a .caret::before {
  transform: rotate(90deg);
}

.sidebar li.closed > a .caret::before,
.sidebar li.closing > a .caret::before {
  transform: rotate(0);
}

.sidebar .nav .has-sub.active > .sub-menu {
  display: block;
}

.sidebar .sub-menu {
  position: relative;
  display: none;
  margin: 0;
  padding: 5px 0 10px 0;
}

.sidebar .sub-menu > li {
  position: relative;
}

.sidebar .sub-menu > li > a {
  position: relative;
  display: block;
  padding: 3px 20px 3px 15px;
}

.sidebar .sub-menu > li > a .caret {
  left: -5px;
  margin-top: -1px;
}

.sidebar .sub-menu .sub-menu {
  padding: 0 0 0 15px;
}

.sidebar .nav.nav-profile,
.sidebar .nav.nav-profile-right {
  display: none;
}

.sidebar .nav.nav-profile.active,
.sidebar .nav.nav-profile-right.active {
  display: block;
}

.sidebar.sidebar-grid .nav > li + li {
  margin-top: -1px;
}

.sidebar .nav > li.nav-profile,
.sidebar .nav > li.nav-profile-right {
  overflow: hidden;
  max-width: var(--nf-sidebar-width);
}

.sidebar .nav > li.nav-profile a,
.sidebar .nav > li.nav-profile-right a {
  padding: 0;
}

.sidebar .nav > li.nav-profile > a,
.sidebar .nav > li.nav-profile-right > a {
  display: block;
  padding: .7rem;
}

.sidebar .nav > li.nav-profile .image,
.sidebar .nav > li.nav-profile-right .image {
  position: relative;
  display: flex;
  align-items: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  overflow: hidden;
}

.sidebar .nav > li.nav-profile-right .image.ownervisitcard {
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
}

.sidebar .nav > li.nav-profile .image img,
.sidebar .nav > li.nav-profile-right .image img {
  max-width: 100%;
  max-height: 100%;
}

.sidebar .nav > li.nav-profile .image.image-icon i,
.sidebar .nav > li.nav-profile-right .image.image-icon i {
  float: none;
  display: block;
  width: auto;
  margin: 0 auto -12px;
}

.sidebar .nav > li.nav-profile .info,
.sidebar .nav > li.nav-profile-right .info {
  position: relative;
  display: flex;
  flex-direction: column;
}

.sidebar .nav > li.nav-profile .info .infocard-top {
  display: flex;
  align-items: center;
}

.sidebar .nav > li.nav-profile .info .infocard-name,
.sidebar .nav > li.nav-profile-right .info .infocard-name {
  max-width: 170px;
  flex-grow: 1;
  overflow: hidden;
}

.sidebar .nav > li.nav-profile .info .profilephoto_holder {
  max-width: 50px;
  height: auto;
}

.sidebar .nav > li.nav-profile .info .infocard-solidarystatus {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.sidebar .nav > li.nav-profile .info .caret,
.sidebar .nav > li.nav-profile-right .info .caret {
  margin-top: 2px;
}

.sidebar .nav > li.nav-profile .info small,
.sidebar .nav > li.nav-profile-right .info small {
  display: inline-block;
}

.sidebar .nav > li.nav-profile .cover,
.sidebar .nav > li.nav-profile-right .cover {
  position: absolute;
  inset: 0;
}

.sidebar .nav > li.nav-profile .cover.with-shadow::before,
.sidebar .nav > li.nav-profile-right .cover.with-shadow::before {
  position: absolute;
  inset: 0;
  transition: all var(--nf-shell-transition-duration) linear;
}

.sidebar .sidebar-minify-btn {
  margin-top: 10px;
  padding: 2px 5px;
}

.sidebar .sidebar-minify-btn i {
  margin: 2px 3px;
}

.sidebar .sidebar-minify-btn span {
  position: relative;
  bottom: 2px;
  display: inline-block;
}

.page-sidebar-minified .sidebar {
  position: absolute;
  width: var(--nf-sidebar-minified-width);
}

.page-sidebar-minified .sidebar-bg {
  width: var(--nf-sidebar-minified-width);
}

.page-sidebar-minified .sidebar .nav > li > a span,
.page-sidebar-minified .sidebar .nav-profile,
.page-sidebar-minified .sidebar .nav-header,
.page-sidebar-minified .sidebar .nav-search {
  display: none;
}

.page-sidebar-minified .sidebar .nav > li > a strong:not(.displaynone) {
  position: absolute;
  top: 0;
  right: 0;
  display: inline;
}

.page-sidebar-minified .sidebar .nav > li > a .icon-img,
.page-sidebar-minified .sidebar .nav > li > a i {
  float: none;
  display: block;
  margin: -5px auto;
}

.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu,
.page-sidebar-minified .sidebar .nav-profile.expand {
  display: none !important;
}

.page-sidebar-minified .sidebar .caret {
  position: absolute;
  top: 9px;
  right: 0;
}

.page-sidebar-minified .sidebar .caret::before {
  -ms-transform: rotate(0) !important;
  transform: rotate(0) !important;
}

.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv,
.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div {
  overflow: hidden !important;
}

.page-sidebar-minified .sidebar.sidebar-right .slimScrollBar {
  display: block;
}

.page-sidebar-minified .sidebar-minify-btn {
  display: flex;
  align-items: center;
  float: none;
  width: 30px;
  height: 30px;
  margin: 10px auto !important;
  padding: 5px !important;
}

.page-sidebar-minified .sidebar-minify-btn i {
  float: none !important;
  margin: 0 auto !important;
}

.page-sidebar-minified .sidebar-minify-btn span {
  display: none !important;
}

.page-sidebar-minified.page-sidebar-fixed .sidebar {
  position: fixed;
}

.page-with-wide-sidebar .sidebar,
.page-with-wide-sidebar .sidebar-bg,
.page-with-two-sidebar.page-sidebar-minified .sidebar-right.sidebar,
.page-with-two-sidebar.page-sidebar-minified .sidebar-right.sidebar-bg,
.page-with-two-sidebar.page-sidebar-minified.page-with-wide-sidebar .sidebar-right.sidebar,
.page-with-two-sidebar.page-sidebar-minified.page-with-wide-sidebar .sidebar-right.sidebar-bg,
.page-with-wide-sidebar.page-sidebar-minified .sidebar-right.sidebar,
.page-with-wide-sidebar.page-sidebar-minified .sidebar-right.sidebar-bg {
  width: var(--nf-sidebar-width);
}

.page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar,
.page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar-bg,
.page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .sidebar-right.sidebar,
.page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .sidebar-right.sidebar-bg {
  right: calc(var(--nf-sidebar-width) * -1);
}

.page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right {
  position: fixed;
}

#sidebar-infocard,
#sidebar-infocard > li,
#sidebar-infocard #nav-profile {
  width: 100%;
  min-width: 0;
  max-width: var(--nf-sidebar-width);
  flex: 0 0 auto;
}

#sidebar-infocard {
  display: block;
  overflow: hidden;
}

#nav-profile {
  position: relative;
  min-height: 50px;
  overflow: hidden;
  isolation: isolate;
  contain: layout paint;
  transform: none !important;
}

#nav-profile-infocard {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  transform: none !important;
  transition: none !important;
  will-change: auto !important;
  backface-visibility: hidden;
  contain: paint;
}

#nav-profile-infocard::before,
#nav-profile-infocard.with-shadow::before {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

#nav-profile .info {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
}

#nav-profile .infocard-link {
  display: block;
  width: 100%;
  min-width: 0;
  color: inherit;
}

#nav-profile .infocard-top {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  column-gap: .5rem;
  align-items: center;
  width: 100%;
  min-width: 0;
}

#nav-profile .image {
  grid-column: 1;
  flex: none !important;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  overflow: hidden;
}

#nav-profile .image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
}

#nav-profile .infocard-name {
  grid-column: 2;
  flex: none !important;
  min-width: 0;
  max-width: none !important;
  margin-left: 0 !important;
  padding-right: 1.35rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#nav-profile .infocard-edit-icon {
  grid-column: 3;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;

  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: .875rem !important;
  text-align: center;
  justify-self: end;

  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

#nav-profile .infocard-incognito-top {
  --nf-infocard-incognito-offset: 2.1rem;
  position: absolute;
  top: 1rem;
  right: var(--nf-infocard-incognito-offset);
  z-index: 32;
  line-height: 1;
}

#nav-profile .infocard-incognito-top > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

#nav-profile .infocard-solidarystatus {
  width: 100%;
  min-width: 0;
}

#nav-profile .infocard-solidarystatus small {
  min-width: 0;
}

#nav-profile .infocard-status-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-sidebar-minified #sidebar-infocard,
.page-sidebar-minified #sidebar-infocard > li,
.page-sidebar-minified #sidebar-infocard #nav-profile {
  width: var(--nf-sidebar-minified-width) !important;
  min-width: var(--nf-sidebar-minified-width) !important;
  max-width: var(--nf-sidebar-minified-width) !important;
  flex: 0 0 var(--nf-sidebar-minified-width) !important;
}

.page-sidebar-minified #nav-profile-infocard {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.page-sidebar-minified #nav-profile .infocard-name,
.page-sidebar-minified #nav-profile .infocard-solidarystatus,
.page-sidebar-minified #nav-profile .infocard-incognito-top,
.page-sidebar-minified #nav-profile .infocard-edit-icon {
  display: none !important;
}

.page-sidebar-minified #nav-profile .infocard-top {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  column-gap: 0;
}

.page-sidebar-minified #nav-profile .image {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
}

#nav-profile .infocard-minified {
  display: none;
}

.page-sidebar-minified #nav-profile {
  min-height: 60px;
}

.page-sidebar-minified #nav-profile .info,
.page-sidebar-minified #nav-profile-infocard {
  display: none !important;
}

.page-sidebar-minified #nav-profile .infocard-minified {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: var(--nf-sidebar-minified-width);
  height: 60px;

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  overflow: hidden;
}

.page-sidebar-minified #nav-profile .infocard-minified::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .28);
  pointer-events: none;
}

.page-sidebar-minified #nav-profile .infocard-minified-avatar {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;
  padding: 0;

  border-radius: .35rem;
  overflow: hidden;
}

.page-sidebar-minified #nav-profile .infocard-minified-avatar img {
  display: block;
  width: 38px;
  height: 38px;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
}

.page-sidebar-minified .sidebar #sidebar-infocard,
.page-sidebar-minified .sidebar #nav-profile {
  display: block !important;
}

.page-sidebar-minified .sidebar #sidebar-infocard .sidebar-infocard-menu,
.page-sidebar-minified .sidebar #sidebar-infocard ul.nav-profile {
  display: none !important;
}

.page-sidebar-minified .sidebar #nav-profile .infocard-minified {
  display: flex !important;
}

.page-sidebar-minified .sidebar #nav-profile > .info,
.page-sidebar-minified .sidebar #nav-profile > #nav-profile-infocard {
  display: none !important;
}

#nfSidebarUser [data-overlayscrollbars="host"] {
  height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
}

#nfSidebarUser [data-overlayscrollbars-viewport] {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable;
}

#nfSidebarUser .os-scrollbar.os-scrollbar-vertical {
  right: 0 !important;
}

#nfSidebarUser [data-scrollbar="true"][data-overlayscrollbars-initialize]:not([data-overlayscrollbars]) {
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-main {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  padding-right: 62px !important;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  width: 58px;
  min-width: 58px;
  max-width: 58px;

  display: flex !important;
  align-items: center;
  justify-content: flex-end;

  margin: 0;
  padding: 0 8px 0 4px;

  background: transparent !important;
  border: 0 !important;
  text-decoration: none;
  z-index: 11;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit:hover,
.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit:focus {
  background-color: var(--color-bg-soft) !important;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit > span.nf-usermenu-news-badge {
  flex: 0 1 auto !important;

  width: auto !important;
  min-width: 18px;
  max-width: 46px !important;

  height: 22px;
  padding: 0 .38rem;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  font-weight: 700;
  line-height: 1;

}

.sidebar .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit .nf-usermenu-news-badge {
  color: var(--color-primary) !important;
  background-color: var(--color-on-primary) !important;
  border-color: var(--color-on-primary) !important;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit.d-none + a,
.sidebar .nav.nav-usermenu > li:not(:has(> a.nf-usermenu-news-hit:not(.d-none))) > a.nf-usermenu-main {
  padding-right: .4rem !important;
}

.page-sidebar-minified .sidebar .nav.nav-usermenu > li > a.nf-usermenu-main > strong[id$="-minified"]:not(.d-none) {
  position: absolute;
  top: 6px;
  right: 8px;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;

  line-height: 1;
  z-index: 12;
}

.page-sidebar-minified .sidebar .nav.nav-usermenu > li > a.nf-usermenu-main > strong[id$="-minified"] > i {
  display: block !important;
  width: auto;
  height: auto;
  margin: 0 !important;

  font-size: 8px;
  line-height: 1;
}

.sidebar:not(.sidebar-right),
.sidebar-bg:not(.sidebar-right) {
  position: fixed;
  top: var(--nf-header-height);
  bottom: 0;
  left: calc(var(--nf-sidebar-width) * -1);
  width: var(--nf-sidebar-width);
  padding-top: 0;
}

.sidebar.sidebar-right,
.sidebar-bg.sidebar-right,
.sidebar-right.sidebar,
.sidebar-right.sidebar-bg {
  position: fixed;
  bottom: 0;
  left: auto !important;
  right: calc(var(--nf-sidebar-width) * -1);
  width: var(--nf-sidebar-width);
}

.page-sidebar-toggled .sidebar:not(.sidebar-right),
.page-sidebar-toggled .sidebar-bg:not(.sidebar-right) {
  left: 0 !important;
}

.page-right-sidebar-toggled .sidebar.sidebar-right,
.page-right-sidebar-toggled .sidebar-bg.sidebar-right,
.page-right-sidebar-toggled .sidebar-right.sidebar,
.page-right-sidebar-toggled .sidebar-right.sidebar-bg {
  right: 0 !important;
}

body.boxed-layout .page-sidebar-fixed.page-sidebar-minified .sidebar:not(.sidebar-right),
  body.boxed-layout .page-sidebar-fixed.page-sidebar-minified .sidebar-bg:not(.sidebar-right),
  body.boxed-layout .page-sidebar-fixed.page-sidebar-minified #nfSidebarUser {
    width: var(--nf-sidebar-minified-width) !important;
  }

#sidebar-infocard,
#sidebar-infocard > li,
#sidebar-infocard #nav-profile {
  overflow: visible !important;
}

#nav-profile {
  position: relative;
  overflow: visible !important;
  contain: layout !important;
  isolation: auto !important;
  z-index: 30;
}

#nav-profile-infocard {
  overflow: hidden;
  contain: paint;
}

#nav-profile .info,
#nav-profile .infocard-solidarystatus,
#infocard-membership-hidden,
#infocard-incognito {
  position: relative;
  z-index: 31;
}

#sidebar-infocard #nav-profile.infocard-dropdown-open {
  z-index: 4000 !important;
}

#sidebar-infocard #nav-profile.infocard-dropdown-open .info,
#sidebar-infocard #nav-profile.infocard-dropdown-open #infocard-membership-hidden,
#sidebar-infocard #nav-profile.infocard-dropdown-open #infocard-incognito,
#sidebar-infocard #nav-profile.infocard-dropdown-open .dropdown-menu {
  z-index: 4001 !important;
}

#sidebar-infocard .sidebar-infocard-menu,
#sidebar-infocard .sidebar-infocard-menu li,
#sidebar-infocard .sidebar-infocard-menu a {
  position: relative;
  z-index: 1;
}

.sidebar .nav.nav-usermenu > li {
  position: relative;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-main {
  display: flex;
  align-items: center;
  min-width: 0;
  padding-right: 3.1rem;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-badge {
  position: absolute;
  top: 50%;
  right: .55rem;
  transform: translateY(-50%);

  min-width: 1.45rem;
  height: 1.25rem;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  line-height: 1;
  text-decoration: none;
  z-index: 12;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-badge:hover,
.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-badge:focus {
  filter: brightness(1.08);
  text-decoration: none;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-badge.d-none {
  display: none !important;
}

.page-sidebar-minified .sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-badge {
  display: none !important;
}

.page-sidebar-minified .sidebar .nav.nav-usermenu > li > a.nf-usermenu-main {
  padding-right: .4rem;
}

.sidebar .nav.nav-usermenu > li {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-main {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  padding-right: 70px !important;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-main > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  width: 56px;
  min-width: 56px;
  max-width: 56px;

  display: flex !important;
  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 0 6px;

  text-decoration: none;
  border: 0;
  z-index: 12;

  background-color: rgba(var(--bs-primary-rgb), .08) !important;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit:hover,
.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit:focus {
  background-color: rgba(var(--bs-primary-rgb), .16) !important;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit > span.nf-usermenu-news-badge {
  position: static !important;
  transform: none !important;

  width: auto !important;
  min-width: 28px;
  max-width: 50px !important;

  height: 24px;
  padding: 0 .45rem;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  font-weight: 700;
  line-height: 1;
}

.sidebar .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit {
  background-color: rgba(var(--bs-primary-rgb), .22) !important;
  box-shadow: inset 1px 0 0 rgba(var(--bs-primary-rgb), .35);
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit.d-none {
  display: none !important;
}

.sidebar .nav.nav-usermenu > li:not(:has(> a.nf-usermenu-news-hit:not(.d-none))) > a.nf-usermenu-main {
  padding-right: .4rem !important;
}

.page-sidebar-minified .sidebar .nav.nav-usermenu > li {
  display: block;
  position: relative;
}

.page-sidebar-minified .sidebar .nav.nav-usermenu > li > a.nf-usermenu-main {
  width: 100%;
  padding-right: .4rem !important;
}

.page-sidebar-minified .sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit,
.page-sidebar-minified .sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit:not(.d-none),
.page-sidebar-minified .sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit > span.nf-usermenu-news-badge {
  display: none !important;
}

.sidebar .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit {
  background-color: rgba(255, 255, 255, .14) !important;
}

.sidebar .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit:hover,
.sidebar .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit:focus {
  background-color: rgba(255, 255, 255, .22) !important;
}

.sidebar .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit > span.nf-usermenu-news-badge {
  background-color: #fff !important;
  color: var(--bs-primary) !important;
  border-color: #fff !important;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit > span.nf-usermenu-news-badge {
  position: relative !important;
  overflow: visible !important;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit > span.nf-usermenu-news-badge::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);

  width: 0;
  height: 0;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid var(--bs-primary);

  pointer-events: none;
}

.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit[aria-expanded="true"] > span.nf-usermenu-news-badge::before,
.sidebar .nav.nav-usermenu > li > a.nf-usermenu-news-hit.is-open > span.nf-usermenu-news-badge::before {
  top: auto;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%);

  border-top: 5px solid var(--bs-primary);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 0;
}

.sidebar .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit > span.nf-usermenu-news-badge::before {
  border-right-color: #fff;
}

.sidebar .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit[aria-expanded="true"] > span.nf-usermenu-news-badge::before,
.sidebar .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit.is-open > span.nf-usermenu-news-badge::before {
  border-top-color: #fff;
  border-right-color: transparent;
}

.sidebar .nav.nav-usermenu > li.nf-usermenu-news-preview {
  display: block;
  padding: 0 0 .25rem 0;
  background: rgba(var(--bs-primary-rgb), .06);
  border-bottom: 1px solid var(--bs-border-color);
}

.sidebar .nf-usermenu-news-preview-item {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: .45rem;
  align-items: center;
  padding: .35rem .25rem;
  text-decoration: none;
}

.sidebar .nf-usermenu-news-preview-item:hover,
.sidebar .nf-usermenu-news-preview-item:focus {
  background: rgba(var(--bs-primary-rgb), .10);
}

.sidebar .nf-usermenu-news-preview-thumb {
  width: 32px;
  height: 32px;
  border-radius: .45rem;
  overflow: hidden;
  background: var(--bs-tertiary-bg);
}

.sidebar .nf-usermenu-news-preview-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  line-height: 1.36rem;
}

.sidebar .nf-usermenu-news-preview-body {
  min-width: 0;
  line-height: 1rem;
}

.sidebar .nf-usermenu-news-preview-title,
.sidebar .nf-usermenu-news-preview-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar .nf-usermenu-news-preview-title {
  font-weight: 700;
  font-size: .82rem;
}

.sidebar .nf-usermenu-news-preview-text {
  font-size: .75rem;
  opacity: .75;
}

.sidebar .nf-usermenu-news-preview-empty {
  padding: .45rem .65rem;
  font-size: .78rem;
  color: var(--bs-secondary-color);
}

.sidebar .nf-usermenu-news-preview-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: .25rem .25rem 0;
}

.sidebar .nf-usermenu-news-preview-footer .nf-usermenu-news-preview-all {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .35rem;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
  padding: .28rem .55rem !important;

  border-radius: 999px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.sidebar .nf-usermenu-news-preview-footer .nf-usermenu-news-preview-all > i {
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 1 !important;
  font-size: .72rem !important;
}

.sidebar .nf-usermenu-news-preview-item > .nf-usermenu-news-preview-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  min-width: 0 !important;
  max-width: 100% !important;

  line-height: 1.05rem;
}

.sidebar .nf-usermenu-news-preview-body > span {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar .nf-usermenu-news-preview-section {
  padding: .15rem 0 .25rem;
}

.sidebar .nf-usermenu-news-preview-section + .nf-usermenu-news-preview-section {
  margin-top: .2rem;
  padding-top: .35rem;
  border-top: 1px solid rgba(var(--bs-primary-rgb), .16);
}

.sidebar .nf-usermenu-news-preview-section-title {
  padding: .25rem .25rem .15rem;
  font-size: .68rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .035em;
  color: var(--bs-secondary-color);
}

.sidebar.sidebar-grid .nav > li.nf-usermenu-news-preview .nf-usermenu-news-preview-item {
  border-bottom: 1px solid var(--bs-border-color);
  color: var(--bs-body-color);
}

.sidebar.sidebar-grid .nav > li.nf-usermenu-news-preview .nf-usermenu-news-preview-all {
  border-bottom: 1px solid var(--bs-primary) !important;
}

.sidebar.sidebar-grid .nav > li.nf-usermenu-news-preview .nf-usermenu-news-preview-all.btn-outline-primary {
  border: 1px solid var(--bs-primary) !important;
}

.sidebar .nf-usermenu-news-preview-row {
  display: block;
  border-bottom: 1px solid var(--bs-border-color);
}

.sidebar .nf-usermenu-news-preview-row .nf-usermenu-news-preview-item {
  border-bottom: 0 !important;
}

.sidebar .nf-usermenu-news-preview-line {
  display: inline-flex !important;
  align-items: center;
  gap: .35rem;
  width: 100%;
  min-width: 0;
}

.sidebar .nf-usermenu-news-preview-actions {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: .2rem;
  flex: 0 0 auto;
}

.sidebar .nf-usermenu-news-preview-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 1.45rem;
  height: 1.45rem;
  min-width: 1.45rem;

  padding: 0 !important;
  border-radius: 999px;
  line-height: 1;
}

.sidebar .nf-usermenu-news-preview-action > i {
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: .72rem;
  line-height: 1;
}

.sidebar .nf-usermenu-news-preview-loading {
  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 3rem;
  padding: .65rem;

  border-bottom: 1px solid var(--bs-border-color);
}

.sidebar .nf-usermenu-news-preview-loading > i {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 1.05rem;
  line-height: 1;
}

.sidebar .nf-usermenu-news-preview-body {
  min-width: 0 !important;
}

.sidebar .nf-usermenu-news-preview-body > .nf-usermenu-news-preview-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: .4rem;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  overflow: visible !important;
  white-space: normal !important;
}

.sidebar .nf-usermenu-news-preview-line > .nf-usermenu-news-preview-text {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.sidebar .nf-usermenu-news-preview-line > .nf-usermenu-news-preview-count {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  justify-self: end;
  flex: 0 0 auto;

  min-width: 1.35rem;
  height: 1.25rem;

  padding: 0 .38rem !important;

  font-size: .68rem;
  font-weight: 800;
  line-height: 1;
}


/* =========================================================
   BOXED LAYOUT BASE
   ========================================================= */


.boxed-layout {
  height: 100%;
}

.boxed-layout .page-container {
  position: relative;
  width: 100%;
  max-width: var(--nf-boxed-three-col-width);
  margin: 0 auto;
  overflow: visible;
}

.boxed-layout .top-menu {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: var(--nf-boxed-three-col-width);
  margin-left: calc(var(--nf-boxed-three-col-width) / -2);
}

body.boxed-layout .page-container-inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.boxed-layout .page-sidebar-minified #content {
  margin-left: var(--nf-sidebar-minified-width);
}


/* =========================================================
   PROFILE START SWITCH
   ========================================================= */


.nf-profile-start-desktop {
  display: none;
}

.nf-profile-start-mobile {
  display: block;
}

body.nf-profile-start-desktop-mode .nf-profile-start-mobile {
  display: none;
}

body.nf-profile-start-desktop-mode .nf-profile-start-desktop {
  display: block;
}


/* =========================================================
   MEDIA / PHOTO GRIDS
   ========================================================= */


.media-picker-multiselect-bar {
  position: sticky;
  top: 0;
  z-index: 5;
  border-radius: .85rem;
}

#mediaGalleryContent .is-media-picker-selected {
  position: relative;
  outline: 3px solid rgba(var(--bs-primary-rgb), .75);
  outline-offset: -3px;
}

#mediaGalleryContent .is-media-picker-selected img {
  filter: brightness(.86);
}

.media-picker-selected-badge {
  position: absolute;
  top: .45rem;
  right: .45rem;
  z-index: 6;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bs-primary);
  color: #fff;
  box-shadow: 0 .2rem .55rem rgba(0, 0, 0, .22);
  pointer-events: none;
}

.media-picker-selected-badge i {
  font-size: .9rem;
}

.nf-photo-grid {
  --nf-photo-grid-gutter: 4px;

  display: grid;
  width: 100%;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;

  max-width: 400px;
  margin-top: .75rem;
  margin-left: auto;
  margin-right: auto;

  overflow: hidden;
  border-radius: 14px;
  background: var(--bs-body-bg);
}

.nf-photo-grid-item {
  position: relative;
  display: block;

  min-height: 160px;
  overflow: hidden;

  box-sizing: border-box;
  border: calc(var(--nf-photo-grid-gutter) / 2) solid var(--bs-body-bg);

  background-color: var(--bs-body-bg);
  background-clip: padding-box;

  text-decoration: none;
  color: inherit;
}

.nf-photo-grid-item img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  transition: transform .22s ease, filter .22s ease;
}

.nf-photo-grid-item:hover img,
.nf-photo-grid-item:focus img {
  transform: scale(1.025);
  filter: brightness(.96);
}

.nf-photo-grid-1 {
  grid-template-columns: 1fr;
  max-width: 540px;
}

.nf-photo-grid-1 .nf-photo-grid-item {
  min-height: 220px;
  max-height: 420px;
}

.nf-photo-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 404px;
}

.nf-photo-grid-2 .nf-photo-grid-item {
  min-height: 185px;
}

.nf-photo-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
  max-width: 500px;
}

.nf-photo-grid-3 .nf-photo-grid-item-1,
.nf-photo-grid-3 .nf-photo-grid-item-2,
.nf-photo-grid-3 .nf-photo-grid-item-3 {
  grid-row: auto;
  min-height: 185px;
}

.nf-photo-grid-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 404px;
}

.nf-photo-grid-5,
.nf-photo-grid-6,
.nf-photo-grid-7,
.nf-photo-grid-8,
.nf-photo-grid-9,
.nf-photo-grid-10,
.nf-photo-grid-11,
.nf-photo-grid-12,
.nf-photo-grid-many {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 608px;
}

.nf-photo-grid-4 .nf-photo-grid-item,
.nf-photo-grid-5 .nf-photo-grid-item,
.nf-photo-grid-6 .nf-photo-grid-item,
.nf-photo-grid-7 .nf-photo-grid-item,
.nf-photo-grid-8 .nf-photo-grid-item,
.nf-photo-grid-9 .nf-photo-grid-item,
.nf-photo-grid-10 .nf-photo-grid-item,
.nf-photo-grid-11 .nf-photo-grid-item,
.nf-photo-grid-12 .nf-photo-grid-item,
.nf-photo-grid-many .nf-photo-grid-item {
  min-height: 185px;
}

.nf-photo-grid-more {
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 700;
  color: #fff;

  background: rgba(0, 0, 0, .48);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  pointer-events: none;
}

.nf-parser-photo-gallery {
  width: 100%;
  margin: .9rem 0;
}

.nf-parser-photo-grid {
  --nf-parser-photo-gutter: 4px;

  display: grid;
  width: 100%;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;

  margin-top: .75rem;
  margin-left: auto;
  margin-right: auto;

  overflow: hidden;
  border-radius: 14px;
  background: var(--bs-body-bg);
}

.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="1"] {
  grid-template-columns: 1fr;
  max-width: 540px;
}

.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 404px;
}

.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
  max-width: 500px;
}

.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="4"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 404px;
}

.nf-parser-photo-grid-many {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 608px;
}

.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="1"],
.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="2"],
.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="3"],
.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="4"],
.nf-parser-photo-grid-many {
  --nf-parser-photo-gutter: 4px;
}

.nf-parser-photo-grid-item,
.nf-parser-photo-grid-expand {
  position: relative;
  display: block;

  min-height: 140px;
  aspect-ratio: 1 / 1;

  overflow: hidden;
  text-decoration: none;
  color: inherit;

  box-sizing: border-box;
  border: calc(var(--nf-parser-photo-gutter) / 2) solid var(--bs-body-bg);

  background-color: var(--bs-body-bg);
  background-clip: padding-box;
}

.nf-parser-photo-grid-item img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  transition: transform .22s ease, filter .22s ease;
}

.nf-parser-photo-grid-item:hover img,
.nf-parser-photo-grid-item:focus img {
  transform: scale(1.025);
  filter: brightness(.96);
}

.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="1"] .nf-parser-photo-grid-item {
  min-height: 220px;
  max-height: 420px;
  aspect-ratio: auto;
}

.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="2"] .nf-parser-photo-grid-item,
.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="3"] .nf-parser-photo-grid-item,
.nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="4"] .nf-parser-photo-grid-item,
.nf-parser-photo-grid-many .nf-parser-photo-grid-item,
.nf-parser-photo-grid-many .nf-parser-photo-grid-expand {
  min-height: 185px;
}

.nf-parser-photo-grid-expand {
  width: 100%;
  padding: 0 !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;

  isolation: isolate;
  background: var(--bs-primary) !important;
  background-image: none !important;
  background-clip: border-box !important;
  background-origin: border-box !important;
}

.nf-parser-photo-grid-expand::before {
  display: none !important;
  content: none !important;
}

.nf-parser-photo-grid-expand::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .16), transparent 35%),
    linear-gradient(135deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .86));
}

.nf-parser-photo-grid-expand span {
  position: absolute;
  inset: 0;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: clamp(1.7rem, 4vw, 3rem);
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}

.nf-parser-photo-grid-expand:hover,
.nf-parser-photo-grid-expand:focus {
  filter: brightness(1.08);
}

.nf-parser-photo-grid.is-expanded .nf-parser-photo-grid-expand {
  display: none;
}

.nf-parser-photo-grid .nf-img-external-badge {
  position: absolute;
  right: .45rem;
  bottom: .45rem;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 1.65rem;
  height: 1.65rem;
  border-radius: 999px;

  color: #fff;
  background: rgba(0, 0, 0, .55);
  font-size: .75rem;
  pointer-events: none;
}

.nf-media-content-filter-indicator {
  position: absolute;
  top: .45rem;
  right: .45rem;
  z-index: 2;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 1.65rem;
  height: 1.65rem;
  border-radius: 999px;

  color: #fff;
  background: rgba(0, 0, 0, .6);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .28);
  font-size: .75rem;
  pointer-events: none;
}

.nf-photo-grid-expand {
  position: relative;
  display: block;

  min-height: 185px;
  aspect-ratio: 1 / 1;

  overflow: hidden;
  padding: 0 !important;
  border: calc(var(--nf-photo-grid-gutter) / 2) solid var(--bs-body-bg);

  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;

  box-sizing: border-box;
  isolation: isolate;

  background: var(--bs-primary) !important;
  background-image: none !important;
  background-clip: border-box !important;
  background-origin: border-box !important;
}

.nf-photo-grid-expand::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .16), transparent 35%),
    linear-gradient(135deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .86));
}

.nf-photo-grid-expand .nf-photo-grid-more {
  z-index: 1;
}

.nf-photo-grid-expand:hover,
.nf-photo-grid-expand:focus {
  filter: brightness(1.08);
}

.nf-photo-grid.is-expanded .nf-photo-grid-expand {
  display: none;
}

.user-news-action-media .nf-photo-grid {
  margin-top: .5rem;
}

.user-news-action-media .nf-photo-grid-item,
.user-news-action-media .nf-photo-grid-expand {
  aspect-ratio: 1 / 1;
  min-height: 0 !important;
}

.user-news-action-media .nf-photo-grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-news-action-media .nf-photo-grid-1 {
  max-width: 260px;
}

.user-news-action-media .nf-photo-grid-1 .nf-photo-grid-item {
  min-height: 0 !important;
  max-height: none;
  aspect-ratio: 1 / 1;
}

.user-news-action-media .nf-photo-grid-2,
.user-news-action-media .nf-photo-grid-4 {
  max-width: 360px;
}

.user-news-action-media .nf-photo-grid-3 {
  max-width: 430px;
}

.user-news-action-media .nf-photo-grid-5,
.user-news-action-media .nf-photo-grid-6,
.user-news-action-media .nf-photo-grid-7,
.user-news-action-media .nf-photo-grid-8,
.user-news-action-media .nf-photo-grid-9,
.user-news-action-media .nf-photo-grid-10,
.user-news-action-media .nf-photo-grid-11,
.user-news-action-media .nf-photo-grid-12,
.user-news-action-media .nf-photo-grid-many {
  max-width: 520px;
}

.user-news-action-media .nf-photo-grid-expand {
  height: auto;
}

.user-news-action-media .nf-photo-grid.is-expanded .nf-photo-grid-item {
  aspect-ratio: 1 / 1;
  min-height: 0 !important;
}

.nf-embedded-image-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  width: auto;
  min-width: 2rem;
  height: 2rem;
  padding: 0 .55rem;
}

.nf-embedded-image-copy-scope {
  font-size: .78em;
  opacity: .72;
  line-height: 1;
}

.nf-embedded-image-copy-wrap {
  position: relative;
}

.nf-embedded-image-copy-btn {
  position: absolute;
  top: .5rem;
  right: .5rem;
  z-index: 5;
  opacity: 0;
  transition: opacity .15s ease, transform .15s ease;
}

.nf-embedded-image-copy-wrap:hover .nf-embedded-image-copy-btn,
.nf-embedded-image-copy-wrap:focus-within .nf-embedded-image-copy-btn {
  opacity: .92;
}

.nf-embedded-image-copy-btn:hover {
  opacity: 1;
}

.nf-embedded-image-copy-group-avatar {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 999px;
  object-fit: cover;
  display: inline-block;
  flex: 0 0 auto;
  box-shadow: 0 0 0 1px rgba(0,0,0,.12);
}

.nf-img-preview {
  display: flex;
  justify-content: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.nf-img-preview-link {
  position: relative;
  display: inline-flex;
  max-width: 450px;
  border: 1px solid var(--bs-border-color);
  border-radius: .5rem;
  background: var(--bs-tertiary-bg);
  overflow: hidden;
}

.nf-img-preview > .nf-media-content-filter-indicator {
  top: .75rem;
  right: .75rem;
}

.nf-img-preview-img {
  display: block;
  max-height: 360px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

#randomPhotosWrapper.nf-discovery-photo-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-rows: clamp(82px, 9vw, 145px) !important;
  grid-auto-flow: row dense;

  gap: .5rem !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;
}

#randomPhotosWrapper .nf-discovery-photo-item {
  position: relative !important;
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  overflow: hidden !important;
  border-radius: .85rem !important;
  background: var(--bs-secondary-bg, #f1f3f5) !important;

  line-height: 0 !important;
  text-decoration: none !important;
  color: inherit !important;
  box-sizing: border-box !important;

  isolation: isolate;
}

#randomPhotosWrapper .nf-discovery-photo-item-hero {
  grid-column: span 2 !important;
  grid-row: span 2 !important;
}

#randomPhotosWrapper .nf-discovery-photo-item-large {
  grid-column: span 2 !important;
  grid-row: span 1 !important;
}

#randomPhotosWrapper .nf-discovery-photo-item-normal {
  grid-column: span 1 !important;
  grid-row: span 1 !important;
}

#randomPhotosWrapper .nf-discovery-photo-item > img {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;

  object-fit: cover !important;
  object-position: center center !important;

  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  transform: scale(1);
  transition: transform 220ms ease, filter 220ms ease !important;
}

#randomPhotosWrapper .nf-discovery-photo-item:hover > img,
#randomPhotosWrapper .nf-discovery-photo-item:focus > img,
#randomPhotosWrapper .nf-discovery-photo-item:focus-visible > img {
  transform: scale(1.045);
  filter: brightness(1.06);
}

#randomPhotosWrapper .nf-discovery-photo-overlay {
  position: absolute !important;
  inset-inline: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;

  padding: .7rem .75rem .55rem !important;

  background: linear-gradient(
    to top,
    rgba(0, 0, 0, .68),
    rgba(0, 0, 0, .28) 55%,
    rgba(0, 0, 0, 0)
  ) !important;

  color: #fff !important;
  opacity: 0;
  transform: translateY(6px);

  transition: opacity 180ms ease, transform 180ms ease;
  pointer-events: none;
  line-height: 1.2;
}

#randomPhotosWrapper .nf-discovery-photo-title {
  display: block;

  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  font-size: .78rem;
  font-weight: 600;
  line-height: 1.2;

  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}

#randomPhotosWrapper .nf-discovery-photo-item:hover .nf-discovery-photo-overlay,
#randomPhotosWrapper .nf-discovery-photo-item:focus .nf-discovery-photo-overlay,
#randomPhotosWrapper .nf-discovery-photo-item:focus-visible .nf-discovery-photo-overlay {
  opacity: 1;
  transform: translateY(0);
}

#randomPhotosWrapper.nf-random-refreshing {
  pointer-events: none;
}


/* =========================================================
   BREAKPOINT DEBUG
   ========================================================= */


#nf-breakpoint-debug {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 99999;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  pointer-events: none;
}

#nf-breakpoint-debug .bp {
  display: none;
  align-items: center;
  gap: 6px;
}


/* =========================================================
   MISCELLANEOUS
   ========================================================= */


#infocard-incognito .dropdown-menu {
  z-index: 4000 !important;
  box-sizing: border-box;
  width: min(14rem, calc(var(--nf-sidebar-width, 260px) - 1rem));
  min-width: 0;
  max-width: calc(100vw - 1.5rem);
}

#infocard-incognito .dropdown-menu-end {
  right: calc(var(--nf-infocard-incognito-offset, 2.1rem) * -1);
  left: auto;
}

#infocard-incognito .dropdown-menu.show {
  top: 100%;
  transform: none !important;
}

#infocard-membership-hidden .dropdown-menu {
  z-index: 4000 !important;
}

#infocard-membership-hidden .dropdown-menu-end {
  right: 0;
  left: auto;
}

#infocard-membership-hidden .dropdown-menu.show {
  top: 100%;
  transform: none !important;
}

.nf-membership-hidden-dropdown {
  box-sizing: border-box;
  width: min(20rem, calc(var(--nf-sidebar-width, 260px) - 1rem));
  min-width: 0;
  max-width: calc(100vw - 1.5rem);
  padding-bottom: .75rem;
}

.nf-membership-hidden-title {
  margin-bottom: 0;
  padding: .85rem 1rem .7rem;
  font-size: .95rem;
  line-height: 1.25;
}

.nf-membership-hidden-title span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.nf-membership-hidden-message {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  padding: .95rem 1rem .85rem;
  font-size: .95rem;
  line-height: 1.45;
  text-align: left;
}

.nf-membership-hidden-message span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.nf-membership-hidden-message i {
  flex: 0 0 auto;
  margin-top: .2rem;
  font-size: 1rem;
}

.nf-membership-hidden-action {
  padding: 0 1rem 1rem;
}

.nf-membership-hidden-action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.55rem;
  padding: .55rem .85rem;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  font-weight: 600;
}

.nf-user-news-content-filter {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;

  pointer-events: none;
  background: rgba(0, 0, 0, .18);
}

.nf-user-news-content-filter img {
  width: min(48%, 100px);
  height: auto;
  max-width: 100px;
  object-fit: contain;
  filter: drop-shadow(0 .2rem .45rem rgba(0, 0, 0, .35));
}


/* =========================================================
   RESPONSIVE RULES
   ========================================================= */


@media (max-width: 575.98px) {

  /* CORE PAGE LAYOUT */

  .page-header-fixed {
      padding-top: calc(var(--nf-header-height) + 38px) !important;
    }

  /* HEADER / NAVIGATION */

  #header .header-mobile-network #header-navbar {
        justify-content: flex-end;
        gap: 12px;
        padding-right: 10px;
      }

  #header .header-left,
    #header .nf-navbar-header {
      display: flex;
      align-items: center;
      min-height: var(--nf-header-height);
    }

  #header .nf-header-brand,
    #header .nf-header-brand-actions {
      align-self: center;
    }

  #header .nf-header-logo {
      min-height: 0;
      justify-content: center;
    }

  #header .header-network {
      min-height: 38px;
    }

  #header .header-network #header-navbar > li > a {
      min-height: 38px !important;
      height: 38px;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      align-items: center;
    }

  #header .header-network #header-navbar > li > a > i,
    #header .header-network #header-navbar > li > a .position-relative > i {
      line-height: 1;
    }

  #header .header-network .nf-header-icon-badge {
      min-width: 16px;
      height: 16px;
      padding: .24rem .32rem;
      font-size: .72rem;
      transform: translate(-35%, -55%);
    }

  #header .nf-header-brand {
      padding-left: .45rem;
      padding-right: .35rem;
    }

  #header .nf-header-logo {
      max-width: 118px;
    }

  #header .nf-header-brand-actions {
      gap: 0;
      margin-left: 0;
    }

  #header .nf-header-action-btn {
      width: 34px;
      min-width: 34px;
    }

  /* MEDIA / PHOTO GRIDS */

  .nf-photo-grid,
    .nf-photo-grid-1,
    .nf-photo-grid-2,
    .nf-photo-grid-3,
    .nf-photo-grid-4,
    .nf-photo-grid-5,
    .nf-photo-grid-6,
    .nf-photo-grid-7,
    .nf-photo-grid-8,
    .nf-photo-grid-9,
    .nf-photo-grid-10,
    .nf-photo-grid-11,
    .nf-photo-grid-12,
    .nf-photo-grid-many,
    .nf-parser-photo-grid,
    .nf-parser-photo-grid-many,
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="1"],
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="2"],
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="3"],
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="4"] {
      max-width: 100%;
      border-radius: 12px;
    }

  .nf-photo-grid {
      --nf-photo-grid-gutter: 3px;
    }

  .nf-parser-photo-grid {
      --nf-parser-photo-gutter: 3px;
    }

  .nf-photo-grid-1,
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="1"] {
      grid-template-columns: 1fr;
    }

  .nf-photo-grid-2,
    .nf-photo-grid-3,
    .nf-photo-grid-4,
    .nf-photo-grid-5,
    .nf-photo-grid-6,
    .nf-photo-grid-7,
    .nf-photo-grid-8,
    .nf-photo-grid-9,
    .nf-photo-grid-10,
    .nf-photo-grid-11,
    .nf-photo-grid-12,
    .nf-photo-grid-many,
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="2"],
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="3"],
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="4"],
    .nf-parser-photo-grid-many {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

  .nf-photo-grid-1 .nf-photo-grid-item,
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="1"] .nf-parser-photo-grid-item {
      min-height: 210px;
      max-height: 360px;
    }

  .nf-photo-grid-2 .nf-photo-grid-item,
    .nf-photo-grid-3 .nf-photo-grid-item,
    .nf-photo-grid-4 .nf-photo-grid-item,
    .nf-photo-grid-5 .nf-photo-grid-item,
    .nf-photo-grid-6 .nf-photo-grid-item,
    .nf-photo-grid-7 .nf-photo-grid-item,
    .nf-photo-grid-8 .nf-photo-grid-item,
    .nf-photo-grid-9 .nf-photo-grid-item,
    .nf-photo-grid-10 .nf-photo-grid-item,
    .nf-photo-grid-11 .nf-photo-grid-item,
    .nf-photo-grid-12 .nf-photo-grid-item,
    .nf-photo-grid-many .nf-photo-grid-item,
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="2"] .nf-parser-photo-grid-item,
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="3"] .nf-parser-photo-grid-item,
    .nf-parser-photo-grid:not(.nf-parser-photo-grid-many)[data-visible-count="4"] .nf-parser-photo-grid-item,
    .nf-parser-photo-grid-many .nf-parser-photo-grid-item,
    .nf-parser-photo-grid-many .nf-parser-photo-grid-expand {
      min-height: 130px;
    }

  .nf-photo-grid-expand {
      min-height: 130px;
    }

  .user-news-action-media .nf-photo-grid-1 {
      max-width: 220px;
    }

  .user-news-action-media .nf-photo-grid-1 .nf-photo-grid-item {
      min-height: 0 !important;
      max-height: none;
    }

  .user-news-action-media .nf-photo-grid-2,
    .user-news-action-media .nf-photo-grid-3,
    .user-news-action-media .nf-photo-grid-4,
    .user-news-action-media .nf-photo-grid-5,
    .user-news-action-media .nf-photo-grid-6,
    .user-news-action-media .nf-photo-grid-7,
    .user-news-action-media .nf-photo-grid-8,
    .user-news-action-media .nf-photo-grid-9,
    .user-news-action-media .nf-photo-grid-10,
    .user-news-action-media .nf-photo-grid-11,
    .user-news-action-media .nf-photo-grid-12,
    .user-news-action-media .nf-photo-grid-many {
      max-width: 100%;
    }

  .user-news-action-media .nf-photo-grid-item,
    .user-news-action-media .nf-photo-grid-expand {
      min-height: 0 !important;
      aspect-ratio: 1 / 1;
    }

  #randomPhotosWrapper.nf-discovery-photo-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      grid-auto-rows: clamp(78px, 28vw, 118px) !important;
      gap: .35rem !important;
    }

  #randomPhotosWrapper .nf-discovery-photo-item-hero {
      grid-column: span 2 !important;
      grid-row: span 2 !important;
    }

  #randomPhotosWrapper .nf-discovery-photo-item-large {
      grid-column: span 1 !important;
      grid-row: span 1 !important;
    }

  #randomPhotosWrapper .nf-discovery-photo-overlay {
      display: none !important;
    }

  /* BREAKPOINT DEBUG */

  #nf-breakpoint-debug .bp-phone-xs {
        display: inline-flex;
      }
}

@media (min-width: 576px) and (max-width: 767.98px) {

  /* HEADER / NAVIGATION */

  #header .header-mobile-network #header-navbar {
        justify-content: space-evenly;
      }

  #header .header-network #header-navbar {
        justify-content: space-between;
        width: 100%;
      }

  #header .header-network #header-navbar > li {
        flex: 1 1 0 !important;
        min-width: 0;
      }

  #header .header-network #header-navbar > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-align: center;
      }

  /* BREAKPOINT DEBUG */

  #nf-breakpoint-debug .bp-phone-sm {
        display: inline-flex;
      }
}

@media (max-width: 767.98px) {

  /* GLOBAL BASE / TOKENS */

  :root {
      --nf-mobile-sidebar-width: min(86vw, 310px);
    }

  /* CORE PAGE LAYOUT */

  .content,
      .footer,
      .page-sidebar-minified .content,
      .page-sidebar-minified .footer,
      .page-without-sidebar .footer {
        margin-left: 0;
        margin-right: 0;
      }

  .page-header-fixed {
        padding-top: 98px;
      }

  .page-sidebar-minified .footer {
        margin-left: 20px;
      }

  .page-with-two-sidebar .content,
      .page-with-two-sidebar .footer,
      .page-with-one-sidebar .content,
      .page-with-one-sidebar .footer,
      .page-with-wide-sidebar .content,
      .page-with-wide-sidebar .footer {
        min-width: 0 !important;
        margin-right: 0 !important;
      }

  .content {
        min-height: calc(100vh - var(--nf-header-height));
      }

  .page-header-fixed {
        padding-top: calc(var(--nf-header-height) + 44px) !important;
      }

  /* HEADER / NAVIGATION */

  .header {
        display: block;
        width: 100%;
        max-width: 100vw;
      }

  .header .navbar-nav {
        justify-content: flex-end;
        padding-left: 5px;
        padding-right: 5px;
      }

  .header .navbar-nav > li > a {
        padding: 12px 12px;
      }

  .page-without-sidebar .header .navbar-brand {
        justify-content: center;
      }

  body.boxed-layout .header .nf-navbar-toggle {
        display: inline-flex !important;
        align-items: center;
      }

  body.boxed-layout .header .sidebar-right-toggle-mobile {
        display: inline-flex !important;
        align-items: center;
      }

  .header {
        display: block;
      }

  .header .navbar-nav {
        justify-content: flex-end;
        padding-left: 4px;
        padding-right: 4px;
      }

  #header.header {
        display: flex !important;
        flex-direction: column;
      }

  #header .header-mobile-top {
        min-height: var(--nf-header-height);
        display: flex;
        align-items: center;
      }

  #header .nf-navbar-header {
        min-height: var(--nf-header-height);
      }

  #header .navbar-brand {
        justify-content: center;
        padding-left: 8px;
        padding-right: 8px;
      }

  #header .navbar-brand .navbar-logo {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        white-space: nowrap;
      }

  #header .header-mobile-network {
        border-top: 1px solid rgba(255,255,255,.08);
      }

  #header .header-mobile-network #header-navbar {
        flex-wrap: nowrap;
      }

  #header .header-mobile-network #header-navbar > li {
        flex: 1 1 20%;
        min-width: 0;
      }

  #header .header-mobile-network #header-navbar > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .25rem;
        min-height: 44px;
        padding: 10px 6px;
        text-align: center;
      }

  #header .header-mobile-network #header-navbar > li > a i,
      #header .header-mobile-network #header-navbar > li > a img.profilephoto_holder {
        margin: 0;
      }

  #header .navbar-right-toggle-desktop-item {
        display: none !important;
      }

  #header .header-mobile-network #header-navbar {
        gap: 12px;
        padding-right: 10px;
      }

  #header .header-mobile-network #header-navbar > li {
        flex: 0 0 auto !important;
      }

  #header .header-mobile-network #header-navbar > li > a {
        justify-content: center;
      }

  #header .header-main {
        flex-wrap: wrap;
        align-items: stretch;
      }

  #header .header-left {
        flex: 1 1 auto;
        min-width: 0;
      }

  #header .header-actions {
        flex: 0 0 auto;
        margin-left: 8px;
      }

  #header .header-network {
        flex: 0 0 100%;
        width: 100%;
        order: 3;
        border-top: 1px solid rgba(255,255,255,.08);
      }

  #header .header-network #header-navbar {
        width: 100%;
      }

  /* SIDEBARS / USERMENU / INFOCARD */

  .sidebar {
        top: var(--nf-header-height);
        left: calc(var(--nf-sidebar-width) * -1);
        z-index: 82;
        padding-top: 0;
      }

  .page-sidebar-toggled .sidebar,
      .page-sidebar-toggled .sidebar-bg {
        left: 0;
        -ms-animation: sidebarSlideInLeft var(--nf-shell-sidebar-overlay-duration);
        animation: sidebarSlideInLeft var(--nf-shell-sidebar-overlay-duration);
      }

  .page-sidebar-toggled .sidebar-bg {
        position: fixed;
      }

  .page-sidebar-toggled.page-with-two-sidebar .sidebar-right.sidebar,
      .page-sidebar-toggled.page-with-two-sidebar .sidebar-right.sidebar-bg {
        -ms-animation: none;
        animation: none;
      }

  .page-sidebar-toggled.page-sidebar-minified.sidebar,
      .page-sidebar-toggled.page-sidebar-minified.sidebar-bg {
        position: fixed;
        left: 0;
        -ms-animation: sidebarSlideInLeft var(--nf-shell-sidebar-overlay-duration);
        animation: sidebarSlideInLeft var(--nf-shell-sidebar-overlay-duration);
      }

  .page-with-wide-sidebar .sidebar,
      .page-with-wide-sidebar .sidebar-bg {
        width: var(--nf-sidebar-width);
        left: calc(var(--nf-sidebar-width) * -1);
      }

  .page-with-wide-sidebar.page-sidebar-toggled .sidebar,
      .page-with-wide-sidebar.page-sidebar-toggled .sidebar-bg {
        left: 0;
        -ms-animation: sidebarSlideInLeft var(--nf-shell-sidebar-overlay-duration);
        animation: sidebarSlideInLeft var(--nf-shell-sidebar-overlay-duration);
      }

  .page-with-wide-sidebar.page-sidebar-toggled.page-with-right-sidebar .sidebar,
      .page-with-wide-sidebar.page-sidebar-toggled.page-with-right-sidebar .sidebar-bg,
      .page-with-wide-sidebar.page-with-two-sidebar.page-right-sidebar-toggled.sidebar,
      .page-with-wide-sidebar.page-with-two-sidebar.page-right-sidebar-toggled.sidebar-bg {
        left: auto;
        right: 0;
        -ms-animation: sidebarSlideInRight var(--nf-shell-sidebar-overlay-duration);
        animation: sidebarSlideInRight var(--nf-shell-sidebar-overlay-duration);
      }

  body.boxed-layout #nfSidebarUser {
        position: fixed !important;
        top: var(--nf-header-height) !important;
        bottom: 0 !important;
        left: calc(var(--nf-sidebar-width) * -1) !important;
        right: auto !important;
        width: var(--nf-sidebar-width) !important;
        z-index: 82;
      }

  body.boxed-layout.page-sidebar-toggled #nfSidebarUser,
      body.boxed-layout .page-sidebar-toggled #nfSidebarUser {
        left: 0 !important;
      }

  body.boxed-layout #nfSidebarUser + .sidebar-bg,
      body.boxed-layout .page-with-wide-sidebar .sidebar-bg:not(.sidebar-right),
      body.boxed-layout .page-with-one-sidebar .sidebar-bg:not(.sidebar-right),
      body.boxed-layout .page-with-two-sidebar.page-with-wide-sidebar .sidebar-bg:not(.sidebar-right) {
        position: fixed !important;
        top: var(--nf-header-height) !important;
        bottom: 0 !important;
        left: calc(var(--nf-sidebar-width) * -1) !important;
        right: auto !important;
        width: var(--nf-sidebar-width) !important;
        z-index: 81;
      }

  .page-sidebar-minified .sidebar:not(.sidebar-right),
      .page-sidebar-minified .sidebar-bg:not(.sidebar-right),
      .page-sidebar-minified #nfSidebarUser,
      body.boxed-layout .page-sidebar-minified .sidebar:not(.sidebar-right),
      body.boxed-layout .page-sidebar-minified .sidebar-bg:not(.sidebar-right),
      body.boxed-layout .page-sidebar-minified #nfSidebarUser {
        width: var(--nf-sidebar-width) !important;
      }

  .sidebar:not(.sidebar-right),
    .sidebar-bg:not(.sidebar-right),
    #nfSidebarUser,
    body.boxed-layout #nfSidebarUser {
      width: var(--nf-mobile-sidebar-width) !important;
      left: calc(var(--nf-mobile-sidebar-width) * -1) !important;
    }

  .page-sidebar-toggled .sidebar:not(.sidebar-right),
    .page-sidebar-toggled .sidebar-bg:not(.sidebar-right),
    .page-sidebar-toggled #nfSidebarUser,
    body.boxed-layout.page-sidebar-toggled #nfSidebarUser,
    body.boxed-layout .page-sidebar-toggled #nfSidebarUser {
      left: 0 !important;
    }

  body.boxed-layout #nfSidebarUser + .sidebar-bg,
    body.boxed-layout .page-with-wide-sidebar .sidebar-bg:not(.sidebar-right),
    body.boxed-layout .page-with-one-sidebar .sidebar-bg:not(.sidebar-right),
    body.boxed-layout .page-with-two-sidebar.page-with-wide-sidebar .sidebar-bg:not(.sidebar-right) {
      width: var(--nf-mobile-sidebar-width) !important;
      left: calc(var(--nf-mobile-sidebar-width) * -1) !important;
    }

  body.boxed-layout.page-sidebar-toggled #nfSidebarUser + .sidebar-bg,
    body.boxed-layout .page-sidebar-toggled #nfSidebarUser + .sidebar-bg,
    body.boxed-layout.page-sidebar-toggled .page-with-wide-sidebar .sidebar-bg:not(.sidebar-right),
    body.boxed-layout .page-sidebar-toggled .page-with-wide-sidebar .sidebar-bg:not(.sidebar-right),
    body.boxed-layout.page-sidebar-toggled .page-with-one-sidebar .sidebar-bg:not(.sidebar-right),
    body.boxed-layout .page-sidebar-toggled .page-with-one-sidebar .sidebar-bg:not(.sidebar-right),
    body.boxed-layout.page-sidebar-toggled .page-with-two-sidebar.page-with-wide-sidebar .sidebar-bg:not(.sidebar-right),
    body.boxed-layout .page-sidebar-toggled .page-with-two-sidebar.page-with-wide-sidebar .sidebar-bg:not(.sidebar-right) {
      left: 0 !important;
    }

  #nfSidebarUser #sidebar-infocard,
    #nfSidebarUser #sidebar-infocard > li,
    #nfSidebarUser #sidebar-infocard #nav-profile {
      width: 100% !important;
      min-width: 0 !important;
      max-width: var(--nf-mobile-sidebar-width) !important;
      flex: 0 0 auto !important;
    }

  #nfSidebarUser #nav-profile,
    #nfSidebarUser #nav-profile-infocard {
      width: 100% !important;
      max-width: 100% !important;
    }

  /* BOXED LAYOUT BASE */

  .boxed-layout .top-menu {
        position: relative;
        left: 0;
        margin: 0;
      }

  body.boxed-layout .page-with-wide-sidebar .content,
      body.boxed-layout .page-with-one-sidebar .content,
      body.boxed-layout .page-with-two-sidebar.page-with-wide-sidebar .content,
      body.boxed-layout .page-with-wide-sidebar .footer,
      body.boxed-layout .page-with-one-sidebar .footer,
      body.boxed-layout .page-with-two-sidebar.page-with-wide-sidebar .footer {
        margin-left: 0 !important;
      }

  .page-sidebar-minified #content,
      .page-sidebar-minified .content,
      .page-sidebar-minified .footer,
      body.boxed-layout .page-sidebar-minified #content,
      body.boxed-layout .page-sidebar-minified .content,
      body.boxed-layout .page-sidebar-minified .footer {
        margin-left: 0 !important;
      }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  /* CORE PAGE LAYOUT */

  .content,
      .footer,
      .page-with-one-sidebar .content,
      .page-with-one-sidebar .footer,
      .page-with-wide-sidebar .content,
      .page-with-wide-sidebar .footer,
      .page-with-two-sidebar .content,
      .page-with-two-sidebar .footer {
        margin-left: var(--nf-sidebar-width) !important;
        min-width: 0 !important;
        margin-right: 0 !important;
      }

  #content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100%;
      }

  .page-header-fixed {
        padding-top: var(--nf-header-height) !important;
      }

  .content,
      .page-with-one-sidebar .content,
      .page-with-wide-sidebar .content,
      .page-with-two-sidebar .content {
        margin-left: var(--nf-sidebar-width) !important;
      }

  .footer,
      .page-with-one-sidebar .footer,
      .page-with-wide-sidebar .footer,
      .page-with-two-sidebar .footer {
        margin-left: var(--nf-sidebar-width) !important;
        margin-right: 0 !important;
      }

  .content,
      .footer,
      .page-with-one-sidebar .content,
      .page-with-one-sidebar .footer,
      .page-with-wide-sidebar .content,
      .page-with-wide-sidebar .footer,
      .page-with-two-sidebar .content,
      .page-with-two-sidebar .footer {
        margin-left: var(--nf-sidebar-width) !important;
      }

  /* HEADER / NAVIGATION */

  .header .navbar-collapse {
        display: none;
      }

  #header.header {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch;
        flex-wrap: nowrap;
        width: 100%;
        max-width: 100%;
        overflow: visible;
      }

  #header .header-mobile-top {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
      }

  #header .header-mobile-network {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        border-top: 0 !important;
        margin-left: auto;
      }

  #header .nf-navbar-header {
        display: flex;
        align-items: center;
        width: 100%;
        min-width: 0;
      }

  #header .navbar-brand {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        min-width: 0;
        justify-content: start;
        padding-left: .5rem;
        padding-right: .5rem;
      }

  #header .navbar-brand .navbar-logo {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        max-width: 100%;
      }

  #header .header-mobile-network #header-navbar {
        display: flex;
        align-items: stretch;
        justify-content: flex-end;
        flex-wrap: nowrap;
        width: auto;
        margin: 0;
        padding: 0 4px;
        list-style: none;
      }

  #header .header-mobile-network #header-navbar > li {
        flex: 0 0 auto;
        min-width: 0;
      }

  #header .header-mobile-network #header-navbar > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .35rem;
        min-height: var(--nf-header-height);
        padding: 0 10px;
        white-space: nowrap;
        text-align: center;
      }

  #header .header-mobile-network #header-navbar > li > a i,
      #header .header-mobile-network #header-navbar > li > a img.profilephoto_holder {
        margin: 0;
      }

  #header .navbar-user > a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .35rem;
        min-height: var(--nf-header-height);
      }

  #header .navbar-user img.profilephoto_holder {
        width: 28px;
        height: 28px;
        margin: 0;
      }

  #header .nf-navbar-toggle[data-click="sidebar-toggled"] {
        display: none !important;
      }

  .page-header-fixed .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
      }

  body.boxed-layout .page-container,
      body.boxed-layout .page-header-fixed .header {
        width: 100% !important;
        max-width: 100% !important;
      }

  body.boxed-layout .header .sidebar-right-toggle-desktop {
        display: inline-flex !important;
        align-items: center;
      }

  #header .header-mobile-network #header-navbar > li > a {
        min-width: 44px;
        padding-left: 10px;
        padding-right: 10px;
        gap: 0 !important;
      }

  #header .header-mobile-network #header-navbar {
        display: flex;
        align-items: stretch;
        justify-content: flex-end;
      }

  #header .navbar-right-toggle-desktop-item {
        flex: 0 0 auto;
      }

  /* SIDEBARS / USERMENU / INFOCARD */

  .sidebar:not(.sidebar-right),
      .sidebar-bg:not(.sidebar-right),
      #nfSidebarUser {
        position: fixed !important;
        top: var(--nf-header-height) !important;
        bottom: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: var(--nf-sidebar-width) !important;
        padding-top: 0 !important;
      }

  .page-sidebar-toggled .sidebar:not(.sidebar-right),
      .page-sidebar-toggled .sidebar-bg:not(.sidebar-right),
      .page-sidebar-toggled #nfSidebarUser {
        left: 0 !important;
      }

  .sidebar.sidebar-right,
      .sidebar-bg.sidebar-right,
      .sidebar-right.sidebar,
      .sidebar-right.sidebar-bg {
        position: fixed !important;
        bottom: 0 !important;
        left: auto !important;
        right: calc(var(--nf-sidebar-width) * -1) !important;
        width: var(--nf-sidebar-width) !important;
      }

  .page-right-sidebar-toggled .sidebar.sidebar-right,
      .page-right-sidebar-toggled .sidebar-bg.sidebar-right,
      .page-right-sidebar-toggled .sidebar-right.sidebar,
      .page-right-sidebar-toggled .sidebar-right.sidebar-bg {
        right: 0 !important;
      }

  body.boxed-layout .sidebar:not(.sidebar-right),
      body.boxed-layout .sidebar-bg:not(.sidebar-right),
      body.boxed-layout #nfSidebarUser {
        left: 0 !important;
        top: var(--nf-header-height) !important;
      }

  .sidebar:not(.sidebar-right),
      .sidebar-bg:not(.sidebar-right),
      #nfSidebarUser {
        width: var(--nf-sidebar-width) !important;
      }

  .page-sidebar-minified .sidebar:not(.sidebar-right),
      .page-sidebar-minified .sidebar-bg:not(.sidebar-right),
      .page-sidebar-minified #nfSidebarUser,
      body.boxed-layout .page-sidebar-minified .sidebar:not(.sidebar-right),
      body.boxed-layout .page-sidebar-minified .sidebar-bg:not(.sidebar-right),
      body.boxed-layout .page-sidebar-minified #nfSidebarUser {
        width: var(--nf-sidebar-minified-width) !important;
        left: 0 !important;
      }

  /* BOXED LAYOUT BASE */

  body.boxed-layout .page-container-inner {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

  body.boxed-layout .content,
      body.boxed-layout .footer,
      body.boxed-layout .page-with-one-sidebar .content,
      body.boxed-layout .page-with-one-sidebar .footer,
      body.boxed-layout .page-with-wide-sidebar .content,
      body.boxed-layout .page-with-wide-sidebar .footer,
      body.boxed-layout .page-with-two-sidebar .content,
      body.boxed-layout .page-with-two-sidebar .footer {
        margin-left: var(--nf-sidebar-width) !important;
        margin-right: 0 !important;
      }

  .page-sidebar-minified #content,
      .page-sidebar-minified .content,
      .page-sidebar-minified .footer,
      .page-sidebar-minified.page-with-one-sidebar .content,
      .page-sidebar-minified.page-with-one-sidebar .footer,
      .page-sidebar-minified.page-with-wide-sidebar .content,
      .page-sidebar-minified.page-with-wide-sidebar .footer,
      .page-sidebar-minified.page-with-two-sidebar .content,
      .page-sidebar-minified.page-with-two-sidebar .footer,
      body.boxed-layout .page-sidebar-minified #content,
      body.boxed-layout .page-sidebar-minified .content,
      body.boxed-layout .page-sidebar-minified .footer,
      body.boxed-layout .page-sidebar-minified.page-with-one-sidebar .content,
      body.boxed-layout .page-sidebar-minified.page-with-one-sidebar .footer,
      body.boxed-layout .page-sidebar-minified.page-with-wide-sidebar .content,
      body.boxed-layout .page-sidebar-minified.page-with-wide-sidebar .footer,
      body.boxed-layout .page-sidebar-minified.page-with-two-sidebar .content,
      body.boxed-layout .page-sidebar-minified.page-with-two-sidebar .footer {
        margin-left: var(--nf-sidebar-minified-width) !important;
      }

  /* BREAKPOINT DEBUG */

  #nf-breakpoint-debug .bp-tablet {
        display: inline-flex;
      }
}

@media (max-width: 991.98px) {

  /* HEADER / NAVIGATION */

  .header .navbar-collapse .navbar-nav > li {
        flex: 1;
      }

  .header .navbar-collapse .navbar-nav > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
      }

  .page-with-two-sidebar .header .navbar-brand {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
      }

  /* SIDEBARS / USERMENU / INFOCARD */

  .page-with-two-sidebar .sidebar-right.sidebar,
      .page-with-two-sidebar .sidebar-right.sidebar-bg {
        position: fixed;
        right: calc(var(--nf-sidebar-width) * -1);
        left: auto;
      }

  .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar,
      .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar-bg,
      .page-with-two-sidebar.page-with-wide-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar,
      .page-with-two-sidebar.page-with-wide-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar-bg {
        right: 0 !important;
        left: auto;
        -ms-animation: sidebarSlideInRight var(--nf-shell-sidebar-overlay-duration);
        animation: sidebarSlideInRight var(--nf-shell-sidebar-overlay-duration);
      }

  .page-with-two-sidebar.page-with-wide-sidebar .sidebar-right.sidebar,
      .page-with-two-sidebar.page-with-wide-sidebar .sidebar-right.sidebar-bg {
        right: calc(var(--nf-sidebar-width) * -1);
        left: auto;
      }

  /* MEDIA / PHOTO GRIDS */

  #randomPhotosWrapper.nf-discovery-photo-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      grid-auto-rows: clamp(78px, 15vw, 135px) !important;
    }

  #randomPhotosWrapper .nf-discovery-photo-item-hero {
      grid-column: span 2 !important;
      grid-row: span 2 !important;
    }

  #randomPhotosWrapper .nf-discovery-photo-item-large {
      grid-column: span 2 !important;
      grid-row: span 1 !important;
    }
}

@media (max-width: 1200px) {

  /* BOXED LAYOUT BASE */

  .boxed-layout .top-menu {
        left: 0;
        margin-left: 0;
      }
}

@media (min-width: 768px) and (max-width: 1279.98px) {

  /* HEADER / NAVIGATION */

  body.boxed-layout .header .sidebar-right-toggle-desktop {
        display: inline-flex !important;
        align-items: center;
      }
}

@media (min-width: 992px) and (max-width: 1279.98px) {

  /* CORE PAGE LAYOUT */

  .page-with-two-sidebar .content,
      .page-with-two-sidebar .footer {
        margin-right: var(--nf-sidebar-width) !important;
      }

  .page-with-two-sidebar.page-right-sidebar-collapsed .content,
      .page-with-two-sidebar.page-right-sidebar-collapsed .footer {
        margin-right: 0 !important;
      }

  /* HEADER / NAVIGATION */

  body.boxed-layout.page-header-fixed #page-container.page-with-one-sidebar ~ .header,
      body.boxed-layout #page-container.page-with-one-sidebar + .header,
      body.boxed-layout #page-container.page-with-one-sidebar .header {
        max-width: var(--nf-boxed-two-col-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

  body.boxed-layout.page-header-fixed #page-container.page-with-two-sidebar ~ .header,
      body.boxed-layout #page-container.page-with-two-sidebar + .header,
      body.boxed-layout #page-container.page-with-two-sidebar .header {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

  /* SIDEBARS / USERMENU / INFOCARD */

  .page-with-two-sidebar .sidebar.sidebar-right,
      .page-with-two-sidebar .sidebar-bg.sidebar-right,
      .page-with-two-sidebar .sidebar-right.sidebar,
      .page-with-two-sidebar .sidebar-right.sidebar-bg {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        right: 0 !important;
        width: var(--nf-sidebar-width) !important;
        display: block !important;
        transform: none !important;
        transition: none !important;
      }

  .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar.sidebar-right,
      .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-bg.sidebar-right,
      .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar,
      .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar-bg {
        display: none !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar:not(.sidebar-right),
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed #nfSidebarUser {
        left: 0 !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right,
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar-bg.sidebar-right,
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar,
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar-bg {
        right: 0 !important;
        left: auto !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar.page-right-sidebar-collapsed .sidebar.sidebar-right,
      body.boxed-layout #page-container.page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-bg.sidebar-right,
      body.boxed-layout #page-container.page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar,
      body.boxed-layout #page-container.page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar-bg {
        display: none !important;
      }

  /* BOXED LAYOUT BASE */

  body.boxed-layout #page-container.page-with-one-sidebar {
        max-width: var(--nf-boxed-two-col-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar .page-container-inner {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar .page-container-bg,
      body.boxed-layout .page-with-two-sidebar .page-container-bg {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar .content,
      body.boxed-layout #page-container.page-with-two-sidebar .footer,
      body.boxed-layout #page-container.page-with-two-sidebar.page-with-wide-sidebar .content,
      body.boxed-layout #page-container.page-with-two-sidebar.page-with-wide-sidebar .footer {
        margin-left: var(--nf-sidebar-width) !important;
        margin-right: var(--nf-sidebar-width) !important;
        box-sizing: border-box !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar.page-right-sidebar-collapsed .content,
      body.boxed-layout #page-container.page-with-two-sidebar.page-right-sidebar-collapsed .footer,
      body.boxed-layout #page-container.page-with-two-sidebar.page-right-sidebar-collapsed #content {
        margin-right: 0 !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-minified .content,
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-minified .footer,
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-minified.page-with-wide-sidebar .content,
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-minified.page-with-wide-sidebar .footer,
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-minified #content {
        margin-left: var(--nf-sidebar-minified-width) !important;
      }

  /* BREAKPOINT DEBUG */

  #nf-breakpoint-debug .bp-desktop {
        display: inline-flex;
      }
}

@media (min-width: 1018px) and (max-width: 1279.98px) {

  /* BOXED LAYOUT BASE */

  body.boxed-layout #page-container.page-with-one-sidebar .page-container-inner {
        width: calc(100% - (var(--nf-boxed-desktop-inset) * 2)) !important;
        max-width: calc(100% - (var(--nf-boxed-desktop-inset) * 2)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
      }

  body.boxed-layout #page-container.page-with-one-sidebar .page-container-bg {
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
    }
}

@media (max-width: 1279.98px) {

  /* HEADER / NAVIGATION */

  body.boxed-layout #page-container.page-with-one-sidebar,
      body.boxed-layout.page-header-fixed #page-container.page-with-one-sidebar ~ .header,
      body.boxed-layout #page-container.page-with-one-sidebar + .header,
      body.boxed-layout #page-container.page-with-one-sidebar .header {
        max-width: var(--nf-boxed-two-col-width) !important;
      }
}

@media (min-width: 768px) {

  /* CORE PAGE LAYOUT */

  .page-content-full-height .content {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        -ms-transform: translateZ(0);
        transform: translateZ(0);
      }

  .page-sidebar-minified .map {
        left: var(--nf-sidebar-minified-width);
      }

  .page-with-wide-sidebar .content {
        margin-left: var(--nf-sidebar-width);
      }

  .page-with-wide-sidebar .footer {
        margin-left: var(--nf-sidebar-width);
        margin-right: 0;
      }

  .page-with-wide-sidebar .map {
        left: var(--nf-sidebar-width);
      }

  .page-with-wide-sidebar.page-with-right-sidebar .content {
        margin-left: 0;
        margin-right: var(--nf-sidebar-width);
      }

  .page-with-wide-sidebar.page-with-right-sidebar .footer {
        margin-left: var(--nf-footer-side-gap);
        margin-right: calc(var(--nf-footer-side-gap) + var(--nf-sidebar-width));
      }

  .page-with-wide-sidebar.page-with-right-sidebar .map {
        left: 0;
        right: var(--nf-sidebar-width);
      }

  .page-with-wide-sidebar.page-sidebar-minified:not(.page-with-right-sidebar) .content {
        margin-left: var(--nf-sidebar-minified-width);
      }

  .page-with-wide-sidebar.page-sidebar-minified:not(.page-with-two-sidebar) .footer {
        margin-left: 90px;
        margin-right: var(--nf-footer-side-gap);
      }

  .page-with-wide-sidebar.page-sidebar-minified .map {
        left: var(--nf-sidebar-minified-width);
      }

  .page-header-fixed {
        padding-top: var(--nf-header-height) !important;
      }

  /* HEADER / NAVIGATION */

  .header .nf-navbar-toggle {
        display: none;
      }

  .header .navbar-collapse {
        display: block;
        flex-basis: initial;
      }

  #header.header {
        flex-direction: row;
        align-items: center;
      }

  #header .header-mobile-top {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        min-width: 0;
      }

  #header .header-mobile-network {
        display: flex;
        align-items: center;
        width: auto;
        border-top: 0;
      }

  #header .header-mobile-network #header-navbar {
        width: auto;
        justify-content: flex-end;
      }

  #header .header-mobile-network #header-navbar > li {
        flex: 0 0 auto;
      }

  #header .navbar-right-toggle-desktop-item {
        display: inline-flex !important;
      }

  /* SIDEBARS / USERMENU / INFOCARD */

  .page-with-top-menu,
      .page-with-top-menu .sidebar,
      .page-with-top-menu.page-header-fixed {
        padding-top: 90px;
      }

  .boxed-layout .sidebar,
      .boxed-layout .sidebar-bg {
        left: auto;
        right: auto;
      }

  /* BOXED LAYOUT BASE */

  .boxed-layout .page-with-one-sidebar .page-with-wide-sidebar.page-with-right-sidebar .footer {
        margin-left: var(--nf-footer-side-gap);
        margin-right: var(--nf-footer-side-gap);
      }
}

@media (min-width: 992px) {

  /* CORE PAGE LAYOUT */

  .page-header-fixed .page-container-inner {
      min-height: calc(100vh - var(--nf-header-height));
      display: flex;
      flex-direction: column;
    }

  .page-header-fixed #content,
    .page-header-fixed .content {
      flex: 1 0 auto;
      min-height: 0 !important;
    }

  .page-header-fixed .footer {
      flex-shrink: 0;
    }

  .page-with-two-sidebar .content,
      .page-with-two-sidebar .footer,
      .page-with-two-sidebar.page-with-wide-sidebar .footer {
        margin-right: var(--nf-sidebar-width);
      }

  .page-with-wide-sidebar.page-with-two-sidebar .content {
        margin-left: var(--nf-sidebar-width);
        margin-right: var(--nf-sidebar-width);
      }

  .page-with-one-sidebar .content,
      .page-with-wide-sidebar .content,
      .page-with-two-sidebar .content {
        margin-left: var(--nf-sidebar-width) !important;
      }

  .page-with-one-sidebar .footer,
      .page-with-wide-sidebar .footer,
      .page-with-two-sidebar .footer {
        margin-left: var(--nf-sidebar-width) !important;
      }

  .page-with-two-sidebar .content,
      .page-with-two-sidebar .footer {
        margin-right: var(--nf-sidebar-width) !important;
      }

  .page-with-two-sidebar.page-right-sidebar-collapsed .content,
      .page-with-two-sidebar.page-right-sidebar-collapsed .footer {
        margin-right: 0 !important;
      }

  /* SIDEBARS / USERMENU / INFOCARD */

  .page-with-two-sidebar .sidebar-right.sidebar,
      .page-with-two-sidebar .sidebar-right.sidebar-bg {
        position: absolute;
        right: 0;
        left: auto;
      }

  body:not(.boxed-layout) .page-sidebar-fixed .sidebar:not(.sidebar-right),
  body:not(.boxed-layout) .page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
  body:not(.boxed-layout).page-sidebar-fixed .sidebar:not(.sidebar-right),
  body:not(.boxed-layout).page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
  body:not(.boxed-layout).page-sidebar-fixed #nfSidebarUser {
        position: fixed !important;
        top: var(--nf-header-height) !important;
        bottom: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: var(--nf-sidebar-width) !important;
        padding-top: 0 !important;
      }

  .page-sidebar-fixed .sidebar-bg:not(.sidebar-right) {
        z-index: 80 !important;
      }

  .page-sidebar-fixed .sidebar:not(.sidebar-right),
      .page-sidebar-fixed #nfSidebarUser {
        z-index: 81 !important;
      }

  .page-container:not(.page-sidebar-fixed) .sidebar:not(.sidebar-right),
      .page-container:not(.page-sidebar-fixed) .sidebar-bg:not(.sidebar-right) {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        padding-top: var(--nf-header-height);
      }

  .page-with-two-sidebar .sidebar.sidebar-right,
      .page-with-two-sidebar .sidebar-bg.sidebar-right,
      .page-with-two-sidebar .sidebar-right.sidebar,
      .page-with-two-sidebar .sidebar-right.sidebar-bg {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        right: 0 !important;
        width: var(--nf-sidebar-width) !important;
        display: block !important;
        transform: none !important;
        transition: none !important;
      }

  .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right,
      .page-with-two-sidebar.page-sidebar-fixed .sidebar-bg.sidebar-right,
      .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar,
      .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar-bg {
        position: fixed !important;
        bottom: 0 !important;
      }

  .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar.sidebar-right,
      .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-bg.sidebar-right,
      .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar,
      .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar-bg {
        display: none !important;
      }

  /* BOXED LAYOUT BASE */

  .page-sidebar-minified #content,
      .page-sidebar-minified .content,
      .page-sidebar-minified .footer,
      body.boxed-layout .page-sidebar-minified #content,
      body.boxed-layout .page-sidebar-minified .content,
      body.boxed-layout .page-sidebar-minified .footer {
        margin-left: var(--nf-sidebar-minified-width) !important;
      }
}

@media (min-width: 1010px) {

  /* HEADER / NAVIGATION */

  body.boxed-layout .header .nf-navbar-toggle {
        display: none !important;
      }

  /* BOXED LAYOUT BASE */

  body.boxed-layout .page-with-two-sidebar .content,
      body.boxed-layout .page-with-one-sidebar .content,
      body.boxed-layout .page-with-wide-sidebar .content {
        min-width: var(--nf-content-min-width);
      }
}

@media (min-width: 1018px) {

  /* HEADER / NAVIGATION */

  body.boxed-layout.page-header-fixed #page-container.page-with-one-sidebar ~ .header,
      body.boxed-layout #page-container.page-with-one-sidebar + .header,
      body.boxed-layout #page-container.page-with-one-sidebar .header {
        max-width: var(--nf-boxed-two-col-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

  body.boxed-layout #page-container.page-with-one-sidebar ~ .header,
      body.boxed-layout #page-container.page-with-one-sidebar + .header,
      body.boxed-layout #page-container.page-with-one-sidebar .header {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
      }

  /* BOXED LAYOUT BASE */

  body.boxed-layout #page-container.page-with-one-sidebar {
        max-width: var(--nf-boxed-two-col-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

  body.boxed-layout #page-container.page-with-one-sidebar .content,
      body.boxed-layout #page-container.page-with-one-sidebar .footer,
      body.boxed-layout #page-container.page-with-one-sidebar.page-with-wide-sidebar .content,
      body.boxed-layout #page-container.page-with-one-sidebar.page-with-wide-sidebar .footer {
        max-width: 768px !important;
      }
}

@media (min-width: 1019px) {

  /* BOXED LAYOUT BASE */

  body.boxed-layout #page-container.page-with-one-sidebar .page-container-inner {
        width: calc(100% - (var(--nf-boxed-desktop-inset) * 2)) !important;
        max-width: calc(100% - (var(--nf-boxed-desktop-inset) * 2)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
      }
}

@media (max-width: 768px), (min-width: 1200px) {

  /* HEADER / NAVIGATION */

  .header .sidebar-right-toggle {
        display: none;
      }
}

@media (min-width: 1200px) {

  /* CORE PAGE LAYOUT */

  .page-with-two-sidebar .content,
      .page-with-two-sidebar .footer,
      .page-with-two-sidebar.page-with-wide-sidebar .footer {
        margin-right: var(--nf-sidebar-width);
      }

  .page-with-wide-sidebar.page-with-two-sidebar .content {
        margin-left: var(--nf-sidebar-width);
        margin-right: var(--nf-sidebar-width);
      }

  /* SIDEBARS / USERMENU / INFOCARD */

  .page-with-two-sidebar .sidebar-right.sidebar,
      .page-with-two-sidebar .sidebar-right.sidebar-bg {
        position: absolute;
        right: 0;
        left: auto;
      }
}

@media (min-width: 1220px) {

  /* HEADER / NAVIGATION */

  .boxed-layout .page-container,
      .boxed-layout .page-header-fixed .header {
        max-width: 1220px;
      }
}

@media (min-width: 1280px) {

  /* HEADER / NAVIGATION */

  body.boxed-layout.page-header-fixed .header,
      body.boxed-layout .page-header-fixed .header {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        width: 100%;
        max-width: var(--nf-boxed-three-col-width) !important;
        margin-left: auto;
        margin-right: auto;
      }

  body.boxed-layout .page-container.page-with-one-sidebar,
      body.boxed-layout .page-container.page-with-one-sidebar .header {
        max-width: var(--nf-boxed-two-col-width) !important;
      }

  body.boxed-layout.page-header-fixed .page-container.page-with-one-sidebar ~ .header,
      body.boxed-layout .page-container.page-with-one-sidebar + .header {
        max-width: var(--nf-boxed-two-col-width) !important;
      }

  /* SIDEBARS / USERMENU / INFOCARD */

  body.boxed-layout .page-with-two-sidebar .sidebar.sidebar-right,
    body.boxed-layout .page-with-two-sidebar .sidebar-bg.sidebar-right,
    body.boxed-layout .page-with-two-sidebar .sidebar-right.sidebar,
    body.boxed-layout .page-with-two-sidebar .sidebar-right.sidebar-bg {
      position: absolute !important;
      top: 0 !important;
      right: 0 !important;
      left: auto !important;
      width: var(--nf-sidebar-width);
      margin-left: 0 !important;
      display: block !important;
    }

  body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right,
      body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-bg.sidebar-right,
      body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar,
      body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar-bg {
        position: fixed !important;
        bottom: 0 !important;
        left: auto !important;
        right: calc((100vw - var(--nf-boxed-three-col-width)) / 2) !important;
        width: var(--nf-sidebar-width) !important;
        margin-left: 0 !important;
        transform: none !important;
        transition: none !important;
      }

  body.boxed-layout .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar.sidebar-right,
      body.boxed-layout .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-bg.sidebar-right,
      body.boxed-layout .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar,
      body.boxed-layout .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar-bg {
        display: none !important;
      }

  body.boxed-layout .page-with-two-sidebar .sidebar.sidebar-right,
      body.boxed-layout .page-with-two-sidebar .sidebar-bg.sidebar-right,
      body.boxed-layout .page-with-two-sidebar .sidebar-right.sidebar,
      body.boxed-layout .page-with-two-sidebar .sidebar-right.sidebar-bg {
        position: absolute !important;
        top: 0 !important;
        right: var(--nf-boxed-desktop-inset) !important;
        left: auto !important;
        width: var(--nf-sidebar-width) !important;
        margin-left: 0 !important;
        display: block !important;
      }

  body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right,
      body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-bg.sidebar-right,
      body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar,
      body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar-bg {
        position: fixed !important;
        bottom: 0 !important;
        left: auto !important;
        right: calc((100vw - var(--nf-boxed-three-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
        width: var(--nf-sidebar-width) !important;
        margin-left: 0 !important;
      }

  body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar:not(.sidebar-right),
      body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
      body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed #nfSidebarUser {
        position: fixed !important;
        top: var(--nf-header-height) !important;
        bottom: 0 !important;
        left: calc((100vw - var(--nf-boxed-two-col-width)) / 2);
        right: auto !important;
        width: var(--nf-sidebar-width);
        padding-top: 0 !important;
      }

  body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar:not(.sidebar-right),
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
      body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed #nfSidebarUser {
        position: fixed !important;
        top: var(--nf-header-height) !important;
        bottom: 0 !important;
        left: calc((100% - var(--nf-boxed-three-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
        right: auto !important;
        width: var(--nf-sidebar-width);
        padding-top: 0 !important;
        margin-left: 0 !important;
      }

  body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right,
    body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-bg.sidebar-right,
    body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar,
    body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar-bg {
      right: calc((100% - var(--nf-boxed-three-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
      margin-right: 0 !important;
    }

  body.boxed-layout.page-sidebar-fixed #page-container.page-with-one-sidebar .sidebar:not(.sidebar-right),
    body.boxed-layout.page-sidebar-fixed #page-container.page-with-one-sidebar .sidebar-bg:not(.sidebar-right),
    body.boxed-layout.page-sidebar-fixed #page-container.page-with-one-sidebar #nfSidebarUser,
    body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar:not(.sidebar-right),
    body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
    body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed #nfSidebarUser {
      left: calc((100% - var(--nf-boxed-two-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
      margin-left: 0 !important;
    }

  body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar:not(.sidebar-right),
    body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
    body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed #nfSidebarUser {
      left: calc((100% - var(--nf-boxed-three-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
    }

  body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right,
    body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-bg.sidebar-right,
    body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar,
    body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar-bg {
      right: calc((100% - var(--nf-boxed-three-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
    }

  body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar:not(.sidebar-right),
    body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
    body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed #nfSidebarUser {
      left: calc((100% - var(--nf-boxed-two-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
    }

  /* BOXED LAYOUT BASE */

  body.boxed-layout .page-with-wide-sidebar .content,
      body.boxed-layout .page-with-two-sidebar.page-with-wide-sidebar .content {
        margin-left: var(--nf-sidebar-width) !important;
      }

  body.boxed-layout .page-with-two-sidebar.page-right-sidebar-collapsed .content,
      body.boxed-layout .page-with-two-sidebar.page-right-sidebar-collapsed .footer {
        margin-right: 0 !important;
      }

  body.boxed-layout .page-container {
        width: 100%;
        max-width: var(--nf-boxed-three-col-width) !important;
        margin-left: auto;
        margin-right: auto;
        overflow: visible;
      }

  body.boxed-layout .page-container-inner {
        box-sizing: border-box;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

  body.boxed-layout .page-container-bg {
        position: absolute;
        left: var(--nf-boxed-desktop-inset) !important;
        right: var(--nf-boxed-desktop-inset) !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
      }

  body.boxed-layout .page-container-inner {
        box-sizing: border-box;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

  body.boxed-layout .page-with-two-sidebar .content,
      body.boxed-layout .page-with-two-sidebar .footer,
      body.boxed-layout .page-with-two-sidebar.page-with-wide-sidebar .content,
      body.boxed-layout .page-with-two-sidebar.page-with-wide-sidebar .footer {
        margin-right: var(--nf-sidebar-width) !important;
        box-sizing: border-box !important;
      }

  body.boxed-layout .page-with-two-sidebar.page-right-sidebar-collapsed #content {
        margin-right: 0 !important;
      }

  /* BREAKPOINT DEBUG */

  #nf-breakpoint-debug .bp-desktop-boxed {
        display: inline-flex;
      }
}

@media (hover: none) {

  /* MEDIA / PHOTO GRIDS */

  .nf-embedded-image-copy-btn {
      opacity: .92;
    }
}



/* =========================================================
   HEADER TABLET HARD SINGLE ROW FIX
   576px–991.98px
   ========================================================= */

@media (min-width: 576px) and (max-width: 991.98px) {
  #header.header,
  #header .header-main,
  #header .header-left,
  #header .nf-navbar-header,
  #header .nf-header-brand-cluster {
    height: var(--nf-header-height) !important;
    min-height: var(--nf-header-height) !important;
    max-height: var(--nf-header-height) !important;
  }

  #header .header-main {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  #header .header-left {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 42% !important;
    overflow: visible !important;
  }

  #header .nf-navbar-header {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: auto !important;
    overflow: visible !important;
  }

  #header .nf-header-brand-cluster {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #header .nf-header-brand {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  #header .nf-header-brand-actions {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: auto !important;
    margin-left: .25rem !important;
  }

  #header .nf-header-action-dropdown,
  #header .nf-header-action-btn {
    flex: 0 0 auto !important;
  }

  #header .header-network {
    order: 0 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    border-top: 0 !important;
  }

  #header .header-network #header-navbar {
    justify-content: flex-end !important;
    width: auto !important;
    margin-left: auto !important;
    gap: .25rem;
  }

  #header .header-network #header-navbar > li {
    flex: 0 0 auto !important;
  }

  #header .header-network #header-navbar > li > a {
    height: var(--nf-header-height) !important;
    min-height: var(--nf-header-height) !important;
    padding: 0 .5rem !important;
  }

  #header .header-actions {
    flex: 0 0 auto !important;
    height: var(--nf-header-height) !important;
    min-height: var(--nf-header-height) !important;
    margin-left: .5rem !important;
  }

  .page-header-fixed {
    padding-top: var(--nf-header-height) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-sidebar-toggled .sidebar,
  .page-sidebar-toggled .sidebar-bg,
  .page-sidebar-toggled.page-sidebar-minified.sidebar,
  .page-sidebar-toggled.page-sidebar-minified.sidebar-bg,
  .page-with-wide-sidebar.page-sidebar-toggled .sidebar,
  .page-with-wide-sidebar.page-sidebar-toggled .sidebar-bg,
  .page-with-wide-sidebar.page-sidebar-toggled.page-with-right-sidebar .sidebar,
  .page-with-wide-sidebar.page-sidebar-toggled.page-with-right-sidebar .sidebar-bg,
  .page-with-wide-sidebar.page-with-two-sidebar.page-right-sidebar-toggled.sidebar,
  .page-with-wide-sidebar.page-with-two-sidebar.page-right-sidebar-toggled.sidebar-bg {
    -ms-animation: none;
    animation: none;
  }

  .header,
  .sidebar li > a .caret::before,
  .sidebar .nav > li.nav-profile .cover.with-shadow::before,
  .sidebar .nav > li.nav-profile-right .cover.with-shadow::before {
    transition-duration: var(--nf-shell-reduced-motion-duration);
  }
}


/* =========================================================
   HEADER HEIGHT HARDENING
   Fix für .header-left / .navbar-brand in boxed + normal
   ========================================================= */

@media (min-width: 576px) {
  body #header.header {
    height: var(--nf-header-height) !important;
    min-height: var(--nf-header-height) !important;
    max-height: var(--nf-header-height) !important;
  }

  body #header .header-main,
  body #header .header-left,
  body #header .nf-navbar-header,
  body #header .nf-header-brand-cluster,
  body #header .nf-header-brand,
  body #header .nf-header-brand-actions,
  body #header .header-network,
  body #header .header-actions {
    height: var(--nf-header-height) !important;
    min-height: var(--nf-header-height) !important;
    max-height: var(--nf-header-height) !important;
    box-sizing: border-box !important;
  }

  body #header .header-left,
  body #header .nf-navbar-header,
  body #header .nf-header-brand-cluster {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  body #header .nf-header-brand {
    flex: 0 0 auto !important;
    align-items: center !important;
    padding: 0 .65rem !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body #header .nf-header-logo {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body #header .nf-header-brand-actions {
    flex: 0 0 auto !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  body.boxed-layout #header .header-left,
  body.boxed-layout #header .nf-navbar-header,
  body.boxed-layout #header .nf-header-brand,
  body.boxed-layout #header .nf-header-brand-cluster {
    height: var(--nf-header-height) !important;
    min-height: var(--nf-header-height) !important;
    max-height: var(--nf-header-height) !important;
  }

  body.boxed-layout.page-header-fixed #header.header,
  body.boxed-layout .page-header-fixed #header.header {
    height: var(--nf-header-height) !important;
    min-height: var(--nf-header-height) !important;
    max-height: var(--nf-header-height) !important;
  }
}

/* =========================================================
   HEADER XS BRAND CENTER FIX
   Smartphone hochkant: Logo-Cluster exakt mittig
   ========================================================= */

@media (max-width: 575.98px) {
  #header .header-main {
    position: relative;
  }

  #header .header-left,
  #header .nf-navbar-header {
    position: static !important;
  }

  #header .nf-navbar-toggle {
    position: relative;
    z-index: 3;
  }

  #header .header-actions {
    position: relative;
    z-index: 3;
    margin-left: auto !important;
  }

  #header .nf-header-brand-cluster {
    position: absolute !important;
    left: 50%;
    top: 0;
    z-index: 2;

    transform: translateX(-50%);

    height: var(--nf-header-height) !important;
    min-height: var(--nf-header-height) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;

    max-width: calc(100vw - 128px);
    overflow: visible !important;
  }

  #header .nf-header-brand {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }

  #header .nf-header-logo {
    max-width: 104px;
  }

  #header .nf-header-brand-actions {
    flex: 0 0 auto !important;
    margin-left: .1rem !important;
  }
}

/* =========================================================
   HEADER XS CONTENT OFFSET FIX
   Header oben 50px + Netzwerkleiste 38px = kein Abstand
   ========================================================= */

@media (max-width: 575.98px) {
  .page-header-fixed {
    padding-top: calc(var(--nf-header-height) + 38px) !important;
  }

  #header .header-network {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }

  #header .header-network #header-navbar > li > a {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }
}

/* Mobile header status rail */
@media (max-width: 575.98px) {
  #header .header-main {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: var(--nf-header-height) 38px;
    grid-template-areas:
      "left brand account"
      "status network network";
    align-items: center !important;
    direction: ltr;
  }

  #header .header-left {
    grid-area: left;
    display: flex !important;
    align-items: center !important;
    min-width: 0;
  }

  #header .nf-navbar-header {
    width: auto !important;
    min-width: 0;
  }

  #header .nf-header-brand-cluster {
    position: absolute !important;
    left: 50%;
    top: 0;
    z-index: 2;
    min-width: 0;
    max-width: calc(100vw - 128px);
    transform: translateX(-50%) !important;
  }

  #header .header-actions {
    grid-area: account;
    margin-left: 0 !important;
  }

  #header .nf-header-brand-actions {
    grid-area: status;
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    align-self: stretch;
    gap: .35rem !important;
    height: 38px !important;
    min-height: 38px !important;
    margin-inline: .35rem .25rem !important;
    white-space: nowrap;
  }

  #header .nf-header-action-dropdown,
  #header .nf-header-action-btn {
    height: 38px;
  }

  #header .nf-header-action-btn {
    width: 38px;
    min-width: 38px;
  }

  #header .header-network {
    grid-area: network;
    display: flex !important;
    align-items: center;
    order: initial !important;
    width: auto !important;
    min-width: 0;
    height: 38px !important;
    min-height: 38px !important;
  }

  #header .header-network #header-navbar {
    justify-content: flex-end !important;
    width: auto;
    height: 38px;
    margin-left: auto;
    /* Keep a clearly visible, equal separation between the four network controls. */
    gap: .7rem !important;
    padding: 0 !important;
  }

  #header .header-network #header-navbar > li {
    flex: 0 0 40px !important;
    min-width: 40px;
    margin: 0 !important;
  }

  #header .header-network #header-navbar > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px !important;
    min-height: 38px !important;
    padding-inline: 0 !important;
  }

  html[dir="rtl"] #header .header-main > * {
    direction: rtl;
  }
}


/* ------------------------------------------------------------
   Header Netmail Reaction Pulse: layout-neutral
------------------------------------------------------------ */

#header .header-network #header-navbar .header-menu-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;

  line-height: 1 !important;
  vertical-align: middle !important;

  /* verhindert, dass absolute/inline Inhalte die Box-Höhe verändern */
  contain: layout !important;
}

#header .header-network #header-navbar .nf-header-icon-wrap {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 1em !important;
  height: 1em !important;
  min-width: 1em !important;
  min-height: 1em !important;
  max-width: 1em !important;
  max-height: 1em !important;

  padding: 0 !important;
  margin: 0 !important;

  line-height: 1 !important;
  vertical-align: middle !important;

  flex: 0 0 auto !important;
}

#header .header-network #header-navbar .nf-header-icon-wrap > i {
  position: static !important;
  top: auto !important;

  display: block !important;

  width: 1em !important;
  height: 1em !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 1em !important;
  line-height: 1 !important;
}

#header .header-network #header-navbar .nf-header-reaction-pulse {
  position: absolute !important;

  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 20;

  width: 1.36rem !important;
  height: 1.36rem !important;
  min-width: 1.36rem !important;
  min-height: 1.36rem !important;
  max-width: 1.36rem !important;
  max-height: 1.36rem !important;

  padding: 0 !important;
  margin: 0 !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  background: var(--bs-body-bg, #fff);
  border: 2px solid var(--bs-primary);
  box-shadow: 0 .25rem .65rem rgba(0, 0, 0, .18);

  font-size: .74rem !important;
  line-height: 1 !important;

  pointer-events: none;

  transform: translate(-50%, -50%) !important;
}

#header .header-network #header-navbar .nf-header-reaction-pulse > i {
  position: static !important;
  top: auto !important;

  display: block !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: inherit !important;
  line-height: 1 !important;
}

#header .header-network #header-navbar .nf-header-reaction-pulse.d-none {
  display: none !important;
}

#header .header-network #header-navbar .nf-header-reaction-pulse.is-active {
  animation: nfHeaderReactionPulseCentered var(--nf-shell-header-reaction-duration) ease both;
}

@keyframes nfHeaderReactionPulseCentered {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.55);
  }

  12% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.12);
  }

  24% {
    transform: translate(-50%, -50%) scale(1);
  }

  78% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.85);
  }
}

@media (prefers-reduced-motion: reduce) {
  #header .header-network #header-navbar .nf-header-reaction-pulse.is-active {
    animation: none;
    opacity: 1;
  }
}

#header .header-network #header-navbar .nf-header-reaction-pulse.text-yellow {
  color: #d6a000;
}

#header .header-network #header-navbar .nf-header-reaction-pulse.text-orange {
  color: #f28c28;
}

/* =========================================================
   HEADER RTL DIRECTION LAYER
   Mirrors header-only presentation while preserving the shared
   controls, breakpoint heights and existing interaction hooks.
   ========================================================= */

html[dir="rtl"] #header {
  direction: rtl;
}

html[dir="rtl"] #header .header-actions {
  margin-right: 12px;
  margin-left: .5rem;
}

html[dir="rtl"] #header .nf-header-brand-actions {
  margin-right: .15rem;
  margin-left: 0;
}

html[dir="rtl"] #header .nf-header-logo-flag {
  right: auto;
  left: -.55rem;
}

html[dir="rtl"] #header #logo_username {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] #header .nf-header-icon-badge {
  right: 100%;
  left: auto;
  transform: translate(50%, -50%);
}

html[dir="rtl"] #header .nf-avatar-indicator {
  right: auto !important;
  left: 0 !important;
}

html[dir="rtl"] #header .dropdown-menu {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] #header .dropdown-menu.dropdown-menu-end {
  right: auto;
  left: 0;
}

html[dir="rtl"] #header .nf-header-brand-actions .dropdown-menu {
  right: 0;
  left: auto;
}

html[dir="rtl"] #header .header-network #header-navbar {
  width: 100% !important;
  margin: 0 !important;
  direction: ltr;
  flex-direction: row-reverse;
  justify-content: flex-end !important;
}

html[dir="rtl"] #header .header-network #header-navbar > li > a {
  direction: rtl;
}

html[dir="rtl"] #header .ms-2 {
  margin-right: .5rem !important;
  margin-left: 0 !important;
}

html[dir="rtl"] #header .me-2 {
  margin-right: 0 !important;
  margin-left: .5rem !important;
}

html[dir="rtl"] #header .m-l-10 {
  margin-right: 10px !important;
  margin-left: 0 !important;
}

html[dir="rtl"] #header .m-l-20 {
  margin-right: 20px !important;
  margin-left: 0 !important;
}

html[dir="rtl"] #header .fa-location-arrow {
  transform: scaleX(-1);
}

@media (min-width: 576px) and (max-width: 991.98px) {
  html[dir="rtl"] #header .nf-header-brand-actions {
    margin-right: .25rem !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] #header .header-actions {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
}

@media (max-width: 575.98px) {
  /* Grid areas stay physically deterministic; their contents remain RTL. */
  html[dir="rtl"] #header .header-main {
    grid-template-areas:
      "account brand left"
      "network network status";
  }

  html[dir="rtl"] #header .header-actions {
    margin-right: 0 !important;
    margin-left: .5rem !important;
  }

  html[dir="rtl"] #header .nf-header-brand-actions {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] #header .header-network #header-navbar {
    padding: 0 !important;
  }

  html[dir="rtl"] #header .header-network .nf-header-icon-badge {
    transform: translate(35%, -55%);
  }
}

/* =========================================================
   SIDEBAR RTL DIRECTION LAYER
   Mirrors the physical shell placement while the established
   page-sidebar/page-right-sidebar state classes stay unchanged.
   ========================================================= */

html[dir="rtl"] #nfSidebarUser,
html[dir="rtl"] #sidebar-right {
  direction: rtl;
  text-align: right;
  text-align: start;
}

html[dir="rtl"] .sidebar .nav > li > a i {
  float: right;
  margin: -3px 0 -3px 5px;
}

html[dir="rtl"] .sidebar .nav > li > a .icon-img {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

html[dir="rtl"] .sidebar li > a .caret {
  float: left;
}

html[dir="rtl"] .sidebar .sub-menu > li > a {
  padding: 3px 15px 3px 20px;
}

html[dir="rtl"] .sidebar .sub-menu > li > a .caret {
  right: -5px;
  left: auto;
}

html[dir="rtl"] .sidebar .sub-menu .sub-menu {
  padding: 0 15px 0 0;
}

html[dir="rtl"] #nfSidebarUser .os-scrollbar.os-scrollbar-vertical {
  right: auto !important;
  left: 0 !important;
}

/* Clear the browser's RTL start indent; component-specific list padding still wins. */
html[dir="rtl"] ul {
  padding-right: 0;
}

/* Component lists need the same reset even when their source rules are stronger. */
html[dir="rtl"] #nfSidebarUser #sidebar-infocard,
html[dir="rtl"] #nfSidebarUser .nav.nav-profile,
html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu {
  padding-right: 0 !important;
  padding-inline-start: 0 !important;
}

html[dir="rtl"] #nav-profile .infocard-name {
  padding-right: 0 !important;
  padding-left: 1.35rem !important;
}

html[dir="rtl"] ul.nav.nav-tabs {
  /* Reset the UL browser defaults that otherwise reappear on the RTL start side. */
  direction: rtl;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-inline: 0 !important;

  /* Keep the intentional bottom spacing, but reset both inline margins. */
  margin: 0 0 1rem !important;
  margin-inline: 0 !important;
}

html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu > li > a.nf-usermenu-main {
  padding-right: .4rem !important;
  padding-left: 70px !important;
}

html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu > li > a.nf-usermenu-news-hit {
  right: auto;
  left: 0;
}

html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu > li > a.nf-usermenu-news-hit.d-none + a,
html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu > li:not(:has(> a.nf-usermenu-news-hit:not(.d-none))) > a.nf-usermenu-main {
  padding-right: .4rem !important;
  padding-left: .4rem !important;
}

html[dir="rtl"] .page-sidebar-minified #nfSidebarUser .nav.nav-usermenu > li > a.nf-usermenu-main {
  padding-right: .4rem !important;
  padding-left: .4rem !important;
}

html[dir="rtl"] .page-sidebar-minified #nfSidebarUser .nav.nav-usermenu > li > a.nf-usermenu-main > strong[id$="-minified"] {
  right: auto;
  left: 8px;
}

html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit {
  box-shadow: inset -1px 0 0 rgba(var(--bs-primary-rgb), .35);
}

html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu > li > a.nf-usermenu-news-hit > span.nf-usermenu-news-badge::before {
  right: -4px;
  left: auto;
  border-right-color: transparent;
  border-left: 5px solid var(--bs-primary);
}

html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit > span.nf-usermenu-news-badge::before {
  border-right-color: transparent;
  border-left-color: #fff;
}

html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit[aria-expanded="true"] > span.nf-usermenu-news-badge::before,
html[dir="rtl"] #nfSidebarUser .nav.nav-usermenu > li.active > a.nf-usermenu-news-hit.is-open > span.nf-usermenu-news-badge::before {
  border-left-color: transparent;
}

html[dir="rtl"] #nfSidebarUser [data-click="sidebar-minify"] .fa-angle-left {
  transform: scaleX(-1);
}

html[dir="rtl"] #nfSidebarUser .me-1,
html[dir="rtl"] #sidebar-right .me-1 {
  margin-right: 0 !important;
  margin-left: .25rem !important;
}

html[dir="rtl"] #nfSidebarUser .me-2,
html[dir="rtl"] #sidebar-right .me-2 {
  margin-right: 0 !important;
  margin-left: .5rem !important;
}

html[dir="rtl"] #nfSidebarUser .ms-1,
html[dir="rtl"] #sidebar-right .ms-1 {
  margin-right: .25rem !important;
  margin-left: 0 !important;
}

html[dir="rtl"] #nfSidebarUser .ms-2,
html[dir="rtl"] #sidebar-right .ms-2 {
  margin-right: .5rem !important;
  margin-left: 0 !important;
}

html[dir="rtl"] #sidebar-right .m-r-5 {
  margin-right: 0 !important;
  margin-left: 5px !important;
}

html[dir="rtl"] #sidebar-right .m-l-10 {
  margin-right: 10px !important;
  margin-left: 0 !important;
}

html[dir="rtl"] #sidebar-right .p-l-15 {
  padding-right: 15px !important;
  padding-left: 0 !important;
}

html[dir="rtl"] #sidebar-right .p-r-5 {
  padding-right: 0 !important;
  padding-left: 5px !important;
}

html[dir="rtl"] #sidebar-right [id^="mutual_contacts_"] img {
  margin: 0 -15px 0 0 !important;
}

@media (max-width: 767.98px) {
  html[dir="rtl"] .sidebar:not(.sidebar-right),
  html[dir="rtl"] .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] #nfSidebarUser {
    left: auto !important;
    right: calc(var(--nf-mobile-sidebar-width) * -1) !important;
  }

  html[dir="rtl"] .page-sidebar-toggled .sidebar:not(.sidebar-right),
  html[dir="rtl"] .page-sidebar-toggled .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] .page-sidebar-toggled #nfSidebarUser {
    left: auto !important;
    right: 0 !important;
    animation: sidebarSlideInRight var(--nf-shell-sidebar-overlay-duration);
  }

  html[dir="rtl"] .sidebar.sidebar-right,
  html[dir="rtl"] .sidebar-bg.sidebar-right,
  html[dir="rtl"] .sidebar-right.sidebar,
  html[dir="rtl"] .sidebar-right.sidebar-bg {
    left: calc(var(--nf-sidebar-width) * -1) !important;
    right: auto !important;
  }

  html[dir="rtl"] .page-right-sidebar-toggled .sidebar.sidebar-right,
  html[dir="rtl"] .page-right-sidebar-toggled .sidebar-bg.sidebar-right,
  html[dir="rtl"] .page-right-sidebar-toggled .sidebar-right.sidebar,
  html[dir="rtl"] .page-right-sidebar-toggled .sidebar-right.sidebar-bg {
    left: 0 !important;
    right: auto !important;
    animation: sidebarSlideInLeft var(--nf-shell-sidebar-overlay-duration);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[dir="rtl"] .sidebar:not(.sidebar-right),
  html[dir="rtl"] .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] #nfSidebarUser {
    left: auto !important;
    right: 0 !important;
  }

  html[dir="rtl"] .sidebar.sidebar-right,
  html[dir="rtl"] .sidebar-bg.sidebar-right,
  html[dir="rtl"] .sidebar-right.sidebar,
  html[dir="rtl"] .sidebar-right.sidebar-bg {
    left: calc(var(--nf-sidebar-width) * -1) !important;
    right: auto !important;
  }

  html[dir="rtl"] .page-right-sidebar-toggled .sidebar.sidebar-right,
  html[dir="rtl"] .page-right-sidebar-toggled .sidebar-bg.sidebar-right,
  html[dir="rtl"] .page-right-sidebar-toggled .sidebar-right.sidebar,
  html[dir="rtl"] .page-right-sidebar-toggled .sidebar-right.sidebar-bg {
    left: 0 !important;
    right: auto !important;
    animation: sidebarSlideInLeft var(--nf-shell-sidebar-overlay-duration);
  }

  html[dir="rtl"] .content,
  html[dir="rtl"] .footer,
  html[dir="rtl"] .page-with-one-sidebar .content,
  html[dir="rtl"] .page-with-one-sidebar .footer,
  html[dir="rtl"] .page-with-wide-sidebar .content,
  html[dir="rtl"] .page-with-wide-sidebar .footer,
  html[dir="rtl"] .page-with-two-sidebar .content,
  html[dir="rtl"] .page-with-two-sidebar .footer {
    margin-right: var(--nf-sidebar-width) !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] .page-sidebar-minified #content,
  html[dir="rtl"] .page-sidebar-minified .content,
  html[dir="rtl"] .page-sidebar-minified .footer {
    margin-right: var(--nf-sidebar-minified-width) !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .page-sidebar-fixed .sidebar:not(.sidebar-right),
  html[dir="rtl"] .page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] .page-sidebar-fixed #nfSidebarUser,
  html[dir="rtl"] .page-container:not(.page-sidebar-fixed) .sidebar:not(.sidebar-right),
  html[dir="rtl"] .page-container:not(.page-sidebar-fixed) .sidebar-bg:not(.sidebar-right) {
    left: auto !important;
    right: 0 !important;
  }

  html[dir="rtl"] .page-with-two-sidebar .sidebar.sidebar-right,
  html[dir="rtl"] .page-with-two-sidebar .sidebar-bg.sidebar-right,
  html[dir="rtl"] .page-with-two-sidebar .sidebar-right.sidebar,
  html[dir="rtl"] .page-with-two-sidebar .sidebar-right.sidebar-bg {
    left: 0 !important;
    right: auto !important;
  }

  html[dir="rtl"] .page-with-one-sidebar .content,
  html[dir="rtl"] .page-with-one-sidebar .footer,
  html[dir="rtl"] .page-with-wide-sidebar .content,
  html[dir="rtl"] .page-with-wide-sidebar .footer {
    margin-right: var(--nf-sidebar-width) !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] .page-with-two-sidebar .content,
  html[dir="rtl"] .page-with-two-sidebar .footer {
    margin-right: var(--nf-sidebar-width) !important;
    margin-left: var(--nf-sidebar-width) !important;
  }

  html[dir="rtl"] .page-with-two-sidebar.page-right-sidebar-collapsed .content,
  html[dir="rtl"] .page-with-two-sidebar.page-right-sidebar-collapsed .footer {
    margin-right: var(--nf-sidebar-width) !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] .page-sidebar-minified #content,
  html[dir="rtl"] .page-sidebar-minified .content,
  html[dir="rtl"] .page-sidebar-minified .footer {
    margin-right: var(--nf-sidebar-minified-width) !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] .page-with-two-sidebar.page-sidebar-minified .content,
  html[dir="rtl"] .page-with-two-sidebar.page-sidebar-minified .footer {
    margin-right: var(--nf-sidebar-minified-width) !important;
    margin-left: var(--nf-sidebar-width) !important;
  }

  html[dir="rtl"] .page-with-two-sidebar.page-sidebar-minified.page-right-sidebar-collapsed .content,
  html[dir="rtl"] .page-with-two-sidebar.page-sidebar-minified.page-right-sidebar-collapsed .footer {
    margin-right: var(--nf-sidebar-minified-width) !important;
    margin-left: 0 !important;
  }
}

/* Boxed two-column pages start at 1018 CSS pixels. Keep the fixed primary sidebar
   aligned to the container even when display scaling keeps the viewport below 1280 CSS pixels. */
@media (min-width: 1018px) and (max-width: 1279.98px) {
  html[dir="rtl"] body.boxed-layout.page-sidebar-fixed #page-container.page-with-one-sidebar .sidebar:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout.page-sidebar-fixed #page-container.page-with-one-sidebar .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout.page-sidebar-fixed #page-container.page-with-one-sidebar #nfSidebarUser,
  html[dir="rtl"] body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed #nfSidebarUser {
    left: auto !important;
    right: calc((100vw - var(--nf-boxed-two-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
  }

  html[dir="rtl"] body.boxed-layout:not(.page-sidebar-fixed) #page-container.page-with-one-sidebar:not(.page-sidebar-fixed) .sidebar:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout:not(.page-sidebar-fixed) #page-container.page-with-one-sidebar:not(.page-sidebar-fixed) .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout:not(.page-sidebar-fixed) #page-container.page-with-one-sidebar:not(.page-sidebar-fixed) #nfSidebarUser {
    left: auto !important;
    right: var(--nf-boxed-desktop-inset) !important;
  }
}

@media (min-width: 1280px) {
  /* Public pages can mount the fixed-sidebar state on either body or the page container. */
  html[dir="rtl"] body.boxed-layout.page-sidebar-fixed #page-container.page-with-one-sidebar .sidebar:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout.page-sidebar-fixed #page-container.page-with-one-sidebar .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout.page-sidebar-fixed #page-container.page-with-one-sidebar #nfSidebarUser,
  html[dir="rtl"] body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout #page-container.page-with-one-sidebar.page-sidebar-fixed #nfSidebarUser {
    left: auto !important;
    right: calc((100vw - var(--nf-boxed-two-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
  }

  /* Non-fixed primary sidebars are absolutely positioned inside the boxed page container. */
  html[dir="rtl"] body.boxed-layout:not(.page-sidebar-fixed) #page-container.page-with-one-sidebar:not(.page-sidebar-fixed) .sidebar:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout:not(.page-sidebar-fixed) #page-container.page-with-one-sidebar:not(.page-sidebar-fixed) .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout:not(.page-sidebar-fixed) #page-container.page-with-one-sidebar:not(.page-sidebar-fixed) #nfSidebarUser {
    left: auto !important;
    right: var(--nf-boxed-desktop-inset) !important;
  }

  html[dir="rtl"] body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout #page-container.page-with-two-sidebar.page-sidebar-fixed #nfSidebarUser {
    left: auto !important;
    right: calc((100% - var(--nf-boxed-three-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
  }

  /* The primary sidebar is not always marked as fixed, but it still belongs inside the boxed two-column shell. */
  html[dir="rtl"] body.boxed-layout #page-container.page-with-two-sidebar:not(.page-sidebar-fixed) .sidebar:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout #page-container.page-with-two-sidebar:not(.page-sidebar-fixed) .sidebar-bg:not(.sidebar-right),
  html[dir="rtl"] body.boxed-layout #page-container.page-with-two-sidebar:not(.page-sidebar-fixed) #nfSidebarUser {
    left: auto !important;
    right: calc((100% - var(--nf-boxed-three-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
  }

  html[dir="rtl"] body.boxed-layout .page-with-two-sidebar .sidebar.sidebar-right,
  html[dir="rtl"] body.boxed-layout .page-with-two-sidebar .sidebar-bg.sidebar-right,
  html[dir="rtl"] body.boxed-layout .page-with-two-sidebar .sidebar-right.sidebar,
  html[dir="rtl"] body.boxed-layout .page-with-two-sidebar .sidebar-right.sidebar-bg {
    left: var(--nf-boxed-desktop-inset) !important;
    right: auto !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right,
  html[dir="rtl"] body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-bg.sidebar-right,
  html[dir="rtl"] body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar,
  html[dir="rtl"] body.boxed-layout .page-with-two-sidebar.page-sidebar-fixed .sidebar-right.sidebar-bg {
    left: calc((100% - var(--nf-boxed-three-col-width)) / 2 + var(--nf-boxed-desktop-inset)) !important;
    right: auto !important;
    margin-left: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .page-sidebar-toggled .sidebar,
  html[dir="rtl"] .page-sidebar-toggled .sidebar-bg,
  html[dir="rtl"] .page-right-sidebar-toggled .sidebar,
  html[dir="rtl"] .page-right-sidebar-toggled .sidebar-bg {
    animation: none !important;
  }
}

/* =========================================================
   STANDARD FORM & PAGINATION RTL BASE LAYER
   Mirrors Bootstrap's directional component geometry while
   retaining Nerofix's existing theme tokens and markup.
   ========================================================= */

html[dir="rtl"] .form-label,
html[dir="rtl"] .form-text,
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select,
html[dir="rtl"] .form-check-label,
html[dir="rtl"] .valid-feedback,
html[dir="rtl"] .invalid-feedback {
  text-align: right;
  text-align: start;
}

html[dir="rtl"] .form-select {
  padding-right: .75rem;
  padding-left: 2.25rem;
  background-position: left .75rem center;
}

html[dir="rtl"] .form-select.form-select-sm {
  padding-right: .5rem;
  padding-left: 2.25rem;
}

html[dir="rtl"] .form-select.form-select-lg {
  padding-right: 1rem;
  padding-left: 2.25rem;
}

html[dir="rtl"] .form-check:not(.form-check-reverse) {
  padding-right: 1.5em;
  padding-left: 0;
}

html[dir="rtl"] .form-check:not(.form-check-reverse) .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

html[dir="rtl"] .form-check-reverse {
  padding-right: 0;
  padding-left: 1.5em;
  text-align: left;
  text-align: end;
}

html[dir="rtl"] .form-check-reverse .form-check-input {
  float: left;
  margin-right: 0;
  margin-left: -1.5em;
}

html[dir="rtl"] .form-check-inline {
  margin-right: 0;
  margin-left: 1rem;
}

html[dir="rtl"] .form-switch:not(.form-check-reverse) {
  padding-right: 2.5em;
  padding-left: 0;
}

html[dir="rtl"] .form-switch:not(.form-check-reverse) .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
  background-position: 100%;
}

html[dir="rtl"] .form-switch:not(.form-check-reverse) .form-check-input:checked {
  background-position: 0;
}

html[dir="rtl"] .form-floating > label {
  right: 0;
  left: auto;
  transform-origin: 100% 0;
}

html[dir="rtl"] .form-control[type="file"]::file-selector-button {
  margin-right: 0;
  margin-left: .75rem;
}

html[dir="rtl"] .input-group {
  direction: rtl;
}

html[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: calc(var(--bs-border-width) * -1);
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir="rtl"] .input-group > :first-child:not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-right-radius: var(--bs-btn-border-radius, var(--bs-border-radius));
  border-bottom-right-radius: var(--bs-btn-border-radius, var(--bs-border-radius));
}

html[dir="rtl"] .input-group > :last-child:not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: var(--bs-btn-border-radius, var(--bs-border-radius));
  border-bottom-left-radius: var(--bs-btn-border-radius, var(--bs-border-radius));
}

html[dir="rtl"] .input-group > .rounded-start-3:not(:last-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

html[dir="rtl"] .input-group > .rounded-start-3:first-child {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

html[dir="rtl"] .btn-group,
html[dir="rtl"] .btn-toolbar {
  direction: rtl;
}

html[dir="rtl"] .btn-group > .btn-group:not(:first-child),
html[dir="rtl"] .btn-group > :not(.btn-check:first-child) + .btn {
  margin-right: calc(var(--bs-border-width) * -1);
  margin-left: 0;
}

html[dir="rtl"] .btn-group > .btn-group:not(:last-child) > .btn,
html[dir="rtl"] .btn-group > .btn.dropdown-toggle-split:first-child,
html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir="rtl"] .btn-group > .btn-group:not(:first-child) > .btn,
html[dir="rtl"] .btn-group > .btn:nth-child(n + 3),
html[dir="rtl"] .btn-group > :not(.btn-check) + .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .btn-group > .btn:first-child,
html[dir="rtl"] .btn-group > .btn-check:first-child + .btn,
html[dir="rtl"] .btn-group > .btn-group:first-child > .btn:first-child {
  border-top-right-radius: var(--bs-btn-border-radius, var(--bs-border-radius));
  border-bottom-right-radius: var(--bs-btn-border-radius, var(--bs-border-radius));
}

html[dir="rtl"] .btn-group > .btn:last-child,
html[dir="rtl"] .btn-group > .btn-group:last-child > .btn:last-child {
  border-top-left-radius: var(--bs-btn-border-radius, var(--bs-border-radius));
  border-bottom-left-radius: var(--bs-btn-border-radius, var(--bs-border-radius));
}

/* LTR templates use this utility to mirror directional icons manually. */
html[dir="rtl"] .fa-flip-horizontal {
  transform: none;
}

html[dir="rtl"] .fa-flip-horizontal.fa-flip-vertical,
html[dir="rtl"] .fa-flip-both {
  transform: scaleY(-1);
}

html[dir="rtl"] .pagination {
  direction: rtl;
}

html[dir="rtl"] .pagination .page-item:not(:first-child) .page-link {
  margin-right: calc(var(--bs-pagination-border-width) * -1);
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html[dir="rtl"] .pagination .page-item:first-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir="rtl"] .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

html[dir="rtl"] .pagination .fa-chevron-left,
html[dir="rtl"] .pagination .fa-chevron-right,
html[dir="rtl"] .pagination .fa-angle-left,
html[dir="rtl"] .pagination .fa-angle-right,
html[dir="rtl"] .pagination .fa-arrow-left,
html[dir="rtl"] .pagination .fa-arrow-right {
  transform: scaleX(-1);
}

/* =========================================================
   PROFILE HEADER RTL DIRECTION LAYER
   Keeps the shared profile and infocard preview headers mirrored
   without changing their markup or the symmetric content padding.
   ========================================================= */

html[dir="rtl"] .profile-header .profile-header-content,
html[dir="rtl"] .profile-header-tab {
  direction: rtl;
}

html[dir="rtl"] .profile-header .profile-header-block,
html[dir="rtl"] .profile-header .profile-header-img + .profile-header-block {
  margin-right: 10px !important;
  margin-left: 0 !important;
}

html[dir="rtl"] .profile-header .profile-header-btns {
  margin-right: auto !important;
  margin-left: 0 !important;
}

html[dir="rtl"] .profile-header .profile-header-img button {
  right: auto;
  left: -3px;
}

html[dir="rtl"] .profile-header .online-indicator {
  right: auto;
  left: -1px;
}

html[dir="rtl"] .profile-header .dropdown-menu {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .profile-header .dropdown-menu:not(.dropdown-menu-end) {
  right: 0;
  left: auto;
}

html[dir="rtl"] .profile-header .dropdown-menu.dropdown-menu-end {
  right: auto;
  left: 0;
}

html[dir="rtl"] .profile-header .me-1 {
  margin-right: 0 !important;
  margin-left: .25rem !important;
}

html[dir="rtl"] .profile-header-tab {
  padding: 0 5px 0 0;
}

html[dir="rtl"] .profile-header-tab .ms-1 {
  margin-right: .25rem !important;
  margin-left: 0 !important;
}

html[dir="rtl"] .profile-header-tab .fa-location-arrow {
  transform: scaleX(-1);
}

@media (max-width: 991.98px) {
  html[dir="rtl"] .profile-header-tab {
    padding: 0 10px 0 0;
  }
}

/* =========================================================
   BREADCRUMB RTL DIRECTION LAYER
   Keeps the source order, but mirrors the visual flow, separators
   and legacy physical icon spacing for every shared breadcrumb.
   ========================================================= */

html[dir="rtl"] .breadcrumb {
  direction: rtl;
  text-align: right;
  text-align: start;
}

html[dir="rtl"] .breadcrumb > li.breadcrumb-item {
  padding-right: 0;
  padding-left: 0;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-right: .5rem;
  padding-left: .5rem;
  content: "\f104";
}

html[dir="rtl"] .breadcrumb-seperator-2 .breadcrumb-item + .breadcrumb-item::before {
  content: "\f177";
}

html[dir="rtl"] .breadcrumb-seperator-3 .breadcrumb-item + .breadcrumb-item::before {
  content: "\f053";
}

html[dir="rtl"] .breadcrumb .me-1 {
  margin-right: 0 !important;
  margin-left: .25rem !important;
}

html[dir="rtl"] .breadcrumb .me-2 {
  margin-right: 0 !important;
  margin-left: .5rem !important;
}

html[dir="rtl"] .breadcrumb .m-r-2 {
  margin-right: 0 !important;
  margin-left: 2px !important;
}

html[dir="rtl"] .breadcrumb .fa-angle-left,
html[dir="rtl"] .breadcrumb .fa-angle-right,
html[dir="rtl"] .breadcrumb .fa-arrow-left,
html[dir="rtl"] .breadcrumb .fa-arrow-right,
html[dir="rtl"] .breadcrumb .fa-location-arrow {
  transform: scaleX(-1);
}