@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background-color:#fff0;color:#012946;left:0;padding:10px;top:0;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar ul{background-color:#13c8ec6f;border-radius:20px;list-style-type:none;padding:0;position:relative;top:150px;transform:translateY(20px)}.sidebar ul li{background-color:#fff0;border-radius:40px;margin-bottom:4px;padding:10px;transition:background-color .3s ease,transform .3s ease}.sidebar ul li:hover{background-color:#0000001a;transform:translateY(-2px)}.sidebar .active{background-color:#fff;color:#000}.sidebar a{border-radius:40px;color:inherit;display:block;height:100%;text-decoration:none;width:100%}.sidebarLogo{width:100%}.SidebarLogo img{height:220px;width:220px}.icons{height:auto;margin-left:5px;margin-right:10px;position:relative;top:4px;width:20px}.admin{margin-top:10px}.calendar-container{align-items:center;display:flex;justify-content:center;margin-top:20px}.react-calendar{background-color:#fff0;border:none;border-radius:10px;font-family:Arial,sans-serif;text-align:center;width:500px}.react-calendar__navigation button{background:none;border:none;color:#012946;cursor:pointer;margin-bottom:10px;margin-top:8px;min-width:44px;transition:color .3s}.react-calendar__navigation button:hover{color:#012946}.react-calendar__month-view__weekdays{color:#012946;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__tile{background:none;border:none;border-radius:5px;color:#012946;padding:10px;text-align:center;transition:background-color .3s,color .3s}.react-calendar__tile--active{background:#91c6ff;border-radius:10%;color:#000}.react-calendar__tile:hover{border-radius:5px}.react-calendar__tile--now,.react-calendar__tile--now:hover,.react-calendar__tile:hover{background:#012946;color:#fff}.dashboard{display:flex;flex-direction:column;gap:20px;padding:20px}.top-section{align-items:center;display:flex;justify-content:center;width:100%}.calendar-clock{display:flex;flex-direction:column;gap:10px}.clock{color:#012946;font-size:1.2em;text-align:center}.info-buttons{display:flex;flex-wrap:wrap;gap:15px}.info-button{background-color:#13c8ec9d;border:none;border-radius:40px;box-shadow:0 4px 6px rgba(18,121,194,.233),0 1px 3px rgba(0,53,91,.395);color:#012946;cursor:pointer;flex:1 1 200px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:16px;padding:8px;transition:all .2s ease;transition:background-color .3s ease}.info-button:hover{box-shadow:0 8px 12px rgba(18,121,194,.451),0 2px 4px rgba(0,53,91,.395);transform:translateY(-2px)}.info-button:active{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003;transform:translateY(2px)}.info-button:hover{background-color:#13c8ec9d}.action-buttons-dashboard{display:flex;gap:10px;justify-content:center;width:100%}.action-button-dashboard{border:none;border-radius:40px;box-shadow:0 4px 6px rgba(18,121,194,.233),0 1px 3px rgba(0,53,91,.395);cursor:pointer;flex:0.4 1;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:18px;margin-top:20px;padding:15px;transition:all .2s ease;transition:background-color .3s ease}.action-button-dashboard,.action-button-dashboard:hover{background-color:#012946;color:#fff}.action-button-dashboard:hover{box-shadow:0 8px 12px rgba(18,121,194,.451),0 2px 4px rgba(0,53,91,.395);transform:translateY(-2px)}.action-button-dashboard:active{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003;transform:translateY(2px)}.pbutton{align-items:center;background-color:#13c8ec9d;border:none;border-radius:40px;box-shadow:0 4px 6px rgba(18,121,194,.233),0 1px 3px rgba(0,53,91,.395);color:#012946;cursor:pointer;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:14px;justify-content:center;margin-bottom:10px;padding:20px;transition:all .2s ease;width:100%}.pbutton:hover{box-shadow:0 8px 12px rgba(18,121,194,.451),0 2px 4px rgba(0,53,91,.395);transform:translateY(-2px)}.pbutton:active{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003;transform:translateY(2px)}.Patients_Table_Height table{border-collapse:collapse;margin-top:10px;text-align:center;width:100%}.Patient-container h2,td{color:#012946}.PatientRecordsearchBar{align-items:center;background-color:#13c8ec9d;border-radius:40px;display:flex;justify-content:space-between;margin-left:28.4%;margin-top:20px;padding:10px;width:40%}.PatientRecordsearchBar input{background-color:#fff0;border:none;padding:4px;width:100%}.PatientRecordsearchBar input::placeholder{color:#012946;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.PatientRecordsearchBar input:focus{color:#fff;outline:none}.PatientButton,.PatientRecordsearchBar button{background-color:#fff;border:none;border-radius:40px;cursor:pointer;padding:5px;width:100px}.AddEditPatient,.PatientButton{align-items:center;display:flex;justify-content:center}.AddEditPatient{background-color:#67ba4100;background-color:#13c8ec9d;border-radius:40px;text-align:center;width:auto}.inputBox select{background-color:#fff0;border:none;color:#fff;text-align:center;width:auto}.inputBox select:focus{background-color:#ffffff3d;border-radius:40px;color:#000;outline:none}.inputBox select:hover{border:1px solid #fff;border-radius:40px}.AddEditPatient label{display:flex;flex-direction:column}.AddEditPatient input::placeholder{color:#012946}.Patient-container h1,.Patient-container h2{text-align:center}.Patients_Table_Height{background-color:#13c8ec9d;border-radius:10px;margin-top:15px;max-height:420px;overflow-x:auto;overflow-y:auto;width:100%}.Patients_Table_Height::-webkit-scrollbar{width:14px}.Patients_Table_Height::-webkit-scrollbar-track{background:#f4f4f400}.Patients_Table_Height::-webkit-scrollbar-thumb{background-color:#19a914;border-radius:4px}.Patients_Table_Height::-webkit-scrollbar-thumb:hover{background-color:#19a914}.PreviousAppointment_Table table{border-collapse:collapse;margin-top:10px;width:100%}.PreviousAppointment_Table table th,td{border-left:2px solid #ddd;padding:8px}.PreviousAppointment_Table table td{color:#fff;height:40px;padding-bottom:5px}.PreviousAppointment_Table{background-color:#67ba4100;border-radius:10px;margin-top:15px;max-height:300px;max-width:1222px;overflow-x:auto;overflow-y:auto}.PreviousAppointment_Table::-webkit-scrollbar{width:14px}.PreviousAppointment_Table::-webkit-scrollbar-track{background:#f4f4f400}.PreviousAppointment_Table::-webkit-scrollbar-thumb{background-color:#19a914;border-radius:4px}.PreviousAppointment_Table::-webkit-scrollbar-thumb:hover{background-color:#19a914}.overlay-container{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.overlay{background:#fff0;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:90vh;max-width:800px;padding:30px;width:60%}.close-btn{background:red;padding:5px 10px;position:fixed}.overlay-content{background:#1f8d0c;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#000;max-height:90vh;overflow-y:auto;padding:30px;width:100%}.close-btn{background-color:#e74c3c;border-radius:4px;float:right;padding:8px 12px}.close-btn:hover{background-color:#c0392b}.overlay-content form{background-color:#17680900;display:flex;flex-direction:column}.overlay-content form div{margin-bottom:15px}.overlay-content form label{font-size:14px;font-weight:700;margin-bottom:5px}.overlay-content form input,.overlay-content form textarea{background-color:#176809;border:none;border-radius:40px;font-size:16px;padding:12px;width:100%}.overlay-content form input::placeholder{color:#c3c3c3d6}.overlay-content form input[type=date],.overlay-content form input[type=time]{width:50%}.image-upload-section{margin-top:15px}.image-preview-container{display:flex;flex-wrap:wrap;gap:5px}.image-thumbnail img{cursor:pointer;height:30px;width:30px}.delete-image-btn{background-color:red;border:none;border-radius:50%;color:#fff;cursor:pointer;left:-5px;position:relative;top:-5px}.image-preview-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.large-image{max-height:90%;max-width:90%}.PRpagination{display:flex;justify-content:center;margin:20px 0}.PRpagination button{background-color:#f9f9f9;border:1px solid #ddd;cursor:pointer;margin:0 5px;padding:10px 15px}.PRpagination button.active{background-color:#007bff;color:#fff;font-weight:700}.Loyalty_Table_Height{background-color:#13c8ec9d;border-radius:10px;margin-top:15px;max-height:420px;max-width:1222px;overflow-x:auto;overflow-y:auto}.Loyalty_Table_Height::-webkit-scrollbar{width:14px}.Loyalty_Table_Height::-webkit-scrollbar-track{background:#f4f4f400}.Loyalty_Table_Height::-webkit-scrollbar-thumb{background-color:#13c8ec9d;border-radius:4px}.Loyalty_Table_Height::-webkit-scrollbar-thumb:hover{background-color:#13c8ec9d}.Loyalty_Table_Height table{border-collapse:collapse;margin-top:10px;width:100%}.loyalty_container h2{color:#012946}.Table_Height table td{color:#fff}.abutton{align-items:center;background-color:#13c8ec9d;border:none;border-radius:40px;box-shadow:0 4px 6px rgba(18,121,194,.233),0 1px 3px rgba(0,53,91,.395);color:#012946;cursor:pointer;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:14px;justify-content:center;margin-bottom:10px;padding:20px;transition:all .2s ease;width:100%}.abutton:hover{box-shadow:0 8px 12px rgba(18,121,194,.451),0 2px 4px rgba(0,53,91,.395);transform:translateY(-2px)}.abutton:active{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003;transform:translateY(2px)}*{box-sizing:border-box;margin:0;padding:0}.New-Patient-container{font-family:Arial,sans-serif;margin:0 auto;max-height:620px;max-width:1200px;overflow-y:auto;padding:20px}#New-Patient-form{grid-gap:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.abc{display:flex;flex-direction:column;gap:10px}.abcBody{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px}.abcBody:focus{border-color:#007bff;outline:none}.contact-list,.referral-list{background:#fff;border:1px solid #ccc;border-radius:5px;margin-top:5px;max-height:150px;overflow-y:auto;position:relative;z-index:10}.contact-list li,.referral-list li{cursor:pointer;padding:10px}.contact-list li:hover,.referral-list li:hover{background-color:#f1f1f1}.appointment-summary{background:#fff;border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;gap:10px;padding:15px}.data-row,.header-row{display:flex;font-weight:700;justify-content:space-between}.data-row{font-weight:400}#NewPatientTimeSelect,#nab_button,.contact-list button,.nas_button,.referral-list button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}#NewPatientTimeSelect:hover,#nab_button:hover,.contact-list button:hover,.nas_button:hover,.referral-list button:hover{background:#0056b3}.popup-container{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20}.popup{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;padding:20px;text-align:center}.Space{height:130px}.error-message{display:flex;justify-content:center;width:100%}.popup button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}@media (max-width:768px){#New-Patient-form{grid-template-columns:1fr}}@media (max-width:480px){.abcBody{font-size:14px;padding:8px}#nab_button,.nas_button{font-size:14px;padding:8px 16px}}.modal-body{display:flex;flex-direction:column;gap:1rem}button{margin-top:1rem}.today-appointments-container{background-color:#fff0;border-radius:8px;padding:20px;width:100%}h2{margin-bottom:20px;text-align:center}.appointments-scroll-container{align-items:center;background-color:#fff0;border:none;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px;max-height:500px;overflow-y:auto;padding:10px}.appointments-scroll-container::-webkit-scrollbar{background-color:#fff0}.appointment-tile{background-color:#13c8ec9d;border-radius:20px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;font-weight:600;gap:5px;padding:25px;width:100%}.appointment-tile p{color:#012946;margin:0}.appointment-line{display:flex;justify-content:space-between;margin-bottom:8px;text-align:center}.appointment-line p{flex:1 1;margin:0 8px}.appointments-scroll-container::-webkit-scrollbar-track{background:#f4f4f400}.appointments-scroll-container::-webkit-scrollbar-thumb{background-color:#012946;border-radius:4px}.appointments-scroll-container-webkit-scrollbar-thumb:hover{background-color:#012946}.AppointmentRecord_Table_Height table{border-collapse:collapse;margin-top:10px;width:100%}h1,h2{color:#fff}td,th{border-left:2px solid #ddd;padding:8px}td{color:#fff;height:40px;padding-bottom:5px}.AppointmentRecord_searchBar{align-items:center;background-color:#13c8ec9d;border-radius:40px;display:flex;justify-content:space-between;margin-left:28.4%;margin-top:20px;padding:10px;width:40%}.AppointmentRecord_searchBar input{background-color:#fff0;border:none;padding:4px;width:100%}.AppointmentRecord_searchBar input::placeholder{color:#fff}.AppointmentRecord_searchBar input:focus{color:#fff;outline:none}.AppointmentRecord_Button,.AppointmentRecord_searchBar button{background-color:#fff;border:none;border-radius:40px;cursor:pointer;padding:5px;width:100px}.AppointmentRecord_Button{align-items:center;display:flex;justify-content:center}.AppointmentRecord-container h1,.AppointmentRecord-container h2{text-align:center}.AppointmentRecord_Table_Height{background-color:#13c8ec9d;border-radius:10px;margin-top:15px;max-height:420px;overflow-x:auto;overflow-y:auto;width:100%}.AppointmentRecord_Table_Height::-webkit-scrollbar{width:14px}.AppointmentRecord_Table_Height::-webkit-scrollbar-track{background:#f4f4f400}.AppointmentRecord_Table_Height::-webkit-scrollbar-thumb{background-color:#012946;border-radius:4px}.AppointmentRecord_Table_Height::-webkit-scrollbar-thumb:hover{background-color:#13c8ec9d}.cancelled-row{color:red;text-decoration:line-through}.pagination{display:flex;justify-content:center;margin:20px 0}.pagination button{background-color:#f9f9f9;border:1px solid #ddd;cursor:pointer;margin:0 5px;padding:10px 15px}.pagination button.active{background-color:#007bff;color:#fff;font-weight:700}.Table_Height table{border-collapse:collapse;margin-top:10px;text-align:center;width:100%}.Inventory-container h2{color:#012946}.Table_Height table th,td{border-left:2px solid #ddd;padding:8px}.Table_Height table td{color:#012946;height:40px;padding-bottom:5px}.inventorysearchBar{align-items:center;background-color:#13c8ec9d;border-radius:40px;display:flex;justify-content:space-between;margin-left:28.4%;margin-top:20px;padding:10px;width:40%}.inventorysearchBar input{background-color:#fff0;border:none;padding:4px;width:100%}.inventorysearchBar input::placeholder{color:#fff}.inventorysearchBar input:focus{color:#fff;outline:none}.InventoryButton,.inventorysearchBar button{background-color:#fff;border:none;border-radius:40px;cursor:pointer;padding:5px;width:100px}.AddEditItem,.InventoryButton{align-items:center;display:flex;justify-content:center}.AddEditItem{background-color:#67ba4100;background-color:#13c8ec9d;border-radius:40px;text-align:center;width:auto}.inputBox input{color:#fff}.AddEditItem label{display:flex;flex-direction:column}.AddEditItem input::placeholder{color:#fff}.Inventory-container h1,.Inventory-container h2{text-align:center}.Table_Height{background-color:#13c8ec9d;border-radius:10px;margin-top:15px;max-height:420px;max-width:1222px;overflow-x:auto;overflow-y:auto}.Table_Height::-webkit-scrollbar{width:14px}.Table_Height::-webkit-scrollbar-track{background:#f4f4f400}.Table_Height::-webkit-scrollbar-thumb{background-color:#13c8ec9d;border-radius:4px}.Table_Height::-webkit-scrollbar-thumb:hover{background-color:#13c8ec9d}.button-group{align-items:center;display:flex;gap:5px;justify-content:center;text-align:center}.button-group button{background-color:#fff;border:none;border-radius:40px;color:#000;cursor:pointer;margin:0;padding:5px 10px;transition:background-color .3s}.button-group button:hover{background-color:#37d8c5;color:#fff}.InventoryBulkEditMode button{background-color:#13c8ec9d;border:none;border-radius:40px;color:#003241;cursor:pointer;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin-right:10px;margin-top:20px;padding:10px 15px;transition:background-color .3s}.row-expiring-soon{background-color:rgba(255,0,0,.578);color:#fff}.row-low-quantity{background-color:rgba(180,180,0,.871);color:#000}.Inventory_pagination{display:flex;justify-content:center;margin:20px 0}.Inventory_pagination button{background-color:#f9f9f9;border:1px solid #ddd;cursor:pointer;margin:0 5px;padding:10px 15px}.Inventory_pagination button.active{background-color:#007bff;color:#fff;font-weight:700}.Payment-container{margin:20px 0;width:100%}.Payment-container h2{color:#012946}.Payment-container table{background-color:#13c8ec9d;border-radius:20px;width:100%}.Payment-container td,.Payment-container th{padding:10px;text-align:left}.EditButton,.InvoiceButton,.PrintButton,.SaveButton{background-color:#012946;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:6px 12px}.EditButton:hover,.InvoiceButton:hover,.PrintButton:hover,.SaveButton:hover{background-color:#012946}.invoice-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:80%;z-index:1000}.invoice-content{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;max-width:800px;padding:20px;position:relative;width:80%}.invoice-content h2{color:#333;margin-top:0}.invoice-content .invoice-left{display:flex;flex-direction:column;margin-bottom:20px}.invoice-content .invoice-left p{margin:5px 0}.close-btn{background:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:30px;position:absolute;right:10px;top:10px;width:30px}.close-btn:hover{background:#ff1a1a}.treatment-table{border-collapse:collapse;margin-top:20px;width:100%}.treatment-table td,.treatment-table th{border:1px solid #ddd;padding:10px;text-align:left}.treatment-table th{background-color:#f0f0f0;font-weight:700}.treatment-table input[type=number]{margin-left:10px;padding:5px;width:50px}.add-treatment{margin-top:20px}.add-treatment select{font-size:14px;padding:5px}.add-treatment button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:6px 12px}.add-treatment button:hover{background-color:#0056b3}.total-amount{font-weight:700;margin-top:20px;text-align:right}.total-amount p{margin:0}.PrintButton{background-color:#008cba}.PrintButton:hover{background-color:#007bb5}.treatment-table td{background-color:#fff;color:#000}.PaymentButtonGroup{display:flex;justify-content:center}.alert-container{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin:20px auto;max-width:800px;padding:10px}.alert-card,.alert-container h2{color:#012946}.alert-card{align-items:center;background-color:#13c8ec9d;border-left:5px solid #012946;border-radius:40px;display:flex;font-weight:600;justify-content:space-between;margin-bottom:15px;padding:15px;position:relative}.alert-inventory-expiry{border-color:#f39c12}.alert-low-inventory{border-color:#e74c3c}.alert-follow-up-needed{border-color:#8e44ad}.alert-pending-payment{border-color:#e74c3c}.alert-card p{font-size:16px;margin:0}.snooze-menu{position:relative}.snooze-menu button{background-color:#012946;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.snooze-options{background-color:#84daff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 8px #00000026;color:#012946;display:flex;flex-direction:column;position:absolute;right:0;top:30px}.snooze-options button{background:none;border:none;cursor:pointer;font-size:14px;padding:8px 15px;text-align:left}.snooze-options button:hover{background-color:#f5f5f5}.sbutton{align-items:center;background-color:#13c8ec9d;border:none;border-radius:40px;box-shadow:0 4px 6px rgba(18,121,194,.233),0 1px 3px rgba(0,53,91,.395);color:#012946;cursor:pointer;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:14px;justify-content:center;margin-bottom:10px;padding:20px;transition:all .2s ease;width:100%}.sbutton:hover{box-shadow:0 8px 12px rgba(18,121,194,.451),0 2px 4px rgba(0,53,91,.395);transform:translateY(-2px)}.sbutton:active{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003;transform:translateY(2px)}.Treatment_Table_Height table{border-collapse:collapse;margin-top:10px;text-align:center;width:100%}.Treatment-container h1,h2{color:#012946}.Treatment_Table_Height table th,td{border-left:2px solid #ddd;color:#012946;padding:8px}.Treatment_Table_Height table td{color:#012946;height:40px;padding-bottom:5px}.searchBar{align-items:center;background-color:#13c8ec9d;border-radius:40px;display:flex;justify-content:space-between;margin-left:28.4%;margin-top:20px;padding:10px;width:40%}.searchBar input{background-color:#fff0;border:none;padding:4px;width:100%}.searchBar input::placeholder{color:#fff}.searchBar input:focus{color:#fff;outline:none}.TreatmentButton,.searchBar button{background-color:#fff;border:none;border-radius:40px;cursor:pointer;padding:5px;width:100px}.AddEditTreatment,.TreatmentButton{align-items:center;display:flex;justify-content:center}.AddEditTreatment{background-color:#67ba4100;background-color:#13c8ec9d;border-radius:40px;text-align:center;width:auto}.AddEditTreatment label{display:flex;flex-direction:column}.AddEditTreatment input::placeholder{color:#fff}.Treatment-container h1,.Treatment-container h2{text-align:center}.Treatment_Table_Height{background-color:#13c8ec9d;border-radius:10px;margin-top:15px;max-height:420px;max-width:1222px;overflow-x:auto;overflow-y:auto}.Treatment_Table_Height::-webkit-scrollbar{width:14px}.Treatment_Table_Height::-webkit-scrollbar-track{background:#f4f4f400}.Treatment_Table_Height::-webkit-scrollbar-thumb{background-color:#012946;border-radius:4px}.Treatment_Table_Height::-webkit-scrollbar-thumb:hover{background-color:#012946}.treatment-button-group{align-items:center;display:flex;gap:5px;justify-content:center;text-align:center;width:100%}.treatment-button-group button{background-color:#fff;border:none;border-radius:40px;color:#000;cursor:pointer;margin:0;padding:5px 10px;transition:background-color .3s}.treatment-button-group button:hover{background-color:#37d8c5;color:#fff}.BulkEditMode button{background-color:#fff;border:none;border-radius:40px;color:#000;cursor:pointer;margin-right:10px;margin-top:20px;padding:5px 10px;transition:background-color .3s}.Logoutbutton{align-items:center;background-color:#13c8ec9d;border:none;border-radius:40px;box-shadow:0 4px 6px rgba(18,121,194,.233),0 1px 3px rgba(0,53,91,.395);color:#012946;cursor:pointer;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:14px;justify-content:center;margin-bottom:10px;padding:20px;transition:all .2s ease;width:100%}.Logoutbutton:hover{box-shadow:0 8px 12px rgba(18,121,194,.451),0 2px 4px rgba(0,53,91,.395);transform:translateY(-2px)}.Logoutbutton:active{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003;transform:translateY(2px)}.AdminHeading{color:#012946;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.LoginBranch-Page{align-items:center;display:flex;height:100%;justify-content:space-evenly;margin-top:80px}.loginpatterns img{height:500px;width:500px}.loginBranch-container{background-color:#45c54e00;border-radius:8px;padding:20px;width:350px}.loginBranch-container,.loginBranch-container select{color:#012946;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.loginBranch-container select{background-color:#0ac8ee72;border:none;border-radius:40px;margin:10px 0;padding:14px;text-align:center;width:100%}.loginBranch-container input:focus,.loginBranch-container select:focus{outline:none}.loginBranch-container input:-webkit-autofill{box-shadow:inset 0 0 0 30px #fff0;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.loginBranch-container input{background-color:#0ac8ee72;border:none;border-radius:40px;color:#012946;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin:10px 0;padding:14px;width:100%}.loginBranch-container input::placeholder{color:#012946;text-align:center}.loginBranch-container input{text-align:center}.loginBranch-container button{background-color:#012946;border:none;border-radius:40px;color:#fff;cursor:pointer;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:16px;margin-bottom:10px;margin-left:2px;margin-top:10px;padding:14px;width:100%}.loginBranch-container button:hover{background-color:#2980b9}@media screen and (max-width:1024px){.LoginBranch-Page{flex-direction:column;justify-content:center}.loginpatterns img{height:400px;width:400px}.loginBranch-container{padding:15px;width:80%}.loginBranch-container button{font-size:14px}.loginBranch-container select{width:100%}.loginBranch-container input{width:103%}}@media screen and (max-width:768px){.loginpatterns img{height:300px;width:300px}.loginBranch-container{padding:10px;width:90%}.loginBranch-container input,.loginBranch-container select{width:100%}.loginBranch-container button{font-size:14px}}@media screen and (max-width:480px){body{background-size:contain}.LoginBranch-Page{padding:10px}.loginpatterns img{height:200px;width:200px}.loginBranch-container{padding:8px;width:95%}.loginBranch-container button{font-size:12px;padding:12px}.loginBranch-container select{width:100%}.loginBranch-container input{font-size:12px;width:100%}}body{background-size:cover}.login-Page{align-items:center;display:flex;height:100%;justify-content:space-evenly;margin-top:80px}.patterns img{height:500px;width:500px}.login-container{background-color:#45c54e00;border-radius:8px;padding:20px;width:350px}.login-container,.login-container select{color:#012946;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.login-container select{background-color:#0ac8ee72;border:none;border-radius:40px;margin:10px 0;padding:14px;text-align:center;width:100%}.login-container input:focus,.login-container select:focus{outline:none}.login-container input:-webkit-autofill{box-shadow:inset 0 0 0 30px #fff0;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-container input{background-color:#0ac8ee72;border:none;border-radius:40px;color:#012946;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin:10px 0;padding:14px;width:100%}.login-container input::placeholder{color:#012946;text-align:center}.login-container input{text-align:center}.login-container button{background-color:#012946;border:none;border-radius:40px;color:#fff;cursor:pointer;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:16px;margin-left:2px;margin-top:10px;padding:14px;width:100%}.login-container button:hover{background-color:#2980b9}@media screen and (max-width:1024px){.login-Page{flex-direction:column;justify-content:center}.patterns img{height:400px;width:400px}.login-container{padding:15px;width:80%}.login-container button{font-size:14px;width:100%}.login-container select{width:100%}.login-container input{width:95%}}@media screen and (max-width:768px){.patterns img{height:300px;width:300px}.login-container{padding:10px;width:90%}.login-container input,.login-container select{width:100%}.login-container button{font-size:14px;width:100%}}@media screen and (max-width:480px){body{background-size:contain}.login-Page{padding:10px}.patterns img{height:200px;width:200px}.login-container{padding:8px;width:95%}.login-container button{font-size:12px;padding:12px;width:100%}.login-container select{width:100%}.login-container input{font-size:12px;width:100%}}.doctor-info{background-color:#0000;color:#fff;height:100vh;left:0;padding:20px;position:fixed;top:0;width:320px}.Backabc{background:radial-gradient(circle,#abf0ff,#fff0);border-radius:20px}.doctor-info p{height:200px;max-width:300px}.doctor-info h2,.doctor-info p{color:#012946;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;text-align:center}.doctor-info h2{font-size:40px;margin-bottom:20px}.notifications{color:#012946;flex-grow:1;overflow-y:auto;text-align:center}.notification{background:#00000080;border-radius:8px;margin:10px 0;padding:10px}.controls{align-items:center;gap:10px;justify-content:center;margin-top:180px;width:100%}.DPLogoutbutton{background-color:#3fafff;border:none;border-radius:20px}.AdminPanelButton,.DPLogoutbutton{cursor:pointer;margin-left:50px;padding:10px;width:60%}.AdminPanelButton{background-color:#002946;border:none;border-radius:50px;color:#fff;margin-bottom:10px}.DPtoday-appointments-container{flex:1 1;justify-content:center;margin-left:300px;overflow-y:auto;padding:20px;text-align:center}.DPappointments-scroll-container{align-items:center;background-color:#fff0;border:none;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px;max-height:500px;overflow-y:auto;padding:10px}.DPappointments-scroll-container::-webkit-scrollbar{background-color:#fff0}.DPappointment-tile{background-color:#13c8ec9d;border-radius:20px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;font-weight:600;gap:5px;padding:25px;width:100%}.DPappointment-tile p{color:#012946;margin:0}.DPappointment-line{display:flex;justify-content:space-between;margin-bottom:8px;text-align:center}.DPappointment-line p{flex:1 1;margin:0 8px}.DPappointments-scroll-container::-webkit-scrollbar-track{background:#f4f4f400}.DPappointments-scroll-container::-webkit-scrollbar-thumb{background-color:#012946;border-radius:4px}.DPappointments-scroll-container-webkit-scrollbar-thumb:hover{background-color:#012946}.doctor-panel{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:1}.Doctor_Table_Height table{border-collapse:collapse;margin-top:10px;text-align:center;width:100%}.Doctor-container h1,h2{color:#012946}.Doctor_Table_Height table th,td{border-left:2px solid #ddd;color:#012946;padding:8px}.Doctor_Table_Height table td{color:#012946;height:40px;padding-bottom:5px}.DoctorButton{background-color:#fff;border:none;cursor:pointer;padding:5px;width:100px}.AddEditDoctor,.DoctorButton{align-items:center;border-radius:40px;display:flex;justify-content:center}.AddEditDoctor{background-color:#67ba4100;background-color:#13c8ec9d;text-align:center;width:auto}.AddEditDoctor label{display:flex;flex-direction:column}.AddEditDoctor input::placeholder{color:#fff}.Doctor-container h1,.Doctor-container h2{text-align:center}.Doctor_Table_Height{background-color:#13c8ec9d;border-radius:10px;margin-top:15px;max-height:420px;max-width:1222px;overflow-x:auto;overflow-y:auto}.Doctor_Table_Height::-webkit-scrollbar{width:14px}.Doctor_Table_Height::-webkit-scrollbar-track{background:#f4f4f400}.Doctor_Table_Height::-webkit-scrollbar-thumb{background-color:#012946;border-radius:4px}.Doctor_Table_Height::-webkit-scrollbar-thumb:hover{background-color:#012946}.doctor-button-group{align-items:center;display:flex;gap:5px;justify-content:center;text-align:center;width:100%}.doctor-button-group button{background-color:#fff;border:none;border-radius:40px;color:#000;cursor:pointer;margin:0;padding:5px 10px;transition:background-color .3s}.doctor-button-group button:hover{background-color:#37d8c5;color:#fff}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:20px;text-align:center;width:300px}.modal-buttons{display:flex;justify-content:space-around;margin-top:15px}.confirm-delete-button{background-color:red}.cancel-button,.confirm-delete-button{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.cancel-button{background-color:grey}.Statsbutton{align-items:center;background-color:#13c8ec9d;border:none;border-radius:40px;box-shadow:0 4px 6px rgba(18,121,194,.233),0 1px 3px rgba(0,53,91,.395);color:#012946;cursor:pointer;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:14px;justify-content:center;margin-bottom:10px;padding:20px;transition:all .2s ease;width:100%}.Statsbutton:hover{box-shadow:0 8px 12px rgba(18,121,194,.451),0 2px 4px rgba(0,53,91,.395);transform:translateY(-2px)}.Statsbutton:active{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003;transform:translateY(2px)}.Statistic h2{color:#012946}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.revbycategory{margin-top:80px;overflow:hidden}.revbycategoryPieChart{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-evenly;max-height:560px;overflow-y:auto;padding:20px;text-align:center}.revbybranch{margin-top:200px}.revbybranchBarchart{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-evenly;max-height:500px;overflow-y:auto;padding:20px;text-align:center}.Demographic-Container{margin-top:50px}.chart-Container{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-evenly;max-height:500px;overflow-y:auto;padding:20px;text-align:center}.dentist-revenue-container{margin-top:50px;overflow:hidden}.chart-container{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-evenly;max-height:500px;overflow-y:auto;padding:20px;text-align:center}.date-range-picker{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.Account_Table_Height table{border-collapse:collapse;margin-top:10px;text-align:center;width:100%}.Account-container h1,h2{color:#012946}.Account_Table_Height table th,td{border-left:2px solid #ddd;color:#012946;padding:8px}.Account_Table_Height table td{color:#012946;height:40px;padding-bottom:5px}.AccountButton{background-color:#fff;border:none;cursor:pointer;padding:5px;width:100px}.AccountButton,.AddEditAccount{align-items:center;border-radius:40px;display:flex;justify-content:center}.AddEditAccount{background-color:#67ba4100;background-color:#13c8ec9d;text-align:center;width:auto}.AddEditAccount label{display:flex;flex-direction:column}.AddEditAccount input::placeholder{color:#fff}.Account-container h2{text-align:center}.Account_Table_Height{background-color:#13c8ec9d;border-radius:10px;margin-top:15px;max-height:420px;max-width:1222px;overflow-x:auto;overflow-y:auto}.Account_Table_Height::-webkit-scrollbar{width:14px}.Account_Table_Height::-webkit-scrollbar-track{background:#f4f4f400}.Account_Table_Height::-webkit-scrollbar-thumb{background-color:#012946;border-radius:4px}.Account_Table_Height::-webkit-scrollbar-thumb:hover{background-color:#012946}.Account-button-group{align-items:center;display:flex;gap:5px;justify-content:center;text-align:center;width:100%}.Account-button-group button{background-color:#fff;border:none;border-radius:40px;color:#000;cursor:pointer;margin:0;padding:5px 10px;transition:background-color .3s}.Account-button-group button:hover{background-color:#37d8c5;color:#fff}.dsbutton{align-items:center;background-color:#13c8ec9d;border:none;border-radius:40px;box-shadow:0 4px 6px rgba(18,121,194,.233),0 1px 3px rgba(0,53,91,.395);cursor:pointer;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:14px;justify-content:center;margin-bottom:10px;padding:20px;transition:all .2s ease;width:100%}.Setting h2,.dsbutton{color:#012946}.dsbutton:hover{box-shadow:0 8px 12px rgba(18,121,194,.451),0 2px 4px rgba(0,53,91,.395);transform:translateY(-2px)}.dsbutton:active{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003;transform:translateY(2px)}.SettingBackButton{margin-top:10px}.ChangePassword-Container{color:#012946;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:14px;width:100%}.ChangeUsername-Input{background-color:#13c8ec9d;border:none;border-radius:40px;margin-bottom:10px;padding:20px;width:96.7%}.ChangeUsername-Input::placeholder{color:#012946;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:14px}.ChangePassword-Input{background-color:#13c8ec9d;border:none;border-radius:40px;margin-bottom:10px;padding:20px;width:96.7%}.ChangePassword-Input::placeholder{color:#012946;font-size:14px}.ChangePassword-Input::placeholder,.ChangePasswordbutton{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.ChangePasswordbutton{background-color:#012946;border:none;border-radius:40px;box-shadow:0 4px 6px rgba(18,121,194,.233),0 1px 3px rgba(0,53,91,.395);color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:20px;transition:all .2s ease;width:100%}.ChangePasswordbutton:hover{box-shadow:0 8px 12px rgba(18,121,194,.451),0 2px 4px rgba(0,53,91,.395);transform:translateY(-2px)}.ChangePasswordbutton:active{box-shadow:0 2px 4px #0000004d,0 1px 2px #0003;transform:translateY(2px)}.patient h2{color:#012946}#ChangePasswordBackButton{background-color:#fff;color:#012946;margin-top:20px}.ChangePasswordMessage{display:flex;justify-content:center;text-align:center;width:100%}.location_Table_Height table{border-collapse:collapse;margin-top:10px;text-align:center;width:100%}.location-container h1,h2{color:#012946}.location_Table_Height table th,td{border-left:2px solid #ddd;color:#012946;padding:8px}.location_Table_Height table td{color:#012946;height:40px;padding-bottom:5px}.locationButton{background-color:#fff;border:none;cursor:pointer;padding:5px;width:100px}.AddEditLocation,.locationButton{align-items:center;border-radius:40px;display:flex;justify-content:center}.AddEditLocation{background-color:#67ba4100;background-color:#13c8ec9d;text-align:center;width:auto}.inputBox input{background-color:#fff0;border:none;color:#012946;text-align:center;width:auto}.inputBox input:focus{background-color:#ffffff3d;border-radius:40px;color:#000;outline:none}.inputBox input:hover{border:1px solid #fff;border-radius:40px}.inputBox label{background-color:#fff0;border:none;color:#000;font-weight:600;text-align:center;width:100%}.inputBox_Button{border:none;color:#000;height:auto;margin-left:40px;padding:10px;width:100px}.AddEditLocation label{display:flex;flex-direction:column}.AddEditLocation input::placeholder{color:#fff}.Account-container h1,.location-container h2{text-align:center}.location_Table_Height{background-color:#13c8ec9d;border-radius:10px;margin-top:15px;max-height:200px;max-width:1222px;overflow-x:auto;overflow-y:auto}.location_Table_Height::-webkit-scrollbar{width:14px}.location_Table_Height::-webkit-scrollbar-track{background:#f4f4f400}.location_Table_Height::-webkit-scrollbar-thumb{background-color:#012946;border-radius:4px}.location_Table_Height::-webkit-scrollbar-thumb:hover{background-color:#012946}.location-button-group{align-items:center;display:flex;gap:5px;justify-content:center;text-align:center;width:100%}.location-button-group button{background-color:#fff;border:none;border-radius:40px;color:#000;cursor:pointer;margin:0;padding:5px 10px;transition:background-color .3s}.location-button-group button:hover{background-color:#37d8c5;color:#fff}.AddEditCity label{display:flex;flex-direction:column}.AddEditCity input::placeholder{color:#fff}.AddEditCity{align-items:center;background-color:#67ba4100;background-color:#13c8ec9d;border-radius:40px;display:flex;justify-content:center;text-align:center;width:auto}.City_Table_Height table{border-collapse:collapse;margin-top:10px;text-align:center;width:100%}.City-container h1,h2{color:#012946}.City_Table_Height table th,td{border-left:2px solid #ddd;color:#012946;padding:8px}.City_Table_Height table td{color:#012946;height:40px;padding-bottom:5px}.City_Table_Height{background-color:#13c8ec9d;border-radius:10px;margin-top:15px;max-height:200px;max-width:1222px;overflow-x:auto;overflow-y:auto}.City_Table_Height::-webkit-scrollbar{width:14px}.City_Table_Height::-webkit-scrollbar-track{background:#f4f4f400}.City_Table_Height::-webkit-scrollbar-thumb{background-color:#012946;border-radius:4px}.City_Table_Height::-webkit-scrollbar-thumb:hover{background-color:#012946}.City-button-group{align-items:center;display:flex;gap:5px;justify-content:center;text-align:center;width:100%}.City-button-group button{background-color:#fff;border:none;border-radius:40px;color:#000;cursor:pointer;margin:0;padding:5px 10px;transition:background-color .3s}.City-button-group button:hover{background-color:#37d8c5;color:#fff}.CityButton{align-items:center;background-color:#fff;border:none;border-radius:40px;cursor:pointer;display:flex;justify-content:center;padding:5px;width:100px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.no-background{background:none}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.logo{height:auto;width:200px}.app-container{background-attachment:fixed;background-image:url(/static/media/loginbackground.26c7508896aa37474cdb.png);background-position:50%;background-size:cover;display:grid;grid-template-columns:250px 1fr;min-height:100vh;overflow:hidden}.app-container.no-sidebar{grid-template-columns:100% 1fr}.sidebar{border-right:1px solid #fff;box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:100%;padding:15px}.main-content{box-sizing:border-box;overflow-y:auto;padding:20px}.content-area{background-color:#fff0;flex:1 1;padding:20px}.hamburger{align-items:center;background-color:#13c8ec;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;left:15px;position:fixed;top:15px;width:40px;z-index:1100}.hamburger div{background-color:#fff;height:3px;margin:4px 0;transition:all .3s ease;width:25px}.hamburger.open .line1{transform:rotate(45deg) translate(5px,5px)}.hamburger.open .line2{opacity:0}.hamburger.open .line3{transform:rotate(-45deg) translate(5px,-5px)}@media (min-width:769px){.sidebar{transform:translateX(0)}.hamburger{display:none}}@media (max-width:768px){.sidebar{background-color:#fff;transform:translateX(-100%)}.sidebar-open+.main-content{margin-left:250px}.app-container.closed{grid-template-columns:0 1fr}.app-container.sidebar-open{grid-template-columns:250px 1fr}.app-container.no-sidebar{grid-template-columns:100% 1fr}}
/*# sourceMappingURL=main.00deefee.css.map*/