/** copyright rsaccess GmbH */
article {width: 100%; padding: 1rem;}
article p {width: 100%;}

.board {padding: 0;}

.btn.btnCmd {padding: 1px; margin: 1px 1px 2px 1px;}
button {text-align: center;}

div.htm {border: 2px dotted !important;}
div .remark {padding: 1rem; margin: 1rem;}

div.frm.doc.ctr.hFold button.btnFold {margin-left: .5em; margin-right: .5em;}

/* rsaccess page head with logos and title */
div.logoTit {margin: auto;}
div.logo1 {padding-left: 1rem; padding-right: 1rem;}
div.logo1Txt {padding: .2em; margin-top: auto; margin-bottom: auto;}
div.logoTit {text-align: center; line-height: 1.5em; padding: .2em; margin-left: auto; margin-right: auto;}

div.img.logo1 {background: inherit; padding: 5px; margin: auto auto auto 0;}
@media screen and (min-width: 48rem) {div.img.logo1 {margin: auto 0;}}
div.img.logo1 img {background: inherit; padding: 5px; margin: auto 0;}

div.img.logo2 {margin-right: 0;}
div.img.logo2 {padding: 0 1rem;}
div.img.logo2 img {border-right: .7rem; padding: 5px 0; margin-top: .3rem;}

div.img.logo1 img, div.img.logo2 img {height: 7rem;}
div.logoTit {font-size: 120%;}
@media screen and (min-width: 36rem) {
  div.img.logo1 img, div.img.logo2 img {height: 4.5rem;}
  div.logoTit {font-size: 75%;}
}
@media screen and (min-width: 42rem) {
  div.img.logo1 img, div.img.logo2 img {height: 5rem;}
  div.logoTit {font-size: 80%;}
}
@media screen and (min-width: 52rem) {
  div.img.logo1 img, div.img.logo2 img {height: 6rem;}
  div.logoTit {font-size: 90%;}
}
@media screen and (min-width: 80rem) {
  div.img.logo1 img, div.img.logo2 img {height: 8rem;}
  div.logoTit {font-size: 90%;}
}
@media screen and (min-width: 100rem) {
  div.img.logo1 img, div.img.logo2 img {height: 9rem;}
  div.logoTit {font-size: 95%;}
}
@media screen and (min-width: 120rem) {
  div.img.logo1 img, div.img.logo2 img {height: 10rem;}
  div.logoTit {font-size: 100%;}
}


.fb {margin-right: auto; margin-left: auto;}
.fbImgTxt {margin: 0; padding: 0;}
.fbTitH1 {text-align: start; margin: 0; padding: 1em 1rem;}
.fbTxt {margin: 0; padding: 1em;}

figcaption {text-align: start; margin: .2rem; padding: .2rem;}
figure {margin: 1rem; padding: .2rem;}

.frmFrame {padding: .25rem;}
.frmFrame.doc {align-self: center;}
.frmBoard {padding: .25rem;}

.frm, .frm .tblFrm, .frm .detFrm {padding: 0;}
.tblFrm.md {margin: .5em .25em .25em .25em;}
.frm li ul li {padding: .1rem;}
.frm li ul li:first-child {padding-top: .25em;}

.frm .frmHeader {text-align: center; max-height: 5em; padding: .5em;}
.frm .frmHeader .frmHeaderTit {font-weight: 900; line-height: normal; width: 60%; padding: .3em 1em; margin: auto 0;}
.frm .frmHeader .frmHeaderTxt {overflow: auto; font-weight: 200; width: 100%; padding: .3rem 1em; margin: auto 0;}
.frm .frmHeader .frmHeaderBtn >button {max-height: 2em; padding: .3em;}

.frm button {font-weight: 200; text-align: center; padding: .3em;}
.frm .btnGrp {padding: .3em; margin: .3rem;}
.frm .btnGrp button {white-space: nowrap; height: 2em; padding: .3em 1em; margin: 2px;}

.frm .frmBlk.ctr {justify-content: center; width: 100%;}
.frm .frmBlk form.ctr {min-width: 25rem; padding: .5rem; margin: .5rem;}
.frm .frmBlk form.ctr > div {margin-bottom: .3rem;}

.frm .chkLst {padding: 0; margin: .3em;}

.frm .input input {padding: .3em; margin: 0;}

.frm .input.chk input {-webkit-appearance: none; appearance: none;}

.frm input[type='radio'] {height: 1em; width: 1em; margin-top: auto; margin-bottom: auto;}

