:root {
  --theme-color: #ed1b2f;
}

.exp-grid-container {
  visibility: hidden;
}

.exp-sidebar-navigation-sticky-wrapper {
  transform: translateX(30px);
  margin-left: -30px;
  overflow: auto;
  display: inline;
  width: 100%;
}

.iframe-content-loader {
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
  font-size: 30px;
}

.exp-tree-item-header:focus,
.exp-tree-item-header:focus-within {
  outline-color: transparent !important;
  outline-style: none !important;
}

.loader-spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid var(--theme-color);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

img {
  margin: 0 2px;
}

.homepage {
  text-decoration: none;
  color: black;
}

.homepage > a {
  font-size: 26px;
}

nav > .exp-tree > .exp-tree-container > li > div > div > a {
  text-transform: uppercase;
}

.exp-tree-item-header-title {
  color: #003247 !important;
}
.exp-tree-item-header-icon a {
  text-decoration: none;
  font-family: NotesESA, 'Trebuchet MS', Tahoma, Arial;
  font-size: 18px;
}

.exp-tree-item-header-icon a:hover {
  text-decoration: underline !important;
}

/* Misc ******************************************************************************************/

/* Paragraphs ************************************************************************************/

.wiki-content p {
  margin: 0 0 20px 0;
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 18px;
}
/*
.wiki-content p:first-child {
    margin: 0;
}
*/

/* --- WRAP-CONTAINER ----------------------------------------------------------------------------------------------- */
#ht-wrap-container {
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}

#ht-wrap-container:not(.ready) {
  display: none !important;
}

@media screen and (max-width: 640px) {
  #ht-wrap-container {
    flex-direction: column;
  }
}

.ht-content {
  z-index: 1;
  margin-left: -5px;
  width: min-content;
  overflow-x: auto;
  overflow-y: auto;
  height: 100vh;
  border-style: solid;
  border-width: 0px 0px 0px 5px;
  border-color: var(--theme-color);
}

