@font-face {
    font-family: "RobotoCondensed";
    src: url("../fonts/RobotoCondensed-Regular.woff") format('woff');
}

body {
    --reportbackground: #757575;
    --equationno: #EEE;
    --tocborder: 1px dotted #000;
    --tableheaderborder: 2px solid #333;
}

body.dark {
    --reportbackground: #222222;
    --equationnoview: #444;
    --tocborder: 1px dotted #888888;
    --tableheaderborder: 2px solid #888;
}

.report {
    background-color: var(--reportbackground);
    font: 13px normal, RobotoCondensed;
    color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    --col1-left: 2.4in;
    --col2-left: 5.6in;
    --row1-upper-top: 0.4in;
    --row1-lower-top: 0.52in;
    --row2-upper-top: 0.74in;
    --row2-lower-top: 0.85in;
}

body.dark .viewing.report-view .report-body,
body.dark .viewing.report-view .page {
    background-color: var(--reportbackground);
}

body.dark .viewing.report-view {
    color: var(--fontcolor);
}

body.dark .viewing.report-view .chapter-title {
    color: var(--fontcolor);
}

.report .page {
    background-color: #FFF;
    margin: 16px auto;
    height: 9.5in;
    width: 7.5in;
    padding: 1in 0.5in 0.5in 0.5in;
    overflow: hidden;
    position: relative;
    page-break-after: always;
}

.report-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
}

.cover-logo {
    display: flex;
    justify-content: center;
    margin-top: 0.25in;
}

.cover-logo img {
    width: 200px;
}

.cover-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 0.5in;
}

.cover-project {
    font-weight: bold;
    position: absolute;
    bottom: 1.25in;
    left: 0;
    right: 0;
    text-align: center;
}

.viewing .cover-logo,
.viewing .cover-project,
.viewing .cover-owner,
.viewing .cover-date,
.viewing .toc-page {
    display: none;
}

.cover-owner {
    position: absolute;
    bottom: 1in;
    left: 0;
    right: 0;
    text-align: center;
}

.cover-date {
    position: absolute;
    bottom: 0.75in;
    left: 0;
    right: 0;
    text-align: center;
}

.toc-item {
    cursor: pointer;
    position: relative;
    margin: 0 0.5in;
}

.toc-item.level-1 {
    border-bottom: var(--tocborder);
    font-size: 16px;
    font-weight: bold;
    padding: 4px 0;
    margin-top: 16px;
}

.toc-item.level-2 {
    border-bottom: var(--tocborder);
    margin-left: 0.75in;
    padding: 4px 0;
}

.toc-item.level-3 {
    border-bottom: var(--tocborder);
    margin-left: 1in;
    padding: 4px 0;
}

.toc-item .prefix {
    font-weight: bold;
    margin-right: 12px;
}

.toc-page {
    font-size: 12px;
    position: absolute;
    top: 3px;
    right: 0;
}

.page-inner {
    height: 100%;
}

.page-header {
    border-collapse: collapse;
    border: 1px solid #000;
    margin-bottom: 0.25in;
    width: 100%;
}

.page-header td {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    padding: 4px 12px;
}

.page-header td:nth-child(2) {
    width: 3in;
}

.page-header td:nth-child(3) {
    width: 3in;
}

.page-header td:first-child {}

.page-header td.logo {
    border-left: 1px solid #000;
}

.page-header td.logo img {
    border: none;
    display: block;
    width: 1in;
    margin: 0 auto;
    max-width: unset;
    text-align: center;
    padding: 0;
}

.page-header .label {
    font-weight: bold;
    margin-right: 8px;
}

.page-footer {
    position: absolute !important;
    bottom: 0.5in;
    right: 0.5in;
}

.chapter-title {
    column-span: all;
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 32px 0;
    color: #708090;
    text-align: center;
}

.chapter-description {
    display: none;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 0.25in;
}

.section-title {
    font-size: 16px;
    font-weight: bold;
    margin: 32px 0 8px 0;
}

.section-title.level-1 {
    font-size: 13px;
    margin: 16px 0 0 0.25in;
}

.section-description {
    display: none;
}

.equation {
    border-bottom: var(--border);
    position: relative;
    padding: 16px 0;
    margin-bottom: 16px;
}

