.Sidebar{width:300px;height:100vh;background-color:#263859;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-list{width:100%;margin:0;padding:0}.sidebar-list ul,.sidebar-list li,.sidebar-list a{color:#fff;text-decoration:none;list-style:none}.sidebar-item{padding:20px;font-size:28px;margin:10px}.sidebar-item:hover{background-color:#17223b;cursor:pointer;transition:.5s ease-in-out;border-radius:12px}.LogoutBtn{font-size:28px;color:#fff;border-radius:12px;padding:15px;background-color:#17223b;border:none;width:80%;position:relative;top:10px;left:25px}.LogoutBtn:hover{background-color:#263859;cursor:pointer;transition:.5s ease-in-out}.icon{padding-right:20px}.SearchBar{padding:15px;font-size:.9rem;width:80%;border-radius:8px;border:solid 1px;color:#263859;margin-left:10px;margin-top:10px}.SearchBar:hover{border-color:#17223b}.react-calendar__tile--active,.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#17223b!important;color:#fff!important}.react-calendar__tile--now{background:#17223b33!important}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#17223b66!important}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background:#17223b!important;color:#fff!important}.react-calendar__month-view__days__day--weekend{color:#4869b6!important}.react-calendar__month-view__days__day--neighboringMonth{color:#757575!important}.DisplayAppts{display:flex;justify-content:center;gap:100px;width:100%}.apptCalender{font-size:1.5rem;margin-bottom:1rem;text-align:center;margin:2rem;color:#17223b}.react-calendar__tile{padding:20px!important}.react-calendar{width:800px!important;border-radius:5px}.details-container ul{list-style:none}.details-container{width:400px;border-radius:5px;border:#17223B 1px solid;margin-right:15px}.details-container h3{margin:15px}@media screen and (max-width:767px){.sidebar-text{display:none}.Sidebar{width:90px}.LogoutBtn{width:60px;left:15px}.SearchBar{width:90%;margin-left:5px;font-size:1rem}.react-calendar{width:600px!important}.react-calendar__tile{padding:10px!important}.DisplayAppts{flex-direction:column;align-items:center;gap:30px;padding:0}.details-container{width:90%;margin-right:0}.apptCalender{font-size:1.2rem;margin:1rem}}*{margin:0}.MainContent{margin-left:300px;text-align:left}.popup{position:fixed;bottom:50px;right:20px;background-color:#263859;color:#fff;padding:20px;width:200px;text-align:center;border-radius:5px;box-shadow:0 2px 10px #0003;transition:opacity .3s ease-in-out}.PageHeader{text-align:center;font-size:2rem;color:#fff;background-color:#263859;padding:10px}.PageTitle{text-align:center;font-size:3rem;color:#fff;background-color:#263859;padding:20px}.LoginForm{display:flex;flex-direction:column;justify-self:center;width:40%;position:relative;top:100px}.LoginForm label{color:#263859;font-size:1.5rem}.LoginForm input{color:#263859;font-size:1rem;padding:10px;border-radius:8px;margin-bottom:20px;border:solid 1px}.Login{font-size:2.5rem;color:#263859;text-align:center}.LoginBtn{background-color:#263859;color:#fff;padding:10px;width:60%;margin:auto;border-radius:8px;border:none;font-size:1rem}.LoginBtn:hover{cursor:pointer;background-color:#17223b}.CardContainer{display:flex;justify-content:space-around;margin-top:24px;padding:10px}.Card,.Card1{border:solid 1px #263859;padding:20px;border-radius:8px;text-align:center;width:20%}.Card{color:#17223b}.Card1{color:#fff;background-color:#17223b}.TotalLabel{font-size:1.5rem}.count{font-weight:900;font-size:2rem}.AddBtn{background-color:#263859;color:#fff;padding:15px;border-radius:12px;margin:10px;border:none}.BackBtn{background-color:#263859;color:#fff;padding:15px;border-radius:12px;margin:15px;border:none}.AddBtn:hover,.UpdateBtn:hover,.SaveBtn:hover{background-color:#17223b;cursor:pointer;transition:.5s ease-in-out}.DeleteBtn{margin:2px;border-radius:5px;background-color:red;color:#fff;border:none;padding:10px}.DeleteBtn:hover,.ResetBtn:hover{background-color:#c00;cursor:pointer;transition:.5s ease-in-out}.UpdateBtn{margin:2px;border-radius:5px;color:#fff;background-color:#263859;border:none;padding:10px}.iconBtn{font-size:15px}.SaveBtn,.ResetBtn{padding:10px;width:50%;border:none;border-radius:8px;font-size:1.5rem}.ResetBtn{margin-left:10px;background-color:red;color:#fff}.SaveBtn{background-color:#263859;color:#fff}.AddUpdateForm{position:relative;top:30px;display:flex;flex-direction:column;justify-self:center;width:65%}.Buttons{display:flex;padding:20px}.AddUpdateForm input,textarea,.AddUpdateForm select{color:#263859;font-size:1rem;padding:10px;border-radius:8px;margin-bottom:20px;border:solid 1px}.AddUpdateForm label{color:#263859;font-size:1.5rem}@media screen and (max-width:767px){.MainContent{margin-left:90px}.AddUpdateForm{width:95%}.AddUpdateForm label{font-size:1.2rem}.Buttons{flex-direction:column;gap:15px}.SaveBtn{width:100%}.ResetBtn{width:100%;margin-left:0}.AddBtn{margin:15px 5px}.LoginForm{width:90%}.LoginForm input{padding:15px;font-size:1.5rem}.LoginBtn{font-size:1.5rem}.popup{font-size:1.2rem}.CardContainer{flex-direction:column;margin:0;padding:5px;gap:5px}.Card1,.Card{width:100%;padding:0;margin-right:5px}.TotalLabel{font-size:1rem}.count{font-weight:900;font-size:1.5rem}}body{height:100vh;width:100vw;margin:0}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}