body{margin:0;display:flex;place-items:left;min-width:320px;min-height:100vh;font-family:Roboto,sans-serif}h1{font-size:3.2em;line-height:1.1}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fafbfc;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:#1b1f230a 0 1px,#ffffff40 0 1px inset;box-sizing:border-box;color:#24292e;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;font-weight:500;line-height:20px;list-style:none;padding:6px 16px;position:relative;transition:background-color .2s cubic-bezier(.3,0,.5,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;white-space:nowrap;word-wrap:break-word}button:hover{background-color:#f3f4f6;text-decoration:none;transition-duration:.1s}button:disabled{background-color:#fafbfc;border-color:#1b1f2326;color:#959da5;cursor:default}button:active{background-color:#edeff2;box-shadow:#e1e4e833 0 1px inset;transition:none 0s}button:focus{outline:1px transparent}button:before{display:none}button:-webkit-details-marker{display:none}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;margin:0 auto;padding:2rem;text-align:auto;background-color:#f8fcf7}.AppointmentsContainer{display:flex;flex-direction:column;padding:2rem;width:1280px;margin:0 auto}.AppointmentsContainer table{width:100%;border-spacing:1rem 0rem}.AppointmentsContainer th,.AppointmentsContainer td{vertical-align:middle}.AppointmentsContainer th{text-align:left}.AppointmentsContainer td{border-top:1px solid lightgray;height:2.5rem}.AppointmentsContainer table tr:first-child td{border-top:1px solid black}.AppointmentsContainer td:nth-child(4),.AppointmentsContainer th:nth-child(4){text-align:center}.AppointmentsContainer td:nth-child(5),.AppointmentsContainer th:nth-child(5){text-align:center}.AppointmentsContainer td:nth-child(5){cursor:pointer}.AppointmentsContainer th:nth-child(1){width:30%}.AppointmentsContainer th:nth-child(2){width:20%}.AppointmentsContainer th:nth-child(3){width:25%}.AppointmentsContainer th:nth-child(4){width:15%}.AppointmentsContainer th:nth-child(5){width:10%}.pagination{display:inline-block;padding:0}.pagination a{color:#000;float:left;padding:8px 16px;text-decoration:none}.pagination .active{background-color:#4caf50;color:#fff}.pagination a:hover:not(.active){background-color:#ddd}.pagination li{display:inline}.Summary{text-align:center}.ButtonBar{display:flex}.ButtonBarSpacer{margin-left:auto}.ButtonBarButton{margin-left:.5em}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-down{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.modal{position:fixed;width:100vw;height:100dvh;top:0;left:0;display:flex;flex-wrap:wrap;flex-direction:column;align-content:center;z-index:9999}.modal__position-center{justify-content:center}.modal__position-top{justify-content:flex-start}.modal__position-bottom{justify-content:flex-end}.modal__backdrop{background-color:#0003;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;animation:fade-out .3s forwards}.modal__backdrop--blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal__open .modal__backdrop{animation:fade-in .3s forwards}.modal__popup{padding:20px;border-radius:18px;width:95%;max-height:90vh;border:1px solid #ddd;background:#fff;z-index:99999;opacity:0;display:flex;flex-direction:column;transform:translateY(-15px);overflow:hidden}.modal__popup--animation-zoom{animation:zoom-out .4s ease-out forwards}.modal__open .modal__popup--animation-zoom{animation:zoom-in .4s ease-out forwards}.modal__popup--animation-slide{animation:slide-up .4s ease-out forwards}.modal__open .modal__popup--animation-slide{animation:slide-down .4s ease-in forwards}.modal__header{display:flex;justify-content:space-between;align-items:flex-start}.modal__title{color:#000000c9;margin:0 0 12px;font-weight:600;font-size:22px}.modal__body{height:100%;overflow-y:auto;flex-grow:1}.modal__close-button{cursor:pointer;border-radius:50%;border:none;color:#000;height:32px;width:32px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:-4px 0 0;background-color:#fff!important;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modal__close-button:hover{background-color:#0079d31a!important}.modal__close-button-escape{width:2rem;height:1.6rem;background-image:url("data:image/svg+xml,%3Csvg width='16' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.506 6h3.931V4.986H1.736v-1.39h2.488V2.583H1.736V1.196h2.69V.182H.506V6ZM8.56 1.855h1.18C9.721.818 8.87.102 7.574.102c-1.276 0-2.21.705-2.205 1.762-.003.858.602 1.35 1.585 1.585l.634.159c.633.153.986.335.988.727-.002.426-.406.716-1.03.716-.64 0-1.1-.295-1.14-.878h-1.19c.03 1.259.931 1.91 2.343 1.91 1.42 0 4.256-.68 2.259-1.745-.003-.969-.733-1.483-1.744-1.71l-.523-.125c-.506-.117-.93-.304-.92-.722 0-.375.332-.65.934-.65.588 0 .949.267.994.724ZM15.78 2.219C15.618.875 14.6.102 13.254.102c-1.537 0-2.71 1.086-2.71 2.989 0 1.898 1.153 2.989 2.71 2.989 1.492 0 2.392-.992 2.526-2.063l-1.244-.006c-.117.623-.606.98-1.262.98-.883 0-1.483-.656-1.483-1.9 0-1.21.591-1.9 1.492-1.9.673 0 1.159.389 1.253 1.028h1.244Z' fill='%23334155'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:57.1428571429% auto;border-radius:6px;border:1px solid #0f172a0d;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;font-size:0;border-radius:.375rem;padding:.25rem .375rem}.modal__close-button-escap kbd{display:none}.LoadingPanel{display:flex;flex-direction:row;gap:1em;align-items:center}.LoadingPanelButton{margin-left:.5em}.LoadingPanel p{margin:0}.OfficeContainer{margin-bottom:3rem}.OfficeButton{border:1px solid black;border-radius:6px;margin:1em;padding:.5em;background-color:#fafbfc}.OfficeButton p,.OfficeButton h4{margin:0;padding:0}.OfficeButtonSelected{background-color:#90ee90}.AdminCalendar .CalendarContainer{align-self:center;display:flex;flex-direction:column}.AdminCalendar .CalendarLegend{display:flex;flex-direction:row;justify-content:space-evenly}.AdminCalendar .OfficeClosed{background-color:#d3d3d3}.AdminCalendar .NoSpace{background-color:#ffb6c1}.AdminCalendar .Available{cursor:pointer}.AdminCalendar .Past{opacity:50%}.AdminCalendar .CalendarGridContainer{display:grid;grid-template-columns:5rem 5rem 5rem 5rem 5rem 5rem 5rem;grid-template-rows:2rem repeat(5rem);gap:1px;margin-bottom:1rem;-webkit-user-select:none;user-select:none;align-self:center}.AdminCalendar .CalendarCell{position:relative;width:5rem;height:5rem;outline:1px solid black}.AdminCalendar .CalendarCell .top-left{position:absolute;top:0;left:0;padding:.5rem;margin:0}.AdminCalendar .CalendarCell .centered{position:absolute;top:55%;left:50%;margin:0}.AdminCalendar .ColumnHeader{text-align:center}.AdminCalendar .DateSelected{background-color:#90ee90}.CalendarTitle{margin-top:1rem;margin-bottom:0;display:flex;flex-direction:row;justify-content:center;column-gap:1em}.UsersContainer table{width:100%;border-spacing:0rem 0rem}.UsersContainer th,.UsersContainer td{vertical-align:middle}.UsersContainer th{text-align:left}.UsersContainer td{border-top:1px solid lightgray;height:2.5rem}.UsersContainer table tr:first-child td{border-top:1px solid black}.UsersContainer td:nth-child(3){cursor:pointer;text-align:center}.UsersContainer th:nth-child(1){width:70%}.UsersContainer th:nth-child(2){width:20%}.UsersContainer th:nth-child(3){width:10%;text-align:center}.UsersModalBodyContainer{padding:.5rem;display:flex;flex-direction:column;gap:1rem}.UsersModalBodyContainer .InputContainer{display:grid;grid-template-columns:30% 70%;row-gap:1rem}.UsersModalBodyContainer .ButtonContainer{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.UsersModalBodyContainer .ButtonLeft{margin-left:auto}.UsersModalBodyContainer .ButtonContainer button{padding:.25rem;width:6rem}.UsersModalBodyContainer .LoadingContainer{display:flex;align-items:center;gap:1rem}.UsersModalBodyContainer .ErrorMessage{margin:0}.UsersModalBodyContainer .SpinnerImage{height:1.5rem}.OfficesContainer table{width:100%;border-spacing:0rem 0rem}.OfficesContainer th,.OfficesContainer td{vertical-align:middle}.OfficesContainer th{text-align:left}.OfficesContainer td{border-top:1px solid lightgray;height:2.5rem}.OfficesContainer td div{display:flex;flex-direction:column}.OfficesContainer td div p{display:flex;gap:.5rem;align-items:center;margin:0}.OfficesContainer table tr:first-child td{border-top:1px solid black}.OfficesContainer td:nth-child(3){cursor:pointer}.OfficesContainer th:nth-child(1){width:25%}.OfficesContainer th:nth-child(2){width:35%}.OfficesContainer th:nth-child(3){width:20%}.OfficesContainer th:nth-child(4),td:nth-child(4){width:10%;text-align:center}.OfficesContainer th:nth-child(5),td:nth-child(5){width:10%;text-align:center}.ButtonContainer{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.PageContainer{display:flex;flex-direction:column;gap:.5rem}.ConfirmModalBodyContainer{padding:.5rem;display:flex;flex-direction:column;gap:1rem}.ConfirmModalBodyContainer .InputContainer{display:grid;grid-template-columns:30% 70%;row-gap:1rem}.ConfirmModalBodyContainer .InputContainer div{display:grid;grid-template-columns:10% 90%;row-gap:.25rem;column-gap:.3rem}.ConfirmModalBodyContainer .InputContainer p{align-self:center}.ConfirmModalBodyContainer .ButtonContainer{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.ConfirmModalBodyContainer .ButtonLeft{margin-left:auto}.ConfirmModalBodyContainer .ButtonContainer button{padding:.25rem;width:6rem}.ConfirmModalBodyContainer .LoadingContainer{display:flex;align-items:center;gap:1rem}.ConfirmModalBodyContainer .ErrorMessage{margin:0}.ConfirmModalBodyContainer .OfficesFlag,.ConfirmModalBodyContainer .SpinnerImage{height:1.5rem}.OfficeModalBodyContainer{padding:.5rem;display:flex;flex-direction:column;gap:1rem}.OfficeModalBodyContainer .InputContainer{display:grid;grid-template-columns:30% 70%;row-gap:1rem}.OfficeModalBodyContainer .InputContainer div{display:grid;grid-template-columns:10% 90%;row-gap:.25rem;column-gap:.3rem}.OfficeModalBodyContainer .InputContainer p{align-self:center}.OfficeModalBodyContainer .ButtonContainer{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.OfficeModalBodyContainer .ButtonLeft{margin-left:auto}.OfficeModalBodyContainer .ButtonContainer button{padding:.25rem;width:6rem}.OfficeModalBodyContainer .LoadingContainer{display:flex;align-items:center;gap:1rem}.OfficeModalBodyContainer .ErrorMessage{margin:0}.OfficeModalBodyContainer .OfficesFlag,.OfficeModalBodyContainer .SpinnerImage{height:1.5rem}.CombinedPanelGrid{display:grid;grid-template-columns:50% 50%;gap:1rem;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.CombinedPanel{width:1280px;margin:0 auto;align-self:center}.NewAppointmentsDateSelectPanel .CalendarContainer{display:flex;flex-direction:column}.NewAppointmentsDateSelectPanel .CalendarLegend{display:flex;flex-direction:row;justify-content:space-evenly}.NewAppointmentsDateSelectPanel .OfficeClosed{background-color:#d3d3d3}.NewAppointmentsDateSelectPanel .NoSpace{background-color:#ffb6c1}.NewAppointmentsDateSelectPanel .Available{cursor:pointer}.NewAppointmentsDateSelectPanel .Past{opacity:50%}.NewAppointmentsDateSelectPanel .CalendarGridContainer{display:grid;grid-template-columns:5rem 5rem 5rem 5rem 5rem 5rem 5rem;grid-template-rows:2rem repeat(5rem);gap:1px;margin-bottom:1rem;-webkit-user-select:none;user-select:none;align-self:center}.NewAppointmentsDateSelectPanel .CalendarCell{position:relative;width:5rem;height:5rem;outline:1px solid black}.NewAppointmentsDateSelectPanel .CalendarCell .top-left{position:absolute;top:0;left:0;padding:.5rem;margin:0}.NewAppointmentsDateSelectPanel .CalendarCell .centered{position:absolute;top:55%;left:50%;margin:0}.NewAppointmentsDateSelectPanel .ColumnHeader{text-align:center}.NewAppointmentsDateSelectPanel .DateSelected{background-color:#90ee90}.NewAppointmentsContainer{display:flex;flex-direction:column}.NewAppointmentsContainer table{width:100%;border-spacing:1rem 0rem}.NewAppointmentsContainer th,.NewAppointmentsContainer td{vertical-align:middle}.NewAppointmentsContainer th{text-align:left}.NewAppointmentsContainer td{border-top:1px solid lightgray;height:2.5rem}.NewAppointmentsContainer table tr:first-child td{border-top:1px solid black}.NewAppointmentsContainer td:nth-child(4),.NewAppointmentsContainer th:nth-child(4){text-align:center}.NewAppointmentsContainer td:nth-child(5),.NewAppointmentsContainer th:nth-child(5){text-align:center}.NewAppointmentsContainer td:nth-child(5){cursor:pointer}.NewAppointmentsContainer th:nth-child(1){width:30%}.NewAppointmentsContainer th:nth-child(2){width:20%}.NewAppointmentsContainer th:nth-child(3){width:25%}.NewAppointmentsContainer th:nth-child(4){width:15%}.NewAppointmentsContainer th:nth-child(5){width:10%}.Header{text-align:center;margin:0}.HeaderContainer{margin-bottom:1rem}.FieldReminder{margin-top:0;margin-bottom:0;font-size:.8em;color:red}.MainPageContainer{display:flex;flex-direction:column;padding:2rem;width:500px;margin:0 auto}@media (max-width:580px){.MainPageContainer{width:460px}}@media (max-width:480px){.MainPageContainer{width:320px}}.RegularCalendar .OfficeClosed{background-color:#d3d3d3}.RegularCalendar .NoSpace{background-color:#ffb6c1}.RegularCalendar .Available{cursor:pointer}.RegularCalendar .Past{opacity:20%}.RegularCalendar .CalendarContainer{align-self:center;display:flex;flex-direction:column}.RegularCalendar .CalendarGridContainer{display:grid;grid-template-columns:3rem 3rem 3rem 3rem 3rem 3rem 3rem;grid-template-rows:3rem;gap:4px;-webkit-user-select:none;user-select:none;align-self:center}.RegularCalendar .CalendarCell{display:flex;align-items:center;justify-content:center;outline:1px solid black;margin:1px;width:3rem;height:3rem;border-radius:6px}.RegularCalendar .DateSelected{background-color:#90ee90}.RegularCalendar .CalendarLegend{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}@media (max-width:480px){.RegularCalendar .CalendarGridContainer{grid-template-columns:2.5rem 2.5rem 2.5rem 2.5rem 2.5rem 2.5rem 2.5rem;grid-template-rows:2.5rem}.RegularCalendar .CalendarCell{width:2.5rem;height:2.5rem}}.UserInfoHeader{margin-top:0;margin-bottom:0;grid-column:span 2}.UserInfoContainer{display:grid;grid-template-columns:40% 60%;width:100%;padding:1em;gap:.5rem;box-sizing:border-box;border:black 1px solid;background-color:#fafbfc;justify-content:space-between;margin-bottom:1rem;padding:1rem;border-radius:6px}.UserInfoContainer input[type=text],.UserInfoContainer input[type=email]{padding-top:.25rem;padding-bottom:.25rem;width:-webkit-fill-available}.AppointmentSummaryContainer{display:grid;grid-template-columns:40% 60%;width:100%;padding:1em;gap:.5rem;box-sizing:border-box;border:black 1px solid;background-color:#fafbfc;justify-content:space-between;margin-bottom:1rem;border-radius:6px}.AppointmentSummaryContainer p{margin-top:0;margin-bottom:0}.PasswordModalContainer{display:flex;flex-direction:column;gap:.5rem}.PasswordModalContainer .InputContainer{display:grid;grid-template-columns:50% 50%;row-gap:1rem}.PasswordModalContainer .ButtonContainer{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.PasswordModalContainer .PageContainer{display:flex;flex-direction:column;gap:.5rem}.Nav{display:flex;direction:row;gap:2rem;border:1px solid black;background-color:#b9dbb8}.Nav a{color:gray;font-size:1.5rem;text-decoration:none;padding:.5rem 1rem}.dropbtn{cursor:pointer}.dropdown{position:relative;display:inline-block;padding:.5rem 1rem;margin-left:auto}.dropdown-content{display:none;position:absolute;top:2.6rem;min-width:200px;box-shadow:0 8px 16px #0003;z-index:1;right:0}.dropdown-content a{font-size:1rem;margin:.5rem;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.LanguagePicker{width:44px;height:24px;object-fit:cover;margin-right:5px;vertical-align:middle}.Logo{width:300px;align-self:center;margin-bottom:1rem}.Container{display:flex;flex-direction:column;padding:2rem;margin:0 auto}@media (max-width:480px){.Logo{width:280px}}.SignInBox{width:200px;align-self:center}form{display:flex;flex-direction:column}form input{margin-bottom:1rem}