/******** PRINT ****************/
@media print {

  #login-container,
  #document-list-container,
  #main-toolbar,
  #client-container,
  #user-editor-container,
  #company-editor-container,
  #loading,
  #document-notes {
    display: none !important;
  }

  @page {
    /*
    width: 210mm;
    height: 290mm;
    */
    /* size: 210mm 297mm; */
    size: a4 portrait;

    /* margin-bottom: 14cm; */
  }

  html,
  * {
    background: none;
    background-color: none;
  }

  html,
  body,
  #document-container,
  #document-editor {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    overflow: auto;
    max-height: unset;
    box-sizing: border-box;
    position: static;
    border: none;
    background: none;
    background-color: none;
  }

  #document-editor {
    font-size: 8pt;
    padding: 5mm;
  }

  #document-editor .header {
    margin-top: 0px;
    font-size: 2em;
    letter-spacing: 0.2em;
  }

  #document-editor .helper {
    font-size: 6pt;
    font-family: roboto, Helvetica, sans-serif;
    font-weight: bold;
  }

  #document-editor.doc-offer {
    color: #007744;
    /* #00aa44; */
  }

  #document-number-field {
    color: #000;
  }

  #document-editor .info {
    margin: 0px 5mm 5mm;
    padding: 0px;
    grid-template-columns: 40mm auto;
  }

  #document-editor .items,
  #document-editor #list-header,
  #document-editor #list-totals,
  #document-editor #list-totals-vat {
    margin: 0 5mm;
  }

  #document-editor .item,
  #document-editor #list-header,
  #document-editor #list-totals,
  #document-editor #list-totals-vat {
    display: grid;
    grid-template-columns: 0 auto 10mm 25mm 25mm 10mm 0mm;
  }

  #document-editor .item.text-item {
    grid-template-columns: 0 auto 0;
  }

  #document-editor .item.pagebreak-item {
    grid-template-columns: 0 auto 0;
    padding: 0;
    height: 0;
    /* color: transparent;
    font-size: 0; */
    page-break-after: always;
    border: none;
  }

  #document-editor .item.pagebreak-item .title {
    display: none;
  }


  .offer-editor .item,
  .offer-editor #list-header,
  .offer-editor #list-totals,
  .offer-editor #list-totals-vat {
    display: grid;
    /* 7 cols: sort, title, Qty, Unit Price, price, VAT, delete */
    grid-template-columns: auto 10mm 25mm 25mm !important;
  }

  .offer-editor #document-editor .item.text-item {
    grid-template-columns: auto !important;
  }

  .offer-editor .sort,
  .offer-editor .delete {
    display: none;
  }

  #document-editor #list-header div {
    text-align: right;
    padding: 0;
  }

  #document-editor #list-header .title {
    text-align: left;
  }

  #document-editor .item {
    border: none;
    background: none;
    color: #000 !important;
  }

  #document-editor .field,
  #document-number-field,
  #document-client-box,
  #from-field {
    border: none;
    padding: 0px;
    background: none;
  }

  #document-client-delete {
    display: none !important;
  }

  #document-editor .item .title,
  #document-editor .item .price,
  #document-editor .item .quantity,
  #document-editor .item .unit-price,
  #document-editor .item .vat {
    border-top: none;
    border-right: none;
    border-bottom: none;
    padding-bottom: 2mm;
    /* border-top: 0.5pt solid #ddd; */
    line-height: 15px;
  }

  #document-editor .item .vat {
    border-right: none;
  }

  #document-editor .item div,
  #document-editor #list-totals div {
    padding: 0;
  }

  #document-editor .item .sort,
  #document-editor .item .delete,
  #document-editor #list-header .delete {
    border: none;
    border-right: none;
    width: 0;
    opacity: 0;
  }

  #document-editor #additem,
  #document-editor #addtextitem,
  #document-editor #addpagebreak,
  #document-client-selector,
  #document-toolbar {
    display: none;
  }

  #document-editor .result,
  #document-editor .footer {
    padding: 5mm 0 0;
    margin: 0 5mm;
    grid-template-columns: auto 40mm;
  }

  #document-editor .footer {
    padding-top: 0;
  }

  #document-editor #grand-total {
    width: 40mm;
  }

  #document-grand-total-field {
    color: #000;
  }

  #document-editor #expires {
    width: 40mm;
    margin-top: 0px;
    text-align: center;
  }

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