@page {
    size: letter portrait;
    margin: 0.5in;
    margin-top: 2in;
    margin-bottom: 0.8in;

    @top {
        content: element(headingActual);
    }

    @bottom-right: {
        content: "Page " counter(page) " of " counter(pages);
    }

    @bottom-left {
        content: element(footerStuff);
    }
}


.header-content {
    position: running(headingActual);
}

.footer-content {
    position: running(footerStuff);
}


.mrr-grid-header,
.mrr-grid-table {
    display: grid;
    grid-template-columns: 6rem 8rem 6rem 10rem 2.5rem 2rem auto;
}

.psych-grid-header,
.psych-grid-table {
    display: grid;
    grid-template-columns: 8rem 12rem 6rem 8rem 6rem 4rem auto;
}

.res-list-grid-header,
.res-list-grid-table {
    display: grid;
    grid-template-columns: 16rem 6rem 6rem 6rem auto;
}

.psych-outcomes-grid-header,
.psych-outcomes-grid-table {
    display: grid;
    grid-template-columns: 7rem repeat(4, 5rem) repeat(4, 4rem);
}

.mrr-grid-header {
    display: grid;
    grid-template-rows: auto;
    width: 100%;
}

.mrr-grid-header .header-cell,
.psych-grid-header .header-cell,
.res-list-grid-header .header-cell,
.psych-outcomes-grid-header .header-cell,
.header-cell {
    padding: .5rem .5rem;
    text-align: left;
}

.psych-grid-table,
.mrr-grid-table {
    display: grid;
    grid-template-rows: auto;
}

.grid-tbody,
.grid-thead {
    grid-column: 1/-1;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: subgrid;
}

.grid-tr {
    grid-row: auto;
    grid-column: 1/-1;

    display: grid;
    grid-template-rows: subgrid;
    grid-template-columns: subgrid;
}


.rec-tr {
    grid-column: 1/-1;
    border-bottom-width: var(--mdb-border-width);
    border-bottom-color: var(--mdb-table-border-color);
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 10rem;
}

.rec-notes {
    width: 100;
    height: 100%;
    max-height: 10rem;
    border: var(--size-px) solid var(--mdb-dark-border-subtle);
    border-radius: 5px;
    padding: 1rem;
}

.break-inside-avoid {
    break-inside: avoid;
    page-break-inside: avoid;
}

.break-after-always {
    break-after: always;
}


table.single-page-grid-table {
    display: grid;
    grid-template-rows: auto auto 1fr;
    grid-template-columns: 1fr;
    height: 100%;
}

thead.single-page-grid-table,
tbody.single-page-grid-table,
tfoot.single-page-grid-table {
    display: table;
}

tfoot.single-page-grid-table {
    align-self: end;
}

/* CSS for Paged.js interface – v0.4 */

/* Change the look */
:root {
    --color-background: whitesmoke;
    --color-pageSheet: #cfcfcf;
    --color-pageBox: violet;
    --color-paper: white;
    --color-marginBox: transparent;
    --pagedjs-crop-color: black;
    --pagedjs-crop-shadow: white;
    --pagedjs-crop-stroke: 1px;
}

.report-wrapper,
.report-wrapper table,
.report-wrapper pre {
    font-size: calc(var(--scale-0) * .75);
}

.report-wrapper h1,
.report-wrapper .h1
.report-wrapper .fs-1 {
    font-size: 2.5em;
}

.report-wrapper h2,
.report-wrapper .h2,
.report-wrapper .fs-2 {
    font-size: 2.0em;
}

.report-wrapper h3,
.report-wrapper .h3,
.report-wrapper .fs-3 {
    font-size: 1.75em;
}

.report-wrapper h4,
.report-wrapper .h4,
.report-wrapper .fs-4 {
    font-size: 1.5em;
}

.report-wrapper h5,
.report-wrapper .h5,
.report-wrapper .fs-5 {
    font-size: 1.25em;
}

.report-wrapper h6,
.report-wrapper .h6,
.report-wrapper .fs-6 {
    font-size: 1em;
}

.pre-wrap {
    white-space: pre-wrap;
    font-family: inherit;
}

.table-extra-sm > :not(caption) > * > * {
    padding: .25rem .25rem;
}

