/* * * * Copyright General 2018 Termotronic SPb Russia http://termotronic.ru * * * */
* {box-sizing: border-box; outline:0}

body {
    background:#636a6a;
    margin:0;
    padding:1em 0;
}

h1, p, div {margin:0; padding:0;}
img {border:0}

.viewport{
    transform:scale(1.3);
    transform-origin:center top;
}

body, .plist, table, th{
	font:normal 2.8mm arial, calibri;
}

.plist {
	clear:both;
	padding:5mm 10mm;
	background-color:#fff;
	border:solid 1px #aaa;
	border-width: 0 1px 1px 0;
	margin:0 auto 2mm auto;
	width:180mm;
	height:250mm;
	overflow:hidden;
	box-sizing:padding-box;
}

img.faximile {
    width:90%;
}

.data {
    height:90%;
    clear:both;
}

.data table {
    clear:both;
	margin-top:0;
    width:99.9%;
    line-height:1.15em;
}

h1, .h1 {
    text-align:center;
    clear:both;
    font-family:segoeui, arial;
    margin-top:0.7em;
    padding-bottom:1.7mm;
    font-weight: bold;
    font-size:1.4em
}

h2, .h2 {
    text-align:center;
    clear:both;
    font-family:segoeui, arial;
    margin-top:0.7em;
    padding-bottom:1.7mm;
    font-weight: bold;
    font-size:1.2em
}

span{
    display:block;
    font-weight: normal;
    font-size: 0.7em;
    margin-top:0.5em;
}

a, th a {
	text-decoration:none;
	color:#000;
}

.data table, .data tr td, .data tr th {
    border-spacing :0;
    border-collapse:collapse;
	border: solid 1px #666;
    background:transparent;
    /*white-space: nowrap;*/
}

td, .strip td, th, td.wide {
	white-space:normal;
	text-align:center;
    vertical-align:middle;
}
td, .strip td{
	padding:0.1mm 0.4mm;
}

th {padding:0.3mm 1mm;}

dl {
    display:inline-block;
    white-space:nowrap;
    padding:0 0.3mm;
    margin:0;
    font-style:inherit;
    font-weight:inherit;
}


.data td img, .data th img {
    margin:0;
}

.data .left {text-align:left}
.data .lefts {text-align:left;padding-left:0.6em; text-indent:1.2em}
.data .right {text-align:right; padding:0;}
.data .bot {vertical-align:bottom;}
.data .top {vertical-align:top;}
.data .left.bot {font-size:1.1em;}

.data .nowrap,
.compact tbody td,
.compact tbody th {
    white-space:nowrap;
}

.wide, .compact .wide, .strip .wide{
    text-align:right;
    width:21mm;
    padding:1mm 0;
    background-color:#fff;
}

.wide img{
    max-width:18mm;
    margin:1mm;
}


.comment{
	padding:0.33em;
	text-align:left;
	width:150mm;
	font-size:0.8em;
}

.data .strip { background: #f7f5f0; }

.footer {
    font-size:0.9em;
    overflow:auto;
    position:relative;
    bottom:0px;
}


/* * * * * * * * q-tables * * * * * * * * */
.data .t {
    clear:right;
    width:100mm;
    border:none;
    float:right;
    margin:2mm 12mm 2mm 0;
}

.data .t, .t tr td, .t tr th {
    border-style:none;
    border-width:1px;
    border-collapse:separate;
    border-spacing:1px;
    text-align: left;
    white-space: nowrap;
    vertical-align:top;
    font-size: 0.95em;
}
.data .t tr th {
    text-align: center;
    font-size:1.1em;
    font-weight:bold;
    text-decoration:underline;
    padding:1mm 0.5mm 0 0;
}

.t .bright {border-right:solid 1px #000}
.t .bleft {border-left:solid 1px #000}
.t .bbot {border-bottom:solid 1px #000; white-space: nowrap;}
.t .tright {text-align:right}

.t strong {
    margin:0.7em 0.7em 0 0;
    padding:0 0.3em;
}
.t .bbold {border-bottom:solid 2px black}

table td.w25 {width:25%; border-bottom:none; padding:.5em 0 0 0}
table td.w20 {width:20%; border-bottom:none; padding:.5em 0 0 0}
table td.w15 {width:15%;}
table td.w5 {width:5%;}

@page {
    size: portrait;
    page-size: A4; /* 210mm x 297mm */
    margin: 5mm;
}

@media print {
    body {
        text-align: center;
        background:#fff;
        padding:0;
        background-image:none;
    }
    .viewport {
        padding:0;
        transform:scale(1);
        width:99.9%;
    }
	.plist {
        border:none;
        box-shadow:none;
        margin:0;
        padding:0 0 0 10mm;
	}
	.page-break {
        page-break-after: always;
	}
	.buttons {display:none;}
}