/**
 * Copyright 2024-2025 Kronseder & Reiner GmbH, smartics
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main#sst-main {
  margin: 0.1em 5%;
}

/* --------------   HEADER ---------------*/


/*
#sst-header-title::before {
  content: " :\A0";
  white-space: pre;
}
*/

header > div:first-child > div:first-child {
  display: flex;
  flex-direction: row;
}

header > div:first-child > div:first-child > a > div:first-child {
  background-image: url('/img/smartics-logo-claim.png');
  background-repeat: no-repeat;
  height: 100px;
  width: 450px
}

/**
    Menu container
 */
header > div:first-child > div:first-child > div:nth-child(2) {
  width: 100%;
  height: 30px;
  margin-top: 48px;
}

/* menubar in #sst-top-header-menu */
#sst-top-header-menu.w2ui-toolbar {
  background-color: transparent;
  user-select: none;
  padding: 2px;
}

/* toplevel MenuItem (still) in #sst-top-header-menu */
#sst-top-header-menu.w2ui-toolbar .w2ui-scroll-wrapper .w2ui-tb-button.checked {
  background-color: transparent;
}

/* toplevel MenuItem (still) in #sst-top-header-menu */
#sst-top-header-menu.w2ui-toolbar .w2ui-scroll-wrapper .w2ui-tb-button {
  background-color: transparent;
}

#sst-top-header-menu.w2ui-toolbar .w2ui-scroll-wrapper .w2ui-tb-button.over {
  background-color: #f1f1f1;
  border-bottom-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
}


/* toplevel toolbar warper (build the line / row */
#sst-top-header-menu.w2ui-toolbar .w2ui-scroll-wrapper {
  justify-content: end;
}

/* toplevel LAST artificial MenuItem */
#sst-top-header-menu.w2ui-toolbar .w2ui-scroll-wrapper .w2ui-tb-right {
  width: 15%;
}

/* configuration of the submenu of the toplevel menubar .
   The submenu is NOT in the container div (sst-top-header) but added to the
   bottom of the body in a container with id (w2overlay-toolbar-drop)*/

#w2overlay-toolbar-drop .w2ui-menu {
  /*   color: red; textcolor of submenu */
}

#w2overlay-toolbar-drop .w2ui-menu .w2ui-menu-item.w2ui-selected {
  background-color: whitesmoke;
}

#w2overlay-toolbar-drop .w2ui-menu .w2ui-menu-item:hover {
  background-color: whitesmoke;
}

#w2overlay-toolbar-drop .w2ui-menu .w2ui-sub-menu-box {
  background-color: #FEFEFE;
}

#w2overlay-toolbar-drop .w2ui-overlay-body > .w2ui-menu {
  border: none;
}

#w2overlay-toolbar-drop .w2ui-overlay-body > .w2ui-menu {
  border: none;
}

#w2overlay-toolbar-drop .w2ui-menu .w2ui-sub-menu {
  margin-left: 30px;
  border-right: solid 0.5px lightgrey;
  margin-right: 10px;
}

/** -----------------------------------  */


#sst-top-header-menu.w2ui-toolbar .w2ui-scroll-wrapper .w2ui-tb-button .w2ui-tb-text {
  /*  font-family: Bitter, Georgia, Times, 'Times New Roman', serif;*/
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  color: #314976;
}


.w2ui-overlay .w2ui-overlay-body.w2ui-white {
  border: 1px solid transparent !important;
}

.w2ui-overlay .w2ui-overlay-body.w2ui-white {
  background-color: white !important;
}

/** tooltip und menuitem, leider beides zusammen */
.Xw2ui-overlay .Xw2ui-overlay-body {
  font-size: 13px !important;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  color: black !important;
  border: 1px solid #303439 !important;
  background-color: ivory !important;
  text-shadow: 0 1px 1px #1b2e56 !important;
}


/** -------------------------------------   **/


header > div:first-child > div:nth-child(2) {
  font-size: 40px;
  display: inline-flex;
  text-align: center;
  /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); */
}

header > div:first-child > div:last-child {
  font-size: 12px;
  display: inline-flex;
  text-align: left;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
}

header > div:first-child > div:nth-child(2) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-right: 40px;
}


