body {
    font-family: Poppins, arial, sans-serif !important;
    font-size: 14px !important;
    color: #000 !important;
}

@page {
    size: A4;
}

@media print {
    body {
    }
    #report {
    }
    a[href]:after {
        content: none !important;
    }
    .fullwidth {
        margin-left: 15mm;
        margin-right: 15mm;
    }
}
@media screen {
    body {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .js body {
        margin: 0;
        padding: 0;
    }
    #report {
        width: 100%;
    }
    .fullwidth {
        margin: 0 auto !important;
    }
}

.fullwidth {
    width: 18cm;
}
@media screen and (max-width: 768px) {
    body {
        font-size: 12px !important;
    }
}

#report {
}

.itemspacer {
}

.reportheader {
    border: 1px;
    border-style: solid;
    background: whitesmoke;
    width: 18cm;
}
.reportheader td {
    padding: 4px 4px;
}
.reportpar {
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 1px;
    left: 0px !important;
}
.reportval {
    white-space: nowrap;
}

.reportlist {
    font-size: 14px;
}
td ul.reportlist {
    padding-left: 20px;
}
.reporttable {
    font-size: 14px;
    margin: 0;
    max-width: 18cm;
    width: 100%;
    padding: 0px;
    page-break-inside: avoid;
}

.tablenoborder {
    border: 0px;
}
.token {
    font-size: small;
    color: grey;
}
.testtable {
    font-size: 14px;
    margin: 0;
    width: 100%;
    padding: 0;
    page-break-inside: avoid;
}

.testtable td {
    border: 1px solid #dddddd;
}

.testtable tr th {
    border-top: 1px solid #dddddd;
}

.testtable tr th:not(last-child) {
    border-right: 1px solid #dddddd;
}

.testtable tr:last-child td {
    border-bottom: 0;
}
.testtable tr td:first-child,
.testtable tr th:first-child {
    border-left: 0;
}
.testtable tr td:last-child,
.testtable tr th:last-child {
    border-right: 0;
}
.reporttext table {
    border: 1px #ccc solid !important;
}
.breadcrumbs {
    padding: 4px;
    font-size: smaller;
    margin-bottom: 0px;
}
.breadcrumbs > span:not(:last-child):after {
}
.breadcrumbs > span:last-child {
    font-weight: bold;
}
.breadcrumbrow {
}
.breadcrumbrow td {
    padding: 0 !important;
}
.historytable {
    font-size: 14px;
    margin: 0;
    width: 100%;
    padding: 0;
    page-break-inside: avoid;
}
.reporttable td,
th {
    font-size: 14px;
    padding: 8px 8px;
}

.testtablecontainer {
    padding: 0 !important;
    border: none !important;
}
.reporttable th,
.reporttable thead tr {
    background-color: whitesmoke;
    font-weight: bold;
}

