.prescription-info {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0.25rem;
  .title-top
  {
    margin-top: 0rem!important;
    @media print
    {
      margin-top: 7rem!important;
    }
  }
  // zoom: 70%;
  @media print {
    font-size: 12px !important;
    .pres-photo
    {
      height: 138px!important;
    }
    .pres-title
    {
      height: 29px!important;
    }
  }
  // @media (max-width: 768px) {
  //   zoom: 26%;
  // }

  .invoice-img {
    img {
      height: 150px;
      width: 100%;
      object-fit: fill;
      @media print {
        height: 100px;
      }
    }
    p {
      @media print {
        margin: 0 !important;
        padding: 0 !important;
      }
    }
  }
  .finger-img {
    height: 210px;
    @media print {
      height: 170px;
    }
  }
  .barcode-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    img {
      width: 160px !important;
    }
    @media print {
      img {
        width: 120px;
        object-fit: cover;
      }
    }
  }
  .invoice-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .invoice-address {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 5px;
    }
  }
  .invoice-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .barcode-1 {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      img {
        width: 100px;
        height: 70px;
      }
      .barcode-1-title {
        text-align: right;
      }
    }
    .barcode-2 {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      img {
        width: 80px;
      }
      .barcode-2-title {
        text-align: right;
      }
    }
  }

  .row2 {
    .invoice-table {
      tr {
        th {
          width: 15%;
        }
        td {
          width: 35%;
        }
      }
    }
  }
  .prescription-print {
    display: none;
  }
  .prescription-only-print {
    display: block;
  }

  .medicine-print {
    display: none;
  }
  .medicine-only-print {
    display: block;
  }

  .prescription-signature {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    width: 20%;
    margin-left: auto;
    @media print {
      margin-bottom: 2rem;
    }

    .signature-line {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 280px;
    }

    .signature-officer {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 280px;
    }

    @media print {
      .signature-line {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 220px;
      }

      .signature-officer {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 220px;
      }
    }
  }

  .prescription-footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .prescription-left-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      position: relative;
    }
    .prescription-right-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
    }
  }
}

@media print {
  .prescription-info {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    font-size: 12px !important;
    .row2 {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .prescription-no-print {
      display: none;
      height: 0;
      margin: 0;
      padding: 0;
    }
    .prescription-print {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      gap: 0;
    }
    .medicine-no-print {
      display: none;
      height: 0;
      margin: 0;
      padding: 0;
    }
    .medicine-print {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      gap: 16px;
    }
    .signature-line {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 220px !important;
    }
    .prescription-footer {
      display: none;
      padding: 0;
      margin: 0;
    }
  }
}