.frm input[type="range"] {height: 1em;}
.frm input[type="range"]::-webkit-slider-thumb {width: 1em; height: 1em;}
.frm input[type="range"]::-moz-range-thumb {width: 1em; height: 1em;}
.frm .input.rng input {padding: 2px;}
.frm .frmFoot {padding: .2em; margin-top: 2px; margin-bottom: 1em;}
.frm .tit, .frm .tit label {margin-top: .3em; margin-bottom: .1em;}

.uY >div, .footB >div {font-weight: 500; padding: .5em; margin: .5em;}

.uZ div.z4 {padding: .5em;}
.uZ .z4 >div {justify-content: space-between;}
.uZ .z4 div a {text-decoration: none; padding: .5em; margin: .5em;}

img {padding: 1rem; margin: 0;}

.tblFrm .tblFrmHead >div:not(.tblFrmVertResize) {padding: .3em; margin: 0;}
.tblFrm >div:not(.tblFrmVertResize) textarea {min-height: 1.7em; padding: .2em; margin: 0;}
.tblFrm .mainTbl {width: 100%;}

/* ### table settings */
.tblFrm tr th.headCol >div {font-weight: 600; line-height: 1.7rem; padding: .2em; margin: 0; overflow: auto; text-overflow: ellipsis;}
.tblFrm tr th.selCol >div {line-height: 1.7em; padding: .2em; margin: 0; overflow: auto; text-overflow: ellipsis;}
.tblFrm tr td.tblCol >div {line-height: 1.5em; padding: .2em; margin: 0; overflow: auto; text-overflow: ellipsis;}

.tblFrm .input.chk input {margin: auto;}

.tblFrm .tblFrmFoot button {padding: .2em .5em; font-size: 1rem;}

.tblFrm .tblFrmRow >div:not(.input) >div >div {max-height: 8em;}

.tblFrm .tblFrmVertResize >textarea {min-height: 1.5em;}

.tblFrm .tblFrmChk >div {display: flex !Important; align-items: center !important;}
.tblFrm .tblFrmRadio {padding: .3em;}
.tblFrm input[type='radio']:first-child {margin-left: auto;}
.tblFrm input[type='radio']:last-child {margin-right: auto;}

.tblFrm .progress >div {height: 100%; margin: 0; padding: 0;}
.tblFrm .progress >div div {font-weight: 200; height: 1.3em; text-align: center; border-radius: 0; margin: 0;}
.detFrm .progress >div >div:first-child, .tblFrm .progress >div >div:first-child {margin-left: 2px;}
.detFrm .progress >div >div:last-child, .tblFrm .progress >div >div:last-child {margin-right: 2px;}
.tblFrm textarea {padding: 0;}

.tblFrm td {vertical-align: top; height: 100%; min-height: 1.5rem;}
.tblFrm td >div {min-height: 1.5rem;}

.tblFrmFoot button {padding: .3em;}

.frm .detFrm {padding: .2rem;}
.frm .detFrm .blk >div {padding: 1em; margin: 0;}
.frm .detFrm .tblFrm {text-align: start;}
.frm .detFrm .frmHeader >button {width: 2em;}
.frm .detFrmChk {height: 1.3em; width: 2em; min-width: 1em; max-width: 2em;}
.frm .detFrm input {height: 1.8em; padding: .25em; margin: 0;}

.frm.doc .txtClause {width: 100%; padding: 0; margin: 0;}
.frm.doc .txtUpd, .frm.doc .txtEdt, .frm.doc .txtEdt div {width: 100%;}
.frm.doc .txtEdt p {width: 100%; margin: 0;}
.frm.doc input.txtEdt {min-width: 10em;}
.frm.doc .txtFrg, .txtFrg p, .txtFrg div {width: 100%; margin: 0;}
.frm.doc .txtCmb, .txtCmb p, .txtFrg div {width: 100%;}

.frm .txt {padding: .25em;}

/* ### grid layout definitions */
.grid {grid-gap: 0; padding: 0; margin-left: auto; margin-right: auto;}
.gridBox {padding: .5em;}
.gridBox div {font-weight: 900;}
.gridBox.vert {padding: .5em; margin: 0;}
.gridFrame {padding: .5em; margin: 1rem;}
.gridFrame.gap {padding: 1em;}
.gridHead {padding: 1em;}
.gridGap {height: 10px;}
.gridGap.l {border-left: 4px solid;}
.gridGap.r {border-right: 4px solid;}
.gridItem, .gridItem.vert >div {padding: .3em;}

.gridLine.b {border-bottom: 4px solid;}
.gridLine.l {border-left: 4px solid;}
.gridLine.r {border-right: 4px solid;}
.gridLine.t {border-top: 4px solid;}

