body{margin:0;padding:0;background-color:#ffffff;font-family:Arial,sans-serif}.container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{max-width:100%!important;padding-left:1rem;padding-right:1rem}header{background-color:#333333;color:#ffffff;padding:10px}.input-group{display:flex;align-items:center;margin-bottom:10px}.button-container{display:flex;gap:5px}.input-group label{flex:1;margin-right:8px;text-align:left}.plaintext{padding:5px;border:0px}.input-group input[type="text"],.input-group input[type="number"],.input-group input[type="checkbox"]{flex:2;padding:5px;border:1px solid #ccc}.input-group input[type="number"]{max-width:70px}.input-group input[type="checkbox"]{align-self:flex-start}@media (max-width:768px){.input-group{flex-direction:column}.input-group label{text-align:left;margin-bottom:5px}.input-group input[type="checkbox"]{align-self:flex-start}}.onlyprint{display:none}.print-footer{position:fixed;bottom:0;left:0;right:0;background-color:#f0f0f0;padding:10px;text-align:center;font-size:12px}input[type="date"]:required:invalid::-webkit-datetime-edit{color:transparent!important}input[type="date"]:focus::-webkit-datetime-edit{color:black!important}@media print{@page{margin-top:10;margin-bottom:0}.url-header,.url-footer{display:none!important}#itemstable th:nth-child(2),#itemstable td:nth-child(2){width:10%!important}#itemstable th:nth-child(3),#itemstable td:nth-child(3){width:55%!important}.form-section{display:flex;flex-wrap:wrap}select::-ms-expand,select::-webkit-select{display:none}input[type="text"]{inline-size:350px;width:350px;overflow-wrap:break-word}input[type="email"]{width:350px!important}input[type="checkbox"]{}input[type="date"]{width:200px!important}textarea{width:240px!important;height:90px!important;font-family:inherit;resize:none;border:0px!important;overflow-y:hidden!important}.dropdown-list{width:250px!important}input[type="number"]{width:80px!important;text-align:right}.dontprint{display:none}.onlyprint{display:block}.submit-button{display:none!important}.print-footer{position:fixed;bottom:0}.sq-submit-button{display:none!important}.delete-button{display:none!important}.print-footer::before{content:"";page-break-before:always}select{border:0px!important}input{border:0px!important}.thinner-text{width:80px;inline-size:80px;overflow-wrap:break-word}.wider-text{width:400px;inline-size:400px;overflow-wrap:break-word}}.column{display:inline-block;width:50%;margin-right:0%}.column:last-child{margin-right:0}.columna{vertical-align:top;display:inline-block;width:40%!important;margin-right:0%}.columna:last-child{margin-right:0}.columnb{vertical-align:top;display:inline-block;width:59%!important;margin-right:0%}.columnb:last-child{margin-right:0}.form-column{display:inline-block;width:48%;margin-right:0%;vertical-align:top}.form-column:last-child{margin-right:0}.form-section{margin-bottom:10px}.form-buttons{margin-top:20px;text-align:right}.table-rightalign{text-align:right!important}.hidden{display:none}.yellow-background,.yellow-background input,.yellow-background td{background-color:#ffffcc}#popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.3)}.top-nav{background-color:#181818;color:#ffffff;display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;padding:0.35rem 0.75rem;position:relative;z-index:900}.top-nav .nav-mobile-toggle{align-self:flex-start;border:1px solid rgba(255,255,255,0.4);background:transparent;color:#ffffff;padding:0.4rem 0.9rem;border-radius:4px;cursor:pointer;font-size:0.85rem;display:none}.top-nav .nav-groups{display:flex;flex-wrap:wrap;gap:0.35rem;width:100%}.nav-group{position:relative;flex:1 1 auto;min-width:160px}.nav-group-trigger{width:100%;border:1px solid transparent;background:transparent;color:inherit;padding:0.35rem 0.9rem;border-radius:4px;text-align:left;font-size:0.74rem;cursor:pointer}.nav-group-trigger:focus-visible{border-color:rgba(255,255,255,0.7);outline:none}.nav-group-menu{position:absolute;top:calc(100% + 0.25rem);left:0;background:#1f1f1f;border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:0.4rem;display:none;flex-direction:column;min-width:180px;gap:0.2rem;box-shadow:0 4px 12px rgba(0,0,0,0.5)}.nav-group-menu a{display:block;padding:0.35rem 0.7rem;border-radius:4px;color:#ffffff}.nav-group-menu a:hover,.nav-group-menu a:focus-visible{background:rgba(255,255,255,0.1)}.nav-group.is-open .nav-group-menu{display:flex}.top-nav.nav-open .nav-groups{max-height:100vh}@media (max-width:960px){.top-nav{flex-direction:column;align-items:stretch}.top-nav .nav-mobile-toggle{display:inline-flex}.top-nav .nav-groups{flex-direction:column;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.top-nav.nav-open .nav-groups{max-height:1000px}.nav-group{min-width:auto}.nav-group-menu{position:static;border:none;box-shadow:none;background:transparent;padding:0 0 0.5rem 0;gap:0}.nav-group-menu a{padding-left:1.2rem}}@media (min-width:1100px){.top-nav{flex-wrap:nowrap;justify-content:flex-start;gap:0.5rem}.top-nav .nav-groups{width:auto;flex-wrap:nowrap}.nav-group{flex:0 0 auto;min-width:auto}.nav-link{margin-right:0.5rem}}.sub-nav{background-color:#333333;color:#ffffff;padding:10px}.sub-nav a{color:white;text-decoration:none}input[readonly],textarea[readonly],select[readonly]{border:1px solid grey;background-color:lightgrey}.vertical-text{writing-mode:vertical-rl;transform:rotate(180deg);text-align:left;white-space:nowrap}th{vertical-align:bottom;padding:5px}.order-table th.vertical-header{height:110px}.supplier-table th.vertical-header{height:110px}.partidinput{width:30px!important;border:1px solid grey;padding:5px;margin:5px 2px;display:none}.partcostinput{width:40px!important;border:1px solid grey;padding:5px;margin:5px 2px}.partqtyinput{width:30px!important;border:1px solid grey;padding:5px;margin:5px 2px;display:none}.partdescinput{width:250px!important;border:1px solid grey;padding:5px;margin:5px 2px}.disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:0.7;pointer-events:none}.transparent{color:transparent}.unit-cost-input,.quantity-input,.taxrate-input,.subtotalgross-input,.subtotal-input{max-width:80px}.delete-button{border-color:#7EA8F8;font-family:inherit;background-color:#7EA8F8;margin:8px;width:25px;height:25px;display:inline-block;padding:6px 6px;border:none;border-radius:5px}.parts-button{border-color:#7EA8F8;font-family:inherit;background-color:#7EA8F8;margin:0px 5px;width:80px;height:30px;display:inline-block;padding:0px 3px;border:none;border-radius:5px}.sq-parts-button{border-color:#7EA8F8;font-family:inherit;background-color:#7EA8F8;margin:1px 5px;width:40px;height:30px;display:inline-block;padding:3px 3px;border:none;border-radius:5px}.sq-submit-button{border-color:#7EA8F8;font-family:inherit;background-color:#7EA8F8;margin:8px;width:50px;display:inline-block;padding:10px 12px;border:none;border-radius:5px;margin-right:10px}.submit-button{border-color:#7EA8F8;font-family:inherit;background-color:#7EA8F8;margin:8px;width:100px;display:inline-block;padding:10px 12px;border:none;border-radius:5px;margin-right:10px}.dropdown-list{width:200px}.container{max-width:1080px;font-family:inherit;margin:0 auto;padding:0 8px}.table-container{height:200px;font-family:inherit;overflow:auto}table.order-table{width:100%;background-color:#FFFFFF;border-collapse:collapse;border-width:1px;border-color:#7EA8F8;border-style:solid;color:#000000}table.order-table td,table.order-table th{border-width:1px;font-family:inherit;border-color:#7EA8F8;border-style:solid;padding:3px}table.order-table th{background-color:#7EA8F8;font-family:inherit}table.supplier-table{width:100%;background-color:#FFFFFF;border-collapse:collapse;border-width:1px;border-color:#7EA8F8;border-style:solid;color:#000000}table.supplier-table td,table.supplier-table th{border-width:1px;font-family:inherit;border-color:#7EA8F8;border-style:solid;padding:3px}table.supplier-table th{background-color:#7EA8F8;font-family:inherit}.modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:5px;z-index:1000;box-shadow:0px 0px 5px rgba(0,0,0,0.5);width:100%}.modal-content{text-align:left}.close{position:absolute;top:0;right:0;padding:5px;cursor:pointer}.addmodal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}.addmodal-content{background-color:#fff;width:80%;max-width:280px;margin:100px auto;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999}.modal.fade{display:none;position:fixed;top:0;left:0;transform:none;width:100%;height:100%;padding:0;background-color:transparent;box-shadow:none;overflow:hidden;z-index:1050}.modal.fade.show{display:block}.modal-backdrop.show{opacity:0.2;z-index:1040}.modal-order-table{width:100%;border-collapse:collapse;margin-bottom:20px;border:1px solid #ddd}.modal-order-table th,.order-table td{border:1px solid #ddd;padding:8px;text-align:left}@media (max-width:600px){.modal-order-table th:nth-child(1),.modal-order-table td:nth-child(1),.modal-order-table th:nth-child(3),.modal-order-table td:nth-child(3){border:1px solid #ddd;display:none}}.modal-order-table th:nth-child(1),.modal-order-table td:nth-child(1){max-width:60px}.modal-order-table th:nth-child(3),.modal-order-table td:nth-child(3){max-width:60px}.modal-order-table th,.modal-order-table td{border:1px solid #ddd}.form-control{font-family:inherit}.form-group{margin-bottom:20px}.thinner-text{width:80px!important}.wider-text{width:450px!important}label{display:block;font-family:inherit;font-size:inherit;font-weight:bold;margin-bottom:3px}input[type="text"]{padding:5px;font-family:inherit;font-size:inherit;border:1px solid #ccc;border-radius:3px;width:200px}input[type="email"]{padding:5px;font-family:inherit;font-size:inherit;border:1px solid #ccc;border-radius:3px;width:200px}input[type="checkbox"]{padding:5px;font-size:inherit;font-family:inherit;border:1px solid #ccc;border-radius:3px}input[type="date"]{padding:5px;font-family:inherit;font-size:inherit;border:1px solid #ccc;border-radius:3px}textarea{padding:3px;font-size:10pt;font-family:inherit;border:1px solid #ccc;width:200px;vertical-align:top;height:90px;border-radius:3px}.dropdown-list{padding:5px 3px;font-family:inherit;font-size:inherit;border:1px solid #ccc;width:200px border-radius:3px}input[type="number"]{padding:5px;font-family:inherit;font-size:inherit;border:1px solid #ccc;border-radius:3px;width:70px}.short-number{width:100%;box-sizing:border-box;margin:0;padding:0 4px;text-align:right;border:1px solid #ccc;border-radius:3px;font-family:inherit;font-size:inherit;line-height:1.5}.short-number::-webkit-inner-spin-button,.short-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.short-number{-moz-appearance:textfield}.result{margin-top:10px;font-weight:bold}.button-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.button-group label{margin-right:10px}.button-group select{appearance:none;border:1px solid #ccc;padding:5px 10px;background-color:white;cursor:pointer;border-radius:5px;width:100%;max-width:200px;font-size:14px}.button-group select:focus{outline:none;box-shadow:0 0 5px #007bff}.order-table-container{display:flex;flex-direction:row;width:100%}.fixed-columns{width:auto;flex-shrink:0}temp{display:flex;justify-content:flex-end;white-space:nowrap;overflow:hidden}.item-description{max-width:240px;vertical-align:middle;white-space:nowrap;margin:0px 0px;border:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;overflow:hidden;text-overflow:ellipsis}.order-table th,.order-table td{white-space:nowrap;text-overflow:ellipsis}.order-table td{height:40px}.order-table th{height:50px;line-height:50px;text-align:center;white-space:nowrap;background-color:#eee;border:1px solid #ccc}.supplier-table th,.supplier-table td{text-overflow:ellipsis}.supplier-table td{height:40px}.supplier-table th{height:50px;line-height:50px;text-align:center;white-space:nowrap;background-color:#eee;border:1px solid #ccc}.order-table-container{display:flex;overflow-x:hidden}.fixed-columns{float:left}.scrollable{overflow-x:auto;display:block;white-space:nowrap;flex-grow:1;scrollbar-width:thick;scrollbar-color:#888 #f1f1f1}.scrollable-columns{display:inline-block;vertical-align:top;min-width:400px}.scrollable::-webkit-scrollbar{width:12px;height:12px}.scrollable::-webkit-scrollbar-track{background:#f1f1f1}.scrollable::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.scrollable::-webkit-scrollbar-thumb:hover{background:#555}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.system-feedback-stack{position:fixed;top:0;right:12px;z-index:2000;display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-family:inherit}.system-feedback-stack-items{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.system-feedback-launcher{display:none;background:#f8fafc;color:#0f172a;border:1px solid #cbd5e1;padding:8px 14px;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;border-radius:999px;box-shadow:0 6px 16px rgba(15,23,42,0.18),inset 0 2px 0 #38bdf8;cursor:pointer}.system-feedback-widget{position:relative}.system-feedback-widget.is-open{z-index:2002}.system-feedback-tab{background:#f8fafc;color:#0f172a;border:1px solid #cbd5e1;padding:8px 16px 10px;font-size:12px;letter-spacing:0.03em;border-radius:0 0 18px 18px;box-shadow:0 6px 16px rgba(15,23,42,0.18),inset 0 3px 0 #38bdf8;cursor:pointer;text-align:left;max-width:260px}.system-feedback-tab.is-quote{background:#0f766e;color:#f8fafc;border-color:#0f766e;box-shadow:0 10px 20px rgba(15,23,42,0.22),inset 0 3px 0 #2dd4bf}.system-feedback-title{display:block;font-weight:700;text-transform:uppercase}.system-feedback-summary{display:none}.system-feedback-tab:focus{outline:2px solid #38bdf8;outline-offset:2px}.system-feedback-drawer{position:absolute;top:52px;left:0;width:min(320px,90vw);background:#ffffff;border-radius:12px;box-shadow:0 16px 36px rgba(15,23,42,0.2);border:1px solid #e2e8f0;transform:translateX(calc(120% + var(--drawer-offset,0px)));opacity:0;pointer-events:none;transition:transform 0.2s ease,opacity 0.2s ease}.system-feedback-widget.is-open .system-feedback-drawer{transform:translateX(calc(-1 * var(--drawer-offset,0px)));opacity:1;pointer-events:auto}@media (min-width:900px){.system-feedback-widget.is-open .system-feedback-drawer{transform:translateX(calc(-1 * (var(--drawer-offset,0px) + 96px)))}}.system-feedback-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px;border-bottom:1px solid #e2e8f0}.system-feedback-close{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer}.system-feedback-form{padding:12px 14px 14px}.system-feedback-description{margin:10px 14px 0;font-size:12px;color:#475569}.system-feedback-form textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #cbd5f5;border-radius:8px;padding:8px 10px;font-size:14px}.new-quote-form input{width:100%;border:1px solid #cbd5f5;border-radius:8px;padding:8px 10px;font-size:14px;margin-bottom:10px}.new-quote-results{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;margin-bottom:8px}.new-quote-result{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;background:#fff;font-size:13px;color:#0f172a;cursor:pointer;text-align:left}.new-quote-result:hover,.new-quote-result:focus{border-color:#0f766e;box-shadow:0 0 0 2px rgba(15,118,110,0.15)}.new-quote-result.is-active{border-color:#0f766e;box-shadow:0 0 0 2px rgba(15,118,110,0.2);background:#f0fdfa}.new-quote-result.is-empty{cursor:default;color:#64748b;justify-content:center}.new-quote-add-btn{width:100%;border:1px dashed #0f766e;border-radius:8px;padding:8px 10px;background:#f0fdfa;color:#0f766e;font-size:13px;font-weight:600;cursor:pointer}.new-quote-add-btn:hover,.new-quote-add-btn:focus{background:#ccfbf1}.new-quote-name{font-weight:600}.new-quote-id{font-size:12px;color:#64748b}.system-feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.system-feedback-actions button{background:#0f172a;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.system-feedback-actions button:hover{background:#111827}.system-feedback-status{font-size:12px;color:#64748b}.system-feedback-status.is-error{color:#b91c1c}@media (max-width:600px){.system-feedback-stack{left:auto;right:8px;flex-direction:column;align-items:flex-end;gap:6px}.system-feedback-launcher{display:inline-flex;align-items:center;justify-content:center}.system-feedback-stack-items{display:none;flex-direction:column;align-items:flex-end;gap:6px}.system-feedback-stack.is-expanded .system-feedback-stack-items{display:flex}.system-feedback-tab{padding:6px 14px;font-size:10px;max-width:160px;border-radius:999px}.system-feedback-drawer{left:auto;right:0;top:44px;width:min(300px,92vw)}}