#ht-wrap-container .ht-content {
  padding: 25px 15px 25px 15px;
  flex-grow: 1;
  user-select: auto;
  box-sizing: border-box;
}
#ht-wrap-container .ht-content img {
  max-width: 100%;
}
#ht-wrap-container .ht-content .youtube-embed {
  height: auto;
  min-height: 315px;
  width: 100%;
}
#ht-wrap-container .ht-content .file-explorer {
  width: 100%;
  min-height: 200px;
}
@media screen and (max-width: 640px) {
  #ht-wrap-container .ht-content {
    border-style: none;
    width: 100%;
    height: auto !important;
    margin-left: 0px !important;
  }
}
#ht-wrap-container .ht-content .ht-content-header {
  /*
  *  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
  */
}
#ht-wrap-container .ht-content .ht-content-header html,
#ht-wrap-container .ht-content .ht-content-header body,
#ht-wrap-container .ht-content .ht-content-header div,
#ht-wrap-container .ht-content .ht-content-header span,
#ht-wrap-container .ht-content .ht-content-header object,
#ht-wrap-container .ht-content .ht-content-header iframe,
#ht-wrap-container .ht-content .ht-content-header h1,
#ht-wrap-container .ht-content .ht-content-header h2,
#ht-wrap-container .ht-content .ht-content-header h3,
#ht-wrap-container .ht-content .ht-content-header h4,
#ht-wrap-container .ht-content .ht-content-header h5,
#ht-wrap-container .ht-content .ht-content-header h6,
#ht-wrap-container .ht-content .ht-content-header p,
#ht-wrap-container .ht-content .ht-content-header blockquote,
#ht-wrap-container .ht-content .ht-content-header pre,
#ht-wrap-container .ht-content .ht-content-header abbr,
#ht-wrap-container .ht-content .ht-content-header address,
#ht-wrap-container .ht-content .ht-content-header cite,
#ht-wrap-container .ht-content .ht-content-header code,
#ht-wrap-container .ht-content .ht-content-header del,
#ht-wrap-container .ht-content .ht-content-header dfn,
#ht-wrap-container .ht-content .ht-content-header em,
#ht-wrap-container .ht-content .ht-content-header img,
#ht-wrap-container .ht-content .ht-content-header ins,
#ht-wrap-container .ht-content .ht-content-header kbd,
#ht-wrap-container .ht-content .ht-content-header q,
#ht-wrap-container .ht-content .ht-content-header samp,
#ht-wrap-container .ht-content .ht-content-header small,
#ht-wrap-container .ht-content .ht-content-header strong,
#ht-wrap-container .ht-content .ht-content-header sub,
#ht-wrap-container .ht-content .ht-content-header sup,
#ht-wrap-container .ht-content .ht-content-header var,
#ht-wrap-container .ht-content .ht-content-header b,
#ht-wrap-container .ht-content .ht-content-header i,
#ht-wrap-container .ht-content .ht-content-header dl,
#ht-wrap-container .ht-content .ht-content-header dt,
#ht-wrap-container .ht-content .ht-content-header dd,
#ht-wrap-container .ht-content .ht-content-header ol,
#ht-wrap-container .ht-content .ht-content-header ul,
#ht-wrap-container .ht-content .ht-content-header li,
#ht-wrap-container .ht-content .ht-content-header fieldset,
#ht-wrap-container .ht-content .ht-content-header form,
#ht-wrap-container .ht-content .ht-content-header label,
#ht-wrap-container .ht-content .ht-content-header legend,
#ht-wrap-container .ht-content .ht-content-header table,
#ht-wrap-container .ht-content .ht-content-header caption,
#ht-wrap-container .ht-content .ht-content-header tbody,
#ht-wrap-container .ht-content .ht-content-header tfoot,
#ht-wrap-container .ht-content .ht-content-header thead,
#ht-wrap-container .ht-content .ht-content-header tr,
#ht-wrap-container .ht-content .ht-content-header th,
#ht-wrap-container .ht-content .ht-content-header td,
#ht-wrap-container .ht-content .ht-content-header article,
#ht-wrap-container .ht-content .ht-content-header aside,
#ht-wrap-container .ht-content .ht-content-header canvas,
#ht-wrap-container .ht-content .ht-content-header details,
#ht-wrap-container .ht-content .ht-content-header figcaption,
#ht-wrap-container .ht-content .ht-content-header figure,
#ht-wrap-container .ht-content .ht-content-header footer,
#ht-wrap-container .ht-content .ht-content-header header,
#ht-wrap-container .ht-content .ht-content-header hgroup,
#ht-wrap-container .ht-content .ht-content-header menu,
#ht-wrap-container .ht-content .ht-content-header nav,
#ht-wrap-container .ht-content .ht-content-header section,
#ht-wrap-container .ht-content .ht-content-header summary,
#ht-wrap-container .ht-content .ht-content-header time,
#ht-wrap-container .ht-content .ht-content-header mark,
#ht-wrap-container .ht-content .ht-content-header audio,
#ht-wrap-container .ht-content .ht-content-header video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  line-height: 1;
}
#ht-wrap-container .ht-content .ht-content-header body {
  line-height: 1;
}
#ht-wrap-container .ht-content .ht-content-header article,
#ht-wrap-container .ht-content .ht-content-header aside,
#ht-wrap-container .ht-content .ht-content-header details,
#ht-wrap-container .ht-content .ht-content-header figcaption,
#ht-wrap-container .ht-content .ht-content-header figure,
#ht-wrap-container .ht-content .ht-content-header footer,
#ht-wrap-container .ht-content .ht-content-header header,
#ht-wrap-container .ht-content .ht-content-header hgroup,
#ht-wrap-container .ht-content .ht-content-header menu,
#ht-wrap-container .ht-content .ht-content-header nav,
#ht-wrap-container .ht-content .ht-content-header section {
  display: block;
}
#ht-wrap-container .ht-content .ht-content-header nav ul {
  list-style: none;
}
#ht-wrap-container .ht-content .ht-content-header blockquote,
#ht-wrap-container .ht-content .ht-content-header q {
  quotes: none;
}
#ht-wrap-container .ht-content .ht-content-header blockquote:before,
#ht-wrap-container .ht-content .ht-content-header blockquote:after,
#ht-wrap-container .ht-content .ht-content-header q:before,
#ht-wrap-container .ht-content .ht-content-header q:after {
  content: none;
}
#ht-wrap-container .ht-content .ht-content-header a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
#ht-wrap-container .ht-content .ht-content-header ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
#ht-wrap-container .ht-content .ht-content-header mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
#ht-wrap-container .ht-content .ht-content-header del {
  text-decoration: line-through;
}
#ht-wrap-container .ht-content .ht-content-header abbr[title],
#ht-wrap-container .ht-content .ht-content-header dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
#ht-wrap-container .ht-content .ht-content-header table {
  border-collapse: collapse;
  border-spacing: 0;
}
#ht-wrap-container .ht-content .ht-content-header hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
#ht-wrap-container .ht-content .ht-content-header input,
#ht-wrap-container .ht-content .ht-content-header select {
  vertical-align: middle;
}
#ht-wrap-container .ht-content .ht-content-header a {
  text-decoration: none;
  outline: 0;
}
#ht-wrap-container .ht-content .ht-content-header a:hover {
  text-decoration: underline;
}
#ht-wrap-container .ht-content .ht-content-header img {
  outline: 0;
  border: 0;
}
#ht-wrap-container .ht-content .ht-content-header {
  margin-bottom: 32px;
}
@media screen and (max-width: 640px) {
  #ht-wrap-container .ht-content .ht-content-header {
    margin-bottom: 18px;
  }
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb {
  /*
  *  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
  */
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb html,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb body,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb div,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb span,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb object,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb iframe,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb h1,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb h2,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb h3,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb h4,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb h5,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb h6,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb p,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb blockquote,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb pre,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb abbr,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb address,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb cite,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb code,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb del,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb dfn,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb em,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb img,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb ins,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb kbd,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb q,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb samp,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb small,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb strong,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb sub,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb sup,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb var,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb b,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb i,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb dl,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb dt,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb dd,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb ol,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb ul,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb li,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb fieldset,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb form,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb label,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb legend,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb table,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb caption,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb tbody,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb tfoot,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb thead,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb tr,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb th,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb td,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb article,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb aside,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb canvas,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb details,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb figcaption,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb figure,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb footer,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb header,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb hgroup,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb menu,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb nav,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb section,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb summary,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb time,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb mark,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb audio,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  line-height: 1;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb body {
  line-height: 1;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb article,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb aside,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb details,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb figcaption,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb figure,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb footer,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb header,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb hgroup,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb menu,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb nav,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb section {
  display: block;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb nav ul {
  list-style: none;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb blockquote,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb q {
  quotes: none;
}
#ht-wrap-container
  .ht-content
  .ht-content-header
  #ht-breadcrumb
  blockquote:before,
#ht-wrap-container
  .ht-content
  .ht-content-header
  #ht-breadcrumb
  blockquote:after,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb q:before,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb q:after {
  content: none;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb del {
  text-decoration: line-through;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb abbr[title],
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb table {
  border-collapse: collapse;
  border-spacing: 0;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb input,
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb select {
  vertical-align: middle;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb a {
  text-decoration: none;
  outline: 0;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb a:hover {
  text-decoration: underline;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb img {
  outline: 0;
  border: 0;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb {
  margin-bottom: 4px;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb li {
  list-style: none;
  font-size: 0.875em;
  display: inline;
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb li:after {
  content: '/';
  margin-left: 3px;
}
#ht-wrap-container
  .ht-content
  .ht-content-header
  #ht-breadcrumb
  li:last-child:after {
  content: '';
}
#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb .shortcut {
  display: none !important;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle {
  /*
  *  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
  */
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle html,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle body,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle div,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle span,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle object,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle iframe,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle h1,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle h2,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle h3,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle h4,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle h5,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle h6,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle p,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle blockquote,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle pre,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle abbr,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle address,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle cite,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle code,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle del,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle dfn,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle em,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle img,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle ins,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle kbd,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle q,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle samp,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle small,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle strong,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle sub,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle sup,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle var,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle b,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle i,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle dl,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle dt,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle dd,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle ol,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle ul,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle li,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle fieldset,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle form,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle label,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle legend,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle table,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle caption,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle tbody,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle tfoot,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle thead,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle tr,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle th,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle td,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle article,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle aside,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle canvas,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle details,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle figcaption,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle figure,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle footer,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle header,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle hgroup,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle menu,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle nav,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle section,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle summary,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle time,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle mark,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle audio,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  line-height: 1;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle body {
  line-height: 1;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle article,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle aside,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle details,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle figcaption,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle figure,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle footer,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle header,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle hgroup,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle menu,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle nav,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle section {
  display: block;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle nav ul {
  list-style: none;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle blockquote,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle q {
  quotes: none;
}
#ht-wrap-container
  .ht-content
  .ht-content-header
  #ht-spacetitle
  blockquote:before,
#ht-wrap-container
  .ht-content
  .ht-content-header
  #ht-spacetitle
  blockquote:after,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle q:before,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle q:after {
  content: none;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle del {
  text-decoration: line-through;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle abbr[title],
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle table {
  border-collapse: collapse;
  border-spacing: 0;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle input,
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle select {
  vertical-align: middle;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle a {
  text-decoration: none;
  outline: 0;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle a:hover {
  text-decoration: underline;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle img {
  outline: 0;
  border: 0;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle {
  margin-bottom: 4px;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle li {
  list-style: none;
  font-size: 0.875em;
  display: inline;
}
#ht-wrap-container .ht-content .ht-content-header #ht-spacetitle li:after {
  content: '/';
  margin-left: 3px;
}
#ht-wrap-container
  .ht-content
  .ht-content-header
  #ht-spacetitle
  li:last-child:after {
  content: '';
}
#ht-wrap-container .ht-content .ht-content-header h1 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.25;
}
#ht-wrap-container .ht-content .ht-content-header p {
  font-size: 0.875em;
  line-height: 1.25rem;
  margin-bottom: 0.938rem;
}
@media screen and (max-width: 640px) {
  #ht-wrap-container .ht-content .ht-content-header p {
    font-size: 1.125em;
    line-height: 1.6rem;
  }
}
#ht-wrap-container .ht-content #main-content {
  font-family: Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 18px !important;
  word-wrap: break-word;
}
#ht-wrap-container .ht-content #search-results .search-result h2 {
  font-size: 1.125em;
  font-weight: normal;
  margin-bottom: 4px;
  line-height: 1.25;
}
#ht-wrap-container .ht-content #search-results .search-result h2 a {
  text-decoration: none;
}
#ht-wrap-container .ht-content #search-results .search-result p {
  margin-bottom: 8px;
}
#ht-wrap-container
  .ht-content
  #search-results
  .search-result
  p.search-result-link {
  color: #999999;
}
#ht-wrap-container .ht-content #search-results .search-result a {
  font-size: 0.875em;
}
#ht-wrap-container .ht-content #search-results .search-result hr {
  width: 100%;
  margin: 29px 0;
  border: none;
  border-bottom: 1px solid #ccc;
}
#ht-wrap-container
  .ht-content
  #search-results
  .search-result
  .sp-search-highlight {
  font-size: larger;
  font-style: italic;
  font-weight: bold;
}
#ht-wrap-container .pub-date {
  font-style: italic;
  padding: 10px 10px 10px 35px;
}

/* Images ****************************************************************************************/

.wiki-content img {
  max-width: 100%;
}

.wiki-content img.confluence-content-image-border {
  border: 1px solid black;
}

/* Heading Styling *******************************************************************************/
.wiki-content h1 {
  font-family: NotesEsa, 'Trebuchet MS', Tahoma, Arial;
  color: #003247;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 15px 0;
  padding: 0;
}
.wiki-content h2 {
  font-family: NotesEsa, 'Trebuchet MS', Tahoma, Arial;
  color: #003247;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 15px 0;
  padding: 0;
}

.wiki-content h3,
.wiki-content h4,
.wiki-content h5,
.wiki-content h6 {
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  text-decoration: none;
}

/* Headings in tables (no sections) */
.wiki-content table h1:first-child,
.wiki-content table h2:first-child,
.wiki-content table h3:first-child,
.wiki-content table h4:first-child,
.wiki-content table h5:first-child,
.wiki-content table h6:first-child {
  margin-top: 0;
}

/* Tables ****************************************************************************************/

.wiki-content div.tablewrap {
  margin: 15px 0 0 0;
  overflow-x: auto;
}

.wiki-content table {
  border: 0.5px solid #003247;
  margin: 0px 0px 5px 0px;
  padding: 0;
  width: auto;
  border-spacing: 0;
}

.wiki-content table th,
.wiki-content table td {
  padding: 0;
  height: 28px;
  vertical-align: top;
}
.wiki-content td.confluenceTh {
  border: 1px solid #003247;
}

.wiki-content tbody tr:first-child td {
  background-image: none;
}

.wiki-content tbody tr td {
  background-repeat: repeat-x;
  background-image: url(http://www.esa.int/extension/esa_ext/design/esn2/images/layout/dot.gif);
  padding-top: 4px;
}

.wiki-content td.confluenceTh p {
  line-height: 28px;
  font-family: NotesEsa, 'Trebuchet MS', Tahoma, Arial;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #003247;
  text-decoration: none;
  margin: 0;
  padding: 0 10px;
  vertical-align: top;
}

.wiki-content td.confluenceTd p {
  line-height: 28px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
  margin: 0;
  padding: 0 10px;
  vertical-align: top;
}

a {
  text-decoration: none;
  font-weight: normal;
  text-transform: none;
}

#main-content a {
  color: inherit;
  border-color: var(--theme-color) !important;
  border-bottom: 2px solid;
  transition: all 0.5s ease;
}

#main-content a:hover {
  color: var(--theme-color) !important;
  padding-bottom: 0.1em;
}

.wiki-content table thead tr td {
  background-color: #f0f0f0;
  text-align: left;
  font-weight: bold;
  color: #1e3378;
}

.wiki-content tbody tr:nth-child(2n) td,
.wiki-content tbody tr.even td {
  background-color: transparent;
}

.wiki-content th.confluenceTh,
.wiki-content th.confluenceTh > p,
.wiki-content tbody tr td.confluenceTh,
.wiki-content tbody tr td.confluenceTh > p {
  font-weight: bold;
}

.wiki-content th.confluenceTh,
.wiki-content th.confluenceTh > p,
.wiki-content td.highlight,
.wiki-content td.highlight > p,
.wiki-content td.highlight-grey,
.wiki-content td.highlight-grey > p,
.wiki-content tbody tr td.confluenceTh,
.wiki-content tbody tr td.confluenceTh > p,
.wiki-content tbody tr td.highlight,
.wiki-content tbody tr td.highlight > p,
.wiki-content tbody tr td.highlight-grey,
.wiki-content tbody tr td.highlight-grey > p {
  background-color: #f0f0f0;
}

.wiki-content th.note,
.wiki-content th.note > p,
.wiki-content td.highlight.note,
.wiki-content td.highlight.note > p,
.wiki-content td.highlight-yellow,
.wiki-content td.highlight-yellow > p,
.wiki-content tbody tr td.highlight.note,
.wiki-content tbody tr td.highlight.note > p,
.wiki-content tbody tr td.highlight-yellow,
.wiki-content tbody tr td.highlight-yellow > p {
  background-color: #ffffdd;
}

.wiki-content th.info,
.wiki-content th.info > p,
.wiki-content td.highlight.info,
.wiki-content td.highlight.info > p,
.wiki-content td.highlight-blue,
.wiki-content td.highlight-blue > p,
.wiki-content tbody tr td.highlight.info,
.wiki-content tbody tr td.highlight.info > p,
.wiki-content tbody tr td.highlight-blue,
.wiki-content tbody tr td.highlight-blue > p {
  background-color: #e0f0ff;
}

.wiki-content th.success,
.wiki-content th.success > p,
.wiki-content td.highlight.success,
.wiki-content td.highlight.success > p,
.wiki-content td.highlight-green,
.wiki-content td.highlight-green > p,
.wiki-content tbody tr td.highlight.success,
.wiki-content tbody tr td.highlight.success > p,
.wiki-content tbody tr td.highlight-green,
.wiki-content tbody tr td.highlight-green > p {
  background-color: #ddfade;
}

.wiki-content th.warning,
.wiki-content th.warning > p,
.wiki-content td.highlight.warning,
.wiki-content td.highlight.warning > p,
.wiki-content td.highlight-red,
.wiki-content td.highlight-red > p,
.wiki-content tbody tr td.highlight.warning,
.wiki-content tbody tr td.highlight.warning > p,
.wiki-content tbody tr td.highlight-red,
.wiki-content tbody tr td.highlight-red > p {
  background-color: #ffe7e7;
}

/* Section / Column Tables ***********************************************************************/

.wiki-content table.sectionMacro,
.wiki-content table.sectionMacroWithBorder {
  margin-bottom: 1em;
  width: 100%;
}
.wiki-content table.sectionMacro {
  border: none;
}
.wiki-content table.sectionMacroWithBorder {
  border: 1px solid #dddddd;
}

.wiki-content table.sectionMacro td,
.wiki-content table.sectionMacroWithBorder td {
  vertical-align: top;
}
.wiki-content table.sectionMacro td {
  border: none;
}
.wiki-content table.sectionMacroWithBorder td {
  border: 1px solid #dddddd;
}

/* Blockquote ************************************************************************************/

.wiki-content blockquote {
  border-left: 1px solid #009bdb;
  color: #003247;
  font-style: italic;
  margin: 1.5em 1em;
  padding-left: 1em;
}

/* Captions **************************************************************************************/

.wiki-content .caption {
  font-weight: bold;
  padding-top: 0.5em;
}

cite:before {
  content: '\2014 \2009';
}

/* Lists *****************************************************************************************/

.wiki-content ol,
ul {
  padding-left: 3em;
}

.wiki-content ol,
.wiki-content ol ol ol ol,
.wiki-content ol ol ol ol ol ol ol,
.wiki-content ol ol ol ol ol ol ol ol ol ol {
  list-style-type: decimal;
}

.wiki-content ol ol,
.wiki-content ol ol ol ol ol,
.wiki-content ol ol ol ol ol ol ol ol,
.wiki-content ol ol ol ol ol ol ol ol ol ol ol {
  list-style-type: lower-alpha;
}

.wiki-content ol ol ol,
.wiki-content ol ol ol ol ol ol,
.wiki-content ol ol ol ol ol ol ol ol ol,
.wiki-content ol ol ol ol ol ol ol ol ol ol ol ol {
  list-style-type: lower-roman;
}

.wiki-content .inline-task-list li {
  list-style: none;
  padding-left: 22px;
  margin-left: -22px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0 3px;
  background-image: url('../custom/images/checkbox-unchecked.png');
}

.wiki-content .inline-task-list li.checked {
  background-image: url('../custom/images/checkbox-checked.png');
}

/* Status Macro **********************************************************************************/

.wiki-content span.status {
  display: inline-block;
  min-width: 7.5em;
  margin: 1px 0px;
  padding: 2px 5px 2px 5px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
  line-height: 1.1em;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.wiki-content span.status.grey {
  color: #003247;
  background-color: #e8e8e4;
  border: 1px solid #e8e8e4;
}

.wiki-content span.status.grey.subtle {
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e8e8e4;
}

.wiki-content span.status.red {
  color: #ffffff;
  background-color: #ed1b2f;
  border: 1px solid #ed1b2f;
}

.wiki-content span.status.red.subtle {
  color: #d04437;
  background-color: #ffffff;
  border: 1px solid #f8d3d1;
}

.wiki-content span.status.green {
  color: #ffffff;
  background-color: #008e7a;
  border: 1px solid #008e7a;
}

.wiki-content span.status.green.subtle {
  color: #008e7a;
  background-color: #ffffff;
  border: 1px solid #76c8ae;
}

.wiki-content span.status.yellow {
  color: #594300;
  background-color: #ffcc4e;
  border: 1px solid #ffcc4e;
}

.wiki-content span.status.yellow.subtle {
  color: #594300;
  background-color: #ffffff;
  border: 1px solid #ffe28c;
}

.wiki-content span.status.blue {
  color: #ffffff;
  background-color: #00619e;
  border: 1px solid #00619e;
}

.wiki-content span.status.blue.subtle {
  color: #4a6785;
  background-color: #ffffff;
  border: 1px solid #e4e8ed;
}

/* Panels, Admonitions ***************************************************************************/

.wiki-content div.confbox {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  border: 1px solid #bbbbbb;
  border-radius: 5px;
}

.wiki-content div.confbox .title {
  font-weight: bold;
}

.wiki-content div.panel div.title.panel-header {
  padding: 0.5em 1em;
  border-bottom: 1px solid #bbbbbb;
  background-color: #f5f5f5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.wiki-content div.panel div.panel-content {
  padding: 1em;
}

.wiki-content div.admonition {
  padding: 10px 10px 10px 36px;
  background-repeat: no-repeat;
  background-position: 0.75em 1em;
  position: relative;
}

.wiki-content div.admonition.has-no-icon {
  padding-left: 10px;
}

.wiki-content div.admonition p.title {
  margin: 0;
}

.wiki-content div.admonition span.admonition-icon {
  display: block;
  left: 10px;
  line-height: 20px;
  position: absolute;
  top: 12px;
  vertical-align: text-bottom;
  height: 16px;
  width: 16px;
}

.wiki-content div.admonition span.admonition-icon:before {
  margin-top: -8px;
  font-size: 18px;
  color: inherit;
  font-family: 'SP Atlassian Icons';
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  left: 0;
  line-height: 1;
  position: absolute;
  text-indent: 0;
  top: 50%;
}

.wiki-content div.admonition-info {
  background-color: #fcfcfc;
  border-color: #aab8c6;
}

.wiki-content div.admonition-info span.admonition-icon:before {
  color: #4a6785;
  content: '\f16f';
}

.wiki-content div.admonition-note {
  background: #fffdf6;
  border-color: #ffeaae;
}

.wiki-content div.admonition-note span.admonition-icon:before {
  color: #594300;
  content: '\f1b3';
}

.wiki-content div.admonition-tip {
  background-color: #f3f9f4;
  border-color: #91c89c;
}

.wiki-content div.admonition-tip span.admonition-icon:before {
  color: #14892c;
  content: '\f104';
}

.wiki-content div.admonition-warning {
  background: #fff8f7;
  border-color: #d04437;
}

.wiki-content div.admonition-warning span.admonition-icon:before {
  color: #cf4336;
  content: '\f15a';
}

/* Program Listings ******************************************************************************/

.wiki-content div.programlisting {
  padding: 0;
  border-style: solid;
  background-color: transparent;
  font-style: normal;
}

.wiki-content div.programlisting div.title {
  padding: 0.5em 1em;
  border-bottom: 1px solid #bbbbbb;
  background-color: #f5f5f5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.wiki-content div.programlisting > div {
  padding: 1em;
  background-color: transparent;
}

.wiki-content .syntaxhighlighter {
  font-family: 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier,
    monospace;
}

.wiki-content .syntaxhighlighter div.line {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.wiki-content .syntaxhighlighter div.line code {
  white-space: pre-wrap;
  word-wrap: break-word;
  tab-size: 4;
}

/* Default Syntax Highlighting Theme *************************************************************/

.wiki-content .syntaxhighlighter {
  background-color: #fff;
}

.wiki-content .syntaxhighlighter .plain,
.wiki-content .syntaxhighlighter .plain a {
  color: #000;
}

.wiki-content .syntaxhighlighter .comments,
.wiki-content .syntaxhighlighter .comments a {
  color: #008200;
}

.wiki-content .syntaxhighlighter .string,
.wiki-content .syntaxhighlighter .string a {
  color: #1e3378;
}

.wiki-content .syntaxhighlighter .keyword {
  color: #00619e;
  font-weight: bold;
}

.wiki-content .syntaxhighlighter .preprocessor {
  color: gray;
}

.wiki-content .syntaxhighlighter .variable {
  color: #a70;
}

.wiki-content .syntaxhighlighter .value {
  color: #090;
}

.wiki-content .syntaxhighlighter .functions {
  color: #ff1493;
}

.wiki-content .syntaxhighlighter .constants {
  color: #0066cc;
}

.wiki-content .syntaxhighlighter .script {
  background-color: #ffcc4e;
}

.wiki-content .syntaxhighlighter .color1,
.wiki-content .syntaxhighlighter .color1 a {
  color: #808080;
}

.wiki-content .syntaxhighlighter .color2,
.wiki-content .syntaxhighlighter .color2 a {
  color: #ff1493;
}

.wiki-content .syntaxhighlighter .color3,
.wiki-content .syntaxhighlighter .color3 a {
  color: #ed1b2f;
}

/* Dropdown added by SOCCI team */
#dropdown_element {
  list-style: none;
  visibility: hidden;
  position: absolute;
  width: max-content;
  box-shadow: 1px 1px 3px #ccc;
  opacity: 0;
  background: #003247;
  display: inline-table !important;
  left: auto !important;
  top: 50px;
  right: 0 !important;
}

#dropdown_element li {
  padding: 5px !important;
}

#otherTab:hover > ul {
  visibility: visible;
  opacity: 1;
}
#otherBar:hover > ul {
  visibility: visible;
  opacity: 1;
}

/* secondary color; used for links, svg-icons … */
/* --- COMMON ------------------------------------------------------------------------------------------------------- */

a,
span,
li,
nav,
ul {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* --- HEADER ------------------------------------------------------------------------------------------------------- */
#ht-headerbar {
  background-image: url(../../images/PortalHeader.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 15px 0px rgb(68 68 68 / 10%);
  background-color: #003247;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-color: #335e6f;
}
#ht-headerbar a {
  color: #205081;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
#ht-headerbar a:hover {
  color: #1b436d;
}
@media screen and (max-width: 1024px) {
  #ht-headerbar {
    border-bottom: 1px solid #cccccc;
    background-color: rgba(255, 255, 255, 0.95);
  }
}

#ht-headerbar #ht-search .ht-search-input a.ht-search-clear {
  color: #cccccc;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
#ht-headerbar #ht-search .ht-search-input a.ht-search-clear:hover {
  color: #bfbfbf;
}

/* --- SIDEBAR ------------------------------------------------------------------------------------------------------ */

#ht-sidebar .ht-sidebar-header a {
  color: #335e6f;
}
#ht-sidebar .ht-sidebar-header h2 a {
  color: #335e6f;
}
#ht-sidebar .ht-scroll-versions-widget {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select label {
  color: #003247;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button {
  color: #003247;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button
  .ht-select-button-icon {
  fill: #003247;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button:hover {
  background-color: #335e6f;
  color: white;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button:hover
  label {
  color: white;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button:hover
  .ht-select-button-icon {
  fill: white;
}
@media screen and (max-width: 1024px) {
  #ht-sidebar
    .ht-scroll-versions-widget
    .ht-scroll-versions-select
    a.ht-select-button:hover {
    color: white;
  }
  #ht-sidebar
    .ht-scroll-versions-widget
    .ht-scroll-versions-select
    a.ht-select-button:hover
    label {
    color: white;
  }
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button.active {
  background-color: #335e6f;
  color: white;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button.active
  label,
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button.active
  span {
  color: white;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button.active
  .ht-select-button-icon {
  fill: white;
}
@media screen and (max-width: 1024px) {
  #ht-sidebar
    .ht-scroll-versions-widget
    .ht-scroll-versions-select
    a.ht-select-button.active {
    color: white;
  }
  #ht-sidebar
    .ht-scroll-versions-widget
    .ht-scroll-versions-select
    a.ht-select-button.active
    label {
    color: white;
  }
}
#ht-sidebar .ht-pages-nav ul li .sp-aui-icon-small {
  color: #707070;
}
#ht-sidebar .ht-pages-nav ul li .sp-aui-icon-small:hover {
  color: #335e6f;
}
#ht-sidebar .ht-pages-nav ul a {
  color: #003247;
}
#ht-sidebar .ht-pages-nav ul a.current {
  color: #262626;
}

#ht-sidebar .ht-dropdown,
#ht-headerbar .ht-dropdown {
  background-color: white;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 640px) {
  #ht-sidebar .ht-dropdown,
  #ht-headerbar .ht-dropdown {
    border-bottom: 1px solid #cccccc;
  }
}
#ht-sidebar .ht-dropdown li a,
#ht-headerbar .ht-dropdown li a {
  background-color: white;
}
#ht-sidebar .ht-dropdown li a.hover,
#ht-headerbar .ht-dropdown li a.hover {
  color: white;
  background-color: #335e6f;
}

#ht-headerbar .ht-dropdown li.search-key:nth-child(n + 2) {
  border-top: 1px solid #cccccc;
}

#ht-headerbar #ht-search.open .ht-search-input {
  background-color: white;
}

/* --- WRAP-CONTAINER ----------------------------------------------------------------------------------------------- */
#ht-wrap-container #ht-sidebar-dragbar .ht-sidebar-drag-handle span {
  background-color: #cccccc;
}
#ht-wrap-container #ht-sidebar-dragbar:hover .ht-sidebar-drag-handle span {
  background-color: #335e6f;
}
#ht-wrap-container #ht-post-nav svg path {
  fill: #335e6f;
}
#ht-wrap-container #ht-footer small {
  color: #cccccc;
}
#ht-wrap-container #ht-footer small a {
  color: #cccccc;
}

