.LoginPage .design-element{height:100%;left:30%;position:absolute;top:0;transform:translateX(-50%)}.LoginPage .login-box{align-items:center;background-color:var(--content-background);border:1px solid var(--content-border);border-radius:12px;display:flex;flex-direction:column;height:400px;justify-content:center;left:70%;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}.LoginPage .login-box .brand{height:100px}.LoginPage .login-box .welcome-message{font-size:20px;font-weight:700;margin-top:16px}.LoginPage .login-box input{border:none;border-bottom:2px solid var(--subcontent-border);border-radius:0;font-family:inherit;font-size:15px;margin-top:32px;outline:none;padding:4px;transition:.2s;width:240px}.LoginPage .login-box input:focus{border-color:var(--highlight-color)}.LoginPage .login-box button{background-color:var(--highlight-color);border:1px solid var(--highlight-border);border-radius:8px;color:#fff;font-family:inherit;font-size:15px;margin-top:16px;padding:4px;width:240px}.LoginPage .login-box button:hover{background-color:var(--highlight-hover)}.LoginPage .login-box button:active{background-color:var(--highlight-click)}@media screen and (max-width:1000px){.LoginPage .design-element,.LoginPage .login-box{left:50%}}@media screen and (max-width:600px){.LoginPage .login-box{height:360px;width:320px}.LoginPage .login-box .brand{height:80px}.LoginPage .login-box .welcome-message{font-size:18px}.LoginPage .login-box button,.LoginPage .login-box input{width:200px}}.SearchPopup{background:var(--content-background);border:var(--subcontent-border);border-radius:8px;box-shadow:0 8px 20px #00000014;left:50%;max-height:300px;padding:4px;position:absolute;top:55px;transform:translateX(-50%);width:500px}.SearchPopup .no-results{color:var(--grey);font-style:italic;margin:4px 8px}.SearchPopup .section-title{font-size:14px;margin:8px 8px 2px;text-shadow:.4px 0 0 #000}.recent-list,.result-list{list-style:none;margin:0 0 2px;padding:0}.recent-list li,.result-list li{border-radius:4px;cursor:pointer;margin:0 2px;padding:8px 6px;transition:.1s}.recent-list li:hover,.result-list li:hover{background:var(--hover-color)}.recent-list li:active,.result-list li:active{background:var(--click-color)}.empty-state{font-size:14px;padding:20px;text-align:center}.create-btn{background:#07f;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}.BlockTopRightButton{background:none;border:none;border-radius:8px;height:32px;position:absolute;right:0;top:0;transition:.1s;width:32px}.BlockTopRightButton:hover{background-color:var(--hover-color);cursor:pointer}.BlockTopRightButton:active{background-color:var(--click-color)}.BlockTopRightButton img{height:16px;margin-top:4px;width:16px}.BlockTopRightButton img.dark-hover,.BlockTopRightButton img.light-hover,.BlockTopRightButton:hover img.dark,.BlockTopRightButton:hover img.light,.dark-theme .BlockTopRightButton img.light,.light-theme .BlockTopRightButton img.dark{display:none}.dark-theme .BlockTopRightButton:hover img.dark-hover,.light-theme .BlockTopRightButton:hover img.light-hover{display:inline;display:initial}@media screen and (max-width:500px){.BlockTopRightButton:hover{background:none}.dark-theme .BlockTopRightButton:hover img.dark-hover,.light-theme .BlockTopRightButton:hover img.light-hover{display:none}.dark-theme .BlockTopRightButton:hover img.dark,.light-theme .BlockTopRightButton:hover img.light{display:inline;display:initial}.BlockTopRightButton:active{background-color:var(--click-color)}}.ContentBlock{background-color:var(--content-background);border:1px solid var(--content-border);border-radius:12px;padding:10px 12px}.ModalWindow{align-items:center;background-color:#0003;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5}.ModalWindow .window{border:none;border-radius:8px;height:300px;padding:12px 16px;position:relative;width:500px}.ModalWindow .BlockTopRightButton{right:12px;top:12px}.ModalTitle{font-size:var(--font-title);font-weight:700}.BlockTitle{font-size:var(--font-header);font-weight:700}.BlockText{background-position:0 3px;background-size:16px;color:var(--slightly-faded-text)}.BlockText,.TextInput{background-repeat:no-repeat}.TextInput{background-color:var(--content-background);background-position:7px 5px;background-size:20px;border:1px solid var(--subcontent-border);border-radius:6px;color:var(--text);font-family:inherit;font-size:var(--font-standard);outline:none;padding:5px 10px}.TextInput::placeholder{color:var(--faded-text)}.TextAreaInput{background-color:var(--content-background);background-position:7px 5px;background-repeat:no-repeat;background-size:20px;border:1px solid var(--subcontent-border);color:var(--text);outline:none;padding:5px 8px;resize:none}.ActionButton,.TextAreaInput{border-radius:6px;font-family:inherit;font-size:var(--font-standard)}.ActionButton{padding:5px 10px;transition:.1s}.ActionButton.colored{background-color:var(--highlight-color);border:1px solid var(--highlight-border);color:#fff}.ActionButton.colored:hover{background-color:var(--highlight-hover);cursor:pointer}.ActionButton.colored:active{background-color:var(--highlight-click)}.ActionButton.transparent{background:none;border:1px solid var(--subcontent-border);color:var(--text)}.ActionButton.transparent:hover{background:var(--hover-color);border:1px solid var(--subcontent-border);cursor:pointer}.ActionButton.transparent:active{background-color:var(--click-color)}.CustomerModal{overflow-y:scroll;width:600px!important}.CustomerModal::-webkit-scrollbar{display:none}.CustomerModal .name-edit{margin-bottom:8px}.CustomerModal .name-edit .TextInput{margin-right:8px;width:160px}.CustomerModal .basic-info{display:flex;gap:20px;margin-top:8px;padding-bottom:40px;position:relative}.CustomerModal .basic-info span{flex:1 1}.CustomerModal .basic-info .divider{background-color:var(--subcontent-border);grid-column:2;grid-row:1/span 3;width:.8px}.CustomerModal .basic-info .text-inputs{display:flex;flex-direction:column;gap:6px}.CustomerModal .basic-info .text-inputs .TextInput,.TextAreaInput{box-sizing:border-box;width:100%}.CustomerModal .basic-info .error-message{bottom:6px;color:red;left:0;position:absolute}.CustomerModal .basic-info .buttons{bottom:0;display:flex;gap:4px;position:absolute;right:0}.CustomerModal .repair-history{margin-top:16px}.CustomerModal .repair-history .repair{transition:.1s}.CustomerModal .repair-history .repair .details-flex-container{border-radius:4px;display:flex;margin:0;padding:2px 0;transition:.1s}.CustomerModal .repair-history .repair:hover .details-flex-container{background-color:var(--subcontent-border);cursor:pointer;margin:0 -8px;padding:2px 8px}.CustomerModal .repair-history .repair .details-flex-container .job-number{width:160px}.CustomerModal .repair-history .repair .details-flex-container .instrument{flex:1 1}.CustomerModal .edit-button{right:48px}@media screen and (max-width:500px){.CustomerModal{height:400px!important;width:80%!important}.CustomerModal .basic-info{flex-direction:column}.CustomerModal .divider{display:none}}.DropdownSelect{background-color:var(--background);background-position:7px 5px;background-repeat:no-repeat;background-size:20px;border:1px solid var(--subcontent-border);border-radius:6px;font-family:inherit;outline:none;padding:5px 10px}.DropdownSelect,.DropdownSelect option{color:var(--text);font-size:var(--font-standard)}.DropdownSelect:disabled{background-color:var(--subcontent-border)}.InstrumentModal{overflow-y:scroll;width:600px!important}.InstrumentModal::-webkit-scrollbar{display:none}.InstrumentModal .serial-edit{margin-bottom:8px}.InstrumentModal .serial-edit .TextInput{margin-right:8px;width:160px}.InstrumentModal .basic-info{display:flex;gap:20px;margin-top:8px;padding-bottom:40px;position:relative}.InstrumentModal .basic-info span{flex:1 1}.InstrumentModal .basic-info .divider{background-color:var(--subcontent-border);grid-column:2;grid-row:1/span 3;width:.8px}.InstrumentModal .basic-info .text-inputs{display:flex;flex-direction:column;gap:6px}.InstrumentModal .basic-info .text-inputs .TextInput{box-sizing:border-box;width:100%}.InstrumentModal .basic-info .error-message{bottom:6px;color:red;left:0;position:absolute}.InstrumentModal .basic-info .buttons{bottom:0;display:flex;gap:4px;position:absolute;right:0}.InstrumentModal .search-results{display:flex;flex-direction:column;margin-top:8px}.InstrumentModal .search-result{transition:.1s}.InstrumentModal .search-result .details-flex-container{border-radius:4px;display:flex;margin:0 8px;padding:2px 0;transition:.1s}.InstrumentModal .search-result:hover .details-flex-container{background-color:var(--subcontent-border);cursor:pointer;margin:0;padding:2px 8px}.InstrumentModal .repair-history{margin-top:16px}.InstrumentModal .repair-history .repair{transition:.1s}.InstrumentModal .repair-history .repair .details-flex-container{border-radius:4px;display:flex;margin:0;padding:2px 0;transition:.1s}.InstrumentModal .repair-history .repair:hover .details-flex-container{background-color:var(--subcontent-border);cursor:pointer;margin:0 -8px;padding:2px 8px}.InstrumentModal .repair-history .repair .details-flex-container .job-number{width:160px}.InstrumentModal .repair-history .repair .details-flex-container .customer{flex:1 1}.InstrumentModal .edit-button{right:48px}@media screen and (max-width:500px){.InstrumentModal{height:400px!important;width:80%!important}.InstrumentModal .basic-info{flex-direction:column}.InstrumentModal .divider{display:none}}.SearchBar .search-bar{align-self:center;background-color:var(--content-background);border:1px solid var(--content-border);border-radius:30px;color:var(--text);font-family:inherit;font-size:15px;padding:6px 14px;width:400px}.SearchBar .search-bar:focus,.SearchBar .search-bar:hover{box-shadow:0 1px 10px var(--content-border);outline:none}.SearchBar .search-bar::placeholder{color:var(--faded-text)}.SearchBar datalist{background-color:var(--content-background)}@media screen and (max-width:800px){.SearchBar .search-bar{display:none}}.HeaderButton{background:none;border:none;border-radius:8px;height:36px;position:absolute;right:0;top:0;transition:.1s;width:36px}.HeaderButton:hover{background-color:var(--hover-color);cursor:pointer}.HeaderButton:active{background-color:var(--click-color)}.HeaderButton img{height:24px;margin-top:3px;width:24px}.dark-theme .HeaderButton img.light,.light-theme .HeaderButton img.dark{display:none}.SettingsMenu{display:flex;gap:8px;margin-top:8px}.SettingsMenu button{background:none;border:none;border-radius:4px;color:var(--faded-text);font-family:inherit;padding:3px 8px;transition:.1s}.SettingsMenu button.active,.SettingsMenu button:hover{background-color:var(--hover-color);color:var(--text)}.SettingsMenu button.active{text-shadow:.5px 0 0 #000}.SettingsMenu button:active{background-color:var(--click-color)}.RepairersSettings .repairers-title{align-items:center;display:flex}.RepairersSettings .repairers-title div{flex:1 1}.RepairersSettings .repairers-title .ActionButton img{height:20px;margin-right:6px;vertical-align:-5px}.RepairersSettings .repairers-grid{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:120px 100px 100px 100px 100px 100px auto;margin-top:20px}.RepairersSettings .delete-button .ActionButton{border-color:red}.RepairersSettings .delete-button .ActionButton:hover{background-color:var(--calendar-red)}.RepairersSettings .delete-button img{height:20px;margin-left:-3px;margin-right:-2px;vertical-align:-5px}.RepairersSettings .repairers-grid .delete-button{text-align:right}.RepairersSettings .new-repairer-form{display:flex;gap:4px;margin-top:16px}.RepairersSettings .new-repairer-form .TextInput{width:200px}.RepairsSettings{min-width:600px}.RepairsSettings .divider{background-color:var(--subcontent-border);height:.9px;margin:16px 0;width:100%}.RepairsSettings .section-title{align-items:center;display:flex}.RepairsSettings .section-title div{flex:1 1}.RepairsSettings .section-title .ActionButton img{height:20px;margin-right:6px;vertical-align:-5px}.RepairsSettings .job-types{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:240px auto 220px 220px 70px 70px;margin-top:16px}.RepairsSettings .job-types .TextAreaInput{width:90%}.RepairsSettings .job-types .materials-input{align-items:start;display:flex;flex-direction:column;gap:6px}.RepairsSettings .job-types .material-input{align-items:center;display:flex;gap:8px}.RepairsSettings .job-types .material-input .TextInput{padding:2px 8px;width:30px}.RepairsSettings .job-types .material-input .ActionButton{border-color:red;height:24px;padding:3px;width:24px}.RepairsSettings .job-types .material-input .ActionButton:hover{background-color:var(--calendar-red)}.RepairsSettings .job-types .material-input .ActionButton img{width:16px}.RepairsSettings .job-types .time-inputs{display:flex;gap:8px}.RepairsSettings .job-types .DropdownSelect{font-size:13px;padding:5px}.RepairsSettings .instrument-statuses{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:auto 70px 70px;margin-top:16px}.RepairsSettings .hourly-rate{margin-top:16px}.RepairsSettings .hourly-rate .TextInput{width:50px}.RepairsSettings .hourly-rate p{display:inline;margin-left:8px}@media screen and (max-width:800px){.RepairsSettings .job_types{grid-template-columns:100px auto 55px 70px}}.MaterialsSettings .materials-title{align-items:center;display:flex}.MaterialsSettings .materials-title div{flex:1 1}.MaterialsSettings .materials-title .ActionButton img{height:20px;margin-right:6px;vertical-align:-5px}.MaterialsSettings .materials-table{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:240px auto 70px 70px;margin-top:16px}.ToggleSwitch{display:inline-block;height:25px;position:relative;width:40px}.ToggleSwitch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:25px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:3px;top:2.4px;width:20px}input:checked+.slider{background-color:var(--highlight-color)}input:checked+.slider:before{transform:translateX(14px)}.CalendarSettings .details{display:flex;gap:24px;margin-top:16px}.CalendarSettings .details .divider{background-color:var(--subcontent-border);width:.8px}.CalendarSettings .details .day-view-column,.CalendarSettings .details .week-view-column{display:flex;flex:1 1;flex-direction:column;gap:8px}.CalendarSettings .details .day-view-column .BlockTitle,.CalendarSettings .details .week-view-column .BlockTitle{text-align:center}.CalendarSettings .details .detail{display:flex}.CalendarSettings .details .detail p{flex:1 1}@media screen and (max-width:600px){.CalendarSettings .details .detail p{flex:1 1}.CalendarSettings .details .detail div{flex:initial}}.EmailSettings .email-content{margin-top:16px}.EmailSettings .email-content span{color:#000;font-weight:700}.EmailSettings .cancel-button,.EmailSettings .edit-button,.EmailSettings .email-content .body-input{margin-top:4px}.EmailSettings .save-button{margin-left:8px}.EmailSettings .collection-email{margin-top:32px}.AppearanceSettings .dark-mode{align-items:center;display:flex;margin-top:16px}.AppearanceSettings .dark-mode p{min-width:300px}.AppearanceSettings .dark-mode div{flex:1 1}@media screen and (max-width:600px){.AppearanceSettings .dark-mode p{flex:1 1}.AppearanceSettings .dark-mode div{flex:initial}}.AccountSettings .new-password-form{align-items:baseline;display:flex;flex-direction:column;gap:8px;margin-top:8px}.AccountSettings .logout-button{margin-top:16px}.SettingsModal{height:600px!important;overflow:scroll;width:1200px!important}.SettingsModal .settings-content{margin-top:16px}.CreateRepairWindow{height:400px!important;width:600px!important}.CreateRepairWindow .details{height:calc(100% - 80px);overflow-x:hidden;overflow-y:scroll}.CreateRepairWindow .customer-details .new-customer-name{display:flex;gap:8px}.CreateRepairWindow .customer-details .new-customer-name .TextInput{width:160px}.CreateRepairWindow .customer-details .in-house-repair-checkbox{margin-left:16px;margin-right:4px}.CreateRepairWindow .name-search,.CreateRepairWindow .serial-number-search{margin-top:4px}.CreateRepairWindow .customer-details,.CreateRepairWindow .customer-details .create-new-customer-button,.CreateRepairWindow .instrument-details .create-new-instrument-button{margin-top:8px}.CreateRepairWindow .search-results{display:flex;flex-direction:column;margin-top:8px}.CreateRepairWindow .search-result{transition:.1s}.CreateRepairWindow .search-result .details-flex-container{border-radius:4px;display:flex;margin:0 8px;padding:2px 0;transition:.1s}.CreateRepairWindow .search-result:hover .details-flex-container{background-color:var(--subcontent-border);cursor:pointer;margin:0;padding:2px 8px}.CreateRepairWindow .customer-details .search-result .details-flex-container .name,.CreateRepairWindow .customer-details .search-result .details-flex-container .telephone{width:160px}.CreateRepairWindow .instrument-details .search-result .details-flex-container .serial-number,.CreateRepairWindow .instrument-details .search-result .details-flex-container .type{width:120px}.CreateRepairWindow .basic-info{display:flex;gap:20px;margin-top:12px}.CreateRepairWindow .basic-info span{flex:1 1}.CreateRepairWindow .basic-info .divider{background-color:var(--subcontent-border);grid-column:2;grid-row:1/span 3;width:.8px}.CreateRepairWindow .basic-info .text-inputs{display:flex;flex-direction:column;gap:6px}.CreateRepairWindow .basic-info .text-inputs .TextInput,.TextAreaInput{box-sizing:border-box;width:100%}.CreateRepairWindow .instrument-details{margin-top:16px}.CreateRepairWindow .status-dropdown{margin-top:4px;padding:2px 8px}.CreateRepairWindow .notes{margin-top:16px}.CreateRepairWindow .error-message{bottom:12px;color:var(--red);left:12px;position:absolute}.CreateRepairWindow .buttons{bottom:8px;display:flex;gap:8px;position:absolute;right:8px}@media screen and (max-width:800px){.ModalWindow{align-items:end}.CreateRepairWindow{border-bottom-left-radius:0;border-bottom-right-radius:0;height:600px!important;width:100%!important}.CreateRepairWindow .customer-details .new-customer-name .TextInput{width:120px}}@media screen and (max-width:600px){.CreateRepairWindow .basic-info{flex-direction:column;gap:8px}}.DatePicker{background-color:var(--content-background);border:1px solid var(--subcontent-border);border-radius:6px;color:var(--text);font-family:inherit;font-size:var(--font-standard);outline:none;padding:5px 10px}.Header{align-items:center;background-color:var(--background);display:flex;height:64px;justify-content:center;max-width:1800px;position:fixed;width:100%;z-index:5}.Header .brand{height:40px;left:12px;position:absolute;top:12px}.Header .brand:hover{cursor:pointer}.dark-theme .Header .brand.red,.light-theme .Header .brand.white{display:none}.Header .settings-button{right:12px;top:12px}.Header .new-repair-button{right:52px;top:12px}@media screen and (max-width:1000px){.Header .BlockTopRightButton{display:inline;display:initial}}@media screen and (max-width:400px){.Header .BlockTopRightButton img{margin-left:-5px}}.PageTitle{background-color:var(--background);display:flex;font-size:var(--font-title);max-width:1768px;padding:12px 0;position:fixed;top:64px;width:calc(100% - 32px);z-index:1}.CalendarEvent{background-color:var(--subcontent-border);border:1px solid var(--content-background);border-radius:6px;display:flex;gap:6px;padding:4px 6px;-webkit-user-select:none;user-select:none}.CalendarEvent:hover{cursor:pointer}.CalendarEvent.red{background-color:var(--calendar-red)}.CalendarEvent.red:hover{border:1px solid var(--calendar-red-border)}.CalendarEvent.orange{background-color:var(--calendar-orange)}.CalendarEvent.orange:hover{border:1px solid var(--calendar-orange-border)}.CalendarEvent.yellow{background-color:var(--calendar-yellow)}.CalendarEvent.yellow:hover{border:1px solid var(--calendar-yellow-border)}.CalendarEvent.green{background-color:var(--calendar-green)}.CalendarEvent.green:hover{border:1px solid var(--calendar-green-border)}.CalendarEvent.turquoise{background-color:var(--calendar-turquoise)}.CalendarEvent.turquoise:hover{border:1px solid var(--calendar-turquoise-border)}.CalendarEvent.blue{background-color:var(--calendar-blue)}.CalendarEvent.blue:hover{border:1px solid var(--calendar-blue-border)}.CalendarEvent.indigo{background-color:var(--calendar-indigo)}.CalendarEvent.indigo:hover{border:1px solid var(--calendar-indigo-border)}.CalendarEvent.purple{background-color:var(--calendar-purple)}.CalendarEvent.purple:hover{border:1px solid var(--calendar-purple-border)}.CalendarEvent:active{z-index:20}.CalendarEvent .details{flex:1 1}.CalendarEvent .complete-button{border:0 solid #a8a8a899;border-radius:50%;height:16px;margin-right:-4px;margin-top:2px;transition:.2s;width:0}.CalendarEvent:hover .complete-button{border-width:1.5px;margin-right:0;width:16px}.CalendarEvent .complete-icon{height:20px;margin-top:2px;width:20px}.CalendarEvent .details.complete{opacity:.5}.CalendarEvent .bold{color:#000;font-weight:700}.CalendarDayView .currently-viewing-day-title{color:var(--faded-text);font-size:13px;text-align:center}.CalendarDayView .currently-viewing-day-title span{color:var(--text);font-size:20px;font-weight:700;margin-left:4px;vertical-align:-2.5px}.CalendarDayView .currently-viewing-day-title span.current-day{background-color:var(--text);border-radius:6px;color:var(--content-background);padding:0 8px}.CalendarDayView .calendar-flex-container{background-color:var(--subcontent-border);display:flex;gap:.05rem;min-width:1000px}.CalendarDayView .calendar-flex-container .repairer-column{display:flex;flex:1 1;flex-direction:column;min-width:300px}.CalendarDayView .calendar-flex-container .repairer-column .title-row{background-color:var(--content-background);font-size:15px;font-weight:700;padding:12px 0;text-align:center}.CalendarDayView .calendar-flex-container .repairer-column .events-row{background-color:var(--content-background);display:flex;flex:1 1;flex-direction:column;font-size:15px;gap:6px;margin-top:1px;min-height:100px;padding:4px 5px}.CalendarDayView .calendar-flex-container .repairer-column .events-row.disabled{background:repeating-linear-gradient(135deg,var(--subcontent-border) 0,var(--subcontent-border) 10%,#0000 0,#0000 50%);background-color:var(--background);background-size:.5em .5em}.AddCalendarEventButton{background:none;border:none;border-radius:6px;height:60px;margin-bottom:8px}.AddCalendarEventButton:hover{border:2px dashed var(--text)}.AddCalendarEventButton:active{background-color:var(--background)}.AddCalendarEventButton img{display:none;width:20px}.dark-theme .AddCalendarEventButton:hover img.dark,.light-theme .AddCalendarEventButton:hover img.light{display:inline;display:initial}.CalendarWeekView{grid-gap:.05rem;background-color:var(--subcontent-border);display:grid;gap:.05rem;grid-template-columns:120px 1fr 1fr 1fr 1fr 1fr;min-width:1000px}.CalendarWeekView .calendar-grid-box{background-color:var(--content-background);box-sizing:border-box;padding:4px 5px;position:relative}.CalendarWeekView .calendar-grid-box:not(.day-of-the-week,.repairer-name){display:flex;flex-direction:column;gap:6px;min-height:120px}.CalendarWeekView .calendar-grid-box.current-day,.CalendarWeekView .calendar-grid-box.deadline{background-color:var(--calendar-highlight-color)}.CalendarWeekView .calendar-grid-box.disabled{background:repeating-linear-gradient(135deg,var(--subcontent-border) 0,var(--subcontent-border) 10%,#0000 0,#0000 50%);background-color:var(--background);background-size:.5em .5em}.CalendarWeekView .calendar-grid-box .time-heat-bar{border-radius:8px;bottom:4px;display:flex;height:.15em;overflow:hidden;position:absolute;width:calc(100% - 10px)}.CalendarWeekView .calendar-grid-box .time-heat-bar .heat.green{background-color:var(--calendar-green-border)}.CalendarWeekView .calendar-grid-box .time-heat-bar .heat.yellow{background-color:var(--calendar-yellow-border)}.CalendarWeekView .calendar-grid-box .time-heat-bar .heat.orange{background-color:var(--calendar-orange-border)}.CalendarWeekView .calendar-grid-box .time-heat-bar .heat.red{background-color:var(--calendar-red-border)}.CalendarWeekView .calendar-grid-box.day-of-the-week{color:var(--faded-text);font-size:12px;height:70px;line-height:20px;padding:10px 0;text-align:center}.CalendarWeekView .calendar-grid-box.day-of-the-week span{color:var(--text);display:block;font-size:20px;font-weight:700;margin:auto;padding:2px 2px 2px 0;width:40px}.CalendarWeekView .calendar-grid-box.day-of-the-week span.current-day{background-color:var(--text);border-radius:6px;color:var(--content-background)}.CalendarWeekView .repairer-name{align-items:center;display:flex;font-weight:700}.CalendarMonthView{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;min-width:1000px}.CalendarMonthView .calendar-grid-box{background-color:var(--content-background);box-sizing:border-box;padding:4px 5px}.CalendarMonthView .calendar-grid-box:not(.day-of-the-week,.repairer-name){display:flex;flex-direction:column;gap:6px;min-height:80px}.CalendarMonthView .day-of-the-week{color:var(--text);font-size:15px;font-weight:700;line-height:20px;padding:10px 0;text-align:center}.CalendarMonthView .calendar-grid-box{border:1px solid var(--content-background);border-radius:4px;position:relative}.CalendarMonthView .calendar-grid-box:hover{cursor:pointer}.CalendarMonthView .calendar-grid-box.empty{background-color:var(--calendar-green)}.CalendarMonthView .calendar-grid-box.empty:hover{border:1px solid var(--calendar-green-border)}.CalendarMonthView .calendar-grid-box.quiet{background-color:var(--calendar-yellow)}.CalendarMonthView .calendar-grid-box.quiet:hover{border:1px solid var(--calendar-yellow-border)}.CalendarMonthView .calendar-grid-box.moderate{background-color:var(--calendar-orange)}.CalendarMonthView .calendar-grid-box.moderate:hover{border:1px solid var(--calendar-orange-border)}.CalendarMonthView .calendar-grid-box.busy{background-color:var(--calendar-red)}.CalendarMonthView .calendar-grid-box.busy:hover{border:1px solid var(--calendar-red-border)}.CalendarMonthView .calendar-grid-box.faded{opacity:.4}.CalendarMonthView .calendar-grid-box.faded .date{color:var(--faded-text)}.CalendarEventPopover{background-color:var(--content-background);border:1px solid var(--subcontent-border);border-radius:6px;box-shadow:0 8px 12px #0000001a;height:360px;left:500px;padding:6px 10px;position:absolute;top:300px;width:240px;z-index:50}.CalendarEventPopover .popover-title{font-size:16px;margin-top:2px}.CalendarEventPopover .sub-title{font-size:14px;margin-top:2px}.CalendarEventPopover .event-details{display:flex;flex-direction:column;gap:8px;margin-top:12px}.CalendarEventPopover .event-details .select-repair-button{background:none;border:none;border-radius:4px;font-family:inherit;font-size:13px;transition:.1s}.CalendarEventPopover .event-details .select-repair-button:hover{background-color:var(--hover-color);cursor:pointer}.CalendarEventPopover .event-details .time-inputs{display:flex;gap:8px}.CalendarEventPopover .event-details .time-inputs .DropdownSelect{flex:1 1}.CalendarEventPopover .event-details .all-day-checkbox input{margin-right:6px;vertical-align:-1px}.CalendarEventPopover .action-buttons{bottom:8px;box-sizing:border-box;display:flex;gap:8px;left:0;padding:0 10px;position:absolute;width:100%}.CalendarEventPopover .action-buttons .ActionButton{flex:1 1}.CalendarEventPopover .BlockTopRightButton{height:28px;right:8px;top:6px;width:28px}.CalendarEventPopover .BlockTopRightButton img{height:12px;margin-top:4px;width:12px}.NavigationCalendar .month-navigation{align-items:center;display:flex}.NavigationCalendar .month-navigation button{background:none;border:none;border-radius:8px;height:32px;width:32px}.NavigationCalendar .month-navigation button:hover{background-color:var(--hover-color);cursor:pointer}.NavigationCalendar .month-navigation button:active{background-color:var(--click-color)}.NavigationCalendar .month-navigation button img{height:20px;margin-top:3px}.dark-theme .NavigationCalendar .month-navigation button img.light,.light-theme .NavigationCalendar .month-navigation button img.dark{display:none}.NavigationCalendar .month-navigation p{flex:1 1;text-align:center}.NavigationCalendar .day-navigation{margin-top:12px}.NavigationCalendar .day-navigation .days-of-the-week,.NavigationCalendar .day-navigation .week{border-radius:6px;display:flex;gap:6px;justify-content:center;margin:6px 0;padding:2px 4px}.NavigationCalendar .month-days{border-radius:6px}.NavigationCalendar .day-navigation button,.NavigationCalendar .day-navigation p{background:none;border:none;box-sizing:border-box;color:var(--slightly-faded-text);font-family:inherit;font-family:var(--font-standard);height:36px;padding-top:2px;text-align:center;width:36px}.NavigationCalendar .day-navigation p{font-weight:700;height:24px}.NavigationCalendar .day-navigation button{border-radius:50%}.NavigationCalendar .day-navigation .faded{color:var(--faded-text)}.NavigationCalendar .day-navigation.day-mode button.active,.NavigationCalendar .day-navigation.day-mode button:hover,.NavigationCalendar .day-navigation.month-mode .month-days.active,.NavigationCalendar .day-navigation.month-mode .month-days:hover,.NavigationCalendar .day-navigation.week-mode .week.active,.NavigationCalendar .day-navigation.week-mode .week:hover{background-color:var(--hover-color)}.NavigationCalendar .day-navigation.day-mode button:active,.NavigationCalendar .day-navigation.month-mode .month-days:active,.NavigationCalendar .day-navigation.week-mode .week:active{background-color:var(--click-color)}.NavigationCalendar .day-navigation .current-day,.NavigationCalendar .day-navigation.day-mode .current-day.active,.NavigationCalendar .day-navigation.day-mode .current-day:active,.NavigationCalendar .day-navigation.day-mode .current-day:hover{background-color:var(--text);box-shadow:0 2px 4px 0 #0003,0 2px 12px 0 #00000030;color:var(--content-background)}.SchedulingRepairWidget{background-color:var(--content-background);border:1px solid var(--content-border);border-radius:8px;margin-top:16px;padding:8px;position:relative}.SchedulingRepairWidget .close-button{background-color:red;border:none;border-radius:50%;color:#fff;font-size:10px;font-weight:700;height:16px;position:absolute;right:-4px;top:-4px;width:16px}.SchedulingRepairWidget .close-button:hover{background-color:#d20000}.SchedulingRepairWidget .close-button:active{background-color:#c80000}.Calendar .PageTitle .ActionButton img{height:20px;margin-right:6px;vertical-align:-5px}.Calendar .PageTitle .gap{flex:1 1}.Calendar .PageTitle .calendar-mode-toggle{background-color:var(--content-background);border:1px solid var(--content-border);border-radius:8px;display:flex;gap:4px;left:calc(50% + 114px);margin-top:-2px;padding:3px;position:absolute;transform:translateX(-50%)}.Calendar .PageTitle .calendar-mode-toggle button{background:none;border:none;border-radius:6px;color:var(--text);font-family:inherit;padding:5px 12px}.Calendar .PageTitle .calendar-mode-toggle button:hover{background-color:var(--hover-color)}.Calendar .PageTitle .calendar-mode-toggle button.active{background-color:var(--highlight-color);color:#fff}.Calendar .PageTitle .calendar-mode-toggle button.active:hover{background-color:var(--highlight-hover)}.Calendar .PageTitle .calendar-mode-toggle button.active:active,.Calendar .PageTitle .calendar-mode-toggle button:active{background-color:var(--highlight-click);color:#fff}.Calendar .PageTitle .today-button{background-color:var(--content-background);border:1px solid var(--content-border);border-radius:8px;display:flex;font-size:12px;gap:4px;margin-top:-2px;padding:9px 12px;position:absolute;right:80px}.Calendar .PageTitle .today-button:hover{background-color:var(--hover-color)}.Calendar .PageTitle .today-button:active{background-color:var(--click-color)}.Calendar .PageTitle .navigation-arrows{background-color:var(--content-background);border:1px solid var(--content-border);border-radius:8px;display:flex;gap:4px;margin-top:-2px;padding:3px;position:absolute;right:0}.Calendar .PageTitle .navigation-arrows button{background:none;border:none;border-radius:6px;font-family:inherit;padding:5px 12px}.Calendar .PageTitle .navigation-arrows button:hover{background-color:var(--hover-color)}.Calendar .PageTitle .navigation-arrows button:active{background-color:var(--click-color)}.Calendar .sidebar{align-self:baseline;margin-right:16px;margin-top:8px}.Calendar .calendar-content{display:flex}.Calendar .calendar-box{flex:1 1;min-height:400px}@media screen and (max-width:1000px){.Calendar .PageTitle .calendar-mode-toggle{left:50%}.Calendar .sidebar{display:none}}@media screen and (max-width:600px){.Calendar .PageTitle .calendar-mode-toggle{display:none}}.FilterByRepairerWidget{width:100%}.CustomerDetails,.InstrumentDetails{border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:4px;position:relative}.CollapsibleText{background-color:var(--background);border-radius:4px;padding:8px}.CollapsibleText button{background:none;border:none;border-radius:8px;float:right;margin-top:-2px;padding:3px 4px}.CollapsibleText button:hover{background-color:var(--click-color)}.CollapsibleText button img{height:20px;vertical-align:-1px}.Assessment{display:flex;gap:20px}.Assessment .cost-estimate{flex:3 1;position:relative}.Assessment .cost-estimate .costs{margin-top:8px}.Assessment .cost-estimate .costs .cost-item{display:flex;margin:2px 0}.Assessment .cost-estimate .costs .cost-item .cost-contents{flex:5 1}.Assessment .cost-estimate .costs .cost-item .cost-contents .cost-content{display:flex}.Assessment .cost-estimate .costs .cost-item .title{flex:3 1}.Assessment .cost-estimate .costs .cost-item .value{flex:4 1}.Assessment .cost-estimate .costs .cost-item .cost{align-self:flex-end;flex:1 1;text-align:right}.Assessment .cost-estimate .costs .cost-item .total{color:var(--text);font-weight:700}.Assessment .cost-estimate .assessment-select{padding:2px 8px}.Assessment .cost-estimate .estimate-invoice-message{background-color:var(--background);border-radius:6px;display:flex;margin-top:12px;padding:6px 10px}.Assessment .cost-estimate .estimate-invoice-message p{align-self:center;flex:1 1}.Assessment .cost-estimate .estimate-invoice-message .ActionButton{font-size:var(--font-subtext)}.Assessment .cost-estimate .time-inputs{align-items:center;display:flex}.Assessment .cost-estimate .time-inputs .BlockText{flex:1 1}.Assessment .cost-estimate .time-inputs .inputs{align-items:center;display:flex;flex:4 1;gap:8px}.Assessment .cost-estimate .time-inputs .inputs .DropdownSelect{padding:2px 8px}.Assessment .cost-estimate .time-inputs .TextInput{width:60px}.Assessment .cost-estimate .materials-input{display:flex;margin-top:8px}.Assessment .cost-estimate .materials-input .title{flex:1 1}.Assessment .cost-estimate .materials-input-list{align-items:start;display:flex;flex:4 1;flex-direction:column;gap:8px}.Assessment .cost-estimate .materials-input-list .material{align-items:center;display:flex;gap:16px}.Assessment .cost-estimate .materials-input-list .material .quantity-input{padding:2px 8px;width:20px}.Assessment .cost-estimate .materials-input-list .material .cost-input{padding:2px 8px;width:40px}.Assessment .cost-estimate .materials-input-list .material .delete-material{border-color:red;height:24px;padding:3px 5px;width:28px}.Assessment .cost-estimate .materials-input-list .material .delete-material:hover{background-color:var(--calendar-red)}.Assessment .cost-estimate .materials-input-list .material .delete-material img{width:16px}.Assessment .cost-estimate .materials-input .DropdownSelect{padding:2px 8px}.Assessment .cost-estimate .buttons-space{height:50px}.Assessment .cost-estimate .buttons{bottom:0;display:flex;gap:4px;position:absolute;right:0}.Assessment .assessment-notes{flex:5 1;height:auto;position:relative}.Assessment .assessment-notes .DropdownSelect{padding:4px 8px}.Assessment .assessment-notes .TextAreaInput{box-sizing:border-box;margin-top:4px;width:100%}.Assessment .assessment-notes .assessment-notes-title{margin-top:4px}.Assessment .divider{background-color:var(--subcontent-border);width:.9px}.Assessment .assessment-notes .CollapsibleText{margin-top:12px}@media screen and (max-width:1200px){.Assessment .Notes{flex:5 1}}@media screen and (max-width:800px){.Assessment{flex-direction:column}.Assessment .divider{height:1px;width:auto!important}.Assessment .Notes{min-height:100px}}@media screen and (max-width:500px){.Assessment .cost-estimate .costs .cost-item .title{flex:4 1}.Assessment .cost-estimate .estimate-invoice-message{font-size:var(--font-subtext)}}.Repair .status{align-self:center;border-radius:6px;font-size:var(--font-standard);margin-left:10px;padding:4px 8px}.Repair .status.red{background-color:var(--background-red);color:var(--red)}.Repair .status.orange{background-color:var(--background-orange);color:var(--orange)}.Repair .status.green{background-color:var(--background-green);color:var(--green)}.Repair .status.black{background-color:#000c;color:#fff}.Repair .status.archived{background-color:var(--background-grey);color:var(--grey)}.Repair .divider{background-color:var(--subcontent-border);width:.9px}.Repair .actions-menu-button{background-color:var(--content-background);position:absolute;right:0;top:14px}.Repair .actions-menu-button img{height:20px;margin-left:5px;vertical-align:-5px}.dark-theme .Repair .PageTitle .light,.light-theme .Repair .PageTitle .dark{display:none}.Repair .actions-menu{background-color:var(--subcontent-border);border:1px solid var(--subcontent-border);border-radius:6px;box-shadow:0 8px 12px #0000001a;display:flex;flex-direction:column;gap:1px;overflow:hidden;position:absolute;right:0;top:50px;width:120px}.Repair .actions-menu .ActionButton{background-color:var(--content-background);border:none;border-radius:0}.Repair .actions-menu .ActionButton:hover{background-color:var(--hover-color)}.Repair .actions-menu .ActionButton:active{background-color:var(--click-color)}.Repair .actions-menu img{height:17px;margin-right:6px;vertical-align:-3px}.Repair .actions-menu .ActionButton.red{color:red}.Repair .basic-details{display:flex;gap:8px}.Repair .customer-and-instrument-details{display:flex;flex:3 1;gap:20px}.Repair .notes-block{flex:2 1;position:relative}.Repair .notes-block .BlockTopRightButton{right:12px;top:10px}.Repair .notes-block .TextAreaInput{box-sizing:border-box;margin-bottom:40px;margin-top:4px;width:100%}.Repair .notes-block .buttons{bottom:10px;display:flex;gap:4px;position:absolute;right:12px}.Repair .notes-block .date-booked{text-decoration:underline}.Repair .notes-block .date-booked:hover{color:var(--highlight-color);cursor:pointer}.Repair .assessment-block{margin-top:8px}@media screen and (max-width:1200px){.Repair .notes-block{flex:1.5 1}}@media screen and (max-width:800px){.Repair .basic-details{flex-direction:column}.Repair .notes-block{min-height:100px}}@media screen and (max-width:500px){.Repair .customer-and-instrument-details{flex-direction:column}.Repair .divider{height:1px;width:auto!important}}.App{margin:auto;max-width:1800px}.App .page{padding:124px 16px 0}:root{--text:#0f0f0f;--slightly-faded-text:#393939;--faded-text:#7a7a7a;--background:#f3f1f4;--content-background:#fff;--content-border:#e2e2e2;--subcontent-border:#e2e2e2;--hover-color:#e2e2e2;--click-color:#dadada;--highlight-color:#a5130b;--highlight-border:#8c150f;--highlight-hover:#8c150f;--highlight-click:#6f130e;--red:red;--background-red:#ffc8c8;--orange:orange;--background-orange:#ffe6c8;--green:#32cd32;--background-green:#d2ffd2;--grey:#505050;--background-grey:#d7d7d7;--calendar-red:#ffc8c8;--calendar-red-border:#ff4f4f;--calendar-orange:#ffe6c8;--calendar-orange-border:orange;--calendar-yellow:#ffffa1;--calendar-yellow-border:#f4e000;--calendar-green:#d2ffd2;--calendar-green-border:#32cd32;--calendar-turquoise:#c3fff1;--calendar-turquoise-border:#23f6c4;--calendar-blue:#d2eaff;--calendar-blue-border:skyblue;--calendar-indigo:#d5d2ff;--calendar-indigo-border:#655bff;--calendar-purple:#ffcfff;--calendar-purple-border:#ff4dff;--calendar-highlight-color:#ffffd5;--font-standard:14px;--font-subtext:12px;--font-header:15px;--font-title:22px}body.dark-theme{--text:#fff;--slightly-faded-text:#f0f0f0;--faded-text:#acacac;--background:#1c1c1e;--content-background:#242424;--content-border:#242424;--subcontent-border:#383838;--hover-color:#383838;--click-color:#323232;--grey:#d7d7d7;--background-grey:#505050;--red:#ffd4d4;--background-red:red;--orange:#ffecd5;--background-orange:orange;--green:#dbffdb;--background-green:#32cd32;--calendar-red:#790000;--calendar-red-border:#ba0000;--calendar-orange:#a85c00;--calendar-orange-border:#e09100;--calendar-yellow:#c6b306;--calendar-yellow-border:#ffe600;--calendar-green:#006900;--calendar-green-border:#00a000;--calendar-turquoise:#005c47;--calendar-turquoise-border:#00a37d;--calendar-blue:#003f76;--calendar-blue-border:#0080b3;--calendar-indigo:#120c64;--calendar-indigo-border:#0d00c7;--calendar-purple:#680068;--calendar-purple-border:#a700a7;--calendar-highlight-color:#373207}body{-webkit-text-size-adjust:100%;background-color:#f3f1f4;background-color:var(--background);color:#0f0f0f;color:var(--text);font-family:Poppins;font-size:14px;font-size:var(--font-standard);margin:0;padding:0}body:has(.ModalWindow){overflow:hidden}p{margin:0;white-space:pre-wrap}
/*# sourceMappingURL=main.be4040d5.css.map*/