@import url("/frm/css/backEndContent/bC.css");

@import url("/frm/css/backEndContent/bC.css");

@font-face {
  font-family: "Carlito";
  font-weight: 600;
  src: url("/frm/css/fonts/Carlito-Bold.woff2");
}

@font-face {
  font-family: "Redhat";
  font-weight: 300;
  src: url("/web/css/fonts/Red/RedHatDisplay-Light.ttf");
}

@font-face {
  font-family: "Redhat";
  font-weight: 400;
  font-style: normal;
  src: url("/web/css/fonts/Red/RedHatDisplay-Medium.ttf");
}

@font-face {
  font-family: "Redhat";
  font-weight: 400;
  font-style: italic;
  src: url("/web/css/fonts/Red/RedHatDisplay-MediumItalic.ttf");
}

@font-face {
  font-family: "Redhat";
  font-weight: 600;
  font-style: normal;
  src: url("/web/css/fonts/Red/RedHatDisplay-SemiBold.ttf");
}

@font-face {
  font-family: "Redhat";
  font-weight: 600;
  font-style: italic;
  src: url("/web/css/fonts/Red/RedHatDisplay-SemiBoldItalic.ttf");
}

@font-face {
  font-family: "K2D";
  font-weight: 400;
  font-style: normal;
  src: url("/web/css/fonts/K2D/K2D-Medium.ttf");
}

@font-face {
  font-family: "K2D";
  font-weight: 400;
  font-style: italic;
  src: url("/web/css/fonts/K2D/K2D-MediumItalic.ttf");
}

@font-face {
  font-family: "K2D";
  font-weight: 600;
  font-style: normal;
  src: url("/web/css/fonts/K2D/K2D-Bold.ttf");
}

@font-face {
  font-family: "K2D";
  font-weight: 600;
  font-style: italic;
  src: url("/web/css/fonts/K2D/K2D-BoldItalic.ttf");
}

:root {
  --footerHeight: 4em;
  --footerBottom: 2em;
}

body {
  display: block;
  font-size: 16px;
}

strong {
  font-weight: 700;
}

mark {
  font-weight: 500;
  background-color: transparent;
}

input[type=button] {
  border: none;
  cursor: pointer;
}

.pageLoading {
  position: absolute;
  display: block;
  width: 100vw !important;
  height: 100vh !important;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 111;
}

.heading-permalink {
  visibility: hidden;
}

.imgSrcIcon {
  height: 1em;
  max-width: 4em;
}

.backEndBody p,
.backEndBody ul {
  text-align: left;
}

.backEndBody {
  animation: bEExpand 1s;
}

.backEndBody .svg-hov {
  display: none;
}

.backEndBody p .imgSrcIcon,
.backEndBody h1 .imgSrcIcon,
.backEndBody h4 .imgSrcIcon {
  height: 1.2em;
  max-width: 4em;
  vertical-align: middle;
  padding: 0.2em;
}

.backEndBody h2 .imgSrcIcon,
.backEndBody h3 .imgSrcIcon {
  height: 1.5em;
  vertical-align: middle;
  padding: 0.2em;
}

.backEndBody .buttonLine,
.backEndBody .dialLine .lineButton {
  margin-top: 0.5em;
}

.item_detail {
  font-size: smaller;
  font-family: "Arial";
}

.poznamka {
  padding: 3px 10px 6px 10px;
}

form {
  margin: 0;
  margin-block-end: 0;
  margin-block-start: 0;
  padding: 0;
}

h1 {
  font-size: x-large;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0.3em 0 0.3em 0;
}

.boardListRightBox h2,
.boardListRightBox h3,
.boardListRightBox h4 {
  text-wrap: balance;
  max-width: 80%;
}

h1 .note,
h3 .note {
  font-size: smaller;
  padding-top: 0;
}

p + h1 {
  margin-top: 2em !important;
}

p .note {
  font-size: 90%;
}

h1 + h2,
h1 + h3 {
  padding-top: 0.1em !important;
}

.flexiPage h1 {
  padding-top: 0;
}

h2,
h3,
h4 {
  text-wrap: balance;
  max-width: 80%;
}

h3 {
  font-size: 110%;
  text-align: left;
  text-wrap: balance;
  padding: 0.6em 0em 0 0.1em;
}

.h3Span {
  display: inline-block;
  width: 100%;
  font-size: 110%;
  font-weight: 600;
  text-align: center;
  padding: 0.2em 0em 0.2em 0.1em;
}

strong {
  font-weight: 700;
}

.backEndBody mark {
  font-weight: 500;
  background-color: transparent;
}

td {
  border: none;
}

.backEndBody .buttonLine .lineButton {
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-family: "DaytonaCond", "Arial, Helvetica, sans-serif";
}

.backEndBody {
  max-height: calc(100vh - 5em);
}

/*@include footerScreen {  // footer limit for the visibility

   // substyle of the dashboard flexi page (page that contains everything)
   .backEndBody {
      max-height: 100vh;  // works in chrome and edge, not in FF  - probably does not support more then one operation
   }

} */

.pageLoading {
  position: absolute;
  display: block;
  width: 100vw !important;
  height: 100vh !important;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 111;
}

.svgIconStyle img {
  height: 1.2em;
  max-height: 1.2em;
  max-width: 5em;
  padding-right: 0.5em;
  margin-top: 0.2em;
}

.protocol {
  max-height: calc(100vh - 8em);
  max-width: 100%;
  height: 100%;
  overflow: auto;
}

.backEndContent {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
  margin: 0.1em;
  max-height: 80vh;
  overflow-y: auto;
  box-sizing: border-box;
}

.backEndContent svg {
  vertical-align: middle;
  padding: 0.2em;
}

