:root{--main-color-gray:#efefef}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.App{background-color:#fff;color:#070707;color:var(--main-color-black);font-family:Avenir,Helvetica,Arial,sans-serif;min-height:100vh;width:100%}.components,.container{align-items:center;display:flex;flex-direction:column;width:100%}.container{margin-top:2em;padding:2em}.doctors{display:flex;flex-wrap:wrap;justify-content:space-evenly;list-style:none;width:100%}.doctor a{align-items:center;color:#070707;color:var(--main-color-black);display:flex;flex-direction:column;justify-content:center;text-decoration:none}.doctor a:hover{box-shadow:0 0 10px rgba(0,0,0,.1);text-decoration:underline;-webkit-transform:scale(1.05);transform:scale(1.05)}.doctor img{width:100%}.back-button,.next-button{display:none}.meet-our-doctor{text-align:center}.meet-our-doctor h2{font-size:2em;font-weight:600}.meet-our-doctor p{color:gray;font-size:1em;font-weight:300}.logout-button{background-color:#97bf0f;background-color:var(--main-color-green);border:none;border-radius:20px;color:#fff;cursor:pointer;margin:1em;outline:none;padding:1em;position:absolute;right:0;text-align:center;top:0;width:100px;z-index:1}@media (min-width:768px){.components{left:220px;padding-top:2em;position:relative;top:0;width:calc(100% - 220px)}.container{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;position:relative;width:100%}.back-button,.next-button{align-items:center;cursor:pointer;display:block;justify-content:center;padding:1em;position:fixed;top:50%;width:55px}.back-button{background-color:#d3d3d3;border:none;border-bottom-right-radius:20px;border-top-right-radius:20px;left:220px;outline:none}.next-button{background-color:#97bf0f;background-color:var(--main-color-green);border:none;border-bottom-left-radius:20px;border-top-left-radius:20px;outline:none;right:0}.next-button .play-icon{color:#efefef}.back-button .play-icon{color:#fff;rotate:180deg}.doctor{padding:1em;width:45%}}:root{--main-color-green:#97bf0f;--main-color-gray:#f1f1f1;--main-color-black:#070707}.logo img{width:150px}.logo img,.navigations{display:none}.navigations.active{background-color:#f1f1f1;background-color:var(--main-color-gray);border-bottom-right-radius:25px;border-top-right-radius:25px;display:block;height:calc(100vh - 50px);position:fixed;top:50px}.nav-item{height:40px}.nav-item,.nav-item a{align-items:center;display:flex;width:100%}.nav-item a{color:#000;font-weight:700;height:100%;padding:1em;text-decoration:none}.nav-item a:hover{background-color:#d3d3d3}.nav-item a.active-link{align-items:center;color:#97bf0f;color:var(--main-color-green);display:flex;font-weight:700;height:100%;padding:1em;width:100%}.inactive-link{color:#f1f1f1;color:var(--main-color-gray)}.menu-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:.5em;height:40px;justify-content:center;left:0;padding:.5em;position:absolute;top:0;width:40px}.menu-toggle span{background-color:#070707;background-color:var(--main-color-black);display:block;height:10px;width:100%}@media (min-width:768px){.navbar{border-right:1px solid #f1f1f1;border-right:1px solid var(--main-color-gray);box-shadow:0 0 10px rgba(0,0,0,.1);height:100vh;left:0;padding:1em 0 1em 1em;position:fixed;top:0;width:220px}.menu-toggle{display:none}.logo img{display:block}.navigations{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none;margin-top:4em;padding:0;width:100%}.navigations.active{background-color:initial;display:block;height:auto;position:relative;top:0}.nav-item a.active-link{background-color:#97bf0f;background-color:var(--main-color-green);color:#f1f1f1;color:var(--main-color-gray)}}.reservation-list-container{margin:0 auto;max-width:100%}.reservation-list{list-style:none;padding:0}.reservation-item{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin:10px 0;padding:25px}.doctor-name{font-weight:700}.reservation-date{font-style:italic}.location{color:#555}.delete-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.delete-button:hover{background-color:#c9302c}.no-reservation{align-items:center;display:flex;height:60vh;justify-content:center}.add-doctors-container{align-items:center;display:flex;flex-direction:column;padding:2em;width:100%}.add-doctors-container h2{font-size:2em;font-weight:600}.add-doctors-container p{font-size:1em;font-weight:400}.add-doctors-container form{align-items:center;display:flex;flex-direction:column;width:100%}.add-doctors-container form button,.add-doctors-container form input{border:1px solid var(--main-color-black);border-radius:5px;margin:10px 0;padding:10px;width:50%}.add-doctors-container form button{background-color:var(--main-color-green);color:var(--main-color-gray);font-weight:600}.add-doctors-container form button:hover{background-color:var(--main-color-white);color:var(--main-color-black);cursor:pointer}.reservation-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;width:100%}.reservation-container h2{font-size:2em;font-weight:600;margin-bottom:1rem}.reservation-container .reservation-form{align-items:flex-start;display:flex;height:100%;justify-content:space-evenly;padding:0 2rem;width:100%}.reservation-container .reservation-form .select-option-container{display:flex;flex-direction:column;justify-content:space-evenly;width:45%}.reservation-container .reservation-form .select-option-container .select-option{border:1px solid var(--main-color-black);border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;margin:10px 0;padding:10px;width:100%}.reservation-container .reservation-form .select-option-container .select-option .option{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:100%}.reservation-container .reservation-form .input-field-container{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:45%}.reservation-container .reservation-form .input-field-container button,.reservation-container .reservation-form .input-field-container input{border:1px solid var(--main-color-black);border-radius:5px;margin:10px 0;padding:10px;width:100%}.reservation-container .reservation-form .input-field-container button{background-color:var(--main-color-green);color:var(--main-color-gray);font-weight:600}.reservation-container .reservation-form .input-field-container button:hover{background-color:var(--main-color-black);color:var(--main-color-gray);cursor:pointer}.delete-doctor{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 80px);padding:0 2rem;width:100%}.delete-doctor h2{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.delete-doctor ul{list-style:none;margin:0;padding:0;width:75%}.delete-doctor ul li{align-items:center;border-radius:.5rem;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 2rem;width:100%}.delete-doctor ul li p{font-size:1.5rem;font-weight:400}.delete-doctor ul li button{background:#f44336;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:.5rem 1rem}.delete-doctor ul li button:hover{background:#ff5722}.no-doctors{align-items:center;display:flex;height:60vh;justify-content:center}.doctor-details-container{align-items:center;border-radius:5px;display:flex;flex-direction:column;padding:5em 20px 20px;width:100%}.doctor-image-container{flex:0 0 65%;padding-right:20px}.doctor-image{height:auto;max-width:100%;width:100%}.doctor-info-container{flex:1 1}.doctor-name{font-size:1.5rem;margin-bottom:10px}.doctor-details{font-size:1rem}.doctor-details p{margin:5px 0}.reserve-btn{background-color:var(--main-color-green);border:1px solid var(--main-color-black);border-radius:5px;color:var(--main-color-gray);font-weight:600;margin:10px 0;padding:10px;width:50%}.reserve-btn:hover{cursor:pointer}@media (min-width:768px){.doctor-details-container{align-items:center;border-radius:5px;display:flex;flex-direction:row;padding:20px;width:100%}}.login-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2em;width:100%}.login-container h2{font-size:2em;font-weight:600}.login-container p{font-size:1em;font-weight:400}.login-container form{align-items:center;display:flex;flex-direction:column;width:100%}.login-container form button,.login-container form input{border:1px solid var(--main-color-black);border-radius:5px;margin:10px 0;padding:10px;width:50%}.login-container form button{background-color:var(--main-color-green);color:var(--main-color-gray);font-weight:600}.login-container form button:hover{background-color:var(--main-color-white);color:var(--main-color-black);cursor:pointer}.login-container a{color:var(--main-color-green);font-weight:600;text-decoration:none}.login-container a:hover{text-decoration:underline}.login-container .error{color:red;font-size:.8em;font-weight:600}
/*# sourceMappingURL=main.60182f50.css.map*/