/** © 1995-2025 rsaccess GmbH */
.btnResize:hover {cursor: nwse-resize;}
.btnResize.horiz:hover {cursor: ew-resize;}
.btnResize.vert:hover {cursor: ns-resize;}

.fb.wrap {flex-wrap: wrap;}

.frmFrame.cde {overflow: auto; font-family: "Courier New", "Monospace", sans-serif; font-weight: 700; background: #202020; color: #c0c0c0; width: 100%; height: 100%; padding: 0; margin: 0;}
.frmFrame.cde .frm.doc {flex-wrap: nowrap; background: #202020; color: #c0c0c0;}

.frmFrame.cde {counter-reset: rowCount 0;}
.frmFrame.cde div.rowHead::before {counter-increment: rowCount; content: counter(rowCount);}

.frmFrame.cde .frmBoard {padding: 4px;}
.frmFrame.cde .cde {display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; height: 100%;}
.frmFrame.cde .cde .cdeRow {display: flex; flex-direction: row; flex-wrap: nowrap; flex: 1 1 auto; width: 100%; height: 100%; padding: 0; margin: 0;}
.frmFrame.cde .rowHead {border-right: 1px solid #c0c0c0; width: 3rem; margin: 0;}
.frmFrame.cde .rowHead-3 .rowHead { width: 3rem;}
.frmFrame.cde .rowHead-4 .rowHead { width: 4rem;}
.frmFrame.cde .rowHead-5 .rowHead { width: 5rem;}
.frmFrame.cde .frm.doc.noSpaceWrap .rowBdy {white-space: nowrap;}
.frmFrame.cde .rowBdy {width: 100%; padding-left: 4px; margin: 0;}
.frmFrame.cde .rowBdy button.tgl {background: #202020; color: yellow; border: none; width: 2em; height: 2em;}
.frmFrame.cde .rowBdy button.tgl:after {content: "\20";}
/*.frmFrame.cde .rowBdy button.tgl:after {content: "\25bc";}*/
.frmFrame.cde .rowBdy button.tgl.tglDown:after {content: "\25b2";}
.frmFrame.cde .rowBdy button.tgl.tglRight:after {content: "\25b6";}
.frmFrame.cde span.op {color: orange;}
.frmFrame.cde span.fun {color: #c0c0c0;}
.frmFrame.cde span.tab {border-left: 1px solid #a0a0a0; padding: .4em 0; margin: 0;}

.frmFrame .frm.doc.ctr >div {display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%;}

.header, .footer {display: flex; flex-direction: column;}
.header.stick {position: sticky; top: 0; z-index: 1000;}
.footer.stick {position: fixed; left: 0; bottom: 0; width: 100%;}
.header.top {overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 1100;}
.header.bottom {position: fixed; top: 0; width: 100%; z-index: 1100;}
.header .logo {display: flex; padding: 0; margin: auto 0.5em;}
.header .tit {display: flex; align-content: center; padding: 0; margin: 0;}

.headerBtn {display: flex; flex-direction: column;}
.headerBtn ul {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; list-style-type: none; padding: 0; margin: 0;}
.headerBtn ul li {display: flex; justify-content: flex-end; flex-wrap: wrap; text-decoration: none; color: black; padding: 0; margin: 0;}
.headerBtn ul li a {text-decoration: none; color: #FFFFFF;  border-color: #f0f0f0; border-width: 2px; border-style: solid;}
.headerBtn ul li a:not(.disable):hover {text-decoration: none; background-color: #eee0f0; opacity: .70; border-color: #00ff00;}
.headerBtn ul li a.active {background-color: #f0f0f0; opacity: .50;}
.headerBtn ul li a.disable {text-decoration: none; background-color: #A0A0A0; opacity: .50;}
.headerBtn ul li a button {text-decoration: none; color: #FFFFFF; background-color: #634a4a; padding: 2px; margin: 2px;}
.headerBtn ul li a button.active {background-color: #f0f0f0; opacity: .50;}
.headerBtn ul li a button:not(.active):hover {background-color: #eee0f0; opacity: .70; border-color: #00ff00;}
.headerBtn ul li a button.disable {background-color: #A0A0A0; opacity: .50;}
.headerBtn ul li a button img {border-color: #f0f0f0; border-width: 2px; border-style: solid; padding: 2px; margin: 2px;}

@media screen and (max-width: 40rem) {
  .header {justify-content: center;}
}

.nav.top, .nav.side {display: flex; flex-direction: column; flex: 1 0 auto;  width: 100%;  margin: 0;}
.nav, .nav.dce {text-decoration: none;}
.nav.dce .gridPickColor .gridItem a {padding: 0; margin: 0;}
.nav.top ul, .nav.side ul {display: flex; flex-direction: column; flex: 1 0 auto; width: 100%; margin: 0;}
.nav.top >ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; flex: 1 0 auto; width: 100%; white-space: nowrap; margin: 0;}
.nav.seg >ul {display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; padding: 0; margin: 0;}
.nav.seg >ul >li {display: flex; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; margin: 0;}
.nav.seg >ul >li >ul {display: flex; flex-direction: column; flex: 1 0 auto; margin: 0;}
.nav.seg >ul >li >ul >li {display: flex; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; padding: 1px; margin: 0;}
.nav.seg >ul >li >ul >li button {height: 2rem;}
body.navPosSide .main .l1 {position: relative;}
.nav.side {padding: 0; margin: 0;}
.nav.side >ul {padding-left: 0;}
.nav.side.btnCmd >ul >li:first-child {position: absolute;}
.nav.side.btnCmd >ul >li:nth-child(2) {padding-top: 3em;}
.nav.top:not(.dce) ul li, .nav.side:not(.dce) ul li {display: flex; flex: 0 0 auto; flex-direction: column; list-style-type: none; justify-content: start;}
.nav.dce ul li {list-style-type: none;}

.nav.top ul li i, .nav.top >ul >li >a, .nav.top >ul >li >a button, .nav.side ul li i, .nav.top >ul >li >a, .nav.top >ul >li >a button {
  margin-top: auto; margin-bottom: auto;}
.nav.top >ul >li >a {width: fit-content;}
.nav.side ul li {width: 100%;}
.nav.top ul li a, .nav.side ul li a
{display: flex; flex-direction: row; flex-wrap: nowrap; flex: 0 0 auto; text-decoration: none; white-space: normal; overflow: hidden; word-break: break-word;}
.nav.top ul li a:not(.linkTgl) button:not(.btnCmd), .nav.side ul li a:not(.linkTgl) button:not(.btnCmd) {visibility: hidden;}
.nav div.btnCmd, .nav.navBtnCmd, .nav.navBtnCmd >div {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: start; width: 100%;}
.nav.side div.btnCmd {justify-content: space-around;}
.nav.top a.btnCmd button.navBtn, .nav.side a.btnCmd button.navBtn {display: none;}
.nav.side.btnEnd ul li a, .nav.btnEnd ul li a.linkNav-2 {justify-content: space-between;}
.nav.top.btnEnd >ul >li >a {justify-content: flex-start;}
.nav.side.btnEnd >ul >li ul li a {justify-content: space-between;}
.nav.top.btnEnd ul li a button.linkTgl, .nav.side.btnEnd ul li a button.linkTgl {order: 1;}
.nav.top:not(.btnEnd) ul li a button.navTgl, .nav.side:not(.btnEnd) ul li a button.navTgl {order: -1;}

.nav.top ul li ul:not(.tglMenuOn), .nav.side ul li ul:not(.tglMenuOn) {display: none;}
.nav.top >ul >li ul.tglMenuOn, .nav.side >ul >li ul.tglMenuOn {display: flex; flex-direction: column; flex: 1 0 auto; justify-content: space-between;}
.nav.top >ul >li ul li, .nav.side >ul >li ul li {justify-content: space-between; width: 100%;}
.nav.top >ul >li {position: relative; z-index: 1000; align-items: flex-start;}
.nav.top >ul >li:has(a button.tglBtnOn) {z-index: 1200;}
.nav.top >ul >li >ul {position: absolute;}

@media screen and (max-width: 36rem) {
  .nav.top {display: block;}
  .nav.top ul, .nav.top ul li, .nav.side ul, .nav.top ul li {margin: 0;}
  .nav.top ul.grp li > a, .nav.side ul.grp li > a {margin-left: 0; margin-right: 0; border-radius: 0;}
  .nav.top ul.grp > li:first-child a, .nav.side ul.grp > li:first-child a {margin-left: 1rem; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem;}
  .nav.top ul.grp > li:last-child a, .nav.side ul.grp > li:last-child a {margin-right: 1rem; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem;}
}

.nav.top ul li >ul, .nav.side ul li >ul {display: none; flex: 1 0 auto;}
.nav.top ul li ul li:not(.fb), .nav.side ul li ul li:not(.fb) {display: flex; flex: 1 0 auto; flex-direction: column; border-style: none;}
.nav.top ul li ul li ul:not(.tglMenuOn) {display: none; flex: 1 0 auto;}
.nav .navTgl {content: "";}
.nav.btnChr-161 .navTgl:after {content: "\25bc";}
.nav.btnChr-161 .navTgl.tglBtnOn:after {content: "\25b2";}
.nav.btnChr-162 .navTgl:after {content: "\25bd";}
.nav.btnChr-162 .navTgl.tglBtnOn:after {content: "\25b3";}
.nav.btnChr-163 .navTgl:after {content: "\2228";}
.nav.btnChr-163 .navTgl.tglBtnOn:after {content: "\2227";}
.nav.btnChr-164 .navTgl:after {content: "+";}
.nav.btnChr-164 .navTgl.tglBtnOn:after {content: "–";}

.ctrNav.toc {display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; height: 100%; padding: 0; margin: 0;}
.ctrNav.toc .search {display: flex; flex: 1 1 auto; flex-direction: row; flex-wrap: nowrap; max-height: 2.5em; justify-content: space-between; padding: 2px; margin: auto 2px;}
.ctrNav.toc .search >input {padding: 2px; margin: auto 0;}
.ctrNav.toc .search >button {margin: auto 0;}
.ctrNav.toc .search >button.btnClr {font-weight: 500; font-size: 120%; padding: 0 .3em;}
.ctrNav.toc .search >button.btnSearch {font-weight: 500; font-size: 120%; padding: 0 .1em;}
.ctrNav.toc ul.navLvl-1 {padding: 0;}

.wrapper:not(.hide) {display: flex; flex: 0 0 auto; flex-direction: column; overflow: hidden;
  width: 100vw; max-width: 100vw; min-width: 100vw; height: 100vh; max-height: 100vh; min-height: 100vh;
  position: relative; padding: 0; margin: 0;}
.hA, .hB, .uY, .uZ {display: flex; flex: 0 0 auto; flex-direction: column; width: 100%; padding: 0; margin: 0;}
.scrollArea {display: flex; flex: 0 1 auto; flex-direction: column; overflow-y: hidden; width: 100%; height: 100%;}
.main {display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: nowrap; width: 100%; height: 100%; padding: 0; margin: 0;}
.main >div {display: flex; flex: 0 1 auto; flex-direction: column; width: 100%; height: 100%; padding: 0; margin: 0;}
.main .l .doc, .main .r .doc {display: flex; flex: 0 1 auto; flex-direction: column; overflow: auto; padding: 0; margin: 0;}
.main .mIn >div {display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: nowrap; padding: 0; margin: 0;}
.main .mIn .wnd {display: flex; flex: 0 1 auto; flex-direction: column; width: 100%; height: 100%; padding: 0; margin:0;}
.main .mIn .cts {overflow: auto;}
.main .mIn .dmt {display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: 100%; margin: 0;}
.main .mIn .dmt >div {display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: nowrap; white-space: nowrap;}
.main .mIn .dmtTxt {cursor: default;}
.main .mIn .dmw {display: flex; flex: 0 1 auto; flex-direction: column; width: 100%; padding: 0; margin: 0;}
.main .mIn .dmw >div {display: flex; flex: 0 1 auto; flex-direction: row; width: 100%; height: 100%; padding: 0; margin: 0;}
.main .mIn .dmw >div >div {display: flex; flex: 0 1 auto; flex-direction: column; width: 100%; height: 100%; padding: 0; margin: 0;}

@media screen and (max-width: 36rem) {
  article {padding: .3rem;}
  div.frmFrame {padding: 0; margin: 0;}
  div.frmBoard {border: none; padding: 0; margin: 0;}
  div blockquote {padding: 0.25rem; margin: 0.25rem; margin-block: 0.25rem;}

  .fb.row:not(.noWrap, .nonWrap) {flex-direction: column; flex-wrap: unset;}
  .fb.row.noWrap {flex-wrap: wrap;}
  .fb.row img {width: calc(100% - .5rem);}
  .fb.row .img.vert img {max-width: 16rem;margin-left: 25vw;}
  .fb.row .img .txt {padding: 1rem; margin: .5rem;}
  .fb.row .txt {padding: 1rem; margin: .5rem}
  .fb.cln figure {padding: 0; margin-top: 1rem;}

  div img {margin-left: auto; margin-right: auto;}
  div.img {margin-left: auto; margin-right: 0;}
  div.img.logo2 {margin-left: auto; margin-right: 0;}
  div.logoTit {margin-left: auto; margin-right: auto;}

  h1, t-1, .s-1 {padding: .25em; margin: .3em 0 0 0;}
  h2, t-2, .s-2 {padding: .25em; margin: .3em 0 0 0;}
  h3, t-3, .s-3 {padding: .25em; margin: .3em 0 0 0;}
  h4, t-4, .s-4 {padding: .25em; margin: .3em 0 0 0;}
  h5, t-5, .s-5 {padding: .25em; margin: .2em 0 0 0;}
  h6, t-6, .s-6 {padding: .25em; margin: .2em 0 0 0;}
  t-7, .s-7 {padding: .25em; margin: .2em 0 0 0;}
  t-8, .s-8 {padding: .25em; margin: .2em 0 0 0;}

  .main >div, .main .cts, .main .htm {width: 100%;}
  .main .cts {width: 100%;}
}

.fb.row, .fb.row.ltr {display: flex; flex-direction: row; flex: 1 1 auto; margin: 0;}
.fb.row.rtl {flex-direction: row-reverse;}
.fb.row.noWrap, .fb.row.nonWrap {flex-direction: row; flex-wrap: nowrap; overflow-x: auto;}
.fb.cln {display: flex; flex: 1 1 auto; flex-direction: column; flex-wrap: nowrap; margin: 0;}

@media screen and (max-width: 48rem) {
  article {padding: .3rem;}
  div.frmFrame {padding: 0; margin: 0;}
  div blockquote {padding: 0.25rem; margin: 0.25rem; margin-block: 0.25rem;}
  div.frmBoard {border: none; padding: 0; margin: 0;}

  div img {margin-left: auto; margin-right: auto;}
  div.img {margin-left: auto; margin-right: auto;}

  .fb.row.noWrap {flex-wrap: wrap;}

  h1, t-1, .s-1 {padding: .3em; margin: .5em 0 0 0;}
  h2, t-2, .s-2 {padding: .3em; margin: .5em 0 0 0;}
  h3, t-3, .s-3 {padding: .3em; margin: .5em 0 0 0;}
  h4, t-4, .s-4 {padding: .3em; margin: .5em 0 0 0;}
  h5, t-5, .s-5 {padding: .3em; margin: .3em 0 0 0;}
  h6, t-6, .s-6 {padding: .3em; margin: .3em 0 0 0;}
  t-7, .s-7 {padding: .3em; margin: .3em 0 0 0;}
  t-8, .s-8 {padding: .3em; margin: .3em 0 0 0;}

  .mIn >div >div {padding: 0;}
  .nav.top {padding: 0 0 1em 0;}
  .nav.side {padding: .1rem;}
}

@media screen and (min-width: 48rem) {
  .fb.cln {display: flex; flex-direction: column; flex: 0 1 auto;}
  .fb.clnz {display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden;}
  .fb.flex {display: flex !important;}
  .fb.card, .fb.clnz {display: flex; flex-direction: row; flex-wrap: wrap; flex: 0 1 auto;}
  .fb.card >article, .fb.card >form {display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden;}
  .fb.card >article img {width: 100%;}
  .fb.card >article img.vert {width: 25%; padding: 1rem;}
  .fb.col {display: flex; flex-direction: column; flex: 1 1 auto;}
  .fb.col >article,
  .fb.col >form {display: flex; flex-direction: row; flex: 0 1 auto; max-width: 120rem;}
  .fb.col.txtLeft >article figure {order: 1;}
  .fb.col >article figure, .fb.col >form figure {padding: 1em;}
  .fb.col >article >div, .fb.col >form >div {display: flex; flex-direction: column; flex: 1 1 150%;}
}

@media screen and (min-width: 48rem) and (max-width: 56rem) {
  div.frmBoard {padding: 0;}
  div blockquote {padding: 0.25rem; margin: 1rem;}

  div img {margin-left: auto; margin-right: auto;}
  div.img {margin-left: auto; margin-right: auto;}
  div.img.logo2 {margin-left: auto;}

  div p {padding: 0.25rem; margin: 0;}

  .fb {padding-right: 0.25rem; padding-left: 0.25rem; margin: 0.25rem;}
  .fb.row.noWrap {flex-wrap: wrap;}
}

@media screen and (min-width: 70rem) {
  .fb.col2.card >article, .fb.col3.card >article, .fb.col4.card >article,
  .fb.col5.card >article {width: calc(50% - 1 * (1rem + 1rem)); max-width: calc(50% - 1 * (1rem + 1rem));}
  .fb.col2.card >article img, .fb.col3.card >article img, .fb.col4.card >article img, .fb.col5.card >article img {width: 100%;}
}

@media screen and (min-width: 105rem) {
  .fb.col3.card >article, .fb.col4.card >article, .fb.col5.card >article {width: calc(33.33% - (1 * 1rem + 1rem)); max-width: calc(33.33% - (1 * 1rem + 1rem));}
  .fb.col3.card >article img, .fb.col4.card >article img, .fb.col5.card >article img {width: 100%;}
}

@media screen and (min-width: 140rem) {
  .fb.col4.card >article, .fb.col5.card >article {width: calc(25% - 1 * (1rem + 1rem)); max-width: calc(25% - 1 * (1rem + 1rem));}
  .fb.col4.card >article img, .fb.col5.card >article img {width: 100%;}
}

@media screen and (min-width: 175rem) {
  .fb.col5.card >article {width: calc(20% - 1 * (1rem + 1rem)); max-width: calc(20% - 1 * (1rem + 1rem));}
  .fb.col5.card >article img {width: 100%;}
}

.fb.alignItems.baseline {align-items: baseline;}
.fb.alignItems.center {align-items: center;}
.fb.alignItems.end {align-items: flex-end;}
.fb.alignItems.start {align-items: flex-start;}
.fb.alignItems.stretch {align-items: stretch;}

.fb.alignSelf.auto {align-self: auto;}
.fb.alignSelf.baseline {align-self: baseline;}
.fb.alignSelf.center {align-self: center;}
.fb.alignSelf.end {align-self: flex-end;}
.fb.alignSelf.start {align-self: flex-start;}
.fb.alignSelf.stretch {align-self: stretch;}

.fb.justify.center {justify-content: center;}
.fb.justify.end {justify-content: flex-end;}
.fb.justify.start {justify-content: flex-start;}
.fb.justify.around {justify-content: space-around;}
.fb.justify.between {justify-content: space-between;}
.fb.justify.evenly {justify-content: space-evenly;}

.fb.grow.on {flex-grow: 1;}
.fb.grow.off {flex-grow: 0;}
.fb.shrink.on {flex-shrink: 1;}
.fb.shrink.off {flex-shrink: 0;}

.fb.pad-0 {padding: 0;}

.frmFrame {display: flex; flex: 0 1 auto; flex-direction: column; width: 100%; height: 100%; margin: 0;}
.frmBoard {display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; overflow: auto; width: 100%; margin: 0;}

.frm {display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin: 0;}
.frm.grow {flex: 1 1 auto;}
.frm .htm {display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; overflow: auto; resize: none;}
.frm .frmBlk, .frm .frmBlk.ltr {display: flex; flex-direction: row; flex-wrap: wrap;}
.frm .frmBlk.rtl {flex-direction: row-reverse;}
.frm .chkLst {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.frm .chkLst li {display: flex; flex-direction: row; flex-wrap: nowrap; list-style: none;}
.frm .color {max-width: 3em;}
.frm .btnGrp, .frm .btnGrp >div {display: flex; flex-direction: row; flex-wrap: wrap;}
.frm button {cursor: pointer;}
.frm .col >div {display: flex; flex-direction: column; width: 100%;}
.frm .detFrm {display: flex; flex: 1 1 auto; flex-direction: column; overflow: auto; margin: 0;}
.frm input {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.frm input[type="checkbox"] {flex-grow: 0;}
.frm input[type="range"] {-webkit-appearance: none; appearance: none; width: 100%; outline: none; margin-top: auto; margin-bottom: auto; cursor: pointer;}
.frm input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; cursor: pointer;}
.frm input[type="range"]::-webkit-slider-thumb {cursor: pointer;}
.frm input[type="range"]::-moz-range-thumb {cursor: pointer;}

.frm .frmHeader {display: flex; flex: 0 0 auto; justify-content: space-between; margin: 0;}
.frm .frmHeader >div, .frm .frmHeader >div >div {display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0; margin: 0;}
.frm .frmHeader >div >h1 {background: none;}
.frm .rows {display: flex; flex: 1 1 auto; flex-direction: column; flex-wrap: unset;}
.frm .rows >div {display: flex; flex-direction: column; width: 100%;}
.frm .rows.wrap >div {flex-direction: row; flex-wrap: wrap;}
.frm .rows.noWrap >div {flex-direction: row; flex-wrap: nowrap;}
.frm .rows.wrap >div >label:first-child {width: 100%; margin-bottom: .2em;}
.frm .slider {margin: .5em;}
.frm textarea {width: 100%; height: 100%;}
.frm .vSpace {height: 1em;}

.frm .rows.wrap.lbl-1 >div >label, .frm .rows.noWrap.lbl-1 >div >label {min-width: 1rem; max-width: 1rem;}
.frm .rows.wrap.lbl-2 >div >label, .frm .rows.noWrap.lbl-2 >div >label {min-width: 2rem; max-width: 2rem;}
.frm .rows.wrap.lbl-3 >div >label, .frm .rows.noWrap.lbl-3 >div >label {min-width: 3rem; max-width: 3rem;}
.frm .rows.wrap.lbl-4 >div >label, .frm .rows.noWrap.lbl-4 >div >label {min-width: 4rem; max-width: 4rem;}
.frm .rows.wrap.lbl-5 >div >label, .frm .rows.noWrap.lbl-5 >div >label {min-width: 5rem; max-width: 5rem;}
.frm .rows.wrap.lbl-6 >div >label, .frm .rows.noWrap.lbl-6 >div >label {min-width: 6rem; max-width: 6rem;}
.frm .rows.wrap.lbl-7 >div >label, .frm .rows.noWrap.lbl-7 >div >label {min-width: 7rem; max-width: 7rem;}
.frm .rows.wrap.lbl-8 >div >label, .frm .rows.noWrap.lbl-8 >div >label {min-width: 8rem; max-width: 8rem;}
.frm .rows.wrap.lbl-9 >div >label, .frm .rows.noWrap.lbl-9 >div >label {min-width: 9rem; max-width: 9rem;}
.frm .rows.wrap.lbl-10 >div >label, .frm .rows.noWrap.lbl-10 >div >label {min-width: 10rem; max-width: 10rem;}
.frm .rows.wrap.lbl-11 >div >label, .frm .rows.noWrap.lbl-11 >div >label {min-width: 11rem; max-width: 11rem;}
.frm .rows.wrap.lbl-12 >div >label, .frm .rows.noWrap.lbl-12 >div >label {min-width: 12rem; max-width: 12rem;}
.frm .rows.wrap.lbl-13 >div >label, .frm .rows.noWrap.lbl-13 >div >label {min-width: 13rem; max-width: 13rem;}
.frm .rows.wrap.lbl-14 >div >label, .frm .rows.noWrap.lbl-14 >div >label {min-width: 14rem; max-width: 14rem;}
.frm .rows.wrap.lbl-15 >div >label, .frm .rows.noWrap.lbl-15 >div >label {min-width: 15rem; max-width: 15rem;}
.frm .rows.wrap.lbl-16 >div >label, .frm .rows.noWrap.lbl-16 >div >label {min-width: 16rem; max-width: 16rem;}
.frm .rows.wrap.lbl-17 >div >label, .frm .rows.noWrap.lbl-17 >div >label {min-width: 17rem; max-width: 17rem;}
.frm .rows.wrap.lbl-18 >div >label, .frm .rows.noWrap.lbl-18 >div >label {min-width: 18rem; max-width: 18rem;}
.frm .rows.wrap.lbl-19 >div >label, .frm .rows.noWrap.lbl-19 >div >label {min-width: 19rem; max-width: 19rem;}
.frm .rows.wrap.lbl-20 >div >label, .frm .rows.noWrap.lbl-20 >div >label {min-width: 20rem; max-width: 20rem;}
.frm .rows.wrap.lbl-21 >div >label, .frm .rows.noWrap.lbl-21 >div >label {min-width: 21rem; max-width: 21rem;}
.frm .rows.wrap.lbl-22 >div >label, .frm .rows.noWrap.lbl-22 >div >label {min-width: 22rem; max-width: 22rem;}
.frm .rows.wrap.lbl-23 >div >label, .frm .rows.noWrap.lbl-23 >div >label {min-width: 23rem; max-width: 23rem;}
.frm .rows.wrap.lbl-24 >div >label, .frm .rows.noWrap.lbl-24 >div >label {min-width: 24rem; max-width: 24rem;}
.frm .rows.wrap.lbl-25 >div >label, .frm .rows.noWrap.lbl-25 >div >label {min-width: 25rem; max-width: 25rem;}
.frm .rows.wrap.lbl-26 >div >label, .frm .rows.noWrap.lbl-26 >div >label {min-width: 26rem; max-width: 26rem;}
.frm .rows.wrap.lbl-27 >div >label, .frm .rows.noWrap.lbl-27 >div >label {min-width: 27rem; max-width: 27rem;}
.frm .rows.wrap.lbl-28 >div >label, .frm .rows.noWrap.lbl-28 >div >label {min-width: 28rem; max-width: 28rem;}
.frm .rows.wrap.lbl-29 >div >label, .frm .rows.noWrap.lbl-29 >div >label {min-width: 29rem; max-width: 29rem;}
.frm .rows.wrap.lbl-30 >div >label, .frm .rows.noWrap.lbl-30 >div >label {min-width: 30rem; max-width: 30rem;}
.frm .rows.wrap.lbl-31 >div >label, .frm .rows.noWrap.lbl-31 >div >label {min-width: 31rem; max-width: 31rem;}
.frm .rows.wrap.lbl-32 >div >label, .frm .rows.noWrap.lbl-32 >div >label {min-width: 32rem; max-width: 32rem;}
.frm .rows.wrap.lbl-33 >div >label, .frm .rows.noWrap.lbl-33 >div >label {min-width: 33rem; max-width: 33rem;}
.frm .rows.wrap.lbl-34 >div >label, .frm .rows.noWrap.lbl-34 >div >label {min-width: 34rem; max-width: 34rem;}
.frm .rows.wrap.lbl-35 >div >label, .frm .rows.noWrap.lbl-35 >div >label {min-width: 35rem; max-width: 35rem;}
.frm .rows.wrap.lbl-36 >div >label, .frm .rows.noWrap.lbl-36 >div >label {min-width: 36rem; max-width: 36rem;}
.frm .rows.wrap.lbl-37 >div >label, .frm .rows.noWrap.lbl-37 >div >label {min-width: 37rem; max-width: 37rem;}
.frm .rows.wrap.lbl-38 >div >label, .frm .rows.noWrap.lbl-38 >div >label {min-width: 38rem; max-width: 38rem;}
.frm .rows.wrap.lbl-39 >div >label, .frm .rows.noWrap.lbl-39 >div >label {min-width: 39rem; max-width: 39rem;}
.frm .rows.wrap.lbl-40 >div >label, .frm .rows.noWrap.lbl-40 >div >label {min-width: 40rem; max-width: 40rem;}
.frm .rows.wrap.lbl-41 >div >label, .frm .rows.noWrap.lbl-41 >div >label {min-width: 41rem; max-width: 41rem;}
.frm .rows.wrap.lbl-42 >div >label, .frm .rows.noWrap.lbl-42 >div >label {min-width: 42rem; max-width: 42rem;}
.frm .rows.wrap.lbl-43 >div >label, .frm .rows.noWrap.lbl-43 >div >label {min-width: 43rem; max-width: 43rem;}
.frm .rows.wrap.lbl-44 >div >label, .frm .rows.noWrap.lbl-44 >div >label {min-width: 44rem; max-width: 44rem;}
.frm .rows.wrap.lbl-45 >div >label, .frm .rows.noWrap.lbl-45 >div >label {min-width: 45rem; max-width: 45rem;}
.frm .rows.wrap.lbl-46 >div >label, .frm .rows.noWrap.lbl-46 >div >label {min-width: 46rem; max-width: 46rem;}
.frm .rows.wrap.lbl-47 >div >label, .frm .rows.noWrap.lbl-47 >div >label {min-width: 47rem; max-width: 47rem;}
.frm .rows.wrap.lbl-48 >div >label, .frm .rows.noWrap.lbl-48 >div >label {min-width: 48rem; max-width: 48rem;}
.frm .rows.wrap.lbl-49 >div >label, .frm .rows.noWrap.lbl-49 >div >label {min-width: 49rem; max-width: 49rem;}
.frm .rows.wrap.lbl-50 >div >label, .frm .rows.noWrap.lbl-50 >div >label {min-width: 50rem; max-width: 50rem;}
.frm .rows.wrap.lbl-55 >div >label, .frm .rows.noWrap.lbl-55 >div >label {min-width: 55rem; max-width: 55rem;}
.frm .rows.wrap.lbl-60 >div >label, .frm .rows.noWrap.lbl-60 >div >label {min-width: 60rem; max-width: 60rem;}
.frm .rows.wrap.lbl-65 >div >label, .frm .rows.noWrap.lbl-65 >div >label {min-width: 65rem; max-width: 65rem;}
.frm .rows.wrap.lbl-70 >div >label, .frm .rows.noWrap.lbl-70 >div >label {min-width: 70rem; max-width: 70rem;}
.frm .rows.wrap.lbl-75 >div >label, .frm .rows.noWrap.lbl-75 >div >label {min-width: 75rem; max-width: 75rem;}
.frm .rows.wrap.lbl-80 >div >label, .frm .rows.noWrap.lbl-80 >div >label {min-width: 80rem; max-width: 80rem;}
.frm .rows.wrap.lbl-85 >div >label, .frm .rows.noWrap.lbl-85 >div >label {min-width: 85rem; max-width: 85rem;}
.frm .rows.wrap.lbl-90 >div >label, .frm .rows.noWrap.lbl-90 >div >label {min-width: 90rem; max-width: 90rem;}
.frm .rows.wrap.lbl-95 >div >label, .frm .rows.noWrap.lbl-95 >div >label {min-width: 95rem; max-width: 95rem;}
.frm .rows.wrap.lbl-100 >div >label, .frm .rows.noWrap.lbl-100 >div >label {min-width: 100rem; max-width: 100rem;}

@media screen and (min-width: 50rem) {
  .frm.widthMaxM {width: 100%; max-width: 50rem; margin-left: auto; margin-right: auto;}
  .frm.widthMaxN {width: 100%; max-width: 70rem; margin-left: auto; margin-right: auto;}
  .frm.widthMaxL {width: 100%; max-width: 105rem; margin-left: auto; margin-right: auto;}
  .frm.widthMaxXl {width: 100%; max-width: 140rem; margin-left: auto; margin-right: auto;}
  .frm.widthMaxXxl {width: 100%; max-width: 175rem; margin-left: auto; margin-right: auto;}
}

.tblFrm input[type='color'] {width: 100%; height: 100%;}

.tblFrm .progress.trip >div >div:nth-child(3n+1),
.tblFrm .progress.trip >div >div:nth-child(3n+3) {background: #ff5e00;}
.tblFrm .progress.trip >div >div:nth-child(3n+2) {background: #c4ff00;}
.tblFrm .progress.trip >div >div:nth-child(6n+1),
.tblFrm .progress.trip >div >div:nth-child(6n+2),
.tblFrm .progress.trip >div >div:nth-child(6n+3) {top: .2em;}
.tblFrm .progress.trip >div >div:nth-child(6n+4),
.tblFrm .progress.trip >div >div:nth-child(6n+5),
.tblFrm .progress.trip >div >div:nth-child(6n+6) {top: 1em;}

.tblFrm .rng >div {margin-top: auto; margin-bottom: auto;}

.tblFrm {display: flex; flex: 0 1 auto; flex-direction: column; overflow: auto; width: 100%; margin: 0;}
.tblFrm.noFrame {border: none; outline-style: none; outline-width: 0; padding: 0;}
.tblFrm.noBorder .tblFrmBdy, .tblFrm.noBorder .tblFrmHeader, .tblFrm.noBorder .tblFrmHead >div, .tblFrm.noBorder .tblFrmRow >div
{border-style: none; border-width: 0; outline-style: none; outline-width: 0;}
.tblFrm.noBorder table {border-collapse: collapse !important; border: none !important; outline: none !important;}
.tblFrm.noBorder table tr, .tblFrm.noBorder table th, .tblFrm.noBorder table td {display: flex; border:none !important; outline: none !important;}

/*.tblFrm .tblFrmHeader{display: flex; flex: 0 0 auto; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; user-select: none;}*/
/*.tblFrm .tblFrmHeader .tblFrmHeaderTit, .tblFrm .tblFrmHeader .tblFrmHeaderTxt {overflow: hidden; margin: auto 0;}*/
/*.tblFrm .tblFrmHeader .tblFrmHeaderTxt.tbl {padding: .5em;}*/
/*.tblFrm .tblFrmHeader .tblFrmHeaderBtn {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end;}*/
/*.tblFrm .tblFrmHead, .tblFrm .tblFrmSel, .tblFrm .tblFrmRow, .tblFrm .tblFrmFoot {display: flex; flex: 0 1 auto;flex-wrap: nowrap; flex-direction: row;}*/
.tblFrm .frmHeader{display: flex; flex: 0 0 auto; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; user-select: none;}
.tblFrm .frmHeader .tblFrmHeaderTit, .tblFrm .tblFrmHeader .tblFrmHeaderTxt {overflow: hidden; margin: auto 0;}
.tblFrm .frmHeader .tblFrmHeaderTxt.tbl {padding: .5em;}
.tblFrm .frmHeader .tblFrmHeaderBtn {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end;}
.tblFrm .frmHead, .tblFrm .tblFrmSel, .tblFrm .tblFrmRow, .tblFrm .tblFrmFoot {display: flex; flex: 0 1 auto;flex-wrap: nowrap; flex-direction: row;}

.tblFrm .tblFrmFoot input[type="range"] {width: 100%;}

/*.tblFrm .tblFrmBdyHead {position: sticky; top: 0; z-index: 100; width: 100%;}*/
.tblFrm .tblFrmBdy .tblHead {position: sticky; top: 0; z-index: 100; width: 100%;}

.tblFrm .tblFrmBdyRow {display: flex; flex-direction: column; z-index: 0;}
.tblFrm .tblFrmHead, .tblFrm .tblFrmRow, .tblFrm .tblFrmSel
{display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: nowrap; z-index: 100; opacity: 1; width: 100%; padding: 0; margin: 0;}
.tblFrm .tblFrmHead >div, .tblFrm .tblFrmHead >div >div, .tblFrm .tblFrmSel >div, .tblFrm .tblFrmSel >div >div, .tblFrm .tblFrmRow >div, .tblFrm .tblFrmRow >div >div
{display: flex; flex: 1 1 auto; flex-direction: row; flex-wrap: nowrap; overflow: auto; width: 100%;}
.tblFrm .tblFrmBdy {overflow: auto; scroll-behavior: initial;}
/*.tblFrm .tblFrmRow >div >div {display: block; overflow: auto;}*/
.tblFrm .tblHead .headColLbl:hover {cursor: col-resize;}
.tblFrm input[type="number"] {align-self: start; text-align: right; height: 100%; max-height: 2em; margin-left: auto;}
.tblFrm input[type="text"] {align-self: start; text-align: left; width: 100%; height: 100%; max-height: 2em;}
.tblFrm select {width: 100%; height: 100%; max-height: 2em; margin-bottom: auto;}
.tblFrm .tblFrmRow .progress:not(.trip) >div {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.tblFrm .progress.trip {position: relative;}
.tblFrm .progress.trip >div >div {position: absolute; overflow: hidden; margin-top: 0 !important; margin-bottom: 0 !important;}


/* ### markdown tables */
.tblFrm .tblFrmRow {flex-grow: 1;}
.tblFrm .tblFrmHead .progress div div {border-radius: 4px;}
.tblFrm .tblFrmRow .div h1, .tblFrm .tblFrmRow .div h2, .tblFrm .tblFrmRow .div h3,
.tblFrm .tblFrmRow .div h4, .tblFrm .tblFrmRow .div h5, .tblFrm .tblFrmRow .div h6 {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
.tblFrm .tblFrmRow .div p {margin: 0; padding-top: 0; padding-bottom: 0;}
.tblFrm .tblFrmRow >div >div input[type='date'],
.tblFrm .tblFrmRow >div >div input[type='range'] {border-width: 0; overflow: initial !important;}
.tblFrm .tblFrmRow button {overflow: hidden;}
.tblFrm .tblFrmRow .div {display: block; overflow: auto; width: 100%; height: 100%;}
.tblFrm .tblFrmBdy {display: flex; flex: 0 1 auto; flex-direction: column; flex-wrap: nowrap; height: 100%; margin: 0;}
.tblFrm .tblFrmRow textarea {resize: none; width: 100%; height: 100%;}
.tblFrm .tblFrmRow >div >div input {overflow: hidden; white-space: initial;}
.tblFrm .tblFrmHead >div, .tblFrm .tblFrmHead >div >textarea {user-select: none;}

.tblFrm .tblFrmRow >div, .tblFrm .tblFrmRow >div >button, .tblFrm .tblFrmRow >div >div, .tblFrm .tblFrmRow >div >input, .tblFrm .tblFrmRow >div >textarea,
.tblFrm .tblFrmSel >div, .tblFrm .tblFrmSel >div >button, .tblFrm .tblFrmSel >div >div, .tblFrm .tblFrmSel >div >input, .tblFrm .tblFrmSel >div >textarea
{opacity: .99;}
.tblFrm.stripe .tblFrmRow:nth-child(2n) >div, .tblFrm.stripe .tblFrmRow:nth-child(2n) >div >button, .tblFrm.stripe .tblFrmRow:nth-child(2n) >div >div,
.tblFrm.stripe .tblFrmRow:nth-child(2n) >div >input, .tblFrm.stripe .tblFrmRow:nth-child(2n) >div >textarea
{opacity: .93;}
.tblFrm .tblFrmRow:hover >div, .tblFrm .tblFrmRow:hover >div >button, .tblFrm .tblFrmRow:hover >div >div, .tblFrm .tblFrmRow:hover >div >input,
.tblFrm .tblFrmRow:hover >div >textarea
{opacity: .80 !important;}
.tblFrm .tblFrmRow.active >div, .tblFrm .tblFrmRow.active >div >button, .tblFrm .tblFrmRow.active >div >div, .tblFrm .tblFrmRow.active >div >input,
.tblFrm .tblFrmRow.active >div >textarea
{opacity: .75;}
.tblFrm >div.tblFrmVertResize, .tblFrm >div.tblFrmVertResize >div {padding: 0; margin: 0;}
.tblFrm .tblFrmVertResize textarea {resize: vertical;}
.tblFrm .tblFrmRow .rng {width: 100%;}
.tblFrm .tblFrmRow .rng >div {display: flex; align-items: center;}
.tblFrm .tblFrmRow .redThumb::-moz-range-thumb {background: red !important;}
.tblFrm .tblFrmRow .redThumb::-webkit-slider-thumb {background: red !important;}
.tblFrm .tblFrmRow .greenThumb::-moz-range-thumb {background: green !important;}
.tblFrm .tblFrmRow .greenThumb::-webkit-slider-thumb {background: green !important;}
.tblFrm .progress >div {padding-left: 0 !important; padding-right: 0 !important;}

.tblFrm .hide {display: none;}
.tblFrm .mainTbl.fixHead >thead {position: sticky; top: 0; z-index: 100; opacity: 1;}
.tblFrm .mainTbl.fixHead >tbody >tr, .tblFrm .mainTbl.fixHead >tbody >tr >td {z-index: -100;}
.tblFrm.hideSel .tblSel {display: none;}

.tblFrm .tblSel table.selChk {margin-left: auto; margin-right: auto;}

.tblFrm td, .tblFrm td:hover {user-select: none; cursor: default;}
.tblFrm .tblColHead:hover {cursor: ew-resize;}

.tblFrm.maxHeight-1 tr td div {max-height: 1rem;}
.tblFrm.maxHeight-2 tr td div {max-height: 2rem;}
.tblFrm.maxHeight-3 tr td div {max-height: 3rem;}
.tblFrm.maxHeight-4 tr td div {max-height: 4rem;}
.tblFrm.maxHeight-5 tr td div {max-height: 5rem;}
.tblFrm.maxHeight-6 tr td div {max-height: 6rem;}
.tblFrm.maxHeight-7 tr td div {max-height: 7rem;}
.tblFrm.maxHeight-8 tr td div {max-height: 8rem;}
.tblFrm.maxHeight-9 tr td div {max-height: 9rem;}
.tblFrm.maxHeight-10 tr td div {max-height: 10rem;}
.tblFrm.maxHeight-11 tr td div {max-height: 11rem;}
.tblFrm.maxHeight-12 tr td div {max-height: 12rem;}
.tblFrm.maxHeight-13 tr td div {max-height: 13rem;}
.tblFrm.maxHeight-14 tr td div {max-height: 14rem;}
.tblFrm.maxHeight-15 tr td div {max-height: 15rem;}
.tblFrm.maxHeight-16 tr td div {max-height: 16rem;}
.tblFrm.maxHeight-17 tr td div {max-height: 17rem;}
.tblFrm.maxHeight-18 tr td div {max-height: 18rem;}
.tblFrm.maxHeight-19 tr td div {max-height: 19rem;}
.tblFrm.maxHeight-20 tr td div {max-height: 20rem;}

.gridFrame {display: flex; flex-direction: column; margin: 0; width: 100%;}
.grid {display: grid; grid-template-columns: auto; grid-template-rows: auto; width: 100%; overflow: auto; margin-top: 0; margin-bottom: 0;}
.grid.noBorder {border-width: 0;}
.grid.noFrame, .grid.noBorder {border-style: none; border-width: 0; margin: 0;}
.gridHead {position: sticky; top: 0; z-index: 100; width: 100%; height: 100%; margin: 0;}
.gridOrg {display: flex; margin: 0;}
.gridOrg.center {justify-content: center;}
.gridPickColor, .gridPickSymbol {display: grid; cursor: pointer;}
.gridOrg.vert {display: flex; transform: scale(-1); writing-mode: vertical-rl; margin: 0;}
.gridOrg.vert div {margin: auto; text-align: center;}
.gridBox {display: flex; margin: 0;}
.gridBox div, .grid.org div {margin: auto; text-align: center; overflow-wrap: normal;}
.gridBox.vert {text-align: start; transform: scale(-1); writing-mode: vertical-rl;}
.gridGap {padding: 0; margin: 0;}
.gridItem {display: flex; overflow-wrap: anywhere; min-width: 2em; margin: 0;}
.gridItem a {width: 100%;}
.gridItem.vert {transform: scale(-1); writing-mode: vertical-rl; padding: 0; margin: 0;}
.gridLine {display: grid; min-width: 10px; width: 100%; height: 100%; padding: 0; margin: 0;}
.gridLine svg {display: grid; width: 100%; height: 100%;}

.docInf textarea {resize: vertical;}
.docInf .docBaseInf, .docInf .docVerInf {display: flex; flex: 0 0 auto; flex-direction: column; min-width: 34rem;}
.docInf .docBaseInf >div, .docInf .docVerInf >div {display: flex; flex: 0 0 auto; flex-direction: column;}

.frm.print.a4p {width: 210mm; min-width: 210mm; max-width: 210mm; height: 297mm; min-height: 297mm; max-height: 297mm; padding: 0; margin: 0;}

.frm.print .gridFrame {width: 100%; height: 100%; padding: 0; margin: 0;}
.frm.print .gridFrame >div.grid {width: 100%; height: 100%;}
.frm.print .printBdyHead, .frm.print .printBdyFoot {display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; padding: 0; margin: 0;}

.frm.print .printBdyHead >div, .frm.print .printBdyFoot >div {display: flex; flex-direction: column; flex: 0 1 auto; flex-wrap: nowrap; padding: 0; margin: 0;}
.frm.print .printBdyHead .headBdy, .frm.print .printBdyFoot .footBdy {display: flex; flex-direction: column; padding: 0; margin: 0;}
.frm.print .tblFrm, .frm.print .tblFrmBdy {height: initial;}
.frm.print .printHide {display: none !important;}

.printShow {display: none;}
.frm.print .printShow {display: initial;}
/*#pagePrint .frmFrame.print.portrait {padding: 0; margin: 0;}*/

/*#pagePrint .frmFrame.print .frmBoard {overflow: visible; width: 100%; height: 100%; padding: 0; margin: 0; }*/

/*@page { size: a4 portrait; margin: 0; }*/
@page { margin: 0 !important; }

@media print {
  .pbbAlways {page-break-before: always;}
  .pbaAlways {page-break-after: always;}
  .pbiAvoid {page-break-inside: avoid;}
  .baAvoid {break-after: avoid;}
  .bbAvoid {break-before: avoid;}
  .biAvoid {break-inside: avoid;}
  /*.printHeader, .printHeaderSpace {position: fixed; top: 0; height: 3em;}*/
  /*.printFooter, .printFooterSpace {position: fixed; bottom: 0; height: 3em;}*/
}
/*
https://stackoverflow.com/questions/13154147/how-to-set-safari-print-margins-via-css-to-print-borderless
*/