@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Regular.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Normal.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Medium-Italic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Light.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Italic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: TTNormsPro;
    src: url("https://share.asusworld.it/public/fonts/TT-Norms-Pro-Bold-Italic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}
*::before, *, *::after {
    -webkit-box-sizing: border-box; /*wkhtmltopdf*/
    box-sizing: border-box;
}
html,body{-ms-text-size-adjust:auto;min-height:100%;margin:0;padding:0;font-family:TTNormsPro,Verdana,sans-serif;color:#666;}
img{display:inline-block;max-width:100%;max-height:100%;}
table{width:100%;}
h1,h2,h3{margin:0;font-weight:normal;}

#datasheet{text-align:center;}
#datasheet > div{margin-bottom:-5px;}

.page {
    text-align: left;
    display: inline-block;
    background: #fff !important;
    color: #000 !important;
    border: 1px dashed #666;
    border-spacing: 10px;
}
.pageContent {
    width: calc(210mm - 40mm);
    height: calc(297mm - 38mm);
    overflow: hidden;
    margin: 18mm 20mm 20mm 20mm;
    position: relative;
}
.header {
    display: -webkit-box; /*wkhtmltopdf*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    /*padding-bottom: 1em;*/
}
.header .title{width:60%;}
.header .gallery{width:40%;}
.header #otherInfo{padding:0.5em 0;}
.header #otherInfo img{display:inline-block;max-width:200px;padding-top:0.5em;}

.specTable {

}

.specRow {
    display: -webkit-box; /*wkhtmltopdf*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
}
.specFooter {
    align-items: center;
    padding-top: 1em !important;
    margin-top: 1em;
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center;
    gap: 1em;
}
.specRow.ref {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
}
.specRow:not(.ref):not(:first-child){padding-top:1em;}
.specRow:not(.ref) + .specRow:not(.ref){padding-top:0;}
.specName,
.footerName {
    text-align: right;
    width: 25%;
    padding: 0.5em 0;
}
.specContent,
.footerContent {
    width: 75%;
    padding: 1.5em;
    font-size: 8px;
}

/*
.specRow{white-space:nowrap;}
.specName{display:inline-block;text-align: right;width:25%;padding:1em 0;vertical-align:top;}
.specContent{display:inline-block;width:75%;padding:1.4em;vertical-align:top;}
*/

.specContent > span{display:block;}
.specContent p,
.specContent span,
.footerContent p,
.footerContent span
{font-size:12px;}
.specContent p,.footerContent p{margin:0;}
.specContent > table tr:first-child td:first-child{width:1%;}
.specContent > table tr:first-child td:first-child div {
    margin-right: 1em;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 0;
    border-radius: 1em;
    border: 1px solid #000;
}
.specContent > table tr:first-child td:first-child div span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
}

@page {
    size: A4 portrait;
    margin: 0;
    /*-webkit-print-color-adjust: exact;
    print-color-adjust: exact;*/
}

@media print {
    .page{border:0;}
    .pageContent {
        width: calc(210mm - 42mm);
        height: calc(297mm - 40mm);
        overflow: hidden;
        margin: 18mm 20mm 20mm 20mm;
    }
}