@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";html,body,#root{height:100%;width:100%;margin:0;padding:0;background-color:#ffddc1;font-family:Lato,sans-serif;font-weight:400}form{width:30vw;display:flex;flex-direction:column;align-items:center;border:#f9f9f9 solid 1px;border-radius:15px;background-color:#f9f9f9;color:#1a1a1a;box-shadow:0 4px 8px #000000de;gap:2vh}form p{text-align:left;padding:0%;margin-bottom:2%;font-size:.9rem}.loginSection input{border:none;padding-bottom:2%;border-bottom:2px solid #00B0FF;outline:none;background-color:#f9f9f9;color:#1a1a1a;width:100%;font-size:1.2rem}.loginSection{text-align:left;width:50%}h1{font-size:3rem;line-height:1.1}button{width:50%;border-radius:30px;border:1px solid transparent;padding:.6em 1.7em;font-size:1.4vh;font-weight:500;font-family:inherit;background:linear-gradient(135deg,#00b0ff,#0081bd);cursor:pointer;transition:border-color .25s;margin-bottom:5vh;transition:all .3s ease-in-out}button:hover{background:linear-gradient(135deg,#0081bd,#0071a8)}rect{pointer-events:all;fill-opacity:0;stroke-opacity:0;z-index:1}.tooltip{position:absolute;padding:10px;background-color:#e96f1f;color:#fff;border-radius:10px;display:none;opacity:.8;box-shadow:0 4px 8px #000000de}.tooltip1{position:absolute;padding:10px;background-color:#0078ff;border-radius:10px;color:#000;display:none;opacity:.8;box-shadow:0 4px 8px #000000de}#chart-containerSpo2{border:#1a1a1a;background-color:#fff;color:#000;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 4px 8px #000000de;width:100%;min-height:500px}#chart-container{border:#1a1a1a;background-color:#fff;color:#000;border:1px solid #2f2d2d;border-radius:8px;box-shadow:0 4px 8px #000000de;width:100%;min-height:500px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sidePortal{color:#000;position:fixed;top:0;left:0;bottom:0;width:18%;overflow-y:auto;height:100vh;border-right:1px solid wheat;background-color:#fff;transition:all .3s ease-in-out;box-shadow:0 4px 4px #9a9a9ade}.sidePortal ul{list-style-type:none}.sidePortal li{text-align:left;margin:5%;padding:7%;border-radius:10px;transition:all .2s ease-in-out;font-size:1.2rem}.sidePortal li:hover{background-color:#f7a665;cursor:pointer;color:#fff}.sidePortal h2{text-align:center}.sidePortal .icon{color:#f7a665}.sidePortal li:hover .icon{color:#fff}.sidePortal h1{color:#000;text-align:center;background:linear-gradient(90deg,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.4rem;font-weight:700;padding-bottom:3.4vh}.loginPageContainer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.PatientCard{line-height:1.7;transition:all .2s ease-in-out;font-size:.9rem;border-bottom:1px solid lightgrey;padding:20%}.PatientCard:hover{background-color:#0071a8;transform:scale(1.1);cursor:pointer}.landingPageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.landingPageContent{color:#1a1a1a;border:1px solid black;background-color:#fff;border-radius:10px}.attention-indicator{color:red;font-weight:700;margin-left:10px}.urgent-notification{color:#fff;font-weight:bolder;background:linear-gradient(to right,#ff005a,orange);display:flex;align-items:center;justify-content:center;height:auto;border-radius:40px;box-shadow:0 4px 8px #000000de;font-size:.8rem;text-align:center}ul{padding-left:0;list-style-type:none}.SideBar{width:20vw}.mainContent{display:flex;align-items:center;width:100%;padding-right:5%;height:60%;gap:5%;color:#000}.patientsContainer{background-color:#fff;border-radius:20px;padding:2%;height:100%;box-shadow:0 4px 4px #9a9a9ade;margin:0}.AvailableList{display:flex;flex-direction:column;width:100%;height:100%}.patientsHeader,.PatientCard{display:grid;grid-template-columns:10vw 1fr;align-items:center;gap:1rem;padding:2%}.patientsContainer h2{padding-left:2%}.patientsHeader{font-weight:700}.topRow{height:100%;width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8%}.MiddleRow{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.AlertContainer{width:50%;background-color:#fff;border-radius:20px;padding:2%;box-shadow:0 4px 4px #9a9a9ade}.BoxTopRow{display:flex;flex-direction:column;background-color:#fff;width:100%;border-radius:20px;height:100%;padding:3%;gap:3%;box-shadow:0 4px 4px #9a9a9ade}.BoxTopRow h2{display:flex;align-items:center}.BoxTopRow ul{display:flex;flex-direction:column;gap:1vh;overflow-y:scroll}.BoxTopRow ul::-webkit-scrollbar{width:8px}.BoxTopRow ul::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.BoxTopRow ul::-webkit-scrollbar-thumb{background-color:#ffddc1;border-radius:8px}.BoxTopRow .icon{font-size:large;color:#fff;background-color:#f7a665;padding:3%;border-radius:100px;margin-right:1vw}.BoxTopRow li{display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3%;margin-right:2vw;background-color:#ffddc1;box-shadow:0 4px 6px #9a9a9ade;transition:all .2s ease-in-out}.BoxTopRow li:hover{background-color:#f7a665;cursor:pointer;color:#fff}.dashboard{display:flex;width:100%;height:100%}.rightPanel{display:flex;flex-direction:column;gap:2%;width:80%;padding-left:25%;padding-right:5%}.active{background-color:#f7a665;color:#fff;border-radius:10px}.active .icon{color:#fff}.sidePortal ul li.active:hover{background-color:#f7a665;color:#fff;cursor:default}.NavTop{display:flex;position:relative;gap:2%;justify-content:end;height:10%;padding-top:2%}.BigIcon{color:#fff;font-size:1.7rem;background-color:#f7a665;padding:2%;border-radius:100px}.DashboardHeader h1{font-size:4rem}.patientDetailsContainer{width:100%;border-radius:10px;height:10%}.PatientComponentsContainer{display:flex;gap:1vw;width:100%}.PatientMainContentLeftContainer{display:flex;flex-direction:column;gap:5vh;width:100%}.PatientMainContentRightContainer{display:flex;width:50%;flex-direction:column;align-items:center}.PatientDashAlertsBoxContainer{display:flex;height:30%;flex-direction:column;align-items:center;width:100%;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #9a9a9ade}.AlertClusterContainer{overflow-y:scroll;width:80%}.alert-item{border-radius:10px;color:#000;background-color:#ffddc1;padding:5%;margin:2%;transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center;gap:2%}.alert-item:hover{background-color:#f7a665;cursor:pointer}.AlertIcon{border-radius:100px;background-color:red;color:#fff;padding:3%}.modalOverlay{position:fixed;overflow-y:scroll;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modalContent{display:flex;flex-direction:column;gap:2%;background:#fff;margin-top:50%;height:170%;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000004d;width:80%}.modalClose{background:transparent;border:none;font-size:16px;position:absolute;top:10px;right:10px;cursor:pointer}.ToggleContainer{display:flex;align-items:center;gap:1vw;height:4vh}.toggle-switch{display:flex;width:7%;height:100%}.toggle-switch input{display:flex;opacity:0;width:0;height:0;pointer-events:none;position:relative}.slider{display:flex;align-items:center;justify-content:flex-start;background-color:#ccc;transition:.4s background-color;border-radius:50px;width:100%;height:100%;z-index:1;padding:5%;transition:background-color .6s ease-in-out}.handle{width:40%;aspect-ratio:1;background-color:#fff;border-radius:50%;transition:transform .6s ease-in-out}.toggle-switch input:checked+.slider{background-color:#f7a665}.toggle-switch input:checked+.slider .handle{transform:translate(145%)}.ChatRightPanel{display:flex;flex-direction:column;height:100vh;gap:2%;width:80%;padding-left:25%;padding-right:5%}.ChatContainer{display:flex;height:80%;width:100%;gap:2%}.ChatAvailableList{display:flex;flex-direction:column;align-items:center;background-color:#fff;width:40%;height:80%;border-radius:15px}.chat-log-container{display:flex;flex-direction:column;background-color:#fff;border-radius:15px;width:100%;height:100%;padding-right:3%;padding-left:3%}.ChatPatientsContainer{display:flex;flex-direction:column;gap:1vh}.ChatPatientCard{display:flex;gap:1%;background-color:#ffddc1;border-radius:15px;padding:10%}.ChatPatientCard.active{background-color:#f7a665;color:#fff}.ChatPatientCard:hover{background-color:#f7a665}.NoMessageStylingContainer{display:flex;flex-direction:column;gap:1%;align-items:center;justify-content:center;height:100%}.MessagesContaine{display:flex;flex-direction:column;gap:4%;height:100%;overflow-y:scroll;padding-top:5%}.inputContainer{display:flex;flex-direction:column;margin-top:5%}.inputBox{padding:6%;border:0;border-top:1px solid lightgrey}.MessageButton{font-size:.9rem;border-radius:10px;width:20%;margin-left:auto}.inputBox:focus{outline:none;box-shadow:none}.chat-message{display:flex;flex-direction:column;padding:2%;border:1px solid lightgrey;border-radius:15px;width:40%;overflow-wrap:break-word;word-wrap:break-word;white-space:pre-wrap;max-width:100%;overflow-wrap:anywhere}.messageTimestamp{color:#929292;font-size:.7rem;padding-left:3%;align-self:flex-end}.chat-message.sent{background-color:#f7a665;margin-left:auto}.chat-message-wrapper{display:flex;flex-direction:column}.notification-count{background-color:#f7a665;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:12%;aspect-ratio:1;margin-left:10%;font-size:.9rem}.notification-count.mainpage{width:7%;font-size:.7rem;margin-left:2%}.AlertBellCircle{aspect-ratio:1;right:0;height:100%;width:32%;background-color:#00b0ff;border-radius:50%}.BigIcon.NotificationsBell{cursor:pointer;transition:all .3s ease-in-out;padding:20%}.BigIcon.NotificationsBell:hover{padding:25%}.notification-modal-overlay{background-color:#fff;width:30%;height:30vh;box-shadow:0 4px 8px #000000de;border-radius:15px;padding:2%}.notifications-modal{display:flex;flex-direction:column;gap:.8vh;height:90%;overflow-y:scroll}.notification-item{display:flex;align-items:center;height:25%;background-color:#ffddc1;border-radius:15px;padding:2% 2% 2% 4%;gap:5%}.notification-item p{display:flex;flex-direction:column;align-items:baseline}.small-new-message{font-size:.9rem;color:#000}.BigIcon.message-icon{font-size:2rem;padding:1%}.Unread-message{font-size:.7rem}.NotificationBellContainer{display:flex;flex-direction:column;height:100%;width:5%}.circle-container{display:flex;justify-content:end}.Notification-close{cursor:pointer;font-weight:700}.alert-triggered-banner{margin-top:2%;background-color:#00b0ff;border:1px solid red;border-radius:15px;display:flex;align-items:center;gap:1%;padding:1%;width:100%;height:100%}.alert-triggered-banner.patient-banner{background-color:#fff;border:1px solid red;gap:1%;width:100%}.BigIcon.chat{font-size:1rem}.rightPanel.patient{gap:5vh;height:100vh}.modal-close{width:auto;position:absolute;right:0;margin-right:15%}.remove-alert-button{width:20%;margin:2% 2% 2% 40%}.HRStats{display:flex;flex-direction:column;justify-content:center}.stat{font-size:1rem}.StatsContainer{display:flex;background-color:#fff;width:100%;margin-top:10%;height:16%;align-items:center;justify-content:center;border-radius:15px;gap:2%;box-shadow:0 4px 8px #000000de}