@import"https://fonts.googleapis.com/css2?family=Olivine&display=swap";:root{margin:0;padding:0}body{font-family:Olivine,sans-serif}.register,.get-started,.login{background:linear-gradient(to bottom,#252525,#283c64);height:100vh;width:100vw;color:#fff}.get-started img,.login img{width:80%;max-width:300px;margin-top:100px}.get-started .btn{margin-left:5%}.register img{width:80%;max-width:300px}.register .app-name,.get-started h1,.login h1{font-size:24px;text-align:center;font-weight:700}.register form label,.my-profile form label,.my-password form label,.token form label,.add-doctor form label,.login form label{margin-left:5%;font-size:16px;margin-top:8px}.register form input,.register form select,.my-profile form input,.my-profile form select,.my-password form input,.token form input,.token form select,.add-doctor form input,.login form input{width:90%;padding:10px;margin-left:5%;margin-top:5px}.submit-btn .btn,.token .btn,.my-profile .submit-btn,.my-password .submit-btn,.add-doctor .submit-btn,.login .btn{background-color:#228b22;color:#fff;border-radius:8px;font-size:16px;width:90%;margin-top:20px;padding:10px;font-weight:700}footer{position:fixed;bottom:0;left:0;width:100%;background-color:#283c64;display:flex;justify-content:space-around;align-items:center;z-index:1000;color:#fff;padding-top:5%}footer p{font-size:18px}.live .btn p,.live .btn .bi-pin-map{color:#fff}.my-profile,.my-password,.token{color:#000;font-family:Olivine,sans-serif;padding:20px;height:90vh}.my-profile .card{padding:20px;border-radius:10px;background-color:#f8f9fa}.my-profile .user-card{width:150px;height:150px;overflow:hidden;border-radius:50%;border:2px solid #ddd;margin:0 auto}.my-profile .user-card img{object-fit:cover;width:100%;height:100%}.my-profile .popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.my-profile .popup{background-color:#fff;padding:20px;border-radius:10px;width:400px;box-shadow:0 4px 6px #0000001a}.my-profile .popup .form-label{font-weight:600;color:#000}.my-profile .popup .form-control{margin-bottom:15px}.my-profile .popup button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;color:#fff}.my-profile .popup .btn:first-child{margin-right:10px}.my-profile .popup .popup-close{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}@media screen and (max-width: 768px){.user-card{width:120px;height:120px}.submit-btn .btn{font-size:14px}.my-profile .popup{width:90%}}.token{height:85vh}.my-profile form .btn,.my-password form .btn,.token form .btn,.add-doctor .btn,.login .btn{margin-left:5%;background-color:#283c64!important}.new-doctor-title{margin:10px auto}.doctor-list-container .doctor-header{margin-top:10%}.doctor-list-container .card{background-color:#d0d4d6;width:350px;height:auto}.my-password .error-message,.login .error-message,.register .error-message,.add-doctor .error-message,.token .error-message,.my-profile .error-message{font-size:14px;margin-left:20px;margin-top:2%;max-width:75%}.fa-pencil-alt{color:#fff}.my-profile .edit-btn{background-color:#283c64;position:absolute;bottom:0;right:0}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-box{background:#fff;padding:20px;border-radius:8px;width:300px;text-align:center}.popup-buttons{display:flex;justify-content:space-around;margin-top:15px}.popup-buttons .btn{padding:8px 15px;border:none;cursor:pointer;font-size:14px;border-radius:4px;background:#283c64;color:#fff}.live-tracker img{width:100px;margin-left:20%}.live-tracker .hospital-name h2{margin-top:10px;color:#283c64}.live-tracker .hospital-address p{color:#283c64;font-weight:700;font-size:14px}.reception-details .date-time{margin-top:30px;font-size:18px;font-weight:700;color:#283c64}.reception-details .request-para p{color:#e10000;width:250px;font-size:18px;font-weight:600}.reception-details .request-para{display:flex;align-content:center;justify-content:center}.live-tracker .card{background-color:#0f74af;width:85%;height:60%;color:#fff;display:flex;justify-self:center;margin-left:10px;padding-bottom:10px}.doctor-name h2{margin:5px 0}.live-tracker .next-icon{margin-top:10px;margin-right:5px}.live-tracker .next-icon p{font-weight:700;font-size:18px}.live-tracker .fa-check{font-size:18px;color:#000;padding-right:5px;padding-top:5px}.live-tracker .fa-times{font-size:18px;padding-right:5px;padding-top:5px}.live-tracker .doctor-name p{font-size:18px;font-weight:700}.live-tracker .next-icon span{font-size:18px;font-weight:400}.live-tracker .next-icon .check{display:flex;justify-content:end}.green-card{background-color:#14ba14!important;color:#fff!important;border-radius:5px}.arrived-card{background-color:#d4edda!important;border-color:#c3e6cb!important}.not-arrived-card{background-color:#f7e98f!important;border-color:#f7e98f!important}.logged-user{background-color:#4caf50!important;border-color:#388e3c!important;color:#fff!important}.logged-user h2,.logged-user p,.logged-user span{color:#fff!important}.m-t-1{margin-bottom:30px!important}.tracker-content{padding-bottom:20px;-webkit-overflow-scrolling:touch}.appointments-container{padding-bottom:80px}@media (max-width: 767px){.tracker-content{padding-left:3px;padding-right:3px}}.status-legend{margin-top:15px}.legend-item{display:flex;align-items:center;font-size:14px}.status-dot{display:inline-block;width:20px;height:20px;border-radius:4px;margin-right:5px}.available-dot{background-color:#8ae18a!important}.open-dot{background-color:#d4edda}.reserved-dot{background-color:#f7e98f}.date-filter input{width:50%}.date-filter .filter-btn{background-color:#283c64;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:25%;padding:10px 14px}.filter-btn:hover{background-color:#283c64;color:#fff}.current-user-card{background-color:#4caf50!important;color:#fff}.booked-card{background-color:#0d4e0d!important;color:#fff}.reserved-card{background-color:#f7e98f!important;color:#000!important}.onhold-card{background-color:#ad2e2a!important;color:#fff!important}.arrived-card{background-color:#795707!important;color:#fff}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.submi-cls{padding-bottom:110px!important}.status-btn{padding:8px 15px;border:none;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:background .3s ease,transform .2s ease}.status-buttons{margin-left:5px}.status-btn.arrived{background-color:#007bff;color:#fff}.status-btn.arrived:hover{background-color:#0056b3;transform:scale(1.05)}.status-btn.completed{background-color:#28a745;color:#fff}.status-btn.completed:hover{background-color:#1e7e34;transform:scale(1.05)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:5px;width:400px;position:relative}.close{position:absolute;top:10px;right:15px;cursor:pointer;font-size:20px}