body{font-family:Poppins,sans-serif;font-weight:300;font-style:normal;margin:0;padding:0}a{color:#000}.sidebarlink{margin-bottom:20px}.SideBar{background-color:#b6d0e2;border-radius:0 20px 20px 0;height:100vh}.text-active{color:#0c008a;font-weight:700}.SideBar ul{list-style:none}.btn,.dropdown-menu{margin:0;padding:0}#dropdownMenuButton:focus{border:none}.dropdown-menu ul{padding:5px}.brain{display:none}.logoutbtn{margin-top:25rem;color:#0c008a;font-weight:700}@media only screen and (max-width: 768px){.SideBar{border-radius:0 20px 20px 0}.sidebaricon{font-size:2rem}.nav-pills{gap:9rem}.logoutbtn{margin-top:auto}.text-active{color:#0c008a;padding:10px;border-bottom:5px solid #0c008a;font-weight:700}.brain{display:block}.logo{display:none}}.maincontainer{display:grid;grid-template-columns:1fr 6fr}.dropdown-button{display:flex;align-items:center;font-family:Poppins,sans-serif;height:2rem;color:#000;font-size:16px;cursor:pointer;border:1px solid lightgrey;border-radius:5px}.patienthistory{display:grid;grid-template-columns:5fr 3fr 3fr 3fr;margin-bottom:10px;height:2.5rem;border-radius:5px;padding:5px;box-shadow:0 0 3px #0000004d;align-items:center}@media only screen and (max-width: 768px){.appointmenttime,.appointmentstatus{display:none}.patienthistory{display:grid;grid-template-columns:3fr 3fr;margin-bottom:10px;height:2.5rem;border-radius:5px;padding:5px;box-shadow:0 0 3px #0000004d;align-items:center}}.historymain{margin:1rem}.searchbar{display:flex;align-items:center;justify-content:space-between;font-size:16px;margin-bottom:20px}.searchdiv{display:flex;align-items:center;border:1px solid #B6D0E2;border-radius:5px;width:87%}.search{height:2rem;border:none;width:90%;font-family:Poppins,sans-serif}.search:focus,.search:hover{outline:none}.bi-search{margin-left:5px}.resultsbar{display:grid;grid-template-columns:5fr 3fr 3fr 3fr;background-color:#0c008a;color:#fff;border-radius:5px;padding:5px;margin-bottom:20px}.heading{display:none}@media only screen and (max-width: 768px){.card,.resultsbar{display:none}.searchdiv{height:3rem;width:100%}.heading{color:#0c008a;font-weight:700;display:block}}.active{border-bottom:5px solid #0c008a}.inactive{color:#d3d3d3}.appmain{display:flex;flex-direction:column;overflow-y:scroll}.appmain::-webkit-scrollbar-thumb{background-color:#4a4a4d;border-radius:5px}.appmain::-webkit-scrollbar-track{background:#d3d3d3}.appmain::-webkit-scrollbar{width:5px}.appointmentsmain{margin:1.5rem;display:flex;gap:2.5rem}.appointmenttimes{display:grid;color:gray;font-weight:500;grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:1rem;width:90%}.availabletimes{margin-left:1.5rem}.addbtn{position:fixed;display:flex;justify-content:center;align-items:center;bottom:0;right:0;width:65px;height:65px;color:#fff;background-color:#0c008a;border-radius:50%;box-shadow:2px 2px 4px #0003;font-size:4rem;border:none;margin:2rem}.close{border:none;background-color:#fff;font-size:2rem}.savebtn{background-color:#0c008a;width:30%;color:#fff;border:none;border-radius:5px;padding:10px;align-self:center}.inputfield{padding:5px;border:1px solid lightgray;border-radius:5px;margin-bottom:10px}@media only screen and (max-width: 768px){.appointmenttimes{display:none}}.createdappointment{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;margin-bottom:1rem;border:1px solid lightgrey;border-radius:5px;padding:5px;width:90%}.actions{display:flex;align-items:center;gap:10px}.actionbtn{color:#d3d3d3;height:2rem}.delete{color:#dc143c}.availablestatus{background-color:green;color:#fff;border-radius:5px;padding:5px;width:40%}@media only screen and (max-width: 768px){.availablestatus,.actions{display:none}.createdappointment{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border:1px solid #B6D0E2;border-radius:5px;padding:5px;width:90%}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.upcomingmain{margin-left:1.5rem}.todaytab,.weektab,.monthtab{margin-bottom:1rem;margin-right:5px}.todaytab{gap:2rem;display:flex;width:99%;overflow-x:auto}.todaytab::-webkit-scrollbar-thumb{background-color:#4a4a4d;border-radius:5px}.todaytab::-webkit-scrollbar-track{background:#d3d3d3}.todaytab::-webkit-scrollbar{height:5px}.noactivity{color:#d3d3d3;text-align:center}.timeheading{color:#0c008a;font-weight:700}.appointment{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border:1px solid #B6D0E2;width:95%;padding:5px;border-radius:5px;margin-bottom:7px;transition:transform .5s ease}.appointment:hover{transform:translateY(5px)}.todaysappointment{display:flex;flex-direction:column;border:1px solid #B6D0E2;border-radius:20px;padding:10px;cursor:pointer;transition:transform .5s ease}.todaysappointment:hover{transform:translate(10px)}.status{color:green;font-weight:600}.modal-body{display:flex;flex-direction:column}.modaldetails{display:grid;grid-template-columns:1fr 1fr;margin-bottom:2rem}.sendlink{align-self:flex-end;color:#fff;padding:5px;background-color:#0c008a}.sendlink:hover{background-color:#0c0557;color:#fff}@media only screen and (max-width: 768px){.appointment>.status{display:none}.appointment{display:flex;justify-content:space-between}}.personaldetails{display:flex;align-items:stretch;gap:5%;margin-bottom:3rem}.doctordetails{display:flex}.title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#0c008a}.divider{border:1px solid lightgrey}.generaldetails{font-size:16px;display:grid;grid-template-columns:1fr 1fr;width:70%;grid-gap:20%;display:flex;align-items:center}.detailsleft,.detailsright{display:flex;flex-direction:column}.label{color:gray}.info{display:grid;grid-template-columns:1fr .8fr;align-items:center}.infoleft{display:flex;gap:10px;height:70%}.patients,.pendingappointments,.finishedpatients{display:flex;flex-direction:column;justify-content:space-between;width:33%;border:1px solid lightgrey;border-radius:20px;padding:10px}.digit{font-size:30px}.addprofileicon{border-radius:50%;box-shadow:0 0 10px #0000004d;height:150px;width:150px}.clearbtn{width:5.8rem}.greeting{color:#0c008a;font-weight:700}input[type=file]{color:transparent}.main{margin:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.displayImage{border-radius:50%;height:200px;width:200px;margin:15px}.displayImage:hover{cursor:pointer}#myFile{display:inline}.info{height:60%}@media only screen and (max-width: 768px){.info,.personaldetails{display:flex;flex-direction:column}.generaldetails{display:flex;flex-direction:column;width:auto;align-items:start}.info{height:auto}.infoleft{display:flex;flex-direction:column;width:18rem}.finishedpatients,.pendingappointments,.patients{width:auto;display:flex;flex-direction:row}.doctordetails{display:flex;flex-direction:column;align-items:center}.main{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.inforight{display:none}}.transaction{display:grid;grid-template-columns:5fr 3fr 3fr 3fr;margin-bottom:10px;height:2.5rem;border-radius:5px;padding:5px;box-shadow:0 0 3px #0000004d;align-items:center}.totalearnings,.rate{display:flex;justify-content:center;align-items:center;gap:5px;border:1px solid #B6D0E2;border-radius:5px}.paymentshistory{border:1px solid #B6D0E2;border-radius:5px;padding:10px}@media only screen and (max-width: 768px){.summary{display:flex;flex-direction:column}.paymentrecords{overflow-y:scroll;height:32rem}}.signup,.loginsection{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;height:100vh}.signupleft{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;font-size:24px;align-items:center;color:#fff;background-image:url(/assets/counselling-CXkUwqwZ.jpeg);background-repeat:no-repeat;background-size:cover;background-position:center}.signupform{position:relative;z-index:2;display:flex;flex-direction:column;border-left:1px solid lightgrey;border-radius:20px;padding:1rem;margin-left:-1.5rem;background-color:#fff;overflow-y:scroll}.center{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border-radius:5px}.response{height:100vh;flex-direction:column;display:flex;justify-content:center;align-items:center}.submit-btn{background-color:#0c008a;color:#fff;border:none;border-radius:5px;padding:5px}.submit-btn-disabled{background-color:#53689d;color:#d3d3d3;border:none;border-radius:5px;padding:5px}.logo-image{position:absolute;top:0;left:0}.smallheading{display:block;text-align:center;font-size:45px;font-weight:700;color:#0c008a}.loginleft{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;font-size:24px;align-items:center;color:#fff;background-image:url(/assets/counselling-CXkUwqwZ.jpeg);background-repeat:no-repeat;background-size:cover;background-position:center}.loginform{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;border-left:1px solid lightgrey;border-radius:20px;padding:1rem;margin-left:-1.5rem;background-color:#fff}.login{display:flex;border:1px solid lightgray;border-radius:20px;padding:5rem}@media only screen and (max-width: 768px){.loginleft{display:none}.logo-image{width:50px}.loginform{display:flex;flex-direction:column;width:100vw;padding:0;gap:0;margin:0}.login{padding:3rem;border:none}.form-control{padding:.8rem}.signupleft{display:none}.signup{display:flex;flex-direction:column;margin-left:1rem}}.mainView{height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:10%;background-color:#0c131b;padding-left:20px;padding-right:20px}.joinButton{height:40px;width:80px}.joinedStyle{display:flex;flex-direction:column;height:100vh}.videoArea{max-height:90%;height:90%;display:flex;flex-direction:row;justify-content:center;align-items:start}*{box-sizing:border-box}.react-player{height:100%;min-width:700px;position:relative}.inner-react-player{position:absolute;bottom:0;right:0;width:20%;height:20%;max-width:20%;max-height:20%;object-fit:fill}.enter-call{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#101720}.inner-enter-call{display:flex;align-items:center;flex-direction:column;margin-bottom:100px}.large-text{color:#fff;font-size:xx-large;font-weight:700}.small-text{color:#fff}.custom-button{height:48px;font-weight:700;padding:0 24px;border:none;font-size:17px;width:200px;background-color:#0c008a;color:#fff;cursor:pointer;border-radius:4px}.padding-bottom{padding-bottom:50px}.waiting-user{color:#fff;margin-top:30px}.online{display:flex;align-items:center;justify-content:center}.red-circle{width:10px;height:10px;border-radius:50%;background-color:red;margin-right:8px}.leave-button{height:28px;font-weight:700;border:none;font-size:14px;width:70px;background-color:red;color:#fff;cursor:pointer;border-radius:4px}.toggle-icons-container{display:flex;align-items:center}.toggle-icons{margin-right:20px;color:gray;font-size:24px}.meetingIdinput{border-radius:5px;padding:.3rem;border:1px solid lightgray;margin-right:.5rem}.meetingbtn{color:#fff;padding:.3rem;background-color:#0c008a}.textprimary{color:#0c008a;font-weight:800}