/* print.css */

/* ------------------------------------------------------------- */
/* override styles when printing */
/* https://stackoverflow.com/questions/47980879/reactjs-specific-component-printing-with-css */
/* https://stackoverflow.com/questions/8228088/remove-header-and-footer-from-window-print */
.print-only {
  display: none;
}

@media print {

  @page {
    size: auto;   /* auto is the current printer page size */
    margin: 15mm;

    /* landscape method */
    -webkit-transform: rotate(-90deg); 
    -moz-transform:rotate(-90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }

  html {
    margin: 0mm;
    background-color: #fff; 
  }

  body {
    margin: 0mm;
    color: #000;
    background-color: #fff; 
    border: none; /*solid 1px green;*/
    line-height: 1.10;
    font-size: 0.80rem;
  }

  .app,
    app-dashboard,
    app-root {
      display: block;
      flex-direction: unset;
      min-height: 99vh;
  }

  .div {
    padding: 0px 0px !important;
  }

  .card-header {
    padding: 0.4rem 0.8rem;
  }

  .main .container-fluid {
    padding: 0 0px;
  }

  /* remove top margin */
  .header-fixed .app-body {
    margin-top: 0mm;
  }

/* revalidate...
  .print-container {
    max-height: non;
    overflow-y: auto;
    margin: 0;
  }
*/
  /* prevent blank space on left */
  .sidebar-fixed .main, .sidebar-fixed .app-footer {
    margin-left: 0 !important;
  }
  /* Prevent evil overflow on right when sidebar is clicked */
  .sidebar-mobile-show .main {
    margin-right: 0px !important;
  }

  table {
    font-size: 10px !important;
/*  revalidate
    width: 100% !important;
    max-height: none !important;
    overflow-y: auto !important;
    margin: 0 !important;
*/
  }

  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive.table-bordered {
      border: 0; }

    .table tbody td {
      border-top: 1px solid #808080;
      border-bottom: 1px solid #808080;
      background-color: #fff;
    }
    .table thead th {
      border-top: 1px solid #808080;
      border-bottom: 2px solid #808080;
      background-color: #fff;
    }
    .table-striped tbody > tr:nth-of-type(odd) > td {
      background-color: #c0e0c0 !important;
      -webkit-print-color-adjust: exact; 
    }
    .table-striped tbody > tr:nth-of-type(even) > td {
      background-color: #fff !important;
      -webkit-print-color-adjust: exact; 
    }
/*
  .no-print {
    display: none;
  }
*/
  .print-only {
    display: block;
  }

}