.ht-error-page-scream {
  color: #205081;
}

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: #335e6f;
}

::selection {
  color: white;
  background: #335e6f;
}

/* secondary color; used for links, svg-icons … */
/*
*  html5 doctor css reset adopted for scoping by K15t | http://html5doctor.com/html-5-reset-stylesheet
*/
html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  line-height: 1rem;
}

/*
* K15t specific part
*/

html {
  height: auto !important;
  -webkit-text-size-adjust: 100%;
}

.exp-sidebar-navigation-sticky-wrapper iframe {
  height: 100%;
}

body {
  color: #000000;
  font-family: Arial, sans-serif;
  position: relative;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-backface-visibility: hidden;
  line-height: 1.65em;
}

/* --- ESA SPECIFIC STYLING -------------------------------------------------------------------------------------------------------- */
/* Colors */
/* Dimensions */
/* Fonts */
/* ESA Notes */
@font-face {
  font-family: 'NotesEsa';
  src: url(../custom/fonts/NotesEsaReg.otf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NotesEsa';
  src: url(../custom/fonts/NotesEsaBol.otf);
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'NotesEsa';
  src: url(../custom/fonts/NotesEsaRegIta.otf);
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'NotesEsa';
  src: url(../custom/fonts/NotesEsaBolIta.otf);
  font-weight: bold;
  font-style: italic;
}

/* Reykjavik One */
@font-face {
  font-family: 'ReykjavikOne';
  src: url(../custom/fonts/ReykjavikOneAGauge.otf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ReykjavikOne';
  src: url(../custom/fonts/ReykjavikOneCGauge.otf);
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'ReykjavikOne';
  src: url(../custom/fonts/ReykjavikOneAGaugeItalic.otf);
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'ReykjavikOne';
  src: url(../custom/fonts/ReykjavikOneCGaugeItalic.otf);
  font-weight: bold;
  font-style: italic;
}

#header-bg-top {
  height: 160px;
  width: 100%;
  background: #8197a6;
}

#header-bg-bottom {
  height: 50px;
  width: 100%;
  background: #8197a6;
  margin-bottom: 11px;
}