.equation-id {
    background-color: var(--equationno);
    display: block;
    font-weight: 600;
    vertical-align: top;
    position: absolute;
    padding: 2px 8px;
    vertical-align: middle;
    right: 0;
    top: 16px;
    white-space: nowrap;
}

.viewing.report-view .equation-id {
    background-color: var(--equationnoview);
}

.equation-id div div {
    display: inline-block;
}

.equation-title {
    margin-bottom: 8px;
}

.equation-full .equation-title {
    margin-bottom: 16px;
}

.equation-break .equation-id {
    display: inline-block;
    left: 0;
    width: unset !important;
}

.equation-raw {
    vertical-align: top;
    width: 50%;
}

.equation-full .equation-raw {
    width: 100%;
}


.equation-raw mjx-container {
    display: inline-flex !important;
}

.equation-parameters {
    margin: 16px 0;
    padding-bottom: 16px;
    width: 50%;
}

.equation-graph-button {
    /* display: none !important; */
    padding: 0 !important;
    position: absolute;
    width: 32px;
    right: 0;
}

.equation-graph-button img {
    padding: 0 !important;
    height: 20px !important;
    width: 20px !important;
    max-width: unset !important;
}

tr>.equation-parameters:first-child {
    padding-top: 32px;
}

.equation-parameter mjx-container {
    display: inline-flex !important;
    min-width: 20px;
    margin: 4px !important
}

.equation-value {
    border-radius: 4px;
    font-weight: 600;
    margin-top: 4px;
}

.report .toolbar {
    padding-left: 8px;
}

.report .header,
.report .paragraph,
.report .parameter,
.report img,
.report .calc-remark,
.table,
.equation {
    margin-left: 0.25in;
}

.report .report-parameter-value {
    font-weight: 600;
}

.report .header {
    font-size: 13px;
    font-weight: bold;
    padding: 16px 0 8px 0;
}

.equation table {
    border-collapse: collapse;
    width: 100%;
}

.report img {
    padding-bottom: 0.25in;
    padding-top: 0.25in;
    max-width: calc(100% - 1in);
}

.report .paragraph {
    padding-bottom: 1em;
}

.report .calc-remark {
    background-color: #EEE;
    border-left: 4px solid #888;
    color: #000;
    font-size: 12px;
    display: block;
    text-align: left;
    font-weight: normal;
    padding: 2px 8px;
    margin-bottom: 16px;
    position: relative;
}

.report .calc-remark .remark {
    border-radius: 8px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    top: 4px;
    padding: 0 8px;
}

.report .calc-remark .remark.passed {
    color: #00A;
}

.report .calc-remark .remark.failed {
    color: #A00;
}

.report table.table {
    border-collapse: collapse;
    /* border: 1px solid #333; */
    width: calc(100% - 0.25in);
}

.report table.table.half {
    width: 50%;
}

.report table.table th {
    border-bottom: var(--tableheaderborder);
    padding: 4px 0;
}

.report table.table td {
    border-bottom: 1px dashed #888;
    padding: 2px 0;
    text-align: center;
}

.report .report-parameter-text {
    display: inline-block;
    min-width: 2in;
}

.report .report-parameter-value {
    display: inline-block;
}

.report canvas {
    position: relative;
}

mjx-container[jax="CHTML"][display="true"] {
    display: block;
    text-align: center;
    margin: 0 !important;
    padding: 4px 0px !important;
}

.equation-value mjx-container[jax="CHTML"][display="true"] {
    margin-right: 4px !important;
}

.equation-parameter mjx-container {
    min-width: 48px;
}

.chapter-title .prefix,
.section-title .prefix {
    margin-right: 8px;
}

.cell-color {
    display: block;
    height: 16px;
    width: 16px;
    margin: 0 auto;
    text-align: center;
}

table .report-value-unint {
    display: none;
}

