/* XXX: This stylesheet is not here to defined the application style.
 * This should be done through inline css and material-ui theme.
 *
 * This file is ONLY here, to defined the print style or not :X
 */

body {
  margin: 0;
  padding: 0;
}

.aor-field {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.aor-field label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

@media not print {
  .aor-only-print {
    display: none !important;
  }
}

@media only print {
  @page {
    size: landscape;
    max-height: 100%;
    max-width: 100%;
  }
  .body {
    overflow: hidden !important;
    transform: scale(0.9);
    transform-origin: (center);
  }

  .aor-no-print {
    display: none !important;
  }

  .aor-layout-appbar,
  .aor-layout-sidebar,
  .aor-show-actions {
    display: none !important;
  }

  .aor-layout-content {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background-color: white !important;
  }

  .aor-show-layout {
    background-color: #fff !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 !important;
  }

  .aor-show-layout .title {
    text-align: center;
  }

  .aor-only-print label,
  .aor-only-print a,
  .aor-only-print span,
  .aor-only-print div {
    font-size: 9px !important;
    color: black !important;
    text-decoration: none !important;
  }

  .aor-only-print table {
    border: 1px !important;
  }

  .aor-only-print tr,
  .aor-only-print th,
  .aor-only-print td {
    text-align: center !important;
    padding: 0px !important;
    height: 24px !important;
  }
}