/*============================================================== REGAL HMS FRAMEWORK print.css Version : 1.0 ==============================================================*/ /*============================================================== PAGE ==============================================================*/ @page{ size:A4; margin:10mm; } /*============================================================== BODY ==============================================================*/ @media print{ body{ background:#ffffff !important; color:#000000 !important; font-family:Arial,Helvetica,sans-serif; font-size:13px; margin:0; padding:0; } } /*============================================================== CONTAINER ==============================================================*/ .print-container{ width:100%; margin:auto; } /*============================================================== HEADER ==============================================================*/ .print-header{ display:flex; justify-content:space-between; align-items:center; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px; } /*============================================================== LOGO ==============================================================*/ .print-logo{ width:80px; height:80px; object-fit:contain; } /*============================================================== HOSPITAL ==============================================================*/ .print-hospital{ flex:1; text-align:center; } .print-hospital h2{ margin:0; font-size:24px; font-weight:700; } .print-hospital p{ margin:2px 0; font-size:13px; } /*============================================================== REPORT TITLE ==============================================================*/ .print-title{ text-align:center; font-size:18px; font-weight:700; margin:15px 0; text-transform:uppercase; } /*============================================================== SECTION ==============================================================*/ .print-section{ margin-bottom:20px; } /*============================================================== TABLE ==============================================================*/ .print-table{ width:100%; border-collapse:collapse; } .print-table th{ border:1px solid #000; background:#f2f2f2; padding:8px; font-weight:700; } .print-table td{ border:1px solid #000; padding:8px; } /*============================================================== LABEL ==============================================================*/ .print-label{ font-weight:700; width:180px; } /*============================================================== VALUE ==============================================================*/ .print-value{ color:#000; } /*============================================================== TEXT ==============================================================*/ .text-center{ text-align:center; } .text-right{ text-align:right; } .text-left{ text-align:left; } /*============================================================== PART-1 END ==============================================================*/ /*============================================================== PATIENT INFORMATION ==============================================================*/ .patient-info{ width:100%; border:1px solid #000; margin-bottom:15px; border-collapse:collapse; } .patient-info td{ padding:8px; border:1px solid #000; vertical-align:top; } .patient-photo{ width:100px; height:120px; object-fit:cover; border:1px solid #000; } /*============================================================== DOCTOR INFORMATION ==============================================================*/ .doctor-info{ margin-top:20px; margin-bottom:20px; font-size:14px; } .doctor-name{ font-size:18px; font-weight:700; } .doctor-degree{ font-size:13px; } .doctor-reg{ font-size:12px; } /*============================================================== PRESCRIPTION ==============================================================*/ .prescription{ min-height:350px; margin-top:20px; } .prescription h4{ margin-bottom:15px; border-bottom:1px solid #000; padding-bottom:5px; } /*============================================================== MEDICINE TABLE ==============================================================*/ .medicine-table{ width:100%; border-collapse:collapse; } .medicine-table th, .medicine-table td{ border:1px solid #000; padding:8px; } .medicine-table th{ background:#f2f2f2; } /*============================================================== LAB REPORT ==============================================================*/ .lab-report{ width:100%; border-collapse:collapse; } .lab-report th{ background:#f2f2f2; } .lab-report th, .lab-report td{ border:1px solid #000; padding:8px; } /*============================================================== RECEIPT ==============================================================*/ .receipt-box{ border:2px solid #000; padding:15px; margin-top:20px; } /*============================================================== INVOICE ==============================================================*/ .invoice-total{ font-size:18px; font-weight:700; text-align:right; margin-top:15px; } /*============================================================== QR CODE ==============================================================*/ .print-qr{ width:90px; height:90px; } /*============================================================== BARCODE ==============================================================*/ .print-barcode{ width:180px; height:50px; } /*============================================================== SIGNATURE ==============================================================*/ .signature-section{ display:flex; justify-content:space-between; margin-top:50px; } .signature-box{ width:220px; text-align:center; } .signature-line{ border-top:1px solid #000; margin-top:45px; padding-top:5px; } /*============================================================== HOSPITAL SEAL ==============================================================*/ .hospital-seal{ width:100px; height:100px; border:2px dashed #000; border-radius:50%; display:flex; justify-content:center; align-items:center; margin:auto; } /*============================================================== FOOTER ==============================================================*/ .print-footer{ margin-top:30px; border-top:1px solid #000; padding-top:10px; text-align:center; font-size:12px; } /*============================================================== PAGE NUMBER ==============================================================*/ .page-number{ position:fixed; bottom:10mm; right:10mm; font-size:12px; } /*============================================================== WATERMARK ==============================================================*/ .watermark{ position:fixed; top:40%; left:20%; font-size:90px; color:rgba(0,0,0,.05); transform:rotate(-35deg); z-index:-1; } /*============================================================== REPORT SUMMARY ==============================================================*/ .report-summary{ border:1px solid #000; padding:12px; margin-top:20px; } /*============================================================== PRINT BADGE ==============================================================*/ .print-badge{ display:inline-block; border:1px solid #000; padding:4px 10px; font-size:12px; border-radius:20px; } /*============================================================== NO PRINT ==============================================================*/ .no-print{ display:none !important; } /*============================================================== PART-2 END ==============================================================*/ /*============================================================== DISCHARGE SUMMARY ==============================================================*/ .discharge-summary{ border:1px solid #000; padding:15px; margin-bottom:20px; } .discharge-summary h3{ text-align:center; margin-bottom:15px; } /*============================================================== OP TICKET ==============================================================*/ .op-ticket{ border:2px solid #000; padding:12px; width:100%; } .op-ticket td{ padding:6px; } /*============================================================== IP CASE SHEET ==============================================================*/ .case-sheet{ width:100%; border-collapse:collapse; } .case-sheet th, .case-sheet td{ border:1px solid #000; padding:8px; } .case-sheet th{ background:#f3f3f3; } /*============================================================== ID CARD ==============================================================*/ .print-id-card{ width:340px; border:2px solid #000; border-radius:8px; overflow:hidden; margin:auto; } .print-id-header{ background:#000; color:#fff; text-align:center; padding:8px; font-size:18px; font-weight:bold; } .print-id-body{ padding:15px; text-align:center; } .print-id-photo{ width:100px; height:120px; object-fit:cover; border:1px solid #000; } /*============================================================== THERMAL RECEIPT (80MM) ==============================================================*/ .thermal-print{ width:80mm; margin:auto; font-size:12px; font-family:monospace; } .thermal-print table{ width:100%; } .thermal-print td{ padding:2px 0; } /*============================================================== A5 PAPER ==============================================================*/ .print-a5{ width:148mm; min-height:210mm; margin:auto; } /*============================================================== LANDSCAPE ==============================================================*/ .landscape{ width:100%; } /*============================================================== PAGE BREAK ==============================================================*/ .page-break{ page-break-before:always; } .page-break-after{ page-break-after:always; } .no-page-break{ page-break-inside:avoid; } /*============================================================== PRINT IMAGE ==============================================================*/ .print-image{ max-width:100%; height:auto; } /*============================================================== REPORT TOTAL ==============================================================*/ .report-total{ font-size:18px; font-weight:bold; text-align:right; margin-top:15px; } /*============================================================== REPORT SIGNATURE ==============================================================*/ .report-sign{ display:flex; justify-content:space-between; margin-top:60px; } .report-sign div{ width:200px; text-align:center; } .report-sign hr{ border:1px solid #000; } /*============================================================== HIDE SCREEN ==============================================================*/ @media screen{ .print-only{ display:none; } } /*============================================================== PRINT ONLY ==============================================================*/ @media print{ .screen-only{ display:none !important; } .print-only{ display:block !important; } } /*============================================================== TABLE HEADER REPEAT ==============================================================*/ thead{ display:table-header-group; } tfoot{ display:table-footer-group; } /*============================================================== AVOID BREAK INSIDE TABLE ==============================================================*/ table{ page-break-inside:auto; } tr{ page-break-inside:avoid; } td{ page-break-inside:avoid; } /*============================================================== MARGIN UTILITIES ==============================================================*/ .mt-print-10{ margin-top:10px; } .mt-print-20{ margin-top:20px; } .mb-print-10{ margin-bottom:10px; } .mb-print-20{ margin-bottom:20px; } /*============================================================== BORDER UTILITIES ==============================================================*/ .print-border{ border:1px solid #000; } .print-border-top{ border-top:1px solid #000; } .print-border-bottom{ border-bottom:1px solid #000; } /*============================================================== TEXT UTILITIES ==============================================================*/ .print-bold{ font-weight:bold; } .print-small{ font-size:11px; } .print-large{ font-size:18px; } /*============================================================== ALIGNMENT ==============================================================*/ .print-center{ text-align:center; } .print-left{ text-align:left; } .print-right{ text-align:right; } /*============================================================== PRINT.CSS COMPLETED VERSION : 1.0 ==============================================================*/