@charset "UTF-8";.cancelscreen-Container{display:flex;justify-content:center;align-items:center}.cancelscreen-Popmenu{background-color:var(--green-background);border:var(--green-border);color:var(--green-text-colour);box-shadow:var(--green-tableDiv-box-shadow);margin:1rem;padding:1rem;border-radius:1.5rem}.cancelscreen-Popmenu p,span{margin:.5rem 1rem;text-align:start}.cancelscreen-Popmenu span{font-size:13px;color:gray}.cancelscreen-Popmenu textarea{margin:.5rem;width:15rem;height:5rem;background-color:var(--green-button-text-colour);resize:vertical;row-gap:4;column-gap:50;display:block}.cancelscreen-buttonDiv{display:flex;justify-content:space-between;align-items:center;margin:1rem}.szh-menu{margin:0;padding:0;list-style:none;box-sizing:border-box;width:max-content;z-index:100;border:1px solid rgba(0,0,0,.1);background-color:#fff}.szh-menu:focus{outline:none}.szh-menu__arrow{box-sizing:border-box;width:.75rem;height:.75rem;background-color:#fff;border:1px solid transparent;border-left-color:#0000001a;border-top-color:#0000001a;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translate(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translate(-50%) rotate(45deg)}.szh-menu__item{cursor:pointer}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:#ebebeb}.szh-menu__item--focusable{cursor:default;background-color:inherit}.szh-menu__item--disabled{cursor:default;color:#aaa}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{margin:0;padding:0;list-style:none}.szh-menu__divider{height:1px;margin:.5rem 0;background-color:#0000001f}.szh-menu-button{box-sizing:border-box}.szh-menu{-webkit-user-select:none;user-select:none;color:#212529;border:none;border-radius:.25rem;box-shadow:0 3px 7px #0002,0 .6px 2px #0000001a;min-width:10rem;padding:.5rem 0}.szh-menu__item{display:flex;align-items:center;position:relative;padding:.375rem 1.5rem}.szh-menu-container--itemTransition .szh-menu__item{transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";position:absolute;left:.8rem;top:.55rem;font-size:.8rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{position:absolute;left:.8rem}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}@keyframes szh-menu-show-zoom{0%{opacity:.1;transform:scale(.95)}}@keyframes szh-menu-hide-zoom{to{opacity:.1;transform:scale(.95)}}.szh-menu--state-opening{animation:szh-menu-show-zoom .125s ease-out}.szh-menu--state-closing{animation:szh-menu-hide-zoom .125s ease-in forwards}.szh-menu--dir-left.szh-menu--align-start{transform-origin:right top}.szh-menu--dir-left.szh-menu--align-center{transform-origin:right center}.szh-menu--dir-left.szh-menu--align-end{transform-origin:right bottom}.szh-menu--dir-right.szh-menu--align-start{transform-origin:left top}.szh-menu--dir-right.szh-menu--align-center{transform-origin:left center}.szh-menu--dir-right.szh-menu--align-end,.szh-menu--dir-top.szh-menu--align-start{transform-origin:left bottom}.szh-menu--dir-top.szh-menu--align-center{transform-origin:center bottom}.szh-menu--dir-top.szh-menu--align-end{transform-origin:right bottom}.szh-menu--dir-bottom.szh-menu--align-start{transform-origin:left top}.szh-menu--dir-bottom.szh-menu--align-center{transform-origin:center top}.szh-menu--dir-bottom.szh-menu--align-end{transform-origin:right top}.tempLoginBackPage{display:flex;justify-content:center;align-items:center}.tempLoginFrontPage{border:2px solid lightblue;padding:2em;margin:2em;border-radius:1em;width:100%;background-color:#f9fafb}.app-container{min-height:100vh;background-color:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;font-family:Inter,sans-serif}.main-card{width:clamp(18rem,50vw,100%);max-width:42rem;background-color:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 10px 15px #0000001a;text-align:center}.main-card h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.main-card p{color:#4b5563}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px #00000040;width:100%;max-width:56rem;position:relative;transform:scale(1);transition:transform .3s ease-out}.modal-close-button{position:absolute;top:1rem;right:1rem;padding:.5rem;border-radius:9999px;background-color:#f3f4f6;color:#4b5563;border:none;cursor:pointer;z-index:10;transition:background-color .2s}.modal-close-button:hover{background-color:#e5e7eb}.demo-message-content{padding:2rem;display:flex;flex-direction:column;gap:2rem;max-height:80vh;overflow-y:auto}.title-primary{font-size:1.875rem;font-weight:700;color:#4f46e5}.intro-text{color:#4b5563;border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-top:.5rem}.section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:1.5rem;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;margin-bottom:1rem}.section-intro-text{color:#4b5563;margin-bottom:1.5rem}.tech-grid{display:grid;gap:1rem}.tech-card{padding:1rem;border-radius:.5rem;border-left-width:4px;box-shadow:0 4px 6px #0000001a}.flex-center-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.card-text{font-size:.875rem;color:#374151}.tech-card-indigo{background-color:#eef2ff;border-color:#6366f1}.icon-indigo{color:#4f46e5}.card-title-indigo{font-weight:700;font-size:1.125rem;color:#4338ca}.tech-card-green{background-color:#f0fdf4;border-color:#22c55e}.icon-green{color:#16a34a}.card-title-green{font-weight:700;font-size:1.125rem;color:#15803d}.tech-card-yellow{background-color:#fffbeb;border-color:#f59e0b}.icon-yellow{color:#d97706}.card-title-yellow{font-weight:700;font-size:1.125rem;color:#b45309}.capability-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.capability-list li{display:flex;align-items:flex-start;color:#4b5563}.list-icon{color:#6366f1;width:1.25rem;height:1.25rem;margin-right:.75rem;flex-shrink:0}.disclaimer-box{background-color:#fee2e2;border-left:4px solid #ef4444;padding:1rem;border-radius:.5rem}.disclaimer-title{font-size:1.25rem;font-weight:600;color:#b91c1c;margin:0}.icon-red{color:#dc2626;width:1.5rem;height:1.5rem;margin-right:.5rem}.disclaimer-text{margin-top:.5rem;font-size:.875rem;color:#991b1b}.role-selection-card{display:flex;justify-content:center;align-items:center;height:80dvh}:root{--green-header: #1B3124;--green-background: #122118;--green-border: 1px solid #366348;--green-tableDiv-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--green-button-text-colour: #96C5A9;--green-button-text-colour-hover: #719f83;--green-text-colour: #FFFFFF;--green-table-tr: #2a4936}*{margin:0;padding:0;font-family:Inter,Noto Sans,sans-serif;scrollbar-width:thin}body{color:var(--green-text-colour);background-color:var(--green-background)}img{background-color:var(--green-button-text-colour)}.app-layout{display:grid;grid-template-columns:3.7rem 1fr;grid-template-rows:3.35rem auto;min-height:100vh}.app-layout.no-sidebar{grid-template-columns:1fr}.content{grid-row:2}.leftsliter-container{z-index:1000;grid-row:2;grid-column:1}.leftsliter-modifier{display:flex;flex-direction:column}.leftsliter-subcontainer,.leftsliter-container,.header-container{background-color:var(--green-button-text-colour)}.leftSilter-Bns{display:flex;align-items:center;cursor:pointer;padding:10px 5px;margin:5px;background-color:transparent;border-radius:20px;border:0;transition:color .5s}.leftSilter-Bns:hover{background-color:var(--green-button-text-colour-hover)}.leftSilter-icon{width:25px;height:25px;margin-right:10px;margin-left:5px;background-color:transparent}.leftsliter-container span{display:none;font-size:15px}.leftSilter-Bns :hover{color:#fff}.leftsliter-container:hover span{display:block}.header-container{grid-column:1/-1;z-index:1000;display:flex;align-items:center;justify-content:space-between}.header-titleDiv{display:flex;align-items:center}.header-title{font-size:clamp(1.8rem,calc(7vw+1rem),5rem);color:#000;font-size:800;cursor:pointer}.header-title:hover{text-decoration-line:underline;text-decoration-style:solid}.header-LinkContainer,.header-Links{display:flex;align-items:center}.header-Links p{padding:0 1em}.header-Links a{text-decoration:none;color:#000}.header-Links a.logBn{padding:.6rem;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;background-color:var(--green-header);border:var(--green-border);text-decoration:none;font-size:.9em}.header-Links a.logBn:hover{background-color:var(--green-button-text-colour-hover);color:#000}.header-LoginContainer button{padding:.6rem;margin:0 .5rem;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.header-LoginContainer button.blue{background-color:var(--green-header);border:var(--green-border)}.header-LoginContainer button.blue:hover{background-color:var(--green-button-text-colour-hover);color:#000}.header-LoginContainer button.red{margin-right:30px;background-color:var(--green-header);border:var(--green-border)}.header-LoginContainer button.red:hover{background-color:var(--green-button-text-colour-hover);color:#000}.logo{cursor:pointer;aspect-ratio:1/1;width:50px}.header-LogoutContainer{padding:0 1em}.userprofileBn{background-color:transparent;border:0;cursor:pointer}.userprofileBn,.userprofilelogo{height:50px;aspect-ratio:1/1}.header-LogoutMenuItem{padding:1em}.header-LogoutMenuItem:hover{background-color:var(--green-button-text-colour-hover);font-weight:700}.header-LogoutMenuItem a{text-decoration:none;color:inherit}.page404Div{display:flex;justify-content:center;align-items:center;height:80dvh}.generalButton{padding:.6rem;margin:0 .6rem;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;background-color:var(--green-header);border:var(--green-border);height:2.5rem}.generalButton:hover{background-color:var(--green-button-text-colour-hover);color:#000}.main-container{flex:1;padding:2.5rem 1rem}.loadingScreenDiv{display:flex;justify-content:center;align-items:center;height:70dvh;border:var(--green-border);border-radius:2em}.loadingScreenDiv h1{color:var(--green-text-colour)}:root{--appointment-table-width: 85%}.patientmodifer-formcontainer-field select{padding:5px;font-size:13px}.appointment-titleDiv{display:flex;justify-content:space-around;align-items:center;width:100%;padding:1rem;margin:1rem;width:var(--appointment-table-width)}.appointment-titleDiv h3{font-size:1.5em}.appointment-dateDiv{border-radius:12px;box-shadow:var(--green-tableDiv-box-shadow);display:flex;justify-content:space-around;align-items:center;width:200px;-webkit-user-select:none;user-select:none}.appointment-dateDiv input{color:var(--green-text-colour);padding:.2rem;border-radius:1rem;background-color:var(--green-background);border:0;font-size:1em}.appointment-date{width:45%;cursor:pointer;margin-top:.5em}.appointment-date::-webkit-calendar-picker-indicator{opacity:0;position:absolute;width:0;height:0;cursor:pointer}.appointment-dateDiv span{font-size:2em;color:var(--green-button-text-colour);cursor:pointer;margin-bottom:.25em}.appointment-dateDiv span:hover{color:#fff}.appointment-date-title{margin-right:15px}.appointment-table th{border:0}.appointment-centerLine{margin:2.5rem 0;color:#366348}.appointment-TableTitleDiv{display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.listofpatient-Container{color:var(--green-text-colour)}.appointment-tableDiv{overflow-x:auto;border-radius:12px;margin-bottom:5rem;box-shadow:var(--green-tableDiv-box-shadow);border:var(--green-border);width:var(--appointment-table-width)}.appointment-tableDiv button{padding:.2em;margin:.2em}.appointment-tableDiv button.bookBn{cursor:pointer}.appointment-tableDiv button.bookBn:hover{background-color:var(--green-button-text-colour-hover);color:#000;border-radius:10px;text-decoration:underline}.appointment-tableDiv button.exriedBn{cursor:not-allowed!important}.appointment-adjustment{margin-bottom:0;width:100%}.appointment-tableDiv table{border-collapse:collapse;width:100%}.appointment-tableDiv thead{background-color:var(--green-header)}.appointment-tableDiv th,td{padding:1rem}.appointment-tableDiv tbody{background-color:var(--green-background)}.appointment-tableDiv tbody tr{transition:background-color .2s ease}.appointment-tableDiv tbody tr:hover{background-color:var(--green-table-tr)}.appointment-tableDiv td.changecolour{color:var(--green-button-text-colour)}.appointment-tableDiv td button{background-color:transparent;color:var(--green-button-text-colour);border:0;font-weight:700;font-size:1rem}.appointment-tableDiv td button:hover{cursor:pointer}.hero-container{container-type:inline-size;display:flex;justify-content:center}.hero-inner{padding:1rem;width:60%}@container (min-width: 480px){.hero-inner{padding:1rem}}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:480px;padding:1rem;background-image:linear-gradient(#0000001a,#0006),url(/assets/green-hospital-CNY9LGOs.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0}@container (min-width: 480px){.hero-content{gap:2rem;border-radius:.75rem}}.hero-text{text-align:center;display:flex;flex-direction:column;gap:.5rem}.hero-text h1{color:#fff;font-size:2.25rem;font-weight:900;line-height:1.2;letter-spacing:-.033em}@container (min-width: 480px){.hero-text h1{font-size:3rem}}.hero-text h2{color:#fff;font-size:.875rem;font-weight:400;line-height:1.5}@container (min-width: 480px){.hero-text h2{font-size:1rem}}.hero-button{display:flex;align-items:center;justify-content:center;min-width:84px;max-width:480px;height:2.5rem;padding:0 1rem;background-color:var(--green-header);border:var(--green-border);color:var(--green-text-colour);font-size:.875rem;font-weight:700;border-radius:.5rem;overflow:hidden;cursor:pointer;letter-spacing:.015em}.hero-button:hover{background-color:var(--green-button-text-colour-hover);color:#000}@container (min-width: 480px){.hero-button{height:3rem;padding:0 1.25rem;font-size:1rem}}.hero-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-wrapper{display:flex;justify-content:center}.footer-container{display:flex;flex:1;flex-direction:column;max-width:960px}.footer-content{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 1.25rem;text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}@media (min-width: 480px){.footer-links{flex-direction:row;justify-content:space-around}}.footer-links a{color:var(--green-button-text-colour);font-size:1rem;font-weight:400;line-height:1.5;min-width:10rem;text-decoration:none}.footer-content p{color:var(--green-button-text-colour);font-size:1rem;font-weight:400;line-height:1.5}.loginpage-container{display:flex;justify-content:center;align-items:center;height:80dvh}.login-container{width:100%;max-width:350px;padding:2rem;background-color:var(--green-background);border:var(--green-border);border-radius:12px;box-shadow:0 8px 24px #0003}.login-container span{margin:20px 0;text-align:center}.login-form{display:flex;flex-direction:column;background-color:var(--green-background)}.login-form h2{text-align:center;margin-bottom:1.5rem;color:var(--green-text-colour)}.login-form input,select{padding:.75rem;margin-bottom:1rem;border:var(--green-border);border-radius:8px;font-size:1rem;background-color:var(--green-button-text-colour)}.login-form button{padding:.75rem;color:var(--green-text-colour);border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.login-form button.blue{background-color:var(--green-header);border:var(--green-border)}.login-form button.blue:hover{background-color:var(--green-button-text-colour-hover);color:#000}.login-form button.red{background-color:var(--green-header);border:var(--green-border)}.login-form button.red:hover{background-color:var(--green-button-text-colour-hover);color:#000}.login-form a{text-align:end;margin:10px 0;color:var(--green-button-text-colour)}.login-form a:hover{color:var(--green-button-text-colour-hover)}@media (max-width: 768px){.login-container{margin:1rem;padding:1.5rem}.login-form h2{font-size:1.5rem}.login-form input,.login-form button{font-size:.95rem}}@media (max-width: 480px){.login-container{padding:1rem}.login-form h2{font-size:1.25rem}.login-form input,.login-form button{font-size:.9rem;padding:.6rem}}@media (min-width: 1025px){.hide-on-widedesktop{display:none!important}.show-on-widedesktop{display:block!important}.leftsliter-container:hover{width:max-content!important}.medicine-add{width:100%!important}.medicine-routine{padding:.4rem .2rem!important}.medicineMorning:checked~span{padding:.54em 1.9em!important}.medicineAfternoon:checked~span{padding:.53em 1.5em!important}.medicineNight:checked~span{padding:.54em 2.5em!important}.medicineBefore:checked~span{padding:.54em .8em!important}.medicineAfter:checked~span{padding:.54em 1.2em!important}}@media (max-width: 1024px){.hide-on-laptop{display:none!important}.show-on-laptop{display:block!important}.leftsliter-container:hover{width:max-content!important}.medicine-add{width:100%!important}.medicine-routine{padding:.4rem .2rem!important}.medicineMorning:checked~span{padding:.54em 1.9em!important}.medicineAfternoon:checked~span{padding:.53em 1.5em!important}.medicineNight:checked~span{padding:.54em 2.5em!important}.medicineBefore:checked~span{padding:.54em .8em!important}.medicineAfter:checked~span{padding:.54em 1.2em!important}}@media (max-width: 768px){.hide-on-table{display:none!important}.show-on-table{display:block!important}.leftsliter-container:hover{width:max-content!important}.popup-content{margin-top:10rem!important}}@media (max-width: 640px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.generalButton{margin-right:.5rem!important}.leftsliter-container{position:fixed;left:0;bottom:0;right:0;width:100%}.leftsliter-modifier{flex-direction:row!important;justify-content:center}.leftsliter-subcontainer{display:flex}.leftsliter-container:hover span{display:none}.leftsliter-container:hover{width:auto!important}.content{grid-column:1 /-1}.hero-button{font-size:.6rem}.listofpatient-Container{margin:1rem!important}.appointment-titleDiv{flex-direction:column!important;padding:.5rem;margin:.5rem}.appointment-titleDiv h3{font-size:1em}.listofpatient-table-title{font-size:1rem!important;margin:.5em!important}.listofpatient-titleDiv{margin-bottom:1rem}.cancelscreen-Popmenu{padding:.5rem;margin:.5rem}.medicineListDiv{margin:1rem}.no-medicine-error{padding:1em!important}.medicine-Container{margin-bottom:5rem}.medicine-detailscontainer{flex-direction:column!important}.medicine-subContainer{width:85%;padding:.5em!important;margin:.5rem!important}.card{padding:.5rem!important}.appointment-TableTitleDiv{padding:0 .5rem}.popup-content{margin-top:4rem!important}.medicine-add{padding:.5rem!important;width:16rem!important;overflow-y:auto}.medicine-add-field{flex-direction:column!important}.medicine-add-togglers{display:flex}.medicine-add-routine{justify-content:center!important}.medicine-add-title{padding:.2rem!important;margin:.2rem!important}.medicine-add-field input{font-size:.8em!important}.medicine-add-subtitle,.form-span{font-size:.8em}.medicine-routine{height:1rem!important;padding:.4rem .2rem!important}.medicineMorning:checked~span{padding:.54em 2.58em!important}.medicineAfternoon:checked~span{padding:.53em 2.22em!important}.medicineNight:checked~span{padding:.54em 3.22em!important}.medicineBefore:checked~span{padding:.54em 1.2em!important}.medicineAfter:checked~span{padding:.54em 1.46em!important}.patientmodifer-container-title{font-size:1.2rem}.patientmodifer-formcontainer{width:75%!important}.cancelscreen-Container{margin-top:8rem}.medicine-title-div{flex-direction:column;justify-content:center}.role-selection-card{margin:1rem}.main-card h1{font-size:1rem}.main-card p{font-size:.8rem}.tempLoginFrontPage{padding:1em;margin:.2em}.demoLoginBns{margin:1em}}:root{--fullpage-padding: 1rem}.receipt-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;color:#000}.receipt-container{background-color:#fff;max-width:800px;min-height:1100px;width:98%;padding:10px;border-radius:.5rem;box-shadow:0 8px 24px #0000001a;position:relative;z-index:-1}.receipt-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;padding:var(--fullpage-padding);position:absolute;top:0;right:0;left:0;border-bottom:1px solid #ccc}.clinic-info{display:flex;gap:16px}.clinic-icon{background-color:transparent;aspect-ratio:1/1;height:60px}.receipt-hospitalDetails h1{font-size:24px;color:#000}.receipt-hospitalDetails p{margin-top:8px;color:#666;font-size:12px}.receipt-title h2{margin:0;font-size:20px;color:#000}.receipt-title p{margin-top:8px;color:#666;font-size:.7em;text-align:end}.info-section{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:6rem;padding:var(--fullpage-padding)}.info-section h3{margin-bottom:16px;border-bottom:1px solid #ccc;padding-bottom:8px;color:#444}.info-section p{margin:6px 0;color:#333}.prescription-section{margin-top:32px;padding:var(--fullpage-padding)}.prescription-section h3{text-align:center;margin-bottom:16px;font-size:22px;color:#222}.prescription-section table{width:100%;border-collapse:collapse;margin-top:8px}.prescription-section thead{background-color:#f5f5f5;color:#000}.prescription-section th{padding:12px;border-bottom:1px solid #ddd;font-size:14px}.prescription-section td{padding:12px;border-bottom:1px solid #ddd;font-size:14px;color:#000}.prescription-section tbody tr:hover{background-color:#f9f9f9}.receipt-footer{margin-top:24px;text-align:center;border-top:2px solid #e0e0e0;padding-top:24px;padding:var(--fullpage-padding);position:absolute;bottom:30px;right:0;left:0}.receipt-footer p{color:#666;font-size:14px}.print-button{background-color:var(--green-button-text-colour);border:var(--green-border);font-weight:700;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .3s ease;margin-bottom:1rem}.print-button:hover{background-color:var(--green-button-text-colour-hover);color:#000}.print-button img{aspect-ratio:1/1;height:30px;background-color:transparent}.medicine-Container{display:flex;justify-content:center;align-items:center;flex-direction:row}.medicine-subContainer{padding:25px;margin:1rem;border-radius:20px;box-shadow:var(--green-tableDiv-box-shadow);border:var(--green-border);position:relative}.medicineTableprintpdf{position:absolute;right:25px;z-index:2}.medicine-title-div{display:flex;justify-content:space-between;align-items:center;margin:1em}.medicine-title-div button{width:10em}.medicine-title{text-align:center;padding:5px;margin:20px 5px}.medicine-subContainer table{width:100%}.medicine-table-title{text-align:start;margin:15px}.medicine-table-bn{height:2rem;width:2rem;display:flex;justify-content:center;align-items:center}.medicine-table-icon{height:2rem;width:2rem}.medicine-subContainer tr,td{text-align:center}.medicine-detailscontainer{display:flex;gap:2rem;flex-wrap:wrap}.medicine-table-field{display:flex;width:max-content;padding:5px;margin:5px}.medicine-table-field p{margin:5px}.medicine-add{padding:25px;margin:10px;border-radius:20px;width:clamp(20rem,55vw,50rem);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:var(--green-tableDiv-box-shadow);border:var(--green-border);background-color:var(--green-background)}.medicine-add-field{display:flex;justify-content:space-between;align-items:center;padding:5px;margin:5px}.medicine-add-routine{display:flex;flex-wrap:wrap;justify-content:end}.medicine-routine{border:2px solid lightblue;border-radius:.5em;position:relative;display:flex;align-items:center;justify-content:center;margin:.5rem;padding:.5rem 2.5rem;width:100%;height:100%}.medicine-routine input{width:clamp(10px,20px,30px);height:clamp(10px,20px,30px);z-index:2;opacity:0;cursor:pointer}.medicine-routine span{position:absolute;-webkit-user-select:none;user-select:none}.routine-checked:checked~span{background-color:#85a5ff;border:solid #3d44ff;color:#000;margin:0 1em;border-radius:.5em}.medicineMorning:checked~span{padding:.3em 1.6em}.medicineAfternoon:checked~span{padding:.3em 1.2em}.medicineNight:checked~span{padding:.3em 2.2em}.medicineBefore:checked~span{padding:.3em 1.9em}.medicineAfter:checked~span{padding:.3em 2.3em}.medicineAfternoon:checked~span{background-color:#85a5ff;border:solid #3d44ff;color:#000;margin:0 1em;padding:.3em 1.2em;border-radius:.5em}.medicine-add-field input{font-size:14px;margin-bottom:0;padding:.4em;border-radius:.5rem}.medicine-add-title{text-align:center;padding:10px;margin:10px}.medicine-error-massage{font-size:25px}.no-medicine-error{font-size:25px;box-shadow:var(--green-tableDiv-box-shadow);border:var(--green-border);text-align:center;padding:2em;border-radius:20px}.medicine-details{border-radius:10px;margin:5px;display:flex;box-shadow:0 8px 24px #0003}.medicine-add-bnD{display:flex;justify-content:space-around;margin:1rem 0}.card{border-radius:.75rem;padding:1.5rem;box-shadow:var(--green-tableDiv-box-shadow);border:var(--green-border)}.card-title{font-size:1rem;font-weight:600;color:var(--green-button-text-colour);margin-bottom:.5rem}.card-content{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.9em;font-weight:500;color:var(--green-button-text-colour)}.value{font-size:.9em;color:var(--green-text-colour)}.medicineListDiv{width:90%;padding:1rem;border-radius:1rem;display:flex;flex-direction:column;border:var(--green-border);box-shadow:var(--green-tableDiv-box-shadow)}.medicineList{padding:.5rem 0}.medicineList summary{cursor:pointer;padding:1rem;border-radius:1rem}.medicineList summary:hover{background-color:var(--green-header)}.medicineList details{border-radius:1rem;box-shadow:var(--green-tableDiv-box-shadow)}.medicineList details[open] summary{background-color:var(--green-header);color:var(--green-button-text-colour);font-weight:700}.mobileversion{margin-bottom:4em;display:none}.mobileversion-card{box-shadow:var(--green-tableDiv-box-shadow);border:var(--green-border);border-radius:1rem;padding:.5rem;margin-bottom:1em;width:15em}.mobileversion-errorcard{box-shadow:var(--green-tableDiv-box-shadow);border:var(--green-border);border-radius:1rem;padding:1.5rem .6rem;width:14em}.mobileversion-title-div{background-color:var(--green-header);padding:1rem;border-radius:1rem}.mobileversion-docedu{font-size:.8em;margin-top:.5em}.mobileversion-details-div{padding:1rem;font-size:.9em}.mobileversion-details-div p{margin-bottom:.5em}.mobileversion-isAfter{text-align:end;margin:.2em .5em}.mobileversion-actions{display:flex;align-items:center;justify-content:end;gap:.75rem}.mobileversion-btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;transition:background-color .2s;border:none;cursor:pointer;transition:all .3s ease}.mobileversion-btn-edit{background-color:var(--green-header);color:#f1f5f9}.mobileversion-btn-edit:hover{background-color:var(--green-button-text-colour-hover)}.mobileversion-btn-delete{background-color:var(--green-header);color:#dc2626}.mobileversion-btn-delete:hover{background-color:var(--green-button-text-colour-hover)}.mobileversion-icon{height:1em;width:1em;background-color:var(--green-header);transition:all .3s ease}.mobileversion-btn-edit:hover .mobileversion-icon,.mobileversion-btn-delete:hover .mobileversion-icon{background-color:var(--green-button-text-colour-hover)}.listofpatient-Container{display:flex;flex-direction:column;align-items:center;background-color:#122118;margin:2rem 1rem}.listofpatient-table-title{margin:15px;font-size:1.5rem}.listofpatient-titleDiv{display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:var(--appointment-table-width);margin:1rem}.listofpatient-titleDiv p{padding:.6rem;margin:0 .5rem;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;background-color:var(--green-header);border:var(--green-border)}.listofpatient-titleDiv p:hover{cursor:pointer;background-color:var(--green-button-text-colour-hover);color:#000}.patientmodifer-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.patientmodifer-container-title{margin:20px;font-size:clamp(1.8rem,calc(7vw+1rem),5rem)}.patientmodifer-formcontainer{padding:25px;margin:10px;text-align:center;background-color:var(--green-background);border:var(--green-border);border-radius:12px;box-shadow:0 8px 24px #0003;width:clamp(20rem,50vw,425px)}.patientmodifer-formcontainer-field{padding:.5rem 0;margin:10px;display:flex;justify-content:space-between;align-items:center}.appointmentModifer-DocName{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin:10px}.appointmentModifer-DocName select{width:15rem}.patientmodifer-formcontainer-field input{padding:.5rem;font-size:1em;margin-bottom:0}.patientmodifer-formcontainer-seperate{display:flex;flex-direction:column}