@media print {
  .print-title {
    font-size: 24px; 
    font-weight: bold; 
    text-align: center; 
    margin-bottom: 20px; 
  }
}
.download-btn[printTitle]::before {
  content: attr(printTitle);
  display: block; 
  font-weight: bold;
  font-size: large;
  white-space: pre-line; 
  text-align: center; 
  margin-bottom: 10px; 
}
.header{
    display: flex;  
}

.table{
    display: flex;
    text-align: center;
    font-size: x-large;
    font-weight: 600;
}
.title{
    padding:20px;
    font-size: x-large;
    text-align: left;
    font-weight: 600;
}
.value {
    font-size: x-large;
    text-align: left;
    font-weight: 600;
}
.td {
    padding: 20px;
}
.th{
    padding:  20px;
    font-weight: 600;
}
.table-with-underline {
    border-collapse: collapse;
    width: 100%;
  }
  
  .table-with-underline th, .table-with-underline td {
    border: 1px solid #ddd; 
    padding: 8px; 
    text-align: left;
  }
  
  .table-with-underline th {
    background-color: #f2f2f2; 
  }
  

  .table-with-underline tr:hover {
    background-color: #f5f5f5;
  }
  @media print {
    .print-title {
      font-size: 18px; 
      font-weight: bold;
      text-align: center;
      margin-bottom: 10px;
    }
  
    .table-with-underline {
      width: 100%; 
      table-layout: fixed;
      word-wrap: break-word;
      font-size: 12px;
    }
  
    .table-with-underline th, .table-with-underline td {
      padding: 5px;
      font-size: 12px; 
    }
  
    .table-with-underline th {
      background-color: #f2f2f2;
    }
  
    .td, .th {
      padding: 10px; 
    }
  
    ion-icon {
      display: none;
    }
  
    .download-btn {
      display: none;
    }
    
    body {
      margin: 0;
      padding: 0;
      -webkit-print-color-adjust: exact; 
    }
  
    table {
      page-break-inside: auto;
    }
  
    tr {
      page-break-inside: avoid;
      page-break-after: auto;
    }
  }