:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root,#root>div{height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primarycolor: #0A76D8;--primarycolorhover: #006dd3;--btnice: #D8EBFA;--btnnicetext: #1b62b3}body{margin:0;padding:0;border-spacing:0;font-family:Roboto,sans-serif}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#555}.input-text{border-radius:4px;border:.5px solid rgb(226,226,226);padding:10px;width:92%;transition:.2s;outline:none}.input-text{border:1px solid #e9ecef;font-size:14px;line-height:26px;display:block;width:100%;padding:.375rem .75rem;font-weight:300;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-text:hover{background-color:#fafafa;transition:.2s;outline:none}.input-text:focus{border:1px solid rgb(10,118,216);transition:.2s}.input-text::placeholder{font-family:Inter,sans-serif}.btn{cursor:pointer;padding:8px 20px;outline:none;text-decoration:none;font-size:15px;letter-spacing:.5px;transition:all .3s;border-radius:5px;font-family:Inter,sans-serif}.btn:hover{background-color:var(--primarycolorhover);box-shadow:none;transition:all .5s;font-family:Inter,sans-serif}.btn-primary{background-color:var(--primarycolor);border:1px solid var(--primarycolor);color:#fff;box-shadow:0 3px 5px #396cf04d}.btn-primary-soft{background-color:#d8ebfa;color:#1969aa;font-weight:500;font-size:16px;border:none}.btn-primary-soft:hover{background-color:var(--primarycolor);color:#fff;box-shadow:0 3px 5px #396cf04d}.btn-in-text{font-size:15px;letter-spacing:.5px}.non-style-link:link,.non-style-link:visited,.non-style-link:hover,.non-style-link:active{text-decoration:none;color:#2b2b2b}.btn-label{margin-left:10px;padding:12px;outline:none;text-decoration:none;font-size:15px;letter-spacing:.5px;transition:all .3s;border-radius:5px;background-color:#f0f0f073;border:1px solid rgba(57,108,240,.1);font-family:Inter,sans-serif}.sub-table{border:1px solid #ebebeb;border-radius:8px}.filter-container{width:92.5%;border:1px solid #ebebeb;border-radius:8px;margin-bottom:20px;border-spacing:0;padding:0}.filter-container-items{margin-top:7.5px;margin-left:20px}.table-headin{font-size:16px;font-weight:500;padding:10px;border-bottom:3px solid var(--primarycolor)}.abc{width:100%;height:550px;overflow:auto}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000000b3;transition:opacity .5s;opacity:1}.overlay:target{visibility:visible;opacity:1}.popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:50%;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333}.popup .close{position:absolute;top:20px;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:var(--primarycolorhover)}.popup .content{max-height:30%;overflow:auto}@media screen and (max-width: 700px){.box,.popup{width:70%}}input[type=search]{background-image:url(../img/search.svg);background-position:10px 50%;background-repeat:no-repeat;transition:.5s;padding:8px 20px 8px 40px}input[type=search]:focus{transition:.5s}.box{width:120px;height:30px;border:1px solid #e9ecef;font-size:14px;color:#212529;background-color:#fff;line-height:26px;font-weight:300;border-radius:.25rem;padding:.375rem .75rem;line-height:1.5;width:100%;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary-gray{background-color:#fff;border:2px solid #c9cbce9f;color:#212529d0;box-shadow:0 3px 5px #5f5f614d}.btn-primary-gray:hover{background-color:#5185ffa9;box-shadow:0 3px 5px #5f5f614d}.button-icon{background-position:10px 50%;background-repeat:no-repeat;transition:.5s;padding:8px 20px 8px 40px}.menu-btn{padding:6px;color:#3b3b3b;background-position:30% 50%;background-repeat:no-repeat;transition:.5s}.menu-text{padding-left:40%;font-weight:500;font-size:16px}.menu-active{color:var(--primarycolor);border-right:7px solid var(--primarycolor);background-color:var()}.menu-btn:hover{background-color:var(--btnice);color:var(--primarycolor)}.non-style-link-menu:link,.non-style-link-menu:visited,.non-style-link-menu:active{text-decoration:none;color:#3b3b3b}.non-style-link-menu:hover,.non-style-link-menu-active:link,.non-style-link-menu-active:visited,.non-style-link-menu-active:active{text-decoration:none;color:var(--primarycolor)}.menu-icon-dashbord{background-image:url(../img/icons/dashboard.svg)}.menu-icon-doctor{background-image:url(../img/icons/doctors.svg)}.menu-icon-schedule{background-image:url(../img/icons/schedule.svg)}.menu-icon-appoinment{background-image:url(../img/icons/book.svg)}.menu-icon-patient{background-image:url(../img/icons/patients.svg)}.menu-icon-settings{background-image:url(../img/icons/settings.svg)}.menu-icon-session{background-image:url(../img/icons/session.svg)}.menu-icon-home{background-image:url(../img/icons/home.svg)}.menu-icon-dashbord:hover,.menu-icon-dashbord-active{color:var(--primarycolor);background-image:url(../img/icons/dashboard-hover.svg)}.menu-icon-doctor:hover,.menu-icon-doctor-active{color:var(--primarycolor);background-image:url(../img/icons/doctors-hover.svg)}.menu-icon-schedule:hover,.menu-icon-schedule-active{color:var(--primarycolor);background-image:url(../img/icons/schedule-hover.svg)}.menu-icon-appoinment:hover,.menu-icon-appoinment-active{color:var(--primarycolor);background-image:url(../img/icons/book-hover.svg)}.menu-icon-patient:hover,.menu-icon-patient-active{color:var(--primarycolor);background-image:url(../img/icons/patients-hover.svg)}.menu-icon-settings:hover,.menu-icon-settings-active{color:var(--primarycolor);background-image:url(../img/icons/settings-iceblue.svg)}.menu-icon-session:hover,.menu-icon-session-active{color:var(--primarycolor);background-image:url(../img/icons/session-iceblue.svg)}.menu-icon-home:hover,.menu-icon-home-active{color:var(--primarycolor);background-image:url(../img/icons/home-iceblue.svg)}.btn-icon-back{background-image:url(../img/icons/back-iceblue.svg);background-position:18px 50%;background-repeat:no-repeat;transition:.5s;padding:8px 20px 8px 40px}.btn-icon-back:hover{background-image:url(../img/icons/back-white.svg)}.btn-edit{background-image:url(../img/icons/edit-iceblue.svg)}.btn-edit:hover{background-image:url(../img/icons/edit-white.svg)}.btn-view{background-image:url(../img/icons/view-iceblue.svg)}.btn-view:hover{background-image:url(../img/icons/view-white.svg)}.btn-delete{background-image:url(../img/icons/delete-iceblue.svg)}.btn-delete:hover{background-image:url(../img/icons/delete-white.svg)}.btn-filter{background-image:url(../img/icons/filter-iceblue.svg);background-position:15px 50%}.btn-filter:hover{background-image:url(../img/icons/filter-white.svg)}.dashboard-items{border:2px solid #c9cbce9f;border-radius:7px;color:var(--primarycolor)}.h1-dashboard{margin:0;padding:20px 0 0;font-size:25px;font-weight:600;line-height:0}.h3-dashboard{margin:0;padding:0;font-size:20px;font-weight:500;color:#212529e3}.dashboard-icons{background-color:#b8b8b83f;padding-top:30px;padding-bottom:30px;border-radius:7px;margin-left:40px;margin-right:0}.dashboard-icons-setting{background-color:#b8b8b83f;padding-top:30px;padding-bottom:30px;border-radius:7px;margin-left:5px;margin-right:20px}.setting-tabs:hover{background-color:#d6d6d657}.doctor-header{background-image:url(../img/b8.jpg);color:#000000de;background-size:100%;background-repeat:no-repeat;padding:20px 20px 20px 35px}.patient-header{background-image:url(../img/b3.jpg)}.search-items{margin:10px;width:95%;display:flex;padding:20px 20px 20px 30px;box-sizing:border-box;line-height:1.5;box-shadow:0 3px 5px #5f5f6111}.h1-search{margin:0;padding:20px 0 10px;font-size:23px;font-weight:600}.h3-search{margin:0;padding:0;font-size:15px;font-weight:500;color:#212529e3}.h4-search{margin:0;padding:0;font-size:13px;font-weight:400;color:#212529e3}.btn-book{background-image:url(../img/icons/book-balck.svg);background-position:68% 50%;background-repeat:no-repeat;transition:.5s}#root{flex:1}@keyframes transitionIn-X{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes transitionIn-Y-over{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes transitionIn-Y-bottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-screen{flex:1;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex}.landing-overlay{flex:1;background-color:#91abc175;justify-content:space-evenly;display:flex;flex-direction:column}.landing-header{flex:2.5}.landing-content{flex:7}.landing-footer{flex:.5;text-transform:uppercase;text-align:center}.header-container{display:flex;flex:1;justify-content:space-between}.header-left{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#f5f5f5}.header-left h2{color:#f5f5f5}.header-left span{text-transform:uppercase}.header-right{display:flex;flex-direction:row;justify-content:space-between}.content-container{display:flex;flex-direction:column;align-items:center;gap:10px}.content-container h1{color:#fff}.content-container span{color:#f5f5f5}.login-container{display:flex;align-items:center;justify-content:center;background-color:#dfdfdf;height:100vh}.login-card{padding:50px}.login-button{width:100%}.login-footer{text-align:center;margin-top:20px}.register-container{display:flex;align-items:center;justify-content:center;background-color:#dfdfdf;min-height:100vh}.register-card{padding:40px;max-width:800px;width:100%}.register-subtitle{margin-bottom:32px}.register-footer{text-align:center;margin-top:16px}