table,
tr,
td,
th,
tbody,
thead,
tfoot,
.block-container {
  page-break-inside: avoid !important;
}

fieldset {
  display: table-col;
  border: 1px solid #888;
  border-radius: 5px;
  page-break-inside: avoid !important;
}

legend {
  color: #666;
  padding: 0px 5px;
  font-size: 0.8em;
}

group {
  display: table;
  border-spacing: 5px 5px;
  border-collapse: separate;
}

inputblock {
  display: table-cell;
  padding: 1px 6px 0px 6px;
}

subtitle,
subtitleUPP {
  display: block;
  color: #222;
  font-size: 0.78em;
  position: relative;
  left: 0;
  top: 0;
  margin-bottom: 2px;
}

subtitleUPP {
  text-transform: uppercase;
}

info {
  display: block;
  position: relative;
  left: 0px;
  font-size: 0.9em;
  font-weight: 500;
}

.pdf-page {
  font-family: arial, sans-serif;
  font-size: 8.5px;
  margin: 0cm 0.5cm
}

.pdf-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ccc;
  display: table
}

.pdf-table tr {
  border-bottom: 1px solid #ddd
}

.pdf-table td,
.pdf-table th {
  padding: 2px 8px;
  display: table-cell;
  text-align: left;
  vertical-align: top;
  border: 1px solid #ccc;
}

.pdf-table-header {
  width: 100%;
  border: none;
  display: table
}

.pdf-table-header td,
.pdf-table-header th {
  padding: 0;
  display: table-cell;
  text-align: left;
  vertical-align: top;
  border: none;
}

.pdf-cell-center td,
.pdf-cell-center th {
  text-align: center !important;
  vertical-align: middle;
}

.important-info {
  color: black;
}

.extern-info {
  color: rgb(86, 145, 104);
  font-weight: bold;
  min-width: 2cm;
}

.alert-info {
  border: 2px solid red;
  color: rgb(248, 36, 36);
  font-weight: bold;
}

.large {
  font-size: 1.6em;
}

.small {
  font-size: 0.9em;
}

.pdf-table td,
.pdf-table th {
  vertical-align: middle;
}

.pdf-table th {
  text-transform: uppercase;
}

.pdf-table.layout,
.pdf-table.layout th,
.pdf-table.layout td {
  border: 0.2em solid;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.subtitlelayout {
  font-size: 0.65em;
  padding: 2px 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.fieldlayout {
  font-weight: bold;
  font-size: 0.9em;
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  text-align: center;
}

table {
  page-break-inside: auto !important;
}

tr {
  page-break-inside: avoid !important;
  page-break-before: auto !important;
}

td {
  page-break-inside: avoid !important
}

.fieldset,
group,
.pdf-header {
  page-break-inside: avoid !important;
  page-break-after: auto !important;
}

.container--compare-blocks {
  position: relative;
  max-width: 685px;
  margin: 10px auto
}

.compare-block,
.container--diff {
  max-width: 685px;
  margin: 20px auto;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  overflow: hidden
}

.compare-block {
  display: inline-block;
  max-width: 330px;
  vertical-align: top
}

.compare-block.compare-block-two {
  position: absolute;
  right: 0
}

.compare-block .block {
  padding: 15px;
  text-align: left
}

.small-title {
  background: #7f8c8d;
  color: #fff;
  font-size: .9em;
  padding: 3px 15px
}

.small-orange {
  font-size: 1em;
  color: rgb(251, 138, 18);
}

.title {
  padding: 20px;
  background: #1b2032;
  color: #fff
}

.diff {
  padding: 20px
}

del,
ins {
  padding: 2px;
  border-radius: 2px;
  margin: 1px 4px;
  display: inline-block;
  color: #fff
}

del {
  background: #c0392b;
  border: 1px solid #e74c3c
}

ins {
  background: #27ae60;
  border: 1px solid #2ecc71;
  text-decoration: none
}

footer {
  max-width: 400px;
  margin: 15px auto;
  text-align: center
}

footer a {
  color: #3498db;
  font-size: .8em;
  text-decoration: none;
}

footer .link-spacer {
  padding: 0 20px;
  color: #ddd
}

.layout-small-label {
  font-size: 0.6em;
  position: relative;
  top: -1mm;
}

.layout-small-label {
  font-size: 0.6em;
  position: relative;
  top: -1mm;
}

.layout-small-label-em {
  font-size: 0.6em;
  position: relative;
  top: -0.25em;
}

.layout-small-label-u {
  font-size: 0.6em;
  position: relative;
  text-decoration: underline;
  top: -1mm;
}

.layout-label {
  padding-top: 1.8mm;
  padding-left: 1mm;
  height: 10mm;
}

.layout-label.abcd {
  padding-top: 0.8mm;
  font-size: 1.5em;
  display: inline-block;
  width: 25mm;
}

.layout-label.abcdA3 {
  display: inline-block;
  padding-top: 0.8mm;
  font-size: 1.5em;

}

.layout-label-normal {
  display: inline-block;
  font-size: 1.2em;
  padding-left: 1mm;
  padding-top: 0.8mm;
}

.layout-label-em {
  padding-top: 0.45em;
  padding-left: 0.25em;
  height: 2.5em;
}

.layout-labelAndBottom {
  border-bottom: 1px solid #000;
  height: 10mm;
}

.layout-row {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10mm;
  border-bottom: 1px solid #000;
}

.layout-row.abcd {
  position: absolute;
  top: 0;
  left: 0mm;
  width: CALC(100% - 10mm);
  height: 9mm;
  border-bottom: 0.2em solid blue;
  margin: 0 5mm;
}

.layout-row.abcdA3 {
  position: absolute;
  top: 0;
  left: 0mm;
  width: CALC(100% - 10mm);
  border-bottom: 0.2em solid blue;
  height: 7mm;
  margin: 0 2mm;
}

.layout-row-em {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.5em;
  border-bottom: 1px solid #000;
}

.layout-row1340 {
  position: absolute;
  top: 0;
  left: 0;
  width: 40mm;
  height: 13mm;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.layout-field {
  font-size: 0.8em;
  text-align: center;
}

.layout-field.abcd {
  display: inline-block;
  font-size: 1em;
  text-align: left !important;
}

.layout-input {
  min-width: 12mm;
}

.layout-field13 {
  margin-top: 1.5mm;
  font-size: 0.8em;
  text-align: center;
}