@media print {
  button {
    display: none;
  }

  html {
    overflow-x: hidden !important;

  }

  div {
    overflow-x: hidden !important;
  }

  body {
    overflow-x: hidden !important;
  
    background-repeat:no-repeat !important;

    font-size: 10px;
  }

  h4 {
    text-align: center;
  }

  .card_data {
    display: inline-block;
    border-right: 1px dashed;
    padding-right: 5px;
    padding-left: 5px;
  }

  table {
    width: 100%;
    overflow: hidden !important;
  }

  th,
  td {
    padding: 1px;
    text-align: center;
  }

  th {
    border-bottom: 2px solid #333333;
    font-size: 8px;
    border-right: 1px dashed #333;
  }

    th:last-child {
      border-right: none;
    }

  td {
    border-bottom: 1px dotted #999999;
    font-size: 10px;
    border-right: 1px dashed #333;
  }

    td:last-child {
      border-right: none;
    }

  tfoot td {
    border-bottom-width: 0px;
    border-top: 2px solid #333333;
    padding-top: 0px;
  }

    td.lasted {
        border-right: 1px dashed #333;
    }
}