html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}


@media print {
  body * {
    visibility: hidden; /* Hide everything in the body when printing... */
  }
  .tablePrint, .tablePrint * {
    visibility: visible; /* ...except the table and its contents. */
  }
  .tablePrint {
    position: absolute;
    left: 0;
    top: 0;
  }

  .cardview, .cardview * {
    visibility: visible; /* ...except the table and its contents. */
    display: block;
  }
  .cardview {
    position: absolute;
    left: 0;
    top: 0;
  }
}