.reportfield {
    background-color: whitesmoke;
    padding: 4px !important;
}
.smallright {
    text-align: right;
    white-space: nowrap;
}
.smallleft {
    white-space: nowrap;
}
.smallmain {
    width: 99%;
}
.tablesum {
    font-weight: bold;
}
.tighttable {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.tighttable td,
th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.nobreak_in_and_after {
    page-break-after: avoid;
    page-break-inside: avoid;
}
.chapter {
    min-height: 40px;
    font-size: 24px;
    font-weight: bold;
    padding: 4px;
    margin-top: 12px;
    margin-bottom: 4px;
    page-break-after: avoid;
}
.subchapter {
    font-size: 20px;
    font-weight: bold;
    padding: 4px;
    margin-top: 12px;
    margin-bottom: 8px;
    page-break-after: avoid;
}
.subsubchapter {
    font-size: 20px;
    padding: 4px;
    margin-top: 8px;
    margin-bottom: 4px;
    page-break-after: avoid;
}

.hierarchy0 {
    font-size: 16px;
    padding-left: 5px;
    page-break-after: avoid;
}
.hierarchy1 {
    font-size: 14px;
    padding-left: 25px;
    page-break-after: avoid;
}
.hierarchy2 {
    font-size: 13px;
    padding-left: 45px;
    page-break-after: avoid;
}
.hierarchy3 {
    font-size: 12px;
    padding-left: 85px;
    font-weight: bold;
    page-break-after: avoid;
}
.hierarchy4,
.hierarchy5,
.hierarchy6,
.hierarchy7,
.hierarchy8,
.hierarchy9 {
    font-size: 11px;
    font-weight: bold;
    page-break-after: avoid;
}

.hierarchy4 {
    padding-left: 105px;
}
.hierarchy5 {
    padding-left: 125px;
}
.hierarchy6 {
    padding-left: 145px;
}
.hierarchy7 {
    padding-left: 165px;
}
.hierarchy8 {
    padding-left: 185px;
}
.hierarchy9 {
    padding-left: 205px;
}

h1,
.h1 {
    font-size: 18px !important;
    font-weight: 500 !important;
}
h2,
.h2 {
    font-size: 16px !important;
    font-weight: 500 !important;
}
h3,
.h3 {
    font-size: 14px !important;
    font-weight: 500 !important;
}
h4,
.h4 {
    font-size: 13px !important;
    font-weight: 500 !important;
}
h5,
.h5 {
    font-size: 12px !important;
    font-weight: 500 !important;
}
h6,
.h6 {
    font-size: 11px !important;
    font-weight: 500 !important;
}
.reportstat {
    font-weight: bold;
}

.observation {
    color: red;
}
.remark {
    color: orange;
}
.fieldvalue {
}
.fielddatevalue {
    white-space: nowrap;
}
.fieldtype {
    color: #aaa;
    text-transform: uppercase;
    font-size: smaller;
    line-height: 2em;
}
.reporttext {
    font-size: 14px;
    padding: 0 4px;
    margin: 0px;
}
.reporttext_nobr {
    font-size: 14px;
    padding: 0 4px;
    margin: 0px;
    white-space: nowrap !important;
}
.reporttabletext {
    font-size: 14px;
    padding: 0 4px;
    margin-bottom: 0px !important;
    white-space: pre-wrap !important;
}
.reporttabletext_nobr {
    font-size: 14px;
    padding: 0 4px;
    margin-bottom: 0px !important;
    white-space: nowrap !important;
}
.tcstep {
    width: 1cm;
}
.hidden_link {
    color: grey;
}
.normal_link {
}

.strikethrough_link {
    text-decoration: line-through !important;
}

.indent_like_graph {
    margin-left: 3cm;
}

.no_data_to_show {
    font-weight: bold;
}

.code {
    font-family: "Courier New", monospace;
    white-space: pre;
    margin: 0 0 10px;
    padding: 6px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f5f5f5;
    font-size: 13px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
}
.signature {
    max-height: 1cm;
    max-width: 7cm;
}

.caption {
    text-align: center;
}
.captionFix {
    font-style: italic;
} /* Figure 12:  */
.referenceFix {
    font-style: italic;
} /* Figure 12:  */

.commentDate {
    display: block;
    font-size: smaller;
    font-style: italic;
    white-space: nowrap;
}

.commentUser {
    display: block;
    font-weight: bold;
    white-space: nowrap;
}

.commentText {
    display: block;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
}

.label {
    all: initial;
}

.c3 svg {
    font: 10px sans-serif;
    -webkit-tap-highlight-color: transparent;
}
.c3 line,
.c3 path {
    fill: none;
    stroke: #000;
}
.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.c3-bars path,
.c3-event-rect,
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid {
    shape-rendering: crispEdges;
}
.c3-chart-arc path {
    stroke: #fff;
}
.c3-chart-arc rect {
    stroke: #fff;
    stroke-width: 1;
}
.c3-chart-arc text {
    fill: #fff;
    font-size: 13px;
}
.c3-grid line {
    stroke: #aaa;
}
.c3-grid text {
    fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
    stroke-dasharray: 3 3;
}
.c3-text.c3-empty {
    fill: grey;
    font-size: 2em;
}
.c3-line {
    stroke-width: 1px;
}
.c3-circle {
    fill: currentColor;
}
.c3-circle._expanded_ {
    stroke-width: 1px;
    stroke: #fff;
}
.c3-selected-circle {
    fill: #fff;
    stroke-width: 2px;
}
.c3-bar {
    stroke-width: 0;
}
.c3-bar._expanded_ {
    fill-opacity: 1;
    fill-opacity: 0.75;
}
.c3-target.c3-focused {
    opacity: 1;
}
.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
    stroke-width: 2px;
}
.c3-target.c3-defocused {
    opacity: 0.3 !important;
}
.c3-region {
    fill: #4682b4;
    fill-opacity: 0.1;
}
.c3-region text {
    fill-opacity: 1;
}
.c3-brush .extent {
    fill-opacity: 0.1;
}
.c3-legend-item {
    font-size: 12px;
}
.c3-legend-item-hidden {
    opacity: 0.15;
}
.c3-legend-background {
    opacity: 0.75;
    fill: #fff;
    stroke: #d3d3d3;
    stroke-width: 1;
}
.c3-title {
    font: 14px sans-serif;
}
.c3-tooltip-container {
    z-index: 10;
}
.c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    empty-cells: show;
    -webkit-box-shadow: 7px 7px 12px -9px #777;
    -moz-box-shadow: 7px 7px 12px -9px #777;
    box-shadow: 7px 7px 12px -9px #777;
    opacity: 0.9;
}
.c3-tooltip tr {
    border: 1px solid #ccc;
}
.c3-tooltip th {
    background-color: #aaa;
    font-size: 14px;
    padding: 2px 5px;
    text-align: left;
    color: #fff;
}
.c3-tooltip td {
    font-size: 13px;
    padding: 3px 6px;
    background-color: #fff;
    border-left: 1px dotted #999;
}
.c3-tooltip td > span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
}
.c3-tooltip .value {
    text-align: right;
}
.c3-area {
    stroke-width: 0;
    opacity: 0.2;
}
.c3-chart-arcs-title {
    dominant-baseline: middle;
    font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
    fill: #e0e0e0;
    stroke: #fff;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
    fill: #000;
    font-size: 16px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
    fill: #777;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
    fill: #777;
}
.c3-chart-arc .c3-gauge-value {
    fill: #000;
}
.c3-chart-arc.c3-target g path {
    opacity: 1;
}
.c3-chart-arc.c3-target.c3-focused g path {
    opacity: 1;
}
.c3-drag-zoom.enabled {
    pointer-events: all !important;
    visibility: visible;
}
.c3-drag-zoom.disabled {
    pointer-events: none !important;
    visibility: hidden;
}
.c3-drag-zoom .extent {
    fill-opacity: 0.1;
}
.c3 svg {
    font: 10px sans-serif;
    -webkit-tap-highlight-color: transparent;
}
.c3 line,
.c3 path {
    fill: none;
    stroke: #000;
}
.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.c3-bars path,
.c3-event-rect,
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid {
    shape-rendering: crispEdges;
}
.c3-chart-arc path {
    stroke: #fff;
}
.c3-chart-arc rect {
    stroke: #fff;
    stroke-width: 1;
}
.c3-chart-arc text {
    fill: #fff;
    font-size: 13px;
}
.c3-grid line {
    stroke: #aaa;
}
.c3-grid text {
    fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
    stroke-dasharray: 3 3;
}
.c3-text.c3-empty {
    fill: grey;
    font-size: 2em;
}
.c3-line {
    stroke-width: 1px;
}
.c3-circle {
    fill: currentColor;
}
.c3-circle._expanded_ {
    stroke-width: 1px;
    stroke: #fff;
}
.c3-selected-circle {
    fill: #fff;
    stroke-width: 2px;
}
.c3-bar {
    stroke-width: 0;
}
.c3-bar._expanded_ {
    fill-opacity: 1;
    fill-opacity: 0.75;
}
.c3-target.c3-focused {
    opacity: 1;
}
.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
    stroke-width: 2px;
}
.c3-target.c3-defocused {
    opacity: 0.3 !important;
}
.c3-region {
    fill: #4682b4;
    fill-opacity: 0.1;
}
.c3-region text {
    fill-opacity: 1;
}
.c3-brush .extent {
    fill-opacity: 0.1;
}
.c3-legend-item {
    font-size: 12px;
}
.c3-legend-item-hidden {
    opacity: 0.15;
}
.c3-legend-background {
    opacity: 0.75;
    fill: #fff;
    stroke: #d3d3d3;
    stroke-width: 1;
}
.c3-title {
    font: 14px sans-serif;
}
.c3-tooltip-container {
    z-index: 10;
}
.c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    empty-cells: show;
    -webkit-box-shadow: 7px 7px 12px -9px #777;
    -moz-box-shadow: 7px 7px 12px -9px #777;
    box-shadow: 7px 7px 12px -9px #777;
    opacity: 0.9;
}
.c3-tooltip tr {
    border: 1px solid #ccc;
}
.c3-tooltip th {
    background-color: #aaa;
    font-size: 14px;
    padding: 2px 5px;
    text-align: left;
    color: #fff;
}
.c3-tooltip td {
    font-size: 13px;
    padding: 3px 6px;
    background-color: #fff;
    border-left: 1px dotted #999;
}
.c3-tooltip td > span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
}
.c3-tooltip .value {
    text-align: right;
}
.c3-area {
    stroke-width: 0;
    opacity: 0.2;
}
.c3-chart-arcs-title {
    dominant-baseline: middle;
    font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
    fill: #e0e0e0;
    stroke: #fff;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
    fill: #000;
    font-size: 16px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
    fill: #777;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
    fill: #777;
}
.c3-chart-arc .c3-gauge-value {
    fill: #000;
}
.c3-chart-arc.c3-target g path {
    opacity: 1;
}
.c3-chart-arc.c3-target.c3-focused g path {
    opacity: 1;
}
.c3-drag-zoom.enabled {
    pointer-events: all !important;
    visibility: visible;
}
.c3-drag-zoom.disabled {
    pointer-events: none !important;
    visibility: hidden;
}
.c3-drag-zoom .extent {
    fill-opacity: 0.1;
}

.c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-region text{fill-opacity:1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max{fill:#777}.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path{opacity:1}.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}