/* To define how the book look on the screen: */
@media screen,
pagedjs-ignore {
    .pagedjs_pages {
        display: flex;
        width: calc(var(--pagedjs-width) * 2);
        flex: 0;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .pagedjs_page {
        background-color: var(--color-paper);
        box-shadow: 0 0 0 1px var(--color-pageSheet);
        margin: 0;
        flex-shrink: 0;
        flex-grow: 0;
        margin-top: 10mm;
    }

    .pagedjs_first_page {
        margin-left: var(--pagedjs-width);
    }

    .pagedjs_page:last-child {
        margin-bottom: 10mm;
    }

    .pagedjs_pagebox {
        box-shadow: 0 0 0 1px var(--color-pageBox);
    }

    .pagedjs_left_page {
        z-index: 20;
        width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width)) !important;
    }

    .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop {
        border-color: transparent;
    }

    .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle {
        width: 0;
    }

    .pagedjs_right_page {
        z-index: 10;
        position: relative;
        left: calc(var(--pagedjs-bleed-left)*-1);
    }

    /* show the margin-box */

    .pagedjs_margin-top-left-corner-holder,
    .pagedjs_margin-top,
    .pagedjs_margin-top-left,
    .pagedjs_margin-top-center,
    .pagedjs_margin-top-right,
    .pagedjs_margin-top-right-corner-holder,
    .pagedjs_margin-bottom-left-corner-holder,
    .pagedjs_margin-bottom,
    .pagedjs_margin-bottom-left,
    .pagedjs_margin-bottom-center,
    .pagedjs_margin-bottom-right,
    .pagedjs_margin-bottom-right-corner-holder,
    .pagedjs_margin-right,
    .pagedjs_margin-right-top,
    .pagedjs_margin-right-middle,
    .pagedjs_margin-right-bottom,
    .pagedjs_margin-left,
    .pagedjs_margin-left-top,
    .pagedjs_margin-left-middle,
    .pagedjs_margin-left-bottom {
        box-shadow: 0 0 0 1px inset var(--color-marginBox);
    }

    /* uncomment this part for recto/verso book : ------------------------------------ */


    .pagedjs_pages {
        flex-direction: column;
        width: 100%;
    }

    .pagedjs_first_page {
        margin-left: 0;
    }

    .pagedjs_page {
        margin: 0 auto;
        margin-top: 10mm;
    }

    .pagedjs_left_page {
        width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width) + var(--pagedjs-bleed-left)) !important;
    }

    .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop {
        border-color: var(--pagedjs-crop-color);
    }

    .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle {
        width: var(--pagedjs-cross-size) !important;
    }

    .pagedjs_right_page {
        left: 0;
    }



    /*--------------------------------------------------------------------------------------*/



    /* uncomment this par to see the baseline : -------------------------------------------*/


    /* .pagedjs_pagebox {
        --pagedjs-baseline: 22px;
        --pagedjs-baseline-position: 5px;
        --pagedjs-baseline-color: cyan;
        background: linear-gradient(transparent 0%, transparent calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) var(--pagedjs-baseline)), transparent;
        background-size: 100% var(--pagedjs-baseline);
        background-repeat: repeat-y;
        background-position-y: var(--pagedjs-baseline-position);
    }  */


    /*--------------------------------------------------------------------------------------*/
}





/* Marks (to delete when merge in paged.js) */

.pagedjs_marks-crop {
    z-index: 999999999999;

}

.pagedjs_bleed-top .pagedjs_marks-crop,
.pagedjs_bleed-bottom .pagedjs_marks-crop {
    box-shadow: 1px 0px 0px 0px var(--pagedjs-crop-shadow);
}

.pagedjs_bleed-top .pagedjs_marks-crop:last-child,
.pagedjs_bleed-bottom .pagedjs_marks-crop:last-child {
    box-shadow: -1px 0px 0px 0px var(--pagedjs-crop-shadow);
}

.pagedjs_bleed-left .pagedjs_marks-crop,
.pagedjs_bleed-right .pagedjs_marks-crop {
    box-shadow: 0px 1px 0px 0px var(--pagedjs-crop-shadow);
}

.pagedjs_bleed-left .pagedjs_marks-crop:last-child,
.pagedjs_bleed-right .pagedjs_marks-crop:last-child {
    box-shadow: 0px -1px 0px 0px var(--pagedjs-crop-shadow);
}