@media print {
    @page {
        size: letter portrait;
        margin: 0;
    }

    html,
    body {
        overflow: auto !important;
        -webkit-print-color-adjust: exact !important;
    }

    .no-print,
    .no-print * {
        display: none !important;
    }

    .toolbar-container {
        display: none !important;
    }

    body .main-container {
        padding: 0 !important;
        top: 0 !important;
        overflow: unset !important;
    }

    body .center-panel {
        border-radius: 0 !important;
        bottom: 0;
        left: 0 !important;
        right: 0;
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: unset !important;
        overflow: unset !important;
    }

    .center-panel .tab-header {
        display: none !important;
    }

    .center-panel .tab-body {
        top: 0 !important;
    }

    .center-panel .report {
        border-radius: 0 !important;
        overflow: unset !important;
    }

    .split-container>div {
        position: unset !important;
        top: 0 !important;
    }

    .split-container>div:nth-child(1),
    .split-container>div:nth-child(2) {
        height: 0 !important;
        display: none !important;
    }

    .report .split-container>div:nth-child(3) {
        top: 0 !important;
    }

    .report-container {
        position: unset !important;
        top: 0 !important;
    }

    .appview {
        position: unset !important;
    }

    .appview-body {
        position: unset !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
    }

    .appview-model {
        position: unset !important;
        left: 0 !important;
        right: 0 !important;
    }

    .appview-explorer {
        position: unset !important;
    }

    .split-container {
        position: unset !important;
    }

    .panel-header.modelview-header {
        display: none !important;
    }

    .panel-body.modelview-body {
        position: unset !important;
        top: 0 !important;
    }

    .toolbar-container {
        display: none !important;
    }

    .report-body {
        display: block !important;
        position: unset !important;
        overflow: unset !important;
    }

    .report {
        position: unset !important;
    }

    .panel {
        border: none !important;
        position: unset !important;
    }

    .canvas3d.invisible {
        display: none !important;
    }

    .panel-body.modelview-body {
        overflow: unset !important;
    }

    .report,
    .viewer-container {
        border-radius: 0 !important;
    }

    .report .page {
        margin: 0 auto;
        position: relative !important;
    }

    .report-body .page:last-child {
        page-break-after: avoid;
    }

    .report-body {
        margin: 0 !important;
    }

    .page-footer {
        position: absolute !important;
        bottom: 0.5in;
        right: 0.5in;
    }

    .tab-body,
    .tab {
        position: unset !important;
    }

    .report .wala.page::before {
        background: #2A7B9B;
        background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
        color: #FFF;
        content: "P" "R" "O" " " "V" "E" "R" "S" "I" "O" "N" !important;
        position: absolute;
        font-size: 64px;
        text-align: center;
        top: 40%;
        width: 100%;
    }

    .wala.page * {
        display: none !important;
    }
}

.wala .hidden-values {
    background-color: #AAA;
    color: #FFF;
    padding: 0 4px;
    margin-right: 4px;
    ;
}

.report img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.equation-break td {
    display: block;
    width: 100% !important;
}

.equation-parameter mjx-container {
    min-width: 24px;
}

.viewing.report-view .page {
    margin: 0 auto;
    height: unset !important;
    width: unset !important;
    max-width: 1000px;
    padding: 32px 0 0 0 !important;
    overflow: hidden;
    position: relative;
    page-break-after: always;
}

.viewing.report-view .page-header,
.viewing.report-view .page-footer {
    display: none;
}

.viewing.report-view {
    background-color: #FFF;
    ;
}

.viewing.report-view .report-body {
    padding: 32px;
}

.summary-report {
    position: relative;
}

.summary-report .canvas-2D {
    border: 1px solid #888;
    overflow: hidden;
    margin-bottom: 16px;
    width: 50% !important;
}

.summary-report .canvas-2D img {
    max-width: unset !important;
    padding: 0 !important;
}

.summary-report .left-summary-report {
    position: absolute;
    width: 50%;
}

.summary-report .right-summary-report {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% - 16px);
}

.summary-report .parameter-header {
    border-bottom: 0.5px solid #888;
    font-weight: bold;
    margin-top: 16px;

    margin-bottom: 8px;
    padding-bottom: 8px;
}

.summary-report .left-summary-report .parameter-header:first-child, 
.summary-report .right-summary-report .parameter-header:first-child {
    margin-top: 0;
}

.summary-report .parameter {
    margin-left: 0;
    margin-bottom: 8px;
}