.gridOrg {padding: .5em 1em;}
.gridOrg.vert {padding: 0;}
.gridPickColor .grideItem {min-width: auto; padding: 0;}
.gridPickColor .gridBox {padding: 0; margin: 0;}
.gridPickSymbol >div {padding: 0; margin: 0;}
.gridPickSymbol >div >div {width: fit-content; height: fit-content; padding: .2em; margin: auto;}

h1 {line-height: 200%; width: 100%; padding: .5em; margin: 1em 0 .5em 0;}
h2 {line-height: 200%; width: 100%; padding: .5em; margin: 1em 0 .5em 0;}
h3 {line-height: 200%; width: 100%; padding: .5em; margin: 1em 0 .5em 0;}
h4 {line-height: 150%; width: 100%; padding: .5em; margin: .5em 0 .3em 0;}
h5 {line-height: 130%; width: 100%; padding: .5em; margin: .5em 0 .3em 0;}
h6 {line-height: 120%; width: 100%; padding: .5em; margin: .5em 0 .3em 0;}

t-1 {line-height: 200%; padding: .5em; margin: 1em 0 .5em 0;}
t-2 {line-height: 200%; padding: .5em; margin: 1em 0 .5em 0;}
t-3 {line-height: 200%; padding: .5em; margin: 1em 0 .5em 0;}
t-4 {line-height: 150%; padding: .5em; margin: .5em 0 .3em 0;}
t-5 {line-height: 130%; padding: .5em; margin: .5em 0 .3em 0;}
t-6 {line-height: 120%; padding: .5em; margin: .5em 0 .3em 0;}

.frm.print h1, .frm.print t-1 {padding-left: 0;}
.frm.print h2, .frm.print t-2 {padding-left: 0;}
.frm.print h3, .frm.print t-3 {padding-left: 0;}
.frm.print h4, .frm.print t-4 {padding-left: 0;}
.frm.print h5, .frm.print t-5 {padding-left: 0;}
.frm.print h6, .frm.print t-6 {padding-left: 0;}

.s-1 {line-height: 200%; padding: .5em; margin: 1em 0 0 0;}
.s-2 {line-height: 200%; padding: .5em; margin: 1em 0 0 0;}
.s-3 {line-height: 200%; padding: .5em; margin: 1em 0 0 0;}
.s-4 {line-height: 150%; padding: .5em; margin: .5em 0 0 0;}
.s-5 {line-height: 130%; padding: .5em; margin: .5em 0 0 0;}
.s-6 {line-height: 120%; padding: .5em; margin: .5em 0 0 0;}
.s-7 {line-height: 120%; padding: .5em; margin: .5em 0 0 0;}
.s-8 {line-height: 120%; padding: .5em; margin: .5em 0 0 0;}

ul.s-1>li {line-height: 200%; padding: .5em; margin: 0;}
ul.s-2>li {line-height: 200%; padding: .5em; margin: 0;}
ul.s-3>li {line-height: 200%; padding: .5em; margin: 0;}
ul.s-4>li {line-height: 150%; padding: .5em; margin: 0;}
ul.s-5>li {line-height: 130%; padding: .5em; margin: 0;}
ul.s-6>li {line-height: 120%; padding: .5em; margin: 0;}
ul.s-7>li {line-height: 120%; padding: .5em; margin: 0;}
ul.s-8>li {line-height: 120%; padding: .5em; margin: 0;}

ul.center>li { width: fit-content; max-width: 85%; margin-left: auto; margin-right: auto;}

header {text-align: start;}
.headerBtn {margin: 2px; padding: 2px;}
.headerTit {padding: .5em 1rem .5em 1rem;}

label {text-align: start; padding: 1px;}

.mIn div div aside {margin-bottom: .5rem;}
.mIn >.l, .mIn >.r {padding: 1rem;}

.main:not(.dmtOn) .dmw {height: 100%;}
.main.dmtOn .dmw {height: calc(100% - 2em)}
.main .dmt {height: 2em; min-height: 2em;}
.main .dmt >div {padding: 0 4px 0 4px;}
.main .dmt >div >div {padding: 1px;}
.main .dmt .dmtElm >div {margin-top: auto; margin-bottom: auto;}
.ltrDrn .main .dmt .dmtElm > div {padding-left: .5em; padding-right: .2em;}
.rtlDrn .main .dmt .dmtElm > div {padding-left: .2em; padding-right: .5em;}

.main .dmt .dmtCtl button, .main .dmt .dmtEll button, .main .dmt .dmtCts button, .main .dmt .dmtCde button
  {width: 100%; height: 100%; padding: 0 .3em; margin: auto 0;}
