/*
 * My messed up print stylesheet
 * I really, really have to clean it up.
 */
/* reset */
html,body,div,span,applet,object,iframe,
h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,
dfn,em,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,
dd,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,
figcaption,footer,header,hgroup,menu,nav,
output,ruby,section,summary,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline
}

@page {
  margin: 0;
  size: A4;
  font-size: 11pt;
}
@page :footer {
  display: none;
}
@page :header {
  display: none;
}
@page:right {
  margin: 20pt 50pt 20pt 50pt;
}
@page:left { 
  margin: 20pt 50pt 20pt 50pt;
}

/* todo certificate, voorpagina
@page {
  size: A4 landscape;
}

@page :first {

}

// even pagina's
@page:right{ 
  @bottom-left {
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: "My book";
    font-size: 9pt;
    color: #333;
  }
}
https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/
*/

html,body {
  background: #FFFFFF;
}
body {
  margin:30pt 0;
  font-size:9pt;
}
.sitename {
  display: none;
}

.section > div {
    max-width: 600pt;
}

.certified header {
  height:0pt;
}
.certified header div div.printonly {
  display:none;
}
.certificate img {
  width: 180pt;
  height: 180pt;
}

.logo svg {
  height: 80pt;
  padding: 0;
}
.certified .logo {
  margin-top: 10pt;
  width: auto;
  opacity: 0.3;
/*
    transform-origin: bottom left;
    fill: #387F97 !important;
    color: #387F97 !important;
*/
}
.certified .logo img {
  height: 20pt;
}
/*
details:not([open]) summary {
  display:none;
}
*/

section:nth-child[2] {
  text-align: center;
  background:red;
}
.section-alternate:not(:last-of-type),
.section-alternate {
  background: none;
}

.audit .logo {

}
.audit h1 {
  margin-top:144pt;
}
/* ol, ul { list-style: none; } */
blockquote,q {
  quotes:none
}

blockquote:before,
blockquote:after,
q:before,q:after {
  content:'';
  content:none;
}

button {
  display:none;
}

.data-table-container {
  border: none;
  border-radius: 0;
  overflow: visible;
}
table {
  margin-top:12pt;
}
  #issueTable {
    max-width: 98%;
    margin: 1cm auto;
  }
table.numeric { width:auto; }
  table:not(.chart-table):not(.chart-graph) > tbody > tr:last-child > td {
      padding-bottom: 10pt;
  }
    table:not(.chart-table):not(.chart-graph) > thead > tr > th:last-child,
    table:not(.chart-table):not(.chart-graph) > tbody > tr > td:last-child,
    table:not(.chart-table):not(.chart-graph) > tfoot > tr > td:last-child {
      padding-right: 10pt;
    }
    td.num {
      text-align: right;
      font-variant-numeric: tabular-nums;
    }
/* not in use, yet
dl {
  border-collapse:collapse;
  border-spacing:0;
  margin:0
  padding:0;
}
*/
dl {
  display: flex;
  flex-wrap: wrap;
  line-height: 12pt;
}
dl > * {
/*  padding-top: 8pt; */
}
dt {
  width:30%;
  text-align:right;
  font-weight: normal;
  padding-right:8pt;
}
dd {
  width:60%;
  padding-left:8pt;
  margin-left: 0pt;
}


/* stylen */
body {
  font-family:verdana, arial, sans-serif;;
  background:none;
  margin:0;
  padding:0
}

/* div,p,ul */
div,ul {
  background: #fff;
  color: #000;
}

/*
.audit header {
  margin:0;
  padding:3cm 0 0 0;
  height:6cm !important;
}
*/
.subtext {
  font-size: 12pt;
  line-height: 1.4em;
}
h1,h2,h3,h4,h5, caption {
/*  font-family:Helvetica,Arial,sans-serif;  */
  margin-top:10pt;
}
.finding-heading {
  margin-bottom: 6pt;
}
  .finding-heading span {
    display: initial;
  }
