.barcode{padding:1.5rem 2rem}.barcode__input{display:flex;align-items:center;justify-content:center;-moz-column-gap:10px;column-gap:10px}.barcode__input .el-input{width:250px}.barcode__input .el-input__inner{border:1px solid #215fad;border-radius:8px;height:34px}.barcode__input .blood-icon{height:30px;width:30px}.barcode__input .automatic-barcode-btn{padding:0;border:none;min-height:30px;background-color:transparent;position:relative;top:2px}.barcode__input .automatic-barcode-btn .blood-icon{height:32px;width:32px}.barcode__detailsBlock .PatientCard{width:80%;margin:auto;margin-top:20px}@media(min-width:1300px)and (max-width:1500px){.barcode__detailsBlock .PatientCard{width:92%}}.barcode__detailsBlock .PatientCard .detailsMainBlock{background:#fff;border:1.2px solid #e7e7f7;border-radius:6.40567px;padding:20px}.barcode__detailsBlock .PatientCard .detailsMainBlock .subHeader{display:flex;align-items:center;-moz-column-gap:5px;column-gap:5px}.barcode__detailsBlock .PatientCard .detailsMainBlock .subHeader .title{font-size:20px;font-weight:400;color:#1b2459}.barcode__detailsBlock .PatientCard .detailsMainBlock .subHeader .patient-icon{width:24px;height:24px}.barcode__detailsBlock .PatientCard .detailsMainBlock .patientDetails{padding:10px 5px}.barcode__detailsBlock .PatientCard .detailsMainBlock .patientDetails .input-value .name{font-size:13px;text-transform:uppercase;color:#828282;font-weight:400;display:block;margin-bottom:3px;letter-spacing:.25px}.barcode__detailsBlock .PatientCard .detailsMainBlock .patientDetails .input-value .value{color:#0a2342;font-size:16px;font-weight:500;line-height:20px;overflow-wrap:break-word;letter-spacing:.25px}.barcode__detailsBlock .PatientCard .detailsMainBlock .patientDetails .input-value .value .time{color:#215fad;font-size:14px;padding-left:3px}.barcode__detailsBlock .PatientCard .detailsMainBlock .patientDetails .input-value .specialValue{color:#215fad;font-size:24px;margin-top:5px;font-weight:500;line-height:20px;overflow-wrap:break-word;letter-spacing:.25px}.barcode__detailsBlock .PatientCard .detailsMainBlock .patientDetails .input-value ul li{padding:3px 10px;border:none;max-width:-moz-fit-content;max-width:fit-content;margin:3px 0;background:hsla(0,0%,87.8%,.4);font-size:13px;border-radius:20px;color:#0a5da6}.barcode__detailsBlock .PatientCard.existingPatient .existingHeader h3{background-color:#1b2459;color:#fff;width:-moz-max-content;width:max-content;padding:5px;border-radius:15px 0 0 0;position:relative;right:20px;bottom:20px}.barcode__detailsBlock .PatientCard .generateSuccessText{color:#4bb453;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px;justify-content:center}.barcode__detailsBlock .PatientCard.done-btn{text-align:end}.barcode__detailsBlock .PatientCard.done-btn .success-btn{color:#fff;background-color:#4bb453;line-height:10px;height:36px;min-height:36px;border-radius:10px;border:none}.barcode__detailsBlock .PatientCard.done-btn .success-btn:focus,.barcode__detailsBlock .PatientCard.done-btn .success-btn:hover{background-color:#4bb453;color:#fff}.barcode__activityContainer{background:#fff;border-radius:4px;height:calc(100vh - 135px);overflow:hidden}.barcode__activityContainer .automaticOrdersActivities .activityHeader{border-bottom:1.2px solid #e7e7f7}.barcode__activityContainer .automaticOrdersActivities .activityHeader h3{padding:10px 20px;color:#000;font-weight:500;font-size:17px;letter-spacing:0;text-transform:uppercase}.barcode__activityContainer .automaticOrdersActivities .listOfActivities{padding:10px 10px 10px 20px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .activitiesLists{height:calc(100vh - 250px);overflow:auto}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .activitiesLists .eachList{padding-bottom:10px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .activitiesLists .eachList .accessionId{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .activitiesLists .eachList .accessionId h4{color:#1b2459;font-weight:500;font-size:16px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .activitiesLists .eachList .reasonDes{color:#000;font-weight:400;font-size:14px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .activitiesLists .eachList .activityTime{color:#828282;font-weight:400;font-size:14px;margin-top:3px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .listOfActivitiesPaginations{display:flex;align-items:center;justify-content:center;border:1px solid #215fad;border-radius:10px;overflow:hidden;padding:3px;margin-top:10px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .listOfActivitiesPaginations .el-pagination__jump{margin-left:5px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .listOfActivitiesPaginations .el-pagination .btn-prev{padding-right:5px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .listOfActivitiesPaginations .el-pagination .btn-next{padding-left:5px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .listOfActivitiesPaginations .el-pagination .el-select .el-input{width:85px;margin:0 5px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .listOfActivitiesPaginations .el-pagination__total{margin-right:20px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .listOfActivitiesPaginations .el-pagination__jump{display:none}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .listOfActivitiesPaginations .el-pagination__sizes .el-input .el-input__inner{border-color:#828282;border-radius:7px}.barcode__activityContainer .automaticOrdersActivities .listOfActivities .listOfActivitiesPaginations .el-select__caret{color:#000!important;font-weight:900!important}.barcode .generateProgress .el-progress-bar__outer{width:75%;margin-top:20px!important;margin:auto}.barcode .generateProgress .el-progress.is-exception .el-progress-bar__inner,.barcode .generateProgress .el-progress.is-success .el-progress-bar__inner{background:linear-gradient(90.15deg,#273480 .11%,#bf1b39 100.62%)}.barcode .generateProgress .el-progress-bar__outer{background-color:#fff;border-radius:7px}.barcode .generateProgress .el-progress__text i{margin-top:20px}.barcode .addApprovalBtn{text-align:end}.barcode .addApprovalBtn .btn{padding:14px;margin-top:.8rem;font-size:16px;font-weight:400;border:none;border-radius:5px}.barcode .addApprovalBtn .btn,.barcode .addApprovalBtn .btn:active,.barcode .addApprovalBtn .btn:focus,.barcode .addApprovalBtn .btn:hover{color:#fff;background-color:#bf1b39}