.backEndContent p,
.backEndContent ul li,
.backEndContent ul li ul li {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.backEndContent p {
  font-size: 1rem;
}

.backEndContent .leftRightPad table {
  width: 100%;
}

.backEndContent .blueboxL h3,
.backEndContent .leftRightPad h2,
.backEndContent .leftRightPad h3 {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
  margin-top: 1em;
  font-size: 120%;
  margin-left: 0.2em;
}

.backEndContent .leftRightPad h1 {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
  font-size: 130%;
}

summary p,
summary h2 {
  display: inline;
}

.backEndContent ul li {
  font-size: 100%;
}

.backEndContent .smallImgOnly img {
  max-width: 6em;
  max-height: 6em;
}

.backEndContent blockquote {
  font-size: 90%;
  margin: 0.8em 0.3em 0.5em 0.5em;
}

.backEndContent h1 {
  text-align: center;
  font-weight: 500;
  margin: 0.2em 0 0 0.2em;
}

.backEndContent h2 {
  text-align: left;
  margin: 0.5em 0 0.1em 1em;
}

.backEndContent h3 {
  text-align: left;
  margin: 0.1em 0 0.1em 1em;
}

.backEndContent.objectHelp {
  max-height: calc(90vh - 5em);
  padding-right: 1em;
}

.beHTMLPlace .flexiModal {
  max-height: 100%;
  height: 100%;
}

.beHTMLPlace img {
  display: block;
  width: 100%;
  max-width: MIN(100%, 40em);
  margin: 1em auto 1em auto;
}

.beHTMLPlace .q,
.beHTMLPlace img.imgSmall,
img.imgSmall {
  max-width: MIN(100%, 20em) !important;
}

.beHTMLPlace img.imgLarge,
img.imgLarge {
  display: block;
  width: 100%;
  min-width: 40em;
  max-width: 80em;
  margin: 0.5em auto 0.5em auto;
}

.backEndContent table td {
  padding: 0.1em 1em 0 0.5em;
}

.commandLineEnv.helpPageEnv {
  position: absolute;
}

.table-of-contents {
  display: none;
}

.noSplitComment {
  font-size: 70%;
  text-wrap: nowrap;
}

.header--backEnd.boardHeader svg,
.boardListLeftBox.bllb--boardList svg {
  max-height: 5rem;
  max-width: 5rem;
}

.boardListLeftBox.bllb--boardList img {
  max-width: 2rem;
  max-height: 2rem;
}

.backEndMain {
  background-color: #c9c9c986 !important;
  overflow-y: auto;
  max-width: var(--maxPageWidth);
  margin: 0 auto 0 auto;
  padding: 0;
}

.backEndMain h2,
.backEndMain h3,
.backEndMain h4 {
  text-wrap: balance;
}

.backEndBody {
  padding: 0.3em;
  margin: 0;
}

.backEndBody .header--backEnd {
  color: var(--cStyleH1);
  text-align: center;
}

.BubbleNavigation {
  display: none;
}

.backEndBody .buttonLine {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.halfButton {
  border-width: 1px;
  min-height: 2.5em;
  min-width: 6em;
  border-radius: 0.3em;
  margin-top: 0.5em;
}

.buttonLineEnv {
  width: MIN(100%, var(-maxPageWidth));
}

.centreDial .buttonLineEnv,
.flexiModal .buttonLineEnv,
.childModalDiv .buttonLineEnv,
.clipContainer .buttonLineEnv {
  width: 100%;
}

.backEndBody .buttonLine .lineButton {
  text-decoration: none;
  font-size: 140%;
  text-align: center;
  min-height: 2em;
  max-height: 2em;
  min-width: 2em;
  padding: 0 0.5rem 0 0.5rem;
  flex-shrink: 0;
}

.backEndBody fieldset {
  background-color: var(--cBgEditField);
}

.backEndBody fieldset td {
  background-color: var(--cBgEditField);
}

.backEndBody inputItem {
  background-color: var(--cBgInputItem);
  border-color: var(--cBorderInputItem);
  color: var(--cTxInputItem);
}

.backEndBody .inputItemDisabled {
  background-color: var(--cBgInputItemDisabled);
  border-color: var(--cBorderInputItem);
  color: var(--cTxInputItemDisabled);
}

.backEndBody .inputItemReadOnly,
.backEndBody label .inputItemReadOnly {
  background-color: var(--cBxInputItemReadonly);
  border-color: var(--cBorderReadonly);
  color: var(--cTxInputItemReadonly);
  font-size: smaller;
  margin-right: 0.5em;
}

.backEndBody .inputItem.inputRequired,
.backEndBody .centreDial .dialInput {
  color: var(--cTxInputItemRequired);
  border-color: var(--cBorderInputItem) Required;
  background-color: var(--cBxInputItemRequired);
}

.button--Active {
  background-color: var(--cBgButton);
  color: var(--cTxButton);
}

.button--Active:hover {
  color: var(--cTxButton);
  transition: all 0.3s;
}

.button--NonActive {
  background-color: var(--cBgInputItemDisabled);
}

.chapterNavigation {
  margin-top: 2.5em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 2em;
  padding: 1em 0 0 0;
  border-top: 1px solid #cccccc;
  width: calc(100% - 2em);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: calc(100% - 2em);
  height: 4em;
}

.chapterNavigation a svg,
.chapterNavigation a img {
  max-height: 1.2em !important;
}

.prevChapter,
.nextChapter,
.masterSection,
.unspecButton {
  --buttonShadowSize: 6px;
  box-shadow: var(--buttonShadowSize) var(--buttonShadowSize) 5px 0px rgba(145, 138, 138, 0.2);
  background-color: var(--cBgButton);
  color: var(--cTxButton);
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 1em;
  border-color: var(--cTxButton);
  min-height: 2em;
  min-width: 6em;
  background-repeat: no-repeat;
  background-size: 2em;
  max-width: 30%;
}

.prevChapter:hover,
.nextChapter:hover,
.masterSection:hover,
.unspecButton:hover {
  margin-top: 3px;
  background-color: var(--cBgButton2);
  columns: var(--cTxButton2);
  box-shadow: 8px 6px 0px 0px rgba(145, 138, 138, 0.58);
  transition: all 0.5s;
  color: #ffffff !important;
}

.prevChapter {
  padding: 1em 0.5em 0.5em 3em;
  background-image: url(/web/css/icons/bPrevChapter.svg);
  background-position: 0.5em;
}

.masterSection {
  padding: 1em 0.5em 0.5em 3em;
  background-image: url(/web/css/icons/bMasterSection.svg);
  background-position: 0.5em;
}

.nextChapter {
  padding: 1em 3em 0.5em 0.5em;
  background-image: url(/web/css/icons/bNextChapter.svg);
  background-position: calc(100% - 0.5em);
}

.unspecButton img {
  font-size: 200%;
  padding: 0 !important;
  margin: 0 0.2em 0 0em !important;
}

.unspecButton {
  padding: 0.5em 0.5em 1em 0.5em;
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  height: auto;
}

@font-face {
  font-family: "Daytona";
  src: url("/frm/css/fonts/Daytona-Regular.woff2");
}

@font-face {
  font-family: "Rokkit";
  src: url("/frm/css/fonts/Rokkitt-Medium.woff");
}

.backEndContent {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
  color: #000000;
}

.backEndContent details {
  border: solid 1px;
  border-radius: 0.5em;
  padding: 0.5em;
  margin-left: 2.5em;
  max-width: 60%;
}

.backEndContent details[open] {
  max-width: 80%;
  margin-left: 1em;
  transition: all 1s ease;
}

.backEndContent summary {
  padding: 1em;
  min-height: 2em;
  border-radius: 0.5em;
}

.backEndContent .objectHelp {
  background-color: var(--cBxTableBody);
}

.backEndContent h1,
.backEndContent h2,
.backEndContent h3 {
  font-family: "Rokkit", "Arial, Helvetica, sans-serif";
}

.backEndContent h1 {
  font-size: 160%;
}

.backEndContent h2 {
  font-size: 130%;
}

.backEndContent h3 {
  font-size: 110%;
}

.backEndContent ul li::before {
  background-image: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 1000 1000" version="1.1" viewBox="0 0 1e3 1e3" xmlns="http://www.w3.org/2000/svg"><path d="m515 151c-196 0-356 160-356 358 0 198 159 358 356 358 196 0 356-160 356-358 0-198-159-358-356-358zm138 496h-190v-.073c-46-.8-84-40-85-87v-188h187v.22c46 .8 88 39 88 86v189z" fill="rgb(9, 0, 63)"/></svg>');
}

.backEndContent ul li ul li::before {
  background-image: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 1000 1000" version="1.1" viewBox="0 0 1e3 1e3" xmlns="http://www.w3.org/2000/svg"><path d="m513 193c-98 56-195 113-293 169-.19 113-.38 226-.57 339 97 57 195 113 292 170 98-56 195-113 293-169 .19-113 .38-226 .57-339-97-57-195-113-292-170zm-124 207c60 .49 121-.98 181 .75 44 4.4 79 48 73 92-.045 55 .089 110-.067 165-61-.42-122 .84-183-.63-44-4.9-75-50-71-93v-164z" fill="rgb(9, 0, 63)"/></svg>');
}

.backEndContent ul {
  list-style: none;
  color: var(--cTxTable);
  margin: 0.2em 0 0.2em 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}

.backEndContent ul li::before,
.backEndContent ul li ul li::before {
  content: '' !important;
  display: inline-block;
  height: 1em;
  width: 1em;
  background-size: contain;
  margin-right: 0.3em;
}

.backEndContent th,
.backEndContent .inHeader {
  background-color: #d7dfee;
}

.systemPageTitle {
  font-size: 200%;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@font-face {
  font-family: "Carlito";
  font-weight: 600;
  src: url("/frm/css/fonts/Carlito-Bold.woff2");
}

@font-face {
  font-family: "Redhat";
  font-weight: 300;
  src: url("/web/css/fonts/Red/RedHatDisplay-Light.ttf");
}

@font-face {
  font-family: "Redhat";
  font-weight: 400;
  font-style: normal;
  src: url("/web/css/fonts/Red/RedHatDisplay-Medium.ttf");
}

@font-face {
  font-family: "Redhat";
  font-weight: 400;
  font-style: italic;
  src: url("/web/css/fonts/Red/RedHatDisplay-MediumItalic.ttf");
}

@font-face {
  font-family: "Redhat";
  font-weight: 600;
  font-style: normal;
  src: url("/web/css/fonts/Red/RedHatDisplay-SemiBold.ttf");
}

@font-face {
  font-family: "Redhat";
  font-weight: 600;
  font-style: italic;
  src: url("/web/css/fonts/Red/RedHatDisplay-SemiBoldItalic.ttf");
}

@font-face {
  font-family: "K2D";
  font-weight: 400;
  font-style: normal;
  src: url("/web/css/fonts/K2D/K2D-Medium.ttf");
}

@font-face {
  font-family: "K2D";
  font-weight: 400;
  font-style: italic;
  src: url("/web/css/fonts/K2D/K2D-MediumItalic.ttf");
}

@font-face {
  font-family: "K2D";
  font-weight: 600;
  font-style: normal;
  src: url("/web/css/fonts/K2D/K2D-Bold.ttf");
}

@font-face {
  font-family: "K2D";
  font-weight: 600;
  font-style: italic;
  src: url("/web/css/fonts/K2D/K2D-BoldItalic.ttf");
}

:root {
  --footerHeight: 4em;
  --footerBottom: 2em;
}

body {
  display: block;
  font-size: 16px;
}

strong {
  font-weight: 700;
}

mark {
  font-weight: 500;
  background-color: transparent;
}

input[type=button] {
  border: none;
  cursor: pointer;
}

.pageLoading {
  position: absolute;
  display: block;
  width: 100vw !important;
  height: 100vh !important;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 111;
}

.heading-permalink {
  visibility: hidden;
}

.imgSrcIcon {
  height: 1em;
  max-width: 4em;
}

.backEndBody p,
.backEndBody ul {
  text-align: left;
}

.backEndBody {
  animation: bEExpand 1s;
}

.backEndBody .svg-hov {
  display: none;
}

.backEndBody p .imgSrcIcon,
.backEndBody h1 .imgSrcIcon,
.backEndBody h4 .imgSrcIcon {
  height: 1.2em;
  max-width: 4em;
  vertical-align: middle;
  padding: 0.2em;
}

.backEndBody h2 .imgSrcIcon,
.backEndBody h3 .imgSrcIcon {
  height: 1.5em;
  vertical-align: middle;
  padding: 0.2em;
}

.backEndBody .buttonLine,
.backEndBody .dialLine .lineButton {
  margin-top: 0.5em;
}

.item_detail {
  font-size: smaller;
  font-family: "Arial";
}

.poznamka {
  padding: 3px 10px 6px 10px;
}

form {
  margin: 0;
  margin-block-end: 0;
  margin-block-start: 0;
  padding: 0;
}

h1 {
  font-size: x-large;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0.3em 0 0.3em 0;
}

.boardListRightBox h2,
.boardListRightBox h3,
.boardListRightBox h4 {
  text-wrap: balance;
  max-width: 80%;
}

h1 .note,
h3 .note {
  font-size: smaller;
  padding-top: 0;
}

p + h1 {
  margin-top: 2em !important;
}

p .note {
  font-size: 90%;
}

h1 + h2,
h1 + h3 {
  padding-top: 0.1em !important;
}

.flexiPage h1 {
  padding-top: 0;
}

h2,
h3,
h4 {
  text-wrap: balance;
  max-width: 80%;
}

h3 {
  font-size: 110%;
  text-align: left;
  text-wrap: balance;
  padding: 0.6em 0em 0 0.1em;
}

.h3Span {
  display: inline-block;
  width: 100%;
  font-size: 110%;
  font-weight: 600;
  text-align: center;
  padding: 0.2em 0em 0.2em 0.1em;
}

strong {
  font-weight: 700;
}

.backEndBody mark {
  font-weight: 500;
  background-color: transparent;
}

td {
  border: none;
}

.backEndBody .buttonLine .lineButton {
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-family: "DaytonaCond", "Arial, Helvetica, sans-serif";
}

.backEndBody {
  max-height: calc(100vh - 5em);
}

/*@include footerScreen {  // footer limit for the visibility

   // substyle of the dashboard flexi page (page that contains everything)
   .backEndBody {
      max-height: 100vh;  // works in chrome and edge, not in FF  - probably does not support more then one operation
   }

} */

.pageLoading {
  position: absolute;
  display: block;
  width: 100vw !important;
  height: 100vh !important;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 111;
}

.svgIconStyle img {
  height: 1.2em;
  max-height: 1.2em;
  max-width: 5em;
  padding-right: 0.5em;
  margin-top: 0.2em;
}

.protocol {
  max-height: calc(100vh - 8em);
  max-width: 100%;
  height: 100%;
  overflow: auto;
}

.backEndContent {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
  margin: 0.1em;
  max-height: 80vh;
  overflow-y: auto;
  box-sizing: border-box;
}

.backEndContent svg {
  vertical-align: middle;
  padding: 0.2em;
}

.backEndContent p,
.backEndContent ul li,
.backEndContent ul li ul li {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.backEndContent p {
  font-size: 1rem;
}

.backEndContent .leftRightPad table {
  width: 100%;
}

.backEndContent .blueboxL h3,
.backEndContent .leftRightPad h2,
.backEndContent .leftRightPad h3 {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
  margin-top: 1em;
  font-size: 120%;
  margin-left: 0.2em;
}

.backEndContent .leftRightPad h1 {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
  font-size: 130%;
}

summary p,
summary h2 {
  display: inline;
}

.backEndContent ul li {
  font-size: 100%;
}

.backEndContent .smallImgOnly img {
  max-width: 6em;
  max-height: 6em;
}

.backEndContent blockquote {
  font-size: 90%;
  margin: 0.8em 0.3em 0.5em 0.5em;
}

.backEndContent h1 {
  text-align: center;
  font-weight: 500;
  margin: 0.2em 0 0 0.2em;
}

.backEndContent h2 {
  text-align: left;
  margin: 0.5em 0 0.1em 1em;
}

.backEndContent h3 {
  text-align: left;
  margin: 0.1em 0 0.1em 1em;
}

.backEndContent.objectHelp {
  max-height: calc(90vh - 5em);
  padding-right: 1em;
}

.beHTMLPlace .flexiModal {
  max-height: 100%;
  height: 100%;
}

.beHTMLPlace img {
  display: block;
  width: 100%;
  max-width: MIN(100%, 40em);
  margin: 1em auto 1em auto;
}

.beHTMLPlace .q,
.beHTMLPlace img.imgSmall,
img.imgSmall {
  max-width: MIN(100%, 20em) !important;
}

.beHTMLPlace img.imgLarge,
img.imgLarge {
  display: block;
  width: 100%;
  min-width: 40em;
  max-width: 80em;
  margin: 0.5em auto 0.5em auto;
}

.backEndContent table td {
  padding: 0.1em 1em 0 0.5em;
}

.commandLineEnv.helpPageEnv {
  position: absolute;
}

.table-of-contents {
  display: none;
}

.noSplitComment {
  font-size: 70%;
  text-wrap: nowrap;
}

.header--backEnd.boardHeader svg,
.boardListLeftBox.bllb--boardList svg {
  max-height: 5rem;
  max-width: 5rem;
}

.boardListLeftBox.bllb--boardList img {
  max-width: 2rem;
  max-height: 2rem;
}

.backEndMain {
  background-color: #c9c9c986 !important;
  overflow-y: auto;
  max-width: var(--maxPageWidth);
  margin: 0 auto 0 auto;
  padding: 0;
}

.backEndMain h2,
.backEndMain h3,
.backEndMain h4 {
  text-wrap: balance;
}

.backEndBody {
  padding: 0.3em;
  margin: 0;
}

.backEndBody .header--backEnd {
  color: var(--cStyleH1);
  text-align: center;
}

.BubbleNavigation {
  display: none;
}

.backEndBody .buttonLine {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.halfButton {
  border-width: 1px;
  min-height: 2.5em;
  min-width: 6em;
  border-radius: 0.3em;
  margin-top: 0.5em;
}

.buttonLineEnv {
  width: MIN(100%, var(-maxPageWidth));
}

.centreDial .buttonLineEnv,
.flexiModal .buttonLineEnv,
.childModalDiv .buttonLineEnv,
.clipContainer .buttonLineEnv {
  width: 100%;
}

.backEndBody .buttonLine .lineButton {
  text-decoration: none;
  font-size: 140%;
  text-align: center;
  min-height: 2em;
  max-height: 2em;
  min-width: 2em;
  padding: 0 0.5rem 0 0.5rem;
  flex-shrink: 0;
}

.backEndBody fieldset {
  background-color: var(--cBgEditField);
}

.backEndBody fieldset td {
  background-color: var(--cBgEditField);
}

.backEndBody inputItem {
  background-color: var(--cBgInputItem);
  border-color: var(--cBorderInputItem);
  color: var(--cTxInputItem);
}

.backEndBody .inputItemDisabled {
  background-color: var(--cBgInputItemDisabled);
  border-color: var(--cBorderInputItem);
  color: var(--cTxInputItemDisabled);
}

.backEndBody .inputItemReadOnly,
.backEndBody label .inputItemReadOnly {
  background-color: var(--cBxInputItemReadonly);
  border-color: var(--cBorderReadonly);
  color: var(--cTxInputItemReadonly);
  font-size: smaller;
  margin-right: 0.5em;
}

.backEndBody .inputItem.inputRequired,
.backEndBody .centreDial .dialInput {
  color: var(--cTxInputItemRequired);
  border-color: var(--cBorderInputItem) Required;
  background-color: var(--cBxInputItemRequired);
}

.button--Active {
  background-color: var(--cBgButton);
  color: var(--cTxButton);
}

.button--Active:hover {
  color: var(--cTxButton);
  transition: all 0.3s;
}

.button--NonActive {
  background-color: var(--cBgInputItemDisabled);
}

.chapterNavigation {
  margin-top: 2.5em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 2em;
  padding: 1em 0 0 0;
  border-top: 1px solid #cccccc;
  width: calc(100% - 2em);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: calc(100% - 2em);
  height: 4em;
}

.chapterNavigation a svg,
.chapterNavigation a img {
  max-height: 1.2em !important;
}

.prevChapter,
.nextChapter,
.masterSection,
.unspecButton {
  --buttonShadowSize: 6px;
  box-shadow: var(--buttonShadowSize) var(--buttonShadowSize) 5px 0px rgba(145, 138, 138, 0.2);
  background-color: var(--cBgButton);
  color: var(--cTxButton);
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 1em;
  border-color: var(--cTxButton);
  min-height: 2em;
  min-width: 6em;
  background-repeat: no-repeat;
  background-size: 2em;
  max-width: 30%;
}

.prevChapter:hover,
.nextChapter:hover,
.masterSection:hover,
.unspecButton:hover {
  margin-top: 3px;
  background-color: var(--cBgButton2);
  columns: var(--cTxButton2);
  box-shadow: 8px 6px 0px 0px rgba(145, 138, 138, 0.58);
  transition: all 0.5s;
  color: #ffffff !important;
}

.prevChapter {
  padding: 1em 0.5em 0.5em 3em;
  background-image: url(/web/css/icons/bPrevChapter.svg);
  background-position: 0.5em;
}

.masterSection {
  padding: 1em 0.5em 0.5em 3em;
  background-image: url(/web/css/icons/bMasterSection.svg);
  background-position: 0.5em;
}

.nextChapter {
  padding: 1em 3em 0.5em 0.5em;
  background-image: url(/web/css/icons/bNextChapter.svg);
  background-position: calc(100% - 0.5em);
}

.unspecButton img {
  font-size: 200%;
  padding: 0 !important;
  margin: 0 0.2em 0 0em !important;
}

.unspecButton {
  padding: 0.5em 0.5em 1em 0.5em;
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  height: auto;
}

@font-face {
  font-family: "Daytona";
  src: url("/frm/css/fonts/Daytona-Regular.woff2");
}

@font-face {
  font-family: "Rokkit";
  src: url("/frm/css/fonts/Rokkitt-Medium.woff");
}

.backEndContent {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
  color: #000438;
}

.backEndContent details {
  border: solid 1px;
  border-radius: 0.5em;
  padding: 0.5em;
  margin-left: 2.5em;
  max-width: 60%;
}

.backEndContent details[open] {
  max-width: 80%;
  margin-left: 1em;
  transition: all 1s ease;
}

.backEndContent summary {
  padding: 1em;
  min-height: 2em;
  border-radius: 0.5em;
}

.backEndContent .objectHelp {
  background-color: var(--cBxTableBody);
}

.backEndContent h1,
.backEndContent h2,
.backEndContent h3 {
  font-family: "Rokkit", "Arial, Helvetica, sans-serif";
}

.backEndContent h1 {
  font-size: 160%;
}

.backEndContent h2 {
  font-size: 130%;
}

.backEndContent h3 {
  font-size: 110%;
}

.backEndContent ul li::before {
  background-image: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 1000 1000" version="1.1" viewBox="0 0 1e3 1e3" xmlns="http://www.w3.org/2000/svg"><path d="m515 151c-196 0-356 160-356 358 0 198 159 358 356 358 196 0 356-160 356-358 0-198-159-358-356-358zm138 496h-190v-.073c-46-.8-84-40-85-87v-188h187v.22c46 .8 88 39 88 86v189z" fill="rgb(1, 27, 145)"/></svg>');
}

.backEndContent ul li ul li::before {
  background-image: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 1000 1000" version="1.1" viewBox="0 0 1e3 1e3" xmlns="http://www.w3.org/2000/svg"><path d="m513 193c-98 56-195 113-293 169-.19 113-.38 226-.57 339 97 57 195 113 292 170 98-56 195-113 293-169 .19-113 .38-226 .57-339-97-57-195-113-292-170zm-124 207c60 .49 121-.98 181 .75 44 4.4 79 48 73 92-.045 55 .089 110-.067 165-61-.42-122 .84-183-.63-44-4.9-75-50-71-93v-164z" fill="rgb(1, 27, 145)"/></svg>');
}

.backEndContent ul {
  list-style: none;
  color: var(--cTxTable);
  margin: 0.2em 0 0.2em 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}

.backEndContent ul li::before,
.backEndContent ul li ul li::before {
  content: '' !important;
  display: inline-block;
  height: 1em;
  width: 1em;
  background-size: contain;
  margin-right: 0.3em;
}

.backEndContent th,
.backEndContent .inHeader {
  background-color: #e2ebff;
}

.systemPageTitle {
  font-size: 200%;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bottomWarn,
.warnLine--directMessage {
  background-color: #040035 !important;
}

.bottomWarn a,
.bottomWarn p a {
  color: #b60000;
}

.bottomWarn,
.bottomWarn table,
.bottomWarn td,
.bottomWarn p,
.warnLine--directMessage {
  color: #ffffff;
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.bottomWarn h1,
.bottomWarn h2,
.bottomWarn h3,
.bottomWarn h4 {
  color: #d3e1f7;
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.bottomWarn mark {
  color: #ffffff;
}

fieldset {
  background-color: #ffffff;
}

.fixBox--pageHeader,
.header {
  color: #462314;
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.subViewHeader {
  color: #062708;
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.centreDial {
  z-index: 9999;
  border: 0.5em solid #55f;
  border-radius: 0.5em;
  background-color: #ffffff;
  color: #000000;
  font-family: "Rokkit", "Arial, Helvetica, sans-serif";
}

.centreDial p {
  color: #000000;
  font-size: 110%;
}

.centreDial h3 {
  text-align: center;
}

.centreDial h2,
.centreDial h1,
.centreDial h3,
.centreDial h4 {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.centreDial .dialInput {
  font-size: 110%;
}

.ptb_dataLabel {
  color: #5f321d;
}

.pTB--Active {
  color: #020000;
  background-color: #ffffff;
  border: 1px solid #ececfd;
}

.pTB--nonActive {
  background-color: #d3e1f7;
  color: #020000;
  background-color: #ececfd;
}

.pTB--Disabled {
  background-color: #bebfc0;
  color: #706161;
}

.childModalDiv {
  border-width: 2px;
  border-color: #748fca;
  background: #ffffff;
  z-index: 5;
}

.childDiv h1 {
  font-size: 140%;
  color: #462314;
}

.d-buttonName,
.hintText {
  background: #2d31ff;
  color: #ffffff;
  border-color: #00063f;
}

.svgTooltip,
[data-tooltip]:before {
  transition: all 0.18s ease 0.4s;
  font-size: 0.7rem;
  padding: 6px;
  color: #ffffff;
  z-index: 999;
  border-radius: 1em;
  box-shadow: 2px 2px 1px silver;
}

.svgTooltip,
[data-tooltip]:hover:before {
  background: #2d31ff;
}

.svgTooltip {
  font-size: 0.75rem;
  padding: 3px;
}

[data-tooltip]:not([data-tooltip-persistent]):before {
  pointer-events: none;
}

.d-buttonName h3,
.hintText h3,
.hintText svg {
  color: #cfdaff !important;
  fill: #cfdaff !important;
}

.hintText svg {
  max-height: 1em;
  max-width: 3em;
}

.d-buttonName p,
.hintText p,
.hintText ul,
.hintText ul li,
.hintText ol,
.hintText ol li {
  color: #ffffff;
}

.BubbleItem {
  border-top: 0.1em solid #9e97dd;
  border-left: 0.1em solid #9e97dd;
  border-right: 0.1em solid #9e97dd;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.BubbleItem svg {
  fill: #000000;
  font-size: 180%;
  vertical-align: -0.3em;
  max-height: 2rem;
  max-width: 4rem;
}

.BubbleItem--Active {
  background-color: #ede9f3;
  color: #000000;
  animation: 0.8s ease-in-out bbI-Active;
}

.BubbleItem--NonActive {
  color: #020000;
  background-color: #ede9f3;
  padding-top: 3px;
  flex-shrink: 1;
  min-width: 2em;
  height: 2em;
  transition: all 0.6s ease-in-out;
}

.BubbleItem--NonActive:hover {
  background-color: #ede9f3;
  transition: all 0.1s;
}

.docButton:hover svg {
  fill: #a31616;
}

.BubbleItem--NonActive:hover .bubbleUnderSub {
  background: #2d31ff;
  color: #ffffff;
  border-color: #00063f;
  border-style: solid;
}

.bubbleUnderSub p {
  color: #ffffff;
}

.bubbleUnderSub svg,
.bubbleUnderSub h3,
.bubbleUnderSub .bubbleIcon svg {
  color: #cfdaff;
  fill: #cfdaff;
  font-size: 100%;
  vertical-align: inherit;
}

.bubbleUnderSub svg {
  fill: #ffffff;
}

.statusLine .stItem {
  font-family: 'Rokkit';
}

.statusLine .stItemDisabled {
  color: #000438;
}

.stItemWarning {
  color: #a31616;
}

.userDialogCurtain,
.nonDialogCurtain {
  background-color: #6368f027;
}

.imgTitleHolderViewLarge img {
  display: block !important;
  background-color: #ffffff;
  margin: 0 auto;
  border-radius: 1em;
  border: 0.5em solid #ffffff;
  max-height: 18em;
  height: 18em;
  max-width: 70vw;
  width: auto;
  animation: imgTitleHolderViewLargeAn 0.5s;
}

@keyframes imgTitleHolderViewLargeAn {
  from {
    max-height: 0;
    height: 0;
    max-width: 0;
  }

  to {
    max-height: 18em;
    height: 18em;
    max-width: 70vw;
  }
}

.splitSeparator {
  background-color: #5464ac;
  border-radius: 1em;
  overflow: visible;
}

.splitSeparator .sSep--handle {
  height: 5em;
  width: 0.6em;
  border-radius: 2em;
  margin: 42vh 0 auto -0.2em;
  background: repeating-linear-gradient(-55deg, black, #5464ac, 3px, black 3px, black 3px);
}

.pageTabButton.pTB--Active .svg-noh {
  fill: #5464ac;
}

.backEndContent summary {
  background-color: #dfdafa;
  color: #001572;
}

body {
  min-height: 100vh;
  background-color: #a6b6ff !important;
}

.bottomWarn,
.warnLine--directMessage {
  background-color: #040035 !important;
}

.bottomWarn a,
.bottomWarn p a {
  color: #b60000;
}

.bottomWarn,
.bottomWarn table,
.bottomWarn td,
.bottomWarn p,
.warnLine--directMessage {
  color: #ffffff;
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.bottomWarn h1,
.bottomWarn h2,
.bottomWarn h3,
.bottomWarn h4 {
  color: #d3e1f7;
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.bottomWarn mark {
  color: #ffffff;
}

fieldset {
  background-color: #ffffff;
}

.fixBox--pageHeader,
.header {
  color: #462314;
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.subViewHeader {
  color: #062708;
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.centreDial {
  z-index: 9999;
  border: 0.5em solid #55f;
  border-radius: 0.5em;
  background-color: #ffffff;
  color: #000000;
  font-family: "Rokkit", "Arial, Helvetica, sans-serif";
}

.centreDial p {
  color: #000000;
  font-size: 110%;
}

.centreDial h3 {
  text-align: center;
}

.centreDial h2,
.centreDial h1,
.centreDial h3,
.centreDial h4 {
  font-family: "Daytona", "Arial, Helvetica, sans-serif";
}

.centreDial .dialInput {
  font-size: 110%;
}

.ptb_dataLabel {
  color: #5f321d;
}

.pTB--Active {
  color: #020000;
  background-color: #ffffff;
  border: 1px solid #ececfd;
}

.pTB--nonActive {
  background-color: #d3e1f7;
  color: #020000;
  background-color: #ececfd;
}

.pTB--Disabled {
  background-color: #bebfc0;
  color: #706161;
}

.childModalDiv {
  border-width: 2px;
  border-color: #748fca;
  background: #ffffff;
  z-index: 5;
}

.childDiv h1 {
  font-size: 140%;
  color: #462314;
}

.d-buttonName,
.hintText {
  background: #2d31ff;
  color: #ffffff;
  border-color: #00063f;
}

.svgTooltip,
[data-tooltip]:before {
  transition: all 0.18s ease 0.4s;
  font-size: 0.7rem;
  padding: 6px;
  color: #ffffff;
  z-index: 999;
  border-radius: 1em;
  box-shadow: 2px 2px 1px silver;
}

.svgTooltip,
[data-tooltip]:hover:before {
  background: #2d31ff;
}

.svgTooltip {
  font-size: 0.75rem;
  padding: 3px;
}

[data-tooltip]:not([data-tooltip-persistent]):before {
  pointer-events: none;
}

.d-buttonName h3,
.hintText h3,
.hintText svg {
  color: #cfdaff !important;
  fill: #cfdaff !important;
}

.hintText svg {
  max-height: 1em;
  max-width: 3em;
}

.d-buttonName p,
.hintText p,
.hintText ul,
.hintText ul li,
.hintText ol,
.hintText ol li {
  color: #ffffff;
}

.BubbleItem {
  border-top: 0.1em solid #9e97dd;
  border-left: 0.1em solid #9e97dd;
  border-right: 0.1em solid #9e97dd;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.BubbleItem svg {
  fill: #000000;
  font-size: 180%;
  vertical-align: -0.3em;
  max-height: 2rem;
  max-width: 4rem;
}

.BubbleItem--Active {
  background-color: #ede9f3;
  color: #000000;
  animation: 0.8s ease-in-out bbI-Active;
}

.BubbleItem--NonActive {
  color: #020000;
  background-color: #ede9f3;
  padding-top: 3px;
  flex-shrink: 1;
  min-width: 2em;
  height: 2em;
  transition: all 0.6s ease-in-out;
}

.BubbleItem--NonActive:hover {
  background-color: #ede9f3;
  transition: all 0.1s;
}

.docButton:hover svg {
  fill: #a31616;
}

.BubbleItem--NonActive:hover .bubbleUnderSub {
  background: #2d31ff;
  color: #ffffff;
  border-color: #00063f;
  border-style: solid;
}

.bubbleUnderSub p {
  color: #ffffff;
}

.bubbleUnderSub svg,
.bubbleUnderSub h3,
.bubbleUnderSub .bubbleIcon svg {
  color: #cfdaff;
  fill: #cfdaff;
  font-size: 100%;
  vertical-align: inherit;
}

.bubbleUnderSub svg {
  fill: #ffffff;
}

.statusLine .stItem {
  font-family: 'Rokkit';
}

.statusLine .stItemDisabled {
  color: #000438;
}

.stItemWarning {
  color: #a31616;
}

.userDialogCurtain,
.nonDialogCurtain {
  background-color: #6368f027;
}

.imgTitleHolderViewLarge img {
  display: block !important;
  background-color: #ffffff;
  margin: 0 auto;
  border-radius: 1em;
  border: 0.5em solid #ffffff;
  max-height: 18em;
  height: 18em;
  max-width: 70vw;
  width: auto;
  animation: imgTitleHolderViewLargeAn 0.5s;
}

@keyframes imgTitleHolderViewLargeAn {
  from {
    max-height: 0;
    height: 0;
    max-width: 0;
  }

  to {
    max-height: 18em;
    height: 18em;
    max-width: 70vw;
  }
}

.splitSeparator {
  background-color: #5464ac;
  border-radius: 1em;
  overflow: visible;
}

.splitSeparator .sSep--handle {
  height: 5em;
  width: 0.6em;
  border-radius: 2em;
  margin: 42vh 0 auto -0.2em;
  background: repeating-linear-gradient(-55deg, black, #5464ac, 3px, black 3px, black 3px);
}

.pageTabButton.pTB--Active .svg-noh {
  fill: #5464ac;
}

.backEndContent summary {
  background-color: #f1f4f8;
  color: #e0ebfb;
}

:root {
  --cTxButton: #020000;
  --cBgButton: #d3e1f7;
  --cBorderInputItem: #ffffff;
  --cBgInputItem: #ffffff;
  --cBgEditField: #ffffff;
  --cBgInputItemDisabled: #ffffff;
  --cTxInputItemDisabled: #949494;
}

td.st_increase {
  background-color: #d6f8d7;
}

td.st_decrease {
  background-color: #fac5c5;
}

@media (min-width: 40em) and (min-height: 30em) {
  h3,
  .h3Span {
    padding: 0.3em 0em 0.3em 0.1em;
  }

  h2 {
    padding-top: 1em;
  }

  .backEndContent blockquote {
    font-size: 90%;
    margin: 1em 1.5em 0.5em 1.5em;
  }

  .backEndMain {
    max-height: 100vh;
    height: 100vh;
  }

  #body-main.backEndMain {
    max-height: calc(100vh - 5em);
    height: calc(100vh - 5em);
  }

  .header--backEnd {
    padding-top: 1rem !important;
    font-size: 200%;
    padding-bottom: 0.5rem !important;
  }

  h3,
  .h3Span {
    padding: 0.3em 0em 0.3em 0.1em;
  }

  h2 {
    padding-top: 1em;
  }

  .backEndContent blockquote {
    font-size: 90%;
    margin: 1em 1.5em 0.5em 1.5em;
  }

  .backEndMain {
    max-height: 100vh;
    height: 100vh;
  }

  #body-main.backEndMain {
    max-height: calc(100vh - 5em);
    height: calc(100vh - 5em);
  }

  .header--backEnd {
    padding-top: 1rem !important;
    font-size: 200%;
    padding-bottom: 0.5rem !important;
  }

  /* Change the color of links on hover */

  .pTB--nonActive:hover {
    background: linear-gradient(to bottom, #7d98e0, 0%, #9e97dd 100%);
    color: #ffffff;
    border-radius: 1px #cccccc;
    box-shadow: inset 0px 0px 20px 0px rgba(53, 91, 216, 0.582);
  }

  .childModalDiv {
    border-width: 5px;
    padding: 0.5em;
  }

  .hintText {
    border-radius: 3px;
    border-style: solid;
  }

  .BubbleItem--Active {
    border-bottom: 0.3em solid #9e97dd;
    padding-top: 0.6em;
    height: 2.4em;
  }

@keyframes bbI-Active {
    0% {
      padding-top: 0;
      height: 2em;
    }

    50% {
      padding-top: 0.6em;
      height: 2.6em;
    }

    100% {
      padding-top: 0.4em;
      height: 2.4em;
      color: #000000;
    }
}

  /* Change the color of links on hover */

  .pTB--nonActive:hover {
    background: linear-gradient(to bottom, #7d98e0, 0%, #9e97dd 100%);
    color: #ffffff;
    border-radius: 1px #cccccc;
    box-shadow: inset 0px 0px 20px 0px rgba(53, 91, 216, 0.582);
  }

  .childModalDiv {
    border-width: 5px;
    padding: 0.5em;
  }

  .hintText {
    border-radius: 3px;
    border-style: solid;
  }

  .BubbleItem--Active {
    border-bottom: 0.3em solid #9e97dd;
    padding-top: 0.6em;
    height: 2.4em;
  }

@keyframes bbI-Active {
    0% {
      padding-top: 0;
      height: 2em;
    }

    50% {
      padding-top: 0.6em;
      height: 2.6em;
    }

    100% {
      padding-top: 0.4em;
      height: 2.4em;
      color: #000000;
    }
}
}

@media (min-width: 90em) and (min-height: 30em) {
@keyframes bEExpand {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
}

@keyframes bEExpand {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
}

  .backEndContent {
    margin: 0.3em 0.5em 0.3em 0.5em;
    max-height: calc(80vh - 8em);
  }

  .beHTMLPlace {
    max-width: MIN(100%, 90em);
    width: 90vw;
  }

  .backEndContent.objectHelp {
    max-height: calc(80vh - 5em);
  }

  .backEndContent h1 {
    padding-top: 1rem;
    font-size: 200%;
    padding-bottom: 1rem;
  }

@keyframes bEExpand {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
}

@keyframes bEExpand {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
}

  .backEndContent {
    margin: 0.3em 0.5em 0.3em 0.5em;
    max-height: calc(80vh - 8em);
  }

  .beHTMLPlace {
    max-width: MIN(100%, 90em);
    width: 90vw;
  }

  .backEndContent.objectHelp {
    max-height: calc(80vh - 5em);
  }

  .backEndContent h1 {
    padding-top: 1rem;
    font-size: 200%;
    padding-bottom: 1rem;
  }
}

@media (min-width: 130em) and (min-height: 30em) {
  .beHTMLPlace {
    max-width: MIN(100%, 115em);
  }

  .beHTMLPlace img {
    display: block;
    width: 80%;
    max-width: 50em;
    margin: 0.5em auto 0.5em auto;
  }

  .beHTMLPlace {
    max-width: MIN(100%, 115em);
  }

  .beHTMLPlace img {
    display: block;
    width: 80%;
    max-width: 50em;
    margin: 0.5em auto 0.5em auto;
  }
}

@media (max-width: 39.9em), (max-height: 29.9em) {
  main {
    width: 100vw;
  }

  .backEndContent video {
    max-width: 90vw !important;
  }

  .backEndContent {
    max-height: calc(90vh - 8em);
    width: 100%;
  }

  .backEndMain,
  .backEndBody {
    max-height: 100vh;
    height: 100vh;
  }

  .header--backEnd {
    padding: 0.2em 0 0.2em 0;
    font-size: 150%;
  }

  main {
    width: 100vw;
  }

  .backEndContent video {
    max-width: 90vw !important;
  }

  .backEndContent {
    max-height: calc(90vh - 8em);
    width: 100%;
  }

  .backEndMain,
  .backEndBody {
    max-height: 100vh;
    height: 100vh;
  }

  .header--backEnd {
    padding: 0.2em 0 0.2em 0;
    font-size: 150%;
  }

  .hintText {
    border-style: solid none none none;
  }

  .BubbleItem--Active {
    border-bottom: 0.3em solid #9e97dd;
    padding-top: 0.4em;
    height: 2.1em;
  }

@keyframes bbI-Active {
    0% {
      padding-top: 0;
      height: 2em;
    }

    50% {
      padding-top: 0.6em;
      height: 2.2em;
    }

    100% {
      padding-top: 0.4em;
      height: 2.1em;
      color: #000000;
    }
}

  .hintText {
    border-style: solid none none none;
  }

  .BubbleItem--Active {
    border-bottom: 0.3em solid #9e97dd;
    padding-top: 0.4em;
    height: 2.1em;
  }

@keyframes bbI-Active {
    0% {
      padding-top: 0;
      height: 2em;
    }

    50% {
      padding-top: 0.6em;
      height: 2.2em;
    }

    100% {
      padding-top: 0.4em;
      height: 2.1em;
      color: #000000;
    }
}
}

@media (min-width: 40em) and (max-width: 89.9em) and (min-height: 30em) {
  .beHTMLPlace {
    max-width: MIN(100%, 90vw);
    width: 90vw;
  }

  .beHTMLPlace {
    max-width: MIN(100%, 90vw);
    width: 90vw;
  }
}

@media screen {
  .printFooter {
    display: none;
  }

  body {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin: auto;
    overflow: hidden;
  }

  .printFooter {
    display: none;
  }

  body {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin: auto;
    overflow: hidden;
  }
}

@media print {
  .content--noPrint:nth-child(odd),
  .content--noPrint:nth-child(even) {
    display: none !important;
  }

  .body {
    font-size: 11pt;
    padding-bottom: 2cm;
    margin-bottom: 2cm;
    background-image: none !important;
    overflow-y: auto;
  }

  .content--noPrint:nth-child(odd),
  .content--noPrint:nth-child(even) {
    display: none !important;
  }

  .body {
    font-size: 11pt;
    padding-bottom: 2cm;
    margin-bottom: 2cm;
    background-image: none !important;
    overflow-y: auto;
  }
}

@media (prefers-color-scheme: light) {
  body {
    background: url(/frm/css/img/back-general.png);
  }

  body {
    background: url(/frm/css/img/back-general.png);
  }
}