VOLUME ELECTRONICS Service Program V24 with SALES MODE

VOLUME ELECTRONICS

Service Program

Select Tech:

Password:

🔧 Tech Workbench

Logged in as: ()

🔔

Status	Date In	Claim #	Customer	Make	Model	Equipment	Reported Issue	Description of Work	Tech	Location	Completion Review

☁️ Saved to Cloud!

rotate(5deg); } 60% { transform: rotate(-5deg); } 70% { transform: rotate(0); } 100% { transform: rotate(0); } } #notif-bell.has-notifs { animation: bellRing 1s ease-in-out infinite; animation-delay: 2s; } #notif-bell:hover { transform: scale(1.2); transition: transform 0.2s; } /* ... rest of your existing styles ... */ body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f4f4f4; } .container { max-width: 800px; margin: 0 auto; background-color: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } h3, h4 { margin-top: 0; } .header, .footer { text-align: center; margin-bottom: 20px; padding-bottom: 10px; display: none; } .header-claim-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .claim-id { font-size: 1.25em; font-weight: bold; } .top-claim-display { text-align: center; font-size: 1.5em; font-weight: bold; color: #007bff; margin-bottom: 15px; padding: 10px; background-color: #e3f2fd; border: 2px solid #007bff; border-radius: 5px; } .section-title { font-weight: bold; margin-top: 15px; border-bottom: 1px solid #ccc; padding-bottom: 5px; display: flex; justify-content: space-between; align-items: center; } .form-group, .customer-form-group { margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; } .form-group label { width: 120px; font-weight: bold; margin-right: 10px; } .customer-form-group label { width: 80px; font-weight: bold; margin-right: 10px; } .form-group input, .form-group select, .form-group textarea, .customer-form-group input { flex-grow: 1; padding: 5px; border: 1px solid #ddd; border-radius: 4px; } #item-serial, #unit-make-other, #unit-equipment-other, #item-model-num { text-transform: uppercase; } .customer-form-group:nth-of-type(3) input { max-width: 150px; } .field-disabled { background-color: #eee !important; opacity: 0.7; } .sales-mode-only { display: none; } body.sales-mode .sales-mode-only { display: block; } body.sales-mode .service-mode-only { display: none !important; } .sale-amount-field { margin-top: 20px; padding: 15px; background-color: #fff3cd; border: 2px solid #ffc107; border-radius: 5px; } .sale-amount-field label { font-size: 1.1em; font-weight: bold; margin-right: 10px; } .sale-amount-field input { font-size: 1.2em; padding: 8px; width: 150px; text-align: right; } .sale-tax-line { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding: 10px; background-color: #f9f9f9; border-bottom: 1px solid #ddd; } .sale-tax-line label { font-size: 1.05em; font-weight: bold; } .sale-subtotal-line { display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .sale-subtotal-line label { font-size: 1.05em; font-weight: bold; } .sale-subtotal-line span { font-size: 1.1em; font-weight: bold; } .deposit-line { display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #e8f5e9; border-bottom: 1px solid #ddd; } .deposit-line label { font-size: 1.05em; font-weight: bold; } .deposit-line input { font-size: 1.1em; padding: 6px; width: 120px; text-align: right; } .total-due-line { display: flex; justify-content: space-between; align-items: center; padding: 12px 10px; margin-top: 10px; background-color: #fff; border-top: 2px solid #333; border-bottom: 2px solid #333; } .total-due-line label { font-size: 1.2em; font-weight: bold; } .total-due-line span { font-size: 1.3em; font-weight: bold; color: #d32f2f; } .invoice-area { margin-top: 30px; padding-top: 20px; border-top: 2px solid #333; } .parts-header { display: flex; font-weight: bold; margin-bottom: 5px; } .parts-header span { text-align: center; margin-right: 5px; } .parts-header .parts-header-inner { display: flex; margin-left: 20px; width: 100%; } .parts-row { display: flex; margin-bottom: 5px; align-items: center; } .parts-row input { margin-right: 5px; padding: 3px; } .qty, .qty-h { width: 40px; text-align: center; } .part-num, .part-num-h { width: 200px; text-align: left; } .desc, .desc-h { width: 180px; text-align: left; } .cost, .cost-h { width: 70px; text-align: right; } .total, .total-h { width: 70px; text-align: right; background-color: #eee; } .delete-btn { width: 25px; height: 25px; cursor: pointer; border: 1px solid #ccc; background-color: #f0f0f0; text-align: center; border-radius: 4px; display: flex; justify-content: center; align-items: center;} .total-line { display: flex; justify-content: flex-end; margin-top: 5px; font-weight: bold; align-items: center; } .total-line label { width: 250px; text-align: right; padding-right: 10px; } .total-line span, .total-line input { width: 75px; text-align: right; padding-right: 5px; } .admin-panel { position: fixed; top: 150px; right: 20px; z-index: 1000; } .admin-button { background-color: #dc3545; color: white; padding: 10px 15px; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .print-button { background-color: #007bff; color: white; padding: 10px 15px; border: none; border-radius: 5px; cursor: pointer; margin-top: 15px; margin-right: 5px;} .search-button { background-color: orange; color: #000; border: none; padding: 4px 10px; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 0.9em; margin-left: 10px; } .sales-button { background-color: #ff1493; color: white; border: none; padding: 4px 10px; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 0.9em; margin-left: 10px; } .service-button { background-color: #28a745; color: white; border: none; padding: 4px 10px; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 0.9em; margin-left: 10px; } .copy-button { background-color: #007bff; color: white; border: none; padding: 5px 10px; border-radius: 4px; cursor: pointer; font-size: 0.8em; } .copy-button:active { background-color: #0056b3; } .policy { font-size: 0.85em; margin-top: 20px; padding: 10px; border: 1px solid #eee; background-color: #f9f9f9; display: none; } .customer-signature-field { display: none; } .private-notes { background-color: #fffacd; padding: 10px; margin-top: 15px; border: 1px solid #ffeb3b; } .private-notes h4 { margin-top: 0; color: #cc6600; } .part-needed-section { padding: 5px 0; margin-top: 10px; } .part-needed-section h4 { margin: 0 0 10px 0; color: #c2185b; font-size: 0.95em; } .estimate-text-area { margin-top: 20px; padding: 10px; border: 2px solid red; background-color: #ffeeee; } .pickup-text-area { margin-top: 10px; padding: 10px; border: 2px solid green; background-color: #e8ffe8; } .estimate-label-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } .status-history { background-color: #f0f8ff; padding: 10px; margin-top: 10px; font-size: 0.9em; border-left: 3px solid #007bff; } .status-entry { background-color: #fff; padding: 8px; margin-bottom: 5px; border-radius: 4px; border-left: 3px solid #007bff; display: flex; justify-content: space-between; align-items: center; } .status-entry-content { flex-grow: 1; } .status-entry-status { font-weight: bold; color: #0056b3; margin-bottom: 2px; } .status-entry-meta { font-size: 0.85em; color: #666; } .status-delete-btn { background-color: #dc3545; color: white; border: none; padding: 3px 8px; border-radius: 3px; cursor: pointer; font-size: 0.8em; } .modal { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #ffffff; margin: 40px auto; padding: 20px; border-radius: 8px; width: 90%; max-width: 500px; max-height: 90vh; overflow-y: auto; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .close-btn { cursor: pointer; font-size: 1.5em; font-weight: bold; } .search-result-item { padding: 8px; border-bottom: 1px solid #eee; cursor: pointer; font-size: 0.9em; } .search-result-item:hover { background-color: #f0f0f0; } .save-notification { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); background-color: #28a745; color: white; padding: 15px 30px; border-radius: 5px; font-weight: bold; font-size: 1.1em; z-index: 9999; box-shadow: 0 4px 15px rgba(0,0,0,0.3); display: none; } .customer-input-wrapper { position: relative; flex-grow: 1; } .customer-input-wrapper input { width: 100%; } .customer-suggestions { position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid #007bff; border-top: none; border-radius: 0 0 4px 4px; max-height: 200px; overflow-y: auto; z-index: 1000; display: none; box-shadow: 0 4px 8px rgba(0,0,0,0.2); } .customer-suggestions.show { display: block; } .customer-suggestion-item { padding: 10px; cursor: pointer; border-bottom: 1px solid #eee; } .customer-suggestion-item:hover { background-color: #e3f2fd; } .suggestion-name { font-weight: bold; color: #007bff; } .suggestion-phone { font-size: 0.9em; color: #666; } .suggestion-address { font-size: 0.85em; color: #888; } .if-you-like-it { display: none; } @keyframes pulse-sidebar { 0%, 100% { box-shadow: -3px 0 10px rgba(255,152,0,0.5); } 50% { box-shadow: -3px 0 20px rgba(255,152,0,0.9); } } @keyframes pulse-orange { 0% { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 152, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0); } } @keyframes pulse-pending { 0%, 100% { box-shadow: 0 0 5px rgba(255, 152, 0, 0.8); } 50% { box-shadow: 0 0 15px rgba(255, 152, 0, 1); } } @keyframes slideDown { from { transform: translateX(-50%) translateY(-100px); opacity: 0; } to { transform: translateX(-50%) translateY(0); opacity: 1; } } /* LOGIN SCREEN STYLES */ .login-screen { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); } .login-container { background: white; padding: 40px; border-radius: 10px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); text-align: center; max-width: 400px; width: 90%; } .login-container h2 { color: #1e3c72; margin-bottom: 10px; } .login-container h3 { color: #666; font-weight: normal; margin-bottom: 30px; } .login-container .form-group { margin-bottom: 20px; text-align: left; } .login-container label { display: block; margin-bottom: 5px; font-weight: bold; color: #333; } .login-container select, .login-container input { width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 5px; font-size: 16px; box-sizing: border-box; } .login-btn { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); color: white; border: none; padding: 15px 30px; font-size: 18px; font-weight: bold; border-radius: 5px; cursor: pointer; width: 100%; margin-top: 10px; } .login-error { color: #dc3545; margin-top: 10px; display: none; } /* TECH WORKBENCH STYLES */ .tech-workbench { display: none; } .tech-workbench.active { display: block; } .workbench-header { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); color: white; padding: 20px; margin: -20px -20px 20px -20px; border-radius: 8px 8px 0 0; display: flex; justify-content: space-between; align-items: center; } .workbench-header h2 { margin: 0; } .workbench-header .tech-info { font-size: 0.9em; opacity: 0.9; } .logout-btn { background: #dc3545; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-weight: bold; } .workbench-table-container { overflow-x: auto; margin-top: 20px; } .workbench-table { width: 100%; border-collapse: collapse; font-size: 0.85em; } .workbench-table th { background: #333; color: white; padding: 10px 8px; text-align: left; position: sticky; top: 0; white-space: nowrap; } .workbench-table th[onclick]:hover { background: #555; } .workbench-table td { padding: 8px; border-bottom: 1px solid #ddd; vertical-align: top; } .workbench-table tr { cursor: pointer; transition: all 0.2s; } .workbench-table tr:hover { opacity: 0.8; } .workbench-table .claim-cell { font-weight: bold; font-size: 1.1em; } /* Status color classes */ .status-new-work { background-color: #ffffff; } .status-sales { background-color: #e1bee7; } .status-estimate { background-color: #ffeb3b; } .status-ok-repair { background-color: #4caf50; color: white; } .status-parts-ordered { background-color: #e91e63; color: white; } .status-parts-arrived { background-color: #795548; color: white; } .status-completed { background-color: #ffeb3b; } .status-notified-ready { background-color: #a5d6a7; } .status-dnr { background-color: #f44336; color: white; } .status-not-repairable { background-color: #000000; color: white; } @keyframes blink-claim { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } .blink-claim { animation: blink-claim 10s infinite; } .no-claims-message { text-align: center; padding: 40px; color: #666; font-size: 1.2em; } .workbench-stats { display: flex; gap: 20px; margin-bottom: 20px; flex-wrap: wrap; } .stat-box { background: #f5f5f5; padding: 15px 20px; border-radius: 5px; border-left: 4px solid #007bff; cursor: pointer; transition: transform 0.1s, box-shadow 0.1s; } .stat-box:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); } .stat-box .stat-number { font-size: 1.5em; font-weight: bold; color: #007bff; } .stat-box .stat-label { font-size: 0.85em; color: #666; } /* Status select - Select Status option in bold green */ #status-select { font-weight: normal; } .select-status-placeholder { font-weight: bold; color: #28a745; } #save-sidebar:hover { width: 50px; background: #f57c00; } @media print { @page { margin: 3mm 5mm 3mm 4mm; size: 3in auto; } * { page-break-inside: avoid !important; page-break-before: auto !important; page-break-after: auto !important; } .invoice-print-only, .invoice-print-only * { page-break-inside: avoid !important; page-break-before: avoid !important; page-break-after: avoid !important; } body { background-color: #fff; margin: 0; padding: 3mm 5mm 3mm 4mm; font-size: 15.5px; line-height: 1.2; width: calc(3in - 9mm); max-width: calc(3in - 9mm); font-family: Arial, sans-serif !important; } .hide-for-print { display: none !important; } .login-screen, .tech-workbench, #update-sidebar, #save-sidebar { display: none !important; } body.printing-tech-tag .container, body.printing-tech-tag .header, body.printing-tech-tag .admin-panel { display: none !important; } .tech-tag-print-only { display: none; } body.printing-tech-tag .tech-tag-print-only { display: block !important; visibility: visible !important; font-family: Arial, sans-serif !important; font-size: 13.75px !important; line-height: 1.3 !important; padding: 0 !important; margin: 0 !important; } body.printing-tech-tag .tech-tag-print-only * { display: block !important; visibility: visible !important; font-family: Arial, sans-serif !important; color: #000 !important; } body.printing-tech-tag .tech-tag-print-only h2 { font-family: Arial, sans-serif !important; text-align: center !important; font-weight: bold !important; margin: 0 0 5px 0 !important; } body.printing-tech-tag .tech-tag-print-only div { font-family: Arial, sans-serif !important; margin: 2px 0 !important; } body.printing-tech-tag .tech-tag-print-only strong { display: inline !important; font-weight: bold !important; } body:not(.printing-tech-tag) .tech-tag-print-only { display: none !important; } body.printing-invoice .container, body.printing-invoice .header, body.printing-invoice .admin-panel, body.printing-invoice #approved-locked-banner { display: none !important; } .invoice-print-only { display: none; } body.printing-invoice .invoice-print-only { display: block !important; visibility: visible !important; font-family: Arial, sans-serif !important; font-size: 13.75px !important; line-height: 1.3 !important; padding: 0 !important; margin: 0 !important; opacity: 1 !important; position: relative !important; width: 100% !important; page-break-inside: avoid !important; page-break-before: avoid !important; page-break-after: avoid !important; } body.printing-invoice .invoice-print-only * { visibility: visible !important; font-family: Arial, sans-serif !important; color: #000 !important; opacity: 1 !important; } body.printing-invoice .invoice-print-only div { display: block !important; visibility: visible !important; } body.printing-invoice .invoice-print-only div[style*="display: flex"] { display: flex !important; } body.printing-invoice .invoice-print-only strong { display: inline !important; font-weight: bold !important; } body.printing-invoice .invoice-print-only span { display: inline !important; } body.printing-invoice .invoice-print-only h3, body.printing-invoice .invoice-print-only p { display: block !important; visibility: visible !important; } body:not(.printing-invoice) .invoice-print-only { display: none !important; } .container { max-width: 100%; width: 100%; margin: 0; padding: 0; box-shadow: none; border: none; } body:not(.printing-invoice) .admin-panel, body:not(.printing-invoice) .search-button, body:not(.printing-invoice) .sales-button, body:not(.printing-invoice) .service-button, body:not(.printing-invoice) button, body:not(.printing-invoice) .no-print, body:not(.printing-invoice) .private-notes, body:not(.printing-invoice) .part-needed-section, body:not(.printing-invoice) .status-history, body:not(.printing-invoice) .estimate-text-area, body:not(.printing-invoice) .pickup-text-area, body:not(.printing-invoice) .invoice-area, body:not(.printing-invoice) input[type="checkbox"], body:not(.printing-invoice) .form-group:has(input[type="checkbox"]), body:not(.printing-invoice) .form-group:has(#item-with-select), body:not(.printing-invoice) .form-group:has(#item-with-other-input), body:not(.printing-invoice) .form-group:has(#tech-initials), body:not(.printing-invoice) .form-group:has(#location), body:not(.printing-invoice) #unit-make-other, body:not(.printing-invoice) #unit-equipment-other, body:not(.printing-invoice) #est-paid-amount-group, body:not(.printing-invoice) #est-check-number, body:not(.printing-invoice) #est-method-other, body:not(.printing-invoice) hr, body:not(.printing-invoice) .section-title, body:not(.printing-invoice) .form-group:has(#final-paid), body:not(.printing-invoice) .form-group:has(#final-paid-second), body:not(.printing-invoice) .form-group:has(.print-button), body:not(.printing-invoice) div:has(> #pickup-datetime), body:not(.printing-invoice) div:has(> #cell-plain-display), body:not(.printing-invoice) #work-description, body:not(.printing-invoice) .form-group:has(select[onchange*="insertPhrase"]), body:not(.printing-invoice) div:has(> strong), body:not(.printing-invoice) .top-claim-display, body:not(.printing-invoice) #add-remarks-link, body:not(.printing-invoice) #remarks-row.remarks-empty { display: none !important; } body:not(.printing-invoice) #remarks-row:not(.remarks-empty) { display: flex !important; } body:not(.printing-invoice) #remarks-row { flex-wrap: wrap !important; } body:not(.printing-invoice) #remarks-row label { flex-shrink: 0 !important; } body:not(.printing-invoice) #item-remarks { flex: 1 1 auto !important; min-width: 0 !important; word-wrap: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; } body:not(.printing-invoice) * { box-shadow: none !important; outline: none !important; background: transparent !important; font-family: Arial, sans-serif !important; } body:not(.printing-invoice) #claim-box-print { border: 2px solid #000 !important; } body:not(.printing-invoice) input, body:not(.printing-invoice) select, body:not(.printing-invoice) textarea { border: none !important; } input, select, textarea { resize: none; appearance: none; padding: 0 !important; margin: 0 !important; font-size: 15.5px !important; color: #000 !important; font-family: Arial, sans-serif !important; } .print-value-display { font-size: 15.5px !important; font-family: Arial, sans-serif !important; color: #000 !important; } span { font-size: 15.5px !important; font-family: Arial, sans-serif !important; } label { font-size: 15.5px !important; font-family: Arial, sans-serif !important; } .customer-form-group, .customer-form-group *, .form-group, .form-group *, .print-only-issue, .print-only-issue *, .print-only-items, .print-only-items * { font-size: 15.5px !important; font-family: Arial, sans-serif !important; } #cust-name, #cust-address, #cust-cell, #cust-home, #cust-work, #cust-email, #item-model-num, #item-serial, #item-remarks, #item-with-output, #issue-print-content, #items-included-print-content, #est-paid-print-display, #est-method-print-display, #make-print-display, #equipment-print-display { font-size: 15.5px !important; font-family: Arial, sans-serif !important; } input[type="text"], input[type="tel"] { display: inline !important; font-size: 15.5px !important; } .header { text-align: center !important; margin-bottom: 5px !important; padding: 0 !important; display: block !important; } .header h3 { display: block !important; margin: 0 !important; padding: 0 !important; font-size: 17px !important; font-weight: bold !important; line-height: 1.3 !important; } .header p { display: block !important; margin: 0 !important; padding: 0 !important; font-size: 14.5px !important; line-height: 1.3 !important; } .header p.address-line { font-size: 12.5px !important; white-space: nowrap !important; } .header p:has(strong) { font-size: 17px !important; } #claim-box-print { display: block !important; text-align: center !important; margin: 5px auto !important; padding: 4px 10px !important; border: 2px solid #000 !important; font-size: 27px !important; font-weight: bold !important; background: transparent !important; } #claim-box-print strong { display: inline !important; font-weight: bold !important; } #claim-box-print span, #claim-display { font-size: 27px !important; font-weight: bold !important; } .header-claim-info { display: flex !important; justify-content: space-between !important; margin: 3px 0 5px 0 !important; font-size: 19.8px !important; font-weight: bold !important; padding-right: 3px !important; } .claim-id { display: inline !important; font-size: 25.2px !important; } .date-time { display: inline !important; font-size: 16.2px !important; white-space: nowrap !important; } .customer-form-group[data-print-hide="true"], .form-group[data-print-hide="true"], [data-print-hide="true"] { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .customer-form-group { margin: 0 0 1px 0 !important; padding: 0 !important; line-height: 1.3 !important; display: block !important; font-size: 15.5px !important; } .customer-form-group * { font-size: 15.5px !important; font-family: Arial, sans-serif !important; } .customer-form-group label { display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-weight: bold !important; font-size: 15.5px !important; color: #000 !important; } .customer-form-group label::after { content: " "; } .customer-form-group input { display: inline !important; width: auto !important; max-width: 70% !important; border: none !important; background: transparent !important; font-size: 15.5px !important; font-family: Arial, sans-serif !important; padding: 0 !important; margin: 0 !important; color: #000 !important; -webkit-text-fill-color: #000 !important; } .customer-form-group input::placeholder { color: transparent !important; -webkit-text-fill-color: transparent !important; } .customer-form-group:has(#cust-email) { display: block !important; word-wrap: break-word !important; overflow-wrap: break-word !important; } #cust-email { max-width: 100% !important; word-wrap: break-word !important; overflow-wrap: break-word !important; white-space: normal !important; font-size: 14px !important; } .customer-input-wrapper { display: inline !important; width: auto !important; } .customer-suggestions { display: none !important; } .form-group { margin: 0 0 1px 0 !important; padding: 0 !important; line-height: 1.3 !important; display: block !important; font-size: 15.5px !important; white-space: nowrap !important; } .form-group * { font-size: 15.5px !important; font-family: Arial, sans-serif !important; } .form-group label { display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-weight: bold !important; font-size: 15.5px !important; } .form-group select, .form-group input[type="text"] { display: inline !important; width: auto !important; font-size: 15.5px !important; } #issue-description { display: none !important; } .print-only-issue { display: block !important; margin: 0 !important; padding: 0 !important; font-family: Arial, sans-serif !important; } .form-group:has(#item-with-output) { display: none !important; } .print-only-items { display: block !important; margin: 2px 0 !important; padding: 0 !important; font-family: Arial, sans-serif !important; font-size: 15.5px !important; } .print-only-items div { font-family: Arial, sans-serif !important; margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; word-wrap: break-word !important; white-space: normal !important; font-size: 15.5px !important; } .print-only-issue { font-size: 15.5px !important; } .print-only-issue div { font-family: Arial, sans-serif !important; margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; font-size: 15.5px !important; } .form-group:has(#item-with-output) { margin: 0 !important; padding: 0 !important; } #item-with-output { margin: 0 !important; padding: 0 !important; } .form-group:has(#item-with-other-input) { margin: 0 !important; padding: 0 !important; } .form-group:has(#item-with-output[value=""]) { display: none !important; } .form-group:has(#item-with-other-input[value=""]) { display: none !important; } .form-group:has(#est-paid) { display: block !important; margin: 0 !important; } .form-group:has(#est-paid) select { display: none !important; } .form-group:has(#est-paid) .print-value-display { display: inline !important; } .form-group:has(#est-method) select { display: none !important; } .form-group:has(#est-method) .print-value-display { display: inline !important; } .form-group:has(#item-make) select { display: none !important; } .form-group:has(#item-make) #make-print-display { display: inline !important; } .form-group:has(#item-equipment) select { display: none !important; } .form-group:has(#item-equipment) #equipment-print-display { display: inline !important; } .form-group:has(#est-method) { display: block !important; margin: 0 0 1px 0 !important; } .policy { font-size: 14px !important; margin: 5px 0 0 0 !important; padding: 10px !important; line-height: 1.2 !important; display: block !important; page-break-inside: avoid !important; border: 1px solid #333 !important; background-color: transparent !important; } .policy ul { margin: 0 !important; padding-left: 15px !important; list-style-type: disc !important; } .policy li { margin: 0 0 1px 0 !important; padding: 0 !important; display: list-item !important; } .customer-signature-field { display: block !important; margin-top: 8px !important; padding-top: 5px !important; padding-bottom: 15px !important; } .customer-signature-field label { display: block !important; font-weight: bold !important; font-size: 20.625px !important; margin-bottom: 5px !important; } .customer-signature-field .signature-line { display: block !important; width: 100% !important; font-size: 20.625px !important; font-family: Arial, sans-serif !important; border: none !important; border-bottom: 1px solid #000 !important; box-sizing: border-box !important; min-height: 20px !important; margin-top: 5px !important; } .customer-form-group:first-of-type::before { content: "CUSTOMER"; display: block !important; font-weight: bold !important; font-size: 15.5px !important; margin: 5px 0 2px 0 !important; } .form-group:has(#item-make)::before { content: "ITEM"; display: block !important; font-weight: bold !important; font-size: 15.5px !important; margin: 5px 0 2px 0 !important; } .form-group:has(#est-paid)::before { content: "ESTIMATE FEE"; display: block !important; font-weight: bold !important; font-size: 15.5px !important; margin: 0 !important; padding: 0 !important; } /* UNIVERSAL FORM CONTENT FONT SIZE - ensures all filled values are same size */ .customer-form-group input, .customer-form-group label, .customer-form-group span, .form-group input, .form-group label, .form-group span, .form-group select, .print-only-issue div, .print-only-items div, #cust-name, #cust-address, #cust-cell, #cust-home, #cust-work, #cust-email, #item-model-num, #item-serial, #item-remarks, #make-print-display, #equipment-print-display, #est-paid-print-display, #est-method-print-display, #issue-print-content, #items-included-print-content { font-size: 15.5px !important; font-family: Arial, sans-serif !important; color: #000 !important; } .policy::before { content: "REPAIR POLICY AND DISCLAIMER"; display: block !important; font-weight: bold !important; font-size: 13.5px !important; margin: 3px 0 2px 0 !important; } .if-you-like-it { display: block !important; } }

