#root{max-width:1280px;margin:0 auto;padding:0;background-color:#fff;font-family:Times New Roman,Times,serif;font-weight:400;color:#34495e;font-size:100%}.appContainer{display:flex;flex-direction:column;border-radius:1rem;padding:.5rem;border:1px solid #dcdcdc;font-size:100%}.headerContainer{display:flex;flex-grow:1;max-height:15%}.bodyContainer{display:flex;flex-grow:1;max-height:85%}.sidebarContainer{display:flex;justify-content:center;background-color:#eaebed;width:20%}.dashboardContainer{width:80%}.dashboardBox{display:flex;flex-direction:row}.dashboardBox>div:nth-child(1){width:49%;margin:1rem}.dashboardBox>div:nth-child(2){width:50.96%;background-color:#eaebed}.headerBox{display:flex;width:100%}.logoContainer{width:20%;display:flex;align-items:center;justify-content:center;border-radius:1rem 1rem 0 0}.logoContainer,.headerProfile{background-color:#eaebed}.logo{font-size:x-large}.utilityContainer,.headerProfile{width:39.5%;display:flex;gap:1rem;justify-content:center;align-items:center}.searchBarContainer{display:flex;align-items:center;justify-content:center;width:80%;box-shadow:#34495e 0 0 5px;border-radius:5px;height:3rem}.searchBarContainer .searchInput{flex:1;border:none;outline:none;padding:.75rem;font-size:1rem}.searchBarContainer .searchButton{border:none;padding:.75rem 1rem;cursor:pointer;font-size:1rem}.notificationContainer{width:10%;display:flex;justify-content:center;align-items:center;font-size:2rem}.profileAvtarBox{width:3rem;height:3rem;border-radius:.5rem;overflow:hidden;background-color:#4ad2da;display:flex;justify-content:center;align-items:center}.profilePic{width:80%;height:70%}.addButtonIconContainer{width:3rem;height:3rem;border-radius:.5rem;overflow:hidden;background-color:#4ad2da;display:flex;justify-content:center;align-items:center}.addButtonIconContainer .addbtn{font-size:2rem;background-color:inherit;border:none;outline:none;cursor:pointer}.headerProfile{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border-radius:1rem 1rem 0 0;padding-right:1rem}.sidebarBox{width:100%;padding-left:2rem}.sidebarBox>ul{display:flex;flex-direction:column;font-size:1rem;gap:1.2rem;list-style:none;padding:0;margin:0}.sidebarBox>ul>li{width:100%;cursor:pointer;opacity:.8}.sidebarBox>ul>li:hover{opacity:9}.sidebarBox>ul>li>span{align-items:center;padding:.5rem}.sidebarBox>h5{opacity:.6}.sidebarBox>h5:hover{opacity:.8}.setting{position:absolute;bottom:1rem}.setting>li{opacity:.6;cursor:pointer;list-style:none}.setting>li:hover{opacity:.8}.setting>li>span{padding:.5rem}.anatomySectionContainer{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#eaebed;border-radius:.5rem}.anatomyImage{width:100%;height:auto;object-fit:contain}.dashboardOverviewContainer{display:flex;flex-direction:row;justify-content:center;gap:2rem}.dashboardHeader{display:flex;justify-content:space-between;padding:0 1rem}.dashboardHeader h2{font-size:x-large}.card{background-color:#eaebed;border-radius:.75rem;box-shadow:0 4px 10px #0000001a;padding:.5rem;width:120px;display:flex;flex-direction:column;gap:.5rem}.card h3{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;margin:0}.card h5{color:#888;font-size:.5rem;margin:0}.card input[type=range]{width:100%;cursor:pointer;outline:none}.bodyPart{width:2.5rem;height:1.25rem}.healthStatusCardContainer{display:flex;flex-direction:column;gap:1rem}.activityfeedHeader{display:flex;justify-content:space-between;padding:0 1rem}.activityfeedHeader h2{font-size:large}.activityBarChart{width:100%;display:flex;justify-content:center;align-items:center}.activityBarChart img{display:block;width:90%;height:100px}.activityFeedContainer{display:flex;flex-direction:column;background-color:#f5f9ff;border-radius:.5rem;margin:1rem}.detailsBtn{text-align:right;font-size:smaller;cursor:pointer}.calenderHeader{display:flex;justify-content:space-between;padding:0 1rem;font-size:1rem}.calenderContainer{max-width:auto;display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;text-align:center}.calenderPerdayDetails{display:grid;grid-template-rows:repeat(5,1fr);gap:.5rem}.calenderDate{font-weight:700}.calenderDay,.calenderTime{font-size:.75rem}.available{background-color:#3734a9;color:#eaebed;padding:.25rem;border-radius:.25rem}.appointmentDetailsCard,.UpcomingScheduleCard{display:flex;flex-direction:column;border-radius:.5rem;padding:.5rem;margin:1rem;min-width:fit-content}.cardHeader{display:flex;justify-content:space-between;align-items:center;gap:2rem}.specialist{font-size:1rem;font-weight:700}.cardBody{font-size:.75rem;margin-top:.5rem}.appointmentDetailsContainer,.scheduleCards{display:flex;flex-direction:row;gap:.5rem;overflow-x:scroll}.appointmentDetailsContainer::-webkit-scrollbar,.scheduleCards::-webkit-scrollbar{display:none}.appointmentDetailsContainer .appointmentDetailsCard:nth-child(odd),.scheduleCards .appointmentDetailsCard:nth-child(odd){background-color:#3734a9;color:#eaebed}.appointmentDetailsContainer .appointmentDetailsCard:nth-child(2n),.scheduleCards .appointmentDetailsCard:nth-child(2n){background-color:#dde2f9;color:#3734a9}.UpcomingScheduleCard{background-color:#dde2f9}.upcomingScheduleContainer{display:flex;flex-direction:column;margin:0;padding:1rem;gap:.5rem;overflow-y:scroll;z-index:0}.upcomingScheduleContainer::-webkit-scrollbar{display:none}.upcomingScheduleContainer p{font-size:x-large;font-weight:600;margin:0}@media (max-width: 1000px){#root{font-size:90%}.appContainer{width:100%;border-radius:0;padding:.5rem;border:none}.headerContainer,.bodyContainer{flex-direction:column;width:100%}.sidebarContainer,.dashboardContainer{width:100%}.appContainer{flex-direction:column;padding:.5rem}.logoContainer,.utilityContainer,.headerProfile{width:100%}.headerProfile{padding:.5rem 0;border-radius:0 0 1rem 1rem}.sidebarContainer{display:none}.headerBox{flex-direction:column;gap:1rem;width:100%}.dashboardContainer{width:100%;align-items:stretch}.dashboardBox{width:100%;display:flex;flex-direction:row;margin:0;padding:0;align-items:center;justify-content:space-around}.anatomySectionContainer{display:flex;flex-direction:column;justify-content:center;align-items:stretch}.anatomyImage{box-sizing:border-box;width:inherit;height:auto;object-fit:contain}}@media (max-width: 768px){#root{font-size:50%}.dashboardContainer>div{flex-direction:column;width:100%}.dashboardBox{width:100%;flex-direction:column}.anatomyImage{width:100%}.dashboardOverviewContainer{flex-direction:column}.healthStatusCardContainer{width:100%;flex-direction:row;overflow-x:scroll}.healthStatusCardContainer::-webkit-scrollbar{display:none}.calenderContainer{overflow-x:scroll;margin:1rem;border-radius:1rem}.calenderContainer::-webkit-scrollbar{display:none}.upcomingScheduleContainer p{font-size:medium}}@media (max-width: 500px){.upcomingScheduleContainer p{font-size:xx-small;font-weight:500}}
