@page {
  size: A4;
  margin: 15mm;
}
        
body {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  color: #000;
}

h3 {
  font-size: 10px;
  text-align: center; 
}

.cabec {
  display: grid;
}

.nav {                           /*  SERVIÇO AUTÔNOMO DE ÁGUA E ESGOTOS */
   grid-area: nav;
   margin-left: -1px;
   padding-top: 10px;   
   width: 325px;  
 }  
.content {                          /*  Rua Bernardino de Campos, 799 - Centro  */
  grid-area: content;          
  margin-left: -1px;  
  padding-top: 1px;     
  width: 325px;  
}

.sidenav {                        /*  logo_saae_small */ 
  grid-area: sidenav;
}

.advert {                         /*  Retornar  Imprimir   */
  grid-area: advert;
  width: 70;
}
.footer {                         /*  0800 77 22 195 www.saae.sp.gov.br Indaiatuba-SP  */
  grid-area: footer;
  margin-left: -1px;
  font-size: 10px;
  width: 325px;  
}


.grid-template-areas-1 {
  grid-template-areas:
    "sidenav nav advert"
    "sidenav content advert"
    "sidenav footer footer"
    ;
}

        .container {
            width: 210mm;
            max-height: 237mm;
            margin: 0 auto;
            position: relative;                        
        }
                
        .section-title {
            font-size: 11px;
            font-weight: bold;
            text-align: center;
            margin: 8px 0 3px 0;            
            padding: 3px;
            
        }
        
        .employee-info {
            width: 100%;
            margin-bottom: 5px;
            border-collapse: collapse;
        }
        
        .employee-info td {
            padding: 3px 5px;
            vertical-align: top;
        }
        
        .data-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 10px;            
            font-size: 9pt;
        }
        
        .data-table th,
        .data-table td {
            border: 1px solid #fff;
            padding: 4px;            
            vertical-align: top;
            font-size: 10px;
        }
        
        .data-table th {
            background-color: #f0f0f0;
            font-weight: bold;
            text-align: center;
        }
        
        .subtotal {
            font-weight: bold;
            background-color: #e8e8e8;
        }
        
        .footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            font-size: 9pt;
            text-align: center;
            border-top: 1px solid #000;
            padding-top: 5px;
            margin-top: 20px;
        }
        
        .footer-info {
            text-align: left;
            margin-top: 10px;
        }
        
        .float-left {
            float: left;
        }
        
        .float-right {
            float: right;
        }
        
        .clear {
            clear: both;
        }
        
        .page-number {
            text-align: right;
            font-size: 9pt;
            margin-top: 5px;
        }
        
        .value-cell {
            text-align: right;
            font-size: 10px;
            width: 80px;
        }
        
        
        /* Impressão específica */
        @media print {
            .header-site, .footer-site {
              display: none;
            }          


            body {
              height: auto;
              margin: 0;
              padding: 0;
            }            
            
            .no-print {
                display: none;
            }
        }