@media screen and (max-width: 979px) {
  #header-bg-bottom {
    height: 38px;
    margin-bottom: 0;
  }
}
/*
ESA-specific behaviour: do not display sidebar items from sites that are not under the current active first level hierarchy
*/
ul#esa-sidebar-items > li:not(.open) {
  display: none;
}

/* --- LOADER ------------------------------------------------------------------------------------------------------- */
#ht-loader {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 3000px;
  overflow: hidden;
  top: -100px;
}

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

#ht-headerbar html,
#ht-headerbar body,
#ht-headerbar div,
#ht-headerbar span,
#ht-headerbar object,
#ht-headerbar iframe,
#ht-headerbar h1,
#ht-headerbar h2,
#ht-headerbar h3,
#ht-headerbar h4,
#ht-headerbar h5,
#ht-headerbar h6,
#ht-headerbar p,
#ht-headerbar blockquote,
#ht-headerbar pre,
#ht-headerbar abbr,
#ht-headerbar address,
#ht-headerbar cite,
#ht-headerbar code,
#ht-headerbar del,
#ht-headerbar dfn,
#ht-headerbar em,
#ht-headerbar img,
#ht-headerbar ins,
#ht-headerbar kbd,
#ht-headerbar q,
#ht-headerbar samp,
#ht-headerbar small,
#ht-headerbar strong,
#ht-headerbar sub,
#ht-headerbar sup,
#ht-headerbar var,
#ht-headerbar b,
#ht-headerbar i,
#ht-headerbar dl,
#ht-headerbar dt,
#ht-headerbar dd,
#ht-headerbar ol,
#ht-headerbar ul,
#ht-headerbar li,
#ht-headerbar fieldset,
#ht-headerbar form,
#ht-headerbar label,
#ht-headerbar legend,
#ht-headerbar table,
#ht-headerbar caption,
#ht-headerbar tbody,
#ht-headerbar tfoot,
#ht-headerbar thead,
#ht-headerbar tr,
#ht-headerbar th,
#ht-headerbar td,
#ht-headerbar article,
#ht-headerbar aside,
#ht-headerbar canvas,
#ht-headerbar details,
#ht-headerbar figcaption,
#ht-headerbar figure,
#ht-headerbar footer,
#ht-headerbar header,
#ht-headerbar hgroup,
#ht-headerbar menu,
#ht-headerbar nav,
#ht-headerbar section,
#ht-headerbar summary,
#ht-headerbar time,
#ht-headerbar mark,
#ht-headerbar audio,
#ht-headerbar video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-weight: normal;
  line-height: 1;
}
#ht-headerbar body {
  line-height: 1;
}
#ht-headerbar article,
#ht-headerbar aside,
#ht-headerbar details,
#ht-headerbar figcaption,
#ht-headerbar figure,
#ht-headerbar footer,
#ht-headerbar header,
#ht-headerbar hgroup,
#ht-headerbar menu,
#ht-headerbar nav,
#ht-headerbar section {
  display: block;
}
#ht-headerbar nav ul {
  list-style: none;
}
#ht-headerbar blockquote,
#ht-headerbar q {
  quotes: none;
}
#ht-headerbar blockquote:before,
#ht-headerbar blockquote:after,
#ht-headerbar q:before,
#ht-headerbar q:after {
  content: none;
}
#ht-headerbar a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
#ht-headerbar ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
#ht-headerbar mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
#ht-headerbar del {
  text-decoration: line-through;
}
#ht-headerbar abbr[title],
#ht-headerbar dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
#ht-headerbar table {
  border-collapse: collapse;
  border-spacing: 0;
}
#ht-headerbar hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
#ht-headerbar input,
#ht-headerbar select {
  vertical-align: middle;
}
#ht-headerbar a {
  text-decoration: none;
  outline: 0;
}
#ht-headerbar a:hover {
  text-decoration: underline;
}
#ht-headerbar img {
  outline: 0;
  border: 0;
}

#ht-headerbar {
  padding-bottom: 5px;
  z-index: 2;
  top: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  margin: 0 auto;
  /*@include translate(0px, 0px);*/
}
#ht-headerbar #header-top-bar {
  height: 35px;
  background: linear-gradient(0deg, #c2c5c7 0%, #ffffff 100%);
  border: 1px solid #c1c4c7;
  font-family: NotesEsa, 'Trebuchet MS', Tahoma, Arial;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
#ht-headerbar
  #header-top-bar
  #header-top-bar-left
  ul:first-of-type
  li:first-of-type {
  padding-left: 26px;
}
#ht-headerbar
  #header-top-bar
  #header-top-bar-left
  ul:first-of-type
  li:first-of-type:before {
  /* → */
  content: '\2192';
  padding-right: 8px;
  color: #0098db !important;
  font-size: 19px;
  position: absolute;
  left: 10px;
  top: 0px;
}
#ht-headerbar
  #header-top-bar
  #header-top-bar-left
  ul:first-of-type
  li:last-of-type:before:not(:first-of-type) {
  margin-left: -14px;
}
#ht-headerbar
  #header-top-bar
  #header-top-bar-left
  ul:first-of-type
  li:first-of-type
  > a {
  color: #0098db !important;
}
#ht-headerbar
  #header-top-bar
  #header-top-bar-left
  ul:first-of-type
  li:first-of-type
  > a:hover {
  color: #22597e !important;
}
#ht-headerbar #header-top-bar ul:last-of-type li:first-of-type:after {
  margin-left: 11px;
}
#ht-headerbar #header-top-bar ul li {
  display: inline-block;
  padding: 0 9px;
  position: relative;
  line-height: 35px;
}
#ht-headerbar #header-top-bar ul li a {
  display: block;
  line-height: 35px;
  color: #22597e !important;
  text-decoration: none;
  text-shadow: 1px 1px white;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
}
#ht-headerbar #header-top-bar ul li a:hover {
  color: #0098db !important;
}
#ht-headerbar #header-top-bar ul li:not(:first-of-type):before {
  content: '';
  width: 1px;
  line-height: 35px;
  height: 35px;
  position: absolute;
  margin-left: -13px;
  display: inline-block;
  background: linear-gradient(#ffffff, #9c9d9d);
}
#ht-headerbar #header-top-bar ul li:not(:last-of-type):after {
  content: '';
  width: 0;
  line-height: 35px;
  height: 35px;
  position: absolute;
  display: inline-block;
  margin-left: 10px;
  background: white;
}
#ht-headerbar #header-main-content {
  max-width: 1320px;
  margin: 0 auto;
  height: 230px;
  padding-top: 30px;
  position: relative;
}
#ht-headerbar #header-main-content #header-main-content-logo {
  float: right;
}

#ht-headerbar #header-main-content #header-main-content-logo img {
  height: 43px;
  width: 120px;
  padding-top: 50px;
  padding-right: 50px;
}

#ht-headerbar #header-main-content #header-main-tab-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 25px;
  max-width: calc(100% - 25px);
}
#ht-headerbar #header-main-content #header-main-tab-bar .dropdown {
  display: none;
}
#ht-headerbar #header-main-content #header-main-tab-bar ul {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  overflow-x: auto;
  overflow-y: hidden;
  height: 50px;
  max-width: 100%;
}

#ht-headerbar #header-main-content #header-main-tab-bar #navigationUl {
  display: inline-flex;
}

#ht-headerbar
  #header-main-content
  #header-main-tab-bar
  ul
  li.header-main-tab-bar-item {
  display: inline-table;
  height: 50px;
  line-height: 50px;
}
@media screen and (max-width: 980px) {
  #ht-headerbar
    #header-main-content
    #header-main-tab-bar
    ul
    li.header-main-tab-bar-item {
    display: inline-block;
  }
}
#ht-headerbar
  #header-main-content
  #header-main-tab-bar
  ul
  li.header-main-tab-bar-item
  a {
  font-family: NotesESA, 'Trebuchet MS', Tahoma, Arial;
  font-weight: bold;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
  color: #8197a6 !important;
  text-transform: uppercase;
  color: #fff;
  margin-right: 50px;
  white-space: nowrap;
}
#ht-headerbar
  #header-main-content
  #header-main-tab-bar
  ul
  li.header-main-tab-bar-item
  a:hover {
  text-decoration: none;
  color: #e8e8e4 !important;
}
#ht-headerbar
  #header-main-content
  #header-main-tab-bar
  ul
  li.header-main-tab-bar-item
  a.active {
  color: #e8e8e4 !important;
}