#sst-inner-header {
  font-size: xxx-large;
  font-weight: 500;
  color: #314976;
}

#sst-site-search {
  margin-left: auto;
}


/* ----------------------   CONTENT  --------------------------*/
/* CONTENT is composed of nav, resizer and main(content) (row)*/
/* NAV is composed of nav-head and nav-sidebar (column) */
/* MAIN(CONTENT) is composed of main and footer (column) */
/* MAIN has the confluence contents */
#sst-content {
  flex: 1;
  display: flex;
  flex-direction: row;
}

#sst-main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#sst-nav {
  flex-grow: 0;
  background-color: white;
  text-align: left;
  padding: 10px 0px 0px 20px;
  display: flex;
  flex-direction: column;
  min-width: 350px;
}

#sst-resizer {
  flex-grow: 0;
  width: 5px;
  background: #EEEEEEEE;
  cursor: ew-resize;
}

#sst-nav-content {
  font-size: 12px;
  font-family: OpenSans, serif;
}

#sst-nav-head-title {
  font-size: 12px;
  font-weight: bold;
  font-family: OpenSans, serif;
}

#sst-nav-head-content {
  font-size: 12px;
  font-family: OpenSans, serif;
}

#node__pages, #node__blog {
  font-weight: bold;
}

#sst-nav-head {
  flex-grow: 0;
}

#sst-nav-sidebar {
  flex-grow: 1;
  XXmin-width: 350px;
}

#sst-nav-sidebar .w2ui-sidebar-body {
  background-color: white;
}


#sst-nav-footer {
  flex-grow: 1;
}

main#sst-main {
  flex-grow: 1;
  height: 100%;
}

#page, #main {
  height: 100%;
}

/** support of Confluence section and column / row formating */

.sectionColumnWrapper {
  display: block;
  /* original: overflow-x: auto; */
  overflow-x: hidden;
}

.sectionMacro {
  margin-top: 10px;
  display: table;
  width: 100%;
}

.sectionMacroRow {
  display: table-row;
}

.sectionMacro .columnMacro {
  border: 0;
  padding: 0;
}

.sectionMacro .columnMacro + .columnMacro {
  padding-left: 20px;
}

.columnMacro {
  display: table-cell;
  vertical-align: top;
}

/**
Footer
 */

footer {
  flex-grow: 0;
  background-color: #f8f9fa;
  padding: 20px;
}

footer a {
  text-decoration: none; /* Removes underline */
  color: inherit; /* Inherit color from parent element */
}

footer a:visited {
  color: inherit; /* Keeps the color same, even after the link is visited */
}

footer a:hover {
  text-decoration: none; /* Removes underline on mouse over */
}

footer a:focus {
  outline: none; /* Removes outline */
}

footer > section {
  display: flex;
  flex-wrap: wrap;
  background-color: #f8f9fa;
  padding: 20px;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

/* smartics logo in footer */
footer > section:first-child > section:first-child image {
  transform-origin: left center;
  transition: transform 0.2s ease-in-out;
  transform: scale(1.02);
}

/* smartics copyright info in footer */
footer > section > section:nth-child(1) ul > li:nth-child(2) {
  font-size: smaller;
}

/* all sections in footer */
footer > section > section {
  margin-right: 60px;
  margin-bottom: 20px;
  text-align: left;
}

footer > section > section ul {
  padding-left: 0;
}

footer > section > section ul li {
  list-style-type: none;
}

/* all uls but not in first section (with logo) */
footer > section > section:not(:first-child) ul li:hover {
  transform-origin: left center;
  transition: transform 0.2s ease-in-out;
  transform: scale(1.1);
}

/* last section does not need spacing to the right */
footer > section > section:last-child {
  margin-right: 0;
}

/**
END FOOTER
 */

div#breadcrumb-section, #title-heading {
  display: block;
  width: 100%;
  float: none;
  clear: both;
}


.nav-heading {
  /*color: var(--aui-itemheading-text);*/
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: 1.81818182;
  padding: 0 10px;
}

div#site-search-result .search-hits {
  margin: 1em 0 0.5em;
  color: #6B778C;
  font-size: 13px;
  font-weight: 500;
}

div#site-search-result {
  max-height: 100%;
  overflow-y: auto;
}