VOLUME ELECTRONICS

Service Program

Select Tech:

Password:

🔧 Tech Workbench

Logged in as: ()

🔔

Status	Date In	Claim #	Customer	Make	Model	Equipment	Reported Issue	Description of Work	Tech	Location	Completion Review

☁️ Saved to Cloud!

CLAIM #70100

CUSTOMER

Name:

Address:

Cell:

Home:

Work:

Email:

ITEM

Make:

Model #:

Serial #:

Equipment:

+ Add Remarks

Unit Photos: (0/5 photos)

REPORTED ISSUE

Insert Phrase:

Selected Items:

w/AC cord w/Remote No AC Cord Scratches w/Cover w/Case w/AC Adaptor No Cabinet No Remote

Items Included:

Other:

ESTIMATE FEE

PAID:

Method:

Estimates usually texted within
2 to 4 weeks, sometimes longer.
Items left over 30 days after final notification will be disposed of.
Not responsible for damage or loss of items caused by fire, theft, or any other incident beyond our control.
Estimate fees are non-refundable.

Customer Signature:

IF YOU LIKE IT, FIX IT!

TECH INFO

Tech: Location:

STATUS & DETAILS

Status:

Status History:

Private Notes (Non-Printable)

DESCRIPTION OF WORK

Insert Phrase:

