@font-face {
    font-family: "Conthrax";
    src: url("../webfonts/ConthraxSb-Regular.eot");
    src:
        url("../webfonts/ConthraxSb-Regular.eot?#iefix") format("embedded-opentype"),
        url("../webfonts/ConthraxSb-Regular.woff2") format("woff2"),
        url("../webfonts/ConthraxSb-Regular.woff") format("woff"),
        url("../webfonts/ConthraxSb-Regular.ttf") format("truetype"),
        url("../webfonts/ConthraxSb-Regular.svg#ConthraxSb-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    background: #444;
    height: auto;
}

main {
    position: relative;
    margin: 0 auto !important;
    width: 21cm;
}

section {
    width: 21cm;
    min-height: 29.7cm;
    background: #fff !important;
    overflow: hidden !important;
    position: relative;
    background-image: url("../img/background2.svg") !important;
    background-size: cover !important;
}

html section {
    box-shadow: 0 0 5px #000;
    margin: 10px 0;
}

.nobreak {
    break-inside: avoid-page !important;
    min-height: 1cm;
}

.navbar-brand {
    font-family: "Conthrax", Helvetica, sans-serif;
}

header .title2 {
    padding-left: 8px;
    width: 11cm;
    height: 100%;
    position: absolute;
}

header .title2 .rangeCode {
    line-height: 0.9cm;
    vertical-align: middle;
    font-family: "Conthrax", Helvetica, sans-serif;
    font-size: 16px;
    color: #fff !important;
}

header .title2 .rangeCode .badge {
    font-size: 1.1em;
}

header .title2 .name {
    margin-top: -17px;
    vertical-align: middle;
    font-family: "Conthrax", Helvetica, sans-serif;
    font-size: 12px;
    color: #ddd !important;
}

header {
    height: 1.4cm;
    width: 100%;
    position: absolute;
}

header .title {
    height: 100%;
    width: 11cm;
    padding-left: 0.5cm;
    position: absolute;
    line-height: 1.4cm;
    vertical-align: middle;
    font-family: "Conthrax", Helvetica, sans-serif;
    font-size: 20px;
    color: #fff !important;
}
header .title span {
    vertical-align: 3px;
    padding-top: 5px;
}

header .lang {
    height: 100%;
    width: 9.5cm;
    height: 0.8cm;
    line-height: 0.8cm;
    padding-right: 0.2cm;
    position: absolute;
    right: 2.3cm;
    text-align: right;
    font-size: 12px;
    color: #ccc !important;
}
header .lang img {
    height: 0.4cm;
    margin-left: 0.2cm;
}

header #qr {
    position: absolute;
    right: 0.2cm;
    top: 0.1cm;
    height: 43px;
    width: 43px;
    background: #fff !important;
    border: solid 1px #fff;
}

header .qrTextConformity {
    font-size: 5px;
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    color: #fff;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 1.3cm;
    right: 1cm;
    top: 0.6cm;
}

header .qrTextDatasheet {
    font-size: 4px;
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    color: #fff;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 1.3cm;
    right: 1cm;
    top: 0.6cm;
}

.performances {
    position: absolute;
    width: 7.4cm;
    height: 1.4cm;
    top: 0.85cm;
    right: 2.2cm;
    font-size: 1em;
    line-height: 1.2em;
}

.performances .badge {
    transform: skew(-20deg);
}

.performances .badge.badge-dark {
    transform: skew(-20deg);
    background-color: #666 !important;
    border: none !important;
}

.performances .badge.badge-light {
    -webkit-box-shadow:
        0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow:
        0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    border: none !important;
}

picture {
    position: absolute;
    width: 10.3cm;
    height: 10.3cm;
    top: 1.6cm;
    left: 0.2cm;
}

picture img {
    max-width: 100%;
    max-height: 100%;
}

aside {
    position: absolute;
    width: 10cm;
    height: 10.3cm;
    right: 0.2cm;
    top: 2.1cm;
}

aside .references table {
    color: #fff !important;
    background: #666;
    border: 0;
}

aside .references table thead {
    border: none;
}

aside .references table thead tr:first-child th {
    font-weight: bold;
    padding: 2px 0;
    border-color: #999;
    border-bottom: #888;
}

aside .references table thead tr th:first-child {
    border-left: none;
}

aside .references table thead tr:first-child {
    border-top: none;
}

aside .references table thead tr:last-child th {
    font-size: 11px;
    padding: 2px 0 0 0;
    border-color: #999;
    border-bottom: none;
}

aside .references table tbody tr td {
    font-weight: bold;
    background: #999;
    border-color: #666;
    padding: 2px 0;
}

aside .references table tbody tr td {
    border-bottom: none;
}
aside .references table tbody tr td:first-child {
    border-left: #999;
}

aside .references table tbody tr td:last-child {
    border-right: #999;
}

div.references {
    margin-top: 10px;
}

div.references .brown-text {
    color: #e0b387 !important;
}

div.references table tr th {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
}

div.references table tr td {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 10px;
    background-color: #666;
}

article h2 {
    font-family: "Conthrax", Helvetica, sans-serif;
    color: #fff !important;
    background-color: #333;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 12px;
    display: inline-block;
    padding: 3px 10px;
}

