/** (c) rsaccess GmbH */
html, body {background: #000000; color: #ffffff;}

a {background: inherit; color: #a0a0ff;}
a.linkRef button {background: #303030; color: #ffffff;}

blockquote {border-left: 4px solid #707070;}
blockquote, blockquote p {background: #303030; color: #f8f8f0;}
.breadcrumb {background-color: #f8f8f0; ; color: #303030;}

.btnCmd button {background: #101010; color: #f6f6f6; border: 1px solid #c0c0c0;}

button {font-weight: 400;}

div.frm.doc.ctr:not(.hFold) button.btnFold {display: none;}
div.frm.doc.ctr.hFold button.btnFold {font-size: inherit; background: inherit; color: inherit;}
div.frm.doc.ctr.hFold button.btnFold.tgl::before {content: "▽";}
div.frm.doc.ctr.hFold button.btnFold:not(.tgl)::before {content: "△";}

.gallery {background: #c0c0c0;}

.frm, .frm input, .frm textarea {background: #000000; color: #f8f8f0; font-weight: 200;}
.frmDet, .frmDet input, .frmDet textarea {border: 1px solid #f8f8f0;}
.frm img {background: #c0c0c0; color: #ffffff; }
.frm .tblFrm {background: #000000; color: #ffffff; border: 2px solid #f8f8f0; border-spacing: unset;}
.frm .detFrm {background: #000000; color: #ffffff; border: 2px solid #f8f8f0;}
.frm .rows, .frm.col {padding: .5rem 1rem .5rem 1rem;}

.frm button {background: #101010; color: #f6f6f6; border: 1px solid #c0c0c0;}
.frm button.disable {background: #505050; color: #ffffff; border: 1px solid #ffffff; font-style: italic;}
.frm button.active {background: #606060; color: #ffffff; font-weight: bold; border: 1px solid #ffffff;}
.frm button:not(.disable):hover {background: #707070; color: #ffffff;}

.frm .frmBlk {border: 2px solid #404040;}
.frm .frmBlk form.ctr {border: 2px solid #404040;}
.frm .frmBlk form.ctr >div >label, .frm .frmBlk form.ctr .fb.col >div >label {font-style: italic; font-weight: 900;}
.frm .frmBlk form.ctr .fb.col {width: 100%; padding: 0; margin: 0;}

.frm .frmHeader {background: #203080; color: #f8f8f0; border: 1px solid #f8f8f0; outline: 1px solid #f8f8f0;}
.frm .frmHeaderTit {text-align: start; background: #203080; color: #f8f8f8;}
.frm .frmHeaderTxt {background: #203080; color: #f8f8f8;}

.frm .frmFoot {background: #404040; color: #f8f8f0; border: 1px solid #f8f8f0;}

.frm .txt {width: 100%; overflow: auto; border: 1px solid #f8f8f0;}

.frm .tit, .frm .tit label {font-weight: 900;}

.frm.doc .input.chk:not(.disable) input[type='checkbox'] {background-color: #000000; color: #000000; padding: .1rem .2rem;}
.frm.doc .input.chk.disable input[type='checkbox'] {background-color: #303030; color: #303030; padding: .1rem .2rem}
.frm.doc .input.chk input[type='checkbox']::before {content: "✓"; font-weight: 900;}
/*.frm.doc .input.chk input[type='checkbox']::before {content: "X"; font-weight: 900;}*/
.frm.doc .input.chk input[type='checkbox']:checked {color: #f8f8f0;}

.tblFrm .tblRow.active td >input[type='checkbox'] {background: #303030;}

.tblFrm input {border: none;}
.tblFrm input[type='checkbox'] {border: 1px solid #707070;}
.detFrm input {border: 1px solid #707070;}

.tblFrm .tblFrmHead >div, .tblFrmHead >div >textarea {background: #000000; color: #ffffff;}
.tblFrm .lstFrHead .tblFrmVertResize >div {background: #404040; opacity: .98;}
.tblFrm .tblFrmSel >div, .tblFrmSel div textarea, .tblFrmSel div input {background: #404040;}
.tblFrm .tblFrmFoot {outline: 1px solid #f8f8f0; margin: 3px 2px;}

.tblFrm .tblFrmHead >div {font-weight: 400;}
.tblFrm .tblFrmHead .tblFrmVertResize textarea, .tblFrm .tblFrmRow .tblFrmVertResize textarea {background: #303030; color: #f8f8f0;}
.tblFrm .tblFrmSel .tblFrmVertResize textarea {background: #404040;}
.tblFrm .tblFrmHead >div, .tblFrm .tblFrmSel >div, .tblFrm .tblFrmRow >div  {outline: 1px solid #f8f8f0;}
.tblFrm .tblFrmHead .tblFrmHeaderBtn button {background: #404040; color: #f8f8f0; border: 1px solid #404040; }

.tblFrm .mainTbl {background: #303030; color: #f8f8f0; font-weight: 200; border-spacing: unset;}
.tblFrm .headCol >div, .tblFrm .selCol >div, .tblFrm td.rowCol >div {overflow: hidden; text-overflow: ellipsis;}

.tblFrm .headRow, .tblFrm .headRow input {background: #303030; color: #f8f8f0;}
.tblFrm .selRow, .tblFrm .selRow input {background: #303030; color: #ffffff;}

.tblFrm .mainTbl .headCol {font-weight: 400; border: 1px solid #707070;}
.tblFrm .mainTbl .headCol.disable {font-style: italic;}
.tblFrm .mainTbl .selCol {font-weight: 400; border: 1px solid #707070;}
.tblFrm .mainTbl .selCol {border-bottom: 4px solid #707070;}
.tblFrm.hideSel .mainTbl .headCol {border-bottom: 4px solid #707070;}
/*table.tblFrm {border-collapse: collapse;}*/

.tblFrm .tblFrmBdy {background: #303030; color: #f8f8f0; border: 1px solid #f8f8f0; outline: 1px solid #f8f8f0;}
.tblFrm .tblRow {background: #303030; color: #f8f8f0;}
.tblFrm .tblRow td {background: #000000; color: #f8f8f0; border: 1px solid #707070;}
.tblFrm.stripe .tblRow.odd,.tblFrm.stripe .tblRow.odd td, .tblFrm.stripe .tblRow.odd td >div, .tblFrm.stripe .tblRow.odd td >input {background: #101010;}
.tblFrm .tblRow td.disable {font-style: italic;}

.tblFrm:not(.noBorder) td.rng input:focus {outline: 2px solid #4040a0;}
.tblFrm .tblRow:hover:not(.active) td, .tblFrm .tblRow:hover:not(.active) td >div, .tblFrm .tblRow:hover:not(.active) td >input {background: #303030;}
.tblFrm:not(.noBorder) .tblRow.active:not(.disable) td {border-top: 2px solid #4040a0; border-bottom: 2px solid #4040a0;}
.tblFrm:not(.noBorder) .tblRow.active.disable td {border-top: 2px solid #d03030; border-bottom: 2px solid #d03030;}
.tblFrm .tblRow.active td, .tblFrm .tblRow.active td >div, .tblFrm .tblRow.active td >input {background: #404040;}

.tblFrm:not(.noBorder):not(.md):not(.noDivBorder) .tblCol:not(.disable) >div {border: 1px solid #707070;}

.detFrm.disable >div.frm, .detFrm.disable .frmBlk.ctr >form {border-color: #d03030;}
.detFrm .frm .ctr.rows >div >div {min-height: 1.7rem;}
.detFrm input[type="range"], .tblFrm input[type="range"] {background: #404040;}
.detFrm input[type="range"]::-moz-range-thumb, .tblFrm input[type="range"]::-moz-range-thumb {background: #ffffff;}
.detFrm input[type="range"]::-webkit-slider-thumb, .tblFrm input[type="range"]::-webkit-slider-thumb {background: #ffffff;}

.detFrm .progress >div >div:first-child, .tblFrm .progress >div >div:first-child {background: #404040; opacity: .7; color: #202020; border: 1px solid #101010; height: 1.3em; margin-left: 2px;}
.detFrm .progress >div >div:last-child, .tblFrm .progress >div >div:last-child {background: #f0f0f0; opacity: .7; color: #202020; border: 1px solid #101010; height: 1.3em; margin-right: 2px;}

.detFrm .frm div.disable label.detColLbl {font-weight: normal; font-style: italic;}
.detFrm .frm div.disable .detColChd, .detFrm div.disable >input {border-color: #404040; font-style: italic;}

.footer {background: #303030;}
.footer a {color: #a0a0ff;}
.footer .navSocial li a,
.footer nav ul li a:link,
.footer nav ul li a:visited {background: #404040;}
.footer nav ul li a:hover {background: #707070;}

.uY div, .uZ div {background: #404040;}
.uZ div.z4 {background: #303030; color: #f8f8f0;}

.grid:not(.noBorder) {background: #000000; color: #ffffff; outline: 2px solid #303030;}
.grid svg line {stroke-width: 2px; stroke: #ffffff; fill: #ffffff;}
.gridBox, .gridBox.vert {background: #303030; color: #f8f8f0; text-align: center; stroke: #ffffff; stroke-width: 1px;}
.gridFrame {background: #303030; color: #f8f8f0; border: 2px solid #404040;}
.gridFrame.gap {background: #000000; color: #ffffff; border: 1px solid #f8f8f0;}
.gridHead, .gridHead2 {background: #303030; color: #f8f8f0; border: 1px solid #f8f8f0; border-bottom: 2px solid #f8f8f0;}
.gridHead {font-weight: 900;}
.gridItem {background: #303030; color: #f8f8f0; border: 1px solid #f8f8f0;}
.gridItem.vert {background: #303030; color: #f8f8f0; border: none;}
.gridHead.blk, .gridHead2.blk, .gridItem.blk {border-left: 2px solid #f8f8f0; border-right: 2px solid #f8f8f0;}
.gridItem.vert.blk {border-left: 2px solid #404040;}
.gridGap.b, .gridGap.l, .gridGap.r, .gridGap.t {border-color: #ffffff;}
.gridLine.b, .gridLine.l, .gridLine.r, .gridLine.t {border-color: #ffffff;}
.gridLine svg text {color: #ffffff; fill: #404040;}
.gridOrg {text-align: center; background: #303030; color: #f8f8f0; border: 2px solid #ffffff;}
.gridOrg.vert {text-align: center; background: #303030; color: #f8f8f0;; border: 2px solid #ffffff; padding: 1em;}
.gridPickColor {background: #404040; border: 2px solid #404040;}
.gridPickSymbol {background: #404040; border: 2px solid #404040; grid-gap: 1px;}
.gridPickSymbol.awesome {grid-template-columns: repeat(8, 24px); grid-template-rows: repeat(6, 24px); max-height: 10em; overflow-y: auto;}
.gridPickSymbol.font {grid-template-columns: repeat(8, 24px); grid-template-rows: repeat(8, 24px); max-height: 10em; overflow-y: auto;}
.gridPickSymbol >div {background: #303030; color: #f8f8f0;}

.grid polygon {fill: #404040; stroke: #f8f8f0;}
.grid marker {fill: #f8f8f0;}
.grid marker polygon {fill: #f8f8f0;}
.grid svg text {background: #303030; color: #f8f8f0; stroke: #f8f8f0; stroke-width: 1px;}

h1 {font-weight: 900; background: #3040a0; color: #f8f8f0; }
h2 {font-weight: 900; background: #3040a0; color: #f8f8f0; }
h3 {font-weight: 900; background: #202020; color: #f8f8f0; }
h4 {font-weight: 900; background: #202020; color: #f8f8f0; }
h5 {font-weight: 400; background: #202020; color: #f8f8f0; }
h6 {font-weight: 200; background: #202020; color: #f8f8f0; }

t-1 {font-weight: 900; background: #202020; color: #f8f8f0; }
t-2 {font-weight: 900; background: #202020; color: #f8f8f0; }
t-3 {font-weight: 900; background: #202020; color: #f8f8f0; }
t-4 {font-weight: 900; background: #202020; color: #f8f8f0; }
t-5 {font-weight: 400; background: #202020; color: #f8f8f0; }
t-6 {font-weight: 200; background: #202020; color: #f8f8f0; }
t-6 {font-weight: 400; font-style: italic; background: #202020; color: #f8f8f0;}

h1.logo, h1.logoTit, t-1.logo {background: #203080; color: #f8f8f8;;}

.s-1, .s-2, .s-3, .s-4 {font-weight: 900;}
.s-5 {font-weight: 400;}
.s-6, .s-7, .s-8 {font-weight: 200;}

header {background: #ffffff; color: #000000;}
.headerBtn {background: #404040; border: 2px solid #404040;}
.headerLbl {background: #000000; color: #ffffff;}
.headerTit {background: #404040; font-weight: 900; border: 2px solid #404040;}
.headerTxt {background: #404040;}

.img.logo2, .img.logo2 img {background: inherit}

.main {background: #000000; color: #ffffff;}

.main .dmt {background: #404040; border: 2px solid #f8f8f0;}
.main .dmt >div {border: 1px solid #707070;}
.main .dmt div.dmtCde {border-right: 1px solid #f8f8f0;}
.main .dmt .dmtElm:not(.focus, .active), .main .dmt .dmtElm:not(.focus, .active) >div {background: #404040;}
.main .dmt .dmtElm.focus, .main .dmt .dmtElm.active, .main .dmt .dmtElm.focus >div, .main .dmt .dmtElm.active >div {background: #303030; color: #f8f8f0;}
.main .dmt .dmtElm:hover, .main .dmt .dmtElm:hover >div {background: #303030;}

.main .dmt button.dmtCtl, .main .dmt button.dmtEll, .main .dmt button.dmtCts, .main .dmt button.dmtCde {border: none; background: #303030; color: #f8f8f0;}
.main .dmt .dmtCtl, .main .dmt .dmtEll, .main .dmt .dmtCts, .main .dmt .dmtCde {background: #303030; color: #f8f8f0;}
.main .dmt button.dmtTab {background: #303030; color: #f8f8f0;}

.mIn >.l, .mIn >.r {background: #303030; color: #f8f8f0;}
.mIn .wnd {border: 2px solid #404040;}
.mIn .wnd.active {border: 2px solid #707070;}
.mIn .cts {background: #303030;}

.nav .navHead {background: #404040; font-weight: 900;}
.nav.btnBorder-180 .navBtn {border: none;}
.nav.btnBorder-181 .navBtn {background: #101010; color: #f6f6f6; border: 1px solid #c0c0c0;}
.nav.btnBorder-182 .navBtn {background: #101010; color: #f6f6f6; border: 1px solid #c0c0c0; border-width: 2px;}

.nav a {background: #000000; color: #f8f8f0; opacity: 1;}
.nav, .nav ul, .nav li {background: #000000; color: #ffffff;}
.nav.top .root >ul {border: 2px solid #404040;}
.nav.top >ul >li ul {opacity: .98;}

.nav.dce.seg >li {border: 1px solid #ffffff;}
.nav.dce.seg >li.insElmList {border: 1px solid #ffffff;}
.nav.dce.seg >ul {border: 1px solid #707070; padding: 4px 2px; width: fit-content; height: 100%; overflow-y: auto;}

.nav button:not(.navBtn) {background: #000000; color: #ffffff; border: 1px solid #f8f8f0;}

.nav.dce li.insElmList {border: 1px solid #ffffff;}
.nav .dceBtn.wndSel:not(.active) {background: #404040;}
.nav .dceBtn.wndSel.active, .nav .dceBtn.wndSel:hover {background: #303030; color: #f8f8f0; border: 1px solid #f8f8f0;}

.nav a:not(.disable, .btnCmd):hover {background: #707070; color: #ffffff;}
.nav a.active {background: #606060; color: #ffffff; font-weight: bold;}
.nav a.disable {background: #505050; color: #ffffff; font-style: italic;}
.nav button:hover {background: #707070; color: #ffffff;}

.nav a.active button, .nav a button.active {background: #606060; color: #ffffff; font-weight: bold; border: 1px solid #ffffff;}
.navHte button.active {background: #606060; color: #ffffff; font-weight: bold; border: 1px solid #ffffff;}
.nav .btnCmd.active button {background: #606060; color: #ffffff; font-weight: bold; border: 1px solid #ffffff;}

.nav button.disable {background: #505050; color: #ffffff; border: 1px solid #ffffff; font-style: italic;}

p {background: #303030; color: #f8f8f0;}
pre, .pre {background: #f8f0d0; color: #000000;}
.ul {background: #303030; color: #f8f8f0;}

.remark {background: #303030; border: 2px solid #303030; border-radius: .5rem;}
.remark p {background: #303030; border: 1px solid #303030; border-radius: .5rem;}

.rng {background: #404040;}

.docInf .docBaseInf,.docInf .docVerInf {background: #303030; color: #f8f8f0; border: 2px solid #404040; padding: .5rem; margin: .5rem;}
.docInf textarea, .docInf input {background: #303030; color: #f8f8f0;}

.frm.doc .txtEdt, .frm.doc .txtEdt p, .frm.doc .txtEdt div, .frm.doc input.txtEdt {color: #4caf50; border: 1px solid #4caf50;}
.frm.doc input.txtEdt {color: #4caf50; outline: 1px solid #4caf50;}
.frm.doc .txtFrg, .txtFrg p, .txtFrg div {color: #f44336}
.frm.doc .txtCmb, .txtCmb p, .txtFrg div {color: #2196f3}

input.plhGreen::placeholder {opacity: 1; color: green;}
input.plhRed::placeholder {opacity: 1; color: red;}

@media screen {
  /* text folding: hiding next div element */
  .hideDiv {background: orange;}
  .frm.print {border: 1px solid black;}
}

@media screen and (max-width: 36rem) {
  .linkNav-1, .linkNav-2, .nav.top ul li {background-color: #000000; color: #707070; }
}

.frm.print {background: #ffffff; border: 1px solid black; hyphens: none;}
.frm.print button.btnFold {display: none;}

.frm.print p,
.frm.print h1, .frm.print h2, .frm.print h3, .frm.print h4, .frm.print h5, .frm.print h6,
.frm.print t-1, .frm.print t-2, .frm.print t-3, .frm.print t-4, .frm.print t-5, .frm.print t-6, .frm.print t-7, .frm.print t-8,
.frm.print .tblFrm .tblRow, .frm.print .gridFrame
{background: #ffffff; color: #000000;}

.frm.print .tblFrm .headRow, .tblFrm .headRow input {background: #f8f8f8; color: #202020;}
.frm.print .tblFrm .selRow, .frmPrint .tblFrm .selRow input {background: #f8f8f8; color: #000000;}
.frm.print .tblFrm .tblRow td {background: #ffffff; color: #000000; border: 1px solid #707070;}
.frm.print .tblFrm .tblRow:hover:not(.active) td, .frm.print .tblFrm .tblRow:hover:not(.active) td >div, .frm.print .tblFrm .tblRow:hover:not(.active) td >input {background: #f0f0f0;}

.frm.print .gridFrame, .frm.print .printHeader, .frm.print .adrHeader, .frm.print .adrBdy,
.frm.print .txtEdt, .frm.print .txtEdt p, .frm.print .txtEdt div, .frm.print input.txtEdt,
.frm.print input.txtEdt
{background: #ffffff; color: #000000; border: none; outline: none;}

.frm.print .frm.doc, .frm.print .detFrm, .frm.print .tblFrmBdy
{background: #ffffff; border: none; outline: none; padding: 0;}

.frm.print .printBdyTit {font-weight: 900;}
.frm.print .printBdyHead .headTit, .frm.print .printTopTit {font-weight: 900;}
.frm.print .printBdyHead .headBdy {font-weight: 200;}

@media print {
  .frm.print {border: none;}
}