h1 {
  text-align:center;
  width:100%;
  margin: 3cm auto;
  font-size: 28pt;
  line-height: 32pt;
  hyphens: none;
}
h2 {
  font-size:18pt;
  line-height: 24pt;  
}
h3, .h2 {
  font-size:12pt;
  font-weight: normal;
}
h3.finding-heading {
  font-size: ;
}
h4 {
  font-weight:700;
}
.certified h1 {
  font-size: 32pt;
  margin: 2cm auto 2cm;
  max-width: 600pt;
}
.certified h2 {
  font-size: 24pt;
  hyphens: none;
  text-align: center;
  margin: 0 auto 1cm;
  max-width: 600pt;
}
h3.finding-heading {
  font-size: 24pt;  
}

p,
ul li,
a,
dd,
dt {
  font-size:9pt;
}
p {
  margin-bottom:8pt;
}
a {
  xline-height:19pt !important;
  text-decoration:none
}

.intro {
  font-size: 12pt;
  font-weight:600;
}

.coverphoto {
  display: block !important;
  text-align: center;
}
img.browser {
  border: 1pt solid black;
}
img.browser {
  border: solid 1pt #black !important;
  padding: 13pt 0 0 0 !important;
  background-color: #ccc !important;
}
/*
 * audit
 */
/*
body.audit .header {
   height: 7cm;
}
*/
.outcome .canttell, .outcome .failed,
.outcome .untested, .outcome .passed,
.outcome .inapplicable {
/*
  background: none;
  text-indent: 0;
*/
}
.audit a[target=_blank].ng-binding {
  display: none;
}
.criterion h5, .div3 h5 {
  display: inline-block;
  width: 100%;
  border-top: 3pt solid #E4DDED;
}
.criterion,
.div3 .sc {
  margin-bottom:8pt;
  background: #ffffff;
  border:none;
}
ul {
  padding-bottom:0;
}
li {
  xfont-size:16pt !important;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR…ixDQAACMOw/v90YUYeiOQl2frEKZzCKZzCKZzCKZzCeaQDNL1jnUcuy0wAAAAASUVORK5CYII=) 10pt 10pt no-repeat!important
}



/* TODO ZIE EERDERE TABEL */
table {
  margin-bottom:5pt;
}

table,th,td, thead td {
  border-collapse:collapse;
  border:1pt solid #949494 !important;
}
th {
  font-weight: bold !important;
}
thead th {
  color: #FFFFFF !important;
  background-color: #387F97;
}
table caption {
  xfont-size:18pt !important;
}
thead {
  display: table-header-group;
}

tr,td {

}
td, th {
  padding:5pt 5pt;
  margin:0;
}
th {
  color:#000;
  font-weight:700;
}
.header {
  background: none;
}
#NavWrapper,
footer {
  display: none!important
}
.twin {
  display: block;
  width: 80%;
  margin-top:32pt;
}

.twin,
.twin:last-of-type,
.twin:last-of-type h2,
.twin:last-of-type a,
.twin:last-of-type li {
  border:none;
  background: #fafafa;
  color: #26566B;
}

/*
 * print specifics
 */
h1,h2,h3,h4,h5, caption {
  page-break-after:avoid!important;
}
h2+p,
h2+h3,
h2>h3,
h3+p,
h4+p,
h5+p {
  page-break-before:avoid!important;
}
h2>h3 {
  page-break-inside:avoid!important;
}

section {
  page-break-inside:avoid;
}

table {
/*  page-break-inside:auto; */
  page-break-inside: avoid;
}
tr {
  page-break-inside:avoid;
  page-break-before:auto;
}
ul {
/*  page-break-inside: avoid; */
}
aside {
  page-break-inside: avoid;
}
.circle-chart {
  width: 19%;
}
.metaText {
  color:#939393;
}

.cover-header {
  position: absolute;
  top:3.5cm;
  left: 5cm;
}
.cover-footer {
  position: absolute;
  text-align:left;
  page-break-after: always;
  bottom:2cm;
}
.page-break,
.pagebreak {
  display: block;
  height:1cm;
  page-break-after: always;
}
.printonly {
  display: initial;
  margin-left:8pt;
}
.printmeta {
  display: block;
  width:100%;
  xfont-size:8pt;
  color:rebeccapurple;
  text-align:right;
}
.noprint,
.noprintheader header,
.noprintaside aside,
.readMore {
  display:none;
}