/* font faces */
@import url(../../WebFontsContrib/roboto/font-face.css);
/*
@import url(../../WebFontsContrib/dm-sans/font-face.css);
*/

/* enable page transitions available since chrome 126+ */
@view-transition {
  navigation: auto;
}
::view-transition-old(root) {
  animation:none;
}

::view-transition-new(root) {
  animation:none;
}

/* typo */
.jqTextboxListValue,
label,
.natWebMenu ul ul li,
.natTopicActions,
.jqTabGroup,
.jqButton {
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
}
ins {
  text-decoration:none;
}
.natBody .natEditBottomBar li {
  font-size: inherit;
}
.natEditBottomBar ul {
  overflow: visible;
}

.natPanelToggle a::-moz-selection {
  background-color: transparent;
}

.natPanelToggle a::selection {
  background-color: transparent;
}

.natPanelToggle a:hover {
  cursor: pointer;
}

.foswikiInfo, .foswikiRevision {
  margin-bottom: var(--margin);
}
.solrSearchHits h3,
.natEditTitle {
  font-family:inherit;
}

h1.natEditTitle {
  margin-bottom:0.5em !important;
}

.foswikiGrid h2 {
  border-bottom:0;
}

/* scrollbars, webkit */
::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-height);
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
  background: var(--scrollbar-background);
}
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-background) ;
  border: var(--scrollbar-thumb-border);
  border-radius: var(--scrollbar-thumb-border-radius);
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-background) ;
}

/*
body *::-webkit-scrollbar {
  width:calc(var(--scrollbar-width) * 0.75);
  height:calc(var(--scrollbar-height) * 0.75);
}
*/
pre::-webkit-scrollbar-thumb, 
pre::-webkit-scrollbar-track,
.jqInfiniteScroll::-webkit-scrollbar-thumb, 
.jqInfiniteScroll::-webkit-scrollbar-track,
.natBodySticky .natSideBar::-webkit-scrollbar-thumb,
.natBodySticky .natSideBar::-webkit-scrollbar-track,
.overflow::-webkit-scrollbar-thumb, 
.overflow::-webkit-scrollbar-track {
  display:none;
  border-radius: var(--scrollbar-thumb-border-radius);
}
pre:hover::-webkit-scrollbar-thumb, 
pre:hover::-webkit-scrollbar-track,
.jqInfiniteScroll:hover::-webkit-scrollbar-thumb, 
.jqInfiniteScroll:hover::-webkit-scrollbar-track,
.natBodySticky .natSideBar:hover::-webkit-scrollbar-thumb,
.natBodySticky .natSideBar:hover::-webkit-scrollbar-track,
.overflow:hover::-webkit-scrollbar-thumb,
.overflow:hover::-webkit-scrollbar-track {
  display:block;
}

/* scrollbars, firefox */
/*
html {
  scrollbar-color: var(--scrollbar-thumb-background) var(--scrollbar-background);
}
*/

/*
.jqInfiniteScroll,
.overflow {
  scrollbar-width:thin;
}
*/


/* fix fixed header covering the header during an anchor navigation */
.natViewBody .natMainContents a.foswikiReference[name] {
  display:block;
}

.natViewBody .natMainContents [name],
.natViewBody .natMainContents [id] {
  scroll-margin-top: calc(var(--top-bar-height, 100) + var(--margin));
}

blockquote {
  margin:1.5em 0;
  padding:0 0 0 1.4285em; 
}


ul, ol {
  margin:var(--margin) 0;
}

.foswikiTopicInfo .fa {
  vertical-align:baseline;
}


.foswikiEmulatedLink,
.wysiwyg_link,
a {
  color:var(--color-anchor);
  text-decoration:underline;
  transition: color 150ms, background-color 150ms, border 150ms;
  text-underline-offset:2px;
}

/* borders */
.foswikiMetaData .jqTab,
.foswikiDataForm .foswikiLayoutTable,
.foswikiDataForm .foswikiLayoutTable td,
.foswikiGrid .border,
.hr, hr {
  border-style:solid;
  border-color:var(--color-border);
}
.foswikiGrid>.foswikiRow>.foswikiBorder {
  border-color:var(--color-border);
}
.foswikiPageForm .hr,
.foswikiPageForm hr,
.foswikiPageForm .foswikiGrid>.foswikiRow>.foswikiBorder {
  border-color:var(--alt-inner-border);
}
.foswikiDataForm .foswikiLayoutTable {
  border:0;
}
.foswikiDataForm .foswikiLayoutTable td,
.foswikiDataForm .foswikiLayoutTable th {
  padding:0.5em;
}
.foswikiMetaData .jqTabPanePlain .foswikiFormSteps,
.foswikiMetaData .jqTabPanePlain .foswikiPageForm {
  padding-left:1em;
  padding-right:1em;
}
.foswikiDataForm .foswikiLayoutTable th,
.foswikiDataForm .foswikiLayoutTable td {
  border:0;
}
.foswikiGrid h3,
.foswikiGrid h2 {
  margin-top:0;
}

/* layout */
.natSideBarContents {
  margin-top:-1em;
}
.natBodyRight .natSideBarContents {
  border-left:1px solid var(--color-border);
  padding:1em 1px 0 1.5em;
}
.natBodyLeft .natSideBarContents {
  border-right:1px solid var(--color-border);
  padding:1em 1em 0 1px;
}
.natBodyBoth .natSideBarContents {
  padding:1em 0 0 0;
}
.natMainHeaderContents,
.natMainFooterContents {
  padding:0;
}
.natMiddleContents {
  background:transparent;
}

.natBodyBoth .natMainHeaderContents,
.natBodyBoth .natMainFooterContents,
.natBodyBoth .natMainContents,
.natBodyRight .natMainHeaderContents,
.natBodyRight .natMainFooterContents,
.natBodyRight .natMainContents {
  margin-right:var(--margin);
}
.natBodyBoth .natMainHeaderContents,
.natBodyBoth .natMainFooterContents,
.natBodyBoth .natMainContents,
.natBodyLeft .natMainHeaderContents,
.natBodyLeft .natMainFooterContents,
.natBodyLeft .natMainContents {
  margin-left:var(--margin);
}

.natPrintBody .natMainHeaderContents,
.natPrintBody .natMainFooterContents,
.natPrintBody .natMainContents,
.natPlainBody .natMainHeaderContents,
.natPlainBody .natMainFooterContents,
.natPlainBody .natMainContents {
  margin:0;
}

.natMainContents {
  margin-top:var(--margin);
  padding:0 0 1em;
}
.natMainHeaderContents,
.natMainFooterContents {
  padding:0;
}
.natBody .natSideBarContents {
  margin-top: calc(var(--margin) * -1);
  padding-top: var(--margin);
}

.natBodyFixed .natBodyContents {
  width:auto;
  margin: 0 auto;
}

.natBodyFixed .natBannerContents,
.natBodyFixed .natTopPanelContents,
.natBodyFixed .natTopBarContents,
.natBodyFixed .natMiddle,
.natBodyFixed .natBottomBarContents {
  width:var(--page-width-fixed, 80em);
  margin-left:auto;
  margin-right:auto;
}
.natMiddle {
  padding-top:var(--margin);
}

.natBodySticky .natTopPanelContents,
.natBodyBordered .natTopPanelContents {
  padding-left:1em;
  padding-right:1em;
}

.natBodySticky .natBannerContents,
.natBodyBordered .natBannerContents {
  width:var(--page-width-bordered, 100%);
  padding-left:1em;
  padding-right:1em;
  box-sizing:border-box;
}
.natBodySticky .natBanner {
  display:none;
}
.natBodySticky .natMiddle {
  margin-top: var(--top-bar-height, 100);
}
.natBodySticky .natBottomBar {
  display:none;
}

.natBodyFluid .natBannerContents,
.natBodyFluid .natTopPanelContents,
.natBodyFluid .natTopBarContents,
.natBodyFluid .natBottomBarContents,
.natBodyFluid .natMiddle {
  margin-left:10%;
  margin-right:10%;
  padding-left:0;
  padding-right:0;
}

.natBodySticky,
.natBodyBordered {
  margin:0;
}

.natBodySticky .natBottomBarContents,
.natBodySticky .natMiddle,
.natBodyBordered .natBottomBarContents,
.natBodyBordered .natMiddle {
  padding-left:1em;
  padding-right:1em;
}

.natBodySticky .foswikiBroadcastMessage {
  margin-bottom: var(--margin);
}

.natEditBody .natMainContents {
  margin:0;
  padding:1em;
}
.natEditBody .natMiddle,
.natEditBody .natMiddleContents {
  width:auto;
  padding:0;
  margin:0;
}
.natEditBody .jqTabContents h2 {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-h5);
}
.natEditBody .jqTab.settings th {
  min-width:14em;
}