PARTS & LABOR

QtyPart #DescriptionCostTotal

Parts Total:$0.00

Labor Cost:

Total Parts & Labor:

Sales Tax:$0.00

Total (Inc. Tax):$0.00

Estimate Paid:-$0.00

Amount Due:$0.00

Sale Amount:

Sales Tax:

$0.00

Subtotal:$0.00

Deposit Paid:How Paid:

TOTAL DUE:$0.00

PICKUP & PAYMENT

Paid:Method:

Paid 2nd Amount:Method:

Customer Texting #

Estimate Text

Pickup Text

Helcim Pay Link

🔧 Tech Workbench

VOLUME ELECTRONICS, LLC

Status History:

Private Notes (Non-Printable)

🔧 Tech Workbench

VOLUME ELECTRONICS, LLC

Private Notes (Non-Printable)

VOLUME ELECTRONICS

Service Program

🔧 Tech Workbench

🔐 Admin Login

Search Saved Claims

VOLUME ELECTRONICS, LLC

Status History:

Private Notes (Non-Printable)

Admin - Tech Management & Permissions

🔐 Admin Password

➕ Add New Tech

👥 Tech List & Permissions

VOLUME ELECTRONICS

Service Program

🔧 Tech Workbench

🔐 Admin Login

Search Saved Claims

VOLUME ELECTRONICS, LLC

Private Notes (Non-Printable)

Admin - Tech Management & Permissions

🔐 Admin Password

➕ Add New Tech

👥 Tech List & Permissions