#ht-headerbar #header-top-bar .dropdown {
  display: none;
}
#ht-headerbar a {
  text-decoration: none;
}
@media screen and (max-width: 979px) {
  #ht-headerbar #header-top-bar ul {
    display: none;
  }
  #ht-headerbar #header-top-bar .dropdown {
    display: block;
  }
  #ht-headerbar #header-top-bar #header-top-bar-left {
    min-height: 35px;
    max-width: 50%;
    width: 160px;
    text-align: left;
  }
  #ht-headerbar #header-top-bar #header-top-bar-right {
    min-height: 35px;
    max-width: 50%;
    width: 160px;
    text-align: right;
  }
  #ht-headerbar #header-top-bar #header-top-bar-left.opened ul,
  #ht-headerbar #header-top-bar #header-top-bar-right.opened ul {
    display: block;
    position: absolute;
    top: 35px;
    z-index: 2;
    display: block;
    background: white;
    border: solid 1px #ebebeb;
    right: 0;
    left: 0;
  }
  #ht-headerbar #header-top-bar #header-top-bar-left.opened ul li,
  #ht-headerbar #header-top-bar #header-top-bar-right.opened ul li {
    display: block;
  }
  #ht-headerbar
    #header-top-bar
    #header-top-bar-left.opened
    ul
    li:not(:first-of-type):before,
  #ht-headerbar #header-top-bar #header-top-bar-left.opened ul li:after,
  #ht-headerbar
    #header-top-bar
    #header-top-bar-right.opened
    ul
    li:not(:first-of-type):before,
  #ht-headerbar #header-top-bar #header-top-bar-right.opened ul li:after {
    width: 0;
  }
  #ht-headerbar #header-top-bar .dropdown {
    display: inline-block;
    line-height: 35px;
    color: #22597e !important;
    text-decoration: none;
    text-shadow: 1px 1px white;
    font-weight: bold;
    font-style: normal;
    padding: 0 9px;
    text-transform: uppercase;
    position: relative;
  }
  #ht-headerbar #header-top-bar .dropdown:hover {
    color: #0098db !important;
  }
  #ht-headerbar #header-main-content {
    min-height: 100px;
  }
  #ht-headerbar #header-main-content #header-main-content-logo {
    position: absolute;
    right: 15px;
    height: 100px;
    display: block;
  }

  #ht-headerbar #header-main-content #header-main-tab-bar ul {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #ht-headerbar {
    top: 0px;
    height: auto;
    left: 0px !important;
  }
}
@media screen and (max-width: 640px) {
  #ht-headerbar #ht-menu-toggle {
    z-index: 1;
  }
}

#ht-headerbar .ht-dropdown {
  font-size: 0.9em;
  margin-top: -3px;
  position: relative;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 0px;
  opacity: 0;
  -webkit-transition: max-height 0.25s ease-in-out;
  -moz-transition: max-height 0.25s ease-in-out;
  -o-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media screen and (max-width: 640px) {
  #ht-headerbar .ht-dropdown {
    position: absolute;
    left: -6px;
    right: -12px;
    border: 0px;
    margin-top: 4px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 0px) and (max-width: 640px) and (orientation: landscape) {
  #ht-headerbar .ht-dropdown {
    display: none;
  }
}
#ht-headerbar .ht-dropdown.open {
  max-height: 300px;
  opacity: 1;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  #ht-headerbar .ht-dropdown.open {
    max-height: 252px;
  }
}
#ht-headerbar .ht-dropdown ul {
  padding-top: 2px;
}
#ht-headerbar .ht-dropdown li {
  list-style: none;
}
#ht-headerbar .ht-dropdown li.search-key {
  padding: 1px 0;
}
#ht-headerbar .ht-dropdown li a {
  display: block;
  padding: 7px 10px;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
@media screen and (max-width: 1024px) {
  #ht-headerbar .ht-dropdown li a {
    padding: 14px 10px;
  }
}
#ht-headerbar .ht-dropdown li a:hover {
  text-decoration: none;
}
#ht-headerbar .ht-dropdown ul {
  padding-top: 0;
}

#ht-headerbar #ht-search {
  display: inline-block;
  position: static;
  right: auto;
  height: 36px;
  opacity: 1;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
@media screen and (max-width: 640px) {
  #ht-headerbar #ht-search .ht-dropdown {
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  }
}
#ht-headerbar #ht-search .ht-header-icon {
  margin: 0px;
}
@media screen and (max-width: 640px) {
  #ht-headerbar #ht-search .ht-header-icon {
    margin-right: 0px;
  }
}
#ht-headerbar #ht-search #ht-search-button {
  margin: 0px;
}
@media screen and (max-width: 1024px) {
  #ht-headerbar #ht-search #ht-search-button {
    pointer-events: auto;
  }
}
#ht-headerbar #ht-search .ht-search-input {
  pointer-events: auto;
  position: relative;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: border-color 0.25s ease-in-out;
  -moz-transition: border-color 0.25s ease-in-out;
  -o-transition: border-color 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out;
  -webkit-transition:
    width 0.25s ease-in-out,
    opacity 0.25s ease-in-out;
  -moz-transition:
    width 0.25s ease-in-out,
    opacity 0.25s ease-in-out;
  -o-transition:
    width 0.25s ease-in-out,
    opacity 0.25s ease-in-out;
  transition:
    width 0.25s ease-in-out,
    opacity 0.25s ease-in-out;
}
#ht-headerbar #ht-search .ht-search-input a.ht-search-clear {
  display: none;
  opacity: 0;
  width: 24px;
  height: 36px;
  -webkit-transition:
    opacity 0.25s ease-in-out,
    color 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s, 0s;
  -moz-transition:
    opacity 0.25s ease-in-out 0.25s,
    color 0.25s ease-in-out 0s;
  -o-transition:
    opacity 0.25s ease-in-out 0.25s,
    color 0.25s ease-in-out 0s;
  transition:
    opacity 0.25s ease-in-out 0.25s,
    color 0.25s ease-in-out 0s;
}
#ht-headerbar #ht-search .ht-search-input a.ht-search-clear.show {
  display: block;
  opacity: 1;
}
#ht-headerbar #ht-search .ht-search-input a.ht-search-clear,
#ht-headerbar #ht-search .ht-search-input a#ht-search-button,
#ht-headerbar #ht-search .ht-search-input form {
  float: right;
}
@media screen and (max-width: 1024px) {
  #ht-headerbar #ht-search .ht-search-input {
    top: 0px;
    margin-top: 0px;
    right: auto;
  }
}
@media screen and (max-width: 640px) {
  #ht-headerbar #ht-search .ht-search-input {
    right: auto;
    left: auto;
    width: auto;
    pointer-events: auto;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
  }
}
#ht-headerbar #ht-search .ht-search-input .search-input {
  height: 36px;
  width: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  outline: 0px;
  font-size: 16px;
  background-repeat: no-repeat;
  border: 0px;
  opacity: 0;
  -webkit-transition:
    width 0.25s ease-in-out,
    opacity 0.25s ease-in-out;
  -moz-transition:
    width 0.25s ease-in-out,
    opacity 0.25s ease-in-out;
  -o-transition:
    width 0.25s ease-in-out,
    opacity 0.25s ease-in-out;
  transition:
    width 0.25s ease-in-out,
    opacity 0.25s ease-in-out;
}
@media screen and (max-width: 640px) {
  #ht-headerbar #ht-search .ht-search-input .search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}
#ht-headerbar #ht-search .ht-dropdown {
  position: absolute;
  left: -1px;
  top: 36px;
  right: -1px;
}
#ht-headerbar #ht-search.open {
  pointer-events: auto;
  opacity: 1;
}
@media screen and (max-width: 640px) {
  #ht-headerbar #ht-search.open {
    pointer-events: auto;
    width: auto;
  }
}
#ht-headerbar #ht-search.open a {
  overflow: hidden;
}
#ht-headerbar #ht-search.open a.ht-search-clear {
  display: block;
}
#ht-headerbar #ht-search.open .ht-search-input {
  border: 1px solid #cccccc;
}
#ht-headerbar #ht-search.open .search-input {
  width: 200px;
  opacity: 1;
}
#ht-headerbar #ht-search.open #ht-search-button {
  pointer-events: none;
  cursor: default;
}
#ht-headerbar #ht-search.open #ht-search-button path {
  fill: #cccccc;
}
#ht-headerbar .ht-search-dropdown li a {
  text-align: left;
}
#ht-headerbar a.ht-search-clear {
  display: none;
}

#ht-headerbar {
  -moz-transform: translate(0px, auto);
  -o-transform: translate(0px, auto);
  -ms-transform: translate(0px, auto);
  -webkit-transform: translate(0px, auto);
  transform: translate(0px, auto);
  -webkit-transition: -webkit-transform 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
}

/* --- SIDEBAR ------------------------------------------------------------------------------------------------------ */
#ht-sidebar {
  /*
  *  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
  */
}

#ht-wrap-container #ht-sidebar-dragbar {
  position: relative;
  top: 0px;
  bottom: 0px;
  width: 5px;
  min-width: 5px;
  z-index: 2;
  cursor: col-resize;
}

#ht-wrap-container #ht-sidebar-dragbar .ht-sidebar-drag-handle {
  height: 12px;
  width: 2px;
  position: fixed;
  top: 50%;
  margin-top: -6px;
}

#ht-sidebar html,
#ht-sidebar body,
#ht-sidebar div,
#ht-sidebar span,
#ht-sidebar object,
#ht-sidebar iframe,
#ht-sidebar h1,
#ht-sidebar h2,
#ht-sidebar h3,
#ht-sidebar h4,
#ht-sidebar h5,
#ht-sidebar h6,
#ht-sidebar p,
#ht-sidebar blockquote,
#ht-sidebar pre,
#ht-sidebar abbr,
#ht-sidebar address,
#ht-sidebar cite,
#ht-sidebar code,
#ht-sidebar del,
#ht-sidebar dfn,
#ht-sidebar em,
#ht-sidebar img,
#ht-sidebar ins,
#ht-sidebar kbd,
#ht-sidebar q,
#ht-sidebar samp,
#ht-sidebar small,
#ht-sidebar strong,
#ht-sidebar sub,
#ht-sidebar sup,
#ht-sidebar var,
#ht-sidebar b,
#ht-sidebar i,
#ht-sidebar dl,
#ht-sidebar dt,
#ht-sidebar dd,
#ht-sidebar ol,
#ht-sidebar ul,
#ht-sidebar li,
#ht-sidebar fieldset,
#ht-sidebar form,
#ht-sidebar label,
#ht-sidebar legend,
#ht-sidebar table,
#ht-sidebar caption,
#ht-sidebar tbody,
#ht-sidebar tfoot,
#ht-sidebar thead,
#ht-sidebar tr,
#ht-sidebar th,
#ht-sidebar td,
#ht-sidebar article,
#ht-sidebar aside,
#ht-sidebar canvas,
#ht-sidebar details,
#ht-sidebar figcaption,
#ht-sidebar figure,
#ht-sidebar footer,
#ht-sidebar header,
#ht-sidebar hgroup,
#ht-sidebar menu,
#ht-sidebar nav,
#ht-sidebar section,
#ht-sidebar summary,
#ht-sidebar time,
#ht-sidebar mark,
#ht-sidebar audio,
#ht-sidebar video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  line-height: 1;
}
#ht-sidebar body {
  line-height: 1;
}
#ht-sidebar article,
#ht-sidebar aside,
#ht-sidebar details,
#ht-sidebar figcaption,
#ht-sidebar figure,
#ht-sidebar footer,
#ht-sidebar header,
#ht-sidebar hgroup,
#ht-sidebar menu,
#ht-sidebar nav,
#ht-sidebar section {
  display: block;
}
#ht-sidebar blockquote,
#ht-sidebar q {
  quotes: none;
}
#ht-sidebar blockquote:before,
#ht-sidebar blockquote:after,
#ht-sidebar q:before,
#ht-sidebar q:after {
  content: none;
}
#ht-sidebar a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}
#ht-sidebar ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
#ht-sidebar mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
#ht-sidebar del {
  text-decoration: line-through;
}
#ht-sidebar abbr[title],
#ht-sidebar dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
#ht-sidebar table {
  border-collapse: collapse;
  border-spacing: 0;
}
#ht-sidebar hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
#ht-sidebar input,
#ht-sidebar select {
  vertical-align: middle;
}
#ht-sidebar a {
  text-decoration: none;
  outline: 0;
}
#ht-sidebar a:hover {
  text-decoration: underline;
}
#ht-sidebar img {
  outline: 0;
  border: 0;
}

