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

a {background: inherit; color: #a0a0ff;}
a.lnkRef 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%; border: 1px solid #f8f8f0;}

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

.frm.doc .inp.chk:not(.disable) input[type='checkbox'] {background-color: #000000; color: #000000; padding: .1rem .2rem;}
.frm.doc .inp.chk.disable input[type='checkbox'] {background-color: #303030; color: #303030; padding: .1rem .2rem}
.frm.doc .inp.chk input[type='checkbox']::before {content: "✓"; font-weight: 900;}
/*.frm.doc .inp.chk input[type='checkbox']::before {content: "X"; font-weight: 900;}*/
.frm.doc .inp.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;}

.grd:not(.noBorder) {background: #000000; color: #ffffff; outline: 2px solid #303030;}
.grd svg line {stroke-width: 2px; stroke: #ffffff; fill: #ffffff;}
.grdBox, .grdBox.vert {background: #303030; color: #f8f8f0; text-align: center; stroke: #ffffff; stroke-width: 1px;}
.grdFrame {background: #303030; color: #f8f8f0; border: 2px solid #404040;}
.grdFrame.gap {background: #000000; color: #ffffff; border: 1px solid #f8f8f0;}
.grdHead, .grdHead2 {background: #303030; color: #f8f8f0; border: 1px solid #f8f8f0; border-bottom: 2px solid #f8f8f0;}
.grdHead {font-weight: 900;}
.grdItm {background: #303030; color: #f8f8f0; border: 1px solid #f8f8f0;}
.grdItm.vert {background: #303030; color: #f8f8f0; border: none;}
.grdHead.blk, .grdHead2.blk, .grdItm.blk {border-left: 2px solid #f8f8f0; border-right: 2px solid #f8f8f0;}
.grdItm.vert.blk {border-left: 2px solid #404040;}
.grdGap.b, .grdGap.l, .grdGap.r, .grdGap.t {border-color: #ffffff;}
.grdLine.b, .grdLine.l, .grdLine.r, .grdLine.t {border-color: #ffffff;}
.grdLine svg text {color: #ffffff; fill: #404040;}
.grdOrg {text-align: center; background: #303030; color: #f8f8f0; border: 2px solid #ffffff;}
.grdOrg.vert {text-align: center; background: #303030; color: #f8f8f0;; border: 2px solid #ffffff; padding: 1em;}
.grdPickColor {background: #404040; border: 2px solid #404040;}
.grdPickSymbol {background: #404040; border: 2px solid #404040; grid-gap: 1px;}
.grdPickSymbol.awesome {grid-template-columns: repeat(8, 24px); grid-template-rows: repeat(6, 24px); max-height: 10em; overflow-y: auto;}
.grdPickSymbol.font {grid-template-columns: repeat(8, 24px); grid-template-rows: repeat(8, 24px); max-height: 10em; overflow-y: auto;}
.grdPickSymbol >div {background: #303030; color: #f8f8f0;}

.grd polygon {fill: #404040; stroke: #f8f8f0;}
.grd marker {fill: #f8f8f0;}
.grd marker polygon {fill: #f8f8f0;}
.grd 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 {border: 1px solid #707070;}

.nav button:not(.navBtn) {background: #000000; color: #ffffff; border: 1px solid #f8f8f0;}
.nav .dceBtn.wndSel:not(.active) {background: #404040; border: 1px solid #f8f8f0;}
.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.prt {border: 1px solid black;}
}

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

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

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

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

.frm.prt .grdFrame, .frm.prt .prtHeader, .frm.prt .adrHeader, .frm.prt .adrBdy,
.frm.prt .txtEdt, .frm.prt .txtEdt p, .frm.prt .txtEdt div, .frm.prt input.txtEdt,
.frm.prt input.txtEdt
{background: #ffffff; color: #000000; border: none; outline: none;}

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

.frm.prt .prtBdyTit {font-weight: 900;}
.frm.prt .prtBdyHead .headTit, .frm.prt .prtTopTit {font-weight: 900;}
.frm.prt .prtBdyHead .headBdy {font-weight: 200;}

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