body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.appointmentArea{height:100vh;margin:0;padding-top:17px;background-image:url("/static/media/Mask Group 2.f843a8b8.png");background-size:cover}.appointmentArea .getAppointment{display:flex;flex-direction:column;justify-content:center}.banarImg{max-height:87vh}.navBar{display:flex;justify-content:flex-end}.navBar a{padding:10px;color:#38727b;text-decoration:none}.navBar a:hover{color:#00a2bb}.navBar a:last-child{color:#00b8ef;transition:.5s}.navBar a:last-child:hover{color:#f7017e}.datePickerArea{background-image:url("/static/media/Mask Group 2.f843a8b8.png");height:450px;background-repeat:no-repeat;background-position:50%;background-size:cover;margin:40px}.datePickerArea-content{display:flex;justify-content:space-around;align-items:center}.calendar{width:300px}.coverImage{height:250px;width:450px;border-radius:9px}.calendarArea{justify-content:center;margin-top:50px;color:rgba(86,79,84,.91);background-color:#11e4e4;border-radius:15px}.availableAppointmentArea,.calendarArea,.serviceItem{display:flex;flex-direction:column;align-items:center}.serviceItem{height:133px;width:240px;background-color:#f6f9fa;padding:12px;line-height:1;justify-content:center;border-radius:3px;margin:16px;box-shadow:2px 2px 5px #8f8e8e}.bookAppointmentBtn{background-color:#00cece;padding:6px;font-weight:500;color:#545b62;border-radius:6px;border:1px solid #32bbbb;transition:.7s}.bookAppointmentBtn:focus{outline:none}.bookAppointmentBtn:hover{background-color:#e4165f;padding:6px;font-weight:500;color:#fff;border-radius:6px;border:1px solid #ec1388}.bookAppointmentBtn:active{font-weight:470}.availableAppointments{display:flex;flex-flow:wrap;justify-content:center;align-items:center}.formArea{text-align:center}.appointmentSuccessMessage{padding:20px;background-color:#28d2d4;margin-bottom:0;border:2px solid #fff;color:#373a3a;border-radius:5px}.formArea span{font-size:10px;display:block;color:red}.formArea h4{font-feature-settings:"pcap","c2pc";font-variant:all-petite-caps;font-family:sans-serif;color:#ca5003;font-size:25px}.formArea span:after{content:"!"}.formInput{margin-top:5px;padding:7px;width:267px;font-size:12px;height:30px;color:#1d2f2f;font-weight:500;background-color:#e0ecea;border:1px solid rgba(17,212,212,.43);border-radius:7px}.formInput:focus{outline:none}.formSubmitButton{background-color:#11d4d4;padding:6px;font-weight:500;color:#545b62;width:267px;margin-top:6px;border-radius:6px;border:1px solid #32bbbb;transition:.7s}.formSubmitButton:focus{outline:none}.formSubmitButton:hover{background-color:#e4165f;padding:6px;font-weight:500;color:#fff;border-radius:6px;border:1px solid #ec1388}.formSubmitButton:active{font-weight:470}.doctorsArea{display:flex;flex-direction:row;justify-content:space-between}.sidebar{height:100vh;background-color:#09ad9c;width:19%}.sidebarLinks{display:flex;flex-direction:column;height:50%;width:94%;margin:40px auto auto}.sidebarLinks a{text-decoration:none;color:#fbeeee;font-weight:500;padding:10px}.sidebarLinks a:hover{color:#fff}.dashboardContent{width:80%}.calendarSection{margin-top:45px;pad:5px}.currentDateAppointmentsArea{padding:50px;background-color:#fff;margin:auto}
/*# sourceMappingURL=main.7e7a1a29.chunk.css.map */