.ht-sidebar-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

#ht-sidebar {
  height: 100vh;
  min-width: 190px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 30px;
  width: 25%;
  font-family: NotesEsa, 'Trebuchet MS', Tahoma, Arial;
}
#ht-sidebar #esa-sidebar-items {
  font-size: 15px;
}
#ht-sidebar #esa-sidebar-items .ht-nav-page-link {
  color: black !important;
}
#ht-sidebar #esa-sidebar-items .ht-nav-page-link:hover {
  text-decoration: none;
  color: #003247 !important;
}
#ht-sidebar #esa-sidebar-items .ht-nav-page-link.current {
  color: #003247 !important;
  font-weight: normal;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-1.active {
  padding-left: 0;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-1.active > a {
  display: none;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-2 {
  font-weight: normal;
  background-image: linear-gradient(
    to right,
    #bfbfbf 20%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: bottom;
  background-size: 4px 2px;
  background-repeat: repeat-x;
  padding-bottom: 10px;
  font-size: 12px;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-2:not(:first-of-type) {
  padding-top: 15px;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-2:last-of-type {
  background-image: none;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-2 > a {
  color: #003247 !important;
  font-size: 18px;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-2 > a:hover {
  color: #00549f !important;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-2 ul {
  padding-left: 0;
}
#ht-sidebar
  #esa-sidebar-items
  .sidebar-hierarchy-level-2
  ul
  .sidebar-hierarchy-level-3 {
  background: url(../custom/images/list_bullet.png) no-repeat 2px 10px;
  padding-left: 10px;
}
#ht-sidebar
  #esa-sidebar-items
  .sidebar-hierarchy-level-2
  ul
  .sidebar-hierarchy-level-3
  ul {
  padding-left: 5px;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-4:before {
  content: '-';
  position: absolute;
}
#ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-4 a {
  padding-left: 10px;
  display: inline-block;
}

#ht-sidebar li.collapsed > ul {
  display: none;
}

#ht-sidebar .ht-pages-nav-sub {
  font-size: 17px !important;
  list-style-type: none;
  padding-left: 25px;
  padding-bottom: 3px;
}
@media screen and (max-width: 640px) {
  #ht-sidebar {
    min-height: 0px;
    max-height: 40vh;
    height: fit-content !important;
    width: 100% !important;
    overflow-x: hidden;
    border-style: solid;
    padding-right: 0px !important;
    border-width: 0px 0px 5px 0px;
    border-color: var(--theme-color);
  }
  .ht-sidebar-content {
    height: fit-content !important;
  }
}
#ht-sidebar .ht-sidebar-header {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 30px;
}
#ht-sidebar h1.ht-logo {
  width: 100%;
  margin: 30px 0 10px;
}
#ht-sidebar h1.ht-logo .ht-logo-label {
  display: none;
}
#ht-sidebar h1.ht-logo img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: auto;
  max-width: 120px;
  max-height: 100px;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select {
  position: relative;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select label {
  display: block;
  left: 6px;
  line-height: 32px;
}
@media screen and (max-width: 640px) {
  #ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select label {
    display: none;
  }
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select select {
  position: absolute;
  opacity: 0;
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select {
  overflow: visible;
  position: relative;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button {
  font-size: 0.9em;
  line-height: 32px;
  padding-bottom: 2px;
  display: block;
  text-align: right;
  position: relative;
  padding-right: 6px;
  cursor: pointer;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button
  label {
  position: absolute;
  left: 6px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  #ht-sidebar
    .ht-scroll-versions-widget
    .ht-scroll-versions-select
    a.ht-select-button
    label {
    display: none;
  }
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button
  span {
  text-overflow: ellipsis;
  display: inline;
  white-space: nowrap;
  overflow: hidden;
  width: inherit;
  cursor: pointer;
  margin-right: 4px;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button
  svg {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  -moz-transition: -moz-transform 0.25s ease-in-out;
  -o-transition: -o-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
}
@media screen and (max-width: 1024px) {
  #ht-sidebar
    .ht-scroll-versions-widget
    .ht-scroll-versions-select
    a.ht-select-button {
    text-align: left;
    text-indent: 2px;
  }
  #ht-sidebar
    .ht-scroll-versions-widget
    .ht-scroll-versions-select
    a.ht-select-button
    svg {
    float: right;
    margin-top: 14px;
  }
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button:hover {
  text-decoration: none;
  background-position: right -10px;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button.active {
  text-decoration: none;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  a.ht-select-button.active
  svg {
  -moz-transform: scale(-1);
  -o-transform: scale(-1);
  -ms-transform: scale(-1);
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
@media screen and (max-width: 640px) {
  #ht-sidebar
    .ht-scroll-versions-widget
    .ht-scroll-versions-select
    a.ht-select-button {
    font-size: 1.05em;
    line-height: 40px;
  }
}
#ht-sidebar .ht-scroll-versions-widget .ht-scroll-versions-select .ht-dropdown {
  position: absolute;
  right: 0px;
  margin-top: 0px;
  max-width: 100%;
  min-width: 100px;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  .ht-dropdown
  a {
  cursor: pointer;
}
#ht-sidebar
  .ht-scroll-versions-widget
  .ht-scroll-versions-select
  .ht-dropdown
  a
  span {
  cursor: pointer;
}
#ht-sidebar .ht-scroll-versions-widget .ht-dropdown {
  font-size: 0.9em;
  margin-top: -3px;
  position: relative;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 0px;
  opacity: 0;
  -webkit-transition: max-height 0.25s ease-in-out;
  -moz-transition: max-height 0.25s ease-in-out;
  -o-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media screen and (max-width: 640px) {
  #ht-sidebar .ht-scroll-versions-widget .ht-dropdown {
    position: absolute;
    left: -6px;
    right: -12px;
    border: 0px;
    margin-top: 4px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 0px) and (max-width: 640px) and (orientation: landscape) {
  #ht-sidebar .ht-scroll-versions-widget .ht-dropdown {
    display: none;
  }
}
#ht-sidebar .ht-scroll-versions-widget .ht-dropdown.open {
  max-height: 300px;
  opacity: 1;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  #ht-sidebar .ht-scroll-versions-widget .ht-dropdown.open {
    max-height: 252px;
  }
}
#ht-sidebar .ht-scroll-versions-widget .ht-dropdown ul {
  padding-top: 2px;
}
#ht-sidebar .ht-scroll-versions-widget .ht-dropdown li {
  list-style: none;
}
#ht-sidebar .ht-scroll-versions-widget .ht-dropdown li.search-key {
  padding: 1px 0;
}
#ht-sidebar .ht-scroll-versions-widget .ht-dropdown li a {
  display: block;
  padding: 7px 10px;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
@media screen and (max-width: 1024px) {
  #ht-sidebar .ht-scroll-versions-widget .ht-dropdown li a {
    padding: 14px 10px;
  }
}
#ht-sidebar .ht-scroll-versions-widget .ht-dropdown li a:hover {
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  #ht-sidebar .ht-scroll-versions-widget label {
    display: none;
  }
  #ht-sidebar .ht-scroll-versions-widget .ht-select-button {
    text-align: left;
  }
}

#ht-sidebar .ht-pages-nav {
  padding: 10px 10px 10px 35px !important;
  font-size: 0.9em;
  width: 100%;
}

#ht-sidebar .ht-pages-nav.title-tree {
  border-top: solid 2px var(--theme-color);
}

@media screen and (max-width: 640px) {
  #ht-sidebar .ht-pages-nav {
    font-size: 1em;
  }
}
#ht-sidebar .ht-pages-nav ul.ht-pages-nav-sub {
  -webkit-transition: max-height 0.25s ease-in-out;
  -moz-transition: max-height 0.25s ease-in-out;
  -o-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
}
#ht-sidebar .ht-pages-nav ul .ht-pages-nav-toggle svg {
  display: none;
}
#ht-sidebar .ht-pages-nav ul .ht-pages-nav-toggle:before {
  line-height: 22px;
  content: '\f11c';
}
#ht-sidebar .ht-pages-nav ul .open > .ht-pages-nav-toggle:before {
  line-height: 18px;
  content: '\f15b';
}
@media screen and (max-width: 1024px) {
  #ht-sidebar .ht-pages-nav ul .open > .ht-pages-nav-toggle #icon-plus {
    display: none;
  }
  #ht-sidebar .ht-pages-nav ul .open > .ht-pages-nav-toggle #icon-minus {
    display: block;
  }
}
#ht-sidebar .ht-pages-nav ul li {
  line-height: 24px;
  position: relative;
  width: 100%;
}
#ht-sidebar .ht-pages-nav ul li .sp-aui-icon-small {
  position: absolute;
  cursor: pointer;
  left: -18px;
  top: 3px;
}

#ht-sidebar .ht-pages-nav-top > li > span {
  top: 5px;
}

#ht-sidebar .ht-pages-nav ul li .sp-aui-icon-small:hover {
  text-decoration: none;
}

#ht-sidebar .ht-pages-nav ul a {
  display: inline;
}
#ht-sidebar .ht-pages-nav ul a.current {
  font-weight: bold;
}
#ht-sidebar .ht-pages-nav ul a.current:hover {
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  #ht-sidebar .ht-pages-nav .ht-pages-nav-top {
    padding: 0px;
  }
}

.ht-pages-nav-top > li > a {
  line-height: 1.65em;
  text-transform: uppercase;
}

.ht-pages-nav-top {
  font-size: 18px !important;
  list-style-type: none;
}

.ht-pages-nav-sub .ht-pages-nav-sub {
  font-size: 18px;
  list-style-type: none;
}

#ht-sidebar.small .ht-scroll-versions-widget label {
  display: none;
}
#ht-sidebar.small .ht-scroll-versions-widget a.ht-select-button {
  text-align: left;
  text-indent: 2px;
}
#ht-sidebar.small .ht-scroll-versions-widget a.ht-select-button svg {
  float: right;
  margin-top: 11px;
}

@media screen and (max-width: 640px) {
  #ht-sidebar .ht-pages-nav {
    margin-bottom: 0;
  }
  #ht-sidebar #esa-sidebar-items {
    margin-right: 10px;
  }
  #ht-sidebar #esa-sidebar-items .ht-nav-page-link {
    padding-top: 0;
    padding-bottom: 0;
  }
  #ht-sidebar #esa-sidebar-items .sidebar-hierarchy-level-2 {
    line-height: 11px;
  }
  #ht-sidebar
    #esa-sidebar-items
    .sidebar-hierarchy-level-2:not(:first-of-type) {
    padding-top: 10px;
  }
  #ht-sidebar
    #esa-sidebar-items
    .sidebar-hierarchy-level-2
    ul
    .sidebar-hierarchy-level-3 {
    padding-top: 5px;
    background: url(../custom/images/list_bullet.png) no-repeat 2px 14px;
  }
}
@media screen and (max-width: 640px) {
  @-moz-document url-prefix() {
    #ht-sidebar .ht-scroll-versions-widget .ht-dropdown {
      left: auto;
      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
    }
  }
}

