/*---- PRINT ----*/

@media print {
  @page {
    size: letter;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  html, body { width: 8.5in; height: 11in; margin: 0; padding: 0; }
  body { visibility: hidden; max-width: 100%; min-width: 100%; width: 100%; margin: 0; padding: 0; background-color: white; color: black; font-size: 0.8rem; }
  main { visibility: visible; position: absolute; left: 0; top: 0; }
  content { height: 100%; margin: 0; margin-top: 50px; padding: 0; overflow: visible; }
  sidebar { display: none; }
  toolbar { margin: 0; apdding: 0; }
  toolbar * { display: none; }
  toolbar h1 { display: block; margin: 0; margin-left: -40px; padding: 0; }
  spacer  { display: block; height: 140px; }
  header { position: absolute; top: 0; display: block; width: 100%; height: 100px; max-height: 100px; margin: 0; }
  header.none { }
  header.text { }
  header.graph { max-width: 100%; width: 100%; }
  header.graph img { object-fit: contain; }
  header h1 { margin: 0; }
  header p { margin: 0; }
  footer { position: absolute; bottom: 10px; display: block; width: 100%; height: 100px; max-height: 100px; margin: 0; text-align: center; }
  footer.none { }
  footer.text { }
  footer.graph { max-width: 100%; width: 100%; }
  footer.graph img { object-fit: contain; }
  footer h1 { margin: 0; }
  footer p { margin: 0; }
  toolbar * { visibility: hidden; }
  toolbar h1 { visibility: visible; /*margin: 0; margin-left: -40px; padding: 0;*/ }
  table td { border: 1px solid transparent !important; }
  .icon { display: none; }
  li { margin: 0 0 4px 0; }
  label { display: inline-block; width: 100px; margin: 0; padding: 0; }
  input.w100, input.w200, input.w300, input.w400, input.w500 { width: 100%; }
  input { display: inline-block; width: 100%; margin: 0; padding: 0; }
  input, textarea { width: auto; border: 1px solid transparent !important; color: #000; background-color: #fff; }
  li hbar { display: inline-block; width: auto; margin: 0; padding: 0; }
  .listItems { margin-top: 40px; }
  .listItems tbody td input { margin: 0; padding: 0; font-size: 0.8rem; }
  .listItems th:nth-child(1), .listItems td:nth-child(1) { display: none; } /* del button */
  .listItems th:nth-child(6), .listItems td:nth-child(6) { display: none; } /* taxes  */
  .totals li { margin: 0; padding: 0; }
  .totals li label { font-size: 0.8rem; }
  .totals li input { margin: 0; padding: 0; }
  .bizname { display: none; }
  .doctop li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0 0 4px 0; padding: 0; }
  .doctop input{ margin: 0; padding: 0; }
  .control li { display: block; width: 100%; margin: 0; padding: 0; }
  .control label { display: block; width: 100%; margin: 0 0 4px 0; padding: 0; }
  .noshow { display: none; }
}

/* PREVIEW  */

preview {
  display: none;
  position: fixed;
  width: 60%;
  height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 0 20px 10px #00000044;
  overflow-y: scroll;
}

/*preview { visibility: visible; position: absolute; left: 0; top: 0; }*/
/*preview main { visibility: visible; position: absolute; left: 0; top: 0; }*/
.preview content { height: 100%; padding: 0; overflow: visible; }
.preview sidebar { display: none; }
.preview toolbar { margin: 0; apdding: 0; }
.preview toolbar * { display: none; }
.preview toolbar h1 { display: block; margin: 0; margin-left: -40px; padding: 0; }
.preview input, .preview textarea { border: 1px solid transparent !important; }
.preview table td { border: 1px solid transparent !important; }
.preview .icon { display: none; }


.print html, .print body { width: 8.5in; height: 11in; margin: 0; padding: 0; }
.print body { visibility: hidden; max-width: 100%; min-width: 100%; width: 100%; margin: 0; padding: 0; background-color: white; color: black; font-size: 0.8rem; }
.print main { visibility: visible; position: absolute; left: 0; top: 0; }
.print content { height: 100%; margin: 0; margin-top: 50px; padding: 0; overflow: visible; }
.print sidebar { display: none; }
.print toolbar { margin: 0; apdding: 0; }
.print toolbar * { display: none; }
.print toolbar h1 { display: block; margin: 0; margin-left: -40px; padding: 0; }
.print spacer  { display: block; height: 140px; }
.print header { position: absolute; top: 0; display: block; width: 100%; height: 100px; max-height: 100px; margin: 0; }
.print header.none { }
.print header.text { }
.print header.graph { max-width: 100%; width: 100%; }
.print header.graph img { object-fit: cover; }
.print header h1 { margin: 0; }
.print header p { margin: 0; }
.print footer { position: absolute; bottom: 10px; display: block; width: 100%; height: 100px; max-height: 100px; margin: 0; text-align: center; }
.print footer.none { }
.print footer.text { }
.print footer.graph { max-width: 100%; width: 100%; }
.print footer.graph img { object-fit: cover; }
.print footer h1 { margin: 0; }
.print footer p { margin: 0; }
.print toolbar * { visibility: hidden; }
.print toolbar h1 { visibility: visible; /*margin: 0; margin-left: -40px; padding: 0;*/ }

.print table { page-break-inside:auto }
.print tr    { page-break-inside:avoid; page-break-after:auto }
.print thead { display:table-header-group }
.print tfoot { display:table-footer-group }
.print table td { border: 1px solid transparent !important; }
.print .icon { display: none; }
.print li { margin: 0 0 4px 0; }
.print label { display: inline-block; width: 100px; margin: 0; padding: 0; }
.print input { display: inline-block; width: auto; margin: 0; padding: 0; }
.print input.w100, .print input.w200, .print input.w300, .print input.w400, .print input.w500 { width: auto; }
.print input, .print textarea { width: auto; border: 1px solid transparent !important; color: #000; background-color: #fff; }
.print li hbar { display: inline-block; width: auto; margin: 0; padding: 0; }
.print .listItems { margin-top: 40px; }
.print .listItems tbody td input { margin: 0; padding: 0; font-size: 0.8rem; }
.print .listItems tbody td textarea { margin: 0; padding: 0; font-size: 0.8rem; font-family: sans-serif; border: none; height: auto; field-sizing: content; }
.print .listItems th:nth-child(1), .print .listItems td:nth-child(1) { display: none; } /* del button */
.print .listItems th:nth-child(6), .print .listItems td:nth-child(6) { display: none; } /* taxes  */
.print .totals li { margin: 0; padding: 0; }
.print .totals li label { font-size: 0.8rem; }
.print .totals li input { margin: 0; padding: 0; }
.print .bizname { display: none; }
.print .doctop li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0 0 4px 0; padding: 0; }
.print .doctop input{ margin: 0; padding: 0; }
.print .control li { display: block; width: 100%; margin: 0; padding: 0; }
.print .control label { display: block; width: 100%; margin: 0 0 4px 0; padding: 0; }
.print .noshow { display: none; }