.main{margin:0 auto;padding:10px;background:#e2eafc;display:flex}.darkmode.main{background:#000000ca}.mainSideMenuPlacer{width:300px;position:static}.mainSideMenuFixed{background:#5f80987d;border:1px solid rgba(0,0,0,.4470588235);border-radius:4px;position:fixed;width:175px;padding:0;font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,.2862745098)}.mainSideMenu{width:220px}.mainSideMenu .menuSectionTitle{font-size:1.1em;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.3294117647);border-bottom:1px solid rgba(0,0,0,.4470588235)}.mainSideMenu .menuSection{background-color:#c6cdd461;width:100%;padding:4px;line-height:170%}.mainSideMenu .menuSection .menuSectionItem{cursor:pointer}.mainSideMenu .menuSection .menuSectionItem:hover{background-color:#00000072}.mainSideMenu .menuSection .menuSectionItemPlaceholder:hover{background-color:#9b020272}.mainSideMenu .menuSection:nth-child(odd){background-color:#f0fffc7f}.mainSideMenu .bigMenuItem{margin:4px;padding:6px 8px;background:linear-gradient(0deg,#98a3d7,#b5bde2,#98a3d7);border-radius:4px;border:1px solid rgba(0,0,0,.4470588235);min-width:70px;display:inline-block;text-align:center;font-size:1.2em;font-weight:600;cursor:pointer}.mainSideMenu .bigMenuItem:hover{background-color:#00000072}.centerContent{background:#fffffffa;border:1px solid rgba(0,0,0,.4470588235);border-radius:4px;margin-left:10px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.darkmode .centerContent{background:#ffffff2b}.darkmode button,.darkmode input{background:#00000072;color:#fff}body{background-color:#e2e2e2;color:#060606;scrollbar-width:thin}::-webkit-scrollbar{width:20px}button{padding:3px 5px;border-radius:4px;margin:4px}.closeButtonContainer button.closeButton{font-size:smaller;padding:2px;width:70px;float:right}.additionalInfoContainer h4{width:fit-content;float:left}.closeButtonContainer{padding-bottom:20px;width:fit-content;float:right;clear:none}.pdfSaveButtons{padding:10px;display:flex;justify-content:left}header.mainHeader{background:#060606;background:linear-gradient(-1deg,#090909,#3b3b3b);font-size:1.2em;color:#fff;padding:10px 45px}*{margin:0;padding:0;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;box-sizing:border-box}.CheckboxContainer{width:800px}.CheckboxContainer .singleGlobalCheckbox{margin:2px;padding:2px}.CheckboxContainer .singleGlobalCheckbox input{margin-right:10px}.column-control{margin:10px;padding:10px;justify-content:space-between;align-items:center;width:750px;background-color:#30303071}.columnControlCheckbox{float:left;margin:5px;padding:3px 3px 3px 12px;width:140px;border:1px solid rgba(0,0,0,.1725490196);border-radius:3px;height:50px}.columnControlCheckbox input{margin-right:5px}.debugData{clear:both}.definitelyNotForLive{border:2px dotted red;background-color:#ff00002c;padding:5px;border-radius:5px;margin:5px}.definitelyNotForLive>h4{color:#700}.productEditBox{background-color:#7a8eff;margin:10px 0;padding:10px}.searchBox label{padding:5px;margin:5px}.searchBox .searchFilter label{height:30px}.searchBox input[type=radio]{margin:5px}.setupDataLoad{display:flex;flex-direction:column}.setupDataLoad button{margin:10px}.bulkChanges{margin:10px;padding:10px;background-color:#0000002c;border-radius:3px;display:flex;flex-direction:column;width:fit-content}.bulkChanges .labelText{width:150px}.bulkChanges label{margin:5px;display:flex}.bulkChanges input{margin:5px}.bulkChanges button{width:100px}.additionalInfoContainer{width:fit-content!important}.recalculateCost .additionalInfo div{padding:10px}.additionalInfoContainer .commonPdfFields .rightButton{float:right}.additionalInfoContainer .additionalInfo{display:flex;flex-direction:column;margin:10px;padding:10px;background-color:#0000002c;border-radius:3px;width:fit-content}.additionalInfoContainer .additionalInfo iframe{width:1200px;height:400px}.additionalInfoContainer .additionalInfo label{margin:10px 5px;padding:3px;display:flex}.additionalInfoContainer .additionalInfo input{margin:5px 3px}.additionalInfoContainer .additionalInfo textarea{margin-left:4px}.additionalInfoContainer .additionalInfo select{margin-left:3px}.additionalInfoContainer .additionalInfo .formLabel{width:200px}.additionalInfoContainer button{width:100px}.loginHeader{border:1px solid rgba(0,0,0,.1725490196);background-color:#fff;border-radius:15px 15px 0 0;width:800px;margin:40px auto 0;text-align:center;padding:10px}.loginForm{border:1px solid rgba(0,0,0,.1725490196);background-color:#fff;border-radius:0 0 15px 15px;width:800px;margin:auto;padding:20px;display:flex;flex-direction:column}.loginForm input{margin:5px;display:flex;flex-direction:column;width:40%}.loginForm label{margin:15px 5px;clear:both}.loginForm button{width:100px;margin:15px}.loginForm .statusError{color:red}.setupDataLoad table{margin:10px;padding:10px;border-radius:3px}.setupDataLoad tr{background-color:#00000014;border-bottom:rgba(255,255,255,.537254902) solid 1px}.setupDataLoad tr:nth-child(odd){background-color:#58585806}.setupDataLoad tr:nth-last-child(1){border-bottom:none}.setupDataLoad td{padding:5px}.editCustomer{padding:20px}.level2Modal{position:fixed;top:25%;left:35%;z-index:20;background-color:#fffffff2;border:1px solid rgba(0,0,0,.1725490196);border-radius:4px;padding:20px}.level2Modal textarea{resize:none;outline:none;width:400px;height:180px;font-size:14px;font-family:monospace;line-height:18px;padding:6px;border-radius:6px;color:#29365b;background:#dbdbdb;transition:box-shadow .25s;box-shadow:inset 0 0 0 1px var(--border-color, #E1E6F9),0 0 0 3px var(--focus-color, transparent)}.level2Modal textarea:focus{--focus-color: #ECEFFC}.level2Modal textarea:focus,.level2Modal textarea:hover{--border-color: #BBC1E1}.level2Modal button{float:right}.table-container{background-color:#97b2bbac;padding:2px;font-size:.8em}.archiveWarning{background-color:#ffffff32;padding:5px;margin:15px 0 0;border-radius:5px;font-size:.8em;text-align:center;color:#941e1e;font-weight:700}.table-container .above-table{margin-left:100px;display:flex;justify-content:space-between;align-items:center;padding:5px;margin-bottom:-25px}.table-container .above-table-single{margin-right:100px;margin-top:30px;display:flex;justify-content:center;align-items:center;padding:5px}.table-container .subResults{width:fit-content;display:block;border:1px solid rgba(106,106,106,.3137254902);border-radius:3px;background:#06060630;padding:10px 15px 5px 5px}.table-container .subResults .subResult{width:100%;background-color:#6a6a6a50;display:inline-block;margin:0 5px}.table-container .subResults .subResult .title{padding:5px 2px 2px 5px;font-weight:700;color:#fff}.table-container .subResults .subResult .item{display:block;float:left;margin:2px 5px;padding:2px;border:1px solid rgba(106,106,106,.3137254902);border-radius:3px}.table-container button{margin:2px}.table-container table{border-collapse:collapse}.table-container tbody.compact{display:block;max-height:70vh;overflow:scroll}.table-container tbody .clickable span{cursor:pointer;text-decoration:underline}.table-container tbody .clickable span:hover{background-color:#0a004e55}.table-container table thead{background-color:#bbbbbb2e}.table-container table thead .small{width:40px}.table-container table thead .large{width:250px}.table-container table thead .date{width:120px}.table-container table thead .medium{width:200px}.table-container table th,.table-container table td{padding:10px;text-align:left}.table-container table th{color:#060606}.table-container table tbody tr{border-bottom:1px solid #dbdbdb}.table-container table td{border-right:2px solid rgba(106,106,106,.3137254902)}.table-container table tr.status-Received{background-color:#adadad}.table-container table tr.status-Received:nth-child(2n){background-color:#adadad99}.table-container table tr.status-QuoteSent{background-color:#f5974f}.table-container table tr.status-QuoteSent:nth-child(2n){background-color:#f5974f99}.table-container table tr.status-Invoiced{background-color:#e4cf47}.table-container table tr.status-Invoiced:nth-child(2n){background-color:#e4cf4799}.table-container table tr.status-Despatched{background-color:#139d3c}.table-container table tr.status-Despatched:nth-child(2n){background-color:#139d3c99}.table-container table tr.status-ApprovedforDespatch{background-color:#12bd21}.table-container table tr.status-ApprovedforDespatch:nth-child(2n){background-color:#12bd2199}.tableSearchContainer{border:1px solid rgba(106,106,106,.3137254902);border-radius:3px;background:#06060630;padding:15px 45px}.tableSearchContainerV2 input[type=text]{width:350px;margin-left:7px}.tableSearchContainerV2 .searchType input{margin:7px}.user-settings{max-width:1200px;margin:0 auto;padding:20px}.user-settings .settings-header{margin-bottom:30px;text-align:center}.user-settings .settings-header h1{color:#214284;font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.user-settings .settings-header p{color:#666;font-size:1.1rem;margin:0}.user-settings .data-loading-section{display:flex;gap:15px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.user-settings .data-loading-section button{background:linear-gradient(135deg,#98a3d7,#b5bde2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.user-settings .data-loading-section button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background:linear-gradient(135deg,#214284,#98a3d7)}.user-settings .data-loading-section button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.user-settings .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.user-settings .settings-grid .settings-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000000d;border:1px solid #e1e5e9;transition:all .3s ease}.user-settings .settings-grid .settings-section:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.user-settings .settings-grid .settings-section .section-title{color:#214284;font-size:1.4rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgb(181.3874125874,189.248951049,226.4125874126);text-align:center}.user-settings .checkbox-container{display:flex;flex-direction:column;gap:15px}.user-settings .checkbox-container .checkbox-item{display:flex;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .2s ease}.user-settings .checkbox-container .checkbox-item:hover{background:#e9ecef;border-color:#b5bde2}.user-settings .checkbox-container .checkbox-item label{font-weight:500;color:#495057;cursor:pointer;flex:1;margin-left:10px}.user-settings .checkbox-container .checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#98a3d7;cursor:pointer;margin-right:10px}.user-settings .checkbox-container .checkbox-item select{margin-left:10px}.user-settings .column-controls-section{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 4px 6px #0000000d;border:1px solid #e1e5e9}.user-settings .column-controls-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-settings .column-controls-section .section-header h3{color:#214284;font-size:1.3rem;margin:0}.user-settings .column-controls-section .section-header .show-all-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.user-settings .column-controls-section .section-header .show-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.user-settings .column-control-grids{gap:20px}.user-settings .column-control{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;border:1px solid #e1e5e9;transition:all .3s ease}.user-settings .column-control:hover{box-shadow:0 4px 8px #0000001a}.user-settings .column-control h3{color:#214284;font-size:1.2rem;font-weight:600;margin:0 0 20px;text-align:center;padding-bottom:10px;border-bottom:2px solid rgb(181.3874125874,189.248951049,226.4125874126)}.user-settings .column-control .column-control-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:15px}.user-settings .column-control .columnControlCheckbox{display:flex;align-items:center;padding:12px 15px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease;cursor:pointer;height:auto;min-height:50px}.user-settings .column-control .columnControlCheckbox:hover{background:#e9ecef;border-color:#b5bde2;transform:translateY(-1px)}.user-settings .column-control .columnControlCheckbox input[type=checkbox]{width:18px;height:18px;margin-right:12px;accent-color:#98a3d7;cursor:pointer;flex-shrink:0}.user-settings .column-control .columnControlCheckbox label{font-size:.9rem;font-weight:500;color:#495057;cursor:pointer;line-height:1.4;margin:0;flex:1;word-break:break-word}.user-settings .column-control .columnControlCheckbox:has(input:checked){background:linear-gradient(135deg,#98a3d71a,#98a3d70d);border-color:#98a3d7}.user-settings .column-control .columnControlCheckbox:has(input:checked) label{color:#214284;font-weight:600}.user-settings .column-control .columnControlCheckbox input:checked+label{color:#214284;font-weight:600}.user-settings .column-control .columnControlCheckbox input:checked~*{color:#214284;font-weight:600}.user-settings .column-control .clearfix{clear:both;height:0;overflow:hidden}.darkmode .user-settings .settings-header h1{color:#fff}.darkmode .user-settings .settings-header p{color:#ccc}.darkmode .user-settings .data-loading-section button{background:linear-gradient(135deg,#4a5568,#2d3748)}.darkmode .user-settings .data-loading-section button:hover{background:linear-gradient(135deg,#2d3748,#1a202c)}.darkmode .user-settings .settings-grid .settings-section{background:#2d3748;border-color:#4a5568}.darkmode .user-settings .settings-grid .settings-section .section-title{color:#fff;border-bottom-color:#4a5568}.darkmode .user-settings .checkbox-container .checkbox-item{background:#4a5568;border-color:#718096}.darkmode .user-settings .checkbox-container .checkbox-item:hover{background:#718096;border-color:#a0aec0}.darkmode .user-settings .checkbox-container .checkbox-item label{color:#e2e8f0}.darkmode .user-settings .column-controls-section{background:#2d3748;border-color:#4a5568}.darkmode .user-settings .column-controls-section .section-header h3{color:#fff}.darkmode .user-settings .column-control{background:#2d3748;border-color:#4a5568}.darkmode .user-settings .column-control h3{color:#fff;border-bottom-color:#4a5568}.darkmode .user-settings .column-control .columnControlCheckbox{background:#4a5568;border-color:#718096}.darkmode .user-settings .column-control .columnControlCheckbox:hover{background:#718096;border-color:#a0aec0}.darkmode .user-settings .column-control .columnControlCheckbox label{color:#e2e8f0}.darkmode .user-settings .column-control .columnControlCheckbox:has(input:checked){background:linear-gradient(135deg,#98a3d733,#98a3d71a);border-color:#98a3d7}.darkmode .user-settings .column-control .columnControlCheckbox:has(input:checked) label{color:#fff}.darkmode .user-settings .column-control .columnControlCheckbox input:checked+label{color:#fff;font-weight:600}.darkmode .user-settings .column-control .columnControlCheckbox input:checked~*{color:#fff;font-weight:600}@media (max-width: 768px){.user-settings{padding:15px}.user-settings .settings-header h1{font-size:2rem}.user-settings .data-loading-section{flex-direction:column;align-items:center}.user-settings .data-loading-section button{width:100%;max-width:200px}.user-settings .settings-grid{grid-template-columns:1fr;gap:20px}.user-settings .column-control-grid{grid-template-columns:1fr}.user-settings .column-control .column-control-grid{grid-template-columns:1fr;gap:10px}.user-settings .column-control .columnControlCheckbox{padding:10px 12px;min-height:45px}.user-settings .column-control .columnControlCheckbox label{font-size:.85rem}}.mainRepair{font-size:14px}.mainRepair table{border-collapse:collapse;border-spacing:0;margin:10px}.mainRepair table tbody tr td{padding:3px 12px}.mainRepair table tbody tr:nth-child(2n){background-color:#dedddd}.mainRepair table tbody .darkmode tr:nth-child(2n){background-color:#282828}.mainRepair table tbody tr:last-child td{border-bottom:none}.mainRepair .changeStatus{border:1px solid #afafaf;border-radius:4px;padding:10px 5px;margin:15px 5px}.mainRepair .changeStatus label{display:flex}.mainRepair .changeStatus .labelText{width:180px}.mainRepair .extraRepairCosts{border:1px solid #afafaf;border-radius:4px;padding:5px;margin:15px 5px}.mainRepair .extraRepairCosts .existing{border:1px solid #afafaf;margin:3px}.mainRepair .extraRepairCosts .costRow:nth-child(odd){background:#afafaf84}.mainRepair .attachmentsContainer{border:1px solid #afafaf;border-radius:4px;padding:5px;margin:15px 5px}.mainRepair .attachmentsContainer tr{border:1px solid #afafaf;margin:3px}.mainRepair .attachmentsContainer tr:nth-child(odd){background:#afafaf84}.mainRepair .attachmentsContainer .info div{padding:3px;margin-bottom:3px;border-bottom:1px solid #afafaf;background:#00000020}.mainRepair .attachmentsContainer .sent{padding:3px 12px}.mainRepair .attachmentsContainer .actions{display:flex;flex-direction:column}a.link{color:#00f;border-bottom:#0000ff 1px solid}input.pdfCustomerEmails,input.emailSubjectLine{min-width:340px}.newJobsGrid .topRow{display:flex;justify-content:space-between;align-items:center;padding:5px}.newJobsGrid .onlyOption{background-color:#189e008f;padding:2px 10px;margin:5px;border:1px solid rgba(0,136,54,.607);border-radius:4px;width:fit-content}.newJobsGrid .noOptions{background-color:#9e00008f;padding:5px 10px;margin:10px;border:1px solid rgba(136,0,0,.607);border-radius:4px;width:fit-content}.newJobsGrid table thead{margin-bottom:5px}.newJobsGrid table thead th{background-color:#6f6f6f91;padding:12px 0}.newJobsGrid table tr{line-height:18px}.newJobsGrid table .small{width:5%}.newJobsGrid table tbody tr:nth-child(2n){background-color:#6f6f6f44}.newJobsGrid table tbody td{padding:8px}.newJobsGrid table tbody input.small{width:70px}.newJobsGrid table tbody input.large{width:230px}.newJobsGrid table tbody select.small{width:170px}.newJobsGrid table tbody .extraRepairCost{border:1px solid rgba(0,0,0,.615);background-color:#ffffff8f;padding:4px 5px;margin:3px;width:fit-content;font-size:smaller}.newJobsGrid table tbody .extraRepairCostNone{border:none;background-color:#3fc2176e;padding:4px 5px;margin:3px;width:fit-content;font-size:smaller}.newJobsGrid table tbody .repairProductSelect{display:flex;flex-direction:column}.newJobsGrid table tbody .limitSelectWidth{max-width:200px}.newJobsGrid .mainSelectionGroup{float:left;margin:5px}.newJobsGrid .mainSelectionGroup .newJobsParameter{margin-top:6px}.newJobsGrid .selectCustomer{margin:5px;padding:2px;width:700px;border:1px solid rgba(0,0,0,.126)}.newJobsGrid .selectCustomer div{float:left}.newJobsGrid .selectCustomer .selectSearchFilter{float:right}.newJobsGrid .selectCustomer .selectSearchFilter input{width:200px}.newJobsGrid .selectCustomer button{float:right}.newJobsGrid .selectCustomer:after{content:"";display:table;clear:both}.newJobsGrid .extraCostsFilter{float:right;margin:5px;padding:2px}.newJobsGrid .extraCostsFilter input{width:200px;margin-left:10px}.modal-backdrop{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.modal{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:2;border-radius:5px;padding:20px;max-height:80%;overflow:auto}.modal .topRow{text-align:center;background-color:#0000006e;border-radius:4px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.6039215686)}.modal table{width:100%;margin:10px 0;line-height:1.2lh;border-collapse:collapse}.modal table thead tr{background:#ffffffde;border-bottom:solid 3px rgba(0,0,0,.3490196078)}.modal table tbody tr:nth-child(odd){background:#0000000d}.modal table td{text-align:center;padding:5px 2px}.modal table input{width:180px}.modal table.wideInputs input{width:420px}.modal .labels{text-align:center;display:flex}.modal .labels .label{border:1px solid #000000;border-radius:3px;padding:8px;margin:5px}.modal .manyLabels{text-align:center;display:grid;grid-template-columns:repeat(8,1fr)}.modal .manyLabels .label{border:1px solid #000000;border-radius:3px;padding:8px;margin:5px}.searchFilter{width:600px;font-size:.8em;margin:2px;padding:2px;border:1px solid rgba(0,0,0,.2196078431);border-radius:3px}.searchFilter>span{font-style:"Segoe UI";font-size:1.2em;font-weight:700}.searchFilter label{width:180px;display:inline-block;margin:1px;padding:1px}.searchBox .searchString{width:fit-content;padding:6px;margin:4px;background-color:#00000010;border-radius:3px;border:1px solid rgba(0,0,0,.2196078431)}.reloadProducts{background-color:#0000003c;padding:6px;width:fit-content;border-radius:3px;float:right}.infoBoxes{margin:5px}.infoBox{margin:3px;padding:2px;border-radius:2px;position:relative;display:flex;justify-content:space-between;font-size:.8em}.infoBox .editBox{position:absolute;top:0;left:0;width:100%;background:#d4d4d4;z-index:2}.infoBox:nth-child(odd){background:#00000020;border-bottom:solid 1px rgba(0,0,0,.4470588235)}.infoBox div{padding:5px}.infoBox button{margin:5px;height:30px}.infoBox .heading{font-size:1em}.infoBox .leftContent{width:65%}.infoBox .tag{padding:3px 5px;font-size:smaller;background:#0000002b;border:1px solid black;border-radius:3px;max-width:220px}.extraCostInfoBox{margin:3px;padding:2px;border-radius:2px;position:relative;display:flex;justify-content:space-between;font-size:.8em}.extraCostInfoBox div{padding:5px}.extraCostInfoBox button{margin:5px;height:30px}.extraCostInfoBox:nth-child(odd){background:#00000020;border-bottom:solid 1px rgba(0,0,0,.4470588235)}.extraCostInfoBox .title{width:30%}.extraCostInfoBox div{width:15%}.productModels{border:1px solid #6b78ff;margin:5px;padding:5px;border-radius:3px;background-color:#ffffff75}.productModels .tags{font-size:smaller;border:1px solid #9aff6b}.productModels .modelsList{font-size:smaller;border:1px solid #6b78ff;display:flex;flex-wrap:wrap;justify-content:space-between}.extraCostItem{border:1px solid #6b78ff;margin:5px;padding:5px;border-radius:3px;background-color:#ffffff75}.extraCostItem:nth-child(2n){background-color:#4c31ff75}.customerAddress{border:1px solid rgba(0,0,0,.2431372549);margin:5px;padding:5px;border-radius:3px;background-color:#ffffff75;width:70vh}.notes{border:1px solid rgba(0,0,0,.2431372549);margin:5px;padding:5px;border-radius:3px;background-color:#00000010;width:70vh}.name label,.notes label{font-size:1em;font-weight:700;clear:both}.notes textarea{margin:5px;width:90%;height:100px;resize:none}.productEditBox label{font-size:1em;font-weight:700;clear:both;display:block;margin:8px 3px}.productEditBox label input{margin-left:10px}input.customerName{width:250px}.pdfTemplateText h3{font-size:1.2em;font-weight:700;margin:5px}.pdfTemplateText .textBlock{padding-bottom:8px}.pdfTemplateText .textBlock h2{font:1em sans-serif;padding:16px 0 4px}.pdfTemplateText .textBlock textarea{resize:none;outline:none;width:600px;height:220px;font-size:14px;font-family:monospace;line-height:18px;padding:6px;border-radius:6px;color:#29365b;background:#dbdbdb;transition:box-shadow .25s;box-shadow:inset 0 0 0 1px var(--border-color, #E1E6F9),0 0 0 3px var(--focus-color, transparent)}.pdfTemplateText .textBlock textarea:focus{--focus-color: #ECEFFC}.pdfTemplateText .textBlock textarea:focus,.pdfTemplateText .textBlock textarea:hover{--border-color: #BBC1E1}.bulkPriceChange table{border-collapse:collapse;width:100%}.bulkPriceChange table tr{padding:5px}.bulkPriceChange table tr:nth-child(2n){background-color:#00000010}.bulkPriceChange table td{padding:5px}.bulkPriceChange table td:nth-child(2){background-color:#00000010}.bulkPriceChange .searchParameters{border:1px solid rgba(0,0,0,.2431372549);padding:10px;border-radius:3px}.bulkPriceChange .searchParameters input{margin:10px 0}.bulkPriceChange .searchParameters button{font-size:1em;margin:10px 0}.bulkPriceChange .guidance{text-align:center;font-size:1.1em;margin:15px;padding:8px;border-radius:3px;background-color:#00000010}.singleGlobalSetting{padding:5px}.singleGlobalSetting select{margin:0 5px}.loginContainer{display:flex;flex-direction:column;min-height:90vh;background:#fff;padding:20px}.darkmode .loginContainer{background:#000000ca}.loginContainer h1{font-size:2em;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.2862745098);color:#214284}.darkmode .loginContainer h1{color:#fff}.loginForm{background:#fffffffa;border:1px solid rgba(0,0,0,.4470588235);border-radius:4px;padding:10px;min-width:300px;box-shadow:0 2px 8px #0000001a}.darkmode .loginForm{background:#ffffff2b}.loginElement{margin-bottom:20px;display:flex;flex-direction:column}.loginElement label{font-size:1em;font-weight:600;margin-bottom:8px;color:#214284;text-shadow:0 1px 0 rgba(255,255,255,.3294117647)}.darkmode .loginElement label{color:#fff}.loginElement input{padding:10px;border:1px solid rgba(0,0,0,.4470588235);border-radius:4px;font-size:1em;font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;background:#fff;transition:border-color .2s,box-shadow .2s}.loginElement input:focus{outline:none;border-color:#98a3d7;box-shadow:0 0 0 3px #98a3d733}.darkmode .loginElement input{background:#00000072;color:#fff;border-color:#ffffff72}.darkmode .loginElement input:focus{border-color:#98a3d7;box-shadow:0 0 0 3px #98a3d74d}.loginButton{margin-top:10px;padding:12px 24px;background:linear-gradient(0deg,#98a3d7,#b5bde2,#98a3d7);border:1px solid rgba(0,0,0,.4470588235);border-radius:4px;font-size:1.2em;font-weight:600;cursor:pointer;color:#000;text-shadow:0 1px 0 rgba(255,255,255,.2862745098);transition:background-color .2s,transform .1s;width:100%}.loginButton:hover{background-color:#00000072;color:#fff}.loginButton:active{transform:scale(.98)}.darkmode .loginButton{background:linear-gradient(0deg,#214284,#98a3d7,#214284);color:#fff}.darkmode .loginButton:hover{background-color:#000000a0}.alreadyLoggedIn{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90vh}.alreadyLoggedIn .message{background:#fff;padding:20px;font-size:1.2em;min-height:0px;max-height:100px;align-self:center;text-align:center;color:#214284}.darkmode .alreadyLoggedIn{background:#000000ca;color:#fff}.darkmode .alreadyLoggedIn .message{background:#ffffff2b;color:#fff}.logoutContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:20px}.darkmode .logoutContainer{background:#000000ca}.logoutContainer h1{font-size:2em;font-weight:700;margin-bottom:30px;text-shadow:0 1px 0 rgba(255,255,255,.2862745098);color:#214284}.darkmode .logoutContainer h1{color:#fff}.logoutButton{padding:12px 24px;background:linear-gradient(0deg,#98a3d7,#b5bde2,#98a3d7);border:1px solid rgba(0,0,0,.4470588235);border-radius:4px;font-size:1.2em;font-weight:600;cursor:pointer;color:#000;text-shadow:0 1px 0 rgba(255,255,255,.2862745098);transition:background-color .2s,transform .1s}.logoutContent{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:20px}.logoutButton:hover{background-color:#00000072;color:#fff}.logoutButton:active{transform:scale(.98)}.darkmode .logoutButton{background:linear-gradient(0deg,#214284,#98a3d7,#214284);color:#fff}.darkmode .logoutButton:hover{background-color:#000000a0}