/*#side-site-search-clear :focus:not(:focus-visible) {*/
/*  outline: unset;*/
/*  outline-offset: unset;*/
/*}*/

/*#side-site-search-clear {*/
/*  outline: none;*/
/*  background: none;*/
/*  cursor: pointer;*/
/*  text-decoration: none;*/
/*}*/

div#site-search-result .site-search-form input[type='text'] {
  box-sizing: border-box;
  /*margin-top: 30px;*/
  /*padding-left: 5px;*/
  /*padding-bottom: 4px;*/
  /*padding-right: 20px;*/
  width: 100%;
  background-color: white;
  color: #42526e;
  border: solid 2px darkgray;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  font-size: 20px;
}

div#site-search-result .site-search-form input[type='text']:focus {
  border-bottom: solid 2px #2684FF;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
}

div#site-search-result dd {
  margin-left: 0.5em;
}

div#site-search-result.modal-search {
  background: white;
  width: 40%;
  border-left: #1D4365;
  z-index: 1000;
}

#site-search-modal.modal-search {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(44, 44, 44, 0.5);
}

div#site-search-result {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  letter-spacing: 0;
  color-scheme: light;

  color: #42526E;
  margin: 0;
  padding: 2em 1em 1em 1em;
  background: white;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  animation-duration: 220ms;
  animation-name: SearchDrawerPanel_slide__3yNkz;
}

/* div#site-search-result */
#site-search-result-nav-spaces a.btn {
    margin: 5px;
    padding: 0px 5px;
}

/*
.box-title,
.box-icon {
  font-size: calc(1.275rem + .3vw);
  font-weight: bold;
}

.box-icon-container {
  margin-top: calc(-(1.275rem + .3vw) / 2);
}
*/

div.panelHeader.pdl {
  border-bottom-color: #ccc;
  text-align: left;
  padding: 5px 15px;
  background: #f5f5f5;
  overflow: hidden;
  position: relative;
}

.panelHeader {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #f7f7f7;
}

.codeHeader.pdl, .panelHeader.pdl, .pdl .panelContent {
  background: #f5f5f5;
}

.panel, .alertPanel, .infoPanel {
  color: #333;
  padding: 0;
  margin: 10px 0;
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 3px;
}

div.panel.pdl {
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}


code[class*="language-"], pre[class*="language-"] {
  white-space: pre-wrap !important;
}

.code, .preformatted {
  background-color: #fff;
  overflow: auto;
}

.wiki-content .panel.conf-macro {
  border-color: #dfe1e5;
}

/*.pdl .syntaxhighlighter table td.code .container {*/
/*  margin-top: 15px;*/
/*  padding-bottom: 15px;*/
/*}*/
/*.syntaxhighlighter table td.code .container {*/
/*  position: relative;*/
/*}*/
/*.pdl .syntaxhighlighter a, .pdl .syntaxhighlighter div, .pdl .syntaxhighlighter code, .pdl .syntaxhighlighter table, .pdl .syntaxhighlighter table td, .pdl .syntaxhighlighter table tr, .pdl .syntaxhighlighter table tbody, .pdl .syntaxhighlighter table thead, .pdl .syntaxhighlighter table caption, .pdl .syntaxhighlighter textarea {*/
/*  line-height: 20px;*/
/*  font-size: 14px;*/
/*}*/
/*.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {*/
/*  -moz-border-radius: 0 0 0 0;*/
/*  -webkit-border-radius: 0 0 0 0;*/
/*  background: none;*/
/*  border: 0;*/
/*  bottom: auto;*/
/*  float: none;*/
/*  height: auto;*/
/*  left: auto;*/
/*  line-height: 1.2em;*/
/*  margin: 0;*/
/*  outline: 0;*/
/*  overflow: visible;*/
/*  padding: 0;*/
/*  position: static;*/
/*  right: auto;*/
/*  text-align: left;*/
/*  top: auto;*/
/*  vertical-align: baseline;*/
/*  width: auto;*/
/*  box-sizing: content-box;*/
/*  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*  font-size: 1em;*/
/*  min-height: inherit;*/
/*}*/

/* Anchors in headers */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  color: unset;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration-style: dotted;
  text-decoration-line: underline;
  color: unset;
}

/* /Anchors in headers */