:root 
{
  --color-primary-dark: #283B68;
  --color-primary-light: #0064E1;
  --color-gray: #AAA;  
  --color-dark-gray: #777;
}
@media all
{
  @page
  {
    padding-top: 0mm;
    margin-bottom: 0mm;
    size: A4 portrait;
    orphans: 4;
    widows: 2;
  }

  body
  {
    font-family: 'Noto Sans';
    width: 210mm;
  }

  .qr-code
  {
    float: right;
    padding-left: 5mm;
  }
  
  .manufacturer-logo
  {
    float: right;
    margin-top: 5mm;
  }
  .opis-ikony-kontener 
  {
    display: block;
    margin-top: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
  }

  .opis-ikony 
  {
    display: inline !important;
    margin-right: 10px !important; 
  }

  .bg-dark-blue
  {
    background: #1d385f;
  }

  .color-blue-text
  {
    color: var(--color-primary-dark);
  }

  .color-bk
  {
    color: #333;
  }

  .height-10mm
  {
    height: 10mm;
  }

  .height-8mm
  {
    height: 8mm;
  }
  .height-1mm
  {
    height: 1px;
  }

  .hdr-gray-stripe
  {
    background: var(--color-gray);
    height: 2px;
  }

  .ftr-grey-stripe
  {
    background: var(--color-gray);
    height: 1px;
  }

  .lmargin-5mm
  {
    margin-left: 5mm;
  }

  .lmargin-10mm
  {
    margin-left: 10mm;
  }

  .tmargin-5mm
  {
    margin-top: 5mm;
  }

  .tmargin-2mm
  {
    margin-top: 2mm;
  }

  .bmargin-5mm
  {
    margin-bottom: 5mm;
  }

  .bmargin-2mm
  {
    margin-bottom: 2mm;
  }

  .tmargin-2mm
  {
    margin-top: 2mm;
  }

  .font-18pt
  {
    font-size: 18pt;
  }

  .font-15pt
  {
    font-size: 15pt;
  }

  .font-14pt
  {
    font-size: 14pt;
  }

  .font-upper
  {
    text-transform: uppercase;
  }

  .bold
  {
    font-weight: bold;
  }

  .hdr-tile
  {
    max-width: 100px;
  }

  ul,
  img
  {
    page-break-inside: avoid;
    max-width: 600px;
    overflow: hidden;
  }

  h5
  {
    font-size: 14pt;
  }

  p
  {
    text-align: justify;
    max-width: 200mm;
    page-break-inside: avoid;
    font-size: 12pt;
    page-break-after: auto;
  }

  img
  {
    page-break-inside: avoid;
  }

  span
  {
    display: none;
  }

  .naglowek
  {
    background: var(--color-white);
    width: 210mm;
    top: 0mm;
    display: block;
  }

  .article
  {
    margin-top: 0.8cm;
    width: 210mm;
    display: block;
  }

  .specyfikacja
  {
    overflow: hidden;
    page-break-inside: avoid;
    padding-top: 2mm;
    width: 100%;
  }

  .specyfikacja td
  {
    padding-right: 20mm;
  }

  .stopka
  {
    font-size: 8pt;
    margin-top: 10mm;
    text-align: center;
  }
}
