.df-options{width:min(900px,96vw);height:min(650px,90vh);padding:12px;border:1px solid #777;background:#f1f1f1;color:#151515;font:13px Tahoma;box-sizing:border-box}
.df-options[open]{display:flex;flex-direction:column;gap:8px}.df-options header,.df-options footer,.df-filter{display:flex;align-items:center;gap:10px}.df-options header{justify-content:space-between}.df-options h2{font-size:16px;margin:0}.df-filter label{display:flex;align-items:center;gap:7px}.df-options input:not([type=checkbox]),.df-options select{height:29px;max-width:220px;font:inherit}.df-options button{font:inherit;min-height:29px;padding:3px 10px;border:1px solid #888;background:#fafafa}.df-options p{margin:0;font-size:12px;line-height:1.7}.df-scroll{flex:1;min-height:0;overflow:auto;border:1px solid #aaa}.df-options table{width:100%;border-collapse:collapse}.df-options th{position:sticky;top:0;background:#2066b2;color:white}.df-options th,.df-options td{padding:6px;border-bottom:1px solid #ccc;text-align:right}.df-options td:nth-child(n+3){text-align:center}.df-options tr:nth-child(even){background:#e5e5e5}.df-options small{color:#555;font-size:11px}.df-options input[type=checkbox]{width:16px;height:16px}.df-options output{color:#b00020}.df-options footer{justify-content:flex-end}.df-options::backdrop{background:#0004}
body #modal #modalBody :is(#tradeForm,#voucherForm,#returnForm,#chequeForm,#vxStockForm,#vxDocumentForm) .df-hidden{display:none!important}
body #modal col.df-hidden{visibility:collapse!important;width:0!important}
@media(max-width:700px){.df-filter{flex-wrap:wrap}.df-options{width:96vw}.df-options table{font-size:12px}}
body #modal #modalBody #tradeForm.ref-hide-middle .ref-header [data-field]:is([data-field=partyTax],[data-field=deliveryAddress],[data-field=referenceNumber],[data-field=notes]){display:none!important}