/* top */
.natTopBar {
  position:-webkit-sticky;
  position:sticky;
  top: calc(var(--top-bar-height, 100) * -1px);
  transition: top 500ms; /* SMELL: doesn't work  with css vars ... height updated via js */
  border-bottom:1px solid var(--topbar-border);
  z-index:100; /* see ui-natedit-* */
  background-color: var(--topbar-background);
  color: var(--topbar-foreground);
}
.natTopBarContents {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.natBodyStickyTopBar .natTopBar {
   backdrop-filter: var(--topbar-backdrop-filter);
}
.natBodySticky .natTopBar,
.natBodyStickyTopBar .natTopBar {
  box-shadow:var(--topbar-sticky-box-shadow);
  top:-1px !important;
}
.natBodySticky .natTopBar .natTopBarContents,
.natBodyStickyTopBar .natTopBar .natTopBarContents {
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}
/*
.natBodySticky .natTopBar .natTopBarContents .natWebTitle,
.natBodySticky .natTopBar .natTopBarContents .natWebMenuSpacer,
.natBodyStickyTopBar .natTopBar .natTopBarContents .natWebTitle,
.natBodyStickyTopBar .natTopBar .natTopBarContents .natWebMenuSpacer {
  font-size:98%;
}
*/
.natBodySticky .natWebTitle,
.natBodyStickyTopBar .natWebTitle {
  transform:scale(0.9);
  transform-origin:0 50%;
}
.natTopBar .natUserActions {
  padding:0;
}
.natTopBar .natLangs {
  top:5px;
  right:5px;
}
.natWebMenuSpacer {
  flex-grow:1;
}
.natLangs a {
  float:right;
  margin:0 0.5em 0 0;
  padding:0;
  display:inline;
  line-height:1;
}
.natTopBar .natLangs a:hover {
  background:transparent;
}
.natPanelToggle {
  display:inline-block;
  vertical-align:middle;
}
.natPanelToggle a {
  padding:0 1em;
  text-decoration:none;
  box-shadow:none;
  color:var(--topbar-anchor);
}
.natPanelToggle a,
.natWebMenu li, .natWebMenu .sf-js-enabled {
  line-height:35px;
}
.natPanelToggle a .jqIcon {
  padding:0 0.5em 0 0;
  line-height:1;
}
.natPanelToggle .natPanelToggleClose,
.natPanelToggle.open .natPanelToggleSearch {
  display:none;
}
.natPanelToggle.open .natPanelToggleClose,
.natPanelToggle .natPanelToggleSearch {
  display:inline-block;
}
.natUserActions .natAccountAction,
.natUserActions .natAccountAction:hover {
  padding:0;
  background:transparent;
}
.natUserActions .natAccountAction img {
  border-radius:50%;
  width:34px;
  height:34px;
}
.natTopBar .natPanelToggle.open a,
.natTopBar a:hover {
  background-color:var(--menu-hover-background);
  color: var(--menu-hover-foreground, #fff); 
  text-decoration:none;
}

.natTopBar .natWebTitle a, 
.natTopBar .natWebTitle a:hover {
  background-color:transparent;
}

.natWebTitle {
  display:inline-block;
  vertical-align:middle;
  margin:0.5em;
   flex: 1 1 auto;
}
.natUserActions {
  float:right;
}

.natBannerSettingsContainer .foswikiLayoutTable {
  width:100%;
}
.natBannerSettingsContainer .foswikiLayoutTable th {
  min-width:14em;
}
.natBannerSettingsContainer .foswikiLayoutTable td {
  width:100%;
}

.natBanner {
  width:100%;
  height:9em;
  min-height:7em;
  box-sizing:border-box;
  background-color:#607D8B;  /* TODO */
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  font-weight: var(--font-weight-normal);
}
.natBannerContents {
  z-index:2;
  position:relative;
  padding:var(--margin);
}
.natBannerContents.left {
  text-align:left;
}
.natBannerContents.center {
  text-align:center;
}
.natBannerContents.right {
  text-align:right;
}
.natBannerTextEffect {
  display:inline-block;
}
.natBannerPhoto {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.natBannerPhoto:after {
  background:linear-gradient(7deg,var(--nat-bannercolor, rgb(0 0 0 / 50%)) 0,transparent 50%);
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
}
.natBanner .natBannerButtons {
  display:none;
  position:absolute;
  top:0.3em;
  right:0.7em;
  font-size:200%;
  width:3em;
  z-index:3;
}
.natBanner .natBannerButtons a {
  margin-left:0.5em;
  cursor:pointer;
  color:#fff;
  text-shadow: 1px 1px rgba(0,0,0, 0.5);
}
.natBanner .natBannerButtons a:hover {
  color: var(--color-active-foreground);
}
.natBannerVideo {
  padding:0;
  background:#000;
}
.natBannerVideo .natBannerContents {
  position:relative;
}
.natBannerVideo video {
  position:absolute;
  min-width:100%;
  min-height:100%;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.natBanner.natBannerTrianglify {
  position:relative;
  background-color:transparent;
}
.natBanner.natBannerTrianglify canvas {
  position:absolute;
  top:0;
  left:0;
}
.natBanner .natBannerSwiper {
  height:100%;
  width:100%;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}
.natBannerSwiper .swiper-slide {
  background-position: center;
  background-size: cover;
  width:100%;
  height:100%;
}
.natBannerSwiper .natBannerContents {
  position:absolute;
}
.natBannerSwiper .swiper-lazy {
  width:100%;
  height:100%;
  background-position: center;
  background-size: cover;
}

.jqTrianglifyPaletteSelector {
  max-width:38em;
}
.jqTrianglifyPaletteSelector label {
  float:left;
  width:var(--margin);
  margin:0.5em 0.5em 0 1px;
}
.jqTrianglifyPaletteSelector input {
  display:none;
}
.jqTrianglifyPaletteSelector .swatch {
  outline:1px solid #aaa;
  display:inline-block;
}
.jqTrianglifyPaletteSelector .swatch.selected {
  outline:2px solid #b22222;
  box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
}
.jqTrianglifyPaletteSelector .swatch span {
  display:inline-block;
  width:var(--margin);
}
.natBanner a {
  text-decoration:none;
  color:#fff;
}
.natBanner h1,
.natBannerTitle {
  font-family: var(--font-family-banner);
  font-size: var(--font-size-banner);
  font-weight: var(--font-weight-banner);
  line-height: var(--line-height-banner);
  border:0;
}
.natBannerDynamicHeight .natBannerSubtitle {
  text-transform:inherit;
}
.natBannerDynamicHeight_third h1,
.natBannerDynamicHeight_third .natBannerTitle,
.natBannerDynamicHeight_half h1,
.natBannerDynamicHeight_half .natBannerTitle,
.natBannerDynamicHeight_twothird h1,
.natBannerDynamicHeight_twothird .natBannerTitle,
.natBannerDynamicHeight_full h1,
.natBannerDynamicHeight_full .natBannerTitle {
  font-size:clamp(var(--font-size-banner), calc(var(--font-size-banner) + 1vh), calc(var(--font-size-banner) * 2));
}
.natBannerDynamicHeight_third .natBannerSubtitle,
.natBannerDynamicHeight_half .natBannerSubtitle,
.natBannerDynamicHeight_twothird .natBannerSubtitle,
.natBannerDynamicHeight_full .natBannerSubtitle {
  font-size:calc(clamp(var(--font-size-banner), calc(var(--font-size-banner) + 1vh), calc(var(--font-size-banner) * 2)) * 0.75);
  font-weight:var(--font-weight-light);
}
.natBanner h1 {
  margin:0 0 0.5em;
}
.natBannerSubtitle {
  text-transform:uppercase;
}
.natBannerLight,
.natBannerLight .natBannerTitle,
.natBannerLight .natBannerSubtitle,
.natBannerLight h1,
.natBannerLight a {
  color:#fff;
}
.natBannerDark,
.natBannerDark .natBannerTitle,
.natBannerDark .natBannerSubtitle,
.natBannerDark h1,
.natBannerDark a {
  color:#333;
}
.natParallax {
  transition: transform 150ms;
}

@keyframes kenburns {
  0% {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  100% {
    transform: scale3d(1.3, 1.3, 1.3) translate3d(-40px, 10px, 0);
  }
}

.natBannerAnimate {
  animation-name: kenburns;
  animation-duration: 30s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.natBanner.jqParticles canvas {
  position:absolute;
  top:0;
  left:0;
}

/* bottom */
.natBottomBar {
  background-color: var(--bottombar-background);
  color: var(--bottombar-foreground);
  border-top:1px solid var(--bottombar-border);
  margin-top: calc(var(--margin) * 4);
}
.natCopyRight,
.natCopyRight a,
.natPageCacheBanner,
.natPageCacheBanner a {
  color:#aaa; /* TODO */
}
.natSideMap,
.natCopyRight,
.natPageCacheBanner {
  margin-top:0;
  margin-bottom: var(--margin);
  display:block;
}
.natPageCacheBanner {
  margin-top: var(--margin);
}
.natBottomBarContents {
  margin:0 var(--margin);
  padding:var(--margin);
  min-height: calc(var(--margin) * 4);
}
.natRenameBody .natBottomBar,
.natValidateBody .natBottomBar,
.natAttachBody .natBottomBar,
.natSolrBody .natBottomBar {
  visibility:hidden;
}

/* web menu */
.natWebActions {
  flex: 0 1 auto;
  margin-left: auto;
  margin-right: 0.5em;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
/* web menu */
.natWebMenu {
  margin-bottom:0;
  border:0;
  display:inline-block;
  vertical-align:middle;
  background-color:#cccccc; 
}
.natWebMenu,
.natWebMenuContents {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.natUserActions a,
.natWebMenu li a {
  font-weight: var(--font-weight-normal);
}
.natWebMenuContents {
  display: flex;
  align-items: center;
}
.natWebMenuContents ul {
  display: flex;
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
}
.natWebMenuContents >ul >li, 
.natWebMenuContents >ul > li >a ,
.natWebMenuContents>ul>li>.foswikiCurrentWebHomeLink {
  background-color:transparent; 
  color: var(--topbar-anchor);
}
.natWebMenuFiller {
  flex-grow: 1;
  height: 100%;
  min-width: 1px;
  background-color: #cccccc;
}

.natTopicActions .natLikeAction,
.natTopicActions .natLikeAction:hover a,
.natTopicActions .natLikeAction a:hover {
  background-color:transparent;
  color: var(--menu-hover-foreground);
}

.natHistoryNavi:hover,
.natHistoryTopicActions a:hover,
.natTopicActions .natUserAction:hover,
.natTopicActions .natTopicAction:hover,
.natTopicActions .sfHover .natMoreActionsTopicAction,
.natWebMenu li a:hover,
.natWebMenu li.sfHover,
.natWebMenu li.sfHover>a,
.natWebMenuContents>ul>li>a:hover,
.natWebMenuContents>ul>li>li>a.current,
.natWebMenuContents>ul>li>li>a.current:hover,
.natWebMenuContents>ul>li>.foswikiCurrentWebHomeLink:hover {
  background-color: var(--menu-hover-background);
  color: var(--menu-hover-foreground);
}

.natHistoryTopicActions a.disabled,
.natHistoryTopicActions a.disabled:hover {
  background-color:transparent;
  color: var(--color-disabled-foreground);
}
.natTopBar a:hover:active,
.natTopBar a:hover:focus,
.natWebMenu li a:active,
.natWebMenu li a:focus,
.natWebMenu li a:hover:active,
.natWebMenu li a:hover:focus {
  background-color:var(--menu-active-background);
  color:var(--menu-active-foreground);
  transition:background-color 500ms;
}
.natTopBar .natWebTitle a,
.natTopBar .natWebTitle a:hover,
.natTopBar .natWebTitle a:active,
.natTopBar .natWebTitle a:hover:active {
  background:transparent;
}
.natUserActions a,
.natWebMenuContents > ul > li > a {
  padding:0 1em;
}
body .natWebMenuContents > ul > li > a.inactive:hover {
  background-color: #2472bf !important;
  color: white !important;
  text-decoration: none;
}
body .natWebMenuContents > ul > li > a.active:hover {
  background-color: #2472bf !important;
  color: white !important;
}
/* sidebar */
.natSideBarHeader,
.natSideBar {
  width:var(--sidebar-width); 
}

/* right */
.natBodyBoth .natSideBar,
.natBodyRight .natSideBar {
  margin-right:calc(var(--sidebar-width) * -1);
}
.natBodyBoth .natMiddleContents,
.natBodyRight .natMiddleContents {
  margin-right:var(--sidebar-width);
}

/* left */
.natBodyBoth .natSideBar,
.natBodyLeft .natSideBar {
  margin-left:calc(var(--sidebar-width) * -1);
}
.natBodySticky.natBodyLeft .natSideBar {
  margin-left:calc(var(--sidebar-width) * -1);
}
.natBodyBoth .natMiddleContents,
.natBodyLeft .natMiddleContents {
  margin-left:var(--sidebar-width);
}

.natSideBar li {
  padding:0.4285em 0;
  border-bottom:1px solid var(--color-border);
}

.natSideBar li li {
  border-bottom:0;
  padding:0;
}


.natSideBar li a {
  display:block;
  background-color:transparent;
}

.natSolrBody .natSideBar li {
  padding:0.1em 0;
}


/* search box */
.natSideBar .natSearchBox {
  margin-bottom:var(--margin);
}
.natSearchBox .foswikiInputField {
  border:1px solid var(--input-border, #bdbec5);
}
.natMain .natSearchBox {
  background-color:transparent;
}
.natSearchBox .foswikiSubmit {
  width:32px;
  height:28px;
  margin:-11px 0 0 0;
  z-index:1;
}
.natSearchBox .foswikiSubmit,
.natSearchBox .foswikiSubmit:focus,
.natSearchBox .foswikiSubmit:active,
.natSearchBox .foswikiSubmit:hover:active,
.natSearchBox .foswikiSubmit:hover {
  background:none;
  box-shadow:none;
}
.natSearchBox form::after {
  font-family:FontAwesome;
  font-size:110%;
  font-weight:600;
  content:"\f002";
  display:inline-block;
  position:absolute;
  top:50%;
  right:0.4em;
  margin-top:-0.8em;
  text-align:center;
  width:var(--margin);
  color: var(--searchbox-magnifier-foreground);
}
.natSearchBox form:hover::after {
  color: var(--color-hover-foreground);
}
.natSearchBox form.ui-autocomplete-busy::after {
  display:none;
}
.natTopBar .natSearchBox,
.natMain .natSearchBox {
  float:right;
  width:280px;
  margin-top:6px;
}
.natSolrBody .natSearchBox {
  display:none;
}
.natSearchBox .foswikiInputField {
  width:100%;
}
.natMain .natSearchBox .foswikiInputField {
  border-radius:0;
}
.natSearchBoxMenu.ui-autosuggest {
  border-top:0;
  border-radius:0 0 5px 5px;
}
.natSearchBoxMenu.ui-autosuggest { 
  background: var(--ui-menu-background-gradient);
  box-shadow: var(--ui-menu-box-shadow); 
}
.natSearchBoxMenu.ui-autosuggest::after,
.natSearchBoxMenu.ui-autosuggest::before {
  right:auto;
  left:37px;
  display:none;
}
.natTopPanel {
  background: var(--toppanel-background);
  color: var(--toppanel-foreground);
  position:relative;
  z-index:2;
}
.natTopPanel .natSearchBox .foswikiInputField {
  border:0;
  padding:0.5em 0;
  font-size:2em;
}
.natTopPanel .natSearchBox .foswikiInputField,
.natTopPanel .natSearchBox .foswikiInputField:focus {
  box-shadow:none;
}
.natTopPanel .natSearchBox .foswikiSubmit {
  display:none;
}
.natTopPanel .natSearchBox form::after {
  display:none;
}

/* topic actions */
.natMainHeaderContents .natNewAction,
.natMainHeaderContents .natLoginAction {
  display:none;
}
.natBodyTopBarOff .natMainHeaderContents .natNewAction,
.natBodyTopBarOff .natMainHeaderContents .natLoginAction {
  display:inline;
}

/* typography */
.natBottomBar h3,
.natSideBar h2,
.natSideBar h2 a {
  color:var(--color-h2);
  font-weight:var(--font-weight-semi-bold);
}
/*
.foswikiTocTitle,
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color:var(--color-primary);
}
*/

.foswikiFormDescription, 
.foswikiFormDescription a, 
.foswikiFormLegend
.foswikiGrayText,
.foswikiGrayText a,
h1 .foswikiTopicSummary,
.foswikiTopicSummary,
.foswikiTopicSummary a,
.foswikiTopicInfo, 
.foswikiTopicInfo a,
.foswikiRevision a,
.foswikiRevision,
.natBreadCrumbs,
.natBreadCrumbs a,
.natBreadCrumbs .natSep,
h2 .foswikiGrayText a,
.foswikiFormSteps h2 .foswikiGrayText a {
  color: var(--color-gray-1);
}


/* hover */
a:hover,
a.ui-state-active:hover,
.foswikiPageForm h2 a:hover,
.foswikiFormSteps h2 a:hover,
.foswikiTopicInfo a:hover,
.foswikiGrayText a:hover ,
a:hover .foswikiGrayText,
.hover,
.hover a,
.natBottomBarContents a:hover,
.natBottomBarContents .jqButton:hover,
.natBreadCrumbs a:hover,
.natSideBar li a:hover,
.natTopPanelContents a:hover,
.ui-state-active a:hover,
.ui-state-active.ui-state-hover {
  background-color:transparent;
  color:var(--color-hover-foreground);
}
.hover a:hover {
  background-color:transparent;
  color:var(--color-hover-foreground);
}


a:hover.ecpEdit,
.redDot a:hover {
  color: var(--color-red, #1f6ab3);
  background:transparent;
}

a:active,
a:hover:active,
.natSideBar li a:active,
.natSideBar li a:hover:active {
  color: var(--color-active-foreground);
}


/* scroll to top button */
a.natScrollTop {
  box-shadow:1px 1px 0px 0 rgba(0,0,0,0.5);
  border-radius:50%;
}

/* tables */
.foswikiTable {
  margin:0 0 var(--margin) 0;
  font-size: var(--font-size-smaller);
  border:1px solid var(--table-border);
}

/* toc */
.foswikiToc ul {
  margin-top:0.5em;
  padding:0.5em 0 0;
}
.foswikiToc li {
  margin-left:0;
}

/* classification plugin */
.jqTagSuggestions a:hover,
.clsBrowser .current,
.jstree .jstree-clicked,
.jstree .jstree-clicked a,
.jstree-minimal .jstree-hovered,
.clsTagCloud .hilite,
.solrTagCloud a.current,
.clsTagCloud .current {
  background-color: var(--color-secondary-darker-3) !important;
  color: #fff !important;
}
.clsTagCloud a:hover,
.tagCloud a:hover,
.clsBrowser .current:hover,
.clsTagCloud .current:hover, 
.jstree .jstree-clicked:hover {
  background-color: var(--color-secondary-darker-6) !important;
}
.jqTextboxListValue {
  background-color: var(--alt-background, #f7f7f7);
  border:1px solid var(--alt-border, #cfcfcf);
  color: var(--alt-foreground, #333);
  border-radius:4px;
  box-shadow: var(--alt-box-shadow);
}
.solrHierarchyChildren a,
.clsSubCategories a,
.clsSubCategories {
  color:#a1a1a1; /* TODO */
}
.solrHierarchyChildren a:hover,
.clsSubCategories a:hover {
  color:var(--color-primary);
}

.solrTopicInfo .ma,
.solrTopicInfo .fa {
  color:#bbb; /* TODO */
  margin-right:5px;
}
.solrTopicInfo .solrSep {
  margin:0 5px;
}

.foswikiHoverMenu .foswikiCurrentTopicLink,
.foswikiHoverMenu .foswikiCurrentTopicLink .foswikiGraytext,
.natSideBar .foswikiCurrentTopicLink,
.natSideBar .foswikiCurrentTopicLink .foswikiGrayText {
  color:var(--color-target);
}

/*
.jqTabContents h2,
.jqTabContents h2 a,
.foswikiPageForm h2,
.foswikiPageForm h2 a,
.foswikiFormSteps h2,
.foswikiFormSteps h2 a,
.foswikiAlt h2,
.alt h2,
#natLoginBanner,
.natNoteHeading,
*/
h2.marked {
  color:var(--color-secondary);
}

.clsIndexItem h3,
.clsIndexItem h4,
.clsIndexItem h5,
.clsIndexItem h6,
.clsIndexItem h3 a,
.clsIndexItem h4 a,
.clsIndexItem h5 a,
.clsIndexItem h6 a,
.foswikiAlt h3,
.foswikiAlt h4,
.foswikiAlt h5,
.foswikiAlt h6,
.alt h3,
.alt h4,
.alt h5,
.alt h6,
.jqTabContents h3,
.jqTabContents h4,
.jqTabContents h5,
.jqTabContents h6,
.jqTabContents h3 a,
.jqTabContents h4 a,
.jqTabContents h5 a,
.jqTabContents h6 a,
.foswikiPageForm h3,
.foswikiPageForm h4,
.foswikiPageForm h5,
.foswikiPageForm h6,
.foswikiPageForm h3 a,
.foswikiPageForm h4 a,
.foswikiPageForm h5 a,
.foswikiPageForm h6 a,
.foswikiFormSteps h3,
.foswikiFormSteps h4,
.foswikiFormSteps h5,
.foswikiFormSteps h6,
.foswikiFormSteps h3 a,
.foswikiFormSteps h4 a,
.foswikiFormSteps h5 a,
.foswikiFormSteps h6 a {
  color: var(--alt-header-foreground);
}

.foswikiGridForm h3, 
.foswikiGridForm h3 a {
  color:inherit;
}
.foswikiGridHeader {
  padding-top:0.2em;
  max-width:10em;
}

/* select2 */
.select2-container .select2-choice:hover,
.select2-container .select2-choice {
  border-color: var(--input-border, #ccc);
  color: var(--input-foreground);
}
.select2-container .select2-choice:hover,
.select2-container .select2-choice,
.select2-container .select2-choice:hover > div,
.select2-container .select2-choice > div {
  background: var(--input-background, #f8f8f8) !important;
  border-radius:2px !important;
  box-shadow:var(--input-box-shadow) !important;
}
.select2-container .select2-choice div {
  border:0;
}
.select2-results {
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
  padding:0;
}
.select2-results .select2-highlighted {
  background-color: var(--input-focus-color, #16BEEF);
}
.select2-results .select2-highlighted .foswikiGrayText {
  color: #fff;
}

.select2-drop {
  box-shadow:2px 4px 5px rgba(0, 0, 0, .15);
  overflow:hidden;
  border:1px solid var(--input-border, #ccc);
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-top:0;
  background: var(--input-background);
  color: var(--input-foreground);
}
.select2-container.select2-drop-above .select2-choice,
.select2-drop.select2-drop-above {
  border-color: var(--input-border);
}
.select2-more-results, 
.select2-results .select2-no-results, 
.select2-results .select2-searching, 
.select2-results .select2-selection-limit {
  background: var(--input-background);
  color: var(--input-foreground);
}
.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice div b,
.select2-container .select2-choice abbr {
  background-image: var(--select2-background-image) !important;
}
.select2-container-multi .select2-choices .select2-search-choice,
.select2-container-multi .select2-choices .select2-search-field input {
  color: var(--input-foreground);
}

/* solr plugin */
.solrHeader .foswikiFormSteps hr {
  display:none;
}
.solrHeader .solrPager,
.solrFooter .solrPager {
  border-color:var(--color-border);
}
/* blog plugin */
.blogCategoryTitle h1,
.blogCategoryTitle h1 a {
  border-bottom:0px;
  color: var(--color-gray);
}

/*
.blogCategoryTitle {
  display:none;
}
*/

/* image plugin */
.imageFrame {
  border-radius: 6px;
  box-shadow: 2px 2px 10px -5px rgba(0, 0, 0, 0.5);
  padding:0;
}

.imageFrame img {
  border:0;
  padding:0;
  margin:-1px;
}
.imageFrame .imageHref {
  border:0;
}
.imageCaption {
  text-align:center;
  padding:0.4em 2px;
}
.imageCaption a {
  text-decoration:none;
}

/* styled login */
.natLoginBanner {
  width:100%;
  height:100%;
  min-height:100vh;
/*
  position:absolute;
  top:0;
  right:0;
*/
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
  margin:0;
}
.natLoginBanner .natLogin {
  border-radius:8px;
  box-shadow:none;
  backdrop-filter: var(--login-backdrop-filter);
  border:0;
}
.natLoginBanner .natLoginHeading,
.natLoginBanner .natPoweredBy {
  color: #fff;
  font-weight: var(--font-weight-normal);
  text-shadow: 0 0 1px var(--color-alpha-1);
}
.natLoginBanner .foswikiFormSteps {
  background:transparent;
}
:root .natLogin .foswikiFormSteps .foswikiFormStep {
  margin-left:0;
  margin-right:0;
}
.natLogin input[type=text], 
.natLogin #username, 
.natLogin #password {
  width:100%;
  box-shadow:none;
}

.natLoginBanner .natLogin,
.natLoginBanner .jqCodeInputContainer .jqCodeInputSeparator ,
.natLoginBanner h3 {
  color: var(--color-foreground);
}
.natLoginBanner .natPoweredBy:hover {
  color:#fff;
}

.natLoginBanner .natContact {
  display:none;
}

.natBodyNavToggleEnabled .natSideBar {
  box-shadow:-5px 0px 5px rgba(0,0,0,0.05);
  border:1px solid var(--color-border, #dbdbdb);
  margin-right:-15px;
}
.natBodyNavToggleEnabled .natSideBarContents {
  border:0;
}


/* buttons */
button,
button.dt-button, 
div.dt-button, 
a.dt-button,
input[type=button], 
input[type=submit], 
input[type=file]::file-selector-button, 
.foswikiSubmit, 
.foswikiButton,
.ui-button,
.jqButton {
  text-shadow:none;
  font-size:var(--button-font-size);
  border-color:var(--button-border);
  color: var(--button-foreground);
  background: var(--button-background-gradient);
  padding:5px 10px; /* not using ems here as to subpixel issues 0.4em 0.7em */
  border-radius: 4px; 
}

.erp-edittable {
  text-decoration:none;

  display:inline-block;
  text-align: center;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;

  border:1px solid var(--button-border) !important;
  color: var(--button-foreground) !important;
  background: var(--button-background-gradient) !important;
  padding:5px 10px; /* not using ems here as to subpixel issues 0.4em 0.7em */
  border-radius: 4px; 

  width: 1.28571429em;
}
.erp-edittable:before {
  font-family: FontAwesome;
  content:"\f040";
}
.erp-edittable:hover,
.erp-edittable:hover:active {
  box-shadow: var(--button-hover-box-shadow);

  --button-border:var(--button-hover-border);
  --button-foreground: var(--button-hover-foreground);
  --button-background-gradient: var(--button-hover-background-gradient);
}
.erp-button {
  padding:0;
  margin:0 1em 0 0;
}

input[type=button], 
input[type=submit], 
input[type=file]::file-selector-button, 
.foswikiSubmit, 
.foswikiButton,
.ui-button,
button.dt-button, div.dt-button, a.dt-button,
a.jqButton {
  transition: box-shadow 500ms ease, border 200ms ease; 
}

input[type=button]:hover, 
input[type=submit]:hover, 
input[type=file]::file-selector-button:hover, 
.foswikiSubmit:hover, 
.foswikiButton:hover,
.ui-button:hover,
.ui-button:hover:active,
button:hover.dt-button, div:hover.dt-button, a:hover.dt-button,
.jqButton:hover,
.jqButton:hover:active {
  box-shadow: var(--button-hover-box-shadow);
  border-color:var(--button-hover-border);
  color: var(--button-hover-foreground);
  background: var(--button-hover-background-gradient);
}
.jqButton:active,
input[type=button]:hover:active, 
input[type=submit]:hover:active, 
input[type=file]::file-selector-button:hover:active, 
.foswikiSubmit:hover:active, 
.foswikiButton:hover:active,
a.ui-button:active,
.ui-button:active,
.ui-button:hover:active,
.jqButton:hover:active {
  box-shadow: var(--button-active-box-shadow);
  border-color:var(--button-active-border);
  color: var(--button-active-foreground);
  background: var(--button-active-background-gradient);
}
input[type=button]:focus, 
input[type=submit]:focus, 
input[type=file]::file-selector-button:focus,
.foswikiSubmit:focus, 
.foswikiButton:focus,
.ui-button:focus,
.ui-button:focus:active,
button:focus.dt-button, div:focus.dt-button, a:focus.dt-button,
a.jqButton:focus {
  box-shadow: var(--button-focus-box-shadow);
  border-color:var(--button-focus-border);
  color: var(--button-focus-foreground);
  background: var(--button-focus-background-gradient);
}

.jqButtonIcon.img {
  padding-left:24px;
}
.jqButtonIcon.ti,
.jqButtonIcon.ma,
.jqButtonIcon.fa {
  margin-right:10px;
}
.jqButtonSimple {
  padding:0;
  background:transparent;
  border:0;
}
a.jqButtonSimple:focus,
span.jqButtonSimple:focus,
a.jqButtonSimple:active,
span.jqButtonSimple:active,
a.jqButtonSimple:hover:active,
span.jqButtonSimple:hover:active,
span.jqButtonSimple:hover,
a.jqButtonSimple:hover {
  box-shadow:none;
  color:var(--color-hover-foreground);
  background:transparent;
}

.dataTables_paginate .ui-button.ui-state-default:hover {
  box-shadow:none;
  color: var(--menu-hover-foreground, #fff); 
  background: var(--menu-hover-background, #b22);
}
.dataTables_paginate .ui-button.ui-state-active {
  box-shadow:none;
  color: var(--menu-active-foreground, #fff); 
  background: var(--menu-active-background, #b22);
}
table.dataTable tr.dtrg-group > td {
  color: var(--table-header-foreground);
  background-color: var(--table-header-background);
  border-top:1px solid var(--table-header-border);
  border-bottom:1px solid var(--table-header-border);
}
.foswikiStripes table.dataTable tr.dtrg-group > td,
table.dataTable.foswikiStripes tr.dtrg-group > td {
  color: var(--table-header-foreground);
  background-color: var(--table-header-background);
  border:0;
}
table.dataTable tbody>tr.selected, 
table.dataTable tbody>tr.selected>td, 
table.dataTable tbody>tr>.selected {
  background-color: var(--color-selected-background);
  color: var(--color-selected-foreground);
}

table.dataTable tr.dtrg-group td a {
  color: var(--table-header-foreground);
  font-weight:var(--font-weight-semi-bold);
}

/* icon colors */
.jqButtonIcon {
  color: var(--button-icon-color);
}

.jqButtonIcon.fa-check,
.jqButtonIcon.ti-check { color: var(--color-green, #5A9B51); }
.jqButtonHover .jqButtonIcon.ti-check,
.jqButtonHover .jqButtonIcon.fa-check { color:#129600; } /* TODO */

.jqButtonIcon.fa-times,
.jqButtonIcon.ti-x { color: var(--color-red, #F95253); }
.jqButtonHover .jqButtonIcon.ti-x,
.jqButtonHover .jqButtonIcon.fa-times { color:#ff2c2e; } /* TODO */

/* forms */
.natEditBottomBar {
  background:transparent;
}
input[type=search],
input[type=tel],
input[type=text],
input[type=password],
.foswikiInputField,
select.ui-pg-selbox,
select,
.foswikiSelect,
.foswikiTextarea,
textarea {
  font-size:var(--input-font-size);
  padding:5px 7px;
  color: var(--input-foreground);
  background-color: var(--input-background); 
  border: 1px solid var(--input-border);
  box-shadow: var(--input-box-shadow);
}
input[type=text].jqUIDatepicker {
  border-radius: 2px 0 0 2px;
}

select:disabled,
input:disabled,
textarea:disabled {
  color: var(--color-disabled-foreground);
}

.foswikiTextarea:focus, textarea:focus,
select.ui-pg-selbox:focus, /* jqgrid */
select:focus,
.foswikiSelect:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=password]:focus,
.foswikiInputField:focus {
  border-color: var(--input-focus-color);
}
input[type=text].jqFarbtastic {
  box-shadow:none;
}
fieldset,
.foswikiPageForm,
.foswikiFormSteps {
  border-radius:4px;
  border:1px solid var(--alt-border);
  box-shadow: var(--alt-box-shadow);
  color: var(--alt-foreground);
  background: var(--alt-background-gradient);
  transition: box-shadow 500ms ease, border 200ms ease; 
}

.ui-dialog .foswikiFormSteps, 
.foswikiMetaData .foswikiDataForm, 
.foswikiMetaData .foswikiAttachments, 
.foswikiMetaData .foswikiComments, 
.foswikiMetaData .foswikiAttachmentsProcess {
  background:transparent;
  box-shadow:none;
  color: var(--color-text);
}
.foswikiAttachmentsContainer {
  border-top: 1px solid var(--table-border);
  border-bottom: 1px solid var(--table-border);
}
pre {
  border:0;
}

/* tabpane */
ul.jqTabGroup a:hover, 
ul.jqTabGroup a {
  text-shadow:none;
}
.jqTabPaneDefault >.jqTabGroup a, 
.jqTabPanePlain >.jqTabGroup a, 
.jqTabPaneSimple >.jqTabGroup a {
  transition: box-shadow 500ms ease; 
  color: var(--tabpane-foreground);
}
.jqTab {
  border-color: var(--tabpane-border-color);
}
.jqTabPaneDefault .jqTabContents {
  padding:1em 0 0 0;
}

/*.jqTab,*/
.jqTabPaneDefault > .jqTabGroup li.current {
  background: var(--tabpane-current-background);
  color: var(--tabpane-current-foreground, var(--tabpane-foreground));
}
.jqTabPaneDefault .jqTab {
  border-left:0;
  border-right:0;
  border-bottom:0;
}
.jqTabPanePlain .jqTab {
  border-top-color: var(--tabpane-border-color);
}
.jqTabPaneDefault .jqTabGroup {
  font-size:var(--button-font-size);
}
.jqTabPaneDefault > .jqTabGroup li {
  background:none;
  height:auto;
  padding:0;
  margin-right:0.4em;
}
.jqTabPaneDefault > .jqTabGroup li a::before {
  font-family:FontAwesome;
  content:"\f0da";
  display:inline-block;
  position:absolute;
  top:50%;
  left:0.2em;
  margin-top:-0.7em;
  text-align:center;
  width:var(--margin);
}
.jqTabPaneDefault > .jqTabGroup li.current a::before {
  content:"\f0d7";
}
.jqTabPaneDefault > .jqTabGroup a,
.jqTabPaneDefault > .jqTabGroup a:hover {
  border: 1px solid var(--tabpane-border-color);
  background: var(--tabpane-background-gradient);
  color: var(--tabpane-foreground);
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  font-size:var(--button-font-size);
  font-weight: var(--font-weight-normal);
  height:auto;
  line-height:20px;
  padding:0.5em 1em 0.5em 1.8em;
  position:relative;
}
.jqTabPaneSimple > .jqTabGroup a,
.jqTabPanePlain > .jqTabGroup a {
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  border-color: var(--tabpane-border-color);
}
.jqTabPaneSimple > .jqTabGroup a,
.jqTabPanePlain > .jqTabGroup a, 
.jqTabPaneSimple > .jqTabGroup a:hover,
.jqTabPanePlain> .jqTabGroup a:hover {
  background: var(--tabpane-background);
  border-color: var(--tabpane-border-color);
  padding:0.4em 1em;
}
.jqTabPaneDefault >.jqTabGroup a:hover, 
.jqTabPanePlain >.jqTabGroup a:hover, 
.jqTabPaneSimple >.jqTabGroup a:hover {
  color: var(--tabpane-foreground);
  box-shadow: 0px -2px 15px -5px rgba(0, 0, 0, .3);
  border-top-color:  var(--tabpane-hover-border-color, #6fa4d8);
  border-left-color: var(--tabpane-hover-border-color, #6fa4d8);
  border-right-color: var(--tabpane-hover-border-color, #6fa4d8);
}
.jqTabPaneDefault > .jqTabGroup li.current a {
  background: var(--tabpane-current-background);
  color: var(--tabpane-current-foreground, var(--tabpane-foreground));
  border-bottom:1px solid var(--tabpane-current-background);
}
.jqTabPanePlain > .jqTabGroup li.current a, 
.jqTabPaneSimple > .jqTabGroup li.current a {
  background: var(--tabpane-current-background);
  color: var(--tabpane-current-foreground, var(--tabpane-foreground));
  border-bottom-color: var(--tabpane-current-background);
}
.jqTabPaneDefault > .jqTabGroup li.current a:hover, 
.jqTabPanePlain > .jqTabGroup li.current a:hover,
.jqTabPaneSimple > .jqTabGroup li.current a:hover {
  box-shadow:none;
  border-top-color: var(--tabpane-border-color);
  border-left-color: var(--tabpane-border-color);
  border-right-color: var(--tabpane-border-color);
}
.jqTabPaneDefault > .jqTabGroup li.current a:hover, 
.jqTabPaneDefault > .jqTabGroup li.current a {
  background:none;
  height:auto;
  color: var(--tabpane-foreground);
}
.ui-dialog .jqTabPaneDefault >.jqTabGroup li.current a, 
.ui-dialog .jqTabPanePlain >.jqTabGroup li.current a, 
.ui-dialog .jqTabPaneSimple>.jqTabGroup li.current a {
  background:var(--ui-dialog-background);
  border-bottom-color:var(--ui-dialog-background);
}

.jqListyItemTools {
  background: var(--color-background);
}

@media screen and (max-width:1260px) {
  .natUserActions .natAccountAction .natTopicActionShortLabel {
    display:none;
  }
  .natBody .natTopBarContents {
    width:auto;
  }
  .natBody .natTopBarContents,
  .natBody .natBannerContents,
  .natBody .natTopPanelContents,
  .natBody .natBottomBarContents,
  .natBody .natMiddle {
    padding-left:1em;
    padding-right:1em;
  }
  .natBody .natTopBarContents,
  .natBody .natTopPanelContents,
  .natBody .natBottomBarContents,
  .natBody .natBannerContents,
  .natBody .natMiddle {
    width:auto;
    margin-left:0;
    margin-right:0;
  }
}
@media screen and (max-width:1024px) {
  .natLangSwitcher {
    display:none;
  }
  .natTopBar .natLangs {
    right:25px;
  }
  .natBody .natBannerContents {
    padding-top:0;
  }
  .natTopBar .natUserActions {
    display:none;
  }
  .natMainHeaderContents .natNewAction,
  .natMainHeaderContents .natLoginAction {
    display:inline;
  }
  .natTopicActions .natTopicAction,
  .natTopicActions .natTopicAction:hover {
    margin-left:8px;
  }
}
@media screen and (max-width: 800px) {
  .natLoginHeading {
    padding:0 0 1em;
  }
  .natLogin,
  .natLoginBanner .natLogin {
    border-radius:0;
    border:0;
    box-shadow:none;
    width:auto;
    position:initial;
    margin:0;
    padding:1rem 2rem;
  }
  .natLogin .foswikiFormButtons {
    display:flex;
    flex-wrap:wrap;
  }
  .natLogin .foswikiFormButtons .jqButton {
    flex-grow:1;
    margin-bottom: 1em;
  } 
  .natEditBody .natEditBottomBar .jqButtonText {
    display:none;
  }
  .natEditBody .natEditBottomBar .jqButtonIcon {
    padding-left:20px;
  }
  .natLogin .foswikiFormStep {
    margin-left:0 !important;
    margin-right:0 !important;
  }
}
@media screen and (max-width: 600px) {
  .natBreadCrumbs,
  .DISnatUserActions .natUserAction {
    display:none;
  }
  .natMainContents {
    margin-top:0;
  }
  .natUserActions {
    margin-right:30px;
  }
  .natEditBody .natEditTitle,
  .natEditBody .ui-natedit-align-buttons,
  .natEditBody .ui-natedit-list-buttons,
  .natEditBody .ui-natedit-insert-object-buttons,
  .natEditBody .ui-natedit-more-insert-buttons,
  .natEditBody .ui-natedit-tools-buttons,
  .natEditBody .natEditForceNewRevision {
    display:none;
  }
  .natEditBody .jqTabPaneDefault>.jqTabGroup a, 
  .natEditBody .jqTabPaneDefault>.jqTabGroup a:hover {
    font-size:12px;
  }
  .foswikiGrid h2 {
    margin-top:2em;
  }
}

@media screen and (max-width: 500px) {
  .natWebTitle {
    margin-bottom:0.75em;
  }
}
@media print {
  .natBody .natBannerContents,
  .natBody .natTopPanelContents,
  .natBody .natTopBarContents,
  .natBody .natMiddle,
  .natBody .natBottomBarContents {
    width: 100%;
  }
}

/* END MATTER.CSS - BEGIN JIBE.CSS */
body .natWebMenuContents > ul > li > a.active {
  background-color: #1e4c6c !important;
  color: white !important;
  font-weight: bold;
}

body .natWebMenuContents > ul > li > a.inactive {
  background-color: #cccccc !important;
  color: black !important;
}

div.natTopRightContents {
  display: flex !important;
  align-items: center !important;
  gap: 1em !important;
}

div.natTopSearchBox {
  margin: 0 !important;
  display: inline-block !important;
  flex-shrink: 0;
}

.jibeButton {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0;
  background: transparent;
  background-clip: border-box;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  line-height: 1.875rem;
  text-decoration: none;
  color: rgba(27, 82, 151, 1) !important;;
  -webkit-appearance: none;
  white-space: normal;
  user-select: none;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  transition: color 0.05s linear, background-color 0.05s linear;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background-image: linear-gradient(to bottom, #fff 0%, #ececec 100%);
}

.jibeButtonShort {
  line-height: 1.2rem;
  max-height: 28px;
}

.jibeSelectWide {
  min-width: 300px;
}

.jibeButton:hover,
.jibeButton:focus {
  text-decoration: none;
}

.jibeButton:focus {
  outline: 0;
  box-shadow: 0 0 3px #0070D2;
}
.jibeButtonOutline {
  border-color: rgb(0, 112, 210);
  background-color: white;
}

.jibeButtonOutline:hover {
  background-color: rgb(244, 246, 249);
}

.jibeButtonOutline:active {
  background-color: rgb(236, 235, 234);
}

.jibeButtonOutline:focus {
  box-shadow: 0 0 3px rgb(0, 112, 210);
}

.jibeLeftButton {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.jibeCenterButton {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.jibeRightButton {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

/* Make all buttons sit flush via flexbox */
.jibeButtonGroup {
  display: flex;
  float: right;
}

/* Force the <a> around the Subscribe spans to behave like a button wrapper */
.jibeButtonGroup > a.natSubscribeAction {
  display: flex;
  align-items: stretch;
}

/* Only one label shows at a time, but both need to render like buttons */
.jibeButtonGroup a.natSubscribeAction span {
  white-space: nowrap;
}
/* fix the subscribe link to make it function like button text */
.natSubscribeAction {
  text-decoration: none !important;
}

/* Align Subscribe button with Attach properly */
a.natSubscribeAction {
  padding: 0 !important;
  margin: 0 !important;
}

/* Only show the visible label as button (one is hidden via display:none) */
a.natSubscribeAction > span.jibeButton {
  align-items: center;
  justify-content: center;
}
.jibeButtonGroup a,
.jibeButtonGroup span {
  white-space: nowrap;
  vertical-align: top;
}


.foswikiTable td.foswikiTableCol0 {
  white-space: nowrap;
  vertical-align: top;
}

.foswikiTable td.foswikiTableCol0 form {
  display: inline-block;
  margin-left: 5px;
}

.foswikiTable td.foswikiTableCol0 input[type="image"] {
  vertical-align: middle;
}
/* This makes the labels on the form edit page normal instead of bold */
.natEditBody .foswikiFormTable th {
  font-weight: normal;
}

/* Overrides for fonts */
body,
.natHtml,
.natBodyContents,
.foswikiPage,
.natMain,
.natTopBar,
.natLeftBar,
.natRightBar,
.foswikiInputField,
.foswikiFormStep,
input,
select,
textarea,
textarea.foswikiTextarea,
button,
.foswikiForm,
.foswikiForm td,
.foswikiForm th,
.foswikiTable td,
.foswikiTable th {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

fieldset, .foswikiPageForm, .foswikiFormSteps {
  border: none !important;
  box-shadow: none !important;
}

.foswikiDataFormTitle {
  display: none;
}

/* turn off zebra striping for form tables */
.foswikiDataForm {
  --table-stripes: transparent;
}

/* add bottom margins to every form row */
.foswikiDataForm .foswikiLayoutTable tr td,
.foswikiDataForm .foswikiLayoutTable tr th {
  border-bottom: 1px solid #ccc;
}

.foswikiDataForm, .jibeFormTable h3 {
  margin: 0;
  padding: 0;
}

/* make the background of data forms white */
.foswikiPageForm .foswikiLayoutTable {
  background-color: white !important;
}


.jibeDiscussionHeader {
  color: var(--color-primary);
  font-weight:var(--font-weight-semi-bold);
  font-size: var(--font-size-h5);
  margin-bottom: 10px;
}

/* Slim down the content below the bar */
.natMiddle {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Nuke top margins of paragraph tags under the main container */
#natMainContents > p {
  display: none !important;
}

.jibeAppIcon {
  font-size: 2em; 
}

.jibeAppLabel {
  font-size: 1.5em; 
}

.jibeTallMenu {
  min-height: 3em !important; 
  display: flex !important;
  align-items: center !important;
  gap: 0.5em !important;
  height: 100% !important;
  padding: 0.5em 1em !important;
}.ui-button {
  border-radius:0;
  line-height: var(--line-height);
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
.ui-menu,
.ui-natedit-toolbar {
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
}

.ui-dialog .ui-dialog-titlebar, 
.ui-dialog .ui-dialog-content, 
.ui-dialog .ui-dialog-buttonpane {
  padding:1.5em 1.3em;
}
.ui-dialog .ui-dialog-titlebar-close {
  right:1.3em;
}
.ui-dialog .ui-dialog-titlebar {
  padding-bottom:1.2em;
}
.ui-dialog .ui-dialog-title {
  line-height:1.1;
}

.ui-dialog-buttonset .ui-button {
  padding:5px 10px; /* not using ems here as to subpixel issues 0.4em 0.7em */
}

.ui-autosuggest .ui-menu-item:first-child {
  border-top-right-radius:0;
}
.ui-menu .ui-menu-item .ui-autosuggest-title.ui-state-active,
.ui-menu .ui-menu-item .ui-autosuggest-title {
  color: var(--ui-menu-foreground);
}
body .ui-autocomplete-loading {
  background:none !important;
}
.foswikiFormDescription {
  margin-bottom: calc(var(--margin) * 0.5);
}

.foswikiToggleButton,
.foswikiCheckbox,
.foswikiRadioButton {

  --active: var(--checkbox-active);
  --active-inner: var(--checkbox-active-inner);

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  border: 1px solid var(--border-color, var(--input-border));
  background: var(--background, var(--input-background));

  position: relative;
  height: 1em;
  width: 1em;
  outline: none;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  transition: background 150ms, border-color 150ms;
  vertical-align:text-bottom;
}

.foswikiToggleButton::after,
.foswikiCheckbox::after,
.foswikiRadioButton::after {
  content: "";
  display: block;
  left: -1px;
  top: -1px;
  position: absolute;
  transition: transform 150ms, opacity 150ms;
  opacity: var(--opacity, 0);
}

.foswikiToggleButton:checked,
.foswikiCheckbox:checked,
.foswikiCheckbox:checked,
.foswikiRadioButton:checked {
  --background: var(--active);
  --border-color: var(--active);
  --opacity: 1;
}

.foswikiToggleButton:disabled,
.foswikiCheckbox:disabled,
.foswikiRadioButton:disabled {
  --background: var(--color-disabled-foreground);
  --border: var(--color-disabled-foreground);
  cursor: default;
  opacity: 0.6;
}

/*
.foswikiCheckbox:disabled:checked,
.foswikiRadioButton:disabled:checked {
  --background: var(--disabled-inner);
  --border-color: var(--input-border);
}
*/

.foswikiToggleButton:disabled + label,
.foswikiCheckbox:disabled + label,
.foswikiRadioButton:disabled + label {
  cursor: default;
}

.foswikiRadioButton {
  border-radius: 50%;
}
.foswikiRadioButton::after {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #fff;
  transform: scale(0.5);
}

.foswikiCheckboxGroup label,
.foswikiRadioButtonGroup label,
label > .foswikiToggleButton,
label > .foswikiCheckbox,
label > .foswikiRadioButton {
  margin-right: 0.5em;
  cursor: pointer;
}
.foswikiCheckbox + label,
.foswikiRadioButton + label {
  display: inline-block;
  cursor: pointer;
  margin-left: 0.5em;
}

.foswikiCheckbox: {
  border-radius: 7px;
}
.foswikiCheckbox::after {
  width: 0.25em;
  height: 0.5em;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  left: 0.25em;
  top: 0;
  transform: rotate(43deg);
}

.foswikiToggleButton {
   width: 2em;
   border-radius: 1em;
}
.foswikiToggleButton::after {
   left: 0;
   top: 0;
   border-radius: 50%;
   width: calc(1em - 2px);
   height: calc(1em - 2px);
   background: var(--active-background, var(--input-border));
   transform: translateX(var(--translate-x, 0));
   opacity: 1;
}
.foswikiToggleButton:checked {
   --active-background: var(--active-inner);
   --translate-x: 1em;
}
.foswikiToggleButton:disabled:not(:checked):after {
  opacity: 0.6;
}
.cmtComments .alt {
  background:var(--comments-background);
  color:var(--comments-foreground);
  border:0;
  box-shadow:none;
  margin:0;
}
.cmtComments .alt pre {
  background:var(--comments-background-pre);
}
.cmtComments h5 {
  margin-bottom:calc(var(--margin) * 0.75);
}
.cmtComment .imagePlain_left, 
.cmtComment .imageSimple_left {
  border-radius:50%;
}
.cmtCommentOdd,
.cmtCommentContainer.cmtCommentOdd,
.cmtSubComments .cmtCommentOdd {
  background:transparent;
  box-shadow:none;
  color: var(--color-text);
  border:0;
}
.cmtSubComments {
  /*border-left-color:var(--color-border);*/
  border:0;
  margin:var(--margin) 0 0 4.5em;
}
h3.cmtCommentNr {
  color:var(--color-foreground);
  display:none;
}

@media screen and (max-width: 600px) {
  .cmtComment > .alt {
    margin-left:-4.5em;
    margin-top:var(--margin);
  }
  .cmtSubComments {
    margin-left:0;
  }
}
:root {
  --font-family-regular: 'Roboto', Arial, 'Liberation Sans', FreeSans, sans-serif;
  --font-size: 15;
  --line-height: 1.6;
  --page-width-fixed: 80em;
  --page-width-bordered: 100%;
  --sidebar-width:20em;

  --color-primary-hue: 210;
  --color-primary-saturation: 63%; 
  --color-primary-lightness: 54%; 
  --color-border: var(--color-gray-6);

  --scrollbar-background: var(--color-gray-8);
  --scrollbar-thumb-background: var(--color-gray-3);
  --scrollbar-thumb-hover-background: var(--color-gray-1);
  --scrollbar-thumb-border-radius: 6px;
  --scrollbar-thumb-border: 2px solid var(--color-gray-8);
  --scrollbar-width: 14px;
  --scrollbar-height: 14px;

  --topbar-background:rgba(244, 244, 244, 0.8);
  --topbar-foreground: var(--color-foreground);
  --topbar-border: var(--color-border);
  --topbar-backdrop-filter: blur(6px);
  --bottombar-background: var(--color-gray-10);
  --bottombar-foreground: var(--topbar-foreground);
  --bottombar-border: var(--topbar-border);

  --toppanel-background: #636363;
  --toppanel-foreground: #fff;

  --comments-background: var(--color-gray-9);
  --comments-foreground: var(--color-text);
  --comments-background-pre: var(--color-gray-7);

  --font-size-banner: var(--font-size-h1);
  --line-height-banner: var(--line-height-h1);

/*
  --font-family-banner: var(--font-family-h1);
*/
  --font-weight-banner: var(--font-weight-bold);

  --color-active-foreground: #b22222;
  --color-h1: var(--color-text);
  --color-h2: var(--color-primary);
  --color-h3: var(--color-primary);
  --color-h4: var(--color-primary);
  --color-h5: var(--color-primary);
  --color-h6: var(--color-primary);

  --color-green: #52af00;
  --color-blue: #3e89d3;
  --color-red: #f14141;
  --color-background: #fff;
  --color-anchor: #333;
  --color-text: #333;

  --color-hover-background: var(--color-gray-8);
  --color-hover-foreground: var(--color-primary-darker-1);

  --menu-border: #c2c4c4;
  --menu-background: var(--color-background);
  --menu-foreground: var(--color-foreground);
  --menu-hover-background: #2472bf;
  --menu-hover-foreground: var(--color-background);
  --menu-active-background: #2472bf;
  --menu-active-foreground: #fff;

  --ui-menu-border: var(--menu-border);
  --ui-menu-background: var(--menu-background);
  --ui-menu-background-gradient: linear-gradient(var(--ui-menu-background) 0%, var(--color-gray-9) 100%); 
  --ui-menu-foreground: var(--menu-foreground);
  --ui-menu-box-shadow: 1px 1px 7px rgba(0,0,0,0.4);

  --ui-menu-hover-background: var(--color-gray-9);
  --ui-menu-hover-foreground: var(--ui-menu-forground);

  /*--alt-border: #bdbec5;*/
  --alt-border: var(--color-gray-6);
  --alt-background: var(--color-gray-10);
  --alt-background-gradient: linear-gradient(to bottom, var(--color-background) 0%, var(--alt-background) 100%); 
  --alt-header-foreground: var(--color-primary);

  --cls-pagination-background: var(--color-gray-9);
  --cls-pagination-foreground: var(--color-foreground);
  --cls-pagination-hover-background: var(--color-hover-background);
  --cls-pagination-hover-foreground: var(--color-hover-foreground);

  --button-border: #bdbec5;
  --button-background: #ececec;
  --button-background-gradient: linear-gradient(var(--color-background) 0%, var(--button-background) 100%); 
  --button-foreground: var(--color-foreground);
  --button-icon-color: #2375c5;

  --button-hover-border: var(--color-primary-alpha-2);
  --button-hover-box-shadow: none;
  --button-hover-background: var(--button-background);
  --button-hover-background-gradient: var(--button-background-gradient);
  --button-hover-foreground: var(--color-foreground);

  --button-focus-border: var(--button-hover-border);
  --button-focus-box-shadow: 0px 0px 10px -2px var(--color-border);
  --button-focus-background: var(--button-hover-background);
  --button-focus-background-gradient: var(--button-hover-background-gradient);
  --button-focus-foreground: var(--button-hover-foreground);

  --button-active-border: var(--color-primary-alpha-1);
  --button-active-box-shadow: 0px 0px 10px -2px var(--color-border);
  --button-active-background: var(--button-background);
  --button-active-background-gradient: linear-gradient(var(--button-active-background) 0%, var(--color-background) 100%);
  --button-active-foreground: var(--color-active-foreground);

  --table-border: #e4e4e4;
  --table-foreground: var(--color-foreground);

  --topbar-anchor: var(--color-anchor);
  --topbar-sticky-box-shadow: 0 2px 10px -2px rgba(0,0,0,.25);

  --ui-widget-background: var(--color-background);
  --ui-widget-foreground: var(--color-foreground);
  --ui-widget-border: var(--color-border);

  --ui-widget-header-background: var(--color-gray-9,#f3f3f3);
  --ui-widget-header-background-gradient: linear-gradient(var(--color-background) 0%, var(--ui-header-background)  100%);
  --ui-widget-header-foreground: var(--color-foreground);
  --ui-widget-header-border: #ddd;

  --ui-dialog-background: var(--ui-widget-background);
  --ui-dialog-foreground: var(--ui-widget-foreground);
  --ui-dialog-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  --ui-dialog-title-background: var(--color-gray-10);
  --ui-dialog-title-foreground: var(--color-text);
  --ui-dialog-title-border: var(--color-border);

  --tabpane-border-color: var(--color-gray-5, #bdbec5);
  --tabpane-foreground: var(--color-foreground);
  --tabpane-background: #ececec;
  --tabpane-background-gradient: linear-gradient(var(--color-background) 0%, var(--tabpane-background) 100%); 
  --tabpane-hover-border-color: #6fa4d8;
  --tabpane-current-background: var(--color-background);

  --searchbox-foreground: #ddd;
  --searchbox-background: transparent;
  --searchbox-magnifier-foreground: #bdbec5;

  --select2-background-image: url(../images/select2.png);

  --message-sticky-position: var(--top-bar-height);

  --login-background:var(--color-alpha-4);
  --login-backdrop-filter: blur(3px);
  --login-image:none;

  /*--checkbox-active: var(--color-secondary);*/

}

@media screen and (max-width:1260px) {
  :root {
    --font-size:14;
  }
}

@media screen and (max-width:1024px) {
  :root {
    --font-size:13;
  }
}

/*****************************/

:root[data-theme='dark'] {
  --color-red: #d4527b;
  --color-green: #98c379; 
  --color-blue: #61afef; 

  --color-h1: var(--color-primary);
  --color-foreground: #fff;
  /*--color-background: #2a2a2a;*/
  --color-background:#212121;
  --color-text: #b2b2b2;
  --color-border: #4e5366;
  --color-border: #505050;
  --color-anchor: #d2d2d2;
  --color-active-foreground: var(--color-secondary-lighter-3);

  /*--color-hover-background: #1c1c1c;*/
  --color-hover-background:#181818;
  --color-hover-foreground: var(--color-secondary);
  --color-disabled-foreground: var(--color-gray);

  --comments-background: var(--color-alpha-2);
  --comments-background-pre: var(--pre-background);

  --color-selected-foreground: #599e00;
  --color-selected-background: #3a452b;

  --topbar-background:rgba(17, 18, 19, 0.8);
  --topbar-border: transparent;
  --topbar-sticky-box-shadow: none;

  --toppanel-background: #373939;
  --bottombar-background: #191a1b;
  --bottombar-border: var(--bottombar-background);

  --newlink-background: var(--color-selected-background);
  --newlink-foreground: var(--color-selected-foreground);

  --menu-background: var(--color-primary-darker-5);
  --menu-border: var(--color-primary-darker-3);
  --menu-hover-background: var(--color-primary-darker-1);
  --menu-hover-foreground: #fff;

/*
  --alt-border: var(--color-primary-darker-1);
  --alt-inner-border: var(--color-primary-darker-3);
  --alt-shadow: var(--color-primary-darker-5);
  --alt-background: var(--color-primary-darker-5);
  --alt-background-gradient: linear-gradient(to bottom, var(--color-primary-darker-4) 0%, var(--alt-background) 100%); 
  --alt-header-foreground: var(--color-foreground);
*/
  --alt-border: #555;
  --alt-inner-border: var(--alt-border);
  --alt-shadow: none;
  --alt-background: #3b3b3b;
  --alt-background-gradient: var(--alt-background);
  --alt-header-foreground: var(--color-foreground);

  --cls-pagination-background: var(--alt-background);
  --cls-pagination-foreground: var(--alt-foreground);
  --cls-pagination-hover-foreground: var(--alt-foreground);
  --cls-pagination-hover-background: var(--color-primary-darker-4);

  --input-background: #252525;
  --editor-background: var(--input-background);
  --codemirror-background: var(--input-background);
  /*--input-border: var(--color-primary-darker-3);*/
  --input-border: var(--color-border);
  --input-foreground: var(--color-foreground);
  --input-focus-color: var(--color-primary-darker-1);
  --input-box-shadow: none;

  --select2-background-image: url(../images/select2-dark.png);

  --pre-background: #151515;
  --pre-border: var(--color-border);

  --button-border: var(--color-primary-darker-2);
  --button-background: var(--color-primary-darker-3);
  --button-background-gradient: linear-gradient(var(--button-background) 0%, var(--color-primary-darker-5) 100%); 
  --button-hover-border: var(--color-primary);
  --button-active-border: var(--button-hover-border);
  --button-active-background-gradient: linear-gradient(var(--color-primary-darker-5) 0%, var(--button-background) 100%);
  --button-disabled-foreground: var(--color-primary-alpha-1);
  --button-icon-color: inherit;

  --table-border: var(--color-border);
  --table-background: #222;
  --table-header-foreground: var(--color-foreground);
  --table-header-background: #333;
  --table-header-border: var(--color-border);

/*
  --table-border: #555;
  --table-background: #3b3b3b;;
  --table-header-foreground: #fff;
  --table-header-background: #4b4b4b;
  --table-header-border: #666;
*/


  /*--table-stripes: #222; */
  --table-stripes:#1a1a1a;

  --ui-widget-background: var(--alt-background);
  --ui-widget-header-border: var(--ui-widget-background);
  --ui-dialog-border:1px solid var(--color-border);
  --ui-dialog-background: var(--ui-widget-background);
  --ui-dialog-title-background: #4a4a4a;
  --ui-dialog-title-foreground: var(--color-foreground);
  --ui-dialog-title-border: var(--color-border);
  --ui-dialog-box-shadow: 0 0 10px 0 var(--color-primary-darker-9);
  --ui-menu-border: var(--color-border);
  --ui-natedit-menu-border: var(--menu-border);
  --ui-tooltip-border:#444;
  --ui-tooltip-background:#333;
  --ui-tooltip-foreground:var(--color-foreground);
  --ui-user-tooltip-background:#333;

  --tabpane-border-color: var(--color-primary-darker-3);
  --tabpane-background: var(--color-primary-darker-5);
  --tabpane-background-gradient: var(--color-primary-darker-5);
  --tabpane-hover-border-color: var(--color-primary-darker-2);

  --scrollbar-background: var(--color-primary-alpha-8);
  --scrollbar-thumb-background: var(--color-primary-alpha-3);
  --scrollbar-thumb-hover-background: var(--color-primary-alpha-1);
  --scrollbar-thumb-border: 2px solid var(--color-primary-darker-5);

  --scrolltop-foreground: var(--color-primary-lighter-5);
  --scrolltop-background: var(--color-primary-lighter-1);
  --scrolltop-background-gradient: linear-gradient(var(--color-primary-lighter-1) 0%, var(--color-primary-darker-2) 100%);
  --scrolltop-border: var(--color-primary-darker-1);

  --scrolltop-hover-foreground: var(--color-primary-lighter-10);
  --scrolltop-hover-background: var(--scrolltop-background);
  --scrolltop-hover-background-gradient: linear-gradient(var(--scrolltop-hover-background) 0%, var(--color-primary-darker-2) 100%);

  --scrolltop-active-foreground: var(--color-hover-foreground);
  --scrolltop-active-box-shadow: inset 1px 1px 0px 0 var(--color-primary-darker-3); 

  --ui-menu-background-gradient: linear-gradient(var(--color-primary-darker-3) 0%, var(--color-primary-darker-5) 100%); 
  --ui-menu-box-shadow: 1px 5px 7px #000;
  --ui-menu-hover-background: var(--color-primary-darker-2);

  --ui-widget-border: var(--color-primary-darker-1);

  --ui-block-msg-background: var(--color-primary-darker-5);

  --message-success-background: #d8faa8;
  --message-success-bold: #477D00;
  --message-success-border: var(--message-success-background);
  --message-success-foreground: #599e00;

  --message-warning-background: #f9eb90;
  --message-warning-bold: #A2772F;
  --message-warning-border: var(--message-warning-background);
  --message-warning-foreground: #997b48;

  --message-error-background: #f1bcbe;
  --message-error-bold: #9E1D1D;
  --message-error-border: var(--message-error-background);
  --message-error-foreground: #b22222;

  --message-info-background: #b8d2ef;
  --message-info-bold #004568;;
  --message-info-border: var(--message-info-background);
  --message-info-foreground: #005884;

  --message-background: #f8e6b4;
  --message-bold: #3e3008;
  --message-border: var(--message-background);
  --message-foreground: #6b6860;

  --toc-border: var(--color-primary-darker-2);
}