article p {
    font-size: 12px;
    border: solid 1px #333;
    margin-top: -2px;
    margin-bottom: 0px;
    padding: 10px;
}

article ul {
    font-size: 12px;
    border: solid 1px #333;
    margin-top: -2px;
    margin-bottom: 0px;
    padding: 10px 10px 10px 30px;
}

article.packing div {
    border: solid 1px #333;
    margin-top: -2px;
    margin-bottom: 0px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

article.packing div figure {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}

article.packing div figure img {
    height: 1.3cm;
}

article.packing div figure figcaption {
    line-height: 1em;
    margin-top: 3px;
}
article.packing div figure figcaption:last-child {
    font-size: 0.8em;
}

article.description p {
    max-height: 5cm;
    overflow: hidden;
}

article.description.columns p {
    column-count: 2;
    column-gap: 15px;
    column-rule: 1px dotted #888888;
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    -webkit-column-rule: 1px dotted #888888;
}

article.description.columns p span {
    break-before: column;
    display: inline-block;
}

.complement {
    position: absolute;
    top: 11.7cm;
    left: 0.2cm;
    right: 0.2cm;
    height: 11cm;
}

.complement .icons figure {
    display: inline-block;
    vertical-align: top;
}

.complement .icons figure figcaption {
    font-size: 10px;
    text-align: center;
    max-width: 1.5cm;
    line-height: 1em;
}

.complement figure {
    margin-right: 0.2cm;
    display: inline-block;
}

.complement figure .attributeIcon {
    height: 1.5cm;
    max-height: 1.5cm;
    max-width: 1.5cm;
}

article.standards {
    position: absolute;
    bottom: 1.5cm;
    left: 0.2cm;
    right: 0.2cm;
}

article.standards.conformity {
    position: relative;
    bottom: initial;
    left: initial;
    right: initial;
}

article.standards > div {
    border: solid 1px #333;
    margin-top: -2px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 5px 5px 5px;
    text-align: center;
    vertical-align: top;
}

article.standards div figure {
    margin-bottom: 0;
}

article.standards div figure figcaption {
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 3px;
    text-align: center;
}

article.standards div figure figcaption.glassTitle {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.5em;
    color: #888;
}

article.standards div figure figcaption .badge {
    transform: skew(-20deg);
}

article.standards div figure figcaption.lead {
    font-size: 1.1em;
}

article.standards div figure img {
    height: 1.2cm;
    margin-bottom: 3px;
}

footer {
    position: absolute;
    color: #888;
    font-size: 10px;
    line-height: 11px;
    bottom: 0.7cm;
    left: 0.3cm;
    right: 3cm;
}

.list-group-flush li.list-group-item {
    padding: 0 5px;
}

.iconLink {
    display: inline-block;
    text-align: center;
    line-height: 8px;
    margin-top: 13px;
}

.iconLink span {
    display: inline-block;
    font-size: 8px;
    margin-top: 6px;
}

.table-dark {
    color: #fff !important;
    background-color: #343a40 !important;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55 !important;
    background-color: #343a40 !important;
}

div.references table tr td {
    background-color: #666 !important;
}

table.table-sm th,
table.table-sm td {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-decoration {
    color: #fff;
}
div.dataTables_wrapper div.dataTables_length select,
div.dataTables_wrapper div.dataTables_length input {
    width: 50px;
}

.dataTables_filter *,
.page-link {
    color: #fff !important;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-decoration {
    color: #ddd !important;
}

::placeholder {
    color: #ddd !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
    color: #ddd !important;
}

::-ms-input-placeholder {
    color: #ddd !important;
}

.select-wrapper span.caret {
    color: #fff;
}

.dataTables_info {
    color: #fff;
}

.pagination .page-item .page-link:hover {
    color: #444 !important;
}

.dataTables_length,
.pagination .page-item.disabled .page-link,
.dataTables_info {
    color: #868e96 !important;
}

.dataTables_length .select-dropdown.form-control {
    color: #fff !important;
    border-radius: 0;
}

ul .dropdown-content {
    color: #444 !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: 0.5em;
}

.dataTables_filter,
.select-dropdown.form-control,
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label {
    margin-bottom: 0;
}
.md-form {
    margin-top: 0;
}

.select-wrapper input.select-dropdown {
    margin-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select span,
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select .select-dropdown {
    margin-top: 0;
}

div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label {
    margin-top: 5px;
}

.md-form input:not([type]):focus:not([readonly]),
.md-form input[type="text"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="password"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="email"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="url"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="time"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="date"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="number"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="search"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="phone"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="search-md"]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}

#address {
    position: absolute;
    bottom: 2px;
    left: 8cm;
    color: #eee !important;
    font-size: 10px;
}

::-webkit-search-cancel-button {
    color: #fff !important;
    background-color: #fff;
}

.tableWrapper {
    margin-top: -18px;
}

dropdown-content li > a,
.dropdown-content li > span {
    color: #444;
}

.conformityImage {
    max-height: 2cm;
}

p.signature {
    font-size: 12px;
}

.iso {
    line-height: 1em;
}

.imageConformity {
    width: 165px !important;
    height: 165px !important;
}

header #qr img {
    height: 41px;
    width: 41px;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.row > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.performances .badge {
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}

.signature.iso {
    font-weight: bold;
}