/* It seems as of WebKit defaults to dark background for printing... */
html { background: #fff; }

/* Basic text setup. */
body
{
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: 300;
    line-height: 1.65em;
    margin: 10mm 10mm 10mm 10mm;
}

/* Flush all floating figures before adding a section. */
section { clear: both; }

/* Background color behind the CFD support logo */
#header center
{
    background-color: #253545;
}

/* Break before every header that follows after a "style1" class element. */
.main.style1 ~ #header { page-break-before: always; }

/* Do not show footer at all in the PDF report. */
#footer { display: none; }

/* Do not show speedline switcher. */
.actions { display: none; }

/* Do not show selection lists. */
select { display: none; }

/* Report / Speedline title. */
h1
{
    color: black;
    padding: 1em 1em 1em 1em;
    font-size: 2.25em;
    line-height: 1.35em;
    text-align: center;
}

/* Section title.*/
h2
{
    padding: 10mm 0mm 0mm 0mm;
}

/* Floating images - half page, tile from left. */
.image.fit
{
    display: block;
    float: left;
    width: 50%;
}

/* All elements marked as "print" MUST be visible (this overrides even post-load JS). */
.print
{
    display: block !important;
}


.image img
{
    max-width: 100%;
    page-break-inside: auto;
}

/* Set up border for tables, and margin after tables. */
table
{
    border-collapse: collapse;
    border: 1px solid black;
    margin: 0em 0em 1em 0em;
}

/* Allow break between rows, but not in the middle of a row. */
table tbody tr
{
    page-break-inside: avoid;
    page-break-after: auto;
    display: table-row !important;
}

/* First row of a table is special. */
table tbody tr:nth-child(1)
{
    background-color: rgba(144, 144, 144, 0.075);
    border: 1px solid black;
}

thead { display: table-header-group }
tfoot { display: table-footer-group }
table td { padding: 0.2em 0.5em; }
table th { padding: 0.2em 0.5em; }

/* No special decoration for hyperlinks. */
a
{
    text-decoration: none;
    color: #000;
}

p
{
    text-align: center;
}