@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

@media print {
  * {
    box-sizing: border-box;
  }

  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    counter-reset: page-counter 0 total-pages var(--total-pages);
    font-family: 'Open Sans', sans-serif !important;
  }

  .gx-layout-app,
  .gx-layout-content,
  .gx-main-container {
    display: none;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Open Sans', sans-serif !important;
  }

  .gx-container-planos-h,
  .gx-container-planos-v,
  .gx-tablet-plan-container {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
    color: #000 !important;
    display: block !important;
    /* margin: 0 !important; */
    /* padding: 0 !important; */
    grid-gap: 0 !important;
    text-align: center !important;
    width: 100% !important;
    font-family: 'NoirPro', 'Open Sans', sans-serif !important;
  }

  .gx-container-planos-h,
  .gx-container-planos-v .ant-descriptions-item-content {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
    color: #000 !important;
  }

  .gx-container-planos-h,
  .gx-container-planos-v .gx-waste-marker rect {
    fill: transparent !important;
  }

  .gx-item-planos {
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative;
    width: 100% !important;

    /* height: 100vh !important; */
    /* background-color: blue !important; */
  }

  /* .gx-d-on-print::before {
  counter-increment: page-counter 1;
  content: counter(page-counter) " de "counter(total-pages);
} */

  /* counter-increment: page-counter 1;
    content: counter(page-counter) " de "counter(total-pages); */

  .gx-page-flip {
    display: block;
    page-break-before: always;
  }

  /* TABLE */
  .gx-table-custom-imd .ant-table-thead {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
    background: #f9f9f9 !important;
  }

  /*OTROS*/
  .gx-cute-line {
    stroke: #f00;
    stroke-width: 2px;
    marker-end: url(#arrow);
  }

  .gx-btn-print {
    display: none !important;
  }

  .ec-print-pattern-black-and-white .gx-scrap,
  .ec-print-pattern-black-and-white .gx-unscrap {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
    fill: #b0b2b5 !important;
  }

  /* SHOW-HIDE-ON-PRINT */
  .gx-print-d-none {
    display: none !important;
  }

  .gx-d-on-print-block {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
    display: block !important;
    color: #000;
  }

  .gx-show-on-print {
    display: block !important;
    position: fixed !important;
    font-size: 14px !important;
    right: 0;
    bottom: -5px;
    margin-right: 0.5cm;
    padding-top: 0.5cm;
    z-index: 100;
  }

  #gx-reporte-proyecto {
    font-size: 14px !important;
  }

  #gx-reporte-proyecto table tr td,
  #gx-reporte-proyecto table tr th {
    font-size: 16px !important;
  }

  #gx-reporte-proyecto .ant-table-title {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
    background-color: #f5f5f5;
  }

  .ant-descriptions-view table tbody tr .ant-descriptions-item-label,
  .ant-descriptions-view table tbody tr .ant-descriptions-item-content {
    font-size: 16px !important;
  }

  .gx-table-title-on-print {
    font-size: 18px !important;
  }

  /* etiquetas */
  .gx-main-container-labels-print {
    height: 100vh !important;
  }

  /*
   Eliminar color 🔥 de plano al imprimir
   */
  .ec-print-pattern-black-and-white .gx-rect-parts {
    fill: #fff !important;
  }

  .ec-print-pattern-black-and-white .gx-on-print-color,
  .ec-print-pattern-black-and-white .gx-board-size,
  .ec-print-pattern-black-and-white .gx-text-waste {
    fill: #000 !important;
  }

  .ec-print-pattern-black-and-white .gx-on-print-color-waste {
    fill: #c0c3c6 !important;
  }

  .ec-print-pattern-black-and-white .ec-print-pattern-black-and-white .gx-cute-line {
    stroke: #000 !important;
  }

  .ec-print-pattern-black-and-white .gx-print-color-text {
    color: #000000 !important;
  }

  /* .ec-print-pattern-black-and-white .gx-plane-table thead { */
  /* background: transparent !important; */
  /* } */

  .ec-print-pattern-black-and-white .gx-plane-table,
  .ec-print-pattern-black-and-white .gx-plane-table th,
  .ec-print-pattern-black-and-white .gx-plane-table td {
    border: 1px solid #979797 !important;
    font-size: 12px;
  }

  /* Imprimir plano blanco y negro o colores v2*/
  .ec-print-black-and-white-pattern-v2 text {
    fill: #000 !important;
  }


  .ec-print-black-and-white-pattern-v2 .ec-pattern-part {
    fill: #fff !important;
  }

  .ec-print-black-and-white-pattern-v2 .ec-pattern-waste-part {
    fill: #d8d9db !important;
  }

  .ec-print-black-and-white-pattern-v2 path {
    fill: #000 !important;
  }

  .ec-print-black-and-white-pattern-v2 line {
    stroke: #000 !important;
  }

  .ec-print-black-and-white-pattern-v2 .gx-plane-table thead,
  .ec-print-black-and-white-pattern-v2 .gx-plane-table th {
    /* .ec-print-black-and-white-pattern-v2 .gx-plane-table td */
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    border: 1px solid #979797 !important;
    font-size: 12px;
    /* background-color: #ffffff !important; */

  }


  /* Reporte tableros */
  /* .gx-report-table-container span.ant-table-row-indent.indent-level-1,
  span.ant-table-row-expand-icon.ant-table-row-spaced,
  .ant-table-row-expand-icon.ant-table-row-expanded {
    display: none !important;
  } */

  .gx-print-footer {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    color: #000;
    font-size: 11px !important;
  }


  .gx-print-header {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
    display: block !important;
    position: fixed;
    width: 100%;
    top: 0;
    right: 1cm;
    text-align: right;
    font-size: 16px !important;
    color: #000;
    float: right;
  }

  .gx-bottom-fixed {
    display: block !important;
    position: fixed;
    bottom: 0;
    text-align: center;
    font-size: 14px !important;
    z-index: 99;
    background: #fff;
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
  }

  .gx-d-on-print {
    display: block !important;
    font-size: 16px !important;
    z-index: 999;
  }

  /* .gx-remove-border-card-on-print {
    border: none !important;
    padding: 0;
    margin: 0;
  }

  .gx-remove-border-card-on-print .ant-card-body,
  .gx-remove-border-card-on-print .ant-card-head {
    border: none !important;
    padding: 0;
    margin: 0;
  }

  .gx-remove-border-card-on-print {
    border: none !important;
    padding: 0;
    margin: 0;
  } */

  /* Page title */
  .ant-page-header-content,
  .ant-page-header-heading-title,
  .ant-page-header-ghost {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
  }

  /*planos*/
  .ant-descriptions-small .ant-descriptions-row>th,
  .ant-descriptions-small .ant-descriptions-row>td {
    padding-bottom: 0 !important;
  }

  /* PLANO */
  .gx-descripcion-plane-container,
  .gx-descripcion-plane-container-v2 {
    border-bottom: 1px solid rgb(71, 71, 71);

    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background: transparent !important;
    border-color: #000 !important;
  }

  /*ESTILOS TABLA -> SALTO DE LINEA*/
  table.gx-plane-table tbody {
    page-break-inside: avoid;

    /* overflowWrap: 'breakWord' */
  }

  .gx-break-line {
    overflow-wrap: break-word !important;
  }

  .gx-company-name-container,
  .gx-company-name {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    print-color-adjust: exact;
  }

  @page {
    margin-top: 4mm !important;
    margin-right: 6mm !important;
    margin-bottom: 6mm !important;
    margin-left: 4mm !important;
  }
}