/* Layout-only thumbnails. Company and document colours appear in the PDF. */
.document-styles,.quick-document .document-styles{grid-template-columns:repeat(4,minmax(0,1fr))}
.style-thumb-11 .style-head{border-top:3px solid #929292;border-bottom:1px solid #929292;padding-top:4px;align-items:flex-start;flex-direction:column;gap:6px}.style-thumb-11 .style-head i{width:12px;height:8px;background:#b0b0b0}.style-thumb-11 .style-head b{font-size:6px;letter-spacing:.6px}.style-thumb-11 .style-table b{background:#eee}.style-thumb-11 .style-parties{margin-top:6px}.style-thumb-11 .style-total{width:100%;height:7px;background:#eee;border-top:0;border-right:2px solid #929292}
.style-thumb-12 .style-head{background:#292929;color:#fff;padding:5px 4px;border-bottom:3px solid #a4a4a4;flex-direction:column;align-items:flex-end;gap:7px}.style-thumb-12 .style-head i{background:#fff;width:14px;height:6px}.style-thumb-12 .style-head b{font-family:Georgia,serif;font-size:6px;font-weight:400;letter-spacing:0}.style-thumb-12 .style-table b{background:#fff;border-top:1px solid #292929;border-bottom:1px solid #bbb}.style-thumb-12 .style-total{width:100%;height:6px;border-top:1px solid #292929;border-bottom:3px double #292929}
.style-thumb-13 .style-head{position:relative;align-items:flex-start;flex-direction:row-reverse;min-height:28px;border:0;border-bottom:1px solid #666;padding-top:0}.style-thumb-13 .style-head:before{content:'';position:absolute;left:0;top:0;width:30px;height:12px;background:linear-gradient(#292929 0 4px,transparent 4px 6px,#292929 6px 10px,transparent 10px)}.style-thumb-13 .style-head i{width:10px;height:7px;background:#929292}.style-thumb-13 .style-head b{margin-top:18px;font-size:4px;font-weight:400;letter-spacing:0}.style-thumb-13 .style-table b{background:#fff;border-bottom:1px solid #aaa}.style-thumb-13 .style-total{width:30px;height:9px;border-top:1px solid #666;background:linear-gradient(to left,#292929 0 26px,transparent 26px) bottom right/100% 4px no-repeat}
.style-thumb-14 .style-head{background:#aaa;color:#222;padding:5px 4px 7px;border:0;flex-direction:column;align-items:flex-start;gap:7px}.style-thumb-14 .style-head i{width:13px;height:6px;background:#fff}.style-thumb-14 .style-head b{font-size:7px;letter-spacing:-.2px;font-weight:800}.style-thumb-14 .style-table b{background:#fff;border-top:2px solid #333;border-bottom:1px solid #aaa}.style-thumb-14 .style-total{width:100%;height:7px;border:0;background:#aaa}
.style-thumb-15{padding-left:26px}.style-thumb-15:before{content:'';position:absolute;left:9px;top:9px;bottom:9px;width:13px;background:#292929}.style-thumb-15 .style-head{border:0;padding-top:0;min-height:21px}.style-thumb-15 .style-head i{position:absolute;left:11px;top:13px;width:9px;height:8px;background:#fff;z-index:1}.style-thumb-15 .style-head b{font-family:Georgia,serif;font-weight:400;font-size:5px;letter-spacing:0}.style-thumb-15 .style-parties{gap:2px;flex-wrap:wrap;margin-top:3px}.style-thumb-15 .style-parties i:first-child{flex-basis:100%}.style-thumb-15 .style-table b{background:#fff;border-top:1px solid #888;border-bottom:1px solid #ccc}.style-thumb-15 .style-total{width:100%;border-top:2px solid #292929}
.style-thumb-16 .style-head{border-top:0;border-bottom:3px double #777;align-items:center;flex-direction:column;gap:4px}.style-thumb-16 .style-head i{border-radius:50%;width:10px;height:10px;border:1px solid #777;background:#fff}.style-thumb-16 .style-head b{font-family:Georgia,serif;font-size:5px;font-weight:400;letter-spacing:1px}.style-thumb-16 .style-parties{margin-top:5px}.style-thumb-16 .style-table b{background:#eee;border:1px solid #aaa}.style-thumb-16 .style-table i{height:5px;border:1px solid #bbb;border-top:0;background:linear-gradient(to right,transparent 62%,#ddd 62% 64%,transparent 64% 77%,#ddd 77% 79%,transparent 79%)}.style-thumb-16 .style-total{width:30px;border-top:3px double #555}
@media(max-width:600px){.document-styles,.quick-document .document-styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.style-thumb-11 .style-head{gap:3px;padding-top:2px;border-top-width:2px}.style-thumb-11 .style-head b{font-size:4px}.style-thumb-11 .style-head i{width:8px;height:5px}.style-thumb-11 .style-total{height:4px}.style-thumb-12 .style-head{padding:3px 2px;border-bottom-width:2px;gap:4px}.style-thumb-12 .style-head i{width:10px;height:4px}.style-thumb-12 .style-head b{font-size:4px}.style-thumb-12 .style-total{height:4px}.style-thumb-13 .style-head{min-height:18px}.style-thumb-13 .style-head:before{width:22px;height:8px;background:linear-gradient(#292929 0 3px,transparent 3px 4px,#292929 4px 7px,transparent 7px)}.style-thumb-13 .style-head b{margin-top:12px;font-size:3px}.style-thumb-13 .style-head i{width:7px;height:5px}.style-thumb-13 .style-total{width:22px;height:6px;background-size:100% 3px}.style-thumb-14 .style-head{padding:3px 2px 4px;gap:4px}.style-thumb-14 .style-head i{width:9px;height:4px}.style-thumb-14 .style-head b{font-size:5px}.style-thumb-14 .style-total{height:4px}.style-thumb-15{padding-left:15px}.style-thumb-15:before{left:4px;top:5px;bottom:5px;width:9px}.style-thumb-15 .style-head{min-height:14px}.style-thumb-15 .style-head i{left:6px;top:8px;width:5px;height:6px}.style-thumb-15 .style-head b{font-size:3px}.style-thumb-15 .style-parties{margin-top:3px}.style-thumb-16 .style-head{gap:2px}.style-thumb-16 .style-head i{width:6px;height:6px}.style-thumb-16 .style-head b{font-size:3px;letter-spacing:.5px}.style-thumb-16 .style-table i{height:3px}.style-thumb-16 .style-total{width:20px}}
.payment-instructions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.payment-instructions-heading>label{font-weight:600}.payment-instructions-reset{font-size:11px;white-space:normal;text-align:center}.quick-payment-section{padding-bottom:8px}.document-payment-instructions textarea{max-height:320px;overflow-y:auto}.document-payment-instructions small{line-height:1.6}