/* --- FOOTER ------------------------------------------------------------------------------------------------------- */
#ht-footer {
  /*
  *  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
  */
}
#ht-footer html,
#ht-footer body,
#ht-footer div,
#ht-footer span,
#ht-footer object,
#ht-footer iframe,
#ht-footer h1,
#ht-footer h2,
#ht-footer h3,
#ht-footer h4,
#ht-footer h5,
#ht-footer h6,
#ht-footer p,
#ht-footer blockquote,
#ht-footer pre,
#ht-footer abbr,
#ht-footer address,
#ht-footer cite,
#ht-footer code,
#ht-footer del,
#ht-footer dfn,
#ht-footer em,
#ht-footer img,
#ht-footer ins,
#ht-footer kbd,
#ht-footer q,
#ht-footer samp,
#ht-footer small,
#ht-footer strong,
#ht-footer sub,
#ht-footer sup,
#ht-footer var,
#ht-footer b,
#ht-footer i,
#ht-footer dl,
#ht-footer dt,
#ht-footer dd,
#ht-footer ol,
#ht-footer ul,
#ht-footer li,
#ht-footer fieldset,
#ht-footer form,
#ht-footer label,
#ht-footer legend,
#ht-footer table,
#ht-footer caption,
#ht-footer tbody,
#ht-footer tfoot,
#ht-footer thead,
#ht-footer tr,
#ht-footer th,
#ht-footer td,
#ht-footer article,
#ht-footer aside,
#ht-footer canvas,
#ht-footer details,
#ht-footer figcaption,
#ht-footer figure,
#ht-footer footer,
#ht-footer header,
#ht-footer hgroup,
#ht-footer menu,
#ht-footer nav,
#ht-footer section,
#ht-footer summary,
#ht-footer time,
#ht-footer mark,
#ht-footer audio,
#ht-footer video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  line-height: 1;
}
#ht-footer body {
  line-height: 1;
}
#ht-footer article,
#ht-footer aside,
#ht-footer details,
#ht-footer figcaption,
#ht-footer figure,
#ht-footer footer,
#ht-footer header,
#ht-footer hgroup,
#ht-footer menu,
#ht-footer nav,
#ht-footer section {
  display: block;
}
#ht-footer nav ul {
  list-style: none;
}
#ht-footer blockquote,
#ht-footer q {
  quotes: none;
}
#ht-footer blockquote:before,
#ht-footer blockquote:after,
#ht-footer q:before,
#ht-footer q:after {
  content: none;
}
#ht-footer a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
#ht-footer ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
#ht-footer mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
#ht-footer del {
  text-decoration: line-through;
}
#ht-footer abbr[title],
#ht-footer dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
#ht-footer table {
  border-collapse: collapse;
  border-spacing: 0;
}
#ht-footer hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
#ht-footer input,
#ht-footer select {
  vertical-align: middle;
}
#ht-footer a {
  text-decoration: none;
  outline: 0;
}
#ht-footer a:hover {
  text-decoration: underline;
}
#ht-footer img {
  outline: 0;
  border: 0;
}

#ht-footer {
  bottom: 0px;
  height: 97px;
  min-height: 97px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
#ht-footer a:hover {
  text-decoration: none;
}
#ht-footer #footer-top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 0 20px;
  height: 60px;
  background: #0098db;
  border-left: 1px solid #c1c4c7;
  border-right: 1px solid #c1c4c7;
}
#ht-footer #footer-top > * {
  opacity: 0.8;
}
#ht-footer #footer-top > *:hover {
  opacity: 1;
}
#ht-footer #footer-top #footer-connect-with-us {
  display: inline-block;
}
#ht-footer #footer-top #footer-connect-with-us-short {
  display: none;
}
#ht-footer #footer-top #footer-top-twitter {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
}
#ht-footer #footer-top #footer-top-twitter #footer-top-twitter-handle {
  display: inline-block;
  font-size: 18px;
  text-transform: uppercase;
  font-family: NotesEsa, 'Trebuchet MS', Tahoma, Arial;
  font-weight: bold;
  font-style: normal;
  color: white !important;
}
#ht-footer #footer-top #footer-top-twitter img {
  padding-left: 15px;
}
#ht-footer #footer-silver-bar {
  height: 35px;
  background: linear-gradient(0deg, #c2c5c7 0%, #ffffff 100%);
  border: 1px solid #c1c4c7;
  font-family: NotesEsa, 'Trebuchet MS', Tahoma, Arial;
  font-size: 15px;
  overflow: hidden;
}
#ht-footer #footer-silver-bar ul li {
  display: inline-block;
  padding: 0 9px;
  position: relative;
  line-height: 35px;
}
#ht-footer #footer-silver-bar ul li a {
  text-decoration: none;
  text-shadow: 1px 1px white;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: #22597e !important;
  display: block;
  line-height: 35px;
}
#ht-footer #footer-silver-bar ul li a:hover {
  color: #0098db !important;
}
#ht-footer #footer-silver-bar ul li:not(:first-of-type):before {
  content: '';
  width: 1px;
  line-height: 35px;
  height: 35px;
  position: absolute;
  margin-left: -13px;
  display: inline-block;
  background: linear-gradient(#ffffff, #9c9d9d);
}
#ht-footer #footer-silver-bar ul li:not(:last-of-type):after {
  content: '';
  width: 1px;
  line-height: 35px;
  height: 35px;
  position: absolute;
  display: inline-block;
  margin-left: 10px;
  background: white;
}
@media screen and (max-width: 800px) {
  #ht-footer #footer-top #footer-connect-with-us {
    display: none;
  }
  #ht-footer #footer-top #footer-connect-with-us-short {
    display: inline-block;
  }
}
@media screen and (max-width: 460px) {
  #ht-footer #footer-top #footer-top-twitter #footer-top-twitter-handle {
    display: none;
  }
}

/* --- MEDIA-QUERY-DETECTION ---------------------------------------------------------------------------------------- */
#ht-mq-detect {
  /*
  *  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
  */
}
#ht-mq-detect html,
#ht-mq-detect body,
#ht-mq-detect div,
#ht-mq-detect span,
#ht-mq-detect object,
#ht-mq-detect iframe,
#ht-mq-detect h1,
#ht-mq-detect h2,
#ht-mq-detect h3,
#ht-mq-detect h4,
#ht-mq-detect h5,
#ht-mq-detect h6,
#ht-mq-detect p,
#ht-mq-detect blockquote,
#ht-mq-detect pre,
#ht-mq-detect abbr,
#ht-mq-detect address,
#ht-mq-detect cite,
#ht-mq-detect code,
#ht-mq-detect del,
#ht-mq-detect dfn,
#ht-mq-detect em,
#ht-mq-detect img,
#ht-mq-detect ins,
#ht-mq-detect kbd,
#ht-mq-detect q,
#ht-mq-detect samp,
#ht-mq-detect small,
#ht-mq-detect strong,
#ht-mq-detect sub,
#ht-mq-detect sup,
#ht-mq-detect var,
#ht-mq-detect b,
#ht-mq-detect i,
#ht-mq-detect dl,
#ht-mq-detect dt,
#ht-mq-detect dd,
#ht-mq-detect ol,
#ht-mq-detect ul,
#ht-mq-detect li,
#ht-mq-detect fieldset,
#ht-mq-detect form,
#ht-mq-detect label,
#ht-mq-detect legend,
#ht-mq-detect table,
#ht-mq-detect caption,
#ht-mq-detect tbody,
#ht-mq-detect tfoot,
#ht-mq-detect thead,
#ht-mq-detect tr,
#ht-mq-detect th,
#ht-mq-detect td,
#ht-mq-detect article,
#ht-mq-detect aside,
#ht-mq-detect canvas,
#ht-mq-detect details,
#ht-mq-detect figcaption,
#ht-mq-detect figure,
#ht-mq-detect footer,
#ht-mq-detect header,
#ht-mq-detect hgroup,
#ht-mq-detect menu,
#ht-mq-detect nav,
#ht-mq-detect section,
#ht-mq-detect summary,
#ht-mq-detect time,
#ht-mq-detect mark,
#ht-mq-detect audio,
#ht-mq-detect video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  line-height: 1;
}
#ht-mq-detect body {
  line-height: 1;
}
#ht-mq-detect article,
#ht-mq-detect aside,
#ht-mq-detect details,
#ht-mq-detect figcaption,
#ht-mq-detect figure,
#ht-mq-detect footer,
#ht-mq-detect header,
#ht-mq-detect hgroup,
#ht-mq-detect menu,
#ht-mq-detect nav,
#ht-mq-detect section {
  display: block;
}
#ht-mq-detect nav ul {
  list-style: none;
}
#ht-mq-detect blockquote,
#ht-mq-detect q {
  quotes: none;
}
#ht-mq-detect blockquote:before,
#ht-mq-detect blockquote:after,
#ht-mq-detect q:before,
#ht-mq-detect q:after {
  content: none;
}
#ht-mq-detect a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
#ht-mq-detect ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
#ht-mq-detect mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
#ht-mq-detect del {
  text-decoration: line-through;
}
#ht-mq-detect abbr[title],
#ht-mq-detect dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
#ht-mq-detect table {
  border-collapse: collapse;
  border-spacing: 0;
}
#ht-mq-detect hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
#ht-mq-detect input,
#ht-mq-detect select {
  vertical-align: middle;
}
#ht-mq-detect a {
  text-decoration: none;
  outline: 0;
}
#ht-mq-detect a:hover {
  text-decoration: underline;
}
#ht-mq-detect img {
  outline: 0;
  border: 0;
}

#ht-mq-detect {
  width: 5px;
}
@media screen and (max-width: 1440px) {
  #ht-mq-detect {
    width: 4px;
  }
}
@media screen and (max-width: 1024px) {
  #ht-mq-detect {
    width: 3px;
  }
}
@media screen and (max-width: 800px) {
  #ht-mq-detect {
    width: 2px;
  }
}
@media screen and (max-width: 640px) {
  #ht-mq-detect {
    width: 1px;
  }
}

/* --- GRID --------------------------------------------------------------------------------------------------------- */
.sp-grid-float .sp-grid-20,
.sp-grid-float .sp-grid-33,
.sp-grid-float .sp-grid-40,
.sp-grid-float .sp-grid-50,
.sp-grid-float .sp-grid-60 {
  float: left;
}

.sp-grid-float .sp-grid-20 {
  width: 20%;
}

.sp-grid-float .sp-grid-33 {
  width: 33%;
}

.sp-grid-float .sp-grid-40 {
  width: 40%;
}

.sp-grid-float .sp-grid-50 {
  width: 50%;
}

.sp-grid-float .sp-grid-60 {
  width: 60%;
}

.sp-grid-float .sp-grid-section {
  padding-bottom: 10px;
  overflow: hidden;
}

.sp-grid-float .sp-grid-section:last-child {
  padding-bottom: 0px;
}

.sp-grid-float .sp-grid-section:after {
  display: table;
  content: ' ';
}

.sp-grid-float .sp-grid-cell {
  padding-right: 20px;
  box-sizing: border-box;
}

.sp-grid-float .sp-grid-cell:last-child {
  padding-right: 0px;
  box-sizing: border-box;
}

