@charset "UTF-8";
@font-face { font-family: roboto-regular; src: url('../font/Roboto-Regular.ttf'); } 

/* algemeen */

* {
  margin: 0px;
  padding: 0px;
}
html {
  height: 100%;
  width: 100%;
}
body {
  height: 98%;
  width: 98%;
  margin: 1%;
  word-break: break-word;
}
p {
  font-family: 'roboto-regular', sans-serif;
  font-size: 9pt;
  font-weight: normal;
  line-height: 14pt;
  text-align: left;
}
table {
  border-collapse: collapse;
  width: 100%;
}

/* specifiek */

p.titel {
  font-family: 'roboto-regular', sans-serif;
  font-weight: bold;
  font-size: 18pt;
  color: rgba(105,145,65,1);
  line-height: 21pt;
  margin: 0pt 0mm 14pt 0mm;
}

/* uitleg */
div.uitleg {
  margin: 0pt 0mm 14pt 0mm;
}
table.uitleg {
  margin: 0pt 0mm 28pt 0mm;
}
table.uitleg td {
  padding: 5px 0mm 3px 0mm;
}
table.uitleg span.toevoegen {
  background-color: rgba(105,145,65,0.1);
  border-radius: 2px;
  color: rgba(105,145,65,1);
  display: inline-block;
  padding: 0pt 1mm 0pt 1mm;
  width: 20mm;
}

/* waardelijst */

table.waardelijst {
  margin: 0pt 0mm 28pt 0mm;
}
table.waardelijst th:has(p.waardelijst) {
  background-color: rgba(105,145,65,1);
  cursor: default;
  padding: 5px 2mm 5px 2mm;
}
p.waardelijst {
  font-family: 'roboto-regular', sans-serif;
  font-weight: bold;
  font-size: 9pt;
  color: white;
  line-height: 14pt;
}

/* object */

table.object th:has(p.waarde) {
  background-color: rgba(105,145,65,0.25);
  cursor: default;
  padding: 5px 2mm 5px 2mm;
}
table.object td {
  padding: 5px 2mm 5px 2mm;
}
table.object tr {
  border-bottom: 1px solid rgba(105,145,65,1);
}
table.object table.object tr:last-child {
  border-bottom: none;
}
p.waarde {
  font-family: 'roboto-regular', sans-serif;
  font-size: 9pt;
  line-height: 14pt;
}
p.eigenschap {
  font-family: 'roboto-regular', sans-serif;
  font-size: 9pt;
  line-height: 14pt;
}
p.code {
  font-family: 'Courier', monospace;
  font-size: 9pt;
  line-height: 14pt;
}
span.vervangen {
  background-color: rgba(105,145,65,1);
  border-radius: 2px;
  color: white;
  display: inline-block;
  padding: 0pt 1mm 0pt 1mm;
  width: 20mm;
}
span.verwijderen, span.uitfaseren {
  background-color: rgba(255,80,0,1);
  border-radius: 2px;
  color: white;
  display: inline-block;
  padding: 0pt 1mm 0pt 1mm;
  width: 20mm;
}
span.toevoegen {
  background-color: rgba(105,145,65,0.1);
  border-radius: 2px;
  color: rgba(105,145,65,1);
  display: inline-block;
  padding: 0pt 1mm 0pt 1mm;
  width: 20mm;
}
span.toevoegen {
  background-color: white;
  border-radius: 2px;
  color: rgba(105,145,65,1);
  display: inline-block;
  padding: 0pt 1mm 0pt 1mm;
  width: 20mm;
}