/* * * * Copyright General 2026 Termotronic SPb Russia http://termotronic.ru * * * */

main { background:#ddd; }

.viewport {
  display: flex;
  flex-flow: column nowrap;
  gap: 30px;
  padding:30px 0;
}

.viewport .plist {
	clear:both;
	padding:2% 5%;
	background-color:#fff;
	border:solid 1px #aaa;
	border-width: .1px;
	margin:0 auto;
    width:85%;
    min-width:23cm;
	box-sizing:padding-box;
}

.viewport .plist * {
    box-sizing: border-box;
    outline:0;
    margin:0;
    padding:0;
    font-size:3.8mm;
    font-family: arial, calibri;
}

.viewport img.faximile {
    width:90%;
}

.viewport .data {
     clear:both;
}

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

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

.viewport .plist h1 {font-size:1.4em}
.viewport .plist h2 {font-size:1.2em}
.viewport .plist h3 { font-size:1.1em}

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

.viewport .comment sup,
.viewport .comment sub,
.viewport .compact sup{
    font-size: smaller;
}

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

.viewport .data table,
.viewport .data tr td,
.viewport .data tr th {
    border-spacing :0;
    border-collapse:collapse;
	border: solid 1px #aaa;
    background:transparent;
    overflow: hidden;
}

.viewport .data td,
.viewport .data th {
	white-space:normal;
	text-align:center;
    vertical-align:middle;
	padding:.1em .1em;
}

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

.viewport .data td img,
.viewport .data th img {
    margin:0;
    max-width: 100%;
}

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

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

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

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

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

.viewport .page-8 table td {
    padding:0;
}

.viewport .buttons,
.viewport .buttons * {
    color:#666;
    font-size:smaller;
}

.page-1 li:before{
    width:3em;
    height:1em;
    content:' ';
    display:inline-block;
    border:outset 1px #aaa;
    border-radius:.1em;
    margin-right:3px;
}

.viewport table tr .onstore,
.page-1 li.onstore:before {background:rgb(152, 251, 152);}

.viewport table tr .onsoon,
.page-1 li.onsoon:before  {background:rgb(249, 231, 159);}

.viewport table tr .onpro,
.page-1 li.onpro:before  {background:rgb(214, 234, 248);}

.viewport .flex-row {
    display:flex;
    flex-flow:row nowrap;
}
.viewport .footer {
    flex-grow:1;
    align-items:flex-end;
}
.viewport .footer .contacts {
    flex-grow: 1;
    white-space: pre-line;
    font-size:smaller;
}



/* * * * * * * * q-tables * * * * * * * * */

.viewport .data .t,
.viewport .t tr td,
.viewport .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: smaller;
}

.viewport .data .t tr th {
    text-align: center;
    font-weight:bold;
    text-decoration:underline;
    padding:1mm 0.5mm 0 0;
    font-size: 1em;
}

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

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

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

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

@media print {
    footer, header, .breadcrumb {display:none}
    main, main * { background:#fff;}

    .viewport {
        background-image:none;
        padding:0;
        margin:0;
        max-width:100%;
        gap:0;
    }

    .viewport .plist {
        border:none;
        box-shadow:none;
        margin:0 auto;
        padding:0;
        width:180mm;
        min-width:180mm;
	    zheight:240mm;
	}

    .viewport .plist * {
        font-size:3mm;
        font-family:arial, calibri;
	}

	.viewport .page-break {
        page-break-after: always;
	}

    .viewport .data td,
    .viewport .data th {
	    padding:.1em;
        background:#fff !important;
    }
}


@media only screen and (max-width : 768px) {
    footer, header, .breadcrumb {display:none}

    body,main   {
        background:green;
    }
    .container {
        height:370em;
        padding:0 1%;
    }

    .viewport {
        width:100%;
        padding:0 1%;
        min-width:100%;
        gap:10px;
        transform: scale(0.5);
        transform-origin: top left;
    }

     .viewport .plist {
        width:98%;
     }
}