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

body {
    font               : 400 12pt/1.2 Arial,sans-serif;
/*  color              : black; */
/*  background-color   : grey; */
/*  border             : none; */
    padding            : 10mm;
    margin             : 0;
    width              : 190mm;
    max-width          : 100%;
    background         : white;
}

h1, h2, h3, h4 { 
    padding            : 0;
    margin             : 0;
    font-size          : 16pt;
}

h2 {
    padding-block      : 0 0.5em;
}

input, 
select {
    font               : 400 12pt/1.2 Arial,sans-serif;
/*  color              : black; */
/*  background-color   : white; */
    border             : none;
    padding            : 0;
    margin             : 0;
    width              : 90%;
    display            : inline;
}

.backgrounding,
.finishing,
.feed,
.backgrounding table,
.finishing table,
.feed table,
.content {
    width              : 100%;
    max-width          : 100%;
}

header, 
footer,
.popup, 
.button-container,
.do-not-print {
    display            : none; 
}

.short-terms {
    width              : 100%;
    max-width          : 100%;
}

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

table {
    font               : 400 12pt/1.2 Arial,sans-serif;
    border             : 2px solid black;
    border-spacing     : 0;
    padding            : 1rem;
    width              : 100%;
}

td {
    font               : 400 12pt/1.2 Arial,sans-serif;
    text-align         : center;
    padding-block      : 0.5rem; 
    position           : relative;
}

td:first-of-type {
    text-align         : left;
    padding-inline-end : 1rem;
}

.title {
    text-align         : left;
}

span :has(+ input:empty),
span :has(+ span:empty) {
    display            : none;
}

input {
    max-width          : 90%;
}

.textbox {
    display            : inline;
}

.title {
    color              : var(--color3);
}