@charset "UTF-8";:root{background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;--theme-name: "light"}body{margin:0;padding:0;display:flex;place-items:center}body::-webkit-scrollbar{display:none}html{margin:0;padding:0}#root{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;font-family:Didact Gothic,sans-serif;margin:0;padding:0;height:100vh;width:200vw;background-color:var(--page-background)}.no-results-text{font-family:Didact Gothic,sans-serif;font-size:1.5rem;color:var(--navbar-text);transform:translate(-50%);position:absolute;text-wrap:nowrap;z-index:0}.employee-no-results{top:50%;left:50%}.center-no-results{top:50%;left:150%}.data-holder{display:flex;flex-direction:column;overflow-y:hidden;width:100vw;height:100%;padding-top:122px;justify-content:center;align-items:center;box-sizing:border-box}@media screen and (max-width: 1280px){.data-holder{padding-top:110px}}@media screen and (max-width: 650px){.data-holder{padding-top:75px}}.center-data-holder{display:flex;flex-direction:column;overflow-y:hidden;width:100vw;height:100%;padding-top:122px;justify-content:center;align-items:center;box-sizing:border-box}.center-data-padding-admin{padding-top:122px}@media screen and (max-width: 1280px){.center-data-padding-admin{padding-top:110px}}@media screen and (max-width: 650px){.center-data-padding-admin{padding-top:75px}}.center-data-padding{padding-top:70.6px}@media screen and (max-width: 1280px){.center-data-padding{padding-top:63.8px}}@media screen and (max-width: 650px){.center-data-padding{padding-top:43.5px}}.loading-skeleton{animation:skeleton-loading 3s linear infinite alternate;color:transparent;height:25%;width:75%;box-sizing:border-box;border-radius:5px}@keyframes skeleton-loading{0%{background-color:var(--solid-surface)}to{background-color:var(--chart-header-color)}}.service-centers-container{display:flex;flex-direction:column;width:100%;height:100%;flex-shrink:0;overflow-y:scroll;align-items:center}.service-centers-container .service-center-container{display:flex;flex-direction:row;width:90%;height:32.55vh;min-height:325px;border-style:solid;border-radius:5px;border-width:2px;margin-top:2.5vh;margin-bottom:2.5vh;box-sizing:border-box;flex-shrink:0;color:var(--text-color);border-color:var(--border-accent-color);background-color:var(--chart-light-color)}@media screen and (max-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{font-size:2rem;color:var(--edit-add-color);margin-right:1rem}.service-centers-container .service-center-container .service-center-remove-icon{font-size:2rem;color:var(--edit-remove-color)}.service-centers-container .service-center-container .icons-container{display:flex;flex-direction:row;width:100%;justify-content:flex-end}.service-centers-container .center-info-container{display:flex;flex-direction:row;width:100%;height:100%;box-sizing:border-box}.service-centers-container .center-employees-container{display:flex;flex-direction:column;background-color:var(--service-center-card-color);width:75%;min-height:100%;border-top-right-radius:5px;border-bottom-right-radius:5px;justify-content:flex-start;justify-items:flex-start;box-sizing:border-box}.service-centers-container .center-employees-container .employee-rows-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;box-sizing:border-box}.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{display:grid;grid-template-columns:repeat(4,1fr) .3fr;width:100%;background-color:var(--solid-surface);padding-left:3rem;padding-right:2rem;border-bottom-left-radius:5px;border-top-left-radius:5px;align-items:center;flex-shrink:0;height:25%;box-sizing:border-box}.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 (max-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 (max-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{display:grid;grid-template-columns:repeat(4,1fr) .3fr;width:100%;background-color:none;padding-left:3rem;padding-right:2rem;border-bottom-left-radius:5px;border-top-left-radius:5px;align-items:center;flex-shrink:0;height:25%;box-sizing:border-box}.service-centers-container .center-employees-container .center-employees-employee-container span{font-family:Didact Gothic,sans-serif;font-size:1.25rem}@media screen and (max-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 (max-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);width:100%;border-bottom-left-radius:5px;box-sizing:border-box}.service-centers-container .center-employees-container .center-employees-header-container{display:grid;grid-template-columns:repeat(4,1fr) .3fr;width:100%;padding-top:calc(8.8px + 1rem);padding-bottom:5px;padding-left:3rem;border-bottom-left-radius:5px;padding-right:2rem;box-sizing:border-box}.service-centers-container .center-employees-container .center-employees-header-container .extension-text:after{content:"ension"}@media screen and (max-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 (max-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{display:flex;flex-direction:column;background-color:var(--service-center-card-color);width:25%;height:100%;padding-left:1rem;padding-top:1rem;padding-bottom:1rem;border-top-left-radius:5px;border-bottom-left-radius:5px;box-sizing:border-box}.service-centers-container .center-info-title-container .center-info-title-text{line-height:1.75rem;font-family:Didact Gothic,sans-serif;font-size:1.75rem;margin-bottom:5px}@media screen and (max-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{font-family:Didact Gothic,sans-serif;font-size:1.25rem;margin-bottom:5px}.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{display:flex;flex-direction:column;justify-content:flex-start}.service-centers-container .center-info-title-container .center-info-title-address-container{display:flex;flex-direction:column;height:50%}.service-centers-container .center-info-title-container .center-info-title-details-container{display:flex;flex-direction:column;height:50%;justify-content:flex-end}.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}.input-container{display:flex;flex-direction:column;width:90%;box-sizing:border-box;padding-left:1rem;padding-right:.25rem;border-radius:5px;min-height:4.5vh;background-color:var(--input-background-color);justify-content:center}.input-container .textbox-container{width:100%;overflow:hidden}.input-container .input-comp-container{display:flex;flex-direction:row;width:100%;min-height:4.5vh;box-sizing:border-box;background-color:transparent}@media screen and (max-height: 700px){.input-container .input-comp-container{min-height:6vh}}.input-container .input-comp-container div{display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:center}.input-container .input-comp-container .strix-container{justify-content:flex-start;align-items:flex-end;width:fit-content;padding-top:.5rem;padding-right:.35rem;box-sizing:border-box}.input-container div{display:flex;flex-direction:row;justify-items:flex-end}.input-container div span{font-family:Didact Gothic,sans-serif;font-size:1rem;color:var(--input-placeholder-color)}.input-container div .required-strix{color:var(--edit-remove-color)}.input-container input{display:flex;width:100%;font-family:Didact Gothic,sans-serif;font-size:1rem;color:var(--modal-text-color);background-color:transparent;border:none;text-align:start}.input-container input::placeholder{font-family:Didact Gothic,sans-serif;color:var(--input-placeholder-color);background-color:none}.input-container input:focus{outline:none}.input-container select{background-color:transparent;outline:none;border:none;width:90%;height:4vh;box-sizing:border-box;border-radius:5px;font-family:Didact Gothic,sans-serif;font-size:1rem;width:100%;max-height:18px}.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)}.center-modal-container{display:flex;flex-direction:row;box-sizing:border-box;top:0;left:0;width:100vw;height:100vh;position:fixed;background-color:#00000080;justify-content:center;align-items:center;z-index:1}.center-modal-container .center-modal-edit-container{display:flex;flex-direction:column;background-color:var(--page-background);height:fit-content;width:80%;max-width:500px;box-sizing:border-box;align-items:center;border-radius:5px;border-color:var(--border-accent-color);border-width:1px;border-style:solid}@media screen and (max-height: 700px){.center-modal-container .center-modal-edit-container{min-height:90vh;max-width:425px}}.center-modal-container .center-modal-edit-container .center-modal-header{display:flex;flex-direction:column;width:100%;height:7vh;background-color:transparent;align-items:center;justify-content:center;background-color:none}@media screen and (max-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{font-family:Didact Gothic,sans-serif;font-size:2rem;color:var(--modal-text-color)}.center-modal-container .center-modal-edit-container .center-modal-footer{display:flex;flex-direction:row;width:100%;box-sizing:border-box;justify-content:space-between;align-items:center;height:7vh;padding-right:5%;padding-left:5%;margin-top:2vh;margin-bottom:1vh}.center-modal-container .center-modal-edit-container .center-modal-footer button{height:4.5vh;width:48%;border-radius:5px;border:none;font-family:Didact Gothic,sans-serif;font-size:2rem}@media screen and (max-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}.center-modal-container .center-modal-edit-container .center-modal-footer button:disabled:hover{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{outline:none;border:none}.center-modal-container .center-modal-edit-container .center-modal-footer button:focus{border:none;outline:none}.remove-modal-container{display:flex;flex-direction:row;box-sizing:border-box;top:0;left:0;width:100vw;height:100vh;position:fixed;background-color:#00000080;justify-content:center;align-items:center;z-index:1}.remove-modal-container .remove-modal-confirm-container{display:flex;flex-direction:column;width:80%;background-color:var(--page-background);max-width:500px;height:20vh;border-radius:5px;border-color:#fff;border-width:1px;border-style:solid}.remove-modal-container .remove-modal-confirm-container div{height:50%;width:100%;box-sizing:border-box;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{display:flex;flex-direction:row}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div button{border-radius:5px;border:none;font-family:Didact Gothic,sans-serif;font-size:2rem;color:var(--navbar-text)}.remove-modal-container .remove-modal-confirm-container .remove-bottom-div button:hover{outline:none;border:none;color:var(--page-background)}.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{height:50%;width:48%;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}@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{display:flex;flex-direction:row;position:fixed;opacity:0;top:13vh;right:0;min-height:8vh;min-width:20vw;border-radius:5px 0 0 5px;border-style:solid;border-width:2px;border-right-width:0;box-sizing:border-box;border-color:var(--solid-surface);animation:roll-out;animation-timing-function:ease-in-out;animation-duration:5s;animation-direction:forwards;padding-left:.25rem;padding-top:.25rem;padding-right:.25rem}.toast-container .text-container{display:flex;width:100%;align-items:center;box-sizing:border-box;padding-left:5%}.toast-container span{font-family:Didact Gothic,sans-serif;font-size:1rem;color:#404756;height:fit-content}.toast-container .toast-close-container{display:flex;height:100%;width:fit-content;box-sizing:border-box}.toast-container .toast-close-container svg{font-size:1.75rem;color:#404756}.toast-container .toast-close-container svg:hover{color:#000;cursor:pointer}.chart-container{display:flex;flex-direction:column;height:100%;width:90%;justify-content:flex-start;align-items:flex-start;overflow:hidden}.chart-entries-container{height:100%;width:100%;display:flex;flex-direction:column;max-height:100%;overflow-y:scroll;flex-wrap:nowrap;white-space:nowrap;justify-items:flex-start}.chart-entries-container .chart-shaded-row{background-color:var(--solid-surface)}.chart-entries-container .chart-row{align-content:center;display:grid;grid-template-columns:repeat(3,1fr) .5fr 1fr 1fr .28fr;flex-shrink:0;padding:1rem 2rem;border-radius:3px;width:100%;box-sizing:border-box}.chart-entries-container .chart-row .loading-skeleton{min-height:2.25vh;width:50%}@media screen and (max-width: 1280px){.chart-entries-container .chart-row{grid-template-columns:1fr,.8fr,.8fr,.5fr,1fr,1fr .28fr}}@media screen and (max-width: 650px){.chart-entries-container .chart-row{grid-template-columns:repeat(2,1fr) .28fr}}.chart-entries-container .chart-row span{font-family:Didact Gothic,sans-serif;font-size:1.25rem;color:var(--text-color);text-wrap:wrap;align-content:center}@media screen and (max-width: 1280px){.chart-entries-container .chart-row .step-one{display:none}}@media screen and (max-width: 650px){.chart-entries-container .chart-row .step-two{display:none}}.chart-entries-container .chart-row .employee-icons-container{display:flex;flex-direction:row;width:100%;height:100%;justify-content:flex-end;align-items:center;box-sizing:border-box}.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 (max-width: 1280px){.chart-entries-container .not-admin{grid-template-columns:1fr,.8fr,.8fr,.5fr,1fr,1fr}}@media screen and (max-width: 650px){.chart-entries-container .not-admin{grid-template-columns:repeat(2,1fr)}}.chart-entries-container::-webkit-scrollbar{display:none}.employee-modal-container{display:flex;flex-direction:row;box-sizing:border-box;top:0;left:0;width:100vw;height:100vh;position:fixed;background-color:#00000080;justify-content:center;align-items:center;z-index:1}.employee-modal-container .employee-modal-edit-container{display:flex;flex-direction:column;background-color:var(--page-background);width:80%;max-width:500px;box-sizing:border-box;align-items:center;border-radius:5px;border-color:var(--border-accent-color);border-width:1px;border-style:solid}@media screen and (max-height: 700px){.employee-modal-container .employee-modal-edit-container{min-height:90vh;max-width:425px}}.employee-modal-container .employee-modal-edit-container .employee-modal-header{display:flex;flex-direction:column;width:100%;height:7vh;background-color:transparent;align-items:center;justify-content:center;background-color:none}@media screen and (max-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{font-family:Didact Gothic,sans-serif;font-size:2rem;color:var(--modal-text-color)}.employee-modal-container .employee-modal-edit-container .employee-modal-footer{display:flex;flex-direction:row;width:100%;box-sizing:border-box;justify-content:space-between;align-items:center;height:7vh;padding-right:5%;padding-left:5%;margin-top:2vh;margin-bottom:1vh}.employee-modal-container .employee-modal-edit-container .employee-modal-footer button{height:4.5vh;width:48%;border-radius:5px;border:none;font-family:Didact Gothic,sans-serif;font-size:2rem;color:var(--modal-text-color)}@media screen and (max-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}.employee-modal-container .employee-modal-edit-container .employee-modal-footer button:disabled:hover{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{outline:none;border:none}.employee-modal-container .employee-modal-edit-container .employee-modal-footer button:focus{border:none;outline:none}.navbar-header-container{position:fixed;width:100%;box-sizing:border-box;display:flex;flex-direction:column;height:fit-content;align-items:center;top:0;left:0;height:122px}@media screen and (max-width: 1280px){.navbar-header-container{height:110px}}@media screen and (max-width: 650px){.navbar-header-container{height:75px}}.navbar-header-container .chart-header-animate{opacity:1;-webkit-transition:opacity .8s ease-out;transition:opacity ease-out .8s}.navbar-header-container .chart-header-hide{opacity:0}.navbar-header-container .chart-header-background-hide{background-color:transparent}.navbar-header-container .chart-header-background-show{background-color:var(--chart-header-color)}.navbar-header-container .chart-header{display:grid;align-items:center;height:42%;border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:100%;box-sizing:border-box;width:90%;padding-left:2rem;padding-right:2rem}@media screen and (max-width: 1280px){.navbar-header-container .chart-header .step-one{display:none}}@media screen and (max-width: 650px){.navbar-header-container .chart-header .step-two{display:none}}.navbar-header-container .chart-header div{display:flex;flex-direction:row;height:100%;justify-content:flex-start;align-items:center;cursor:pointer;width:fit-content;color:var(--text-color)}.navbar-header-container .chart-header div span{font-family:Didact Gothic,sans-serif;font-size:1.5rem;margin:0;padding:0}.navbar-header-container .chart-header div span::selection{background-color:transparent}.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{display:flex;height:100%;font-size:1.25rem;font-family:Didact Gothic,sans-serif;white-space:nowrap;color:var(--navbar-text);background-color:var(--edit-add-color);border:none;border-bottom-right-radius:5px;align-items:center;width:calc(20px + 2rem);overflow:hidden;color:#fff;padding-left:1rem}@media screen and (max-width: 1280px){.navbar-header-container .chart-header .add-button{width:calc(18px + 2rem)}}@media screen and (max-width: 650px){.navbar-header-container .chart-header .add-button{width:calc(12px + 2rem)}}.navbar-header-container .chart-header .add-button .add-icon{font-size:1.25rem;margin-right:.2rem;flex-shrink:0}.navbar-header-container .chart-header .add-button{-webkit-transition:width 1.2s;transition:width 1.2s}.navbar-header-container .chart-header .add-button-people{display:flex;height:100%;font-size:1.25rem;font-family:Didact Gothic,sans-serif;white-space:nowrap;color:var(--navbar-text);background-color:var(--edit-add-color);border:none;border-bottom-right-radius:5px;align-items:center;width:calc(20px + 2rem);overflow:hidden;color:#fff;padding-left:1rem}@media screen and (max-width: 1280px){.navbar-header-container .chart-header .add-button-people{width:calc(18px + 2rem)}}@media screen and (max-width: 650px){.navbar-header-container .chart-header .add-button-people{width:calc(12px + 2rem)}}.navbar-header-container .chart-header .add-button-people .add-icon{font-size:1.25rem;margin-right:.2rem;flex-shrink:0}.navbar-header-container .chart-header .add-button-people{-webkit-transition:width .76s;transition:width .76s}.navbar-header-container .chart-header .add-button-people:hover{width:calc(139.44px + 2.2rem)}@media screen and (max-width: 1280px){.navbar-header-container .chart-header .add-button-people:hover{width:calc(125.47px + 2.2rem)}}@media screen and (max-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{display:flex;opacity:1}.navbar-header-container .chart-header .add-button-people:focus{outline:none}.navbar-header-container .chart-header .add-hover-text-people{opacity:0;-webkit-transition:opacity .56s;transition:opacity .56s}.navbar-header-container .chart-header .add-hover-text{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.navbar-header-container .chart-header .add-button:hover{width:calc(220.96px + 2.2rem)}@media screen and (max-width: 1280px){.navbar-header-container .chart-header .add-button:hover{width:calc(198.8px + 2.2rem)}}@media screen and (max-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{display:flex;opacity:1}.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{display:flex;height:100%;font-size:1.25rem;font-family:Didact Gothic,sans-serif;white-space:nowrap;color:var(--text-color);background-color:var(--navbar-button-background);border:none;border-bottom-left-radius:5px;align-items:center;padding:0;box-sizing:border-box;padding-left:1rem;-webkit-transition:width .56s;transition:width .56s;width:calc(20px + 2rem);overflow:hidden}@media screen and (max-width: 1280px){.navbar-header-container .chart-header .export-button{width:calc(18px + 2rem)}}@media screen and (max-width: 650px){.navbar-header-container .chart-header .export-button{width:calc(12px + 2rem)}}.navbar-header-container .chart-header .export-button .export-hover-text{width:0;opacity:0;-webkit-transition:opacity .56s;transition:opacity .56s}.navbar-header-container .chart-header .export-button:hover{width:calc(94.58px + 2rem)}@media screen and (max-width: 1280px){.navbar-header-container .chart-header .export-button:hover{width:calc(85.09px + 2rem)}}@media screen and (max-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{display:flex;flex-direction:row;position:absolute;width:fit-content;height:inherit;flex-shrink:0;right:5%;justify-content:flex-start;align-content:flex-start;overflow:visible}.navbar-header-container .chart-header-employee{grid-template-columns:repeat(3,1fr) .5fr 1fr 1fr .28fr}@media screen and (max-width: 1280px){.navbar-header-container .chart-header-employee{grid-template-columns:1fr,.8fr,.8fr,.5fr,1fr,1fr .28fr}}@media screen and (max-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 (max-width: 1280px){.navbar-header-container .chart-header-center{grid-template-columns:1fr,.8fr,.8fr,.5fr,1fr,1fr .28fr}}@media screen and (max-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 (max-width: 1280px){.navbar-header-container .is-not-admin{grid-template-columns:1fr,.8fr,.8fr,.5fr,1fr,1fr}}@media screen and (max-width: 650px){.navbar-header-container .is-not-admin{grid-template-columns:repeat(2,1fr)}}.navbar-header-container .sort-bar-container{position:fixed;width:90%;box-sizing:border-box;left:5%;top:7vh;height:5.25vh;background-color:var(--chart-header-color);flex-shrink:0;padding-left:2rem;padding-right:2rem;border-bottom-right-radius:5px;border-bottom-left-radius:5px;transition:height .5s .5s}.navbar-header-container .sort-bar-container span{color:var(--navbar-text)}.navbar-header-container .navbar-container{height:58%;width:100%;padding-left:5%;padding-right:5%;background-color:var(--navbar-surface);justify-content:flex-start;align-items:center;border-bottom-style:none;border-bottom-color:var(--solid-surface);box-sizing:border-box;min-height:41.53px}.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{display:flex;flex-direction:row}.navbar-header-container .navbar-container .navbar-button-container{display:flex;flex-direction:row;height:60%;align-items:center}.navbar-header-container .navbar-container .navbar-button-container span{color:var(--navbar-text)}.navbar-header-container .navbar-container .navbar-button-container button{height:100%;font-size:1.25rem;font-family:Didact Gothic,sans-serif;white-space:nowrap;color:var(--navbar-text);border:none;box-sizing:border-box}.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 (max-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{border-left-style:none;border-top-right-radius:5px;border-bottom-right-radius:5px;background:linear-gradient(to left,var(--solid-surface-contrast-color) 50%,var(--navbar-button-background) 50%) right;background-size:200%;transition:background .5s ease-out}.navbar-header-container .navbar-container .navbar-button-container .navbar-button-right:before{content:"Service  "}@media screen and (max-width: 650px){.navbar-header-container .navbar-container .navbar-button-container .navbar-button-right:before{display:none}}.navbar-header-container .navbar-container .title-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;width:33%;margin-right:1%;box-sizing:border-box}.navbar-header-container .navbar-container .title-container .icon-title-container{display:flex;height:100%;align-items:center}.navbar-header-container .navbar-container .navbar-side-container{display:flex;flex-direction:row;width:67%;height:100%;align-items:center;justify-content:space-between;color:var(--navbar-text);box-sizing:border-box}.navbar-header-container .navbar-container .navbar-side-container .theme-icon{font-size:1.25rem;font-family:Didact Gothic,sans-serif;white-space:nowrap;font-size:1.5rem;border-radius:99999px;max-width:2rem;padding:.5rem;flex-shrink:0}.navbar-header-container .navbar-container .navbar-side-container .theme-icon:hover{background-color:var(--navbar-button-background)}.navbar-header-container .navbar-container a{display:flex;height:60%}.navbar-header-container .navbar-container a img{height:100%}@media screen and (max-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 (max-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{display:flex;height:40%}.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{font-size:1.25rem;font-family:Didact Gothic,sans-serif;white-space:nowrap;color:var(--navbar-text);margin-left:-9px}.navbar-header-container .navbar-container .entry-text{font-size:1.25rem;font-family:Didact Gothic,sans-serif;white-space:nowrap}@media screen and (max-width: 1280px){.navbar-header-container .navbar-container .entry-text{display:none}}.navbar-header-container .navbar-container .log-out-section{display:flex;flex-direction:row;height:60%;justify-content:center;align-items:center;border-radius:5000px;padding-left:1rem;padding-right:1rem;width:calc(fit-content - 2rem)}.navbar-header-container .navbar-container .log-out-section svg{font-size:1.25rem;color:var(--navbar-text)}@media screen and (max-width: 650px){.navbar-header-container .navbar-container .log-out-section svg{font-size:160%}}.navbar-header-container .navbar-container .log-out-section span{font-size:1.25rem;font-family:Didact Gothic,sans-serif;white-space:nowrap;color:var(--navbar-text)}.navbar-header-container .navbar-container .log-out-section span:before{content:" Log Out"}@media screen and (max-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: rgba(88, 196, 220, .3);--solid-surface-contrast-color: #22272F;--chart-header-color: #E7EBEE;--chart-light-color: white;--solid-surface: #EFF0F3;--input-placeholder-color: rgba(153, 161, 179, .9);--input-background-color: rgba(153, 161, 179, .2);--service-center-card-color: transparent;--edit-add-color: rgb(86, 170, 17);--edit-remove-color: rgb(233, 67, 15);--text-color: rgb(64, 71, 86);--icon-hover-color: #3998B6;--bubble-border: black;--bubble-back-color: rgb(233, 67, 15);--border-accent-color: #E7EBEE;--modal-text-color: rgb(64, 71, 86)}[data-theme=dark]{--page-background: #1B1E24;--navbar-surface: #22272F;--navbar-text: white;--navbar-button-background: rgba(88,196,220, .3);--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: rgb(86, 162, 17);--edit-remove-color: rgb(233, 67, 15);--text-color: #F6F7F9;--icon-hover-color: rgb(88,196,220);--bubble-border: white;--bubble-back-color: rgb(233, 67, 15);--border-accent-color: #343A46;--modal-text-color: white}[data-theme=dark] .remove-top-div span{color:var(--navbar-text)}@media screen and (max-width: 1280px) and (min-width: 950px){html{font-size:90%}}@media screen and (max-width: 950px){html{font-size:60%}}.search-container{display:flex;flex-direction:row;align-items:center;background-color:var(--input-background-color);border-radius:9999px;height:60%;max-width:500px;width:60%;box-sizing:border-box}.search-container .search-icon{color:var(--input-placeholder-color);margin-left:2%}.search-container input{border:none;background-color:transparent;height:100%;width:100%;padding-left:2%;overflow-x:hidden;font-family:Didact Gothic,sans-serif;font-size:1rem;color:var(--navbar-text)}.search-container input::placeholder{font-family:Didact Gothic,sans-serif;color:var(--input-placeholder-color)}.search-container input:focus{outline:none}