@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}#root{text-align:center}.mainLoginContainer{height:100dvh;display:flex;align-items:center;justify-content:center}.mainLoginContainer .loginContainer{background-color:#fff;width:450px;min-height:350px;border-radius:24px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:7px;border:2px solid #b7b7b7;padding-bottom:24px}.mainLoginContainer .loginContainer .logoContainer img{width:250px;height:60px}.mainLoginContainer .loginContainer .headingContainer{width:100%}.mainLoginContainer .loginContainer .headingContainer button{background-color:transparent;outline:none;width:50%;height:50px;font-size:18px;letter-spacing:1.2px;cursor:pointer;border:none;border-radius:8px;font-family:Mulish,sans-serif}.mainLoginContainer .loginContainer .headingContainer .adminActive,.mainLoginContainer .loginContainer .headingContainer .pharmacistActive{background-color:#00b852;transition:all .3s ease-in-out;color:#fff}.mainLoginContainer .loginContainer .inputContainer .inputContainer2{display:flex;align-items:center;justify-content:center}.mainLoginContainer .loginContainer .inputContainer input{border:none;outline:none;min-width:100%;height:50px;border-radius:8px}.mainLoginContainer .loginContainer .inputContainer .loginButton,.pharmacistRegisterButton{min-width:100%;height:50px;border-radius:8px;border:none;outline:none;letter-spacing:1.2px;color:#fff;font-size:18px;cursor:pointer;background-color:#00b852;border-color:#00b852;font-weight:500;border:2px solid #00b852;transition:all .3s ease-in-out;font-family:Mulish,sans-serif;font-weight:300}.mainLoginContainer .loginContainer .inputContainer .loginButton:hover{background-color:#63e39d}.mainLoginContainer .loginContainer .inputContainer{width:90%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.mainLoginContainer .loginContainer .inputContainer .inputContainer2{display:flex;align-items:center;gap:10px;padding:0 20px;width:100%;height:50px;border-radius:8px;border:2px solid #b7b7b7;background-color:#fff}.mainLoginContainer .loginContainer .inputContainer .inputContainer2 .userIcon{font-size:20px}.mainLoginContainer .loginContainer .inputContainer .inputContainer2 input{width:80%;flex:1;height:100%;border:none;outline:none;font-size:16px;padding-left:5px;background-color:transparent;letter-spacing:1.2px}.pharmacistRegisterButton{background-color:transparent;background-color:#00b852;border:2px solid #00b852}.mainLoginContainer .loginContainer .inputContainer .pharmacistRegisterButton:hover{background-color:#63e39d}@media screen and (max-width: 600px){.mainLoginContainer .loginContainer{width:90%}}.headerContainer{background-color:transparent;height:75px;display:flex;align-items:center;justify-content:center}.headerContainer .logo{width:190px}.citiesMainContainer{height:100dvh;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.citiesMainContainer .citiesContainer{width:90%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px}.citiesMainContainer .citiesContainer .headContainer h1{font-size:20px;font-weight:500}.citiesMainContainer .citiesContainer .headContainer{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:10px}.citiesMainContainer .citiesContainer .headContainer button{background-color:transparent;border:none;outline:none;letter-spacing:1.2px;font-size:16px;height:40px;border:2px solid #bcbcbc;padding:0 10px;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out;background-color:#00b852;border-color:#00b852;color:#fff;font-family:Mulish,sans-serif}.citiesMainContainer .citiesContainer .headContainer button:hover{background-color:#63e39d;border-color:#00b852}.citiesMainContainer .citiesContainer .underline{height:1.5px;width:100%;background-color:#bcbcbc}.citiesMainContainer .citiesListContainer{width:90%;height:100%;display:flex;align-items:center;justify-content:center;gap:20px}.citiesMainContainer .citiesListContainer button{background-color:transparent;border:none;outline:none;letter-spacing:1.2px;font-size:22px;border-radius:12px;border:2px solid #bcbcbc;width:250px;height:45px;cursor:pointer;transition:all .3s ease-in-out;background-color:#00b852;border-color:#00b852;color:#fff;font-family:Mulish,sans-serif}.citiesMainContainer .citiesListContainer button:hover{background-color:#63e39d;border-color:#00b852}.citiesMainContainer .citiesListContainer{display:flex;align-items:center;justify-content:center;flex-direction:column}.citiesMainContainer .citiesListContainer .cityPart1 h1{font-size:20px;font-weight:500}.citiesMainContainer .citiesListContainer .cityPart2{display:flex;align-items:center;justify-items:center;flex-direction:column;gap:10px}@media screen and (max-width: 520px){.citiesMainContainer .citiesListContainer button{width:40vw}}.vendorContainer h1{color:#333;font-weight:300;letter-spacing:1.2px;padding-bottom:10px}.vendorContainer{width:90%;margin:auto}.cityVendorsContainer{width:90%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;margin:auto;height:100dvh}.cityVendorsContainer .vendorTableContainer{width:100%;height:100dvh}.cityVendorsContainer .vendorTableContainer .vendorTable{width:100%;color:#333;border-collapse:collapse;border-top-left-radius:12px}.cityVendorsContainer .vendorTableContainer .vendorTable thead{background-color:#b7b7b7;border-top-left-radius:12px}.cityVendorsContainer .vendorTableContainer .vendorTable th{font-weight:300;letter-spacing:1.2px;height:40px;font-size:18px;padding-left:5px;text-align:center;border:none;color:#333}.cityVendorsContainer .vendorTableContainer .vendorTable .snoColumn{width:60px;text-align:center}.cityVendorsContainer .vendorTableContainer .vendorTable tr{transition:all .3s ease-in-out;border-bottom:2px solid #b7b7b7;height:40px;letter-spacing:1.2px;font-weight:400}.cityVendorsContainer .vendorTableContainer .vendorTable tr td{font-weight:500;text-align:left}.cityVendorsContainer .vendorTableContainer .vendorTable tr:hover{background-color:#b7b7b7;cursor:pointer}.orderStatusContainer{width:90%;margin:auto;display:flex;align-items:center;justify-content:flex-start;color:#333;flex-direction:column}.orderStatusContainer .orderStatusHeader{height:50px;width:100%;display:flex;align-items:flex-start;justify-content:space-between}.orderStatusContainer .orderStatusHeader h1{font-weight:200;letter-spacing:1.2px;font-size:20px}.orderStatusContainer .orderDetails{width:100%}.orderStatusContainer .orderDetails .orderDetailsHeader{display:flex;align-items:center;justify-content:space-between;height:50px;background-color:#b7b7b7;border-top-left-radius:5px;border-top-right-radius:5px;color:#333}.orderStatusContainer .orderDetails .orderDetailsHeader .buyer{width:60%;font-weight:500;letter-spacing:1.2px;font-size:20px;text-align:left;padding-left:5px}.orderStatusContainer .orderDetails .orderDetailsHeader .status,.orderStatusContainer .orderDetails .orderDetailsHeader .value{width:30%;font-weight:500;letter-spacing:1.2px;font-size:20px;text-align:left}.orderStatusContainer .orderDetails .orderDetailsHeader h1{font-weight:300;letter-spacing:1.2px;font-size:20px;color:#333}.orderStatusContainer .orderDetails .orderRow{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #b7b7b7;height:50px;letter-spacing:1.2px;transition:all .3s ease-in-out;border-top-left-radius:0;border-top-right-radius:0}.orderStatusContainer .orderDetails .orderRow:hover{background-color:#b7b7b7;cursor:pointer;color:#3f3e3e}.orderStatusContainer .orderDetails .orderRow .buyer{width:60%;text-align:left;padding-left:5px}.orderStatusContainer .orderDetails .orderRow h1{font-weight:400;letter-spacing:1.2px;font-size:18px;color:#333}.orderStatusContainer .orderDetails .orderRow .status,.orderStatusContainer .orderDetails .orderRow .value{width:30%;text-align:left}.orderStatusContainer .orderStatusHeader .inventoryButton{width:100px;height:40px;border-radius:7px;outline:none;letter-spacing:1.2px;font-family:Poppins,sans-serif;transition:.3s ease-in-out;border:none;background-color:#00b852;border-color:#00b852;margin-bottom:12px;color:#fff}.orderStatusContainer .orderStatusHeader .inventoryButton:hover{background-color:transparent;color:#333;border:2px solid #838383;cursor:pointer;background-color:#63e39d;border-color:#00b852}@media screen and (max-width: 600px){.orderStatusContainer{width:95%}.orderStatusContainer .orderStatusHeader{flex-direction:column;align-items:flex-start;height:100%}.orderStatusContainer .orderStatusHeader h1{font-weight:500;letter-spacing:1.2px;font-size:5vw;line-height:28px}.orderStatusContainer .orderDetails .orderDetailsHeader h1{font-size:14px;font-weight:300}.orderStatusContainer .orderDetails .orderRow h1{font-size:14px;font-weight:300;text-align:left}}@media screen and (max-width: 350px){.orderStatusContainer .orderDetails .orderRow h1{font-size:4vw;font-weight:300}.orderStatusContainer .orderDetails .orderDetailsHeader h1{font-size:14px;font-weight:300}}.orderDetailsContainer{width:90%;display:flex;align-items:flex-start;justify-content:flex-start;margin:auto;color:#333;text-align:left;flex-direction:column}.orderDetailsContainer .customerOrderID{border:2px solid #b7b7b7;border-radius:5px}.orderDetailsContainer .mainContainer{padding-top:20px;width:90%;flex-wrap:wrap;display:flex;align-items:flex-start;justify-content:space-between}.orderDetailsContainer .mainContainer .sec-1,.sec-2,.sec-3{border:2px solid #b7b7b7;width:100%;padding:20px;border-radius:5px}.orderDetailsContainer .mainContainer{width:100%;border-collapse:collapse;table-layout:fixed}.orderDetailsContainer .mainContainer th,.orderDetailsContainer .mainContainer td{width:50%;padding:12px;border:1px solid #b7b7b7;text-align:left}.orderDetailsContainer .mainContainer h2{height:50px;border-bottom:1px solid #b7b7b7;display:flex;align-items:center;letter-spacing:1.2px}.orderDetailsContainer h1{text-align:center;width:100%;height:50px;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.orderDetailsContainer .mainContainer{display:flex;width:100%;gap:10px}.orderDetailsContainer h1{text-align:center;font-size:20px;font-weight:400}.orderDetailsContainer h2{font-size:18px;font-weight:300;text-transform:capitalize}.orderDetailsContainer .orderId{border:2px solid #313030;border-radius:5px}span{font-weight:100;text-transform:capitalize;font-size:16px}.sec-2,.sec-3,.sec-1{display:flex;flex-direction:column}.sec-2 .innerSec-2,.sec-1 .innerSec-1,.sec-3 .innerSec-3{display:flex}.sec-2 .innerSec-2 .leftPart,.sec-1 .innerSec-1 .leftPart,.sec-3 .innerSec-3 .leftPart{width:50%}.sec-2 .innerSec-2 .rightPart,.sec-1 .innerSec-1 .rightPart,.sec-3 .innerSec-3 .rightPart{width:50%;overflow:hidden}.mainContainer h2,.mainContainer .rightPart h2{font-size:16px}@media screen and (max-width: 600px){.orderDetailsContainer .mainContainer{width:100%;margin:auto}.orderDetailsContainer{width:95%}.mainContainer .rightPart h2{font-size:14px}.orderDetailsContainer .mainContainer h2{height:80px}}.inventoryContainer{width:80%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:auto;color:#333}.inventoryContainer .searchContainer{width:100%;display:flex;align-items:flex-start;justify-content:space-between;border:2px solid #818181;border-radius:10px;color:#333;background-color:#fefffe}.inventoryContainer .searchInput{border:none;outline:none;background-color:transparent;height:40px;padding-left:20px;color:#818181;letter-spacing:1.2px;font-size:16px;width:100%}.inventoryContainer .listContainer h1{font-weight:400;letter-spacing:1.2px;font-size:24px}.inventoryContainer .listContainer .allMedicinesContainer{border:2px solid #818181;border-radius:12px;padding:20px 20px 10px;margin:20px 0;background-color:#fefffe;width:360px}.inventoryContainer .listContainer .allMedicinesContainer .medicine .medicine1Container{display:flex;align-items:flex-start;justify-content:center;border:2px solid red}.inventoryContainer .listContainer .allMedicinesContainer .medicine1Container .medicine1ContainerLeft{width:100px;height:80px}.inventoryContainer .listContainer .allMedicinesContainer .medicine1Container .medicine1ContainerLeft img{width:75px}.inventoryContainer .listContainer .allMedicinesContainer .medicine .medicine1Container .medicine1ContainerRight{display:flex;align-items:flex-start;flex-direction:column}.inventoryContainer .listContainer .mainContainer{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;flex-wrap:wrap;padding:10px 0;gap:20px}.inventoryContainer .listContainer .allMedicinesContainer .medicine .medicine1Container .medicine1ContainerRight h1{margin-top:0;font-size:20px}.inventoryContainer .listContainer .allMedicinesContainer .medicine .medicine1Container .medicine1ContainerRight p{letter-spacing:1.2px;color:#585858;width:100%}.inventoryContainer .listContainer .allMedicinesContainer .medicine .medicine2Container{display:flex;align-items:center;justify-content:space-between;padding:20px}.inventoryContainer .listContainer .allMedicinesContainer .medicine .medicine2Container p{letter-spacing:1.2px}.inStock{color:#070;border-radius:5px;font-weight:500;font-size:30px;background-color:#7efd7e;text-align:center;width:50%}.lowStock{color:#f80;border-radius:5px;font-size:22px;width:50%}.outofStock{color:#df0808;border-radius:5px;font-size:22px;width:50%}.inventoryContainer .listContainer{width:100%;margin-top:10px;color:#333;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.inventoryContainer .listContainer .allMedicineContainer{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:20px;margin-top:20px}.inventoryContainer .listContainer .singleMedicineContainer{display:flex;align-items:flex-start;width:360px;padding:20px 10px;gap:20px;background-color:#fefffe;border-radius:20px;border:2px solid #818181;height:220px}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineLeft{width:40%}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineLeft .imageContainer{width:80%;height:60%;display:flex;align-items:center;justify-content:center;overflow:hidden}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineLeft .imageContainer img{max-width:100%;max-height:100%;object-fit:cover}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight{width:60%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:5px;height:180px}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight .medicineNameHeadingContainer{display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;height:33px;overflow:hidden}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight .medicinePrimaryUseContainer{height:33px;overflow:hidden}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight .medicineQuantityContainer,.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight .medicinePriceContainer{height:50px}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight .medicineStockLabelContainer{height:50px;width:100%;text-align:center;display:flex;align-items:center;justify-content:space-between}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight .medicineNameHeadingContainer h1{font-size:16px}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight .medicinePrimaryUseContainer{overflow:hidden;text-align:left}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight p{font-size:14px;width:100%;text-align:left}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight .medicineStockLabelContainer .outOfStock,.inStock,.lowStock{font-size:20px}.inventoryContainer .listContainer .singleMedicineContainer .singleMedicineRight .medicinePriceContainer .price{font-weight:500}.medicineQuantityContainer,.medicinePriceContainer{width:100%;display:flex;align-items:center;justify-content:flex-start}.medicineInnerDetailLeft{width:43%;text-align:left}.medicineInnerDetailRight{width:57%;text-align:left}.medicineInnerDetailLeft span,.medicineInnerDetailRight span{font-size:16px;font-weight:400}.medicineStockLabelContainer button{width:50%;background-color:transparent;outline:none;border:none;font-size:16px;text-align:end;cursor:pointer;letter-spacing:1.2px;color:#515151;transition:all .3s ease-in-out}.medicineStockLabelContainer button:hover{color:#333}@media screen and (max-width: 480px){.inventoryContainer{width:95%}.inventoryContainer .listContainer .singleMedicineContainer{width:100%}}.mainInventoryDetailContainer{display:flex;align-items:center;justify-content:center;height:100%}.mainInventoryDetailContainer .inventoryDetailContainer{width:500px;display:flex;align-items:flex-start;justify-items:center;flex-direction:column;background-color:#fefffe;border-radius:12px}.mainInventoryDetailContainer .inventoryDetailContainer .inventoryDetailPart1{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;height:40px}.mainInventoryDetailContainer .inventoryDetailContainer .inventoryDetailPart1 .crossIcon{width:20px;cursor:pointer}.mainInventoryDetailContainer .inventoryDetailContainer .inventoryDetailPart2{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:0 10px}.mainInventoryDetailContainer .inventoryDetailContainer .inventoryDetailPart2 .inventoryDetailLeft,.mainInventoryDetailContainer .inventoryDetailContainer .inventoryDetailPart2 .inventoryDetailRight{width:50%;text-align:left}.mainInventoryDetailContainer .inventoryDetailContainer .mainInventoryDetailPart2{display:flex;align-items:end;justify-content:center;flex-direction:column;gap:20px}@media screen and (max-width:480px){.mainInventoryDetailContainer{width:95%;margin:auto}}.requestContainer{color:#333;letter-spacing:1.2px;width:90%;display:flex;align-items:center;justify-content:center;margin:auto;flex-direction:column}.requestContainer .userListHeading{border:3px solid #545454;display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;border-radius:10px;padding:20px}.requestContainer .medicineTable .medicineTableHeading{border:1px solid #878787}.requestContainer .userList{display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:20px;border-radius:10px;margin:5px 0}.requestContainer .userList .iconContainer{display:flex;align-items:center;justify-content:center;gap:10px}.requestContainer{overflow-x:auto}.medicineTable{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}.requestContainer .medicineTable .medicineName,.medicineNameData{width:50%}.requestContainer .medicineTable .dataRow{transition:all .3s ease-in-out;cursor:pointer;animation:fadeIn .5s ease-in-out forwards;border:1px solid #878787}.requestContainer .medicineTable .dataRow:hover{background-color:#959494;color:#fefffe}.requestContainer .medicineTable .medicineNameData{text-align:left}.medicineTable th,.medicineTable td{text-align:center;font-weight:300;height:40px;padding:0 8px}.medicineTable th{background-color:#959494;font-weight:500;color:#333}.iconCell{display:flex;justify-content:center;gap:15px}.iconCell button{background-color:transparent;border:none;outline:none}.icon{cursor:pointer;font-size:1.2rem}.accept{color:green}.reject{color:red}.noRequestsMessage{color:#2f2e2e}.paginationButtonContainer{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;flex-direction:column}.paginationButtonContainer .paginationLeft{display:flex;align-items:center;justify-content:center;gap:10px}.paginationButtonContainer button{background-color:transparent;outline:none;border:none;width:150px;height:50px;border-radius:8px;font-size:18px;cursor:pointer;background-color:#00b852;border-color:#00b852;border:2px solid #00b852;transition:all .3s ease-in-out}.paginationButtonContainer .paginationRight{display:flex;align-items:center;justify-content:center;width:100%;gap:20px}.paginationButtonContainer .paginationRight .pageSection{display:flex;align-items:center;justify-content:center;gap:5px;font-size:20px}.paginationButtonContainer .paginationRight .pageSection input{background-color:transparent;border:none;width:50px;border-bottom:2px solid #2f2e2e;font-size:20px}.paginationButtonContainer .paginationRight .pageSection input:focus{outline:none}.paginationButtonContainer button:hover{background-color:#63e39d}.paginationButtonContainer button:disabled{background-color:#63e39d;border-color:#63e39d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 600px){.requestContainer{width:98%}.requestContainer .medicineTable th,.requestContainer .medicineTable .dataRow{font-size:14px;font-weight:100}.paginationButtonContainer .paginationLeft{gap:5px}.paginationButtonContainer button{width:100px;height:40px}}.acceptPromptContainer{position:relative;min-width:600px;margin:10px auto;padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;background-color:#fefffe;border-radius:12px;box-shadow:0 10px 25px #0000004d;color:#f5f5f5}.acceptPromptContainer input{width:90%;padding:14px 16px;border:2px solid #b0afaf;background-color:transparent;border-radius:8px;font-size:14px;color:#333;letter-spacing:1.1px;text-align:center;transition:border-color .3s ease,box-shadow .3s ease}.acceptPromptContainer input:focus{outline:none;border-color:#00b852}.acceptPromptContainer input::placeholder{color:#7b7a7a}.acceptPromptContainer button{background-color:transparent;outline:none;color:#fff;border:none;font-family:Poppins,sans-serif;letter-spacing:1.2px;font-size:20px;padding:7px 20px;border-radius:12px;transition:all .3s ease-in-out;cursor:pointer;background-color:#00b852;border-color:#00b852}.acceptPromptContainer button:hover{background-color:#63e39d;border-color:#00b852;color:#333}.acceptPromptContainer .closeIcon{position:absolute;top:12px;right:16px;font-size:22px;color:#6b6b6b;cursor:pointer;transition:color .3s ease}@media screen and (max-width: 620px){.acceptPromptContainer{min-width:90%}}.rejectPromptContainer{position:relative;max-width:400px;margin:100px auto;padding:25px 20px;background-color:#fefffe;border-radius:12px;box-shadow:0 0 7px #74747466;color:#333;font-size:18px;font-family:Poppins,sans-serif;text-align:center}.closeIcon{position:absolute;top:12px;right:16px;font-size:22px;color:#6b6b6b;cursor:pointer}.rejectButton{background-color:transparent;color:#f5f5f5;border:none;outline:none;letter-spacing:1.2px;font-size:18px;border:2px solid #ccc;padding:10px 20px;margin:10px;border-radius:8px;transition:all .3s ease-in-out;cursor:pointer;background-color:#00b852;border-color:#00b852}.rejectButton:hover{background-color:#63e39d;border-color:#00b852;color:#333}.successMsg{color:#28a745;margin-top:12px;font-weight:700}.errorMsg{color:#dc3545;margin-top:12px;font-weight:700}.pharmacistContainer{height:100dvh;display:flex;align-items:center;justify-content:center}.pharmacistContainer .pharmacistInnerContainer{width:350px;background-color:#fff;width:450px;height:350px;border-radius:24px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:15px;border:2px solid #b7b7b7}.pharmacistContainer .pharmacistInnerContainer .inputContainer{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;gap:12px}.pharmacistContainer .pharmacistInnerContainer .inputContainer input{width:90%;border:none;padding-left:12px;min-width:90%;height:50px;border-radius:8px;border:2px solid #b7b7b7;background-color:#fff;letter-spacing:1.2px;font-size:18px}.pharmacistContainer .pharmacistInnerContainer .inputContainer input:focus{border:2px solid #b7b7b7;outline:none}.pharmacistContainer .pharmacistInnerContainer .pharmacistLogoContainer img{width:250px;height:60px}.pharmacistContainer .pharmacistInnerContainer .inputContainer button{background:transparent;border:none;background-color:#00b852;border-color:#00b852;border:2px solid #00b852;outline:none;width:90%;cursor:pointer;height:50px;border-radius:8px;letter-spacing:1.2px;font-size:16px;color:#fff}.pharmacistContainer .pharmacistInnerContainer button:hover{background-color:#63e39d}@media screen and (max-width: 480px){.pharmacistContainer .pharmacistInnerContainer{width:95%;min-height:}}.prescriptionContainer{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%}.prescriptionContainer .prescriptionHeadingContainer{display:flex;align-items:center;justify-content:space-between;width:95%;border:2px solid #b7b7b7;padding:5px;border-radius:8px}.prescriptionContainer .prescriptionHeadingContainer .prescriptionLeft{width:70%;text-align:left;padding-left:20px}.prescriptionContainer .prescriptionHeadingContainer .prescriptionLeft p,.prescriptionContainer .prescriptionHeadingContainer .prescriptionRight p{font-size:20px;text-transform:uppercase}.prescriptionContainer .prescriptionHeadingContainer .prescriptionRight{width:30%;text-align:center;padding-left:20px}.prescriptionContainer .prescriptionBodyContainer{width:95%;display:flex;align-items:center;justify-content:center;flex-direction:row}.prescriptionContainer .prescriptionBodyContainer .bodyMainContainer{display:flex;align-items:center;width:100%;justify-content:space-between;border-bottom:2px solid #646363;padding-bottom:5px}.prescriptionContainer .prescriptionBodyContainer .bodyMainContainer .prescriptionBodyLeft{width:70%;text-align:left;padding-left:20px}.prescriptionContainer .prescriptionBodyContainer .bodyMainContainer .prescriptionBodyLeft ul{list-style:none}.prescriptionContainer .prescriptionBodyContainer .bodyMainContainer .prescriptionBodyRight{width:30%;text-align:center;padding-left:20px}.prescriptionContainer .prescriptionBodyContainer .bodyMainContainer .prescriptionBodyRight button{background-color:transparent;outline:none;border:none;background-color:#00b852;border-color:#00b852;border:2px solid #00b852;height:50px;border-radius:5px;width:12vw;font-size:16px;letter-spacing:1.2px;color:#fff;cursor:pointer;transition:all .3s ease-in-out}.prescriptionContainer .prescriptionBodyContainer .bodyMainContainer .prescriptionBodyRight button:hover{background-color:#63e39d}.prescriptionConfirmContainer{width:95%;margin:auto;display:flex;align-items:flex-start;justify-content:center;height:800px}.prescriptionConfirmContainer .prescriptionBox{width:600px;height:90%}.pharmaIDContainer{width:95%;text-align:right}@media screen and (max-width: 800px){.prescriptionContainer .prescriptionBodyContainer .bodyMainContainer .prescriptionBodyRight button{height:40px}}@media screen and (max-width: 620px){.prescriptionContainer .prescriptionHeadingContainer .prescriptionLeft p,.prescriptionContainer .prescriptionHeadingContainer .prescriptionRight p,.prescriptionContainer .prescriptionBodyContainer p{font-size:3vw}.prescriptionContainer .prescriptionBodyContainer .bodyMainContainer .prescriptionBodyRight button{width:20vw;height:30px;font-size:3vw}.prescriptionContainer .prescriptionBodyContainer .bodyMainContainer .prescriptionBodyRight{display:flex;align-items:center}.pharmaIDContainer{font-size:3vw}}.prescriptionConfirmation{width:90%;margin:auto;height:800px;display:flex;align-items:flex-start;justify-content:center}.prescriptionConfirmation .prescriptionBox{width:800px;border:2px solid #6f6e6e;border-radius:12px;background-color:#fff}.prescriptionConfirmation .prescriptionBox .crossContainer{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;height:50px;font-size:24px}.prescriptionConfirmation .prescriptionBox .crossContainer button{font-size:24px;background-color:transparent;outline:none;border:none}.prescriptionConfirmation .prescriptionBox .imageContainer{display:flex;justify-content:center;align-items:center;width:100%;max-width:800px;height:650px;margin:0 auto}.prescriptionConfirmation .prescriptionBox .imageContainer img{width:100%;height:100%;object-fit:contain;display:block}.prescriptionConfirmation .prescriptionBox .buttonContainer{width:60%;margin:auto;padding:20px;display:flex;align-items:center;justify-content:center;gap:10px}.prescriptionConfirmation .prescriptionBox .buttonContainer button{background:transparent;outline:none;border:none;height:50px;border-radius:8px;cursor:pointer}.prescriptionConfirmation .prescriptionBox .buttonContainer .accept{background-color:#00b852;border:2px solid #00b852;color:#fff;width:200px;font-size:18px}.prescriptionConfirmation .prescriptionBox .buttonContainer .accept:hover{background-color:#63e39d}.prescriptionConfirmation .prescriptionBox .buttonContainer .reject{background-color:red;border:2px solid red;color:#fff;width:200px;font-size:18px}.prescriptionConfirmation .prescriptionBox .buttonContainer .reject:hover{background-color:#e36363}@media screen and (max-width: 480px){.prescriptionConfirmation .prescriptionBox .imageContainer{width:90%}}