/*
 * My messed up print stylesheet
 * I have to clean it up.
 */
/* reset */
html,body,div,span,applet,object,iframe,
h1,h2,h3,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;
  font-size:100%;
  font:inherit;
  vertical-align:baseline
}

body {
  line-height:1em;
  margin:30px 0;
}

/* ol, ul { list-style: none; } */
blockquote,q {
  quotes:none
}

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

table {
  border-collapse:collapse;
  border-spacing:0
}


/* not in use, yet
dl {
  border-collapse:collapse;
  border-spacing:0;
  margin:0
  padding:0;
}

dt, dd {
  border: 1px solid #000000;
  margin:0
  padding:0;
}
*/

dl {
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
  }
  dl > * {
    padding-top: 0.5em;
  }
  dt {
    width:30%;
    text-align:right;
    font-weight: bold;
  }
  dd {
    width:60%;
    padding-left:1em;
    margin-left: 0px;
  }
  

dd::before {
//  content: ": ";
}

/* stylen */
body {
  font-family:Georgia,‘Times New Roman’,serif;
  font-size:.9em;
//  xbackground:none;
  margin:0;
  padding:0
}

div,p,ul {
  background:#fff!important
}

.audit header {
  margin:0;
  padding:3cm 0 0 0;
  height:6cm !important;
}

header h1,
.h {
  border-bottom:solid 1px #000;
}
.subtext {
  margin-top: 1em;
}

h1,h2,h3,h4,h5, caption {
  font-family:Helvetica,Arial,sans-serif!important;
  text-align:left!important;
  margin-top:1em;
}

h1 {
  font-size:2.4em !important;
  line-height: 1.7em;
  display:block;
  width:100%;
  text-align: center !important;
}
.audit h1 {
  margin: 3cm auto;
}


h2 {
  font-size:1.3em!important;
  line-height: 2em;
}

h3 {
  font-size:1.1em!important;
  line-height: 2em;
}

h4 {
  font-weight:700;
  line-height: 2em;
}

p,
ul li {
  font-size:1em;
  line-height:1.5em;
}

p {
  margin-bottom: .5em;
}

a {
  font-size:1em;
  line-height:1.2em !important;
  text-decoration:none
}

/*
 * don't print what you cant use
 */
button {
  display: none!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: 3px solid #E4DDED;
}
.criterion,
.div3 .sc {
  margin-bottom:.5em;
  background: #ffffff;
  border:none;
}

ul {
  padding-bottom:0;
}

li {
  font-size:1em!important;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR…ixDQAACMOw/v90YUYeiOQl2frEKZzCKZzCKZzCKZzCeaQDNL1jnUcuy0wAAAAASUVORK5CYII=) 10px 10px no-repeat!important
}

table {
  margin-left:10px;
  margin-right:10px;
  margin-bottom:5px;
}
table,th,td, thead td {
  border-collapse:collapse;
  border-right:1px solid #BCD3BC !important;
}
/* top-left border-radius */
table :first-child tr:first-child th:first-child,
table :first-child tr:first-child td:first-child {
  border-top-left-radius: 12px !important;
}
/* top-right border-radius */
table :first-child tr:first-child th:last-child {
  border-top-right-radius: 12px !important;
}
/* bottom-left border-radius */
table :last-child tr:last-child th:first-child {
  border-bottom-left-radius: 12px !important;
}
/* bottom-right border-radius */
table :last-child tr:last-child th:last-child {
  border-bottom-right-radius: 12px !important;
}
th {
  font-weight: bold !important;
  color: #000000 !important;
  background: #cccccc !important;
}
table caption {
  font-size:1.1em!important;
}
thead {
  display: table-header-group;
}

tr,td {

}
td, th {
  padding:2px 5px;;
  margin:0;
}
th {
  color:#000;
  font-weight:700.
}

footer {
  display:none!important
}

.twin {
  border:none;
}
/*
 * print specifics
 */
h1,h2,h3,h4,h5, caption {
  page-break-after:avoid!important;
}
table {
/*  page-break-inside:auto; */
}
tr {
  page-break-inside:avoid;
  page-break-before:auto;
}
ul {
/*  page-break-inside: avoid; */
}
aside {
  page-break-inside: avoid;
}
details:not([open]) { display: none; }

body.certificate {
  font-family:verdana, arial, sans-serif;
}
.certificate main {
  width: 84%;
}
.certificate header .h {
  border-bottom: none;
  font-size: 300%;
  line-height: 3em;
  margin-bottom: 0;
}
.certificate .subtext {
  margin-top: 0;
}

.certificate summary {
  margin-top: 1em;
  margin-bottom: .5em;
}
.certificate .more,
.certificate .twin {
  display: none;
}
.certificate .printmeta {
  display: none !important;
}

.note.frontpage {
  page-break-after: always;
}
.page-break {
  display: block;
  page-break-before: always;
}
.printonly {
  display: initial;
}
.printmeta {
  display: block;
  width:100%;
  font-size: 8pt;
  color: rebeccapurple;
  text-align: right;
}
.noprint,
.noprintheader header,
.noprintaside aside,
.readMore {
  display:none;
}