.sp-grid-fluid .sp-grid-section {
  padding-bottom: 10px;
  overflow: hidden;
}

.sp-grid-fluid .sp-grid-section:last-child {
  padding-bottom: 0px;
}

.sp-grid-fluid .sp-grid-section:after {
  display: table;
  content: ' ';
}

.sp-grid-fluid .sp-grid-cell {
  padding-bottom: 10px;
}

.sp-grid-fluid .sp-grid-cell:last-child {
  padding-bottom: 0px;
}

/* --- ICONS -------------------------------------------------------------------------------------------------------- */
/* This file contains a subset of the AUI iconfont (atlassian-aui-adg-dist-f26920e2e1da) scoped to class 'sp' */
@font-face {
  font-family: 'SP Atlassian Icons';
  src: url(../custom/fonts/atlassian-icons.eot);
  src:
    url(../custom/fonts/atlassian-icons.eot?#iefix) format('embedded-opentype'),
    url(../custom/fonts/atlassian-icons.woff) format('woff'),
    url(../custom/fonts/atlassian-icons.ttf) format('truetype'),
    url(../custom/fonts/atlassian-icons.svg#atlassian-icons) format('svg');
  font-weight: normal;
  font-style: normal;
}

.sp-aui-icon-small {
  height: 16px;
  width: 16px;
}

.sp-aui-icon-small,
.sp-aui-icon-large {
  line-height: 0;
  position: relative;
  vertical-align: text-top;
}

.sp-aui-iconfont-close-dialog:before {
  content: '\f11b';
}

.sp-aui-icon-small:before {
  font-size: 16px;
  margin-top: -8px;
}

.sp-aui-icon-small:before,
.sp-aui-icon-large:before {
  color: inherit;
  font-family: 'SP Atlassian Icons';
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  left: 0;
  line-height: 1;
  position: absolute;
  text-indent: 0;
  speak: none;
  top: 50%;
}

.sp-aui-icon-small,
.sp-aui-icon-large {
  line-height: 0;
  position: relative;
  vertical-align: text-top;
}

.sp-aui-iconfont-arrows-up:before {
  content: '\f109';
}

.sp-aui-icon-small,
.sp-aui-icon-large {
  line-height: 0;
  position: relative;
  vertical-align: text-top;
}

.sp-aui-iconfont-delete:before {
  content: '\f122';
}

.sp-aui-iconfont-confluence:before {
  content: '\f11f';
  font-size: 18px;
}

.sp-aui-iconfont-approve:before {
  content: '\f104';
}

.sp-aui-iconfont-remove:before {
  content: '\f188';
}

.sp-aui-iconfont-appswitcher:before {
  content: '\f105';
}

.sp-aui-iconfont-group:before {
  content: '\f167';
}

.sp-aui-iconfont-editor-mention:before {
  content: '\f152';
}

.sp-aui-iconfont-user:before {
  content: '\f1ad';
}

.sp-aui-iconfont-flag:before {
  content: '\f165';
}

@font-face {
  font-family: 'k15t-icons';
  src: url('../custom/fonts/k15t-icons.eot');
  src:
    url('../custom/fonts/k15t-icons.eoth#iefix') format('embedded-opentype'),
    url('../custom/fonts/k15t-icons.ttf') format('truetype'),
    url('../custom/fonts/k15t-icons.woff') format('woff'),
    url('../custom/fonts/k15t-icons.svg#k15t-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^='k15t-icon-'],
[class*=' k15t-icon-'] {
  font-family: 'k15t-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.k15t-icon-viewport:before {
  content: '\e1701';
}

/* PAGES */
/*=====================================
=            Error Page               =
=======================================*/
.ht-error-page h1 {
  font-size: 100px;
  text-transform: uppercase;
  font-weight: 800;
}

.ht-error-page h3 {
  font-size: 30px;
}

.ht-error-page-search {
  margin-top: 60px;
}

.ht-error-page-search-input .search-input {
  height: 36px;
  width: 240px;
  border: 1px solid black;
  font-size: 14pt;
  padding-left: 10px;
}

#theme-title-div {
  float: left;
  padding-top: 57px !important;
  padding-left: 50px !important;
}

#title-header {
  font-size: 50px !important;
  color: white;
  font-weight: bold !important;
  font-family: NotesEsa, 'Trebuchet MS', Tahoma, Arial;
}

.main-title {
  font-size: 30px;
}

#ht-side {
  display: flex;
  flex-direction: column;
}

#ht-headerbar .ht-headerbar-right .ht-search-index-loader {
  background-image: url('data:image/gif;base64,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IGVzdGFibGlzaGVkIGluIDxiPi9ob21lL2FqYXhsb2FkL3d3dy9saWJyYWlyaWVzL2NsYXNzLm15c3FsLnBocDwvYj4gb24gbGluZSA8Yj42ODwvYj48YnIgLz4KPGJyIC8+CjxiPldhcm5pbmc8L2I+OiAgbXlzcWxfcXVlcnkoKSBbPGEgaHJlZj0nZnVuY3Rpb24ubXlzcWwtcXVlcnknPmZ1bmN0aW9uLm15c3FsLXF1ZXJ5PC9hPl06IENhbid0IGNvbm5lY3QgdG8gbG9jYWwgTXlTUUwgc2VydmVyIHRocm91Z2ggc29ja2V0ICcvdmFyL3J1bi9teXNxbGQvbXlzcWxkLnNvY2snICgyKSBpbiA8Yj4vaG9tZS9hamF4bG9hZC93d3cvbGlicmFpcmllcy9jbGFzcy5teXNxbC5waHA8L2I+IG9uIGxpbmUgPGI+Njg8L2I+PGJyIC8+CjxiciAvPgo8Yj5XYXJuaW5nPC9iPjogIG15c3FsX3F1ZXJ5KCkgWzxhIGhyZWY9J2Z1bmN0aW9uLm15c3FsLXF1ZXJ5Jz5mdW5jdGlvbi5teXNxbC1xdWVyeTwvYT5dOiBBIGxpbmsgdG8gdGhlIHNlcnZlciBjb3VsZCBub3QgYmUgZXN0YWJsaXNoZWQgaW4gPGI+L2hvbWUvYWpheGxvYWQvd3d3L2xpYnJhaXJpZXMvY2xhc3MubXlzcWwucGhwPC9iPiBvbiBsaW5lIDxiPjY4PC9iPjxiciAvPgo8YnIgLz4KPGI+V2FybmluZzwvYj46ICBteXNxbF9xdWVyeSgpIFs8YSBocmVmPSdmdW5jdGlvbi5teXNxbC1xdWVyeSc+ZnVuY3Rpb24ubXlzcWwtcXVlcnk8L2E+XTogQ2FuJ3QgY29ubmVjdCB0byBsb2NhbCBNeVNRTCBzZXJ2ZXIgdGhyb3VnaCBzb2NrZXQgJy92YXIvcnVuL215c3FsZC9teXNxbGQuc29jaycgKDIpIGluIDxiPi9ob21lL2FqYXhsb2FkL3d3dy9saWJyYWlyaWVzL2NsYXNzLm15c3FsLnBocDwvYj4gb24gbGluZSA8Yj42ODwvYj48YnIgLz4KPGJyIC8+CjxiPldhcm5pbmc8L2I+OiAgbXlzcWxfcXVlcnkoKSBbPGEgaHJlZj0nZnVuY3Rpb24ubXlzcWwtcXVlcnknPmZ1bmN0aW9uLm15c3FsLXF1ZXJ5PC9hPl06IEEgbGluayB0byB0aGUgc2VydmVyIGNvdWxkIG5vdCBiZSBlc3RhYmxpc2hlZCBpbiA8Yj4vaG9tZS9hamF4bG9hZC93d3cvbGlicmFpcmllcy9jbGFzcy5teXNxbC5waHA8L2I+IG9uIGxpbmUgPGI+Njg8L2I+PGJyIC8+Cg==');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  float: right;
  display: block;
  margin-top: 1px;
}

.esa-header {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  width: 100%;
  height: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 24px;
  background-color: #003247;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-color: var(--theme-color) !important;
  color: #fff;
  font-size: 22px;
  z-index: 99999;
}

.esa-header__left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.esa-header__left > * {
  margin-right: 16px;
}

.esa-header__left > *:last-child {
  margin-right: 0;
}

.esa-header__right {
  margin-left: auto;
  line-height: 0;
}

.esa-header__title {
  display: none;
  width: 222px;
  height: 12px;
}

@media (min-width: 640px) {
  .esa-header__title {
    display: block;
  }
}

.esa-header__link {
  display: block;
}

.esa-header__logo {
  width: 78px;
  height: 28px;
}

@media (min-width: 640px) {
  .esa-header__logo {
    width: 89px;
    height: 32px;
  }
}

.esa-header__toggle {
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  border: none;
  outline: none;
  transition: all 0.25s ease;
}

.esa-header__toggle:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.esa-header__toggle:last-of-type {
  margin-right: 24px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .esa-header__toggle {
    margin-right: 10px;
  }
}

.esa-header .esa-header__icon {
  max-width: 20px;
  max-height: 20px;
}

.social-media-links {
  display: flex;
  flex-direction: row;
  font-size: 1.5rem;
}

.social-media-links > * {
  margin-right: 1em;
}

#esa-footer {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  color: #003247 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background-color: #fff;
  padding: 3em 6em 3em 6em;
  position: absolute;
  bottom: 0;
  width: calc(100% - 12em);
  border-style: solid;
  border-width: 4px 0 0 0;
  border-color: #335e6f;
}

.esa-footer-nav {
  display: flex;
  flex-direction: column;
  font-family: 'NotesESA', sans-serif;
  font-weight: normal;
  margin-bottom: 3em;
}

.esa-footer-nav > * {
  margin: 1em 0;
  width: -moz-fit-content;
  width: fit-content;
}

.esa-footer a {
  color: inherit !important;
}

.esa-footer-nav a:hover {
  text-decoration: underline;
}

.esa-footer__signature {
  font-family: 'NotesESA', sans-serif;
  font-weight: bold;
  margin: 0 2em 3em 0;
}

@media (min-width: 1024px) {
  #esa-footer {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }

  .esa-footer-nav {
    flex-direction: row;
    margin-bottom: 0;
    margin-right: auto;
  }

  .esa-footer-nav > * {
    margin: 0 2em 0 0;
  }

  .social-media-links > * {
    margin-right: 0;
    margin-left: 1em;
  }

  .esa-footer__signature {
    margin: 0 4em 0 0;
  }
}

.fa-w-18 {
  width: 1.125em;
}

.fa-w-16 {
  width: 1em;
}

.fa-w-10 {
  width: 0.625em;
}

.fa-w-14 {
  width: 0.875em;
}

.social-media-links > a > img {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.social-media-links > a > img:hover {
  transition: all 0.25s ease;
  transform: scale(1.1);
}


/*
h1[data-nh-numbering]::before,
h2[data-nh-numbering]::before,
h3[data-nh-numbering]::before,
h4[data-nh-numbering]::before,
h5[data-nh-numbering]::before,
h6[data-nh-numbering]::before {
  content: attr(data-nh-numbering) " ";
  font-weight: bold; !* optional *!
  margin-right: 0.3em; !* space between number and text *!
}
*/

