:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--theme-name:"light";background-color:#fff;margin:0;padding:0}body{place-items:center;margin:0;padding:0;display:flex}body::-webkit-scrollbar{display:none}html{margin:0;padding:0}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}#root{background-color:var(--page-background);flex-direction:row;justify-content:flex-start;align-items:flex-start;width:200vw;height:100vh;margin:0;padding:0;font-family:Didact Gothic,sans-serif;display:flex}.no-results-text{color:var(--navbar-text);text-wrap:nowrap;z-index:0;font-family:Didact Gothic,sans-serif;font-size:1.5rem;position:absolute;transform:translate(-50%)}.employee-no-results{top:50%;left:50%}.center-no-results{top:50%;left:150%}.data-holder{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100%;padding-top:122px;display:flex;overflow-y:hidden}@media screen and (width<=1280px){.data-holder{padding-top:110px}}@media screen and (width<=650px){.data-holder{padding-top:75px}}.center-data-holder{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100%;padding-top:122px;display:flex;overflow-y:hidden}.center-data-padding-admin{padding-top:122px}@media screen and (width<=1280px){.center-data-padding-admin{padding-top:110px}}@media screen and (width<=650px){.center-data-padding-admin{padding-top:75px}}.center-data-padding{padding-top:70.6px}@media screen and (width<=1280px){.center-data-padding{padding-top:63.8px}}@media screen and (width<=650px){.center-data-padding{padding-top:43.5px}}.loading-skeleton{color:#0000;box-sizing:border-box;border-radius:5px;width:75%;height:25%;animation:3s linear infinite alternate skeleton-loading}@keyframes skeleton-loading{0%{background-color:var(--solid-surface)}to{background-color:var(--chart-header-color)}}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}.service-centers-container{flex-direction:column;flex-shrink:0;align-items:center;width:100%;height:100%;display:flex;overflow-y:scroll}.service-centers-container .service-center-container{box-sizing:border-box;width:90%;height:32.55vh;min-height:325px;color:var(--text-color);border-style:solid;border-width:2px;border-color:var(--border-accent-color);background-color:var(--chart-light-color);border-radius:5px;flex-direction:row;flex-shrink:0;margin-top:2.5vh;margin-bottom:2.5vh;display:flex}@media screen and (width<=1280px){.service-centers-container .service-center-container{height:300px}}.service-centers-container .service-center-container svg:hover{cursor:pointer;color:var(--icon-hover-color)}.service-centers-container .service-center-container .service-center-edit-icon{color:var(--edit-add-color);margin-right:1rem;font-size:2rem}.service-centers-container .service-center-container .service-center-remove-icon{color:var(--edit-remove-color);font-size:2rem}.service-centers-container .service-center-container .icons-container{flex-direction:row;justify-content:flex-end;width:100%;display:flex}.service-centers-container .center-info-container{box-sizing:border-box;flex-direction:row;width:100%;height:100%;display:flex}.service-centers-container .center-employees-container{background-color:var(--service-center-card-color);box-sizing:border-box;border-top-right-radius:5px;border-bottom-right-radius:5px;flex-direction:column;justify-content:flex-start;justify-items:flex-start;width:75%;min-height:100%;display:flex}.service-centers-container .center-employees-container .employee-rows-container{box-sizing:border-box;flex-direction:column;height:100%;display:flex;overflow-y:auto}.service-centers-container .center-employees-container .employee-rows-container::-webkit-scrollbar{scrollbar-width:10px}.service-centers-container .center-employees-container .center-employees-employee-container-dark{background-color:var(--solid-surface);box-sizing:border-box;border-top-left-radius:5px;border-bottom-left-radius:5px;flex-shrink:0;grid-template-columns:repeat(4,1fr) .3fr;align-items:center;width:100%;height:25%;padding-left:3rem;padding-right:2rem;display:grid}.service-centers-container .center-employees-container .center-employees-employee-container-dark span{font-family:Didact Gothic,sans-serif;font-size:1.25rem}@media screen and (width<=1280px){.service-centers-container .center-employees-container .center-employees-employee-container-dark .step-one{display:none}.service-centers-container .center-employees-container .center-employees-employee-container-dark{grid-template-columns:repeat(4,1fr) .3fr}}@media screen and (width<=650px){.service-centers-container .center-employees-container .center-employees-employee-container-dark .step-two{display:none}.service-centers-container .center-employees-container .center-employees-employee-container-dark{grid-template-columns:repeat(2,1fr) .3fr}}.service-centers-container .center-employees-container .center-employees-employee-container{background-color:none;box-sizing:border-box;border-top-left-radius:5px;border-bottom-left-radius:5px;flex-shrink:0;grid-template-columns:repeat(4,1fr) .3fr;align-items:center;width:100%;height:25%;padding-left:3rem;padding-right:2rem;display:grid}.service-centers-container .center-employees-container .center-employees-employee-container span{font-family:Didact Gothic,sans-serif;font-size:1.25rem}@media screen and (width<=1280px){.service-centers-container .center-employees-container .center-employees-employee-container .step-one{display:none}.service-centers-container .center-employees-container .center-employees-employee-container{grid-template-columns:repeat(4,1fr) .3fr}}@media screen and (width<=650px){.service-centers-container .center-employees-container .center-employees-employee-container .step-two{display:none}.service-centers-container .center-employees-container .center-employees-employee-container{grid-template-columns:repeat(2,1fr) .3fr}}.service-centers-container .center-employees-container .center-employees-header-background{background-color:var(--chart-header-color);box-sizing:border-box;border-bottom-left-radius:5px;width:100%}.service-centers-container .center-employees-container .center-employees-header-container{box-sizing:border-box;border-bottom-left-radius:5px;grid-template-columns:repeat(4,1fr) .3fr;width:100%;padding:calc(8.8px + 1rem) 2rem 5px 3rem;display:grid}.service-centers-container .center-employees-container .center-employees-header-container .extension-text:after{content:"ension"}@media screen and (width<=1280px){.service-centers-container .center-employees-container .center-employees-header-container .step-one{display:none}.service-centers-container .center-employees-container .center-employees-header-container{grid-template-columns:repeat(4,1fr) .3fr}.service-centers-container .center-employees-container .center-employees-header-container .extension-text:after{display:none}}@media screen and (width<=650px){.service-centers-container .center-employees-container .center-employees-header-container .step-two{display:none}.service-centers-container .center-employees-container .center-employees-header-container{grid-template-columns:repeat(2,1fr) .5fr}}.service-centers-container .center-employees-container .center-employees-header-container span{font-family:Didact Gothic,sans-serif;font-size:2rem}.service-centers-container .center-info-title-container{background-color:var(--service-center-card-color);box-sizing:border-box;border-top-left-radius:5px;border-bottom-left-radius:5px;flex-direction:column;width:25%;height:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;display:flex}.service-centers-container .center-info-title-container .center-info-title-text{margin-bottom:5px;font-family:Didact Gothic,sans-serif;font-size:1.75rem;line-height:1.75rem}@media screen and (width<=650px){.service-centers-container .center-info-title-container .center-info-title-text{font-family:Didact Gothic,sans-serif;font-size:1.25rem}}.service-centers-container .center-info-title-container .center-info-title-text{color:var(--icon-hover-color)}.service-centers-container .center-info-title-container .center-info-region-text{margin-bottom:5px;font-family:Didact Gothic,sans-serif;font-size:1.25rem}.service-centers-container .center-info-title-container .center-info-address-text{font-family:Didact Gothic,sans-serif;font-size:1.25rem;line-height:1.5rem}.service-centers-container .center-info-title-container .center-info-address-container{flex-direction:column;justify-content:flex-start;display:flex}.service-centers-container .center-info-title-container .center-info-title-address-container{flex-direction:column;height:50%;display:flex}.service-centers-container .center-info-title-container .center-info-title-details-container{flex-direction:column;justify-content:flex-end;height:50%;display:flex}.service-centers-container .center-info-title-container .center-info-title-details-container span{margin-top:5px;font-family:Didact Gothic,sans-serif;font-size:1.25rem;line-height:1.5rem}.service-centers-container::-webkit-scrollbar{display:none}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}.input-container{box-sizing:border-box;background-color:var(--input-background-color);border-radius:5px;flex-direction:column;justify-content:center;width:90%;min-height:4.5vh;padding-left:1rem;padding-right:.25rem;display:flex}.input-container .textbox-container{width:100%;overflow:hidden}.input-container .input-comp-container{box-sizing:border-box;background-color:#0000;flex-direction:row;width:100%;min-height:4.5vh;display:flex}@media screen and (height<=700px){.input-container .input-comp-container{min-height:6vh}}.input-container .input-comp-container div{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.input-container .input-comp-container .strix-container{box-sizing:border-box;justify-content:flex-start;align-items:flex-end;width:fit-content;padding-top:.5rem;padding-right:.35rem}.input-container div{flex-direction:row;justify-items:flex-end;display:flex}.input-container div span{color:var(--input-placeholder-color);font-family:Didact Gothic,sans-serif;font-size:1rem}.input-container div .required-strix{color:var(--edit-remove-color)}.input-container input{width:100%;color:var(--modal-text-color);text-align:start;background-color:#0000;border:none;font-family:Didact Gothic,sans-serif;font-size:1rem;display:flex}.input-container input::placeholder{color:var(--input-placeholder-color);background-color:none;font-family:Didact Gothic,sans-serif}.input-container input:focus{outline:none}.input-container select{box-sizing:border-box;background-color:#0000;border:none;border-radius:5px;outline:none;width:100%;height:4vh;max-height:18px;font-family:Didact Gothic,sans-serif;font-size:1rem}.input-container select div{position:relative;top:0;left:0}.input-container select option{color:var(--text-color);background-color:var(--page-background)}.input-container .select-default{color:var(--input-placeholder-color)}.input-container .select-used{color:var(--modal-text-color)}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}.center-modal-container{box-sizing:border-box;z-index:1;background-color:#00000080;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.center-modal-container .center-modal-edit-container{background-color:var(--page-background);box-sizing:border-box;border-color:var(--border-accent-color);border-style:solid;border-width:1px;border-radius:5px;flex-direction:column;align-items:center;width:80%;max-width:500px;height:fit-content;display:flex}@media screen and (height<=700px){.center-modal-container .center-modal-edit-container{max-width:425px;min-height:90vh}}.center-modal-container .center-modal-edit-container .center-modal-header{background-color:#0000;background-color:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:7vh;display:flex}@media screen and (height<=700px){.center-modal-container .center-modal-edit-container .center-modal-header{min-height:10vh}}.center-modal-container .center-modal-edit-container .center-modal-header span{color:var(--modal-text-color);font-family:Didact Gothic,sans-serif;font-size:2rem}.center-modal-container .center-modal-edit-container .center-modal-footer{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:7vh;margin-top:2vh;margin-bottom:1vh;padding-left:5%;padding-right:5%;display:flex}.center-modal-container .center-modal-edit-container .center-modal-footer button{border:none;border-radius:5px;width:48%;height:4.5vh;font-family:Didact Gothic,sans-serif;font-size:2rem}@media screen and (height<=700px){.center-modal-container .center-modal-edit-container .center-modal-footer button{min-height:6vh}}.center-modal-container .center-modal-edit-container .center-modal-footer button:hover{cursor:pointer}.center-modal-container .center-modal-edit-container .center-modal-footer button:disabled:hover{cursor:not-allowed;background-color:var(--edit-remove-color)}.center-modal-container .center-modal-edit-container .center-modal-footer .add-button{background-color:var(--edit-add-color);color:#f6f7f9}.center-modal-container .center-modal-edit-container .center-modal-footer .close-button{background-color:var(--chart-header-color);color:var(--text-color)}.center-modal-container .center-modal-edit-container .center-modal-footer button:hover,.center-modal-container .center-modal-edit-container .center-modal-footer button:focus{border:none;outline:none}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}.remove-modal-container{box-sizing:border-box;z-index:1;background-color:#00000080;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.remove-modal-container .remove-modal-confirm-container{background-color:var(--page-background);border:1px solid #fff;border-radius:5px;flex-direction:column;width:80%;max-width:500px;height:20vh;display:flex}.remove-modal-container .remove-modal-confirm-container div{box-sizing:border-box;width:100%;height:50%;padding-left:1.5rem;padding-right:1.5rem}.remove-modal-container .remove-modal-confirm-container .remove-top-div{padding-top:1.5rem}.remove-modal-container .remove-modal-confirm-container .remove-top-div span{font-family:Didact Gothic,sans-serif;font-size:1.25rem}.remove-modal-container .remove-modal-confirm-container .remove-top-div [data-theme=dark] span{color:var(--navbar-text)}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div{flex-direction:row;display:flex}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div button{color:var(--navbar-text);border:none;border-radius:5px;font-family:Didact Gothic,sans-serif;font-size:2rem}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div button:hover{color:var(--page-background);border:none;outline:none}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div button:focus{border:none;outline:none}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div{justify-content:space-between;align-items:center}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div button{width:48%;height:50%;color:var(--text-color);min-height:40px}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div .remove-button{background-color:var(--edit-remove-color)}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div .remove-button:hover{cursor:pointer}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div .close-button{background-color:var(--chart-header-color)}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div .close-button:hover{cursor:pointer}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}@keyframes roll-out{0%{opacity:0;top:-8vh}50%{opacity:1;top:13vh}75%{opacity:1}to{opacity:0}}.success-toast{background-color:var(--edit-add-color)}.error-toast{background-color:var(--edit-remove-color)}.toast-container{opacity:0;box-sizing:border-box;border-style:solid;border-width:2px 0 2px 2px;border-color:var(--solid-surface);min-width:20vw;min-height:8vh;animation:5s ease-in-out roll-out;animation-direction:forwards;border-radius:5px 0 0 5px;flex-direction:row;padding-top:.25rem;padding-left:.25rem;padding-right:.25rem;display:flex;position:fixed;top:13vh;right:0}.toast-container .text-container{box-sizing:border-box;align-items:center;width:100%;padding-left:5%;display:flex}.toast-container span{color:#404756;height:fit-content;font-family:Didact Gothic,sans-serif;font-size:1rem}.toast-container .toast-close-container{box-sizing:border-box;width:fit-content;height:100%;display:flex}.toast-container .toast-close-container svg{color:#404756;font-size:1.75rem}.toast-container .toast-close-container svg:hover{color:#000;cursor:pointer}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}.chart-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:90%;height:100%;display:flex;overflow:hidden}.chart-entries-container{white-space:nowrap;flex-flow:column;justify-items:flex-start;width:100%;height:100%;max-height:100%;display:flex;overflow-y:scroll}.chart-entries-container .chart-shaded-row{background-color:var(--solid-surface)}.chart-entries-container .chart-row{box-sizing:border-box;border-radius:3px;flex-shrink:0;grid-template-columns:repeat(3,1fr) .5fr 1fr 1fr .28fr;align-content:center;width:100%;padding:1rem 2rem;display:grid}.chart-entries-container .chart-row .loading-skeleton{width:50%;min-height:2.25vh}@media screen and (width<=1280px){.chart-entries-container .chart-row{grid-template-columns:1fr, .8fr, .8fr, .5fr, 1fr, 1fr .28fr}}@media screen and (width<=650px){.chart-entries-container .chart-row{grid-template-columns:repeat(2,1fr) .28fr}}.chart-entries-container .chart-row span{color:var(--text-color);text-wrap:wrap;align-content:center;font-family:Didact Gothic,sans-serif;font-size:1.25rem}@media screen and (width<=1280px){.chart-entries-container .chart-row .step-one{display:none}}@media screen and (width<=650px){.chart-entries-container .chart-row .step-two{display:none}}.chart-entries-container .chart-row .employee-icons-container{box-sizing:border-box;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}.chart-entries-container .chart-row .employee-icons-container svg{font-size:1.5rem}.chart-entries-container .chart-row .employee-icons-container svg:hover{cursor:pointer;color:var(--icon-hover-color)}.chart-entries-container .chart-row .employee-icons-container .employee-edit-icon{color:var(--edit-add-color)}.chart-entries-container .chart-row .employee-icons-container .employee-remove-icon{color:var(--edit-remove-color);margin-left:1rem}.chart-entries-container .not-admin{grid-template-columns:repeat(3,1fr) .5fr 1fr 1fr}@media screen and (width<=1280px){.chart-entries-container .not-admin{grid-template-columns:1fr, .8fr, .8fr, .5fr, 1fr, 1fr}}@media screen and (width<=650px){.chart-entries-container .not-admin{grid-template-columns:repeat(2,1fr)}}.chart-entries-container::-webkit-scrollbar{display:none}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}.employee-modal-container{box-sizing:border-box;z-index:1;background-color:#00000080;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.employee-modal-container .employee-modal-edit-container{background-color:var(--page-background);box-sizing:border-box;border-color:var(--border-accent-color);border-style:solid;border-width:1px;border-radius:5px;flex-direction:column;align-items:center;width:80%;max-width:500px;display:flex}@media screen and (height<=700px){.employee-modal-container .employee-modal-edit-container{max-width:425px;min-height:90vh}}.employee-modal-container .employee-modal-edit-container .employee-modal-header{background-color:#0000;background-color:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:7vh;display:flex}@media screen and (height<=700px){.employee-modal-container .employee-modal-edit-container .employee-modal-header{min-height:10vh}}.employee-modal-container .employee-modal-edit-container .employee-modal-header span{color:var(--modal-text-color);font-family:Didact Gothic,sans-serif;font-size:2rem}.employee-modal-container .employee-modal-edit-container .employee-modal-footer{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:7vh;margin-top:2vh;margin-bottom:1vh;padding-left:5%;padding-right:5%;display:flex}.employee-modal-container .employee-modal-edit-container .employee-modal-footer button{width:48%;height:4.5vh;color:var(--modal-text-color);border:none;border-radius:5px;font-family:Didact Gothic,sans-serif;font-size:2rem}@media screen and (height<=700px){.employee-modal-container .employee-modal-edit-container .employee-modal-footer button{min-height:6vh}}.employee-modal-container .employee-modal-edit-container .employee-modal-footer button:hover{cursor:pointer}.employee-modal-container .employee-modal-edit-container .employee-modal-footer button:disabled:hover{cursor:not-allowed;background-color:var(--edit-remove-color)}.employee-modal-container .employee-modal-edit-container .employee-modal-footer .add-button{background-color:var(--edit-add-color)}.employee-modal-container .employee-modal-edit-container .employee-modal-footer .close-button{background-color:var(--chart-header-color)}.employee-modal-container .employee-modal-edit-container .employee-modal-footer button:hover,.employee-modal-container .employee-modal-edit-container .employee-modal-footer button:focus{border:none;outline:none}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}.navbar-header-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:122px;display:flex;position:fixed;top:0;left:0}@media screen and (width<=1280px){.navbar-header-container{height:110px}}@media screen and (width<=650px){.navbar-header-container{height:75px}}.navbar-header-container .chart-header-animate{opacity:1;transition:opacity .8s ease-out}.navbar-header-container .chart-header-hide{opacity:0}.navbar-header-container .chart-header-background-hide{background-color:#0000}.navbar-header-container .chart-header-background-show{background-color:var(--chart-header-color)}.navbar-header-container .chart-header{box-sizing:border-box;border-bottom-right-radius:5px;border-bottom-left-radius:5px;align-items:center;width:90%;height:42%;padding-left:2rem;padding-right:2rem;display:grid}@media screen and (width<=1280px){.navbar-header-container .chart-header .step-one{display:none}}@media screen and (width<=650px){.navbar-header-container .chart-header .step-two{display:none}}.navbar-header-container .chart-header div{cursor:pointer;width:fit-content;height:100%;color:var(--text-color);flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.navbar-header-container .chart-header div span{margin:0;padding:0;font-family:Didact Gothic,sans-serif;font-size:1.5rem}.navbar-header-container .chart-header div span::selection{background-color:#0000}.navbar-header-container .chart-header div .chart-header-active-icon{font-size:1.5rem}.navbar-header-container .chart-header div:hover{color:var(--icon-hover-color)}.navbar-header-container .chart-header .add-button{white-space:nowrap;height:100%;color:#fff;background-color:var(--edit-add-color);border:none;border-bottom-right-radius:5px;align-items:center;width:calc(20px + 2rem);padding-left:1rem;font-family:Didact Gothic,sans-serif;font-size:1.25rem;display:flex;overflow:hidden}@media screen and (width<=1280px){.navbar-header-container .chart-header .add-button{width:calc(18px + 2rem)}}@media screen and (width<=650px){.navbar-header-container .chart-header .add-button{width:calc(12px + 2rem)}}.navbar-header-container .chart-header .add-button .add-icon{flex-shrink:0;margin-right:.2rem;font-size:1.25rem}.navbar-header-container .chart-header .add-button{transition:width 1.2s}.navbar-header-container .chart-header .add-button-people{white-space:nowrap;height:100%;color:#fff;background-color:var(--edit-add-color);border:none;border-bottom-right-radius:5px;align-items:center;width:calc(20px + 2rem);padding-left:1rem;font-family:Didact Gothic,sans-serif;font-size:1.25rem;display:flex;overflow:hidden}@media screen and (width<=1280px){.navbar-header-container .chart-header .add-button-people{width:calc(18px + 2rem)}}@media screen and (width<=650px){.navbar-header-container .chart-header .add-button-people{width:calc(12px + 2rem)}}.navbar-header-container .chart-header .add-button-people .add-icon{flex-shrink:0;margin-right:.2rem;font-size:1.25rem}.navbar-header-container .chart-header .add-button-people{transition:width .76s}.navbar-header-container .chart-header .add-button-people:hover{width:calc(139.44px + 2.2rem)}@media screen and (width<=1280px){.navbar-header-container .chart-header .add-button-people:hover{width:calc(125.47px + 2.2rem)}}@media screen and (width<=650px){.navbar-header-container .chart-header .add-button-people:hover{width:calc(83.66px + 2.2rem)}}.navbar-header-container .chart-header .add-button-people:hover .add-hover-text-people{opacity:1;display:flex}.navbar-header-container .chart-header .add-button-people:focus{outline:none}.navbar-header-container .chart-header .add-hover-text-people{opacity:0;transition:opacity .56s}.navbar-header-container .chart-header .add-hover-text{opacity:0;transition:opacity 1s}.navbar-header-container .chart-header .add-button:hover{width:calc(220.96px + 2.2rem)}@media screen and (width<=1280px){.navbar-header-container .chart-header .add-button:hover{width:calc(198.8px + 2.2rem)}}@media screen and (width<=650px){.navbar-header-container .chart-header .add-button:hover{width:calc(132.58px + 2.2rem)}}.navbar-header-container .chart-header .add-button:hover .add-hover-text{opacity:1;display:flex}.navbar-header-container .chart-header .add-button:focus{outline:none}.navbar-header-container .chart-header button{cursor:pointer}.navbar-header-container .chart-header .export-button{white-space:nowrap;height:100%;color:var(--text-color);background-color:var(--navbar-button-background);box-sizing:border-box;border:none;border-bottom-left-radius:5px;align-items:center;width:calc(20px + 2rem);padding:0 0 0 1rem;font-family:Didact Gothic,sans-serif;font-size:1.25rem;transition:width .56s;display:flex;overflow:hidden}@media screen and (width<=1280px){.navbar-header-container .chart-header .export-button{width:calc(18px + 2rem)}}@media screen and (width<=650px){.navbar-header-container .chart-header .export-button{width:calc(12px + 2rem)}}.navbar-header-container .chart-header .export-button .export-hover-text{opacity:0;width:0;transition:opacity .56s}.navbar-header-container .chart-header .export-button:hover{width:calc(94.58px + 2rem)}@media screen and (width<=1280px){.navbar-header-container .chart-header .export-button:hover{width:calc(85.09px + 2rem)}}@media screen and (width<=650px){.navbar-header-container .chart-header .export-button:hover{width:calc(56.75px + 2rem)}}.navbar-header-container .chart-header .export-button:hover .export-hover-text{opacity:1}.navbar-header-container .chart-header .export-button:focus{outline:none}.navbar-header-container .chart-header .options-container{width:fit-content;height:inherit;flex-direction:row;flex-shrink:0;place-content:flex-start;display:flex;position:absolute;right:5%;overflow:visible}.navbar-header-container .chart-header-employee{grid-template-columns:repeat(3,1fr) .5fr 1fr 1fr .28fr}@media screen and (width<=1280px){.navbar-header-container .chart-header-employee{grid-template-columns:1fr, .8fr, .8fr, .5fr, 1fr, 1fr .28fr}}@media screen and (width<=650px){.navbar-header-container .chart-header-employee{grid-template-columns:repeat(2,1fr) .28fr}}.navbar-header-container .chart-header-center{grid-template-columns:repeat(5,1fr)}@media screen and (width<=1280px){.navbar-header-container .chart-header-center{grid-template-columns:1fr, .8fr, .8fr, .5fr, 1fr, 1fr .28fr}}@media screen and (width<=650px){.navbar-header-container .chart-header-center{grid-template-columns:repeat(2,1fr) .28fr}}.navbar-header-container .is-not-admin{grid-template-columns:repeat(3,1fr) .5fr 1fr 1fr}@media screen and (width<=1280px){.navbar-header-container .is-not-admin{grid-template-columns:1fr, .8fr, .8fr, .5fr, 1fr, 1fr}}@media screen and (width<=650px){.navbar-header-container .is-not-admin{grid-template-columns:repeat(2,1fr)}}.navbar-header-container .sort-bar-container{box-sizing:border-box;background-color:var(--chart-header-color);border-bottom-right-radius:5px;border-bottom-left-radius:5px;flex-shrink:0;width:90%;height:5.25vh;padding-left:2rem;padding-right:2rem;transition:height .5s .5s;position:fixed;top:7vh;left:5%}.navbar-header-container .sort-bar-container span{color:var(--navbar-text)}.navbar-header-container .navbar-container{background-color:var(--navbar-surface);border-bottom-style:none;border-bottom-color:var(--solid-surface);box-sizing:border-box;justify-content:flex-start;align-items:center;width:100%;height:58%;min-height:41.53px;padding-left:5%;padding-right:5%}.navbar-header-container .navbar-container svg:hover{cursor:pointer}.navbar-header-container .navbar-container .sort-bar-container-hidden{height:0}.navbar-header-container .navbar-container{flex-direction:row;display:flex}.navbar-header-container .navbar-container .navbar-button-container{flex-direction:row;align-items:center;height:60%;display:flex}.navbar-header-container .navbar-container .navbar-button-container span{color:var(--navbar-text)}.navbar-header-container .navbar-container .navbar-button-container button{white-space:nowrap;height:100%;color:var(--navbar-text);box-sizing:border-box;border:none;font-family:Didact Gothic,sans-serif;font-size:1.25rem}.navbar-header-container .navbar-container .navbar-button-container button:hover{cursor:pointer}.navbar-header-container .navbar-container .navbar-button-container button:focus{border:none;outline:none}.navbar-header-container .navbar-container .navbar-button-container .navbar-button-left{background:linear-gradient(to right, var(--solid-surface-contrast-color) 50%, var(--navbar-button-background) 50%) left;background-size:200%;border-right-style:none;border-radius:5px 0 0 5px;transition:background .5s ease-out}@media screen and (width<=650px){.navbar-header-container .navbar-container .navbar-button-container .navbar-button-left,.navbar-header-container .navbar-container .navbar-button-container .navbar-button-right{font-size:.8rem}}.navbar-header-container .navbar-container .navbar-button-container .navbar-button-right{background:linear-gradient(to left, var(--solid-surface-contrast-color) 50%, var(--navbar-button-background) 50%) right;background-size:200%;border-left-style:none;border-top-right-radius:5px;border-bottom-right-radius:5px;transition:background .5s ease-out}.navbar-header-container .navbar-container .navbar-button-container .navbar-button-right:before{content:"Service  "}@media screen and (width<=650px){.navbar-header-container .navbar-container .navbar-button-container .navbar-button-right:before{display:none}}.navbar-header-container .navbar-container .title-container{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:33%;height:100%;margin-right:1%;display:flex}.navbar-header-container .navbar-container .title-container .icon-title-container{align-items:center;height:100%;display:flex}.navbar-header-container .navbar-container .navbar-side-container{width:67%;height:100%;color:var(--navbar-text);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;display:flex}.navbar-header-container .navbar-container .navbar-side-container .theme-icon{white-space:nowrap;border-radius:99999px;flex-shrink:0;max-width:2rem;padding:.5rem;font-family:Didact Gothic,sans-serif;font-size:1.5rem}.navbar-header-container .navbar-container .navbar-side-container .theme-icon:hover{background-color:var(--navbar-button-background)}.navbar-header-container .navbar-container a{height:60%;display:flex}.navbar-header-container .navbar-container a img{height:100%}@media screen and (width<=1400px){.navbar-header-container .navbar-container .title-text:after{content:"assey"}.navbar-header-container .navbar-container .title-text:before{display:none}}@media screen and (width<=1280px){.navbar-header-container .navbar-container .title-text:after{content:""}.navbar-header-container .navbar-container .title-text:before{display:none}.navbar-header-container .navbar-container a{height:40%;display:flex}.navbar-header-container .navbar-container a img{height:100%}}.navbar-header-container .navbar-container .title-text:before{content:"assey Directory"}.navbar-header-container .navbar-container .title-text{white-space:nowrap;color:var(--navbar-text);margin-left:-9px;font-family:Didact Gothic,sans-serif;font-size:1.25rem}.navbar-header-container .navbar-container .entry-text{white-space:nowrap;font-family:Didact Gothic,sans-serif;font-size:1.25rem}@media screen and (width<=1280px){.navbar-header-container .navbar-container .entry-text{display:none}}.navbar-header-container .navbar-container .log-out-section{height:60%;width:calc(fit-content - 2rem);border-radius:5000px;flex-direction:row;justify-content:center;align-items:center;padding-left:1rem;padding-right:1rem;display:flex}.navbar-header-container .navbar-container .log-out-section svg{color:var(--navbar-text);font-size:1.25rem}@media screen and (width<=650px){.navbar-header-container .navbar-container .log-out-section svg{font-size:160%}}.navbar-header-container .navbar-container .log-out-section span{white-space:nowrap;color:var(--navbar-text);font-family:Didact Gothic,sans-serif;font-size:1.25rem}.navbar-header-container .navbar-container .log-out-section span:before{content:" Log Out"}@media screen and (width<=650px){.navbar-header-container .navbar-container .log-out-section span:before{content:""}}.navbar-header-container .navbar-container .log-out-section:hover{background-color:var(--navbar-button-background);cursor:pointer}[data-theme=light]{--page-background:white;--navbar-surface:#22272f;--navbar-text:white;--navbar-button-background:#58c4dc4d;--solid-surface-contrast-color:#22272f;--chart-header-color:#e7ebee;--chart-light-color:white;--solid-surface:#eff0f3;--input-placeholder-color:#99a1b3e6;--input-background-color:#99a1b333;--service-center-card-color:transparent;--edit-add-color:#56aa11;--edit-remove-color:#e9430f;--text-color:#404756;--icon-hover-color:#3998b6;--bubble-border:black;--bubble-back-color:#e9430f;--border-accent-color:#e7ebee;--modal-text-color:#404756}[data-theme=dark]{--page-background:#1b1e24;--navbar-surface:#22272f;--navbar-text:white;--navbar-button-background:#58c4dc4d;--solid-surface-contrast-color:#22272f;--chart-header-color:#343a46;--chart-light-color:#1b1e24;--solid-surface:#22272f;--input-placeholder-color:#888fa0;--input-background-color:#333a45;--service-center-card-color:transparent;--edit-add-color:#56a211;--edit-remove-color:#e9430f;--text-color:#f6f7f9;--icon-hover-color:#58c4dc;--bubble-border:white;--bubble-back-color:#e9430f;--border-accent-color:#343a46;--modal-text-color:white}[data-theme=dark] .remove-top-div span{color:var(--navbar-text)}@media screen and (width<=1280px) and (width>=950px){html{font-size:90%}}@media screen and (width<=950px){html{font-size:60%}}.search-container{background-color:var(--input-background-color);box-sizing:border-box;border-radius:9999px;flex-direction:row;align-items:center;width:60%;max-width:500px;height:60%;display:flex}.search-container .search-icon{color:var(--input-placeholder-color);margin-left:2%}.search-container input{width:100%;height:100%;color:var(--navbar-text);background-color:#0000;border:none;padding-left:2%;font-family:Didact Gothic,sans-serif;font-size:1rem;overflow-x:hidden}.search-container input::placeholder{color:var(--input-placeholder-color);font-family:Didact Gothic,sans-serif}.search-container input:focus{outline:none}