RMA Formulier

/* NORMAAL */ #print-rma{ max-width:900px; margin:40px auto; font-family:Arial,sans-serif; } .form-box{ background:#f8f8f8; padding:30px; border-radius:20px; } /* HEADER */ .header-rma{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:20px; } .return-address{ font-size:12px; text-align:right; line-height:1.4; } /* KLANT INFO */ .customer-grid{ display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:25px; } .customer-grid input{ width:100%; } /* INPUT */ input,select{ padding:8px 14px; border-radius:25px; border:1px solid #00a94f; background:#fff; font-size:13px; } input[type=number]{ width:60px; text-align:center; } /* PRODUCT GRID */ .product-row{ display:grid; grid-template-columns:1.6fr 1.6fr 0.7fr 1.4fr 1.8fr; gap:8px; margin-bottom:8px; } /* BUTTONS */ .btn-dark{ background:#333; color:#fff; padding:10px 22px; border-radius:25px; border:none; cursor:pointer; margin-top:15px; } .btn-outline{ border:1px solid #00a94f; color:#00a94f; padding:10px 22px; border-radius:25px; background:#fff; text-decoration:none; margin-left:10px; } /* PRINT */ @media print{ html,body{ margin:0; padding:0; width:210mm; height:297mm; } body *{ visibility:hidden; } #print-rma, #print-rma *{ visibility:visible; } #print-rma{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:190mm; background:#fff; } .form-box{ background:#fff; padding:0; } input,select{ font-size:12px; padding:5px 9px; } .btn-dark, .btn-outline{ display:none; } @page{ size:A4 portrait; margin:10mm; } }