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

a {color: #a0a0ff; background: inherit;}
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;}

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

button {font-weight: 400;}

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

.gallery {background: #c0c0c0;}

.form, .form input, .form textarea {background: #000000; color: #f8f8f0; font-weight: 200;}
.formDet, .formDet input, .formDet textarea {border: 1px solid #f8f8f0;}
.form img {background: #c0c0c0; color: #ffffff; }
.form .tableForm {background: #000000; color: #ffffff; border: 2px solid #f8f8f0; border-spacing: unset;}
.form .detailForm {background: #000000; color: #ffffff; border: 2px solid #f8f8f0;}
.form .row, .form.column {padding: .5rem 1rem .5rem 1rem;}

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

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

.form .formHeader {background: #203080; color: #f8f8f0; border: 1px solid #f8f8f0; outline: 1px solid #f8f8f0;}
.form .formHeaderTitle {text-align: start; background: #203080; color: #f8f8f8;}
.form .formHeaderText {background: #203080; color: #f8f8f8;}

.form .formFoot {background: #404040; color: #f8f8f0; border: 1px solid #f8f8f0;}

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

.form .title, .form .title label {font-weight: 900;}

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

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

.tableForm input {border: none;}
.form.doc .input.check input[type='checkbox'] {border: 1px solid #707070;}
.detailForm input {border: 1px solid #707070;}

.tableForm .tableFormHead >div, .tableFormHead >div >textarea {background: #000000; color: #ffffff;}
.tableForm .listFrHead .tableFormVerticalResize >div {background: #404040; opacity: .98;}
.tableForm .tableFormSel >div, .tableFormSel div textarea, .tableFormSel div input {background: #404040;}
.tableForm .tableFormFoot {outline: 1px solid #f8f8f0; margin: 3px 2px;}

.tableForm .tableFormHead >div {font-weight: 400;}
.tableForm .tableFormHead .tableFormVerticalResize textarea, .tableForm .tableFormRow .tableFormVerticalResize textarea {background: #303030; color: #f8f8f0;}
.tableForm .tableFormSel .tableFormVerticalResize textarea {background: #404040;}
.tableForm .tableFormHead >div, .tableForm .tableFormSel >div, .tableForm .tableFormRow >div  {outline: 1px solid #f8f8f0;}
.tableForm .tableFormHead .tableFormHeaderBtn button {background: #404040; color: #f8f8f0; border: 1px solid #404040; }

.tableForm .mainTable {background: #303030; color: #f8f8f0; font-weight: 200; border-spacing: unset;}
.tableForm .headColumn >div, .tableForm .selectColumn >div, .tableForm td.rowColumn >div {overflow: hidden; text-overflow: ellipsis;}

.tableForm .headRow, .tableForm .headRow input {background: #303030; color: #f8f8f0;}
.tableForm .selectRow, .tableForm .selectRow input {background: #303030; color: #ffffff;}

.tableForm .mainTable .headColumn {font-weight: 400; border: 1px solid #707070;}
.tableForm .mainTable .headColumn.disabled {font-style: italic;}
.tableForm .mainTable .selectColumn {font-weight: 400; border: 1px solid #707070;}
.tableForm .mainTable .selectColumn {border-bottom: 4px solid #707070;}
.tableForm.hiddenSelect .mainTable .headColumn {border-bottom: 4px solid #707070;}
/*table.tableForm {border-collapse: collapse;}*/

.tableForm .tableFormBody {background: #303030; color: #f8f8f0; border: 1px solid #f8f8f0; outline: 1px solid #f8f8f0;}
.tableForm .tableRow {background: #303030; color: #f8f8f0;}
.tableForm .tableRow td {background: #000000; color: #f8f8f0; border: 1px solid #707070;}
.tableForm.stripe .tableRow.odd,.tableForm.stripe .tableRow.odd td, .tableForm.stripe .tableRow.odd td >div, .tableForm.stripe .tableRow.odd td >input {background: #101010;}
.tableForm .tableRow td.disabled {font-style: italic;}

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

.tableForm:not(.noBorder):not(.md):not(.noDivBorder) .tableColumn:not(.disabled) >div {border: 1px solid #707070;}

.detForm.disabled >div.form, .detForm.disabled .formBlock.ctr >form {border-color: #d03030;}
.detForm .form .ctr.row >div >div {min-height: 1.7rem;}
.detForm input[type="range"], .tableForm input[type="range"] {background: #404040;}
.detForm input[type="range"]::-moz-range-thumb, .tableForm input[type="range"]::-moz-range-thumb {background: #ffffff;}
.detForm input[type="range"]::-webkit-slider-thumb, .tableForm input[type="range"]::-webkit-slider-thumb {background: #ffffff;}

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

.detForm .form div.disabled label.detColumnLabel {font-weight: normal; font-style: italic;}
.detForm .form div.disabled .detColumnChild, .detForm div.disabled >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.vertical {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.vertical {background: #303030; color: #f8f8f0; border: none;}
.gridHead.block, .gridHead2.block, .gridItem.block {border-left: 2px solid #f8f8f0; border-right: 2px solid #f8f8f0;}
.gridItem.vertical.block {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.vertical {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;}

/* spreadsheet theming ***************************************************** */
.gridWkb .gridItem {border: 1px solid gray;}

/* spreadsheet headings */
.gridWkb .gridItem.sticky,
.gridWkb .gridItem.sticky-1,
.gridWkb .gridItem.sticky-left,
.gridWkb .gridItem.sticky-top,
.gridWkb .gridItem.sticky-top-left {color: #ffffff; background: #000000;}

/* spreadsheet frozen panes */
.gridWkb .gridItem.sticky-left-1,
.gridWkb .gridItem.sticky-top-1,
.gridWkb .gridItem.sticky-top-left-1 {color: #d0d0d0; background: #202020; font-weight: 900;}

/* spreadsheet default cells */
.gridWkb .gridItem {color: #f8f8f8; background: #202020;}
.gridWkb .gridItem.label {Error: 'wksLabel'}
.gridWkb .gridItem.locked {Error: 'wksLocked'}
.gridWkb .s-1, .gridWkb .s-2, .gridWkb .s-3, .gridWkb .s-4 {color: #325b93; background: inherit;}

/* spreadsheet questionnaire */
.gridWkb.quest .gridItem:read-write {color: #202020; background: #fbe74d;}
.gridWkb.quest .gridItem.request:not(.true, .false) {color: #202020; background: #ffff54;;}
.gridWkb.quest .gridItem.request.true {color: #202020; background: #fbe74d;;}
.gridWkb.quest .gridItem.request.false {color: #202020; background: #f6c9cf;;}


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.logoTitle, 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;}
.headerLabel {background: #000000; color: #ffffff;}
.headerTitle {background: #404040; font-weight: 900; border: 2px solid #404040;}
.headerText {background: #404040;}

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

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

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

.main .bar button.textCtl, .main .bar button.barEllipsis, .main .bar button.barCts, .main .bar button.barCode {border: none; background: #303030; color: #f8f8f0;}
.main .bar .barCtl, .main .bar .barEllipsis, .main .bar .barCts, .main .bar .barCode {background: #303030; color: #f8f8f0;}
.main .bar button.barTab {background: #303030; color: #f8f8f0;}

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

.nav .navHead {background: #404040; font-weight: 900;}
.nav.bntChar-165 {background: #303030; color: #f8f8f0; var(--transition-fast)}
.nav.btnBorder-180 .btnNav {border: none; background: #303030; color: #f8f8f0; }
.nav.btnBorder-181 .btnNav {background: #101010; color: #f6f6f6; border: 1px solid #c0c0c0; border-width: 1px;}
.nav.btnBorder-182 .btnNav {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.edit.seg >li {border: 1px solid #ffffff;}
.nav.edit.seg >li.insertElementList {border: 1px solid #ffffff;}
.nav.edit.seg >ul {border: 1px solid #707070; padding: 4px 2px; width: 100%; height: 100%; overflow-y: auto;}

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

.nav.edit li.insertElementList {border: 1px solid #ffffff;}
.nav .btnEdit.winSelect:not(.active) {background: #404040;}
.nav .btnEdit.winSelect.active, .nav .btnEdit.winSelect {background: #303030; color: #f8f8f0; border: 1px solid #f8f8f0;}
.nav .btnEdit.winSelect:hover {background: #303030; color: #f8f8f0;}

.nav a:not(.disabled, .btnCommand):hover {background: #707070; color: #ffffff;}
.nav a.active {background: #606060; color: #ffffff; font-weight: bold;}
.nav a.disabled {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;}
#navEdit button.active, #navEditSide button.active {background: #606060; color: #ffffff; font-weight: bold; border: 1px solid #ffffff;}
#navEdit button.btnEdit.winSelect.active, #navEditSide button.btnEdit.winSelect.active {background: #303030; color: #f8f8f0; font-weight: bold; border: 1px solid #f8f8f0;}
.nav .btnCommand.active button {background: #606060; color: #ffffff; font-weight: bold; border: 1px solid #ffffff;}

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

p {background: #303030; color: #f8f8f0;}
pre, .pre {color: #000000; background: #f8f0d0;}
.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;}

.range {background: #404040;}

.docInfo .docBaseInfo,.docInfo .docVersionInfo {background: #303030; color: #f8f8f0; border: 2px solid #404040; padding: .5rem; margin: .5rem;}
.docInfo textarea, .docInfo input {background: #303030; color: #f8f8f0;}

.form.doc .textEdit, .form.doc .textEdit p, .form.doc .textEdit div, .form.doc input.textEdit {color: #4caf50; border: 1px solid #4caf50;}
.form.doc input.textEdit {color: #4caf50; outline: 1px solid #4caf50;}
.form.doc .textHint, .textHint p, .textHint div {color: #f44336}
.form.doc .textCommentBlock, .textCommentBlock p, .textHint div {color: #2196f3}

input.placeholderGreen::placeholder {opacity: 1; color: green;}
input.placeholderRed::placeholder {opacity: 1; color: red;}

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

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

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

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

.form.print .tableForm:not(.noBorder) {border: 2px solid #303030;}

.form.print .tableForm .headRow, .tableForm .headRow input {background: #f8f8f8; color: #202020;}
.form.print .tableForm .selectRow, .formPrint .tableForm .selectRow input {background: #f8f8f8; color: #000000;}
.form.print .tableForm .tableRow td {background: #ffffff; color: #000000; border: 1px solid #707070;}
.form.print .tableForm.stripe .tableRow.even, .form.print .tableForm.stripe .tableRow.even td, .form.print .tableForm.stripe .tableRow.even td div, .form.print .tableForm.stripe .tableRow.even td >input {background: #ffffff;}
.form.print .tableForm.stripe .tableRow.odd, .form.print .tableForm.stripe .tableRow.odd td, .form.print .tableForm.stripe .tableRow.odd td div, .form.print .tableForm.stripe .tableRow.odd td >input {background: #f8f8f8;}

.form.print .tableForm .tableRow:hover:not(.active) td, .form.print .tableForm .tableRow:hover:not(.active) td >div, .form.print .tableForm .tableRow:hover:not(.active) td >input {background: #f0f0f0;}

.form.print .gridFrame, .form.print .printHeader, .form.print .adrHeader, .form.print .adrBody,
.form.print .textEdit, .form.print .textEdit p, .form.print .textEdit div, .form.print input.textEdit,
.form.print input.textEdit
{background: #ffffff; color: #000000; border: none; outline: none;}

.form.print .form.doc, .form.print .detForm, .form.print .tableFormBody
{background: #ffffff; border: none; outline: none; padding: 0;}

.form.print .printBodyTitle {font-weight: 900;}
.form.print .printBodyHead .headTitle, .form.print .printTopTitle {font-weight: 900;}
.form.print .printBodyHead .headBody {font-weight: 200;}

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