body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:sanserif}.signup-container{align-items:center;display:grid;grid-template-areas:"form image";grid-template-columns:1fr;margin:10px auto;width:80vw}@media screen and (max-width:800px){.signup-container{grid-template-areas:"form" "image";grid-template-columns:1fr;padding-left:0}}.signup-container img{grid-area:image;justify-self:center;max-width:29vw}.signup-container form{grid-area:form;margin:10px auto}form h2{font-size:1.7rem}.radio-element{display:flex;gap:20px}.radio-element h3{color:#747474;font-size:1rem;font-weight:600}.element,.select{display:flex}.select{gap:30px}.detail input{border:1px solid #000;border-radius:10px;min-width:27vw;outline:none;padding:.7rem}@media screen and (max-width:800px){.detail input{min-width:56vw}}.detail h3{color:#747474;font-size:1rem;font-weight:600}.terms{display:flex;gap:5px;margin-top:1rem}.terms h3{font-size:1rem}.button{background-color:#4343f0;border:none;border-radius:10px;color:#fff;font-weight:700;margin-top:1.2rem;min-width:29vw;padding:1.1em}@media screen and (max-width:800px){.button{min-width:60vw}}.button:hover{background-color:#6d6dfa;cursor:pointer}.btn{background-color:transparent;border:none;margin-left:-40px;margin-top:2px;outline:none}.icon-size{cursor:pointer;font-size:1.2rem}.password-field{display:flex;position:relative}.signin{font-size:1rem;margin-bottom:1.5rem;margin-top:1.5rem}.red-text{color:red}.dashboardContainer{display:grid;grid-template-areas:"head head head" "sideBar users users" "sideBar users users";grid-template-columns:1fr 2fr 2fr;height:100vh}.header{grid-area:head}.sidebar{grid-area:sideBar;overflow:auto}.patient-detail{background-color:#f8f7f7;grid-area:users}@media screen and (max-width:425px){.patient-detail{padding-left:20px}}@media screen and (max-width:768px)and (min-width:426px){.patient-detail{padding-left:20px}}@media screen and (max-width:1023px)and (min-width:769px){.patient-detail{padding-left:20px}}.headerContainer{background-color:#fff;box-shadow:3px 0 20px rgba(0,0,0,.04);display:grid;grid-template-areas:"logo search details";grid-template-rows:1fr 2fr 1fr;height:10vh;padding:8px;position:fixed;width:100%;z-index:3}@media screen and (max-width:425px){.headerContainer{height:8vh;padding-top:25px}}@media screen and (max-width:768px)and (min-width:426px){.headerContainer{height:8vh;padding-top:22px}}.logo{align-items:center;display:flex;grid-area:logo;padding-left:10px}.search{grid-area:search}.details{align-items:center;color:#213f7d;display:flex;flex-direction:row;gap:20px;grid-area:details;justify-content:center}@media screen and (max-width:425px){.details{display:none}}@media screen and (max-width:768px)and (min-width:426px){.details{display:none}}.details h4{cursor:pointer;text-decoration:underline}.search{align-items:center;display:flex}.search input{background:transparent;border:1px solid #213f7d;border-radius:10px 0 0 10px;color:#545f7d;height:6vh;outline:none;padding:0 0 0 10px;width:50%}@media screen and (max-width:425px){.search input{margin-left:20px;padding:0 0 0 15px;width:65%}}.search button{background-color:#5454d6;border:none;border-radius:0 10px 10px 0;color:#fff;cursor:pointer;height:6vh;padding:10px 14px 10px 5px}.search button:hover{background-color:#6363d6}.drop-down{cursor:pointer}.hamburger{display:none}@media screen and (max-width:425px){.hamburger{display:block;margin-right:15px}}@media screen and (max-width:768px)and (min-width:426px){.hamburger{display:block}}.sideContainer{display:flex;flex-direction:column;padding-top:75px}@media screen and (max-width:425px){.sideContainer{gap:20px}}@media screen and (max-width:768px)and (min-width:426px){.sideContainer{gap:20px}}.sidebar-item{align-items:center;display:flex;gap:8px;padding-left:25px;text-decoration:none}.sidebar-item:hover{background-color:#5454d6;cursor:pointer}.sidebar-item h4{color:#213f7d;font-weight:400}@media screen and (max-width:425px){.sidebar-item h4{display:none}}@media screen and (max-width:768px)and (min-width:426px){.sidebar-item h4{display:none}}.sidebar-icon{color:#213f7d}.overview-container{margin-left:3rem;margin-top:5rem}@media screen and (max-width:800px){.overview-container{margin-left:0}}.main{background-color:#5454d6;border-radius:2rem;color:#fff;display:grid;grid-template-areas:"left right";grid-template-columns:2fr 2fr;justify-self:center;max-width:90%}@media screen and (max-width:800px){.main{grid-template-areas:"left" "right";grid-template-columns:2fr;padding-left:2rem;padding-right:2rem}}.left{display:flex;flex-direction:column;grid-area:left;margin:3rem auto 0}.right{grid-area:right}@media screen and (max-width:800px){.right{display:none}}.right img{background-color:transparent;width:21vw}.doc{font-size:2rem}.book,.doc{font-weight:600}.book{background-color:#fff;border-radius:12px;color:#4343f0;margin-bottom:2.8rem;min-width:5vw;padding:.8rem;text-align:center;text-decoration:none}.book:hover{background-color:#d6d5d5;cursor:pointer}.appointmentContainer{display:grid;grid-template-areas:"head head head" "sideBar users users" "sideBar users users";grid-template-columns:1fr 2fr 2fr;height:100vh}.appointment-header{grid-area:head}.appointment-sidebar{grid-area:sideBar;overflow:auto}.appointment-detail{background-color:#f8f7f7;grid-area:users}@media screen and (max-width:425px){.appointment-detail{padding-left:20px}}@media screen and (max-width:768px)and (min-width:426px){.appointment-detail{padding-left:20px}}@media screen and (max-width:1023px)and (min-width:769px){.appointment-detail{padding-left:20px}}.choose{align-items:center;border:1px solid #000;border-radius:10px;color:#000;cursor:pointer;display:grid;font-weight:700;grid-template-areas:"img text next";grid-template-columns:1fr 2fr 1fr;margin:3rem;padding:2rem;text-decoration:none;width:30vw}@media screen and (max-width:500px){.choose{gap:15px}}.choose img{border-radius:50%;grid-area:img;width:5vw}.doc-text{display:flex;flex-direction:column;grid-area:text}.next{grid-area:next}.signin-container form{align-items:center;display:flex;flex-direction:column;margin-top:4rem}.signup-line{border-bottom:1px solid #bdbcbc;margin-top:.5rem}.top-signin{margin:4rem}@media screen and (max-width:425px){.signin-error{margin-top:.3rem;max-width:70%;position:absolute}.logBtn{margin-top:3.2rem}}.docprofile-container{display:grid;grid-template-areas:"head head head" "sideBar users users" "sideBar users users";grid-template-columns:1fr 2fr 2fr;height:100vh}.docprofile-header{grid-area:head}.docprofile-sidebar{grid-area:sideBar;overflow:auto}.docprofile-detail{background-color:#f8f7f7;grid-area:users;overflow:auto}@media screen and (max-width:425px){.docprofile-detail{padding-left:20px}}@media screen and (max-width:768px)and (min-width:426px){.docprofile-detail{padding-left:20px}}@media screen and (max-width:1023px)and (min-width:769px){.docprofile-detail{padding-left:20px}}.doctor-profile{align-items:center;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:20px;margin-left:10rem;margin-top:5rem;max-width:30vw;padding:2rem}@media screen and (max-width:425px){.doctor-profile{margin-left:0;max-width:50vw}}@media screen and (max-width:800px)and (min-width:426px){.doctor-profile{margin-left:4rem;max-width:42vw}}.upper img{border-radius:50%;width:5vw}.video-call{cursor:pointer}.video-call img{border-radius:50%;width:5vw}.major{font-size:1.3rem;font-weight:600}.upper{align-items:center;display:flex;flex-direction:column;gap:5px}.doc-name{font-weight:600}@media screen and (max-width:425px){.dateAppoint{max-width:50vw}}@media screen and (max-width:800px)and (min-width:426px){.dateAppoint{max-width:20vw}}@media screen and (max-width:800px){.dateAppoint input{min-width:24vw}}@media screen and (max-width:425px){.timeAppoint{max-width:50vw}}@media screen and (max-width:800px)and (min-width:426px){.timeAppoint{max-width:20vw}}@media screen and (max-width:425px){.timeAppoint input{min-width:31vw}}@media screen and (max-width:800px)and (min-width:426px){.timeAppoint input{min-width:24vw}}@media screen and (max-width:425px){.appointBtn{min-width:38vw}}@media screen and (max-width:800px)and (min-width:426px){.appointBtn{min-width:30vw}}
/*# sourceMappingURL=main.93529751.css.map*/