.main .dmt .dmtElm button {padding: 0 .3em; margin: auto 0;}
.main .dmt .dmtEll button {width: auto; padding: 0 .3em; margin: auto 0;}
.main .dmt .dmtCts button {width: auto; padding: 0 .3em; margin: auto 0;}
.main .dmt .dmtCde button {width: auto; padding: 0 .3em; margin: auto 0;}
.main .dmt .dmtElm button {width: auto; padding: 0 .3em; margin: auto 0;}

.main .sel >div >div {padding: 0 .5em;}
.main .sel .chk {margin-top: .1em; margin-bottom: 0;}
.main .cts {max-width: 21.5em; padding: .3rem;}

.nav button:not(.navBtn) {width: fit-content; padding: 2px 4px; margin: auto 2px;}
.nav button.navBtn {margin: 0 .3rem 0 0; padding: 0;}
.nav ul li ul {padding-left: 1rem;}

.nav.btnRowMargin-170 a {padding: 0;}
.nav.btnRowMargin-171 a {padding: 1px;}
.nav.btnRowMargin-172 a {padding: 2px;}
.nav.btnRowMargin-173 a {padding: 3px;}
.nav.btnRowMargin-174 a {padding: 4px;}

.nav.top {padding: .1rem .5rem;}
.nav.top >ul {padding: 0 .5rem 0 0;}
.nav.top >ul >li {padding-top: 2px; padding-bottom: 2px;}
.nav.top >ul >li >ul {border-radius: 2px; top: 1.8em; }
/*.nav.top >ul >li >ul , .nav.top >ul >li:has(a button.tglBtnOn) {min-width: 15em;}*/
.nav.top >ul >li >ul , .nav.top >ul >li.tglBtnOn {min-width: 18em;}

.nav.dce li.insElmList {list-style-type: none; margin: 0 .2em;}
.nav.dce div.insElmList {padding: 0 .5em; margin: 0; max-height: 7em;}

.nav.side .marginBottom-1 {margin-bottom: 1px;}
.nav.side .marginBottom-2 {margin-bottom: 2px;}
.nav.side .marginBottom-3 {margin-bottom: 3px;}
.nav.side .marginBottom-4 {margin-bottom: 4px;}

.ctrNav.toc .nav.side li {margin: .2em 0;}

.main .l.l1 .s.s01 {overflow-y: auto;}
.nav.dce.seg {overflow-x: auto; padding: .2rem; margin: 0;}
.nav.dce.seg button:not(.navBtn) i {padding: 0; margin: 0;}

.nav.btnChr-161:not(.btnEnd) .navBtn {max-height: 1.5em; margin: 0 .5rem 0 .5rem; padding: 0 .5rem;}
.nav.btnChr-162:not(.btnEnd) .navBtn {max-height: 1.5em; margin: 0 .4rem 0 .4rem; padding: 0 .5rem;}
.nav.btnChr-163:not(.btnEnd) .navBtn {max-height: 1.5em; margin: 0 .3rem 0 .3rem; padding: 0 .3rem;}
.nav.btnChr-164:not(.btnEnd) .navBtn {max-height: 1.5em; margin: 0 .3rem 0 .3rem; padding: 0 .3rem;}

.nav.btnEnd .navTgl {max-height: 1.5em; padding: 0 .5rem; margin-left: .5rem; margin-right: .5rem;}

p {width: 100%; padding: .3rem; margin: 0;}
pre {overflow: auto;}
pre >code{margin-left:.5em; margin-bottom: 1em;}

.sfmResizeBtn {width: .5em; margin: .2em;}
.sidebar {font-weight: 200; padding: 1rem;}

.docInf .docBaseInf,.docInf .docVerInf {padding: .5rem; margin: .5rem;}
.docInf .docBaseInf >div, .docInf .docVerInf >div {padding: .3rem; margin: .5rem;}

.ltrDrn .frm .btnGrp.start >button,
.frmFrame .doc.ltrDrn .btnGrp.start >button,
.rtlDrn .frm .btnGrp.end >button,
.frmFrame .doc.rtlDrn .btnGrp.end >button
{float: left;}
.ltrDrn .frm .btnGrp.end >button,
.frmFrame .doc.ltrDrn .btnGrp.end >button,
.rtlDrn .frm .btnGrp.start >button,
.frmFrame .doc.rtlDrn .btnGrp.start >button
{float: right;}

.frm.print .printBdyTit {margin: 1em 0;}
.frm.print p {line-height: 1.5em; padding: .3rem 0; margin: .3rem 0;}
.frm.print .printFooter >div {margin-top: 5mm;}
.frm.print .txtCmb {display: none; position: absolute; left: -32768px; top: -32768px; width: 0; height: 0;}
.frm.print div, .frm.print textarea {overflow: hidden !important;}