.btn.createBtn{border-radius:4px;border:1px solid #5090f8;color:#fff;font-size:1rem}@media screen and (max-width: 1440px){.btn.createBtn{font-size:.9375rem}}@media screen and (max-width: 1280px){.btn.createBtn{font-size:.875rem}}@media screen and (max-width: 1025px){.btn.createBtn{font-size:.8125rem}}.btn.createBtn{font-family:"Avenir-Heavy"}[dir=rtl] .btn.createBtn{font-family:"Almarai-Bold"}.btn.createBtn{min-height:44px;background:#5090f8}.btn.createBtn:hover{background:#96bcfb;color:#fff;border-color:#96bcfb;opacity:1}.attachementsKeyText{color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .attachementsKeyText{font-family:"Almarai-Light"}.attachementsKeyText{font-size:.75rem}@media screen and (max-width: 1440px){.attachementsKeyText{font-size:.6875rem}}@media screen and (max-width: 1280px){.attachementsKeyText{font-size:.625rem}}@media screen and (max-width: 1025px){.attachementsKeyText{font-size:.5625rem}}.popupScroller{overflow:auto;height:74vh}.wfAlignMent{margin-top:-14px}.payments h1{font-size:1.9375rem}@media screen and (max-width: 1440px){.payments h1{font-size:1.875rem}}@media screen and (max-width: 1280px){.payments h1{font-size:1.8125rem}}@media screen and (max-width: 1025px){.payments h1{font-size:1.75rem}}.payments h1{font-family:"Avenir-Roman"}[dir=rtl] .payments h1{font-family:"Almarai-Light"}.payments h1{color:#384150}.proceedMain{display:flex;justify-content:space-between;align-items:center}.proceedMain h4{color:#8994a5}.proceedMain p{color:#000001;font-size:1.625rem}@media screen and (max-width: 1440px){.proceedMain p{font-size:1.5625rem}}@media screen and (max-width: 1280px){.proceedMain p{font-size:1.5rem}}@media screen and (max-width: 1025px){.proceedMain p{font-size:1.4375rem}}.proceedMain p{margin-top:12px}.proceedMain button{background-color:#eb8b2d}.footerButton{display:flex;justify-content:space-between}.footerButton .totalAmount h4{color:#8994a5}.footerButton .totalAmount h4 span.totalInvoiceCount{font-family:"Avenir-Roman"}[dir=rtl] .footerButton .totalAmount h4 span.totalInvoiceCount{font-family:"Almarai-Light"}.footerButton .totalAmount h4 span.totalInvoiceCount{font-size:.875rem}@media screen and (max-width: 1440px){.footerButton .totalAmount h4 span.totalInvoiceCount{font-size:.8125rem}}@media screen and (max-width: 1280px){.footerButton .totalAmount h4 span.totalInvoiceCount{font-size:.75rem}}@media screen and (max-width: 1025px){.footerButton .totalAmount h4 span.totalInvoiceCount{font-size:.6875rem}}.footerButton .totalAmount h4 span.totalInvoiceCount{color:#384150}.footerButton .totalAmount h4.fetchingUpdates{font-size:1rem}@media screen and (max-width: 1440px){.footerButton .totalAmount h4.fetchingUpdates{font-size:.9375rem}}@media screen and (max-width: 1280px){.footerButton .totalAmount h4.fetchingUpdates{font-size:.875rem}}@media screen and (max-width: 1025px){.footerButton .totalAmount h4.fetchingUpdates{font-size:.8125rem}}.footerButton .totalAmount h4.fetchingUpdates{font-family:"Avenir-Medium"}[dir=rtl] .footerButton .totalAmount h4.fetchingUpdates{font-family:"Almarai-Regular"}.footerButton .totalAmount h4.fetchingUpdates{color:#000001}.footerButton .totalAmount p{color:#000001;font-size:1.625rem}@media screen and (max-width: 1440px){.footerButton .totalAmount p{font-size:1.5625rem}}@media screen and (max-width: 1280px){.footerButton .totalAmount p{font-size:1.5rem}}@media screen and (max-width: 1025px){.footerButton .totalAmount p{font-size:1.4375rem}}.footerButton .totalAmount p{margin-top:12px}.footerButton span{font-size:1.375rem}@media screen and (max-width: 1440px){.footerButton span{font-size:1.3125rem}}@media screen and (max-width: 1280px){.footerButton span{font-size:1.25rem}}@media screen and (max-width: 1025px){.footerButton span{font-size:1.1875rem}}.footerButton span{margin-right:10px}.btn.backbtn{color:#5090f8;border:1px solid #5090f8}.rejectBtn{margin-right:20px}.footerMain.container,.proceedMain.container{position:fixed;bottom:0;background-color:#fff;padding:15px 25px;z-index:50;margin:0 auto;box-shadow:0 0 8px 0 rgba(56,65,80,.22)}.approveBtn,.rejectBtn{width:131px;height:44px}.footerButton .btn>i{font-size:1.375rem}@media screen and (max-width: 1440px){.footerButton .btn>i{font-size:1.3125rem}}@media screen and (max-width: 1280px){.footerButton .btn>i{font-size:1.25rem}}@media screen and (max-width: 1025px){.footerButton .btn>i{font-size:1.1875rem}}.scheduleMargin{padding:5px 45px 10px !important}.scheduleMargin .createPaymentPopUp{margin-bottom:10px !important}.scheduleMargin .radioCss{margin-bottom:5px !important}.schedulePopupMargin{margin-bottom:8px}.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.billsDueDate .scheduleDate{width:70%}.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.billsDueDate .allUserSlct{width:35%}.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.dependentBirth .react-datepicker-wrapper{display:block}.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.dependentBirth .react-datepicker-popper .react-datepicker__header__dropdown{display:flex;justify-content:space-around;margin-top:.5rem;margin-right:20px}.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.dependentBirth .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-read-view--down-arrow,.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.dependentBirth .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-read-view--down-arrow,.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.dependentBirth .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-year-read-view--down-arrow{top:4px;margin-left:30px}.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.dependentBirth .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-dropdown,.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.dependentBirth .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-dropdown{top:40px}.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.dependentBirth .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-dropdown .react-datepicker__navigation,.createPaymentPopupMain .sadadBillsBody .createPaymentPopUp.schedule.dependentBirth .react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-dropdown .react-datepicker__navigation{top:0px !important}.createPaymentPopupMain .createPaymentBody{padding:25px 45px 10px;max-height:75vh}.createPaymentPopupMain .createPaymentBody .createPaymentPopUp{align-items:center}.createPaymentPopupMain .createPaymentBody .createPaymentPopUp>label{padding-bottom:0}.createPaymentPopupMain .createPaymentBtn{padding-left:45px;padding-right:46px}.errorMessage{color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.errorMessage{font-size:.8125rem}}@media screen and (max-width: 1280px){.errorMessage{font-size:.75rem}}@media screen and (max-width: 1025px){.errorMessage{font-size:.6875rem}}.errorMessage{line-height:1.5;padding-top:5px}.createPaymentPopUp .allUserSlct,.paymentRadioBtn{width:70%;cursor:pointer}.sharelogPopupBtn{display:flex;align-items:baseline;justify-content:space-between}.createPaymentPopUp{margin-bottom:15px;display:flex;align-items:baseline;justify-content:space-between}.createPaymentPopUp>label{display:block;color:#384150;line-height:1.5;padding-bottom:.4rem;padding-top:0rem;font-family:"Avenir-Medium"}[dir=rtl] .createPaymentPopUp>label{font-family:"Almarai-Regular"}.createPaymentPopUp .allUserSlct>input{border-radius:4px;padding:9px;border:1px solid #dbe1e9;font-family:"Avenir-Roman"}[dir=rtl] .createPaymentPopUp .allUserSlct>input{font-family:"Almarai-Light"}.createPaymentPopUp .IbanField>div>input{border-radius:4px;padding:9px;border:1px solid #dbe1e9;width:190px}.IbanWidth{width:48%}.createPaymentPopUp .allUserLabel{width:30%;font-size:.875rem}@media screen and (max-width: 1440px){.createPaymentPopUp .allUserLabel{font-size:.8125rem}}@media screen and (max-width: 1280px){.createPaymentPopUp .allUserLabel{font-size:.75rem}}@media screen and (max-width: 1025px){.createPaymentPopUp .allUserLabel{font-size:.6875rem}}.createPaymentPopUp .btn{background-color:#eb8b2d;width:70%;padding:15px 0px;font-family:"Avenir-Roman"}[dir=rtl] .createPaymentPopUp .btn{font-family:"Almarai-Light"}.createPaymentPopUp .btn{font-size:1rem}@media screen and (max-width: 1440px){.createPaymentPopUp .btn{font-size:.9375rem}}@media screen and (max-width: 1280px){.createPaymentPopUp .btn{font-size:.875rem}}@media screen and (max-width: 1025px){.createPaymentPopUp .btn{font-size:.8125rem}}.select__placeholder{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .select__placeholder{font-family:"Almarai-Light"}.allUserSlct.inputWidth{width:34%}.createPaymentPopUp textarea,.createPaymentPopUp .w70{border:1px solid #dbe1e9;border-radius:4px;padding:9px}.createPaymentPopUp .w70{width:70%}.w35{border:1px solid #dbe1e9;border-radius:4px;padding:9px}.groupBadgeStyles{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.groupBadgeStyles{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupBadgeStyles{font-size:.75rem}}@media screen and (max-width: 1025px){.groupBadgeStyles{font-size:.6875rem}}.groupBadgeStyles{font-family:"Avenir-Roman"}[dir=rtl] .groupBadgeStyles{font-family:"Almarai-Light"}.groupBadgeStyles{margin:10px 0;padding-left:7px}.paymentRadioBtn{padding-top:6px}.paymentRadioBtn label{margin-right:18px;margin-bottom:15px;display:inline-block;cursor:pointer;line-height:initial;font-family:"Avenir-Roman"}[dir=rtl] .paymentRadioBtn label{font-family:"Almarai-Light"}.paymentRadioBtn label:last-child{margin-bottom:0}.fundTransfer{align-self:flex-start}.allUserSlct.w20{width:23%;display:inline-block}.allUserSlct.w47{width:68%}.amountFiledWidth{width:35%}.scheduleDate{position:relative}.schedule .icon{position:absolute;right:9px;font-size:1.1875rem}@media screen and (max-width: 1440px){.schedule .icon{font-size:1.125rem}}@media screen and (max-width: 1280px){.schedule .icon{font-size:1.0625rem}}@media screen and (max-width: 1025px){.schedule .icon{font-size:1rem}}.schedule .icon{color:#8994a5;top:14px}.createPaymentFooter{background-color:#2a345e;display:flex;justify-content:space-between;color:#dbe1e9;padding:15px 0px;font-size:.875rem}@media screen and (max-width: 1440px){.createPaymentFooter{font-size:.8125rem}}@media screen and (max-width: 1280px){.createPaymentFooter{font-size:.75rem}}@media screen and (max-width: 1025px){.createPaymentFooter{font-size:.6875rem}}.createPaymentFooter{font-family:"Avenir-Roman"}[dir=rtl] .createPaymentFooter{font-family:"Almarai-Light"}.createPaymentFooter{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.createPaymentFooter span{position:relative}.createPaymentFooter span.icon-security.mr-2{position:absolute;left:-25px;font-size:1.375rem}@media screen and (max-width: 1440px){.createPaymentFooter span.icon-security.mr-2{font-size:1.3125rem}}@media screen and (max-width: 1280px){.createPaymentFooter span.icon-security.mr-2{font-size:1.25rem}}@media screen and (max-width: 1025px){.createPaymentFooter span.icon-security.mr-2{font-size:1.1875rem}}.createPaymentFooter span.icon-security.mr-2{top:-5px}.noBorder{border:0}.createPaymentPopUp .noBorder{padding:0;border:0}.attachmentMedia{display:flex}.attachmentMedia .image{position:relative}.attachmentMedia .image>i{position:absolute;top:-5px;right:-7px;color:#8994a5;cursor:pointer}.attachmentMedia .image img{width:18px;height:20px;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.attachmentMedia.attachDcmnts{margin-bottom:10px}.isWFNotDefined{flex:1}.paymentAttach .attachmentMedia.attachDcmnts{flex-wrap:wrap;flex-direction:row}.paymentAttach .attachmentMedia.attachDcmnts .image{margin-top:8px;word-break:break-all}.paymentAttach .attachmentMedia.attachDcmnts .image i.icon-cross-mark-filled{right:auto;left:9px}.paymentAttach .attachmentMedia.attachDcmnts .image div>div{padding-left:12px;line-height:initial;width:100px;max-width:100px;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.paymentAttach>input{width:110px}.transactionDetails .attachmentMedia.attachDcmnts .image span .attachedFile{padding-left:12px;line-height:initial;max-width:210px;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.transactionDetails .porAttachMents .image i.icon-cross-mark-filled{right:auto;left:9px}.createPayScdl{width:48%}.createPaymentPopUp.attachment .allUserLabel{align-self:flex-start}.paymentOtp textarea{padding:10px;font-size:.875rem}@media screen and (max-width: 1440px){.paymentOtp textarea{font-size:.8125rem}}@media screen and (max-width: 1280px){.paymentOtp textarea{font-size:.75rem}}@media screen and (max-width: 1025px){.paymentOtp textarea{font-size:.6875rem}}.paymentOtp textarea{font-family:"Avenir-Medium"}[dir=rtl] .paymentOtp textarea{font-family:"Almarai-Regular"}.paymentOtp textarea{line-height:17px;resize:none}.paymentOtp.msgPopup textarea.defaultTextBox{border-radius:4px;border:1px solid #dbe1e9;margin-top:0px}.paymentOtp.msgPopup .btn-reject{background-color:#eb3223}.paymentOtp.msgPopup .btn-reject.sendBtn{background-color:#5090f8}.alertFail{text-align:center}.alertFail .logoAlert{height:65px}.paymentDate .react-datepicker-popper[data-placement^=bottom]{transform:translate3d(-110px, 40px, 0px) !important}.paymentDate .react-datepicker__triangle{left:265px !important}.paymentDate .react-datepicker-popper[data-placement^=top]{left:-118px !important}.paymentDate.scheduleDatePicker .react-datepicker-popper[data-placement^=top]{left:0px !important}.transactionDetails.createPayment .createPaymentPopupMain.sadadBill .createPaymentBody.sadadBillsBody{max-height:100%;overflow:initial}.transactionDetails.createPayment .createPaymentPopupMain.sadadBill .createPaymentBody.sadadBillsBody .createPaymentPopUp .fundTransfer{align-self:inherit;padding-top:.5rem}.transactionDetails.createPayment .createPaymentPopupMain.sadadBill .createPaymentPopUp.createPaymentBtn{justify-content:flex-end;padding-left:46px;padding-right:46px}.transactionDetails.createPayment .createPaymentPopupMain.sadadBill .createPaymentPopUp.createPaymentBtn button.w50{width:33.8%;padding:9px;min-width:auto}.popup-overlay-pay .transactionDetails .toggleInvoice{font-size:1.25rem}@media screen and (max-width: 1440px){.popup-overlay-pay .transactionDetails .toggleInvoice{font-size:1.1875rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .transactionDetails .toggleInvoice{font-size:1.125rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .transactionDetails .toggleInvoice{font-size:1.0625rem}}.popup-overlay-pay .transactionDetails .toggleInvoice{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .popup-overlay-pay .transactionDetails .toggleInvoice{font-family:"Almarai-Regular"}.popup-overlay-pay .transactionDetails .toggleInvoice{cursor:pointer}.sliderPopup .transactionDetails .isInvoiceHeading{padding-bottom:0}.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle{position:relative;transition:.5s ease all;display:inline-block;padding-bottom:24px;cursor:pointer;color:#8994a5;font-size:1.125rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle{font-size:1.0625rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle{font-size:1rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle{font-size:.9375rem}}.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle{font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle,[dir=rtl] .sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle,[dir=rtl] .sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle::after,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle::after,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background-color:#eb8b2d;transition:.5s ease all}.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle:hover::after,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle:hover::after,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle:hover::after{width:100%}.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle.active{color:#000001;font-size:1.125rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle.active{font-size:1.0625rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle.active{font-size:1rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle.active{font-size:.9375rem}}.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle.active,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle.active{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle.active,[dir=rtl] .sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle.active,[dir=rtl] .sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle.active{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails .isInvoiceHeading .isInvoicePayTitle.active::after,.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle.active::after,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle.active::after{width:100%}.sliderPopup .transactionDetails .isInvoiceHeading .isInvoiceTitle,.sliderPopup .transactionDetails .isInvoiceHeading .isBenDetailesTitle{margin-left:40px}.sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child{color:#000001;font-size:1.125rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child{font-size:1.0625rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child{font-size:1rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child{font-size:.9375rem}}.sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child{padding-bottom:24px}.sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child.noActive{color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child.noActive{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails .createPaymentPopupMain .createPaymentBody{max-height:initial;padding:0}.sliderPopup .transactionDetails .createPaymentPopupMain .createPaymentBody .sliderPopupBody .paymentsBodyPopupSpace .formControl.schedule .scheduleDate.paymentDate{width:48%}.sliderPopup .transactionDetails .createPaymentPopupMain .createPaymentBody .sliderPopupBody .paymentsBodyPopupSpace .formControl.schedule .scheduleDate.paymentDate .react-datepicker-wrapper .DatePickerField{width:198px}.sliderPopup .transactionDetails .createPaymentPopupMain .createPaymentBody .createPaymentBtn.btnScheduleCalendar .btn-primary.w-100{width:87%;border-top-right-radius:0px;border-bottom-right-radius:0px}.sliderPopup .transactionDetails .createPaymentPopupMain .createPaymentBody .createPaymentBtn.btnScheduleCalendar .scheduleCalndr.btn-primary{min-width:initial;border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:1px solid #eb8b2d}.sliderPopup .transactionDetails .createPaymentPopupMain .createPaymentBody .createPaymentBtn.btnScheduleCalendar .scheduleCalndr.btn-primary .icon-ScheduleCalendar{position:relative;top:1px}.transactionDetails .invoiceDetails{font-size:1.5rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceDetails{font-size:1.4375rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceDetails{font-size:1.375rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceDetails{font-size:1.3125rem}}.transactionDetails .invoiceDetails{text-align:center;display:flex;flex-direction:row;padding:20px 0;margin:0px 35px}.transactionDetails .invoiceDetails .invoices{padding-right:20px;color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .invoiceDetails .invoices{font-family:"Almarai-Bold"}.transactionDetails .invoiceDetails .invoices{font-size:1.125rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceDetails .invoices{font-size:1.0625rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceDetails .invoices{font-size:1rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceDetails .invoices{font-size:.9375rem}}.transactionDetails .invoiceDetails .invoices{line-height:1.3}.transactionDetails .invoiceDetails .invoices:not(:last-child){margin-right:20px;border-right:2px solid #8994a5}.transactionDetails .invoiceContent .mainDetails .invoiceNum{font-size:1rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceContent .mainDetails .invoiceNum{font-size:.9375rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceContent .mainDetails .invoiceNum{font-size:.875rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceContent .mainDetails .invoiceNum{font-size:.8125rem}}.transactionDetails .invoiceContent .mainDetails .invoiceNum{color:#384150;line-height:1.3}.transactionDetails .invoiceContent .invoiceTableBody .isFlex.spacing .invoiceNum:last-child{margin-right:18px}.transactionDetails .invoiceContent .mainDetails .invoiceFont{font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .invoiceContent .mainDetails .invoiceFont{font-family:"Almarai-Bold"}.transactionDetails .invoiceContent .invoiceTable{display:block;width:100%;margin-top:16px}.transactionDetails .invoiceContent .invoiceTable.isInvoiceTablePadding{padding:0;margin-top:0}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody{background-color:#fff;margin:20px 20px;padding:15px;border-radius:4px;padding-bottom:0}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .isFlex.spacing{align-items:flex-start}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .isFlex.spacing .itemsSections{width:85%}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .isFlex.spacing .itemsSections .invoiceNum{margin-bottom:10px;margin-right:25px}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .isFlex.spacing .toggleDetails{width:12%}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .isFlex.spacing .toggleDetails span{color:#5090f8;padding-right:6px}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .isFlex.spacing .toggleDetails span:last-child{padding-right:0}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .isFlex.spacing .toggleDetails.upArrow .icon-down-arrow{transform:rotate(180deg) scale(1);transition:.5s}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab{margin-top:16px}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .po-wrapper{border-bottom:1px solid #dbe1e9;padding-bottom:28px;margin-bottom:20px}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr{display:flex;align-items:center;justify-content:space-between}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td{font-family:"Almarai-Regular"}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td:last-child{font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td:last-child{font-family:"Almarai-Light"}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td:last-child{font-size:1rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td:last-child{font-size:.9375rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td:last-child{font-size:.875rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td:last-child{font-size:.8125rem}}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isDiscountAmnt .invoice-td:last-child{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isDiscountAmnt .invoice-td:last-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isDiscountAmnt .invoice-td:last-child{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isDiscountAmnt .invoice-td:last-child{font-size:.6875rem}}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isDiscountAmnt .invoice-td:last-child{color:#000001;font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isDiscountAmnt .invoice-td:last-child{font-family:"Almarai-Light"}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalAmntExcldngVAT .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalInvceAmnt .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isPrepaidAmount .invoice-td:first-child{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalAmntExcldngVAT .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalInvceAmnt .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isPrepaidAmount .invoice-td:first-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalAmntExcldngVAT .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalInvceAmnt .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isPrepaidAmount .invoice-td:first-child{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalAmntExcldngVAT .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalInvceAmnt .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isPrepaidAmount .invoice-td:first-child{font-size:.6875rem}}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalAmntExcldngVAT .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isTotalInvceAmnt .invoice-td:first-child,.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isPrepaidAmount .invoice-td:first-child{color:#000001}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isVatAmount .invoice-td:last-child{font-size:1rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isVatAmount .invoice-td:last-child{font-size:.9375rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isVatAmount .invoice-td:last-child{font-size:.875rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isVatAmount .invoice-td:last-child{font-size:.8125rem}}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isVatAmount .invoice-td:last-child{color:#000001;font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr.isVatAmount .invoice-td:last-child{font-family:"Almarai-Light"}.transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTop{padding-bottom:15px}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow{clear:both}.popup-overlay-pay .sliderPopup .transactionDetails .invoicePopup.mainDetails{padding:0}.popup-overlay-pay .transactionDetails .invoicePopup .invoiceTableBody .isFlex.spacing:first-child{margin-bottom:0}.popup-overlay-pay .transactionDetails .invoicePopup .invoiceTableBody .isFlex.spacing{margin:0;padding:0;margin-bottom:30px}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead{font-size:.6875rem}}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead{font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead{font-family:"Almarai-Bold"}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead{color:#8994a5}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead,.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell{border:1px solid #dbe1e9;float:left;padding:15px 6px}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead.sNum,.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell.sNum{width:45px}.popup-overlay-pay .transactionDetails .purchaseOrderTab .po-wrapper .invoiceTable{border-left:4px solid #8994a5}.popup-overlay-pay .transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead.invoiceDesc,.popup-overlay-pay .transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell.invoiceDesc{width:164px}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead.untPrice,.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell.untPrice,.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead.invAmnt,.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell.invAmnt{width:132px}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead.inQuantity,.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell.inQuantity{width:66px}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell{font-size:.6875rem}}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell{font-family:"Avenir-Medium"}[dir=rtl] .transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell{font-family:"Almarai-Regular"}.transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell{color:#384150;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.popup-overlay-pay .transactionDetails .invoiceContent .invoiceTable .invoiceTableRow span.invoiceAmnt{font-family:"Avenir-Heavy"}[dir=rtl] .popup-overlay-pay .transactionDetails .invoiceContent .invoiceTable .invoiceTableRow span.invoiceAmnt{font-family:"Almarai-Bold"}.transactionDetails .invoiceContent .invoiceTable:after{visibility:hidden;display:block;font-size:0rem}@media screen and (max-width: 1440px){.transactionDetails .invoiceContent .invoiceTable:after{font-size:-0.0625rem}}@media screen and (max-width: 1280px){.transactionDetails .invoiceContent .invoiceTable:after{font-size:-0.125rem}}@media screen and (max-width: 1025px){.transactionDetails .invoiceContent .invoiceTable:after{font-size:-0.1875rem}}.transactionDetails .invoiceContent .invoiceTable:after{content:" ";clear:both;height:0}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.jointApproval{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.jointApproval{font-size:.9375rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.jointApproval{font-size:.875rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.jointApproval{font-size:.8125rem}}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.jointApproval{font-family:"Avenir-Heavy"}[dir=rtl] .popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.jointApproval{font-family:"Almarai-Bold"}.popup-overlay-pay .sucessPayment h4 .failedPayntErrorText{color:#eb3223}.popup-overlay-pay .sucessPayment h4 .onHoldPayntErrorText{color:#efc81f}.dateTimeColor{color:#384150}.scheduleOptionalTxt{color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .scheduleOptionalTxt{font-family:"Almarai-Regular"}.scheduleOptionalTxt{font-size:.875rem}@media screen and (max-width: 1440px){.scheduleOptionalTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.scheduleOptionalTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.scheduleOptionalTxt{font-size:.6875rem}}.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg{font-size:.8125rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg{font-size:.75rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg{font-size:.6875rem}}.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg{font-family:"Avenir-Roman"}[dir=rtl] .popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg{font-family:"Almarai-Light"}.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg{line-height:initial;align-items:baseline;padding-top:5px}.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg .assignRoleTxt{color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg .assignRoleTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg .assignRoleTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg .assignRoleTxt{font-size:.6875rem}}.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg .assignRoleTxt{font-family:"Avenir-Roman"}[dir=rtl] .popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg .assignRoleTxt{font-family:"Almarai-Light"}.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg .assignRoleTxt{line-height:initial;display:inline-block}.popup-overlay-pay .sliderPopup .formControl input::placeholder{font-size:.875rem}@media screen and (max-width: 1440px){.popup-overlay-pay .sliderPopup .formControl input::placeholder{font-size:.8125rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .sliderPopup .formControl input::placeholder{font-size:.75rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .sliderPopup .formControl input::placeholder{font-size:.6875rem}}.paymentStatus.cancelApproval{align-items:center}.paymentStatus.cancelApproval .paymentButtons{display:flex;align-items:center;margin-top:-5px}.paymentStatus.cancelApproval .paymentButtons span{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.paymentStatus.cancelApproval .paymentButtons span{font-size:.8125rem}}@media screen and (max-width: 1280px){.paymentStatus.cancelApproval .paymentButtons span{font-size:.75rem}}@media screen and (max-width: 1025px){.paymentStatus.cancelApproval .paymentButtons span{font-size:.6875rem}}.paymentStatus.cancelApproval .paymentButtons span{font-family:"Avenir-Roman"}[dir=rtl] .paymentStatus.cancelApproval .paymentButtons span{font-family:"Almarai-Light"}.paymentStatus.cancelApproval .paymentButtons span{line-height:initial;text-align:right;max-width:270px}.commentPayment.cancleApprComnt button.btn-primary{background-color:#eb8b2d}.commentPayment.cancleApprComnt h3{margin:0px 40px 24px}.isAttacheFileContainer{border:1px dashed #dbe1e9;padding:25px 16px;transition:background-color .01s linear .01s;border-radius:4px;position:relative}.isAttacheFileContainer .issueDropZone{text-align:center}.isAttacheFileContainer .issueDropZone .issueDropZoneText{width:inherit;height:inherit;font-size:.875rem}@media screen and (max-width: 1440px){.isAttacheFileContainer .issueDropZone .issueDropZoneText{font-size:.8125rem}}@media screen and (max-width: 1280px){.isAttacheFileContainer .issueDropZone .issueDropZoneText{font-size:.75rem}}@media screen and (max-width: 1025px){.isAttacheFileContainer .issueDropZone .issueDropZoneText{font-size:.6875rem}}.isAttacheFileContainer .issueDropZone .issueDropZoneText{color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .isAttacheFileContainer .issueDropZone .issueDropZoneText{font-family:"Almarai-Light"}.isAttacheFileContainer .issueDropZone .issueDropZoneText{display:flex;align-items:center;justify-content:center}.isAttacheFileContainer .issueDropZone .issueDropZoneText .icon-Browse{font-size:1.25rem}@media screen and (max-width: 1440px){.isAttacheFileContainer .issueDropZone .issueDropZoneText .icon-Browse{font-size:1.1875rem}}@media screen and (max-width: 1280px){.isAttacheFileContainer .issueDropZone .issueDropZoneText .icon-Browse{font-size:1.125rem}}@media screen and (max-width: 1025px){.isAttacheFileContainer .issueDropZone .issueDropZoneText .icon-Browse{font-size:1.0625rem}}.isAttacheFileContainer .issueDropZone .issueDropZoneText .icon-Browse{padding-right:5px;margin-top:-2px}.isAttacheFileContainer .issueDropZone .issueDropZoneText .attachBtn{border:0;background:rgba(0,0,0,0);font-family:"Avenir-Heavy"}[dir=rtl] .isAttacheFileContainer .issueDropZone .issueDropZoneText .attachBtn{font-family:"Almarai-Bold"}.isAttacheFileContainer .issueDropZone .issueDropZoneText .attachBtn{font-size:.875rem}@media screen and (max-width: 1440px){.isAttacheFileContainer .issueDropZone .issueDropZoneText .attachBtn{font-size:.8125rem}}@media screen and (max-width: 1280px){.isAttacheFileContainer .issueDropZone .issueDropZoneText .attachBtn{font-size:.75rem}}@media screen and (max-width: 1025px){.isAttacheFileContainer .issueDropZone .issueDropZoneText .attachBtn{font-size:.6875rem}}.isAttacheFileContainer .issueDropZone .issueDropZoneText .attachBtn{color:#5090f8}.isAttacheFileContainer .issueDropZone .notAllowed{font-family:"Avenir-Roman"}[dir=rtl] .isAttacheFileContainer .issueDropZone .notAllowed{font-family:"Almarai-Light"}.isAttacheFileContainer .issueDropZone .notAllowed{font-size:.75rem}@media screen and (max-width: 1440px){.isAttacheFileContainer .issueDropZone .notAllowed{font-size:.6875rem}}@media screen and (max-width: 1280px){.isAttacheFileContainer .issueDropZone .notAllowed{font-size:.625rem}}@media screen and (max-width: 1025px){.isAttacheFileContainer .issueDropZone .notAllowed{font-size:.5625rem}}.isAttacheFileContainer .issueDropZone .notAllowed{color:#8994a5;padding-top:10px;display:inline-block}.isAttacheFileContainer .uploadProgressBar{position:relative;padding-left:42px;padding-right:26px}.isAttacheFileContainer .uploadProgressBar .uploadThumbNail{border:none;width:34px;height:34px;box-sizing:border-box;overflow:hidden;position:absolute;left:0}.isAttacheFileContainer .uploadProgressBar .uploadThumbNail .ThumbNailImg{min-width:100%;max-height:100%;min-height:100%}.isAttacheFileContainer .uploadProgressBar .FileName{color:#8994a5;height:25px;display:block;margin-right:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:.75rem}@media screen and (max-width: 1440px){.isAttacheFileContainer .uploadProgressBar .FileName{font-size:.6875rem}}@media screen and (max-width: 1280px){.isAttacheFileContainer .uploadProgressBar .FileName{font-size:.625rem}}@media screen and (max-width: 1025px){.isAttacheFileContainer .uploadProgressBar .FileName{font-size:.5625rem}}.isAttacheFileContainer .uploadProgressBar .FileName{font-family:"Avenir-Roman"}[dir=rtl] .isAttacheFileContainer .uploadProgressBar .FileName{font-family:"Almarai-Light"}.isAttacheFileContainer .uploadProgressBar .FileName{max-width:300px}.isAttacheFileContainer .uploadProgressBar .FileSize{position:absolute;right:42px;top:0;color:#8994a5;box-shadow:-5px 0 10px #fff;font-size:.75rem}@media screen and (max-width: 1440px){.isAttacheFileContainer .uploadProgressBar .FileSize{font-size:.6875rem}}@media screen and (max-width: 1280px){.isAttacheFileContainer .uploadProgressBar .FileSize{font-size:.625rem}}@media screen and (max-width: 1025px){.isAttacheFileContainer .uploadProgressBar .FileSize{font-size:.5625rem}}.isAttacheFileContainer .uploadProgressBar .FileSize{font-family:"Avenir-Roman"}[dir=rtl] .isAttacheFileContainer .uploadProgressBar .FileSize{font-family:"Almarai-Light"}.isAttacheFileContainer .uploadProgressBar .uploadedProgressBar{height:5px;background:#dbe1e9;display:block;border-radius:3px}.isAttacheFileContainer .uploadProgressBar .uploadedProgressBar .uploadedProgressBarStatus{background:#5090f8;height:100%;display:block;width:0%;transition:width .1s linear}.isAttacheFileContainer .uploadProgressBar .uploadedProgressBar .uploadedProgressBarStatus.uploadFinished{background:#62bd69}.isAttacheFileContainer .uploadProgressBar .uploadedProgressBar .uploadedProgressBarStatus.uploadFailed{background:#eb3223}.isAttacheFileContainer .uploadProgressBar .uploadProgressBarControl{position:absolute;right:0;top:15px}.isAttacheFileContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{position:absolute;right:0;top:6px;color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.isAttacheFileContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{font-size:.6875rem}}@media screen and (max-width: 1280px){.isAttacheFileContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{font-size:.625rem}}@media screen and (max-width: 1025px){.isAttacheFileContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{font-size:.5625rem}}.isAttacheFileContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{cursor:pointer}.isAttachmentContainer .uploadProgressBar{position:relative;padding-left:42px;padding-right:26px}.isAttachmentContainer .uploadProgressBar .uploadThumbNail{border:none;width:34px;height:34px;box-sizing:border-box;overflow:hidden;position:absolute;left:0}.isAttachmentContainer .uploadProgressBar .uploadThumbNail .ThumbNailImg{min-width:100%;max-height:100%;min-height:100%}.isAttachmentContainer .uploadProgressBar .FileName{color:#8994a5;height:25px;display:block;margin-right:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:.75rem}@media screen and (max-width: 1440px){.isAttachmentContainer .uploadProgressBar .FileName{font-size:.6875rem}}@media screen and (max-width: 1280px){.isAttachmentContainer .uploadProgressBar .FileName{font-size:.625rem}}@media screen and (max-width: 1025px){.isAttachmentContainer .uploadProgressBar .FileName{font-size:.5625rem}}.isAttachmentContainer .uploadProgressBar .FileName{font-family:"Avenir-Roman"}[dir=rtl] .isAttachmentContainer .uploadProgressBar .FileName{font-family:"Almarai-Light"}.isAttachmentContainer .uploadProgressBar .FileName{max-width:300px}.isAttachmentContainer .uploadProgressBar .FileSize{position:absolute;right:42px;top:0;color:#8994a5;box-shadow:-5px 0 10px #fff;font-size:.75rem}@media screen and (max-width: 1440px){.isAttachmentContainer .uploadProgressBar .FileSize{font-size:.6875rem}}@media screen and (max-width: 1280px){.isAttachmentContainer .uploadProgressBar .FileSize{font-size:.625rem}}@media screen and (max-width: 1025px){.isAttachmentContainer .uploadProgressBar .FileSize{font-size:.5625rem}}.isAttachmentContainer .uploadProgressBar .FileSize{font-family:"Avenir-Roman"}[dir=rtl] .isAttachmentContainer .uploadProgressBar .FileSize{font-family:"Almarai-Light"}.isAttachmentContainer .uploadProgressBar .uploadedProgressBar{height:5px;background:#dbe1e9;display:block;border-radius:3px}.isAttachmentContainer .uploadProgressBar .uploadedProgressBar .uploadedProgressBarStatus{background:#5090f8;height:100%;display:block;width:0%;transition:width .1s linear}.isAttachmentContainer .uploadProgressBar .uploadedProgressBar .uploadedProgressBarStatus.uploadFinished{background:#62bd69}.isAttachmentContainer .uploadProgressBar .uploadedProgressBar .uploadedProgressBarStatus.uploadFailed{background:#eb3223}.isAttachmentContainer .uploadProgressBar .uploadProgressBarControl{position:absolute;right:0;top:15px}.isAttachmentContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{position:absolute;right:0;top:6px;color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.isAttachmentContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{font-size:.6875rem}}@media screen and (max-width: 1280px){.isAttachmentContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{font-size:.625rem}}@media screen and (max-width: 1025px){.isAttachmentContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{font-size:.5625rem}}.isAttachmentContainer .uploadProgressBar .uploadProgressBarControl .icon-new-close-icon{cursor:pointer}.isDragActive{background-color:#dbe1e9;height:inherit}.paymentsBodyPopupSpace{padding:20px 45px}.paymentDetailsImg{display:flex;margin-bottom:6px}.paymentDetailsImg img{width:18px;height:20px;image-rendering:-webkit-optimize-contrast}.paymentDetailsImg .attachedFile{max-width:210px}.dragPopup{background-color:#fff;width:480px;border-radius:.5rem;cursor:move}.sliderPopupViewDetailsBody .invoiceViewDetails{border:0}.sliderPopupViewDetailsBody .invoiceViewDetails .groupInvoiceTable tbody tr td:last-child{padding-right:14px}.sliderPopupViewDetailsBody .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer{border:0}.sliderPopupViewDetailsBody .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr th,.sliderPopupViewDetailsBody .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr td{padding:7px}
.DatePickerField{border:1px solid #dbe1e9;padding:.6rem;border-radius:.25rem;min-height:47.2px;font-family:"Avenir-Medium"}[dir=rtl] .DatePickerField{font-family:"Almarai-Regular"}.DatePickerField{width:100%}.ofetnField{width:200px !important;padding:.6rem;border-radius:.25rem;min-height:2.5rem;font-family:"Avenir-Medium"}[dir=rtl] .ofetnField{font-family:"Almarai-Regular"}.ofetnField{margin:10px}.errorMsg{color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.errorMsg{font-size:.8125rem}}@media screen and (max-width: 1280px){.errorMsg{font-size:.75rem}}@media screen and (max-width: 1025px){.errorMsg{font-size:.6875rem}}.errorMsg{font-family:"Avenir-Medium"}[dir=rtl] .errorMsg{font-family:"Almarai-Regular"}.errorMsg{margin:5px 0}input[type=file]{color:rgba(0,0,0,0)}.sliderPopupBody.isOpenBankingPopup .paymentsBodyPopupSpace .formControl .isFlex.isAmountField .inputFieldHover.isInputField,.sliderPopupBody.isInOpenBanking .paymentsBodyPopupSpace .formControl .isFlex.isAmountField .inputFieldHover.isInputField{width:100%;min-height:47px}.sliderPopupBody.isOpenBankingPopup .paymentsBodyPopupSpace .formControl .isSavePayTxt,.sliderPopupBody.isInOpenBanking .paymentsBodyPopupSpace .formControl .isSavePayTxt{color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .sliderPopupBody.isOpenBankingPopup .paymentsBodyPopupSpace .formControl .isSavePayTxt,[dir=rtl] .sliderPopupBody.isInOpenBanking .paymentsBodyPopupSpace .formControl .isSavePayTxt{font-family:"Almarai-Light"}.sliderPopupBody.isOpenBankingPopup .paymentsBodyPopupSpace .formControl .isSavePayTxt,.sliderPopupBody.isInOpenBanking .paymentsBodyPopupSpace .formControl .isSavePayTxt{font-size:.75rem}@media screen and (max-width: 1440px){.sliderPopupBody.isOpenBankingPopup .paymentsBodyPopupSpace .formControl .isSavePayTxt,.sliderPopupBody.isInOpenBanking .paymentsBodyPopupSpace .formControl .isSavePayTxt{font-size:.6875rem}}@media screen and (max-width: 1280px){.sliderPopupBody.isOpenBankingPopup .paymentsBodyPopupSpace .formControl .isSavePayTxt,.sliderPopupBody.isInOpenBanking .paymentsBodyPopupSpace .formControl .isSavePayTxt{font-size:.625rem}}@media screen and (max-width: 1025px){.sliderPopupBody.isOpenBankingPopup .paymentsBodyPopupSpace .formControl .isSavePayTxt,.sliderPopupBody.isInOpenBanking .paymentsBodyPopupSpace .formControl .isSavePayTxt{font-size:.5625rem}}.sliderPopupBody.isOpenBankingPopup .paymentsBodyPopupSpace .formControl .isSavePayTxt,.sliderPopupBody.isInOpenBanking .paymentsBodyPopupSpace .formControl .isSavePayTxt{flex:1;line-height:initial}.isTracker{color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .isTracker{font-family:"Almarai-Light"}.isTracker{font-size:.75rem}@media screen and (max-width: 1440px){.isTracker{font-size:.6875rem}}@media screen and (max-width: 1280px){.isTracker{font-size:.625rem}}@media screen and (max-width: 1025px){.isTracker{font-size:.5625rem}}.isTracker{position:relative}.isTracker .icon-location{position:relative;top:2px;font-size:.75rem}@media screen and (max-width: 1440px){.isTracker .icon-location{font-size:.6875rem}}@media screen and (max-width: 1280px){.isTracker .icon-location{font-size:.625rem}}@media screen and (max-width: 1025px){.isTracker .icon-location{font-size:.5625rem}}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom{margin-left:0;right:-65px;bottom:26px;margin-top:0;max-width:350px;width:350px;padding:20px}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom::before{content:none}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom::after{border-color:#384150 rgba(0,0,1,0) rgba(0,0,1,0) rgba(0,0,1,0);top:100%;left:70%}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId{border-bottom:1px solid #8994a5;margin-bottom:10px;padding-bottom:10px}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency{font-size:1rem}@media screen and (max-width: 1440px){.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency{font-size:.9375rem}}@media screen and (max-width: 1280px){.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency{font-size:.875rem}}@media screen and (max-width: 1025px){.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency{font-size:.8125rem}}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency{font-family:"Avenir-Heavy"}[dir=rtl] .isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency{font-family:"Almarai-Bold"}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency{color:#fff}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency span{font-family:"Avenir-Roman"}[dir=rtl] .isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency span{font-family:"Almarai-Light"}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency span{color:#fff}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .trackId{font-family:"Avenir-Medium"}[dir=rtl] .isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .trackId{font-family:"Almarai-Regular"}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .trackId{color:#f3f5fd;font-size:.75rem}@media screen and (max-width: 1440px){.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .trackId{font-size:.6875rem}}@media screen and (max-width: 1280px){.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .trackId{font-size:.625rem}}@media screen and (max-width: 1025px){.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .trackId{font-size:.5625rem}}.isPaymentTrackerContainer .events li{display:flex;border:none;padding:0}.isPaymentTrackerContainer .events li>span:last-child{flex:1}.isPaymentTrackerContainer .events li>span:last-child .stepStatus .status{padding-left:30px;line-height:initial;padding-bottom:8px;color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .isPaymentTrackerContainer .events li>span:last-child .stepStatus .status{font-family:"Almarai-Light"}.isPaymentTrackerContainer .events li>span:last-child .stepStatus .status{font-size:.75rem}@media screen and (max-width: 1440px){.isPaymentTrackerContainer .events li>span:last-child .stepStatus .status{font-size:.6875rem}}@media screen and (max-width: 1280px){.isPaymentTrackerContainer .events li>span:last-child .stepStatus .status{font-size:.625rem}}@media screen and (max-width: 1025px){.isPaymentTrackerContainer .events li>span:last-child .stepStatus .status{font-size:.5625rem}}.isPaymentTrackerContainer .events li>span:last-child .stepStatus .status{display:block}.isPaymentTrackerContainer .events li>span:last-child .stepStatus strong{padding-left:30px;padding-bottom:4px}.isPaymentTrackerContainer .events li>span:last-child .stepStatus strong:empty{display:none}.isPaymentTrackerContainer .events li>span:last-child .stepStatus strong .subapprovalText{font-family:"Avenir-Medium"}[dir=rtl] .isPaymentTrackerContainer .events li>span:last-child .stepStatus strong .subapprovalText{font-family:"Almarai-Regular"}.isPaymentTrackerContainer .events li>span:last-child .stepStatus strong .subapprovalText{font-size:.75rem}@media screen and (max-width: 1440px){.isPaymentTrackerContainer .events li>span:last-child .stepStatus strong .subapprovalText{font-size:.6875rem}}@media screen and (max-width: 1280px){.isPaymentTrackerContainer .events li>span:last-child .stepStatus strong .subapprovalText{font-size:.625rem}}@media screen and (max-width: 1025px){.isPaymentTrackerContainer .events li>span:last-child .stepStatus strong .subapprovalText{font-size:.5625rem}}.isPaymentTrackerContainer .events li>span:last-child .stepStatus strong .subapprovalText{color:#fff}.isPaymentTrackerContainer .events li:last-child{min-height:100%}.isPaymentTrackerContainer .events li:last-child>span:last-child::before{content:none}.isPaymentTrackerContainer .events li:last-child .stepStatus::before,.isPaymentTrackerContainer .events li:last-child .status::before{content:none}.isPaymentTrackerContainer li:nth-last-child(2) .stepStatusTxt::before{content:"" !important;border-left:2px solid #dbe1e9 !important}.isPaymentTrackerContainer .events{width:100%}.isPaymentTrackerContainer .events .stepLabel{position:relative;color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .isPaymentTrackerContainer .events .stepLabel{font-family:"Almarai-Regular"}.isPaymentTrackerContainer .events .stepLabel{font-size:1rem}@media screen and (max-width: 1440px){.isPaymentTrackerContainer .events .stepLabel{font-size:.9375rem}}@media screen and (max-width: 1280px){.isPaymentTrackerContainer .events .stepLabel{font-size:.875rem}}@media screen and (max-width: 1025px){.isPaymentTrackerContainer .events .stepLabel{font-size:.8125rem}}.isPaymentTrackerContainer .events .stepLabel{left:12px}.isPaymentTrackerContainer .events .stepLabel::before{content:none}.isPaymentTrackerContainer .events .stepLabel::after{content:"";position:absolute;z-index:0;right:0;top:-6px;transform:translateX(50%);border-radius:50%;border:1px #8994a5 solid;padding:7px 6px;font-size:.75rem}@media screen and (max-width: 1440px){.isPaymentTrackerContainer .events .stepLabel::after{font-size:.6875rem}}@media screen and (max-width: 1280px){.isPaymentTrackerContainer .events .stepLabel::after{font-size:.625rem}}@media screen and (max-width: 1025px){.isPaymentTrackerContainer .events .stepLabel::after{font-size:.5625rem}}.isPaymentTrackerContainer .events .stepLabel::after{background:#384150}.isPaymentTrackerContainer .events li.completed .stepLabel::after{content:"";font-family:"icomoon" !important;font-size:1.625rem}@media screen and (max-width: 1440px){.isPaymentTrackerContainer .events li.completed .stepLabel::after{font-size:1.5625rem}}@media screen and (max-width: 1280px){.isPaymentTrackerContainer .events li.completed .stepLabel::after{font-size:1.5rem}}@media screen and (max-width: 1025px){.isPaymentTrackerContainer .events li.completed .stepLabel::after{font-size:1.4375rem}}.isPaymentTrackerContainer .events li.completed .stepLabel::after{padding:0;border:none;z-index:1;color:#62bd69}.isPaymentTrackerContainer .events li.completed>span:last-child::before{border-left:2px solid #62bd69}.isPaymentTrackerContainer .events li.completed>span:last-child .stepStatus::before{content:none}.isPaymentTrackerContainer .events li.completed>span:last-child .stepStatus .status::before{content:none}.isPaymentTrackerContainer .events li.currentStage .stepLabel::after{content:"";padding:8px;z-index:1;background-color:#fff;border:5px solid #62bd69;border-radius:50%}.isPaymentTrackerContainer .events span{position:relative}.isPaymentTrackerContainer .events span::before{content:"";position:absolute;z-index:0;left:7px;height:100%;border-left:2px #bfc7d0 solid;top:0;bottom:0}.isPaymentTrackerContainer .events strong{display:block;font-weight:bolder}.isPaymentTrackerContainer .loader:empty{width:100px;height:20px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 18px, transparent 0),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.isPaymentSwitch.BeneficiarySearch{border:none;position:relative}.isPaymentSwitch.BeneficiarySearch::after{content:"";border-right:1px solid #dbe1e9;position:absolute;height:35px;right:0;top:-6px}.isPaymentSwitch.BeneficiarySearch .icon-column-switch{border:1px solid #8994a5;border-radius:4px;background:#f3f5fd;padding:9px;color:#8994a5;font-size:1.25rem}@media screen and (max-width: 1440px){.isPaymentSwitch.BeneficiarySearch .icon-column-switch{font-size:1.1875rem}}@media screen and (max-width: 1280px){.isPaymentSwitch.BeneficiarySearch .icon-column-switch{font-size:1.125rem}}@media screen and (max-width: 1025px){.isPaymentSwitch.BeneficiarySearch .icon-column-switch{font-size:1.0625rem}}.isPaymentSwitch.BeneficiarySearch .icon-column-switch.active{border:1px solid #5090f8;background:#5090f8;color:#fff}.isPaymentSwitch.BeneficiarySearch .transcationTooltip.isActiveUsersToolTip .bottom{background:#384150;margin-top:0px;right:-8%;margin-left:0;padding:5px;left:auto;width:95px;top:35px}.isPaymentSwitch.BeneficiarySearch .transcationTooltip.isActiveUsersToolTip .bottom::before{content:"";left:42%;opacity:1}.isPaymentSwitch.BeneficiarySearch .transcationTooltip.isActiveUsersToolTip .bottom::after{content:none}.isPaymentSwitch.BeneficiarySearch .icon-column-switch~.transcationTooltip.isActiveUsersToolTip,.isPaymentSwitch.BeneficiarySearch .icon-column-switch.active:hover~.transcationTooltip.isActiveUsersToolTip{display:none}.isPaymentSwitch.BeneficiarySearch .icon-column-switch:hover~.transcationTooltip.isActiveUsersToolTip{display:block}.paySeparationLine .BeneficiarySearch{padding-right:20px;margin-right:20px}.paySeparationLine .BeneficiarySearch .selectOptionFont [class*=css-][class*=-control]{min-height:44px}.paySeparationLine .BeneficiarySearch .calendar button.icon-calendar{padding:10px}.footerButton span.isFooterErrorMsg{font-family:"Avenir-Roman"}[dir=rtl] .footerButton span.isFooterErrorMsg{font-family:"Almarai-Light"}.footerButton span.isFooterErrorMsg{font-size:.875rem}@media screen and (max-width: 1440px){.footerButton span.isFooterErrorMsg{font-size:.8125rem}}@media screen and (max-width: 1280px){.footerButton span.isFooterErrorMsg{font-size:.75rem}}@media screen and (max-width: 1025px){.footerButton span.isFooterErrorMsg{font-size:.6875rem}}.footerButton .accessingSameUser{display:flex;align-items:center;justify-content:flex-end;margin-top:6px}.footerButton .accessingSameUser .icon-live{padding-right:5px;color:#384150;font-size:1.25rem}@media screen and (max-width: 1440px){.footerButton .accessingSameUser .icon-live{font-size:1.1875rem}}@media screen and (max-width: 1280px){.footerButton .accessingSameUser .icon-live{font-size:1.125rem}}@media screen and (max-width: 1025px){.footerButton .accessingSameUser .icon-live{font-size:1.0625rem}}.footerButton .accessingSameUser .accessingSameUserTxt{font-size:.875rem}@media screen and (max-width: 1440px){.footerButton .accessingSameUser .accessingSameUserTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.footerButton .accessingSameUser .accessingSameUserTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.footerButton .accessingSameUser .accessingSameUserTxt{font-size:.6875rem}}.footerButton .accessingSameUser .accessingSameUserTxt{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .footerButton .accessingSameUser .accessingSameUserTxt{font-family:"Almarai-Light"}.footerButton .accessingSameUser .accessingSameUserTxt{padding-right:3px}.footerButton .accessingSameUser .accessingSameUserTxt .usrName{color:#000001;font-size:.875rem}@media screen and (max-width: 1440px){.footerButton .accessingSameUser .accessingSameUserTxt .usrName{font-size:.8125rem}}@media screen and (max-width: 1280px){.footerButton .accessingSameUser .accessingSameUserTxt .usrName{font-size:.75rem}}@media screen and (max-width: 1025px){.footerButton .accessingSameUser .accessingSameUserTxt .usrName{font-size:.6875rem}}.footerButton .accessingSameUser .accessingSameUserTxt .usrName{font-family:"Avenir-Roman"}[dir=rtl] .footerButton .accessingSameUser .accessingSameUserTxt .usrName{font-family:"Almarai-Light"}.footerButton .accessingSameUser .duplicateLoader{display:inline-flex}.footerButton .accessingSameUser span{margin-right:0}.footerMain .billsNodueNote{font-size:.75rem}@media screen and (max-width: 1440px){.footerMain .billsNodueNote{font-size:.6875rem}}@media screen and (max-width: 1280px){.footerMain .billsNodueNote{font-size:.625rem}}@media screen and (max-width: 1025px){.footerMain .billsNodueNote{font-size:.5625rem}}.footerMain .billsNodueNote{font-family:"Avenir-Roman"}[dir=rtl] .footerMain .billsNodueNote{font-family:"Almarai-Light"}.footerMain .billsNodueNote{color:#384150}.footerMain .billsNodueNote span{font-family:"Avenir-Heavy"}[dir=rtl] .footerMain .billsNodueNote span{font-family:"Almarai-Bold"}.groupUserFooterMain.footerMain{max-height:45vh;overflow:auto}.groupUserFooterMain.footerMain .footerButton .isBenCount{padding-bottom:10px}.groupUserFooterMain.footerMain .footerButton .isBenCount .noOfItems{font-family:"Avenir-Medium"}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .isBenCount .noOfItems{font-family:"Almarai-Regular"}.groupUserFooterMain.footerMain .footerButton .isBenCount .noOfItems{font-size:.875rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .footerButton .isBenCount .noOfItems{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .footerButton .isBenCount .noOfItems{font-size:.75rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .footerButton .isBenCount .noOfItems{font-size:.6875rem}}.groupUserFooterMain.footerMain .footerButton .isBenCount .noOfItems{color:#384150}.groupUserFooterMain.footerMain .footerButton .isBenCount .isCount{font-size:.875rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .footerButton .isBenCount .isCount{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .footerButton .isBenCount .isCount{font-size:.75rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .footerButton .isBenCount .isCount{font-size:.6875rem}}.groupUserFooterMain.footerMain .footerButton .isBenCount .isCount{font-family:"Avenir-Heavy"}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .isBenCount .isCount{font-family:"Almarai-Bold"}.groupUserFooterMain.footerMain .footerButton .isBenCount .isCount{color:#000001;padding-left:4px}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount{padding-left:15px}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .noOfItems{font-family:"Avenir-Roman"}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .noOfItems{font-family:"Almarai-Light"}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .noOfItems{font-size:.875rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .noOfItems{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .noOfItems{font-size:.75rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .noOfItems{font-size:.6875rem}}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .noOfItems{padding-bottom:10px;color:#8994a5}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .isCount{font-size:1.25rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .isCount{font-size:1.1875rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .isCount{font-size:1.125rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .isCount{font-size:1.0625rem}}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .isCount{font-family:"Avenir-Medium"}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .isCount{font-family:"Almarai-Regular"}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .isCount{color:#000001}.groupUserFooterMain.footerMain .footerButton .totalAmount{position:relative}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor{font-family:"Avenir-Roman"}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor{font-family:"Almarai-Light"}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor{font-size:.875rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor{font-size:.75rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor{font-size:.6875rem}}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor{color:#5090f8;margin-right:0;padding-top:5px;display:inline-block}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow{font-size:.9375rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow{font-size:.875rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow{font-size:.8125rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow{font-size:.75rem}}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow{margin-right:0;position:relative;top:2px;transition:transform .3s}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow::before{display:inline-block}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow.moreDetails{top:0}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow.moreDetails::before{transform:rotate(-180deg);transition:transform .3s}.groupUserFooterMain.footerMain .footerButton .totalAmount::before{border-left:1px solid #bfc7d0;content:"";position:absolute;width:1px;height:46px;left:-20px}.groupUserFooterMain.footerMain .footerButton .isSingleCompanyPays h4{color:#8994a5}.groupUserFooterMain.footerMain .footerButton .isSingleCompanyPays p{color:#000001;font-size:1.375rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .footerButton .isSingleCompanyPays p{font-size:1.3125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .footerButton .isSingleCompanyPays p{font-size:1.25rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .footerButton .isSingleCompanyPays p{font-size:1.1875rem}}.groupUserFooterMain.footerMain .footerButton .isSingleCompanyPays p{margin-top:12px}.groupUserFooterMain.footerMain .isProceedBtn{max-width:165px;align-self:flex-start}.groupUserFooterMain.footerMain .isPaymentsViewMore{border-radius:4px;position:relative;width:85%;display:flex;justify-content:space-between;flex-wrap:nowrap}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments{width:100%}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide{width:100%}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn{width:33.33%;position:relative;padding-bottom:13px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments{padding-left:10px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{font-family:"Avenir-Medium"}[dir=rtl] .groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{font-family:"Almarai-Regular"}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{font-size:.875rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{font-size:.75rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{font-size:.6875rem}}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{color:#8994a5;padding-bottom:6px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount{font-family:"Avenir-Heavy"}[dir=rtl] .groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount{font-family:"Almarai-Bold"}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount{font-size:.875rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount{font-size:.75rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount{font-size:.6875rem}}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount{color:#000001;max-width:300px;display:flex;flex-wrap:wrap}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum{position:relative;font-size:.875rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum{font-size:.75rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum{font-size:.6875rem}}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum{padding-bottom:4px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum::after{content:"";position:absolute;width:1px;height:12px;border-left:2px solid #000001;right:-8px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum:last-child::after{content:none}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isRemove{font-family:"Avenir-Roman"}[dir=rtl] .groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isRemove{font-family:"Almarai-Light"}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isRemove{font-size:.875rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isRemove{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isRemove{font-size:.75rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isRemove{font-size:.6875rem}}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isRemove{color:#5090f8;cursor:pointer;display:inline-block;padding-top:3px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn::before{content:"";border-left:1px solid #bfc7d0;height:100%;opacity:.5;margin-right:12px;padding-left:12px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:first-child::before{content:none;margin-right:0;border-right:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(4)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(7)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(10)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayRemoveAll{width:14%}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayRemoveAll .createBtn{border-radius:4px;margin-right:10px;color:#5090f8;border:1px solid #5090f8;padding:6px 14px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayRemoveAll .createBtn:hover{background-color:#5090f8;border:1px solid #5090f8;color:#fff}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon{position:relative}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon{position:absolute;right:-24px;top:0px;transition:all .15s ease-in-out 0s;cursor:pointer;font-size:.75rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon{font-size:.6875rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon{font-size:.625rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon{font-size:.5625rem}}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon{margin-right:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon:hover::before{position:static}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon::before{position:static}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon:hover{position:absolute;right:-30px;top:-6px;padding:6px;width:auto;height:auto;font-size:.75rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon:hover{font-size:.6875rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon:hover{font-size:.625rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon:hover{font-size:.5625rem}}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompCloseIcon .icon-new-close-icon:hover{background-color:#bfc7d0;border-radius:50%}.groupUserFooterMain.footerMain .isPaymentsViewMore.removeSuggestionSection{background-color:#f3f5fd;padding:13px 13px 0px 13px;margin-top:15px;width:100%}.groupUserFooterMain.footerMain .isPaymentsViewMore.removeSuggestionSection .isCompanyPayments .isPayFooterDivide{width:86%}.groupUserFooterMain.footerMain .isPaymentsViewMore.removeSuggestionSection .isCompCloseIcon .icon-new-close-icon{position:absolute;right:3px}.groupUserFooterMain.footerMain .isPaymentsViewMore.removeSuggestionSection .isCompCloseIcon .icon-new-close-icon:hover{right:-3px}.groupUserFooterMain.footerMain span.isFooterErrorMsg{font-family:"Avenir-Roman"}[dir=rtl] .groupUserFooterMain.footerMain span.isFooterErrorMsg{font-family:"Almarai-Light"}.groupUserFooterMain.footerMain span.isFooterErrorMsg{font-size:.875rem}@media screen and (max-width: 1440px){.groupUserFooterMain.footerMain span.isFooterErrorMsg{font-size:.8125rem}}@media screen and (max-width: 1280px){.groupUserFooterMain.footerMain span.isFooterErrorMsg{font-size:.75rem}}@media screen and (max-width: 1025px){.groupUserFooterMain.footerMain span.isFooterErrorMsg{font-size:.6875rem}}.groupUserFooterMain.footerMain span.isFooterErrorMsg{padding-top:12px;display:inline-block}.paymentOtp.transactionDetails .isBulkPayApproval .isTxt{font-size:.875rem}@media screen and (max-width: 1440px){.paymentOtp.transactionDetails .isBulkPayApproval .isTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.paymentOtp.transactionDetails .isBulkPayApproval .isTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.paymentOtp.transactionDetails .isBulkPayApproval .isTxt{font-size:.6875rem}}.paymentOtp.transactionDetails .isBulkPayApproval .isTxt{font-family:"Avenir-Medium"}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .isTxt{font-family:"Almarai-Regular"}.paymentOtp.transactionDetails .isBulkPayApproval .isTxt{color:#8994a5}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments{background:#f3f5fd;padding:15px;border-radius:4px;margin-top:30px;width:100%}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount{width:33%}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span{font-size:1rem}@media screen and (max-width: 1440px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span{font-size:.9375rem}}@media screen and (max-width: 1280px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span{font-size:.875rem}}@media screen and (max-width: 1025px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span{font-size:.8125rem}}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span{font-family:"Avenir-Medium"}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span{font-family:"Almarai-Regular"}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span{color:#8994a5;line-height:initial}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span:last-child{font-family:"Almarai-Bold"}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span:last-child{font-size:1.5rem}@media screen and (max-width: 1440px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span:last-child{font-size:1.4375rem}}@media screen and (max-width: 1280px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span:last-child{font-size:1.375rem}}@media screen and (max-width: 1025px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span:last-child{font-size:1.3125rem}}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span:last-child{color:#000001;padding-top:16px}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount::before{content:"";border-left:1px solid #dbe1e9;height:100%;padding-left:15px;margin-left:15px}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount .isTitle{font-size:1rem}@media screen and (max-width: 1440px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount .isTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount .isTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount .isTitle{font-size:.8125rem}}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount .isTitle{font-family:"Avenir-Medium"}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount .isTitle{font-family:"Almarai-Regular"}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount .isTitle{color:#8994a5;padding-bottom:16px}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount span:last-child span{font-family:"Avenir-Heavy"}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount span:last-child span{font-family:"Almarai-Bold"}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount span:last-child span{font-size:1.25rem}@media screen and (max-width: 1440px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount span:last-child span{font-size:1.1875rem}}@media screen and (max-width: 1280px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount span:last-child span{font-size:1.125rem}}@media screen and (max-width: 1025px){.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount span:last-child span{font-size:1.0625rem}}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount span:last-child span{color:#000001;padding-bottom:10px}.dNone{display:none}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{font-size:.875rem}@media screen and (max-width: 1440px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{font-size:.8125rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{font-size:.75rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{font-size:.6875rem}}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{font-family:"Almarai-Light"}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{text-decoration:underline}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor~strong.limitTxt{color:#8994a5;padding-left:5px;font-size:.75rem}@media screen and (max-width: 1440px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor~strong.limitTxt{font-size:.6875rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor~strong.limitTxt{font-size:.625rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor~strong.limitTxt{font-size:.5625rem}}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor~strong.limitTxt{font-family:"Avenir-Roman"}[dir=rtl] .popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor~strong.limitTxt{font-family:"Almarai-Light"}.porSelect{flex:1}.porSelect .selectOptionFont{z-index:21}.colorBankProcess{color:#72c478;font-size:.75rem}@media screen and (max-width: 1440px){.colorBankProcess{font-size:.6875rem}}@media screen and (max-width: 1280px){.colorBankProcess{font-size:.625rem}}@media screen and (max-width: 1025px){.colorBankProcess{font-size:.5625rem}}.porSelect .createPaymentBtn .createBtn{width:45%;margin-right:22px}.porSelect .createPaymentBtn .primaryBtn{width:45%;min-height:44px}.porSelect .createPaymentBtn .createBtn:last-child{margin-right:0;background-color:#5090f8;color:#fff;border-color:#5090f8}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.colorDetailBankProcess{color:#72c478;font-size:.875rem}@media screen and (max-width: 1440px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.colorDetailBankProcess{font-size:.8125rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.colorDetailBankProcess{font-size:.75rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.colorDetailBankProcess{font-size:.6875rem}}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.bankRejected,.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.detailsColorRed{color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.bankRejected,.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.detailsColorRed{font-size:.8125rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.bankRejected,.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.detailsColorRed{font-size:.75rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.bankRejected,.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.detailsColorRed{font-size:.6875rem}}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.bankRejected,.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.detailsColorRed{word-break:break-word;line-height:1.4}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.colorGreen{font-size:.875rem}@media screen and (max-width: 1440px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.colorGreen{font-size:.8125rem}}@media screen and (max-width: 1280px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.colorGreen{font-size:.75rem}}@media screen and (max-width: 1025px){.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.colorGreen{font-size:.6875rem}}.bankRejected{color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.bankRejected{font-size:.8125rem}}@media screen and (max-width: 1280px){.bankRejected{font-size:.75rem}}@media screen and (max-width: 1025px){.bankRejected{font-size:.6875rem}}.schedulePayBtns .btn-primary.w-100{width:96%}.AmountField{border:1px solid #dbe1e9;padding:.6rem;border-radius:.25rem;min-height:2.5rem;font-family:"Avenir-Medium"}[dir=rtl] .AmountField{font-family:"Almarai-Regular"}.AmountField{width:175px}.completedLevels{color:#62bd69}.approverTag{display:flex;justify-content:flex-start}.approverTag>span{font-size:.75rem}@media screen and (max-width: 1440px){.approverTag>span{font-size:.6875rem}}@media screen and (max-width: 1280px){.approverTag>span{font-size:.625rem}}@media screen and (max-width: 1025px){.approverTag>span{font-size:.5625rem}}.approverTag>span{font-family:"Avenir-Medium"}[dir=rtl] .approverTag>span{font-family:"Almarai-Regular"}.approverTag>span{padding:5px;border-radius:50%;margin-bottom:6px;padding-bottom:4px}.approverTag>span.circled{background:#bfc7d0}.history .transactionOverview{width:100%;max-width:260px}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn .createBtn,.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn .btn-primary{padding:0;min-height:44px}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn.btnScheduleCalendar{justify-content:flex-end;padding:0;margin-top:1rem}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn.btnScheduleCalendar .btn-primary.w70{width:61%;border-bottom-right-radius:0;border-top-right-radius:0;padding:10px;line-height:1.5;height:49px}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn.btnScheduleCalendar .scheduleCalndr{background-color:#eb8b2d;border-top-right-radius:4px;border-bottom-right-radius:4px;cursor:pointer;border-left:1px solid #eb8b2d;height:46.9px;width:49px;position:relative;margin-left:-1px}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn.btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{font-size:1.125rem}@media screen and (max-width: 1440px){.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn.btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{font-size:1.0625rem}}@media screen and (max-width: 1280px){.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn.btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{font-size:1rem}}@media screen and (max-width: 1025px){.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn.btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{font-size:.9375rem}}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn.btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{color:#fff;position:absolute;top:13px;left:13px}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentPopUp.createPaymentBtn.btnScheduleCalendar .scheduleCalndr:hover{opacity:.8}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl:first-child{width:60%}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2{width:36%;position:relative}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 input{min-height:40px}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-new-close-icon,.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-plus{position:absolute;top:18px;right:-22px;cursor:pointer;color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-new-close-icon,.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-plus{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-new-close-icon,.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-plus{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-new-close-icon,.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-plus{font-size:.6875rem}}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-plus{top:10px;right:-30px;color:#5090f8;font-size:1.5625rem}@media screen and (max-width: 1440px){.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-plus{font-size:1.5rem}}@media screen and (max-width: 1280px){.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-plus{font-size:1.4375rem}}@media screen and (max-width: 1025px){.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-plus{font-size:1.375rem}}.transactionDetails.createPayment.newCreatePay .calenderPopupHeader{padding:0}.sucessPayment.txnFailedPopup.transactionDetails{padding-top:20px}.sucessPayment.txnFailedPopup.transactionDetails h3{font-family:"Avenir-Heavy"}[dir=rtl] .sucessPayment.txnFailedPopup.transactionDetails h3{font-family:"Almarai-Bold"}.sucessPayment.txnFailedPopup.transactionDetails h3{font-size:1.25rem}@media screen and (max-width: 1440px){.sucessPayment.txnFailedPopup.transactionDetails h3{font-size:1.1875rem}}@media screen and (max-width: 1280px){.sucessPayment.txnFailedPopup.transactionDetails h3{font-size:1.125rem}}@media screen and (max-width: 1025px){.sucessPayment.txnFailedPopup.transactionDetails h3{font-size:1.0625rem}}.sucessPayment.txnFailedPopup.transactionDetails h3{color:#000001}.sucessPayment.txnFailedPopup.transactionDetails .failedPayntErrorText{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.sucessPayment.txnFailedPopup.transactionDetails .failedPayntErrorText{font-size:.8125rem}}@media screen and (max-width: 1280px){.sucessPayment.txnFailedPopup.transactionDetails .failedPayntErrorText{font-size:.75rem}}@media screen and (max-width: 1025px){.sucessPayment.txnFailedPopup.transactionDetails .failedPayntErrorText{font-size:.6875rem}}.sucessPayment.txnFailedPopup.transactionDetails .failedPayntErrorText{font-family:"Avenir-Medium"}[dir=rtl] .sucessPayment.txnFailedPopup.transactionDetails .failedPayntErrorText{font-family:"Almarai-Regular"}.sucessPayment.txnFailedPopup.transactionDetails .failedPayntErrorText{line-height:initial}.sucessPayment.txnFailedPopup.transactionDetails .isTxnFailed{padding:0px 40px 20px 40px}.bulkPaymentsDownld .dwnloadBtn .btn{background-color:#fff;color:#5090f8;border:1px solid #5090f8;min-height:44px}.bulkPaymentsDownld .dwnloadBtn .btn:hover{background-color:#5090f8;color:#fff}.bulkPaymentsDownld .dwnloadBtn .btn .icon-download{padding-right:12px}.history .transactionOverview .benBoxFilter .totalItems .amountCurrency{font-family:"Avenir-Medium"}[dir=rtl] .history .transactionOverview .benBoxFilter .totalItems .amountCurrency{font-family:"Almarai-Regular"}.history .transactionOverview .benBoxFilter .totalItems .amountCurrency{font-size:1.25rem}@media screen and (max-width: 1440px){.history .transactionOverview .benBoxFilter .totalItems .amountCurrency{font-size:1.1875rem}}@media screen and (max-width: 1280px){.history .transactionOverview .benBoxFilter .totalItems .amountCurrency{font-size:1.125rem}}@media screen and (max-width: 1025px){.history .transactionOverview .benBoxFilter .totalItems .amountCurrency{font-size:1.0625rem}}.transactionOverview .amountCurrency.reduceAmoutFont{font-size:.875rem}@media screen and (max-width: 1440px){.transactionOverview .amountCurrency.reduceAmoutFont{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionOverview .amountCurrency.reduceAmoutFont{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionOverview .amountCurrency.reduceAmoutFont{font-size:.6875rem}}.checkBoxMiddle{text-align:center}.checkBoxMiddle>input.checkBoxRight{margin-right:0}.PaymentCurrency .amountCurrency span.currencyNo{font-family:"Avenir-Roman"}[dir=rtl] .PaymentCurrency .amountCurrency span.currencyNo{font-family:"Almarai-Light"}.PaymentCurrency .amountCurrency span.amountNo{font-family:"Avenir-Heavy"}[dir=rtl] .PaymentCurrency .amountCurrency span.amountNo{font-family:"Almarai-Bold"}.erpLogoIcon{color:#5090f8}.erpLogoIcon .icon-ERP{margin-right:6px}.icon-status-down-arrow{color:#62bd69}.timeFontHeavy{font-family:"Avenir-Medium"}[dir=rtl] .timeFontHeavy{font-family:"Almarai-Regular"}.timeFontHeavy{color:#000001}.otpInputBlock{display:flex;justify-content:center}.otpInputBlock .otpInputField{margin-right:16px;width:45px;position:relative;margin-bottom:0px;margin-top:1rem;text-align:center}.otpInputBlock .otpInputField>input{padding:0;height:45px;width:45px;font-size:1.25rem}@media screen and (max-width: 1440px){.otpInputBlock .otpInputField>input{font-size:1.1875rem}}@media screen and (max-width: 1280px){.otpInputBlock .otpInputField>input{font-size:1.125rem}}@media screen and (max-width: 1025px){.otpInputBlock .otpInputField>input{font-size:1.0625rem}}.otpInputBlock .otpInputField>input{text-align:center;box-shadow:none;color:#000001;background:#f8fcfd;font-family:"Avenir-Heavy"}[dir=rtl] .otpInputBlock .otpInputField>input{font-family:"Almarai-Bold"}.otpInputBlock .otpInputField>input{border:1px solid #dbe1e9;border-radius:4px}.otpInputBlock .otpInputField:last-child{margin-right:0}.otpInputBlock .otpInputField>input:focus{border:1px solid #5090f8}.dateTruncation{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.retryToolTip{position:relative}.retryToolTip::before,.retryToolTip::after{content:"";position:absolute;top:0;left:0;border-color:rgba(0,0,0,0);border-style:solid}.retryToolTip::after{border-width:8px;border-left-color:#8994a5;border-top-color:#8994a5}.retryHistory{background-color:#fff5ca !important}.recreatePayment{font-size:.625rem}@media screen and (max-width: 1280px){.recreatePayment{font-size:.5625rem}}.recreatePayment{margin-left:3px}.showAllPayments .subTitle{padding:0 0 1.5rem 0}.transactionOverview.Cursor:hover,.transactionOverview.viewMoreLess:hover{background:#cbdefd;transition:.5s all ease}.showAllPayNone{pointer-events:none}.cutoffMsg{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.cutoffMsg{font-size:.8125rem}}@media screen and (max-width: 1280px){.cutoffMsg{font-size:.75rem}}@media screen and (max-width: 1025px){.cutoffMsg{font-size:.6875rem}}.cutoffMsg{font-family:"Avenir-Heavy"}[dir=rtl] .cutoffMsg{font-family:"Almarai-Bold"}.cutoffMsg{line-height:1.4;text-align:center}.cutoffMsg span{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .cutoffMsg span{font-family:"Almarai-Light"}.cutoffMsg.isCutoffMsg{color:#eb8b2d}.pendingPaysFont{font-family:"Avenir-Heavy"}[dir=rtl] .pendingPaysFont{font-family:"Almarai-Bold"}.sucessPayment h4 span.curOffMsg{color:#000001}.paySuccess{color:#62bd69}.payFailedMsg{color:#eb3223}.payOnholdMsg{color:#efc81f}.showBankFailed,.showBankFailedFill{font-family:"Avenir-Roman"}[dir=rtl] .showBankFailed,[dir=rtl] .showBankFailedFill{font-family:"Almarai-Light"}.showBankFailed,.showBankFailedFill{font-size:.75rem}@media screen and (max-width: 1440px){.showBankFailed,.showBankFailedFill{font-size:.6875rem}}@media screen and (max-width: 1280px){.showBankFailed,.showBankFailedFill{font-size:.625rem}}@media screen and (max-width: 1025px){.showBankFailed,.showBankFailedFill{font-size:.5625rem}}.showBankFailed,.showBankFailedFill{color:#5090f8;border-radius:10.5px;border:solid 1px #5090f8;cursor:pointer;padding:4px 8px 4px 8px;margin-left:10px;margin-top:-5px}.showBankFailed:hover,.showBankFailedFill:hover{color:#fff;border:solid 1px #5090f8;background:#5090f8}.showBankFailedFill{color:#eb3223;border:solid 1px #eb3223}.showBankFailedFill:hover{color:#fff;border:solid 1px #eb3223;background:#eb3223}.recreatePayment:before{position:absolute;margin-top:4px;padding-right:5px;transform:scaleX(-1)}.paymentOtp .btnScheduleCalendar{position:relative;display:flex;align-items:center;justify-content:center}.paymentOtp .btnScheduleCalendar button{border-top-right-radius:0;border-bottom-right-radius:0;cursor:pointer}.paymentOtp .btnScheduleCalendar .scheduleCalndr{padding:15px;margin-top:30px;background-color:#62bd69;border-top-right-radius:4px;border-bottom-right-radius:4px;cursor:pointer;border-left:1px solid #62bd69;height:49.6px}.paymentOtp .btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{font-size:1.125rem}@media screen and (max-width: 1440px){.paymentOtp .btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{font-size:1.0625rem}}@media screen and (max-width: 1280px){.paymentOtp .btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{font-size:1rem}}@media screen and (max-width: 1025px){.paymentOtp .btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{font-size:.9375rem}}.paymentOtp .btnScheduleCalendar .scheduleCalndr .icon-ScheduleCalendar{color:#fff}.paymentOtp .btnScheduleCalendar .scheduleCalndr:hover{opacity:.8}.paymentOtp h3.warningTitle{color:#eb3223;font-size:1.625rem}@media screen and (max-width: 1440px){.paymentOtp h3.warningTitle{font-size:1.5625rem}}@media screen and (max-width: 1280px){.paymentOtp h3.warningTitle{font-size:1.5rem}}@media screen and (max-width: 1025px){.paymentOtp h3.warningTitle{font-size:1.4375rem}}.paymentOtp h3.warningTitle{font-family:"Avenir-Heavy"}[dir=rtl] .paymentOtp h3.warningTitle{font-family:"Almarai-Bold"}.paymentOtp .duplicateWarning{color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.paymentOtp .duplicateWarning{font-size:.9375rem}}@media screen and (max-width: 1280px){.paymentOtp .duplicateWarning{font-size:.875rem}}@media screen and (max-width: 1025px){.paymentOtp .duplicateWarning{font-size:.8125rem}}.paymentOtp .duplicateWarning{font-family:"Avenir-Medium"}[dir=rtl] .paymentOtp .duplicateWarning{font-family:"Almarai-Regular"}.paymentOtp .duplicateWarning{line-height:initial}.paymentOtp .duplicateWarning .otherUserName{color:#000001}.paymentOtp .duplicateWarning .createBtn{background-color:#fff;border:1px solid #5090f8;color:#5090f8}.paymentOtp .duplicateWarning .createBtn:hover{color:#fff;background-color:#5090f8}.paymentOtp .duplicatePayBlock,.sucessPayment .duplicatePayBlock{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.paymentOtp .duplicatePayBlock,.sucessPayment .duplicatePayBlock{font-size:.8125rem}}@media screen and (max-width: 1280px){.paymentOtp .duplicatePayBlock,.sucessPayment .duplicatePayBlock{font-size:.75rem}}@media screen and (max-width: 1025px){.paymentOtp .duplicatePayBlock,.sucessPayment .duplicatePayBlock{font-size:.6875rem}}.paymentOtp .duplicatePayBlock,.sucessPayment .duplicatePayBlock{font-family:"Avenir-Roman"}[dir=rtl] .paymentOtp .duplicatePayBlock,[dir=rtl] .sucessPayment .duplicatePayBlock{font-family:"Almarai-Light"}.paymentOtp .duplicatePayBlock,.sucessPayment .duplicatePayBlock{border:1px solid #ffde4d;border-radius:4px;padding:10px;line-height:initial}.paymentOtp .duplicatePayBlock .duplicatePay,.sucessPayment .duplicatePayBlock .duplicatePay{color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.paymentOtp .duplicatePayBlock .duplicatePay,.sucessPayment .duplicatePayBlock .duplicatePay{font-size:.8125rem}}@media screen and (max-width: 1280px){.paymentOtp .duplicatePayBlock .duplicatePay,.sucessPayment .duplicatePayBlock .duplicatePay{font-size:.75rem}}@media screen and (max-width: 1025px){.paymentOtp .duplicatePayBlock .duplicatePay,.sucessPayment .duplicatePayBlock .duplicatePay{font-size:.6875rem}}.paymentOtp .duplicatePayBlock .duplicatePay,.sucessPayment .duplicatePayBlock .duplicatePay{font-family:"Avenir-Medium"}[dir=rtl] .paymentOtp .duplicatePayBlock .duplicatePay,[dir=rtl] .sucessPayment .duplicatePayBlock .duplicatePay{font-family:"Almarai-Regular"}.paymentOtp .duplicatePayBlock .otherUsrName,.sucessPayment .duplicatePayBlock .otherUsrName{color:#000001}.calenderScdlBtn.createPaymentBtn{padding:10px 40px 40px 40px;display:flex}.calenderScdlBtn.createPaymentBtn .createBtn.btnConfirm{background-color:#62bd69;border:1px solid #62bd69;color:#fff}.calenderScdlBtn.createPaymentBtn .createBtn.btnConfirm:hover{opacity:.8}.calenderScdlBtn.createPaymentBtn .createBtn:last-child{margin-right:0}.scheduleDatePicker{width:78%}.scheduleDatePicker .DatePickerField{width:366px}.badRequestErrorMsg{padding-left:9.7rem}.paymentsContainer .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .label{white-space:normal;overflow:inherit;display:inline-flex}.paymentsContainer .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .label>span{display:inherit}.paymentsContainer .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .label>span .bankNameWrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;display:inline-block;padding-right:3px}.paymentsContainer .filterAppliedContainer{padding-left:0;padding-right:0}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .label{white-space:normal;overflow:inherit;display:inline-flex}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .label>span{display:inherit}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .label>span .bankNameWrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;display:inherit;padding-right:3px}.sliderPopup .transactionDetails.isPopupContainer h3.isInvoiceHeading .isInvoiceTitle,.sliderPopup .transactionDetails.isPopupContainer h3.isInvoiceHeading .isBenDetailesTitle,.sliderPopup .transactionDetails.isPopupContainer h3.isInvoiceHeading .isInvoicePayTitle{text-transform:none}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments{background:#f3f5fd;padding:20px 45px 20px 45px;border-bottom:1px solid #dbe1e9}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName{font-size:1.875rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName{font-size:1.75rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName{font-size:1.6875rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName{color:#000001}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName .isTagName{font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName .isTagName{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName .isTagName{font-size:1.5rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName .isTagName{font-size:1.4375rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName .isTagName{font-size:1.375rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName .isTagName{font-size:1.3125rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName .isTagName{color:#384150}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox{width:31.8%;background:#cbdefd;padding:12px 7px;margin-right:12px;margin-top:25px;border-radius:4px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:first-child{font-size:.75rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:first-child{font-size:.6875rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:first-child{font-size:.625rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:first-child{font-size:.5625rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:first-child{font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:first-child{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:first-child{color:#384150}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:last-child{font-size:.875rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:last-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:last-child{font-size:.75rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:last-child{font-size:.6875rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:last-child{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:last-child{color:#384150;padding-top:10px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox:last-child{margin-right:0}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts{padding:20px 45px 20px 45px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.title{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.title{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.title{font-size:1rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.title{font-size:.9375rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.title{font-size:.875rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.title{font-size:.8125rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.title{color:#000001;padding-bottom:24px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle{font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle{font-size:1rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle{font-size:.8125rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle{color:#8994a5;padding-bottom:24px;position:relative;transition:.5s ease all;display:inline-block;cursor:pointer}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle:hover::after{width:100%}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background-color:#eb8b2d;transition:.5s ease all}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle.active{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle.active{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle.active{color:#000001}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle.active::after{width:100%}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts{margin-bottom:4px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts{width:48.4%;padding:10px;border:1px solid #dbe1e9;margin-bottom:16px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts:last-child{margin-right:0}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt{margin-left:8px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isAccNum{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isAccNum{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isAccNum{font-size:.875rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isAccNum{font-size:.8125rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isAccNum{font-size:.75rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isAccNum{font-size:.6875rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isAccNum{color:#000001}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName{padding-top:8px;color:#384150;font-size:.75rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName{font-size:.6875rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName{font-size:.625rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName{font-size:.5625rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName{font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName .icon-tags{color:#7799be}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isSelectedAcc{position:relative}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isSelectedAcc .icon-check-mark-filled.approvalIcon{color:#62bd69;font-size:1.125rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isSelectedAcc .icon-check-mark-filled.approvalIcon{font-size:1.0625rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isSelectedAcc .icon-check-mark-filled.approvalIcon{font-size:1rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isSelectedAcc .icon-check-mark-filled.approvalIcon{font-size:.9375rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isSelectedAcc::before{position:absolute;border-left:1px solid #bfc7d0;content:"";height:36px;left:-13px;top:-8px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts:nth-child(odd){margin-right:16px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-head{width:100%;background:#f3f5fd}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-head .benDetails-tr{display:flex;align-items:center;width:100%;border:1px solid #dbe1e9}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-head .benDetails-tr .benDetails-th{padding:10px;color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-head .benDetails-tr .benDetails-th{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-head .benDetails-tr .benDetails-th{font-size:.875rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-head .benDetails-tr .benDetails-th{font-size:.8125rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-head .benDetails-tr .benDetails-th{font-size:.75rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-head .benDetails-tr .benDetails-th{font-size:.6875rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body{width:100%}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr{display:flex;align-items:flex-start;width:100%;border:1px solid #dbe1e9;border-top:0}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td{padding:10px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth{align-self:center}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth .benDetailsTitle,.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth .benDetailsSubTitle{overflow:initial}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth .benDetailsTitle{font-family:"Avenir-Roman"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth .benDetailsTitle{font-family:"Almarai-Light"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth .benDetailsTitle{color:#000001}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth .benDetailsTitle span{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth .benDetailsTitle span{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth .benDetailsSubTitle .detailsColorRed{color:#eb3223}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsAmountWidth .benDetailsSubTitle .isReasonStatus{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:50px;vertical-align:top;display:inline-block}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsDateWidth{position:relative}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsDateWidth .benDetailsSubTitle{font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsDateWidth .benDetailsSubTitle{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsDateWidth .isScheduleRibbon .isBookmarkRibbon{position:absolute;left:0;border:6px solid #7799be;border-right:0;border-left:7px solid rgba(0,0,0,0);height:0;line-height:0;-webkit-filter:drop-shadow(0 1px 0px #7799be);margin-top:-10px;transform:rotate(180deg) scale(1);min-width:114px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsDateWidth .isScheduleRibbon .isBookmarkRibbon .isScheduledTitle{font-size:.625rem}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsDateWidth .isScheduleRibbon .isBookmarkRibbon .isScheduledTitle{font-size:.5625rem}}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsDateWidth .isScheduleRibbon .isBookmarkRibbon .isScheduledTitle{padding:0 8px;padding-left:10px;color:#fff;transform:rotate(180deg) scale(1);display:inline-block;font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsDateWidth .isScheduleRibbon .isBookmarkRibbon .isScheduledTitle{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsDateWidth .isScheduleRibbon .isBookmarkRibbon .isScheduledTitle{text-transform:uppercase;position:relative;top:-1px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsFrmAccWidth .benDetailsTitle img,.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsBenAccWidth .benDetailsTitle img{margin-right:5px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsFrmAccWidth .benDetailsTitle span,.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsBenAccWidth .benDetailsTitle span{line-height:initial}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .benDetails-tr .benDetails-td.isBenDetailsBenAccWidth .benDetailsTitle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .noRecordFound.errormessage{margin:50px auto 50px}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-body .noRecordFound.errormessage .errorimage{height:150px;width:150px}.seeAllPayments{text-align:center;justify-content:center;margin-top:25px}.seeAllPayments .btn.createBtn{border-radius:25px;min-height:36px}.isBenDetailsBoxes .benDetailsBox>span:last-child:empty{width:125px;height:25px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 20%, rgba(255, 255, 255, 0.61) 20%),linear-gradient(#f3f5fd 81px, #f3f5fd 0);border-radius:4px;background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite;margin-top:10px}.isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isAccNum:empty{width:150px;height:20px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 20%, rgba(255, 255, 255, 0.61) 20%),linear-gradient(#f3f5fd 81px, #f3f5fd 0);border-radius:4px;background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite}.isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName:empty{width:150px;height:20px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 20%, rgba(255, 255, 255, 0.61) 20%),linear-gradient(#f3f5fd 81px, #f3f5fd 0);border-radius:4px;background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite;margin-top:10px}.isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName:empty{height:36px;width:100%;max-width:190px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.benDetailsTitleLoader:empty{height:45px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,80% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.filterAppliedContainer:empty{display:none}.swipperLoaderSpacing{padding:0 26px}.isFlex.history{display:grid}.transactionDetails .chooseOtpAuth{padding:0 45px 45px 45px}.transactionDetails .chooseOtpAuth .formControl .twoStepChoose{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .chooseOtpAuth .formControl .twoStepChoose{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .chooseOtpAuth .formControl .twoStepChoose{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .chooseOtpAuth .formControl .twoStepChoose{font-size:.6875rem}}.transactionDetails .chooseOtpAuth .formControl .twoStepChoose{font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails .chooseOtpAuth .formControl .twoStepChoose{font-family:"Almarai-Light"}.transactionDetails .chooseOtpAuth .formControl .twoStepChoose{line-height:normal}.transactionDetails .chooseOtpAuth .formControl .otpChoose{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .chooseOtpAuth .formControl .otpChoose{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .chooseOtpAuth .formControl .otpChoose{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .chooseOtpAuth .formControl .otpChoose{font-size:.6875rem}}.transactionDetails .chooseOtpAuth .formControl .otpChoose{font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails .chooseOtpAuth .formControl .otpChoose{font-family:"Almarai-Light"}.transactionDetails .chooseOtpAuth .formControl .otpChoose{line-height:normal}.transactionDetails .chooseOtpAuth .formControl .radio{color:#000001;font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .chooseOtpAuth .formControl .radio{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .chooseOtpAuth .formControl .radio{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .chooseOtpAuth .formControl .radio{font-size:.6875rem}}.transactionDetails .chooseOtpAuth .formControl .radio{font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails .chooseOtpAuth .formControl .radio{font-family:"Almarai-Light"}.transactionDetails .chooseOtpAuth .formControl .radio{text-align:left;font-weight:900;margin-left:24px;line-height:1.5}.transactionDetails .chooseOtpAuth .formControl .radio input{position:absolute;margin-left:-24px;margin-top:3px}.transactionDetails .chooseOtpAuth .formControl .inputField{padding:9px;border-radius:4px;border:1px solid #dbe1e9}.transactionDetails .chooseOtpAuth .accessingSameUser{margin-top:1rem;justify-content:center;margin-left:-3px;margin-bottom:-25px}.filterAppliedContainer{padding-left:0;padding-right:0}.filterAppliedContainer .filterBlock .filterBtn{background-color:#cbdefd;padding:6px 12px;border-radius:11.5px;position:relative;margin-left:12px;display:inline-block;margin-top:8px}.filterAppliedContainer .filterBlock .filterBtn .icon-cross-mark-filled{position:absolute;top:-6px;right:-5px;font-size:1rem}@media screen and (max-width: 1440px){.filterAppliedContainer .filterBlock .filterBtn .icon-cross-mark-filled{font-size:.9375rem}}@media screen and (max-width: 1280px){.filterAppliedContainer .filterBlock .filterBtn .icon-cross-mark-filled{font-size:.875rem}}@media screen and (max-width: 1025px){.filterAppliedContainer .filterBlock .filterBtn .icon-cross-mark-filled{font-size:.8125rem}}.filterAppliedContainer .filterBlock .filterBtn .icon-cross-mark-filled{cursor:pointer;color:#384150}.filterAppliedContainer .filterBlock .filterBtn .filterItem{color:#384150;font-size:.75rem}@media screen and (max-width: 1440px){.filterAppliedContainer .filterBlock .filterBtn .filterItem{font-size:.6875rem}}@media screen and (max-width: 1280px){.filterAppliedContainer .filterBlock .filterBtn .filterItem{font-size:.625rem}}@media screen and (max-width: 1025px){.filterAppliedContainer .filterBlock .filterBtn .filterItem{font-size:.5625rem}}.filterAppliedContainer .filterBlock .filterBtn .filterItem{font-family:"Avenir-Medium"}[dir=rtl] .filterAppliedContainer .filterBlock .filterBtn .filterItem{font-family:"Almarai-Regular"}.filterAppliedContainer .filterBlock .filterBtn .filterItem{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:145px;display:block}.filterAppliedContainer .filterBlock .filterTxt{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.filterAppliedContainer .filterBlock .filterTxt{font-size:.9375rem}}@media screen and (max-width: 1280px){.filterAppliedContainer .filterBlock .filterTxt{font-size:.875rem}}@media screen and (max-width: 1025px){.filterAppliedContainer .filterBlock .filterTxt{font-size:.8125rem}}.filterAppliedContainer .filterBlock .filterTxt{font-family:"Avenir-Roman"}[dir=rtl] .filterAppliedContainer .filterBlock .filterTxt{font-family:"Almarai-Light"}.filterAppliedContainer .filterBlock .filterTxt .showingCount{color:#8994a5}.isBenDetailsDateWidth{width:14%}.isBenDetailsFrmAccWidth{width:29%}.isBenDetailsBenAccWidth{width:30%}.isBenDetailsAmountWidth{width:27%}.benDetailsTitle{font-size:.75rem}@media screen and (max-width: 1440px){.benDetailsTitle{font-size:.6875rem}}@media screen and (max-width: 1280px){.benDetailsTitle{font-size:.625rem}}@media screen and (max-width: 1025px){.benDetailsTitle{font-size:.5625rem}}.benDetailsTitle{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .benDetailsTitle{font-family:"Almarai-Regular"}.benDetailsTitle{padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.benDetailsTitle:empty{display:none}.benDetailsSubTitle{font-size:.75rem}@media screen and (max-width: 1440px){.benDetailsSubTitle{font-size:.6875rem}}@media screen and (max-width: 1280px){.benDetailsSubTitle{font-size:.625rem}}@media screen and (max-width: 1025px){.benDetailsSubTitle{font-size:.5625rem}}.benDetailsSubTitle{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .benDetailsSubTitle{font-family:"Almarai-Light"}.benDetailsSubTitle{padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.benDetailsSubTitle:empty{display:none}.boxLoader:empty{height:70px;width:75%;max-width:190px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 18px, transparent 0),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,75% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.receivePay .amountValue .preloadCash:empty{border-radius:4px;width:105px;height:30px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:11px 45px,82% 25px,90% 13px;background-position:0 10px,0 10px,0 43px;animation:horz 1s infinite;margin-left:20px;margin-top:0}.receivePay .amountValue .preloadCash:first-child:empty{margin-top:-12px}.sideNavLoader:empty{height:45px;width:100%;max-width:300px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.tableDataLoader:empty{height:45px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,80% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.managementLoader:empty{height:45px;width:100%;max-width:300px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,75% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.managementRoleLoader:empty{height:45px;width:100%;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,65% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.userMngmtRoleLoader:empty{height:45px;width:100%;max-width:300px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,50% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.benMasterLoader:empty{height:45px;width:50%;max-width:300px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.shimmer span:empty{height:45px;width:100%;max-width:300px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;margin:0 auto}.shimmer span.smallShimmer:empty{height:45px;width:100%;max-width:190px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;margin:0 auto}.shimmer span.whiteLoader:empty{background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#ffffff 27px, transparent 0);border-radius:4px}@keyframes horz{to{background-position:100% 10px,0 10px,0 35px}}.white-space-nowrap{white-space:nowrap !important}.payCheckBox{width:4%}.payDateNtime{width:16%}.payAccNumber{width:24%}.payDiverLine{width:10%}.payBenName{width:25%}.payAmountNStatus{width:25%}.payAmount{width:22%}.payStatus{width:3%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payDateNtime{width:18%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payDiverLine{width:8%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payAmount{width:23%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payAccNumber{width:28%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payDateNtime.historyDate{width:14%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payBenName{width:23%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAmount.payAmountWidth{width:23%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate{width:18%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAmount.payAmountDropdown{width:18%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payBenName{width:23%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDateNtime{width:14%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount{width:18%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAccNumber{width:28%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDiverLine{width:8%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payBenName{width:23%}.newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td .icon-Payment-arrow-divider{font-size:.5625rem}.newPaymentsTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper{top:auto !important;transform:none !important;left:25px !important}.newPaymentsTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:25px !important}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th:first-child{display:none}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payCheckBox.benCheckBox{padding-left:25px;display:inherit}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payDateNtime{width:20%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payAccNumber{width:23%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payBenName{width:22%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payDateNtime.historyDate{padding-left:15px;width:16%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payAmount.payAmountWidth{padding-right:25px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payDateNtime.paymentDateBlock{padding-left:25px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payAmount .text-right.amountRight{padding-right:15px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payCheckBox.historyDownload{display:block;padding-left:25px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payCheckBox.historyDownload{padding-left:25px;display:none}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payCheckBox.historyDownload .table-input{width:25px;border-bottom-right-radius:0;border-top-right-radius:0;padding-right:7px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate{width:20%;flex-direction:row;padding-left:25px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .react-datepicker-wrapper{padding-right:5px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{border-radius:4px;color:#8994a5;font-size:1.125rem}@media screen and (max-width: 1440px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{font-size:1.0625rem}}@media screen and (max-width: 1280px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{font-size:1rem}}@media screen and (max-width: 1025px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{font-size:.9375rem}}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{background-color:#fff;border-bottom-right-radius:0;border-top-right-radius:0;min-height:34px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .table-input{width:100%;padding-top:8px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .icon-calendar.table-input{padding-right:7px;padding-top:7px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .datePickerPosition .icon-cross-mark-filled{top:11px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.historyDate .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:15px !important}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus{width:5%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus .payStatusSelection{margin-left:16px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus .payStatusSelection .inputSelect .listOfItems{width:242px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus.payStatusNone{display:none}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAmount.payAmountWidth{width:25%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAmount{width:20%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAmount .text-right.amountRight{padding-right:15px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAmount .icon-cross-mark-filled{left:14px;right:auto}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAmount .table-input{text-align:right;padding-right:7px;padding-left:25px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAmount .table-input::placeholder{text-align:right}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAmount.payAmountDropdown .table-input{border-bottom-right-radius:0;border-top-right-radius:0}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime{position:static}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payDateNtime.paymentRelative{position:relative}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus.payHistoryStatus{display:flex;padding-right:25px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus.payHistoryStatus .payStatusSelection .inputSelect .selectedItem .icon{border-bottom-left-radius:0;border-top-left-radius:0}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus.payHistoryStatus .table-input{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:7px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th .icon-cross-mark-filled{top:21px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payDateNtime .datePickerPosition{position:relative}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payDateNtime .datePickerPosition .icon-cross-mark-filled{top:-23px;right:5px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .historyDate .datePickerPosition .icon-cross-mark-filled{top:9px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter{display:flex;flex-direction:row}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter .payStatusSelection .inputSelect{position:static}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter .payStatusSelection .inputSelect .selectedItem{position:relative}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter .payStatusSelection .inputSelect .selectedItem .icon.icon-filter{min-height:36px;left:0;right:auto;top:0;border-top-right-radius:0;border-bottom-right-radius:0}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter .payStatusSelection .inputSelect .selectedItem .icon.icon-filter::before{position:relative;top:2px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter .payStatusSelection .inputSelect .listOfItems{right:auto;width:94%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter .payStatusSelection .inputSelect .listOfItems .isFlex .txnCompanyLogo{margin-left:0}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter .payStatusSelection .inputSelect .listOfItems .isFlex .txnCompanyLogo label .bankName{margin-left:6px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter .payStatusSelection .inputSelect .listOfItems .isFlex .txnCompanyLogo img{background:#fff;padding:1px;border-radius:2px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter .table-input{width:100%;margin-left:15px;border-top-left-radius:0;border-bottom-left-radius:0}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber.isCompanyFilter input[placeholder]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr{align-items:flex-start}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDateNtime{padding-left:16px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDateNtime .tableDataTitle{font-family:"Avenir-Medium"}[dir=rtl] .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDateNtime .tableDataTitle{font-family:"Almarai-Regular"}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDateNtime .tableDataSubTitle .companyfilterInfo{display:flex;align-items:center}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAccNumber{width:23%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAccNumber .tableDataSubTitle{color:#384150}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAccNumber .dataTableTextTruncate{display:flex;align-items:center}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAccNumber .dataTableTextTruncate .tableBankThumbnail{margin-right:8px;margin-top:-2px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payBenName{width:22%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payBenName .dataTableTextTruncate{display:flex;align-items:center}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payBenName .dataTableTextTruncate .tableBankThumbnail{margin-right:8px;margin-top:-2px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-family:"Avenir-Heavy"}[dir=rtl] .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-family:"Almarai-Bold"}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:.875rem}@media screen and (max-width: 1440px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:.8125rem}}@media screen and (max-width: 1280px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:.75rem}}@media screen and (max-width: 1025px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:.6875rem}}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-family:"Almarai-Light"}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-size:.875rem}@media screen and (max-width: 1440px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-size:.8125rem}}@media screen and (max-width: 1280px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-size:.75rem}}@media screen and (max-width: 1025px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-size:.6875rem}}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{text-transform:initial}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox{padding-left:25px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .checkBoxMiddle.dueSurpassedToolTip~.transcationTooltip.salaryBreakupsToolTip{display:none}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .checkBoxMiddle.dueSurpassedToolTip:hover~.transcationTooltip.salaryBreakupsToolTip{display:block}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .transcationTooltip.salaryBreakupsToolTip .bottom{right:auto;left:-24px;margin-top:10px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .transcationTooltip.salaryBreakupsToolTip .bottom::before{left:10%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .isDuplicatePayment .bookmarkRibbon{position:absolute;left:0;border:9px solid #ffde4d;border-right:0;border-left:10px solid rgba(0,0,0,0);height:0;line-height:0;-webkit-filter:drop-shadow(0 1px 0px #ffde4d);margin-top:-20px;transform:rotate(180deg) scale(1)}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .isDuplicatePayment .bookmarkRibbon .recreated{text-transform:uppercase;color:#384150;position:relative;top:-1px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .isDuplicatePayment .checkBoxMiddle{margin-top:6px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .isDuplicatePayment .transcationTooltip.salaryBreakupsToolTip .bottom{left:0}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag{position:relative;top:-15px;right:25px;color:#eb3223;font-size:1rem}@media screen and (max-width: 1440px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag{font-size:.9375rem}}@media screen and (max-width: 1280px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag{font-size:.875rem}}@media screen and (max-width: 1025px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag{font-size:.8125rem}}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag .recreated,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag .recreated{position:absolute;top:2px;color:#fff;left:3px;font-family:"Avenir-Heavy"}[dir=rtl] .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag .recreated,[dir=rtl] .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag .recreated{font-family:"Almarai-Bold"}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag .recreated,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag .recreated{font-size:.75rem}@media screen and (max-width: 1440px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag .recreated,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag .recreated{font-size:.6875rem}}@media screen and (max-width: 1280px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag .recreated,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag .recreated{font-size:.625rem}}@media screen and (max-width: 1025px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag .recreated,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag .recreated{font-size:.5625rem}}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag .recreated,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-recreated-tag .recreated{text-transform:uppercase}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .icon-scheduled-tag.iconScheduled{color:#7799be}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .checkBoxMiddle.scheduleDate,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .checkBoxMiddle.reCreatedPayment{margin-top:-10px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .checkBoxMiddle{margin-top:5px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .checkBoxMiddle>input{background:rgba(0,0,0,0)}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .rejectedPosition{position:relative}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox .rejectedPosition .rejectedStamp{position:absolute;top:-9px;left:9px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount{width:20%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataTitle{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataTitle{font-size:.8125rem}}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataTitle{font-family:"Avenir-Roman"}[dir=rtl] .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataTitle{font-family:"Almarai-Light"}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataTitle .amountNo{font-family:"Avenir-Heavy"}[dir=rtl] .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataTitle .amountNo{font-family:"Almarai-Bold"}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataSubTitle{overflow:inherit}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataSubTitle .icon-joint-approval{color:#8994a5;padding-right:5px;position:relative}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataSubTitle .icon-joint-approval .transcationTooltip.salaryBreakupsToolTip{display:none}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataSubTitle .icon-joint-approval:hover .transcationTooltip.salaryBreakupsToolTip{display:block}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataSubTitle .icon-joint-approval:hover .transcationTooltip.salaryBreakupsToolTip .bottom{max-width:120px;width:120px;top:25px;left:-5px;margin-top:0}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAmount .tableDataSubTitle .icon-joint-approval:hover .transcationTooltip.salaryBreakupsToolTip .bottom::before{left:5%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payStatus.payStatusNone,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payStatus.payHistoryStatus{padding-right:25px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payCheckBox.historyDownload .rejectedStamp{position:absolute;top:-12px;left:9px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDiverLine .dividerLine{margin-top:5px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payStatus .actionSection{margin-top:15px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payStatus{width:5%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor{cursor:initial;padding-left:16px;margin-top:2px;display:flex}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{color:#7799be;font-size:1rem}@media screen and (max-width: 1440px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{font-size:.9375rem}}@media screen and (max-width: 1280px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{font-size:.875rem}}@media screen and (max-width: 1025px){.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{font-size:.8125rem}}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{padding-right:10px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .tableTitle{text-transform:uppercase}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr.historyBlock.noHover{align-items:flex-end}.newPaymentsTable.isSplitPayDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th:first-child{display:inherit}.newPaymentsTable.isSplitPayDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDateNtime{padding-left:25px;width:20%}.newPaymentsTable.isSplitPayDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDateNtime.historyDate{width:16%}.newPaymentsTable.isSplitPayDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAccNumber .tableDataTitle{overflow:inherit}.newPaymentsTable.isSplitPayDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAccNumber .tableDataTitle .dataTableTextTruncate{overflow:inherit}.newPaymentsTable.isSplitPayDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy{padding-left:25px}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payAccNumber{width:44%}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payAccNumber.isNotHistory{width:48%;padding-left:25px}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payBenName{width:23%}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payDiverLine{width:6%}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead.filters .table-th.payAccNumber{padding-left:25px;width:48%}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAccNumber{padding-left:16px;width:44%}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payAccNumber .tableDataSubTitle .companyfilterInfo{display:flex;align-items:center}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payBenName{width:23%}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDiverLine{width:6%}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDiverLine .icon-new-arrow{font-size:.5rem}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDiverLine .icon-new-arrow{color:#dbe1e9}.manageInfo .tooltipInfo .icon-priority-payment{font-size:1rem}@media screen and (max-width: 1440px){.manageInfo .tooltipInfo .icon-priority-payment{font-size:.9375rem}}@media screen and (max-width: 1280px){.manageInfo .tooltipInfo .icon-priority-payment{font-size:.875rem}}@media screen and (max-width: 1025px){.manageInfo .tooltipInfo .icon-priority-payment{font-size:.8125rem}}.manageInfo .tooltipInfo .icon-priority-payment{color:#eb8b2d}.isPriorityPayBox .transactionOverview.priorityBox{position:relative;margin-right:25px}.isPriorityPayBox .transactionOverview.priorityBox::after{content:"";border-right:2px solid #dbe1e9;position:absolute;right:-13px;height:100%}.colorRed.alignBankFailed{margin-right:20px}.historyDownloadIcon{background-color:#fff;padding:6px 9px;cursor:pointer;border-radius:5px;margin-top:0px;display:inline-block;color:#5090f8;border:1px solid #5090f8;transition:.3s}.historyDownloadIcon .icon-download{font-size:1.125rem}@media screen and (max-width: 1440px){.historyDownloadIcon .icon-download{font-size:1.0625rem}}@media screen and (max-width: 1280px){.historyDownloadIcon .icon-download{font-size:1rem}}@media screen and (max-width: 1025px){.historyDownloadIcon .icon-download{font-size:.9375rem}}.historyDownloadIcon:hover{background-color:#5090f8;color:#fff;transition:.3s}.payStatusSelection .inputSelect .selectedItem{border:none;position:static}.payStatusSelection .inputSelect .selectedItem .icon{padding:10px 8px;top:1px;border-radius:4px}.payStatusSelection .inputSelect .listOfItems{width:255px;right:0;max-height:initial;background:#384150}.payStatusSelection .inputSelect .listOfItems>.isFlex{align-items:center;margin-bottom:8px;font-family:"Avenir-Roman"}[dir=rtl] .payStatusSelection .inputSelect .listOfItems>.isFlex{font-family:"Almarai-Light"}.payStatusSelection .inputSelect .listOfItems>.isFlex{border-bottom:1px solid #dbe1e9;padding-bottom:9px;color:#fff}.payStatusSelection .inputSelect .listOfItems>.isFlex span{margin-left:10px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payStatusSelection .inputSelect .listOfItems>.isFlex:last-child{border:0;padding:0;margin:0}.payStatusSelection .inputSelect .listOfItems .noRecords span{color:#fff;font-size:.875rem}@media screen and (max-width: 1440px){.payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.8125rem}}@media screen and (max-width: 1280px){.payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.75rem}}@media screen and (max-width: 1025px){.payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.6875rem}}.payStatusSelection .inputSelect .listOfItems .noRecords span{font-family:"Avenir-Roman"}[dir=rtl] .payStatusSelection .inputSelect .listOfItems .noRecords span{font-family:"Almarai-Light"}.icon-joint-approval{top:-1px}.billCheckBox{width:4%}.billDateNTime{width:15%}.billFromAccont{width:23%}.billDiverLine{width:10%}.sadadBillerId{width:23%}.billAmount{width:20%}.billStatus{width:5%}.newBillsTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper{top:auto !important;transform:none !important;left:25px !important}.newBillsTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:25px !important}.newBillsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.billDateNTime{width:19%;padding-left:25px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.billStatus{display:none}.newBillsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.billAmount{width:25%}.newBillsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.billAmount .text-right.amountRight{padding-right:15px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.billAmount.billAmountHistory{width:23%}.newBillsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.billDateNTime.historyDate{padding-left:15px;width:17%}.newBillsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.billCheckBox.historyDownload{padding-left:25px;display:block}.newBillsTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.billCheckBox{display:none}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billCheckBox.historyDownload{padding-left:25px;display:none}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billCheckBox.historyDownload .table-input{width:25px;border-bottom-right-radius:0;border-top-right-radius:0;padding-right:7px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate{width:21%;flex-direction:row;position:static;padding-left:25px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .react-datepicker-wrapper{padding-right:5px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{border-radius:4px;color:#8994a5;font-size:1.125rem}@media screen and (max-width: 1440px){.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{font-size:1.0625rem}}@media screen and (max-width: 1280px){.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{font-size:1rem}}@media screen and (max-width: 1025px){.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{font-size:.9375rem}}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{background-color:#fff;border-bottom-right-radius:0;border-top-right-radius:0;min-height:34px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .table-input{width:100%;border-bottom-left-radius:0;border-top-left-radius:0;padding-top:8px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .icon-calendar.table-input{padding-right:7px;padding-top:7px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .datePickerPosition .icon-cross-mark-filled{top:10px;right:4px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime.historyDate .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:15px !important}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime{position:static}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime .datePickerPosition{position:relative}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billDateNTime .datePickerPosition .icon-cross-mark-filled{top:-23px;right:10px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus.billHistoryStatus{padding-right:25px;display:inherit}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus.billHistoryStatus .payStatusSelection .inputSelect .selectedItem .icon{border-bottom-left-radius:0;border-top-left-radius:0}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus.billHistoryStatus .table-input{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:7px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus .payStatusSelection{margin-left:16px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus .payStatusSelection .inputSelect .listOfItems{width:220px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billAmount.billAmountHistory{width:18%;padding-right:10px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billAmount.billAmountHistory .table-input{border-bottom-right-radius:0;border-top-right-radius:0}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billAmount{padding-right:25px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billAmount .table-input{text-align:right;padding-left:25px;padding-right:7px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billAmount .table-input::placeholder{text-align:right}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billAmount .icon-cross-mark-filled{left:14px;top:21px;right:auto}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th .icon-cross-mark-filled{top:21px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .datePickerPosition{position:relative}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .datePickerPosition .icon-cross-mark-filled{top:-21px;right:10px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr{align-items:flex-start}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billDateNTime{padding-left:16px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billDateNTime .tableDataTitle{font-family:"Avenir-Medium"}[dir=rtl] .newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billDateNTime .tableDataTitle{font-family:"Almarai-Regular"}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-family:"Avenir-Heavy"}[dir=rtl] .newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-family:"Almarai-Bold"}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:.875rem}@media screen and (max-width: 1440px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:.8125rem}}@media screen and (max-width: 1280px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:.75rem}}@media screen and (max-width: 1025px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:.6875rem}}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-family:"Almarai-Light"}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-size:.875rem}@media screen and (max-width: 1440px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-size:.8125rem}}@media screen and (max-width: 1280px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-size:.75rem}}@media screen and (max-width: 1025px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-size:.6875rem}}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{text-transform:initial}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataTitle .amountCurrency{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataTitle .amountCurrency{font-size:.9375rem}}@media screen and (max-width: 1280px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataTitle .amountCurrency{font-size:.875rem}}@media screen and (max-width: 1025px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataTitle .amountCurrency{font-size:.8125rem}}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataTitle .amountCurrency .currencyNo{font-family:"Avenir-Roman"}[dir=rtl] .newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataTitle .amountCurrency .currencyNo{font-family:"Almarai-Light"}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataTitle .amountCurrency .amountNo{font-family:"Avenir-Heavy"}[dir=rtl] .newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataTitle .amountCurrency .amountNo{font-family:"Almarai-Bold"}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataSubTitle{overflow:inherit}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataSubTitle .icon-joint-approval{color:#8994a5;padding-right:5px;position:relative}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataSubTitle .icon-joint-approval .transcationTooltip.salaryBreakupsToolTip{display:none}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataSubTitle .icon-joint-approval:hover .transcationTooltip.salaryBreakupsToolTip{display:block}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataSubTitle .icon-joint-approval:hover .transcationTooltip.salaryBreakupsToolTip .bottom{max-width:120px;width:120px;top:25px;left:-5px;margin-top:0}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataSubTitle .icon-joint-approval:hover .transcationTooltip.salaryBreakupsToolTip .bottom::before{left:5%}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox{padding-left:25px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag{position:relative;top:-15px;right:25px;color:#eb3223;font-size:1rem}@media screen and (max-width: 1440px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag{font-size:.9375rem}}@media screen and (max-width: 1280px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag{font-size:.875rem}}@media screen and (max-width: 1025px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag{font-size:.8125rem}}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag .recreated{position:absolute;top:2px;color:#fff;left:3px;font-family:"Avenir-Heavy"}[dir=rtl] .newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag .recreated{font-family:"Almarai-Bold"}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag .recreated{font-size:.75rem}@media screen and (max-width: 1440px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag .recreated{font-size:.6875rem}}@media screen and (max-width: 1280px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag .recreated{font-size:.625rem}}@media screen and (max-width: 1025px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag .recreated{font-size:.5625rem}}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag .recreated{text-transform:uppercase}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-scheduled-tag.iconScheduled{color:#7799be}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .checkBoxMiddle.reCreatedPayment{margin-top:-10px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .checkBoxMiddle{margin-top:5px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .checkBoxMiddle>input{background:rgba(0,0,0,0)}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .rejectedPosition{position:relative}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .rejectedPosition .rejectedStamp{position:absolute;top:-9px;left:9px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billDiverLine .dividerLine{margin-top:5px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor{cursor:initial;margin-top:2px;padding-left:16px;display:flex}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{color:#7799be;font-size:1rem}@media screen and (max-width: 1440px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{font-size:.9375rem}}@media screen and (max-width: 1280px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{font-size:.875rem}}@media screen and (max-width: 1025px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{font-size:.8125rem}}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-New-Approval,.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .icon-new-history{padding-right:10px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .tableTitle{text-transform:uppercase}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billStatus{padding-right:25px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billStatus .actionSection{margin-top:15px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox.historyDownload .rejectedStamp{position:absolute;top:-14px;left:9px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount.billAmountHistory{width:18%}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billDateNTime.historyDate{width:17%}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billFromAccont .dataTableTextTruncate{display:flex;align-items:center}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billFromAccont .dataTableTextTruncate .tableBankThumbnail{margin-right:8px;margin-top:-2px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billFromAccont .tableDataSubTitle{color:#384150}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.sadadBillerId .tableDataTitle{display:flex;align-items:center}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.sadadBillerId .tableDataTitle .icon-bill-icon{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.sadadBillerId .tableDataTitle .icon-bill-icon{font-size:.9375rem}}@media screen and (max-width: 1280px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.sadadBillerId .tableDataTitle .icon-bill-icon{font-size:.875rem}}@media screen and (max-width: 1025px){.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.sadadBillerId .tableDataTitle .icon-bill-icon{font-size:.8125rem}}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.sadadBillerId .tableDataTitle .icon-bill-icon{margin-right:8px}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr.historyBlock.noHover{align-items:flex-end}.schedulePaymentDate{font-family:"Avenir-Heavy"}[dir=rtl] .schedulePaymentDate{font-family:"Almarai-Bold"}.schedulePaymentDate{color:#000001}.isBankLogosGrouping{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.isBankLogosGrouping{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankLogosGrouping{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankLogosGrouping{font-size:.6875rem}}.isBankLogosGrouping{font-family:"Avenir-Medium"}[dir=rtl] .isBankLogosGrouping{font-family:"Almarai-Regular"}.isBankLogosGrouping{display:flex;align-items:center;justify-content:space-between;position:relative}.isBankLogosGrouping .groupBankLogos{margin-left:5px;display:inline-block;position:relative}.isBankLogosGrouping .groupBankLogos .tableBankThumbnail{margin-left:0;margin-right:0;background:#fff;-webkit-box-shadow:2px 1px 4px #dbe1e9;box-shadow:2px 1px 4px #dbe1e9}.isBankLogosGrouping .groupBankLogos .tableBankThumbnail:not(:first-child){position:absolute;top:3px;left:6px}.isBankLogosGrouping .groupBankLogos .tableBankThumbnail:nth-child(3){left:12px}.isBankLogosGrouping .groupBankLogos .tableBankThumbnail:nth-child(4){left:18px}.isBankLogosGrouping .groupBankLogos:last-child{margin-right:5px}.isBankLogosGrouping .groupBankLogos.bankOne{width:15px}.isBankLogosGrouping .groupBankLogos.bankTwo{width:20px}.isBankLogosGrouping .groupBankLogos.bankThree{width:25px}.isBankLogosGrouping .groupBankLogos.bankFour{width:30px}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip{display:none}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .bottom{bottom:22px;margin-top:0;right:0;max-width:350px;width:350px}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .bottom::before{opacity:0}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .bottom::after{border-color:#384150 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);opacity:1;top:auto;bottom:-17px;left:88%}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:first-child{color:#ffde4d;font-size:.875rem}@media screen and (max-width: 1440px){.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:first-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:first-child{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:first-child{font-size:.6875rem}}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:first-child{font-family:"Avenir-Heavy"}[dir=rtl] .isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:first-child{font-family:"Almarai-Bold"}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child{color:#fff;font-size:.875rem}@media screen and (max-width: 1440px){.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child{font-size:.6875rem}}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child{font-family:"Almarai-Bold"}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child .currencyNo{font-family:"Avenir-Roman"}[dir=rtl] .isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child .currencyNo{font-family:"Almarai-Light"}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child .currencyNo{color:#fff}.isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts.isTotal{border-top:1px solid #697383;padding-top:10px;margin-top:10px}.isBankLogosGrouping:hover .transcationTooltip.salaryBreakupsToolTip{display:block}.rejectedPosition .rejectedStamp{opacity:.5}.inputNumberTypeRemoveArrow input[type=number]::-webkit-inner-spin-button,.inputNumberTypeRemoveArrow input[type=number]::-webkit-outer-spin-button{appearance:none}.inputNumberTypeRemoveArrow input[type=number]{-moz-appearance:textfield}.suggestionOpen .icon-MoreArrows{font-size:.625rem}@media screen and (max-width: 1280px){.suggestionOpen .icon-MoreArrows{font-size:.5625rem}}.suggestionOpen .icon-MoreArrows{transition:transform .3s}.suggestionOpen .icon-MoreArrows.moreDetails::before{transform:rotate(-180deg);transition:transform .3s;display:inline-block}.priorityPmt .tableDataSubTitle{overflow:unset}.priorityPmt .tableDataSubTitle .manageInfo i{margin:0px 8px 0 0}.priorityPmt .tableDataSubTitle .manageInfo .transcationTooltip .bottom.top{right:auto;left:-14px;max-width:145px;width:145px;padding:8px}.priorityPmt .tableDataSubTitle .manageInfo .transcationTooltip .bottom.top::before{left:15px;right:auto}
.amountCurrency.credit{color:#62bd69}.amountCurrency.debit{color:#eb3223}.balAmount{font-size:1.875rem}@media screen and (max-width: 1440px){.balAmount{font-size:1.8125rem}}@media screen and (max-width: 1280px){.balAmount{font-size:1.75rem}}@media screen and (max-width: 1025px){.balAmount{font-size:1.6875rem}}.balAmount{font-family:"Avenir-Roman"}[dir=rtl] .balAmount{font-family:"Almarai-Light"}.balAmount{display:block;padding:20px 0 45px}.balAmount strong{font-family:"Avenir-Heavy"}[dir=rtl] .balAmount strong{font-family:"Almarai-Bold"}.balInfoTooltip .icon-need-info{font-size:1.625rem}@media screen and (max-width: 1440px){.balInfoTooltip .icon-need-info{font-size:1.5625rem}}@media screen and (max-width: 1280px){.balInfoTooltip .icon-need-info{font-size:1.5rem}}@media screen and (max-width: 1025px){.balInfoTooltip .icon-need-info{font-size:1.4375rem}}.balInfoTooltip .icon-need-info{color:#eb3223;cursor:pointer;margin-left:6px;position:relative}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip{display:none}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom{bottom:35px;color:#fff;left:-110px;line-height:initial;margin-left:0;margin-top:0;max-width:254px;padding:7px;width:254px;z-index:52}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom::before{opacity:0}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom::after{border-color:#384150 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);bottom:-18px;left:45%;opacity:1;top:auto}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt{font-family:"Avenir-Roman"}[dir=rtl] .balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt{font-family:"Almarai-Light"}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt{font-size:.75rem}@media screen and (max-width: 1440px){.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt{font-size:.6875rem}}@media screen and (max-width: 1280px){.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt{font-size:.625rem}}@media screen and (max-width: 1025px){.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt{font-size:.5625rem}}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt{color:#fff}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt .serviceTimeout{font-family:"Avenir-Heavy"}[dir=rtl] .balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt .serviceTimeout{font-family:"Almarai-Bold"}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt .serviceTimeout{color:#eb3223}.balInfoTooltip .icon-need-info:hover .transcationTooltip.balanceInfoTooltip{display:block}.balInfoTooltip.amountCurrency .icon-need-info{font-size:1.125rem}@media screen and (max-width: 1440px){.balInfoTooltip.amountCurrency .icon-need-info{font-size:1.0625rem}}@media screen and (max-width: 1280px){.balInfoTooltip.amountCurrency .icon-need-info{font-size:1rem}}@media screen and (max-width: 1025px){.balInfoTooltip.amountCurrency .icon-need-info{font-size:.9375rem}}.balInfoTooltip.amountCurrency .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom{bottom:28px}.balInfoTooltip.amountCurrency .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom::after{left:44%}.balanceSliderBrdr{background:#fff;border:1px solid #dbe1e9;border-radius:8px}.bankAccBalInfoSec{border-bottom:1px solid #dbe1e9;margin-bottom:20px;margin-top:20px;padding-bottom:20px}.bankAccBalInfoSec .bankAccBalInfo{border:1px solid #eb3223;border-radius:4px;margin-top:14px;padding:12px}.bankAccBalInfoSec .bankAccBalInfo .balInfoContent{font-family:"Avenir-Roman"}[dir=rtl] .bankAccBalInfoSec .bankAccBalInfo .balInfoContent{font-family:"Almarai-Light"}.bankAccBalInfoSec .bankAccBalInfo .balInfoContent{font-size:.875rem}@media screen and (max-width: 1440px){.bankAccBalInfoSec .bankAccBalInfo .balInfoContent{font-size:.8125rem}}@media screen and (max-width: 1280px){.bankAccBalInfoSec .bankAccBalInfo .balInfoContent{font-size:.75rem}}@media screen and (max-width: 1025px){.bankAccBalInfoSec .bankAccBalInfo .balInfoContent{font-size:.6875rem}}.bankAccBalInfoSec .bankAccBalInfo .balInfoContent{color:#eb3223;flex:1;line-height:1.5}.bankAccBalInfoSec .bankAccBalInfo .icon-need-info{font-size:1.5rem}@media screen and (max-width: 1440px){.bankAccBalInfoSec .bankAccBalInfo .icon-need-info{font-size:1.4375rem}}@media screen and (max-width: 1280px){.bankAccBalInfoSec .bankAccBalInfo .icon-need-info{font-size:1.375rem}}@media screen and (max-width: 1025px){.bankAccBalInfoSec .bankAccBalInfo .icon-need-info{font-size:1.3125rem}}.bankAccBalInfoSec .bankAccBalInfo .icon-need-info{color:#eb3223;padding-right:10px}.bankAccounts .bankAccountsList .bankAccountHolder .userInfo .name{max-width:95px;overflow:hidden;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap}.bankAccounts .bankAccountsList .bankAccountHolder .userInfo .name::first-letter{text-transform:uppercase}.bankAccounts .bankAccountsList.preLoader{background:none;padding:0}.bankAccounts .bankAccountsList.preLoader .splashes{animation:horz 1s infinite;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-position:0 10px,0 10px,0 35px;background-repeat:no-repeat;background-size:20px 59px,100% 25px,100% 26px;display:block;height:70px;margin:18px 0;width:auto}.bankAccounts .noRecordsFound img{width:150px}.bankAccounts .topHead .netWorthDate{font-family:"Avenir-Medium"}[dir=rtl] .bankAccounts .topHead .netWorthDate{font-family:"Almarai-Regular"}.bankAccounts .topHead .netWorthDate{font-size:1rem}@media screen and (max-width: 1440px){.bankAccounts .topHead .netWorthDate{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankAccounts .topHead .netWorthDate{font-size:.875rem}}@media screen and (max-width: 1025px){.bankAccounts .topHead .netWorthDate{font-size:.8125rem}}.bankAccounts .topHead .netWorthDate{color:#8994a5}.container .overview{padding-left:30px}.listQuickLinks .listLinks:after{top:30px}.overview .commentBeneficiries h3{font-size:1.5625rem}@media screen and (max-width: 1440px){.overview .commentBeneficiries h3{font-size:1.5rem}}@media screen and (max-width: 1280px){.overview .commentBeneficiries h3{font-size:1.4375rem}}@media screen and (max-width: 1025px){.overview .commentBeneficiries h3{font-size:1.375rem}}.overview .commentBeneficiries h3{color:#000001;text-transform:initial}.overview .tabItems{position:relative}.overview .tabItems .btn.info{display:inline-block;text-transform:lowercase}.overview .tabItems .btn.info::first-letter{text-transform:uppercase}.overview .tabItems .overviewTabsSlider.loader{align-content:flex-start;align-items:flex-start;background-color:#f3f5fd;border-radius:6px;cursor:initial;display:flex;flex-direction:column;height:66px;justify-content:space-around;margin-right:13px;max-width:240px;padding:11px 11px;text-align:left;width:240px}.overview .tabItems .swipperMainContainer .RightArrow{background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgb(248, 252, 253) 40%);height:100%;right:0;top:0;width:90px}.overview .tabItems .swipperMainContainer .leftArrow{background-image:linear-gradient(to left, rgba(255, 255, 255, 0), rgb(248, 252, 253) 40%);height:100%;left:0;top:0;width:90px}.overview .tabItems .swipperMainContainer .overviewTabsSlider{align-content:flex-start;align-items:flex-start;background-color:#f3f5fd;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:66px;justify-content:space-around;margin-right:13px;min-width:255px;padding:11px 11px;text-align:left;width:255px}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs{align-items:center;display:flex}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData{margin-left:8px}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter{display:block}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .isFlex{align-items:center;padding:4px 0}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .isFlex span{padding-left:3px}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency{padding:4px 0}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency{font-family:"Avenir-Heavy"}[dir=rtl] .overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency{font-family:"Almarai-Bold"}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency{font-size:1rem}@media screen and (max-width: 1440px){.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency{font-size:.9375rem}}@media screen and (max-width: 1280px){.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency{font-size:.875rem}}@media screen and (max-width: 1025px){.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency{font-size:.8125rem}}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency{align-items:center;color:#8994a5;display:flex}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency .currencyNo{margin-left:0}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter{font-family:"Avenir-Medium"}[dir=rtl] .overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter{font-family:"Almarai-Regular"}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter{font-size:1rem}@media screen and (max-width: 1440px){.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter{font-size:.9375rem}}@media screen and (max-width: 1280px){.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter{font-size:.875rem}}@media screen and (max-width: 1025px){.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter{font-size:.8125rem}}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter{align-items:center;color:#384150;display:flex;padding:4px 0}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label{font-family:"Avenir-Medium"}[dir=rtl] .overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label{font-family:"Almarai-Regular"}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label{font-size:1rem}@media screen and (max-width: 1440px){.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label{font-size:.9375rem}}@media screen and (max-width: 1280px){.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label{font-size:.875rem}}@media screen and (max-width: 1025px){.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label{font-size:.8125rem}}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label{color:#384150;display:inline-block;fill:none;font-weight:normal;max-width:160px;overflow:hidden;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label::first-letter{text-transform:uppercase}.overview .tabItems .swipperMainContainer .overviewTabsSlider.all .companyNameBalanceData{margin-left:0}.overview .tabItems .swipperMainContainer .overviewTabsSlider.all .companyNameBalanceData .isFlex.alignCenter .label{max-width:135px}.overview .tabItems .swipperMainContainer .overviewTabsSlider.active{background-color:#5090f8}.overview .tabItems .swipperMainContainer .overviewTabsSlider.active .overviewTabs .companyNameBalanceData .isFlex.alignCenter{color:#fff}.overview .tabItems .swipperMainContainer .overviewTabsSlider.active .overviewTabs .companyNameBalanceData .isFlex.alignCenter .label{color:#fff}.overview .tabItems .swipperMainContainer .overviewTabsSlider.active .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency{color:#fff}.overview .tabItems .swipperMainContainer .overviewTabsSlider:hover{background-color:#cbdefd;transition:.5s all ease}.overview .title{font-family:"Avenir-Roman"}[dir=rtl] .overview .title{font-family:"Almarai-Light"}.overview .title{font-size:2rem}@media screen and (max-width: 1440px){.overview .title{font-size:1.9375rem}}@media screen and (max-width: 1280px){.overview .title{font-size:1.875rem}}@media screen and (max-width: 1025px){.overview .title{font-size:1.8125rem}}.overview .title{color:#000001;margin-bottom:15px}.overview .title span{font-family:"Avenir-Heavy"}[dir=rtl] .overview .title span{font-family:"Almarai-Bold"}.overview h3{font-family:"Avenir-Heavy"}[dir=rtl] .overview h3{font-family:"Almarai-Bold"}.overview h3{font-size:1rem}@media screen and (max-width: 1440px){.overview h3{font-size:.9375rem}}@media screen and (max-width: 1280px){.overview h3{font-size:.875rem}}@media screen and (max-width: 1025px){.overview h3{font-size:.8125rem}}.overview h3{color:#000001;text-transform:uppercase}.overview h3.isTitle{text-transform:capitalize}.overview .transactionDetails h3,.overview .paymentOtp h3{font-size:1.5625rem}@media screen and (max-width: 1440px){.overview .transactionDetails h3,.overview .paymentOtp h3{font-size:1.5rem}}@media screen and (max-width: 1280px){.overview .transactionDetails h3,.overview .paymentOtp h3{font-size:1.4375rem}}@media screen and (max-width: 1025px){.overview .transactionDetails h3,.overview .paymentOtp h3{font-size:1.375rem}}.overview .transactionDetails h3,.overview .paymentOtp h3{color:#000001;text-transform:initial}.overview .upcomingAllPayments .upcomingAllPaymentsDivider{border-bottom:1px solid #dbe1e9;padding:18px 0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider:last-child{border-bottom:0;padding-bottom:0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-family:"Avenir-Heavy"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-family:"Almarai-Bold"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1.25rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1.1875rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1.125rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1.0625rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{color:#000001;padding:5px 0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingText{font-family:"Avenir-Medium"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingText{font-family:"Almarai-Regular"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingText{font-size:1rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingText{font-size:.9375rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingText{font-size:.875rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingText{font-size:.8125rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingText{color:#8994a5;padding:5px 0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails{position:relative}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails{font-family:"Avenir-Medium"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails{font-family:"Almarai-Regular"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails{font-size:.875rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails{font-size:.8125rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails{font-size:.75rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails{font-size:.6875rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails{color:#5090f8;cursor:pointer;padding:5px 0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails~.transcationTooltip.salaryBreakupsToolTip{display:none}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails:hover~.transcationTooltip.salaryBreakupsToolTip{display:block}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.25rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.1875rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.125rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.0625rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{color:#000001;padding:5px 0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip{margin-top:5px;position:absolute;top:54px}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom{margin-top:0px;max-width:350px;right:-25px;width:350px}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom::before{left:77%}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:first-child{font-family:"Avenir-Heavy"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:first-child{font-family:"Almarai-Bold"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:first-child{font-size:.875rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:first-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:first-child{font-size:.75rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:first-child{font-size:.6875rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:first-child{color:#ffde4d}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child{font-family:"Almarai-Bold"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child{font-size:.875rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child{font-size:.75rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child{font-size:.6875rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child{color:#fff}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child .amountCurrency .currencyNo{font-family:"Avenir-Roman"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child .amountCurrency .currencyNo{font-family:"Almarai-Light"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child .amountCurrency .currencyNo{color:#fff}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child .amountCurrency .amountNo{font-family:"Avenir-Heavy"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:last-child .amountCurrency .amountNo{font-family:"Almarai-Bold"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign{margin-left:14px}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .counts{font-family:"Avenir-Roman"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .counts{font-family:"Almarai-Light"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .counts{font-size:1rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .counts{font-size:.9375rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .counts{font-size:.875rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .counts{font-size:.8125rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .counts{color:#8994a5;padding:5px 0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval{font-family:"Avenir-Medium"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval{font-family:"Almarai-Regular"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval{font-size:1.125rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval{font-size:1.0625rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval{font-size:1rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval{font-size:.9375rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval{color:#8994a5;padding:5px 0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval>span{font-family:"Avenir-Heavy"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval>span{font-family:"Almarai-Bold"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval>span{font-size:1.125rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval>span{font-size:1.0625rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval>span{font-size:1rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval>span{font-size:.9375rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval>span{color:#000001}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{font-family:"Avenir-Medium"}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{font-family:"Almarai-Regular"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{font-size:1rem}@media screen and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{font-size:.9375rem}}@media screen and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{font-size:.875rem}}@media screen and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{font-size:.8125rem}}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{color:#000001;display:inline-block;max-width:150px;overflow:hidden;padding:5px 0;text-overflow:ellipsis;white-space:nowrap}.overviewAppearance{align-items:center;display:flex}.overviewAppearance .isOverviewListItems{cursor:pointer;display:inline-block;margin-right:30px}.overviewAppearance .isOverviewListItems:last-child{margin-right:0}.overviewAppearance .isOverviewListItems .isListItems{align-items:center;display:flex}.overviewLastUpdate{font-family:"Avenir-Roman"}[dir=rtl] .overviewLastUpdate{font-family:"Almarai-Light"}.overviewLastUpdate{font-size:.875rem}@media screen and (max-width: 1440px){.overviewLastUpdate{font-size:.8125rem}}@media screen and (max-width: 1280px){.overviewLastUpdate{font-size:.75rem}}@media screen and (max-width: 1025px){.overviewLastUpdate{font-size:.6875rem}}.overviewLastUpdate{background:#f3f5fd;border-bottom-left-radius:8px;color:#384150;padding:.5rem}.receivePay{margin:36px 0 45px}.tabItems{margin:0 0 20px 0;position:relative}.tabItems .btn,.tabItems .btn.active{font-size:1rem}@media screen and (max-width: 1440px){.tabItems .btn,.tabItems .btn.active{font-size:.9375rem}}@media screen and (max-width: 1280px){.tabItems .btn,.tabItems .btn.active{font-size:.875rem}}@media screen and (max-width: 1025px){.tabItems .btn,.tabItems .btn.active{font-size:.8125rem}}.tabItems .btn,.tabItems .btn.active{margin-bottom:15px;margin-right:15px;max-height:48px;max-width:fit-content;max-width:-moz-fit-content;padding:16px 20px}.todaysBalance{width:35%}.todaysBalance .btn{font-size:1.125rem}@media screen and (max-width: 1440px){.todaysBalance .btn{font-size:1.0625rem}}@media screen and (max-width: 1280px){.todaysBalance .btn{font-size:1rem}}@media screen and (max-width: 1025px){.todaysBalance .btn{font-size:.9375rem}}.todaysBalance .btn{padding:16px 40px}.todaysBalance .receivePay .payable .amountValue .amountValueIcon,.todaysBalance .receivePay .receivable .amountValue .amountValueIcon{align-items:center;display:flex}.todaysBalance .balAmount .amountCurrency .amountNo{margin-left:8px}.yesterdayAmount{font-family:"Avenir-Roman"}[dir=rtl] .yesterdayAmount{font-family:"Almarai-Light"}.yesterdayAmount{font-size:1rem}@media screen and (max-width: 1440px){.yesterdayAmount{font-size:.9375rem}}@media screen and (max-width: 1280px){.yesterdayAmount{font-size:.875rem}}@media screen and (max-width: 1025px){.yesterdayAmount{font-size:.8125rem}}.yesterdayAmount{color:#8994a5}.yesterdayAmount span{color:#384150}.isWhatsNewVideo{margin-bottom:1.5rem}.isWhatsNewVideo .isWatsHelpVideo{position:relative}.isWhatsNewVideo .isWatsHelpVideo .helpLoader{left:33%;position:absolute;top:18%}.isAmountAlign{margin-left:auto}.isAmountAlign .btn{display:block;width:100%}.actionButtons .btn{margin-bottom:5px}.actionButtons .mb-1{text-align:right}.balanceSlider .balanceSummary{border:0;border-left:1px solid #dbe1e9;margin-top:0;padding-bottom:0;padding-top:0;width:63%}.balanceSlider .balanceSummary .topHead{border-bottom:0;padding-bottom:0}.balanceSlider .chartDiagram .dataOverview{border-bottom:0;margin-top:5px;padding-bottom:0}.budgetSummary,.accountsCash,.balanceSummary,.bankAccounts,.companiesSummary,.feedback,.frequentPayments,.goals,.isEfmTrends,.isPaymentsInProcess,.opAlerts,.opCaseMngmt,.opSummaryMain,.opTopPerformance,.quickLinks,.upcoming{font-size:1rem}@media screen and (max-width: 1440px){.budgetSummary,.accountsCash,.balanceSummary,.bankAccounts,.companiesSummary,.feedback,.frequentPayments,.goals,.isEfmTrends,.isPaymentsInProcess,.opAlerts,.opCaseMngmt,.opSummaryMain,.opTopPerformance,.quickLinks,.upcoming{font-size:.9375rem}}@media screen and (max-width: 1280px){.budgetSummary,.accountsCash,.balanceSummary,.bankAccounts,.companiesSummary,.feedback,.frequentPayments,.goals,.isEfmTrends,.isPaymentsInProcess,.opAlerts,.opCaseMngmt,.opSummaryMain,.opTopPerformance,.quickLinks,.upcoming{font-size:.875rem}}@media screen and (max-width: 1025px){.budgetSummary,.accountsCash,.balanceSummary,.bankAccounts,.companiesSummary,.feedback,.frequentPayments,.goals,.isEfmTrends,.isPaymentsInProcess,.opAlerts,.opCaseMngmt,.opSummaryMain,.opTopPerformance,.quickLinks,.upcoming{font-size:.8125rem}}.budgetSummary,.accountsCash,.balanceSummary,.bankAccounts,.companiesSummary,.feedback,.frequentPayments,.goals,.isEfmTrends,.isPaymentsInProcess,.opAlerts,.opCaseMngmt,.opSummaryMain,.opTopPerformance,.quickLinks,.upcoming{background:#fff;border:1px solid #dbe1e9;border-radius:8px;margin-top:25px;padding:25px;position:relative}.cashBalanceClr{color:#8994a5;text-transform:none}.cashPerformanceBlock .topHead{align-items:flex-start}.cashPerformanceBlock .topHead .selectSection{margin-top:-10px}.chartDiagram{width:100%}.chartDiagram .belowContent>span{font-family:"Avenir-Roman"}[dir=rtl] .chartDiagram .belowContent>span{font-family:"Almarai-Light"}.chartDiagram .belowContent>span{color:#8994a5}.chartDiagram .dataOverview{font-family:"Avenir-Roman"}[dir=rtl] .chartDiagram .dataOverview{font-family:"Almarai-Light"}.chartDiagram .dataOverview{border-bottom:1px solid #dbe1e9;margin-top:25px;padding-bottom:20px}.chartDiagram .dataOverview h2{font-family:"Avenir-Medium"}[dir=rtl] .chartDiagram .dataOverview h2{font-family:"Almarai-Regular"}.chartDiagram .dataOverview h2{font-size:1.25rem}@media screen and (max-width: 1440px){.chartDiagram .dataOverview h2{font-size:1.1875rem}}@media screen and (max-width: 1280px){.chartDiagram .dataOverview h2{font-size:1.125rem}}@media screen and (max-width: 1025px){.chartDiagram .dataOverview h2{font-size:1.0625rem}}.chartDiagram .dataOverview h2{margin-bottom:20px}.chartDiagram .paid,.chartDiagram .received{font-size:.875rem}@media screen and (max-width: 1440px){.chartDiagram .paid,.chartDiagram .received{font-size:.8125rem}}@media screen and (max-width: 1280px){.chartDiagram .paid,.chartDiagram .received{font-size:.75rem}}@media screen and (max-width: 1025px){.chartDiagram .paid,.chartDiagram .received{font-size:.6875rem}}.chartDiagram .paid,.chartDiagram .received{color:#000001;margin-left:55px;padding-left:2px;position:relative}.chartDiagram .paid:before,.chartDiagram .received:before{background:#2a345e;border-radius:50%;content:"";height:6px;left:-11px;position:absolute;top:3px;width:6px}.chartDiagram .paid:before{background:#eb8b2d}.companiesSummary h3{flex:.6}.companiesSummary .selectSection{flex:.4}.detailsPayment .benAccntNum{font-family:"Avenir-Medium"}[dir=rtl] .detailsPayment .benAccntNum{font-family:"Almarai-Regular"}.detailsPayment .benAccntNum{font-size:.875rem}@media screen and (max-width: 1440px){.detailsPayment .benAccntNum{font-size:.8125rem}}@media screen and (max-width: 1280px){.detailsPayment .benAccntNum{font-size:.75rem}}@media screen and (max-width: 1025px){.detailsPayment .benAccntNum{font-size:.6875rem}}.detailsPayment .benAccntNum{color:#8994a5;display:inline-block;margin-bottom:0}.detailsPayment .beneficiaryName{display:inline-block;margin-bottom:0}.detailsPayment span{display:block;margin-bottom:15px}.detailsPayment span.date{font-size:.75rem}@media screen and (max-width: 1440px){.detailsPayment span.date{font-size:.6875rem}}@media screen and (max-width: 1280px){.detailsPayment span.date{font-size:.625rem}}@media screen and (max-width: 1025px){.detailsPayment span.date{font-size:.5625rem}}.detailsPayment span.date{color:#384150}.detailsPayment span.icon-priority-payment{margin-bottom:0}.iconCircle{font-size:.75rem}@media screen and (max-width: 1440px){.iconCircle{font-size:.6875rem}}@media screen and (max-width: 1280px){.iconCircle{font-size:.625rem}}@media screen and (max-width: 1025px){.iconCircle{font-size:.5625rem}}.iconCircle{background:#62bd69;border-radius:4px;color:#fff;display:flex;height:21px;width:21px}.iconCircle:before{background:#62bd69;border-radius:50%;bottom:0;left:0;margin:auto;right:0;top:0;transform:rotate(45deg)}.isFlex.receivePay{justify-content:space-between}.isPaymentsInProcess .listOfInProcessPays .linkColor{display:block;margin-top:25px}.isPaymentsInProcess .listOfInProcessPays .payList{border-bottom:1px solid #dbe1e9;flex:1;flex-wrap:wrap;margin:20px 0;padding:0;padding-bottom:15px}.isPaymentsInProcess .listOfInProcessPays .payList:last-child{border:0;margin:0;margin-top:20px;padding:0}.isPaymentsInProcess .listOfInProcessPays .payList .isBankName .isName{font-family:"Avenir-Medium"}[dir=rtl] .isPaymentsInProcess .listOfInProcessPays .payList .isBankName .isName{font-family:"Almarai-Regular"}.isPaymentsInProcess .listOfInProcessPays .payList .isBankName .isName{font-size:1rem}@media screen and (max-width: 1440px){.isPaymentsInProcess .listOfInProcessPays .payList .isBankName .isName{font-size:.9375rem}}@media screen and (max-width: 1280px){.isPaymentsInProcess .listOfInProcessPays .payList .isBankName .isName{font-size:.875rem}}@media screen and (max-width: 1025px){.isPaymentsInProcess .listOfInProcessPays .payList .isBankName .isName{font-size:.8125rem}}.isPaymentsInProcess .listOfInProcessPays .payList .isBankName .isName{color:#000001;display:inline-block;max-width:150px;overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap}.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isCount{font-family:"Avenir-Heavy"}[dir=rtl] .isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isCount{font-family:"Almarai-Bold"}.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isCount{font-size:1rem}@media screen and (max-width: 1440px){.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isCount{font-size:.9375rem}}@media screen and (max-width: 1280px){.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isCount{font-size:.875rem}}@media screen and (max-width: 1025px){.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isCount{font-size:.8125rem}}.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isCount{color:#384150;padding-bottom:4px}.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isProcessingAmount{font-family:"Avenir-Medium"}[dir=rtl] .isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isProcessingAmount{font-family:"Almarai-Regular"}.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isProcessingAmount{font-size:.875rem}@media screen and (max-width: 1440px){.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isProcessingAmount{font-size:.8125rem}}@media screen and (max-width: 1280px){.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isProcessingAmount{font-size:.75rem}}@media screen and (max-width: 1025px){.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isProcessingAmount{font-size:.6875rem}}.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isProcessingAmount{color:#8994a5;padding-top:4px}.lastTimeUpdate{font-family:"Avenir-Medium"}[dir=rtl] .lastTimeUpdate{font-family:"Almarai-Regular"}.lastTimeUpdate{color:#8994a5;left:80px;position:relative}.lastTimeUpdate .icon-clock{margin-right:10px}.overviewMain .leftColumn{width:32.5%}.overviewMain .rightColumn{width:65%}.p{margin-top:20px}.payable,.receivable{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.payable .amountValue{padding:3px 0}.payable .amountValue>span,.payable .amountValue>strong{font-family:"Avenir-Roman"}[dir=rtl] .payable .amountValue>span,[dir=rtl] .payable .amountValue>strong{font-family:"Almarai-Light"}.payable .amountValue>span,.payable .amountValue>strong{font-size:1rem}@media screen and (max-width: 1440px){.payable .amountValue>span,.payable .amountValue>strong{font-size:.9375rem}}@media screen and (max-width: 1280px){.payable .amountValue>span,.payable .amountValue>strong{font-size:.875rem}}@media screen and (max-width: 1025px){.payable .amountValue>span,.payable .amountValue>strong{font-size:.8125rem}}.payable .amountValue>span,.payable .amountValue>strong{display:block;padding-top:5px}.payable .amountValue .amountValueIcon>span{font-family:"Avenir-Roman"}[dir=rtl] .payable .amountValue .amountValueIcon>span{font-family:"Almarai-Light"}.payable .amountValue .amountValueIcon>span{font-size:1rem}@media screen and (max-width: 1440px){.payable .amountValue .amountValueIcon>span{font-size:.9375rem}}@media screen and (max-width: 1280px){.payable .amountValue .amountValueIcon>span{font-size:.875rem}}@media screen and (max-width: 1025px){.payable .amountValue .amountValueIcon>span{font-size:.8125rem}}.payable .amountValue .amountValueIcon>span{color:#8994a5;padding-left:7px}.payable .iconCircle{background:#eb3223;color:#fff}.payable .iconCircle:before{background:#eb3223}.receivable .amountValue{padding:3px 0}.receivable .amountValue>span,.receivable .amountValue>strong{font-family:"Avenir-Roman"}[dir=rtl] .receivable .amountValue>span,[dir=rtl] .receivable .amountValue>strong{font-family:"Almarai-Light"}.receivable .amountValue>span,.receivable .amountValue>strong{font-size:1rem}@media screen and (max-width: 1440px){.receivable .amountValue>span,.receivable .amountValue>strong{font-size:.9375rem}}@media screen and (max-width: 1280px){.receivable .amountValue>span,.receivable .amountValue>strong{font-size:.875rem}}@media screen and (max-width: 1025px){.receivable .amountValue>span,.receivable .amountValue>strong{font-size:.8125rem}}.receivable .amountValue>span,.receivable .amountValue>strong{display:block;padding-top:5px}.receivable .amountValue .amountValueIcon>span{font-family:"Avenir-Roman"}[dir=rtl] .receivable .amountValue .amountValueIcon>span{font-family:"Almarai-Light"}.receivable .amountValue .amountValueIcon>span{font-size:1rem}@media screen and (max-width: 1440px){.receivable .amountValue .amountValueIcon>span{font-size:.9375rem}}@media screen and (max-width: 1280px){.receivable .amountValue .amountValueIcon>span{font-size:.875rem}}@media screen and (max-width: 1025px){.receivable .amountValue .amountValueIcon>span{font-size:.8125rem}}.receivable .amountValue .amountValueIcon>span{color:#8994a5;padding-left:7px}.receivable>span:before{background:#000001;height:25px;left:0;position:absolute;width:25px}.receivePay .amountCurrency span{color:#384150}.receivePay .receivable{padding-right:22px}.selectSection{align-items:center;flex:.5;justify-content:flex-end}.selectSection .selectOptionFont{width:56%}.topHead{align-items:center;border-bottom:1px solid #dbe1e9;padding-bottom:20px}.topHead .icon{font-size:1.375rem}@media screen and (max-width: 1440px){.topHead .icon{font-size:1.3125rem}}@media screen and (max-width: 1280px){.topHead .icon{font-size:1.25rem}}@media screen and (max-width: 1025px){.topHead .icon{font-size:1.1875rem}}.topHead .icon{color:#8994a5}.upcoming .date{text-transform:uppercase}.upcoming .mainSection{border-bottom:1px solid #dbe1e9;padding:25px 0 10px 0}.upcoming .mainSection .detailsPayment .manageInfo .tooltipInfo .tooltipInfoActive.transcationTooltip .bottom.top{left:-10px;padding:10px 15px;right:auto}.upcoming .mainSection .detailsPayment .manageInfo .tooltipInfo .tooltipInfoActive.transcationTooltip .bottom.top::before{left:10px;right:auto}.upcoming .mainSection .detailsPayment .name{max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming .topHead{align-items:flex-start}.upcoming .topHead .isDashboardTotalCount{font-size:1rem}@media screen and (max-width: 1440px){.upcoming .topHead .isDashboardTotalCount{font-size:.9375rem}}@media screen and (max-width: 1280px){.upcoming .topHead .isDashboardTotalCount{font-size:.875rem}}@media screen and (max-width: 1025px){.upcoming .topHead .isDashboardTotalCount{font-size:.8125rem}}.upcoming .topHead .isDashboardTotalCount{color:#8994a5;padding-left:10px}.upcoming .topHead .isDashboardTotalCount span{font-family:"Avenir-Heavy"}[dir=rtl] .upcoming .topHead .isDashboardTotalCount span{font-family:"Almarai-Bold"}.upcoming .upcomingAllPayments .upcomingAllPaymentsDivider .allPaymentsFlex{width:33.33%}.upcoming .upcomingAllPayments .upcomingAllPaymentsDivider .bankAmountLoader:empty,.upcoming .upcomingAllPayments .upcomingAllPaymentsDivider .bankNameLoader:empty,.upcoming .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankLoader:empty{animation:horz 1s infinite;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-position:0 10px,0 10px,0 35px;background-repeat:no-repeat;background-size:15px 70px,99% 25px,99% 37px;display:block;margin:0}.upcoming .upcomingAllPayments .upcomingAllPaymentsDivider .bankAmountLoader:empty{height:30px;width:220px}.upcoming .upcomingAllPayments .upcomingAllPaymentsDivider .bankNameLoader:empty{height:30px;width:200px}.upcoming .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankLoader:empty{height:54px;width:50px}.upcoming div.mainSection:last-child{border-bottom:none}.noPayments{padding:50px 0 30px 0;align-items:center}.noPayments img{width:158px;max-width:100%}.noPayments span{display:block;margin:30px 0;color:#dbe1e9;font-size:1.25rem}@media screen and (max-width: 1440px){.noPayments span{font-size:1.1875rem}}@media screen and (max-width: 1280px){.noPayments span{font-size:1.125rem}}@media screen and (max-width: 1025px){.noPayments span{font-size:1.0625rem}}.noPayments span{font-family:"Avenir-Roman"}[dir=rtl] .noPayments span{font-family:"Almarai-Light"}.noPayments .btn{font-size:1rem}@media screen and (max-width: 1440px){.noPayments .btn{font-size:.9375rem}}@media screen and (max-width: 1280px){.noPayments .btn{font-size:.875rem}}@media screen and (max-width: 1025px){.noPayments .btn{font-size:.8125rem}}.noPayments .btn{padding:15px 30px}.accountsCash .filledBar{position:inherit}.accountsCash.preLoaders:empty{height:434px;width:120px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:15px 70px,99% 25px,99% 37px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;margin:0;display:block}.btnEmptySimmer:empty,.emptySimmer:empty,.iconShimmer:empty,.isPayNameLoader:empty,.lastSevenDaysShimmer:empty{background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:20px 57px,77% 25px,77% 26px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;display:block}.lastSevenDaysShimmer:empty{display:inline-block;height:30px;width:106px;margin-left:12px}.chartDiagram .belowContent span:empty,.chartDiagram .belowContent>span.paidReceived:empty{width:140px;height:20px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(rgba(191, 199, 208, 0.3) 268px, transparent 0),linear-gradient(rgba(191, 199, 208, 0.692) 197px, transparent 0);background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite}.chartDiagram .dataOverview h2:empty{width:500px;height:27px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(rgba(191, 199, 208, 0.3) 268px, transparent 0),linear-gradient(rgba(191, 199, 208, 0.692) 197px, transparent 0);background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite}.companyBankSlider.preLoader .item span:empty,.companyBankSlider.preLoader .item strong:empty{height:34px;width:107px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:15px 70px,99% 25px,99% 37px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;margin:0px auto;display:block}.companyFilertLoader:empty{width:140px;height:40px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(rgba(191, 199, 208, 0.3) 268px, transparent 0),linear-gradient(rgba(191, 199, 208, 0.692) 197px, transparent 0);background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite}.daysPayments .emptySimmer{height:30px;width:106px;margin-top:-9px;margin-left:12px}.filledBar{background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(rgba(191, 199, 208, 0.253) 268px, transparent 0),linear-gradient(rgba(191, 199, 208, 0.356) 197px, transparent 0);background-repeat:no-repeat;background-size:35px 282px,100% 266px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite;height:270px;position:absolute;top:0;width:100%;z-index:2}.mainBox{width:97%;height:270px;margin-left:20px;position:relative;z-index:1}.nameDisplay .emptySimmer{margin-left:10px;height:32px;width:106px}.paymentRaised.topSimmer .daysPayments{margin-top:-22px;margin-bottom:23px}.paymentRaised.topSimmer .daysPayments .textTop{vertical-align:text-top}.preLoader_Graphs{width:96%;height:270px;border:1px solid #dbe1e9;margin-top:35px;border-top:0;border-right:0;margin-bottom:20px;margin-right:20px;margin-left:20px}.preLoader_Graphs .xAxis,.preLoader_Graphs .yAxis{display:flex;justify-content:space-between;margin-top:10px}.preLoader_Graphs .xAxis>span{width:90px;height:22px;bottom:15px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(rgba(191, 199, 208, 0.3) 268px, transparent 0),linear-gradient(rgba(191, 199, 208, 0.692) 197px, transparent 0);background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite}.preLoader_Graphs .yAxis{flex-direction:column;justify-content:space-evenly;height:100%;width:auto;margin-left:-60px}.preLoader_Graphs .yAxis span{height:1px;background:#dbe1e9;position:relative;margin-left:40px;width:3%}.preLoader_Graphs .yAxis span:before{width:23px;height:25px;content:"";position:absolute;top:-15px;left:-34px;background-image:linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0) 100%),linear-gradient(rgba(191, 199, 208, 0.3) 268px, transparent 0),linear-gradient(rgba(191, 199, 208, 0.692) 197px, transparent 0);background-repeat:no-repeat;background-size:7px 26px,100% 31px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim .8s infinite}.sliderPreLoader.item{display:block}.sliderPreLoader.item>div:empty{height:74px;width:60%;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:15px 70px,99% 25px,99% 37px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;margin:0 auto}.todaysBalance .balAmount strong:empty{height:70px;width:100%;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:20px 57px,77% 25px,77% 26px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;display:block}.upcoming.preLoaders .detailsPayment span.name:empty,.loader .detailsPayment span.name:empty{width:50%}.upcoming.preLoaders .detailsPayment span:first-child:empty,.loader .detailsPayment span:first-child:empty{width:46px}.upcoming.preLoaders .detailsPayment span:empty,.loader .detailsPayment span:empty{height:34px;width:120px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:15px 70px,99% 25px,99% 37px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;margin:0;display:block}.upcoming.preLoaders .actionButtons span:empty,.loader .actionButtons span:empty{width:100px;margin:0 0 0 auto}.upcoming.preLoaders .actionButtons span:first-child:empty,.loader .actionButtons span:first-child:empty{height:45px;width:79px}.upcoming.preLoaders p:empty,.loader p:empty{width:100%;margin-top:10px;height:34px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:15px 70px,99% 25px,99% 37px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;display:block}.yesterdayAmount span:empty{height:38px;width:30%;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:20px 57px,77% 25px,77% 26px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;position:relative;top:10px;margin-left:11px;display:inline-block}.companyBankSlider.preLoader{margin-right:25px;overflow:hidden}.companyBankSlider.preLoader .sliderPreLoader.item{cursor:auto}.companyBankSlider.preLoader .item strong:empty{width:140px}.sliderPreLoader{padding:0 10px}.amountCurrency .amountNo{font-family:"Avenir-Heavy"}[dir=rtl] .amountCurrency .amountNo{font-family:"Almarai-Bold"}.belowContent{text-transform:uppercase}.isLoader .liveData{pointer-events:none}.liveData{font-family:"Avenir-Roman"}[dir=rtl] .liveData{font-family:"Almarai-Light"}.liveData{font-size:.75rem}@media screen and (max-width: 1440px){.liveData{font-size:.6875rem}}@media screen and (max-width: 1280px){.liveData{font-size:.625rem}}@media screen and (max-width: 1025px){.liveData{font-size:.5625rem}}.liveData{border:solid 1px #eb3223;border-radius:10.5px;color:#eb3223;cursor:pointer;line-height:10px;margin-left:14px;padding:4px 8px 2px 19px;position:relative;top:0px}.liveData.active{background:#eb3223;color:#fff;cursor:auto}.liveData.active:after{border-color:rgba(0,0,0,0);height:3px;width:3px}.liveData.active:before{animation:fadeIn .7s infinite alternate;background:#fff;height:5px;left:8px;top:6px;-webkit-animation:fadeIn .7s infinite alternate;-moz-animation:fadeIn .7s infinite alternate;width:5px}.liveData:after{background:none;border:1px solid #dbe1e9;border-radius:50%;height:8px;left:4px;position:absolute;top:4px;width:8px}.liveData:before{background:#eb3223;border-radius:50%;content:"";height:6px;left:6px;position:absolute;top:6px;width:6px}.liveData:empty{border:0}.noRecordsFound{color:#8994a5;margin:30px 0;text-align:center;font-family:"Avenir-Roman"}[dir=rtl] .noRecordsFound{font-family:"Almarai-Light"}.noRecordsFound .clickOnButton{font-family:"Avenir-Roman"}[dir=rtl] .noRecordsFound .clickOnButton{font-family:"Almarai-Light"}.noRecordsFound .clickOnButton{font-size:1.125rem}@media screen and (max-width: 1440px){.noRecordsFound .clickOnButton{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noRecordsFound .clickOnButton{font-size:1rem}}@media screen and (max-width: 1025px){.noRecordsFound .clickOnButton{font-size:.9375rem}}.noRecordsFound .clickOnButton{color:#8994a5;line-height:1.4}.noRecordsFound img{width:200px}.noRecordsFound img.isNoInProgressPays{width:150px}.paymentSection{background:#fff;border:1px solid #dbe1e9;border-radius:8px;margin-top:15px;padding:45px}.paymentSection .calendaRow .selectOptionFont{width:24%}.paymentSection .dashBoardPendings{font-family:"Avenir-Heavy"}[dir=rtl] .paymentSection .dashBoardPendings{font-family:"Almarai-Bold"}.paymentSection .dashBoardPendings{font-size:1rem}@media screen and (max-width: 1440px){.paymentSection .dashBoardPendings{font-size:.9375rem}}@media screen and (max-width: 1280px){.paymentSection .dashBoardPendings{font-size:.875rem}}@media screen and (max-width: 1025px){.paymentSection .dashBoardPendings{font-size:.8125rem}}.paymentSection .dashBoardPendings{color:#000001;text-transform:uppercase}.paymentSection .dashBoardPendings strong span:first-child{font-family:"Avenir-Roman"}[dir=rtl] .paymentSection .dashBoardPendings strong span:first-child{font-family:"Almarai-Light"}.paymentSection .nameDisplay{display:grid;flex:50%;grid-auto-flow:column;grid-gap:25px 60px;grid-template-rows:71px 65px;margin:25px 0 25px 0px}.paymentSection .nameDisplay .iconDisplay .icon{align-items:center;border-radius:7px;display:flex;height:50px;justify-content:center;width:50px}.paymentSection .nameDisplay .iconDisplay .icon.icon-approved{background:#349c3c}.paymentSection .nameDisplay .iconDisplay .icon.icon-approved.isceoApproved{background:#72c478}.paymentSection .nameDisplay .iconDisplay .icon.icon-progress{background:#5090f8}.paymentSection .nameDisplay .iconDisplay .icon.icon-raised{background:#2a345e}.paymentSection .nameDisplay .iconDisplay .icon.icon-rejected,.paymentSection .nameDisplay .iconDisplay .icon.icon-rejected.ceoRejected{background:#eb3223}.paymentSection .nameDisplay .iconDisplay .icon.iconShimmer{border-radius:0;height:60px}.paymentSection .nameDisplay .iconDisplay .icon:before{font-size:1.8125rem}@media screen and (max-width: 1440px){.paymentSection .nameDisplay .iconDisplay .icon:before{font-size:1.75rem}}@media screen and (max-width: 1280px){.paymentSection .nameDisplay .iconDisplay .icon:before{font-size:1.6875rem}}@media screen and (max-width: 1025px){.paymentSection .nameDisplay .iconDisplay .icon:before{font-size:1.625rem}}.paymentSection .nameDisplay .iconDisplay .icon:before{color:#fff}.paymentSection .nameDisplay .iconDisplay span{display:block}.paymentSection .nameDisplay .iconDisplay span:not(.icon){color:#384150;display:block;padding-left:10px;padding-top:5px;font-family:"Avenir-Medium"}[dir=rtl] .paymentSection .nameDisplay .iconDisplay span:not(.icon){font-family:"Almarai-Regular"}.paymentSection .nameDisplay .iconDisplay span:not(.icon).numbers{font-family:"Avenir-Heavy"}[dir=rtl] .paymentSection .nameDisplay .iconDisplay span:not(.icon).numbers{font-family:"Almarai-Bold"}.paymentSection .nameDisplay .iconDisplay span:not(.icon).numbers{font-size:1.5625rem}@media screen and (max-width: 1440px){.paymentSection .nameDisplay .iconDisplay span:not(.icon).numbers{font-size:1.5rem}}@media screen and (max-width: 1280px){.paymentSection .nameDisplay .iconDisplay span:not(.icon).numbers{font-size:1.4375rem}}@media screen and (max-width: 1025px){.paymentSection .nameDisplay .iconDisplay span:not(.icon).numbers{font-size:1.375rem}}.paymentSection .nameDisplay .iconDisplay span:not(.icon).numbers{margin-top:3px}.paymentSection .nameDisplay span.emptySimmer{margin-top:-2px}.paymentSection .selectSection{flex:.6}.paymentSection .switchTab{color:#8994a5;margin-bottom:25px}.paymentSection .userDashBoardSelector.calendaRow .selectOptionFont{width:32%}.paymentSection button.btn{background:rgba(0,0,0,0);color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .paymentSection button.btn{font-family:"Almarai-Regular"}.paymentSection button.btn.active{font-family:"Avenir-Heavy"}[dir=rtl] .paymentSection button.btn.active{font-family:"Almarai-Bold"}.paymentSection button.btn.active{background:#fff;color:#000001}.paymentSection button.btn.secondary{font-family:"Avenir-Heavy"}[dir=rtl] .paymentSection button.btn.secondary{font-family:"Almarai-Bold"}.paymentSection button.btn.secondary{font-size:1.125rem}@media screen and (max-width: 1440px){.paymentSection button.btn.secondary{font-size:1.0625rem}}@media screen and (max-width: 1280px){.paymentSection button.btn.secondary{font-size:1rem}}@media screen and (max-width: 1025px){.paymentSection button.btn.secondary{font-size:.9375rem}}.paymentSection button.btn.secondary{background-color:#eb8b2d;color:#fff;padding:16px 40px}.paymentSection h3>span{display:block;margin-bottom:5px}.paymentSection strong{font-family:"Avenir-Heavy"}[dir=rtl] .paymentSection strong{font-family:"Almarai-Bold"}.switchTabShimmer{margin-bottom:25px;margin-top:-22px}.switchTabShimmer .btnEmptySimmer{background-color:inherit;height:35px;margin-top:-10px;width:43%}.paymentRaised.simmer .overviewDisplay{margin-top:25px}.listLinks{background:#f3f5fd;cursor:pointer;margin:17px 0;padding:15px 30px 15px 68px;position:relative}.listLinks:after{font-family:"icomoon" !important;color:#8994a5;content:"";position:absolute;right:15px;top:25px}.listLinks:last-child{margin:0}.listLinks .icon{background:#dbe1e9;border-radius:50%;height:44px;left:12px;position:absolute;top:10px;width:44px}.listLinks .icon:before{font-size:1.375rem}@media screen and (max-width: 1440px){.listLinks .icon:before{font-size:1.3125rem}}@media screen and (max-width: 1280px){.listLinks .icon:before{font-size:1.25rem}}@media screen and (max-width: 1025px){.listLinks .icon:before{font-size:1.1875rem}}.listLinks .icon:before{color:#384150;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.listLinks .subTitle{font-size:.875rem}@media screen and (max-width: 1440px){.listLinks .subTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.listLinks .subTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.listLinks .subTitle{font-size:.6875rem}}.listLinks .subTitle{color:#8994a5;display:block;line-height:1.32em;margin-top:10px;padding:0}.listOfPayments .bankList{align-items:center;border-bottom:1px solid #dbe1e9;padding-bottom:15px}.listOfPayments .bankList:last-child{border:0;margin:0;padding:0}.listOfPayments .bankList .bankDetails{flex:45%}.listOfPayments .bankDetails .subTitle{font-size:.875rem}@media screen and (max-width: 1440px){.listOfPayments .bankDetails .subTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.listOfPayments .bankDetails .subTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.listOfPayments .bankDetails .subTitle{font-size:.6875rem}}.listOfPayments .bankDetails .subTitle{color:#8994a5;display:block;line-height:1.32em;margin-top:10px;padding:0}.upcoming.logs .detailsPayment{flex:.9}.upcoming.logs .detailsPayment .name{line-height:1.2;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.upcoming.logs .ipAddress{font-family:"Avenir-Roman"}[dir=rtl] .upcoming.logs .ipAddress{font-family:"Almarai-Light"}.upcoming.logs .ipAddress{font-size:.875rem}@media screen and (max-width: 1440px){.upcoming.logs .ipAddress{font-size:.8125rem}}@media screen and (max-width: 1280px){.upcoming.logs .ipAddress{font-size:.75rem}}@media screen and (max-width: 1025px){.upcoming.logs .ipAddress{font-size:.6875rem}}.upcoming.logs .ipAddress{color:#8994a5}.upcoming.logs .mainSection{padding-bottom:10px}.upcoming.logs .reviewLogs .failure,.upcoming.logs .reviewLogs .success{font-size:.875rem}@media screen and (max-width: 1440px){.upcoming.logs .reviewLogs .failure,.upcoming.logs .reviewLogs .success{font-size:.8125rem}}@media screen and (max-width: 1280px){.upcoming.logs .reviewLogs .failure,.upcoming.logs .reviewLogs .success{font-size:.75rem}}@media screen and (max-width: 1025px){.upcoming.logs .reviewLogs .failure,.upcoming.logs .reviewLogs .success{font-size:.6875rem}}.upcoming.logs .reviewLogs .failure strong,.upcoming.logs .reviewLogs .success strong{font-family:"Avenir-Heavy"}[dir=rtl] .upcoming.logs .reviewLogs .failure strong,[dir=rtl] .upcoming.logs .reviewLogs .success strong{font-family:"Almarai-Bold"}.upcoming.logs .reviewLogs .failure{color:#eb3223;margin:0 0 0 30px}.upcoming.logs .reviewLogs .success{color:#62bd69}.upcoming.recentTransactions .detailsPayment{flex:.9}.isIpAddress{color:#8994a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs .linkColor{display:block;margin-top:25px}.balanceSlider{padding:40px;padding-right:0}.balanceSlider .chartDiagram .dataOverview h2:empty,.balanceSlider .balanceSlider .chartDiagram .paidReceived{display:none}.balanceSlider .filledBar,.balanceSlider .mainBox,.balanceSlider .preLoader_Graphs{height:190px}.frequentPayments .bankAccountsList.preLoader{margin-top:16px}.frequentPayments .bankAccountsList.preLoader .splashes{margin:0}.iconReview{position:relative}.iconReview>.icon{align-items:center;background:#cbdefd;border-radius:6px;color:#5090f8;display:flex;height:43px;justify-content:center;font-size:1.3125rem}@media screen and (max-width: 1440px){.iconReview>.icon{font-size:1.25rem}}@media screen and (max-width: 1280px){.iconReview>.icon{font-size:1.1875rem}}@media screen and (max-width: 1025px){.iconReview>.icon{font-size:1.125rem}}.iconReview>.icon{width:43px}.iconReview>span:nth-child(2){display:flex;flex-direction:column;margin-left:12px}.iconReview.rejected>.icon{background:#f9dcc0;color:#eb3223}.iconReview .statusPendings>span{color:#384150;margin-top:5px;font-family:"Avenir-Heavy"}[dir=rtl] .iconReview .statusPendings>span{font-family:"Almarai-Bold"}.iconReview .statusPendings>span:nth-child(2){font-family:"Avenir-Roman"}[dir=rtl] .iconReview .statusPendings>span:nth-child(2){font-family:"Almarai-Light"}.listOfApprovers{margin-top:15px}.listOfApprovers ul li{color:#384150;display:inline-block;margin:12px 0;font-family:"Avenir-Roman"}[dir=rtl] .listOfApprovers ul li{font-family:"Almarai-Light"}.listOfApprovers ul li{font-size:1rem}@media screen and (max-width: 1440px){.listOfApprovers ul li{font-size:.9375rem}}@media screen and (max-width: 1280px){.listOfApprovers ul li{font-size:.875rem}}@media screen and (max-width: 1025px){.listOfApprovers ul li{font-size:.8125rem}}.listOfApprovers ul li{width:50%}.listOfApprovers ul li span{background:#fff;border:1px solid #bfc7d0;border-radius:4px;margin-right:10px;padding:3px 4px;font-family:"Avenir-Heavy"}[dir=rtl] .listOfApprovers ul li span{font-family:"Almarai-Bold"}.listOfApprovers ul li span{font-size:.875rem}@media screen and (max-width: 1440px){.listOfApprovers ul li span{font-size:.8125rem}}@media screen and (max-width: 1280px){.listOfApprovers ul li span{font-size:.75rem}}@media screen and (max-width: 1025px){.listOfApprovers ul li span{font-size:.6875rem}}.listOfApprovers ul li .itemName{background:none;border:none;border-radius:0;color:#384150;display:inline-block;margin:0;max-width:130px;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;font-family:"Avenir-Roman"}[dir=rtl] .listOfApprovers ul li .itemName{font-family:"Almarai-Light"}.listOfApprovers ul li .itemName{font-size:1rem}@media screen and (max-width: 1440px){.listOfApprovers ul li .itemName{font-size:.9375rem}}@media screen and (max-width: 1280px){.listOfApprovers ul li .itemName{font-size:.875rem}}@media screen and (max-width: 1025px){.listOfApprovers ul li .itemName{font-size:.8125rem}}.listOfApprovers ul li .emptySimmer:empty{background-color:rgba(0,0,0,0);background-position:0 10px,0 10px,0 35px;background-size:38px 69px,79% 56px,79% 42px;border:0;height:33px;margin:0;padding:0;width:100%}.listOfApprovers .carousel-root .carousel.carousel-slider .control-dots{position:absolute}.listOfApprovers .carousel-root .carousel.carousel-slider .control-dots .dot{background:#7799be;box-shadow:none;opacity:.5}.listOfApprovers .carousel-root .carousel.carousel-slider .control-dots .dot:hover{opacity:1}.listOfApprovers .carousel-root .carousel.carousel-slider .control-dots .dot.selected{opacity:1}.listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper .slider .slide{background:none;text-align:left}.listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper .slider .slide ul li.Cursor .itemName{background:none;border:none;border-radius:0;color:#384150;display:inline-block;margin:0;max-width:130px;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;font-family:"Avenir-Roman"}[dir=rtl] .listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper .slider .slide ul li.Cursor .itemName{font-family:"Almarai-Light"}.listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper .slider .slide ul li.Cursor .itemName{font-size:1rem}@media screen and (max-width: 1440px){.listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper .slider .slide ul li.Cursor .itemName{font-size:.9375rem}}@media screen and (max-width: 1280px){.listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper .slider .slide ul li.Cursor .itemName{font-size:.875rem}}@media screen and (max-width: 1025px){.listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper .slider .slide ul li.Cursor .itemName{font-size:.8125rem}}.listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper.axis-horizontal{padding-bottom:30px}.numberAmount{align-items:center;border-bottom:1px solid #bfc7d0;padding:30px 25px;position:relative}.numberAmount span>span{color:#384150;display:block;margin-top:5px;font-family:"Avenir-Heavy"}[dir=rtl] .numberAmount span>span{font-family:"Almarai-Bold"}.numberAmount span>span{font-size:1.375rem}@media screen and (max-width: 1440px){.numberAmount span>span{font-size:1.3125rem}}@media screen and (max-width: 1280px){.numberAmount span>span{font-size:1.25rem}}@media screen and (max-width: 1025px){.numberAmount span>span{font-size:1.1875rem}}.numberAmount strong{color:#2a345e;font-family:"Avenir-Heavy"}[dir=rtl] .numberAmount strong{font-family:"Almarai-Bold"}.numberAmount strong{font-size:4.125rem}@media screen and (max-width: 1440px){.numberAmount strong{font-size:4.0625rem}}@media screen and (max-width: 1280px){.numberAmount strong{font-size:4rem}}@media screen and (max-width: 1025px){.numberAmount strong{font-size:3.9375rem}}.numberAmount span.emptySimmer{height:63px;width:91px}.numberAmount:before{background:#bfc7d0;content:"";height:46%;left:50%;position:absolute;width:1px}.overBankAccount{max-width:175px}.overview .userPersonal .domain,.overview .userPersonal .y.axis{display:none}.overviewDisplay{margin-top:37px}.paymentBtns{margin-left:20px;margin-right:auto}.paymentBtns button:first-child{background-color:#bfc7d0;border:none;border-bottom-left-radius:6px;border-top-left-radius:6px;color:#384150;font-weight:500;padding:10px 20px;text-transform:capitalize}.paymentBtns button:last-child{background-color:#bfc7d0;border:none;border-bottom-right-radius:6px;border-top-right-radius:6px;color:#384150;font-weight:500;padding:10px 20px;text-transform:capitalize}.paymentBtns .active{background-color:#395293 !important;color:#fff !important}.paymentRaised{flex:auto;margin-top:11px}.paymentStatusReviewer .statusNumbers strong{margin-right:20px;position:absolute;right:10px;font-size:1.875rem}@media screen and (max-width: 1440px){.paymentStatusReviewer .statusNumbers strong{font-size:1.8125rem}}@media screen and (max-width: 1280px){.paymentStatusReviewer .statusNumbers strong{font-size:1.75rem}}@media screen and (max-width: 1025px){.paymentStatusReviewer .statusNumbers strong{font-size:1.6875rem}}.paymentStatusReviewer .statusNumbers strong:empty{height:50px;margin-right:0;margin-top:-9px;width:55px}.pendingApprovers{background:#cbdefd;border-radius:4px;margin-left:25px;max-height:342px;max-width:413px;min-height:326px;min-width:450px;padding:23px}.pendingApprovers>h4{color:#384150;text-transform:uppercase;font-size:1rem}@media screen and (max-width: 1440px){.pendingApprovers>h4{font-size:.9375rem}}@media screen and (max-width: 1280px){.pendingApprovers>h4{font-size:.875rem}}@media screen and (max-width: 1025px){.pendingApprovers>h4{font-size:.8125rem}}.pendingPayments{margin-left:auto;margin-right:auto}.simmer .listOfApprovers ul li{margin:6px 0px}.simmer .numberAmount{padding:20px 25px}.simmer .statusNumbers{padding-right:10px}.statusNumbers{align-items:center;border:1px solid #bfc7d0;border-radius:4px;max-height:75px;min-width:245px;padding:15px 15px;position:relative}.statusNumbers.approved{background:url(/f62f14ab722097fbfc58.svg);background-size:cover;border:0}.statusNumbers:before,.statusNumbers:after{content:"";height:0;opacity:.2;position:absolute;width:0}.statusNumbers:not(:last-child){margin-bottom:15px}.upcoming .detailsPayment .description{color:#8994a5;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming .preloadBox:empty{animation:horz 1s infinite;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-position:0 10px,0 10px,0 43px;background-repeat:no-repeat;background-size:11px 45px,82% 25px,90% 13px;border-radius:4px;height:35px;width:105px}.upcoming.recentTransactions .amountCurrency span{color:#62bd69;font-family:"Avenir-Heavy"}[dir=rtl] .upcoming.recentTransactions .amountCurrency span{font-family:"Almarai-Bold"}.upcoming.recentTransactions .description{color:#8994a5}.upcoming.recentTransactions .mainSection{padding-bottom:5px}.upcoming.recentTransactions .mainSection:last-child{border:0;padding-bottom:0}.cashPerformance .cashBalance{color:#384150;margin-right:30px;position:relative}.cashPerformance .cashBalance:before{background:#384150;border-radius:50%;content:"";height:6px;left:-14px;margin-top:4px;position:absolute;width:5px}.cashPerformance .lastWeekTxt{color:#8994a5;position:relative;text-transform:none;font-size:.875rem}@media screen and (max-width: 1440px){.cashPerformance .lastWeekTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.cashPerformance .lastWeekTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.cashPerformance .lastWeekTxt{font-size:.6875rem}}.cashPerformance .lastWeekTxt:before{border-top:2px dashed #8994a5;content:"";left:-30px;position:absolute;top:8px;width:20px;font-family:"Avenir-Heavy"}[dir=rtl] .cashPerformance .lastWeekTxt:before{font-family:"Almarai-Bold"}.cashPerformance .thisWeekTxt{color:#eb8b2d;margin-right:45px;position:relative;text-transform:none;font-size:.875rem}@media screen and (max-width: 1440px){.cashPerformance .thisWeekTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.cashPerformance .thisWeekTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.cashPerformance .thisWeekTxt{font-size:.6875rem}}.cashPerformance .thisWeekTxt:before{content:"—";left:-26px;position:absolute;top:0;font-family:"Avenir-Heavy"}[dir=rtl] .cashPerformance .thisWeekTxt:before{font-family:"Almarai-Bold"}.cashPerformanceLegends{margin-top:5px}.companiesBal .accountDetails img{height:50px;padding-left:0;width:50px}.companiesBal .bankSpan{color:#8994a5;margin-top:8px;font-family:"Avenir-Roman"}[dir=rtl] .companiesBal .bankSpan{font-family:"Almarai-Light"}.companiesBal .bankSpan{font-size:.875rem}@media screen and (max-width: 1440px){.companiesBal .bankSpan{font-size:.8125rem}}@media screen and (max-width: 1280px){.companiesBal .bankSpan{font-size:.75rem}}@media screen and (max-width: 1025px){.companiesBal .bankSpan{font-size:.6875rem}}.companiesBal .companySec{flex:1;padding-left:10px}.bankAccounts.companiesBal .accountDetails .icon.decrement{color:#eb3223;display:flex}.bankAccounts.companiesBal .accountDetails .icon.decrement i{color:#eb3223}.bankAccounts.companiesBal .accountDetails .icon.increment{color:#62bd69}.bankAccounts.companiesBal .accountDetails .icon.increment i{color:#62bd69}.bankAccounts.companiesBal .accountDetails i{left:auto;right:6px;transform:rotate(0deg) scale(1);-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1)}.draw_graph_container g.gridline .tick text{display:none}.fromCashperformance{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .fromCashperformance{font-family:"Almarai-Light"}.fromCashperformance{font-size:.875rem}@media screen and (max-width: 1440px){.fromCashperformance{font-size:.8125rem}}@media screen and (max-width: 1280px){.fromCashperformance{font-size:.75rem}}@media screen and (max-width: 1025px){.fromCashperformance{font-size:.6875rem}}.mainSection .detailsPayment .date .timeZoneColor{color:#8994a5;display:inline}.newDashboard .selectOptionFont.groupOfCompanySelect{width:300px}.newDashboard .selectOptionFont.groupOfCompanySelect .paymentSelect{align-items:center;display:flex}.newDashboard .selectOptionFont.groupOfCompanySelect .paymentSelect span{line-height:initial;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.newDashboard .selectOptionFont.groupOfCompanySelect .paymentSelect .companyLogoIcon{background-color:#f8fcfd;border-radius:4px;margin-right:10px;padding:3px}.newDashboard .selectOptionFont.groupOfCompanySelect .paymentSelect .companyLogoIcon img{margin-right:0}.newDashboard .title.advancedTitle{flex:1}.personalDashBoardErrMsg{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:300px;text-align:center}.personalDashBoardErrMsg .dashboardNorecords{height:100px;width:100px}.personalDashBoardErrMsg .noRecordTitle{color:#384150;font-family:"Avenir-Heavy"}[dir=rtl] .personalDashBoardErrMsg .noRecordTitle{font-family:"Almarai-Bold"}.personalDashBoardErrMsg .noRecordTitle{font-size:1rem}@media screen and (max-width: 1440px){.personalDashBoardErrMsg .noRecordTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.personalDashBoardErrMsg .noRecordTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.personalDashBoardErrMsg .noRecordTitle{font-size:.8125rem}}.personalDashBoardErrMsg .noRecordsTxt{color:#384150;line-height:1.4;font-family:"Avenir-Medium"}[dir=rtl] .personalDashBoardErrMsg .noRecordsTxt{font-family:"Almarai-Regular"}.personalDashBoardErrMsg .noRecordsTxt{font-size:.75rem}@media screen and (max-width: 1440px){.personalDashBoardErrMsg .noRecordsTxt{font-size:.6875rem}}@media screen and (max-width: 1280px){.personalDashBoardErrMsg .noRecordsTxt{font-size:.625rem}}@media screen and (max-width: 1025px){.personalDashBoardErrMsg .noRecordsTxt{font-size:.5625rem}}.priorityUser{margin-bottom:15px}.priorityUser .manageInfo{margin:-4px 8px 0 0px}.priorityUser .manageInfo .transcationTooltip .bottom.top{max-width:166px}.swipperMainContainer{margin:0 25px}.swipperMainContainer .leftArrow,.swipperMainContainer .RightArrow{cursor:pointer;height:82%;position:absolute;top:12%;width:120px;z-index:1}.swipperMainContainer .leftArrow{background-image:linear-gradient(to left, rgba(243, 245, 253, 0) 0%, #f3f5fd);left:16px}.swipperMainContainer .leftArrow .icon-down-arrow{color:#5090f8;position:absolute;top:26%;transform:rotate(90deg) scale(1);-webkit-transform:rotate(90deg) scale(1);-ms-transform:rotate(90deg) scale(1);font-size:1.875rem}@media screen and (max-width: 1440px){.swipperMainContainer .leftArrow .icon-down-arrow{font-size:1.8125rem}}@media screen and (max-width: 1280px){.swipperMainContainer .leftArrow .icon-down-arrow{font-size:1.75rem}}@media screen and (max-width: 1025px){.swipperMainContainer .leftArrow .icon-down-arrow{font-size:1.6875rem}}.swipperMainContainer .RightArrow{background-image:linear-gradient(to right, rgba(243, 245, 253, 0) 0%, #f3f5fd);right:18px}.swipperMainContainer .RightArrow .icon-down-arrow{color:#5090f8;position:absolute;right:0;top:26%;transform:rotate(-90deg) scale(1);-webkit-transform:rotate(-90deg) scale(1);-ms-transform:rotate(-90deg) scale(1);font-size:1.875rem}@media screen and (max-width: 1440px){.swipperMainContainer .RightArrow .icon-down-arrow{font-size:1.8125rem}}@media screen and (max-width: 1280px){.swipperMainContainer .RightArrow .icon-down-arrow{font-size:1.75rem}}@media screen and (max-width: 1025px){.swipperMainContainer .RightArrow .icon-down-arrow{font-size:1.6875rem}}.swipperMainContainer .RightArrow.disabledClass,.swipperMainContainer .leftArrow.disabledClass{display:none}@keyframes fadeIn{from{opacity:0}}@keyframes fltPrceLoader{to{background-position:100% 0,5% 0,5% 25px,5% 50px,5% 105px}}@keyframes horz{to{background-position:100% 10px,0 10px,0 35px}}@keyframes slAnim{to{background-position:100% 0,0 0,0 50px}}
.amountText{font-family:"Avenir-Heavy"}[dir=rtl] .amountText{font-family:"Almarai-Bold"}.amountText{font-size:1rem}@media screen and (max-width: 1440px){.amountText{font-size:.9375rem}}@media screen and (max-width: 1280px){.amountText{font-size:.875rem}}@media screen and (max-width: 1025px){.amountText{font-size:.8125rem}}.amountText{color:#000001}.amountText em{font-family:"Avenir-Roman"}[dir=rtl] .amountText em{font-family:"Almarai-Light"}.amountText em{margin-right:5px}.amountText.success{color:#62bd69}.analysisBox{background-color:#62bd69;border-radius:2px;height:14px;margin-right:10px;width:14px}.analysisBox.error{background-color:#eb3223}.analysisBox.orange{background-color:#eb8b2d}.bankAccounts.whiteCard,.whiteCard{background-color:#fff;border:none;border-radius:4px;height:100%;margin-top:0;padding:25px}.benefcryBox .errormessage{margin:100px auto 50px}.benefcryBox .tableTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:"Avenir-Heavy"}[dir=rtl] .benefcryBox .tableTitle{font-family:"Almarai-Bold"}.benefcryBox .tableTitle{font-size:1rem}@media screen and (max-width: 1440px){.benefcryBox .tableTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.benefcryBox .tableTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.benefcryBox .tableTitle{font-size:.8125rem}}.benefcryBox .tableTitle{color:#384150;padding:.3rem 0}.btn.secondary.isLiveBtn{background-color:#eb3223}.cashAnalysis .amountCurrency{font-size:1.25rem}@media screen and (max-width: 1440px){.cashAnalysis .amountCurrency{font-size:1.1875rem}}@media screen and (max-width: 1280px){.cashAnalysis .amountCurrency{font-size:1.125rem}}@media screen and (max-width: 1025px){.cashAnalysis .amountCurrency{font-size:1.0625rem}}.cashAnalysis .amountCurrency{color:#384150}.cashAnalysis .amountCurrency .amountNo{font-family:"Avenir-Black"}[dir=rtl] .cashAnalysis .amountCurrency .amountNo{font-family:"Almarai-ExtraBold"}.cashAnalysis .btn.secondary{font-size:.75rem}@media screen and (max-width: 1440px){.cashAnalysis .btn.secondary{font-size:.6875rem}}@media screen and (max-width: 1280px){.cashAnalysis .btn.secondary{font-size:.625rem}}@media screen and (max-width: 1025px){.cashAnalysis .btn.secondary{font-size:.5625rem}}.cashAnalysis .btn.secondary{border-radius:2px;margin:0 10px 0 6px;min-height:16px;min-width:33px;padding:2px 4px}.cashAnalysis .cashBar .cashPerformanceLegends{justify-content:space-between}.cashAnalysis .timeText{font-family:"Avenir-Roman"}[dir=rtl] .cashAnalysis .timeText{font-family:"Almarai-Light"}.cashAnalysis .timeText{font-size:.75rem}@media screen and (max-width: 1440px){.cashAnalysis .timeText{font-size:.6875rem}}@media screen and (max-width: 1280px){.cashAnalysis .timeText{font-size:.625rem}}@media screen and (max-width: 1025px){.cashAnalysis .timeText{font-size:.5625rem}}.cashAnalysis .timeText{color:#8994a5}.iconRec{background-color:#d0ebd2;border-radius:4px;color:#62bd69;height:34px;margin-right:18px;padding:9px;width:34px}.iconRec .icon-up-arrow:before{content:"";display:inline-block;transform:rotate(135deg)}.iconRed{background-color:#f9c2bd;color:#eb3223}.iconRed .icon-up-arrow:before{transform:rotate(315deg)}.mainAnalysis{margin-bottom:25px}.mainAnalysis:last-child{margin-bottom:0}.mainAnalysis .cashGraphAmt{font-family:"Avenir-Heavy"}[dir=rtl] .mainAnalysis .cashGraphAmt{font-family:"Almarai-Bold"}.mainAnalysis .cashGraphAmt{font-size:1rem}@media screen and (max-width: 1440px){.mainAnalysis .cashGraphAmt{font-size:.9375rem}}@media screen and (max-width: 1280px){.mainAnalysis .cashGraphAmt{font-size:.875rem}}@media screen and (max-width: 1025px){.mainAnalysis .cashGraphAmt{font-size:.8125rem}}.mainAnalysis .cashGraphAmt span:first-child{margin-right:3px}.mainAnalysis .graphText{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:"Avenir-Medium"}[dir=rtl] .mainAnalysis .graphText{font-family:"Almarai-Regular"}.mainAnalysis .graphText{font-size:1rem}@media screen and (max-width: 1440px){.mainAnalysis .graphText{font-size:.9375rem}}@media screen and (max-width: 1280px){.mainAnalysis .graphText{font-size:.875rem}}@media screen and (max-width: 1025px){.mainAnalysis .graphText{font-size:.8125rem}}.mainAnalysis .graphText{color:#000001;line-height:20px;max-width:180px}.newBen-userName{background-color:#dbe1e9;color:#384150}.newDashboard .bankAccounts .accountDetails{background-color:#f8fcfd;cursor:unset}.newDashboard .inpGroupAppend .toggleSwitching .btn{text-transform:capitalize}.newDashboard .overview .overviewMain{display:flex;justify-content:space-between;margin-bottom:25px}.newDashboard .overBankAccount{max-width:150px}.newDashboard .subtitle{font-family:"Avenir-Heavy"}[dir=rtl] .newDashboard .subtitle{font-family:"Almarai-Bold"}.newDashboard .subtitle{font-size:1.25rem}@media screen and (max-width: 1440px){.newDashboard .subtitle{font-size:1.1875rem}}@media screen and (max-width: 1280px){.newDashboard .subtitle{font-size:1.125rem}}@media screen and (max-width: 1025px){.newDashboard .subtitle{font-size:1.0625rem}}.newDashboard .subtitle{color:#000001;margin-bottom:20px;text-transform:capitalize}.newMainAnalysis{background:#f3f5fd;border-radius:4px;position:relative}.newMainAnalysis .analysisBox.newAnalysisBox{border-radius:4px 0 0 4px;height:50px;width:2px}.newMainAnalysis .arrowUp{transform:rotate(180deg)}.newMainAnalysis .dropdownRadial{background:#fff;border-radius:4px;box-shadow:0 3px 4px rgba(137,148,165,.15);left:0;max-height:200px;overflow-y:scroll;padding:18px 20px;position:absolute;scrollbar-color:#c1c1c1 #f5f5f5;scrollbar-width:thin;top:50px;transition:.5s;width:100%;z-index:3}.newMainAnalysis .dropdownRadial.openIndex0{max-height:220px}.newMainAnalysis .dropdownRadial.openIndex1{max-height:150px}.newMainAnalysis .dropdownRadial.openIndex2,.newMainAnalysis .dropdownRadial.openIndex3{bottom:51px;box-shadow:0px -1px 4px rgba(137,148,165,.15);max-height:150px;top:auto}.newMainAnalysis .dropdownRadial li{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;border-bottom:1px solid #dbe1e9;margin-bottom:12px;padding-bottom:8px}.newMainAnalysis .dropdownRadial li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.newMainAnalysis .dropdownRadial li span{font-family:"Avenir-Roman"}[dir=rtl] .newMainAnalysis .dropdownRadial li span{font-family:"Almarai-Light"}.newMainAnalysis .dropdownRadial li span span{font-family:"Avenir-Medium"}[dir=rtl] .newMainAnalysis .dropdownRadial li span span{font-family:"Almarai-Regular"}.newMainAnalysis .dropdownRadial li span span{padding-right:4px}.newMainAnalysis .graphText img,.newMainAnalysis img{margin-right:8px;max-width:30px;mix-blend-mode:multiply}.newMainAnalysis .icon-down-arrow{color:#8994a5;transition:.5s}.outStanding{position:relative;text-align:right;width:260px}.outStanding .paymentBank{display:inline-block;position:absolute;right:0}.outStanding .totalTxnAmount.avgCountLoader:empty{margin-left:auto}.outStanding h1{font-family:"Avenir-Black"}[dir=rtl] .outStanding h1{font-family:"Almarai-ExtraBold"}.outStanding h1{font-size:3.125rem}@media screen and (max-width: 1440px){.outStanding h1{font-size:3.0625rem}}@media screen and (max-width: 1280px){.outStanding h1{font-size:3rem}}@media screen and (max-width: 1025px){.outStanding h1{font-size:2.9375rem}}.outStanding h1{color:#000001;margin:15px 0}.outStanding h1 span{font-family:"Avenir-Roman"}[dir=rtl] .outStanding h1 span{font-family:"Almarai-Light"}.outStanding h1 span{font-size:1.25rem}@media screen and (max-width: 1440px){.outStanding h1 span{font-size:1.1875rem}}@media screen and (max-width: 1280px){.outStanding h1 span{font-size:1.125rem}}@media screen and (max-width: 1025px){.outStanding h1 span{font-size:1.0625rem}}.outStanding h1 span{color:#384150;margin-right:3px}.outStanding sub{font-family:"Avenir-Black"}[dir=rtl] .outStanding sub{font-family:"Almarai-ExtraBold"}.outStanding sub{font-size:1.875rem}@media screen and (max-width: 1440px){.outStanding sub{font-size:1.8125rem}}@media screen and (max-width: 1280px){.outStanding sub{font-size:1.75rem}}@media screen and (max-width: 1025px){.outStanding sub{font-size:1.6875rem}}.outStanding .icon-case-bank{font-size:.75rem}@media screen and (max-width: 1440px){.outStanding .icon-case-bank{font-size:.6875rem}}@media screen and (max-width: 1280px){.outStanding .icon-case-bank{font-size:.625rem}}@media screen and (max-width: 1025px){.outStanding .icon-case-bank{font-size:.5625rem}}.outStanding .icon-case-bank{color:#395293;margin-right:6px;margin-top:3px}.outStanding h4,.totalAmt{font-family:"Avenir-Heavy"}[dir=rtl] .outStanding h4,[dir=rtl] .totalAmt{font-family:"Almarai-Bold"}.outStanding h4,.totalAmt{font-size:.875rem}@media screen and (max-width: 1440px){.outStanding h4,.totalAmt{font-size:.8125rem}}@media screen and (max-width: 1280px){.outStanding h4,.totalAmt{font-size:.75rem}}@media screen and (max-width: 1025px){.outStanding h4,.totalAmt{font-size:.6875rem}}.outStanding h4,.totalAmt{color:#384150;text-transform:capitalize}.overViewCard,.overViewCardBen{background:#f8fcfd;border-radius:4px;margin-top:15px;padding:18px 8px;position:relative}.overViewCardBen{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;flex-wrap:nowrap}.overViewCardBen .cardTitle div .tableTitle{width:500px}.payment-text{font-family:"Avenir-Medium"}[dir=rtl] .payment-text{font-family:"Almarai-Regular"}.payment-text{font-size:.875rem}@media screen and (max-width: 1440px){.payment-text{font-size:.8125rem}}@media screen and (max-width: 1280px){.payment-text{font-size:.75rem}}@media screen and (max-width: 1025px){.payment-text{font-size:.6875rem}}.payment-text{color:#8994a5;line-height:20px}.paymentAmt{font-family:"Avenir-Medium"}[dir=rtl] .paymentAmt{font-family:"Almarai-Regular"}.paymentAmt{color:#7799be}.paymentOverview .icon-tags{font-size:.75rem}@media screen and (max-width: 1440px){.paymentOverview .icon-tags{font-size:.6875rem}}@media screen and (max-width: 1280px){.paymentOverview .icon-tags{font-size:.625rem}}@media screen and (max-width: 1025px){.paymentOverview .icon-tags{font-size:.5625rem}}.paymentOverview .icon-tags{color:#7799be;display:inline-block;margin-right:10px;transform:rotate(0deg) scaleX(-1)}.paymentSec{width:calc(100% - 53px)}.pendingPaymentCard .accountDetails img{margin-right:12px;max-height:36px}.pendingPaymentCard .paymentQty{font-family:"Avenir-Roman"}[dir=rtl] .pendingPaymentCard .paymentQty{font-family:"Almarai-Light"}.pendingPaymentCard .paymentQty{padding-top:8px}.pendingPaymentCard .paymentbankList{margin-bottom:10px}.pendingPaymentCard .paymentbankList .amountCurrency{font-size:1.25rem}@media screen and (max-width: 1440px){.pendingPaymentCard .paymentbankList .amountCurrency{font-size:1.1875rem}}@media screen and (max-width: 1280px){.pendingPaymentCard .paymentbankList .amountCurrency{font-size:1.125rem}}@media screen and (max-width: 1025px){.pendingPaymentCard .paymentbankList .amountCurrency{font-size:1.0625rem}}.pendingPaymentCard .paymentbankList .tableSubTitle,.pendingPaymentCard .paymentbankList .transactionDesc,.pendingPaymentCard .paymentbankList .tableSubTitleAmt{font-size:1rem}@media screen and (max-width: 1440px){.pendingPaymentCard .paymentbankList .tableSubTitle,.pendingPaymentCard .paymentbankList .transactionDesc,.pendingPaymentCard .paymentbankList .tableSubTitleAmt{font-size:.9375rem}}@media screen and (max-width: 1280px){.pendingPaymentCard .paymentbankList .tableSubTitle,.pendingPaymentCard .paymentbankList .transactionDesc,.pendingPaymentCard .paymentbankList .tableSubTitleAmt{font-size:.875rem}}@media screen and (max-width: 1025px){.pendingPaymentCard .paymentbankList .tableSubTitle,.pendingPaymentCard .paymentbankList .transactionDesc,.pendingPaymentCard .paymentbankList .tableSubTitleAmt{font-size:.8125rem}}.pendingPaymentCard .priorityText{margin-top:-5px}.pendingPaymentCard .priorityText .icon-priority-payment{font-size:1rem}@media screen and (max-width: 1440px){.pendingPaymentCard .priorityText .icon-priority-payment{font-size:.9375rem}}@media screen and (max-width: 1280px){.pendingPaymentCard .priorityText .icon-priority-payment{font-size:.875rem}}@media screen and (max-width: 1025px){.pendingPaymentCard .priorityText .icon-priority-payment{font-size:.8125rem}}.pendingPaymentCard .priorityText .icon-priority-payment{color:#eb8b2d;position:relative;top:1px}.pendingPaymentCard .accountDetails,.recentTransaction .accountDetails{align-items:flex-start;background-color:#f8fcfd;border-radius:4px;margin-top:8px}.tableSubTitle,.transactionDesc,.tableSubTitleAmt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:"Avenir-Roman"}[dir=rtl] .tableSubTitle,[dir=rtl] .transactionDesc,[dir=rtl] .tableSubTitleAmt{font-family:"Almarai-Light"}.tableSubTitle,.transactionDesc,.tableSubTitleAmt{font-size:.875rem}@media screen and (max-width: 1440px){.tableSubTitle,.transactionDesc,.tableSubTitleAmt{font-size:.8125rem}}@media screen and (max-width: 1280px){.tableSubTitle,.transactionDesc,.tableSubTitleAmt{font-size:.75rem}}@media screen and (max-width: 1025px){.tableSubTitle,.transactionDesc,.tableSubTitleAmt{font-size:.6875rem}}.tableSubTitle,.transactionDesc,.tableSubTitleAmt{color:#8994a5;display:inline-block;width:100%}.tableSubTitleAmt{font-size:1rem}@media screen and (max-width: 1440px){.tableSubTitleAmt{font-size:.9375rem}}@media screen and (max-width: 1280px){.tableSubTitleAmt{font-size:.875rem}}@media screen and (max-width: 1025px){.tableSubTitleAmt{font-size:.8125rem}}.tableSubTitleAmt{line-height:20px}.transactionDesc{display:inline-block;margin-top:8px}.userNameCircle,.newBen-userName{font-family:"Avenir-Heavy"}[dir=rtl] .userNameCircle,[dir=rtl] .newBen-userName{font-family:"Almarai-Bold"}.userNameCircle,.newBen-userName{font-size:1.125rem}@media screen and (max-width: 1440px){.userNameCircle,.newBen-userName{font-size:1.0625rem}}@media screen and (max-width: 1280px){.userNameCircle,.newBen-userName{font-size:1rem}}@media screen and (max-width: 1025px){.userNameCircle,.newBen-userName{font-size:.9375rem}}.userNameCircle,.newBen-userName{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;background-color:#7799be;border-radius:50%;color:#fff;height:45px;margin-right:18px;width:45px}.whitePanel.newDashboard{background-color:#f3f5fd;border-bottom:2px solid #dbe1e9;margin-bottom:66px}.cashGraph{display:flex;width:100%;align-items:center;justify-content:space-between}.cashGraph .cashBar{position:relative;width:500px}.cashGraph .cashBar .isCollectionActions .isCollectionSliders{flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;margin-right:0}.cashGraph .cashDivider{position:absolute;right:-50px;width:30px;top:0px}.cashGraph .cashDivider img{height:300px;width:100%}.cashGraph .cashRadial-Box{width:60%}.cashGraph .soaLoader:empty{height:390px;width:100%}.cashIn{min-width:28%}.cashLoadData{width:80%;margin:0 auto}.cashLoadData.pfmCashLoader{width:100%}.cashLoadData .cashLoader{display:flex;justify-content:space-between}.cashLoadData .cashLoader>span{width:20px;margin-right:12px}.cashLoadData .cashLoader>div{width:45%}.cashLoadData .cashLoader .tableDataLoader:empty{height:35px}.cashData .analysticsPieChartLoader:empty{border-radius:0;height:250px;width:500px}.cashData.incomeFrequencyGraph .analysticsPieChartLoader:empty{height:290px;width:600px}.cashData .m-4{margin:20px 0 0}.isLayoutExpand .cashGraph .cashDivider{right:-40px}.transOverview>.sub{width:8px;height:8px;background-color:#5090f8;display:inline-block;margin-right:8px}.transOverview span{font-family:"Avenir-Roman"}[dir=rtl] .transOverview span{font-family:"Almarai-Light"}.transOverview span{font-size:.875rem}@media screen and (max-width: 1440px){.transOverview span{font-size:.8125rem}}@media screen and (max-width: 1280px){.transOverview span{font-size:.75rem}}@media screen and (max-width: 1025px){.transOverview span{font-size:.6875rem}}.transOverview span{color:#384150}.transOverview .cashAmt{color:#5090f8;font-size:2.25rem}@media screen and (max-width: 1440px){.transOverview .cashAmt{font-size:2.1875rem}}@media screen and (max-width: 1280px){.transOverview .cashAmt{font-size:2.125rem}}@media screen and (max-width: 1025px){.transOverview .cashAmt{font-size:2.0625rem}}.transOverview .cashAmt{font-family:"Avenir-Heavy"}[dir=rtl] .transOverview .cashAmt{font-family:"Almarai-Bold"}.transOverview .cashAmt{margin-left:3px;margin-top:8px;display:inline-block}.transOverview .cashAmt span{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.transOverview .cashAmt span{font-size:.9375rem}}@media screen and (max-width: 1280px){.transOverview .cashAmt span{font-size:.875rem}}@media screen and (max-width: 1025px){.transOverview .cashAmt span{font-size:.8125rem}}.transOverview .cashAmt span{font-family:"Avenir-Roman"}[dir=rtl] .transOverview .cashAmt span{font-family:"Almarai-Light"}.transOverview .cashAmt span{margin-right:5px}.transOverview .cashAmt sub{font-size:1.25rem}@media screen and (max-width: 1440px){.transOverview .cashAmt sub{font-size:1.1875rem}}@media screen and (max-width: 1280px){.transOverview .cashAmt sub{font-size:1.125rem}}@media screen and (max-width: 1025px){.transOverview .cashAmt sub{font-size:1.0625rem}}.transOverview .cashAmt sub{font-family:"Avenir-Black"}[dir=rtl] .transOverview .cashAmt sub{font-family:"Almarai-ExtraBold"}.transOverview .cashAmt sub{margin-left:3px}.transOverview .cashAmt.orange{color:#eb8b2d}.transOverview.cashOut{margin-left:20px}.transOverview.cashOut>.sub{background-color:#eb8b2d}.newlyAddBen{width:calc(100% - 65px)}.newlyAddBen .tableSubTitle span,.newlyAddBen .tableSubTitleAmt span,.newlyAddBen .transactionDesc span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:45%}.bankAccounts.benCard{border:0;padding:0}.paymentBar{width:500px}.paymentBar .mainBox{margin:60px 0 0 0;height:210px}.paymentBar .filledBar{height:210px}.noRecordFound .title{color:#384150;font-size:1.125rem}@media screen and (max-width: 1440px){.noRecordFound .title{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noRecordFound .title{font-size:1rem}}@media screen and (max-width: 1025px){.noRecordFound .title{font-size:.9375rem}}.noRecordFound .title{font-family:"Avenir-Heavy"}[dir=rtl] .noRecordFound .title{font-family:"Almarai-Bold"}.noRecordFound .title{margin-bottom:0}.noRecordFound.mdErrorMsg .errorimage{height:150px;width:150px}.radialChartBox #radialGraph{position:relative}.radialChartData{width:45%}.avgCountLoader:empty{width:100px;height:32px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 20%, rgba(255, 255, 255, 0.61) 20%),linear-gradient(#f3f5fd 81px, #f3f5fd 0);border-radius:4px;background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite;margin-bottom:10px}.txtAmtShimmer.avgCountLoader:empty,.outStanding .totalTxnAmount.avgCountLoader:empty{width:220px;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0)}.newDateShimmer.avgCountLoader:empty{width:100px;height:20px;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0)}.bankCount.avgCountLoader:empty{width:260px;height:20px;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0)}.viewCount .bankCount.avgCountLoader:empty{width:130px;margin-top:10px;text-align:right;display:inline-block}.accountDetails.paymentShimmer{padding:10px 8px}.paymentBox{min-height:403px;max-height:445px}.paymentShimmer .boxSimmer .emptySimmer:empty{width:70px;height:60px}.paymentShimmer .isFlexColumn .emptySimmer:empty{margin-left:0;height:25px}.viewAppBtn{color:#5090f8;cursor:pointer;display:block;font-family:"Avenir-Medium"}[dir=rtl] .viewAppBtn{font-family:"Almarai-Regular"}.viewAppBtn .icon-down-arrow{transform:rotate(-90deg);display:inline-block;margin-left:6px;font-weight:800;font-size:.75rem}@media screen and (max-width: 1440px){.viewAppBtn .icon-down-arrow{font-size:.6875rem}}@media screen and (max-width: 1280px){.viewAppBtn .icon-down-arrow{font-size:.625rem}}@media screen and (max-width: 1025px){.viewAppBtn .icon-down-arrow{font-size:.5625rem}}.overViewDate .selectOptionFont{width:175px;max-width:175px}.pendingBox{width:calc(100% - 50px)}.isLayoutExpand .cashData.incomeFrequencyGraph .analysticsPieChartLoader:empty{height:290px;width:500px}.isLayoutExpand .pendingPymt{max-width:130px}.isLayoutExpand .transactionBox .nameDisplay strong.emptySimmer{width:120px}.bankCompanyText{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:137px}.bankInfoList{list-style:unset}.carousel .newMainAnalysis .img,.carousel .newMainAnalysis .graphText img{max-width:30px}.carouselLegends{position:relative;z-index:1}.carouselLegends .control-dots{z-index:0}.doubleBarBox{height:330px;position:relative}.doubleBarBox .newOverviewArrows .RightArrow{right:-20px;left:auto}.dropdownRadial::-webkit-scrollbar{width:8px}.dropdownRadial::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:6px}.dropdownRadial::-webkit-scrollbar-thumb:hover{background-color:#888}.dropdownRadial::-webkit-scrollbar-track{background:#f5f5f5}#lineChartTooltip.tooltip1.cashInTip.grey{background-color:#8994a5;border:0;min-width:130px;z-index:1}#lineChartTooltip.tooltip1.cashInTip.grey:after{border-top-color:#8994a5}#lineChartTooltip.tooltip1.cashInTip.pink{background-color:#eb3223;border:0;min-width:130px;z-index:1}#lineChartTooltip.tooltip1.cashInTip.pink:after{border-top-color:#eb3223}.mainDateBox{align-items:baseline;display:flex;justify-content:space-between;width:500px}.newDateRange{color:#8994a5;font-family:"Avenir-Heavy"}[dir=rtl] .newDateRange{font-family:"Almarai-Bold"}.newDateRange{font-size:.875rem}@media screen and (max-width: 1440px){.newDateRange{font-size:.8125rem}}@media screen and (max-width: 1280px){.newDateRange{font-size:.75rem}}@media screen and (max-width: 1025px){.newDateRange{font-size:.6875rem}}.newOverviewArrows .RightArrow .icon-down-arrow{transform:rotate(268deg)}.newOverviewArrows .RightArrow{left:auto;right:-6px}.newOverviewArrows .icon-down-arrow{transform:rotate(90deg);font-size:1rem}@media screen and (max-width: 1440px){.newOverviewArrows .icon-down-arrow{font-size:.9375rem}}@media screen and (max-width: 1280px){.newOverviewArrows .icon-down-arrow{font-size:.875rem}}@media screen and (max-width: 1025px){.newOverviewArrows .icon-down-arrow{font-size:.8125rem}}.newOverviewArrows .RightArrow.disabledClass,.newOverviewArrows .leftArrow.disabledClass{opacity:.4;pointer-events:none;cursor:not-allowed}.newOverviewArrows .leftArrow,.newOverviewArrows .RightArrow{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;background:#dbe1e9;border-radius:2px;color:#8994a5;cursor:pointer;height:42px;left:-6px;position:absolute;top:40%;width:22px}.overview .tooltip1.cashInTip,.overview .tooltip1.cashOutTip{max-width:130px;min-width:130px;text-align:center}.overview .tooltip1 span.graphAmtText,.overview span.boldFont{display:inline-block}.overview .draw_graph_container text{font-size:.6875rem}@media screen and (max-width: 1440px){.overview .draw_graph_container text{font-size:.625rem}}@media screen and (max-width: 1280px){.overview .draw_graph_container text{font-size:.5625rem}}@media screen and (max-width: 1025px){.overview .draw_graph_container text{font-size:.5rem}}.paymentSelect img{height:20px;margin-right:10px;object-fit:cover;width:20px}.priorityBox{position:relative}.priorityBox>div{position:absolute}.priorityContainer{height:25px;position:relative;top:-7px;width:260px}.priorityImg{height:20px;margin:-7px 5px 0 0}.radialLoader{padding-left:15px}.radialLoader .analysticsPieChartLoader:empty{height:270px;width:270px}.radialLegends .carousel.carousel-slider{height:320px}.radialLegends .carousel.carousel-slider .control-dots .dot{background-color:#7799be;box-shadow:none;height:10px;opacity:.5;width:10px}.radialLegends .carousel.carousel-slider .control-dots .dot.selected,.radialLegends .carousel.carousel-slider .control-dots .dot:hover{background:#7799be;opacity:1}span.balanceBox{align-items:center;background-color:#f3f5fd;border-radius:4px;color:#8994a5;cursor:pointer;display:inline-flex !important;height:26px;justify-content:center;margin-left:18px !important;width:26px;font-size:1.5rem}@media screen and (max-width: 1440px){span.balanceBox{font-size:1.4375rem}}@media screen and (max-width: 1280px){span.balanceBox{font-size:1.375rem}}@media screen and (max-width: 1025px){span.balanceBox{font-size:1.3125rem}}span.balanceBox.icon-hide-eye{font-size:1rem}@media screen and (max-width: 1440px){span.balanceBox.icon-hide-eye{font-size:.9375rem}}@media screen and (max-width: 1280px){span.balanceBox.icon-hide-eye{font-size:.875rem}}@media screen and (max-width: 1025px){span.balanceBox.icon-hide-eye{font-size:.8125rem}}.tableSubTitleAmt span{margin-right:3px}.textAnimate{height:20px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%}.transactionBox .nameDisplay strong.emptySimmer{width:160px}.w90{width:90%}.cashGraphAmt{display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(-50%, -100%)}100%{opacity:1;transform:translate(-50%, -50%)}}@keyframes slide-out{0%{opacity:1;transform:translate(-50%, -50%)}100%{opacity:0;transform:translate(-50%, 0%)}}.slide-in{animation:slide-in 1s forwards}.slide-out{animation:slide-out 1s forwards}@media screen and (max-width: 1440px){.analysisBox{margin-right:7px}.cashRadial-Box .donutChart{width:250px}.cashGraph .cashDivider{right:-40px}.isLayoutExpand .pendingPymt{max-width:110px}.isLayoutExpand .cashGraph .cashDivider{right:-35px}.mainAnalysis .cashGraphAmt{font-size:.875rem}}@media screen and (max-width: 1440px)and (max-width: 1440px){.mainAnalysis .cashGraphAmt{font-size:.8125rem}}@media screen and (max-width: 1440px)and (max-width: 1280px){.mainAnalysis .cashGraphAmt{font-size:.75rem}}@media screen and (max-width: 1440px)and (max-width: 1025px){.mainAnalysis .cashGraphAmt{font-size:.6875rem}}@media screen and (max-width: 1440px){.mainAnalysis .graphText{font-size:.875rem;max-width:125px}}@media screen and (max-width: 1440px)and (max-width: 1440px){.mainAnalysis .graphText{font-size:.8125rem}}@media screen and (max-width: 1440px)and (max-width: 1280px){.mainAnalysis .graphText{font-size:.75rem}}@media screen and (max-width: 1440px)and (max-width: 1025px){.mainAnalysis .graphText{font-size:.6875rem}}@media screen and (max-width: 1440px){.mainDateBox{width:450px}.overViewCardBen .cardTitle div .tableTitle{width:380px}.pendingPaymentCard .paymentbankList .amountCurrency{font-size:1rem}}@media screen and (max-width: 1440px)and (max-width: 1440px){.pendingPaymentCard .paymentbankList .amountCurrency{font-size:.9375rem}}@media screen and (max-width: 1440px)and (max-width: 1280px){.pendingPaymentCard .paymentbankList .amountCurrency{font-size:.875rem}}@media screen and (max-width: 1440px)and (max-width: 1025px){.pendingPaymentCard .paymentbankList .amountCurrency{font-size:.8125rem}}@media screen and (max-width: 1440px){.pendingPaymentCard .paymentbankList .tableSubTitle,.pendingPaymentCard .paymentbankList .tableSubTitleAmt,.pendingPaymentCard .paymentbankList .transactionDesc{font-size:.875rem}}@media screen and (max-width: 1440px)and (max-width: 1440px){.pendingPaymentCard .paymentbankList .tableSubTitle,.pendingPaymentCard .paymentbankList .tableSubTitleAmt,.pendingPaymentCard .paymentbankList .transactionDesc{font-size:.8125rem}}@media screen and (max-width: 1440px)and (max-width: 1280px){.pendingPaymentCard .paymentbankList .tableSubTitle,.pendingPaymentCard .paymentbankList .tableSubTitleAmt,.pendingPaymentCard .paymentbankList .transactionDesc{font-size:.75rem}}@media screen and (max-width: 1440px)and (max-width: 1025px){.pendingPaymentCard .paymentbankList .tableSubTitle,.pendingPaymentCard .paymentbankList .tableSubTitleAmt,.pendingPaymentCard .paymentbankList .transactionDesc{font-size:.6875rem}}@media screen and (max-width: 1440px){.transactionBox .nameDisplay strong.emptySimmer{width:120px}}@media screen and (max-width: 1336px){.cashData .analysticsPieChartLoader:empty{width:450px}.cashGraph .cashBar{width:450px}.cashRadial-Box .donutChart{width:240px}.isLayoutExpand .pendingPymt{max-width:88px}.mainAnalysis .graphText{max-width:99px}.pendingPymt{max-width:94px}.radialLoader .analysticsPieChartLoader:empty{height:240px;width:240px}}@media screen and (max-width: 1280px){.cashData .analysticsPieChartLoader:empty{width:390px}.cashGraph .cashBar,.mainDateBox{width:390px}.cashRadial-Box .donutChart{width:auto}.mainAnalysis .graphText{max-width:83px}.newDashboard .subtitle{font-size:1.125rem}}@media screen and (max-width: 1280px)and (max-width: 1440px){.newDashboard .subtitle{font-size:1.0625rem}}@media screen and (max-width: 1280px)and (max-width: 1280px){.newDashboard .subtitle{font-size:1rem}}@media screen and (max-width: 1280px)and (max-width: 1025px){.newDashboard .subtitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.pendingPaymentCard .accountDetails img{height:30px;margin-right:6px;max-height:30px;width:30px}.radialLoader .analysticsPieChartLoader:empty{height:220px;width:220px}.whiteCard,.bankAccounts.whiteCard{padding:20px}.w90{width:88%}.isLayoutExpand .transactionBox .nameDisplay strong.emptySimmer{width:85px}.doubleBarBox .newOverviewArrows .RightArrow{right:-15px}}@media only screen and (max-width: 1170px),only screen and (max-device-width: 1170px){.cashGraph .cashDivider{right:-55px}.cashGraph .cashBar{width:375px}.isLayoutExpand .cashGraph .cashDivider{display:none}.overViewCardBen .cardTitle div .tableTitle{max-width:350px}}.spendOverviewBox{display:inline-block;height:8px;width:8px;margin-right:8px}.spendingComparisonBox{width:123px;font-family:"Avenir-Medium"}[dir=rtl] .spendingComparisonBox{font-family:"Almarai-Regular"}.spendingComparisonBox{font-size:.875rem}@media screen and (max-width: 1440px){.spendingComparisonBox{font-size:.8125rem}}@media screen and (max-width: 1280px){.spendingComparisonBox{font-size:.75rem}}@media screen and (max-width: 1025px){.spendingComparisonBox{font-size:.6875rem}}.spendingComparisonBox .dot{width:12px;height:12px;margin-right:8px;background-color:#eb8b2d}.spendingComparisonBox .from{background-color:#5090f8;margin-right:12px}.pfmRecentTransaction .userNameCircle,.pfmRecentTransaction .newBen-userName{background-color:#f3f5fd;color:#8994a5;height:36px;width:36px;font-size:1rem}@media screen and (max-width: 1440px){.pfmRecentTransaction .userNameCircle,.pfmRecentTransaction .newBen-userName{font-size:.9375rem}}@media screen and (max-width: 1280px){.pfmRecentTransaction .userNameCircle,.pfmRecentTransaction .newBen-userName{font-size:.875rem}}@media screen and (max-width: 1025px){.pfmRecentTransaction .userNameCircle,.pfmRecentTransaction .newBen-userName{font-size:.8125rem}}
.minWidth25{min-width:25%}.transactions .title{font-size:2rem}@media screen and (max-width: 1440px){.transactions .title{font-size:1.9375rem}}@media screen and (max-width: 1280px){.transactions .title{font-size:1.875rem}}@media screen and (max-width: 1025px){.transactions .title{font-size:1.8125rem}}.transactions .title{font-size:2rem}@media screen and (max-width: 1440px){.transactions .title{font-size:1.9375rem}}@media screen and (max-width: 1280px){.transactions .title{font-size:1.875rem}}@media screen and (max-width: 1025px){.transactions .title{font-size:1.8125rem}}.transactions .title{color:#384150}.transactions .subTitle{padding:1.5rem 0;color:#384150;font-size:1.125rem}@media screen and (max-width: 1440px){.transactions .subTitle{font-size:1.0625rem}}@media screen and (max-width: 1280px){.transactions .subTitle{font-size:1rem}}@media screen and (max-width: 1025px){.transactions .subTitle{font-size:.9375rem}}.transactions .subTitle{font-size:1.125rem}@media screen and (max-width: 1440px){.transactions .subTitle{font-size:1.0625rem}}@media screen and (max-width: 1280px){.transactions .subTitle{font-size:1rem}}@media screen and (max-width: 1025px){.transactions .subTitle{font-size:.9375rem}}.transactions .subTitle{font-family:"Avenir-Roman"}[dir=rtl] .transactions .subTitle{font-family:"Almarai-Light"}.transactions .subTitle.txnSubTitle{font-family:"Avenir-Roman"}[dir=rtl] .transactions .subTitle.txnSubTitle{font-family:"Almarai-Light"}.transactions .subTitle.txnSubTitle{font-size:1rem}@media screen and (max-width: 1440px){.transactions .subTitle.txnSubTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.transactions .subTitle.txnSubTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.transactions .subTitle.txnSubTitle{font-size:.8125rem}}.transactions .subTitle.txnSubTitle{color:#8994a5}.transactions .subTitle.txnSubTitle .isDateTxt{color:#384150}.proceedMain.TxnsDownldFooter .dwnloadBtn.txnDownloadBtns button{border:1px solid #5090f8;color:#5090f8;background:#fff}.proceedMain.TxnsDownldFooter .dwnloadBtn.txnDownloadBtns button:hover{background-color:#5090f8;border:1px solid #5090f8;color:#fff}.proceedMain.TxnsDownldFooter .dwnloadBtn.txnDownloadBtns button [class*=icon-]{padding-right:5px}.inpGroupAppend .toggleSwitching{background:#cbdefd;display:flex;align-items:center;border-radius:6px;padding:2px;height:40px}.inpGroupAppend .toggleSwitching .btn{min-width:130px;min-height:35px}.inpGroupAppend .toggleSwitching .btn.notActive{background-color:rgba(0,0,0,0)}.inpGroupAppend .toggleSwitching .active.btn{box-shadow:0 0 4px 0 #dbe1e9;background-color:#fff;color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .inpGroupAppend .toggleSwitching .active.btn{font-family:"Almarai-Bold"}.w100{width:100%}.w100 .w25.selectOptionFont{width:30%}.osvIndicator{display:flex;align-items:center}.osvIndicator span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.osvIndicator img{margin-right:5px}.trnsctnRefresh{font-family:"Avenir-Roman"}[dir=rtl] .trnsctnRefresh{font-family:"Almarai-Light"}.trnsctnRefresh{font-size:.75rem}@media screen and (max-width: 1440px){.trnsctnRefresh{font-size:.6875rem}}@media screen and (max-width: 1280px){.trnsctnRefresh{font-size:.625rem}}@media screen and (max-width: 1025px){.trnsctnRefresh{font-size:.5625rem}}.trnsctnRefresh{color:#5090f8;border-radius:10.5px;border:solid 1px #5090f8;cursor:pointer;padding:4px 8px 4px 8px;position:absolute;margin-left:10px;margin-top:-5px}.trnsctnRefresh .icon-refresh{color:#5090f8;font-size:.75rem}@media screen and (max-width: 1440px){.trnsctnRefresh .icon-refresh{font-size:.6875rem}}@media screen and (max-width: 1280px){.trnsctnRefresh .icon-refresh{font-size:.625rem}}@media screen and (max-width: 1025px){.trnsctnRefresh .icon-refresh{font-size:.5625rem}}.trnsctnRefresh .icon-refresh{margin-right:5px}.trnsctnRefresh:hover{opacity:.7;transition:.5s all ease}.mainContent{flex:1;min-height:65vh;position:relative}.pageStyle{display:none}.transactionDetails{padding-top:40px}.transactionDetails h3{font-size:1.5rem}@media screen and (max-width: 1440px){.transactionDetails h3{font-size:1.4375rem}}@media screen and (max-width: 1280px){.transactionDetails h3{font-size:1.375rem}}@media screen and (max-width: 1025px){.transactionDetails h3{font-size:1.3125rem}}.transactionDetails h3{margin:0px 40px 27px;font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails h3{font-family:"Almarai-Bold"}.transactionDetails .company{font-size:1.375rem}@media screen and (max-width: 1440px){.transactionDetails .company{font-size:1.3125rem}}@media screen and (max-width: 1280px){.transactionDetails .company{font-size:1.25rem}}@media screen and (max-width: 1025px){.transactionDetails .company{font-size:1.1875rem}}.transactionDetails .company{text-align:center;display:flex;flex-direction:column;border-top:1px solid #bfc7d0;padding:20px 0;margin:0px 45px}.transactionDetails .company .amount{font-size:2.25rem}@media screen and (max-width: 1440px){.transactionDetails .company .amount{font-size:2.1875rem}}@media screen and (max-width: 1280px){.transactionDetails .company .amount{font-size:2.125rem}}@media screen and (max-width: 1025px){.transactionDetails .company .amount{font-size:2.0625rem}}.transactionDetails .company .amount{margin:15px 0;font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .company .amount{font-family:"Almarai-Bold"}.transactionDetails .company .amount{word-break:break-all}.transactionDetails .company .amount .amountType{padding-right:5px}.transactionDetails .company .amountCurrency{font-size:2.125rem}@media screen and (max-width: 1440px){.transactionDetails .company .amountCurrency{font-size:2.0625rem}}@media screen and (max-width: 1280px){.transactionDetails .company .amountCurrency{font-size:2rem}}@media screen and (max-width: 1025px){.transactionDetails .company .amountCurrency{font-size:1.9375rem}}.transactionDetails .company .amountCurrency{margin:15px 0;font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .company .amountCurrency{font-family:"Almarai-Bold"}.transactionDetails .company .amountCurrency{word-wrap:break-word}.transactionDetails .company .amountCurrency span.currencyNo{font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .company .amountCurrency span.currencyNo{font-family:"Almarai-Bold"}.transactionDetails .company .amountCurrency span.amountNo{font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .company .amountCurrency span.amountNo{font-family:"Almarai-Bold"}.transactionDetails .company span .creditTag{color:#8994a5;font-size:1.375rem}@media screen and (max-width: 1440px){.transactionDetails .company span .creditTag{font-size:1.3125rem}}@media screen and (max-width: 1280px){.transactionDetails .company span .creditTag{font-size:1.25rem}}@media screen and (max-width: 1025px){.transactionDetails .company span .creditTag{font-size:1.1875rem}}.transactionDetails .company span .creditTag{font-family:"Avenir-Medium"}[dir=rtl] .transactionDetails .company span .creditTag{font-family:"Almarai-Regular"}.transactionDetails .company span .creditTag{padding-left:5px}.transactionDetails .company .isBenTitle{line-height:1.5}.transactionDetails .paymentsBodyPopupSpace.mainDetails.isAnalyticsBody{height:100%}.transactionDetails .paymentsBodyPopupSpace.mainDetails.isAnalyticsBody .isAmount{text-transform:capitalize}.transactionDetails .paymentsBodyPopupSpace.mainDetails.isAnalyticsBody .t-body .t-td:last-child{text-align:left}.transactionDetails .mainDetails{background:#f3f5fd;padding:20px 35px;max-height:295px}.transactionDetails .mainDetails .detailsRow{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .detailsRow{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .detailsRow{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .detailsRow{font-size:.6875rem}}.transactionDetails .mainDetails .detailsRow{display:flex;padding:8px 0}.transactionDetails .mainDetails .detailsRow>span{color:#8994a5;flex:1;line-height:24px}.transactionDetails .mainDetails .detailsRow span:last-child{color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails .mainDetails .detailsRow span:last-child{font-family:"Almarai-Light"}.transactionDetails .mainDetails .detailsRow span:last-child{word-break:break-word}.transactionDetails .mainDetails .detailsRow span:last-child .colorYellow,.transactionDetails .mainDetails .detailsRow span:last-child .rejectColor,.transactionDetails .mainDetails .detailsRow span:last-child .colorBankProcess,.transactionDetails .mainDetails .detailsRow span:last-child .colorRed{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .detailsRow span:last-child .colorYellow,.transactionDetails .mainDetails .detailsRow span:last-child .rejectColor,.transactionDetails .mainDetails .detailsRow span:last-child .colorBankProcess,.transactionDetails .mainDetails .detailsRow span:last-child .colorRed{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .detailsRow span:last-child .colorYellow,.transactionDetails .mainDetails .detailsRow span:last-child .rejectColor,.transactionDetails .mainDetails .detailsRow span:last-child .colorBankProcess,.transactionDetails .mainDetails .detailsRow span:last-child .colorRed{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .detailsRow span:last-child .colorYellow,.transactionDetails .mainDetails .detailsRow span:last-child .rejectColor,.transactionDetails .mainDetails .detailsRow span:last-child .colorBankProcess,.transactionDetails .mainDetails .detailsRow span:last-child .colorRed{font-size:.6875rem}}.transactionDetails .mainDetails .detailsRow span:last-child .colorYellow,.transactionDetails .mainDetails .detailsRow span:last-child .rejectColor,.transactionDetails .mainDetails .detailsRow span:last-child .colorBankProcess,.transactionDetails .mainDetails .detailsRow span:last-child .colorRed{word-break:break-word}.transactionDetails .mainDetails .detailsRow span:last-child .colorBankProcess{color:#72c478}.transactionDetails .mainDetails .detailsRow span.detailStatus{color:#62bd69}.transactionDetails .mainDetails .detailsRow span.isTracker span{color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails .mainDetails .detailsRow span.isTracker span{font-family:"Almarai-Light"}.transactionDetails .mainDetails .detailsRow span.isTracker span{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .detailsRow span.isTracker span{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .detailsRow span.isTracker span{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .detailsRow span.isTracker span{font-size:.6875rem}}.transactionDetails .mainDetails .detailsRow span.isTracker span .icon-location{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .detailsRow span.isTracker span .icon-location{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .detailsRow span.isTracker span .icon-location{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .detailsRow span.isTracker span .icon-location{font-size:.6875rem}}.transactionDetails .mainDetails .approval{background:#f3f5fd;display:flex;margin:10px 0px;border-top:1px solid #c4c9d2;padding:10px 0px;position:relative}.transactionDetails .mainDetails .approval .paymentDetailSteps{flex:1;padding-top:15px}.transactionDetails .mainDetails .approval .subapproval{flex:0 33.3333%;padding-right:10px}.transactionDetails .mainDetails .approval .subapproval .approvalIcon{color:#62bd69;font-size:1.25rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon{font-size:1.1875rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon{font-size:1.125rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon{font-size:1.0625rem}}.transactionDetails .mainDetails .approval .subapproval .approvalIcon{font-weight:900}.transactionDetails .mainDetails .approval .subapproval .approvalIcon.noIcon{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon.noIcon{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon.noIcon{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon.noIcon{font-size:.6875rem}}.transactionDetails .mainDetails .approval .subapproval .approvalIcon.noIcon{font-family:"Avenir-Medium"}[dir=rtl] .transactionDetails .mainDetails .approval .subapproval .approvalIcon.noIcon{font-family:"Almarai-Regular"}.transactionDetails .mainDetails .approval .subapproval .approvalIcon.noIcon{color:#000001}.transactionDetails .mainDetails .approval .subapproval .approvalIcon:before{padding:0 7px;margin:0 -7px;background:#f3f5fd;z-index:2}.transactionDetails .mainDetails .approval .subapproval span{display:flex;line-height:24px;padding:5px 0px;position:relative}.transactionDetails .mainDetails .approval .subapproval span:first-child{color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .subapproval span:first-child{font-size:.6875rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .subapproval span:first-child{font-size:.625rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .subapproval span:first-child{font-size:.5625rem}}.transactionDetails .mainDetails .approval .subapprovalText{font-family:"Avenir-Medium"}[dir=rtl] .transactionDetails .mainDetails .approval .subapprovalText{font-family:"Almarai-Regular"}.transactionDetails .mainDetails .approval .subapprovalText{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .subapprovalText{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .subapprovalText{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .subapprovalText{font-size:.6875rem}}.transactionDetails .mainDetails .approval .subapprovalText{font-weight:500}.transactionDetails .mainDetails .approval .preApproval{width:25px;height:25px;border-radius:50%;border:2px solid #8994a5;color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .preApproval{font-size:.6875rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .preApproval{font-size:.625rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .preApproval{font-size:.5625rem}}.transactionDetails .mainDetails .approval .preApproval{font-family:"Avenir-Medium"}[dir=rtl] .transactionDetails .mainDetails .approval .preApproval{font-family:"Almarai-Regular"}.transactionDetails .mainDetails .approval .preApproval{z-index:2;background:#f3f5fd;padding:0px 4px !important;margin-top:3px;margin-bottom:3px}.transactionDetails .mainDetails.normalMainDetails{max-height:295px}.transactionDetails .transactionIcon{display:flex;color:#384150;font-size:1.125rem}@media screen and (max-width: 1440px){.transactionDetails .transactionIcon{font-size:1.0625rem}}@media screen and (max-width: 1280px){.transactionDetails .transactionIcon{font-size:1rem}}@media screen and (max-width: 1025px){.transactionDetails .transactionIcon{font-size:.9375rem}}.transactionDetails .transactionIcon{justify-content:flex-end;padding:12px 0}.transactionDetails .transactionIcon span{width:30px;margin:10px}.transactionDetails .workFlowmodalBody .iconPopup{font-size:3.875rem}@media screen and (max-width: 1440px){.transactionDetails .workFlowmodalBody .iconPopup{font-size:3.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .workFlowmodalBody .iconPopup{font-size:3.75rem}}@media screen and (max-width: 1025px){.transactionDetails .workFlowmodalBody .iconPopup{font-size:3.6875rem}}.transactionDetails .workFlowmodalBody .iconPopup{background-color:#f3f5fd;border-radius:50px;color:#8994a5}.transactionDetails .workFlowmodalBody .workFLowPopupTitle{margin:30px 0 20px}.transactionDetails .workFlowmodalBody .workFlowPopuptext{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .workFlowmodalBody .workFlowPopuptext{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .workFlowmodalBody .workFlowPopuptext{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .workFlowmodalBody .workFlowPopuptext{font-size:.6875rem}}.transactionDetails .workFlowmodalBody .workFlowPopuptext{font-family:"Avenir-Medium"}[dir=rtl] .transactionDetails .workFlowmodalBody .workFlowPopuptext{font-family:"Almarai-Regular"}.transactionDetails .workFlowmodalBody .workFlowPopuptext{color:#8994a5;line-height:initial;text-align:center}.transactionDetails .workFlowmodalBody .workflowUpdatechanges .workflowUpdateEffects span{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .workFlowmodalBody .workflowUpdatechanges .workflowUpdateEffects span{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .workFlowmodalBody .workflowUpdatechanges .workflowUpdateEffects span{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .workFlowmodalBody .workflowUpdatechanges .workflowUpdateEffects span{font-size:.6875rem}}.transactionDetails .workFlowmodalBody .workflowUpdatechanges .workflowUpdateEffects span:first-child{color:#384150}.transactionDetails .workFlowmodalBody .workflowUpdatechanges .workflowUpdateEffects span:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .workFlowmodalBody .workflowUpdatechanges .workflowUpdateEffects span:last-child{font-family:"Almarai-Bold"}.transactionDetails .workFlowmodalBody .workFlowPopupBtns button{min-width:158px;max-width:158px;border-radius:4px}.approval .subapproval .approvalIcon:after{content:"";position:absolute;height:1px;width:100%;background:#bfc7d0;top:16px;z-index:auto;left:0}.approval .subapproval:last-child .approvalIcon:after{background:none}.transactionDetails .mainDetails .approval .subapproval .noIcon>span{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .subapproval .noIcon>span{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .subapproval .noIcon>span{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .subapproval .noIcon>span{font-size:.6875rem}}.transactionDetails .mainDetails .approval .subapproval .noIcon>span{padding:1px 4px;border:1px solid #8994a5;border-radius:50%;position:relative;background:#f3f5fd;width:25px;height:25px}.approval .subapproval .approvalIcon.noIcon:after{left:30px;width:85%}.statementMain{padding:40px}.statementMain h3{font-size:1.5625rem}@media screen and (max-width: 1440px){.statementMain h3{font-size:1.5rem}}@media screen and (max-width: 1280px){.statementMain h3{font-size:1.4375rem}}@media screen and (max-width: 1025px){.statementMain h3{font-size:1.375rem}}.statementMain h3{margin:0px 0px 20px;font-family:"Avenir-Heavy"}[dir=rtl] .statementMain h3{font-family:"Almarai-Bold"}.statementMain h3>span{float:right;color:#8994a5}.statementMain h4{color:#384150}.statementMain .statementDetails ul{display:flex;margin:25px 0px;justify-content:space-between}.statementMain .statementDetails ul img{width:76px;height:86px;background-color:#f3f5fd;padding:10px;cursor:pointer}.statementMain .statementDetails ul img:hover{background-color:#fff;border:solid 2px #5090f8;border-radius:6px}.statementMain .statementButton{display:flex}.statementMain .statementButton .btn{width:161px}.transactionDetails .mainDetails .approval .subapproval span.subapprovalStatus{color:#7799be;border:solid 1px #7799be;width:22px;height:22px;border-radius:50%;font-size:.75rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .subapproval span.subapprovalStatus{font-size:.6875rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .subapproval span.subapprovalStatus{font-size:.625rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .subapproval span.subapprovalStatus{font-size:.5625rem}}.transactionDetails .mainDetails .approval .subapproval span.subapprovalStatus{padding:0px 3px;line-height:24px;margin-top:4px;background-color:#f3f5fd;z-index:2}.paymentIcon{color:#384150;font-size:1.25rem}@media screen and (max-width: 1440px){.paymentIcon{font-size:1.1875rem}}@media screen and (max-width: 1280px){.paymentIcon{font-size:1.125rem}}@media screen and (max-width: 1025px){.paymentIcon{font-size:1.0625rem}}.paymentIcon{margin:10px 0px;margin-right:auto}.paymentIcon span{width:30px;margin:10px}.paymentStatus{display:flex;justify-content:flex-end;padding:25px}.overflow-auto{overflow:auto}.paymentButtons button{margin-left:14px;text-align:center}.paymentButtons button:first-child{margin-left:0}.paymentButtons span{color:#fff;font-size:1.25rem}@media screen and (max-width: 1440px){.paymentButtons span{font-size:1.1875rem}}@media screen and (max-width: 1280px){.paymentButtons span{font-size:1.125rem}}@media screen and (max-width: 1025px){.paymentButtons span{font-size:1.0625rem}}.paymentButtons span{padding:0px 8px}.paymentOtp{padding:40px;font-family:"Avenir-Medium"}[dir=rtl] .paymentOtp{font-family:"Almarai-Regular"}.paymentOtp h3{font-size:1.5625rem}@media screen and (max-width: 1440px){.paymentOtp h3{font-size:1.5rem}}@media screen and (max-width: 1280px){.paymentOtp h3{font-size:1.4375rem}}@media screen and (max-width: 1025px){.paymentOtp h3{font-size:1.375rem}}.paymentOtp h3{margin:0px 0px 26px;font-family:"Avenir-Heavy"}[dir=rtl] .paymentOtp h3{font-family:"Almarai-Bold"}.paymentOtp h3>span{float:right;color:#8994a5}.paymentOtp h4{color:#8994a5;line-height:1.29}.paymentOtp h3{margin:0px 0px 36px}.paymentOtp label{margin-bottom:8px}.paymentOtp input{border-radius:4px;border:1px solid #dbe1e9;width:100%;padding:8px;margin:8px 0px}.paymentOtp h4{margin-top:15px;margin-bottom:15px}.paymentOtp h5{color:#5090f8;text-align:center;margin-top:20px;font-size:1rem}@media screen and (max-width: 1440px){.paymentOtp h5{font-size:.9375rem}}@media screen and (max-width: 1280px){.paymentOtp h5{font-size:.875rem}}@media screen and (max-width: 1025px){.paymentOtp h5{font-size:.8125rem}}.paymentOtp h5.otpMsg{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .paymentOtp h5.otpMsg{font-family:"Almarai-Regular"}.paymentOtp h5.otpMsg .resendOtp{color:#5090f8}.paymentOtp .btnScheduleCalendar button{height:49px}.paymentOtp .btnScheduleCalendar button.scheduleCalndr{border:none;height:49px;width:49px;border-left:1px solid #62bd69}.paymentOtp .btnScheduleCalendar .scheduleCalndr.disabledClass.btnGrey{background-color:#bfc7d0}.paymentOtp button{width:100%;background-color:#62bd69;margin-top:30px}.sucessPayment{padding:40px;font-family:"Avenir-Medium"}[dir=rtl] .sucessPayment{font-family:"Almarai-Regular"}.sucessPayment h3{font-size:1.5625rem}@media screen and (max-width: 1440px){.sucessPayment h3{font-size:1.5rem}}@media screen and (max-width: 1280px){.sucessPayment h3{font-size:1.4375rem}}@media screen and (max-width: 1025px){.sucessPayment h3{font-size:1.375rem}}.sucessPayment h3{margin:0px 0px 26px;font-family:"Avenir-Heavy"}[dir=rtl] .sucessPayment h3{font-family:"Almarai-Bold"}.sucessPayment h3>span{float:right;color:#8994a5}.sucessPayment h4{color:#8994a5;line-height:1.29}.sucessPayment h3{margin:0px 0px 26px;text-align:center}.sucessPayment h4{text-align:center;color:#384150}.sucessPayment span.calledBack{color:#7799be;display:flex;justify-content:center;font-size:8.875rem}@media screen and (max-width: 1440px){.sucessPayment span.calledBack{font-size:8.8125rem}}@media screen and (max-width: 1280px){.sucessPayment span.calledBack{font-size:8.75rem}}@media screen and (max-width: 1025px){.sucessPayment span.calledBack{font-size:8.6875rem}}.sucessPayment span.calledBack{margin:25px 0px 35px}.sucessPayment .calledbackTxt{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.sucessPayment .calledbackTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.sucessPayment .calledbackTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.sucessPayment .calledbackTxt{font-size:.6875rem}}.sucessPayment .calledbackTxt{font-family:"Avenir-Medium"}[dir=rtl] .sucessPayment .calledbackTxt{font-family:"Almarai-Regular"}.sucessPayment .calledbackTxt{line-height:initial}.sucessPayment span.green{color:#62bd69;display:flex;justify-content:center;font-size:8.875rem}@media screen and (max-width: 1440px){.sucessPayment span.green{font-size:8.8125rem}}@media screen and (max-width: 1280px){.sucessPayment span.green{font-size:8.75rem}}@media screen and (max-width: 1025px){.sucessPayment span.green{font-size:8.6875rem}}.sucessPayment span.green{margin:25px 0px 35px}.sucessPayment span.red{color:#eb3223;display:flex;justify-content:center;font-size:8.875rem}@media screen and (max-width: 1440px){.sucessPayment span.red{font-size:8.8125rem}}@media screen and (max-width: 1280px){.sucessPayment span.red{font-size:8.75rem}}@media screen and (max-width: 1025px){.sucessPayment span.red{font-size:8.6875rem}}.sucessPayment span.red{margin:25px 0px 35px}.sucessPayment h4.payScheduleTxt{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.sucessPayment h4.payScheduleTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.sucessPayment h4.payScheduleTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.sucessPayment h4.payScheduleTxt{font-size:.6875rem}}.sucessPayment h4.payScheduleTxt{font-family:"Avenir-Medium"}[dir=rtl] .sucessPayment h4.payScheduleTxt{font-family:"Almarai-Regular"}.sucessPayment h4.payScheduleTxt{line-height:initial}.commentPayment{padding:40px;font-family:"Avenir-Medium"}[dir=rtl] .commentPayment{font-family:"Almarai-Regular"}.commentPayment h3{font-size:1.5625rem}@media screen and (max-width: 1440px){.commentPayment h3{font-size:1.5rem}}@media screen and (max-width: 1280px){.commentPayment h3{font-size:1.4375rem}}@media screen and (max-width: 1025px){.commentPayment h3{font-size:1.375rem}}.commentPayment h3{margin:0px 0px 26px;font-family:"Avenir-Heavy"}[dir=rtl] .commentPayment h3{font-family:"Almarai-Bold"}.commentPayment h3>span{float:right;color:#8994a5}.commentPayment h4{color:#8994a5;line-height:1.29}.commentPayment{display:flex;flex-direction:column}.commentPayment button{color:#fff;background-color:#eb3223;border:none;margin-top:25px}.commentPayment textarea{border-radius:4px;border:1px solid #dbe1e9;margin:10px 0px;padding:10px}.commentPayment .sendBtn{background-color:#5090f8}.paymentButtons .btn>i{font-size:1.1875rem}@media screen and (max-width: 1440px){.paymentButtons .btn>i{font-size:1.125rem}}@media screen and (max-width: 1280px){.paymentButtons .btn>i{font-size:1.0625rem}}@media screen and (max-width: 1025px){.paymentButtons .btn>i{font-size:1rem}}.transactions .sideNavBarTitle{color:#8994a5;margin-bottom:17px}.allUserProfileSideNav .sideNavWrapper .sideNavBar ul li.filterSideNavTitle{font-size:1rem}@media screen and (max-width: 1440px){.allUserProfileSideNav .sideNavWrapper .sideNavBar ul li.filterSideNavTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.allUserProfileSideNav .sideNavWrapper .sideNavBar ul li.filterSideNavTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.allUserProfileSideNav .sideNavWrapper .sideNavBar ul li.filterSideNavTitle{font-size:.8125rem}}.allUserProfileSideNav .sideNavWrapper .sideNavBar ul li.filterSideNavTitle{font-family:"Avenir-Heavy"}[dir=rtl] .allUserProfileSideNav .sideNavWrapper .sideNavBar ul li.filterSideNavTitle{font-family:"Almarai-Bold"}.allUserProfileSideNav .sideNavWrapper .sideNavBar ul li.filterSideNavTitle{color:#000001}.allUserSlct{width:71%;cursor:pointer}.w24{width:24%}.w33{width:33%}.calendar button.icon-calendar{border:1px solid #bfc7d0;padding:7px 7px;color:#8994a5;display:flex;font-size:1.25rem}@media screen and (max-width: 1440px){.calendar button.icon-calendar{font-size:1.1875rem}}@media screen and (max-width: 1280px){.calendar button.icon-calendar{font-size:1.125rem}}@media screen and (max-width: 1025px){.calendar button.icon-calendar{font-size:1.0625rem}}.calendar button.icon-calendar{border-radius:4px;background:none}.w100 .w24{margin-right:16px}.calendar .react-datepicker-popper{z-index:6}.react-datepicker{font-family:"Avenir-Medium"}[dir=rtl] .react-datepicker{font-family:"Almarai-Regular"}.react-datepicker{padding:25px 25px 9px 25px;border:1px solid #dbe1e9;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,1,.19)}.react-datepicker__month-container{padding:0 13px}.react-datepicker__header{background:none;border:0}.react-datepicker__navigation{top:34px !important}.react-datepicker__navigation--next{right:36px}.react-datepicker__navigation--previous{left:36px}.react-datepicker__day-names{margin:10px 0 0 0;font-family:"Avenir-Heavy"}[dir=rtl] .react-datepicker__day-names{font-family:"Almarai-Bold"}.react-datepicker__day-names{font-size:.75rem}@media screen and (max-width: 1440px){.react-datepicker__day-names{font-size:.6875rem}}@media screen and (max-width: 1280px){.react-datepicker__day-names{font-size:.625rem}}@media screen and (max-width: 1025px){.react-datepicker__day-names{font-size:.5625rem}}.react-datepicker__current-month{padding-top:10px;font-family:"Avenir-Medium"}[dir=rtl] .react-datepicker__current-month{font-family:"Almarai-Regular"}.react-datepicker__current-month{font-size:1rem}@media screen and (max-width: 1440px){.react-datepicker__current-month{font-size:.9375rem}}@media screen and (max-width: 1280px){.react-datepicker__current-month{font-size:.875rem}}@media screen and (max-width: 1025px){.react-datepicker__current-month{font-size:.8125rem}}.react-datepicker__current-month{color:#000001}.react-datepicker__day{color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.react-datepicker__day{font-size:.6875rem}}@media screen and (max-width: 1280px){.react-datepicker__day{font-size:.625rem}}@media screen and (max-width: 1025px){.react-datepicker__day{font-size:.5625rem}}.react-datepicker__day{margin:2px 0;border-radius:0}.react-datepicker__day--outside-month{visibility:hidden}.react-datepicker__day--keyboard-selected,.react-datepicker__day--keyboard-selected:hover{background:#2a345e;color:#fff;border-radius:0;height:27px;width:26px;border:0;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.react-datepicker__day--in-selecting-range{position:relative}.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-selecting-range:hover{background-color:#2a345e;opacity:.8;color:#fff;border-radius:0}.react-datepicker__day-name{margin:0}.multiTransactions{flex:.35}.multiTransactions.isDisableClr .allUserSlct.selectOptionFont [class*=-control]{border-color:#5090f8}.react-datepicker__day--selected,.react-datepicker__day--in-range{color:#fff}.btn.active{color:#fff;font-family:"Avenir-Medium"}[dir=rtl] .btn.active{font-family:"Almarai-Regular"}.btn.active{background-color:#395293;font-size:.875rem}@media screen and (max-width: 1440px){.btn.active{font-size:.8125rem}}@media screen and (max-width: 1280px){.btn.active{font-size:.75rem}}@media screen and (max-width: 1025px){.btn.active{font-size:.6875rem}}.btn.active{max-width:155px;width:100%;padding:10px 0}.btn.notActive{font-size:.875rem}@media screen and (max-width: 1440px){.btn.notActive{font-size:.8125rem}}@media screen and (max-width: 1280px){.btn.notActive{font-size:.75rem}}@media screen and (max-width: 1025px){.btn.notActive{font-size:.6875rem}}.btn.notActive{max-width:155px;font-family:"Avenir-Medium"}[dir=rtl] .btn.notActive{font-family:"Almarai-Regular"}.btn.notActive{background-color:#bfc7d0;color:#384150;padding:10px 0;width:100%}.sliderPopup .btn.active{font-size:.875rem}@media screen and (max-width: 1440px){.sliderPopup .btn.active{font-size:.8125rem}}@media screen and (max-width: 1280px){.sliderPopup .btn.active{font-size:.75rem}}@media screen and (max-width: 1025px){.sliderPopup .btn.active{font-size:.6875rem}}.sliderPopup .btn.active{min-width:136px;padding:11px 0;width:auto}.sliderPopup .btn.notActive{font-size:.875rem}@media screen and (max-width: 1440px){.sliderPopup .btn.notActive{font-size:.8125rem}}@media screen and (max-width: 1280px){.sliderPopup .btn.notActive{font-size:.75rem}}@media screen and (max-width: 1025px){.sliderPopup .btn.notActive{font-size:.6875rem}}.sliderPopup .btn.notActive{min-width:136px;padding:11px 0;width:auto}.clearDisable{color:#bfc7d0;font-family:"Avenir-Roman"}[dir=rtl] .clearDisable{font-family:"Almarai-Light"}.clearDisable{font-size:.875rem}@media screen and (max-width: 1440px){.clearDisable{font-size:.8125rem}}@media screen and (max-width: 1280px){.clearDisable{font-size:.75rem}}@media screen and (max-width: 1025px){.clearDisable{font-size:.6875rem}}.clearDisable{pointer-events:none;line-height:initial}.noRecordFound .errorMsgText{font-size:1.125rem}@media screen and (max-width: 1440px){.noRecordFound .errorMsgText{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noRecordFound .errorMsgText{font-size:1rem}}@media screen and (max-width: 1025px){.noRecordFound .errorMsgText{font-size:.9375rem}}.noRecordFound .errorMsgText{color:#dbe1e9;line-height:1.4;font-family:"Avenir-Roman"}[dir=rtl] .noRecordFound .errorMsgText{font-family:"Almarai-Light"}.noRecordFound .noDataYet{color:#384150;font-size:1.5rem}@media screen and (max-width: 1440px){.noRecordFound .noDataYet{font-size:1.4375rem}}@media screen and (max-width: 1280px){.noRecordFound .noDataYet{font-size:1.375rem}}@media screen and (max-width: 1025px){.noRecordFound .noDataYet{font-size:1.3125rem}}.noRecordFound .noDataYet{font-family:"Avenir-Heavy"}[dir=rtl] .noRecordFound .noDataYet{font-family:"Almarai-Bold"}.noRecordFound .noDataYet{padding-bottom:1rem;padding-top:.5rem}.noRecordFound .clickOnButton{color:#8994a5;font-size:1.125rem}@media screen and (max-width: 1440px){.noRecordFound .clickOnButton{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noRecordFound .clickOnButton{font-size:1rem}}@media screen and (max-width: 1025px){.noRecordFound .clickOnButton{font-size:.9375rem}}.noRecordFound .clickOnButton{line-height:1.4;font-family:"Avenir-Roman"}[dir=rtl] .noRecordFound .clickOnButton{font-family:"Almarai-Light"}.noRecordFound .errorTitle{font-size:1.5rem}@media screen and (max-width: 1440px){.noRecordFound .errorTitle{font-size:1.4375rem}}@media screen and (max-width: 1280px){.noRecordFound .errorTitle{font-size:1.375rem}}@media screen and (max-width: 1025px){.noRecordFound .errorTitle{font-size:1.3125rem}}.noRecordFound .errorTitle{font-family:"Avenir-Heavy"}[dir=rtl] .noRecordFound .errorTitle{font-family:"Almarai-Bold"}.noRecordFound .errorTitle{color:#384150}.noRecordFound .errorMessageTxt{font-size:1.125rem}@media screen and (max-width: 1440px){.noRecordFound .errorMessageTxt{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noRecordFound .errorMessageTxt{font-size:1rem}}@media screen and (max-width: 1025px){.noRecordFound .errorMessageTxt{font-size:.9375rem}}.noRecordFound .errorMessageTxt{font-family:"Avenir-Medium"}[dir=rtl] .noRecordFound .errorMessageTxt{font-family:"Almarai-Regular"}.noRecordFound .errorMessageTxt{color:#8994a5}.fileDownload{background-color:#f3f5fd;padding:1rem;border-radius:8px}.isFileDownload .fileDownload{margin-right:15px}.isFileDownload .fileDownload:last-child{margin-right:0}.fileDownload.fileActive{border-radius:8px;border:2px solid #5090f8}.stnmntDownload{text-align:center}.stnmntDownload .msgIcon{height:125px}.stmntDownloadMsg{font-family:"Avenir-Medium"}[dir=rtl] .stmntDownloadMsg{font-family:"Almarai-Regular"}.stmntDownloadMsg{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.stmntDownloadMsg{font-size:.8125rem}}@media screen and (max-width: 1280px){.stmntDownloadMsg{font-size:.75rem}}@media screen and (max-width: 1025px){.stmntDownloadMsg{font-size:.6875rem}}.stmntDownloadMsg{text-align:center;margin:0 auto;max-width:320px;display:block;padding-top:1.5rem;line-height:1.4}.downloadFail{color:#eb3223;display:flex;justify-content:center;font-size:8.875rem}@media screen and (max-width: 1440px){.downloadFail{font-size:8.8125rem}}@media screen and (max-width: 1280px){.downloadFail{font-size:8.75rem}}@media screen and (max-width: 1025px){.downloadFail{font-size:8.6875rem}}.downloadFail{margin:0}.transactionOverview .amountCurrency{font-size:1.375rem}@media screen and (max-width: 1440px){.transactionOverview .amountCurrency{font-size:1.3125rem}}@media screen and (max-width: 1280px){.transactionOverview .amountCurrency{font-size:1.25rem}}@media screen and (max-width: 1025px){.transactionOverview .amountCurrency{font-size:1.1875rem}}.transactionOverview .amountCurrency{font-family:"Avenir-Medium"}[dir=rtl] .transactionOverview .amountCurrency{font-family:"Almarai-Regular"}.transactionOverview .amountCurrency{color:#384150}.transactionOverview .amountCurrency span.currencyNo{font-family:"Avenir-Medium"}[dir=rtl] .transactionOverview .amountCurrency span.currencyNo{font-family:"Almarai-Regular"}.transactionOverview .amountCurrency span.amountNo{font-family:"Avenir-Medium"}[dir=rtl] .transactionOverview .amountCurrency span.amountNo{font-family:"Almarai-Regular"}@media print{.toggleInvoice{display:none !important}.paymentStatus{display:none !important}.overflow-auto{overflow:visible !important}.sliderPopupBody,.sliderPopupViewDetailsBody{overflow:visible !important}.mainDetails{max-height:none !important}.Cursor{display:none !important}}.bankAccNmFilter{background:#f3f5fd}.bankAccNmFilter .accNmList{padding:.4rem 1.5rem}.bankAccNmFilter .accNmList .accnmChkBox{background:#f3f5fd;top:-5px;border-color:#dbe1e9;opacity:.8}.bankAccNmFilter .accNmList .accnmChkBox:hover{border-color:#dbe1e9;opacity:1}.bankAccNmFilter .accNmList .accnmChkBox:after{border-color:#5090f8}.bankAccNmFilter .accNmList>label{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .bankAccNmFilter .accNmList>label{font-family:"Almarai-Regular"}.bankAccNmFilter .accNmList>label{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:250px;display:block;padding-top:6px}.bankAccNmFilter .accNmList:first-child{padding-top:1rem}.container .transactions .sideNavWrapper .bankAccNmFilter .accNmList:not(:first-child){padding-top:0}.container .transactions .sideNavWrapper .bankAccNmFilter .accNmList{margin-bottom:0px}.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-status-down-arrow{font-size:1.5625rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-status-down-arrow{font-size:1.5rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-status-down-arrow{font-size:1.4375rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-status-down-arrow{font-size:1.375rem}}.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-status-down-arrow{border:none;color:#5090f8;z-index:2}.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-cross-mark-filled{font-size:1.5625rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-cross-mark-filled{font-size:1.5rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-cross-mark-filled{font-size:1.4375rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-cross-mark-filled{font-size:1.375rem}}.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-cross-mark-filled{border:none;color:#eb3223}.transactionDetails .mainDetails .approval .subapproval .approvalIcon.icon-check-mark-filled{font-size:1.5625rem}@media screen and (max-width: 1440px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon.icon-check-mark-filled{font-size:1.5rem}}@media screen and (max-width: 1280px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon.icon-check-mark-filled{font-size:1.4375rem}}@media screen and (max-width: 1025px){.transactionDetails .mainDetails .approval .subapproval .approvalIcon.icon-check-mark-filled{font-size:1.375rem}}.wordWrap{word-break:break-all}.txnBankLogo{margin-right:0px;margin-top:0}.txnBoxDivider:before{content:"";border-right:2px solid #dbe1e9;margin-top:-18px;margin-right:12px;height:86px;display:inline-block}.txnTableCheck{width:4%}.txnTableDate{width:19%}.txnTableAccNum{width:22%}.txnTableRemitterId{width:30%}.txnTableAmount{width:25%}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableCheck{display:none}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate{padding-left:25px;position:static;flex-direction:row;width:23%}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .datePickerPosition{position:relative}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .datePickerPosition .icon-cross-mark-filled{top:10px;right:4px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .react-datepicker-wrapper{padding-right:5px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{border-radius:4px;color:#8994a5;font-size:1.125rem}@media screen and (max-width: 1440px){.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{font-size:1.0625rem}}@media screen and (max-width: 1280px){.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{font-size:1rem}}@media screen and (max-width: 1025px){.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{font-size:.9375rem}}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .react-datepicker-wrapper .react-datepicker__input-container .icon-calendar{background-color:#fff;border-bottom-right-radius:0;border-top-right-radius:0;min-height:34px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .table-input{width:100%;border-bottom-left-radius:0;border-top-left-radius:0;padding-top:8px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .icon-calendar.table-input{padding-right:7px;padding-top:7px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:15px !important}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th .icon-cross-mark-filled{top:21px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableAmount .table-input{text-align:right;padding-right:7px;padding-left:25px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableAmount .table-input::placeholder{text-align:right}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableAmount .icon-cross-mark-filled{left:14px;right:auto}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper{top:auto !important;transform:none !important;left:25px !important}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker__triangle{left:25px !important}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.txnTableCheck{padding-left:25px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.txnTableAmount{padding-right:25px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.txnTableDate{padding-left:16px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr{min-height:inherit}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td{cursor:pointer}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td .tableDataTitle,.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td .tableDataSubTitle{padding:.2rem 0}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor{cursor:initial;padding-left:16px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum{align-self:flex-start}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataTitle{font-family:"Avenir-Medium"}[dir=rtl] .TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataTitle{font-family:"Almarai-Regular"}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataTitle .dataTableTextTruncate{display:flex;align-items:center}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataTitle .dataTableTextTruncate .tableBankThumbnail{margin-right:8px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataTitle .dataTableTextTruncate .bankName{font-family:"Avenir-Heavy"}[dir=rtl] .TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataTitle .dataTableTextTruncate .bankName{font-family:"Almarai-Bold"}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataTitle .dataTableTextTruncate .bankName{position:relative;top:1px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataSubTitle{font-family:"Avenir-Heavy"}[dir=rtl] .TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataSubTitle{font-family:"Almarai-Bold"}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataSubTitle{color:#384150}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAccNum .tableDataSubTitle.subDataAcntNo{color:#8994a5}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAmount{padding-right:25px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAmount .amountCurrency .amountNo{color:#000001}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableAmount .amountCurrency .amountNo.credit{color:#62bd69}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableCheck{padding-left:25px;align-self:flex-start}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableCheck .checkBoxMiddle{margin-top:6px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableDate{padding-left:16px}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableDate .tableDataTitle{font-family:"Avenir-Medium"}[dir=rtl] .TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableDate .tableDataTitle{font-family:"Almarai-Regular"}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableRemitterId .tableDataTitle .refDesc .remitterId{font-family:"Avenir-Medium"}[dir=rtl] .TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableRemitterId .tableDataTitle .refDesc .remitterId{font-family:"Almarai-Regular"}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableRemitterId .tableDataTitle .refDesc .remitterId{color:#384150}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableRemitterId .tableDataTitle .refDesc .remitterId .accNum{font-family:"Avenir-Roman"}[dir=rtl] .TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableRemitterId .tableDataTitle .refDesc .remitterId .accNum{font-family:"Almarai-Light"}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableRemitterId .tableDataTitle .refDesc .remitterId .accNum{color:#8994a5}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableRemitterId .tableDataSubTitle{font-family:"Avenir-Roman"}[dir=rtl] .TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableRemitterId .tableDataSubTitle{font-family:"Almarai-Light"}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableRemitterId .tableDataSubTitle{color:#8994a5}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover{min-height:50px;align-items:flex-end}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.txnTableCheck{align-self:flex-end}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor{text-transform:uppercase;font-family:"Avenir-Medium"}[dir=rtl] .TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor{font-family:"Almarai-Regular"}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor{font-size:1rem}@media screen and (max-width: 1440px){.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor{font-size:.9375rem}}@media screen and (max-width: 1280px){.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor{font-size:.875rem}}@media screen and (max-width: 1025px){.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor{font-size:.8125rem}}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor{color:#384150}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor .date{color:#8994a5}
#companyInfo .modal>form>.formControl input,#signInSecurity .modal>form>.formControl input,#signInSecurity2 .modal>form>.formControl input,#roleManagement .modal>form>.formControl input,#workflowManagement .modal>form>.formControl input,#userManagement .modal>form>.formControl input,#accountActivity .modal>form>.formControl input,#dataPrivacy .modal>form>.formControl input,#communications .modal>form>.formControl input,#signIn .modal>form>.formControl input,#company .modal>form>.formControl input,.mainCreateNewUser .modal>form>.formControl input{border-radius:4px;height:36px;min-height:36px}.userBankAccounts .formCtrl{padding:16px 32px 0rem 44px}.userBankAccounts .formCtrl input{border-radius:4px;height:36px;min-height:36px;padding:13px}.userBankAccounts .formCtrl textarea{border-radius:4px}.userBankAccounts .formCtrl .errorMessage{margin-left:9.4rem;color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.userBankAccounts .formCtrl .errorMessage{font-size:.8125rem}}@media screen and (max-width: 1280px){.userBankAccounts .formCtrl .errorMessage{font-size:.75rem}}@media screen and (max-width: 1025px){.userBankAccounts .formCtrl .errorMessage{font-size:.6875rem}}.userBankAccounts .formCtrl .errorMessage{font-size:.875rem}@media screen and (max-width: 1440px){.userBankAccounts .formCtrl .errorMessage{font-size:.8125rem}}@media screen and (max-width: 1280px){.userBankAccounts .formCtrl .errorMessage{font-size:.75rem}}@media screen and (max-width: 1025px){.userBankAccounts .formCtrl .errorMessage{font-size:.6875rem}}.userBankAccounts .formCtrl .errorMessage{line-height:1.5;padding-top:5px}.userBankAccounts .bankFormCntrl{padding:16px 32px 16px 44px;border-bottom:1px solid #dbe1e9}.lastFourDigits{font-size:.875rem}@media screen and (max-width: 1440px){.lastFourDigits{font-size:.8125rem}}@media screen and (max-width: 1280px){.lastFourDigits{font-size:.75rem}}@media screen and (max-width: 1025px){.lastFourDigits{font-size:.6875rem}}.lastFourDigits{font-family:"Avenir-Roman"}[dir=rtl] .lastFourDigits{font-family:"Almarai-Light"}.lastFourDigits{color:#8994a5}.addAccountBtn{width:46%;margin-left:-2.5rem}.borderBtm{border-bottom:none !important}.content.addEditProfile [class*=corporate-] .addressCheckBox{float:left;clear:left;height:auto}.mainCreateNewUser .modal{position:relative}.mainCreateNewUser .modal .editSubTitle{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .mainCreateNewUser .modal .editSubTitle{font-family:"Almarai-Light"}.mainCreateNewUser .closeBtn{position:absolute;top:0;right:0;font-size:1.5rem}@media screen and (max-width: 1440px){.mainCreateNewUser .closeBtn{font-size:1.4375rem}}@media screen and (max-width: 1280px){.mainCreateNewUser .closeBtn{font-size:1.375rem}}@media screen and (max-width: 1025px){.mainCreateNewUser .closeBtn{font-size:1.3125rem}}.mainCreateNewUser .closeBtn{text-decoration:none;color:#8994a5;padding:0}#bankAccounts .modal>.formControl:not(last-child) input{border-radius:4px;height:36px}.bankAccountsName{display:flex;justify-content:space-between;padding:1rem 0}.bankNameAlign{margin-top:-14px;text-align:right}.bankCountClr,.workFlowForUsers{font-size:1rem}@media screen and (max-width: 1440px){.bankCountClr,.workFlowForUsers{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankCountClr,.workFlowForUsers{font-size:.875rem}}@media screen and (max-width: 1025px){.bankCountClr,.workFlowForUsers{font-size:.8125rem}}.bankCountClr,.workFlowForUsers{font-family:"Avenir-Heavy"}[dir=rtl] .bankCountClr,[dir=rtl] .workFlowForUsers{font-family:"Almarai-Bold"}.bankCountClr,.workFlowForUsers{color:#000001}.createRoleDarkText{font-size:1rem}@media screen and (max-width: 1440px){.createRoleDarkText{font-size:.9375rem}}@media screen and (max-width: 1280px){.createRoleDarkText{font-size:.875rem}}@media screen and (max-width: 1025px){.createRoleDarkText{font-size:.8125rem}}.createRoleDarkText{font-family:"Avenir-Roman"}[dir=rtl] .createRoleDarkText{font-family:"Almarai-Light"}.createRoleDarkText{color:#000001}#communications .modal .phnCommunication{display:inline-block;width:68%}.phnCommunicationWdth,.emailCommunication{max-width:447px;margin:auto;width:100%;padding:1rem 2rem}.CommunicationPadding{padding:1rem 2rem !important;margin-bottom:0rem}#signInSecurity .css-yk16xz-control,#signInSecurity2 .css-yk16xz-control{border-radius:4px 0px 0px 4px;border-right:none;border-color:#dbe1e9}#signInSecurity .css-yk16xz-control:hover,#signInSecurity2 .css-yk16xz-control:hover{border-color:#dbe1e9}.borderTop{border-top:1px solid #dbe1e9;margin-top:1rem}.inputBrdrColor{border:1px solid #dbe1e9}.alluserBtnRgt{display:flex;margin:20px 30px;justify-content:flex-end}.alluserBtnRgt button{max-height:45px}.addMoreUserLink>button{width:auto;padding:10px 15px}.inlineBtns{margin:15px 0;align-items:baseline}.inlineBtns .alluserBtnRgt{margin:0}.superRoleMngmt{padding:0 !important;border-bottom:none !important}.superRoleMngmt .roleManagement.p-02{padding:0}.superRoleMngmt .userManagement.p-02{padding:0}.allUserSlctWdth{width:50%;display:inline-block}.allUserSlctWdth>div{border:1px solid #dbe1e9}.allUserSlctWdth>div:hover{border:1px solid #dbe1e9}.phnSlctWidth{width:15%}.phnSlctWidth>div{min-height:36px !important;height:36px}.phnSlctWidth>div>div{padding:0}.phnSlctWidth>div>div div{margin:0;padding:0}.phnNmbrInputWdth{width:34.9%;border-radius:0px 4px 4px 0px !important;border-left:none !important;margin-left:0px !important}.securityBioMetric{color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .securityBioMetric{font-family:"Almarai-Light"}.securityBioMetric{font-size:1rem}@media screen and (max-width: 1440px){.securityBioMetric{font-size:.9375rem}}@media screen and (max-width: 1280px){.securityBioMetric{font-size:.875rem}}@media screen and (max-width: 1025px){.securityBioMetric{font-size:.8125rem}}.securityBioMetric{text-decoration:none}.securityBioMetric:hover{color:#5090f8}.phnBrdrBottom{border-bottom:1px solid #dbe1e9;width:81%}.emailCommunication{padding:24px 32px 24px 16px !important}.securityNote{font-size:.875rem}@media screen and (max-width: 1440px){.securityNote{font-size:.8125rem}}@media screen and (max-width: 1280px){.securityNote{font-size:.75rem}}@media screen and (max-width: 1025px){.securityNote{font-size:.6875rem}}.securityNote{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .securityNote{font-family:"Almarai-Light"}.securityNote{padding:21px 20px 0 43px}.close{float:right;cursor:pointer;font-size:1.4375rem}@media screen and (max-width: 1440px){.close{font-size:1.375rem}}@media screen and (max-width: 1280px){.close{font-size:1.3125rem}}@media screen and (max-width: 1025px){.close{font-size:1.25rem}}.close{font-weight:bold}.allUserProfileContent{flex:1 1;box-shadow:0 0px 0px 0px #bfc7d0,0 0px 0px 0px #bfc7d0,16px 5px 12px -16px rgba(191,199,208,.1),-14px 5px 12px -22px rgba(191,199,208,.1);min-height:65vh;width:100%}.addUserProfileLink{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.allUserProfileSideNav{flex:0 0 19%;position:relative}.allUserProfileWrapper{display:flex;flex-direction:row}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li{display:block}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a{font-size:.9375rem}}@media screen and (max-width: 1280px){.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a{font-size:.875rem}}@media screen and (max-width: 1025px){.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a{font-size:.8125rem}}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a{padding:.75rem 1.5rem;font-family:"Avenir-Roman"}[dir=rtl] .allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a{font-family:"Almarai-Light"}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a{display:block;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a:hover{font-family:"Avenir-Roman"}[dir=rtl] .allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a:hover{font-family:"Almarai-Light"}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a:hover{color:#384150;background-color:#cbdefd;transition:.5s all ease}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu{display:block;background-color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu{font-family:"Almarai-Light"}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu{color:#fff !important}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu>a{color:#fff;font-size:1rem}@media screen and (max-width: 1440px){.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu>a{font-size:.9375rem}}@media screen and (max-width: 1280px){.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu>a{font-size:.875rem}}@media screen and (max-width: 1025px){.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu>a{font-size:.8125rem}}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu>a:hover{background-color:#5090f8}.filterSideNavBarUP.globalFilterSideNav.deactive{top:85px}.breadCrumb1>ol li{color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .breadCrumb1>ol li{font-family:"Almarai-Light"}.breadCrumb1>ol li>a{color:#5090f8}.breadCrumb1>ol li>a:hover{text-decoration:underline}.breadCrumb1>ol li.mediumFontColor{color:#8994a5}.breadCrumb1>ol li:last-child>a{color:#8994a5}.breadCrumb1>ol li:last-child>a:hover{text-decoration:none}.breadCrumb1>ol li.breadcrumb-separator{color:#8994a5}.allUserEditBtn{float:right;clear:both;padding:0rem 2rem;margin-top:38px}.resetBtn{float:right;clear:both;margin-top:.3rem}.formControl input{padding:9px 13px;color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.formControl input{font-size:.8125rem}}@media screen and (max-width: 1280px){.formControl input{font-size:.75rem}}@media screen and (max-width: 1025px){.formControl input{font-size:.6875rem}}.formControl input{font-family:"Avenir-Roman"}[dir=rtl] .formControl input{font-family:"Almarai-Light"}.allUserPrflColor,.roleMangmntTbl tbody tr td:last-child a,.userMangmntTbl tbody tr td:last-child a,.allUserVerifiedMsg,.allUserBankName,.allUserScrty,.allUserPrflLicenceColor{font-size:1rem}@media screen and (max-width: 1440px){.allUserPrflColor,.roleMangmntTbl tbody tr td:last-child a,.userMangmntTbl tbody tr td:last-child a,.allUserVerifiedMsg,.allUserBankName,.allUserScrty,.allUserPrflLicenceColor{font-size:.9375rem}}@media screen and (max-width: 1280px){.allUserPrflColor,.roleMangmntTbl tbody tr td:last-child a,.userMangmntTbl tbody tr td:last-child a,.allUserVerifiedMsg,.allUserBankName,.allUserScrty,.allUserPrflLicenceColor{font-size:.875rem}}@media screen and (max-width: 1025px){.allUserPrflColor,.roleMangmntTbl tbody tr td:last-child a,.userMangmntTbl tbody tr td:last-child a,.allUserVerifiedMsg,.allUserBankName,.allUserScrty,.allUserPrflLicenceColor{font-size:.8125rem}}.allUserPrflColor,.roleMangmntTbl tbody tr td:last-child a,.userMangmntTbl tbody tr td:last-child a,.allUserVerifiedMsg,.allUserBankName,.allUserScrty,.allUserPrflLicenceColor{color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .allUserPrflColor,[dir=rtl] .roleMangmntTbl tbody tr td:last-child a,.roleMangmntTbl tbody tr td:last-child [dir=rtl] a,[dir=rtl] .userMangmntTbl tbody tr td:last-child a,.userMangmntTbl tbody tr td:last-child [dir=rtl] a,[dir=rtl] .allUserVerifiedMsg,[dir=rtl] .allUserBankName,[dir=rtl] .allUserScrty,[dir=rtl] .allUserPrflLicenceColor{font-family:"Almarai-Light"}.allUserPrflColor,.roleMangmntTbl tbody tr td:last-child a,.userMangmntTbl tbody tr td:last-child a,.allUserVerifiedMsg,.allUserBankName,.allUserScrty,.allUserPrflLicenceColor{text-decoration:none !important}.allUserPrflLicenceColor{color:#000001}.allUserScrty{color:#384150}.allUserVerifiedMsg,.allUserBankName{font-size:.875rem}@media screen and (max-width: 1440px){.allUserVerifiedMsg,.allUserBankName{font-size:.8125rem}}@media screen and (max-width: 1280px){.allUserVerifiedMsg,.allUserBankName{font-size:.75rem}}@media screen and (max-width: 1025px){.allUserVerifiedMsg,.allUserBankName{font-size:.6875rem}}.allUserVerifiedMsg,.allUserBankName{color:#62bd69}.allUserBankName{color:#8994a5}.allUserCloseBtn{padding:0rem 2rem !important}.disableUser{background-color:#f9c2bd}.disableUser td{text-decoration:line-through}.roleMangmntTbl>thead,.userMangmntTbl>thead{border-bottom:1px solid #dbe1e9}.roleMangmntTbl,.userMangmntTbl{width:100%}.roleMangmntTbl thead th,.userMangmntTbl thead th{padding:25px 0 25px 0;font-family:"Avenir-Medium"}[dir=rtl] .roleMangmntTbl thead th,[dir=rtl] .userMangmntTbl thead th{font-family:"Almarai-Regular"}.roleMangmntTbl thead th,.userMangmntTbl thead th{font-size:1rem}@media screen and (max-width: 1440px){.roleMangmntTbl thead th,.userMangmntTbl thead th{font-size:.9375rem}}@media screen and (max-width: 1280px){.roleMangmntTbl thead th,.userMangmntTbl thead th{font-size:.875rem}}@media screen and (max-width: 1025px){.roleMangmntTbl thead th,.userMangmntTbl thead th{font-size:.8125rem}}.roleMangmntTbl thead th,.userMangmntTbl thead th{color:#bfc7d0;vertical-align:middle;text-transform:lowercase}.roleMangmntTbl thead th::first-letter,.userMangmntTbl thead th::first-letter{text-transform:uppercase}.roleMangmntTbl tbody tr,.userMangmntTbl tbody tr{height:auto;border-bottom:1px solid #dbe1e9}.roleMangmntTbl tbody tr td,.userMangmntTbl tbody tr td{padding:24px 0px 24px 0px;font-family:"Avenir-Medium"}[dir=rtl] .roleMangmntTbl tbody tr td,[dir=rtl] .userMangmntTbl tbody tr td{font-family:"Almarai-Regular"}.roleMangmntTbl tbody tr td,.userMangmntTbl tbody tr td{font-size:1rem}@media screen and (max-width: 1440px){.roleMangmntTbl tbody tr td,.userMangmntTbl tbody tr td{font-size:.9375rem}}@media screen and (max-width: 1280px){.roleMangmntTbl tbody tr td,.userMangmntTbl tbody tr td{font-size:.875rem}}@media screen and (max-width: 1025px){.roleMangmntTbl tbody tr td,.userMangmntTbl tbody tr td{font-size:.8125rem}}.roleMangmntTbl tbody tr td,.userMangmntTbl tbody tr td{color:#384150;vertical-align:middle}.roleMangmntTbl tbody tr td span.isCompLogos img,.userMangmntTbl tbody tr td span.isCompLogos img{margin-right:5px;margin-bottom:5px}.roleMangmntTbl tbody tr td span.isCompLogos img:last-child,.userMangmntTbl tbody tr td span.isCompLogos img:last-child{margin-right:0}.roleMangmntTbl tbody tr td .isUserStatus .tableDataTitle,.userMangmntTbl tbody tr td .isUserStatus .tableDataTitle{font-size:1rem}@media screen and (max-width: 1440px){.roleMangmntTbl tbody tr td .isUserStatus .tableDataTitle,.userMangmntTbl tbody tr td .isUserStatus .tableDataTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.roleMangmntTbl tbody tr td .isUserStatus .tableDataTitle,.userMangmntTbl tbody tr td .isUserStatus .tableDataTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.roleMangmntTbl tbody tr td .isUserStatus .tableDataTitle,.userMangmntTbl tbody tr td .isUserStatus .tableDataTitle{font-size:.8125rem}}.roleMangmntTbl tbody tr td:first-child,.userMangmntTbl tbody tr td:first-child{font-family:"Avenir-Heavy"}[dir=rtl] .roleMangmntTbl tbody tr td:first-child,[dir=rtl] .userMangmntTbl tbody tr td:first-child{font-family:"Almarai-Bold"}.roleMangmntTbl tbody tr td:last-child a,.userMangmntTbl tbody tr td:last-child a{float:right;clear:both}.roleMangmntTbl tbody tr .notVerified,.userMangmntTbl tbody tr .notVerified{font-family:"Avenir-Heavy"}[dir=rtl] .roleMangmntTbl tbody tr .notVerified,[dir=rtl] .userMangmntTbl tbody tr .notVerified{font-family:"Almarai-Bold"}.roleMangmntTbl tbody tr .notVerified .isUserStatus .tableDataTitle,.userMangmntTbl tbody tr .notVerified .isUserStatus .tableDataTitle{color:#efc81f}.roleMangmntTbl tbody tr .notVerified .isUserStatus .tableDataTitle .icon-info-circle,.userMangmntTbl tbody tr .notVerified .isUserStatus .tableDataTitle .icon-info-circle{padding-right:5px}.roleMangmntTbl tbody tr:last-child,.userMangmntTbl tbody tr:last-child{border-bottom:none}.roleMangmntTbl button,.userMangmntTbl button{color:#5090f8;border:0;background:rgba(0,0,0,0);font-family:"Avenir-Roman"}[dir=rtl] .roleMangmntTbl button,[dir=rtl] .userMangmntTbl button{font-family:"Almarai-Light"}.roleMangmntTbl .dateNTime .tableDataTitle,.userMangmntTbl .dateNTime .tableDataTitle{font-family:"Avenir-Roman"}[dir=rtl] .roleMangmntTbl .dateNTime .tableDataTitle,[dir=rtl] .userMangmntTbl .dateNTime .tableDataTitle{font-family:"Almarai-Light"}a.allUserEditBtn.allUserPrflColor:hover,a.allUserEditBtn.allUserPrflLicenceColor:hover,a.allUserEditBtn.allUserScrty:hover,a.allUserEditBtn.allUserVerifiedMsg:hover,a.allUserEditBtn.allUserBankName:hover,.roleMangmntTbl tbody tr td:last-child a.allUserEditBtn:hover,.userMangmntTbl tbody tr td:last-child a.allUserEditBtn:hover{color:#5090f8}.workFlowPadding>div:nth-child(4){padding:5px 0rem !important}.workFlowPadding>div:nth-child(2),.workFlowPadding>div:nth-child(3){padding:5px 0rem !important;margin-left:-20px}.workFlowForUsers{width:40%}.workFlowHeader>.workFlowPadding>div{font-size:.75rem}@media screen and (max-width: 1440px){.workFlowHeader>.workFlowPadding>div{font-size:.6875rem}}@media screen and (max-width: 1280px){.workFlowHeader>.workFlowPadding>div{font-size:.625rem}}@media screen and (max-width: 1025px){.workFlowHeader>.workFlowPadding>div{font-size:.5625rem}}.workFlowHeader>.workFlowPadding>div{font-family:"Avenir-Medium"}[dir=rtl] .workFlowHeader>.workFlowPadding>div{font-family:"Almarai-Regular"}.workFlowHeader>.workFlowPadding>div{color:#8994a5}.workFlowHeader>.workFlowPadding>div:first-child{font-size:1rem}@media screen and (max-width: 1440px){.workFlowHeader>.workFlowPadding>div:first-child{font-size:.9375rem}}@media screen and (max-width: 1280px){.workFlowHeader>.workFlowPadding>div:first-child{font-size:.875rem}}@media screen and (max-width: 1025px){.workFlowHeader>.workFlowPadding>div:first-child{font-size:.8125rem}}.workFlowHeader>.workFlowPadding>div:first-child{font-family:"Avenir-Roman"}[dir=rtl] .workFlowHeader>.workFlowPadding>div:first-child{font-family:"Almarai-Light"}#allUserEditBtn .allUserEditBtn button.allUserPrflColor,#allUserEditBtn .allUserEditBtn button.allUserPrflLicenceColor,#allUserEditBtn .allUserEditBtn button.allUserScrty,#allUserEditBtn .allUserEditBtn button.allUserVerifiedMsg,#allUserEditBtn .allUserEditBtn button.allUserBankName{color:#5090f8 !important}.checkBoxWidth{width:10.5%}.inputWidth{width:30%}.workFlowleftBrdr{padding:0rem !important}.workFlowleftBrdr>div:first-child{padding:24px 0rem 24px 44px}.workFlowleftBrdr>div{padding:1rem 1rem}.wrkFlowPadding{padding:0rem !important}.iconRightMarkPadding{padding-right:.8rem}.mTop--15{margin-top:15px}.allIconPadding{padding-right:.5rem}.userMangmntAddMore{padding:24px 31px 24px 44px}.userMangmntAddMore.noBorder{border-bottom:1px solid #dbe1e9}.workFlowTable{align-items:center;border-top:1px solid #dbe1e9;padding:25px 0 25px 0;font-family:"Avenir-Medium"}[dir=rtl] .workFlowTable{font-family:"Almarai-Regular"}.workFlowTable{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.workFlowTable{font-size:.9375rem}}@media screen and (max-width: 1280px){.workFlowTable{font-size:.875rem}}@media screen and (max-width: 1025px){.workFlowTable{font-size:.8125rem}}.workFlowTable{position:relative}.workFlowTable>div:first-child{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.workFlowTable>div:first-child{font-size:.9375rem}}@media screen and (max-width: 1280px){.workFlowTable>div:first-child{font-size:.875rem}}@media screen and (max-width: 1025px){.workFlowTable>div:first-child{font-size:.8125rem}}.workFlowCheckBox [class*=icon-]{font-size:.625rem}@media screen and (max-width: 1280px){.workFlowCheckBox [class*=icon-]{font-size:.5625rem}}.workFlowCheckBox [class*=icon-]{margin-right:5px;margin-top:2px}.workFlowCheckBox span,.workFlowCheckBox label{font-size:.875rem}@media screen and (max-width: 1440px){.workFlowCheckBox span,.workFlowCheckBox label{font-size:.8125rem}}@media screen and (max-width: 1280px){.workFlowCheckBox span,.workFlowCheckBox label{font-size:.75rem}}@media screen and (max-width: 1025px){.workFlowCheckBox span,.workFlowCheckBox label{font-size:.6875rem}}.workFlowCheckBox span,.workFlowCheckBox label{align-items:center;display:flex}.workFlowCheckBox.chooseAll{position:absolute;right:13px}.subRole{margin-bottom:20px}.subRole>div:first-child{width:38%;color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .subRole>div:first-child{font-family:"Almarai-Light"}.subRole>div:first-child{font-size:.875rem}@media screen and (max-width: 1440px){.subRole>div:first-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.subRole>div:first-child{font-size:.75rem}}@media screen and (max-width: 1025px){.subRole>div:first-child{font-size:.6875rem}}.subRole input[type=checkbox]{width:18px;height:17px}.subRole input[type=checkbox]:not(.switch):after{top:0px;left:6px}.workFlowCheckBox input{border:1px solid #bfc7d0}.optionalLabel{color:#8994a5}.molCorpIdOptional .molOptionalLable{display:block}.companyClearBtn{position:absolute;right:14px;top:13px}.roleNameField{width:60%;display:inline-block;position:relative}.roleNameField .filterList{border-radius:4px;position:absolute;width:100%;max-height:500px;z-index:2}.roleNameField .filterList li{color:#fff;background-color:#384150}.roleNameField .filterList li:hover{background-color:#8994a5}.roleNameField .filterList li:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.roleNameField .filterList li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.buttnColor{font-size:1rem}@media screen and (max-width: 1440px){.buttnColor{font-size:.9375rem}}@media screen and (max-width: 1280px){.buttnColor{font-size:.875rem}}@media screen and (max-width: 1025px){.buttnColor{font-size:.8125rem}}.buttnColor{color:#5090f8 !important;font-family:"Avenir-Roman"}[dir=rtl] .buttnColor{font-family:"Almarai-Light"}.buttnColor{text-decoration:none !important}div.errorMessage:empty,.removeEmpty:empty,.company-work:empty,.errorLabel:empty,.attachmentMedia:empty{display:none}.corporateUser .userIdWidth,.addEditProfile .userIdWidth{width:auto;position:relative}.addEditProfile .formControl,.corporateUser .formControl{border-bottom:1px solid #dbe1e9;padding:26px 45px 24px 45px;margin-bottom:0}.addEditProfile .formControl:last-child{border-bottom:0}.corporateUser .defaultTextBox{border-radius:4px;width:100%}.addEditProfile [class*=corporate-]>.inActive{opacity:.4;cursor:not-allowed}.addEditProfile [class*=corporate-]>.inActive>.modal{pointer-events:none}.addEditProfile .userIdWidth,.clientInfoInput .userIdWidth{flex:.8}.addEditProfile .userIdWidth.phoneFontSize{font-size:.875rem}@media screen and (max-width: 1440px){.addEditProfile .userIdWidth.phoneFontSize{font-size:.8125rem}}@media screen and (max-width: 1280px){.addEditProfile .userIdWidth.phoneFontSize{font-size:.75rem}}@media screen and (max-width: 1025px){.addEditProfile .userIdWidth.phoneFontSize{font-size:.6875rem}}.countryCodeFont{color:#384150}.content [class*=corporate-]{border:1px solid #dbe1e9;margin-bottom:40px;padding:0;border-bottom:0}.content [class*=corporate-] .formControl .editTitle{font-size:1.375rem}@media screen and (max-width: 1440px){.content [class*=corporate-] .formControl .editTitle{font-size:1.3125rem}}@media screen and (max-width: 1280px){.content [class*=corporate-] .formControl .editTitle{font-size:1.25rem}}@media screen and (max-width: 1025px){.content [class*=corporate-] .formControl .editTitle{font-size:1.1875rem}}.allUserLabelWdth{flex:.25;font-size:1rem}@media screen and (max-width: 1440px){.allUserLabelWdth{font-size:.9375rem}}@media screen and (max-width: 1280px){.allUserLabelWdth{font-size:.875rem}}@media screen and (max-width: 1025px){.allUserLabelWdth{font-size:.8125rem}}.allUserLabelWdth{font-family:"Avenir-Heavy"}[dir=rtl] .allUserLabelWdth{font-family:"Almarai-Bold"}.allUserLabelWdth{line-height:initial}.userIdWidth{margin-right:auto;flex:.32;font-family:"Avenir-Roman"}[dir=rtl] .userIdWidth{font-family:"Almarai-Light"}.userIdWidth{font-size:1rem}@media screen and (max-width: 1440px){.userIdWidth{font-size:.9375rem}}@media screen and (max-width: 1280px){.userIdWidth{font-size:.875rem}}@media screen and (max-width: 1025px){.userIdWidth{font-size:.8125rem}}.userIdWidth{color:#384150}.customPassword .userIdWidth{position:relative;top:3px}.editOpen{display:flex;flex-direction:column;flex:.5;margin-right:auto}.editCollapsed .allUserLabelWdth{align-self:flex-start}.editOpen label{display:block;margin-bottom:10px;padding:0}.editingActive{position:relative}.editingActive::before{content:"";width:5px;position:absolute;left:0;top:0;background:#eb8b2d;height:100%}.editingActive .allUserLabelWdth,.editingActive .editClose{-webkit-align-self:baseline;-moz-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.editClose{flex:.1}.selfAlign{-webkit-align-self:baseline;-moz-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.content .formControl input[type=text]{width:100%}.content .section{position:relative;margin-bottom:1.3rem}.content [class*=corporate-] .errorMessage{position:absolute;bottom:-20px;line-height:normal}.wrapper .content .userBankAccounts .section.mb-2 .errorMessage{position:static}.phoneNoRow{display:flex}.phoneNoRow>.reactSelect{flex:50%;margin-right:0}.phoneNoRow>.reactSelect>[class*=css-]{border-right:0;border-color:#dbe1e9;border-top-right-radius:0;border-bottom-right-radius:0;width:130px}.phoneNoRow .defaultTextBox{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .phoneNoRow .defaultTextBox{font-family:"Almarai-Light"}.phoneNoRow .defaultTextBox{font-size:.875rem}@media screen and (max-width: 1440px){.phoneNoRow .defaultTextBox{font-size:.8125rem}}@media screen and (max-width: 1280px){.phoneNoRow .defaultTextBox{font-size:.75rem}}@media screen and (max-width: 1025px){.phoneNoRow .defaultTextBox{font-size:.6875rem}}.userIdWidth.inLine>.twoStepAuthen{margin:0;position:absolute;left:0;top:7px}.userIdWidth.inLine{position:relative}.twStep{align-items:center}.userIdWidth.inLine .react-switch{left:40px}.userIdWidth.customPassword{padding-left:11px}.selectOptionFont [class*=-singleValue]{font-size:.875rem}@media screen and (max-width: 1440px){.selectOptionFont [class*=-singleValue]{font-size:.8125rem}}@media screen and (max-width: 1280px){.selectOptionFont [class*=-singleValue]{font-size:.75rem}}@media screen and (max-width: 1025px){.selectOptionFont [class*=-singleValue]{font-size:.6875rem}}.selectOptionFont [class*=-singleValue]{font-family:"Avenir-Roman"}[dir=rtl] .selectOptionFont [class*=-singleValue]{font-family:"Almarai-Light"}.selectOptionFont [class*=-singleValue]{color:#384150}.editOpen textarea{width:100%;border-color:#dbe1e9;border-radius:4px;padding:10px}.userIdWidth.phoneCommunication>span{color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .userIdWidth.phoneCommunication>span{font-family:"Almarai-Light"}.textSection{display:flex;justify-content:space-between;align-items:center}.phoneSwitch{position:relative}.phoneSwitch .userWidth.inLine{position:absolute;right:25px}.phoneSwitch p{font-size:.875rem}@media screen and (max-width: 1440px){.phoneSwitch p{font-size:.8125rem}}@media screen and (max-width: 1280px){.phoneSwitch p{font-size:.75rem}}@media screen and (max-width: 1025px){.phoneSwitch p{font-size:.6875rem}}.phoneSwitch p{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .phoneSwitch p{font-family:"Almarai-Light"}.phoneSwitch p{line-height:20px;width:400px}.userIdWidth.phoneCommunication{flex:.8;margin-left:auto}.userIdWidth.phoneCommunication>span.communicate{position:relative;margin-bottom:30px;display:block}.userIdWidth.phoneCommunication>span.communicate:after{content:"";position:absolute;width:100%;height:1.5px;background:#dbe1e9;left:0;bottom:-16px}.borderBottom{border-bottom:1px solid #dbe1e9}.addEditProfile .inputWidth{width:40%;position:relative}.removeProfileValues .formControl{padding:0;border:none}.addEditProfile .defaultTextBox{border-radius:4px}.limitedWidth .selectOptionFont,.content .formControl .limitedWidth input{width:350px}.addEditProfile input,.clientInfoInput input{border:1px solid #dbe1e9;border-radius:4px}.content.addEditProfile [class*=corporate-]{border-bottom:1px solid #dbe1e9}.addEditProfile .inputWidth>label{display:block;margin-bottom:10px;font-size:.875rem}@media screen and (max-width: 1440px){.addEditProfile .inputWidth>label{font-size:.8125rem}}@media screen and (max-width: 1280px){.addEditProfile .inputWidth>label{font-size:.75rem}}@media screen and (max-width: 1025px){.addEditProfile .inputWidth>label{font-size:.6875rem}}.addEditProfile .userEdit .isFlex{align-items:center}.addEditProfile [class*=corporate-]{position:relative}[class*=corporate-] .allUserEditBtn{position:absolute;right:20px;padding:10px}.phoneNoRow .reactSelect.noFlex{flex:0}.addEditProfile .formField.defaultStyle{border-top-left-radius:0;height:auto;width:220px;border-bottom-left-radius:0}.formControl.noBorder{border-bottom:0 !important}.securityFlex{display:flex;justify-content:space-around;padding:20px 0;align-items:center}.securityFlex .alluserBtnRgt{margin:0}.securityFlex .securityNote{padding:0}.phnWidth{width:45%}.phnSelect{width:23%}.formControl.lessPadding{padding-bottom:12px;border:0}.deviceBrowser{display:flex;margin-bottom:15px}.editOpen.accountActivity{flex:.7}.editOpen.accountActivity .section{border-bottom:1px solid #dbe1e9;padding-bottom:10px}.statusDate{font-family:"Avenir-Roman"}[dir=rtl] .statusDate{font-family:"Almarai-Light"}.statusDate{font-size:.875rem}@media screen and (max-width: 1440px){.statusDate{font-size:.8125rem}}@media screen and (max-width: 1280px){.statusDate{font-size:.75rem}}@media screen and (max-width: 1025px){.statusDate{font-size:.6875rem}}.statusDate{color:#8994a5}.statusDate .dateTime{padding-left:5px}.deviceName{font-family:"Avenir-Roman"}[dir=rtl] .deviceName{font-family:"Almarai-Light"}.deviceName{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.deviceName{font-size:.9375rem}}@media screen and (max-width: 1280px){.deviceName{font-size:.875rem}}@media screen and (max-width: 1025px){.deviceName{font-size:.8125rem}}.deviceName{padding-left:25px;position:relative}.deviceName::before{content:"";font-family:"icomoon" !important;color:#8994a5;position:absolute;left:0;font-size:.875rem}@media screen and (max-width: 1440px){.deviceName::before{font-size:.8125rem}}@media screen and (max-width: 1280px){.deviceName::before{font-size:.75rem}}@media screen and (max-width: 1025px){.deviceName::before{font-size:.6875rem}}.btnPrevNext{margin-top:10px;position:relative}.btnPrevNext button{font-family:"Avenir-Roman"}[dir=rtl] .btnPrevNext button{font-family:"Almarai-Light"}.btnPrevNext button{font-size:1rem}@media screen and (max-width: 1440px){.btnPrevNext button{font-size:.9375rem}}@media screen and (max-width: 1280px){.btnPrevNext button{font-size:.875rem}}@media screen and (max-width: 1025px){.btnPrevNext button{font-size:.8125rem}}.btnPrevNext button{border:0;color:#5090f8;background:none;padding:0;text-transform:uppercase}.btnPrevNext button.disabled{color:#bfc7d0;pointer-events:none;cursor:not-allowed}.btnPrevNext button .icon{font-size:.8125rem}@media screen and (max-width: 1440px){.btnPrevNext button .icon{font-size:.75rem}}@media screen and (max-width: 1280px){.btnPrevNext button .icon{font-size:.6875rem}}@media screen and (max-width: 1025px){.btnPrevNext button .icon{font-size:.625rem}}.btnPrevNext button.prev .icon{padding-right:25px}.btnPrevNext button.next .icon{padding-left:13px}.btnPrevNext button.prev .icon:before{transform:rotate(180deg);position:absolute;left:0;top:3px}.userBankAccounts li.sideNavBarTitle{background:none;padding:0;margin-bottom:20px;color:#bfc7d0}.userIdWidth.arEn{flex:.75}.features-text{color:#bfc7d0;font-size:1rem}@media screen and (max-width: 1440px){.features-text{font-size:.9375rem}}@media screen and (max-width: 1280px){.features-text{font-size:.875rem}}@media screen and (max-width: 1025px){.features-text{font-size:.8125rem}}.features-text{font-family:"Avenir-Medium"}[dir=rtl] .features-text{font-family:"Almarai-Regular"}.features-text>span{padding:20px 0;flex:.4}.workFlowTable>span{flex:.4}.workFlowTable.subRole{border-top:0;padding:0;font-size:.875rem}@media screen and (max-width: 1440px){.workFlowTable.subRole{font-size:.8125rem}}@media screen and (max-width: 1280px){.workFlowTable.subRole{font-size:.75rem}}@media screen and (max-width: 1025px){.workFlowTable.subRole{font-size:.6875rem}}.workFlowTable.subRole>span{position:relative;left:20px}.workFlowCheckBox .transcationTooltip{visibility:hidden;opacity:0;z-index:999;position:relative;-webkit-transition:0.4s;transition:0.4s;-moz-transition:0.4s}.workFlowCheckBox .transcationTooltip .bottom{z-index:99;max-width:190px;width:190px;padding:0 15px;top:3px;left:-14px}.workFlowCheckBox .transcationTooltip .bottom .tooltipHeader{font-size:1rem}@media screen and (max-width: 1440px){.workFlowCheckBox .transcationTooltip .bottom .tooltipHeader{font-size:.9375rem}}@media screen and (max-width: 1280px){.workFlowCheckBox .transcationTooltip .bottom .tooltipHeader{font-size:.875rem}}@media screen and (max-width: 1025px){.workFlowCheckBox .transcationTooltip .bottom .tooltipHeader{font-size:.8125rem}}.workFlowCheckBox .transcationTooltip .bottom .tooltipHeader{font-family:"Avenir-Heavy"}[dir=rtl] .workFlowCheckBox .transcationTooltip .bottom .tooltipHeader{font-family:"Almarai-Bold"}.workFlowCheckBox .transcationTooltip .bottom .tooltipHeader{border-bottom:1px solid #dbe1e9;padding:15px 0;margin-bottom:15px}.workFlowCheckBox .transcationTooltip .tooltipBody .user{margin-bottom:11px}.reviewers{flex:.5}.blankElement{flex:.1}.company-work{display:flex;align-items:center;border-bottom:1px solid #dbe1e9;padding:10px 0 20px 0;justify-content:center}.company-work>label{flex:.2}.company-work .selectOptionFont{flex:.35;margin-right:auto}.WorkLabel{flex:1;font-size:1rem}@media screen and (max-width: 1440px){.WorkLabel{font-size:.9375rem}}@media screen and (max-width: 1280px){.WorkLabel{font-size:.875rem}}@media screen and (max-width: 1025px){.WorkLabel{font-size:.8125rem}}.WorkLabel{display:flex;align-items:center}.WorkLabel .allUserLabelWdth{color:#384150;flex:none;padding-right:10px;font-family:"Avenir-Heavy"}[dir=rtl] .WorkLabel .allUserLabelWdth{font-family:"Almarai-Bold"}.RoleLabelWdth{flex:.23;font-size:1rem}@media screen and (max-width: 1440px){.RoleLabelWdth{font-size:.9375rem}}@media screen and (max-width: 1280px){.RoleLabelWdth{font-size:.875rem}}@media screen and (max-width: 1025px){.RoleLabelWdth{font-size:.8125rem}}.RoleLabelWdth{font-family:"Avenir-Medium"}[dir=rtl] .RoleLabelWdth{font-family:"Almarai-Regular"}.RoleLabelWdth{color:#384150}.select-box{margin-left:45px;width:50%}.createBtn,.createBtn.createBtnRole{padding:10px 18px;background-color:#5090f8;color:#fff;border:1px solid #5090f8;border-radius:4px;font-size:1rem}@media screen and (max-width: 1440px){.createBtn,.createBtn.createBtnRole{font-size:.9375rem}}@media screen and (max-width: 1280px){.createBtn,.createBtn.createBtnRole{font-size:.875rem}}@media screen and (max-width: 1025px){.createBtn,.createBtn.createBtnRole{font-size:.8125rem}}.createBtn,.createBtn.createBtnRole{font-family:"Avenir-Heavy"}[dir=rtl] .createBtn{font-family:"Almarai-Bold"}.createBtn,.createBtn.createBtnRole{-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.createBtn:hover{background:#96bcfb;color:#fff;border:1px solid #96bcfb}.createBtn.createBtnRole{color:#fff;border:1px solid #5090f8;background:#5090f8}.createBtn.newCreateBtn{border:1px solid #5090f8;background:#fff;color:#5090f8;min-width:116px}.createBtn.newCreateBtn:hover{border:1px solid #5090f8;background:#5090f8;color:#fff}.amountSelection{display:flex;justify-content:flex-start;margin-top:10px}.amountRange{width:141px}.workFlowManagement .allUserEditBtn{margin-top:0}.alignCenter{align-items:center}[class*=corporate-] .userMangmntTbl tbody td,[class*=corporate-] .userMangmntTbl thead th,[class*=corporate-] .roleMangmntTbl tbody td,[class*=corporate-] .roleMangmntTbl thead th{padding-left:45px;font-size:1rem}@media screen and (max-width: 1440px){[class*=corporate-] .userMangmntTbl tbody td,[class*=corporate-] .userMangmntTbl thead th,[class*=corporate-] .roleMangmntTbl tbody td,[class*=corporate-] .roleMangmntTbl thead th{font-size:.9375rem}}@media screen and (max-width: 1280px){[class*=corporate-] .userMangmntTbl tbody td,[class*=corporate-] .userMangmntTbl thead th,[class*=corporate-] .roleMangmntTbl tbody td,[class*=corporate-] .roleMangmntTbl thead th{font-size:.875rem}}@media screen and (max-width: 1025px){[class*=corporate-] .userMangmntTbl tbody td,[class*=corporate-] .userMangmntTbl thead th,[class*=corporate-] .roleMangmntTbl tbody td,[class*=corporate-] .roleMangmntTbl thead th{font-size:.8125rem}}[class*=corporate-] .userMangmntTbl tbody td,[class*=corporate-] .userMangmntTbl thead th,[class*=corporate-] .roleMangmntTbl tbody td,[class*=corporate-] .roleMangmntTbl thead th{padding-right:45px}.workFlowShade{background-image:linear-gradient(to right, #ffffff, #dbe1e9);padding:18px 0;margin:20px 0;border-top-right-radius:4px;border-bottom-right-radius:4px;align-items:center}.workFlowTable.amountLimit.wrkflwNopad{padding:0}.wrkflwNopad .icon-Close-fill{position:absolute;right:-6px;top:12px;cursor:pointer}.corporate-workflowManagement .brdrTop.p-02{padding:0}.css-1hwfws3{padding:0px 8px !important}.css-1g6gooi{margin:0 !important}.supprotSwitch{position:relative}.userSupport{position:absolute;left:0}.bodyContainer .userManagement .inlineButton .WorkLabel .createBtn,.bodyContainer .roleManagement .inlineButton .company-work .createBtn{top:20px}.bodyContainer .roleBasedFlex .workFlowManagement .company-work{padding-left:32px;padding-right:32px}.allUserProfileSearch .searchBox .inpGroup .inpBlock .formField{width:220px}.errMessage{color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.errMessage{font-size:.8125rem}}@media screen and (max-width: 1280px){.errMessage{font-size:.75rem}}@media screen and (max-width: 1025px){.errMessage{font-size:.6875rem}}.errMessage{line-height:1.5;padding-top:5px}.userIdWidth.isCallBackUrl{flex:.6;line-height:initial}.userIdWidth.isCallBackUrl .commercial-Mol{display:flex;justify-content:space-between}.userIdWidth.isCallBackUrl .commercial-Mol .commercialBlock{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.875rem}@media screen and (max-width: 1440px){.userIdWidth.isCallBackUrl .commercial-Mol .commercialBlock{font-size:.8125rem}}@media screen and (max-width: 1280px){.userIdWidth.isCallBackUrl .commercial-Mol .commercialBlock{font-size:.75rem}}@media screen and (max-width: 1025px){.userIdWidth.isCallBackUrl .commercial-Mol .commercialBlock{font-size:.6875rem}}.userIdWidth.isCallBackUrl .commercial-Mol .commercialBlock .commercialHead{color:#384150;padding-bottom:15px}.userIdWidth.isCallBackUrl .commercial-Mol .commercialBlock .commercialData{color:#000001}.userIdWidth.isCallBackUrl .commercial-Mol .molBlock{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.875rem}@media screen and (max-width: 1440px){.userIdWidth.isCallBackUrl .commercial-Mol .molBlock{font-size:.8125rem}}@media screen and (max-width: 1280px){.userIdWidth.isCallBackUrl .commercial-Mol .molBlock{font-size:.75rem}}@media screen and (max-width: 1025px){.userIdWidth.isCallBackUrl .commercial-Mol .molBlock{font-size:.6875rem}}.userIdWidth.isCallBackUrl .commercial-Mol .molBlock .molHead{color:#384150;padding-bottom:15px}.userIdWidth.isCallBackUrl .commercial-Mol .molBlock .molData{color:#000001}.optionalHead{font-size:.875rem}@media screen and (max-width: 1440px){.optionalHead{font-size:.8125rem}}@media screen and (max-width: 1280px){.optionalHead{font-size:.75rem}}@media screen and (max-width: 1025px){.optionalHead{font-size:.6875rem}}.optionalHead .optional{color:#bfc7d0}.alignItem{align-items:baseline}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems{flex:.8}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo{font-family:"Avenir-Medium"}[dir=rtl] .roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo{font-family:"Almarai-Regular"}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo{font-size:.875rem}@media screen and (max-width: 1440px){.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo{font-size:.8125rem}}@media screen and (max-width: 1280px){.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo{font-size:.75rem}}@media screen and (max-width: 1025px){.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo{font-size:.6875rem}}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo{color:#384150;padding-left:30px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo span{width:300px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;vertical-align:bottom}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo.isColorOrange{color:#eb8b2d}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .reviewers{flex:.43}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .reviewers .workFlowCheckBox.isUpdated .icon-right-mark,.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .reviewers .workFlowCheckBox.isUpdated .icon-new-close-icon{color:#eb8b2d}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .reviewers .workFlowCheckBox.isUpdated span{color:#eb8b2d}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .reviewers .workFlowCheckBox .icon-new-close-icon{color:#5090f8}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .reviewers.roleBaseReviewers{flex:.7;justify-content:space-around}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .upperCareText.isWorkFlowItems{color:#bfc7d0}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .blankElement .icon-dots{color:#5090f8;margin-left:20px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .blankElement .transcationTooltip .bottom{margin-left:-64px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable.subRole .isWorkFlowItems{font-family:"Avenir-Roman"}[dir=rtl] .roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable.subRole .isWorkFlowItems{font-family:"Almarai-Light"}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .isUpdatedBy{font-family:"Avenir-Roman"}[dir=rtl] .roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .isUpdatedBy{font-family:"Almarai-Light"}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .isUpdatedBy{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .isUpdatedBy{font-size:.8125rem}}@media screen and (max-width: 1280px){.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .isUpdatedBy{font-size:.75rem}}@media screen and (max-width: 1025px){.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .isUpdatedBy{font-size:.6875rem}}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .isUpdatedBy{padding-bottom:20px;padding-left:32px;padding-right:32px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem .isPendingWorkFlowContainer .features-text.workFlowTable{padding-left:32px;padding-right:32px;border-top:4px solid #dbe1e9}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem .isPendingWorkFlowContainer .workFlowTable.amountLimit{margin-left:32px;margin-right:32px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem .isPendingWorkFlowContainer .isUpdatedBy{padding-left:0;padding-right:0}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem .isWorkFlowShowDifference{border-top:4px solid #dbe1e9}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem .isWorkFlowShowDifference:first-child{border-top:1px solid #dbe1e9}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .features-text{padding-left:32px;padding-right:32px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .features-text>span{flex:.7}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .blankElement .workFlowCheckBox.isUpdated .icon-right-mark,.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .blankElement .workFlowCheckBox.isUpdated .icon-new-close-icon{color:#eb8b2d}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .blankElement .workFlowCheckBox.isUpdated span{color:#eb8b2d}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .icon-dots{color:#5090f8}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .transcationTooltip .bottom{margin-left:-64px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .workFlowTable .isWorkFlowItems{flex:.6}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .isStatusDots{min-width:16px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .isRequestCancelDivider{border-top:1px solid #dbe1e9;padding-top:20px;margin-left:32px;margin-right:32px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .isRequestCancelDivider .isUpdatedBy{padding-left:0}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr .isRequestCancelDivider .isApprovalStatus .isDualAdminComments{padding-right:0}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr.isHistory .workFlowTable.amountLimit .reviewers{flex:.44}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr.isHistory .workFlowTable.amountLimit .transcationTooltip .bottom{margin-left:-84px}.roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .approvalTable.workFlowHeader.isDualAdminWorkFlowItem.isDualAdminWorkFlowHeadr.isHistory .isDualAdminComments .transcationTooltip .bottom{margin-left:-112px}.formControl.isApprovalNote{font-family:"Avenir-Medium"}[dir=rtl] .formControl.isApprovalNote{font-family:"Almarai-Regular"}.formControl.isApprovalNote{font-size:.875rem}@media screen and (max-width: 1440px){.formControl.isApprovalNote{font-size:.8125rem}}@media screen and (max-width: 1280px){.formControl.isApprovalNote{font-size:.75rem}}@media screen and (max-width: 1025px){.formControl.isApprovalNote{font-size:.6875rem}}.formControl.isApprovalNote{line-height:initial;color:#8994a5}.formControl.isApprovalNote .isNote{font-family:"Avenir-Heavy"}[dir=rtl] .formControl.isApprovalNote .isNote{font-family:"Almarai-Bold"}.formControl.isApprovalNote .isNote{color:#384150}.formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState{flex:.8}.formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState .mandateTxt{margin-top:1rem;color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState .mandateTxt{font-family:"Almarai-Regular"}.formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState .mandateTxt{font-size:.875rem}@media screen and (max-width: 1440px){.formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState .mandateTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState .mandateTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState .mandateTxt{font-size:.6875rem}}.formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState .mandateTxt{line-height:initial}.formControl.isDualAdminApprovalMandate .userIdWidth.isEditState{flex:.95}.formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .isEditStateFlex .limitedWidth .selectOptionFont{width:320px}.formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .isEditStateFlex .appovalMandateLable{flex:1}.formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .mandateTxt{margin-top:1rem;color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .mandateTxt{font-family:"Almarai-Regular"}.formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .mandateTxt{font-size:.875rem}@media screen and (max-width: 1440px){.formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .mandateTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .mandateTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .mandateTxt{font-size:.6875rem}}.formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .mandateTxt{line-height:initial}.formControl.isDualAdminApprovalMandate .isDualAdminEditStateInner{display:flex;flex-direction:row}.formControl.isDualAdminApprovalMandate.isApprovalMandate .userIdWidth{flex:.95}.formControl.isDualAdminApprovalMandate.isApprovalMandate .userIdWidth .isEditStateFlex .appovalMandateLable{flex:1}.formControl.isDualAdminApprovalMandate.isApprovalMandate .userIdWidth .mandateTxt{margin-top:.5rem;color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .formControl.isDualAdminApprovalMandate.isApprovalMandate .userIdWidth .mandateTxt{font-family:"Almarai-Light"}.isWorkFlowShowDifference{border-top:1px solid #dbe1e9}.isWorkFlowShowDifference .isPendingWorkFlowContainer .workFlowTable{border-top:0}.isWorkFlowShowDifference .isSubRoleSeparater{border-bottom:1px solid #dbe1e9;margin-left:32px;margin-right:32px}.isWorkFlowShowDifference .isSubRoleSeparater:last-child{border-bottom:none}.roleBasedFlex.isDualAdminBased .isDualAdminWorkFlow .isDualAdminWorkFlowItem .isApprovalHistoryStatus{padding-right:25px;padding-bottom:20px}.roleBasedFlex.isDualAdminBased .isDualAdminWorkFlow .isDualAdminWorkFlowItem .isNoEditUpdate .icon-dots{color:#5090f8;margin-bottom:20px;display:inline-block;margin-right:28px}.roleBasedFlex.isDualAdminBased .isDualAdminWorkFlow .isDualAdminWorkFlowItem .isNoEditUpdate .transcationTooltip .bottom{margin-top:-8px;margin-left:-85px}.isApprovalStatus .isDualAdminComments{display:flex;align-items:center}.isApprovalStatus .isDualAdminComments .icon-Comment{color:#7799be;margin-left:6px;cursor:pointer}.isApprovalStatus .isDualAdminComments .icon-Comment~.transcationTooltip{display:none}.isApprovalStatus .isDualAdminComments .icon-Comment:hover~.transcationTooltip{display:block}.isApprovalStatus .isDualAdminComments .transcationTooltip{position:relative}.isApprovalStatus .isDualAdminComments .transcationTooltip .bottom{bottom:20px;margin-top:0;width:200px;max-width:200px;margin-left:-112px;padding:6px 10px}.isApprovalStatus .isDualAdminComments .transcationTooltip .bottom::before{content:none}.isApprovalStatus .isDualAdminComments .transcationTooltip .bottom::after{content:"";border-color:#384150 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);top:auto;bottom:-16px;left:48%;cursor:pointer}.isApprovalStatus .isDualAdminComments .transcationTooltip .bottom .isCommentTxt{font-size:.75rem}@media screen and (max-width: 1440px){.isApprovalStatus .isDualAdminComments .transcationTooltip .bottom .isCommentTxt{font-size:.6875rem}}@media screen and (max-width: 1280px){.isApprovalStatus .isDualAdminComments .transcationTooltip .bottom .isCommentTxt{font-size:.625rem}}@media screen and (max-width: 1025px){.isApprovalStatus .isDualAdminComments .transcationTooltip .bottom .isCommentTxt{font-size:.5625rem}}.isApprovalStatus .isDualAdminComments .transcationTooltip .bottom .isCommentTxt{line-height:1.5}.isDualAdminComments{padding-bottom:20px;font-family:"Avenir-Roman"}[dir=rtl] .isDualAdminComments{font-family:"Almarai-Light"}.isDualAdminComments{font-size:.875rem}@media screen and (max-width: 1440px){.isDualAdminComments{font-size:.8125rem}}@media screen and (max-width: 1280px){.isDualAdminComments{font-size:.75rem}}@media screen and (max-width: 1025px){.isDualAdminComments{font-size:.6875rem}}.isDualAdminComments{color:#384150;padding-right:32px}.isDualAdminComments .isComments{color:#8994a5}.isDualAdminErrorMsg .noWrapText .enjoyYourDay{font-size:1.5rem}@media screen and (max-width: 1440px){.isDualAdminErrorMsg .noWrapText .enjoyYourDay{font-size:1.4375rem}}@media screen and (max-width: 1280px){.isDualAdminErrorMsg .noWrapText .enjoyYourDay{font-size:1.375rem}}@media screen and (max-width: 1025px){.isDualAdminErrorMsg .noWrapText .enjoyYourDay{font-size:1.3125rem}}.isDualAdminErrorMsg .noWrapText .enjoyYourDay{font-family:"Avenir-Heavy"}[dir=rtl] .isDualAdminErrorMsg .noWrapText .enjoyYourDay{font-family:"Almarai-Bold"}.isDualAdminErrorMsg .noWrapText .enjoyYourDay{color:#384150}.isDualAdminErrorMsg .noWrapText .noAppvlsNeeded{font-size:1.125rem}@media screen and (max-width: 1440px){.isDualAdminErrorMsg .noWrapText .noAppvlsNeeded{font-size:1.0625rem}}@media screen and (max-width: 1280px){.isDualAdminErrorMsg .noWrapText .noAppvlsNeeded{font-size:1rem}}@media screen and (max-width: 1025px){.isDualAdminErrorMsg .noWrapText .noAppvlsNeeded{font-size:.9375rem}}.isDualAdminErrorMsg .noWrapText .noAppvlsNeeded{font-family:"Avenir-Medium"}[dir=rtl] .isDualAdminErrorMsg .noWrapText .noAppvlsNeeded{font-family:"Almarai-Regular"}.isDualAdminErrorMsg .noWrapText .noAppvlsNeeded{color:#8994a5;line-height:initial}.isApprovalHistory .reconsilationTabs{padding-left:32px;padding-right:32px}.isApprovalHistoryShimmers{padding-left:32px;padding-right:32px}.isCompanyGroup{width:23%}.isSpocEmail{width:20%}.isUserTypeCount{width:15%}.isErpWidth{width:10%}.isLicenceExpiry{width:18%}.isUserprofileView{width:7%}.isUserprofileDisable{width:7%}.allUserTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.isCompanyGroup{padding-left:25px}.allUserTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.isUserprofileDisable{padding-right:25px}.allUserTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.isCompanyGroup{padding-left:25px}.allUserTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.isUserprofileDisable{padding-right:25px}.allUserTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.isUserprofileView .icon-eye-view.iconEye{font-size:1.625rem}@media screen and (max-width: 1440px){.allUserTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.isUserprofileView .icon-eye-view.iconEye{font-size:1.5625rem}}@media screen and (max-width: 1280px){.allUserTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.isUserprofileView .icon-eye-view.iconEye{font-size:1.5rem}}@media screen and (max-width: 1025px){.allUserTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.isUserprofileView .icon-eye-view.iconEye{font-size:1.4375rem}}.allUserTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.isUserprofileView .icon-eye-view.iconEye{text-align:left;cursor:pointer}.allUserTable .OSV-TableContainer .customReactTable .tableBody .table-tr.isDisabled .table-td{cursor:inherit}.allUserTable .OSV-TableContainer .customReactTable .tableBody .table-tr.isDisabled .table-td.isUserprofileView .icon-eye-view.iconEye{text-decoration:line-through}.corporate-bankAccounts{border-bottom:1px solid #dbe1e9}
.errorimage{height:170px;width:170px;margin:10px}.errormessage{text-align:center;padding:20px;margin:0px auto 50px;max-width:326px}.modal{width:100%}.mailText{margin:0 auto;margin-top:.5rem;font-family:"Avenir-Medium"}[dir=rtl] .mailText{font-family:"Almarai-Regular"}.mailText{font-size:.875rem}@media screen and (max-width: 1440px){.mailText{font-size:.8125rem}}@media screen and (max-width: 1280px){.mailText{font-size:.75rem}}@media screen and (max-width: 1025px){.mailText{font-size:.6875rem}}.mailText{color:#384150}.summaryTxnLoader:empty{width:140px;height:22px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 20%, rgba(255, 255, 255, 0.61) 20%),linear-gradient(rgba(219, 225, 233, 0.55), rgba(219, 225, 233, 0.55));border-radius:4px;background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite}.wrapper .content .formControl .errorMessage{position:initial}.noRecordFound .errorMsgText{font-size:1.125rem}@media screen and (max-width: 1440px){.noRecordFound .errorMsgText{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noRecordFound .errorMsgText{font-size:1rem}}@media screen and (max-width: 1025px){.noRecordFound .errorMsgText{font-size:.9375rem}}.noRecordFound .errorMsgText{color:#8994a5;line-height:1.4;font-family:"Avenir-Roman"}[dir=rtl] .noRecordFound .errorMsgText{font-family:"Almarai-Light"}.noRecordFound .clickOnButton{color:#8994a5;font-size:1.125rem}@media screen and (max-width: 1440px){.noRecordFound .clickOnButton{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noRecordFound .clickOnButton{font-size:1rem}}@media screen and (max-width: 1025px){.noRecordFound .clickOnButton{font-size:.9375rem}}.noRecordFound .clickOnButton{line-height:1.4;font-family:"Avenir-Roman"}[dir=rtl] .noRecordFound .clickOnButton{font-family:"Almarai-Light"}.noRecordFound .noDataYet{color:#384150;font-size:1.5rem}@media screen and (max-width: 1440px){.noRecordFound .noDataYet{font-size:1.4375rem}}@media screen and (max-width: 1280px){.noRecordFound .noDataYet{font-size:1.375rem}}@media screen and (max-width: 1025px){.noRecordFound .noDataYet{font-size:1.3125rem}}.noRecordFound .noDataYet{font-family:"Avenir-Heavy"}[dir=rtl] .noRecordFound .noDataYet{font-family:"Almarai-Bold"}.noRecordFound .noDataYet{padding-bottom:1rem;padding-top:.5rem}.noRecordFound .errorTitle{font-size:1.5rem}@media screen and (max-width: 1440px){.noRecordFound .errorTitle{font-size:1.4375rem}}@media screen and (max-width: 1280px){.noRecordFound .errorTitle{font-size:1.375rem}}@media screen and (max-width: 1025px){.noRecordFound .errorTitle{font-size:1.3125rem}}.noRecordFound .errorTitle{font-family:"Avenir-Heavy"}[dir=rtl] .noRecordFound .errorTitle{font-family:"Almarai-Bold"}.noRecordFound .errorTitle{color:#384150}.noRecordFound .errorMessageTxt{font-size:1.125rem}@media screen and (max-width: 1440px){.noRecordFound .errorMessageTxt{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noRecordFound .errorMessageTxt{font-size:1rem}}@media screen and (max-width: 1025px){.noRecordFound .errorMessageTxt{font-size:.9375rem}}.noRecordFound .errorMessageTxt{font-family:"Avenir-Medium"}[dir=rtl] .noRecordFound .errorMessageTxt{font-family:"Almarai-Regular"}.noRecordFound .errorMessageTxt{color:#8994a5}.BeneficiarySearch{border-right:1px solid #dbe1e9;padding-right:30px;margin-right:30px}.BeneficiarySearch .searchBox{position:relative}.BeneficiarySearch .searchBox .errorLabel{position:absolute;top:35px}.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField{font-size:.8125rem}}@media screen and (max-width: 1280px){.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField{font-size:.75rem}}@media screen and (max-width: 1025px){.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField{font-size:.6875rem}}.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField{font-family:"Avenir-Roman"}[dir=rtl] .BeneficiarySearch .searchBox .inpGroup .inpBlock .formField{font-family:"Almarai-Light"}.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField::placeholder{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField::placeholder{font-size:.8125rem}}@media screen and (max-width: 1280px){.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField::placeholder{font-size:.75rem}}@media screen and (max-width: 1025px){.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField::placeholder{font-size:.6875rem}}.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField::placeholder{font-family:"Avenir-Roman"}[dir=rtl] .BeneficiarySearch .searchBox .inpGroup .inpBlock .formField::placeholder{font-family:"Almarai-Light"}.BeneficiarySearch.benSearch .searchBox .inpGroup .inpBlock .formField{width:220px}.walletBtns.popupDownShadow,.isAddDealPopup.popupDownShadow{padding:16px 46px 0 45px}.paymentDateBulk.isSingleDatePicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker{border:1px solid #384150}.paymentDateBulk.isSingleDatePicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{transform:none !important;left:auto !important}.paymentDateBulk.isSingleDatePicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle::after,.paymentDateBulk.isSingleDatePicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle::before{border-bottom-color:#384150;border-top-color:#384150}.SharePopUp{margin-bottom:1rem;display:flex;flex-direction:column;align-items:baseline;justify-content:space-between}.SharePopUp .shareLog{width:100%;cursor:pointer;margin-top:24px}.SharePopUp .shareLog>input{border-radius:4px;padding:9px;border:1px solid #dbe1e9}.SharePopUp .shareLogBg{background-color:#f3f5fd;padding:1.5rem;border-radius:8px;margin:0 auto}.SharePopUp .shareLogBg .mailLogo{height:34px;width:49px}.SharePopUp .shareLog.formControl input{padding:.813rem}.transcationTooltip.salaryBreakupsToolTip .bottom{max-width:236px;width:236px;padding:10px;margin-left:0;right:0px;margin-top:20px}
@supports(-webkit-appearance: none) or (-moz-appearance: none){input[type=checkbox],input[type=radio]{--active: #5090f8;--active-inner: #5090f8;--focus: 2px rgba(39, 94, 254, 0.3);--border: #dbe1e9;--border-hover: #5090f8;--background: #fff;--disabled: #f6f8ff;--disabled-inner: #e1e6f9;-webkit-appearance:none;-moz-appearance:none;height:21px;width:21px;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--bc, var(--border));background:#fff;transition:background .3s,border-color .3s,box-shadow .2s}input[type=checkbox]:after,input[type=radio]:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform var(--d-t, 0.3s) var(--d-t-e, ease),opacity var(--d-o, 0.2s)}input[type=checkbox]:checked,input[type=radio]:checked{--b: var(--active);--bc: var(--border);--d-o: 0.3s;--d-t: 0.6s;--d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2)}input[type=checkbox]:disabled,input[type=radio]:disabled{--b: var(--disabled);cursor:not-allowed;opacity:.9}input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked{--b: var(--disabled-inner);--bc: var(--border)}input[type=checkbox]:disabled+label,input[type=radio]:disabled+label{cursor:not-allowed}input[type=checkbox]:hover:not(:checked):not(:disabled),input[type=radio]:hover:not(:checked):not(:disabled){--bc: var(--border-hover)}input[type=checkbox]:not(.switch):after,input[type=radio]:not(.switch):after{opacity:var(--o, 0)}input[type=checkbox]:not(.switch):checked,input[type=radio]:not(.switch):checked{--o: 1}input[type=checkbox]+label,input[type=radio]+label{font-size:14px;line-height:21px;display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}input[type=checkbox]:not(.switch){border-radius:2px}input[type=checkbox]:not(.switch):after{width:4px;height:10px;border:1px solid var(--active-inner);border-top:0;border-left:0;left:7px;top:2px;transform:rotate(var(--r, 20deg))}input[type=checkbox]:not(.switch):checked{--r: 43deg}input[type=checkbox].switch{width:38px;border-radius:11px}input[type=checkbox].switch:after{left:2px;top:2px;border-radius:50%;width:15px;height:15px;background:var(--ab, var(--border));transform:translateX(var(--x, 0))}input[type=checkbox].switch:checked{--ab: var(--active-inner);--x: 17px}input[type=checkbox].switch:disabled:not(:checked):after{opacity:.6}input[type=radio]{width:16px;height:16px;border-radius:50%}input[type=radio]:after{width:14px;height:14px;border-radius:50%;background:var(--active-inner);opacity:0;transform:scale(var(--s, 0.7))}input[type=radio]:checked{--s: 0.5}}
.sideNavWrapper{background:#f8fcfd;padding:20px;min-height:100vh}.sideNavWrapper .sideNavBar>ul>li{display:block}.sideNavWrapper .sideNavBar>ul>li>a{display:block;font-size:1rem}@media screen and (max-width: 1440px){.sideNavWrapper .sideNavBar>ul>li>a{font-size:.9375rem}}@media screen and (max-width: 1280px){.sideNavWrapper .sideNavBar>ul>li>a{font-size:.875rem}}@media screen and (max-width: 1025px){.sideNavWrapper .sideNavBar>ul>li>a{font-size:.8125rem}}.sideNavWrapper .sideNavBar>ul>li>a{color:#384150;line-height:1;padding:8px 0;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.sideNavWrapper .sideNavBar>ul>li>a:hover{color:#eb8b2d}.sideNavWrapper .sideNavBar>ul>li>a.activeSideNav{font-family:"Avenir-Heavy"}[dir=rtl] .sideNavWrapper .sideNavBar>ul>li>a.activeSideNav{font-family:"Almarai-Bold"}.sideNavWrapper .sideNavBar>ul>li>a.activeSideNav{color:#eb8b2d}.sideNavWrapper .sideNavBar>ul>li>a .isMainSection{display:flex;align-items:center;justify-content:space-between;padding-right:12px}.sideNavWrapper .sideNavBar>ul>li>a .isMainSection .label{min-height:22px;line-height:initial}.sideNavWrapper .sideNavBar>ul>li>a .isMainSection .count{color:#eb3223;font-size:.75rem}@media screen and (max-width: 1440px){.sideNavWrapper .sideNavBar>ul>li>a .isMainSection .count{font-size:.6875rem}}@media screen and (max-width: 1280px){.sideNavWrapper .sideNavBar>ul>li>a .isMainSection .count{font-size:.625rem}}@media screen and (max-width: 1025px){.sideNavWrapper .sideNavBar>ul>li>a .isMainSection .count{font-size:.5625rem}}.sideNavWrapper .sideNavBar>ul>li>a .isMainSection .count{font-family:"Avenir-Heavy"}[dir=rtl] .sideNavWrapper .sideNavBar>ul>li>a .isMainSection .count{font-family:"Almarai-Bold"}.sideNavWrapper .sideNavBar>ul>li>a .isMainSection .count{height:22px;padding:0 5px;border-radius:4px;background-color:#f9c2bd;display:flex;align-items:center;justify-content:center;border:1px solid #f9c2bd;line-height:initial;position:relative;top:-2px}.sideNavWrapper .sideNavBar>ul>li>ul{border-left:1px solid #cbdefd}.sideNavWrapper .sideNavBar>ul>li>ul>li{display:block;margin-left:14px}.sideNavWrapper .sideNavBar>ul>li>ul>li>a{display:block;color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.sideNavWrapper .sideNavBar>ul>li>ul>li>a{font-size:.8125rem}}@media screen and (max-width: 1280px){.sideNavWrapper .sideNavBar>ul>li>ul>li>a{font-size:.75rem}}@media screen and (max-width: 1025px){.sideNavWrapper .sideNavBar>ul>li>ul>li>a{font-size:.6875rem}}.sideNavWrapper .sideNavBar>ul>li>ul>li>a{font-family:"Avenir-Medium"}[dir=rtl] .sideNavWrapper .sideNavBar>ul>li>ul>li>a{font-family:"Almarai-Regular"}.sideNavWrapper .sideNavBar>ul>li>ul>li>a{padding:8px 12px;-webkit-transition:0.5s;transition:0.5s;-moz-transition:0.5s;line-height:initial;border-radius:4px}.sideNavWrapper .sideNavBar>ul>li>ul>li>a:hover{background-color:#f3f5fd;color:#384150}.sideNavWrapper .sideNavBar>ul>li>ul>li>a.activeSubMenu{background-color:#cbdefd;color:#395293;font-family:"Avenir-Heavy"}[dir=rtl] .sideNavWrapper .sideNavBar>ul>li>ul>li>a.activeSubMenu{font-family:"Almarai-Bold"}.sideNavWrapper .sideNavBar>ul>li>ul>li>a.activeSubMenu:hover{background-color:#cbdefd;color:#395293}.sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection{display:flex;align-items:center;justify-content:space-between}.sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection .label{min-height:22px;line-height:initial}.sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection .count{font-size:.75rem}@media screen and (max-width: 1440px){.sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection .count{font-size:.6875rem}}@media screen and (max-width: 1280px){.sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection .count{font-size:.625rem}}@media screen and (max-width: 1025px){.sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection .count{font-size:.5625rem}}.sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection .count{font-family:"Avenir-Medium"}[dir=rtl] .sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection .count{font-family:"Almarai-Regular"}.sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection .count{color:#eb3223;height:22px;border-radius:4px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:1px solid #f9c2bd;background:rgba(0,0,0,0);line-height:initial;position:relative;top:-2px}.sideNavWrapper.show{width:18%;opacity:1}.sideNavWrapper.hide{width:0;opacity:0;padding:0}
.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle{font-size:1rem}@media screen and (max-width: 1440px){.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle{font-size:.8125rem}}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle{font-family:"Avenir-Heavy"}[dir=rtl] .sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle{font-family:"Almarai-Bold"}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle{color:#000001;cursor:pointer}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle .isShowHide{position:relative;margin-bottom:12px}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle .isShowHide .icon-down-arrow{position:absolute;right:0;top:6px;transition:transform .3s ease-out;color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle .isShowHide .icon-down-arrow{font-size:.8125rem}}@media screen and (max-width: 1280px){.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle .isShowHide .icon-down-arrow{font-size:.75rem}}@media screen and (max-width: 1025px){.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle .isShowHide .icon-down-arrow{font-size:.6875rem}}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle .isShowHide .icon-down-arrow.toggleFilters{transform:rotate(180deg)}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label{font-family:"Almarai-Regular"}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label{cursor:pointer;padding-top:6px;display:flex;align-items:center}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label .accnmChkBox{top:0;border-color:#8994a5}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label .accnmChkBox:checked{background:#5090f8;color:#fff}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label .accnmChkBox:after{border-color:#fff}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label .filterSideNavLable{max-width:115px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck .filterCount{font-size:.875rem}@media screen and (max-width: 1440px){.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck .filterCount{font-size:.8125rem}}@media screen and (max-width: 1280px){.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck .filterCount{font-size:.75rem}}@media screen and (max-width: 1025px){.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck .filterCount{font-size:.6875rem}}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck .filterCount{color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck .filterCount{font-family:"Almarai-Regular"}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck .filterCount{margin-top:7px}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck:last-child{padding-bottom:0}.sideNavWrapper.globalFilterSideNav .sideNavBar .isFilterLoop{padding-bottom:45px}.sideNavWrapper.globalFilterSideNav .sideNavBar .isFilterLoop:last-child{padding-bottom:0}.sideNavWrapper.globalFilterSideNav .sideNavBar .isFilterLoop.isBankAcntFilterLoop .isBankAcntFilterBox{padding:10px;border:1px solid #dbe1e9;background-color:#fff;border-radius:4px}.sideNavWrapper.globalFilterSideNav .sideNavBar .isFilterLoop.isBankAcntFilterLoop .isBankAcntFilterBox .isBankAcntFilter{border-bottom:1px solid #f3f5fd}.sideNavWrapper.globalFilterSideNav .sideNavBar .isFilterLoop.isBankAcntFilterLoop .isBankAcntFilterBox .isBankAcntFilter:last-child{border-bottom:0}.sideNavWrapper.globalFilterSideNav .sideNavBar .isFilterLoop.isBankAcntFilterLoop .isBankAcntFilterBox label.isBankAcntFilter{padding:10px 0}.sideNavWrapper.globalFilterSideNav .sideNavBar .isFilterLoop.isBankAcntFilterLoop .isBankAcntFilterBox label.isBankAcntFilter:last-child{padding-bottom:0}.sideNavWrapper.globalFilterSideNav .sideNavBar.deactive{padding-top:25px;width:100%}.sideNavWrapper.globalFilterSideNav h5.isMainTitle{font-family:"Avenir-Heavy"}[dir=rtl] .sideNavWrapper.globalFilterSideNav h5.isMainTitle{font-family:"Almarai-Bold"}.sideNavWrapper.globalFilterSideNav h5.isMainTitle{font-size:1.25rem}@media screen and (max-width: 1440px){.sideNavWrapper.globalFilterSideNav h5.isMainTitle{font-size:1.1875rem}}@media screen and (max-width: 1280px){.sideNavWrapper.globalFilterSideNav h5.isMainTitle{font-size:1.125rem}}@media screen and (max-width: 1025px){.sideNavWrapper.globalFilterSideNav h5.isMainTitle{font-size:1.0625rem}}.sideNavWrapper.globalFilterSideNav h5.isMainTitle{color:#395293;border-bottom:1px solid #dbe1e9;padding-bottom:14px;margin-bottom:14px;text-transform:uppercase}.sideNavWrapper.globalFilterSideNav:last-child{padding-bottom:0}.txnBankFlex{display:flex;flex-direction:row;align-items:center}.txnBankFlex .txnBankLogoBg{background:#fff;border-radius:50%;padding:5px;margin-right:5px;position:relative}.txnBankFlex .txnBankLogoBg~.txnAccountFlex .txnAccntHolderName{padding-left:0}.txnBankFlex .txnAccountFlex{display:flex;flex-direction:column;align-items:flex-start}.txnBankFlex .txnAccountFlex span{padding:3px 0}.txnBankFlex .txnAccountFlex>span.txnAccntHolderName{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.txnBankFlex .txnAccountFlex>span.txnAccntHolderName{font-size:.8125rem}}@media screen and (max-width: 1280px){.txnBankFlex .txnAccountFlex>span.txnAccntHolderName{font-size:.75rem}}@media screen and (max-width: 1025px){.txnBankFlex .txnAccountFlex>span.txnAccntHolderName{font-size:.6875rem}}.txnBankFlex .txnAccountFlex>span.txnAccntHolderName{font-family:"Avenir-Medium"}[dir=rtl] .txnBankFlex .txnAccountFlex>span.txnAccntHolderName{font-family:"Almarai-Regular"}.txnBankFlex .txnAccountFlex>span.txnAccntHolderName{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:initial;padding-left:5px;position:relative;top:1px}.txnBankFlex.removeBg .txnBankLogoBg{background:none;border-radius:0;margin-right:10px;padding:0;padding-left:5px}.txnBankFlex.removeBg .txnBankLogoBg .txnBankLogo{position:static}
.Toastify .Toastify__toast-container{z-index:9999;-webkit-transform:"translate3d(0, 0, 9999px)";position:fixed;padding:4px;width:500px;box-sizing:border-box;color:#fff;height:50px;font-size:1rem}@media screen and (max-width: 1440px){.Toastify .Toastify__toast-container{font-size:.9375rem}}@media screen and (max-width: 1280px){.Toastify .Toastify__toast-container{font-size:.875rem}}@media screen and (max-width: 1025px){.Toastify .Toastify__toast-container{font-size:.8125rem}}.Toastify .Toastify__toast-container{font-family:"Avenir-Medium"}[dir=rtl] .Toastify .Toastify__toast-container{font-family:"Almarai-Regular"}.Toastify .Toastify__toast-container--top-left{top:1em;left:1em}.Toastify .Toastify__toast-container--top-center{top:1em;left:50%}.Toastify .Toastify__toast-container--top-right{top:1em;right:1em}.Toastify .Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify .Toastify__toast-container--bottom-center{bottom:1em;left:50%}.Toastify .Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width: 480px){.Toastify .Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify .Toastify__toast-container--top-left,.Toastify .Toastify__toast-container--top-center,.Toastify .Toastify__toast-container--top-right{top:0}.Toastify .Toastify__toast-container--bottom-left,.Toastify .Toastify__toast-container--bottom-center,.Toastify .Toastify__toast-container--bottom-right{bottom:0}.Toastify .Toastify__toast-container--rtl{right:0;left:initial}}.Toastify .Toastify__toast{position:relative;min-height:50px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:5px;box-shadow:0 1px 10px 0 rgba(0,0,1,.1),0 2px 15px 0 rgba(0,0,1,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:800px;overflow:hidden;font-family:"Avenir-Medium"}[dir=rtl] .Toastify .Toastify__toast{font-family:"Almarai-Regular"}.Toastify .Toastify__toast{cursor:pointer;direction:ltr}.Toastify .Toastify__toast--rtl{direction:rtl}.Toastify .Toastify__toast--default{background:#fff;color:#8994a5}.Toastify .Toastify__toast--info{background:#000001}.Toastify .Toastify__toast--success{background:#000001}.Toastify .Toastify__toast--warning{background:#efc81f}.Toastify .Toastify__toast--error{background:#eb3223}.Toastify .Toastify__toast-body{margin:auto 0;-ms-flex:1;flex:1;font-size:1rem}@media screen and (max-width: 1440px){.Toastify .Toastify__toast-body{font-size:.9375rem}}@media screen and (max-width: 1280px){.Toastify .Toastify__toast-body{font-size:.875rem}}@media screen and (max-width: 1025px){.Toastify .Toastify__toast-body{font-size:.8125rem}}.Toastify .Toastify__toast-body{color:#fff;font-family:"Avenir-Roman"}[dir=rtl] .Toastify .Toastify__toast-body{font-family:"Almarai-Light"}.Toastify .Toastify__toast-body .Toastify__toast-icon{display:none}@media only screen and (max-width: 480px){.Toastify .Toastify__toast{margin-bottom:0}}.Toastify .Toastify__close-button{color:#8994a5;font-weight:bold;font-size:.875rem}@media screen and (max-width: 1440px){.Toastify .Toastify__close-button{font-size:.8125rem}}@media screen and (max-width: 1280px){.Toastify .Toastify__close-button{font-size:.75rem}}@media screen and (max-width: 1025px){.Toastify .Toastify__close-button{font-size:.6875rem}}.Toastify .Toastify__close-button{background:rgba(0,0,0,0);outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;margin-top:7px}.Toastify .Toastify__close-button--default{color:#000001;opacity:.3}.Toastify .Toastify__close-button:hover,.Toastify .Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify .Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;background-color:hsla(0,0%,100%,.7);transform-origin:left}.Toastify .Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify .Toastify__progress-bar--controlled{transition:transform .2s}.Toastify .Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify .Toastify__progress-bar--default{background:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55)}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(0, -20, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify .Toastify__bounce-enter--top-left,.Toastify .Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify .Toastify__bounce-enter--top-right,.Toastify .Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify .Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify .Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify .Toastify__bounce-exit--top-left,.Toastify .Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify .Toastify__bounce-exit--top-right,.Toastify .Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify .Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify .Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify .Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify .Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify .Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify .Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(110%, 0, 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-110%, 0, 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify .Toastify__slide-enter--top-left,.Toastify .Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify .Toastify__slide-enter--top-right,.Toastify .Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify .Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify .Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify .Toastify__slide-exit--top-left,.Toastify .Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify .Toastify__slide-exit--top-right,.Toastify .Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify .Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify .Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}.Toastify .toastBody{position:absolute;width:100%}
@font-face{font-family:"icomoon";src:url(/1d6af5c71b1731b90846.eot?xub3hv);src:url(/1d6af5c71b1731b90846.eot?xub3hv#iefix) format("embedded-opentype"),url(/9ad164fdac9758ff89b5.ttf?xub3hv) format("truetype"),url(/c5bfa89e3aae347dbb4a.woff?xub3hv) format("woff"),url(/d5af7b6355c2746756f9.svg?xub3hv#icomoon) format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-bank-progress:before{content:"\ea45"}.icon-pkr-currency:before{content:"\ea3f"}.icon-eur-currency:before{content:"\ea40"}.icon-gbp-currency:before{content:"\ea41"}.icon-inr-currency:before{content:"\ea42"}.icon-sar-currency:before{content:"\ea43"}.icon-usd-currency:before{content:"\ea44"}.icon-food-beverage:before{content:"\ea3b"}.icon-tourism-hospitality:before{content:"\ea3c"}.icon-business-money:before{content:"\ea3d"}.icon-healthcare:before{content:"\ea3e"}.icon-copy-link:before{content:"\ea3a"}.icon-personal:before{content:"\ea38"}.icon-business:before{content:"\ea39"}.icon-expense-check-tooltip:before{content:"\ea37"}.icon-income-insight-active:before{content:"\ea36"}.icon-bullet-point:before{content:"\ea35"}.icon-drag:before{content:"\ea34"}.icon-positive-cash-flow:before{content:"\ea27"}.icon-self-sustainable:before{content:"\ea28"}.icon-fixed-committed-expenses:before{content:"\ea29"}.icon-customer-revenue:before{content:"\ea2a"}.icon-credit-utilization:before{content:"\ea2b"}.icon-debt-obligations:before{content:"\ea2c"}.icon-assets-holdings:before{content:"\ea2d"}.icon-negative:before{content:"\ea2e"}.icon-positive:before{content:"\ea2f"}.icon-recent-lifestyle-changes:before{content:"\ea30"}.icon-non-discretionary-spend:before{content:"\ea31"}.icon-low-discretionary-spend:before{content:"\ea32"}.icon-monthly-salary:before{content:"\ea33"}.icon-trade-finance-tooltip:before{content:"\ea25"}.icon-risk-decisioning-tooltip:before{content:"\ea26"}.icon-iban-validation:before{content:"\ea1d"}.icon-income-check-sdk:before{content:"\ea1e"}.icon-external-share:before{content:"\ea24"}.icon-Info-icon:before{content:"\e97c"}.icon-transaction-hits:before{content:"\ea23"}.icon-digit-2:before{content:"\ea20"}.icon-digit-3:before{content:"\ea21"}.icon-digit-1:before{content:"\ea22"}.icon-sdk-info:before{content:"\ea14"}.icon-production:before{content:"\ea15"}.icon-sandbox:before{content:"\ea16"}.icon-union:before{content:"\ea17"}.icon-account-aggregation-sdk:before{content:"\ea18"}.icon-account-check-sdk:before{content:"\ea19"}.icon-customer-verification-Active:before{content:"\ea1a"}.icon-demo-bank:before{content:"\ea1b"}.icon-expenses-check:before{content:"\ea1c"}.icon-more-products:before{content:"\ea1f"}.icon-api-hits-tooltip:before{content:"\ea13"}.icon-auto-transport:before{content:"\ea00"}.icon-bills-utilities:before{content:"\ea01"}.icon-business-service:before{content:"\ea02"}.icon-fees-charges:before{content:"\ea03"}.icon-food-dining:before{content:"\ea04"}.icon-gifts-donations:before{content:"\ea05"}.icon-health-fitness:before{content:"\ea06"}.icon-hide-from-budget:before{content:"\ea07"}.icon-misc-expenses:before{content:"\ea08"}.icon-shopping:before{content:"\ea09"}.icon-tran-education:before{content:"\ea0a"}.icon-tran-financial:before{content:"\ea0b"}.icon-tran-income:before{content:"\ea0c"}.icon-tran-investment:before{content:"\ea0d"}.icon-tran-loans:before{content:"\ea0e"}.icon-tran-ransfer:before{content:"\ea0f"}.icon-tran-taxes:before{content:"\ea10"}.icon-travel:before{content:"\ea11"}.icon-uncategorized:before{content:"\ea12"}.icon-postman-collection:before{content:"\e9ff"}.icon-priority-payment:before{content:"\e9fe"}.icon-Invenory-icon:before{content:"\e9fd"}.icon-dispute:before{content:"\e9fc"}.icon-lg-active-fill:before{content:"\e9fa"}.icon-kya-active-fill:before{content:"\e9fb"}.icon-credit-check-tooltip:before{content:"\e9f7"}.icon-estatements-tooltip:before{content:"\e9f6"}.icon-joint-approval:before{content:"\e9f9"}.icon-tax-tooltip:before{content:"\e9f8"}.icon-kyc-tooltip:before{content:"\e9f4"}.icon-letter-tooltip:before{content:"\e9f5"}.icon-hide-eye:before{content:"\e9f3"}.icon-txn-history:before{content:"\e9c0"}.icon-scheduled-payments:before{content:"\e9f1"}.icon-direct-debits:before{content:"\e9f2"}.icon-standing-orders:before{content:"\e9f0"}.icon-content-copy:before{content:"\e9ef"}.icon-LG-tooltip:before{content:"\e9ee"}.icon-pending-actions:before{content:"\e9ea"}.icon-paid:before{content:"\e9eb"}.icon-invoice-approved:before{content:"\e9ec"}.icon-zatca:before{content:"\e9ed"}.icon-sv-security:before{content:"\e9e9"}.icon-left-arrow:before{content:"\e9e8"}.icon-payments-tooltip:before{content:"\e9dd"}.icon-activities-tooltip:before{content:"\e9cc"}.icon-case-tooltip:before{content:"\e9d4"}.icon-leads-tooltip:before{content:"\e9d6"}.icon-master-data-tooltip:before{content:"\e9dc"}.icon-support-tooltip:before{content:"\e9e1"}.icon-user-profiles-tooltip:before{content:"\e9e2"}.icon-alert:before{content:"\e9e7"}.icon-reconciliation-tooltip:before{content:"\e9e3"}.icon-help-tooltip:before{content:"\e9e6"}.icon-workflow-modified:before{content:"\e9e5"}.icon-shield:before{content:"\e9e4"}.icon-analytics-tooltip:before{content:"\e9c7"}.icon-lock:before{content:"\e9cb"}.icon-payroll-tooltip:before{content:"\e9cd"}.icon-activity-logs-tooltip:before{content:"\e9d1"}.icon-bank-accounts-tooltip:before{content:"\e9d2"}.icon-beneficiary-master-tooltip:before{content:"\e9d3"}.icon-invoice-tooltip:before{content:"\e9d5"}.icon-notifications-tooltip:before{content:"\e9d7"}.icon-preferences-tooltip:before{content:"\e9d8"}.icon-range-tooltip:before{content:"\e9d9"}.icon-roles-tooltip:before{content:"\e9da"}.icon-sales-tooltip:before{content:"\e9db"}.icon-users-tooltip:before{content:"\e9de"}.icon-wallets-tooltip:before{content:"\e9df"}.icon-workflow-tooltip:before{content:"\e9e0"}.icon-beneficiary-tooltip:before{content:"\e9c8"}.icon-dashboard-tooltip:before{content:"\e9c9"}.icon-overview-tooltip:before{content:"\e9ca"}.icon-settings-tooltip:before{content:"\e9ce"}.icon-statement-tooltip:before{content:"\e9cf"}.icon-hamburger:before{content:"\e9d0"}.icon-location:before{content:"\e9c6"}.icon-api-key:before{content:"\e9c4"}.icon-api-json:before{content:"\e9c5"}.icon-beneficiary-details:before{content:"\e9c3"}.icon-bal-enquiry:before{content:"\e9c1"}.icon-update-ben:before{content:"\e9c2"}.icon-cancel-request:before{content:"\e9bf"}.icon-filter:before{content:"\e9bd"}.icon-data-view:before{content:"\e9be"}.icon-requests-raised:before{content:"\e9ba"}.icon-history:before{content:"\e9bb"}.icon-approval:before{content:"\e9bc"}.icon-new-arrow:before{content:"\e9b9"}.icon-column-switch:before{content:"\e9b8"}.icon-custom-category:before{content:"\e9b7"}.icon-wallet:before{content:"\e9b6"}.icon-hot-customer:before{content:"\e9b4"}.icon-target-management:before{content:"\e9b5"}.icon-beneficiary-master:before{content:"\e9b3"}.icon-range-management:before{content:"\e9ae"}.icon-region:before{content:"\e9af"}.icon-district:before{content:"\e9b0"}.icon-country:before{content:"\e9b1"}.icon-city:before{content:"\e9b2"}.icon-pie-chart:before{content:"\e9ac"}.icon-bar-chart:before{content:"\e9ad"}.icon-qualified:before{content:"\e9a4"}.icon-proposed:before{content:"\e9a5"}.icon-proposal_accepted:before{content:"\e9a6"}.icon-onboarded:before{content:"\e9a7"}.icon-need_analysis:before{content:"\e9a8"}.icon-leads:before{content:"\e9a9"}.icon-in_progress:before{content:"\e9aa"}.icon-autorenew:before{content:"\e9ab"}.icon-op-txn-disabled:before{content:"\e9a3"}.icon-no-fill-delete:before{content:"\e9a2"}.icon-preferences:before{content:"\e9a1"}.icon-Switch-on:before{content:"\e99f"}.icon-Switch-off:before{content:"\e9a0"}.icon-individual:before{content:"\e996"}.icon-charity:before{content:"\e998"}.icon-vendor:before{content:"\e995"}.icon-rectangle:before{content:"\e99c"}.icon-triangle:before{content:"\e99d"}.icon-oval:before{content:"\e99e"}.icon-av-timer:before{content:"\e99a"}.icon-soa-download:before{content:"\e99b"}.icon-license-expiry:before{content:"\e999"}.icon-local:before{content:"\e993"}.icon-international:before{content:"\e994"}.icon-new-disabled:before{content:"\e997"}.icon-minus:before{content:"\e991"}.icon-plus:before{content:"\e992"}.icon-watch:before{content:"\e98f"}.icon-premium:before{content:"\e990"}.icon-mike:before{content:"\e981"}.icon-alert-error:before{content:"\e98e"}.icon-dash-arrow:before{content:"\e98d"}.icon-auth-delete:before{content:"\e98c"}.icon-change-status:before{content:"\e983"}.icon-email:before{content:"\e984"}.icon-fill-delete:before{content:"\e985"}.icon-fill-edit:before{content:"\e986"}.icon-next:before{content:"\e987"}.icon-note:before{content:"\e988"}.icon-phone-talk:before{content:"\e989"}.icon-tags:before{content:"\e98a"}.icon-tick:before{content:"\e98b"}.icon-release-arrow:before{content:"\e982"}.icon-live:before{content:"\e980"}.icon-attach:before{content:"\e97f"}.icon-Activity-log:before{content:"\e97e"}.icon-Tag-edit:before{content:"\e97d"}.icon-Browse:before{content:"\e97b"}.icon-Comment:before{content:"\e97a"}.icon-CallBack-success:before{content:"\e979"}.icon-Security:before{content:"\e978"}.icon-remarks:before{content:"\e977"}.icon-new-close-icon:before{content:"\e976"}.icon-New-Success:before{content:"\e975"}.icon-New-User-icon:before{content:"\e974"}.icon-Reschedule:before{content:"\e971"}.icon-Stop-payment:before{content:"\e972"}.icon-New-Approval:before{content:"\e973"}.icon-bill-icon:before{content:"\e96e"}.icon-new-history:before{content:"\e96f"}.icon-New-approve_icon:before{content:"\e970"}.icon-recreated-tag:before{content:"\e96d"}.icon-Payment-arrow-divider:before{content:"\e96c"}.icon-Share-icon:before{content:"\e96a"}.icon-scheduled-tag:before{content:"\e96b"}.icon-paymentDue:before{content:"\e966"}.icon-activeAPIs:before{content:"\e965"}.icon-apiPerformance:before{content:"\e967"}.icon-todayApiCall:before{content:"\e968"}.icon-totalAPIs:before{content:"\e969"}.icon-New-edit:before{content:"\e964"}.icon-New-view-more:before{content:"\e962"}.icon-New-create-case:before{content:"\e963"}.icon-case-api:before{content:"\e95d"}.icon-case-app:before{content:"\e95e"}.icon-case-application:before{content:"\e95f"}.icon-case-bank:before{content:"\e960"}.icon-case-user:before{content:"\e961"}.icon-Transactions:before{content:"\e95c"}.icon-Activate-bank:before{content:"\e94c"}.icon-Active-companies:before{content:"\e94d"}.icon-Active-users:before{content:"\e950"}.icon-Add-translations:before{content:"\e951"}.icon-APIs-open-cases:before{content:"\e952"}.icon-Application-open-cases:before{content:"\e953"}.icon-Bank-failures:before{content:"\e954"}.icon-Bank-open-cases:before{content:"\e955"}.icon-Check-applications-logs:before{content:"\e956"}.icon-Check-applications-logs1:before{content:"\e957"}.icon-Create-new-company:before{content:"\e958"}.icon-Create-support-user:before{content:"\e959"}.icon-MoreArrows:before{content:"\e95a"}.icon-Users-open-cases:before{content:"\e95b"}.icon-ScheduleRun_icon:before{content:"\e94b"}.icon-ScheduleCalendar:before{content:"\e94a"}.icon-Account-locked:before{content:"\e94e"}.icon-ERP:before{content:"\e94f"}.icon-new-update-bell:before{content:"\e949"}.icon-clock:before{content:"\e948"}.icon-Profile-Gear:before{content:"\e93e"}.icon-Profile-icon:before{content:"\e93f"}.icon-Notification-settings:before{content:"\e940"}.icon-Overview-features:before{content:"\e941"}.icon-Profile-Triangle:before{content:"\e942"}.icon-Role-management:before{content:"\e943"}.icon-Sign-out:before{content:"\e944"}.icon-User-management:before{content:"\e945"}.icon-Workflow-management:before{content:"\e946"}.icon-Your-bank-accounts:before{content:"\e947"}.icon-Recreate:before{content:"\e93d"}.icon-status-down-arrow:before{content:"\e93b"}.icon-status-sccuss:before{content:"\e93c"}.icon-android:before{content:"\e935"}.icon-apple:before{content:"\e936"}.icon-mweb:before{content:"\e937"}.icon-web1:before{content:"\e939"}.icon-bank:before{content:"\e930"}.icon-reviewer:before{content:"\e931"}.icon-executor:before{content:"\e933"}.icon-approver:before{content:"\e934"}.icon-eye-view:before{content:"\e92f"}.icon-bell:before{content:"\e900"}.icon-Close-fill-button:before{content:"\e901"}.icon-Close-outline-button:before{content:"\e902"}.icon-Disabled:before{content:"\e903"}.icon-Edit:before{content:"\e904"}.icon-Finger-print:before{content:"\e905"}.icon-Green-check-mark:before{content:"\e906"}.icon-redio-button-unfill:before{content:"\e907"}.icon-right-mark:before{content:"\e908"}.icon-search:before{content:"\e909"}.icon-Settings:before{content:"\e90a"}.icon-trash:before{content:"\e90b"}.icon-up-arrow:before{content:"\e90c"}.icon-user-profile:before{content:"\e90d"}.icon-calendar:before{content:"\e90e"}.icon-view-more:before{content:"\e90f"}.icon-dots:before{content:"\e910"}.icon-down-arrow:before{content:"\e911"}.icon-download:before{content:"\e912"}.icon-print:before{content:"\e913"}.icon-web:before{content:"\e914"}.icon-share:before{content:"\e915"}.icon-refresh:before{content:"\e916"}.icon-breadcrumb-separator:before{content:"\e917"}.icon-check-circle:before{content:"\e918"}.icon-close-circle:before{content:"\e919"}.icon-check-mark-filled:before{content:"\e91a"}.icon-info-circle:before{content:"\e91b"}.icon-cross-mark-filled:before{content:"\e91c"}.icon-calendar1:before{content:"\e91d"}.icon-security:before{content:"\e91e"}.icon-user:before{content:"\e91f"}.icon-desktop-monitor:before{content:"\e920"}.icon-phone:before{content:"\e921"}.icon-close:before{content:"\e922"}.icon-decrement:before{content:"\e923"}.icon-increment:before{content:"\e924"}.icon-Sucess-hand:before{content:"\e925"}.icon-Failed:before{content:"\e926"}.icon-need-info:before{content:"\e927"}.icon-Close-fill:before{content:"\e928"}.icon-progress:before{content:"\e929"}.icon-raised:before{content:"\e92a"}.icon-rejected:before{content:"\e92b"}.icon-approved:before{content:"\e92c"}.icon-create_payments:before{content:"\e92d"}.icon-sadad_bills:before{content:"\e92e"}.icon-change_password:before{content:"\e932"}.icon-add_beneficiaries:before{content:"\e938"}.icon-add_bank_accounts:before{content:"\e93a"}
.header{background:#fff;padding:8px 0;z-index:99}.header .container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.header .container .headerLogo img{height:36px}.header .hamburgerIcon{border-radius:50%;display:inline-block;margin:0 4px;padding:12px;overflow:hidden;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-webkit-flex:0 0 auto;flex:0 0 auto;transition:all .15s ease-in-out 0s;position:relative;right:22px}.header .hamburgerIcon:hover{background-color:#f3f5fd;outline:none}.header .hamburgerIcon:hover .icon-hamburger{color:#eb8b2d}.header .hamburgerIcon .icon-hamburger{font-size:1.125rem}@media screen and (max-width: 1440px){.header .hamburgerIcon .icon-hamburger{font-size:1.0625rem}}@media screen and (max-width: 1280px){.header .hamburgerIcon .icon-hamburger{font-size:1rem}}@media screen and (max-width: 1025px){.header .hamburgerIcon .icon-hamburger{font-size:.9375rem}}.header .hamburgerIcon .icon-hamburger{color:#384150}.header.topNavShadow.headerSticky{box-shadow:none;background:rgba(0,0,0,0);padding:14px 0}.header.topNavShadow.headerSticky .container{padding:0 60px}.header.topNavShadow.headerSticky .container .isLangSwitch{display:flex;align-items:center}.header.topNavShadow.headerSticky .container .isLangSwitch .ar.Cursor,.header.topNavShadow.headerSticky .container .isLangSwitch .en.Cursor{margin-left:8px;border:1px solid #5090f8;border-radius:4px;background:rgba(0,0,0,0);cursor:pointer;min-width:85px;text-align:center;transition:.3s;min-height:36px;justify-content:center}.header.topNavShadow.headerSticky .container .isLangSwitch .ar.Cursor:hover,.header.topNavShadow.headerSticky .container .isLangSwitch .en.Cursor:hover{background:#5090f8;border:1px solid #5090f8;color:#fff}.header.topNavShadow.headerSticky .container .isLangSwitch .ar.Cursor{padding:0}.header.topNavShadow.headerSticky .container .isLangSwitch .ar.Cursor span{position:relative;top:-2px}.header.topNavShadow.individualHeader{background:#fff}.header.topNavShadow.individualHeader .container{padding:0 60px}.header.topNavShadow.individualHeader .container .isLangSwitch{display:flex;align-items:center}.header.topNavShadow.individualHeader .container .isLangSwitch .ar.Cursor,.header.topNavShadow.individualHeader .container .isLangSwitch .en.Cursor{margin-left:8px;border:1px solid #5090f8;border-radius:4px;background:rgba(0,0,0,0);cursor:pointer;min-width:85px;text-align:center;transition:.3s;min-height:36px;justify-content:center}.header.topNavShadow.individualHeader .container .isLangSwitch .ar.Cursor:hover,.header.topNavShadow.individualHeader .container .isLangSwitch .en.Cursor:hover{background:#5090f8;border:1px solid #5090f8;color:#fff}.header.topNavShadow.individualHeader .container .isLangSwitch .ar.Cursor{padding:0}.header.topNavShadow.individualHeader .container .isLangSwitch .ar.Cursor span{position:relative;top:-2px}.headerSticky{position:fixed;top:0;left:0;right:0;z-index:12}.username{font-size:1rem}@media screen and (max-width: 1440px){.username{font-size:.9375rem}}@media screen and (max-width: 1280px){.username{font-size:.875rem}}@media screen and (max-width: 1025px){.username{font-size:.8125rem}}.username{font-family:"Avenir-Roman"}[dir=rtl] .username{font-family:"Almarai-Light"}.username{margin-left:45px;display:flex;align-items:center}.username:after{position:absolute;right:0}.userPanel{z-index:13;color:#384150;min-width:269px;height:auto;border-radius:4px;box-shadow:0 0 6px 0 rgba(137,148,165,.33);background-color:#fff;position:absolute;padding:5px;top:40px;right:-5px;font-family:"Avenir-Roman"}[dir=rtl] .userPanel{font-family:"Almarai-Light"}.userPanel{font-size:.875rem}@media screen and (max-width: 1440px){.userPanel{font-size:.8125rem}}@media screen and (max-width: 1280px){.userPanel{font-size:.75rem}}@media screen and (max-width: 1025px){.userPanel{font-size:.6875rem}}.userPanel .alignBtn{margin-top:1rem;padding:8px 0;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.userPanel::before{content:"";position:absolute;width:12px;height:12px;background:#fff;transform:translateX(-50%) translateY(-50%) rotate(226deg);box-shadow:1px 1px 6px 0px rgba(137,148,165,.17);top:0px;right:2px;z-index:-1}.userPanel .icon-Profile-icon{font-size:3.125rem}@media screen and (max-width: 1440px){.userPanel .icon-Profile-icon{font-size:3.0625rem}}@media screen and (max-width: 1280px){.userPanel .icon-Profile-icon{font-size:3rem}}@media screen and (max-width: 1025px){.userPanel .icon-Profile-icon{font-size:2.9375rem}}.userPanel .icon-Profile-icon{margin-right:15px;color:#8994a5}.myAccount,.myAccountSuper{position:relative;color:#bfc7d0;font-family:"Avenir-Roman"}[dir=rtl] .myAccount,[dir=rtl] .myAccountSuper{font-family:"Almarai-Light"}.myAccount,.myAccountSuper{font-size:.875rem}@media screen and (max-width: 1440px){.myAccount,.myAccountSuper{font-size:.8125rem}}@media screen and (max-width: 1280px){.myAccount,.myAccountSuper{font-size:.75rem}}@media screen and (max-width: 1025px){.myAccount,.myAccountSuper{font-size:.6875rem}}.myAccount,.myAccountSuper{display:flex;justify-content:space-between;align-items:center}.myAccount .icon-mike,.myAccountSuper .icon-mike{position:relative;cursor:pointer}.myAccount .iconColor.icon-mike,.myAccountSuper .iconColor.icon-mike{font-size:1.375rem}@media screen and (max-width: 1440px){.myAccount .iconColor.icon-mike,.myAccountSuper .iconColor.icon-mike{font-size:1.3125rem}}@media screen and (max-width: 1280px){.myAccount .iconColor.icon-mike,.myAccountSuper .iconColor.icon-mike{font-size:1.25rem}}@media screen and (max-width: 1025px){.myAccount .iconColor.icon-mike,.myAccountSuper .iconColor.icon-mike{font-size:1.1875rem}}.myAccount .ar.Cursor,.myAccount .en.Cursor,.myAccountSuper .ar.Cursor,.myAccountSuper .en.Cursor{color:#384150;font-family:"Almarai-Bold";font-size:.875rem}@media screen and (max-width: 1440px){.myAccount .ar.Cursor,.myAccount .en.Cursor,.myAccountSuper .ar.Cursor,.myAccountSuper .en.Cursor{font-size:.8125rem}}@media screen and (max-width: 1280px){.myAccount .ar.Cursor,.myAccount .en.Cursor,.myAccountSuper .ar.Cursor,.myAccountSuper .en.Cursor{font-size:.75rem}}@media screen and (max-width: 1025px){.myAccount .ar.Cursor,.myAccount .en.Cursor,.myAccountSuper .ar.Cursor,.myAccountSuper .en.Cursor{font-size:.6875rem}}.myAccount .ar.Cursor,.myAccount .en.Cursor,.myAccountSuper .ar.Cursor,.myAccountSuper .en.Cursor{margin-left:45px}.myAccount a,.myAccountSuper a{padding:7px 0;color:#384150;position:relative;display:flex;align-items:center;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.myAccount a.ar,.myAccountSuper a.ar{font-size:1rem}@media screen and (max-width: 1440px){.myAccount a.ar,.myAccountSuper a.ar{font-size:.9375rem}}@media screen and (max-width: 1280px){.myAccount a.ar,.myAccountSuper a.ar{font-size:.875rem}}@media screen and (max-width: 1025px){.myAccount a.ar,.myAccountSuper a.ar{font-size:.8125rem}}.myAccount a.ar,.myAccountSuper a.ar{align-self:baseline}.myAccount a .icon-Profile-icon,.myAccountSuper a .icon-Profile-icon{margin-left:6px}.myAccount a:hover,.myAccountSuper a:hover{color:#8994a5}.myAccount .username .userTitle,.myAccountSuper .username .userTitle{display:inline-block;max-width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2}.myAccount .username .userTitle:hover,.myAccountSuper .username .userTitle:hover{color:#8994a5}.corporateSettings{text-transform:uppercase}.iconColor{color:#8994a5;font-size:1.125rem}@media screen and (max-width: 1440px){.iconColor{font-size:1.0625rem}}@media screen and (max-width: 1280px){.iconColor{font-size:1rem}}@media screen and (max-width: 1025px){.iconColor{font-size:.9375rem}}.iconColor{margin-left:45px}.iconTriangle{color:#dbe1e9;font-size:.875rem}@media screen and (max-width: 1440px){.iconTriangle{font-size:.8125rem}}@media screen and (max-width: 1280px){.iconTriangle{font-size:.75rem}}@media screen and (max-width: 1025px){.iconTriangle{font-size:.6875rem}}.iconGear{padding-right:10px;font-size:1.25rem}@media screen and (max-width: 1440px){.iconGear{font-size:1.1875rem}}@media screen and (max-width: 1280px){.iconGear{font-size:1.125rem}}@media screen and (max-width: 1025px){.iconGear{font-size:1.0625rem}}.iconGear span{background-color:#cbdefd;color:#384150;border-radius:50%;font-size:1rem}@media screen and (max-width: 1440px){.iconGear span{font-size:.9375rem}}@media screen and (max-width: 1280px){.iconGear span{font-size:.875rem}}@media screen and (max-width: 1025px){.iconGear span{font-size:.8125rem}}.iconGear span{width:30px;height:30px;font-family:"Avenir-Heavy"}[dir=rtl] .iconGear span{font-family:"Almarai-Bold"}.iconGear span{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;text-transform:uppercase}.redDot{background-color:#eb3223;border-radius:.8rem;position:absolute;top:-5px;left:9px;text-align:center;font-size:.75rem}@media screen and (max-width: 1440px){.redDot{font-size:.6875rem}}@media screen and (max-width: 1280px){.redDot{font-size:.625rem}}@media screen and (max-width: 1025px){.redDot{font-size:.5625rem}}.redDot{font-family:"Avenir-Medium"}[dir=rtl] .redDot{font-family:"Almarai-Regular"}.redDot{height:16px;padding:5px;min-width:.8rem;color:#fff}.icon-bell.iconColor{position:relative;cursor:pointer}.notificationCount{margin-top:-2px}.noNotifications{margin:auto;height:calc(88vh - 38px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f3f5fd}.noNotificationText{color:#8994a5;font-size:1.25rem}@media screen and (max-width: 1440px){.noNotificationText{font-size:1.1875rem}}@media screen and (max-width: 1280px){.noNotificationText{font-size:1.125rem}}@media screen and (max-width: 1025px){.noNotificationText{font-size:1.0625rem}}.noNotificationText{margin-top:16px}.notifyClear{font-size:.875rem}@media screen and (max-width: 1440px){.notifyClear{font-size:.8125rem}}@media screen and (max-width: 1280px){.notifyClear{font-size:.75rem}}@media screen and (max-width: 1025px){.notifyClear{font-size:.6875rem}}.notifyClear{margin-right:70px;margin-top:-18px;color:#5090f8;font-family:"Avenir-Medium"}[dir=rtl] .notifyClear{font-family:"Almarai-Regular"}.notifyClear{cursor:pointer}.email{display:flex;align-items:center;border-bottom:1px solid #f3f5fd;margin:0px 0px 5px;background:#f3f5fd;padding:10px}.email h5{font-family:"Avenir-Heavy"}[dir=rtl] .email h5{font-family:"Almarai-Bold"}.email h5{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.email h5{font-size:.9375rem}}@media screen and (max-width: 1280px){.email h5{font-size:.875rem}}@media screen and (max-width: 1025px){.email h5{font-size:.8125rem}}.email h6{color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .email h6{font-family:"Almarai-Regular"}.email h6{margin-top:10px;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signOut{color:#5090f8;font-family:"Avenir-Heavy"}[dir=rtl] .signOut{font-family:"Almarai-Bold"}.signOut{cursor:pointer;font-size:1rem}@media screen and (max-width: 1440px){.signOut{font-size:.9375rem}}@media screen and (max-width: 1280px){.signOut{font-size:.875rem}}@media screen and (max-width: 1025px){.signOut{font-size:.8125rem}}textarea{font-family:"Avenir-Roman"}[dir=rtl] textarea{font-family:"Almarai-Light"}.popupPadding{padding:16px 30px}.notificationDayBlock,.notificationDayLoader{padding:16px 30px;background:#f3f5fd}.notificationDayLoader{padding-top:6px}.iconFnt{font-size:1rem}@media screen and (max-width: 1440px){.iconFnt{font-size:.9375rem}}@media screen and (max-width: 1280px){.iconFnt{font-size:.875rem}}@media screen and (max-width: 1025px){.iconFnt{font-size:.8125rem}}.iconFnt{position:absolute;right:0;top:5px;color:#8994a5}.sliderPopup .notificationPopup .NotificationBody{overflow:auto;height:calc(91vh - 0px)}.sliderPopup .notificationPopup .NotificationBody .notificationTitle{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .notificationTitle{font-family:"Almarai-Bold"}.sliderPopup .notificationPopup .NotificationBody .notificationTitle{font-size:1.625rem}@media screen and (max-width: 1440px){.sliderPopup .notificationPopup .NotificationBody .notificationTitle{font-size:1.5625rem}}@media screen and (max-width: 1280px){.sliderPopup .notificationPopup .NotificationBody .notificationTitle{font-size:1.5rem}}@media screen and (max-width: 1025px){.sliderPopup .notificationPopup .NotificationBody .notificationTitle{font-size:1.4375rem}}.sliderPopup .notificationPopup .NotificationBody .notificationTitle{color:#384150}.sliderPopup .notificationPopup .NotificationBody .notificationDay{color:#8994a5;text-transform:uppercase;font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .notificationDay{font-family:"Almarai-Bold"}.sliderPopup .notificationPopup .NotificationBody .notificationDay{font-size:.875rem}@media screen and (max-width: 1440px){.sliderPopup .notificationPopup .NotificationBody .notificationDay{font-size:.8125rem}}@media screen and (max-width: 1280px){.sliderPopup .notificationPopup .NotificationBody .notificationDay{font-size:.75rem}}@media screen and (max-width: 1025px){.sliderPopup .notificationPopup .NotificationBody .notificationDay{font-size:.6875rem}}.sliderPopup .notificationPopup .NotificationBody .alertInfo{padding:25px 16px 25px 45px;cursor:pointer}.sliderPopup .notificationPopup .NotificationBody .alertInfo.isNotifyNotRed{background:rgba(239,200,31,.25)}.sliderPopup .notificationPopup .NotificationBody .alertInfo.isNotifyNotRed:hover{background:rgba(239,200,31,.15)}.sliderPopup .notificationPopup .NotificationBody .alertInfo:hover{background:#f3f5fd}.sliderPopup .notificationPopup .NotificationBody .alertInfo:hover .alertTitle span.icon-close{opacity:1;transition:all .2s ease-in-out;margin-left:10px}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle{color:#000001;font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle{font-family:"Almarai-Regular"}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle{font-size:.875rem}@media screen and (max-width: 1440px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle{font-size:.6875rem}}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle{padding-bottom:10px;display:flex;justify-content:space-between;align-items:center}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle>span{font-size:.75rem}@media screen and (max-width: 1440px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle>span{font-size:.6875rem}}@media screen and (max-width: 1280px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle>span{font-size:.625rem}}@media screen and (max-width: 1025px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle>span{font-size:.5625rem}}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle>span{color:#8994a5}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle span:first-child{color:#000001;font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle span:first-child{font-family:"Almarai-Regular"}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle span:first-child{font-size:1rem}@media screen and (max-width: 1440px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle span:first-child{font-size:.9375rem}}@media screen and (max-width: 1280px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle span:first-child{font-size:.875rem}}@media screen and (max-width: 1025px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle span:first-child{font-size:.8125rem}}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle span:first-child{width:63%;line-height:1.3}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle span.icon-close{opacity:0;transition:all .2s ease-in-out;margin-left:10px}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle .notificationDateNTime{margin-left:auto}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle.alertreadTitle span:first-child{color:#384150}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle.alertreadTitle span:first-child::first-letter{text-transform:uppercase}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertText{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .alertInfo .alertText{font-family:"Almarai-Light"}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertText{font-size:.875rem}@media screen and (max-width: 1440px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertText{font-size:.8125rem}}@media screen and (max-width: 1280px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertText{font-size:.75rem}}@media screen and (max-width: 1025px){.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertText{font-size:.6875rem}}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertText{line-height:1.4;padding-right:26px}.sliderPopup .notificationPopup .inpGroupAppend{padding:15px 45px;background-color:#f3f5fd}.sliderPopup .notificationPopup .inpGroupAppend .toggleSwitching{width:max-content}.sliderPopup .notificationPopup .loaderSpace{margin-top:10px;margin-bottom:70px}.quickLinksContainer{position:relative}.quickLinksContainer .isQuickLinks{border:1px solid #dbe1e9;border-radius:18px;padding:0 10px;min-height:36px;min-width:118px;justify-content:center;background:#fff;transition:all .15s ease-in-out 0s}.quickLinksContainer .isQuickLinks h3{color:#384150;padding-right:6px;font-family:"Avenir-Medium"}[dir=rtl] .quickLinksContainer .isQuickLinks h3{font-family:"Almarai-Regular"}.quickLinksContainer .isQuickLinks .icon-down-arrow{color:#384150;transition:.5s}.quickLinksContainer .isQuickLinks .icon-down-arrow.toggleIcon{transform:rotate(-180deg) scale(1)}.quickLinksContainer .isQuickLinks:hover{background:#cbdefd;border:1px solid #dbe1e9}.quickLinksContainer .userPanel.quickLinkData{min-width:350px;right:0;left:auto;top:35px;background:#384150;padding:10px;border-radius:8px}.quickLinksContainer .userPanel.quickLinkData::before{content:none}.quickLinksContainer .userPanel.quickLinkData .listLinks{background:rgba(0,0,0,0);border:1px solid #697383;border-radius:4px;padding:12px 10px 12px 68px;margin:10px 0;transition:.3s}.quickLinksContainer .userPanel.quickLinkData .listLinks:first-child{margin-top:0}.quickLinksContainer .userPanel.quickLinkData .listLinks:last-child{margin-bottom:0}.quickLinksContainer .userPanel.quickLinkData .listLinks:hover{background-color:#697383;border:1px solid #697383}.quickLinksContainer .userPanel.quickLinkData .listLinks h4{font-family:"Avenir-Heavy"}[dir=rtl] .quickLinksContainer .userPanel.quickLinkData .listLinks h4{font-family:"Almarai-Bold"}.quickLinksContainer .userPanel.quickLinkData .listLinks h4{font-size:.875rem}@media screen and (max-width: 1440px){.quickLinksContainer .userPanel.quickLinkData .listLinks h4{font-size:.8125rem}}@media screen and (max-width: 1280px){.quickLinksContainer .userPanel.quickLinkData .listLinks h4{font-size:.75rem}}@media screen and (max-width: 1025px){.quickLinksContainer .userPanel.quickLinkData .listLinks h4{font-size:.6875rem}}.quickLinksContainer .userPanel.quickLinkData .listLinks h4{color:#fff}.quickLinksContainer .userPanel.quickLinkData .listLinks .subTitle{font-family:"Avenir-Medium"}[dir=rtl] .quickLinksContainer .userPanel.quickLinkData .listLinks .subTitle{font-family:"Almarai-Regular"}.quickLinksContainer .userPanel.quickLinkData .listLinks .subTitle{font-size:.75rem}@media screen and (max-width: 1440px){.quickLinksContainer .userPanel.quickLinkData .listLinks .subTitle{font-size:.6875rem}}@media screen and (max-width: 1280px){.quickLinksContainer .userPanel.quickLinkData .listLinks .subTitle{font-size:.625rem}}@media screen and (max-width: 1025px){.quickLinksContainer .userPanel.quickLinkData .listLinks .subTitle{font-size:.5625rem}}.quickLinksContainer .userPanel.quickLinkData .listLinks .subTitle{color:#dbe1e9}.quickLinksContainer .userPanel.quickLinkData .listLinks::after{content:none}.settingsAlign{align-items:center;padding:12px 10px;margin-top:5px}.settingsAlign:hover{background:#f3f5fd}.settingsBtn{border:1px solid #5090f8;padding:8px 17px;transition:.3s}.settingsBtn:hover{background:#5090f8;color:#fff}.newUpdatePopup-overlay{top:auto !important;padding-bottom:40px}.newUpdateBlock{background:#62bd69;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:4px}.newUpdateBlock.resolvedAnnouncement{min-height:60px}.newUpdateBlock.resolvedAnnouncement .infoMessage{color:#fff;font-size:1rem}@media screen and (max-width: 1440px){.newUpdateBlock.resolvedAnnouncement .infoMessage{font-size:.9375rem}}@media screen and (max-width: 1280px){.newUpdateBlock.resolvedAnnouncement .infoMessage{font-size:.875rem}}@media screen and (max-width: 1025px){.newUpdateBlock.resolvedAnnouncement .infoMessage{font-size:.8125rem}}.newUpdateBlock.resolvedAnnouncement .infoMessage{font-family:"Avenir-Roman"}[dir=rtl] .newUpdateBlock.resolvedAnnouncement .infoMessage{font-family:"Almarai-Light"}.newUpdateBlock.resolvedAnnouncement .infoMessage{line-height:initial}.newUpdateBlock.resolvedAnnouncement .infoMessage span{font-family:"Avenir-Heavy"}[dir=rtl] .newUpdateBlock.resolvedAnnouncement .infoMessage span{font-family:"Almarai-Bold"}.newUpdateBlock.alertAnnouncement{background:#ffde4d;min-height:60px}.newUpdateBlock.alertAnnouncement .isBellUpdate .icon-alert-error{color:#000001;border-radius:50%;background:rgba(0,0,1,.2);padding:12px;margin-right:20px;font-size:1.25rem}@media screen and (max-width: 1440px){.newUpdateBlock.alertAnnouncement .isBellUpdate .icon-alert-error{font-size:1.1875rem}}@media screen and (max-width: 1280px){.newUpdateBlock.alertAnnouncement .isBellUpdate .icon-alert-error{font-size:1.125rem}}@media screen and (max-width: 1025px){.newUpdateBlock.alertAnnouncement .isBellUpdate .icon-alert-error{font-size:1.0625rem}}.newUpdateBlock.alertAnnouncement .infoMessage{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.newUpdateBlock.alertAnnouncement .infoMessage{font-size:.9375rem}}@media screen and (max-width: 1280px){.newUpdateBlock.alertAnnouncement .infoMessage{font-size:.875rem}}@media screen and (max-width: 1025px){.newUpdateBlock.alertAnnouncement .infoMessage{font-size:.8125rem}}.newUpdateBlock.alertAnnouncement .infoMessage{font-family:"Avenir-Roman"}[dir=rtl] .newUpdateBlock.alertAnnouncement .infoMessage{font-family:"Almarai-Light"}.newUpdateBlock.alertAnnouncement .infoMessage{line-height:initial}.newUpdateBlock.alertAnnouncement .infoMessage span{font-family:"Avenir-Heavy"}[dir=rtl] .newUpdateBlock.alertAnnouncement .infoMessage span{font-family:"Almarai-Bold"}.newUpdateBlock.alertAnnouncement .updatesLogout .icon-close{color:#384150}.newUpdateBlock.errorAnnouncement{background:#eb3223;min-height:60px}.newUpdateBlock.errorAnnouncement .isBellUpdate .icon-alert-error{color:#fff;border-radius:50%;background:hsla(0,0%,100%,.2);padding:12px;margin-right:20px;font-size:1.25rem}@media screen and (max-width: 1440px){.newUpdateBlock.errorAnnouncement .isBellUpdate .icon-alert-error{font-size:1.1875rem}}@media screen and (max-width: 1280px){.newUpdateBlock.errorAnnouncement .isBellUpdate .icon-alert-error{font-size:1.125rem}}@media screen and (max-width: 1025px){.newUpdateBlock.errorAnnouncement .isBellUpdate .icon-alert-error{font-size:1.0625rem}}.newUpdateBlock.errorAnnouncement .infoMessage{color:#fff;font-size:1rem}@media screen and (max-width: 1440px){.newUpdateBlock.errorAnnouncement .infoMessage{font-size:.9375rem}}@media screen and (max-width: 1280px){.newUpdateBlock.errorAnnouncement .infoMessage{font-size:.875rem}}@media screen and (max-width: 1025px){.newUpdateBlock.errorAnnouncement .infoMessage{font-size:.8125rem}}.newUpdateBlock.errorAnnouncement .infoMessage{font-family:"Avenir-Roman"}[dir=rtl] .newUpdateBlock.errorAnnouncement .infoMessage{font-family:"Almarai-Light"}.newUpdateBlock.errorAnnouncement .infoMessage{line-height:initial}.newUpdateBlock.errorAnnouncement .infoMessage span{font-family:"Avenir-Heavy"}[dir=rtl] .newUpdateBlock.errorAnnouncement .infoMessage span{font-family:"Almarai-Bold"}.newUpdateBlock.errorAnnouncement .infoMessage span{color:#fff}.newUpdateBlock.errorAnnouncement .updatesLogout .icon-close{color:#fff}.newUpdateBlock .createBtn{max-width:104px;width:104px;padding:6px 18px;border:1px solid #fff;background:#62bd69;color:#fff}.newUpdateBlock .createBtn:hover{background:#fff;color:#62bd69;border:1px solid #fff}.isBellUpdate{display:flex;align-items:center}.isBellUpdate .infoMessage{padding-right:15px}.isBellUpdate .icon-new-update-bell{color:#fff;border-radius:50%;background:#72c478;padding:10px 11px;margin-right:20px;font-size:1.25rem}@media screen and (max-width: 1440px){.isBellUpdate .icon-new-update-bell{font-size:1.1875rem}}@media screen and (max-width: 1280px){.isBellUpdate .icon-new-update-bell{font-size:1.125rem}}@media screen and (max-width: 1025px){.isBellUpdate .icon-new-update-bell{font-size:1.0625rem}}.newUpdates{display:flex;flex-direction:column}.newUpdates span{color:#fff;padding:5px 0;font-size:1rem}@media screen and (max-width: 1440px){.newUpdates span{font-size:.9375rem}}@media screen and (max-width: 1280px){.newUpdates span{font-size:.875rem}}@media screen and (max-width: 1025px){.newUpdates span{font-size:.8125rem}}.newUpdates span{font-family:"Avenir-Roman"}[dir=rtl] .newUpdates span{font-family:"Almarai-Light"}.newUpdates .watsNew{text-decoration:underline;font-family:"Avenir-Roman"}[dir=rtl] .newUpdates .watsNew{font-family:"Almarai-Light"}.newUpdates .osvUpdate{font-family:"Avenir-Heavy"}[dir=rtl] .newUpdates .osvUpdate{font-family:"Almarai-Bold"}.updatesLogout{display:flex;align-items:center}.updatesLogout .icon-close{color:#fff;font-size:.875rem}@media screen and (max-width: 1440px){.updatesLogout .icon-close{font-size:.8125rem}}@media screen and (max-width: 1280px){.updatesLogout .icon-close{font-size:.75rem}}@media screen and (max-width: 1025px){.updatesLogout .icon-close{font-size:.6875rem}}.updatesLogout .icon-close{cursor:pointer}.updatesLogout .icon-close:hover{opacity:.7}.updatesLogout .createBtn{margin-right:16px}.iconSettings:before{margin:auto;background:#f3f5fd;padding:8px 9px;border-radius:50%;font-size:1.25rem}@media screen and (max-width: 1440px){.iconSettings:before{font-size:1.1875rem}}@media screen and (max-width: 1280px){.iconSettings:before{font-size:1.125rem}}@media screen and (max-width: 1025px){.iconSettings:before{font-size:1.0625rem}}.iconSettings:before{color:#8994a5}.icon-Activity-log.iconSettings::before{font-size:1rem}@media screen and (max-width: 1440px){.icon-Activity-log.iconSettings::before{font-size:.9375rem}}@media screen and (max-width: 1280px){.icon-Activity-log.iconSettings::before{font-size:.875rem}}@media screen and (max-width: 1025px){.icon-Activity-log.iconSettings::before{font-size:.8125rem}}.icon-Activity-log.iconSettings::before{padding:10px 8px}.icon-beneficiary-master.iconSettings::before{padding:7px 10px}.icon-wallet.iconSettings::before{font-size:1.125rem}@media screen and (max-width: 1440px){.icon-wallet.iconSettings::before{font-size:1.0625rem}}@media screen and (max-width: 1280px){.icon-wallet.iconSettings::before{font-size:1rem}}@media screen and (max-width: 1025px){.icon-wallet.iconSettings::before{font-size:.9375rem}}.settingsTitle{font-size:.875rem}@media screen and (max-width: 1440px){.settingsTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.settingsTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.settingsTitle{font-size:.6875rem}}.settingsTitle{font-family:"Avenir-Medium"}[dir=rtl] .settingsTitle{font-family:"Almarai-Regular"}.settingsTitle{color:#000001;cursor:pointer}.viewBankBalance{font-size:.75rem}@media screen and (max-width: 1440px){.viewBankBalance{font-size:.6875rem}}@media screen and (max-width: 1280px){.viewBankBalance{font-size:.625rem}}@media screen and (max-width: 1025px){.viewBankBalance{font-size:.5625rem}}.viewBankBalance{font-family:"Avenir-Roman"}[dir=rtl] .viewBankBalance{font-family:"Almarai-Light"}.viewBankBalance{color:#8994a5}.settingBrdrBtm{border-bottom:1px solid #f3f5fd}.notifyTitle:empty,.notifyData:empty{height:30px;width:100%;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.notifyTitle:empty{max-width:300px}.notifyData:empty{max-width:500px}@keyframes horz{to{background-position:100% 10px,0 10px,0 35px}}.sandBoxSelect{width:calc(100% - 90px);font-family:"Avenir-Heavy"}[dir=rtl] .sandBoxSelect{font-family:"Almarai-Bold"}.sandBoxSelect{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;line-height:20px}.sandBoxContainer{background-color:#ffde4d;font-size:.625rem}@media screen and (max-width: 1280px){.sandBoxContainer{font-size:.5625rem}}.sandBoxContainer{font-family:"Avenir-Medium"}[dir=rtl] .sandBoxContainer{font-family:"Almarai-Regular"}.sandBoxContainer{text-transform:uppercase;padding:1px 10px;border-radius:4px;color:#000001;display:inline-block;align-self:flex-end;position:relative;top:-3px}.sandBoxContainer.prodBoxContainer{background-color:#62bd69;color:#fff}.sandBoxContainer span{position:relative;top:1px}.sandBoxSelectBox .selectOptionFont[class*=-ValueContainer]{padding-right:0}.sandBoxSelectBox .selectOptionFont[class*=-singleValue]{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.sandBoxSelectBox .selectOptionFont[class*=css-][class*=-control]{width:250px}.depositeAccountProfile img{width:38px;height:36px}[class$=-option].selectedHighlightOption{background-color:#58667b}.nafathHeader{padding:12px 0}
.whatsNewPopup .whatsNewContainer{padding:20px 45px}.whatsNewPopup .whatsNewContainer .versionTitle{color:#eb8b2d;font-size:1rem}@media screen and (max-width: 1440px){.whatsNewPopup .whatsNewContainer .versionTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.whatsNewPopup .whatsNewContainer .versionTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.whatsNewPopup .whatsNewContainer .versionTitle{font-size:.8125rem}}.whatsNewPopup .whatsNewContainer .versionTitle{font-family:"Avenir-Heavy"}[dir=rtl] .whatsNewPopup .whatsNewContainer .versionTitle{font-family:"Almarai-Bold"}.whatsNewPopup .whatsNewContainer .versionTitle{padding-bottom:30px}.whatsNewPopup .whatsNewContainer .versionTitle.isNafathProcessTitle{font-family:"Avenir-Heavy"}[dir=rtl] .whatsNewPopup .whatsNewContainer .versionTitle.isNafathProcessTitle{font-family:"Almarai-Bold"}.whatsNewPopup .whatsNewContainer .versionTitle.isNafathProcessTitle{font-size:.875rem}@media screen and (max-width: 1440px){.whatsNewPopup .whatsNewContainer .versionTitle.isNafathProcessTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.whatsNewPopup .whatsNewContainer .versionTitle.isNafathProcessTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.whatsNewPopup .whatsNewContainer .versionTitle.isNafathProcessTitle{font-size:.6875rem}}.whatsNewPopup .whatsNewContainer .versionTitle.isNafathProcessTitle{color:#384150}.whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType{margin:0;list-style-type:none;margin-left:17px;border-bottom:1px solid #dbe1e9;padding-bottom:30px}.whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li{font-size:.8125rem}}@media screen and (max-width: 1280px){.whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li{font-size:.75rem}}@media screen and (max-width: 1025px){.whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li{font-size:.6875rem}}.whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li{margin-left:11px;font-family:"Avenir-Roman"}[dir=rtl] .whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li{font-family:"Almarai-Light"}.whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li{margin-bottom:14px;line-height:1.5}.whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li .icon-release-arrow{color:#62bd69;padding-right:12px;margin-left:-27px}.whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li:last-child{margin-bottom:0}.whatsNewPopup .whatsNewContainer .releaseNotesList.isNafathList ul.listType{border-bottom:none;padding-bottom:0}
.sessionWarning .transactionDetails{padding:40px}.sessionWarning .transactionDetails h3{margin:0 0 30px 0}.sessionWarning p{font-size:1rem}@media screen and (max-width: 1440px){.sessionWarning p{font-size:.9375rem}}@media screen and (max-width: 1280px){.sessionWarning p{font-size:.875rem}}@media screen and (max-width: 1025px){.sessionWarning p{font-size:.8125rem}}.sessionWarning p{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .sessionWarning p{font-family:"Almarai-Light"}.sessionWarning p{line-height:21px;margin:20px 0 7px 0}.sessionWarning p>span{color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .sessionWarning p>span{font-family:"Almarai-Bold"}.sessionBtns{display:flex;justify-content:space-between}.sessionBtns .btn{font-size:1rem}@media screen and (max-width: 1440px){.sessionBtns .btn{font-size:.9375rem}}@media screen and (max-width: 1280px){.sessionBtns .btn{font-size:.875rem}}@media screen and (max-width: 1025px){.sessionBtns .btn{font-size:.8125rem}}.sessionBtns .btn{width:45%;margin-top:30px;padding:15px 0}.sessionBtns .btn.transparent{color:#5090f8;border:1px solid #5090f8}.sessionBtns .btn.transparent:hover{background:#5090f8;color:#fff;border-color:rgba(0,0,0,0)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:none;color:#fff;border-radius:4px;background-color:#fff;padding:0 15px;font-size:.875rem}@media screen and (max-width: 1440px){.btn{font-size:.8125rem}}@media screen and (max-width: 1280px){.btn{font-size:.75rem}}@media screen and (max-width: 1025px){.btn{font-size:.6875rem}}.btn{min-height:44px;font-family:"Avenir-Heavy"}[dir=rtl] .btn{font-family:"Almarai-Bold"}.btn{line-height:14px;min-width:100px;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.btn:hover{opacity:.8}.btn>i{margin-right:7px;font-size:1rem}@media screen and (max-width: 1440px){.btn>i{font-size:.9375rem}}@media screen and (max-width: 1280px){.btn>i{font-size:.875rem}}@media screen and (max-width: 1025px){.btn>i{font-size:.8125rem}}.btn.transparent{background-color:rgba(0,0,0,0)}.btn.success{background-color:#62bd69}.btn.warning{background-color:#eb3223}.btn.primary{background-color:#5090f8}.btn.secondary{background-color:#eb8b2d}.btn.info{border:1px solid #5090f8;color:#5090f8}.btn.info:hover,.btn.info.active{background-color:#5090f8;color:#fff}.btn.info:hover{opacity:1}button.btn.noBorder{border:0}.countTabs{width:100%}.countTabs .btn{max-width:fit-content;max-width:-moz-fit-content;margin-right:10px;font-size:.875rem}@media screen and (max-width: 1440px){.countTabs .btn{font-size:.8125rem}}@media screen and (max-width: 1280px){.countTabs .btn{font-size:.75rem}}@media screen and (max-width: 1025px){.countTabs .btn{font-size:.6875rem}}.countTabs .btn{padding:0 13px;background:#f3f5fd;color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .countTabs .btn{font-family:"Almarai-Regular"}.countTabs .btn{min-height:32px;border:0;margin-top:13px}.countTabs .btn.active{background-color:#5090f8;color:#fff}.loadBtn{-webkit-background-size:30px 30px;-moz-background-size:30px 30px;background-size:30px 30px;background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparen);background-image:-o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);animation:animate-stripes .6s linear infinite;-webkit-animation:animate-stripes .6s linear infinite;-moz-animation:animate-stripes .6s linear infinite;pointer-events:none}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@-moz-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}
.loginWrapper.panel,.loginWrapper.forgotPanel{width:100%;width:450px;height:auto}.loginWrapper .isLoginBtn{display:flex;align-items:center;justify-content:center}.loginWrapper .isLoginBtn .icon-lock{color:#f3b981;font-size:1rem}@media screen and (max-width: 1440px){.loginWrapper .isLoginBtn .icon-lock{font-size:.9375rem}}@media screen and (max-width: 1280px){.loginWrapper .isLoginBtn .icon-lock{font-size:.875rem}}@media screen and (max-width: 1025px){.loginWrapper .isLoginBtn .icon-lock{font-size:.8125rem}}.loginWrapper .isLoginBtn .icon-lock{padding-right:8px;position:relative;top:-2px}.loginWrapper .formControl .radio{font-size:.875rem}@media screen and (max-width: 1440px){.loginWrapper .formControl .radio{font-size:.8125rem}}@media screen and (max-width: 1280px){.loginWrapper .formControl .radio{font-size:.75rem}}@media screen and (max-width: 1025px){.loginWrapper .formControl .radio{font-size:.6875rem}}.loginWrapper .formControl .radio{color:#000001;text-align:left;font-weight:900;margin-left:25px;line-height:1.5;font-family:"Avenir-Heavy"}[dir=rtl] .loginWrapper .formControl .radio{font-family:"Almarai-Bold"}.loginWrapper .formControl label>input{position:absolute;margin-left:-25px;margin-top:3px}.loginWrapper .resend{border:none;background:none;color:#5090f8;font-family:"Avenir-Medium"}[dir=rtl] .loginWrapper .resend{font-family:"Almarai-Regular"}.loginWrapper .twoStep{font-family:"Avenir-Heavy"}[dir=rtl] .loginWrapper .twoStep{font-family:"Almarai-Bold"}.loginWrapper .twoStep{font-size:1.5rem}@media screen and (max-width: 1440px){.loginWrapper .twoStep{font-size:1.4375rem}}@media screen and (max-width: 1280px){.loginWrapper .twoStep{font-size:1.375rem}}@media screen and (max-width: 1025px){.loginWrapper .twoStep{font-size:1.3125rem}}.panel.loginWrapper{margin:0;border:0;padding:0}.panel.loginWrapper .logoWrapper{padding-bottom:0}.panel.loginWrapper .logoWrapper .licenseExpiry h1.blockedTitle{font-family:"Avenir-Roman"}[dir=rtl] .panel.loginWrapper .logoWrapper .licenseExpiry h1.blockedTitle{font-family:"Almarai-Light"}.panel.loginWrapper .logoWrapper .licenseExpiry .icon-license-expiry{color:#8994a5;font-size:6.25rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .licenseExpiry .icon-license-expiry{font-size:6.1875rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .licenseExpiry .icon-license-expiry{font-size:6.125rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .licenseExpiry .icon-license-expiry{font-size:6.0625rem}}.panel.loginWrapper .logoWrapper .licenseExpiry .createBtn{border:1px solid #5090f8;color:#5090f8}.panel.loginWrapper .logoWrapper .licenseExpiry .createBtn:hover{color:#fff}.panel.loginWrapper .logoWrapper h2.loginTitle{font-family:"Avenir-Heavy"}[dir=rtl] .panel.loginWrapper .logoWrapper h2.loginTitle{font-family:"Almarai-Bold"}.panel.loginWrapper .logoWrapper h2.loginTitle{font-size:1.5rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper h2.loginTitle{font-size:1.4375rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper h2.loginTitle{font-size:1.375rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper h2.loginTitle{font-size:1.3125rem}}.panel.loginWrapper .logoWrapper h2.loginTitle{color:#000001}.panel.loginWrapper .logoWrapper .icon-shield{color:#62bd69;font-size:1.5625rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .icon-shield{font-size:1.5rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .icon-shield{font-size:1.4375rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .icon-shield{font-size:1.375rem}}.panel.loginWrapper .logoWrapper .icon-shield{display:inline-block;padding-left:12px;margin:0}.panel.loginWrapper .logoWrapper .oneAccForEveryThing{font-family:"Avenir-Roman"}[dir=rtl] .panel.loginWrapper .logoWrapper .oneAccForEveryThing{font-family:"Almarai-Light"}.panel.loginWrapper .logoWrapper .oneAccForEveryThing{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .oneAccForEveryThing{font-size:.8125rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .oneAccForEveryThing{font-size:.75rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .oneAccForEveryThing{font-size:.6875rem}}.panel.loginWrapper .logoWrapper .oneAccForEveryThing{display:block;margin:20px 0}.panel.loginWrapper .logoWrapper .oneAccForEveryThing a{color:#5090f8}.panel.loginWrapper .logoWrapper .isSingleviewAccess{font-family:"Avenir-Roman"}[dir=rtl] .panel.loginWrapper .logoWrapper .isSingleviewAccess{font-family:"Almarai-Light"}.panel.loginWrapper .logoWrapper .isSingleviewAccess{font-size:.875rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .isSingleviewAccess{font-size:.8125rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .isSingleviewAccess{font-size:.75rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .isSingleviewAccess{font-size:.6875rem}}.panel.loginWrapper .logoWrapper .isSingleviewAccess{color:#8994a5;margin-top:16px;margin-bottom:16px}.panel.loginWrapper .logoWrapper .otpInputBlock .otpInputField{margin-top:25px}.panel.loginWrapper .logoWrapper .mfaWrapper h1{color:#000001;font-size:1.5rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .mfaWrapper h1{font-size:1.4375rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .mfaWrapper h1{font-size:1.375rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .mfaWrapper h1{font-size:1.3125rem}}.panel.loginWrapper .logoWrapper .mfaWrapper h1{font-family:"Avenir-Heavy"}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper h1{font-family:"Almarai-Bold"}.panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-family:"Avenir-Medium"}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-family:"Almarai-Regular"}.panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-size:.875rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-size:.8125rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-size:.75rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-size:.6875rem}}.panel.loginWrapper .logoWrapper .mfaWrapper div.text{color:#8994a5;line-height:initial}.panel.loginWrapper .logoWrapper .mfaWrapper .mfaBlock{text-align:left;margin-top:16px}.panel.loginWrapper .logoWrapper .mfaWrapper .mfaBlock .forgotPsw .btnDivide{position:relative}.panel.loginWrapper .logoWrapper .mfaWrapper .mfaBlock .forgotPsw .btnDivide::after{content:"";border-right:2px solid #dbe1e9;height:30px;display:inline-block;position:absolute;cursor:initial;top:-5px;right:-10px}.panel.loginWrapper .logoWrapper .mfaWrapper .BlockChainSecurity{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .mfaWrapper .BlockChainSecurity{font-size:.8125rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .mfaWrapper .BlockChainSecurity{font-size:.75rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .mfaWrapper .BlockChainSecurity{font-size:.6875rem}}.panel.loginWrapper .logoWrapper .mfaWrapper .BlockChainSecurity{font-family:"Avenir-Heavy"}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper .BlockChainSecurity{font-family:"Almarai-Bold"}.panel.loginWrapper .logoWrapper .mfaWrapper .blockedTitle{color:#000001;font-size:1.5625rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .mfaWrapper .blockedTitle{font-size:1.5rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .mfaWrapper .blockedTitle{font-size:1.4375rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .mfaWrapper .blockedTitle{font-size:1.375rem}}.panel.loginWrapper .logoWrapper .mfaWrapper .blockedTitle{font-family:"Avenir-Roman"}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper .blockedTitle{font-family:"Almarai-Light"}.panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{font-size:.8125rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{font-size:.75rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{font-size:.6875rem}}.panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{font-family:"Avenir-Roman"}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{font-family:"Almarai-Light"}.panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{line-height:1.4}.panel.loginWrapper .logoWrapper .mfaWrapper .icon-Account-locked{color:#8994a5;font-size:6.25rem}@media screen and (max-width: 1440px){.panel.loginWrapper .logoWrapper .mfaWrapper .icon-Account-locked{font-size:6.1875rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .logoWrapper .mfaWrapper .icon-Account-locked{font-size:6.125rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .logoWrapper .mfaWrapper .icon-Account-locked{font-size:6.0625rem}}.panel.loginWrapper .logoWrapper .emailSentLogo{height:75px}.panel.loginWrapper .isByTapping{font-family:"Avenir-Roman"}[dir=rtl] .panel.loginWrapper .isByTapping{font-family:"Almarai-Light"}.panel.loginWrapper .isByTapping{font-size:.875rem}@media screen and (max-width: 1440px){.panel.loginWrapper .isByTapping{font-size:.8125rem}}@media screen and (max-width: 1280px){.panel.loginWrapper .isByTapping{font-size:.75rem}}@media screen and (max-width: 1025px){.panel.loginWrapper .isByTapping{font-size:.6875rem}}.panel.loginWrapper .isByTapping{color:#8994a5;line-height:20px}.panel.loginWrapper .isByTapping .linkColor{color:#5090f8}.panel.loginWrapper .primaryButtonStyles.isOtpScreenBtn{margin-top:17px}.container.isLoginContainer{padding:0 60px 30px;width:100%}.container.isLoginContainer main.isMainLoginSection{min-height:86vh;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid #dbe1e9;margin-top:65px}.container.isLoginContainer main.isMainLoginSection .isSubLoginSection{width:45%;background:#fff;border-bottom-right-radius:8px;border-top-right-radius:8px;display:flex;height:100%}.container.isLoginContainer main.isMainLoginSection .isSubLoginSection .isWhitepanelSection{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.container.isLoginContainer main.isMainLoginSection .isSubLoginSection .isWhitepanelSection .isFestivalBannerOnLogin{position:absolute;top:20px;right:20px}.container.isLoginContainer main.isMainLoginSection .isSubLoginSection .panel.loginWrapper{margin:0;border:0;padding:0}.container.isLoginContainer main.isMainLoginSection .isSubLoginSection .panel.loginWrapper .logoWrapper{padding-bottom:0}.container.isLoginContainer main.isMainLoginSection .isSubLoginSection .loginWrapper .twoStep{font-family:"Avenir-Heavy"}[dir=rtl] .container.isLoginContainer main.isMainLoginSection .isSubLoginSection .loginWrapper .twoStep{font-family:"Almarai-Bold"}.container.isLoginContainer main.isMainLoginSection .isSubLoginSection .loginWrapper .twoStep{font-size:1.5rem}@media screen and (max-width: 1440px){.container.isLoginContainer main.isMainLoginSection .isSubLoginSection .loginWrapper .twoStep{font-size:1.4375rem}}@media screen and (max-width: 1280px){.container.isLoginContainer main.isMainLoginSection .isSubLoginSection .loginWrapper .twoStep{font-size:1.375rem}}@media screen and (max-width: 1025px){.container.isLoginContainer main.isMainLoginSection .isSubLoginSection .loginWrapper .twoStep{font-size:1.3125rem}}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection{width:55%;background:#f3f5fd;border-top-left-radius:8px;border-bottom-left-radius:8px;display:flex;justify-content:center;flex-direction:column;height:100%}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselImg{width:75%}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselTitle{font-size:1.5rem}@media screen and (max-width: 1440px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselTitle{font-size:1.4375rem}}@media screen and (max-width: 1280px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselTitle{font-size:1.375rem}}@media screen and (max-width: 1025px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselTitle{font-size:1.3125rem}}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselTitle{font-family:"Avenir-Heavy"}[dir=rtl] .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselTitle{font-family:"Almarai-Bold"}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselTitle{color:#000001;margin-top:32px}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselInfo{font-size:1rem}@media screen and (max-width: 1440px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselInfo{font-size:.9375rem}}@media screen and (max-width: 1280px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselInfo{font-size:.875rem}}@media screen and (max-width: 1025px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselInfo{font-size:.8125rem}}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselInfo{font-family:"Avenir-Roman"}[dir=rtl] .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselInfo{font-family:"Almarai-Light"}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselInfo{color:#8994a5;margin-top:20px;margin-bottom:20px;text-align:center;line-height:24px}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .swiper{padding-bottom:25px}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .swiper .swiper-wrapper .swiper-slide{max-width:100%}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .swiper .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#dbe1e9;opacity:1}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#395293}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{margin-bottom:1rem}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb .carouselImg{width:55%}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection.isObLoginFlow .isLoginCarouselContainer{display:flex;align-items:center;justify-content:center}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection.isObLoginFlow .isLoginCarouselContainer .swiper{padding-bottom:0;display:flex;align-items:center}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection.isObLoginFlow .isLoginCarouselContainer .swiper .swiper-wrapper,.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection.isObLoginFlow .isLoginCarouselContainer .swiper .swiper-pagination{display:none}.logoWrapper{text-align:left;padding-bottom:1em}.isAcceptTerms{font-family:"Avenir-Medium"}[dir=rtl] .isAcceptTerms{font-family:"Almarai-Regular"}.isAcceptTerms{font-size:.875rem}@media screen and (max-width: 1440px){.isAcceptTerms{font-size:.8125rem}}@media screen and (max-width: 1280px){.isAcceptTerms{font-size:.75rem}}@media screen and (max-width: 1025px){.isAcceptTerms{font-size:.6875rem}}.isAcceptTerms{color:#8994a5}.isAcceptTerms a{font-family:"Avenir-Medium"}[dir=rtl] .isAcceptTerms a{font-family:"Almarai-Regular"}.isAcceptTerms a:hover{text-decoration:underline}.isCaptcha .isContinue{font-size:.875rem}@media screen and (max-width: 1440px){.isCaptcha .isContinue{font-size:.8125rem}}@media screen and (max-width: 1280px){.isCaptcha .isContinue{font-size:.75rem}}@media screen and (max-width: 1025px){.isCaptcha .isContinue{font-size:.6875rem}}.isCaptcha .isContinue{color:#8994a5}.isCaptcha .icon-autorenew{color:#8994a5;font-size:1.25rem}@media screen and (max-width: 1440px){.isCaptcha .icon-autorenew{font-size:1.1875rem}}@media screen and (max-width: 1280px){.isCaptcha .icon-autorenew{font-size:1.125rem}}@media screen and (max-width: 1025px){.isCaptcha .icon-autorenew{font-size:1.0625rem}}.isCaptcha img{position:relative;top:-8px}.isSamaLicense .isSamaRegulatory{border:1px solid #dbe1e9;border-radius:8px;padding:12px;width:70%;margin:0 auto;min-width:390px}.isSamaLicense .isSamaRegulatory .isSamaContent{flex:1;position:relative;margin-right:10px;padding-right:10px}.isSamaLicense .isSamaRegulatory .isSamaContent span{font-size:.75rem}@media screen and (max-width: 1440px){.isSamaLicense .isSamaRegulatory .isSamaContent span{font-size:.6875rem}}@media screen and (max-width: 1280px){.isSamaLicense .isSamaRegulatory .isSamaContent span{font-size:.625rem}}@media screen and (max-width: 1025px){.isSamaLicense .isSamaRegulatory .isSamaContent span{font-size:.5625rem}}.isSamaLicense .isSamaRegulatory .isSamaContent span{font-family:"Avenir-Medium"}[dir=rtl] .isSamaLicense .isSamaRegulatory .isSamaContent span{font-family:"Almarai-Regular"}.isSamaLicense .isSamaRegulatory .isSamaContent span{color:#2a345e;line-height:18px}.isSamaLicense .isSamaRegulatory .isSamaContent span span{font-family:"Avenir-Heavy"}[dir=rtl] .isSamaLicense .isSamaRegulatory .isSamaContent span span{font-family:"Almarai-Bold"}.isSamaLicense .isSamaRegulatory .isSamaContent::after{content:"";position:absolute;top:0;height:100%;width:2px;right:0;background-color:#dbe1e9}.loginLogo{height:46px}.twoStep{font-family:"Avenir-Heavy"}[dir=rtl] .twoStep{font-family:"Almarai-Bold"}.twoStep{line-height:1.3}.twoStepName{color:#bfc7d0;font-size:.875rem}@media screen and (max-width: 1440px){.twoStepName{font-size:.8125rem}}@media screen and (max-width: 1280px){.twoStepName{font-size:.75rem}}@media screen and (max-width: 1025px){.twoStepName{font-size:.6875rem}}.twoStepName{line-height:1.6}.phoneNo{line-height:1.6}.twoStepChoose{font-size:.875rem}@media screen and (max-width: 1440px){.twoStepChoose{font-size:.8125rem}}@media screen and (max-width: 1280px){.twoStepChoose{font-size:.75rem}}@media screen and (max-width: 1025px){.twoStepChoose{font-size:.6875rem}}.twoStepChoose{font-family:"Avenir-Roman"}[dir=rtl] .twoStepChoose{font-family:"Almarai-Light"}.twoStepChoose{color:#384150;text-align:left;margin-bottom:1rem}.forgotPsw{margin-top:1rem;text-align:center;color:#8994a5}.forgotPsw>a{font-size:.875rem}@media screen and (max-width: 1440px){.forgotPsw>a{font-size:.8125rem}}@media screen and (max-width: 1280px){.forgotPsw>a{font-size:.75rem}}@media screen and (max-width: 1025px){.forgotPsw>a{font-size:.6875rem}}.successBtn{position:absolute;right:2rem;top:.75rem;font-size:1.125rem}@media screen and (max-width: 1440px){.successBtn{font-size:1.0625rem}}@media screen and (max-width: 1280px){.successBtn{font-size:1rem}}@media screen and (max-width: 1025px){.successBtn{font-size:.9375rem}}.successBtn{color:#eb3223}.sessionWrapper h1{font-family:"Avenir-Heavy"}[dir=rtl] .sessionWrapper h1{font-family:"Almarai-Bold"}.sessionWrapper h1{font-size:1.5rem}@media screen and (max-width: 1440px){.sessionWrapper h1{font-size:1.4375rem}}@media screen and (max-width: 1280px){.sessionWrapper h1{font-size:1.375rem}}@media screen and (max-width: 1025px){.sessionWrapper h1{font-size:1.3125rem}}.sessionWrapper h1{color:#000001}.sessionWrapper span{font-family:"Avenir-Roman"}[dir=rtl] .sessionWrapper span{font-family:"Almarai-Light"}.sessionWrapper span{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.sessionWrapper span{font-size:.8125rem}}@media screen and (max-width: 1280px){.sessionWrapper span{font-size:.75rem}}@media screen and (max-width: 1025px){.sessionWrapper span{font-size:.6875rem}}.sessionWrapper span{display:block;margin:20px 0}.sessionWrapper span a{color:#5090f8}.sessionWrapper.isPasswordSuccess .sessionMsg,.sessionWrapper.isNafathSuccessSession .sessionMsg{border:1px solid #62bd69;color:#62bd69}.sessionWrapper.isPasswordSuccess .sessionMsg span.isCompany,.sessionWrapper.isNafathSuccessSession .sessionMsg span.isCompany{margin:0;display:inline;color:#62bd69;font-family:"Avenir-Heavy"}[dir=rtl] .sessionWrapper.isPasswordSuccess .sessionMsg span.isCompany,[dir=rtl] .sessionWrapper.isNafathSuccessSession .sessionMsg span.isCompany{font-family:"Almarai-Bold"}.passWordMatchInfo{font-size:.75rem}@media screen and (max-width: 1440px){.passWordMatchInfo{font-size:.6875rem}}@media screen and (max-width: 1280px){.passWordMatchInfo{font-size:.625rem}}@media screen and (max-width: 1025px){.passWordMatchInfo{font-size:.5625rem}}.passWordMatchInfo{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .passWordMatchInfo{font-family:"Almarai-Light"}.passWordMatchInfo{line-height:initial}.sessionMsg{border:1px solid #ffde4d;border-radius:4px;padding:10px 8px;color:#cfaa08;text-align:left;font-family:"Avenir-Roman"}[dir=rtl] .sessionMsg{font-family:"Almarai-Light"}.sessionMsg{display:block;margin-bottom:11px;line-height:1.5}.loginLink{color:#5090f8;text-decoration:underline}.forgotPanel{background-color:#fff}
.resend{margin:10px;color:#5090f8}.twoStepContainer{width:100%}.twoStepTimeLeft{color:#bfc7d0;font-family:"Avenir-Medium"}[dir=rtl] .twoStepTimeLeft{font-family:"Almarai-Regular"}.twoStepTimeLeft{text-align:center;padding:1rem 0}.timeLeft{color:#000001}.emailSentLogo,.phoneSentLogo{content:url(/223f420650b7884c1253.png);height:85px;width:auto;margin:0 auto}.phoneSentLogo{content:url(/4de18206721c27365fd5.png)}.forgotPasswordUsername{font-size:.875rem}@media screen and (max-width: 1440px){.forgotPasswordUsername{font-size:.8125rem}}@media screen and (max-width: 1280px){.forgotPasswordUsername{font-size:.75rem}}@media screen and (max-width: 1025px){.forgotPasswordUsername{font-size:.6875rem}}.forgotPasswordUsername{font-family:"Avenir-Heavy"}[dir=rtl] .forgotPasswordUsername{font-family:"Almarai-Bold"}.isMobileLoginOpt .greyMediumFont{text-align:left;color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .isMobileLoginOpt .greyMediumFont{font-family:"Almarai-Light"}.isMobileLoginOpt .greyMediumFont{font-size:.875rem}@media screen and (max-width: 1440px){.isMobileLoginOpt .greyMediumFont{font-size:.8125rem}}@media screen and (max-width: 1280px){.isMobileLoginOpt .greyMediumFont{font-size:.75rem}}@media screen and (max-width: 1025px){.isMobileLoginOpt .greyMediumFont{font-size:.6875rem}}.isMobileLoginOpt .errorMessage{text-align:center}.isMobileLoginOpt span{line-height:initial}.backToLogin::before{position:relative;top:4px;font-size:1.125rem}@media screen and (max-width: 1440px){.backToLogin::before{font-size:1.0625rem}}@media screen and (max-width: 1280px){.backToLogin::before{font-size:1rem}}@media screen and (max-width: 1025px){.backToLogin::before{font-size:.9375rem}}.backToLogin::before{display:inline-block;content:"";padding-right:10px;font-family:"icomoon" !important;-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;-ms-transition:transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out}.backToLogin:hover::before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);-ms-transform:translateX(-8px);-o-transform:translateX(-8px);transform:translateX(-8px)}
.noInternetContainer{background:#fff;min-height:100vh}.noIntlogoContainer{max-width:502px;margin:0 auto;text-align:center;padding-top:200px}.noIntlogoContainer.isNoAccessContainer{padding-top:100px}.noInternetTxt{color:#8994a5;font-size:1.125rem}@media screen and (max-width: 1440px){.noInternetTxt{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noInternetTxt{font-size:1rem}}@media screen and (max-width: 1025px){.noInternetTxt{font-size:.9375rem}}.noInternetTxt{font-family:"Avenir-Roman"}[dir=rtl] .noInternetTxt{font-family:"Almarai-Light"}.noInternetTxt{text-align:center;line-height:1.4}.isAccessTitle{font-family:"Avenir-Heavy"}[dir=rtl] .isAccessTitle{font-family:"Almarai-Bold"}.isAccessTitle{color:#000001;font-size:1.5rem}@media screen and (max-width: 1440px){.isAccessTitle{font-size:1.4375rem}}@media screen and (max-width: 1280px){.isAccessTitle{font-size:1.375rem}}@media screen and (max-width: 1025px){.isAccessTitle{font-size:1.3125rem}}
.bodyContainer{width:100%;margin:0}.successTitle{font-family:"Avenir-Heavy"}[dir=rtl] .successTitle{font-family:"Almarai-Bold"}.successTitle{font-size:1.25rem}@media screen and (max-width: 1440px){.successTitle{font-size:1.1875rem}}@media screen and (max-width: 1280px){.successTitle{font-size:1.125rem}}@media screen and (max-width: 1025px){.successTitle{font-size:1.0625rem}}.successTitle{color:#000001}.isBankPreviewContainer .bankAccountsFlex .formControl label{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.isBankPreviewContainer .bankAccountsFlex .formControl label{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankPreviewContainer .bankAccountsFlex .formControl label{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankPreviewContainer .bankAccountsFlex .formControl label{font-size:.6875rem}}.isBankPreviewContainer .bankAccountsFlex .formControl label{font-family:"Avenir-Medium"}[dir=rtl] .isBankPreviewContainer .bankAccountsFlex .formControl label{font-family:"Almarai-Regular"}.isBankPreviewContainer .bankAccountsFlex .formControl .previewTxt{color:#000001;font-size:.875rem}@media screen and (max-width: 1440px){.isBankPreviewContainer .bankAccountsFlex .formControl .previewTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankPreviewContainer .bankAccountsFlex .formControl .previewTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankPreviewContainer .bankAccountsFlex .formControl .previewTxt{font-size:.6875rem}}.isBankPreviewContainer .bankAccountsFlex .formControl .previewTxt{font-family:"Avenir-Medium"}[dir=rtl] .isBankPreviewContainer .bankAccountsFlex .formControl .previewTxt{font-family:"Almarai-Regular"}.isBankPreviewContainer .formControl .fontRoman{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.isBankPreviewContainer .formControl .fontRoman{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankPreviewContainer .formControl .fontRoman{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankPreviewContainer .formControl .fontRoman{font-size:.6875rem}}.isBankPreviewContainer .formControl .fontRoman{font-family:"Avenir-Medium"}[dir=rtl] .isBankPreviewContainer .formControl .fontRoman{font-family:"Almarai-Regular"}.isBankPreviewContainer .formControl .previewTxt{color:#000001;font-size:.875rem}@media screen and (max-width: 1440px){.isBankPreviewContainer .formControl .previewTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankPreviewContainer .formControl .previewTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankPreviewContainer .formControl .previewTxt{font-size:.6875rem}}.isBankPreviewContainer .formControl .previewTxt{font-family:"Avenir-Medium"}[dir=rtl] .isBankPreviewContainer .formControl .previewTxt{font-family:"Almarai-Regular"}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl label{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl label{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl label{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl label{font-size:.6875rem}}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl label{font-family:"Avenir-Medium"}[dir=rtl] .isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl label{font-family:"Almarai-Regular"}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl .previewTxt{color:#000001;font-size:.875rem}@media screen and (max-width: 1440px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl .previewTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl .previewTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl .previewTxt{font-size:.6875rem}}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl .previewTxt{font-family:"Avenir-Medium"}[dir=rtl] .isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl .previewTxt{font-family:"Almarai-Regular"}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl label{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl label{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl label{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl label{font-size:.6875rem}}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl label{font-family:"Avenir-Medium"}[dir=rtl] .isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl label{font-family:"Almarai-Regular"}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .previewTxt{color:#000001;font-size:.875rem}@media screen and (max-width: 1440px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .previewTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .previewTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .previewTxt{font-size:.6875rem}}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .previewTxt{font-family:"Avenir-Medium"}[dir=rtl] .isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .previewTxt{font-family:"Almarai-Regular"}.securityInfo{display:flex;align-items:center;flex-direction:column;margin-top:2rem;width:350px;text-align:center}.securityInfo .icon-Security{color:#5090f8;font-size:2.25rem}@media screen and (max-width: 1440px){.securityInfo .icon-Security{font-size:2.1875rem}}@media screen and (max-width: 1280px){.securityInfo .icon-Security{font-size:2.125rem}}@media screen and (max-width: 1025px){.securityInfo .icon-Security{font-size:2.0625rem}}.securityInfo>span:last-child{line-height:1.5;margin-top:.5rem;color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .securityInfo>span:last-child{font-family:"Almarai-Regular"}.securityInfo>span:last-child{font-size:.875rem}@media screen and (max-width: 1440px){.securityInfo>span:last-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.securityInfo>span:last-child{font-size:.75rem}}@media screen and (max-width: 1025px){.securityInfo>span:last-child{font-size:.6875rem}}.banksAccountName{display:inherit;position:relative}.banksAccountName .bankNameAccFlex{display:flex;flex-direction:column}.banksAccountName .bankNameAccFlex .bankCompanyNameTruncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;font-family:"Avenir-Heavy"}[dir=rtl] .banksAccountName .bankNameAccFlex .bankCompanyNameTruncate{font-family:"Almarai-Bold"}.banksAccountName .bankNameAccFlex .bankCompanyNameTruncate{font-size:1.125rem}@media screen and (max-width: 1440px){.banksAccountName .bankNameAccFlex .bankCompanyNameTruncate{font-size:1.0625rem}}@media screen and (max-width: 1280px){.banksAccountName .bankNameAccFlex .bankCompanyNameTruncate{font-size:1rem}}@media screen and (max-width: 1025px){.banksAccountName .bankNameAccFlex .bankCompanyNameTruncate{font-size:.9375rem}}.banksAccountName .bankNameAccFlex .bankCompanyNameTruncate{padding-bottom:5px}.banksAccountName .bankNameAccFlex .bankAccNumber{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .banksAccountName .bankNameAccFlex .bankAccNumber{font-family:"Almarai-Light"}.banksAccountName .bankNameAccFlex .bankAccNumber{font-size:1rem}@media screen and (max-width: 1440px){.banksAccountName .bankNameAccFlex .bankAccNumber{font-size:.9375rem}}@media screen and (max-width: 1280px){.banksAccountName .bankNameAccFlex .bankAccNumber{font-size:.875rem}}@media screen and (max-width: 1025px){.banksAccountName .bankNameAccFlex .bankAccNumber{font-size:.8125rem}}.banksAccountName .bankNameAccFlex .bankAccNumber{padding-top:5px}.banksAccountName .icon-down-arrow::before{top:9px}.allBankAccounts h2.allBanksTitle{font-size:1.875rem}@media screen and (max-width: 1440px){.allBankAccounts h2.allBanksTitle{font-size:1.8125rem}}@media screen and (max-width: 1280px){.allBankAccounts h2.allBanksTitle{font-size:1.75rem}}@media screen and (max-width: 1025px){.allBankAccounts h2.allBanksTitle{font-size:1.6875rem}}.allBankAccounts h2.allBanksTitle{font-family:"Avenir-Heavy"}[dir=rtl] .allBankAccounts h2.allBanksTitle{font-family:"Almarai-Bold"}.allBankAccounts h2.allBanksTitle{color:#384150}.allBankAccounts .addAccountButton{border:1px solid #bfc7d0;border-radius:4px;padding:1rem}.allBankAccounts .addAccountButton a{font-size:1rem}@media screen and (max-width: 1440px){.allBankAccounts .addAccountButton a{font-size:.9375rem}}@media screen and (max-width: 1280px){.allBankAccounts .addAccountButton a{font-size:.875rem}}@media screen and (max-width: 1025px){.allBankAccounts .addAccountButton a{font-size:.8125rem}}.allBankAccounts .addAccountButton a{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .allBankAccounts .addAccountButton a{font-family:"Almarai-Light"}.greyBox{background-color:#f3f5fd;height:auto;width:100%;margin-bottom:1.5rem}.greyBox:last-child{margin-bottom:0rem}.greyBox .bankName{color:#384150;font-size:1.5rem}@media screen and (max-width: 1440px){.greyBox .bankName{font-size:1.4375rem}}@media screen and (max-width: 1280px){.greyBox .bankName{font-size:1.375rem}}@media screen and (max-width: 1025px){.greyBox .bankName{font-size:1.3125rem}}.greyBox .bankName{font-family:"Avenir-Heavy"}[dir=rtl] .greyBox .bankName{font-family:"Almarai-Bold"}.greyBox .bankName{display:flex;align-items:flex-start}.greyBox .bankName .tableBankThumbnail{margin-right:15px}.greyBox .icon-down-arrow:before{transform:rotate(180deg) scale(1);transition:.5s;position:absolute;font-size:1.125rem}@media screen and (max-width: 1440px){.greyBox .icon-down-arrow:before{font-size:1.0625rem}}@media screen and (max-width: 1280px){.greyBox .icon-down-arrow:before{font-size:1rem}}@media screen and (max-width: 1025px){.greyBox .icon-down-arrow:before{font-size:.9375rem}}.greyBox .icon-down-arrow:before{color:#8994a5;margin-top:3px}.greyBox .icon-down-arrow.rotateUp::before{transform:rotate(0) scale(1)}.greyBox .icon-down-arrow.rotateDown::before{transform:rotate(-180deg) scale(1)}.greyBox .isBankType{font-family:"Avenir-Medium"}[dir=rtl] .greyBox .isBankType{font-family:"Almarai-Regular"}.greyBox .isBankType{font-size:1.25rem}@media screen and (max-width: 1440px){.greyBox .isBankType{font-size:1.1875rem}}@media screen and (max-width: 1280px){.greyBox .isBankType{font-size:1.125rem}}@media screen and (max-width: 1025px){.greyBox .isBankType{font-size:1.0625rem}}.greyBox .isBankType{color:#8994a5}.greyBox .isBankTitle{max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Avenir-Heavy"}[dir=rtl] .greyBox .isBankTitle{font-family:"Almarai-Bold"}.greyBox .bankConnectingInfo{font-family:"Avenir-Medium"}[dir=rtl] .greyBox .bankConnectingInfo{font-family:"Almarai-Regular"}.greyBox .bankConnectingInfo{font-size:1.25rem}@media screen and (max-width: 1440px){.greyBox .bankConnectingInfo{font-size:1.1875rem}}@media screen and (max-width: 1280px){.greyBox .bankConnectingInfo{font-size:1.125rem}}@media screen and (max-width: 1025px){.greyBox .bankConnectingInfo{font-size:1.0625rem}}.greyBox .bankConnectingInfo{color:#62bd69;padding-left:8px;line-height:initial}.greyBox .consentInfo{font-family:"Avenir-Roman"}[dir=rtl] .greyBox .consentInfo{font-family:"Almarai-Light"}.greyBox .consentInfo{font-size:1rem}@media screen and (max-width: 1440px){.greyBox .consentInfo{font-size:.9375rem}}@media screen and (max-width: 1280px){.greyBox .consentInfo{font-size:.875rem}}@media screen and (max-width: 1025px){.greyBox .consentInfo{font-size:.8125rem}}.greyBox .consentInfo{color:#384150;padding-top:14px}.isConsentExpiryDate .selectOptionFont.isSelectedDate{width:87%}.isConsentExpiryDate .calendar{margin-left:1rem}.isConsentExpiryDate .calendar .react-datepicker-popper{top:auto !important;transform:none !important;right:44px !important;left:auto !important}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown{display:flex;align-items:center;justify-content:space-between}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view{visibility:visible !important;font-size:1rem}@media screen and (max-width: 1440px){.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view{font-size:.9375rem}}@media screen and (max-width: 1280px){.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view{font-size:.875rem}}@media screen and (max-width: 1025px){.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view{font-size:.8125rem}}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view{font-family:"Avenir-Heavy"}[dir=rtl] .isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view,[dir=rtl] .isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view,[dir=rtl] .isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view,[dir=rtl] .isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view{font-family:"Almarai-Bold"}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view{color:#fff}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view .react-datepicker__year-read-view--down-arrow,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view .react-datepicker__month-read-view--down-arrow,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view .react-datepicker__year-read-view--down-arrow,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view .react-datepicker__month-read-view--down-arrow,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view .react-datepicker__year-read-view--down-arrow,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view .react-datepicker__month-read-view--down-arrow,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view .react-datepicker__year-read-view--down-arrow,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view .react-datepicker__month-read-view--down-arrow{top:3px;right:-16px;margin-left:0}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-dropdown,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-dropdown{background-color:#384150;top:30px;left:0}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-dropdown,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-dropdown{top:30px;background-color:#384150;right:-30px;left:auto}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-upcoming{top:-4px !important}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation.react-datepicker__navigation--years-previous{top:0px !important}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month{display:none}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker>button.react-datepicker__navigation--previous,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker>button.react-datepicker__navigation--next{display:none}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__triangle{right:10px}.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__triangle::before,.isConsentExpiryDate .calendar .react-datepicker-popper .react-datepicker .react-datepicker__triangle::after{top:0;border-bottom-color:#384150}.isConsentExpiryDate .calendar .icon-calendar{border:0;cursor:pointer;color:#8994a5;font-size:1.5rem}@media screen and (max-width: 1440px){.isConsentExpiryDate .calendar .icon-calendar{font-size:1.4375rem}}@media screen and (max-width: 1280px){.isConsentExpiryDate .calendar .icon-calendar{font-size:1.375rem}}@media screen and (max-width: 1025px){.isConsentExpiryDate .calendar .icon-calendar{font-size:1.3125rem}}.isConsentExpiryDate .calendar .icon-calendar{background-color:#f3f5fd;border-radius:4px;padding:6px}.isConsentExpiryDate .calendar .icon-calendar:hover,.isConsentExpiryDate .calendar .icon-calendar:focus-within{border:0 !important;transition:none}.isConsentExpiryDate.creditCheckExpiryDate .calendar .icon-calendar{background:none}.messageTitle{min-height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:0rem 0rem 2rem 0rem}.messageTitle .isBankAuthTitle{font-family:"Avenir-Heavy"}[dir=rtl] .messageTitle .isBankAuthTitle{font-family:"Almarai-Bold"}.messageTitle .isBankAuthTitle{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.messageTitle .isBankAuthTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.messageTitle .isBankAuthTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.messageTitle .isBankAuthTitle{font-size:.6875rem}}.messageTitle .isBankAuthTxt{line-height:20px;font-family:"Avenir-Medium"}[dir=rtl] .messageTitle .isBankAuthTxt{font-family:"Almarai-Regular"}.messageTitle .isBankAuthTxt{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.messageTitle .isBankAuthTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.messageTitle .isBankAuthTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.messageTitle .isBankAuthTxt{font-size:.6875rem}}.transcationTooltip .settings{margin-left:0;z-index:9;width:100%;max-width:186px;right:-16px}.transcationTooltip .settings li:first-child{padding-left:0}.transcationTooltip .settings:before{left:auto;right:33px}.transcationTooltip .settings::after{opacity:0}.transcationTooltip .settings li{display:flex;align-items:center;justify-content:space-between;padding:12px 0px 12px 0px}.transcationTooltip .settings li span{position:static}.transcationTooltip .settings li span:first-child{font-size:.875rem}@media screen and (max-width: 1440px){.transcationTooltip .settings li span:first-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.transcationTooltip .settings li span:first-child{font-size:.75rem}}@media screen and (max-width: 1025px){.transcationTooltip .settings li span:first-child{font-size:.6875rem}}.transcationTooltip .settings li span:first-child{color:#fff;font-family:"Avenir-Medium"}[dir=rtl] .transcationTooltip .settings li span:first-child{font-family:"Almarai-Regular"}.transcationTooltip .settings li span:first-child a{font-size:.875rem}@media screen and (max-width: 1440px){.transcationTooltip .settings li span:first-child a{font-size:.8125rem}}@media screen and (max-width: 1280px){.transcationTooltip .settings li span:first-child a{font-size:.75rem}}@media screen and (max-width: 1025px){.transcationTooltip .settings li span:first-child a{font-size:.6875rem}}.transcationTooltip .settings li span:first-child a{color:#fff;font-family:"Avenir-Medium"}[dir=rtl] .transcationTooltip .settings li span:first-child a{font-family:"Almarai-Regular"}.transcationTooltip .settings li span:first-child a:hover{font-family:"Avenir-Heavy"}[dir=rtl] .transcationTooltip .settings li span:first-child a:hover{font-family:"Almarai-Bold"}.transcationTooltip .settings li span:first-child:hover{font-family:"Avenir-Heavy"}[dir=rtl] .transcationTooltip .settings li span:first-child:hover{font-family:"Almarai-Bold"}.transcationTooltip .settings li span:last-child{color:#bfc7d0;font-size:1.125rem}@media screen and (max-width: 1440px){.transcationTooltip .settings li span:last-child{font-size:1.0625rem}}@media screen and (max-width: 1280px){.transcationTooltip .settings li span:last-child{font-size:1rem}}@media screen and (max-width: 1025px){.transcationTooltip .settings li span:last-child{font-size:.9375rem}}.lastUpdated{font-size:1rem}@media screen and (max-width: 1440px){.lastUpdated{font-size:.9375rem}}@media screen and (max-width: 1280px){.lastUpdated{font-size:.875rem}}@media screen and (max-width: 1025px){.lastUpdated{font-size:.8125rem}}.lastUpdated{font-family:"Avenir-Roman"}[dir=rtl] .lastUpdated{font-family:"Almarai-Light"}.lastUpdated{color:#8994a5}.WorkLabel.formControl.isSelectLabel.removeMargin{margin-bottom:0}.companyNameColor{position:relative}.companyNameColor span{color:#384150;font-size:1.25rem}@media screen and (max-width: 1440px){.companyNameColor span{font-size:1.1875rem}}@media screen and (max-width: 1280px){.companyNameColor span{font-size:1.125rem}}@media screen and (max-width: 1025px){.companyNameColor span{font-size:1.0625rem}}.companyNameColor span{font-family:"Avenir-Roman"}[dir=rtl] .companyNameColor span{font-family:"Almarai-Light"}.companyNameColor .currency{margin-left:auto}.companyNameColor .currency span{font-family:"Avenir-Heavy"}[dir=rtl] .companyNameColor .currency span{font-family:"Almarai-Bold"}.companyNameColor .currency span{font-size:1.25rem}@media screen and (max-width: 1440px){.companyNameColor .currency span{font-size:1.1875rem}}@media screen and (max-width: 1280px){.companyNameColor .currency span{font-size:1.125rem}}@media screen and (max-width: 1025px){.companyNameColor .currency span{font-size:1.0625rem}}.companyNameColor .currency span{color:#384150}.companyNameColor .icon-dots{color:#5090f8;margin-left:18px}.companyNameColor .inActiveBankBtn{margin-left:auto}.companyNameColor .failedToCheckBal{color:#384150}.companyNameColor .linkColor{color:#5090f8;font-size:.875rem}@media screen and (max-width: 1440px){.companyNameColor .linkColor{font-size:.8125rem}}@media screen and (max-width: 1280px){.companyNameColor .linkColor{font-size:.75rem}}@media screen and (max-width: 1025px){.companyNameColor .linkColor{font-size:.6875rem}}.companyNameColor .linkColor{font-family:"Avenir-Medium"}[dir=rtl] .companyNameColor .linkColor{font-family:"Almarai-Regular"}.companyNameColor .linkColor{cursor:pointer}.companyNameColor .linkColor:hover{text-decoration:underline}.bankBorderBtm{border-bottom:1px solid #dbe1e9}.groupCompany{width:300px}.bankNameStatusType{width:100%}.bankNameStatusType .trnctAcntHldrName{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:lowercase}.bankNameStatusType .trnctAcntHldrName::first-letter{text-transform:uppercase}.bankNameStatusType .formControl label{font-size:.875rem}@media screen and (max-width: 1440px){.bankNameStatusType .formControl label{font-size:.8125rem}}@media screen and (max-width: 1280px){.bankNameStatusType .formControl label{font-size:.75rem}}@media screen and (max-width: 1025px){.bankNameStatusType .formControl label{font-size:.6875rem}}.bankNameStatusType .formControl label{font-family:"Avenir-Medium"}[dir=rtl] .bankNameStatusType .formControl label{font-family:"Almarai-Regular"}.bankNameStatusType .formControl label{color:#384150}.bankNameStatusType .formControl .formField{border:1px solid rgba(119,153,190,.5);height:47.2px;border-radius:4px}.bankNameStatusType .formControl .formField:disabled{background:#f3f5fd;color:#8994a5}.bankNameStatusType .formControl .formField:disabled:hover{border:1px solid rgba(119,153,190,.5) !important}.bankNameStatusType .formControl .fontRoman{font-family:"Avenir-Roman"}[dir=rtl] .bankNameStatusType .formControl .fontRoman{font-family:"Almarai-Light"}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox{background-color:#dbe1e9;padding:16px 15px;align-items:center}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible::after{content:"+";color:#5090f8;cursor:pointer;font-size:1.125rem}@media screen and (max-width: 1440px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible::after{font-size:1.0625rem}}@media screen and (max-width: 1280px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible::after{font-size:1rem}}@media screen and (max-width: 1025px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible::after{font-size:.9375rem}}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible::after{transition:transform .4s cubic-bezier(0.19, 1, 0.22, 1),background-color .25s cubic-bezier(0.19, 1, 0.22, 1);font-family:"Avenir-Heavy"}[dir=rtl] .bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible::after{font-family:"Almarai-Bold"}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible.active::after{content:"–";transform:rotateZ(180deg);font-family:"Avenir-Heavy"}[dir=rtl] .bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible.active::after{font-family:"Almarai-Bold"}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible.active::after{cursor:pointer}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .chargesTxt{font-size:.875rem}@media screen and (max-width: 1440px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .chargesTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .chargesTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .chargesTxt{font-size:.6875rem}}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .chargesTxt{color:#5090f8;font-family:"Avenir-Medium"}[dir=rtl] .bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .chargesTxt{font-family:"Almarai-Regular"}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive{padding:15px;background-color:#fff;transition:all .5s ease}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .formControl{width:48%}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .formControl .viewBankFlex{display:flex;width:24%}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .formControl .viewBankFlex input:first-child{width:100%;margin-right:16px}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .formControl .viewBankFlex .formField:disabled{background:#f3f5fd;color:#000001}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .formControl .viewBankFlex input{border-radius:4px}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex{display:flex;align-items:center;flex-wrap:wrap;width:100%}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl:first-child{margin-right:23px}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex{display:flex;flex-wrap:wrap;width:100%;align-items:center}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl{width:100%}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex{display:flex;align-items:center;flex-wrap:wrap;width:100%}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex{display:flex;margin-bottom:1rem;position:relative;width:48%}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex:nth-child(odd){margin-right:20px}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .currencySelect{width:26%;margin-right:9px}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .icon-cross-mark-filled{position:absolute;right:-5px;top:-6px;font-size:1rem}@media screen and (max-width: 1440px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .icon-cross-mark-filled{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .icon-cross-mark-filled{font-size:.875rem}}@media screen and (max-width: 1025px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .icon-cross-mark-filled{font-size:.8125rem}}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .icon-cross-mark-filled{color:#8994a5;cursor:pointer}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .icon-cross-mark-filled::before{background:#fff;padding-left:2px;padding-bottom:2px}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .btn.createBtn{border:1px solid #5090f8;color:#5090f8;border-radius:4px;font-size:1rem}@media screen and (max-width: 1440px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .btn.createBtn{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .btn.createBtn{font-size:.875rem}}@media screen and (max-width: 1025px){.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .btn.createBtn{font-size:.8125rem}}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .btn.createBtn{height:38px;transition:.3s}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .btn.createBtn:hover{background-color:#5090f8;color:#fff;border-color:rgba(0,0,0,0)}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex.internationalChargesPreview .currencyFlex{width:47.8%}.bankNameStatusType .bankAccountsFlex{display:flex;flex-wrap:wrap;width:100%;align-items:center}.bankNameStatusType .bankAccountsFlex .formControl{width:48%}.bankNameStatusType .bankAccountsFlex .formControl:first-child{margin-right:20px}.bankNameStatusType .bankAccountsFlex .formControl .isFlex .selectOptionFont{width:19%;margin-right:12px}.bankNameStatusType .bankAccountsFlex .formControl .isFlex .selectOptionFont [class*=css-][class*=-control]{background:#f3f5fd;height:40px}.bankNameStatusType .bankAccountsFlex .formControl .isFlex .formField{width:78%}.bankNameStatusType .bankAccountsFlex .formControl .viewBankFlex.isFlex input:first-child{width:20%;margin-right:9px}.bankNameStatusType .bankAccountsFlex .formControl.isAmountCurrencyInput .isAmountField .amountFiledWidth{width:24%}.bankNameStatusType .bankAccountsFlex .formControl.isAmountCurrencyInput .isAmountField .amountFiledWidth .selectOptionFont{width:100%}.bankNameStatusType .bankAccountsFlex .formControl.isAmountCurrencyInput .isAmountField .isAmountCurInput .formField{width:100%;border-radius:4px}.bankNameStatusType .hideDeatils .icon-down-arrow::before{margin-top:0}.bankNameStatusType .viewDetails .icon-down-arrow::before{transform:rotate(0deg) scale(1);transition:.5s;margin-top:0}.bankNameStatusType .viewHideDetailsTxt{color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.bankNameStatusType .viewHideDetailsTxt{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankNameStatusType .viewHideDetailsTxt{font-size:.875rem}}@media screen and (max-width: 1025px){.bankNameStatusType .viewHideDetailsTxt{font-size:.8125rem}}.bankNameStatusType .viewHideDetailsTxt{font-family:"Avenir-Roman"}[dir=rtl] .bankNameStatusType .viewHideDetailsTxt{font-family:"Almarai-Light"}.hideBankDetailsBlock .closebutton{padding-top:1.5rem}.bankAccDeletionContainer .bankDeletionBtns{display:flex;align-items:center;justify-content:center;margin-top:1.5rem}.bankAccDeletionContainer .bankDeletionBtns button{width:142px;min-width:auto;min-height:44px;padding:0}.bankAccDeletionContainer .bankDeletionBtns button.createBtn{color:#5090f8;border:1px solid #5090f8}.bankAccDeletionContainer .bankDeletionBtns button.createBtn:hover{background:#5090f8;color:#fff;border-color:#5090f8}.bankAccDeletionContainer .deletionNote{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.bankAccDeletionContainer .deletionNote{font-size:.8125rem}}@media screen and (max-width: 1280px){.bankAccDeletionContainer .deletionNote{font-size:.75rem}}@media screen and (max-width: 1025px){.bankAccDeletionContainer .deletionNote{font-size:.6875rem}}.bankAccDeletionContainer .deletionNote{font-family:"Avenir-Medium"}[dir=rtl] .bankAccDeletionContainer .deletionNote{font-family:"Almarai-Regular"}.bankAccDeletionContainer .deletionNote{line-height:initial}.bankAccDeletionContainer .deletionNote.ln-ht{line-height:22px}.statusSelection{border:1px solid rgba(119,153,190,.5);background:#fff;width:115px;margin-top:.5rem;display:block;position:relative;font-size:1rem}@media screen and (max-width: 1440px){.statusSelection{font-size:.9375rem}}@media screen and (max-width: 1280px){.statusSelection{font-size:.875rem}}@media screen and (max-width: 1025px){.statusSelection{font-size:.8125rem}}.statusSelection{cursor:pointer;max-width:208px;padding:9px 12px;font-family:"Avenir-Roman"}[dir=rtl] .statusSelection{font-family:"Almarai-Light"}.statusSelection{color:#384150}.statusSelection .icon{position:absolute;right:10px;font-size:1rem}@media screen and (max-width: 1440px){.statusSelection .icon{font-size:.9375rem}}@media screen and (max-width: 1280px){.statusSelection .icon{font-size:.875rem}}@media screen and (max-width: 1025px){.statusSelection .icon{font-size:.8125rem}}.securityMsg{background-color:#2a345e;padding:16px;color:#dbe1e9;font-size:.875rem}@media screen and (max-width: 1440px){.securityMsg{font-size:.8125rem}}@media screen and (max-width: 1280px){.securityMsg{font-size:.75rem}}@media screen and (max-width: 1025px){.securityMsg{font-size:.6875rem}}.securityMsg{font-family:"Avenir-Roman"}[dir=rtl] .securityMsg{font-family:"Almarai-Light"}.securityMsg{border-radius:0px 0px 4px 4px}.securityMsg .closebutton a{color:#fff;font-size:.875rem}@media screen and (max-width: 1440px){.securityMsg .closebutton a{font-size:.8125rem}}@media screen and (max-width: 1280px){.securityMsg .closebutton a{font-size:.75rem}}@media screen and (max-width: 1025px){.securityMsg .closebutton a{font-size:.6875rem}}.securityMsg .closebutton a{font-family:"Avenir-Medium"}[dir=rtl] .securityMsg .closebutton a{font-family:"Almarai-Regular"}.securityMsg .closebutton a:hover{color:#fff}.connectBank,.mediumFontSize{font-size:.875rem}@media screen and (max-width: 1440px){.connectBank,.mediumFontSize{font-size:.8125rem}}@media screen and (max-width: 1280px){.connectBank,.mediumFontSize{font-size:.75rem}}@media screen and (max-width: 1025px){.connectBank,.mediumFontSize{font-size:.6875rem}}.connectBank,.mediumFontSize{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .connectBank,[dir=rtl] .mediumFontSize{font-family:"Almarai-Regular"}.connectBank,.mediumFontSize{line-height:initial}.sliderPopup .isFlex .addBankClsBtn{width:174px}.sliderPopup .isFlex .addBankBtn{width:245px}.sliderPopup .isFlex.isViewAllAccountsBtn .addBankClsBtn{width:240px}.sliderPopup .isFlex.isViewAllAccountsBtn .addBankBtn{width:170px}.sliderPopup .addbankSuccess{padding:12px 45px}.mediumFontSize{font-family:"Avenir-Roman"}[dir=rtl] .mediumFontSize{font-family:"Almarai-Light"}.borderRight{border-right:1px solid #8994a5}.attachBulk input{width:80%;max-height:40px;height:40px;padding:10px;border-radius:4px 0px 0px 4px;border:1px solid #dbe1e9;border-right:0}.attachBulk button{border-radius:0px 4px 4px 0px;height:40px;padding:10px 19px;background-color:#bfc7d0;color:#384150;font-family:"Avenir-Heavy"}[dir=rtl] .attachBulk button{font-family:"Almarai-Bold"}.attachBulk button{font-size:.875rem}@media screen and (max-width: 1440px){.attachBulk button{font-size:.8125rem}}@media screen and (max-width: 1280px){.attachBulk button{font-size:.75rem}}@media screen and (max-width: 1025px){.attachBulk button{font-size:.6875rem}}.attachBulk button{border:1px solid #bfc7d0;border-left:0}.attachBulk span{color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.attachBulk span{font-size:.9375rem}}@media screen and (max-width: 1280px){.attachBulk span{font-size:.875rem}}@media screen and (max-width: 1025px){.attachBulk span{font-size:.8125rem}}.attachBulk span{font-style:italic}.attachBulk span.download a{color:#5090f8;font-style:normal}.attachBulk span.download a:hover{color:#5090f8}.bankAccBtns{padding:25px 45px 25px 45px}.isSupportedBanks{font-family:"Avenir-Heavy"}[dir=rtl] .isSupportedBanks{font-family:"Almarai-Bold"}.isSupportedBanks{font-size:1rem}@media screen and (max-width: 1440px){.isSupportedBanks{font-size:.9375rem}}@media screen and (max-width: 1280px){.isSupportedBanks{font-size:.875rem}}@media screen and (max-width: 1025px){.isSupportedBanks{font-size:.8125rem}}.isSupportedBanks{color:#384150}.yourBankAccnts{border:1px solid #dbe1e9;width:126px;height:75px;margin:10px 10px 10px 0;display:flex;align-items:center;justify-content:center;-webkit-transition:0.5s;transition:0.5s;-moz-transition:0.5s;border-radius:4px}.yourBankAccnts:last-child{margin-right:0px}.yourBankAccnts img{max-width:110px}.bankList .yourBankAccnts:hover{cursor:pointer;box-shadow:13px 12px 12px #dbe1e9;-webkit-box-shadow:2px 4px 6px #dbe1e9;-moz-shadow:2px 4px 6px #dbe1e9;border:1px solid #5090f8}.yourBankAccnts.isNotSelected{background:rgba(219,225,233,.3);border:1px solid #bfc7d0}.yourBankAccnts.isSelected{border:1px solid #5090f8;background:#fff}.formWidth .formControl{max-width:100%;width:100%}.bankList{align-items:end;flex:1;flex-wrap:wrap;align-content:flex-start;padding:0;list-style:none;justify-content:flex-start;margin:20px 0}.statusWidth{width:30%}.bankNameFont{font-size:1rem}@media screen and (max-width: 1440px){.bankNameFont{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankNameFont{font-size:.875rem}}@media screen and (max-width: 1025px){.bankNameFont{font-size:.8125rem}}.bankNameFont{color:#384150;font-family:"Avenir-Heavy"}[dir=rtl] .bankNameFont{font-family:"Almarai-Bold"}.messageTitle .icon-check-circle:before{color:#62bd69;font-size:10rem}@media screen and (max-width: 1440px){.messageTitle .icon-check-circle:before{font-size:9.9375rem}}@media screen and (max-width: 1280px){.messageTitle .icon-check-circle:before{font-size:9.875rem}}@media screen and (max-width: 1025px){.messageTitle .icon-check-circle:before{font-size:9.8125rem}}.messageInfo{font-size:.875rem}@media screen and (max-width: 1440px){.messageInfo{font-size:.8125rem}}@media screen and (max-width: 1280px){.messageInfo{font-size:.75rem}}@media screen and (max-width: 1025px){.messageInfo{font-size:.6875rem}}.messageInfo{font-family:"Avenir-Medium"}[dir=rtl] .messageInfo{font-family:"Almarai-Regular"}.messageInfo{color:#8994a5}.connectBankLabel{font-size:1rem}@media screen and (max-width: 1440px){.connectBankLabel{font-size:.9375rem}}@media screen and (max-width: 1280px){.connectBankLabel{font-size:.875rem}}@media screen and (max-width: 1025px){.connectBankLabel{font-size:.8125rem}}.connectBankLabel{font-family:"Avenir-Heavy"}[dir=rtl] .connectBankLabel{font-family:"Almarai-Bold"}.connectingBank{min-height:500px;display:flex;justify-content:center;align-items:center;flex-direction:column}.connectingBank p{margin-top:25px;color:#384150}.connectingBank img{max-width:150px}.bankLoader{width:145px;height:145px;margin:0 auto}.bankLoader img{width:95px}.allBanksTitle{font-size:1.875rem}@media screen and (max-width: 1440px){.allBanksTitle{font-size:1.8125rem}}@media screen and (max-width: 1280px){.allBanksTitle{font-size:1.75rem}}@media screen and (max-width: 1025px){.allBanksTitle{font-size:1.6875rem}}.allBanksTitle{color:#384150;font-family:"Avenir-Heavy"}[dir=rtl] .allBanksTitle{font-family:"Almarai-Bold"}.lastUpdated .icon-Settings .transcationTooltip{position:relative}.lastUpdated .icon-Settings .transcationTooltip .settings{margin-left:0;position:absolute;right:-16px}.inActiveBank{background:#dbe1e9}.popup-content .addBankAccountPopup.modalBody{padding:0 2rem;max-height:56vh}.bankChargesContainer .formControl>label{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.bankChargesContainer .formControl>label{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankChargesContainer .formControl>label{font-size:.875rem}}@media screen and (max-width: 1025px){.bankChargesContainer .formControl>label{font-size:.8125rem}}.bankChargesContainer .formControl>label{font-family:"Avenir-Medium"}[dir=rtl] .bankChargesContainer .formControl>label{font-family:"Almarai-Regular"}.bankChargesContainer .bankChargesFlexWrap{display:flex;flex-wrap:wrap;width:100%;align-items:center}.bankChargesContainer .bankChargesFlexWrap .formControl:first-child{margin-right:15px}.bankChargesContainer .bankChargesFlexWrap .formControl{width:48%}.bankChargesContainer .internationalFlexBlock{display:flex;flex-wrap:wrap;width:100%;align-items:center}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex{display:flex;align-items:center;flex-wrap:wrap;width:100%}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex{display:flex;margin-bottom:1rem;position:relative;width:48%}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex .currencySelect{width:50%;margin-right:9px}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex .currencySelect [class*=css-][class*=-control]{min-height:40px}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex .formField{border-radius:4px;width:50%}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex:nth-child(odd){margin-right:15px}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex .icon-cross-mark-filled{position:absolute;right:-5px;top:-6px;font-size:1rem}@media screen and (max-width: 1440px){.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex .icon-cross-mark-filled{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex .icon-cross-mark-filled{font-size:.875rem}}@media screen and (max-width: 1025px){.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex .icon-cross-mark-filled{font-size:.8125rem}}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex .icon-cross-mark-filled{color:#8994a5;cursor:pointer}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .currencyFlex .icon-cross-mark-filled::before{background:#fff;padding-left:2px;padding-bottom:2px}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .btn.createBtn{border:1px solid #5090f8;color:#5090f8;border-radius:4px;font-size:1rem}@media screen and (max-width: 1440px){.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .btn.createBtn{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .btn.createBtn{font-size:.875rem}}@media screen and (max-width: 1025px){.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .btn.createBtn{font-size:.8125rem}}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .btn.createBtn{height:38px;transition:.3s}.bankChargesContainer .internationalFlexBlock .formControl .internationalChargesFlex .btn.createBtn:hover{background-color:#5090f8;color:#fff;border-color:rgba(0,0,0,0)}.bankChargesContainer .internationalFlexBlock .formControl [class*=css-][class*=-menu]>div{padding:0;border-radius:4px}.bankChargesContainer .bankChargesNote{font-size:.875rem}@media screen and (max-width: 1440px){.bankChargesContainer .bankChargesNote{font-size:.8125rem}}@media screen and (max-width: 1280px){.bankChargesContainer .bankChargesNote{font-size:.75rem}}@media screen and (max-width: 1025px){.bankChargesContainer .bankChargesNote{font-size:.6875rem}}.bankChargesContainer .bankChargesNote{color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .bankChargesContainer .bankChargesNote{font-family:"Almarai-Regular"}.bankChargesContainer .bankChargesNote{padding-bottom:1.5rem}.bankChargesContainer .bankChargesNote span{color:#000001}.isVirtualAccountsForm .formControl .formControl{width:100%}.bankNameLoader:empty{height:70px;width:100%;max-width:174px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 18px, transparent 0),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,60% 30px,80% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.companyLoader:empty{height:70px;width:100%;max-width:296px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 18px, transparent 0),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,60% 30px,80% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.sarLoader:empty{height:70px;width:100%;max-width:190px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 18px, transparent 0),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,60% 30px,80% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}@keyframes horz{to{background-position:100% 10px,0 10px,0 35px}}.bankAccountText{padding:20px 0 10px 0}.bankAccountText h6{font-size:1rem}@media screen and (max-width: 1440px){.bankAccountText h6{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankAccountText h6{font-size:.875rem}}@media screen and (max-width: 1025px){.bankAccountText h6{font-size:.8125rem}}.bankAccountText h6{font-family:"Avenir-Heavy"}[dir=rtl] .bankAccountText h6{font-family:"Almarai-Bold"}.bankAccountText h6{margin-bottom:15px}.bankAccountText span{font-size:.875rem}@media screen and (max-width: 1440px){.bankAccountText span{font-size:.8125rem}}@media screen and (max-width: 1280px){.bankAccountText span{font-size:.75rem}}@media screen and (max-width: 1025px){.bankAccountText span{font-size:.6875rem}}.bankAccountText span{font-family:"Avenir-Medium"}[dir=rtl] .bankAccountText span{font-family:"Almarai-Regular"}.bankAccountText span{color:#8994a5;line-height:22px}.bankAccountText span.font-Heavy{font-family:"Avenir-Heavy"}[dir=rtl] .bankAccountText span.font-Heavy{font-family:"Almarai-Bold"}.openBankSuccess{text-align:center}.openBankSuccess h6{font-size:1.25rem}@media screen and (max-width: 1440px){.openBankSuccess h6{font-size:1.1875rem}}@media screen and (max-width: 1280px){.openBankSuccess h6{font-size:1.125rem}}@media screen and (max-width: 1025px){.openBankSuccess h6{font-size:1.0625rem}}.openBankSuccess h6{font-family:"Avenir-Heavy"}[dir=rtl] .openBankSuccess h6{font-family:"Almarai-Bold"}.openBankSuccess h6{margin:35px 0 20px}.openBankSuccess span{color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.openBankSuccess span{font-size:.9375rem}}@media screen and (max-width: 1280px){.openBankSuccess span{font-size:.875rem}}@media screen and (max-width: 1025px){.openBankSuccess span{font-size:.8125rem}}.openBankSuccess span{font-family:"Avenir-Medium"}[dir=rtl] .openBankSuccess span{font-family:"Almarai-Regular"}.openBankSuccess span{line-height:24px}.openBankName{padding-top:50px}.openBankName ul li{display:flex;align-items:center;padding-bottom:16px}.openBankName ul li span{display:flex;align-items:center;font-size:1rem}@media screen and (max-width: 1440px){.openBankName ul li span{font-size:.9375rem}}@media screen and (max-width: 1280px){.openBankName ul li span{font-size:.875rem}}@media screen and (max-width: 1025px){.openBankName ul li span{font-size:.8125rem}}.openBankName ul li span{font-family:"Avenir-Medium"}[dir=rtl] .openBankName ul li span{font-family:"Almarai-Regular"}.openBankName ul li span img{width:20px;margin-right:15px}.openBankName ul li i{margin-right:15px;font-size:1.25rem}@media screen and (max-width: 1440px){.openBankName ul li i{font-size:1.1875rem}}@media screen and (max-width: 1280px){.openBankName ul li i{font-size:1.125rem}}@media screen and (max-width: 1025px){.openBankName ul li i{font-size:1.0625rem}}.openBankName ul li i{color:#384150}.openBankName ul li:nth-child(2){justify-content:space-between;border-bottom:0px;border-top:1px solid #dbe1e9;padding-top:20px;cursor:pointer}.openBankName ul li:nth-child(2) .icon-down-arrow{margin-right:0px;transform:rotate(270deg)}.openBankDetail{border-top:1px solid #bfc7d0;padding-top:16px}.openBankDetail span{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.openBankDetail span{font-size:.8125rem}}@media screen and (max-width: 1280px){.openBankDetail span{font-size:.75rem}}@media screen and (max-width: 1025px){.openBankDetail span{font-size:.6875rem}}.openBankDetail span{font-family:"Avenir-Medium"}[dir=rtl] .openBankDetail span{font-family:"Almarai-Regular"}.openBankDetail span{line-height:24px;padding-bottom:25px}.openBankSuccess.openBankFail h6{margin-bottom:15px}.openBankSuccess.openBankFail span{font-size:.875rem}@media screen and (max-width: 1440px){.openBankSuccess.openBankFail span{font-size:.8125rem}}@media screen and (max-width: 1280px){.openBankSuccess.openBankFail span{font-size:.75rem}}@media screen and (max-width: 1025px){.openBankSuccess.openBankFail span{font-size:.6875rem}}.openBankSuccess.openBankFail span{line-height:20px}.consentArrow.icon-down-arrow:before{position:absolute;right:26px;top:72px}.ConsentBankDetailBody{background-color:#f8fcfd}.ConsentBankDetailBody .brdrBtm:last-child{border-bottom:0}
.bankAccounts .accountDetails{cursor:pointer;background:#f3f5fd;padding:18px 8px;margin-top:15px;align-items:center;position:relative}.bankAccounts .accountDetails i{color:#8994a5;position:relative;left:0px;-webkit-transform:rotate(-90deg) scale(1);-ms-transform:rotate(-90deg) scale(1);transform:rotate(-90deg) scale(1);-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.bankAccounts .accountDetails i.rotate{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}.bankAccounts .accountDetails img{padding-left:0px;max-height:27px;width:auto}.bankAccounts .accountDetails .companyName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:.8;text-transform:lowercase;display:inline-block;max-width:150px}.bankAccounts .accountDetails .companyName::first-letter{text-transform:uppercase}.bankAccounts .bankAccountHolder{background:#f3f5fd;padding:18px 7px;border-top:1px solid #dbe1e9}.bankAccounts .bankAccountHolder .name{font-family:"Avenir-Roman"}[dir=rtl] .bankAccounts .bankAccountHolder .name{font-family:"Almarai-Light"}.bankAccounts .bankAccountHolder .name{color:#384150}.bankAccounts .bankAccountHolder .accountNo{color:#8994a5;display:block;margin-top:9px;font-size:.875rem}@media screen and (max-width: 1440px){.bankAccounts .bankAccountHolder .accountNo{font-size:.8125rem}}@media screen and (max-width: 1280px){.bankAccounts .bankAccountHolder .accountNo{font-size:.75rem}}@media screen and (max-width: 1025px){.bankAccounts .bankAccountHolder .accountNo{font-size:.6875rem}}.bankAccounts .bankAccountHolder .amount{font-family:"Avenir-Heavy"}[dir=rtl] .bankAccounts .bankAccountHolder .amount{font-family:"Almarai-Bold"}.bankAccounts .bankAccountHolder .amount{color:#384150}.bankAccounts .bankAccountsList{padding:0 10px;background:#f3f5fd}.bankAccounts .bankAccountsList.overviewbankList .accountDetails .companyName{text-transform:initial;flex:auto;max-width:none}.bankAccounts .bankAccountsList.overviewbankList .accountDetails .isAccountsSec{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bankAccounts .bankAccountsList.overviewbankList .accountDetails .isAccountsSec img{margin:0 10px}.bankAccounts .bankAccountsList.overviewbankList .accountDetails .isAccountsSec img.cashFlowimg{margin:0 10px 0 0}.bankAccounts .bankAccountsList.overviewbankList .accountDetails .isAccountsSec .icon.icon-down-arrow{margin-right:10px}.bankAccounts .bankAccountsList.overviewbankList .accountDetails .overBankAccount{max-width:none}.bankAccounts .bankAccountsList.overviewbankList .accountDetails .overBankAccount .amountCurrency{display:flex}.bankAccounts .labelValue{margin-bottom:15px}.bankAccounts .netWorth{border-top:1px solid #dbe1e9;padding-top:16px;font-size:1rem}@media screen and (max-width: 1440px){.bankAccounts .netWorth{font-size:.9375rem}}@media screen and (max-width: 1280px){.bankAccounts .netWorth{font-size:.875rem}}@media screen and (max-width: 1025px){.bankAccounts .netWorth{font-size:.8125rem}}.bankAccounts .netWorth strong{font-family:"Avenir-Heavy"}[dir=rtl] .bankAccounts .netWorth strong{font-family:"Almarai-Bold"}.bankAccounts .totalCalculations{margin-top:25px;font-size:.875rem}@media screen and (max-width: 1440px){.bankAccounts .totalCalculations{font-size:.8125rem}}@media screen and (max-width: 1280px){.bankAccounts .totalCalculations{font-size:.75rem}}@media screen and (max-width: 1025px){.bankAccounts .totalCalculations{font-size:.6875rem}}.bankAccounts .totalCalculations{color:#384150}.bankAccountsLoader .bankListLoader{margin-right:20px}.bankAccountsLoader .bankListLoader.isPayNameLoader{max-width:120px;width:120px}
.softBlue{color:#5090f8}.titleBankLogo{display:flex;padding:0px 45px 24px;align-items:center;column-gap:10px;max-height:55px}.titleBankLogo .popupTitle{padding:0;margin:0;font-size:1.25rem}@media screen and (max-width: 1440px){.titleBankLogo .popupTitle{font-size:1.1875rem}}@media screen and (max-width: 1280px){.titleBankLogo .popupTitle{font-size:1.125rem}}@media screen and (max-width: 1025px){.titleBankLogo .popupTitle{font-size:1.0625rem}}.titleBankLogo .popupTitle{text-transform:lowercase;font-family:"Avenir-Heavy"}[dir=rtl] .titleBankLogo .popupTitle{font-family:"Almarai-Bold"}.sliderBankCreatePopupBodyNew{height:calc(100vh - 69px);overflow:auto;max-height:100%}.sliderBankCreatePopupBodyNew .searchTitle{color:#384150;padding:24px 0 15px 0}.sliderBankCreatePopupBodyNew .icon-search:before{content:""}.sliderBankCreatePopupBodyNew .formField{font-size:.75rem}@media screen and (max-width: 1440px){.sliderBankCreatePopupBodyNew .formField{font-size:.6875rem}}@media screen and (max-width: 1280px){.sliderBankCreatePopupBodyNew .formField{font-size:.625rem}}@media screen and (max-width: 1025px){.sliderBankCreatePopupBodyNew .formField{font-size:.5625rem}}.sliderBankCreatePopupBodyNew .formField::placeholder{color:#8994a5}.sliderBankCreatePopupBodyNew .banksOnSearch{display:flex;flex-direction:column;padding-top:29px}.sliderBankCreatePopupBodyNew .banksOnSearch .searchedBank{display:flex;column-gap:15px;align-items:center;border-bottom:1px solid #dbe1e9;padding:7px 15px}.sliderBankCreatePopupBodyNew .banksOnSearch .searchedBank .searchedBankName{font-size:1rem}@media screen and (max-width: 1440px){.sliderBankCreatePopupBodyNew .banksOnSearch .searchedBank .searchedBankName{font-size:.9375rem}}@media screen and (max-width: 1280px){.sliderBankCreatePopupBodyNew .banksOnSearch .searchedBank .searchedBankName{font-size:.875rem}}@media screen and (max-width: 1025px){.sliderBankCreatePopupBodyNew .banksOnSearch .searchedBank .searchedBankName{font-size:.8125rem}}.sliderBankCreatePopupBodyNew .banksOnSearch .searchedBank .searchedBankName{font-family:"Avenir-Roman"}[dir=rtl] .sliderBankCreatePopupBodyNew .banksOnSearch .searchedBank .searchedBankName{font-family:"Almarai-Light"}.sliderBankCreatePopupBodyNew .banksOnSearch .searchedBank .searchedBankName{color:#8994a5;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.openBankFormFields .paddingBtn{padding:26px 0}.openBankFormFields .paddingBtn .notActive{font-size:.75rem}@media screen and (max-width: 1440px){.openBankFormFields .paddingBtn .notActive{font-size:.6875rem}}@media screen and (max-width: 1280px){.openBankFormFields .paddingBtn .notActive{font-size:.625rem}}@media screen and (max-width: 1025px){.openBankFormFields .paddingBtn .notActive{font-size:.5625rem}}.openBankFormFields .paddingBtn .notActive{padding:0 0;max-width:102px}.openBankFormFields .paddingBtn .active{font-size:.75rem}@media screen and (max-width: 1440px){.openBankFormFields .paddingBtn .active{font-size:.6875rem}}@media screen and (max-width: 1280px){.openBankFormFields .paddingBtn .active{font-size:.625rem}}@media screen and (max-width: 1025px){.openBankFormFields .paddingBtn .active{font-size:.5625rem}}.openBankFormFields .paddingBtn .active{padding:0 0;max-width:102px}.openBankFormFields .paddingBtn .btn{min-height:30px}.openBankFormFields .defaultTextBox::placeholder{font-size:.875rem}@media screen and (max-width: 1440px){.openBankFormFields .defaultTextBox::placeholder{font-size:.8125rem}}@media screen and (max-width: 1280px){.openBankFormFields .defaultTextBox::placeholder{font-size:.75rem}}@media screen and (max-width: 1025px){.openBankFormFields .defaultTextBox::placeholder{font-size:.6875rem}}.openBankFormFields .defaultTextBox::placeholder{color:#8994a5}.openBankPermission .permissionHead{padding-bottom:28px}.openBankPermission .permissionHead .permissionTitle{font-family:"Avenir-Heavy"}[dir=rtl] .openBankPermission .permissionHead .permissionTitle{font-family:"Almarai-Bold"}.openBankPermission .permissionHead .permissionTitle{font-size:1.25rem}@media screen and (max-width: 1440px){.openBankPermission .permissionHead .permissionTitle{font-size:1.1875rem}}@media screen and (max-width: 1280px){.openBankPermission .permissionHead .permissionTitle{font-size:1.125rem}}@media screen and (max-width: 1025px){.openBankPermission .permissionHead .permissionTitle{font-size:1.0625rem}}.openBankPermission .permissionHead .permissionTitle{padding-bottom:14px}.openBankPermission .permissionHead .permissionReq{font-family:"Avenir-Roman"}[dir=rtl] .openBankPermission .permissionHead .permissionReq{font-family:"Almarai-Light"}.openBankPermission .permissionHead .permissionReq{font-size:.75rem}@media screen and (max-width: 1440px){.openBankPermission .permissionHead .permissionReq{font-size:.6875rem}}@media screen and (max-width: 1280px){.openBankPermission .permissionHead .permissionReq{font-size:.625rem}}@media screen and (max-width: 1025px){.openBankPermission .permissionHead .permissionReq{font-size:.5625rem}}.openBankPermission .permissionHead .permissionReq{color:#8994a5}.openBankPermission .openBankPermissionLst .termsConditions{border-bottom:1px solid #dbe1e9;padding-bottom:14px;margin-bottom:14px}.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .verifyProfile{padding-bottom:14px;font-family:"Avenir-Heavy"}[dir=rtl] .openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .verifyProfile{font-family:"Almarai-Bold"}.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .verifyProfile{font-size:.875rem}@media screen and (max-width: 1440px){.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .verifyProfile{font-size:.8125rem}}@media screen and (max-width: 1280px){.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .verifyProfile{font-size:.75rem}}@media screen and (max-width: 1025px){.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .verifyProfile{font-size:.6875rem}}.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .verifyProfile{color:#384150}.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .allowProfile{font-size:.75rem}@media screen and (max-width: 1440px){.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .allowProfile{font-size:.6875rem}}@media screen and (max-width: 1280px){.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .allowProfile{font-size:.625rem}}@media screen and (max-width: 1025px){.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .allowProfile{font-size:.5625rem}}.openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .allowProfile{color:#8994a5;line-height:initial}.openBankPermission .openBankPermissionLst .termsConditions .isBankPermissions{flex:1}.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal{color:#384150;font-size:1.125rem}@media screen and (max-width: 1440px){.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal{font-size:1.0625rem}}@media screen and (max-width: 1280px){.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal{font-size:1rem}}@media screen and (max-width: 1025px){.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal{font-size:.9375rem}}.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal{margin-right:20px;background:#f3f5fd;border-radius:50%;padding:12px 14px}.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal.icon-case-bank{padding:12px}.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal.icon-bal-enquiry{font-size:1rem}@media screen and (max-width: 1440px){.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal.icon-bal-enquiry{font-size:.9375rem}}@media screen and (max-width: 1280px){.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal.icon-bal-enquiry{font-size:.875rem}}@media screen and (max-width: 1025px){.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal.icon-bal-enquiry{font-size:.8125rem}}.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal.icon-bal-enquiry{padding:12px 10px}.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal.icon-beneficiary-details{padding:12px 6px}.openBankPermission .openBankPermissionLst .cannotPolicy{display:flex;flex-direction:column;padding:14px 0 20px}.openBankPermission .openBankPermissionLst .cannotPolicy .cannotPoTitle{color:#000001;font-size:.875rem}@media screen and (max-width: 1440px){.openBankPermission .openBankPermissionLst .cannotPolicy .cannotPoTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.openBankPermission .openBankPermissionLst .cannotPolicy .cannotPoTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.openBankPermission .openBankPermissionLst .cannotPolicy .cannotPoTitle{font-size:.6875rem}}.openBankPermission .openBankPermissionLst .cannotPolicy .cannotPoTitle{padding-bottom:12px}.openBankPermission .openBankPermissionLst .cannotPolicy ul .cannotPoList{color:#8994a5;padding-bottom:6px;font-size:.875rem}@media screen and (max-width: 1440px){.openBankPermission .openBankPermissionLst .cannotPolicy ul .cannotPoList{font-size:.8125rem}}@media screen and (max-width: 1280px){.openBankPermission .openBankPermissionLst .cannotPolicy ul .cannotPoList{font-size:.75rem}}@media screen and (max-width: 1025px){.openBankPermission .openBankPermissionLst .cannotPolicy ul .cannotPoList{font-size:.6875rem}}.openBankPermission .openBankPermissionLst .cannotPolicy ul .cannotPoList{text-align:justify;border:0;list-style-type:none}.openBankPermission .openBankPermissionLst .cannotPolicy ul .cannotPoList:before{font-family:"icomoon" !important;content:"";color:#eb3223;margin-right:10px;font-size:.625rem}@media screen and (max-width: 1280px){.openBankPermission .openBankPermissionLst .cannotPolicy ul .cannotPoList:before{font-size:.5625rem}}.openBankPermission .openBankPermissionLst .cannotPolicy ul .cannotPoList span{line-height:initial}.openBankPermission .openBankPermissionLst .termsPolicy{font-size:.875rem}@media screen and (max-width: 1440px){.openBankPermission .openBankPermissionLst .termsPolicy{font-size:.8125rem}}@media screen and (max-width: 1280px){.openBankPermission .openBankPermissionLst .termsPolicy{font-size:.75rem}}@media screen and (max-width: 1025px){.openBankPermission .openBankPermissionLst .termsPolicy{font-size:.6875rem}}.openBankPermission .openBankPermissionLst .termsPolicy{color:#8994a5;padding-bottom:26px;line-height:22px}.openBankPermission .openBankPermissionLst .termsPolicy span{border-bottom:1px solid #5090f8}.openBankPermission .openBankPermissionLst .termsPolicy .isBankName{border-bottom:none;font-family:"Avenir-Heavy"}[dir=rtl] .openBankPermission .openBankPermissionLst .termsPolicy .isBankName{font-family:"Almarai-Bold"}.openBankPermission .openBankPermissionLst .termsPolicy .isBankName{color:#384150}.openBankPermission .openBankPermissionLst h6.isTitle{font-family:"Avenir-Heavy"}[dir=rtl] .openBankPermission .openBankPermissionLst h6.isTitle{font-family:"Almarai-Bold"}.openBankPermission .openBankPermissionLst h6.isTitle{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.openBankPermission .openBankPermissionLst h6.isTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.openBankPermission .openBankPermissionLst h6.isTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.openBankPermission .openBankPermissionLst h6.isTitle{font-size:.8125rem}}.thirdPartyNote{border:1px solid #dbe1e9;background-color:#f8fcfd;padding:10px;border-radius:4px;color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.thirdPartyNote{font-size:.8125rem}}@media screen and (max-width: 1280px){.thirdPartyNote{font-size:.75rem}}@media screen and (max-width: 1025px){.thirdPartyNote{font-size:.6875rem}}.thirdPartyNote{font-family:"Avenir-Medium"}[dir=rtl] .thirdPartyNote{font-family:"Almarai-Regular"}.thirdPartyNote{line-height:initial}.thirdPartyNote span{font-family:"Avenir-Heavy"}[dir=rtl] .thirdPartyNote span{font-family:"Almarai-Bold"}.thirdPartyNote span{margin-bottom:0}.continueTerm{padding-top:29px}.continueTerm .contTermTitle{font-family:"Avenir-Heavy"}[dir=rtl] .continueTerm .contTermTitle{font-family:"Almarai-Bold"}.continueTerm .contTermTitle{font-size:1rem}@media screen and (max-width: 1440px){.continueTerm .contTermTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.continueTerm .contTermTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.continueTerm .contTermTitle{font-size:.8125rem}}.continueTerm .contTermTitle{line-height:initial;color:#384150;padding-bottom:10px}.continueTerm .contTerm{font-family:"Avenir-Roman"}[dir=rtl] .continueTerm .contTerm{font-family:"Almarai-Light"}.continueTerm .contTerm{font-size:1rem}@media screen and (max-width: 1440px){.continueTerm .contTerm{font-size:.9375rem}}@media screen and (max-width: 1280px){.continueTerm .contTerm{font-size:.875rem}}@media screen and (max-width: 1025px){.continueTerm .contTerm{font-size:.8125rem}}.continueTerm .contTerm{line-height:initial;color:#8994a5}.successInfo{color:#384150;line-height:initial}.messageInfo{line-height:initial}.btn-active{margin:2px 0 2px 12px;padding:1px 4px;border-radius:2px;border:none;background-color:#62bd69;color:#fff;font-size:.875rem}@media screen and (max-width: 1440px){.btn-active{font-size:.8125rem}}@media screen and (max-width: 1280px){.btn-active{font-size:.75rem}}@media screen and (max-width: 1025px){.btn-active{font-size:.6875rem}}.btn-active{font-family:"Avenir-Medium"}[dir=rtl] .btn-active{font-family:"Almarai-Regular"}.btn-active{max-height:22px;cursor:inherit}.btn-active.inActive{background:#eb3223}.manageSubTitle{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;align-items:baseline;margin:25px 0}.manageBank>p{font-size:1.125rem}@media screen and (max-width: 1440px){.manageBank>p{font-size:1.0625rem}}@media screen and (max-width: 1280px){.manageBank>p{font-size:1rem}}@media screen and (max-width: 1025px){.manageBank>p{font-size:.9375rem}}.manageBank>p{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .manageBank>p{font-family:"Almarai-Regular"}.manageBank>p{margin-bottom:12px}.manageBank>p span{font-size:1rem}@media screen and (max-width: 1440px){.manageBank>p span{font-size:.9375rem}}@media screen and (max-width: 1280px){.manageBank>p span{font-size:.875rem}}@media screen and (max-width: 1025px){.manageBank>p span{font-size:.8125rem}}.manageBank>p span{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .manageBank>p span{font-family:"Almarai-Light"}.manageBank>p span{padding-left:5px}.manageBox{font-family:"Avenir-Medium"}[dir=rtl] .manageBox{font-family:"Almarai-Regular"}.manageBox .thirdPartyNote{border:1px solid #dbe1e9;background-color:#f8fcfd;padding:10px;border-radius:4px;color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.manageBox .thirdPartyNote{font-size:.8125rem}}@media screen and (max-width: 1280px){.manageBox .thirdPartyNote{font-size:.75rem}}@media screen and (max-width: 1025px){.manageBox .thirdPartyNote{font-size:.6875rem}}.manageBox .thirdPartyNote{font-family:"Avenir-Medium"}[dir=rtl] .manageBox .thirdPartyNote{font-family:"Almarai-Regular"}.manageBox .thirdPartyNote{line-height:initial}.manageBox .thirdPartyNote span{font-family:"Avenir-Heavy"}[dir=rtl] .manageBox .thirdPartyNote span{font-family:"Almarai-Bold"}.manageBox .thirdPartyNote span{margin-bottom:0}.manageBox p{font-size:1rem}@media screen and (max-width: 1440px){.manageBox p{font-size:.9375rem}}@media screen and (max-width: 1280px){.manageBox p{font-size:.875rem}}@media screen and (max-width: 1025px){.manageBox p{font-size:.8125rem}}.manageBox p{color:#384150;margin-bottom:15px}.manageBox span{color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.manageBox span{font-size:.9375rem}}@media screen and (max-width: 1280px){.manageBox span{font-size:.875rem}}@media screen and (max-width: 1025px){.manageBox span{font-size:.8125rem}}.manageBox span{font-family:"Avenir-Roman"}[dir=rtl] .manageBox span{font-family:"Almarai-Light"}.manageBox span{margin-bottom:25px;display:inline-block}.manageBox span.detailsTxt{font-size:.875rem}@media screen and (max-width: 1440px){.manageBox span.detailsTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.manageBox span.detailsTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.manageBox span.detailsTxt{font-size:.6875rem}}.manageBox span.detailsTxt{font-family:"Avenir-Medium"}[dir=rtl] .manageBox span.detailsTxt{font-family:"Almarai-Regular"}.manageBox span.detailsTxt{line-height:20px}.manageAccountList{font-size:.875rem}@media screen and (max-width: 1440px){.manageAccountList{font-size:.8125rem}}@media screen and (max-width: 1280px){.manageAccountList{font-size:.75rem}}@media screen and (max-width: 1025px){.manageAccountList{font-size:.6875rem}}.manageAccountList{color:#384150;border-top:1px solid #dbe1e9;margin-top:15px}.manageAccountList .dataText{font-size:1rem}@media screen and (max-width: 1440px){.manageAccountList .dataText{font-size:.9375rem}}@media screen and (max-width: 1280px){.manageAccountList .dataText{font-size:.875rem}}@media screen and (max-width: 1025px){.manageAccountList .dataText{font-size:.8125rem}}.manageAccountList .dataText{margin:25px 0;display:inline-block}.manageAccountList .accordion-wrapper{margin-bottom:15px}.manageAccountList .accordion-title{font-size:.875rem}@media screen and (max-width: 1440px){.manageAccountList .accordion-title{font-size:.8125rem}}@media screen and (max-width: 1280px){.manageAccountList .accordion-title{font-size:.75rem}}@media screen and (max-width: 1025px){.manageAccountList .accordion-title{font-size:.6875rem}}.manageAccountList .accordion-title{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .manageAccountList .accordion-title{font-family:"Almarai-Regular"}.manageAccountList .accordion-title{display:flex;align-items:center;width:fit-content;cursor:pointer}.manageAccountList .accordion-icon{color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.manageAccountList .accordion-icon{font-size:.9375rem}}@media screen and (max-width: 1280px){.manageAccountList .accordion-icon{font-size:.875rem}}@media screen and (max-width: 1025px){.manageAccountList .accordion-icon{font-size:.8125rem}}.manageAccountList .accordion-icon{margin-right:12px;transition:transform .3s ease-out;transform:rotate(-180deg)}.manageAccountList{margin-bottom:15px}.manageAccountList .accordion-icon.isClosed{transform:rotate(0deg)}.manageAccountList .accordion-content{padding-left:35px}.manageAccountList .accordion-content span{display:block;color:#8994a5;margin-top:10px;padding-left:15px;position:relative}.manageAccountList .accordion-content span::before{position:absolute;content:"•";color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.manageAccountList .accordion-content span::before{font-size:.8125rem}}@media screen and (max-width: 1280px){.manageAccountList .accordion-content span::before{font-size:.75rem}}@media screen and (max-width: 1025px){.manageAccountList .accordion-content span::before{font-size:.6875rem}}.manageAccountList .accordion-content span::before{left:0}.manageAccountList .accordion-content small{text-transform:lowercase}.manageAccountList .accordion-item{overflow:hidden;transition:max-height .3s cubic-bezier(1, 0, 1, 0);height:auto}.manageAccountList .accordion-item.collapsed{max-height:0;transition:max-height .35s cubic-bezier(0, 1, 0, 1)}.bankAccBtns.manageAccountFooter .btns button{min-width:135px}.settingsNav .manageAccountPopup ul li:nth-child(2){border-bottom:0}.disconnectSubTitle{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .disconnectSubTitle{font-family:"Almarai-Regular"}.disconnectSubTitle h5{font-size:1rem}@media screen and (max-width: 1440px){.disconnectSubTitle h5{font-size:.9375rem}}@media screen and (max-width: 1280px){.disconnectSubTitle h5{font-size:.875rem}}@media screen and (max-width: 1025px){.disconnectSubTitle h5{font-size:.8125rem}}.disconnectSubTitle h5{margin-top:25px;line-height:normal;font-family:"Avenir-Heavy"}[dir=rtl] .disconnectSubTitle h5{font-family:"Almarai-Bold"}.disconnectSubTitle span{font-size:.875rem}@media screen and (max-width: 1440px){.disconnectSubTitle span{font-size:.8125rem}}@media screen and (max-width: 1280px){.disconnectSubTitle span{font-size:.75rem}}@media screen and (max-width: 1025px){.disconnectSubTitle span{font-size:.6875rem}}.disconnectSubTitle span{margin:25px 0 15px;color:#8994a5;display:inline-block;line-height:20px}.disconnectSubTitle.isRevokeConsent{font-family:"Avenir-Medium"}[dir=rtl] .disconnectSubTitle.isRevokeConsent{font-family:"Almarai-Regular"}.disconnectSubTitle.isRevokeConsent{color:#8994a5}.disconnectSubTitle.isRevokeConsent strong{color:#000001}.disconnectBank .cardBlue{background:#f3f5fd;color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .disconnectBank .cardBlue{font-family:"Almarai-Light"}.disconnectBank .cardBlue{font-size:1rem}@media screen and (max-width: 1440px){.disconnectBank .cardBlue{font-size:.9375rem}}@media screen and (max-width: 1280px){.disconnectBank .cardBlue{font-size:.875rem}}@media screen and (max-width: 1025px){.disconnectBank .cardBlue{font-size:.8125rem}}.disconnectBank .cardBlue{padding:13px}.disconnectBank .cardBlue p{display:flex;margin-bottom:15px;color:#8994a5;line-height:20px;font-family:"Avenir-Roman"}[dir=rtl] .disconnectBank .cardBlue p{font-family:"Almarai-Light"}.disconnectBank .cardBlue p{font-size:.875rem}@media screen and (max-width: 1440px){.disconnectBank .cardBlue p{font-size:.8125rem}}@media screen and (max-width: 1280px){.disconnectBank .cardBlue p{font-size:.75rem}}@media screen and (max-width: 1025px){.disconnectBank .cardBlue p{font-size:.6875rem}}.disconnectBank .cardBlue p:last-child{margin-bottom:0}.disconnectBank .cardBlue p .openBankNo{color:#384150}.disconnectBank .cardBlue i{font-size:.75rem}@media screen and (max-width: 1440px){.disconnectBank .cardBlue i{font-size:.6875rem}}@media screen and (max-width: 1280px){.disconnectBank .cardBlue i{font-size:.625rem}}@media screen and (max-width: 1025px){.disconnectBank .cardBlue i{font-size:.5625rem}}.disconnectBank .cardBlue i{margin-right:10px;color:#eb3223;margin-top:4px}.disconnectBank .cardBlue i.icon-down-arrow{margin:0px;font-size:1rem}@media screen and (max-width: 1440px){.disconnectBank .cardBlue i.icon-down-arrow{font-size:.9375rem}}@media screen and (max-width: 1280px){.disconnectBank .cardBlue i.icon-down-arrow{font-size:.875rem}}@media screen and (max-width: 1025px){.disconnectBank .cardBlue i.icon-down-arrow{font-size:.8125rem}}.disconnectBank .cardBlue i.icon-down-arrow{color:#384150;transition:.5s;transform:rotate(180deg);position:relative;top:0px}.disconnectBank .cardBlue i.arrowRight{transform:rotate(0deg);top:5px}.disconnectBank .accordionCard{margin:10px 0 10px}.disconnectBank .cardList{padding:5px 0}.disconnectBank .cardList span{display:block}.disconnectBank .cardList span span{margin-top:7px}.disconnectBank .termsTxt{text-align:center;padding:15px;justify-content:center;align-items:baseline;color:#697383}.disconnectBank .termsTxt span{font-family:"Avenir-Medium"}[dir=rtl] .disconnectBank .termsTxt span{font-family:"Almarai-Regular"}.disconnectBank .termsTxt span{border-bottom:1px solid #5090f8;color:#5090f8}.disconnectTxt{padding:15px;font-size:1rem}@media screen and (max-width: 1440px){.disconnectTxt{font-size:.9375rem}}@media screen and (max-width: 1280px){.disconnectTxt{font-size:.875rem}}@media screen and (max-width: 1025px){.disconnectTxt{font-size:.8125rem}}.disconnectTxt{color:#697383;font-family:"Avenir-Roman"}[dir=rtl] .disconnectTxt{font-family:"Almarai-Light"}.disconnectTxt{line-height:20px}.disconnectComplete h5{font-size:1.875rem}@media screen and (max-width: 1440px){.disconnectComplete h5{font-size:1.8125rem}}@media screen and (max-width: 1280px){.disconnectComplete h5{font-size:1.75rem}}@media screen and (max-width: 1025px){.disconnectComplete h5{font-size:1.6875rem}}.disconnectComplete h5{font-family:"Avenir-Heavy"}[dir=rtl] .disconnectComplete h5{font-family:"Almarai-Bold"}.disconnectComplete h5{margin:15px 0}.disconnectBody{width:85%;margin:45px auto;font-family:"Avenir-Medium"}[dir=rtl] .disconnectBody{font-family:"Almarai-Regular"}.disconnectBody{font-size:.875rem}@media screen and (max-width: 1440px){.disconnectBody{font-size:.8125rem}}@media screen and (max-width: 1280px){.disconnectBody{font-size:.75rem}}@media screen and (max-width: 1025px){.disconnectBody{font-size:.6875rem}}.disconnectBody{color:#384150}.disconnectBody p{margin-bottom:16px;line-height:20px}.disconnectBody p span{display:block}.disconnectBody .isDisconnectedAccounts{background-color:#f3f5fd;border-radius:4px}.disconnectBody .isDisconnectedAccounts .accNum{font-family:"Avenir-Roman"}[dir=rtl] .disconnectBody .isDisconnectedAccounts .accNum{font-family:"Almarai-Light"}.disconnectBody .isDisconnectedAccounts .accNum{font-size:.875rem}@media screen and (max-width: 1440px){.disconnectBody .isDisconnectedAccounts .accNum{font-size:.8125rem}}@media screen and (max-width: 1280px){.disconnectBody .isDisconnectedAccounts .accNum{font-size:.75rem}}@media screen and (max-width: 1025px){.disconnectBody .isDisconnectedAccounts .accNum{font-size:.6875rem}}.disconnectBody .isDisconnectedAccounts .accNum{color:#384150;padding:12px;border-bottom:1px solid #dbe1e9}.disconnectBody .isDisconnectedAccounts .accNum:last-child{border-bottom:none}.disconnectFooter .InfoButtonStyles{width:100%;font-family:"Avenir-Medium"}[dir=rtl] .disconnectFooter .InfoButtonStyles{font-family:"Almarai-Regular"}.disconnectFooter .InfoButtonStyles{font-size:1rem}@media screen and (max-width: 1440px){.disconnectFooter .InfoButtonStyles{font-size:.9375rem}}@media screen and (max-width: 1280px){.disconnectFooter .InfoButtonStyles{font-size:.875rem}}@media screen and (max-width: 1025px){.disconnectFooter .InfoButtonStyles{font-size:.8125rem}}.popup-content .openBankPayment{text-align:center}.popup-content .openBankPayment .modalBody{padding:0 2.5rem 2.5rem}.popup-content .openBankPayment .modalBody span{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.popup-content .openBankPayment .modalBody span{font-size:.8125rem}}@media screen and (max-width: 1280px){.popup-content .openBankPayment .modalBody span{font-size:.75rem}}@media screen and (max-width: 1025px){.popup-content .openBankPayment .modalBody span{font-size:.6875rem}}.popup-content .openBankPayment .modalBody span{font-family:"Avenir-Medium"}[dir=rtl] .popup-content .openBankPayment .modalBody span{font-family:"Almarai-Regular"}.popup-content .openBankPayment .modalBody span{line-height:20px;margin:0px 0 18px 0px;display:block}.popup-content .openBankPayment .modalBody .qrContent{display:inline-block}.popup-content .openBankPayment .modalBody .qrContent span{display:inline-block;color:#384150;margin:0;font-family:"Avenir-Heavy"}[dir=rtl] .popup-content .openBankPayment .modalBody .qrContent span{font-family:"Almarai-Bold"}.popup-content .openBankPayment .modalBody .primaryButtonStyles{min-height:44px}.openBankingStatus{margin-left:10px;display:inline-block}.openBankingStatus span{color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.openBankingStatus span{font-size:.9375rem}}@media screen and (max-width: 1280px){.openBankingStatus span{font-size:.875rem}}@media screen and (max-width: 1025px){.openBankingStatus span{font-size:.8125rem}}.openBankingStatus span{font-family:"Avenir-Medium"}[dir=rtl] .openBankingStatus span{font-family:"Almarai-Regular"}.openBankingStatus span.progressMsg{font-size:1.25rem}@media screen and (max-width: 1440px){.openBankingStatus span.progressMsg{font-size:1.1875rem}}@media screen and (max-width: 1280px){.openBankingStatus span.progressMsg{font-size:1.125rem}}@media screen and (max-width: 1025px){.openBankingStatus span.progressMsg{font-size:1.0625rem}}.openBankingStatus span.progressMsg{color:#62bd69}.manageInfo{display:flex;align-items:center}.manageInfo span{color:#5090f8;font-size:1.125rem}@media screen and (max-width: 1440px){.manageInfo span{font-size:1.0625rem}}@media screen and (max-width: 1280px){.manageInfo span{font-size:1rem}}@media screen and (max-width: 1025px){.manageInfo span{font-size:.9375rem}}.manageInfo span{font-family:"Avenir-Medium"}[dir=rtl] .manageInfo span{font-family:"Almarai-Regular"}.manageInfo span{cursor:pointer}.manageInfo i{color:#5090f8;font-size:1.25rem}@media screen and (max-width: 1440px){.manageInfo i{font-size:1.1875rem}}@media screen and (max-width: 1280px){.manageInfo i{font-size:1.125rem}}@media screen and (max-width: 1025px){.manageInfo i{font-size:1.0625rem}}.manageInfo i{margin-left:8px;display:inline-block}.dateInfo{margin-top:15px}.dateInfo>span:first-child{margin-right:2rem}.dateInfo span{color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.dateInfo span{font-size:.9375rem}}@media screen and (max-width: 1280px){.dateInfo span{font-size:.875rem}}@media screen and (max-width: 1025px){.dateInfo span{font-size:.8125rem}}.dateInfo span{font-family:"Avenir-Medium"}[dir=rtl] .dateInfo span{font-family:"Almarai-Regular"}.dateInfo span span{color:#384150;display:inline-block;margin-left:6px}.manageInfo .transcationTooltip{position:relative}.manageInfo .transcationTooltip .bottom.top{max-width:260px;width:260px;right:-22px;z-index:2;top:auto;margin-top:0;margin-left:0;padding:15px;font-family:"Avenir-Roman"}[dir=rtl] .manageInfo .transcationTooltip .bottom.top{font-family:"Almarai-Light"}.manageInfo .transcationTooltip .bottom.top{bottom:32px;line-height:initial}.manageInfo .transcationTooltip .bottom.top span{font-size:1rem}@media screen and (max-width: 1440px){.manageInfo .transcationTooltip .bottom.top span{font-size:.9375rem}}@media screen and (max-width: 1280px){.manageInfo .transcationTooltip .bottom.top span{font-size:.875rem}}@media screen and (max-width: 1025px){.manageInfo .transcationTooltip .bottom.top span{font-size:.8125rem}}.manageInfo .transcationTooltip .bottom.top span{display:block;color:#fff}.manageInfo .transcationTooltip .bottom.top small{font-size:.75rem}@media screen and (max-width: 1440px){.manageInfo .transcationTooltip .bottom.top small{font-size:.6875rem}}@media screen and (max-width: 1280px){.manageInfo .transcationTooltip .bottom.top small{font-size:.625rem}}@media screen and (max-width: 1025px){.manageInfo .transcationTooltip .bottom.top small{font-size:.5625rem}}.manageInfo .transcationTooltip .bottom.top small{color:#c4c9d2;line-height:16px;display:block;margin-top:10px}.manageInfo .transcationTooltip .bottom.top::before{content:"";font-family:"icomoon" !important;font-size:1rem}@media screen and (max-width: 1440px){.manageInfo .transcationTooltip .bottom.top::before{font-size:.9375rem}}@media screen and (max-width: 1280px){.manageInfo .transcationTooltip .bottom.top::before{font-size:.875rem}}@media screen and (max-width: 1025px){.manageInfo .transcationTooltip .bottom.top::before{font-size:.8125rem}}.manageInfo .transcationTooltip .bottom.top::before{color:#384150;position:absolute;top:auto;border:none;left:auto;right:40px;bottom:4px}.manageInfo .transcationTooltip .bottom.top::after{display:none}.openBankTab{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;border-top:1px solid #dbe1e9;padding-top:25px}.openBankTab .inpGroupAppend{width:280px}.openBankingActive{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;width:100%}.openBankingActive span{max-width:95%;display:flex}.openBankingActive span h5{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1.5rem}@media screen and (max-width: 1440px){.openBankingActive span h5{font-size:1.4375rem}}@media screen and (max-width: 1280px){.openBankingActive span h5{font-size:1.375rem}}@media screen and (max-width: 1025px){.openBankingActive span h5{font-size:1.3125rem}}.openBankingActive span h5{color:#384150;font-family:"Avenir-Heavy"}[dir=rtl] .openBankingActive span h5{font-family:"Almarai-Bold"}.openBankingName{width:100%}.openBankingName .formField{min-height:38px;padding:9px 13px;color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.openBankingName .formField{font-size:.8125rem}}@media screen and (max-width: 1280px){.openBankingName .formField{font-size:.75rem}}@media screen and (max-width: 1025px){.openBankingName .formField{font-size:.6875rem}}.openBankingName .formField{font-family:"Avenir-Roman"}[dir=rtl] .openBankingName .formField{font-family:"Almarai-Light"}.openBankingName .formField{border-radius:4px;border:1px solid #dbe1e9;margin-bottom:15px}.openBankingName .viewCaseBtns{display:flex;justify-content:space-between}.openBankingName .viewCaseBtns button{min-width:116px}.transactionDetails.isPrivacyTermsPopup h3{margin:0;padding:0px 45px 24px;font-size:1.5rem}@media screen and (max-width: 1440px){.transactionDetails.isPrivacyTermsPopup h3{font-size:1.4375rem}}@media screen and (max-width: 1280px){.transactionDetails.isPrivacyTermsPopup h3{font-size:1.375rem}}@media screen and (max-width: 1025px){.transactionDetails.isPrivacyTermsPopup h3{font-size:1.3125rem}}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody{height:calc(100vh - 167px);overflow:auto;max-height:100%}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms{padding:16px 45px 16px 45px}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h5.title{font-size:1rem}@media screen and (max-width: 1440px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h5.title{font-size:.9375rem}}@media screen and (max-width: 1280px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h5.title{font-size:.875rem}}@media screen and (max-width: 1025px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h5.title{font-size:.8125rem}}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h5.title{color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h5.title{font-family:"Almarai-Bold"}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h5.title{margin-bottom:1.5rem}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h6.title{font-size:1rem}@media screen and (max-width: 1440px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h6.title{font-size:.9375rem}}@media screen and (max-width: 1280px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h6.title{font-size:.875rem}}@media screen and (max-width: 1025px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h6.title{font-size:.8125rem}}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h6.title{color:#000001;font-family:"Avenir-Medium"}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h6.title{font-family:"Almarai-Regular"}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h6.title{margin-top:1.5rem;margin-bottom:1.5rem}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .privacyInfo{font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .privacyInfo{font-family:"Almarai-Light"}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .privacyInfo{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .privacyInfo{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .privacyInfo{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .privacyInfo{font-size:.6875rem}}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .privacyInfo{color:#8994a5;line-height:initial}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li{font-family:"Avenir-Medium"}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li{font-family:"Almarai-Regular"}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li{font-size:.6875rem}}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li{color:#384150;margin-bottom:10px}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li{font-family:"Avenir-Roman"}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li{font-family:"Almarai-Light"}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li{font-size:.875rem}@media screen and (max-width: 1440px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li{font-size:.6875rem}}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li{color:#8994a5;margin-bottom:10px;margin-left:20px}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li:first-child{margin-top:1.5rem}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li:last-child{margin-bottom:1.5rem}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li span:first-child{margin-left:-19px}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy ul li{margin-left:31px;line-height:initial}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy ul li span:first-child{padding-right:10px;margin-left:-31px}.attentionPop h3{font-size:1.5rem}@media screen and (max-width: 1440px){.attentionPop h3{font-size:1.4375rem}}@media screen and (max-width: 1280px){.attentionPop h3{font-size:1.375rem}}@media screen and (max-width: 1025px){.attentionPop h3{font-size:1.3125rem}}.attentionPop h3{font-family:"Avenir-Heavy"}[dir=rtl] .attentionPop h3{font-family:"Almarai-Bold"}.attentionPop h3{color:#000001;margin-top:30px}.attentionPop i{color:#bfc7d0;font-size:6.25rem}@media screen and (max-width: 1440px){.attentionPop i{font-size:6.1875rem}}@media screen and (max-width: 1280px){.attentionPop i{font-size:6.125rem}}@media screen and (max-width: 1025px){.attentionPop i{font-size:6.0625rem}}.attentionPop i{margin-top:30px;display:inline-block}.openBankNo{padding-left:4px}span.currencyText{font-family:"Avenir-Heavy"}[dir=rtl] span.currencyText{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails .openBankImg{display:flex;align-items:center;padding:0 45px 24px}.sliderPopup .transactionDetails .openBankImg h3{padding:0}.sliderPopup .transactionDetails .openBankImg img{max-width:130px;max-height:33px;object-fit:contain;margin-left:18px}.tooltipInfo .tooltipInfoActive{display:none}.tooltipInfo:hover .tooltipInfoActive{display:block}.OpenRegistration .isConsentExpiryDate .calendar .react-datepicker-popper{right:25px !important}.OpenRegistration .isConsentExpiryDate .selectOptionFont.isSelectedDate,.OpenRegistration .selectOptionFont.w-100{max-width:350px}.transferBank img{width:130px}.transferBank .isModuleTitle h1.title{font-size:1.25rem}@media screen and (max-width: 1440px){.transferBank .isModuleTitle h1.title{font-size:1.1875rem}}@media screen and (max-width: 1280px){.transferBank .isModuleTitle h1.title{font-size:1.125rem}}@media screen and (max-width: 1025px){.transferBank .isModuleTitle h1.title{font-size:1.0625rem}}.transferBank .isModuleTitle .moduleSubTitle{line-height:22px;padding:.8rem 25px}.openBankingTrnDate{max-width:388px}.whitePanel .level2 .OB-TrnDate .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel .OB-TrnDate .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel.isRegistrationContainer .level2 .OB-TrnDate .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel.isRegistrationContainer .OB-TrnDate .isConsentExpiryDate .calendar .react-datepicker-popper{right:0px !important}.manageList:not(:last-child){padding-bottom:15px}.manageList.disconnectSucManageList{padding:12px 15px;font-family:"Avenir-Roman"}[dir=rtl] .manageList.disconnectSucManageList{font-family:"Almarai-Light"}.manageList.disconnectSucManageList:not(:last-child){border-bottom:1px solid #dbe1e9}
.errorBoundmessage{line-height:1.4;margin:200px auto 0;max-width:308px;padding:20px;text-align:center}.errorBoundmessage .errorBoundMsgText{font-family:"Avenir-Roman"}[dir=rtl] .errorBoundmessage .errorBoundMsgText{font-family:"Almarai-Light"}.errorBoundmessage .errorBoundMsgText{font-size:1.125rem}@media screen and (max-width: 1440px){.errorBoundmessage .errorBoundMsgText{font-size:1.0625rem}}@media screen and (max-width: 1280px){.errorBoundmessage .errorBoundMsgText{font-size:1rem}}@media screen and (max-width: 1025px){.errorBoundmessage .errorBoundMsgText{font-size:.9375rem}}.errorBoundmessage .errorBoundMsgText{color:#dbe1e9}.errorWhitePanel{background-color:#fff;min-height:100vh;padding:45px 0}
.transcationTooltip ul>li>span{position:absolute;top:12px;left:5px;font-size:1.25rem}@media screen and (max-width: 1440px){.transcationTooltip ul>li>span{font-size:1.1875rem}}@media screen and (max-width: 1280px){.transcationTooltip ul>li>span{font-size:1.125rem}}@media screen and (max-width: 1025px){.transcationTooltip ul>li>span{font-size:1.0625rem}}.transcationTooltip ul>li>span{color:#bfc7d0}.transcationTooltip ul>li>span.green{color:#62bd69}.transcationTooltip ul>li>span.red{color:#eb3223}.transcationTooltip ul>li>span.info{color:#5090f8}.transcationTooltip ul>li>span.icon-Recreate{font-size:1rem}@media screen and (max-width: 1440px){.transcationTooltip ul>li>span.icon-Recreate{font-size:.9375rem}}@media screen and (max-width: 1280px){.transcationTooltip ul>li>span.icon-Recreate{font-size:.875rem}}@media screen and (max-width: 1025px){.transcationTooltip ul>li>span.icon-Recreate{font-size:.8125rem}}.transcationTooltip ul>li>span.icon-Disabled{font-size:1.0625rem}@media screen and (max-width: 1440px){.transcationTooltip ul>li>span.icon-Disabled{font-size:1rem}}@media screen and (max-width: 1280px){.transcationTooltip ul>li>span.icon-Disabled{font-size:.9375rem}}@media screen and (max-width: 1025px){.transcationTooltip ul>li>span.icon-Disabled{font-size:.875rem}}.transcationTooltip ul>li>span.icon-New-edit.edit{color:#5090f8;font-size:1.25rem}@media screen and (max-width: 1440px){.transcationTooltip ul>li>span.icon-New-edit.edit{font-size:1.1875rem}}@media screen and (max-width: 1280px){.transcationTooltip ul>li>span.icon-New-edit.edit{font-size:1.125rem}}@media screen and (max-width: 1025px){.transcationTooltip ul>li>span.icon-New-edit.edit{font-size:1.0625rem}}.transcationTooltip:hover .bottom{display:block}.transcationTooltip .bottom{color:#fff;background-color:#384150;border-radius:5px;position:absolute;box-shadow:0 1px 8px rgba(191,199,208,.5);font-family:"Avenir-Roman"}[dir=rtl] .transcationTooltip .bottom{font-family:"Almarai-Light"}.transcationTooltip .bottom{max-width:166px;width:166px;padding:3px 10px;margin-left:-125px;margin-top:13px;text-align:left;z-index:2}.transcationTooltip .bottom li{font-size:.875rem}@media screen and (max-width: 1440px){.transcationTooltip .bottom li{font-size:.8125rem}}@media screen and (max-width: 1280px){.transcationTooltip .bottom li{font-size:.75rem}}@media screen and (max-width: 1025px){.transcationTooltip .bottom li{font-size:.6875rem}}.transcationTooltip .bottom li{color:#fff;border-bottom:1px solid #8994a5;padding:14px 6px 11px 38px;position:relative;cursor:pointer;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s;line-height:initial}.transcationTooltip .bottom li:last-child{padding-bottom:10px;border:0}.transcationTooltip .bottom li:hover{font-family:"Avenir-Medium"}[dir=rtl] .transcationTooltip .bottom li:hover{font-family:"Almarai-Regular"}.transcationTooltip .bottom::before,.transcationTooltip .bottom::after{content:"";position:absolute;width:0;height:0;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0);left:76%}.transcationTooltip .bottom::before{border-bottom:9px solid #384150;top:-8px;z-index:3}.transcationTooltip .bottom::after{border-style:solid;border-width:9px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #f3f5fd;top:-19px;z-index:1}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip:hover .tooltipContent,.tooltip:hover .transcationTooltip{visibility:visible;opacity:1}.tooltipTitle{font-size:.75rem}@media screen and (max-width: 1440px){.tooltipTitle{font-size:.6875rem}}@media screen and (max-width: 1280px){.tooltipTitle{font-size:.625rem}}@media screen and (max-width: 1025px){.tooltipTitle{font-size:.5625rem}}.tooltipTitle{background-color:#5090f8;color:#fff;border-radius:2px;position:absolute;top:-16px;font-family:"Avenir-Medium"}[dir=rtl] .tooltipTitle{font-family:"Almarai-Regular"}.tooltipTitle{text-align:center;line-height:normal;min-height:16px;display:flex;min-width:16px;justify-content:center;align-items:center;padding:3px 2px 2px}.link{color:#5090f8;text-decoration:underline}.actionSection{text-align:center;font-size:1.25rem}@media screen and (max-width: 1440px){.actionSection{font-size:1.1875rem}}@media screen and (max-width: 1280px){.actionSection{font-size:1.125rem}}@media screen and (max-width: 1025px){.actionSection{font-size:1.0625rem}}.actionSection{color:#5090f8}.iconRadius{border:1px solid #bfc7d0;border-radius:50%}.transcationsTooltip{display:none}
.addEmailToNotify input{width:71%;max-height:40px;height:40px;padding:10px;border-radius:4px 0px 0px 4px;border:1px solid #dbe1e9;border-right:0}.addEmailToNotify button.alignBottom{border-radius:0px 4px 4px 0px;height:40px;padding:10px 19px;background-color:#5090f8;color:#fff;font-family:"Avenir-Heavy"}[dir=rtl] .addEmailToNotify button.alignBottom{font-family:"Almarai-Bold"}.addEmailToNotify button.alignBottom{font-size:.875rem}@media screen and (max-width: 1440px){.addEmailToNotify button.alignBottom{font-size:.8125rem}}@media screen and (max-width: 1280px){.addEmailToNotify button.alignBottom{font-size:.75rem}}@media screen and (max-width: 1025px){.addEmailToNotify button.alignBottom{font-size:.6875rem}}.addEmailToNotify button.alignBottom{border:1px solid #5090f8;border-left:0}.groupCompanyUser .editSubTitle{line-height:initial}.groupCompanyUser .isCompanyDropdownBlock{width:35%}.groupCompanyUser .isCompanyDropdownBlock .WorkLabel{display:block}.groupCompanyUser .notificationTitle{width:50%}.notificationManager .NotificationFleid.subField.isCCBlock{align-items:flex-start}.notificationManager .NotificationFleid.subField.isCCBlock .notifyBlocks{width:50%;flex:1}.notificationManager .NotificationFleid.subField.isCCBlock>div:last-child{width:40%;display:flex;flex-direction:column;align-items:flex-start}.NotificationFleid{align-items:center;border-top:1px solid #dbe1e9;padding:16px 0}.NotificationFleid:last-child{border-bottom:1px solid #dbe1e9}.NotificationFleid .notifySubTitle{color:#384150;font-size:1.125rem}@media screen and (max-width: 1440px){.NotificationFleid .notifySubTitle{font-size:1.0625rem}}@media screen and (max-width: 1280px){.NotificationFleid .notifySubTitle{font-size:1rem}}@media screen and (max-width: 1025px){.NotificationFleid .notifySubTitle{font-size:.9375rem}}.NotificationFleid .notifySubTitle{font-family:"Avenir-Medium"}[dir=rtl] .NotificationFleid .notifySubTitle{font-family:"Almarai-Regular"}.NotificationFleid .notificationTxt{color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.NotificationFleid .notificationTxt{font-size:.9375rem}}@media screen and (max-width: 1280px){.NotificationFleid .notificationTxt{font-size:.875rem}}@media screen and (max-width: 1025px){.NotificationFleid .notificationTxt{font-size:.8125rem}}.NotificationFleid .notificationTxt{font-family:"Avenir-Roman"}[dir=rtl] .NotificationFleid .notificationTxt{font-family:"Almarai-Light"}.NotificationFleid .notificationTxt{margin-top:14px}.NotificationFleid .notifyBtn{color:#5090f8;font-size:.875rem}@media screen and (max-width: 1440px){.NotificationFleid .notifyBtn{font-size:.8125rem}}@media screen and (max-width: 1280px){.NotificationFleid .notifyBtn{font-size:.75rem}}@media screen and (max-width: 1025px){.NotificationFleid .notifyBtn{font-size:.6875rem}}.NotificationFleid .notifyBtn{font-family:"Avenir-Medium"}[dir=rtl] .NotificationFleid .notifyBtn{font-family:"Almarai-Regular"}.NotificationFleid .notifyBtn{cursor:pointer}.NotificationFleid .notifyBlocks{flex:.6}.NotificationFleid.subField{border-top:0;padding-top:0;position:relative;margin-left:20px;margin-top:20px}.NotificationFleid.subField .notifySubTitle{font-family:"Avenir-Roman"}[dir=rtl] .NotificationFleid.subField .notifySubTitle{font-family:"Almarai-Light"}.NotificationFleid.subField .notifySubTitle{font-size:1rem}@media screen and (max-width: 1440px){.NotificationFleid.subField .notifySubTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.NotificationFleid.subField .notifySubTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.NotificationFleid.subField .notifySubTitle{font-size:.8125rem}}.NotificationFleid.subField .notificationTxt{font-size:.875rem}@media screen and (max-width: 1440px){.NotificationFleid.subField .notificationTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.NotificationFleid.subField .notificationTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.NotificationFleid.subField .notificationTxt{font-size:.6875rem}}.NotificationFleid.subField .notificationTxt{line-height:1.3}.NotificationFleid.subField:not(:first-child){border-top:1px solid #dbe1e9;padding-top:16px;margin-top:0}.notifyBordernone .NotificationFleid:last-child{border-bottom:none}.notifyEmailWrap{display:flex;align-content:flex-start;justify-content:flex-start;flex-wrap:wrap;align-items:end;margin:12px 0 6px 0px}.notifyEmailWrap .notifyEmail{background:#cbdefd;padding:6px 10px;border-radius:14px;color:#384150;margin-right:6px;margin-bottom:6px}.notifyEmailWrap .notifyEmail .icon-close{font-size:.75rem}@media screen and (max-width: 1440px){.notifyEmailWrap .notifyEmail .icon-close{font-size:.6875rem}}@media screen and (max-width: 1280px){.notifyEmailWrap .notifyEmail .icon-close{font-size:.625rem}}@media screen and (max-width: 1025px){.notifyEmailWrap .notifyEmail .icon-close{font-size:.5625rem}}.notifyEmailWrap .notifyEmail .icon-close{padding-left:6px}.notifySelect{width:145px;max-width:145px}.notificationSwitch{padding-right:10px}.reviewCheckBoxes{display:flex;justify-content:space-between;align-items:center;flex:.35}.reviewCheckBoxes .notifyCheck label{display:flex;flex-direction:column;align-items:center;color:#bfc7d0;font-family:"Avenir-Medium"}[dir=rtl] .reviewCheckBoxes .notifyCheck label{font-family:"Almarai-Regular"}.reviewCheckBoxes .notifyCheck label{font-size:.875rem}@media screen and (max-width: 1440px){.reviewCheckBoxes .notifyCheck label{font-size:.8125rem}}@media screen and (max-width: 1280px){.reviewCheckBoxes .notifyCheck label{font-size:.75rem}}@media screen and (max-width: 1025px){.reviewCheckBoxes .notifyCheck label{font-size:.6875rem}}.reviewCheckBoxes .notifyCheck label{text-transform:uppercase;cursor:pointer}.reviewCheckBoxes .notifyCheck label input{margin-right:0;margin-top:6px}.roleBasedContainer .isNotifies{padding-top:45px;padding-bottom:32px}
.customReactTable{display:flex;flex-direction:column}.customReactTable .tableHead{display:flex;flex-direction:column;background-color:#f3f5fd}.customReactTable .tableHead .table-tr{display:flex;flex-direction:row;align-items:flex-start;width:100%}.customReactTable .tableHead .table-tr .table-th{padding:16px 10px;color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.customReactTable .tableHead .table-tr .table-th{font-size:.8125rem}}@media screen and (max-width: 1280px){.customReactTable .tableHead .table-tr .table-th{font-size:.75rem}}@media screen and (max-width: 1025px){.customReactTable .tableHead .table-tr .table-th{font-size:.6875rem}}.customReactTable .tableHead .table-tr .table-th{font-family:"Avenir-Medium"}[dir=rtl] .customReactTable .tableHead .table-tr .table-th{font-family:"Almarai-Regular"}.customReactTable .tableHead .table-tr .table-th{line-height:initial}.customReactTable .tableHead .table-tr .table-th input[type=checkbox]{border-radius:4px}.customReactTable .tableHead .table-tr .table-th input[type=checkbox]:checked{background:#5090f8 !important}.customReactTable .tableHead .table-tr .table-th input[type=checkbox]::after{border-color:#fff}.customReactTable .tableHead .table-tr .table-th.payStatus{display:none}.customReactTable .tableHead .table-tr .table-th.payAmount{width:25%}.customReactTable .tableHead .table-tr .table-th.payAmount .amountCurrency .amountNo{margin-right:0;font-family:"Avenir-Heavy"}[dir=rtl] .customReactTable .tableHead .table-tr .table-th.payAmount .amountCurrency .amountNo{font-family:"Almarai-Bold"}.customReactTable .tableBody{display:flex;flex-direction:column}.customReactTable .tableBody .table-tr{display:flex;border-bottom:1px solid #f3f5fd;flex-direction:row;align-items:center;width:100%;min-height:72px;transition:all .3s ease-in-out}.customReactTable .tableBody .table-tr:hover{background-color:rgba(219,225,233,.3)}.customReactTable .tableBody .table-tr .table-td{padding:15px 10px;color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.customReactTable .tableBody .table-tr .table-td{font-size:.8125rem}}@media screen and (max-width: 1280px){.customReactTable .tableBody .table-tr .table-td{font-size:.75rem}}@media screen and (max-width: 1025px){.customReactTable .tableBody .table-tr .table-td{font-size:.6875rem}}.customReactTable .tableBody .table-tr .table-td{font-family:"Avenir-Roman"}[dir=rtl] .customReactTable .tableBody .table-tr .table-td{font-family:"Almarai-Light"}.customReactTable .tableBody .table-tr .table-td{line-height:initial}.customReactTable .tableBody .table-tr .table-td .icon-Payment-arrow-divider{font-size:.625rem}@media screen and (max-width: 1280px){.customReactTable .tableBody .table-tr .table-td .icon-Payment-arrow-divider{font-size:.5625rem}}.customReactTable .tableBody .table-tr .table-td .icon-Payment-arrow-divider{color:#dbe1e9}.customReactTable .tableBody .table-tr .table-td .amountCurrency .amountNo{margin-right:0;font-family:"Avenir-Heavy"}[dir=rtl] .customReactTable .tableBody .table-tr .table-td .amountCurrency .amountNo{font-family:"Almarai-Bold"}.customReactTable .tableBody .table-tr .table-td .tableDataSubTitle:empty,.customReactTable .tableBody .table-tr .table-td .tableDataTitle:empty{display:none}.customReactTable .tableBody .table-tr .table-td .actionSection{position:relative}.customReactTable .tableBody .table-tr .table-td .actionSection .transcationTooltip{position:absolute;right:24px}.customReactTable .tableBody .table-tr .table-td input[type=checkbox]{border-radius:4px}.customReactTable .tableBody .table-tr .table-td input[type=checkbox]:checked{background:#5090f8 !important}.customReactTable .tableBody .table-tr .table-td input[type=checkbox]::after{border-color:#fff}.customReactTable .tableBody .table-tr .table-td.tableFontheavy{color:#384150;font-size:1.125rem}@media screen and (max-width: 1440px){.customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:1.0625rem}}@media screen and (max-width: 1280px){.customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:1rem}}@media screen and (max-width: 1025px){.customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-size:.9375rem}}.customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-family:"Avenir-Medium"}[dir=rtl] .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-family:"Almarai-Regular"}.customReactTable .tableBody .table-tr.noHover{min-height:initial;background-color:#f3f5fd}.customReactTable .tableBody .table-tr.noHover:hover{box-shadow:none}.customReactTable .tableBody .table-tr.historyBlock.noHover{min-height:70px;border-top:5px solid #7799be}.customReactTable .tableBody .table-tr.isDisabled{background-color:#f9c2bd}.customReactTable .tableBody .table-tr.isDisabled .table-td{cursor:pointer}.customReactTable .tableBody .table-tr.isDisabled .table-td .tableDataTitle,.customReactTable .tableBody .table-tr.isDisabled .table-td .tableDataSubTitle{text-decoration:line-through}.customReactTable .tableBody .table-tr.isDisabled:hover{background-color:#f9c2bd}.customReactTable .tableHead.filters{display:flex;flex-direction:column;background-color:#7799be;width:100%}.customReactTable .tableHead.filters .table-tr{display:flex;flex-direction:row;align-items:center;width:100%}.customReactTable .tableHead.filters .table-tr .table-th{display:flex;flex-direction:column;padding:10px 10px;position:relative}.customReactTable .tableHead.filters .table-tr .table-th .table-input{border:1px solid #f3f5fd;border-radius:4px;padding:6px 7px;color:#384150;padding-right:25px;font-size:.875rem}@media screen and (max-width: 1440px){.customReactTable .tableHead.filters .table-tr .table-th .table-input{font-size:.8125rem}}@media screen and (max-width: 1280px){.customReactTable .tableHead.filters .table-tr .table-th .table-input{font-size:.75rem}}@media screen and (max-width: 1025px){.customReactTable .tableHead.filters .table-tr .table-th .table-input{font-size:.6875rem}}.customReactTable .tableHead.filters .table-tr .table-th .table-input{font-family:"Avenir-Medium"}[dir=rtl] .customReactTable .tableHead.filters .table-tr .table-th .table-input{font-family:"Almarai-Regular"}.customReactTable .tableHead.filters .table-tr .table-th .table-input{min-height:34px}.customReactTable .tableHead.filters .table-tr .table-th .table-input::placeholder{color:#8994a5}.customReactTable .tableHead.filters .table-tr .table-th .icon-cross-mark-filled{position:absolute;right:14px;top:23px;font-size:.875rem}@media screen and (max-width: 1440px){.customReactTable .tableHead.filters .table-tr .table-th .icon-cross-mark-filled{font-size:.8125rem}}@media screen and (max-width: 1280px){.customReactTable .tableHead.filters .table-tr .table-th .icon-cross-mark-filled{font-size:.75rem}}@media screen and (max-width: 1025px){.customReactTable .tableHead.filters .table-tr .table-th .icon-cross-mark-filled{font-size:.6875rem}}.customReactTable .tableHead.filters .table-tr .table-th .icon-filter{color:#7799be}.customReactTable .tableHead.filters .table-tr .table-th .payStatusSelection .inputSelect .selectedItem:hover{border:none !important}.customReactTable .tableHead.filters .table-tr .table-th .payStatusSelection .inputSelect .selectedItem:focus-within{border:none !important}.customReactTable .tableHead.filters .table-tr .table-th.displayNone{display:none}.tableHeaderSticky{position:sticky;top:58px;z-index:1}.customReactTable.osvPreLoader .tableHead.filters .table-tr .table-th .table-input{padding-right:7px}.dataTableTextTruncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.leftSideNavWidth{width:250px}.rightSideBlockWidth{width:80%}.rightSideBlockWidth.fullWidth{width:calc(100% - 74.4px)}.rightSideBlockWidth.fullWidth .footerMain.container,.rightSideBlockWidth.fullWidth .proceedMain.container{width:calc(100% - 74.4px - 30px)}.rightSideBlockWidth.fullWidth .globalFooterContainer{width:calc(100% - 74.4px)}.rightSideBlockWidth.mainNavToggle{width:calc(100% - 15rem)}.rightSideBlockWidth.mainNavToggle .footerMain.container,.rightSideBlockWidth.mainNavToggle .proceedMain.container{width:calc(100% - 15rem - 30px)}.rightSideBlockWidth.mainNavToggle .globalFooterContainer{width:calc(100% - 15rem)}.rightSideBlockWidth.subNavToggle{width:calc(82% - 74.4px)}.rightSideBlockWidth.subNavToggle .footerMain.container,.rightSideBlockWidth.subNavToggle .proceedMain.container{width:calc(82% - 74.4px - 30px)}.rightSideBlockWidth.subNavToggle .globalFooterContainer{width:calc(82% - 74.4px)}.loadHistoryPay{margin:45px auto -30px auto}.loadHistoryPay button.createBtn{border-radius:25px;min-height:50px;min-width:274px}.noPaymentApprovals{background-color:#f3f5fd}.noPaymentApprovals .noPayAppvlsClmnFlex{display:flex;flex-direction:column;align-items:center;transition:all .5s ease;padding:25px}.noPaymentApprovals .noPayAppvlsClmnFlex .noPayApprlvsLogo{width:130px}.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText{display:flex;align-items:center;flex-direction:column}.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .enjoyYourDay{font-family:"Avenir-Heavy"}[dir=rtl] .noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .enjoyYourDay{font-family:"Almarai-Bold"}.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .enjoyYourDay{font-size:1.25rem}@media screen and (max-width: 1440px){.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .enjoyYourDay{font-size:1.1875rem}}@media screen and (max-width: 1280px){.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .enjoyYourDay{font-size:1.125rem}}@media screen and (max-width: 1025px){.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .enjoyYourDay{font-size:1.0625rem}}.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .enjoyYourDay{color:#384150;margin-top:1.5rem}.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .noAppvlsNeeded{font-family:"Avenir-Medium"}[dir=rtl] .noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .noAppvlsNeeded{font-family:"Almarai-Regular"}.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .noAppvlsNeeded{font-size:1.125rem}@media screen and (max-width: 1440px){.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .noAppvlsNeeded{font-size:1.0625rem}}@media screen and (max-width: 1280px){.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .noAppvlsNeeded{font-size:1rem}}@media screen and (max-width: 1025px){.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .noAppvlsNeeded{font-size:.9375rem}}.noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .noAppvlsNeeded{color:#8994a5;margin-top:1rem}.noPaymentApprovals .noPayAppvlsRowFlex{display:flex;flex-direction:row;align-items:center;transition:all .5s ease;padding:14px 25px}.noPaymentApprovals .noPayAppvlsRowFlex .noPayApprlvsLogo{width:90px;padding-right:24px}.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText{display:flex;align-items:flex-start;flex-direction:column}.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .enjoyYourDay{font-family:"Avenir-Heavy"}[dir=rtl] .noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .enjoyYourDay{font-family:"Almarai-Bold"}.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .enjoyYourDay{font-size:1.0625rem}@media screen and (max-width: 1440px){.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .enjoyYourDay{font-size:1rem}}@media screen and (max-width: 1280px){.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .enjoyYourDay{font-size:.9375rem}}@media screen and (max-width: 1025px){.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .enjoyYourDay{font-size:.875rem}}.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .enjoyYourDay{color:#384150;padding-bottom:6px}.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .noAppvlsNeeded{font-family:"Avenir-Medium"}[dir=rtl] .noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .noAppvlsNeeded{font-family:"Almarai-Regular"}.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .noAppvlsNeeded{font-size:1rem}@media screen and (max-width: 1440px){.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .noAppvlsNeeded{font-size:.9375rem}}@media screen and (max-width: 1280px){.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .noAppvlsNeeded{font-size:.875rem}}@media screen and (max-width: 1025px){.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .noAppvlsNeeded{font-size:.8125rem}}.noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .noAppvlsNeeded{color:#8994a5;padding-top:6px}.OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper{inset:auto auto auto 25px !important}.OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker{border:1px solid #384150}.OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{transform:none !important}.OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle::before{border-bottom-color:#384150}.OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle::after{border-bottom-color:#384150}.OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th .payStatusSelection .inputSelect .selectedItem:hover,.OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th .payStatusSelection .inputSelect .selectedItem:focus-within{border:none !important}.OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th .react-datepicker-wrapper{display:inline}.OSV-TableContainer .noRecordFound.errormessage{max-width:400px;padding:20px 0;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.loadContainer{position:relative}.loaderSpace{margin-top:20px;margin-bottom:50px}.mainDotContainer{position:absolute;bottom:20px;left:50%;transform:translate(-50%, -50%);top:20px}.dotContainer{display:flex;align-items:center;justify-content:space-between;width:100px}.dot{width:16px;height:16px;border-radius:50%;background-color:#7799be}.dot-1{animation-name:flow;animation-duration:.4s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:infinite;animation-direction:alternate}.dot-2{animation:flow .4s ease .2s infinite alternate}.dot-3{animation:flow .4s ease .4s infinite alternate}@keyframes flow{from{opacity:1;transform:scale(1.2)}to{opacity:.2;transform:scale(0.75)}}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.showHistoryTxt,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.showHistoryTxt:first-child{display:block}
.activityLogsActions{width:5%}.activityLogsDateNTime{width:15%}.activityLogsDesc{width:25%}.activityLogsIp{width:15%}.activityLogsSource{width:25%}.activityLogsUsers{width:15%}.alignLogs{align-items:center}.alignLogs>div{padding-right:20px}.alignLogs:not(:last-child){margin-right:20px;position:relative}.alignLogs:not(:last-child):after{content:"";position:absolute;background:#bfc7d0;width:1px;height:46px;right:0}.audit .auditSubTitle{font-size:1.125rem}@media screen and (max-width: 1440px){.audit .auditSubTitle{font-size:1.0625rem}}@media screen and (max-width: 1280px){.audit .auditSubTitle{font-size:1rem}}@media screen and (max-width: 1025px){.audit .auditSubTitle{font-size:.9375rem}}.audit .auditSubTitle{font-family:"Avenir-Roman"}[dir=rtl] .audit .auditSubTitle{font-family:"Almarai-Light"}.audit .auditSubTitle{color:#8994a5}.audit .auditTabs>div{margin-right:15px}.audit .auditTabs>div:last-child{margin-right:0}.audit .auditTabs>div>label{font-family:"Avenir-Roman"}[dir=rtl] .audit .auditTabs>div>label{font-family:"Almarai-Light"}.audit .auditTabs>div>label{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.audit .auditTabs>div>label{font-size:.9375rem}}@media screen and (max-width: 1280px){.audit .auditTabs>div>label{font-size:.875rem}}@media screen and (max-width: 1025px){.audit .auditTabs>div>label{font-size:.8125rem}}.audit .auditTabs>div>label{margin-bottom:11px;display:block}.audit .auditTabs .activityWidth{max-width:176px;width:100%}.audit .auditTabs .dateWidth{max-width:210px;width:100%}.audit .auditTabs .roleWidth{max-width:151px;width:100%}.audit .auditTabs .typesWidth{max-width:107px;width:100%}.audit .auditTabs .usersWidth{max-width:217px;width:100%}.auditDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.activityLogsActions{padding-right:25px}.auditDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.activityLogsDateNTime{padding-left:25px}.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsActions{padding-right:25px}.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsDateNTime{padding-left:25px}.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsDateNTime .tableDataTitle{font-family:"Avenir-Roman"}[dir=rtl] .auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsDateNTime .tableDataTitle{font-family:"Almarai-Light"}.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsIp .tableDataTitle,.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsDesc .tableDataTitle,.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsSource .tableDataTitle{font-family:"Avenir-Roman"}[dir=rtl] .auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsIp .tableDataTitle,[dir=rtl] .auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsDesc .tableDataTitle,[dir=rtl] .auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsSource .tableDataTitle{font-family:"Almarai-Light"}.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsIp .tableDataTitle,.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsDesc .tableDataTitle,.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsSource .tableDataTitle{color:#000001}.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsIp .tableDataSubTitle,.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsDesc .tableDataSubTitle,.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsSource .tableDataSubTitle{color:#384150}.auditDatePicker .react-datepicker-popper{top:auto !important;transform:none !important;left:25px !important;z-index:2}.auditDatePicker .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:25px !important}.auditDatePicker .selectDate{border-radius:4px;padding:9px;border:1px solid #dbe1e9;cursor:pointer;min-width:210px}.dataTooltip .bottom{color:#fff;background-color:#8994a5;border-radius:5px;position:absolute;box-shadow:0 1px 8px rgba(191,199,208,.5);font-family:"Avenir-Roman"}[dir=rtl] .dataTooltip .bottom{font-family:"Almarai-Light"}.dataTooltip .bottom{padding:3px 10px;margin-left:-70px;margin-top:13px;text-align:left;z-index:9}.dataTooltip .bottom li{font-size:.875rem}@media screen and (max-width: 1440px){.dataTooltip .bottom li{font-size:.8125rem}}@media screen and (max-width: 1280px){.dataTooltip .bottom li{font-size:.75rem}}@media screen and (max-width: 1025px){.dataTooltip .bottom li{font-size:.6875rem}}.dataTooltip .bottom li{color:#384150;padding:14px 6px 11px 38px;position:relative;cursor:pointer;border-bottom:1px solid #dbe1e9;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.dataTooltip .bottom li:last-child{padding-bottom:10px;border:0}.dataTooltip .bottom li:hover{color:#eb8b2d}.dataTooltip .bottom::before,.dataTooltip .bottom::after{content:"";position:absolute;width:0;height:0;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0);border-bottom:9px solid #fff;left:50%;top:-8px;z-index:3}.dataTooltip .bottom::after{border-style:solid;border-width:9px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #f3f5fd;top:-19px;z-index:1}.dataTooltip:hover .bottom{display:block}.dataTooltip ul>li>span{color:#bfc7d0;font-size:1.25rem}@media screen and (max-width: 1440px){.dataTooltip ul>li>span{font-size:1.1875rem}}@media screen and (max-width: 1280px){.dataTooltip ul>li>span{font-size:1.125rem}}@media screen and (max-width: 1025px){.dataTooltip ul>li>span{font-size:1.0625rem}}.dataTooltip ul>li>span{position:absolute;top:13px;left:5px}.failedNums{font-size:1.25rem}@media screen and (max-width: 1440px){.failedNums{font-size:1.1875rem}}@media screen and (max-width: 1280px){.failedNums{font-size:1.125rem}}@media screen and (max-width: 1025px){.failedNums{font-size:1.0625rem}}.failedNums{color:#eb3223;font-family:"Avenir-Heavy"}[dir=rtl] .failedNums{font-family:"Almarai-Bold"}.failedNums{margin-top:6px}.iconFailed:before{margin:auto;background:#f9c2bd;padding:12px 12px;border-radius:50%;font-size:1.25rem}@media screen and (max-width: 1440px){.iconFailed:before{font-size:1.1875rem}}@media screen and (max-width: 1280px){.iconFailed:before{font-size:1.125rem}}@media screen and (max-width: 1025px){.iconFailed:before{font-size:1.0625rem}}.iconFailed:before{color:#eb3223}.iconSuccessHand:before{margin:auto;background:#d0ebd2;padding:12px 14px;border-radius:50%;font-size:1.25rem}@media screen and (max-width: 1440px){.iconSuccessHand:before{font-size:1.1875rem}}@media screen and (max-width: 1280px){.iconSuccessHand:before{font-size:1.125rem}}@media screen and (max-width: 1025px){.iconSuccessHand:before{font-size:1.0625rem}}.iconSuccessHand:before{color:#62bd69}.mailText{margin:0 auto;margin-top:.5rem;font-family:"Avenir-Medium"}[dir=rtl] .mailText{font-family:"Almarai-Regular"}.mailText{font-size:.875rem}@media screen and (max-width: 1440px){.mailText{font-size:.8125rem}}@media screen and (max-width: 1280px){.mailText{font-size:.75rem}}@media screen and (max-width: 1025px){.mailText{font-size:.6875rem}}.mailText{color:#384150}.needAttention .icon-need-info:before{background:#dbe1e9;color:#8994a5}.needAttention .failedNums{color:#8994a5;font-family:"Avenir-Heavy"}[dir=rtl] .needAttention .failedNums{font-family:"Almarai-Bold"}.rightPanel.bodyContainer.rightSideBlockWidth{width:80%;max-width:100%}.SharePopUp{margin-bottom:1rem;display:flex;flex-direction:column;align-items:baseline;justify-content:space-between}.SharePopUp .shareLog{width:100%;cursor:pointer;margin-top:24px}.SharePopUp .shareLog>input{border-radius:4px;padding:9px;border:1px solid #dbe1e9}.SharePopUp .shareLog.formControl input{padding:.813rem}.SharePopUp .shareLogBg{background-color:#f3f5fd;padding:1.5rem;border-radius:8px;margin:0 auto}.SharePopUp .shareLogBg .mailLogo{height:34px;width:49px}.softBlueBrder{border:2px solid #5090f8}.successFailFlex{display:flex;flex-direction:column;justify-content:space-between;position:relative}.successFailFlex .btn.info{position:absolute;border:0;background:rgba(0,0,0,0);margin-top:0;bottom:0;align-items:center;min-width:auto;right:5px;top:21px}.successFailFlex .btn.info:hover{color:#5090f8}.successLogs{font-size:1rem}@media screen and (max-width: 1440px){.successLogs{font-size:.9375rem}}@media screen and (max-width: 1280px){.successLogs{font-size:.875rem}}@media screen and (max-width: 1025px){.successLogs{font-size:.8125rem}}.successLogs{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .successLogs{font-family:"Almarai-Regular"}.successLogs{margin-bottom:6px}.successNFailLogs{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.successNums{font-size:1.25rem}@media screen and (max-width: 1440px){.successNums{font-size:1.1875rem}}@media screen and (max-width: 1280px){.successNums{font-size:1.125rem}}@media screen and (max-width: 1025px){.successNums{font-size:1.0625rem}}.successNums{color:#62bd69;font-family:"Avenir-Heavy"}[dir=rtl] .successNums{font-family:"Almarai-Bold"}.successNums{margin-top:6px}
.addUrl{line-height:initial}.callBackBlock .formField{padding:9px 13px;color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.callBackBlock .formField{font-size:.8125rem}}@media screen and (max-width: 1280px){.callBackBlock .formField{font-size:.75rem}}@media screen and (max-width: 1025px){.callBackBlock .formField{font-size:.6875rem}}.callBackBlock .formField{font-family:"Avenir-Roman"}[dir=rtl] .callBackBlock .formField{font-family:"Almarai-Light"}.callBackBlock .formField{border:1px solid #dbe1e9;border-radius:4px;width:100%}.companyInfoSDK{flex:.6}.content .blockAuthActivity .AuthActivity{border-bottom:1px solid #dbe1e9;padding-bottom:16px;margin-bottom:16px;padding-right:25px}.content .blockAuthActivity .AuthActivity .section{border-bottom:0;padding-bottom:0;margin-bottom:0}.content .blockAuthActivity .deleteAuthDevice .icon-auth-delete{color:#8994a5;font-size:1.375rem}@media screen and (max-width: 1440px){.content .blockAuthActivity .deleteAuthDevice .icon-auth-delete{font-size:1.3125rem}}@media screen and (max-width: 1280px){.content .blockAuthActivity .deleteAuthDevice .icon-auth-delete{font-size:1.25rem}}@media screen and (max-width: 1025px){.content .blockAuthActivity .deleteAuthDevice .icon-auth-delete{font-size:1.1875rem}}.content .blockAuthActivity .deleteAuthDevice .icon-auth-delete{transition:.3s;cursor:pointer}.content .blockAuthActivity .deleteAuthDevice .icon-auth-delete:hover{color:#5090f8;transition:.3s}.corporateUser .errorMessage{margin-left:0 !important}.erpActive{border:1px solid #5090f8}.erpService{border:1px solid #dbe1e9;padding:6px;border-radius:3px}.pwdSuggestionBox{background:#f3f5fd;padding:1rem;border-radius:4px}.pwdSuggestionBox .listStyling{margin:0rem 1rem}.pwdSuggestionBox .listStyling>ul{list-style-type:none}.pwdSuggestionBox .listStyling>ul>li{line-height:2;font-size:.75rem}@media screen and (max-width: 1440px){.pwdSuggestionBox .listStyling>ul>li{font-size:.6875rem}}@media screen and (max-width: 1280px){.pwdSuggestionBox .listStyling>ul>li{font-size:.625rem}}@media screen and (max-width: 1025px){.pwdSuggestionBox .listStyling>ul>li{font-size:.5625rem}}.pwdSuggestionBox .listStyling>ul>li{color:#384150;width:50%}.pwdSuggestionBox .listStyling>ul>li::before{content:"◦";color:#8994a5;margin-left:-1rem;font-size:1.75rem}@media screen and (max-width: 1440px){.pwdSuggestionBox .listStyling>ul>li::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.pwdSuggestionBox .listStyling>ul>li::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.pwdSuggestionBox .listStyling>ul>li::before{font-size:1.5625rem}}.pwdSuggestionBox .listStyling>ul>li::before{position:absolute;line-height:1}.sdkCompanyInfo{flex:.75}.sdkCompanyInfo .sdkCompanyInfoBtn{width:405px;display:flex;flex-direction:column}.sdkCompanyInfo .w-45{width:48%}.signInShimmer .tagLoader{width:220px}.signInShimmer .tagLoader.smallLoader{width:120px}.tagLoader:empty{height:34px;width:120px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:15px 70px,99% 25px,99% 37px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;margin-top:-10px}.tagOptional{color:#8994a5}.userIdWidth{width:74%}.userIdWidth.companyLogoFlex{flex:.5}
a{text-decoration:none;font-weight:400;color:#384150}ol{list-style:none;display:flex;align-items:center}.wrapper{display:flex;font-family:"Avenir-Roman"}[dir=rtl] .wrapper{font-family:"Almarai-Light"}.wrapper{margin-top:30px}.breadCrumb{border:solid 1px #2a345e;width:100%;padding:0px}.breadcrumb-separator{color:#384150;margin:auto 6px;user-select:none}.breadcrumb-separator:before{font-size:.625rem}@media screen and (max-width: 1280px){.breadcrumb-separator:before{font-size:.5625rem}}.breadcrumb-separator:before{margin:0 4px}button.link,.closeBtn,.editBtn,.addMoreAcc{background:none !important;border:none;padding:0;font-family:"Avenir-Roman"}[dir=rtl] button.link,[dir=rtl] .closeBtn,[dir=rtl] .editBtn,[dir=rtl] .addMoreAcc{font-family:"Almarai-Light"}button.link,.closeBtn,.editBtn,.addMoreAcc{color:#395293;text-decoration:underline;cursor:pointer}.closeBtn{padding:2rem}.content{width:900px;height:auto;background-color:#fff}.selectClass{width:20em;height:30px;border:solid 1px #dbe1e9;margin-top:10px}.successMessage{color:#62bd69;font-size:1rem}@media screen and (max-width: 1440px){.successMessage{font-size:.9375rem}}@media screen and (max-width: 1280px){.successMessage{font-size:.875rem}}@media screen and (max-width: 1025px){.successMessage{font-size:.8125rem}}.successMessage{font-family:"Avenir-Medium"}[dir=rtl] .successMessage{font-family:"Almarai-Regular"}.successMessage{margin-left:400px}.tableDataTitle{font-size:.875rem}@media screen and (max-width: 1440px){.tableDataTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.tableDataTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.tableDataTitle{font-size:.6875rem}}.tableDataTitle{color:#384150;font-family:"Avenir-Heavy"}[dir=rtl] .tableDataTitle{font-family:"Almarai-Bold"}.tableDataTitle{padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tableDataSubTitle{font-size:.875rem}@media screen and (max-width: 1440px){.tableDataSubTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.tableDataSubTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.tableDataSubTitle{font-size:.6875rem}}.tableDataSubTitle{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .tableDataSubTitle{font-family:"Almarai-Light"}.tableDataSubTitle{padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tableMoreBanks{font-size:.75rem}@media screen and (max-width: 1440px){.tableMoreBanks{font-size:.6875rem}}@media screen and (max-width: 1280px){.tableMoreBanks{font-size:.625rem}}@media screen and (max-width: 1025px){.tableMoreBanks{font-size:.5625rem}}.tableMoreBanks{color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .tableMoreBanks{font-family:"Almarai-Regular"}.bankImgThumbNail{padding-right:8px}.baseSupportUrl label:first-child{margin-right:18px}.css-b8ldur-Input{margin:0px !important;padding-bottom:0 !important;padding-top:0 !important}.css-yk16xz-control{max-height:100%;min-height:auto !important;cursor:pointer !important}.demoBankDesc.allUserLabelWdth{flex:none;width:25%}.demoBankDesc.allUserLabelWdth.redirectURL{width:20%}.demoUserBlock span{display:inline-block;font-size:1rem}@media screen and (max-width: 1440px){.demoUserBlock span{font-size:.9375rem}}@media screen and (max-width: 1280px){.demoUserBlock span{font-size:.875rem}}@media screen and (max-width: 1025px){.demoUserBlock span{font-size:.8125rem}}.displayContent.isVirtualCloseBtn{display:block;position:absolute;top:35px;right:0}.editBtn.allUserPrflColor{color:#5090f8}.mfaSwitches .resendReset{color:#5090f8;font-size:1rem}@media screen and (max-width: 1440px){.mfaSwitches .resendReset{font-size:.9375rem}}@media screen and (max-width: 1280px){.mfaSwitches .resendReset{font-size:.875rem}}@media screen and (max-width: 1025px){.mfaSwitches .resendReset{font-size:.8125rem}}.mfaSwitches .resendReset{font-family:"Avenir-Medium"}[dir=rtl] .mfaSwitches .resendReset{font-family:"Almarai-Regular"}.mfaSwitches .resendReset{padding-right:35px;cursor:pointer}.mfaSwitches .resendReset:last-child{padding-right:0}.twoStepBlock{-webkit-animation-name:flexPaneItem-slideContentIn;animation-name:flexPaneItem-slideContentIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-delay:.04s;animation-delay:.04s;height:100%}.dataPrivacyContent{display:flex;justify-content:space-between;padding:24px 31px 24px 44px}.dataPrivacyContent>span:first-child{font-family:"Avenir-Heavy"}[dir=rtl] .dataPrivacyContent>span:first-child{font-family:"Almarai-Bold"}.dataPrivacyContent>span:first-child{color:#000001}.dataPrivacyContent>span{color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .dataPrivacyContent>span{font-family:"Almarai-Light"}.dataPrivacyContent>span{font-size:1rem}@media screen and (max-width: 1440px){.dataPrivacyContent>span{font-size:.9375rem}}@media screen and (max-width: 1280px){.dataPrivacyContent>span{font-size:.875rem}}@media screen and (max-width: 1025px){.dataPrivacyContent>span{font-size:.8125rem}}.dataPrivacyContent>span:last-child{color:#5090f8}#accountActivity,#bankAccounts,#communication,#communications,#company,#companyInfo,#dataPrivacy,#roleManagement,#signIn,#signInSecurity,#signInSecurity2,#userManagement,#workflowManagement{height:auto}.sdkTokenWidth.userIdWidth{flex:.75}.paymentDesignation .paymentDesignationInnerBody{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #bfc7d0}.paymentDesignation .paymentDesignationInnerBody:last-child{border-bottom:0;padding-bottom:0}.paymentDesignation .paymentDesignationInnerBody:first-child{padding-top:0}.paymentDesignation .paymentDesignationInnerBody .font-Roman.mr-1{color:#384150}.paymentDesignation .paymentDesignationInnerBody input[type=checkBox]{border-radius:50px;width:24px;height:24px}.paymentDesignation .paymentDesignationInnerBody input[type=checkBox]::after{border:2px solid #fff;border-top:0;border-left:0;top:4px;left:8px}.paymentDesignation .paymentDesignationInnerBody input[type=checkBox]:checked{background-color:#5090f8}.paymentDesignation .paymentDesignationInnerBody [class^=icon-]{font-size:1.25rem}@media screen and (max-width: 1440px){.paymentDesignation .paymentDesignationInnerBody [class^=icon-]{font-size:1.1875rem}}@media screen and (max-width: 1280px){.paymentDesignation .paymentDesignationInnerBody [class^=icon-]{font-size:1.125rem}}@media screen and (max-width: 1025px){.paymentDesignation .paymentDesignationInnerBody [class^=icon-]{font-size:1.0625rem}}.paymentDesignation .paymentDesignationInnerBody [class^=icon-]{color:#5090f8}.paymentDesignation .paymentDesignationInnerBody [class^=icon-]:hover{opacity:.8}.addEditProfile .formControl.sdkAddAccount{padding:0 0 14px 0;border:0}.corporate-signInSecurity .formControl.paymentDesignation{border-bottom:0}.workFlowManagement .workFlowBtnAlign{display:flex;margin:20px 0;justify-content:space-between}.workFlowManagement .workFlowBtnAlign .addAmountBtn{max-width:210px;width:100%;padding:10px}.workFlowManagement .wrkFlwMaxLimit{flex:.2;line-height:initial}.workFlowManagement span.amountSelection{display:block;margin-top:0;flex:.2}.corporate-workflowManagement .workFlowManagement .brdrTop .superAdminWrkFlow{margin:20px 40px}.isFlex .workFlowManagement .workFlowHeader .alignWrkFlwLimit{flex:.4}.isUserState .tableDataSubTitleDate{overflow:initial}.isUserState .tableDataSubTitleDate .icon-Info-icon{position:relative;color:#5090f8;margin-left:6px;font-size:1rem}@media screen and (max-width: 1440px){.isUserState .tableDataSubTitleDate .icon-Info-icon{font-size:.9375rem}}@media screen and (max-width: 1280px){.isUserState .tableDataSubTitleDate .icon-Info-icon{font-size:.875rem}}@media screen and (max-width: 1025px){.isUserState .tableDataSubTitleDate .icon-Info-icon{font-size:.8125rem}}.isUserState .tableDataSubTitleDate .icon-Info-icon{cursor:pointer}.isUserState .tableDataSubTitleDate .icon-Info-icon:hover .transcationTooltip{display:block}.isUserState .tableDataSubTitleDate .icon-Info-icon::before{position:relative;top:1px}.isUserState .tableDataSubTitleDate .transcationTooltip{position:absolute;top:-55px;right:-98px;display:none}.isUserState .tableDataSubTitleDate .transcationTooltip .bottom{padding:10px;width:initial;max-width:fit-content}.isUserState .tableDataSubTitleDate .transcationTooltip .bottom .tooltipHeader{font-size:.75rem}@media screen and (max-width: 1440px){.isUserState .tableDataSubTitleDate .transcationTooltip .bottom .tooltipHeader{font-size:.6875rem}}@media screen and (max-width: 1280px){.isUserState .tableDataSubTitleDate .transcationTooltip .bottom .tooltipHeader{font-size:.625rem}}@media screen and (max-width: 1025px){.isUserState .tableDataSubTitleDate .transcationTooltip .bottom .tooltipHeader{font-size:.5625rem}}.isUserState .tableDataSubTitleDate .transcationTooltip .bottom .tooltipHeader{color:#f3f5fd}.isUserState .tableDataSubTitleDate .transcationTooltip .bottom .tooltipHeader span{color:#ffde4d}.isUserState .tableDataSubTitleDate .transcationTooltip .bottom::before{left:11px;top:30px;transform:rotate(180deg)}.isUserState .tableDataSubTitleDate .transcationTooltip .bottom::after{left:11px;top:32px;transform:rotate(180deg)}@-webkit-keyframes flexPane-fadeIn{0%{visibility:hidden;opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:visible;opacity:1}}@keyframes flexPane-fadeIn{0%{visibility:hidden;opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:visible;opacity:1}}@-webkit-keyframes flexPane-fadeOut{0%{visibility:visible;opacity:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:hidden;opacity:0}}@keyframes flexPane-fadeOut{0%{visibility:visible;opacity:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:hidden;opacity:0}}@-webkit-keyframes flexPane-slideRightOut{0%{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px)}}@keyframes flexPane-slideRightOut{0%{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px)}}@-webkit-keyframes flexPaneItem-slideContentIn{0%{opacity:0;-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px)}to{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}}@keyframes flexPaneItem-slideContentIn{0%{opacity:0;-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px)}to{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}}
.ProgressBar{width:300px;margin:10px}.CompletenessList{margin:20px}.SummaryList,.COMPLETENESS{width:127px;height:22px;font-family:"Avenir-Roman"}[dir=rtl] .SummaryList,[dir=rtl] .COMPLETENESS{font-family:"Almarai-Light"}.SummaryList,.COMPLETENESS{font-size:1rem}@media screen and (max-width: 1440px){.SummaryList,.COMPLETENESS{font-size:.9375rem}}@media screen and (max-width: 1280px){.SummaryList,.COMPLETENESS{font-size:.875rem}}@media screen and (max-width: 1025px){.SummaryList,.COMPLETENESS{font-size:.8125rem}}.SummaryList,.COMPLETENESS{font-weight:900;color:#8994a5;margin:20px}.hr{height:2px;border:1px solid #dbe1e9}.isBenMasterBtns .createBtn.createBtnRole{padding:8px 18px}.isBenMasterTable .userMangmntTbl thead tr,.isBenMasterTable .roleMangmntTbl thead tr{height:0}.isBenMasterTable .userMangmntTbl thead tr th,.isBenMasterTable .roleMangmntTbl thead tr th{padding-bottom:18px}.isBenMasterTable .userMangmntTbl tbody tr td .isDefault,.isBenMasterTable .roleMangmntTbl tbody tr td .isDefault{background-color:rgba(98,189,105,.34);border-radius:4px;margin-left:10px}.isBenMasterTable .userMangmntTbl tbody tr td .isDefault span,.isBenMasterTable .roleMangmntTbl tbody tr td .isDefault span{padding:3px 6px;color:#62bd69;font-family:"Avenir-Medium"}[dir=rtl] .isBenMasterTable .userMangmntTbl tbody tr td .isDefault span,[dir=rtl] .isBenMasterTable .roleMangmntTbl tbody tr td .isDefault span{font-family:"Almarai-Regular"}.isBenMasterTable .userMangmntTbl tbody tr td .isDefault span,.isBenMasterTable .roleMangmntTbl tbody tr td .isDefault span{font-size:.875rem}@media screen and (max-width: 1440px){.isBenMasterTable .userMangmntTbl tbody tr td .isDefault span,.isBenMasterTable .roleMangmntTbl tbody tr td .isDefault span{font-size:.8125rem}}@media screen and (max-width: 1280px){.isBenMasterTable .userMangmntTbl tbody tr td .isDefault span,.isBenMasterTable .roleMangmntTbl tbody tr td .isDefault span{font-size:.75rem}}@media screen and (max-width: 1025px){.isBenMasterTable .userMangmntTbl tbody tr td .isDefault span,.isBenMasterTable .roleMangmntTbl tbody tr td .isDefault span{font-size:.6875rem}}.isBenMasterTable .userMangmntTbl tbody tr td.isDate,.isBenMasterTable .userMangmntTbl tbody tr td.isModifiedBy,.isBenMasterTable .roleMangmntTbl tbody tr td.isDate,.isBenMasterTable .roleMangmntTbl tbody tr td.isModifiedBy{font-family:"Avenir-Roman"}[dir=rtl] .isBenMasterTable .userMangmntTbl tbody tr td.isDate,[dir=rtl] .isBenMasterTable .userMangmntTbl tbody tr td.isModifiedBy,[dir=rtl] .isBenMasterTable .roleMangmntTbl tbody tr td.isDate,[dir=rtl] .isBenMasterTable .roleMangmntTbl tbody tr td.isModifiedBy{font-family:"Almarai-Light"}.isBenMasterTable .userMangmntTbl tbody tr td.isDate,.isBenMasterTable .userMangmntTbl tbody tr td.isModifiedBy,.isBenMasterTable .roleMangmntTbl tbody tr td.isDate,.isBenMasterTable .roleMangmntTbl tbody tr td.isModifiedBy{font-size:1rem}@media screen and (max-width: 1440px){.isBenMasterTable .userMangmntTbl tbody tr td.isDate,.isBenMasterTable .userMangmntTbl tbody tr td.isModifiedBy,.isBenMasterTable .roleMangmntTbl tbody tr td.isDate,.isBenMasterTable .roleMangmntTbl tbody tr td.isModifiedBy{font-size:.9375rem}}@media screen and (max-width: 1280px){.isBenMasterTable .userMangmntTbl tbody tr td.isDate,.isBenMasterTable .userMangmntTbl tbody tr td.isModifiedBy,.isBenMasterTable .roleMangmntTbl tbody tr td.isDate,.isBenMasterTable .roleMangmntTbl tbody tr td.isModifiedBy{font-size:.875rem}}@media screen and (max-width: 1025px){.isBenMasterTable .userMangmntTbl tbody tr td.isDate,.isBenMasterTable .userMangmntTbl tbody tr td.isModifiedBy,.isBenMasterTable .roleMangmntTbl tbody tr td.isDate,.isBenMasterTable .roleMangmntTbl tbody tr td.isModifiedBy{font-size:.8125rem}}.isBenMasterTable .userMangmntTbl tbody tr td.isCatEnglish,.isBenMasterTable .roleMangmntTbl tbody tr td.isCatEnglish{font-family:"Avenir-Heavy"}[dir=rtl] .isBenMasterTable .userMangmntTbl tbody tr td.isCatEnglish,[dir=rtl] .isBenMasterTable .roleMangmntTbl tbody tr td.isCatEnglish{font-family:"Almarai-Bold"}.isBenMasterTable .userMangmntTbl tbody tr td.isCatEnglish .isLang,.isBenMasterTable .roleMangmntTbl tbody tr td.isCatEnglish .isLang{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:200px}.isBenMasterTable .userMangmntTbl tbody tr td.isCatAr,.isBenMasterTable .roleMangmntTbl tbody tr td.isCatAr{font-family:"Almarai-Bold"}.isBenMasterTable .userMangmntTbl tbody tr td.isCatAr .isLang,.isBenMasterTable .roleMangmntTbl tbody tr td.isCatAr .isLang{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:200px}.settingsNav ul li.sideNavBarTitle{background-color:rgba(0,0,0,0);color:#bfc7d0;padding:1rem 0}.settingsNav ul li ul li:nth-child(2){border-bottom:0}.settingsNav ul li:nth-child(2){border-bottom:1px solid #dbe1e9}.company-work .isCorporateGroupUser{width:50%}.company-work .isCorporateGroupUser .allUserLabelWdth{font-family:"Avenir-Heavy"}[dir=rtl] .company-work .isCorporateGroupUser .allUserLabelWdth{font-family:"Almarai-Bold"}.company-work .isCorporateGroupUser .allUserLabelWdth{font-size:1rem}@media screen and (max-width: 1440px){.company-work .isCorporateGroupUser .allUserLabelWdth{font-size:.9375rem}}@media screen and (max-width: 1280px){.company-work .isCorporateGroupUser .allUserLabelWdth{font-size:.875rem}}@media screen and (max-width: 1025px){.company-work .isCorporateGroupUser .allUserLabelWdth{font-size:.8125rem}}.company-work .isCorporateGroupUser .allUserLabelWdth{color:#384150;flex:none;padding-right:10px}.company-work .isCorporateGroupUser .selectOptionFont{flex:.8}.company-work .isCorporateNavAdmin{width:50%}.company-work .isCorporateNavAdmin .allUserLabelWdth{font-family:"Avenir-Heavy"}[dir=rtl] .company-work .isCorporateNavAdmin .allUserLabelWdth{font-family:"Almarai-Bold"}.company-work .isCorporateNavAdmin .allUserLabelWdth{font-size:1rem}@media screen and (max-width: 1440px){.company-work .isCorporateNavAdmin .allUserLabelWdth{font-size:.9375rem}}@media screen and (max-width: 1280px){.company-work .isCorporateNavAdmin .allUserLabelWdth{font-size:.875rem}}@media screen and (max-width: 1025px){.company-work .isCorporateNavAdmin .allUserLabelWdth{font-size:.8125rem}}.company-work .isCorporateNavAdmin .allUserLabelWdth{color:#384150;flex:none;padding-right:10px}.company-work .isCorporateNavAdmin .selectOptionFont{flex:.8}.roleBasedProfiel .container .wrapper{margin-top:0px}.roleBasedMainContainer{background:#fff;min-height:82vh}.roleBasedMainContainer .roleBasedContainer{width:100%}.roleBasedMainContainer .roleBasedContainer .roleBasedSettings .greyBox .bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .defaultTextBox{width:400px}.roleBasedMainContainer .roleBasedContainer .roleBasedSettings .greyBox .allBankAccounts .isFlex.spacing .mt-3{margin-top:0}.roleBasedMainContainer .roleBasedContainer .mainWorkFlowChkBox{flex:.5}.roleBasedMainContainer .roleBasedContainer .userManagement.company-work{align-items:initial;border-bottom:none}.roleBasedMainContainer .roleBasedContainer .company-work .WorkLabel .createBtn{top:55px}.roleBasedMainContainer .roleBasedContainer .roleManagement .company-work .createBtn{top:55px}.roleBasedMainContainer .roleBasedContainer .flex{justify-content:space-between}.roleBasedMainContainer .roleBasedContainer .reviewers.roleBaseReviewers{flex:.55}.roleBasedMainContainer .roleBasedContainer .reviewers{flex:.65}.roleBasedMainContainer .roleBasedContainer .workFlowManagement,.roleBasedMainContainer .roleBasedContainer .roleManagement,.roleBasedMainContainer .roleBasedContainer .userManagement.p-02{width:100%}.roleBasedMainContainer .roleBasedContainer .workFlowManagement .brdrTop.p-02{padding:0}.roleBasedMainContainer .roleBasedContainer .formControl.p-02,.roleBasedMainContainer .roleBasedContainer .approvalTable.workFlowHeader.p-02{padding:0}.roleBasedMainContainer .roleBasedContainer .roleBasedFlex,.roleBasedMainContainer .roleBasedContainer .roleManagement.p-02,.roleBasedMainContainer .roleBasedContainer .userManagement.p-02,.roleBasedMainContainer .roleBasedContainer .p-02.roleBasedSettings{flex:1 1;box-shadow:0 0px 0px 0px #bfc7d0,0 0px 0px 0px #bfc7d0,6px 0 12px -9px rgba(191,199,208,.55),-6px 0 20px -15px rgba(191,199,208,.55);min-height:65vh;position:relative;padding:45px 32px 32px 32px}.roleBasedMainContainer .roleBasedContainer .roleBasedFlex.isDualAdminBased{padding-left:0;padding-right:0}.roleBasedMainContainer .roleBasedContainer .roleBasedFlex.isDualAdminBased .formControl.p-02{padding-left:32px;padding-right:32px}.roleBasedMainContainer .roleBasedContainer .roleBasedFlex.isDualAdminBased .company-work{padding-left:32px;padding-right:32px;border-top:0}.roleBasedMainContainer .roleBasedContainer .roleBasedFlex.isDualAdminBased .isWorkFlowContainer{border-top:1px solid #dbe1e9}.roleBasedMainContainer .roleBasedContainer .roleBasedFlex.isDualAdminBased .isWorkFlowContainer .approvalTable.workFlowHeader{padding-left:32px;padding-right:32px}.roleBasedMainContainer .roleBasedContainer .roleBasedFlex.isDualAdminBased .alluserBtnRgt.workFlowBtnAlign{padding-left:32px;padding-right:32px}.roleBasedMainContainer .roleBasedContainer .roleBasedFlex.isDualAdminBased .workFlowManagement form>.isWorkFlowContainer{border-top:4px solid #dbe1e9}.roleBasedMainContainer .roleBasedContainer .roleBasedFlex.isDualAdminBased .workFlowManagement form>.isWorkFlowContainer:first-child{border-top:1px solid #dbe1e9}.allBankAccounts .isFlex.spacing{align-items:baseline}.allBankAccounts.isAllWallets .isFlex.spacing{align-items:center}.allBankAccounts.isAllWallets .isWalletsAddBtns .WorkLabel{border-right:1px solid #dbe1e9;padding-right:30px;margin-right:30px;margin-bottom:0}.allBankAccounts.isAllWallets .isWalletsAddBtns .WorkLabel .selectOptionFont{width:300px}.allBankAccounts.isAllWallets .isWalletsAddBtns.isOnlyCompanyDropdown .WorkLabel{border-right:0;padding-right:0;margin-right:0}.btnRounded{border-radius:50px;background-color:#dbe1e9;color:#8994a5;width:40px;font-size:.75rem}@media screen and (max-width: 1440px){.btnRounded{font-size:.6875rem}}@media screen and (max-width: 1280px){.btnRounded{font-size:.625rem}}@media screen and (max-width: 1025px){.btnRounded{font-size:.5625rem}}.btnRounded{padding:5px;display:inline-flex;align-items:center;justify-content:center}.inviteUserBody.modalBody{overflow:unset}
.logoContainer{max-width:501px;margin:0 auto;text-align:center;padding-top:200px}.portraitContainer{background:#dbe1e9;min-height:100vh}.rotateTitle{color:#000001;font-size:1.875rem}@media screen and (max-width: 1440px){.rotateTitle{font-size:1.8125rem}}@media screen and (max-width: 1280px){.rotateTitle{font-size:1.75rem}}@media screen and (max-width: 1025px){.rotateTitle{font-size:1.6875rem}}.rotateTitle{font-family:"Avenir-Heavy"}[dir=rtl] .rotateTitle{font-family:"Almarai-Bold"}.rotateTitle{text-align:center;padding-top:65px;padding-bottom:35px}.weDntSupport{color:#384150;font-size:1.25rem}@media screen and (max-width: 1440px){.weDntSupport{font-size:1.1875rem}}@media screen and (max-width: 1280px){.weDntSupport{font-size:1.125rem}}@media screen and (max-width: 1025px){.weDntSupport{font-size:1.0625rem}}.weDntSupport{font-family:"Avenir-Roman"}[dir=rtl] .weDntSupport{font-family:"Almarai-Light"}.weDntSupport{text-align:center;line-height:1.4}
.whitePanel.isRegistrationContainer{background-color:#f3f5fd;min-height:100vh}.whitePanel.isRegistrationContainer .stepsToStart{width:15%}.whitePanel.isRegistrationContainer .stepsToStart h3.title{font-family:"Avenir-Heavy"}[dir=rtl] .whitePanel.isRegistrationContainer .stepsToStart h3.title{font-family:"Almarai-Bold"}.whitePanel.isRegistrationContainer .stepsToStart h3.title{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .stepsToStart h3.title{font-size:.8125rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .stepsToStart h3.title{font-size:.75rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .stepsToStart h3.title{font-size:.6875rem}}.whitePanel.isRegistrationContainer .stepsToStart h3.title{margin-bottom:16px;line-height:initial}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList{display:flex;align-items:center;margin-bottom:16px}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span:first-child{color:#5090f8;width:30px;height:30px;border-radius:50%;border:1px solid #5090f8;display:flex;align-items:center;justify-content:center;line-height:initial}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span.successIcon{border-color:#62bd69}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span.successIcon i{color:#62bd69;font-size:.6875rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span.successIcon i{font-size:.625rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span.successIcon i{font-size:.5625rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span.successIcon i{font-size:.5rem}}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span:last-child{font-size:.875rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span:last-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span:last-child{font-size:.75rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span:last-child{font-size:.6875rem}}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList span:last-child{color:#8994a5;line-height:initial;padding-left:20px;flex:1}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList:last-child{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #dbe1e9}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList{margin-bottom:25px}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList span:first-child{color:#62bd69;border:none;transform:rotate(268deg);width:auto;height:auto;font-size:.75rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList span:first-child{font-size:.6875rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList span:first-child{font-size:.625rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList span:first-child{font-size:.5625rem}}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList span:last-child{font-size:.75rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList span:last-child{font-size:.6875rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList span:last-child{font-size:.625rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList span:last-child{font-size:.5625rem}}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList span:last-child{line-height:16px;padding-left:10px;flex:1}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList.nafathList .stepsList:last-child{border-bottom:none}.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList{display:flex;align-items:flex-start}.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList span:last-child{font-size:.875rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList span:last-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList span:last-child{font-size:.75rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList span:last-child{font-size:.6875rem}}.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList span:last-child{color:#8994a5;line-height:initial;padding-left:20px}.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList .icon-sv-security{font-size:2.375rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList .icon-sv-security{font-size:2.3125rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList .icon-sv-security{font-size:2.25rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList .icon-sv-security{font-size:2.1875rem}}.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList .icon-sv-security{color:#8994a5}.whitePanel.isRegistrationContainer .stepsToStart.nafathSteps .isStepsList .stepsList{align-items:flex-start}.whitePanel.isRegistrationContainer .stepsToStart.nafathSteps .isStepsList .stepsList span:first-child{position:relative;top:2px}.whitePanel.isRegistrationContainer .isOpenBankingRegistration{width:45%;padding:30px;margin-right:30px;background:#fff;border-radius:8px}.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .openBankImg{display:flex;align-items:center;margin-bottom:1rem}.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .openBankImg h3{font-family:"Avenir-Heavy"}[dir=rtl] .whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .openBankImg h3{font-family:"Almarai-Bold"}.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .openBankImg h3{color:#000001;font-size:1.5rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .openBankImg h3{font-size:1.4375rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .openBankImg h3{font-size:1.375rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .openBankImg h3{font-size:1.3125rem}}.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .openBankImg img{max-height:33px;margin-left:18px;object-fit:contain}.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .isSubTitle{font-size:.875rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .isSubTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .isSubTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .isSubTitle{font-size:.6875rem}}.whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .isSubTitle{color:#8994a5;line-height:initial}.whitePanel.isRegistrationContainer .level1,.whitePanel.isRegistrationContainer .level2,.whitePanel.isRegistrationContainer .level3,.whitePanel.isRegistrationContainer .level4,.whitePanel.isRegistrationContainer .level5,.whitePanel.isRegistrationContainer .level6,.whitePanel.isRegistrationContainer .openBankPayment,.whitePanel.isRegistrationContainer .isBankSuccessInfo{width:50%;padding:30px;margin-right:45px;background:#fff;border-radius:8px}.whitePanel.isRegistrationContainer .level1 .transactionDetails,.whitePanel.isRegistrationContainer .level2 .transactionDetails,.whitePanel.isRegistrationContainer .level3 .transactionDetails,.whitePanel.isRegistrationContainer .level4 .transactionDetails,.whitePanel.isRegistrationContainer .level5 .transactionDetails,.whitePanel.isRegistrationContainer .level6 .transactionDetails,.whitePanel.isRegistrationContainer .openBankPayment .transactionDetails,.whitePanel.isRegistrationContainer .isBankSuccessInfo .transactionDetails{padding-top:0}.whitePanel.isRegistrationContainer .level1 .transactionDetails .popupTopShadow,.whitePanel.isRegistrationContainer .level2 .transactionDetails .popupTopShadow,.whitePanel.isRegistrationContainer .level3 .transactionDetails .popupTopShadow,.whitePanel.isRegistrationContainer .level4 .transactionDetails .popupTopShadow,.whitePanel.isRegistrationContainer .level5 .transactionDetails .popupTopShadow,.whitePanel.isRegistrationContainer .level6 .transactionDetails .popupTopShadow,.whitePanel.isRegistrationContainer .openBankPayment .transactionDetails .popupTopShadow,.whitePanel.isRegistrationContainer .isBankSuccessInfo .transactionDetails .popupTopShadow{box-shadow:none}.whitePanel.isRegistrationContainer .level1 .transactionDetails h3,.whitePanel.isRegistrationContainer .level2 .transactionDetails h3,.whitePanel.isRegistrationContainer .level3 .transactionDetails h3,.whitePanel.isRegistrationContainer .level4 .transactionDetails h3,.whitePanel.isRegistrationContainer .level5 .transactionDetails h3,.whitePanel.isRegistrationContainer .level6 .transactionDetails h3,.whitePanel.isRegistrationContainer .openBankPayment .transactionDetails h3,.whitePanel.isRegistrationContainer .isBankSuccessInfo .transactionDetails h3{margin:0}.whitePanel.isRegistrationContainer .level1 .transactionDetails .openBankImg,.whitePanel.isRegistrationContainer .level2 .transactionDetails .openBankImg,.whitePanel.isRegistrationContainer .level3 .transactionDetails .openBankImg,.whitePanel.isRegistrationContainer .level4 .transactionDetails .openBankImg,.whitePanel.isRegistrationContainer .level5 .transactionDetails .openBankImg,.whitePanel.isRegistrationContainer .level6 .transactionDetails .openBankImg,.whitePanel.isRegistrationContainer .openBankPayment .transactionDetails .openBankImg,.whitePanel.isRegistrationContainer .isBankSuccessInfo .transactionDetails .openBankImg{display:flex;align-items:center}.whitePanel.isRegistrationContainer .level1 .transactionDetails .openBankImg img,.whitePanel.isRegistrationContainer .level2 .transactionDetails .openBankImg img,.whitePanel.isRegistrationContainer .level3 .transactionDetails .openBankImg img,.whitePanel.isRegistrationContainer .level4 .transactionDetails .openBankImg img,.whitePanel.isRegistrationContainer .level5 .transactionDetails .openBankImg img,.whitePanel.isRegistrationContainer .level6 .transactionDetails .openBankImg img,.whitePanel.isRegistrationContainer .openBankPayment .transactionDetails .openBankImg img,.whitePanel.isRegistrationContainer .isBankSuccessInfo .transactionDetails .openBankImg img{max-width:130px;max-height:33px;object-fit:contain;margin-left:18px}.whitePanel.isRegistrationContainer .level1 .transactionDetails .icon.icon-new-close-icon.Cursor,.whitePanel.isRegistrationContainer .level2 .transactionDetails .icon.icon-new-close-icon.Cursor,.whitePanel.isRegistrationContainer .level3 .transactionDetails .icon.icon-new-close-icon.Cursor,.whitePanel.isRegistrationContainer .level4 .transactionDetails .icon.icon-new-close-icon.Cursor,.whitePanel.isRegistrationContainer .level5 .transactionDetails .icon.icon-new-close-icon.Cursor,.whitePanel.isRegistrationContainer .level6 .transactionDetails .icon.icon-new-close-icon.Cursor,.whitePanel.isRegistrationContainer .openBankPayment .transactionDetails .icon.icon-new-close-icon.Cursor,.whitePanel.isRegistrationContainer .isBankSuccessInfo .transactionDetails .icon.icon-new-close-icon.Cursor{display:none}.whitePanel.isRegistrationContainer .level1 .sliderBankPopupBody,.whitePanel.isRegistrationContainer .level1 .sliderBankCreatePopupBodyNew,.whitePanel.isRegistrationContainer .level1 .sliderPopupViewDetailsBody,.whitePanel.isRegistrationContainer .level2 .sliderBankPopupBody,.whitePanel.isRegistrationContainer .level2 .sliderBankCreatePopupBodyNew,.whitePanel.isRegistrationContainer .level2 .sliderPopupViewDetailsBody,.whitePanel.isRegistrationContainer .level3 .sliderBankPopupBody,.whitePanel.isRegistrationContainer .level3 .sliderBankCreatePopupBodyNew,.whitePanel.isRegistrationContainer .level3 .sliderPopupViewDetailsBody,.whitePanel.isRegistrationContainer .level4 .sliderBankPopupBody,.whitePanel.isRegistrationContainer .level4 .sliderBankCreatePopupBodyNew,.whitePanel.isRegistrationContainer .level4 .sliderPopupViewDetailsBody,.whitePanel.isRegistrationContainer .level5 .sliderBankPopupBody,.whitePanel.isRegistrationContainer .level5 .sliderBankCreatePopupBodyNew,.whitePanel.isRegistrationContainer .level5 .sliderPopupViewDetailsBody,.whitePanel.isRegistrationContainer .level6 .sliderBankPopupBody,.whitePanel.isRegistrationContainer .level6 .sliderBankCreatePopupBodyNew,.whitePanel.isRegistrationContainer .level6 .sliderPopupViewDetailsBody,.whitePanel.isRegistrationContainer .openBankPayment .sliderBankPopupBody,.whitePanel.isRegistrationContainer .openBankPayment .sliderBankCreatePopupBodyNew,.whitePanel.isRegistrationContainer .openBankPayment .sliderPopupViewDetailsBody,.whitePanel.isRegistrationContainer .isBankSuccessInfo .sliderBankPopupBody,.whitePanel.isRegistrationContainer .isBankSuccessInfo .sliderBankCreatePopupBodyNew,.whitePanel.isRegistrationContainer .isBankSuccessInfo .sliderPopupViewDetailsBody{height:auto;overflow:initial}.whitePanel.isRegistrationContainer .level1 .sliderBankPopupBody .bankList,.whitePanel.isRegistrationContainer .level1 .sliderBankCreatePopupBodyNew .bankList,.whitePanel.isRegistrationContainer .level1 .sliderPopupViewDetailsBody .bankList,.whitePanel.isRegistrationContainer .level2 .sliderBankPopupBody .bankList,.whitePanel.isRegistrationContainer .level2 .sliderBankCreatePopupBodyNew .bankList,.whitePanel.isRegistrationContainer .level2 .sliderPopupViewDetailsBody .bankList,.whitePanel.isRegistrationContainer .level3 .sliderBankPopupBody .bankList,.whitePanel.isRegistrationContainer .level3 .sliderBankCreatePopupBodyNew .bankList,.whitePanel.isRegistrationContainer .level3 .sliderPopupViewDetailsBody .bankList,.whitePanel.isRegistrationContainer .level4 .sliderBankPopupBody .bankList,.whitePanel.isRegistrationContainer .level4 .sliderBankCreatePopupBodyNew .bankList,.whitePanel.isRegistrationContainer .level4 .sliderPopupViewDetailsBody .bankList,.whitePanel.isRegistrationContainer .level5 .sliderBankPopupBody .bankList,.whitePanel.isRegistrationContainer .level5 .sliderBankCreatePopupBodyNew .bankList,.whitePanel.isRegistrationContainer .level5 .sliderPopupViewDetailsBody .bankList,.whitePanel.isRegistrationContainer .level6 .sliderBankPopupBody .bankList,.whitePanel.isRegistrationContainer .level6 .sliderBankCreatePopupBodyNew .bankList,.whitePanel.isRegistrationContainer .level6 .sliderPopupViewDetailsBody .bankList,.whitePanel.isRegistrationContainer .openBankPayment .sliderBankPopupBody .bankList,.whitePanel.isRegistrationContainer .openBankPayment .sliderBankCreatePopupBodyNew .bankList,.whitePanel.isRegistrationContainer .openBankPayment .sliderPopupViewDetailsBody .bankList,.whitePanel.isRegistrationContainer .isBankSuccessInfo .sliderBankPopupBody .bankList,.whitePanel.isRegistrationContainer .isBankSuccessInfo .sliderBankCreatePopupBodyNew .bankList,.whitePanel.isRegistrationContainer .isBankSuccessInfo .sliderPopupViewDetailsBody .bankList{margin-bottom:0}.whitePanel.isRegistrationContainer .level1 .addbankSuccess .secondaryButtonStyles,.whitePanel.isRegistrationContainer .level2 .addbankSuccess .secondaryButtonStyles,.whitePanel.isRegistrationContainer .level3 .addbankSuccess .secondaryButtonStyles,.whitePanel.isRegistrationContainer .level4 .addbankSuccess .secondaryButtonStyles,.whitePanel.isRegistrationContainer .level5 .addbankSuccess .secondaryButtonStyles,.whitePanel.isRegistrationContainer .level6 .addbankSuccess .secondaryButtonStyles,.whitePanel.isRegistrationContainer .openBankPayment .addbankSuccess .secondaryButtonStyles,.whitePanel.isRegistrationContainer .isBankSuccessInfo .addbankSuccess .secondaryButtonStyles{width:180px}.whitePanel.isRegistrationContainer .level1 .popupBanksBodyPadding,.whitePanel.isRegistrationContainer .level2 .popupBanksBodyPadding,.whitePanel.isRegistrationContainer .level3 .popupBanksBodyPadding,.whitePanel.isRegistrationContainer .level4 .popupBanksBodyPadding,.whitePanel.isRegistrationContainer .level5 .popupBanksBodyPadding,.whitePanel.isRegistrationContainer .level6 .popupBanksBodyPadding,.whitePanel.isRegistrationContainer .openBankPayment .popupBanksBodyPadding,.whitePanel.isRegistrationContainer .isBankSuccessInfo .popupBanksBodyPadding{padding:0}.whitePanel.isRegistrationContainer .level1 .popupDownShadow,.whitePanel.isRegistrationContainer .level2 .popupDownShadow,.whitePanel.isRegistrationContainer .level3 .popupDownShadow,.whitePanel.isRegistrationContainer .level4 .popupDownShadow,.whitePanel.isRegistrationContainer .level5 .popupDownShadow,.whitePanel.isRegistrationContainer .level6 .popupDownShadow,.whitePanel.isRegistrationContainer .openBankPayment .popupDownShadow,.whitePanel.isRegistrationContainer .isBankSuccessInfo .popupDownShadow{box-shadow:none}.whitePanel.isRegistrationContainer .level1 .bankAccBtns,.whitePanel.isRegistrationContainer .level2 .bankAccBtns,.whitePanel.isRegistrationContainer .level3 .bankAccBtns,.whitePanel.isRegistrationContainer .level4 .bankAccBtns,.whitePanel.isRegistrationContainer .level5 .bankAccBtns,.whitePanel.isRegistrationContainer .level6 .bankAccBtns,.whitePanel.isRegistrationContainer .openBankPayment .bankAccBtns,.whitePanel.isRegistrationContainer .isBankSuccessInfo .bankAccBtns{padding:25px 0px 0}.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo span,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo span{font-family:"Avenir-Medium"}[dir=rtl] .whitePanel.isRegistrationContainer .level1 .isQrCodeInfo span,[dir=rtl] .whitePanel.isRegistrationContainer .level2 .isQrCodeInfo span,[dir=rtl] .whitePanel.isRegistrationContainer .level3 .isQrCodeInfo span,[dir=rtl] .whitePanel.isRegistrationContainer .level4 .isQrCodeInfo span,[dir=rtl] .whitePanel.isRegistrationContainer .level5 .isQrCodeInfo span,[dir=rtl] .whitePanel.isRegistrationContainer .level6 .isQrCodeInfo span,[dir=rtl] .whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo span,[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo span{font-family:"Almarai-Regular"}.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo span,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo span{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo span,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo span{font-size:.8125rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo span,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo span{font-size:.75rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo span,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo span{font-size:.6875rem}}.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo span,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo span,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo span{line-height:initial}.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo span:first-child,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo span:first-child,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo span:first-child,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo span:first-child,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo span:first-child,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo span:first-child,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo span:first-child,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo span:first-child{padding-top:1rem;display:block}.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo span:last-child,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo span:last-child,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo span:last-child,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo span:last-child,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo span:last-child,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo span:last-child,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo span:last-child,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo span:last-child{text-align:center;display:block;padding-bottom:1.5rem;border-bottom:1px solid #dbe1e9;margin-bottom:1.5rem}.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo .openBankQRCode,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo .openBankQRCode,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo .openBankQRCode,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo .openBankQRCode,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo .openBankQRCode,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo .openBankQRCode,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo .openBankQRCode,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo .openBankQRCode{margin:25px auto;text-align:center}.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo .qrContent,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo .qrContent,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo .qrContent,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo .qrContent,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo .qrContent,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo .qrContent,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo .qrContent,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo .qrContent{display:inline-block}.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo .qrContent span{display:inline-block;border:none;margin:0;padding-bottom:0;font-family:"Avenir-Heavy"}[dir=rtl] .whitePanel.isRegistrationContainer .level1 .isQrCodeInfo .qrContent span,[dir=rtl] .whitePanel.isRegistrationContainer .level2 .isQrCodeInfo .qrContent span,[dir=rtl] .whitePanel.isRegistrationContainer .level3 .isQrCodeInfo .qrContent span,[dir=rtl] .whitePanel.isRegistrationContainer .level4 .isQrCodeInfo .qrContent span,[dir=rtl] .whitePanel.isRegistrationContainer .level5 .isQrCodeInfo .qrContent span,[dir=rtl] .whitePanel.isRegistrationContainer .level6 .isQrCodeInfo .qrContent span,[dir=rtl] .whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo .qrContent span,[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo .qrContent span{font-family:"Almarai-Bold"}.whitePanel.isRegistrationContainer .level1 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level2 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level3 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level4 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level5 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .level6 .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .openBankPayment .isQrCodeInfo .qrContent span,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrCodeInfo .qrContent span{color:#384150}.whitePanel.isRegistrationContainer .level1 .isQrcodeBtn button,.whitePanel.isRegistrationContainer .level2 .isQrcodeBtn button,.whitePanel.isRegistrationContainer .level3 .isQrcodeBtn button,.whitePanel.isRegistrationContainer .level4 .isQrcodeBtn button,.whitePanel.isRegistrationContainer .level5 .isQrcodeBtn button,.whitePanel.isRegistrationContainer .level6 .isQrcodeBtn button,.whitePanel.isRegistrationContainer .openBankPayment .isQrcodeBtn button,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isQrcodeBtn button{min-height:44px}.whitePanel.isRegistrationContainer .level1 .isConsentExpiryDate,.whitePanel.isRegistrationContainer .level2 .isConsentExpiryDate,.whitePanel.isRegistrationContainer .level3 .isConsentExpiryDate,.whitePanel.isRegistrationContainer .level4 .isConsentExpiryDate,.whitePanel.isRegistrationContainer .level5 .isConsentExpiryDate,.whitePanel.isRegistrationContainer .level6 .isConsentExpiryDate,.whitePanel.isRegistrationContainer .openBankPayment .isConsentExpiryDate,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isConsentExpiryDate{flex-wrap:initial}.whitePanel.isRegistrationContainer .level1 .isConsentExpiryDate .calendar,.whitePanel.isRegistrationContainer .level2 .isConsentExpiryDate .calendar,.whitePanel.isRegistrationContainer .level3 .isConsentExpiryDate .calendar,.whitePanel.isRegistrationContainer .level4 .isConsentExpiryDate .calendar,.whitePanel.isRegistrationContainer .level5 .isConsentExpiryDate .calendar,.whitePanel.isRegistrationContainer .level6 .isConsentExpiryDate .calendar,.whitePanel.isRegistrationContainer .openBankPayment .isConsentExpiryDate .calendar,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isConsentExpiryDate .calendar{position:relative}.whitePanel.isRegistrationContainer .level1 .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel.isRegistrationContainer .level2 .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel.isRegistrationContainer .level3 .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel.isRegistrationContainer .level4 .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel.isRegistrationContainer .level5 .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel.isRegistrationContainer .level6 .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel.isRegistrationContainer .openBankPayment .isConsentExpiryDate .calendar .react-datepicker-popper,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isConsentExpiryDate .calendar .react-datepicker-popper{right:auto !important}.whitePanel.isRegistrationContainer .level1 .isConsentExpiryDate .selectOptionFont.isSelectedDate,.whitePanel.isRegistrationContainer .level2 .isConsentExpiryDate .selectOptionFont.isSelectedDate,.whitePanel.isRegistrationContainer .level3 .isConsentExpiryDate .selectOptionFont.isSelectedDate,.whitePanel.isRegistrationContainer .level4 .isConsentExpiryDate .selectOptionFont.isSelectedDate,.whitePanel.isRegistrationContainer .level5 .isConsentExpiryDate .selectOptionFont.isSelectedDate,.whitePanel.isRegistrationContainer .level6 .isConsentExpiryDate .selectOptionFont.isSelectedDate,.whitePanel.isRegistrationContainer .openBankPayment .isConsentExpiryDate .selectOptionFont.isSelectedDate,.whitePanel.isRegistrationContainer .isBankSuccessInfo .isConsentExpiryDate .selectOptionFont.isSelectedDate{width:100%}.whitePanel.isRegistrationContainer .isBankSuccessInfo .addBankClsBtn.primaryButtonStyles{margin:20px auto 0;display:block}.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isWithCrTxt,.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .withOurCr{font-family:"Avenir-Roman"}[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isWithCrTxt,[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .withOurCr{font-family:"Almarai-Light"}.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isWithCrTxt,.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .withOurCr{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isWithCrTxt,.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .withOurCr{font-size:.8125rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isWithCrTxt,.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .withOurCr{font-size:.75rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isWithCrTxt,.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .withOurCr{font-size:.6875rem}}.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyName{font-family:"Avenir-Heavy"}[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyName{font-family:"Almarai-Bold"}.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyName{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyName{font-size:.9375rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyName{font-size:.875rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyName{font-size:.8125rem}}.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyNameMsg{font-size:1.25rem}@media screen and (max-width: 1440px){.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyNameMsg{font-size:1.1875rem}}@media screen and (max-width: 1280px){.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyNameMsg{font-size:1.125rem}}@media screen and (max-width: 1025px){.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyNameMsg{font-size:1.0625rem}}.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyNameMsg{color:#000001;margin:28px 0 11px;font-family:"Avenir-Heavy"}[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyNameMsg{font-family:"Almarai-Bold"}.whitePanel.isRegistrationContainer .level5 .sliderPopupViewDetailsBody.popupBanksBodyPadding{min-height:350px;align-items:center;display:flex;justify-content:center}.isAccountTypeSec .isAccountType{background-color:#f3f5fd;padding:15px;border-radius:4px;-webkit-transition:0.5s;transition:0.5s;-moz-transition:0.5s;cursor:pointer}.isAccountTypeSec .isAccountType .isIcon span[class*=icon-]{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;font-size:1.375rem}@media screen and (max-width: 1440px){.isAccountTypeSec .isAccountType .isIcon span[class*=icon-]{font-size:1.3125rem}}@media screen and (max-width: 1280px){.isAccountTypeSec .isAccountType .isIcon span[class*=icon-]{font-size:1.25rem}}@media screen and (max-width: 1025px){.isAccountTypeSec .isAccountType .isIcon span[class*=icon-]{font-size:1.1875rem}}.isAccountTypeSec .isAccountType .isIcon span[class*=icon-]{color:#8994a5;margin-right:10px}.isAccountTypeSec .isAccountType .isIcon span:last-child{flex:1}.isAccountTypeSec .isAccountType .isIcon span:last-child span:first-child{font-family:"Avenir-Heavy"}[dir=rtl] .isAccountTypeSec .isAccountType .isIcon span:last-child span:first-child{font-family:"Almarai-Bold"}.isAccountTypeSec .isAccountType .isIcon span:last-child span:first-child{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.isAccountTypeSec .isAccountType .isIcon span:last-child span:first-child{font-size:.9375rem}}@media screen and (max-width: 1280px){.isAccountTypeSec .isAccountType .isIcon span:last-child span:first-child{font-size:.875rem}}@media screen and (max-width: 1025px){.isAccountTypeSec .isAccountType .isIcon span:last-child span:first-child{font-size:.8125rem}}.isAccountTypeSec .isAccountType .isIcon span:last-child span:last-child{font-family:"Avenir-Medium"}[dir=rtl] .isAccountTypeSec .isAccountType .isIcon span:last-child span:last-child{font-family:"Almarai-Regular"}.isAccountTypeSec .isAccountType .isIcon span:last-child span:last-child{color:#8994a5;font-size:.875rem}@media screen and (max-width: 1440px){.isAccountTypeSec .isAccountType .isIcon span:last-child span:last-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.isAccountTypeSec .isAccountType .isIcon span:last-child span:last-child{font-size:.75rem}}@media screen and (max-width: 1025px){.isAccountTypeSec .isAccountType .isIcon span:last-child span:last-child{font-size:.6875rem}}.isAccountTypeSec .isAccountType .icon-breadcrumb-separator{color:#8994a5}.isAccountTypeSec .isAccountType:hover{box-shadow:13px 12px 12px #dbe1e9;-webkit-box-shadow:2px 4px 6px #dbe1e9;-moz-shadow:2px 4px 6px #dbe1e9}.isAccountTypeSec .isAccountType:last-child{margin-top:25px}.nafathVerificationCode{width:60px;height:60px;border-radius:50%;font-size:32px;background:#f3f5fd;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;color:#5090f8;font-family:"Avenir-Heavy"}[dir=rtl] .nafathVerificationCode{font-family:"Almarai-Bold"}.isIDVerified{min-width:285px}.isIDVerified .colorGreen{font-size:.75rem}@media screen and (max-width: 1440px){.isIDVerified .colorGreen{font-size:.6875rem}}@media screen and (max-width: 1280px){.isIDVerified .colorGreen{font-size:.625rem}}@media screen and (max-width: 1025px){.isIDVerified .colorGreen{font-size:.5625rem}}.isIDVerified .email h6{width:190px}.iscrMandate{width:60%;margin:0 auto}.iscrMandate .addBankClsBtn.primaryButtonStyles{padding:10px 18px;width:100%}.isUpcomginBanksInfo h4.title{font-family:"Avenir-Heavy"}[dir=rtl] .isUpcomginBanksInfo h4.title{font-family:"Almarai-Bold"}.isUpcomginBanksInfo h4.title{font-size:1rem}@media screen and (max-width: 1440px){.isUpcomginBanksInfo h4.title{font-size:.9375rem}}@media screen and (max-width: 1280px){.isUpcomginBanksInfo h4.title{font-size:.875rem}}@media screen and (max-width: 1025px){.isUpcomginBanksInfo h4.title{font-size:.8125rem}}.isUpcomginBanksInfo h4.title{color:#384150}.isUpcomginBanksInfo .isUpcomingBanksList{border:1px solid #dbe1e9;border-radius:4px;padding:15px 25px;margin-bottom:16px}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus{margin-left:20px;width:100%}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankName{font-family:"Avenir-Heavy"}[dir=rtl] .isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankName{font-family:"Almarai-Bold"}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankName{font-size:1rem}@media screen and (max-width: 1440px){.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankName{font-size:.9375rem}}@media screen and (max-width: 1280px){.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankName{font-size:.875rem}}@media screen and (max-width: 1025px){.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankName{font-size:.8125rem}}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankName{color:#000001;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .availableStatus{font-size:.875rem}@media screen and (max-width: 1440px){.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .availableStatus{font-size:.8125rem}}@media screen and (max-width: 1280px){.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .availableStatus{font-size:.75rem}}@media screen and (max-width: 1025px){.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .availableStatus{font-size:.6875rem}}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .availableStatus{color:#8994a5}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankProgress{margin-top:16px;background:#dbe1e9;height:12px;width:100%;position:relative;border-radius:4px}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankProgress .isCurrectProgress{background:#62bd69;height:12px;position:relative;border-radius:4px;z-index:2}.isUpcomginBanksInfo .isUpcomingBanksList:last-child{margin-bottom:0}.isUpcomginBanksInfo .bankAccountsList.preLoader .isUpcomingBanksList{padding:8px 25px}.isUpcomginBanksInfo .bankAccountsList.preLoader .isUpcomingBanksList .splashes{height:70px;width:auto;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:20px 59px,100% 25px,100% 26px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;display:block}.accountLinkedSection span img{vertical-align:baseline;margin-left:5px}.ClinkedTxt span{font-size:.875rem}@media screen and (max-width: 1440px){.ClinkedTxt span{font-size:.8125rem}}@media screen and (max-width: 1280px){.ClinkedTxt span{font-size:.75rem}}@media screen and (max-width: 1025px){.ClinkedTxt span{font-size:.6875rem}}.ClinkedTxt span{font-family:"Avenir-Medium"}[dir=rtl] .ClinkedTxt span{font-family:"Almarai-Regular"}.ClinkedTxt span{color:#384150;margin-bottom:2px;display:block;line-height:20px}.ClinkedTxt span strong{font-family:"Avenir-Heavy"}[dir=rtl] .ClinkedTxt span strong{font-family:"Almarai-Bold"}.isDeviceTrust{display:flex;align-items:flex-start;margin-top:1.5rem}.isDeviceTrust input[type=checkbox]+label{font-family:"Avenir-Roman"}[dir=rtl] .isDeviceTrust input[type=checkbox]+label{font-family:"Almarai-Light"}.isDeviceTrust input[type=checkbox]+label{font-size:.75rem}@media screen and (max-width: 1440px){.isDeviceTrust input[type=checkbox]+label{font-size:.6875rem}}@media screen and (max-width: 1280px){.isDeviceTrust input[type=checkbox]+label{font-size:.625rem}}@media screen and (max-width: 1025px){.isDeviceTrust input[type=checkbox]+label{font-size:.5625rem}}.isDeviceTrust input[type=checkbox]+label{color:#8994a5;line-height:initial;text-align:left;margin-top:-5px}.isDeviceTrust input[type=checkbox]+label span{font-family:"Avenir-Heavy"}[dir=rtl] .isDeviceTrust input[type=checkbox]+label span{font-family:"Almarai-Bold"}.isDeviceTrust input[type=checkbox]+label span{font-size:.875rem}@media screen and (max-width: 1440px){.isDeviceTrust input[type=checkbox]+label span{font-size:.8125rem}}@media screen and (max-width: 1280px){.isDeviceTrust input[type=checkbox]+label span{font-size:.75rem}}@media screen and (max-width: 1025px){.isDeviceTrust input[type=checkbox]+label span{font-size:.6875rem}}.isDeviceTrust input[type=checkbox]+label span{color:#384150}.isDeviceTrust input[type=checkbox]{padding:10px}.nafathShimmerCircle{width:60px;height:60px;border-radius:50%;background:linear-gradient(270deg, #f5f5f5 25%, #e0e0e0 50%, #f5f5f5 75%);background-size:200% 100%;animation:nafathshimmer 2.5s infinite}@keyframes nafathshimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
:root{--swiper-theme-color: #007aff;--swiper-navigation-size: 44px}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-android .swiper-slide,.swiper-android .swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-slide-invisible-blank{visibility:hidden}.swiper-3d{perspective:1200px}.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 1, 0.5), rgba(0, 0, 1, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 1, 0.5), rgba(0, 0, 1, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 1, 0.5), rgba(0, 0, 1, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 1, 0.5), rgba(0, 0, 1, 0))}.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-button-prev,.swiper-button-next{position:absolute;top:36%;width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(-1*var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev:after,.swiper-button-next:after{font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white{--swiper-navigation-color: $panelBgColor}.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black{--swiper-navigation-color: #000000}.swiper-button-prev:after{content:"prev"}.swiper-button-next:after{content:"next"}.swiper-button-lock{display:none}
.swiper{width:100%;height:100%}.swiper-slide{text-align:center;max-width:220px;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;object-fit:cover}.swipperMainContainer{width:100%;display:flex;overflow:hidden}.swipperSpacing{position:relative;background:#f3f5fd;padding-bottom:15px;width:100%;border-bottom:1px solid #dbe1e9}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{display:none}
.transactionOverview{display:flex;flex-direction:column;justify-content:space-around;align-items:center;align-content:center;text-align:center;background-color:#fff;padding:6px 11px;margin-top:15px;margin-right:13px;min-width:220px;width:220px;height:65px;border-radius:4px;font-family:"Avenir-Roman"}[dir=rtl] .transactionOverview{font-family:"Almarai-Light"}.transactionOverview .label{color:#8994a5;text-transform:uppercase;line-height:normal}.transactionOverview .amount{font-family:"Avenir-Medium"}[dir=rtl] .transactionOverview .amount{font-family:"Almarai-Regular"}.transactionOverview .amount{font-size:1.375rem}@media screen and (max-width: 1440px){.transactionOverview .amount{font-size:1.3125rem}}@media screen and (max-width: 1280px){.transactionOverview .amount{font-size:1.25rem}}@media screen and (max-width: 1025px){.transactionOverview .amount{font-size:1.1875rem}}.transactionOverview .amount.debited{margin-left:20px;color:#eb3223}.transactionOverview .amount.credited{color:#62bd69}.transactionOverview.viewMoreLess{max-width:80px;justify-content:center;cursor:pointer;text-align:center}.transactionOverview.viewMoreLess>.label{color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .transactionOverview.viewMoreLess>.label{font-family:"Almarai-Light"}.transactionOverview.viewMoreLess>.label{font-size:1rem}@media screen and (max-width: 1440px){.transactionOverview.viewMoreLess>.label{font-size:.9375rem}}@media screen and (max-width: 1280px){.transactionOverview.viewMoreLess>.label{font-size:.875rem}}@media screen and (max-width: 1025px){.transactionOverview.viewMoreLess>.label{font-size:.8125rem}}.transactionOverview.viewMoreLess>.label{text-transform:initial;margin-bottom:0;line-height:normal}.transactionOverview.fullBox{flex:1;margin-right:0;width:auto;max-width:340px}.history .transactionOverview.viewMoreLess{max-width:80px}.selectTxnBox{background-color:#cbdefd;position:relative;pointer-events:none}.selectTxnBox .icon-cross-mark-filled{color:#384150;position:absolute;right:-7px;top:-7px;font-size:1.5625rem}@media screen and (max-width: 1440px){.selectTxnBox .icon-cross-mark-filled{font-size:1.5rem}}@media screen and (max-width: 1280px){.selectTxnBox .icon-cross-mark-filled{font-size:1.4375rem}}@media screen and (max-width: 1025px){.selectTxnBox .icon-cross-mark-filled{font-size:1.375rem}}.selectTxnBox .icon-cross-mark-filled{cursor:pointer;pointer-events:all}.selectTxnBox .icon-cross-mark-filled.iconCloseSm{font-size:1.125rem}@media screen and (max-width: 1440px){.selectTxnBox .icon-cross-mark-filled.iconCloseSm{font-size:1.0625rem}}@media screen and (max-width: 1280px){.selectTxnBox .icon-cross-mark-filled.iconCloseSm{font-size:1rem}}@media screen and (max-width: 1025px){.selectTxnBox .icon-cross-mark-filled.iconCloseSm{font-size:.9375rem}}
.benBoxFilter{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.benBoxFilter .totalItems{height:auto;padding-top:6px}.transactionOverview{align-items:flex-start;align-content:flex-start;text-align:left}.transactionOverview .benBoxFilter{align-items:flex-start}.transactionOverview .benBoxFilter .totalItems{text-align:left;font-size:.875rem}@media screen and (max-width: 1440px){.transactionOverview .benBoxFilter .totalItems{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionOverview .benBoxFilter .totalItems{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionOverview .benBoxFilter .totalItems{font-size:.6875rem}}.transactionOverview .benBoxFilter .totalItems{width:100%}.transactionOverview .benBoxFilter .totalItems .amountCurrency{font-size:.875rem}@media screen and (max-width: 1440px){.transactionOverview .benBoxFilter .totalItems .amountCurrency{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionOverview .benBoxFilter .totalItems .amountCurrency{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionOverview .benBoxFilter .totalItems .amountCurrency{font-size:.6875rem}}.transactionOverview .benBoxFilter .totalItems .amountCurrency span{display:inline}.transactionOverview .benBoxFilter .totalItems .amountCurrency .currencyNo{margin-left:0}.transactionOverview .benBoxFilter .totalItems .amountCurrency.reduceAmoutFont{font-size:.875rem}@media screen and (max-width: 1440px){.transactionOverview .benBoxFilter .totalItems .amountCurrency.reduceAmoutFont{font-size:.8125rem}}@media screen and (max-width: 1280px){.transactionOverview .benBoxFilter .totalItems .amountCurrency.reduceAmoutFont{font-size:.75rem}}@media screen and (max-width: 1025px){.transactionOverview .benBoxFilter .totalItems .amountCurrency.reduceAmoutFont{font-size:.6875rem}}.transactionOverview .benBoxFilter .label{display:flex;font-size:.75rem}@media screen and (max-width: 1440px){.transactionOverview .benBoxFilter .label{font-size:.6875rem}}@media screen and (max-width: 1280px){.transactionOverview .benBoxFilter .label{font-size:.625rem}}@media screen and (max-width: 1025px){.transactionOverview .benBoxFilter .label{font-size:.5625rem}}.transactionOverview .benBoxFilter .label{text-align:left}.transactionOverview .benBoxFilter .label .payBankNameTruncate{max-width:104px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;margin-right:2px}.transactionOverview .benBoxFilter .boxBankFlex{display:flex;align-items:center}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount{margin-left:8px}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px;display:inline-block}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .banksCount{color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .banksCount{font-size:.6875rem}}@media screen and (max-width: 1280px){.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .banksCount{font-size:.625rem}}@media screen and (max-width: 1025px){.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .banksCount{font-size:.5625rem}}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .banksCount{font-family:"Avenir-Roman"}[dir=rtl] .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .banksCount{font-family:"Almarai-Light"}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .banksCount{padding-left:3px}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex{align-items:center}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px;display:inline-block}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .banksCount{color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .banksCount{font-size:.6875rem}}@media screen and (max-width: 1280px){.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .banksCount{font-size:.625rem}}@media screen and (max-width: 1025px){.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .banksCount{font-size:.5625rem}}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .banksCount{font-family:"Avenir-Roman"}[dir=rtl] .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .banksCount{font-family:"Almarai-Light"}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .banksCount{padding-left:3px}.transactionOverview .benBoxFilter .boxBankFlex .icon-local,.transactionOverview .benBoxFilter .boxBankFlex .icon-international{color:#8994a5;font-size:2.5rem}@media screen and (max-width: 1440px){.transactionOverview .benBoxFilter .boxBankFlex .icon-local,.transactionOverview .benBoxFilter .boxBankFlex .icon-international{font-size:2.4375rem}}@media screen and (max-width: 1280px){.transactionOverview .benBoxFilter .boxBankFlex .icon-local,.transactionOverview .benBoxFilter .boxBankFlex .icon-international{font-size:2.375rem}}@media screen and (max-width: 1025px){.transactionOverview .benBoxFilter .boxBankFlex .icon-local,.transactionOverview .benBoxFilter .boxBankFlex .icon-international{font-size:2.3125rem}}.transactionOverview .benBoxFilter .boxBankFlex .icon-local,.transactionOverview .benBoxFilter .boxBankFlex .icon-international{padding-right:5px}.transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount{margin-left:0}.transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount .label{color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount .label{font-family:"Almarai-Light"}.transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount .label{font-size:1rem}@media screen and (max-width: 1440px){.transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount .label{font-size:.9375rem}}@media screen and (max-width: 1280px){.transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount .label{font-size:.875rem}}@media screen and (max-width: 1025px){.transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount .label{font-size:.8125rem}}.transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount .label{text-transform:initial;margin-bottom:0;line-height:normal;white-space:normal;overflow:inherit;display:inline-flex;text-align:center}.transactionOverview.selectPays .benBoxFilter .boxBankFlex .bankNameCount .isFlex>.label{max-width:125px}.isCatagoryIcons{padding-right:5px}.isCatagoryIcons [class*=icon-]{color:#8994a5;font-size:1.5625rem}@media screen and (max-width: 1440px){.isCatagoryIcons [class*=icon-]{font-size:1.5rem}}@media screen and (max-width: 1280px){.isCatagoryIcons [class*=icon-]{font-size:1.4375rem}}@media screen and (max-width: 1025px){.isCatagoryIcons [class*=icon-]{font-size:1.375rem}}.bankTransparent{position:absolute;right:0;width:112px;height:112px;background-image:linear-gradient(to left, #ffffff 40%, transparent)}
.boxFilterIcons{font-size:1.125rem}@media screen and (max-width: 1440px){.boxFilterIcons{font-size:1.0625rem}}@media screen and (max-width: 1280px){.boxFilterIcons{font-size:1rem}}@media screen and (max-width: 1025px){.boxFilterIcons{font-size:.9375rem}}.categoryIcon{margin-right:6px}.dropDownTitle{color:#5090f8;background-color:rgba(56,65,80,.8);padding:10px;text-align:center}.transactions .subTitle.loaderPad{padding-top:12px}.transactionDetails .mainDetails .detailsRow span.amounFontHeavy{font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .mainDetails .detailsRow span.amounFontHeavy{font-family:"Almarai-Bold"}.transactionDetails .mainDetails .detailsRow .efmTxn .groupName{color:#fff}.efmTransaction .transactionSummary .icon-Settings{border:1px solid #dbe1e9;border-radius:4px;color:#8994a5;padding:7px 9px;font-size:1.3125rem}@media screen and (max-width: 1440px){.efmTransaction .transactionSummary .icon-Settings{font-size:1.25rem}}@media screen and (max-width: 1280px){.efmTransaction .transactionSummary .icon-Settings{font-size:1.1875rem}}@media screen and (max-width: 1025px){.efmTransaction .transactionSummary .icon-Settings{font-size:1.125rem}}.efmTransaction .transactionSummary .transcationTooltip .bottom{top:63px;right:14px;width:180px;max-width:180px}.efmTransaction .transactionSummary .transcationTooltip .bottom li{padding-left:6px}.efmTransaction .transactionOverview .benBoxFilter .boxBankFlex .boxFilterIcons{color:#384150}.efmTransaction .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .totalItems{color:#384150;font-family:"Avenir-Heavy"}[dir=rtl] .efmTransaction .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .totalItems{font-family:"Almarai-Bold"}.efmTransactionDataTable .txnTableRemitterId{width:34%}.efmTransactionDataTable .txnTableAccNum{width:18%}.efmTransactionDataTable .txnTableDate.loadingAlign{width:19%}.efmTransactionDataTable .customReactTable .icon-left-arrow{padding-left:15px;padding-right:15px;font-size:1.25rem}@media screen and (max-width: 1440px){.efmTransactionDataTable .customReactTable .icon-left-arrow{font-size:1.1875rem}}@media screen and (max-width: 1280px){.efmTransactionDataTable .customReactTable .icon-left-arrow{font-size:1.125rem}}@media screen and (max-width: 1025px){.efmTransactionDataTable .customReactTable .icon-left-arrow{font-size:1.0625rem}}.efmTransactionDataTable .customReactTable .icon-left-arrow{color:#384150}.efmTransactionDataTable .customReactTable .icon-left-arrow.iconRotate-right{transform:rotate(180deg);padding-left:15px;padding-right:15px}.efmTransactionDataTable .customReactTable .tableHead .table-tr .table-th:last-child{text-align:right}.efmTransactionDataTable .customReactTable .tableHead .table-tr .table-th:last-child .table-input{text-align:right;padding-right:7px}.efmTransactionDataTable .customReactTable .tableHead .table-tr .table-th .payStatusSelection .inputSelect .listOfItems>.isFlex span{margin-left:0}.efmTransactionDataTable .customReactTable .tableHead.filters .table-tr .table-th.invoiceDropdownCom.marg-0 input{margin-left:0}.efmTransactionDataTable .customReactTable .tableBody .table-tr .table-td:last-child{text-align:right}.efmTransactionDataTable .customReactTable .tableBody .table-tr .table-td.txnTableAmount .amountCurrency .amountNo{font-family:"Avenir-Black"}.efmTransactionDataTable .isEditOnHover:hover .clearActive.btn-link{display:inline-block}.efmTransactionDataTable .isEditOnHover .efmTxn .efmTxn.name-select.editCategorySelect__value-container{padding:2px 8px}.efmTransactionDataTable .isEditOnHover .tableDataTitle .txnCategoryName{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.efmTransactionDataTable .clearActive.btn-link{margin-left:8px;display:none}.efmTransactionDataTable .payStatusSelection .inputSelect .listOfItems{left:5px;width:97%}.efmTransactionDataTable.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .txnTableRemitterId{width:37%}.efmTransactionDataTable.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .txnTableCheck{width:5%}.efmTransactionDataTable.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .txnTableDate{width:18%}.efmTransactionDataTable.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .txnTableAmount{width:22%}.efmTransactionDataTable.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.txnTableDate{padding-left:10px}.efmTransactionDataTable.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate{padding-left:16px}.efmTransactionDataTable.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.txnTableDate{padding-left:10px}.efmAddSubcategoryPopup .modalBody.efmModalBody{padding-top:5px;overflow:unset}.efmAddSubcategoryPopup .modalBody.efmModalBody .efmAddSubCategory button,.efmAddSubcategoryPopup .modalBody.efmModalBody .efmAddSubCategory button.createBtn{min-width:162px;padding-top:.6rem;padding-bottom:.6rem}.arabicTxtRight .formControl .isInputField{text-align:right}.efmTxn [class^=icon-]{margin-right:5px}.efmTxn.name-select__option{font-size:.75rem}@media screen and (max-width: 1440px){.efmTxn.name-select__option{font-size:.6875rem}}@media screen and (max-width: 1280px){.efmTxn.name-select__option{font-size:.625rem}}@media screen and (max-width: 1025px){.efmTxn.name-select__option{font-size:.5625rem}}.efmTxn.name-select.editCategorySelect__option[class*=css-][class*=-option]{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;padding-left:26px}.efmTxn.editCategorySelect__placeholder{margin-right:10px;margin-left:10px}.efmTxn.editCategorySelect__option--is-disabled{background-color:#bfc7d0}.efmTxn.editCategorySelect__option--is-disabled:hover{background-color:#bfc7d0}.efmTxn.editCategorySelect__group-heading{font-family:"Avenir-Heavy"}[dir=rtl] .efmTxn.editCategorySelect__group-heading{font-family:"Almarai-Bold"}.efmTxn.editCategorySelect__group-heading{font-size:.875rem}@media screen and (max-width: 1440px){.efmTxn.editCategorySelect__group-heading{font-size:.8125rem}}@media screen and (max-width: 1280px){.efmTxn.editCategorySelect__group-heading{font-size:.75rem}}@media screen and (max-width: 1025px){.efmTxn.editCategorySelect__group-heading{font-size:.6875rem}}.efmTxn.editCategorySelect__group-heading{border-top:1px solid rgba(137,148,165,.45);background-color:#384150;padding:14px 10px 14px;margin-bottom:0;line-height:20px;color:#fff;position:relative;display:flex;align-items:center;flex-wrap:nowrap}.efmTxn.editCategorySelect__group-heading::before{content:"";position:absolute;height:.5px;width:90%;background-color:rgba(137,148,165,.45);left:10px;bottom:0}.efmTxn.editCategorySelect__group-heading .groupName{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}.efmTxn.name-select.editCategorySelect__menu .editCategorySelect__group{padding:0}
*{box-sizing:border-box}:focus{outline:0}::selection{background:#b3d4fc;text-shadow:none}::-moz-selection{background:#b3d4fc;text-shadow:none}a:active,a:hover{outline:0}a:focus{outline:thin dotted}abbr,acronym,address,applet,article,aside,audio,b,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}fieldset{border:0;margin:0;padding:0}figure{margin:0}form{margin:0}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#222}html,button,input,select,textarea{color:#222}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;margin-right:.5rem}input[type=search]{-webkit-appearance:textfield;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}@font-face{font-family:"Avenir-Medium";src:url(/aad24bc2f94f453f0ba4.eot);src:url("//assets/fonts/english/eot/AvenirLTStd-Medium.eot?#iefix") format("embedded-opentype"),url(/2350158d209e4f9a6c74.woff) format("woff"),url(/a0fd0552496e39ede08d.ttf) format("truetype"),url(/adcbfbb892596d80fae1.otf) format("opentype")}@font-face{font-family:"Avenir-Roman";src:url(/34a4b058667c8a2ce2c4.eot);src:url(/34a4b058667c8a2ce2c4.eot?#iefix) format("embedded-opentype"),url(/eb5536473906f02aa2d7.woff) format("woff"),url(/7261643f9c05135d3df9.ttf) format("truetype"),url(/0bfb049d9455e81fd1da.otf) format("opentype")}@font-face{font-family:"Avenir-Heavy";src:url(/3194e1733353ff70b5c8.eot);src:url(/3194e1733353ff70b5c8.eot?#iefix) format("embedded-opentype"),url(/4f6811b12969ea1b5064.woff) format("woff"),url(/2110a34d022b6470be84.ttf) format("truetype"),url(/8ab83a21b3d5503ab6f8.otf) format("opentype")}@font-face{font-family:"Avenir-Black";src:url(/2ba303a73e22861099f6.eot);src:url(/2ba303a73e22861099f6.eot?#iefix) format("embedded-opentype"),url(/2b1f1c6b26833a9aafe5.woff) format("woff"),url(/9115ecd103dc9b168e31.ttf) format("truetype"),url(/7ce894e12078ca8c5134.otf) format("opentype")}@font-face{font-family:"Almarai-Bold";src:url(/43e8a8199b40f65d2539.eot);src:url(/43e8a8199b40f65d2539.eot?#iefix) format("embedded-opentype"),url(/27e8fb6b25050640f2cd.woff) format("woff"),url(/353c43cbea9e24d81c03.ttf) format("truetype"),url(/cc76d79aa742bbead43c.otf) format("opentype")}@font-face{font-family:"Almarai-ExtraBold";src:url(/8fd3560ad79fa75453c1.eot);src:url(/8fd3560ad79fa75453c1.eot?#iefix) format("embedded-opentype"),url(/557d163ecab38a4432f0.woff) format("woff"),url(/fd9b394b3a8673e07399.ttf) format("truetype"),url(/371de073d373d7103e93.otf) format("opentype")}@font-face{font-family:"Almarai-Light";src:url(/cefd46568cabdb0b20c4.eot);src:url(/cefd46568cabdb0b20c4.eot?#iefix) format("embedded-opentype"),url(/6bc57020b7381eaa98d4.woff) format("woff"),url(/df41065260668a19cd08.ttf) format("truetype"),url(/c4ac328887ff6a2c94c6.otf) format("opentype")}@font-face{font-family:"Almarai-Regular";src:url(/2feec29db211d8f6e370.eot);src:url(/2feec29db211d8f6e370.eot?#iefix) format("embedded-opentype"),url(/01b616a0318de03b9266.woff) format("woff"),url(/4a38a9e69dc7c363301e.ttf) format("truetype"),url(/9c520755303de18ddf3a.otf) format("opentype")}@font-face{font-family:"anbApercu-Bold";src:url(/e93db8f719e6ba3e8512.eot);src:url(/e93db8f719e6ba3e8512.eot?#iefix) format("embedded-opentype"),url(/409c86600866bb3e2206.woff) format("woff"),url(/acbad957d2983df02a26.ttf) format("truetype"),url(/2b64fae97fb4b91afbe4.otf) format("opentype")}@font-face{font-family:"anbApercu-Light";src:url(/89b845b625b3ad3c99ea.eot);src:url(/89b845b625b3ad3c99ea.eot?#iefix) format("embedded-opentype"),url(/0b5c04607c5e264eff13.woff) format("woff"),url(/1aa793b744b02a41a9a4.ttf) format("truetype"),url(/aadc5f21a5e83b580ee9.otf) format("opentype")}@font-face{font-family:"anbApercu-Regular";src:url(/731853718ebeba5b46ec.eot);src:url(/731853718ebeba5b46ec.eot?#iefix) format("embedded-opentype"),url(/11a21fe08daa8c3e7a6b.woff) format("woff"),url(/b6dbc7b896c7435fd6dc.ttf) format("truetype"),url(/21e9eb5c3c1c3f75e1a6.otf) format("opentype")}html,body{margin:0;padding:0;line-height:1.4}*{direction:ltr}.isFoundationDay{padding-top:1px;padding-bottom:1px}main.isShowLoginBanner{background-size:cover;height:auto;background-attachment:fixed;min-height:100vh}.screenMinHeight{min-height:100vh}main{min-height:82vh}body{font-size:.875rem}@media screen and (max-width: 1440px){body{font-size:.8125rem}}@media screen and (max-width: 1280px){body{font-size:.75rem}}@media screen and (max-width: 1025px){body{font-size:.6875rem}}body{background-color:#fff;color:#000001;font-family:"Avenir-Medium"}[dir=rtl] body{font-family:"Almarai-Regular"}textarea{resize:none}.panel{background-color:#fff;border:1px solid #bfc7d0;padding:30px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.w-100{width:100%}.w-225{width:270px !important}.h-100{height:100%}.h-auto{height:auto !important}.max-300{max-width:300px}.max-250{max-width:250px}.max-150{max-width:150px}.max-100{max-width:100px}.displyInline{display:inline}.displyBlock{display:block}.displayContent{display:contents}.displyInlineBLock{display:inline-block !important}.displayInBlock{display:inline-block}.displayNone{display:none}.displayInFlex{display:inline-flex}.alignSuper{vertical-align:super}.alignSub{position:relative;top:4px}.alignBottom{vertical-align:bottom}.w-50{width:50% !important}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-16{width:16%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40% !important}.w-45{width:45%}.w-47{width:47%}.w-48{width:48%}.w-60{width:60%}.w-64{width:64.094%}.w-70{width:70%}.w-75{width:75%}.w-83{width:83%}.p-0-25{padding:0 25px}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-30{padding:30px}.p-5{padding:2.5rem}.p-8{padding:4rem}.p-1-2{padding:1rem 2rem}.p-2-1{padding:2rem 1rem}.p-0-2{padding:0rem 2rem 2rem 2rem}.p-0-45{padding:0 45px}.p-align{padding:16px 32px 16px 44px}.role-p-align{padding:24px 45px 24px 45px}.pl-1{padding-left:.5rem}.pl-2{padding-left:1rem}.pl-3{padding-left:1.5rem}.pl-4{padding-left:2rem !important}.pl-5{padding-left:2.5rem}.pl-25{padding-left:25px}.pr-1{padding-right:.5rem}.pr-2{padding-right:1rem}.pr-3{padding-right:1.5rem}.pr-4{padding-right:2rem}.pr-5{padding-right:2.5rem}.pr-6{padding-right:4rem}.pr-65{padding-right:6.5rem}.pr-85{padding-right:8.5rem}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-32{padding-top:2rem}.pt-4{padding-top:22px}.pt-5{padding-top:2.5rem}.pl-32{padding-left:2rem}.pl-44{padding-left:44px}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem !important}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.pb-5{padding-bottom:2.5rem}.pb-10{padding-bottom:5rem !important}.p-02{padding:0 2rem}.px-05{padding-left:.5rem;padding-right:.5rem}.px-10{padding-left:10px;padding-right:10px}.px-2{padding-left:1rem;padding-right:1rem}.px-3{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:2rem;padding-right:2rem}.px-5{padding-left:2.5rem;padding-right:2.5rem}.px-25{padding-right:25px;padding-left:25px}.py-10{padding-top:10px;padding-bottom:10px}.py-1{padding-top:.5rem;padding-bottom:.5rem}.py-2{padding-top:1rem;padding-bottom:1rem}.py-3{padding-top:1.5rem;padding-bottom:1.5rem}.py-4{padding-top:2rem;padding-bottom:2rem}.py-5{padding-top:2.5rem;padding-bottom:2.5rem}.p-0{padding:0 !important}.pl-0{padding-left:0}.pr-0{padding-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pb-2r{padding-bottom:2rem !important}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.m-04{margin:0 2rem}.m-5{margin:2.5rem}.ml-1{margin-left:.5rem}.ml-2{margin-left:1rem}.ml--0{margin-left:0px !important}.ml-3{margin-left:1.5rem}.ml-4{margin-left:2rem}.ml-5{margin-left:2.5rem}.ml-7{margin-left:4rem}.ml-14{margin-left:.875rem}.ml-45{margin-left:4.5rem}.ml-9{margin-left:9.4rem}.ml--1{margin-left:-1rem}.mr--1{margin-right:-1rem}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mr-4{margin-right:2rem}.mr-5{margin-right:2.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem !important}.mt-5{margin-top:2.5rem}.mt-8{margin-top:8rem}.mt--15{margin-top:-1.5rem}.mt--1{margin-top:-1rem}.mt--3{margin-top:-3rem}.mt--10{margin-top:10rem}.mt--5{margin-top:5px}.mt-10{margin-top:10px}.mb-1{margin-bottom:.5rem !important}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb--3{margin-bottom:-1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:2.5rem}.noteMarginAdmin{margin:20px 0}.notePaddingAdmin{padding:20px 0}.px-1{margin-left:.5rem;margin-right:.5rem}.mx-2{margin-left:1rem;margin-right:1rem}.mx-3{margin-left:1.5rem;margin-right:1.5rem}.mx-4{margin-left:2rem;margin-right:2rem}.mx-5{margin-left:2.5rem;margin-right:2.5rem}.my-1{margin-top:.5rem;margin-bottom:.5rem}.my-2{margin-top:1rem;margin-bottom:1rem}.my-3{margin-top:1.5rem;margin-bottom:1.5rem}.my-4{margin-top:2rem;margin-bottom:2rem}.my-5{margin-top:2.5rem;margin-bottom:2.5rem}.m-0{margin:0 !important}.ml-0{margin-left:0 !important}.m-auto{margin:auto}.m-0-auto{margin:0 auto}.mr-0{margin-right:0}.fs-14,h3.fs-14{font-size:.875rem}@media screen and (max-width: 1440px){.fs-14,h3.fs-14{font-size:.8125rem}}@media screen and (max-width: 1280px){.fs-14,h3.fs-14{font-size:.75rem}}@media screen and (max-width: 1025px){.fs-14,h3.fs-14{font-size:.6875rem}}.fs-18{font-size:1.125rem}@media screen and (max-width: 1440px){.fs-18{font-size:1.0625rem}}@media screen and (max-width: 1280px){.fs-18{font-size:1rem}}@media screen and (max-width: 1025px){.fs-18{font-size:.9375rem}}.fs-20{font-size:1.25rem}@media screen and (max-width: 1440px){.fs-20{font-size:1.1875rem}}@media screen and (max-width: 1280px){.fs-20{font-size:1.125rem}}@media screen and (max-width: 1025px){.fs-20{font-size:1.0625rem}}.fs-24{font-size:1.5rem}@media screen and (max-width: 1440px){.fs-24{font-size:1.4375rem}}@media screen and (max-width: 1280px){.fs-24{font-size:1.375rem}}@media screen and (max-width: 1025px){.fs-24{font-size:1.3125rem}}.fs-42{font-size:2.625rem}@media screen and (max-width: 1440px){.fs-42{font-size:2.5625rem}}@media screen and (max-width: 1280px){.fs-42{font-size:2.5rem}}@media screen and (max-width: 1025px){.fs-42{font-size:2.4375rem}}.fs-80{font-size:5rem}@media screen and (max-width: 1440px){.fs-80{font-size:4.9375rem}}@media screen and (max-width: 1280px){.fs-80{font-size:4.875rem}}@media screen and (max-width: 1025px){.fs-80{font-size:4.8125rem}}.w-96{width:96%}.mt-0{margin-top:0 !important}.mb-0{margin-bottom:0 !important}.mb-10{margin-bottom:10px}.mb--10{margin-bottom:-10px}.textCapital{text-transform:capitalize}.textLowerCase{text-transform:lowercase}.fs-25{font-size:1.5625rem}@media screen and (max-width: 1440px){.fs-25{font-size:1.5rem}}@media screen and (max-width: 1280px){.fs-25{font-size:1.4375rem}}@media screen and (max-width: 1025px){.fs-25{font-size:1.375rem}}.ln-ht-initial{line-height:initial}.ln-ht{line-height:22px}.ln-ht-15{line-height:1.5}.ln-ht-normal{line-height:normal}.font-Medium{font-family:"Avenir-Medium"}[dir=rtl] .font-Medium{font-family:"Almarai-Regular"}label.font-Medium{font-family:"Avenir-Medium"}[dir=rtl] label.font-Medium{font-family:"Almarai-Regular"}.font-Heavy{font-family:"Avenir-Heavy"}[dir=rtl] .font-Heavy{font-family:"Almarai-Bold"}.font-Roman{font-family:"Avenir-Roman"}[dir=rtl] .font-Roman{font-family:"Almarai-Light"}.font-Black{font-family:"Avenir-Black"}[dir=rtl] .font-Black{font-family:"Almarai-ExtraBold"}.tp-56{top:55px}a:focus{outline:none}.tx-amount .credit{color:#62bd69}h1.mainTitle{font-family:"Avenir-Heavy"}[dir=rtl] h1.mainTitle{font-family:"Almarai-Bold"}h1.mainTitle{font-size:2rem}@media screen and (max-width: 1440px){h1.mainTitle{font-size:1.9375rem}}@media screen and (max-width: 1280px){h1.mainTitle{font-size:1.875rem}}@media screen and (max-width: 1025px){h1.mainTitle{font-size:1.8125rem}}h1.mainTitle>span{font-family:"Avenir-Roman"}[dir=rtl] h1.mainTitle>span{font-family:"Almarai-Light"}h1.mainTitle>span{font-size:1rem}@media screen and (max-width: 1440px){h1.mainTitle>span{font-size:.9375rem}}@media screen and (max-width: 1280px){h1.mainTitle>span{font-size:.875rem}}@media screen and (max-width: 1025px){h1.mainTitle>span{font-size:.8125rem}}h1.mainTitle>span{display:block;padding-top:1.3rem;color:#8994a5;text-transform:none}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex [class^=col]{position:relative;width:100%;min-height:1px}.flex .col4{flex:0 0 33.333333%;max-width:33.333333%}.flex .col6{flex:0 0 50%;max-width:50%}.flexSb{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.flexew{flex-grow:1;flex-basis:0}.errorLabel{color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.errorLabel{font-size:.8125rem}}@media screen and (max-width: 1280px){.errorLabel{font-size:.75rem}}@media screen and (max-width: 1025px){.errorLabel{font-size:.6875rem}}.errorLabel{line-height:1.5;padding-top:5px}.inputSelect{position:relative}.inputSelect .selectedItem{display:flex;position:relative;padding:10px;min-height:36px;border:1px solid #dbe1e9;border-radius:4px;cursor:pointer;transition:.5s}.inputSelect .selectedItem span{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .inputSelect .selectedItem span{font-family:"Almarai-Light"}.inputSelect .selectedItem .icon{position:absolute;top:9px;right:0;padding:2px 8px;color:#8994a5;background:#fff}.inputSelect .selectedItem:hover,.inputSelect .selectedItem:focus-within{border:1px solid #5090f8 !important}.inputSelect .selectedItem .show-all:empty~.isDropdownPlaceholder{display:inline-block}.inputSelect .selectedItem .show-all~.isDropdownPlaceholder{display:none}.inputSelect .listOfItems{display:none;position:absolute;width:100%;max-height:300px;padding:10px 7px;border-radius:6px;box-shadow:0px 2px 7px #dbe1e9;background:#fff;overflow:auto;z-index:10}.inputSelect .listOfItems>.isFlex{display:flex;align-items:center;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid #dbe1e9;color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .inputSelect .listOfItems>.isFlex{font-family:"Almarai-Light"}.inputSelect .listOfItems>.isFlex span{margin-left:6px;max-width:100px;cursor:pointer}.inputSelect .listOfItems>.isFlex:last-child{border:0;padding:0;margin:0}.selectOptionFont [class*=css-][class*=-control]>[class*=css-] [class*=css-][class*=-placeholder]{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .selectOptionFont [class*=css-][class*=-control]>[class*=css-] [class*=css-][class*=-placeholder]{font-family:"Almarai-Light"}.selectOptionFont [class*=css-][class*=-control] .name-select__value-container{padding:2px 8px}.selectOptionFont [class*=css-][class*=-control].name-select__control--menu-is-open,.selectOptionFont [class*=css-][class*=-control].name-select__control--is-focused{z-index:11}.selectOptionFont [class*=css-][class*=-indicatorSeparator]{background:none}.inputFieldHover:hover,.inputFieldHover:focus-within{border:1px solid #5090f8 !important;transition:.5s}.digitalOnboarding .formControl{position:relative}.digitalOnboarding .formControl label[for]{position:absolute;top:11px;left:14px;padding:0 4px;background-color:#fff;color:#8994a5;cursor:text;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;font-size:1rem}@media screen and (max-width: 1440px){.digitalOnboarding .formControl label[for]{font-size:.9375rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl label[for]{font-size:.875rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl label[for]{font-size:.8125rem}}.digitalOnboarding .formControl label[for]{font-family:"Avenir-Roman"}[dir=rtl] .digitalOnboarding .formControl label[for]{font-family:"Almarai-Light"}.digitalOnboarding .formControl .inputFieldHover{font-size:1rem}@media screen and (max-width: 1440px){.digitalOnboarding .formControl .inputFieldHover{font-size:.9375rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl .inputFieldHover{font-size:.875rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl .inputFieldHover{font-size:.8125rem}}.digitalOnboarding .formControl .inputFieldHover{color:#384150;box-shadow:none}.digitalOnboarding .formControl .inputFieldHover:focus,.digitalOnboarding .formControl .inputFieldHover:focus-within{font-size:1rem}@media screen and (max-width: 1440px){.digitalOnboarding .formControl .inputFieldHover:focus,.digitalOnboarding .formControl .inputFieldHover:focus-within{font-size:.9375rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl .inputFieldHover:focus,.digitalOnboarding .formControl .inputFieldHover:focus-within{font-size:.875rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl .inputFieldHover:focus,.digitalOnboarding .formControl .inputFieldHover:focus-within{font-size:.8125rem}}.digitalOnboarding .formControl .inputFieldHover:focus,.digitalOnboarding .formControl .inputFieldHover:focus-within{color:#384150}.digitalOnboarding .formControl .inputFieldHover:focus~label[for],.digitalOnboarding .formControl .inputFieldHover:focus-within~label[for],.digitalOnboarding .formControl .inputFieldHover:-webkit-autofill~label[for],.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{top:-0.45rem;left:.6rem;background-color:#fff;color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.digitalOnboarding .formControl .inputFieldHover:focus~label[for],.digitalOnboarding .formControl .inputFieldHover:focus-within~label[for],.digitalOnboarding .formControl .inputFieldHover:-webkit-autofill~label[for],.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl .inputFieldHover:focus~label[for],.digitalOnboarding .formControl .inputFieldHover:focus-within~label[for],.digitalOnboarding .formControl .inputFieldHover:-webkit-autofill~label[for],.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl .inputFieldHover:focus~label[for],.digitalOnboarding .formControl .inputFieldHover:focus-within~label[for],.digitalOnboarding .formControl .inputFieldHover:-webkit-autofill~label[for],.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-size:.5625rem}}.digitalOnboarding .formControl .inputFieldHover:focus~label[for],.digitalOnboarding .formControl .inputFieldHover:focus-within~label[for],.digitalOnboarding .formControl .inputFieldHover:-webkit-autofill~label[for],.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-family:"Avenir-Medium"}[dir=rtl] .digitalOnboarding .formControl .inputFieldHover:focus~label[for],[dir=rtl] .digitalOnboarding .formControl .inputFieldHover:focus-within~label[for],[dir=rtl] .digitalOnboarding .formControl .inputFieldHover:-webkit-autofill~label[for],[dir=rtl] .digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-family:"Almarai-Regular"}.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus){color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus){font-size:.9375rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus){font-size:.875rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus){font-size:.8125rem}}.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus){font-family:"Avenir-Roman"}[dir=rtl] .digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown):not(:focus){font-family:"Almarai-Light"}.digitalOnboarding .formControl .selectOptionFont [class*=css-][class*=-control]{min-height:47px}.digitalOnboarding .formControl.isSelectCountryCode .countryCode{position:absolute;top:13px;left:14px;color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.digitalOnboarding .formControl.isSelectCountryCode .countryCode{font-size:.9375rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl.isSelectCountryCode .countryCode{font-size:.875rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl.isSelectCountryCode .countryCode{font-size:.8125rem}}.digitalOnboarding .formControl.isSelectCountryCode .countryCode{font-family:"Avenir-Roman"}[dir=rtl] .digitalOnboarding .formControl.isSelectCountryCode .countryCode{font-family:"Almarai-Light"}.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover{padding-left:60px}.digitalOnboarding .formControl.isSelectCountryCode label[for],.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{top:-0.45rem;left:.6rem;background-color:#fff;color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.digitalOnboarding .formControl.isSelectCountryCode label[for],.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl.isSelectCountryCode label[for],.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl.isSelectCountryCode label[for],.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-size:.5625rem}}.digitalOnboarding .formControl.isSelectCountryCode label[for],.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-family:"Avenir-Medium"}[dir=rtl] .digitalOnboarding .formControl.isSelectCountryCode label[for],[dir=rtl] .digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-family:"Almarai-Regular"}.digitalOnboarding .formControl.isSelectLabel label[for]{top:-8px;z-index:1;background-color:#fff;font-size:.75rem}@media screen and (max-width: 1440px){.digitalOnboarding .formControl.isSelectLabel label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl.isSelectLabel label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl.isSelectLabel label[for]{font-size:.5625rem}}.digitalOnboarding input:-webkit-autofill,.digitalOnboarding input:-webkit-autofill:hover,.digitalOnboarding input:-webkit-autofill:focus,.digitalOnboarding input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset !important}.formControl.isAmountCurrencyInput .isAmountCurInput{position:relative}.formControl.isAmountCurrencyInput .isAmountCurInput label[for]{top:14px;background-color:#fff}.formControl.isAmountCurrencyInput .isAmountCurInput .inputFieldHover:focus~label[for],.formControl.isAmountCurrencyInput .isAmountCurInput .inputFieldHover:focus-within~label[for],.formControl.isAmountCurrencyInput .isAmountCurInput .inputFieldHover:-webkit-autofill~label[for],.formControl.isAmountCurrencyInput .isAmountCurInput .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{top:-0.3rem;background-color:#fff}.formControl.isPhoneSelect{margin-top:22px}.formControl.isPhoneSelect .isPhoneSelectDropDown{position:absolute}.formControl.isPhoneSelect .isPhoneSelectDropDown .selectOptionFont{position:absolute;top:6px;left:6px;width:120px;z-index:2}.formControl.isPhoneSelect .isPhoneSelectDropDown .selectOptionFont [class*=css-][class*=-control]{border:none;min-height:0}.formControl.isPhoneSelect .isPhoneSelectDropDown .selectOptionFont [class*=css-][class*=-control]>[class*=css-]{padding:0;height:38px}.formControl.isPhoneSelect .isPhoneSelectDropDown .selectOptionFont [class*=css-][class*=-control]>[class*=css-] [class*=css-][class*=-Input]{margin:0;padding:0}.formControl.isPhoneSelect .isPhoneInput input{padding-left:135px;min-height:47.2px}.formControl.isPhoneSelect label[for]{background-color:#fff}.isDatePickerLabel label[for]{top:14px;background-color:#fff}.isDatePickerLabel .react-datepicker__tab-loop~label[for]{top:-5px;background-color:#fff;font-size:.75rem}@media screen and (max-width: 1440px){.isDatePickerLabel .react-datepicker__tab-loop~label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.isDatePickerLabel .react-datepicker__tab-loop~label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.isDatePickerLabel .react-datepicker__tab-loop~label[for]{font-size:.5625rem}}.isDatePickerLabel .react-datepicker__tab-loop~label[for]{font-family:"Avenir-Roman"}[dir=rtl] .isDatePickerLabel .react-datepicker__tab-loop~label[for]{font-family:"Almarai-Light"}.isDatePickerLabel .react-datepicker__tab-loop~label[for] .optionalLabel{background-color:#fff;font-size:.75rem}@media screen and (max-width: 1440px){.isDatePickerLabel .react-datepicker__tab-loop~label[for] .optionalLabel{font-size:.6875rem}}@media screen and (max-width: 1280px){.isDatePickerLabel .react-datepicker__tab-loop~label[for] .optionalLabel{font-size:.625rem}}@media screen and (max-width: 1025px){.isDatePickerLabel .react-datepicker__tab-loop~label[for] .optionalLabel{font-size:.5625rem}}.isDatePickerLabel .react-datepicker__tab-loop~label[for] .optionalLabel{font-family:"Avenir-Roman"}[dir=rtl] .isDatePickerLabel .react-datepicker__tab-loop~label[for] .optionalLabel{font-family:"Almarai-Light"}.isDatePickerLabel.toggleLabel label[for],.isDatePickerLabel.toggleLabel .optionalLabel{top:-5px;background-color:#fff;font-size:.75rem}@media screen and (max-width: 1440px){.isDatePickerLabel.toggleLabel label[for],.isDatePickerLabel.toggleLabel .optionalLabel{font-size:.6875rem}}@media screen and (max-width: 1280px){.isDatePickerLabel.toggleLabel label[for],.isDatePickerLabel.toggleLabel .optionalLabel{font-size:.625rem}}@media screen and (max-width: 1025px){.isDatePickerLabel.toggleLabel label[for],.isDatePickerLabel.toggleLabel .optionalLabel{font-size:.5625rem}}.isDatePickerLabel.toggleLabel label[for],.isDatePickerLabel.toggleLabel .optionalLabel{font-family:"Avenir-Roman"}[dir=rtl] .isDatePickerLabel.toggleLabel label[for],[dir=rtl] .isDatePickerLabel.toggleLabel .optionalLabel{font-family:"Almarai-Light"}.formControl.isSelectCountryCode .countryCode{position:absolute;top:13px;left:14px;color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.formControl.isSelectCountryCode .countryCode{font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl.isSelectCountryCode .countryCode{font-size:.875rem}}@media screen and (max-width: 1025px){.formControl.isSelectCountryCode .countryCode{font-size:.8125rem}}.formControl.isSelectCountryCode .countryCode{font-family:"Avenir-Roman"}[dir=rtl] .formControl.isSelectCountryCode .countryCode{font-family:"Almarai-Light"}.formControl.isSelectCountryCode .inputFieldHover{padding-left:60px}.formControl.isSelectCountryCode label[for]{top:-0.45rem;left:.6rem;background-color:#fff;font-size:.75rem}@media screen and (max-width: 1440px){.formControl.isSelectCountryCode label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectCountryCode label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectCountryCode label[for]{font-size:.5625rem}}.formControl.isSelectCountryCode label[for]{font-family:"Avenir-Medium"}[dir=rtl] .formControl.isSelectCountryCode label[for]{font-family:"Almarai-Regular"}.formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{top:-0.45rem;left:.6rem;background-color:#fff;color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-size:.5625rem}}.formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-family:"Avenir-Medium"}[dir=rtl] .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for]{font-family:"Almarai-Regular"}.formControl.isSelectLabel label[for]{top:-8px;background-color:#fff;font-size:.75rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel label[for]{font-size:.5625rem}}.formControl.isSelectLabel .toggleLabel{transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in}.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]:empty~.name-select__control .name-select__value-container[class*=css-]{position:relative}.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]:empty~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{position:static;color:#8994a5;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;font-size:1rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]:empty~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]:empty~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-size:.875rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]:empty~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-size:.8125rem}}.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]:empty~.name-select__control .name-select__indicators{padding:inherit}.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-]{position:static}.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{position:absolute;top:-5px;padding:0 4px;background-color:#fff;color:#8994a5;margin:0;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;font-size:.75rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-size:.5625rem}}.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-family:"Avenir-Roman"}[dir=rtl] .formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-family:"Almarai-Light"}.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__indicators{padding:inherit}.formControl.isSelectLabel .selectOptionFont span[id*=react-select-][id*=-live-region]{display:none}.formControl.isSelectLabel .selectOptionFont .name-select__menu>[class*=css-]{padding:0 !important}.formControl.isSelectLabel .selectOptionFont [class*=css-][class*=-menu]>[class*=css-]{padding:0 8px}.formControl.isSelectLabel .selectOptionFont.toggleLabel span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-]{position:static}.formControl.isSelectLabel .selectOptionFont.toggleLabel span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{position:absolute;top:-5px;padding:0 4px;background-color:#fff;color:#8994a5;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;font-size:.75rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel .selectOptionFont.toggleLabel span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .selectOptionFont.toggleLabel span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .selectOptionFont.toggleLabel span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-size:.5625rem}}.formControl.isSelectLabel .selectOptionFont.toggleLabel span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-family:"Avenir-Roman"}[dir=rtl] .formControl.isSelectLabel .selectOptionFont.toggleLabel span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__value-container[class*=css-] [class*=css-][class*=-placeholder]{font-family:"Almarai-Light"}.formControl.isSelectLabel .selectOptionFont.toggleLabel span[id*=react-select-][id*=-region]~span[class*=css-]~.name-select__control .name-select__indicators{padding:inherit}.formControl.isSelectLabel .inputSelect.toggleLabel{position:static}.formControl.isSelectLabel .inputSelect.toggleLabel .isDropdownPlaceholder{position:absolute;top:-5px;width:auto;padding:0 4px;background-color:#fff;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;font-size:.75rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel .inputSelect.toggleLabel .isDropdownPlaceholder{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .inputSelect.toggleLabel .isDropdownPlaceholder{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .inputSelect.toggleLabel .isDropdownPlaceholder{font-size:.5625rem}}.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownTxtLoaded~.isDropdownPlaceholder{position:absolute;top:-5px;padding:0 4px;background-color:#fff;font-size:.75rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownTxtLoaded~.isDropdownPlaceholder{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownTxtLoaded~.isDropdownPlaceholder{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownTxtLoaded~.isDropdownPlaceholder{font-size:.5625rem}}.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownPlaceholder{transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in}.formControl.isSelectLabel .inputSelect .selectedItem .show-all:empty~.isDropdownPlaceholder{display:inline-block;position:static;color:#8994a5;font-size:1rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel .inputSelect .selectedItem .show-all:empty~.isDropdownPlaceholder{font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .inputSelect .selectedItem .show-all:empty~.isDropdownPlaceholder{font-size:.875rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .inputSelect .selectedItem .show-all:empty~.isDropdownPlaceholder{font-size:.8125rem}}.formControl.isSelectLabel .inputSelect .selectedItem .show-all:empty~.isDropdownPlaceholder{font-family:"Avenir-Roman"}[dir=rtl] .formControl.isSelectLabel .inputSelect .selectedItem .show-all:empty~.isDropdownPlaceholder{font-family:"Almarai-Light"}.formControl.isSelectLabel .inputSelect .selectedItem .show-all:empty~.isDropdownPlaceholder{transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in}.formControl.isSelectLabel .inputSelect .selectedItem .show-all~.isDropdownPlaceholder{display:inline-block;position:absolute;top:-5px;padding:0 4px;background-color:#fff;color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel .inputSelect .selectedItem .show-all~.isDropdownPlaceholder{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .inputSelect .selectedItem .show-all~.isDropdownPlaceholder{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .inputSelect .selectedItem .show-all~.isDropdownPlaceholder{font-size:.5625rem}}.formControl.isSelectLabel .inputSelect .selectedItem .show-all~.isDropdownPlaceholder{font-family:"Avenir-Roman"}[dir=rtl] .formControl.isSelectLabel .inputSelect .selectedItem .show-all~.isDropdownPlaceholder{font-family:"Almarai-Light"}.formControl.isSelectLabel .inputSelect .selectedItem .show-all~.isDropdownPlaceholder{transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in}.formControl{position:relative;margin-bottom:1rem}.formControl>label{display:block;color:#384150;line-height:1.5;padding-top:0;padding-bottom:.4rem}.formControl>.formField{width:100%;color:#384150;border:1px solid #dbe1e9;padding:.813rem;border-radius:.25rem;min-height:2.5rem;font-family:"Avenir-Roman"}.formControl>.formField:focus{border-color:rgba(219,225,233,.7)}.formControl .errorMessage{padding-top:5px;color:#eb3223;font-size:.75rem}@media screen and (max-width: 1440px){.formControl .errorMessage{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl .errorMessage{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl .errorMessage{font-size:.5625rem}}.formControl .errorMessage{line-height:1.5}.formControl input[disabled]{background:#f3f5fd;color:#000001}.formControl input[disabled]:hover,.formControl input[disabled]:focus-within{border:1px solid #dbe1e9 !important}.formControl label[for]{position:absolute;top:11px;left:10px;padding:0 4px;cursor:text;color:#8994a5;background-color:rgba(0,0,0,0);transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;font-size:1rem}@media screen and (max-width: 1440px){.formControl label[for]{font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl label[for]{font-size:.875rem}}@media screen and (max-width: 1025px){.formControl label[for]{font-size:.8125rem}}.formControl label[for]{font-family:"Avenir-Roman"}[dir=rtl] .formControl label[for]{font-family:"Almarai-Light"}.formControl .inputFieldHover,.formControl .inputFieldHover:focus,.formControl .inputFieldHover:focus-within,.formControl textarea,.formControl textarea:focus,.formControl textarea:focus-within{font-size:1rem}@media screen and (max-width: 1440px){.formControl .inputFieldHover,.formControl .inputFieldHover:focus,.formControl .inputFieldHover:focus-within,.formControl textarea,.formControl textarea:focus,.formControl textarea:focus-within{font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl .inputFieldHover,.formControl .inputFieldHover:focus,.formControl .inputFieldHover:focus-within,.formControl textarea,.formControl textarea:focus,.formControl textarea:focus-within{font-size:.875rem}}@media screen and (max-width: 1025px){.formControl .inputFieldHover,.formControl .inputFieldHover:focus,.formControl .inputFieldHover:focus-within,.formControl textarea,.formControl textarea:focus,.formControl textarea:focus-within{font-size:.8125rem}}.formControl .inputFieldHover,.formControl .inputFieldHover:focus,.formControl .inputFieldHover:focus-within,.formControl textarea,.formControl textarea:focus,.formControl textarea:focus-within{box-shadow:none;padding:.813rem;cursor:text}.formControl .inputFieldHover:focus~label[for],.formControl .inputFieldHover:focus-within~label[for],.formControl .inputFieldHover:-webkit-autofill~label[for],.formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for],.formControl textarea:focus~label[for],.formControl textarea:focus-within~label[for],.formControl textarea:-webkit-autofill~label[for],.formControl textarea:not(:placeholder-shown):not(:focus)~label[for]{top:-0.45rem;left:.6rem;background-color:#fff;color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.formControl .inputFieldHover:focus~label[for],.formControl .inputFieldHover:focus-within~label[for],.formControl .inputFieldHover:-webkit-autofill~label[for],.formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for],.formControl textarea:focus~label[for],.formControl textarea:focus-within~label[for],.formControl textarea:-webkit-autofill~label[for],.formControl textarea:not(:placeholder-shown):not(:focus)~label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl .inputFieldHover:focus~label[for],.formControl .inputFieldHover:focus-within~label[for],.formControl .inputFieldHover:-webkit-autofill~label[for],.formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for],.formControl textarea:focus~label[for],.formControl textarea:focus-within~label[for],.formControl textarea:-webkit-autofill~label[for],.formControl textarea:not(:placeholder-shown):not(:focus)~label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl .inputFieldHover:focus~label[for],.formControl .inputFieldHover:focus-within~label[for],.formControl .inputFieldHover:-webkit-autofill~label[for],.formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for],.formControl textarea:focus~label[for],.formControl textarea:focus-within~label[for],.formControl textarea:-webkit-autofill~label[for],.formControl textarea:not(:placeholder-shown):not(:focus)~label[for]{font-size:.5625rem}}.formControl .inputFieldHover:focus~label[for],.formControl .inputFieldHover:focus-within~label[for],.formControl .inputFieldHover:-webkit-autofill~label[for],.formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for],.formControl textarea:focus~label[for],.formControl textarea:focus-within~label[for],.formControl textarea:-webkit-autofill~label[for],.formControl textarea:not(:placeholder-shown):not(:focus)~label[for]{font-family:"Avenir-Roman"}[dir=rtl] .formControl .inputFieldHover:focus~label[for],[dir=rtl] .formControl .inputFieldHover:focus-within~label[for],[dir=rtl] .formControl .inputFieldHover:-webkit-autofill~label[for],[dir=rtl] .formControl .inputFieldHover:not(:placeholder-shown):not(:focus)~label[for],[dir=rtl] .formControl textarea:focus~label[for],[dir=rtl] .formControl textarea:focus-within~label[for],[dir=rtl] .formControl textarea:-webkit-autofill~label[for],[dir=rtl] .formControl textarea:not(:placeholder-shown):not(:focus)~label[for]{font-family:"Almarai-Light"}.formControl .inputFieldHover:not(:placeholder-shown):not(:focus),.formControl textarea:not(:placeholder-shown):not(:focus){color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.formControl .inputFieldHover:not(:placeholder-shown):not(:focus),.formControl textarea:not(:placeholder-shown):not(:focus){font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl .inputFieldHover:not(:placeholder-shown):not(:focus),.formControl textarea:not(:placeholder-shown):not(:focus){font-size:.875rem}}@media screen and (max-width: 1025px){.formControl .inputFieldHover:not(:placeholder-shown):not(:focus),.formControl textarea:not(:placeholder-shown):not(:focus){font-size:.8125rem}}.formControl .inputFieldHover:not(:placeholder-shown):not(:focus),.formControl textarea:not(:placeholder-shown):not(:focus){font-family:"Avenir-Roman"}[dir=rtl] .formControl .inputFieldHover:not(:placeholder-shown):not(:focus),[dir=rtl] .formControl textarea:not(:placeholder-shown):not(:focus){font-family:"Almarai-Light"}.formControl .inputFieldHover,.formControl textarea{font-size:1rem}@media screen and (max-width: 1440px){.formControl .inputFieldHover,.formControl textarea{font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl .inputFieldHover,.formControl textarea{font-size:.875rem}}@media screen and (max-width: 1025px){.formControl .inputFieldHover,.formControl textarea{font-size:.8125rem}}.formControl .selectOptionFont [class*=css-][class*=-control]{min-height:47px}.formControl .inputSelect .selectedItem{min-height:47.2px;align-items:center}.formControl .inputSelect .selectedItem .icon.icon-down-arrow{top:14px}.inpGroup{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.inpGroup>.inpGroupPrepend{position:relative;margin-right:-0.25rem;padding:.8rem 0 0 .8rem;background-color:#fff;border:1px solid #dbe1e9;border-right:0;border-radius:4px 0 0 4px;color:#8994a5;z-index:1}.inpGroup>.inpBlock{position:relative;flex:1 1 auto;width:1%}.inpGroup>.inpBlock .formField{width:100%;padding:.7rem;padding-right:2rem;border-right:none;border-bottom-right-radius:0;border-top-right-radius:0;border:1px solid #dbe1e9;padding:.813rem;border-radius:.25rem;min-height:2.5rem;font-family:"Avenir-Roman"}.inpGroup>.inpBlock .clearBtn{position:absolute;top:.7rem;right:.7rem;color:#eb3223;font-size:1.125rem}@media screen and (max-width: 1440px){.inpGroup>.inpBlock .clearBtn{font-size:1.0625rem}}@media screen and (max-width: 1280px){.inpGroup>.inpBlock .clearBtn{font-size:1rem}}@media screen and (max-width: 1025px){.inpGroup>.inpBlock .clearBtn{font-size:.9375rem}}.inpGroup .inpGroupAppend{display:flex;margin-left:-0.25rem;z-index:1}.inpGroup .inpGroupAppend .btn{border-top-left-radius:0;border-bottom-left-radius:0;line-height:1.3;font-family:"Avenir-Heavy"}[dir=rtl] .inpGroup .inpGroupAppend .btn{font-family:"Almarai-Bold"}.inpGroup .inpGroupAppend .btn{padding:.5rem 2rem;font-size:1.125rem;display:inline-block;border-radius:.25rem;background-color:#eb8b2d;color:#f8fcfd;line-height:1.5;border:0;transition:.5s all ease}.inpGroup .inpGroupAppend .btn:hover{background-color:rgba(235,139,45,.8)}.primaryButtonStyles{background-color:#eb8b2d;color:#fff;font-size:1rem}@media screen and (max-width: 1440px){.primaryButtonStyles{font-size:.9375rem}}@media screen and (max-width: 1280px){.primaryButtonStyles{font-size:.875rem}}@media screen and (max-width: 1025px){.primaryButtonStyles{font-size:.8125rem}}.primaryButtonStyles:hover{opacity:.8}.secondaryButtonStyles{background-color:#fff;color:#5090f8;border:1px solid #5090f8;font-size:1rem}@media screen and (max-width: 1440px){.secondaryButtonStyles{font-size:.9375rem}}@media screen and (max-width: 1280px){.secondaryButtonStyles{font-size:.875rem}}@media screen and (max-width: 1025px){.secondaryButtonStyles{font-size:.8125rem}}.secondaryButtonStyles:hover{background-color:#5090f8;color:#fff;border:1px solid #5090f8}.SearchButtonStyles{background-color:#eb8b2d;color:#fff;font-family:"Avenir-Heavy"}[dir=rtl] .SearchButtonStyles{font-family:"Almarai-Bold"}.SearchButtonStyles{font-size:1rem}@media screen and (max-width: 1440px){.SearchButtonStyles{font-size:.9375rem}}@media screen and (max-width: 1280px){.SearchButtonStyles{font-size:.875rem}}@media screen and (max-width: 1025px){.SearchButtonStyles{font-size:.8125rem}}.StyledlabelStyles{color:#384150;font-family:"Avenir-Heavy"}[dir=rtl] .StyledlabelStyles{font-family:"Almarai-Bold"}.StyledlabelStyles{font-size:.875rem}@media screen and (max-width: 1440px){.StyledlabelStyles{font-size:.8125rem}}@media screen and (max-width: 1280px){.StyledlabelStyles{font-size:.75rem}}@media screen and (max-width: 1025px){.StyledlabelStyles{font-size:.6875rem}}.ApprovalButtonStyles{background-color:#62bd69;color:#fff;font-family:"Avenir-Heavy"}[dir=rtl] .ApprovalButtonStyles{font-family:"Almarai-Bold"}.ApprovalButtonStyles{font-size:.875rem}@media screen and (max-width: 1440px){.ApprovalButtonStyles{font-size:.8125rem}}@media screen and (max-width: 1280px){.ApprovalButtonStyles{font-size:.75rem}}@media screen and (max-width: 1025px){.ApprovalButtonStyles{font-size:.6875rem}}.RejectButtonStyles{background-color:#eb3223;color:#fff;font-family:"Avenir-Heavy"}[dir=rtl] .RejectButtonStyles{font-family:"Almarai-Bold"}.RejectButtonStyles{font-size:.875rem}@media screen and (max-width: 1440px){.RejectButtonStyles{font-size:.8125rem}}@media screen and (max-width: 1280px){.RejectButtonStyles{font-size:.75rem}}@media screen and (max-width: 1025px){.RejectButtonStyles{font-size:.6875rem}}.InfoButtonStyles{background-color:#5090f8;color:#fff;font-family:"Avenir-Heavy"}[dir=rtl] .InfoButtonStyles{font-family:"Almarai-Bold"}.InfoButtonStyles{font-size:.875rem}@media screen and (max-width: 1440px){.InfoButtonStyles{font-size:.8125rem}}@media screen and (max-width: 1280px){.InfoButtonStyles{font-size:.75rem}}@media screen and (max-width: 1025px){.InfoButtonStyles{font-size:.6875rem}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset !important}.checkBox{position:relative;display:inline-block;padding:.3rem .5rem .3rem 2rem;margin-bottom:.5rem;color:#8994a5}.checkBox .checkText,.checkBox .checkTXtBlue{position:absolute;top:0;left:0;height:1.5rem;width:1.5rem;border:1px solid #dbe1e9;border-radius:.25rem;background-color:#fff;cursor:pointer}.checkBox .checkText::after,.checkBox .checkTXtBlue::after{content:"";position:absolute;left:.5rem;right:.5rem;width:0;height:0;opacity:1;border:solid #2a345e;border-width:0 .2rem .2rem 0;border-radius:.25rem;background-color:rgba(0,0,0,0);-webkit-transform:rotate(0deg) scale(0);-ms-transform:rotate(0deg) scale(0);transform:rotate(0deg) scale(0)}.checkBox input{position:absolute;opacity:0;cursor:pointer}.checkBox input:checked~.checkText{opacity:1;-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}.checkBox input:checked~.checkText::after{left:.45rem;top:.1rem;width:.4rem;height:.7rem;opacity:1;border-radius:0;border:solid #62bd69;border-width:0 .1rem .1rem 0;background-color:rgba(0,0,0,0);-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}.checkBox input:checked~.checkTXtBlue{opacity:1;-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}.checkBox input:checked~.checkTXtBlue::after{left:.45rem;top:.1rem;width:.4rem;height:.7rem;opacity:1;border-radius:0;border:solid #5090f8;border-width:0 .1rem .1rem 0;background-color:rgba(0,0,0,0);-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}.checkBoxList{margin-bottom:1rem;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.checkBoxList>label.checkBox{color:#000001}.checkBoxList>label.checkBox:not(:first-child){margin-left:1.5rem}.checkBoxList .icon-right-mark:before{padding-right:1px}.checkBoxListColumn{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.checkBoxListColumn>label.checkBox{color:#000001;margin-bottom:1rem}.popup-content{padding:0 !important;border:0 !important;border-radius:.5rem}.popup-content .modalHeader{font-size:1.5rem}@media screen and (max-width: 1440px){.popup-content .modalHeader{font-size:1.4375rem}}@media screen and (max-width: 1280px){.popup-content .modalHeader{font-size:1.375rem}}@media screen and (max-width: 1025px){.popup-content .modalHeader{font-size:1.3125rem}}.popup-content .modalHeader{font-family:"Avenir-Heavy"}[dir=rtl] .popup-content .modalHeader{font-family:"Almarai-Bold"}.popup-content .modalHeader .closeBtn{cursor:pointer;color:#8994a5;text-decoration:none;font-size:1.5rem}@media screen and (max-width: 1440px){.popup-content .modalHeader .closeBtn{font-size:1.4375rem}}@media screen and (max-width: 1280px){.popup-content .modalHeader .closeBtn{font-size:1.375rem}}@media screen and (max-width: 1025px){.popup-content .modalHeader .closeBtn{font-size:1.3125rem}}.popup-content .modalBody{padding:0 2rem 2rem;max-height:75vh;overflow:auto}.popup-content .modalFooter{margin:0 2rem 2rem;padding:1rem 0 0 0;border-top:1px solid #dbe1e9}.popTitle{padding-left:2rem}.msgPopupTitle{padding-left:5rem}.icon-Disabled{font-size:.9375rem}@media screen and (max-width: 1440px){.icon-Disabled{font-size:.875rem}}@media screen and (max-width: 1280px){.icon-Disabled{font-size:.8125rem}}@media screen and (max-width: 1025px){.icon-Disabled{font-size:.75rem}}.isAnimation{transition-property:width;transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.easeSmooth{transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.duration-300{transition-duration:.3s}.btn-link{padding:0;font-size:.9rem;display:inline-block;border-radius:.25rem;background-color:rgba(0,0,0,0);color:#5090f8;line-height:1.5;border:0;transition:.5s all ease}.btn-link:hover{text-decoration:underline}.btn-primary{padding:.8rem 1rem;font-size:1rem;display:inline-block;border-radius:.25rem;background-color:#eb8b2d;color:#fff;line-height:1.5;border:0;transition:.5s all ease;min-width:15rem;font-family:"Avenir-Heavy"}[dir=rtl] .btn-primary{font-family:"Almarai-Bold"}.btn-primary:hover{opacity:.8}.hShade{border-bottom:1px solid rgba(137,148,165,.5)}.checkedModule{position:relative;display:flex;flex-direction:column;color:#384150;padding:.8rem .8rem 1rem 2rem;font-size:1rem}@media screen and (max-width: 1440px){.checkedModule{font-size:.9375rem}}@media screen and (max-width: 1280px){.checkedModule{font-size:.875rem}}@media screen and (max-width: 1025px){.checkedModule{font-size:.8125rem}}.checkedModule{font-family:"Avenir-Roman"}[dir=rtl] .checkedModule{font-family:"Almarai-Light"}.checkedModule{margin-top:-5px}.checkedModule:before{content:"";font-family:"icomoon" !important;position:absolute;left:.5rem;top:1rem;color:#62bd69;font-size:.625rem}@media screen and (max-width: 1280px){.checkedModule:before{font-size:.5625rem}}.calenderPopup .react-datepicker .react-datepicker__navigation--next{background:none;position:static;border:0;font-size:0rem}@media screen and (max-width: 1440px){.calenderPopup .react-datepicker .react-datepicker__navigation--next{font-size:-0.0625rem}}@media screen and (max-width: 1280px){.calenderPopup .react-datepicker .react-datepicker__navigation--next{font-size:-0.125rem}}@media screen and (max-width: 1025px){.calenderPopup .react-datepicker .react-datepicker__navigation--next{font-size:-0.1875rem}}.calenderPopup .react-datepicker .react-datepicker__navigation--next:after{content:"";font-family:"icomoon" !important;position:absolute;right:46px;font-size:1.25rem}@media screen and (max-width: 1440px){.calenderPopup .react-datepicker .react-datepicker__navigation--next:after{font-size:1.1875rem}}@media screen and (max-width: 1280px){.calenderPopup .react-datepicker .react-datepicker__navigation--next:after{font-size:1.125rem}}@media screen and (max-width: 1025px){.calenderPopup .react-datepicker .react-datepicker__navigation--next:after{font-size:1.0625rem}}.calenderPopup .react-datepicker .react-datepicker__navigation--next:after{color:#8994a5;z-index:2;top:14px}.calenderPopup .react-datepicker .react-datepicker__navigation--previous{background:none;position:static;border:0;font-size:0rem}@media screen and (max-width: 1440px){.calenderPopup .react-datepicker .react-datepicker__navigation--previous{font-size:-0.0625rem}}@media screen and (max-width: 1280px){.calenderPopup .react-datepicker .react-datepicker__navigation--previous{font-size:-0.125rem}}@media screen and (max-width: 1025px){.calenderPopup .react-datepicker .react-datepicker__navigation--previous{font-size:-0.1875rem}}.calenderPopup .react-datepicker .react-datepicker__navigation--previous:after{content:"";font-family:"icomoon" !important;position:absolute;left:40px;font-size:1.25rem}@media screen and (max-width: 1440px){.calenderPopup .react-datepicker .react-datepicker__navigation--previous:after{font-size:1.1875rem}}@media screen and (max-width: 1280px){.calenderPopup .react-datepicker .react-datepicker__navigation--previous:after{font-size:1.125rem}}@media screen and (max-width: 1025px){.calenderPopup .react-datepicker .react-datepicker__navigation--previous:after{font-size:1.0625rem}}.calenderPopup .react-datepicker .react-datepicker__navigation--previous:after{color:#8994a5;z-index:2;top:13px;transform:rotate(180deg) scale(1)}.uncheckedModule{width:15px;height:1px;border:solid 1px #8994a5;margin-top:15px}.checkList>li{position:relative;display:flex;flex-direction:column;color:#384150;padding:.8rem .8rem 1rem 2rem;font-size:1rem}@media screen and (max-width: 1440px){.checkList>li{font-size:.9375rem}}@media screen and (max-width: 1280px){.checkList>li{font-size:.875rem}}@media screen and (max-width: 1025px){.checkList>li{font-size:.8125rem}}.checkList>li{font-family:"Avenir-Roman"}[dir=rtl] .checkList>li{font-family:"Almarai-Light"}.checkList>li:before{content:"";font-family:"icomoon" !important;position:absolute;left:.5rem;top:1rem;color:#62bd69;font-size:.625rem}@media screen and (max-width: 1280px){.checkList>li:before{font-size:.5625rem}}.liceneName .checkList{padding:1rem;min-height:5rem}.liceneName:not(:nth-child(3n+1)){border-left:1px solid #bfc7d0}.liceneName .icon-Edit.btn-link{font-size:1rem}@media screen and (max-width: 1440px){.liceneName .icon-Edit.btn-link{font-size:.9375rem}}@media screen and (max-width: 1280px){.liceneName .icon-Edit.btn-link{font-size:.875rem}}@media screen and (max-width: 1025px){.liceneName .icon-Edit.btn-link{font-size:.8125rem}}.brdrBtm{border-bottom:1px solid #dbe1e9}.errorMsgTitle{font-size:1.125rem}@media screen and (max-width: 1440px){.errorMsgTitle{font-size:1.0625rem}}@media screen and (max-width: 1280px){.errorMsgTitle{font-size:1rem}}@media screen and (max-width: 1025px){.errorMsgTitle{font-size:.9375rem}}.errorMsgTitle{font-family:"Avenir-Heavy"}[dir=rtl] .errorMsgTitle{font-family:"Almarai-Bold"}.errorMsgTitle{color:#384150}.Cursor{cursor:pointer}.textBoxBorder{border:1px solid #eb3223 !important}.textBoxBorderDropdown .css-1n5rhpo-control{border:1px solid #eb3223 !important}.defaultTextBox{border:solid 1px #dbe1e9;width:100%}select{padding:.5em 1em;height:2.5em;width:22.5em;border-radius:4px;border:solid 1px #dbe1e9;color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){select{font-size:.8125rem}}@media screen and (max-width: 1280px){select{font-size:.75rem}}@media screen and (max-width: 1025px){select{font-size:.6875rem}}select{font-family:"Avenir-Roman"}[dir=rtl] select{font-family:"Almarai-Light"}.disabledClass{pointer-events:none}.bgGray{background-color:#bfc7d0 !important;color:#fff}.pointerEventsNone{pointer-events:none}.enabledClass{color:#eb3223;font-size:1rem}@media screen and (max-width: 1440px){.enabledClass{font-size:.9375rem}}@media screen and (max-width: 1280px){.enabledClass{font-size:.875rem}}@media screen and (max-width: 1025px){.enabledClass{font-size:.8125rem}}th{padding-bottom:.5em;text-align:left}tr{height:80px}.close{margin:20px}select.formField{padding:0 .8rem !important}.logoMsg{font-size:.75rem}@media screen and (max-width: 1440px){.logoMsg{font-size:.6875rem}}@media screen and (max-width: 1280px){.logoMsg{font-size:.625rem}}@media screen and (max-width: 1025px){.logoMsg{font-size:.5625rem}}.logoMsg{font-family:"Avenir-Roman"}[dir=rtl] .logoMsg{font-family:"Almarai-Light"}.romanFontClrCrGrey{font-size:1rem}@media screen and (max-width: 1440px){.romanFontClrCrGrey{font-size:.9375rem}}@media screen and (max-width: 1280px){.romanFontClrCrGrey{font-size:.875rem}}@media screen and (max-width: 1025px){.romanFontClrCrGrey{font-size:.8125rem}}.romanFontClrCrGrey{font-family:"Avenir-Roman"}[dir=rtl] .romanFontClrCrGrey{font-family:"Almarai-Light"}.romanFontClrCrGrey{color:#384150}.floatLeft{float:left;clear:both}.floatRght{float:right}.inputFieldFocus:focus{border-color:#5090f8;box-shadow:0px 0px 4px 1px #5090f8}.borderRadius{border-radius:4px}.uploadInputFieldPosition{height:47.2px;top:0px}.norightRadius{border-radius:4px 0 0 4px}.noRadius{border-radius:0}.noleftRadius{border-radius:0 4px 4px 0}.mediumFont{font-size:1rem}@media screen and (max-width: 1440px){.mediumFont{font-size:.9375rem}}@media screen and (max-width: 1280px){.mediumFont{font-size:.875rem}}@media screen and (max-width: 1025px){.mediumFont{font-size:.8125rem}}.mediumFont{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .mediumFont{font-family:"Almarai-Regular"}.mediumFontColor{color:#384150}.optionalText,.accessColor{color:#8994a5}.isDarkColorTxt{color:#000001}.fileSupports{color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.fileSupports{font-size:.6875rem}}@media screen and (max-width: 1280px){.fileSupports{font-size:.625rem}}@media screen and (max-width: 1025px){.fileSupports{font-size:.5625rem}}.fileSupportsError{color:#eb3223;font-size:.75rem}@media screen and (max-width: 1440px){.fileSupportsError{font-size:.6875rem}}@media screen and (max-width: 1280px){.fileSupportsError{font-size:.625rem}}@media screen and (max-width: 1025px){.fileSupportsError{font-size:.5625rem}}.boldFont{font-family:"Avenir-Heavy"}[dir=rtl] .boldFont{font-family:"Almarai-Bold"}.brdrTop{border-top:1px solid #dbe1e9}.sideBorders{box-shadow:0 1px 1px 0 #dbe1e9}.commonContainerBorder{border:1px solid #dbe1e9}.selectBorderColor>div{cursor:pointer;border-color:#dbe1e9}.title{font-size:2rem}@media screen and (max-width: 1440px){.title{font-size:1.9375rem}}@media screen and (max-width: 1280px){.title{font-size:1.875rem}}@media screen and (max-width: 1025px){.title{font-size:1.8125rem}}.title{font-family:"Avenir-Heavy"}[dir=rtl] .title{font-family:"Almarai-Bold"}.subTitle{padding:1.5rem 0;color:#384150;font-size:1.125rem}@media screen and (max-width: 1440px){.subTitle{font-size:1.0625rem}}@media screen and (max-width: 1280px){.subTitle{font-size:1rem}}@media screen and (max-width: 1025px){.subTitle{font-size:.9375rem}}.subTitle{font-family:"Avenir-Roman"}[dir=rtl] .subTitle{font-family:"Almarai-Light"}.whitePanel{background-color:#fff;padding:45px 0;min-height:89vh;width:100%}.whitePanel .flex{justify-content:space-between}.whitePanel>.container.flex{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start}.whitePanel .flex.calendaRow{flex:.7;justify-content:flex-end}.isFlex{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.isFlexColumn{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.isFlex.center,.isFlexColumn.center{justify-content:center}.isFlex.spacing,.isFlexColumn.spacing{justify-content:space-between}.isFlex.alignCenter,.isFlexColumn.alignCenter{align-items:center}.alignSelfCenter{align-self:center}.isFlex.noWrap{flex-wrap:initial}.alignStart{align-items:flex-start}.alignSelfStart{align-self:flex-start}.alignEnd{align-items:flex-end}.justifyCenter{justify-content:center}.justifyEnd{justify-content:flex-end}.editTitle{font-size:1rem}@media screen and (max-width: 1440px){.editTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.editTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.editTitle{font-size:.8125rem}}.editTitle{font-family:"Avenir-Heavy"}[dir=rtl] .editTitle{font-family:"Almarai-Bold"}.editSubTitle,.softBlueColor,.mediumblueyGrey,.mediumSoftBlue{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .editSubTitle,[dir=rtl] .softBlueColor,[dir=rtl] .mediumblueyGrey,[dir=rtl] .mediumSoftBlue{font-family:"Almarai-Light"}.editSubTitle,.softBlueColor,.mediumblueyGrey,.mediumSoftBlue{font-size:1rem}@media screen and (max-width: 1440px){.editSubTitle,.softBlueColor,.mediumblueyGrey,.mediumSoftBlue{font-size:.9375rem}}@media screen and (max-width: 1280px){.editSubTitle,.softBlueColor,.mediumblueyGrey,.mediumSoftBlue{font-size:.875rem}}@media screen and (max-width: 1025px){.editSubTitle,.softBlueColor,.mediumblueyGrey,.mediumSoftBlue{font-size:.8125rem}}.mediumblueyGrey,.mediumSoftBlue{font-size:.875rem}@media screen and (max-width: 1440px){.mediumblueyGrey,.mediumSoftBlue{font-size:.8125rem}}@media screen and (max-width: 1280px){.mediumblueyGrey,.mediumSoftBlue{font-size:.75rem}}@media screen and (max-width: 1025px){.mediumblueyGrey,.mediumSoftBlue{font-size:.6875rem}}.mediumSoftBlue{color:#5090f8}.softBlueColor{color:#5090f8}.greyMediumFont,.greyHeavyFont{font-size:.875rem}@media screen and (max-width: 1440px){.greyMediumFont,.greyHeavyFont{font-size:.8125rem}}@media screen and (max-width: 1280px){.greyMediumFont,.greyHeavyFont{font-size:.75rem}}@media screen and (max-width: 1025px){.greyMediumFont,.greyHeavyFont{font-size:.6875rem}}.greyMediumFont,.greyHeavyFont{font-family:"Avenir-Medium"}[dir=rtl] .greyMediumFont,[dir=rtl] .greyHeavyFont{font-family:"Almarai-Regular"}.greyMediumFont,.greyHeavyFont{color:#384150}.clearActive{font-size:.875rem}@media screen and (max-width: 1440px){.clearActive{font-size:.8125rem}}@media screen and (max-width: 1280px){.clearActive{font-size:.75rem}}@media screen and (max-width: 1025px){.clearActive{font-size:.6875rem}}.clearActive{font-family:"Avenir-Roman"}[dir=rtl] .clearActive{font-family:"Almarai-Light"}.clearActive{color:#5090f8;line-height:initial}.greyHeavyFont{font-family:"Avenir-Heavy"}[dir=rtl] .greyHeavyFont{font-family:"Almarai-Bold"}.transition{-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.transform{-webkit-transform:rotate(180deg) scale(1);-ms-transform:rotate(180deg) scale(1);transform:rotate(180deg) scale(1)}.greyBox .transitionTransform::before{-webkit-transition:0.5s;transition:0.5s;-moz-transition:0.5s;-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}li.sideNavBarTitle{font-family:"Avenir-Heavy"}[dir=rtl] li.sideNavBarTitle{font-family:"Almarai-Bold"}li.sideNavBarTitle{font-size:1.25rem}@media screen and (max-width: 1440px){li.sideNavBarTitle{font-size:1.1875rem}}@media screen and (max-width: 1280px){li.sideNavBarTitle{font-size:1.125rem}}@media screen and (max-width: 1025px){li.sideNavBarTitle{font-size:1.0625rem}}li.sideNavBarTitle{color:#395293;border-bottom:1px solid #dbe1e9;padding-bottom:14px;margin-bottom:10px}li.sideNavBarTitle .isMainTitle{text-transform:uppercase;line-height:initial}.upperCareText{text-transform:uppercase}.w34{width:34%}.w50{width:50%}.defaultInput{border:1px solid #dbe1e9;border-radius:4px;padding:9px;width:100%}.linkTop{margin-top:25px}.linkColor{color:#5090f8}.invalidValues{color:#eb3223;font-size:.875rem}@media screen and (max-width: 1440px){.invalidValues{font-size:.8125rem}}@media screen and (max-width: 1280px){.invalidValues{font-size:.75rem}}@media screen and (max-width: 1025px){.invalidValues{font-size:.6875rem}}.invalidValues{font-family:"Avenir-Roman"}[dir=rtl] .invalidValues{font-family:"Almarai-Light"}.invalidValues{line-height:initial}.sliderPopupBody{height:calc(100vh - 147px);overflow:auto;max-height:100%}.sliderPopupBody.isWorkFlowNotDefinedHeight{height:calc(100vh - 182px)}.sliderPopupBody.isOpenBankingPopup{height:calc(100vh - 223px)}.sliderPopupViewDetailsBody{height:calc(100vh - 136px);overflow:auto;max-height:100%}.sliderPopupViewMoreDetailsBody{height:calc(100vh - 70px);overflow:auto;max-height:100%}.sliderBankPopupBody{height:calc(100vh - 160px);overflow:auto;max-height:100%}.sliderBankCreatePopupBody{height:calc(100vh - 85px);overflow:auto;max-height:100%}.sliderRoleUserPopupBody{height:calc(100vh - 167px);overflow:auto;max-height:100%}.transactionDetails .mainDetails .detailsRow span.currencyNo.font-Heavy,.transactionDetails .mainDetails .detailsRow span.amountNo.font-Heavy{font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .mainDetails .detailsRow span.currencyNo.font-Heavy,[dir=rtl] .transactionDetails .mainDetails .detailsRow span.amountNo.font-Heavy{font-family:"Almarai-Bold"}.transactionDetails.isPopupContainer{padding-top:20px}.transactionDetails.isPopupContainer .isPopupClose{position:relative}.transactionDetails.isPopupContainer .isPopupClose span.icon.icon-new-close-icon.Cursor{position:absolute;right:28px;top:5px}.transactionDetails.isPopupContainer .isPopupClose span.icon.icon-new-close-icon.Cursor:hover::before,.transactionDetails.isPopupContainer .isPopupClose span.icon.icon-new-close-icon.Cursor::before{position:static}.transactionDetails.isPopupContainer .isPopupClose span.icon.icon-new-close-icon.Cursor:hover{right:20px;top:-3px;padding:8px;width:auto;height:auto}.transactionDetails.isPopupContainer .company{border-top:0}.transactionDetails.isPopupContainer h3.isPopupTitle{margin:0px 0px 27px 32px}.sliderPopup{background-color:#fff;position:fixed;top:0;right:0;box-shadow:0 10px 6px -6px #8994a5;z-index:100}.sliderPopup .transactionDetails{padding-top:24px}.sliderPopup .transactionDetails .icon.icon-new-close-icon.Cursor:hover{top:20px}.sliderPopup .transactionDetails .icon.icon-new-close-icon.Cursor::before{top:28px}.sliderPopup .transactionDetails .icon.icon-new-close-icon.Cursor:hover::before{top:8px}.sliderPopup .transactionDetails .mainDetails{min-height:calc(100% - 125px)}.sliderPopup .transactionDetails h3{margin:0;padding:0px 45px 24px;font-size:1.25rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails h3{font-size:1.1875rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails h3{font-size:1.125rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails h3{font-size:1.0625rem}}.sliderPopup .transactionDetails h3{text-transform:lowercase}.sliderPopup .transactionDetails h3::first-letter{text-transform:uppercase}.sliderPopup .transactionDetails h3.isTitleCapitalize{text-transform:inherit}.sliderPopup .transactionDetails h3.isTitleCapitalize::first-letter{text-transform:inherit}.sliderPopup .transactionDetails .sliderPopupBody .company,.sliderPopup .transactionDetails .sliderBankPopupBody .company,.sliderPopup .transactionDetails .sliderBankCreatePopupBody .company,.sliderPopup .transactionDetails .sliderPopupViewDetailsBody .company,.sliderPopup .transactionDetails .sliderBankCreatePopupBodyNew .company{border-top:0}.sliderPopup .transactionDetails .sliderPopupBody .mainDetails,.sliderPopup .transactionDetails .sliderBankPopupBody .mainDetails,.sliderPopup .transactionDetails .sliderBankCreatePopupBody .mainDetails,.sliderPopup .transactionDetails .sliderPopupViewDetailsBody .mainDetails,.sliderPopup .transactionDetails .sliderBankCreatePopupBodyNew .mainDetails{max-height:initial;padding:20px 45px}.sliderPopup .transactionDetails .paymentStatus{padding:16px 25px 0}.popupDownShadow{box-shadow:0 -4px 8px 0 rgba(196,201,210,.18);position:relative}.popupTopShadow{box-shadow:0px 0px 0px 0px rgba(196,201,210,.18),0px 2px 4px 0px rgba(196,201,210,.18)}input.userCheckedEdited{background-color:#ffde4d}.editedWorkFlowShade{background-image:linear-gradient(to right, #ffffff, #ffde4d)}.paymentDetailUpdateNote{border:1px solid #eb3223;color:#eb3223;padding:10px;line-height:initial;border-radius:4px;flex-wrap:nowrap;column-gap:10px;margin-bottom:5px}.paymentDetailUpdateNote .icon-Info-icon{font-size:1.125rem}@media screen and (max-width: 1440px){.paymentDetailUpdateNote .icon-Info-icon{font-size:1.0625rem}}@media screen and (max-width: 1280px){.paymentDetailUpdateNote .icon-Info-icon{font-size:1rem}}@media screen and (max-width: 1025px){.paymentDetailUpdateNote .icon-Info-icon{font-size:.9375rem}}@keyframes horz{to{background-position:100% 10px,0 10px,0 35px}}.searchFeildLoader:empty,.showTransactionsLoader:empty{height:70px;width:100%;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 18px, transparent 0),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,60% 30px,80% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.searchFeildLoader:empty{max-width:400px}.showTransactionsLoader:empty{max-width:196px}.ar.Cursor{font-family:"Almarai-Bold"}.positionStatic{position:static !important}.positionRelative{position:relative !important}.displayInlineBlock{display:inline-block}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fs-10{font-size:.625rem}@media screen and (max-width: 1280px){.fs-10{font-size:.5625rem}}.fs-12{font-size:.75rem}@media screen and (max-width: 1440px){.fs-12{font-size:.6875rem}}@media screen and (max-width: 1280px){.fs-12{font-size:.625rem}}@media screen and (max-width: 1025px){.fs-12{font-size:.5625rem}}.fs-16{font-size:1rem}@media screen and (max-width: 1440px){.fs-16{font-size:.9375rem}}@media screen and (max-width: 1280px){.fs-16{font-size:.875rem}}@media screen and (max-width: 1025px){.fs-16{font-size:.8125rem}}.colorRed{color:#eb3223 !important;font-size:.875rem}@media screen and (max-width: 1440px){.colorRed{font-size:.8125rem}}@media screen and (max-width: 1280px){.colorRed{font-size:.75rem}}@media screen and (max-width: 1025px){.colorRed{font-size:.6875rem}}.colorOrange{color:#eb8b2d !important}.colorGreen{color:#62bd69 !important;font-size:.875rem}@media screen and (max-width: 1440px){.colorGreen{font-size:.8125rem}}@media screen and (max-width: 1280px){.colorGreen{font-size:.75rem}}@media screen and (max-width: 1025px){.colorGreen{font-size:.6875rem}}.colorYellow{color:#efc81f !important;font-size:.875rem}@media screen and (max-width: 1440px){.colorYellow{font-size:.8125rem}}@media screen and (max-width: 1280px){.colorYellow{font-size:.75rem}}@media screen and (max-width: 1025px){.colorYellow{font-size:.6875rem}}.rightPanel{flex:1 1;position:relative;width:100%;min-height:65vh;box-shadow:0 0px 0px 0px #bfc7d0,0 0px 0px 0px #bfc7d0,16px 5px 12px -16px rgba(191,199,208,.1),-14px 5px 12px -22px rgba(191,199,208,.1)}.mainContent:before,.rightPanel:before,.mainContent:after,.rightPanel:after{content:"";width:100%;background:#fff;position:absolute}.mainContent:before,.rightPanel:before{top:-10px}.mainContent:after,.rightPanel:after{top:auto}.roleAssignedUserExist{color:#8994a5;padding-top:5px}.amountCurrency span{display:inline-block;margin:0 3px}.amountCurrency span.currencyNo{font-family:"Avenir-Roman"}[dir=rtl] .amountCurrency span.currencyNo{font-family:"Almarai-Light"}.amountCurrency span.amountNo{font-family:"Avenir-Heavy"}[dir=rtl] .amountCurrency span.amountNo{font-family:"Almarai-Bold"}.amountCurrency span.amountNo.credit{color:#62bd69}.companyBankSlider .item span.amountCurrency span{display:inline-block;margin:0 3px}i.reverse:before{-webkit-transform:rotate(-180deg) scale(1);-ms-transform:rotate(-180deg) scale(1);transform:rotate(-180deg) scale(1);display:block}.primaryBtn{padding:10px 18px;background-color:#eb8b2d;color:#fff;border:1px solid #eb8b2d;border-radius:4px;font-size:1rem}@media screen and (max-width: 1440px){.primaryBtn{font-size:.9375rem}}@media screen and (max-width: 1280px){.primaryBtn{font-size:.875rem}}@media screen and (max-width: 1025px){.primaryBtn{font-size:.8125rem}}.primaryBtn{font-family:"Avenir-Heavy"}[dir=rtl] .primaryBtn{font-family:"Almarai-Bold"}.primaryBtn{-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.primaryBtn:hover{opacity:.8}.popupscrollerShadow{background:linear-gradient(white 30%, hsla(0, 0%, 100%, 0)),linear-gradient(hsla(0, 0%, 100%, 0) 10px, white 100%) bottom,radial-gradient(at top, rgba(0, 0, 1, 0.2), transparent 85%),radial-gradient(at bottom, rgba(0, 0, 1, 0.2), transparent 85%) bottom;background-repeat:no-repeat;background-size:100% 20px,100% 20px,100% 3px,100% 3px;background-attachment:local,local,scroll,scroll}.hijriDate .css-2b097c-container{margin-right:10px}.hijriDate .css-2b097c-container:nth-child(1){flex:15%}.hijriDate .css-2b097c-container:nth-child(2){flex:40%}.hijriDate .css-2b097c-container:nth-child(3){flex:25%}.hijriDate .gciUbn{left:5px;right:auto}.hijriDate .erfCqR{left:auto;right:5px}.hijriDate select.dxSPoS{font-family:"Avenir-Medium"}[dir=rtl] .hijriDate select.dxSPoS{font-family:"Almarai-Regular"}.hijriDate .cpGPQD{margin-top:10px}.isReadOnly{background:#dbe1e9}.selectOptionFont [class*=css-][class*=-menu]>div{padding:0;border-radius:4px}.selectOptionFont [class*=css-][class*=-menu]{z-index:11}.w25.selectOptionFont [class*=css-][class*=-menu]{z-index:20}.selectOptionFont [class*=css-][class*=-control]>[class*=css-] [class*=css-][class*=-placeholder]{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .selectOptionFont [class*=css-][class*=-control]>[class*=css-] [class*=css-][class*=-placeholder]{font-family:"Almarai-Light"}.selectOptionFont [class*=css-][class*=-control] .name-select__value-container{padding:2px 8px}.selectOptionFont [class*=css-][class*=-control] [class*=css-][class*=-indicatorContainer] i.icon.icon-down-arrow{position:relative;top:1px;color:#8994a5;font-size:.9375rem}@media screen and (max-width: 1440px){.selectOptionFont [class*=css-][class*=-control] [class*=css-][class*=-indicatorContainer] i.icon.icon-down-arrow{font-size:.875rem}}@media screen and (max-width: 1280px){.selectOptionFont [class*=css-][class*=-control] [class*=css-][class*=-indicatorContainer] i.icon.icon-down-arrow{font-size:.8125rem}}@media screen and (max-width: 1025px){.selectOptionFont [class*=css-][class*=-control] [class*=css-][class*=-indicatorContainer] i.icon.icon-down-arrow{font-size:.75rem}}.selectOptionFont [class*=css-][class*=-control].name-select__control--menu-is-open,.selectOptionFont [class*=css-][class*=-control].name-select__control--is-focused{z-index:11}.selectOptionFont [class*=css-][class*=-control].name-select__control--menu-is-open:hover,.selectOptionFont [class*=css-][class*=-control].name-select__control--menu-is-open:focus-within,.selectOptionFont [class*=css-][class*=-control].name-select__control--is-focused:hover,.selectOptionFont [class*=css-][class*=-control].name-select__control--is-focused:focus-within{border:1px solid #5090f8;transition:.5s}.selectOptionFont [class*=css-][class*=-indicatorSeparator]{background:none}.filterSideNavBarUP{width:100%;position:relative;top:30px}.filterSideNavBarUP.deactive{position:sticky;top:94px;width:100%;margin-bottom:-78px}input::placeholder{font-family:"Avenir-Roman"}[dir=rtl] input::placeholder{font-family:"Almarai-Light"}input::placeholder{font-size:.875rem}@media screen and (max-width: 1440px){input::placeholder{font-size:.8125rem}}@media screen and (max-width: 1280px){input::placeholder{font-size:.75rem}}@media screen and (max-width: 1025px){input::placeholder{font-size:.6875rem}}input::placeholder{color:#8994a5}.formControl.removePositions{position:static}.newRolePadding.popupTopShadow.transactionDetails.isPopupContainer .isPopupClose span.icon.icon-new-close-icon.Cursor{top:7px}.newRolePadding.popupTopShadow.transactionDetails.isPopupContainer .isPopupClose span.icon.icon-new-close-icon.Cursor:hover{top:-1px}.transactionDetails.isPopupContainer.isGroupsPopup{padding-top:22px}.commentBeneficiries.transactionDetails.isPopupContainer,.sucessPayment.transactionDetails.isPopupContainer,.paymentOtp.transactionDetails.isPopupContainer,.cancleApprComnt.transactionDetails.isPopupContainer{padding:0;padding-top:32px}.commentBeneficiries.transactionDetails.isPopupContainer .popupBodySpacing,.sucessPayment.transactionDetails.isPopupContainer .popupBodySpacing,.paymentOtp.transactionDetails.isPopupContainer .popupBodySpacing,.cancleApprComnt.transactionDetails.isPopupContainer .popupBodySpacing{padding:0px 40px 32px 40px}.sucessPayment.transactionDetails.isPopupContainer h3,.paymentOtp.transactionDetails.isPopupContainer h3{margin:0px 0px 26px 0px;margin-left:40px}.isEditBenCategory .sucessPayment.transactionDetails.isPopupContainer h3{margin:0px 0px 25px 0px;margin-left:40px}.p-4.isRemovePadding{padding-top:0}.roleUserPopupBody .modal .transactionDetails.isPopupContainer{padding-right:0}.roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose{justify-content:flex-start;align-items:baseline}.roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose h3.editTitle.isRolePopupTitle{padding:0}.roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose .companyName{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose .companyName{font-size:.9375rem}}@media screen and (max-width: 1280px){.roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose .companyName{font-size:.875rem}}@media screen and (max-width: 1025px){.roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose .companyName{font-size:.8125rem}}.roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose .companyName{background-color:#dbe1e9;padding:6px 12px;border-radius:4px;margin-left:10px;font-family:"Avenir-Medium"}[dir=rtl] .roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose .companyName{font-family:"Almarai-Regular"}.roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose .companyName{line-height:initial}span.icon.icon-new-close-icon.Cursor,span.icon.icon-new-close-icon.Cursor.floatRght{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){span.icon.icon-new-close-icon.Cursor,span.icon.icon-new-close-icon.Cursor.floatRght{font-size:.8125rem}}@media screen and (max-width: 1280px){span.icon.icon-new-close-icon.Cursor,span.icon.icon-new-close-icon.Cursor.floatRght{font-size:.75rem}}@media screen and (max-width: 1025px){span.icon.icon-new-close-icon.Cursor,span.icon.icon-new-close-icon.Cursor.floatRght{font-size:.6875rem}}span.icon.icon-new-close-icon.Cursor,span.icon.icon-new-close-icon.Cursor.floatRght{transition:all .15s ease-in-out 0s}span.icon.icon-new-close-icon.Cursor::before,span.icon.icon-new-close-icon.Cursor.floatRght::before{position:absolute}span.icon.icon-new-close-icon.Cursor:hover,span.icon.icon-new-close-icon.Cursor.floatRght:hover{font-size:.875rem}@media screen and (max-width: 1440px){span.icon.icon-new-close-icon.Cursor:hover,span.icon.icon-new-close-icon.Cursor.floatRght:hover{font-size:.8125rem}}@media screen and (max-width: 1280px){span.icon.icon-new-close-icon.Cursor:hover,span.icon.icon-new-close-icon.Cursor.floatRght:hover{font-size:.75rem}}@media screen and (max-width: 1025px){span.icon.icon-new-close-icon.Cursor:hover,span.icon.icon-new-close-icon.Cursor.floatRght:hover{font-size:.6875rem}}span.icon.icon-new-close-icon.Cursor:hover,span.icon.icon-new-close-icon.Cursor.floatRght:hover{background-color:#bfc7d0;border-radius:50%;width:30px;height:30px}span.icon.icon-new-close-icon.Cursor::before{right:17px;top:17px}span.icon.icon-new-close-icon.Cursor:hover{position:absolute;right:9px;top:9px}span.icon.icon-new-close-icon.Cursor:hover::before{right:8px;top:8px}span.icon.icon-new-close-icon.Cursor.floatRght::before{right:30px;top:30px}span.icon.icon-new-close-icon.Cursor.floatRght:hover{position:relative;right:-23px;top:-3px}span.icon.icon-new-close-icon.Cursor.floatRght:hover::before{right:8px;top:8px}.isModuleTitle h1.title{font-family:"Avenir-Heavy"}[dir=rtl] .isModuleTitle h1.title{font-family:"Almarai-Bold"}.isModuleTitle h1.title{font-size:1.875rem}@media screen and (max-width: 1440px){.isModuleTitle h1.title{font-size:1.8125rem}}@media screen and (max-width: 1280px){.isModuleTitle h1.title{font-size:1.75rem}}@media screen and (max-width: 1025px){.isModuleTitle h1.title{font-size:1.6875rem}}.isModuleTitle h1.title{color:#384150}.isModuleTitle .moduleSubTitle{font-family:"Avenir-Roman"}[dir=rtl] .isModuleTitle .moduleSubTitle{font-family:"Almarai-Light"}.isModuleTitle .moduleSubTitle{font-size:1rem}@media screen and (max-width: 1440px){.isModuleTitle .moduleSubTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.isModuleTitle .moduleSubTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.isModuleTitle .moduleSubTitle{font-size:.8125rem}}.isModuleTitle .moduleSubTitle{color:#8994a5;padding:1rem 0}.isModuleTitle .moduleSubTitle.historySubtitle .dateRange{color:#384150}.isModuleTitle .moduleSubTitle.historySubtitle .dateRange .isTo{color:#8994a5}.isInputField{border:1px solid #dbe1e9;border-radius:4px;color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.isInputField{font-size:.8125rem}}@media screen and (max-width: 1280px){.isInputField{font-size:.75rem}}@media screen and (max-width: 1025px){.isInputField{font-size:.6875rem}}.isInputField{padding:9px 13px;font-family:"Avenir-Roman"}[dir=rtl] .isInputField{font-family:"Almarai-Light"}.isInputField:focus{border-color:rgba(137,148,165,.7);box-shadow:0px 0px 4px 1px rgba(137,148,165,.4)}.textTrncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.popupBodyPadding{padding:0 20px 0 45px}.popupBodyPadding.roleNUserPadding{padding:0 45px 0 45px}.popupBodyPadding.roleNUserPadding .approvalTable.workFlowHeader .workFlowTable .mainWorkFlowChkBox .workFlowCheckBox .tooltip .tooltipTitle{top:-18px;left:2px}.popupBanksBodyPadding{padding:0 45px 0 45px}.popupCreateBanksBodyPadding{padding:0 22px 0 45px}.popupContentSlideOut{-webkit-animation-name:flexPane-fadeOut,flexPane-slideRightOut;animation-name:flexPane-fadeOut,flexPane-slideRightOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;height:100%;margin:0 !important;margin-left:auto !important}.popupContentSlideOut .sliderPopupBody,.popupContentSlideOut .sliderBankPopupBody,.popupContentSlideOut .sliderBankCreatePopupBody,.popupContentSlideOut .sliderBankCreatePopupBodyNew .sliderRoleUserPopupBody,.popupContentSlideOut .sliderPopupViewDetailsBody,.popupContentSlideOut .sliderPopupViewMoreDetailsBody,.popupContentSlideOut .createAnnouncement,.popupContentSlideOut .isLicensePopupBody>*{visibility:hidden}.popupContentSlideOut .roleUserPopupBody .newRolePadding.popupTopShadow>*{visibility:hidden}.popupContentSlideOut .editAnnouncement,.popupContentSlideOut .createAnnouncement>*{display:none}.popupContentSlideOut .sliderPopupBody [class*=css-][class*=-Input]{visibility:hidden}.toolTipSlideIn{-webkit-animation-name:flexPanelItem-slideContentIn;animation-name:flexPanelItem-slideContentIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-delay:.04s;animation-delay:.04s;margin:0 !important;margin-bottom:auto !important}.toolTipSlideOut{-webkit-animation-name:flexPanel-fadeOut,flexPanel-slideRightOut;animation-name:flexPanel-fadeOut,flexPanel-slideRightOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin:0 !important;margin-bottom:auto !important}@-webkit-keyframes flexPane-fadeIn{0%{visibility:hidden;opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:visible;opacity:1}}@keyframes flexPane-fadeIn{0%{visibility:hidden;opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:visible;opacity:1}}@-webkit-keyframes flexPanel-fadeOut{0%{visibility:visible;opacity:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:hidden;opacity:0}}@keyframes flexPanel-fadeOut{0%{visibility:visible;opacity:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:hidden;opacity:0}}@-webkit-keyframes flexPanel-slideRightOut{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}}@keyframes flexPanel-slideRightOut{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}}@-webkit-keyframes flexPanelItem-slideContentIn{0%{opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes flexPanelItem-slideContentIn{0%{opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.popupContentSlideIn{-webkit-animation-name:flexPaneItem-slideContentIn;animation-name:flexPaneItem-slideContentIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.8, 0, 0.2, 1);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-delay:.04s;animation-delay:.04s;height:100%;margin:0 !important;margin-left:auto !important}@-webkit-keyframes flexPane-fadeIn{0%{visibility:hidden;opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:visible;opacity:1}}@keyframes flexPane-fadeIn{0%{visibility:hidden;opacity:0;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:visible;opacity:1}}@-webkit-keyframes flexPane-fadeOut{0%{visibility:visible;opacity:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:hidden;opacity:0}}@keyframes flexPane-fadeOut{0%{visibility:visible;opacity:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}to{visibility:hidden;opacity:0}}@-webkit-keyframes flexPane-slideRightOut{0%{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px)}}@keyframes flexPane-slideRightOut{0%{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px)}}@-webkit-keyframes flexPaneItem-slideContentIn{0%{opacity:0;-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px)}to{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}}@keyframes flexPaneItem-slideContentIn{0%{opacity:0;-webkit-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px)}to{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}}.react-datepicker-popper{z-index:2}.react-datepicker-popper .react-datepicker__day-name,.react-datepicker-popper .react-datepicker__day,.react-datepicker-popper .react-datepicker__time-name{width:1.7rem;line-height:1.7rem}.isSingleDatePicker .react-datepicker-popper{z-index:12}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker{background-color:#384150;color:#fff}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{border-bottom-color:#384150;border-top-color:#384150}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__navigation--previous{border-right-color:#fff}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__navigation--next{border-left-color:#fff}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header{background-color:#384150}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month{color:#fff}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name{color:#fff}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month{color:#fff}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day{color:#fff;border-radius:4px}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day:hover{color:#384150;background-color:#f3f5fd}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--disabled{color:#8994a5;background-color:rgba(0,0,0,0)}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--disabled:hover{background-color:rgba(0,0,0,0);color:#8994a5}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--today{font-weight:normal}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--keyboard-selected{background-color:rgba(0,0,0,0);font-weight:normal}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--range-start,.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--in-range,.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--range-end,.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--keyboard-selected.react-datepicker__day--range-end.react-datepicker__day--in-range.react-datepicker__day--today{background-color:#5090f8;font-weight:normal}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--range-start:hover,.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--in-range:hover,.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--range-end:hover,.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--keyboard-selected.react-datepicker__day--range-end.react-datepicker__day--in-range.react-datepicker__day--today:hover{background-color:#5090f8;color:#fff}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--selecting-range-start{background-color:#5090f8}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--selecting-range-start:hover{background-color:#5090f8}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--today.react-datepicker__day--today{font-weight:normal;border-radius:4px}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--today.react-datepicker__day--today:hover{background-color:#5090f8;font-weight:normal}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--today{background-color:#5090f8}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--today:hover{background-color:#5090f8}.react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--keyboard-selected .react-datepicker__day--today.react-datepicker__day--selecting-range-start:hover{color:#384150;background-color:#5090f8}.popup-overlay{z-index:999 !important}.popup-overlay-pay::after{content:"";position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:rgba(0,0,1,.5);z-index:99;transition:all .16s}.openBankingMsg{width:80%;margin:0 auto;line-height:20px}.inputBlueCheckbox input[type=checkbox]{border-radius:4px}.inputBlueCheckbox input[type=checkbox]:checked{background:#5090f8 !important}.inputBlueCheckbox input[type=checkbox]::after{border-color:#fff}.stickyBottomBar{position:sticky;bottom:0;width:100%;background:#fff;z-index:1;box-shadow:0 0 1px 0 rgba(56,65,80,.22)}.ghostWhiteBg{background-color:#f3f5fd}
@media(min-width: 1920px){.container,.reconsilationContainer{width:100%;margin:0 auto;padding:0 30px 0 0}.container .overview{padding-left:30px}.header .container{padding:0 30px}.allUserProfileWrapper .globalFilterSideNav .sideNavWrapper .sideNavBar .filterCheck>label .filterSideNavLable{max-width:185px}.operationalSummaryBal .operationalBox,.isCrmDashboard .crmStatusBlocks .isCrmStatusItem{margin-right:20px}.txnSearchCompany .txnSearchField{width:280px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus .payStatusSelection .inputSelect .listOfItems{width:280px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus .payStatusSelection .inputSelect .listOfItems{width:256px}.pendingBulkApprovalTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:256px}.isDualAdminNav .filterSideNavBarUP.deactive{width:198px}.schedulepaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.schedulePayStatus .payStatusSelection .inputSelect .listOfItems{width:280px}.newScheduleBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.savedBillsStatus .payStatusSelection .inputSelect .listOfItems{width:280px}.beneficaryProfileTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.benProfileStatus .payStatusSelection .inputSelect .listOfItems{width:252px}.roleBasedMainContainer .roleBasedContainer .roleBasedSettings .greyBox .bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .defaultTextBox{width:478px}.respnseTimeLoader:empty{left:62px}.totalCalls:empty{left:64px}.failedCallsLoader:empty{left:58px}.salesDashboardContainer .salesBoxes .salesBox{margin-right:20px}.salesDashboardContainer .salesStats .soaStats,.salesDashboardContainer .salesStats .payForecast{width:33.33%}.roleBasedContainer .bankNameStatusType .bankAccountsFlex .formControl .isFlex .formField{width:84%}.crmDataTable .OSV-TableContainer .customReactTable .tableBody .table-td.crmActionWidth .actionSection .transcationTooltip.isCRMActionsToolTip .bottom::before,.crmDataTable .OSV-TableContainer .customReactTable .tableBody .table-td.crmActionWidth .actionSection .transcationTooltip.isCRMActionsToolTip .bottom::after{left:79%}.isTargetManagement .isTargetBoxes .isTargetBox{width:18.93%}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAccNumber .payStatusSelection .inputSelect .listOfItems{width:546px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .totalCalls:empty{left:150px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .failedCallsLoader{left:195px}.analyticsCollectionDataTable table tr td span.bankName{width:170px}}@media screen and (max-width: 1920px)and (min-width: 1681px){.container,.reconsilationContainer{width:100%;margin:0 auto;padding:0 30px 0 0}.container .overview{padding-left:30px}.header .container{padding:0 30px}.allUserProfileWrapper .globalFilterSideNav .sideNavWrapper .sideNavBar .filterCheck>label .filterSideNavLable{max-width:185px}.operationalSummaryBal .operationalBox,.isCrmDashboard .crmStatusBlocks .isCrmStatusItem{margin-right:20px}.txnSearchCompany .txnSearchField{width:280px}.isDualAdminNav .filterSideNavBarUP.deactive{width:198px}.pendingBulkApprovalTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:256px}.schedulepaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.schedulePayStatus .payStatusSelection .inputSelect .listOfItems{width:280px}.newScheduleBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.savedBillsStatus .payStatusSelection .inputSelect .listOfItems{width:280px}.beneficaryProfileTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.benProfileStatus .payStatusSelection .inputSelect .listOfItems{width:252px}.roleBasedMainContainer .roleBasedContainer .roleBasedSettings .greyBox .bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .defaultTextBox{width:478px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus .payStatusSelection .inputSelect .listOfItems{width:256px}.respnseTimeLoader:empty{left:62px}.totalCalls:empty{left:64px}.failedCallsLoader:empty{left:58px}.roleBasedContainer .bankNameStatusType .bankAccountsFlex .formControl .isFlex .formField{width:84%}.crmDataTable .OSV-TableContainer .customReactTable .tableBody .table-td.crmActionWidth .actionSection .transcationTooltip.isCRMActionsToolTip .bottom::before,.crmDataTable .OSV-TableContainer .customReactTable .tableBody .table-td.crmActionWidth .actionSection .transcationTooltip.isCRMActionsToolTip .bottom::after{left:79%}.isTargetManagement .isTargetBoxes .isTargetBox{width:18.93%}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAccNumber .payStatusSelection .inputSelect .listOfItems{width:546px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .totalCalls:empty{left:150px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .failedCallsLoader{left:195px}.analyticsCollectionDataTable table tr td span.bankName{width:170px}}@media screen and (max-width: 1680px)and (min-width: 1441px){.container,.reconsilationContainer{width:100%;margin:0 auto;padding:0 30px 0 0}.container .overview{padding-left:30px}.header .container{padding:0 30px}.allUserProfileWrapper .globalFilterSideNav .sideNavWrapper .sideNavBar .filterCheck>label .filterSideNavLable{max-width:150px}.isDualAdminNav .filterSideNavBarUP.deactive{width:173px}.pendingBulkApprovalTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:220px}.schedulepaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.schedulePayStatus .payStatusSelection .inputSelect .listOfItems{width:242px}.newScheduleBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.savedBillsStatus .payStatusSelection .inputSelect .listOfItems{width:242px}.beneficaryProfileTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.benProfileStatus .payStatusSelection .inputSelect .listOfItems{width:216px}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAccNumber .payStatusSelection .inputSelect .listOfItems{width:474px}.crmDataTable .OSV-TableContainer .customReactTable .tableBody .table-td.crmActionWidth .actionSection .transcationTooltip.isCRMActionsToolTip .bottom::before,.crmDataTable .OSV-TableContainer .customReactTable .tableBody .table-td.crmActionWidth .actionSection .transcationTooltip.isCRMActionsToolTip .bottom::after{left:81%}.payrollDataTable.payrollDetailsDataTable .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:220px}.analyticsCollectionDataTable table tr td span.bankName{width:170px}}@media screen and (max-width: 1440px)and (min-width: 1281px){.container,.reconsilationContainer{width:100%;margin:0 auto;padding:0 30px 0 0}.container .overview{padding-left:30px}.header .container{padding:0 30px}.reconsilationBtmTabs{align-items:center}.reconsilationBtmTabs .btn,.reconsilationBtmTabs .btn.info:hover,.reconsilationBtmTabs .btn.info.active{margin-right:13px;padding:16px 8px}.upcoming.logs .detailsPayment .name{width:175px;max-width:175px}.reviewLogs{margin-top:16px}.balanceSlider{padding:35px;padding-right:0}.nameDisplay .emptySimmer{width:59px}.paymentSection{padding:45px}.operationalSummaryBal .operationalBox,.isCrmDashboard .crmStatusBlocks .isCrmStatusItem{margin-right:16px}.txnSearchCompany .txnSearchField{width:220px}.allUserProfileWrapper .globalFilterSideNav .sideNavWrapper .sideNavBar .filterCheck>label .filterSideNavLable{max-width:120px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus .payStatusSelection .inputSelect .listOfItems{width:216px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus .payStatusSelection .inputSelect .listOfItems{width:198px}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAccNumber .payStatusSelection .inputSelect .listOfItems{width:426px}.isDualAdminNav .filterSideNavBarUP.deactive{width:158px}.pendingBulkApprovalTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:196px}.schedulepaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.schedulePayStatus .payStatusSelection .inputSelect .listOfItems{width:216px}.newScheduleBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.savedBillsStatus .payStatusSelection .inputSelect .listOfItems{width:216px}.transactionDetails .mainDetails.normalMainDetails{max-height:245px}.table-th.benProfileDate .table-input{width:160px;margin-left:6px}.beneficaryProfileTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.benProfileStatus .payStatusSelection .inputSelect .listOfItems{width:194px}.uploadBulk .uploadBulkPayments .inputSelect .selectedItem .show-all{max-width:360px}.uploadBulk .uploadBulkPayments .payStatusField.mt-3 .btn-primary{width:51.5%}.roleBasedMainContainer .roleBasedContainer .roleBasedSettings .greyBox .bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .defaultTextBox{width:348px}.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox{width:32%}.respnseTimeLoader:empty{left:20px}.totalCalls:empty{left:4px}.failedCallsLoader:empty{left:-26px}.activeInactiveLoader:empty{left:-26px}.activityTitle.reconcileRecords{max-width:175px}.salesDashboardContainer .salesBoxes .salesBox{margin-right:16px}.salesDashboardContainer .salesStats .soaStats,.salesDashboardContainer .salesStats .payForecast{width:32.9%}.roleBasedContainer .bankNameStatusType .bankAccountsFlex .formControl .isFlex .formField{width:80%}.crmDataTable .OSV-TableContainer .customReactTable .tableBody .table-td.crmActionWidth .actionSection .transcationTooltip.isCRMActionsToolTip .bottom::before,.crmDataTable .OSV-TableContainer .customReactTable .tableBody .table-td.crmActionWidth .actionSection .transcationTooltip.isCRMActionsToolTip .bottom::after{left:83%}.isTargetManagement .isTargetBoxes .isTargetBox{width:18.6%}.crmActivities .IsNotesNReminders .isFollowUpTimings .isFollowUpBlock .isFollowUpTime{width:18%}.crmActivities .IsNotesNReminders .isFollowUpTimings .isFollowUpBlock .isFollowUpInfo{width:82%}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .totalCalls:empty{left:-8px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .failedCallsLoader{left:-12px}.payrollDataTable.payrollDetailsDataTable .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:196px}.analyticsCollectionDataTable table tr td span.bankName{width:150px}.lastTimeUpdate{left:45px}.groupUserFooterMain.footerMain .isPaymentsViewMore.removeSuggestionSection .isCompanyPayments .isPayFooterDivide{width:84%}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.625rem}}@media screen and (max-width: 1440px)and (min-width: 1281px)and (max-width: 1440px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.5625rem}}@media screen and (max-width: 1440px)and (min-width: 1281px)and (max-width: 1280px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.5rem}}@media screen and (max-width: 1440px)and (min-width: 1281px)and (max-width: 1025px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.4375rem}}@media screen and (max-width: 1440px)and (min-width: 1281px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb .carouselImg{width:50%}.isSamaLicense .isSamaRegulatory{width:78%}.whitePanel.invoiceOverviewPanel .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle .overDueAmountTitle{width:50% !important}}@media screen and (max-width: 1280px)and (min-width: 1201px){.container,.reconsilationContainer{width:100%;margin:0 auto;padding:0 1rem 0 0}.rightSideBlockWidth.fullWidth .footerMain.container,.rightSideBlockWidth.fullWidth .proceedMain.container{width:calc(100% - 74.4px - 1rem)}.rightSideBlockWidth.fullWidth .globalFooterContainer{width:calc(100% - 74.4px)}.rightSideBlockWidth.mainNavToggle .footerMain.container,.rightSideBlockWidth.mainNavToggle .proceedMain.container{width:calc(100% - 15rem - 1rem)}.rightSideBlockWidth.mainNavToggle .globalFooterContainer{width:calc(100% - 15rem)}.rightSideBlockWidth.subNavToggle .footerMain.container,.rightSideBlockWidth.subNavToggle .proceedMain.container{width:calc(82% - 74.4px - 1rem)}.rightSideBlockWidth.subNavToggle .globalFooterContainer{width:calc(82% - 74.4px)}.header .hamburgerIcon{right:8px}.container .overview{padding-left:1rem}.content{width:750px}.isBlockChainLottie>div{height:165px !important;width:165px !important}.paySeparationLine .BeneficiarySearch{padding-right:14px;margin-right:14px}.apiActivities .inputWidth.apiDateFilter{width:24%}.header .container{padding:0 1rem}.reconsilationTabs .roleWidth{margin-top:1rem}.pennyTabWidth{width:30%}.btnTabWidth{width:69%;text-align:right}.reconsilationBtmTabs .btn{margin-bottom:1rem}.reconsilationBtmTabs .btn:nth-child(4),.reconsilationBtmTabs .btn.info:hover{margin-right:0}.transactionDetails .mainDetails.normalMainDetails{max-height:245px}.mainContent .muleBlock .muleTabs.apiTabs .roleWidth{margin-bottom:1rem}.upcoming.logs .detailsPayment .name{width:150px;max-width:150px}.upcoming.logs .reviewLogs{margin-top:0}.upcoming.logs .reviewLogs .failure{margin-left:10px}.overview .graph{right:28px}.balAmount{font-size:1.5rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.balAmount{font-size:1.4375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.balAmount{font-size:1.375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.balAmount{font-size:1.3125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.selectSection .selectOptionFont{width:72%}.paymentSection .userDashBoardSelector.calendaRow .selectOptionFont{width:50%}.reconsilationBtmTabs{align-items:flex-start}.balanceSlider{padding:26px;padding-right:0}.paymentRaised{flex:inherit}.pendingPayments{margin:0}.pendingApprovers{min-width:300px;max-width:300px}.numberAmount{padding:30px 15px}.numberAmount strong{font-size:2.25rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.numberAmount strong{font-size:2.1875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.numberAmount strong{font-size:2.125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.numberAmount strong{font-size:2.0625rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{max-width:125px}.listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper .slider .slide ul li.Cursor .itemName{max-width:75px}.lastTimeUpdate{left:20px}.nameDisplay .emptySimmer{width:59px}.paymentStatusReviewer .statusNumbers strong{font-size:1.5rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.paymentStatusReviewer .statusNumbers strong{font-size:1.4375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.paymentStatusReviewer .statusNumbers strong{font-size:1.375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.paymentStatusReviewer .statusNumbers strong{font-size:1.3125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.rescheduletriggerBtn{min-width:192px !important}.operationalSummaryBal .operationalBox,.isCrmDashboard .crmStatusBlocks .isCrmStatusItem{margin-right:15px}.reconsilationMain .mb-2{margin-bottom:5rem}.txnSearchCompany .txnSearchField{width:208px}.allUserProfileWrapper .globalFilterSideNav .sideNavWrapper .sideNavBar .filterCheck>label .filterSideNavLable{max-width:105px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus .payStatusSelection .inputSelect .listOfItems{width:216px}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAccNumber .payStatusSelection .inputSelect .listOfItems{width:422px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus .payStatusSelection .inputSelect .listOfItems{width:196px}.isDualAdminNav .filterSideNavBarUP.deactive{width:148px}.filterSideNavBarUP.globalFilterSideNav.deactive{width:222px}.pendingBulkApprovalTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:194px}.schedulepaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.schedulePayStatus .payStatusSelection .inputSelect .listOfItems{width:214px}.newScheduleBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.savedBillsStatus .payStatusSelection .inputSelect .listOfItems{width:214px}.table-th.benProfileDate .table-input{width:146px;margin-left:6px}.beneficaryProfileTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.benProfileStatus .payStatusSelection .inputSelect .listOfItems{width:180px}.uploadBulk .uploadBulkPayments .inputSelect .selectedItem .show-all{max-width:362px}.uploadBulk .uploadBulkPayments .payStatusField.mt-3 .btn-primary{width:51.2%}.roleBasedMainContainer .roleBasedContainer .roleBasedSettings .greyBox .bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .defaultTextBox{width:320px}.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox{width:31.95%}.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .label{font-size:1rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .label{font-size:.9375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .label{font-size:.875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .label{font-size:.8125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:1.125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:1.0625rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:1rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:.9375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.respnseTimeLoader:empty{left:10px}.totalCalls:empty{left:-20px}.failedCallsLoader:empty{left:-72px}.activeInactiveLoader:empty{left:-82px}.activityTitle.reconcileRecords{max-width:175px}.salesDashboardContainer .salesBoxes .salesBox{margin-right:15px}.salesDashboardContainer .salesStats .soaStats,.salesDashboardContainer .salesStats .payForecast{width:32.85%}.roleBasedContainer .bankNameStatusType .bankAccountsFlex .formControl .isFlex .formField{width:79%}.isTargetManagement .isTargetBoxes .isTargetBox{width:18.62%}.crmActivities .IsNotesNReminders .isFollowUpTimings .isFollowUpBlock .isFollowUpTime{width:18%}.crmActivities .IsNotesNReminders .isFollowUpTimings .isFollowUpBlock .isFollowUpInfo{width:82%}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .totalCalls:empty{left:-36px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .failedCallsLoader{left:-56px}.payrollDataTable.payrollDetailsDataTable .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:194px}.analyticsCollectionDataTable table tr td span.bankName{width:130px}.tableDataSubTitle{max-width:175px}.tableDataTitle{max-width:175px}.swipperMainContainer{margin:0 10px}.swipperMainContainer .leftArrow{left:6px}.swipperMainContainer .RightArrow{right:10px}.sideNavWrapper{padding:20px 10px}.sideNavWrapper .sideNavBar>ul>li>a{font-size:.875rem;padding:8px 0}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.sideNavWrapper .sideNavBar>ul>li>a{font-size:.8125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.sideNavWrapper .sideNavBar>ul>li>a{font-size:.75rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.sideNavWrapper .sideNavBar>ul>li>a{font-size:.6875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.sideNavWrapper .sideNavBar>ul>li>ul>li>a{padding:8px 12px}li.isNavFlex.alignCenter .isSideNavIconImg::before{font-size:1.1125rem !important}li.isCreditCheckIcon.isNavFlex.alignCenter .isSideNavIconImg::before,li.isExpenseCheckIcon.isNavFlex.alignCenter .isSideNavIconImg::before{font-size:1.5rem !important}li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon .isSideNavIconImg::before,li.isNavFlex.alignCenter.isSettingsSidenavIcon .isSideNavIconImg::before{font-size:1.3rem !important}li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.675rem !important}li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isLetterOfGuaranteeSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.iseStatementSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isknowYourCustomerSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.55rem !important}li.sideNavBarTitle{padding-bottom:8px}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon{height:38px !important;width:38px !important}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isSideNavIconImg{width:26px !important;height:26px !important;background-size:26px !important}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon{height:38px !important;width:38px !important}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn{width:50%}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(4)::before{content:"";margin-right:12px;padding-left:12px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(10)::before{content:"";margin-right:12px;padding-left:12px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(3)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(5)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(7)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(9)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore.removeSuggestionSection .isCompanyPayments .isPayFooterDivide{width:83%}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1.125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1.0625rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:.9375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.0625rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:.9375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.overview h3{font-size:.875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.overview h3{font-size:.8125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.overview h3{font-size:.75rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.overview h3{font-size:.6875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.paymentSection{padding:36px 46px 16px 46px}.paymentSection .dashBoardPendings{font-size:1rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.paymentSection .dashBoardPendings{font-size:.9375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.paymentSection .dashBoardPendings{font-size:.875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.paymentSection .dashBoardPendings{font-size:.8125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.upcoming .topHead .isDashboardTotalCount{font-size:.875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.upcoming .topHead .isDashboardTotalCount{font-size:.8125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.upcoming .topHead .isDashboardTotalCount{font-size:.75rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.upcoming .topHead .isDashboardTotalCount{font-size:.6875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.bankAccounts .accountDetails img{max-height:22px}.bankAccounts .accountDetails .overBankAccount{font-size:.875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.bankAccounts .accountDetails .overBankAccount{font-size:.8125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.bankAccounts .accountDetails .overBankAccount{font-size:.75rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.bankAccounts .accountDetails .overBankAccount{font-size:.6875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.companiesBal .companySec{font-size:.875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.companiesBal .companySec{font-size:.8125rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.companiesBal .companySec{font-size:.75rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.companiesBal .companySec{font-size:.6875rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.625rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1440px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.5625rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1280px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.5rem}}@media screen and (max-width: 1280px)and (min-width: 1201px)and (max-width: 1025px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.4375rem}}@media screen and (max-width: 1280px)and (min-width: 1201px){.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb .carouselImg{width:50%}.isSamaLicense .isSamaRegulatory{width:86%}}@media screen and (min-width: 1025px)and (max-width: 1200px){.container,.reconsilationContainer{width:100%;margin:0 auto;padding:0 1rem 0 0}.container .overview{padding-left:1rem}.rightSideBlockWidth.fullWidth .footerMain.container,.rightSideBlockWidth.fullWidth .proceedMain.container{width:calc(100% - 74.4px - 1rem)}.rightSideBlockWidth.fullWidth .globalFooterContainer{width:calc(100% - 74.4px)}.rightSideBlockWidth.mainNavToggle .footerMain.container,.rightSideBlockWidth.mainNavToggle .proceedMain.container{width:calc(100% - 15rem - 1rem)}.rightSideBlockWidth.mainNavToggle .globalFooterContainer{width:calc(100% - 15rem)}.rightSideBlockWidth.subNavToggle .footerMain.container,.rightSideBlockWidth.subNavToggle .proceedMain.container{width:calc(82% - 74.4px - 1rem)}.rightSideBlockWidth.subNavToggle .globalFooterContainer{width:calc(82% - 74.4px)}.paySeparationLine .BeneficiarySearch{padding-right:10px;margin-right:10px}.swipperMainContainer{margin:0 10px}.swipperMainContainer .leftArrow{left:6px}.swipperMainContainer .RightArrow{right:10px}.header .hamburgerIcon{right:8px}.content{width:750px}.isBlockChainLottie>div{height:165px !important;width:165px !important}.apiActivities .inputWidth.apiDateFilter{width:24%}.header .container{padding:0 1rem}.history .transactionOverview{width:170px}.allUserProfileSideNav{flex:0 0 17%}.reconsilationTabs .buttonFlex .reconBtn.info{padding:16px 9px}.reconsilationTabs .roleWidth{margin-top:1rem}.pennyTabWidth{width:30%}.btnTabWidth{width:69%;text-align:right}.reconsilationBtmTabs .btn{margin-bottom:1rem}.reconsilationBtmTabs .btn:nth-child(4),.reconsilationBtmTabs .btn.info:hover{margin-right:0}.muleBlock .muleTabs .roleWidth{margin-bottom:1rem}.transactionDetails .mainDetails.normalMainDetails{max-height:245px}.bankAccNmFilter .accNmList>label{width:115px}.upcoming.logs .detailsPayment .name{width:115px;max-width:115px}.upcoming.logs .reviewLogs{margin-top:0}.upcoming.logs .reviewLogs .failure{margin-left:10px}.nameDisplay .emptySimmer{width:59px}.reconsilationBtmTabs{align-items:flex-start}.reconsilationMain .mb-2{margin-bottom:5rem}.txnSearchCompany .txnSearchField{width:192px}.txnSearchCompany .txnSearchField::placeholder{font-size:.75rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.txnSearchCompany .txnSearchField::placeholder{font-size:.6875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.txnSearchCompany .txnSearchField::placeholder{font-size:.625rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.txnSearchCompany .txnSearchField::placeholder{font-size:.5625rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.allUserProfileWrapper .globalFilterSideNav .sideNavWrapper .sideNavBar .filterCheck>label .filterSideNavLable{max-width:80px}.newPaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payStatus .payStatusSelection .inputSelect .listOfItems{width:216px}.newPaymentsTable.isPaymentSwitchTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.payAccNumber .payStatusSelection .inputSelect .listOfItems{width:426px}.newBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.billStatus .payStatusSelection .inputSelect .listOfItems{width:198px}.isDualAdminNav .filterSideNavBarUP.deactive{width:144px}.filterSideNavBarUP.globalFilterSideNav.deactive{width:196px}.pendingBulkApprovalTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:196px}.schedulepaymentsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.schedulePayStatus .payStatusSelection .inputSelect .listOfItems{width:216px}.newScheduleBillsTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.savedBillsStatus .payStatusSelection .inputSelect .listOfItems{width:216px}.table-th.benProfileDate .table-input{width:140px;margin-left:6px}.beneficaryProfileTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.benProfileStatus .payStatusSelection .inputSelect .listOfItems{width:174px}.uploadBulk .uploadBulkPayments .inputSelect .selectedItem .show-all{max-width:362px}.uploadBulk .uploadBulkPayments .payStatusField.mt-3 .btn-primary{width:51.2%}.roleBasedMainContainer .roleBasedContainer .roleBasedSettings .greyBox .bankNameStatusType .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .bankInternationalFlex .currencyFlex .defaultTextBox{width:306px}.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox{width:31.9%}.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .label{font-size:1rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .label{font-size:.9375rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .label{font-size:.875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .label{font-size:.8125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:1.125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:1.0625rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:1rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:.9375rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.respnseTimeLoader:empty{left:10px}.totalCalls:empty{left:-30px}.failedCallsLoader:empty{left:-90px}.activeInactiveLoader:empty{left:-108px}.operationalSummaryBal .operationalBox,.isCrmDashboard .crmStatusBlocks .isCrmStatusItem{margin-right:15px}.activityTitle.reconcileRecords{max-width:168px}.salesDashboardContainer .salesBoxes .salesBox{margin-right:15px}.salesDashboardContainer .salesStats .soaStats,.salesDashboardContainer .salesStats .payForecast{width:32.8%}.isTargetManagement .isTargetBoxes .isTargetBox{width:18.62%}.operationalSummaryBal .operationalBox{margin-right:15px}.roleBasedContainer .bankNameStatusType .bankAccountsFlex .formControl .isFlex .formField{width:78%}.crmActivities .IsNotesNReminders .isFollowUpTimings .isFollowUpBlock .isFollowUpTime{width:20%}.crmActivities .IsNotesNReminders .isFollowUpTimings .isFollowUpBlock .isFollowUpInfo{width:80%}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .totalCalls:empty{left:-50px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .failedCallsLoader{left:-82px}.payrollDataTable.payrollDetailsDataTable .table-th.pendingBulkApprStatus .payStatusSelection .inputSelect .listOfItems{width:196px}.analyticsCollectionDataTable table tr td span.bankName{width:120px}.tableDataSubTitle{max-width:175px}.tableDataTitle{max-width:175px}.paymentRaised{flex:inherit}.pendingPayments{margin:0}.pendingApprovers{min-width:280px;max-width:280px}.numberAmount{padding:30px 15px}.numberAmount strong{font-size:2.25rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.numberAmount strong{font-size:2.1875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.numberAmount strong{font-size:2.125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.numberAmount strong{font-size:2.0625rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{max-width:110px}.listOfApprovers .carousel-root .carousel.carousel-slider .slider-wrapper .slider .slide ul li.Cursor .itemName{max-width:60px}.lastTimeUpdate{left:20px}.balAmount{font-size:1.5rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.balAmount{font-size:1.4375rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.balAmount{font-size:1.375rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.balAmount{font-size:1.3125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.selectSection .selectOptionFont{width:72%}.paymentSection .userDashBoardSelector.calendaRow .selectOptionFont{width:50%}.sideNavWrapper{padding:20px 10px}.sideNavWrapper .sideNavBar>ul>li>a{font-size:.875rem;padding:8px 0}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.sideNavWrapper .sideNavBar>ul>li>a{font-size:.8125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.sideNavWrapper .sideNavBar>ul>li>a{font-size:.75rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.sideNavWrapper .sideNavBar>ul>li>a{font-size:.6875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.sideNavWrapper .sideNavBar>ul>li>ul>li>a{padding:8px 12px}li.isNavFlex.alignCenter .isSideNavIconImg::before{font-size:1.1125rem !important}li.isCreditCheckIcon.isNavFlex.alignCenter .isSideNavIconImg::before,li.isExpenseCheckIcon.isNavFlex.alignCenter .isSideNavIconImg::before{font-size:1.5rem !important}li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon .isSideNavIconImg::before,li.isNavFlex.alignCenter.isSettingsSidenavIcon .isSideNavIconImg::before{font-size:1.3rem !important}li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.675rem !important}li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isLetterOfGuaranteeSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.iseStatementSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isknowYourCustomerSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.55rem !important}li.sideNavBarTitle{padding-bottom:8px}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon{height:38px !important;width:38px !important}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isSideNavIconImg{width:26px !important;height:26px !important;background-size:26px !important}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon{height:38px !important;width:38px !important}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn{width:50%}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(4)::before{content:"";margin-right:12px;padding-left:12px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(10)::before{content:"";margin-right:12px;padding-left:12px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(3)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(5)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(7)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn:nth-child(9)::before{content:none;margin-right:0;padding-left:0}.groupUserFooterMain.footerMain .isPaymentsViewMore.removeSuggestionSection .isCompanyPayments .isPayFooterDivide{width:82%}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1.125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1.0625rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:1rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-size:.9375rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.0625rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:.9375rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.overview h3{font-size:.875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.overview h3{font-size:.8125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.overview h3{font-size:.75rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.overview h3{font-size:.6875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.overview h3 .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.625rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.overview h3 .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.5625rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.overview h3 .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.5rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.overview h3 .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.4375rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.overview h3 .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb .carouselImg{width:50%}.isSamaLicense .isSamaRegulatory{width:92%}.paymentSection{padding:30px}.paymentSection .dashBoardPendings{font-size:1rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.paymentSection .dashBoardPendings{font-size:.9375rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.paymentSection .dashBoardPendings{font-size:.875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.paymentSection .dashBoardPendings{font-size:.8125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.upcoming .topHead .isDashboardTotalCount{font-size:.875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.upcoming .topHead .isDashboardTotalCount{font-size:.8125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.upcoming .topHead .isDashboardTotalCount{font-size:.75rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.upcoming .topHead .isDashboardTotalCount{font-size:.6875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.bankAccounts .accountDetails img{max-height:22px}.bankAccounts .accountDetails .overBankAccount{font-size:.875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.bankAccounts .accountDetails .overBankAccount{font-size:.8125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.bankAccounts .accountDetails .overBankAccount{font-size:.75rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.bankAccounts .accountDetails .overBankAccount{font-size:.6875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.companiesBal .companySec{font-size:.875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1440px){.companiesBal .companySec{font-size:.8125rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1280px){.companiesBal .companySec{font-size:.75rem}}@media screen and (min-width: 1025px)and (max-width: 1200px)and (max-width: 1025px){.companiesBal .companySec{font-size:.6875rem}}@media screen and (min-width: 1025px)and (max-width: 1200px){.transactionHeader .BeneficiarySearch{padding-right:10px;margin-right:10px}.transactionHeader .BeneficiarySearch .searchBox .inpGroup .inpBlock .formField{padding-right:28px}.newMainAnalysis .w-83{width:78%}.newMainAnalysis .dropdownRadial{padding:15px 10px}}@media screen and (max-width: 1280px)and (min-width: 1024px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox]{width:50px;height:50px}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-pending-actions{font-size:2.375rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1440px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-pending-actions{font-size:2.3125rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1280px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-pending-actions{font-size:2.25rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1025px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-pending-actions{font-size:2.1875rem}}@media screen and (max-width: 1280px)and (min-width: 1024px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-Edit{font-size:1.625rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1440px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-Edit{font-size:1.5625rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1280px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-Edit{font-size:1.5rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1025px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-Edit{font-size:1.4375rem}}@media screen and (max-width: 1280px)and (min-width: 1024px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-invoice-approved{font-size:2rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1440px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-invoice-approved{font-size:1.9375rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1280px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-invoice-approved{font-size:1.875rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1025px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-invoice-approved{font-size:1.8125rem}}@media screen and (max-width: 1280px)and (min-width: 1024px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-paid{font-size:1.75rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1440px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-paid{font-size:1.6875rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1280px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-paid{font-size:1.625rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1025px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-paid{font-size:1.5625rem}}@media screen and (max-width: 1280px)and (min-width: 1024px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:first-child{font-size:.75rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1440px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:first-child{font-size:.6875rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1280px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:first-child{font-size:.625rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1025px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:first-child{font-size:.5625rem}}@media screen and (max-width: 1280px)and (min-width: 1024px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:last-child{font-size:.875rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1440px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:last-child{font-size:.8125rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1280px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:last-child{font-size:.75rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1025px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:last-child{font-size:.6875rem}}@media screen and (max-width: 1280px)and (min-width: 1024px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle .overDueAmountTitle{width:42%}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle h1{font-size:.75rem;white-space:nowrap}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1440px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle h1{font-size:.6875rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1280px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle h1{font-size:.625rem}}@media screen and (max-width: 1280px)and (min-width: 1024px)and (max-width: 1025px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle h1{font-size:.5625rem}}@media screen and (max-width: 1280px)and (min-width: 1024px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle .overDueAmountSubTitle{font-size:.5625rem}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle .overDueAmountSubTitle span{width:fit-content}}@media screen and (max-width: 1280px)and (min-width: 1024px){.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .overDueChart .draw_graph_container text.bar{font-size:12px !important}.invoiceViewDetails .px-4.invoiceDetaisResponsive{padding-left:.5rem;padding-right:.5rem}.invoiceViewDetails .px-4.invoiceDetaisResponsive .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .title{padding-right:.5rem;padding-left:.5rem}.invoiceViewDetails .px-4.invoiceDetaisResponsive .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs{padding:1.5rem .5rem 0 .5rem}.sideNavBarUP .supplierAccessBtn{padding:10px}.loginWrapper.panel,.loginWrapper.forgotPanel{width:430px}}@media screen and (max-width: 1279px)and (min-width: 1024px){.invoiceViewDetails .groupInvoiceTable .invoice-thead .invoice-tr .invoice-th:last-child{padding-right:10px}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td:last-child{padding-right:10px}.invoiceViewDetails .px-4.invoiceDetaisResponsive .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceResponsiveAlign{padding-right:.5rem;padding-left:.5rem}.invoiceViewDetails .px-4.invoiceDetaisResponsive .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .invoiceApprovalFlow{font-size:.75rem}}@media screen and (max-width: 1279px)and (min-width: 1024px)and (max-width: 1440px){.invoiceViewDetails .px-4.invoiceDetaisResponsive .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .invoiceApprovalFlow{font-size:.6875rem}}@media screen and (max-width: 1279px)and (min-width: 1024px)and (max-width: 1280px){.invoiceViewDetails .px-4.invoiceDetaisResponsive .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .invoiceApprovalFlow{font-size:.625rem}}@media screen and (max-width: 1279px)and (min-width: 1024px)and (max-width: 1025px){.invoiceViewDetails .px-4.invoiceDetaisResponsive .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .invoiceApprovalFlow{font-size:.5625rem}}@media screen and (max-width: 1279px)and (min-width: 1024px){.invoiceViewDetails .px-4.invoiceDetaisResponsive .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events li>span:first-child{flex:0}.insightsSwitchResponsive .inpGroupAppend{margin-bottom:15px}.insightsSwitchResponsive .sameRowInput.w34{width:40%;margin-bottom:15px !important}}@media screen and (max-width: 1024px)and (min-width: 768px){.container,.reconsilationContainer{width:100%;margin:0 auto;padding:0 1rem 0 0}.container .overview{padding-left:1rem}.rightSideBlockWidth.fullWidth .footerMain.container,.rightSideBlockWidth.fullWidth .proceedMain.container{width:calc(100% - 74.4px - 1rem)}.rightSideBlockWidth.fullWidth .globalFooterContainer{width:calc(100% - 74.4px)}.rightSideBlockWidth.mainNavToggle .footerMain.container,.rightSideBlockWidth.mainNavToggle .proceedMain.container{width:calc(100% - 15rem - 1rem)}.rightSideBlockWidth.mainNavToggle .globalFooterContainer{width:calc(100% - 15rem)}.rightSideBlockWidth.subNavToggle .footerMain.container,.rightSideBlockWidth.subNavToggle .proceedMain.container{width:calc(82% - 74.4px - 1rem)}.rightSideBlockWidth.subNavToggle .globalFooterContainer{width:calc(82% - 74.4px)}.header .hamburgerIcon{right:8px}.content{width:750px}.header .container{padding:0 1rem}.allUserProfileSideNav{flex:0 0 17%}.history .transactionOverview{width:170px}.reconsilationTabs .buttonFlex .reconBtn.info{padding:16px 7px}.supportPhone .fieldFontSize{width:250px}.multiTransactions{flex:.35}.multiTransactions .allUserSlct .css-1wa3eu0-placeholder>div{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;margin-top:-6px}.reconsilationTabs .roleWidth{margin-top:1rem}.pennyTabWidth{width:30%}.btnTabWidth{width:69%;text-align:right}.reconsilationBtmTabs .btn{margin-bottom:1rem}.reconsilationBtmTabs .btn:nth-child(3){margin-right:0}.muleBlock .muleTabs .roleWidth{margin-bottom:1rem}.transactionDetails .mainDetails.normalMainDetails{max-height:245px}.bankAccNmFilter .accNmList>label{width:115px}.upcoming.logs .detailsPayment .name{width:115px;max-width:115px}.reviewLogs{margin-top:16px}.upcoming .detailsPayment .description{max-width:450px}.balAmount{font-size:1.5rem}}@media screen and (max-width: 1024px)and (min-width: 768px)and (max-width: 1440px){.balAmount{font-size:1.4375rem}}@media screen and (max-width: 1024px)and (min-width: 768px)and (max-width: 1280px){.balAmount{font-size:1.375rem}}@media screen and (max-width: 1024px)and (min-width: 768px)and (max-width: 1025px){.balAmount{font-size:1.3125rem}}@media screen and (max-width: 1024px)and (min-width: 768px){.selectSection .selectOptionFont{width:72%}.paymentSection .userDashBoardSelector.calendaRow .selectOptionFont{width:50%}.balanceSlider{padding:26px;padding-right:0}.nameDisplay .emptySimmer{width:59px}.paymentSection{padding:30px}.operationalSummaryBal .operationalBox,.isCrmDashboard .crmStatusBlocks .isCrmStatusItem{margin-right:13px}.operationalSummaryBal .operationalBox .activityFlex .activityIcons{width:55px;height:55px}.txnSearchCompany .txnSearchField{width:192px}.txnSearchCompany .txnSearchField::placeholder{font-size:.75rem}}@media screen and (max-width: 1024px)and (min-width: 768px)and (max-width: 1440px){.txnSearchCompany .txnSearchField::placeholder{font-size:.6875rem}}@media screen and (max-width: 1024px)and (min-width: 768px)and (max-width: 1280px){.txnSearchCompany .txnSearchField::placeholder{font-size:.625rem}}@media screen and (max-width: 1024px)and (min-width: 768px)and (max-width: 1025px){.txnSearchCompany .txnSearchField::placeholder{font-size:.5625rem}}@media screen and (max-width: 1024px)and (min-width: 768px){.allUserProfileWrapper .globalFilterSideNav .sideNavWrapper .sideNavBar .filterCheck>label .filterSideNavLable{max-width:80px}.activityTitle.reconcileRecords{max-width:168px}.salesDashboardContainer .salesBoxes .salesBox{margin-right:15px}.tableDataSubTitle{max-width:150px}.tableDataTitle{max-width:150px}}@media screen and (max-width: 1440px)and (min-width: 768px){.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .accountDetails .isAccountsSec .companyName{max-width:100px;font-size:.875rem}}@media screen and (max-width: 1440px)and (min-width: 768px)and (max-width: 1440px){.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .accountDetails .isAccountsSec .companyName{font-size:.8125rem}}@media screen and (max-width: 1440px)and (min-width: 768px)and (max-width: 1280px){.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .accountDetails .isAccountsSec .companyName{font-size:.75rem}}@media screen and (max-width: 1440px)and (min-width: 768px)and (max-width: 1025px){.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .accountDetails .isAccountsSec .companyName{font-size:.6875rem}}@media screen and (max-width: 1440px)and (min-width: 768px){.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .accountDetails .amountCurrency{font-size:.875rem}}@media screen and (max-width: 1440px)and (min-width: 768px)and (max-width: 1440px){.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .accountDetails .amountCurrency{font-size:.8125rem}}@media screen and (max-width: 1440px)and (min-width: 768px)and (max-width: 1280px){.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .accountDetails .amountCurrency{font-size:.75rem}}@media screen and (max-width: 1440px)and (min-width: 768px)and (max-width: 1025px){.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .accountDetails .amountCurrency{font-size:.6875rem}}@media screen and (max-width: 1280px)and (min-width: 768px){.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .bankAccountHolder .userInfo .name{max-width:50%}}@media screen and (max-width: 1024px)and (min-width: 768px)and (orientation: landscape){.container,.reconsilationContainer{width:100%;margin:0 auto;padding:0 1rem 0 0}.container .overview{padding-left:1rem}.rightSideBlockWidth.fullWidth .footerMain.container,.rightSideBlockWidth.fullWidth .proceedMain.container{width:calc(100% - 74.4px - 1rem)}.rightSideBlockWidth.fullWidth .globalFooterContainer{width:calc(100% - 74.4px)}.rightSideBlockWidth.mainNavToggle .footerMain.container,.rightSideBlockWidth.mainNavToggle .proceedMain.container{width:calc(100% - 15rem - 1rem)}.rightSideBlockWidth.mainNavToggle .globalFooterContainer{width:calc(100% - 15rem)}.rightSideBlockWidth.subNavToggle .footerMain.container,.rightSideBlockWidth.subNavToggle .proceedMain.container{width:calc(82% - 74.4px - 1rem)}.rightSideBlockWidth.subNavToggle .globalFooterContainer{width:calc(82% - 74.4px)}.header .hamburgerIcon{right:8px}.header .container{padding:0 1rem}}@media(max-width: 640px)and (min-width: 320px){.header.topNavShadow.headerSticky{background-color:#fff;box-shadow:0px 0px 4px -1px rgba(137,148,165,.4)}.header.topNavShadow.headerSticky .container{padding:0 10px}.header.topNavShadow.headerSticky .isLangSwitch .changeLang{display:none}.indKycReqContainer{padding-top:0 !important}.indKycReqContainer .indKycReqBody{width:100% !important;padding:35px 10px !important}.header.topNavShadow.individualHeader .container{padding:0 10px}}
.isGoTop{position:fixed;bottom:5%;right:20px;z-index:1;cursor:pointer}.isGoTop .isFlexColumn .goTopTxt{color:#2a345e;font-size:.875rem}@media screen and (max-width: 1440px){.isGoTop .isFlexColumn .goTopTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.isGoTop .isFlexColumn .goTopTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.isGoTop .isFlexColumn .goTopTxt{font-size:.6875rem}}.isGoTop .isFlexColumn .goTopTxt{font-family:"Avenir-Roman"}[dir=rtl] .isGoTop .isFlexColumn .goTopTxt{font-family:"Almarai-Light"}.isGoTop .isFlexColumn .goTopTxt{padding-top:5px}.isGoTop .isFlexColumn .icon-status-down-arrow{color:#629bf9;transform:rotate(180deg) scale(1);font-size:1.875rem}@media screen and (max-width: 1440px){.isGoTop .isFlexColumn .icon-status-down-arrow{font-size:1.8125rem}}@media screen and (max-width: 1280px){.isGoTop .isFlexColumn .icon-status-down-arrow{font-size:1.75rem}}@media screen and (max-width: 1025px){.isGoTop .isFlexColumn .icon-status-down-arrow{font-size:1.6875rem}}
.isLayoutFlex{display:flex;min-height:100vh;width:100%;flex:1 1 auto;position:relative;padding-top:45px;left:0}.isLoginFlex{display:flex;height:100vh;min-height:100vh;width:100%;flex:1 1 auto;transition-property:width}.topNavShadow{box-shadow:0px 0px 4px -1px rgba(137,148,165,.4);transition:all .3s ease-in-out;position:fixed;left:0;right:0}.isGlobalNavSticky{position:sticky;top:70px;left:0px;z-index:50;display:block}.sideNavMain .isSideNavContainer{box-shadow:0 0px 0px 0px #bfc7d0,0 0px 0px 0px #bfc7d0,12px 5px 12px -22px rgba(191,199,208,.55),-14px 5px 12px -21px rgba(191,199,208,.55);overflow-y:scroll;overflow-x:hidden;margin-bottom:0}.sideNavMain .isSideNavContainer::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:0px}.sideNavMain .isSideNavContainer:hover::-webkit-scrollbar{width:8px;transition:all .5s}.sideNavMain .isSideNavContainer:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:8px}.sideNavMain .isSideNavContainer .isNavigation{display:block;height:100%;min-height:calc(100vh - 77.2px);font-size:.875rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation{font-size:.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation{font-size:.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation{font-size:.6875rem}}.sideNavMain .isSideNavContainer .isNavigation{line-height:1.25rem;width:4.65rem;transition-property:width;transition-duration:.3s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper{position:absolute;top:6px;left:0px;display:flex}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav{padding-left:6px;--tw-bg-opacity: 1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));width:4.5rem;transition-property:width;transition-duration:.3s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle{opacity:0;margin-left:6px;line-height:initial;display:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle li{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle li{font-family:"Almarai-Regular"}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle li{font-size:1rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle li{font-size:.9375rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle li{font-size:.875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle li{font-size:.8125rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle li{display:inline-block}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter{padding:.5rem 0 0rem .5rem;cursor:pointer;display:flex;transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon.isCount::after{content:"";position:absolute;right:5px;top:5px;width:4px;height:4px;padding:2px;background-color:#eb3223;border-radius:50%}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon{height:45px;width:45px;display:flex;align-items:center;justify-content:center;position:relative}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isSideNavIconImg{width:30px;height:30px;box-sizing:border-box;background-position:center;background-size:30px}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver{opacity:0;transform:scale(0);background:rgba(0,0,0,0) linear-gradient(313deg, #ffffff 0%, #ffffff 100%) 0% 0% no-repeat padding-box;height:130px;width:200px;border-radius:1rem;position:absolute;left:3.2rem;z-index:9;text-align:center;color:#fff;pointer-events:none;box-shadow:0 0 6px 0 #dbe1e9;transform-origin:center left;transition-duration:.3s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-property:opacity,transform;transition-delay:.2s;display:flex;align-items:center;justify-content:center;padding:12px}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipArrow{width:50px;height:26px;position:absolute;top:50%;left:-37px;overflow:hidden;transform:translateY(-50%) rotate(90deg);transition-duration:.3s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-property:top}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipArrow::after{content:"";position:absolute;width:25px;height:25px;background:#fff;transform:translateX(-50%) translateY(-50%) rotate(45deg);top:0;left:50%;box-shadow:1px 1px 4px 0px #dbe1e9}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody{align-items:center;justify-content:center}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon{display:flex;align-items:center;justify-content:center;background:#eb8b2d;padding:0px 6px;min-height:36px;width:116px;border-radius:8px;font-size:1.25rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon{font-size:1.1875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon{font-size:1.125rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon{font-size:1.0625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-case-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-user-profiles-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-master-data-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-support-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-sales-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-bank-accounts-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-beneficiary-master-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-workflow-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-roles-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-range-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-users-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-wallets-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-activity-logs-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-notifications-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-preferences-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-reconciliation-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-leads-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-activities-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-payments-tooltip.tooltipIcon{font-size:1.5rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-case-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-user-profiles-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-master-data-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-support-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-sales-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-bank-accounts-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-beneficiary-master-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-workflow-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-roles-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-range-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-users-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-wallets-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-activity-logs-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-notifications-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-preferences-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-reconciliation-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-leads-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-activities-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-payments-tooltip.tooltipIcon{font-size:1.4375rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-case-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-user-profiles-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-master-data-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-support-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-sales-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-bank-accounts-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-beneficiary-master-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-workflow-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-roles-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-range-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-users-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-wallets-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-activity-logs-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-notifications-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-preferences-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-reconciliation-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-leads-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-activities-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-payments-tooltip.tooltipIcon{font-size:1.375rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-case-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-user-profiles-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-master-data-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-support-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-sales-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-bank-accounts-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-beneficiary-master-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-workflow-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-roles-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-range-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-users-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-wallets-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-activity-logs-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-notifications-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .tooltipIcon.icon-preferences-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-reconciliation-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-leads-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-activities-tooltip,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-payments-tooltip.tooltipIcon{font-size:1.3125rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-analytics-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-payroll-tooltip.tooltipIcon{font-size:1.875rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-analytics-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-payroll-tooltip.tooltipIcon{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-analytics-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-payroll-tooltip.tooltipIcon{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-analytics-tooltip.tooltipIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .icon-payroll-tooltip.tooltipIcon{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isTitle{font-size:1rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isTitle{font-size:.8125rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isTitle{color:#eb8b2d;font-family:"Avenir-Heavy"}[dir=rtl] .sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isTitle{font-family:"Almarai-Bold"}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isTitle{padding-bottom:12px}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isDesc{font-size:.875rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isDesc{font-size:.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isDesc{font-size:.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isDesc{font-size:.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isDesc{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipBody .isDesc{font-family:"Almarai-Light"}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon:hover .isTooltipPopOver{opacity:1;transform:scale(1)}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavTitle li{color:#eb8b2d}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg{position:relative}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon{height:45px;width:45px;display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg{width:30px;height:30px;box-sizing:border-box;background-position:center;background-size:30px}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:first-child .isSideNavImg .isSideNavIcon .isTooltipPopOver{top:-8px}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:first-child .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipArrow{top:25%}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:last-child .isSideNavImg .isSideNavIcon .isTooltipPopOver{top:auto;bottom:-12px}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:last-child .isSideNavImg .isSideNavIcon .isTooltipPopOver .isTooltipArrow{top:75%}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none;display:flex;align-items:center;justify-content:center}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.3125rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.25rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.1875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.125rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{color:#eb8b2d;font-family:"icomoon" !important}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavImg .isSideNavIcon{background:#cbdefd;border-radius:8px;transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavImg .isSideNavIcon:hover .isTooltipPopOver{opacity:0}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.active .isSideNavTitle li{color:#eb8b2d}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateOverviewSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateOverviewSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/c206983ee29ae50c369a.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateOverviewSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateOverviewSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateOverviewSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateOverviewSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateOverviewSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateOverviewSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:""}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateTxnSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateTxnSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/9b5a24db3e9bd644cb6e.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.5rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.4375rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.375rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.3125rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCreditCheckIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/f1f2b7b8aacfd0b9f04a.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCreditCheckIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCreditCheckIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.8125rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCreditCheckIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCreditCheckIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCreditCheckIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCreditCheckIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCreditCheckIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCreditCheckIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isExpenseCheckIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/9e35edd28a596fa9664f.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isExpenseCheckIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isExpenseCheckIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.8125rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isExpenseCheckIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isExpenseCheckIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isExpenseCheckIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isExpenseCheckIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isExpenseCheckIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isExpenseCheckIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isLetterOfGuaranteeSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/b3c4faaace6b3ebad162.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isLetterOfGuaranteeSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isLetterOfGuaranteeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.8125rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isLetterOfGuaranteeSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isLetterOfGuaranteeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isLetterOfGuaranteeSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isLetterOfGuaranteeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isLetterOfGuaranteeSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isLetterOfGuaranteeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isIncomeInsightIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/56f3152501eb20754f50.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIncomeInsightIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIncomeInsightIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.8125rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIncomeInsightIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIncomeInsightIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIncomeInsightIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIncomeInsightIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIncomeInsightIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIncomeInsightIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.iseStatementSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/b32fc4c642e37d3e29aa.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.iseStatementSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.iseStatementSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.875rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.iseStatementSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.iseStatementSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.iseStatementSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.iseStatementSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.iseStatementSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.iseStatementSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isknowYourCustomerSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/95623e5bc56ce1ee2008.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isknowYourCustomerSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isknowYourCustomerSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.8125rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isknowYourCustomerSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isknowYourCustomerSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isknowYourCustomerSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isknowYourCustomerSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isknowYourCustomerSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isknowYourCustomerSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSettingsSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSettingsSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/a28ede9cf3b36380becb.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSettingsSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSettingsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSettingsSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSettingsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:""}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSettingsSidenavIcon.isNavFlex.alignCenter{border-top:1px solid rgba(191,199,208,.3);width:95%;margin-top:.5rem}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isHelpSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isHelpSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/1251bda2afdb1f50271b.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isHelpSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isHelpSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isHelpSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isHelpSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.5rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isHelpSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isHelpSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.4375rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isHelpSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isHelpSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.375rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isHelpSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isHelpSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.3125rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav.isAnimation{width:calc(15rem - 8px)}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav.isAnimation .isSideNavTitle{opacity:1}.sideNavMain .isSideNavContainer .isNavigation.isAnimation{width:calc(15rem - 8px)}.sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation .isSideNavTitle{display:flex;align-items:center;justify-content:space-between;width:100%}.sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation .isSideNavTitle span{margin-right:8px;color:#eb3223;font-size:.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation .isSideNavTitle span{font-size:.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation .isSideNavTitle span{font-size:.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation .isSideNavTitle span{font-size:.5625rem}}.sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation .isSideNavTitle span{font-family:"Avenir-Heavy"}[dir=rtl] .sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation .isSideNavTitle span{font-family:"Almarai-Bold"}.sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation .isSideNavTitle span{height:22px;padding:0 5px;border-radius:4px;background-color:#f9c2bd;display:flex;align-items:center;justify-content:center;border:1px solid #f9c2bd}.sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation li.isNavFlex.alignCenter .isSideNavImg .isSideNavIcon:hover .isTooltipPopOver{opacity:0}@media(hover: none){.isSideNavContainer::-webkit-scrollbar{width:8px}.isSideNavContainer::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}}li.isNavFlex.alignCenter.active.sdkSideNavBox .isSideNavImg .isSideNavIcon{background:none !important}.sdkSideNavList{border-left:1px solid #cbdefd;margin-left:25px}.sdkSideNavList>li{display:block;margin-left:14px;margin-right:8px;color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.sdkSideNavList>li{font-size:.8125rem}}@media screen and (max-width: 1280px){.sdkSideNavList>li{font-size:.75rem}}@media screen and (max-width: 1025px){.sdkSideNavList>li{font-size:.6875rem}}.sdkSideNavList>li{font-family:"Avenir-Medium"}[dir=rtl] .sdkSideNavList>li{font-family:"Almarai-Regular"}.sdkSideNavList>li{padding:8px 12px;-webkit-transition:0.5s;transition:0.5s;-moz-transition:0.5s;line-height:initial;border-radius:4px;cursor:pointer}.sdkSideNavList>li:hover{background-color:#f3f5fd;color:#395293}.sdkSideNavList.isActive li{background-color:#cbdefd;color:#395293;font-family:"Avenir-Heavy"}[dir=rtl] .sdkSideNavList.isActive li{font-family:"Almarai-Bold"}.sdkDownArrow{padding-right:10px;transform:rotate(0deg);cursor:pointer;transition:.3s;color:#8994a5}.sdkDownArrow.sdktoggleIcon{transform:rotate(180deg);padding-left:10px;transition:.3s}
.whitePanel.lg_container{background-color:#f8fcfd}.requestLG .isDatePickerLabel .react-datepicker-wrapper{width:100%}.requestLG .cardBox{padding:15px 25px;border:1px solid #dbe1e9;border-radius:8px;background-color:#fff}.requestLG .cardBox h1{font-size:1.25rem}@media screen and (max-width: 1440px){.requestLG .cardBox h1{font-size:1.1875rem}}@media screen and (max-width: 1280px){.requestLG .cardBox h1{font-size:1.125rem}}@media screen and (max-width: 1025px){.requestLG .cardBox h1{font-size:1.0625rem}}.requestLG .cardBox .isLGSecSeperation{margin-top:9px}.requestLG .cardBox.noRadius{border-radius:0 0 8px 8px;border-top:0;padding:35px 25px 20px}.requestLG .cardBox.isActive{border-radius:8px 8px 0 0}.requestLG .cardBox.cardDefault{background-color:#f3f5fd}.requestLG .crNumberTitle{margin:12px 0;display:flex;flex-wrap:wrap}.requestLG .crNumberTitle .compTitle{font-family:"Avenir-Heavy"}[dir=rtl] .requestLG .crNumberTitle .compTitle{font-family:"Almarai-Bold"}.requestLG .crNumberTitle .compTitle{margin:6px 6px 6px 0}.requestLG .crNumberTitle .errorMessage{padding-top:0}.requestLG .crNumberTitle span{font-size:.875rem}@media screen and (max-width: 1440px){.requestLG .crNumberTitle span{font-size:.8125rem}}@media screen and (max-width: 1280px){.requestLG .crNumberTitle span{font-size:.75rem}}@media screen and (max-width: 1025px){.requestLG .crNumberTitle span{font-size:.6875rem}}.requestLG .crNumberTitle span{color:#8994a5}.requestLG .number{width:40px;height:40px;background:#dbe1e9;border-radius:50px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1440px){.requestLG .number{font-size:1.1875rem}}@media screen and (max-width: 1280px){.requestLG .number{font-size:1.125rem}}@media screen and (max-width: 1025px){.requestLG .number{font-size:1.0625rem}}.requestLG .number{color:#384150;margin-right:16px;font-family:"Avenir-Heavy"}[dir=rtl] .requestLG .number{font-family:"Almarai-Bold"}.requestLG .LeftSec{flex:.3}.requestLG .LeftSec .title{font-size:1rem}@media screen and (max-width: 1440px){.requestLG .LeftSec .title{font-size:.9375rem}}@media screen and (max-width: 1280px){.requestLG .LeftSec .title{font-size:.875rem}}@media screen and (max-width: 1025px){.requestLG .LeftSec .title{font-size:.8125rem}}.requestLG .LeftSec .moduleSubTitle{font-size:.75rem}@media screen and (max-width: 1440px){.requestLG .LeftSec .moduleSubTitle{font-size:.6875rem}}@media screen and (max-width: 1280px){.requestLG .LeftSec .moduleSubTitle{font-size:.625rem}}@media screen and (max-width: 1025px){.requestLG .LeftSec .moduleSubTitle{font-size:.5625rem}}.requestLG .LeftSec .moduleSubTitle{width:70%;line-height:18px;margin-top:10px;font-family:"Avenir-Medium"}[dir=rtl] .requestLG .LeftSec .moduleSubTitle{font-family:"Almarai-Regular"}.requestLG .LeftSec .moduleSubTitle{color:#8994a5}.requestLG .RightSec{flex:.45}.requestLG .RightSec .formControl{margin-bottom:16px}.requestLG .RightSec .formControl .icon-calendar:before{font-size:1.25rem}@media screen and (max-width: 1440px){.requestLG .RightSec .formControl .icon-calendar:before{font-size:1.1875rem}}@media screen and (max-width: 1280px){.requestLG .RightSec .formControl .icon-calendar:before{font-size:1.125rem}}@media screen and (max-width: 1025px){.requestLG .RightSec .formControl .icon-calendar:before{font-size:1.0625rem}}.requestLG .RightSec .formControl .icon-calendar:before{margin:6px;position:absolute;right:8px;color:#8994a5;top:8px}.requestLG .RightSec .twoCol .formControl{width:calc(50% - .5rem)}.requestLG .RightSec .twoCol .formControl:last-child{margin-left:1rem}.requestLG .RightSec .twoCol .formControl:nth-child(odd){margin-left:0}.requestLG .RightSec .threeCol .formControl{width:31.5%;margin-right:1rem}.requestLG .RightSec .threeCol .formControl:last-child{margin-right:0}.requestLG .RightSec .iconVerify{color:#62bd69;margin-left:12px}.requestLG .LG_RG_Btn{position:relative}.requestLG .LG_RG_Btn .sameAddBtn{position:absolute;left:0;bottom:0;width:auto;margin-bottom:10px}.requestLG .LG_RG_Btn>span{flex:.75;border-top:1px solid #dbe1e9;padding-top:20px}.requestLG .LG_RG_Btn{text-align:right}.requestLG .LG_RG_Btn button{min-width:105px;font-family:"Avenir-Medium"}[dir=rtl] .requestLG .LG_RG_Btn button{font-family:"Almarai-Regular"}.requestLG .LG_RG_Btn button{height:44px}.requestLG .LG_RG_Btn .btn-primary{margin-left:15px;line-height:unset}.requestLG .addressBtn{font-size:.875rem}@media screen and (max-width: 1440px){.requestLG .addressBtn{font-size:.8125rem}}@media screen and (max-width: 1280px){.requestLG .addressBtn{font-size:.75rem}}@media screen and (max-width: 1025px){.requestLG .addressBtn{font-size:.6875rem}}.requestLG .addressBtn{margin-bottom:15px;font-family:"Avenir-Medium"}[dir=rtl] .requestLG .addressBtn{font-family:"Almarai-Regular"}.isLgRequestSuccess{border:1px solid #dbe1e9;background-color:#fff;border-radius:8px;padding:45px 32px}.isLgRequestSuccess button{width:40%}.LG_ViewD-Box{padding-top:20px}.LG_ViewD-Box span{font-size:.75rem}@media screen and (max-width: 1440px){.LG_ViewD-Box span{font-size:.6875rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box span{font-size:.625rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box span{font-size:.5625rem}}.LG_ViewD-Box span{display:block;color:#8994a5;margin-bottom:5px}.LG_ViewD-Box strong{font-size:.875rem}@media screen and (max-width: 1440px){.LG_ViewD-Box strong{font-size:.8125rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box strong{font-size:.75rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box strong{font-size:.6875rem}}.LG_ViewD-Box strong{color:#384150;line-height:22px}.LG_ViewD-Box .LG_VD-Section{margin-bottom:15px;font-family:"Avenir-Medium"}[dir=rtl] .LG_ViewD-Box .LG_VD-Section{font-family:"Almarai-Regular"}.LG_ViewD-Box .LG_TwoCol>div{width:50%}.LG_ViewD-Box .LG_TwoCol>div strong{padding-right:6px;width:100%;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.LG_ViewD-Box .LG_TwoCol.LG_ThreeCol>div{width:31%}.LG_ViewD-Box .requestLG{flex:.7;padding:0 15px 0 0}.LG_ViewD-Box .requestLG .LeftSec{flex:.4}.LG_ViewD-Box .requestLG .RightSec{flex:.6}.LG_ViewD-Box .rightSec{flex:.3}.LG_ViewD-Box .viewBox{margin-bottom:30px;border:1px solid #dbe1e9;background-color:#fff}.LG_ViewD-Box .viewBox h1.title{padding:25px;font-size:1.25rem}@media screen and (max-width: 1440px){.LG_ViewD-Box .viewBox h1.title{font-size:1.1875rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box .viewBox h1.title{font-size:1.125rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box .viewBox h1.title{font-size:1.0625rem}}.LG_ViewD-Box .viewBox .cardBox.noRadius{border:none;border-top:1px solid #dbe1e9}.LG_ViewD-Box .viewBox.isRadius{border-radius:8px}.LG_ViewD-Box .DetailsBox{border:1px solid #dbe1e9;padding:25px 15px;background-color:#fff;border-radius:8px}.LG_ViewD-Box .DetailsBox>p{font-size:1.125rem}@media screen and (max-width: 1440px){.LG_ViewD-Box .DetailsBox>p{font-size:1.0625rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box .DetailsBox>p{font-size:1rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box .DetailsBox>p{font-size:.9375rem}}.LG_ViewD-Box .DetailsBox>section{padding-top:15px}.LG_ViewD-Box .DetailsBox h6{font-size:1.25rem}@media screen and (max-width: 1440px){.LG_ViewD-Box .DetailsBox h6{font-size:1.1875rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box .DetailsBox h6{font-size:1.125rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box .DetailsBox h6{font-size:1.0625rem}}.LG_ViewD-Box .DetailsBox h6{font-family:"Avenir-Heavy"}[dir=rtl] .LG_ViewD-Box .DetailsBox h6{font-family:"Almarai-Bold"}.LG_ViewD-Box .DetailsBox span,.LG_ViewD-Box .DetailsBox small{font-size:.875rem}@media screen and (max-width: 1440px){.LG_ViewD-Box .DetailsBox span,.LG_ViewD-Box .DetailsBox small{font-size:.8125rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box .DetailsBox span,.LG_ViewD-Box .DetailsBox small{font-size:.75rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box .DetailsBox span,.LG_ViewD-Box .DetailsBox small{font-size:.6875rem}}.LG_ViewD-Box .DetailsBox button{min-width:145px;font-size:.875rem}@media screen and (max-width: 1440px){.LG_ViewD-Box .DetailsBox button{font-size:.8125rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box .DetailsBox button{font-size:.75rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box .DetailsBox button{font-size:.6875rem}}.LG_ViewD-Box .bankReason{margin:48px 0 15px;font-size:1.125rem}@media screen and (max-width: 1440px){.LG_ViewD-Box .bankReason{font-size:1.0625rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box .bankReason{font-size:1rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box .bankReason{font-size:.9375rem}}.LG_ViewD-Box .bankReason{font-family:"Avenir-Medium"}[dir=rtl] .LG_ViewD-Box .bankReason{font-family:"Almarai-Regular"}.LG_ViewD-Box .bankReason{color:#eb3223}.LG_ViewD-Box.reviewDetails span{font-size:.875rem}@media screen and (max-width: 1440px){.LG_ViewD-Box.reviewDetails span{font-size:.8125rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box.reviewDetails span{font-size:.75rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box.reviewDetails span{font-size:.6875rem}}.LG_ViewD-Box.reviewDetails strong{font-size:1rem}@media screen and (max-width: 1440px){.LG_ViewD-Box.reviewDetails strong{font-size:.9375rem}}@media screen and (max-width: 1280px){.LG_ViewD-Box.reviewDetails strong{font-size:.875rem}}@media screen and (max-width: 1025px){.LG_ViewD-Box.reviewDetails strong{font-size:.8125rem}}.LG_ViewD-Box.reviewDetails .requestLG .viewBox{border-top:0}.LG_ViewD-Box.reviewDetails .requestLG .LG_VD-Section{margin-bottom:15px}.LG_ViewD-Box.reviewDetails .requestLG .RightSec{flex:.45}.LG_ViewD-Box.reviewDetails .thirdPartyNote{padding:15px;width:75%}.LG_ViewD-Box.reviewDetails .thirdPartyNote span{display:inline-block;margin-bottom:0}.LG_ViewD-Box.reviewDetails .termsPolicy{display:inline-block;width:75%}.LG_ViewD-Box.reviewDetails .termsPolicy span{display:inline-block}.LG_ViewD-Box.reviewDetails .termsPolicy .isBankName{font-family:"Avenir-Heavy"}[dir=rtl] .LG_ViewD-Box.reviewDetails .termsPolicy .isBankName{font-family:"Almarai-Bold"}.LG_ViewD-Box.reviewDetails .termsPolicy .isBankName{color:#384150}.LG_ViewD-Box.reviewDetails .isLgOthersRequestApprove{width:60%;margin:0 auto;padding-top:0}.LG_ViewD-Box.reviewDetails .isLgOthersRequestApprove .bankAccountText{padding-top:0}.LG_ViewD-Box.reviewDetails .isLgOthersRequestApprove .LG_RG_Btn{border-top:1px solid #dbe1e9;padding-top:26px;margin-top:16px}.LG_ViewD-Box .summaryTxnLoader{width:155px}@media only screen and (max-width: 1280px),only screen and (max-device-width: 1280px){.requestLG .LeftSec .moduleSubTitle{width:auto}.requestLG .RightSec{flex:.58;padding-left:10px}.requestLG .LG_RG_Btn>span{flex:.88}.LG_ViewD-Box .DetailsBox button{font-size:.75rem;min-width:auto}}@media only screen and (max-width: 1280px)and (max-width: 1440px),only screen and (max-device-width: 1280px)and (max-width: 1440px){.LG_ViewD-Box .DetailsBox button{font-size:.6875rem}}@media only screen and (max-width: 1280px)and (max-width: 1280px),only screen and (max-device-width: 1280px)and (max-width: 1280px){.LG_ViewD-Box .DetailsBox button{font-size:.625rem}}@media only screen and (max-width: 1280px)and (max-width: 1025px),only screen and (max-device-width: 1280px)and (max-width: 1025px){.LG_ViewD-Box .DetailsBox button{font-size:.5625rem}}@media only screen and (max-width: 1170px),only screen and (max-device-width: 1170px){.LG_ViewD-Box .DetailsBox button{padding:10px 12px}}.dateCard{position:relative;z-index:1}.formControl .isInputField.pr-70{padding-right:70px}.formControl .rightBtn{position:absolute;right:20px;color:#5090f8;top:16px;font-size:.875rem}@media screen and (max-width: 1440px){.formControl .rightBtn{font-size:.8125rem}}@media screen and (max-width: 1280px){.formControl .rightBtn{font-size:.75rem}}@media screen and (max-width: 1025px){.formControl .rightBtn{font-size:.6875rem}}.formControl .rightBtn{font-family:"Avenir-Medium"}[dir=rtl] .formControl .rightBtn{font-family:"Almarai-Regular"}.downArrow{transition:transform .3s ease-out;color:#8994a5;transform:rotate(180deg);cursor:pointer;font-size:1.5rem}@media screen and (max-width: 1440px){.downArrow{font-size:1.4375rem}}@media screen and (max-width: 1280px){.downArrow{font-size:1.375rem}}@media screen and (max-width: 1025px){.downArrow{font-size:1.3125rem}}.downArrow{font-weight:600}.downArrow.toggle{transform:rotate(0deg)}.eStatement .calendar{position:absolute;right:5px;top:7px}.eStatement .calendar button.icon-calendar{border:none}.eStatmentOtherBtn{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.eStatmentOtherBtn.justifyEnd{justify-content:end}.eStatmentOtherBtn .w50{width:46%;height:44px;border-radius:4px;line-height:inherit}.requestSuccessBody span.mediumblueyGrey{line-height:24px;margin-bottom:20px;display:inline-block}.requestSuccessBody span.mediumblueyGrey span{font-family:"Avenir-Heavy"}[dir=rtl] .requestSuccessBody span.mediumblueyGrey span{font-family:"Almarai-Bold"}.requestBankPopup .sliderPopupBody{height:calc(100vh - 165px)}.requestBankPopup .bankAccBtns{padding:20px 45px}.requestBankPopup .openBankPermissionLst .termsConditions .iconGlobal{width:45px;height:45px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;padding:0}.requestBankPopup .openBankPermissionLst .termsConditions .iconGlobal.icon-users-tooltip{font-size:1.875rem}@media screen and (max-width: 1440px){.requestBankPopup .openBankPermissionLst .termsConditions .iconGlobal.icon-users-tooltip{font-size:1.8125rem}}@media screen and (max-width: 1280px){.requestBankPopup .openBankPermissionLst .termsConditions .iconGlobal.icon-users-tooltip{font-size:1.75rem}}@media screen and (max-width: 1025px){.requestBankPopup .openBankPermissionLst .termsConditions .iconGlobal.icon-users-tooltip{font-size:1.6875rem}}.existingPdBody{padding:20px 45px}.bankAccountText.isPopupMediumContent span{color:#384150}.existingPopupBody{background:#f3f5fd}.existingPopupBody .existingBox{width:calc(100% - 62px);margin-left:12px}.existingPopupBody .existingBox .romanFontClrCrGrey{font-size:.75rem}@media screen and (max-width: 1440px){.existingPopupBody .existingBox .romanFontClrCrGrey{font-size:.6875rem}}@media screen and (max-width: 1280px){.existingPopupBody .existingBox .romanFontClrCrGrey{font-size:.625rem}}@media screen and (max-width: 1025px){.existingPopupBody .existingBox .romanFontClrCrGrey{font-size:.5625rem}}.existingPopupBody .existingBox .romanFontClrCrGrey{padding-left:4px}.existingPopupBody .existingBox h6{max-width:calc(100% - 100px);font-family:"Avenir-Heavy"}[dir=rtl] .existingPopupBody .existingBox h6{font-family:"Almarai-Bold"}.existingPopupBody img{width:40px}.existingPopupBody .isAccPriority{border:1px solid #dbe1e9;border-radius:4px;padding:10px;background:#fff;margin-top:15px}.existingPopupBody .isAccPriority.selectAccounts label input[type=checkbox]:checked{background-color:#5090f8}.existingPopupBody .isAccPriority.selectAccounts label input[type=checkbox]:checked::after{border-color:#fff;top:2.5px}.existingPopupBody .isAccPriority>label>input[type=checkbox]:not(.switch){border-radius:8%}.existingPopupBody .icon-check-mark-filled{color:#62bd69;font-size:1.375rem}@media screen and (max-width: 1440px){.existingPopupBody .icon-check-mark-filled{font-size:1.3125rem}}@media screen and (max-width: 1280px){.existingPopupBody .icon-check-mark-filled{font-size:1.25rem}}@media screen and (max-width: 1025px){.existingPopupBody .icon-check-mark-filled{font-size:1.1875rem}}.existingPopupBody .icon-check-mark-filled{margin-right:.5rem}.lg_container .newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payDateNtime.pdl-25{padding-left:25px}.lg_container .newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDateNtime{width:18%}.lg_container .newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.pdl-16{padding-left:16px}.lg_container .newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.pdl-25{padding-left:25px}.lg_container .newPaymentsTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payDateNtime.pdl-25{padding-left:10px}.dataTable.invoiceDataTable.lg_DataTable .OSV-TableContainer .customReactTable .tableHead.tableHeaderSticky .table-th.invoiceDateNtime,.dataTable.invoiceDataTable.lg_DataTable .OSV-TableContainer .customReactTable .tableHead.tableHeaderSticky .table-td.invoiceDateNtime,.dataTable.invoiceDataTable.lg_DataTable .OSV-TableContainer .customReactTable .tableBody .table-th.invoiceDateNtime,.dataTable.invoiceDataTable.lg_DataTable .OSV-TableContainer .customReactTable .tableBody .table-td.invoiceDateNtime{width:19%;padding:16px 28px}.wrapperCheck{display:inline-flex;vertical-align:text-bottom}.wrapperCheck .animated-check{width:25px;height:25px}.wrapperCheck .animated-check path{fill:none;stroke:#7ac142;stroke-width:4;stroke-dasharray:23;stroke-dashoffset:23;animation:draw .9s linear forwards;stroke-linecap:round;stroke-linejoin:round}.wrapperCheckRight{position:absolute;right:20px;top:11px}.wrapperCheckRight .animated-check path{stroke:#62bd69;animation:draw .3s linear forwards}@keyframes draw{to{stroke-dashoffset:0}}.LGDateNtime{width:16%}.LGDetailsBank{width:20%}.LGbeneficiaryDetails{width:20%}.LGexpiryDate{width:19%}.LGamountNStatus{width:20%}.LGActions{width:5%}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper{top:auto !important;transform:none !important;left:25px !important}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:25px !important}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGActions{display:none}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGDateNtime{padding-left:25px}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGexpiryDate .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker,.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGDateNtime .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker{display:flex}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGexpiryDate .datePickerPosition,.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGDateNtime .datePickerPosition{position:relative}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGexpiryDate .datePickerPosition .icon-cross-mark-filled,.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGDateNtime .datePickerPosition .icon-cross-mark-filled{top:-23px;right:5px}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGexpiryDate .react-datepicker__tab-loop .react-datepicker-popper{inset:auto auto auto 0px !important}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.LGamountNStatus{width:25%;text-align:right;padding-right:25px}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.payStatus{display:none}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.LGamountNStatus .payStatusSelection .inputSelect .selectedItem.table-input{width:100%;border:none}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.LGamountNStatus .payStatusSelection .inputSelect .icon{position:absolute;right:10px;top:12px}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.LGamountNStatus .payStatusSelection .inputSelect .listOfItems{width:100%}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.LGamountNStatus .table-input{text-align:right;padding-right:7px;padding-left:25px}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.LGamountNStatus .icon-cross-mark-filled{left:14px;right:auto;top:21px}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr{cursor:pointer}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGDateNtime{padding-left:25px}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGDateNtime .tableDataSubTitle{font-family:"Avenir-Medium"}[dir=rtl] .dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGDateNtime .tableDataSubTitle{font-family:"Almarai-Regular"}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGDateNtime .tableDataSubTitle{color:#384150}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGDateNtime .tableDataTitle{font-family:"Avenir-Medium"}[dir=rtl] .dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGDateNtime .tableDataTitle{font-family:"Almarai-Regular"}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payStatus{width:5%}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGamountNStatus .tableDataTitle{font-size:.875rem}@media screen and (max-width: 1440px){.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGamountNStatus .tableDataTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGamountNStatus .tableDataTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGamountNStatus .tableDataTitle{font-size:.6875rem}}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGexpiryDate .tableDataTitle{font-family:"Avenir-Medium"}[dir=rtl] .dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGexpiryDate .tableDataTitle{font-family:"Almarai-Regular"}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGActions .transcationTooltip .bottom{max-width:175px;width:175px}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGbeneficiaryDetails .tableDataTitle{display:flex;align-items:center}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGbeneficiaryDetails .tableDataTitle .icon-New-User-icon{margin-right:8px;color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGbeneficiaryDetails .tableDataTitle .icon-New-User-icon{font-size:.9375rem}}@media screen and (max-width: 1280px){.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGbeneficiaryDetails .tableDataTitle .icon-New-User-icon{font-size:.875rem}}@media screen and (max-width: 1025px){.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGbeneficiaryDetails .tableDataTitle .icon-New-User-icon{font-size:.8125rem}}.dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGbeneficiaryDetails .tableDataTitle .filterTruncate{font-family:"Avenir-Medium"}[dir=rtl] .dataTable.lg-DataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.LGbeneficiaryDetails .tableDataTitle .filterTruncate{font-family:"Almarai-Regular"}.financialLGDetails .financialLG .title{font-size:1.5rem}@media screen and (max-width: 1440px){.financialLGDetails .financialLG .title{font-size:1.4375rem}}@media screen and (max-width: 1280px){.financialLGDetails .financialLG .title{font-size:1.375rem}}@media screen and (max-width: 1025px){.financialLGDetails .financialLG .title{font-size:1.3125rem}}.financialLGDetails{line-height:24px;font-size:.875rem}@media screen and (max-width: 1440px){.financialLGDetails{font-size:.8125rem}}@media screen and (max-width: 1280px){.financialLGDetails{font-size:.75rem}}@media screen and (max-width: 1025px){.financialLGDetails{font-size:.6875rem}}.financialLGDetails span{color:#384150;font-family:"Avenir-Medium"}[dir=rtl] .financialLGDetails span{font-family:"Almarai-Regular"}.financialLGDetails span.lightColor{color:#8994a5}.financialLGDetails strong{font-family:"Avenir-Heavy"}[dir=rtl] .financialLGDetails strong{font-family:"Almarai-Bold"}.financialLGDetails .addressDetails span{display:block}.financialLGDetails .digitalSignature img{width:110px}.financialLGDetails .digitalSignature span{display:block}.financialLGDetails .letterDetails>strong{font-size:1rem}@media screen and (max-width: 1440px){.financialLGDetails .letterDetails>strong{font-size:.9375rem}}@media screen and (max-width: 1280px){.financialLGDetails .letterDetails>strong{font-size:.875rem}}@media screen and (max-width: 1025px){.financialLGDetails .letterDetails>strong{font-size:.8125rem}}.financialLGLoading .imgLoader.summaryTxnLoader{height:44px}.financialLGLoading span{margin-bottom:10px;display:block;color:#8994a5}.financialLGLoading .mainBox.financialDetails{margin-left:0}.mediumColor{color:#384150}.isLayoutExpand .requestLG .threeCol .formControl{width:31%}.isLayoutExpand .requestLG .LG_RG_Btn>span{flex:.85}.isLayoutExpand .requestRightSect .RightSec{flex:.55}.requestRightSect .formControl textarea{vertical-align:top}.lgAmtCurrencyInput .selectOptionFont [class*=css-][class*=-control]{border-top-right-radius:0;border-bottom-right-radius:0}.lgAmtCurrencyInput .isAmountCurInput .isInputField{border-top-left-radius:0;border-bottom-left-radius:0}@media screen and (max-width: 1336px),only screen and (max-device-width: 1336px){.requestRightSect .RightSec{flex:.6}.requestLG .LG_RG_Btn>span{flex:.9}.isLayoutExpand .requestRightSect .RightSec{flex:.7}.isLayoutExpand .requestLG .LG_RG_Btn>span{flex:1}}.textAreaPlaceholder textarea::placeholder{color:#8994a5}.textAreaPlaceholder .isNote{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .textAreaPlaceholder .isNote{font-family:"Almarai-Light"}.textAreaPlaceholder .isNote{font-size:.875rem}@media screen and (max-width: 1440px){.textAreaPlaceholder .isNote{font-size:.8125rem}}@media screen and (max-width: 1280px){.textAreaPlaceholder .isNote{font-size:.75rem}}@media screen and (max-width: 1025px){.textAreaPlaceholder .isNote{font-size:.6875rem}}.textAreaPlaceholder textarea{vertical-align:top}
.isInitiatedPending{font-family:"Avenir-Roman"}[dir=rtl] .isInitiatedPending{font-family:"Almarai-Light"}.isInitiatedPending{color:#5090f8}.TxnConsentInfoSection{padding:14px 12px;background-color:#f3f5fd;border-radius:4px}.TxnConsentInfoSection .isSharingFrom{border-bottom:1px solid #dbe1e9;padding-bottom:14px;margin-bottom:14px}.TxnConsentInfoSection .txnLabel{font-family:"Avenir-Medium"}[dir=rtl] .TxnConsentInfoSection .txnLabel{font-family:"Almarai-Regular"}.TxnConsentInfoSection .txnLabel{font-size:.875rem}@media screen and (max-width: 1440px){.TxnConsentInfoSection .txnLabel{font-size:.8125rem}}@media screen and (max-width: 1280px){.TxnConsentInfoSection .txnLabel{font-size:.75rem}}@media screen and (max-width: 1025px){.TxnConsentInfoSection .txnLabel{font-size:.6875rem}}.TxnConsentInfoSection .txnLabel{color:#8994a5;line-height:initial;padding-bottom:6px}.TxnConsentInfoSection .txnHistoryDate{font-family:"Avenir-Medium"}[dir=rtl] .TxnConsentInfoSection .txnHistoryDate{font-family:"Almarai-Regular"}.TxnConsentInfoSection .txnHistoryDate{font-size:.875rem}@media screen and (max-width: 1440px){.TxnConsentInfoSection .txnHistoryDate{font-size:.8125rem}}@media screen and (max-width: 1280px){.TxnConsentInfoSection .txnHistoryDate{font-size:.75rem}}@media screen and (max-width: 1025px){.TxnConsentInfoSection .txnHistoryDate{font-size:.6875rem}}.TxnConsentInfoSection .txnHistoryDate{line-height:initial;color:#384150}.TxnConsentInfoSection .manageConsentInfo{font-family:"Avenir-Medium"}[dir=rtl] .TxnConsentInfoSection .manageConsentInfo{font-family:"Almarai-Regular"}.TxnConsentInfoSection .manageConsentInfo{font-size:.75rem}@media screen and (max-width: 1440px){.TxnConsentInfoSection .manageConsentInfo{font-size:.6875rem}}@media screen and (max-width: 1280px){.TxnConsentInfoSection .manageConsentInfo{font-size:.625rem}}@media screen and (max-width: 1025px){.TxnConsentInfoSection .manageConsentInfo{font-size:.5625rem}}.TxnConsentInfoSection .manageConsentInfo{color:#8994a5;line-height:initial}.estatementDateNTime{width:16%}.eStatementFromDate,.eStatementEmailPhone,.eStatementStatus{width:18%}.eStatementByBank,.eStatementEmailPhone.w25{width:25%}.eStatementActions{width:5%}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper{top:auto !important;transform:none !important;left:25px !important}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:25px !important}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th:first-child{display:none}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.eStatementActions{display:none}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.estatementDateNTime,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycConsentidDate,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycConsentidDateSec{padding-left:25px}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.estatementDateNTime .datePickerPosition,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycConsentidDate .datePickerPosition,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycConsentidDateSec .datePickerPosition{position:relative}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.estatementDateNTime .datePickerPosition .icon-cross-mark-filled,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycConsentidDate .datePickerPosition .icon-cross-mark-filled,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycConsentidDateSec .datePickerPosition .icon-cross-mark-filled{top:-23px;right:5px}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycConsentidDate.isForSelf{width:25%}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycBankNAccounts.isForSelf{width:25%}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycByBank.isForSelf{width:25%}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycStatus.isForSelf{width:20%}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.estatementDateNTime{position:static}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems{width:100%;background:#384150;max-height:260px;right:0px}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex{align-items:center;margin-bottom:8px;font-family:"Avenir-Roman"}[dir=rtl] .e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex{font-family:"Almarai-Light"}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex{border-bottom:1px solid #dbe1e9;padding-bottom:9px;color:#fff;flex-wrap:nowrap}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex span{margin-left:3px;max-width:initial;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:contents}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex:last-child{border:0;padding:0;margin:0}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{color:#fff;font-size:.875rem}@media screen and (max-width: 1440px){.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.8125rem}}@media screen and (max-width: 1280px){.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.75rem}}@media screen and (max-width: 1025px){.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.6875rem}}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-family:"Avenir-Roman"}[dir=rtl] .e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-family:"Almarai-Light"}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .icon{position:absolute;right:10px;top:12px}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect span{display:flex}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .table-input{width:100%;padding-right:28px !important}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .table-input::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .table-input.selectedItem{border:0}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td:first-child{display:none}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate.isForSelf{width:25%}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycBankNAccounts.isForSelf{width:25%}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycByBank.isForSelf{width:25%}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycStatus.isForSelf{width:20%}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.estatementDateNTime,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec{padding-left:25px}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.estatementDateNTime .tableDataSubTitle,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate .tableDataSubTitle,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec .tableDataSubTitle{font-family:"Avenir-Medium"}[dir=rtl] .e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.estatementDateNTime .tableDataSubTitle,[dir=rtl] .e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate .tableDataSubTitle,[dir=rtl] .e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec .tableDataSubTitle{font-family:"Almarai-Regular"}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.estatementDateNTime .tableDataSubTitle,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate .tableDataSubTitle,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec .tableDataSubTitle{color:#384150}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.eStatementFromDate .tableDataTitle{font-family:"Avenir-Medium"}[dir=rtl] .e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.eStatementFromDate .tableDataTitle{font-family:"Almarai-Regular"}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.eStatementStatus .isBankPending{color:#eb8b2d;font-family:"Avenir-Roman"}[dir=rtl] .e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.eStatementStatus .isBankPending{font-family:"Almarai-Light"}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr.Cursor{cursor:pointer}.eStatement .w-87{width:87%}.eStatement .paymentSummaryDatePicker{margin-bottom:22px}.eStatement .paymentSummaryDatePicker .isDateRangeCalender{border:1px solid #dbe1e9;border-radius:4px;padding:5px;top:0;right:0}.eStatement .paymentSummaryDatePicker .isDateRangeCalender .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{right:23px}.transactionDetails .isPopupClose h3.popup-Title{text-transform:initial}.estatementViewDetailsContainer{background-color:#fff}.estatementViewDetailsContainer .isHeader{padding:0 25px}.estatementViewDetailsContainer .isHeader .isComanyDetails{align-items:flex-end}.estatementViewDetailsContainer .isHeader .isComanyDetails .name{font-family:"Avenir-Heavy"}[dir=rtl] .estatementViewDetailsContainer .isHeader .isComanyDetails .name{font-family:"Almarai-Bold"}.estatementViewDetailsContainer .isHeader .isComanyDetails .name{font-size:1rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .isHeader .isComanyDetails .name{font-size:.9375rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .isHeader .isComanyDetails .name{font-size:.875rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .isHeader .isComanyDetails .name{font-size:.8125rem}}.estatementViewDetailsContainer .isHeader .isComanyDetails .name{color:#384150}.estatementViewDetailsContainer .isHeader .isComanyDetails .phone,.estatementViewDetailsContainer .isHeader .isComanyDetails .email{font-family:"Avenir-Roman"}[dir=rtl] .estatementViewDetailsContainer .isHeader .isComanyDetails .phone,[dir=rtl] .estatementViewDetailsContainer .isHeader .isComanyDetails .email{font-family:"Almarai-Light"}.estatementViewDetailsContainer .isHeader .isComanyDetails .phone,.estatementViewDetailsContainer .isHeader .isComanyDetails .email{font-size:.875rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .isHeader .isComanyDetails .phone,.estatementViewDetailsContainer .isHeader .isComanyDetails .email{font-size:.8125rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .isHeader .isComanyDetails .phone,.estatementViewDetailsContainer .isHeader .isComanyDetails .email{font-size:.75rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .isHeader .isComanyDetails .phone,.estatementViewDetailsContainer .isHeader .isComanyDetails .email{font-size:.6875rem}}.estatementViewDetailsContainer .isHeader .isComanyDetails .phone,.estatementViewDetailsContainer .isHeader .isComanyDetails .email{color:#8994a5}.estatementViewDetailsContainer .isHeader .isComanyDetails .email{display:block;border:none;background:none;padding:0}.estatementViewDetailsContainer .countHeader{padding:1.5rem 25px 0;font-size:1rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .countHeader{font-size:.9375rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .countHeader{font-size:.875rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .countHeader{font-size:.8125rem}}.estatementViewDetailsContainer .countHeader{color:#000001}.estatementViewDetailsContainer .countHeader .isCount,.estatementViewDetailsContainer .countHeader .isDateRange{font-family:"Avenir-Roman"}[dir=rtl] .estatementViewDetailsContainer .countHeader .isCount,[dir=rtl] .estatementViewDetailsContainer .countHeader .isDateRange{font-family:"Almarai-Light"}.estatementViewDetailsContainer .countHeader .isCount,.estatementViewDetailsContainer .countHeader .isDateRange{color:#8994a5}.estatementViewDetailsContainer .countHeader .isCount span,.estatementViewDetailsContainer .countHeader .isDateRange span{font-family:"Avenir-Heavy"}[dir=rtl] .estatementViewDetailsContainer .countHeader .isCount span,[dir=rtl] .estatementViewDetailsContainer .countHeader .isDateRange span{font-family:"Almarai-Bold"}.estatementViewDetailsContainer .countHeader .isCount span,.estatementViewDetailsContainer .countHeader .isDateRange span{color:#000001}.estatementViewDetailsContainer .detailsBoxes.accountDBoxes{width:75%}.estatementViewDetailsContainer .detailsBoxes .detailsBox{background-color:#cbdefd;border-radius:4px;padding:12px;width:25%;margin-right:20px;min-height:105px;display:flex;flex-direction:column;justify-content:flex-start}.estatementViewDetailsContainer .detailsBoxes .detailsBox.accountBoxes{background-color:#fff;min-height:auto;margin-right:15px}.estatementViewDetailsContainer .detailsBoxes .detailsBox.accountBoxes .amount{margin-bottom:0}.estatementViewDetailsContainer .detailsBoxes .detailsBox.accountBoxes .title{color:#8994a5}.estatementViewDetailsContainer .detailsBoxes .detailsBox:last-child{margin-right:0}.estatementViewDetailsContainer .detailsBoxes .detailsBox .title{font-family:"Avenir-Roman"}[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox .title{font-family:"Almarai-Light"}.estatementViewDetailsContainer .detailsBoxes .detailsBox .title{font-size:.875rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .detailsBoxes .detailsBox .title{font-size:.8125rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .detailsBoxes .detailsBox .title{font-size:.75rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .detailsBoxes .detailsBox .title{font-size:.6875rem}}.estatementViewDetailsContainer .detailsBoxes .detailsBox .title{color:#384150}.estatementViewDetailsContainer .detailsBoxes .detailsBox .amount{font-family:"Avenir-Heavy"}[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox .amount{font-family:"Almarai-Bold"}.estatementViewDetailsContainer .detailsBoxes .detailsBox .amount{color:#000001;margin:10px 0}.estatementViewDetailsContainer .detailsBoxes .detailsBox .count{display:flex;flex-direction:column;height:100%;justify-content:flex-end;font-family:"Avenir-Roman"}[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox .count{font-family:"Almarai-Light"}.estatementViewDetailsContainer .detailsBoxes .detailsBox .count{font-size:.875rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .detailsBoxes .detailsBox .count{font-size:.8125rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .detailsBoxes .detailsBox .count{font-size:.75rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .detailsBoxes .detailsBox .count{font-size:.6875rem}}.estatementViewDetailsContainer .detailsBoxes .detailsBox .count{color:#384150}.estatementViewDetailsContainer .detailsBoxes .detailsBox .count .isFlex span:first-child{color:#8994a5;padding-right:5px}.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashIn,.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashOut{min-width:auto}.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashIn span:first-child,.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashOut span:first-child{font-family:"Avenir-Roman"}[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox.cashIn span:first-child,[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox.cashOut span:first-child{font-family:"Almarai-Light"}.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashIn span:first-child,.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashOut span:first-child{font-size:.875rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashIn span:first-child,.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashOut span:first-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashIn span:first-child,.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashOut span:first-child{font-size:.75rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashIn span:first-child,.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashOut span:first-child{font-size:.6875rem}}.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashIn span:first-child,.estatementViewDetailsContainer .detailsBoxes .detailsBox.cashOut span:first-child{color:#8994a5;padding-right:5px}.estatementViewDetailsContainer .accNumSection{background-color:#f3f5fd;padding:15px;border-radius:4px 4px 0 0}.estatementViewDetailsContainer .accNumSection h2.title{font-family:"Avenir-Roman"}[dir=rtl] .estatementViewDetailsContainer .accNumSection h2.title{font-family:"Almarai-Light"}.estatementViewDetailsContainer .accNumSection h2.title{color:#000001;font-size:1rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .accNumSection h2.title{font-size:.9375rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .accNumSection h2.title{font-size:.875rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .accNumSection h2.title{font-size:.8125rem}}.estatementViewDetailsContainer .accNumSection h2.title{padding-bottom:15px}.estatementViewDetailsContainer .accNumSection h2.title span{font-family:"Avenir-Heavy"}[dir=rtl] .estatementViewDetailsContainer .accNumSection h2.title span{font-family:"Almarai-Bold"}.estatementViewDetailsContainer .accNumSection .newlyAddBen .tableTitle{font-size:1.125rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .accNumSection .newlyAddBen .tableTitle{font-size:1.0625rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .accNumSection .newlyAddBen .tableTitle{font-size:1rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .accNumSection .newlyAddBen .tableTitle{font-size:.9375rem}}.estatementViewDetailsContainer .accNumSection .newlyAddBen .tableSubTitle{font-family:"Avenir-Medium"}[dir=rtl] .estatementViewDetailsContainer .accNumSection .newlyAddBen .tableSubTitle{font-family:"Almarai-Regular"}.estatementViewDetailsContainer .isStatementTable table{width:100%;border-collapse:collapse}.estatementViewDetailsContainer .isStatementTable table thead tr th,.estatementViewDetailsContainer .isStatementTable table tbody tr td{border:1px solid #dbe1e9;padding:12px;font-size:.875rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .isStatementTable table thead tr th,.estatementViewDetailsContainer .isStatementTable table tbody tr td{font-size:.8125rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .isStatementTable table thead tr th,.estatementViewDetailsContainer .isStatementTable table tbody tr td{font-size:.75rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .isStatementTable table thead tr th,.estatementViewDetailsContainer .isStatementTable table tbody tr td{font-size:.6875rem}}.estatementViewDetailsContainer .isStatementTable table thead tr th,.estatementViewDetailsContainer .isStatementTable table tbody tr td{line-height:initial;border-right:hidden}.estatementViewDetailsContainer .isStatementTable table thead tr th:last-child,.estatementViewDetailsContainer .isStatementTable table tbody tr td:last-child{border-right:1px solid #dbe1e9}.estatementViewDetailsContainer .isStatementTable table th.dates,.estatementViewDetailsContainer .isStatementTable table td.dates{width:20%}.estatementViewDetailsContainer .isStatementTable table th.description,.estatementViewDetailsContainer .isStatementTable table td.description{width:25%;font-family:"Avenir-Medium"}[dir=rtl] .estatementViewDetailsContainer .isStatementTable table th.description,[dir=rtl] .estatementViewDetailsContainer .isStatementTable table td.description{font-family:"Almarai-Regular"}.estatementViewDetailsContainer .isStatementTable table td.description .isTruncate{line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.estatementViewDetailsContainer .isStatementTable table th.debits,.estatementViewDetailsContainer .isStatementTable table td.debits{width:18%}.estatementViewDetailsContainer .isStatementTable table th.credits,.estatementViewDetailsContainer .isStatementTable table td.credits{width:18%}.estatementViewDetailsContainer .isStatementTable table th.closingbal,.estatementViewDetailsContainer .isStatementTable table td.closingbal{width:19%}.estatementViewDetailsContainer .isStatementTable table thead tr{height:44px}.estatementViewDetailsContainer .isStatementTable table thead tr th{background-color:#f3f5fd;color:#000001;font-family:"Avenir-Medium"}[dir=rtl] .estatementViewDetailsContainer .isStatementTable table thead tr th{font-family:"Almarai-Regular"}.estatementViewDetailsContainer .isStatementTable table thead tr th{vertical-align:middle}.estatementViewDetailsContainer .isStatementTable table tbody tr{height:66px}.estatementViewDetailsContainer .isStatementTable table tbody tr td{font-family:"Avenir-Roman"}[dir=rtl] .estatementViewDetailsContainer .isStatementTable table tbody tr td{font-family:"Almarai-Light"}.estatementViewDetailsContainer .isStatementTable table tbody tr td{color:#384150}.estatementViewDetailsContainer .isStatementTable table tbody tr td:first-child div:first-child{color:#000001;font-family:"Avenir-Medium"}[dir=rtl] .estatementViewDetailsContainer .isStatementTable table tbody tr td:first-child div:first-child{font-family:"Almarai-Regular"}.estatementViewDetailsContainer .isStatementTable table tbody tr td:first-child div:last-child{font-family:"Avenir-Roman"}[dir=rtl] .estatementViewDetailsContainer .isStatementTable table tbody tr td:first-child div:last-child{font-family:"Almarai-Light"}.estatementViewDetailsContainer .isStatementTable table tbody tr td:first-child div:last-child{color:#8994a5;padding-top:4px}.estatementViewDetailsContainer .isStatementTable table tbody tr td.debits,.estatementViewDetailsContainer .isStatementTable table tbody tr td.credits,.estatementViewDetailsContainer .isStatementTable table tbody tr td.closingbal{text-align:right;font-family:"Avenir-Medium"}[dir=rtl] .estatementViewDetailsContainer .isStatementTable table tbody tr td.debits,[dir=rtl] .estatementViewDetailsContainer .isStatementTable table tbody tr td.credits,[dir=rtl] .estatementViewDetailsContainer .isStatementTable table tbody tr td.closingbal{font-family:"Almarai-Regular"}.estatementViewDetailsContainer .isStatementTable table tbody tr td.debits,.estatementViewDetailsContainer .isStatementTable table tbody tr td.credits,.estatementViewDetailsContainer .isStatementTable table tbody tr td.closingbal{color:#000001}.estatementViewDetailsContainer .isBreadCrumb span{font-family:"Avenir-Roman"}[dir=rtl] .estatementViewDetailsContainer .isBreadCrumb span{font-family:"Almarai-Light"}.estatementViewDetailsContainer .isBreadCrumb span{font-size:.875rem}@media screen and (max-width: 1440px){.estatementViewDetailsContainer .isBreadCrumb span{font-size:.8125rem}}@media screen and (max-width: 1280px){.estatementViewDetailsContainer .isBreadCrumb span{font-size:.75rem}}@media screen and (max-width: 1025px){.estatementViewDetailsContainer .isBreadCrumb span{font-size:.6875rem}}.estatementViewDetailsContainer .isBreadCrumb span{color:#5090f8}.estatementViewDetailsContainer .isBreadCrumb span:last-child{color:#8994a5}.estatementViewDetailsContainer .isBreadCrumb span.icon-breadcrumb-separator{color:#8994a5}.estatementViewDetailsContainer .isBreadCrumb .icon-breadcrumb-separator{padding:0 10px}.estatementViewDetailsContainer.loading .imgLoader.summaryTxnLoader{height:50px;width:80px}.estatementViewDetailsContainer.loading .isHeader{padding:25px 25px 0 25px}.estatementViewDetailsContainer.loading .detailsBoxes .detailsBox .count.summaryTxnLoader{height:22px;margin-top:25px}.estatementViewDetailsContainer.loading .countHeader .isCount,.estatementViewDetailsContainer.loading .countHeader .isDateRange{display:flex;align-items:center}.estatementViewDetailsContainer.loading .countHeader .isCount .summaryTxnLoader,.estatementViewDetailsContainer.loading .countHeader .isDateRange .summaryTxnLoader{margin-left:10px}.openBankPermission .kycIconList .kycIcon,.openBankPermission .openBankAccordion .kycIcon{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.openBankPermission .kycIconList .kycIcon,.openBankPermission .openBankAccordion .kycIcon{font-size:.9375rem}}@media screen and (max-width: 1280px){.openBankPermission .kycIconList .kycIcon,.openBankPermission .openBankAccordion .kycIcon{font-size:.875rem}}@media screen and (max-width: 1025px){.openBankPermission .kycIconList .kycIcon,.openBankPermission .openBankAccordion .kycIcon{font-size:.8125rem}}.openBankPermission .kycIconList .kycIcon,.openBankPermission .openBankAccordion .kycIcon{margin-right:20px;width:20px;height:20px}.openBankPermission .kycIconList .kycIcon.icon-users-tooltip,.openBankPermission .openBankAccordion .kycIcon.icon-users-tooltip{font-size:1.25rem}@media screen and (max-width: 1440px){.openBankPermission .kycIconList .kycIcon.icon-users-tooltip,.openBankPermission .openBankAccordion .kycIcon.icon-users-tooltip{font-size:1.1875rem}}@media screen and (max-width: 1280px){.openBankPermission .kycIconList .kycIcon.icon-users-tooltip,.openBankPermission .openBankAccordion .kycIcon.icon-users-tooltip{font-size:1.125rem}}@media screen and (max-width: 1025px){.openBankPermission .kycIconList .kycIcon.icon-users-tooltip,.openBankPermission .openBankAccordion .kycIcon.icon-users-tooltip{font-size:1.0625rem}}.openBankPermission .kycIconList .kycIcon.icon-scheduled-payments,.openBankPermission .kycIconList .kycIcon.icon-bal-enquiry,.openBankPermission .openBankAccordion .kycIcon.icon-scheduled-payments,.openBankPermission .openBankAccordion .kycIcon.icon-bal-enquiry{font-size:.875rem}@media screen and (max-width: 1440px){.openBankPermission .kycIconList .kycIcon.icon-scheduled-payments,.openBankPermission .kycIconList .kycIcon.icon-bal-enquiry,.openBankPermission .openBankAccordion .kycIcon.icon-scheduled-payments,.openBankPermission .openBankAccordion .kycIcon.icon-bal-enquiry{font-size:.8125rem}}@media screen and (max-width: 1280px){.openBankPermission .kycIconList .kycIcon.icon-scheduled-payments,.openBankPermission .kycIconList .kycIcon.icon-bal-enquiry,.openBankPermission .openBankAccordion .kycIcon.icon-scheduled-payments,.openBankPermission .openBankAccordion .kycIcon.icon-bal-enquiry{font-size:.75rem}}@media screen and (max-width: 1025px){.openBankPermission .kycIconList .kycIcon.icon-scheduled-payments,.openBankPermission .kycIconList .kycIcon.icon-bal-enquiry,.openBankPermission .openBankAccordion .kycIcon.icon-scheduled-payments,.openBankPermission .openBankAccordion .kycIcon.icon-bal-enquiry{font-size:.6875rem}}.openBankPermission .kycIconList .kycIcon.icon-calendar,.openBankPermission .openBankAccordion .kycIcon.icon-calendar{font-size:1.125rem}@media screen and (max-width: 1440px){.openBankPermission .kycIconList .kycIcon.icon-calendar,.openBankPermission .openBankAccordion .kycIcon.icon-calendar{font-size:1.0625rem}}@media screen and (max-width: 1280px){.openBankPermission .kycIconList .kycIcon.icon-calendar,.openBankPermission .openBankAccordion .kycIcon.icon-calendar{font-size:1rem}}@media screen and (max-width: 1025px){.openBankPermission .kycIconList .kycIcon.icon-calendar,.openBankPermission .openBankAccordion .kycIcon.icon-calendar{font-size:.9375rem}}.openBankPermission .kycIconList .kycIcon.icon-calendar,.openBankPermission .openBankAccordion .kycIcon.icon-calendar{margin-top:4px}.openBankPermission .kycIconList .termsConditions,.openBankPermission .openBankAccordion .termsConditions{padding:8px 0}.openBankPermission .kycIconList .termsConditions .isFlexColumn .allowProfile,.openBankPermission .openBankAccordion .termsConditions .isFlexColumn .allowProfile{line-height:20px}.openBankPermission .kycIconList .termsConditions .verifyProfile,.openBankPermission .openBankAccordion .termsConditions .verifyProfile{position:relative}.openBankPermission .kycIconList .termsConditions .verifyProfile .icon-down-arrow,.openBankPermission .openBankAccordion .termsConditions .verifyProfile .icon-down-arrow{position:absolute;right:5px;top:0px;font-size:1.125rem}@media screen and (max-width: 1440px){.openBankPermission .kycIconList .termsConditions .verifyProfile .icon-down-arrow,.openBankPermission .openBankAccordion .termsConditions .verifyProfile .icon-down-arrow{font-size:1.0625rem}}@media screen and (max-width: 1280px){.openBankPermission .kycIconList .termsConditions .verifyProfile .icon-down-arrow,.openBankPermission .openBankAccordion .termsConditions .verifyProfile .icon-down-arrow{font-size:1rem}}@media screen and (max-width: 1025px){.openBankPermission .kycIconList .termsConditions .verifyProfile .icon-down-arrow,.openBankPermission .openBankAccordion .termsConditions .verifyProfile .icon-down-arrow{font-size:.9375rem}}.openBankPermission .kycIconList .termsConditions .verifyProfile .icon-down-arrow,.openBankPermission .openBankAccordion .termsConditions .verifyProfile .icon-down-arrow{color:#8994a5;cursor:pointer}.openBankPermission .kycIconList .termsConditions .verifyProfile .icon-down-arrow::before,.openBankPermission .openBankAccordion .termsConditions .verifyProfile .icon-down-arrow::before{transition:all .3s ease-in-out;display:inline-block;transform:rotate(0deg)}.openBankPermission .kycIconList .termsConditions .verifyProfile .icon-down-arrow.iconUp::before,.openBankPermission .openBankAccordion .termsConditions .verifyProfile .icon-down-arrow.iconUp::before{transform:rotate(180deg)}.openBankPermission .bankAccountText span span.font-Heavy{font-family:"Avenir-Heavy"}[dir=rtl] .openBankPermission .bankAccountText span span.font-Heavy{font-family:"Almarai-Bold"}.openBankPermission .bankAccountText span span.font-Heavy{color:#384150}.existingShimmer .imgBlock:empty{width:42px;height:42px}.existingShimmer .checkBlock:empty{width:28px;height:28px}.isSuccessPopupPadding{padding:20px}.accessDate{margin-top:-50px}.accessDate .react-datepicker{width:450px;border:0;box-shadow:none;padding:0}.accessDate .react-datepicker__current-month,.accessDate .react-datepicker__navigation{display:none}.accessDate .react-datepicker__month-dropdown,.accessDate .react-datepicker__year-dropdown{left:auto;top:46px;width:40%;background-color:#384150}.accessDate .react-datepicker__month-dropdown [class*=react-datepicker__],.accessDate .react-datepicker__year-dropdown [class*=react-datepicker__]{color:#fff !important;line-height:40px}.accessDate .react-datepicker__month-dropdown [class*=react-datepicker__]:hover,.accessDate .react-datepicker__year-dropdown [class*=react-datepicker__]:hover{background-color:#697383}.accessDate .react-datepicker__month-dropdown{height:350px;overflow:auto}.accessDate .react-datepicker__header,.accessDate .react-datepicker{background:#fff !important;color:#000001 !important}.accessDate .react-datepicker__month-container{width:100%;padding:0px}.accessDate [class*=react-datepicker__]{color:#000001 !important;font-family:"Avenir-Medium"}[dir=rtl] .accessDate [class*=react-datepicker__]{font-family:"Almarai-Regular"}.accessDate [class*=react-datepicker__]{font-size:.875rem}@media screen and (max-width: 1440px){.accessDate [class*=react-datepicker__]{font-size:.8125rem}}@media screen and (max-width: 1280px){.accessDate [class*=react-datepicker__]{font-size:.75rem}}@media screen and (max-width: 1025px){.accessDate [class*=react-datepicker__]{font-size:.6875rem}}.accessDate [class*="--disabled"]{color:#8994a5 !important;background-color:rgba(0,0,0,0)}.accessDate .react-datepicker__month-read-view,.accessDate .react-datepicker__year-read-view--selected-year{border:1px solid #8994a5;padding:10px;border-radius:3px;width:170px;max-width:170px;display:inline-block;visibility:visible !important;text-align:left}.accessDate [class*=-read-view--down-arrow]{right:18px;top:10px}.accessDate .react-datepicker__header__dropdown--scroll{display:flex}.accessDate .react-datepicker__month-read-view{margin-right:15px}.accessDate .react-datepicker__day-name,.accessDate .react-datepicker__day,.accessDate .react-datepicker__time-name{margin:20px 26px 0px 0;width:35px !important;height:35px}.accessDate .react-datepicker__day--today,.accessDate .react-datepicker__day--keyboard-selected,.accessDate .react-datepicker__day{display:inline-flex;align-items:center;justify-content:center}.accessDate .react-datepicker__day--today:hover,.accessDate .react-datepicker__day--keyboard-selected:hover,.accessDate .react-datepicker__day:hover{background-color:rgba(0,0,0,0);font-weight:normal;border-radius:50%;border:1px solid #8994a5}.accessDate .react-datepicker__day{border-radius:50% !important}.accessDate .react-datepicker__day[class*="--disabled"]{border:0}.accessDate .react-datepicker__day--selected{color:#fff !important}.accessDate .react-datepicker__day--selected:hover{color:#384150 !important}.accessDate .react-datepicker__day--today:hover{background-color:rgba(0,0,0,0) !important;color:#000001 !important}.accessDate .react-datepicker__year-option,.accessDate .react-datepicker__month-option,.accessDate .react-datepicker__month-year-option{line-height:24px}.accessDate .react-datepicker__day-name{font-family:"Avenir-Black"}[dir=rtl] .accessDate .react-datepicker__day-name{font-family:"Almarai-ExtraBold"}.accessDate .react-datepicker__day-name{color:#8994a5 !important}.accessDate .react-datepicker__month,.accessDate .react-datepicker__day-names{text-align:left}.calendar.obDatePicker .react-datepicker__year-option .react-datepicker__navigation--years-previous,.calendar.obDatePicker .react-datepicker__year-option .react-datepicker__navigation--years-upcoming{position:relative}.calendar.obDatePicker .react-datepicker__year-option .react-datepicker__navigation--years-previous::before,.calendar.obDatePicker .react-datepicker__year-option .react-datepicker__navigation--years-upcoming::before{position:absolute;content:"";font-family:"icomoon" !important;left:9px;top:8px;color:#8994a5;background:#fff;height:0;width:0;pointer-events:none;text-indent:0}.calendar.obDatePicker .react-datepicker__year-option .react-datepicker__navigation--years-upcoming::before{transform:rotate(180deg);top:29px;left:20px}.calendar.obDatePicker.consentDatePicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{right:18px}
.ekycActions,.ekycActionsSec{width:5%}.ekycBankNAccounts{width:25%}.ekycBankNAccountsSec,.ekycConsentidDateSec{width:20%}.ekycByBank{width:18%}.ekycConsentidDate{width:45%}.ekycEmailPhone{width:19%}.ekycStatus{width:25%}.ekycStatusSec{width:18%}.ekycStatusSec.isPendingApprovals{width:19%}.sliderPopup .transactionDetails .kycCard{background:#f3f5fd;padding:20px 20px 20px 45px}.sliderPopup .transactionDetails .kycCard .mainDetails{background:#fff;padding:18px;margin-bottom:25px;border-radius:4px}.sliderPopup .transactionDetails .kycCard .mainDetails .kycDetailTitle{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails .kycCard .mainDetails .kycDetailTitle{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails .kycCard .mainDetails .kycDetailTitle{font-size:1rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails .kycCard .mainDetails .kycDetailTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails .kycCard .mainDetails .kycDetailTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails .kycCard .mainDetails .kycDetailTitle{font-size:.8125rem}}.sliderPopup .transactionDetails .kycCard .mainDetails .kycDetailTitle{color:#384150;border-bottom:1px solid #dbe1e9;padding-bottom:14px}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation{background-color:#fff;padding:15px;border-radius:4px;margin-bottom:25px}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .mainDetails{background-color:#f3f5fd;padding:15px;border-radius:4px}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .mainDetails:last-child{margin-bottom:0}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .kycDetailTitle{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .kycDetailTitle{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .kycDetailTitle{font-size:1rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .kycDetailTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .kycDetailTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .kycDetailTitle{font-size:.8125rem}}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .kycDetailTitle{color:#384150}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow{margin-bottom:16px}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span{font-size:1rem}@media screen and (max-width: 1440px){.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span{font-size:.9375rem}}@media screen and (max-width: 1280px){.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span{font-size:.875rem}}@media screen and (max-width: 1025px){.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span{font-size:.8125rem}}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span:first-child{color:#8994a5}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span:last-child{color:#384150}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper{left:25px !important;top:auto !important;transform:none !important}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:25px !important}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th:first-child{display:none}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycActions{display:none}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycBankNAccounts,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycByBank,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycConsentidDateSec.forOthers{padding-left:25px}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.ekycConsentidDateSec{padding-left:10px}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.ekycBankNAccounts{position:static}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems{width:100%;background:#384150;max-height:260px;right:0}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex{font-family:"Avenir-Roman"}[dir=rtl] .e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex{font-family:"Almarai-Light"}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex{align-items:center;margin-bottom:8px;padding-bottom:9px;border-bottom:1px solid #dbe1e9;color:#fff}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex span{margin-left:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex:last-child{border:0;padding:0;margin:0}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-family:"Avenir-Roman"}[dir=rtl] .e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-family:"Almarai-Light"}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.875rem}@media screen and (max-width: 1440px){.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.8125rem}}@media screen and (max-width: 1280px){.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.75rem}}@media screen and (max-width: 1025px){.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{font-size:.6875rem}}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems .noRecords span{color:#fff}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .icon{position:absolute;top:12px;right:10px}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect span{display:flex}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .table-input{width:100%;padding-right:28px !important}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .table-input::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .table-input.selectedItem{border:0}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td:first-child{display:none}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycBankNAccounts,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycByBank,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec.forOthers{padding-left:25px}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec{padding-left:10px}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate .tableDataTitle,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate .tableDataSubTitle,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec .tableDataTitle,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec .tableDataSubTitle{font-family:"Avenir-Medium"}[dir=rtl] .e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate .tableDataTitle,[dir=rtl] .e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate .tableDataSubTitle,[dir=rtl] .e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec .tableDataTitle,[dir=rtl] .e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec .tableDataSubTitle{font-family:"Almarai-Regular"}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate .tableDataTitle,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDate .tableDataSubTitle,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec .tableDataTitle,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycConsentidDateSec .tableDataSubTitle{color:#384150}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycStatus .isBankPending,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycStatusSec .isBankPending{font-family:"Avenir-Roman"}[dir=rtl] .e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycStatus .isBankPending,[dir=rtl] .e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycStatusSec .isBankPending{font-family:"Almarai-Light"}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycStatus .isBankPending,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycStatusSec .isBankPending{color:#eb8b2d}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr.Cursor{cursor:pointer}.sliderPopupViewDetailsBody.kycViewDetailConnect{background:#f3f5fd;text-align:center;height:calc(100vh - 76px);padding-top:5rem}.sliderPopupViewDetailsBody.kydDetailsBody{background-color:#f3f5fd}@media print{.sliderPopupViewDetailsBody .company{display:flex;flex-direction:column;text-align:center;padding:20px 0;margin:0 45px}.sliderPopupViewDetailsBody .company .amountCurrency{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopupViewDetailsBody .company .amountCurrency{font-family:"Almarai-Bold"}.sliderPopupViewDetailsBody .company .amountCurrency{font-size:2.125rem;margin:23px 0;word-wrap:break-word}}.approveShimmerBody .popup-Title .emptyBox.emptySimmer:empty{height:35px;margin-left:15px;margin-top:-5px}.approveShimmerBody .emptySimmer:empty{margin:0}.approveShimmerBody .emptyBox.emptySimmer:empty{height:45px;margin-right:15px;width:45px}.approveShimmerBody .sliderPopupViewDetailsBody{padding:0 45px}.approveShimmerBody .approveShimmerSec.shimmerPermission .emptySimmer:empty{height:30px}.approveShimmerBody .approveShimmerSec.shimmerPermission .emptyBox.emptySimmer:empty{width:30px}.indKycShimmer .summaryTxnBox.summaryTxnLoader:empty{margin-right:15px;width:30px}.indKycShimmer .summaryTxnLoader:empty{height:30px;margin:0;width:400px}.indKycShimmer .summaryTxnLoader:empty.displyBlock{margin-bottom:10px}.indKycShimmer .approveShimmerSec.shimmerPermission .summaryTxnBox.summaryTxnLoader:empty{width:22px}.indKycShimmer .approveShimmerSec.shimmerPermission .summaryTxnLoader:empty{height:22px}.kycTopFiveSec .blueCard{background-color:#f3f5fd;border-radius:4px;margin-top:15px;padding:25px 15px}.kycTopFiveSec .blueCard .max-100{font-family:"Avenir-Medium"}[dir=rtl] .kycTopFiveSec .blueCard .max-100{font-family:"Almarai-Regular"}.kycTopFiveSec .blueCard .max-100{color:#384150;margin-bottom:8px}.kycTopFiveSec .blueCard .max-100:last-child{margin-bottom:0}.detailsRow .printRow{font-family:"Avenir-Roman"}[dir=rtl] .detailsRow .printRow{font-family:"Almarai-Light"}.detailsRow .printRow{color:#384150;flex:1;line-height:24px;word-break:break-word}.detailsRow .printRow span.isActive{margin-left:45px;position:relative}.detailsRow .printRow span.isActive::before{content:"";background-color:#62bd69;border-radius:50%;height:12px;left:-20px;position:absolute;top:6px;width:12px}
.colorRed.fs-80,.colorOrange.fs-80,.colorGreen.fs-80{font-size:5rem}@media screen and (max-width: 1440px){.colorRed.fs-80,.colorOrange.fs-80,.colorGreen.fs-80{font-size:4.9375rem}}@media screen and (max-width: 1280px){.colorRed.fs-80,.colorOrange.fs-80,.colorGreen.fs-80{font-size:4.875rem}}@media screen and (max-width: 1025px){.colorRed.fs-80,.colorOrange.fs-80,.colorGreen.fs-80{font-size:4.8125rem}}.colorMaize{color:#ffde4d}.creditBankSelect{border:1px solid #5090f8;background-color:#f3f5fd}.creditBankSelect img{mix-blend-mode:multiply}.incomeAnalysisGraph{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.incomeAnalysisGraph img{width:380px}.transactionDetails.selectExistingAccounts .existingPopupBody{padding:20px 45px}.transactionDetails.selectExistingAccounts .existingPopupBody img{width:initial}.transactionDetails.selectExistingAccounts .existingPopupBody>div{margin-top:15px}.transactionDetails.selectExistingAccounts .existingPopupBody .isAccPriority{margin-top:0;padding:15px 15px 0;width:93%}.transactionDetails.selectExistingAccounts .existingPopupBody .isAccPriority .creditBankName{border-bottom:1px solid #dbe1e9;margin-bottom:14px;padding-bottom:14px}.transactionDetails.selectExistingAccounts .existingPopupBody .isAccPriority .creditBankName .existingBox{flex:1}.transactionDetails.selectExistingAccounts .existingPopupBody .isAccPriority .multiCreditBankName{border-top:1px solid #dbe1e9;padding-top:15px}.transactionDetails.selectExistingAccounts .existingPopupBody .isAccPriority .multiCreditBankName:first-child{border-top:0;padding-top:0}.transactionDetails.selectExistingAccounts .existingPopupBody .isAccPriority .creditCheckAccNo .isCreditAccNo{padding-bottom:25px;color:#384150}.transactionDetails.selectExistingAccounts .existingPopupBody .isAccPriority .creditCheckAccNo .isCreditAccNo:last-child{padding-bottom:15px}.transactionDetails.selectExistingAccounts .existingPopupBody input[type=checkbox]:checked{background-color:#5090f8}.transactionDetails.selectExistingAccounts .existingPopupBody input[type=checkbox]::after{border:1px solid #fff;border-top:0;border-left:0}.creditSection{background:#f3f5fd;padding:20px 25px}.creditSection .creditUsage{font-family:"Avenir-Medium"}[dir=rtl] .creditSection .creditUsage{font-family:"Almarai-Regular"}.creditSection .creditUsage{font-size:1.5rem}@media screen and (max-width: 1440px){.creditSection .creditUsage{font-size:1.4375rem}}@media screen and (max-width: 1280px){.creditSection .creditUsage{font-size:1.375rem}}@media screen and (max-width: 1025px){.creditSection .creditUsage{font-size:1.3125rem}}.creditSection .creditUsage{color:#384150}.creditSection .creditUsage span{font-family:"Avenir-Heavy"}[dir=rtl] .creditSection .creditUsage span{font-family:"Almarai-Bold"}.creditSection ul{display:flex;justify-content:space-between;margin-top:35px}.creditSection ul li{min-width:24%}.creditSection ul li span{font-family:"Avenir-Medium"}[dir=rtl] .creditSection ul li span{font-family:"Almarai-Regular"}.creditSection ul li span{font-size:1.25rem}@media screen and (max-width: 1440px){.creditSection ul li span{font-size:1.1875rem}}@media screen and (max-width: 1280px){.creditSection ul li span{font-size:1.125rem}}@media screen and (max-width: 1025px){.creditSection ul li span{font-size:1.0625rem}}.creditSection ul li span{color:#384150;display:block;margin-bottom:8px}.creditSection ul li strong{font-family:"Avenir-Heavy"}[dir=rtl] .creditSection ul li strong{font-family:"Almarai-Bold"}.creditSection ul li strong{font-size:2rem}@media screen and (max-width: 1440px){.creditSection ul li strong{font-size:1.9375rem}}@media screen and (max-width: 1280px){.creditSection ul li strong{font-size:1.875rem}}@media screen and (max-width: 1025px){.creditSection ul li strong{font-size:1.8125rem}}.creditSection ul li strong{color:#eb8b2d}.creditScoreCard{padding:15px 0 15px 25px}.creditScoreCard ul{display:flex;justify-content:space-between;padding:25px;border:1px solid #dbe1e9;margin-bottom:15px;border-radius:4px}.creditScoreCard ul .creditList{padding-left:55px;position:relative;min-width:calc(16.6% + 40px)}.creditScoreCard ul .creditList .creditImg{position:absolute;left:0;top:0}.creditScoreCard ul .creditList img{width:40px}.creditScoreCard ul li{font-size:1.25rem}@media screen and (max-width: 1440px){.creditScoreCard ul li{font-size:1.1875rem}}@media screen and (max-width: 1280px){.creditScoreCard ul li{font-size:1.125rem}}@media screen and (max-width: 1025px){.creditScoreCard ul li{font-size:1.0625rem}}.creditScoreCard ul li{font-family:"Avenir-Medium"}[dir=rtl] .creditScoreCard ul li{font-family:"Almarai-Regular"}.creditScoreCard ul li{min-width:16.6666666667%;padding-right:15px}.creditScoreCard ul li strong{font-family:"Avenir-Heavy"}[dir=rtl] .creditScoreCard ul li strong{font-family:"Almarai-Bold"}.creditScoreCard ul li strong{display:block;margin-top:8px}.creditScoreCard.creditScoreShimmer ul li{min-width:unset}.creditScoreCard.creditScoreShimmer .nameDisplay .emptySimmer.w-120{width:120px}.creditScoreCard.creditScoreShimmer .nameDisplay .emptySimmer.w-220{width:220px}.creditScoreCard .boxSimmer .emptySimmer:empty{width:70px;height:60px;margin-left:0}.creditScoreCard .isFlexColumn .emptySimmer:empty{width:120px}.cardWhite,.creditAppBox{background-color:#fff;border:1px solid #dbe1e9;padding:25px;border-radius:4px}.creditDetails .creditSec{width:50%}.creditDetails .creditSec span{font-family:"Avenir-Heavy"}[dir=rtl] .creditDetails .creditSec span{font-family:"Almarai-Bold"}.creditDetails .creditSec span{display:block;margin-bottom:25px}.creditDetails .creditSec span.accessColor{font-family:"Avenir-Medium"}[dir=rtl] .creditDetails .creditSec span.accessColor{font-family:"Almarai-Regular"}.creditDetails .creditSec span.accessColor{line-height:22px}.creditDetails .creditSec span:last-child{font-size:1.25rem}@media screen and (max-width: 1440px){.creditDetails .creditSec span:last-child{font-size:1.1875rem}}@media screen and (max-width: 1280px){.creditDetails .creditSec span:last-child{font-size:1.125rem}}@media screen and (max-width: 1025px){.creditDetails .creditSec span:last-child{font-size:1.0625rem}}.creditAppBox{font-size:.875rem}@media screen and (max-width: 1440px){.creditAppBox{font-size:.8125rem}}@media screen and (max-width: 1280px){.creditAppBox{font-size:.75rem}}@media screen and (max-width: 1025px){.creditAppBox{font-size:.6875rem}}.creditAppBox .createScoreAccnts{color:#384150}.creditAppBox .bankActionDetails{flex:1}.creditAppBox h6{max-width:158px;width:158px}.creditAppBox>span:last-child{text-align:end}.creditAppBox .positionRelative .transcationTooltip .bottom{max-width:236px;top:9px;right:-43px;display:none}.creditAppBox .positionRelative .transcationTooltip .bottom::before,.creditAppBox .positionRelative .transcationTooltip .bottom::after{left:64%}.creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span{color:#fff;font-size:.875rem}@media screen and (max-width: 1440px){.creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span{font-size:.8125rem}}@media screen and (max-width: 1280px){.creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span{font-size:.75rem}}@media screen and (max-width: 1025px){.creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span{font-size:.6875rem}}.creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span{font-family:"Avenir-Medium"}[dir=rtl] .creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span{font-family:"Almarai-Regular"}.creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span{padding-bottom:12px}.creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span:last-child{padding-bottom:0}.creditAppBox .positionRelative:hover .bottom{display:inline-block}.creditAppBox .overBankAccount .btn.createBtn{font-family:"Avenir-Medium"}[dir=rtl] .creditAppBox .overBankAccount .btn.createBtn{font-family:"Almarai-Regular"}.creditAppBox .overBankAccount .btn.createBtn{font-size:.875rem}@media screen and (max-width: 1440px){.creditAppBox .overBankAccount .btn.createBtn{font-size:.8125rem}}@media screen and (max-width: 1280px){.creditAppBox .overBankAccount .btn.createBtn{font-size:.75rem}}@media screen and (max-width: 1025px){.creditAppBox .overBankAccount .btn.createBtn{font-size:.6875rem}}.creditAppBox .overBankAccount .btn.createBtn{min-height:36px}.creditAppBox .consentDetails span{font-size:.875rem}@media screen and (max-width: 1440px){.creditAppBox .consentDetails span{font-size:.8125rem}}@media screen and (max-width: 1280px){.creditAppBox .consentDetails span{font-size:.75rem}}@media screen and (max-width: 1025px){.creditAppBox .consentDetails span{font-size:.6875rem}}.creditAppBox .consentDetails span{width:50%;text-align:left;padding-bottom:20px;line-height:initial}.creditAppBox .consentDetails span p{padding-top:8px;padding-bottom:8px}.creditAppBox .consentDetails span p:first-child{padding-top:0}.creditAppBox .consentDetails span p:last-child{padding-bottom:0}.creditAppBox .consentDetails span:first-child{color:#8994a5}.creditAppBox .consentDetails span:last-child{color:#384150}.creditAppBox .consentDetails .creditCheckDetailsStatus{text-transform:lowercase}.creditAppBox .consentDetails .creditCheckDetailsStatus::first-letter{text-transform:capitalize}.creditSecBox .cardWhite,.creditSecBox .creditAppBox{padding:0;min-width:calc(25% - 20px)}.creditSecBox .cardWhite .sectionHead,.creditSecBox .creditAppBox .sectionHead{background-color:#dbe1e9;padding:20px;border-bottom:1px solid #dbe1e9;font-size:1.25rem}@media screen and (max-width: 1440px){.creditSecBox .cardWhite .sectionHead,.creditSecBox .creditAppBox .sectionHead{font-size:1.1875rem}}@media screen and (max-width: 1280px){.creditSecBox .cardWhite .sectionHead,.creditSecBox .creditAppBox .sectionHead{font-size:1.125rem}}@media screen and (max-width: 1025px){.creditSecBox .cardWhite .sectionHead,.creditSecBox .creditAppBox .sectionHead{font-size:1.0625rem}}.creditSecBox .cardWhite .scoreBox,.creditSecBox .creditAppBox .scoreBox{padding:15px}.creditSecBox .cardWhite .scoreBox .font-Heavy,.creditSecBox .creditAppBox .scoreBox .font-Heavy{font-size:2.625rem}@media screen and (max-width: 1440px){.creditSecBox .cardWhite .scoreBox .font-Heavy,.creditSecBox .creditAppBox .scoreBox .font-Heavy{font-size:2.5625rem}}@media screen and (max-width: 1280px){.creditSecBox .cardWhite .scoreBox .font-Heavy,.creditSecBox .creditAppBox .scoreBox .font-Heavy{font-size:2.5rem}}@media screen and (max-width: 1025px){.creditSecBox .cardWhite .scoreBox .font-Heavy,.creditSecBox .creditAppBox .scoreBox .font-Heavy{font-size:2.4375rem}}.creditSecBox .cardWhite .scoreBox .font-Heavy small,.creditSecBox .creditAppBox .scoreBox .font-Heavy small{font-size:2rem}@media screen and (max-width: 1440px){.creditSecBox .cardWhite .scoreBox .font-Heavy small,.creditSecBox .creditAppBox .scoreBox .font-Heavy small{font-size:1.9375rem}}@media screen and (max-width: 1280px){.creditSecBox .cardWhite .scoreBox .font-Heavy small,.creditSecBox .creditAppBox .scoreBox .font-Heavy small{font-size:1.875rem}}@media screen and (max-width: 1025px){.creditSecBox .cardWhite .scoreBox .font-Heavy small,.creditSecBox .creditAppBox .scoreBox .font-Heavy small{font-size:1.8125rem}}.creditSecBox .cardWhite .scoreBox>span,.creditSecBox .creditAppBox .scoreBox>span{display:block}.contestApproval .approvalTit{font-family:"Avenir-Roman"}[dir=rtl] .contestApproval .approvalTit{font-family:"Almarai-Light"}.contestApproval .approvalTit{font-size:1.9375rem}@media screen and (max-width: 1440px){.contestApproval .approvalTit{font-size:1.875rem}}@media screen and (max-width: 1280px){.contestApproval .approvalTit{font-size:1.8125rem}}@media screen and (max-width: 1025px){.contestApproval .approvalTit{font-size:1.75rem}}.contestApproval .approvalTit{color:#384150}.inpGroupAppend .toggleSwitching.toggleBlue{background:rgba(0,0,0,0);display:inline-flex;border-radius:4px}.inpGroupAppend .toggleSwitching.toggleBlue .active.btn{background-color:#395293;color:#fff}.inpGroupAppend .toggleSwitching.toggleBlue .btn.notActive:hover{background-color:#cbdefd}.ekycByBank .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker{display:flex}.sliderPopupBody .paymentsBodyPopupSpace .contestApproval .creditCheckOverview .isCreditOverview{width:49%}.sliderPopupBody .paymentsBodyPopupSpace .contestApproval .creditCheckOverview .isCreditOverview .isCreditOverviewTitle{padding:14px;text-align:center;background-color:#dbe1e9;font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopupBody .paymentsBodyPopupSpace .contestApproval .creditCheckOverview .isCreditOverview .isCreditOverviewTitle{font-family:"Almarai-Bold"}.sliderPopupBody .paymentsBodyPopupSpace .contestApproval .creditCheckOverview .isCreditOverview .isCreditOverviewInfo{background-color:#fff;padding:15px}.sliderPopupBody .paymentsBodyPopupSpace .contestApproval .creditCheckOverview .isCreditOverview .isCreditOverviewInfo .isFlex{padding-bottom:18px}.sliderPopupBody .paymentsBodyPopupSpace .contestApproval .creditCheckOverview .isCreditOverview .isCreditOverviewInfo .isFlex span:first-child{color:#384150}.sliderPopupBody .paymentsBodyPopupSpace .contestApproval .creditCheckOverview .isCreditOverview .isCreditOverviewInfo .isFlex span:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .sliderPopupBody .paymentsBodyPopupSpace .contestApproval .creditCheckOverview .isCreditOverview .isCreditOverviewInfo .isFlex span:last-child{font-family:"Almarai-Bold"}.requestBankPopup .createScorePopup.sliderPopupBody{height:calc(100vh - 69px);background-color:#f3f5fd}.requestBankPopup .creditCheckSummary.createScorePopup.sliderPopupBody{height:calc(100vh - 147px)}.isAddDealPopup .btn.createBtn{font-family:"Avenir-Roman"}[dir=rtl] .isAddDealPopup .btn.createBtn{font-family:"Almarai-Light"}.isAddDealPopup .btn.createBtn{min-width:255px}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex span{display:inline-block}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycBankNAccountsSec .tableDataTitle,.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycByBank .tableDataTitle{font-family:"Avenir-Medium"}[dir=rtl] .e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycBankNAccountsSec .tableDataTitle,[dir=rtl] .e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycByBank .tableDataTitle{font-family:"Almarai-Regular"}.e-StatementsDataTable.isNewTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{padding-left:25px}.creditCheckSummaryShimmer .summaryTxnLoader{width:80px}.consentDate .colorRed{margin:3px 3px 0 4px}.creditCheckTotal tspan{font-size:1.5rem}@media screen and (max-width: 1440px){.creditCheckTotal tspan{font-size:1.4375rem}}@media screen and (max-width: 1280px){.creditCheckTotal tspan{font-size:1.375rem}}@media screen and (max-width: 1025px){.creditCheckTotal tspan{font-size:1.3125rem}}.creditCheckTotal tspan{font-family:"Avenir-Heavy"}[dir=rtl] .creditCheckTotal tspan{font-family:"Almarai-Bold"}.creditCheckTotal tspan{fill:#8994a5}.creditCheckTotal tspan:nth-child(2){font-family:"Avenir-Black"}[dir=rtl] .creditCheckTotal tspan:nth-child(2){font-family:"Almarai-ExtraBold"}.creditCheckTotal tspan:nth-child(2){font-size:3.75rem}@media screen and (max-width: 1440px){.creditCheckTotal tspan:nth-child(2){font-size:3.6875rem}}@media screen and (max-width: 1280px){.creditCheckTotal tspan:nth-child(2){font-size:3.625rem}}@media screen and (max-width: 1025px){.creditCheckTotal tspan:nth-child(2){font-size:3.5625rem}}.creditCheckTotal tspan:nth-child(2){fill:#384150}.creditCheckTotal.expenseCheckTotal tspan{font-size:1.25rem}@media screen and (max-width: 1440px){.creditCheckTotal.expenseCheckTotal tspan{font-size:1.1875rem}}@media screen and (max-width: 1280px){.creditCheckTotal.expenseCheckTotal tspan{font-size:1.125rem}}@media screen and (max-width: 1025px){.creditCheckTotal.expenseCheckTotal tspan{font-size:1.0625rem}}.creditCheckTotal.expenseCheckTotal tspan:nth-child(2){font-size:2.625rem}@media screen and (max-width: 1440px){.creditCheckTotal.expenseCheckTotal tspan:nth-child(2){font-size:2.5625rem}}@media screen and (max-width: 1280px){.creditCheckTotal.expenseCheckTotal tspan:nth-child(2){font-size:2.5rem}}@media screen and (max-width: 1025px){.creditCheckTotal.expenseCheckTotal tspan:nth-child(2){font-size:2.4375rem}}.creditCheckTotal.expenseCheckTotal tspan:nth-child(3){font-size:1rem}@media screen and (max-width: 1440px){.creditCheckTotal.expenseCheckTotal tspan:nth-child(3){font-size:.9375rem}}@media screen and (max-width: 1280px){.creditCheckTotal.expenseCheckTotal tspan:nth-child(3){font-size:.875rem}}@media screen and (max-width: 1025px){.creditCheckTotal.expenseCheckTotal tspan:nth-child(3){font-size:.8125rem}}.creditGraphText{max-width:395px;color:#8994a5;margin:-25px 0px 0 0px;text-align:center}.creditGraphText.isIncomeGraphTxt{margin:0}.openBankTab.noBorder{border-top:none}.incomeCheckDateLoader:empty{width:200px;height:35px}.craErrorImage{width:120px;height:120px}.craDownloadBtn{border:1px solid #5090f8;font-size:1.25rem}@media screen and (max-width: 1440px){.craDownloadBtn{font-size:1.1875rem}}@media screen and (max-width: 1280px){.craDownloadBtn{font-size:1.125rem}}@media screen and (max-width: 1025px){.craDownloadBtn{font-size:1.0625rem}}.craDownloadBtn{color:#5090f8;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;border-radius:4px;height:44px;width:44px;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.craDownloadBtn:hover{color:#fff;background-color:#5090f8}.expenseCheckContainer .openBankTab .inpGroupAppend{width:315px}
.overview .axis path,.overview .axis line{fill:none;stroke:#dbe1e9;stroke-width:1}.overview .axis.x,.overview .axis.y{color:#bfc7d0;display:block;margin-top:20px;padding:20px;position:absolute;top:26px;font-size:.75rem}@media screen and (max-width: 1440px){.overview .axis.x,.overview .axis.y{font-size:.6875rem}}@media screen and (max-width: 1280px){.overview .axis.x,.overview .axis.y{font-size:.625rem}}@media screen and (max-width: 1025px){.overview .axis.x,.overview .axis.y{font-size:.5625rem}}.overview .axis.x,.overview .axis.y{font-family:"Avenir-Roman"}[dir=rtl] .overview .axis.x,[dir=rtl] .overview .axis.y{font-family:"Almarai-Light"}.overview .axis.x .domain,.overview .axis.y .domain{color:#dbe1e9}.overview .bx--graph-header{font-weight:300;font-size:1.5rem}@media screen and (max-width: 1440px){.overview .bx--graph-header{font-size:1.4375rem}}@media screen and (max-width: 1280px){.overview .bx--graph-header{font-size:1.375rem}}@media screen and (max-width: 1025px){.overview .bx--graph-header{font-size:1.3125rem}}.overview .chart-wrapper{margin-top:45px;border-radius:4px}.overview .draw_graph_container path.domain{stroke:#f3f5fd}.overview .draw_graph_container .x.axis .tick line{opacity:1}.overview .draw_graph_container line{opacity:0}.overview .draw_graph_container .axis.y .domain{stroke:rgba(0,0,0,0)}.overview .draw_graph_container text{font-size:.75rem}@media screen and (max-width: 1440px){.overview .draw_graph_container text{font-size:.6875rem}}@media screen and (max-width: 1280px){.overview .draw_graph_container text{font-size:.625rem}}@media screen and (max-width: 1025px){.overview .draw_graph_container text{font-size:.5625rem}}.overview .draw_graph_container .axis path,.overview .draw_graph_container .axis line,.overview .draw_graph_container .gridline line{fill:none}.overview .draw_graph_container .line{stroke:#bfc7d0;stroke-width:2px;fill:none;stroke-dasharray:6px}.overview .draw_graph_container div.tooltip{color:#384150;position:absolute;text-align:center;padding:3px 6px;font-size:.75rem}@media screen and (max-width: 1440px){.overview .draw_graph_container div.tooltip{font-size:.6875rem}}@media screen and (max-width: 1280px){.overview .draw_graph_container div.tooltip{font-size:.625rem}}@media screen and (max-width: 1025px){.overview .draw_graph_container div.tooltip{font-size:.5625rem}}.overview .draw_graph_container div.tooltip{background:#fff;border-radius:4px;pointer-events:none}.overview .draw_graph_container .lineDots{cursor:pointer;fill-opacity:.8;stroke-opacity:1;transition:all .2s ease-in-out;opacity:1}.overview .draw_graph_container .lineDots:hover{fill-opacity:1;stroke-width:1px;opacity:1}.overview .draw_graph_container .lineDotsOutgoing{stroke:#eb8b2d;fill:#eb8b2d}.overview .draw_graph_container .lineDotsIncoming{stroke:#bfc7d0;fill:#bfc7d0}.overview .draw_graph_container .chart--donut{float:left;padding:20px 0;width:300px}.overview .draw_graph_container .chart--donut h2{display:none;margin-bottom:14px}.overview .draw_graph_container .chart--donut .chart-wrap svg{width:300px}.overview .draw_graph_container #incomingCalls{clear:both}.overview .draw_graph_container #incomingCalls svg>g:first-of-type path{fill:#bfc7d0 !important}.overview .draw_graph_container #outgoingCalls svg>g:first-of-type path{fill:#eb8b2d !important}.overview .draw_graph_container.isIncomeBarGrap .axis.x path.domain,.overview .draw_graph_container.isIncomeBarGrap .axis.y path.domain{stroke:#dbe1e9}.overview .graph-container{position:relative}.overview .label{font-size:.625rem}@media screen and (max-width: 1280px){.overview .label{font-size:.5625rem}}.overview .label{font-weight:700;fill:#8994a5;text-anchor:middle}.overview .line{stroke-width:2;fill:none}.overview .overlay{fill:#5090f8;opacity:.1;display:none;pointer-events:none}.overview .tick line{stroke:#dbe1e9}.overview .tooltip1{background-color:#eb8b2d;position:absolute;box-shadow:0 4px 8px 0 rgba(0,0,1,.1);border:1px solid #dbe1e9;padding:8px 20px;pointer-events:none;display:none;color:#fff;border-radius:9px;font-size:1rem}@media screen and (max-width: 1440px){.overview .tooltip1{font-size:.9375rem}}@media screen and (max-width: 1280px){.overview .tooltip1{font-size:.875rem}}@media screen and (max-width: 1025px){.overview .tooltip1{font-size:.8125rem}}.overview .tooltip1{font-family:"Avenir-Roman"}[dir=rtl] .overview .tooltip1{font-family:"Almarai-Light"}.overview .tooltip1{line-height:normal}.overview .tooltip1:after{content:"";top:100%;left:50%;transform:translateX(-50%);position:absolute;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:10px solid #eb8b2d}.overview .tooltip1 span{display:block}.overview #barChartTooltip1.tooltip1{background-color:#2a345e}.overview #barChartTooltip1.tooltip1:after{border-top-color:#2a345e}.overview #barChartTooltip1.tooltip1.cashInTip,.overview .tooltip1.cashInTip{background-color:#5090f8;border:0}.overview #barChartTooltip1.tooltip1.cashInTip:after,.overview .tooltip1.cashInTip:after{border-top-color:#5090f8}.overview #barChartTooltip2.tooltip1.cashOutTip{border:0}.overview .userPersonal #barChartTooltip2.tooltip1{background-color:#62bd69}.overview .userPersonal #barChartTooltip2.tooltip1:after{border-top-color:#62bd69}.overview .userPersonal #barChartTooltip3.tooltip1{background-color:#eb8b2d}.overview .userPersonal #barChartTooltip3.tooltip1:after{border-top-color:#eb8b2d}#BarGraph .axis.y .domain{stroke:#f3f5fd !important}#barChartTooltip1,#barChartTooltip2,#barChartTooltip3{right:auto !important}.previous.tooltip1{background:#bfc7d0}.previous.tooltip1::after{border-top-color:#bfc7d0}.current.tooltip1,.previous.tooltip1{min-width:100px;max-width:100px;max-height:56px;min-height:56px;padding:0;justify-content:center;align-items:center;flex-direction:column}.current.tooltip1 span,.previous.tooltip1 span{display:block;margin-bottom:2px}
.creditWtCard{background-color:#fff;padding:25px;border-radius:4px}.creditWtCard .solutionCreditList{flex-wrap:wrap}.creditWtCard .solutionCreditList>div{width:100%;margin-right:0;margin-bottom:15px}.isCreditCheckDashboard,.creditWtCard.creditBlueCard{background-color:#f3f5fd}.isCreditCheckDashboard.isExpenseWhiteCard,.creditWtCard.creditBlueCard.isExpenseWhiteCard{background-color:#fff;margin-bottom:25px}.isCreditCheckDashboard.isExpenseWhiteCard .bankList.isExpenseBankList,.creditWtCard.creditBlueCard.isExpenseWhiteCard .bankList.isExpenseBankList{position:relative;margin:0 0 0 45px}.isCreditCheckDashboard.isExpenseWhiteCard .bankList.isExpenseBankList::before,.creditWtCard.creditBlueCard.isExpenseWhiteCard .bankList.isExpenseBankList::before{content:"";border-left:1px solid #dbe1e9;height:100%;position:absolute;left:-20px}.isCreditCheckDashboard.isExpenseWhiteCard .bankList.isExpenseBankList .yourBankAccnts.selectTxnBox,.creditWtCard.creditBlueCard.isExpenseWhiteCard .bankList.isExpenseBankList .yourBankAccnts.selectTxnBox{height:45px;background-color:#fff}.isCreditCheckDashboard.isExpenseWhiteCard .isAccHolderName,.creditWtCard.creditBlueCard.isExpenseWhiteCard .isAccHolderName{max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.isCreditCheckDashboard .bankList .yourBankAccnts.isExpenseBankAcc,.creditWtCard.creditBlueCard .bankList .yourBankAccnts.isExpenseBankAcc{height:45px;background-color:#fff}.isCreditCheckDashboard .bankList .yourBankAccnts.isExpenseBankAcc .summaryTxnLoader:empty,.creditWtCard.creditBlueCard .bankList .yourBankAccnts.isExpenseBankAcc .summaryTxnLoader:empty{width:100px;height:25px}.isCreditCheckDashboard .isCountPosition,.creditWtCard.creditBlueCard .isCountPosition{position:relative;top:15px;right:5px}.blueCardSection,.incomeCatSection{background-color:#f8fcfd;padding:10px;border-radius:4px;margin-bottom:10px;cursor:pointer}.creditCheckSelect{height:44px}.creditCheckSelect .selectOptionFont .creditBxSelect{color:#fff;font-family:"Avenir-Heavy"}[dir=rtl] .creditCheckSelect .selectOptionFont .creditBxSelect{font-family:"Almarai-Bold"}.creditCheckSelect .selectOptionFont .creditBxSelectTxt{font-size:.75rem}@media screen and (max-width: 1440px){.creditCheckSelect .selectOptionFont .creditBxSelectTxt{font-size:.6875rem}}@media screen and (max-width: 1280px){.creditCheckSelect .selectOptionFont .creditBxSelectTxt{font-size:.625rem}}@media screen and (max-width: 1025px){.creditCheckSelect .selectOptionFont .creditBxSelectTxt{font-size:.5625rem}}.creditCheckSelect .selectOptionFont .creditBxSelectTxt{display:block;font-family:"Avenir-Medium"}[dir=rtl] .creditCheckSelect .selectOptionFont .creditBxSelectTxt{font-family:"Almarai-Regular"}.creditCheckSelect .selectOptionFont [class*=-indicatorContainer]{color:#fff}.creditCheckSelect .selectOptionFont [class*=css-][class*=-control]{width:220px;height:44px;background-color:#5090f8}.creditCheckSelect .selectOptionFont [class*=css-][class*=-control]>[class*=css-] [class*=css-][class*=-placeholder]{color:#fff}.creditCheckSelect .selectOptionFont [class*=css-][class*=-control] [class*=css-][class*=-indicatorContainer] i.icon.icon-down-arrow{color:#fff}.creditCheckSelect .icnDownload{border:2px solid #5090f8;width:44px;height:44px;border-radius:50%;font-size:20px;background:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;color:#5090f8;border-radius:4px}.creditCheckSelect .calendar button.icon-calendar{height:44px;width:44px;font-size:1.75rem}@media screen and (max-width: 1440px){.creditCheckSelect .calendar button.icon-calendar{font-size:1.6875rem}}@media screen and (max-width: 1280px){.creditCheckSelect .calendar button.icon-calendar{font-size:1.625rem}}@media screen and (max-width: 1025px){.creditCheckSelect .calendar button.icon-calendar{font-size:1.5625rem}}.incomeCatSection{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.incomeCatSection.greenLeftSec{border-left:8px solid #62bd69}.incomeCatSection.redLeftSec{border-left:8px solid #eb3223}.incomeCatSection .formControl .selectOptionFont [class*=css-][class*=-control]{width:70px;min-height:33px;max-height:33px}.incomeCatSection .formControl .selectOptionFont [class*=css-][class*=-control] [class*=css-][class*=-indicatorContainer]{padding:5px}.incomeCatSection .formControl .selectOptionFont [class*=css-][class*=-control] [class*=css-][class*=-Input]{min-width:28px}.creditCardTwoCol>.creditWtCard{width:49%;margin-bottom:25px}.creditCardTwoCol>.creditWtCard .creditWtCard{width:48%;margin-bottom:25px}.creditCategories .creditWtCard{margin-right:25px;width:33.33%}.creditCategories .creditWtCard:last-child{margin-right:0}.creditCategories.threeColCategory .creditWtCard{margin-right:15px;width:31.33%}.creditListCategories li{font-size:.75rem}@media screen and (max-width: 1440px){.creditListCategories li{font-size:.6875rem}}@media screen and (max-width: 1280px){.creditListCategories li{font-size:.625rem}}@media screen and (max-width: 1025px){.creditListCategories li{font-size:.5625rem}}.creditListCategories li{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;flex-wrap:nowrap;margin-bottom:15px}.creditListCategories li span:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .creditListCategories li span:last-child{font-family:"Almarai-Bold"}.creditListCategories li span.summaryTxnLoader:empty{height:14px;width:65px}.creditListCategories li.isFlexMoreChars{flex-direction:column;align-items:flex-start}.creditListCategories li.isFlexMoreChars span:last-child{padding-top:5px}.isLayoutExpand .creditCardTwoCol>.creditWtCard{width:100%;margin-right:0}.isLayoutExpand .creditCardTwoCol>.creditWtCard.incomeCreditCard:first-child{margin-right:25px}.isLayoutExpand .creditCardTwoCol>.creditWtCard .creditWtCard{width:97%}.summaryTxnLoader.shimmerHeight{height:60px}.iconGreenCircle{width:50px;height:50px;border-radius:50%;font-size:25px;background:#62bd69;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;color:#fff;min-width:50px}.iconGreenCircle.iconRedCircle{background:#eb3223}.solutionCreditList>div{background-color:#fff;border:1px solid #dbe1e9;border-radius:4px;width:48%;padding:15px 25px}.solutionCreditList .iconGreenCircle{min-width:30px;width:30px;height:30px;font-size:.875rem}@media screen and (max-width: 1440px){.solutionCreditList .iconGreenCircle{font-size:.8125rem}}@media screen and (max-width: 1280px){.solutionCreditList .iconGreenCircle{font-size:.75rem}}@media screen and (max-width: 1025px){.solutionCreditList .iconGreenCircle{font-size:.6875rem}}.solutionCreditList li{margin-top:15px;display:flex}.solutionCreditList li span.emptySimmer{width:160px;height:25px;margin-top:-10px}.solutionCreditList .icon-bullet-point{padding-right:10px;color:#62bd69;vertical-align:middle;position:relative;top:2px}.solutionCreditList .icon-bullet-point.negative{color:#eb3223}.userCircleCredit{width:65px;height:65px;border-radius:50%;font-size:25px;background:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;color:#8994a5;border:1px solid #dbe1e9}.shimmerCreditCircle.summaryTxnLoader:empty{width:50px;height:50px;border-radius:50%;margin-right:10px}.CreditCheckCatergoriesShimmer .emptySimmer:empty{width:100px;height:30px}.CreditCheckCatergoriesShimmer .boxSimmer .emptySimmer:empty{width:30px;height:30px}.monthTxtCredit{color:#000001}.totalCredit{width:calc(100% - 90px)}.individualCredit{width:calc(100% - 30px)}.attributeTxt{width:calc(100% - 148px)}.finalObligations{align-content:space-between;height:98%}.pendingApprovalContainer .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr{align-items:center}.linkCopyBtn{width:100%;display:inline-block;word-wrap:break-word}.copyLinkBtn .icon-copy-link{font-size:.875rem}@media screen and (max-width: 1440px){.copyLinkBtn .icon-copy-link{font-size:.8125rem}}@media screen and (max-width: 1280px){.copyLinkBtn .icon-copy-link{font-size:.75rem}}@media screen and (max-width: 1025px){.copyLinkBtn .icon-copy-link{font-size:.6875rem}}@media screen and (max-width: 1336px){.creditCategories .creditWtCard{margin-right:20px}}@media screen and (max-width: 1270px){.creditCategoryBoxes.creditCategories{flex-wrap:wrap}.creditCategoryBoxes.creditCategories .creditWtCard{width:48.5%;margin-bottom:15px}.creditCategoryBoxes.creditCardTwoCol .creditWtCard:nth-child(even){margin-right:0}}@media screen and (max-width: 1171px){.creditCategories.threeColCategory .creditWtCard{margin-right:15px;width:31.33%}.creditCategoryBoxes.isLoading.creditCategories{flex-wrap:nowrap}}
.donutChart{width:270px;margin:auto}.circleShadow{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:145px;height:145px;background:#fff;text-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}.circleShadow span{overflow:hidden;width:100px;text-overflow:ellipsis;margin:0 auto;display:block;margin-bottom:5px}.circleShadow span:first-child{color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .circleShadow span:first-child{font-family:"Almarai-Bold"}.circleShadow span:first-child{font-size:1.125rem}@media screen and (max-width: 1440px){.circleShadow span:first-child{font-size:1.0625rem}}@media screen and (max-width: 1280px){.circleShadow span:first-child{font-size:1rem}}@media screen and (max-width: 1025px){.circleShadow span:first-child{font-size:.9375rem}}.circleShadow span:last-child{font-family:"Avenir-Medium"}[dir=rtl] .circleShadow span:last-child{font-family:"Almarai-Regular"}.circleShadow span:last-child{font-size:1rem}@media screen and (max-width: 1440px){.circleShadow span:last-child{font-size:.9375rem}}@media screen and (max-width: 1280px){.circleShadow span:last-child{font-size:.875rem}}@media screen and (max-width: 1025px){.circleShadow span:last-child{font-size:.8125rem}}.circleShadow span:last-child{color:#8994a5}.circleShadow span.totalAmt{color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .circleShadow span.totalAmt{font-family:"Almarai-Bold"}.circleShadow span.totalAmt{font-size:1.125rem}@media screen and (max-width: 1440px){.circleShadow span.totalAmt{font-size:1.0625rem}}@media screen and (max-width: 1280px){.circleShadow span.totalAmt{font-size:1rem}}@media screen and (max-width: 1025px){.circleShadow span.totalAmt{font-size:.9375rem}}.circleShadow span.total{font-family:"Avenir-Medium"}[dir=rtl] .circleShadow span.total{font-family:"Almarai-Regular"}.circleShadow span.total{font-size:1rem}@media screen and (max-width: 1440px){.circleShadow span.total{font-size:.9375rem}}@media screen and (max-width: 1280px){.circleShadow span.total{font-size:.875rem}}@media screen and (max-width: 1025px){.circleShadow span.total{font-size:.8125rem}}.circleShadow span.total{color:#8994a5}.circleShadow.incomeCircleShadow span{color:#000001;width:143px}.circleShadow.incomeCircleShadow span:last-child{font-size:2.625rem}@media screen and (max-width: 1440px){.circleShadow.incomeCircleShadow span:last-child{font-size:2.5625rem}}@media screen and (max-width: 1280px){.circleShadow.incomeCircleShadow span:last-child{font-size:2.5rem}}@media screen and (max-width: 1025px){.circleShadow.incomeCircleShadow span:last-child{font-size:2.4375rem}}.circleShadow.incomeCircleShadow span:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .circleShadow.incomeCircleShadow span:last-child{font-family:"Almarai-Bold"}.circleShadow.incomeCircleShadow span.total{font-size:1.25rem}@media screen and (max-width: 1440px){.circleShadow.incomeCircleShadow span.total{font-size:1.1875rem}}@media screen and (max-width: 1280px){.circleShadow.incomeCircleShadow span.total{font-size:1.125rem}}@media screen and (max-width: 1025px){.circleShadow.incomeCircleShadow span.total{font-size:1.0625rem}}.circleShadow.isExpense{background-color:#f3f5fd}.circleShadow.isExpense .isExpenseDonut span{font-family:"Avenir-Heavy"}[dir=rtl] .circleShadow.isExpense .isExpenseDonut span{font-family:"Almarai-Bold"}.circleShadow.isExpense .isExpenseDonut span{font-size:1.5rem}@media screen and (max-width: 1440px){.circleShadow.isExpense .isExpenseDonut span{font-size:1.4375rem}}@media screen and (max-width: 1280px){.circleShadow.isExpense .isExpenseDonut span{font-size:1.375rem}}@media screen and (max-width: 1025px){.circleShadow.isExpense .isExpenseDonut span{font-size:1.3125rem}}.circleShadow.isExpense .isExpenseDonut span{margin-bottom:0}.circleShadow.isExpense .isExpenseDonut span:first-child{font-family:"Avenir-Medium"}[dir=rtl] .circleShadow.isExpense .isExpenseDonut span:first-child{font-family:"Almarai-Regular"}.circleShadow.isExpense .isExpenseDonut span:first-child{font-size:.75rem}@media screen and (max-width: 1440px){.circleShadow.isExpense .isExpenseDonut span:first-child{font-size:.6875rem}}@media screen and (max-width: 1280px){.circleShadow.isExpense .isExpenseDonut span:first-child{font-size:.625rem}}@media screen and (max-width: 1025px){.circleShadow.isExpense .isExpenseDonut span:first-child{font-size:.5625rem}}.circleShadow.isExpense .isExpenseDonut span:first-child{color:#384150;margin-bottom:1rem}
.activeUsersBar .hrsByLoader:empty{animation:slAnim 1s infinite;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 20%, rgba(255, 255, 255, 0.61) 20%),linear-gradient(#f3f5fd 81px, #f3f5fd 0);background-position:0 0,0 0,0 50px;background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;border-radius:4px;height:50px;margin-bottom:10px;width:100%}.avrgMonthlyValue .activeUsersBar .hrsByLoader:empty{height:28px}.statusBarComponent .isActivitiesBar{padding-bottom:25px}.statusBarComponent .isActivitiesBar .label{font-family:"Avenir-Heavy"}[dir=rtl] .statusBarComponent .isActivitiesBar .label{font-family:"Almarai-Bold"}.statusBarComponent .isActivitiesBar .label{font-size:1rem}@media screen and (max-width: 1440px){.statusBarComponent .isActivitiesBar .label{font-size:.9375rem}}@media screen and (max-width: 1280px){.statusBarComponent .isActivitiesBar .label{font-size:.875rem}}@media screen and (max-width: 1025px){.statusBarComponent .isActivitiesBar .label{font-size:.8125rem}}.statusBarComponent .isActivitiesBar .label{color:#384150;padding-top:6px}.statusBarComponent .isActivitiesBar .label span{font-family:"Avenir-Medium"}[dir=rtl] .statusBarComponent .isActivitiesBar .label span{font-family:"Almarai-Regular"}.statusBarComponent .isActivitiesBar .label span{font-size:1rem}@media screen and (max-width: 1440px){.statusBarComponent .isActivitiesBar .label span{font-size:.9375rem}}@media screen and (max-width: 1280px){.statusBarComponent .isActivitiesBar .label span{font-size:.875rem}}@media screen and (max-width: 1025px){.statusBarComponent .isActivitiesBar .label span{font-size:.8125rem}}.statusBarComponent .isActivitiesBar .label span{color:#8994a5}.statusBarComponent .isActivitiesBar .statusBar{background:#bfc7d0;border-radius:4px;height:28px;position:relative;width:100%;z-index:1}.statusBarComponent .isActivitiesBar .statusBar .avrgValue{background:#8994a5}.statusBarComponent .isActivitiesBar .statusBar .highestValue{background:#5090f8}.statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets{border-radius:4px 0 0 4px;height:28px;position:relative;z-index:2}.statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets .isAchievedPercent{font-family:"Avenir-Medium"}[dir=rtl] .statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets .isAchievedPercent{font-family:"Almarai-Regular"}.statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets .isAchievedPercent{font-size:.875rem}@media screen and (max-width: 1440px){.statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets .isAchievedPercent{font-size:.8125rem}}@media screen and (max-width: 1280px){.statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets .isAchievedPercent{font-size:.75rem}}@media screen and (max-width: 1025px){.statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets .isAchievedPercent{font-size:.6875rem}}.statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets .isAchievedPercent{color:#fff;position:absolute;right:4px;top:7px}.statusBarComponent .isActivitiesBar .statusBar .lowestValue{background:#eb3223}.statusBarComponent .isActivitiesBar:last-child{padding-bottom:0}
.analysticsPieChartLoader:empty{background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(rgba(191, 199, 208, 0.253) 350px, transparent 0),linear-gradient(rgba(191, 199, 208, 0.356) 197px, transparent 0);background-repeat:no-repeat;background-size:35px 350px,100% 350px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite;height:350px;width:350px;margin:0 auto;border-radius:50%}.PercentageIncomeGraph.analysticsPieChartLoader:empty{height:250px;width:250px}.semiCircleLoader.analysticsPieChartLoader:empty{height:200px;width:400px;margin:0 auto;border-radius:200px 200px 0 0}.incomeInsightWtCard.creditWtCard{padding:25px 15px}.incomeInsightWtCard.creditWtCard .w-48{width:49%}.incomeWhiteCard.w-48{width:49%}.incomeWhiteCard .cashPerformance .cashPerformanceLegends .thisWeekTxt{font-family:"Avenir-Roman"}[dir=rtl] .incomeWhiteCard .cashPerformance .cashPerformanceLegends .thisWeekTxt{font-family:"Almarai-Light"}.incomeWhiteCard .cashPerformance .cashPerformanceLegends .thisWeekTxt::before{top:-2px}.incomeWhiteCard .cashPerformance .cashPerformanceLegends .lastWeekTxt{color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .incomeWhiteCard .cashPerformance .cashPerformanceLegends .lastWeekTxt{font-family:"Almarai-Light"}.incomeWhiteCard .cashPerformance .cashPerformanceLegends .lastWeekTxt::before{top:9px;border-top:2px dashed #5090f8}.incomeWhiteCard.expenseWhiteCard .cashPerformance .cashPerformanceLegends .thisWeekTxt{font-family:"Avenir-Roman"}[dir=rtl] .incomeWhiteCard.expenseWhiteCard .cashPerformance .cashPerformanceLegends .thisWeekTxt{font-family:"Almarai-Light"}.incomeWhiteCard.expenseWhiteCard .cashPerformance .cashPerformanceLegends .thisWeekTxt::before{top:-1px}.incomeWhiteCard.expenseWhiteCard .cashPerformance .cashPerformanceLegends .lastWeekTxt{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .incomeWhiteCard.expenseWhiteCard .cashPerformance .cashPerformanceLegends .lastWeekTxt{font-family:"Almarai-Light"}.incomeWhiteCard.expenseWhiteCard .cashPerformance .cashPerformanceLegends .lastWeekTxt::before{content:"—";border-top:none;top:-1px;left:-26px}.overview .tooltip1{min-width:130px;max-width:130px}.overview .tooltip1.incomeToolTipFreq{background-color:#8994a5}.overview .tooltip1.incomeToolTipFreq:after{border-top:10px solid #8994a5}.budgetLineChartGraph .budgetBalGraph{font-family:"Avenir-Heavy"}[dir=rtl] .budgetLineChartGraph .budgetBalGraph{font-family:"Almarai-Bold"}.budgetLineChartGraph .budgetBalGraph{font-size:.875rem}@media screen and (max-width: 1440px){.budgetLineChartGraph .budgetBalGraph{font-size:.8125rem}}@media screen and (max-width: 1280px){.budgetLineChartGraph .budgetBalGraph{font-size:.75rem}}@media screen and (max-width: 1025px){.budgetLineChartGraph .budgetBalGraph{font-size:.6875rem}}.budgetLineChartGraph .budgetBalGraph{color:#fff;margin-top:8px;text-align:center}.budgetLineChartGraph .tooltip1{position:absolute;opacity:1;display:block;background-color:#5090f8;border-radius:4px;padding:10px;color:#fff}.budgetLineChartGraph .tooltip1:after{content:"";top:100%;left:50%;transform:translateX(-50%);position:absolute;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:10px solid #5090f8}.totalIncomeAnalysis .chartDiagram .salary,.totalIncomeAnalysis .chartDiagram .freelance,.totalIncomeAnalysis .chartDiagram .others{font-size:1rem}@media screen and (max-width: 1440px){.totalIncomeAnalysis .chartDiagram .salary,.totalIncomeAnalysis .chartDiagram .freelance,.totalIncomeAnalysis .chartDiagram .others{font-size:.9375rem}}@media screen and (max-width: 1280px){.totalIncomeAnalysis .chartDiagram .salary,.totalIncomeAnalysis .chartDiagram .freelance,.totalIncomeAnalysis .chartDiagram .others{font-size:.875rem}}@media screen and (max-width: 1025px){.totalIncomeAnalysis .chartDiagram .salary,.totalIncomeAnalysis .chartDiagram .freelance,.totalIncomeAnalysis .chartDiagram .others{font-size:.8125rem}}.totalIncomeAnalysis .chartDiagram .salary,.totalIncomeAnalysis .chartDiagram .freelance,.totalIncomeAnalysis .chartDiagram .others{color:#8994a5;position:relative;padding-left:2px;margin-left:55px}.totalIncomeAnalysis .chartDiagram .salary:before,.totalIncomeAnalysis .chartDiagram .freelance:before,.totalIncomeAnalysis .chartDiagram .others:before{position:absolute;content:"";width:6px;height:6px;background:#2a345e;left:-11px;top:6px}.totalIncomeAnalysis .chartDiagram .salary:first-child,.totalIncomeAnalysis .chartDiagram .freelance:first-child,.totalIncomeAnalysis .chartDiagram .others:first-child{margin-left:0}.totalIncomeAnalysis .chartDiagram .salary:before{background:#5090f8}.totalIncomeAnalysis .chartDiagram .freelance:before{background:#8994a5}.totalIncomeAnalysis .chartDiagram .others:before{background:#eb8b2d}
.globalFooterContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 0;background-color:#f3f5fd;position:absolute;right:auto;left:auto;bottom:0;margin:0 auto;transition-property:width;transition-duration:.3s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.globalFooterContainer .globalFooterBlock{display:flex;justify-content:space-between}.globalFooterContainer .globalFooterBlock .webSiteNavFooter{display:flex;padding-bottom:12px}.globalFooterContainer .globalFooterBlock .webSiteNavFooter li{padding-right:20px;padding-left:20px;border-right:1px solid #8994a5}.globalFooterContainer .globalFooterBlock .webSiteNavFooter li:first-child{padding-left:0}.globalFooterContainer .globalFooterBlock .webSiteNavFooter li:last-child{padding-right:0;border-right:none}.globalFooterContainer .globalFooterBlock .webSiteNavFooter li a{color:#384150;font-size:.875rem}@media screen and (max-width: 1440px){.globalFooterContainer .globalFooterBlock .webSiteNavFooter li a{font-size:.8125rem}}@media screen and (max-width: 1280px){.globalFooterContainer .globalFooterBlock .webSiteNavFooter li a{font-size:.75rem}}@media screen and (max-width: 1025px){.globalFooterContainer .globalFooterBlock .webSiteNavFooter li a{font-size:.6875rem}}.globalFooterContainer .globalFooterBlock .webSiteNavFooter li a{font-family:"Avenir-Roman"}[dir=rtl] .globalFooterContainer .globalFooterBlock .webSiteNavFooter li a{font-family:"Almarai-Light"}.globalFooterContainer .globalFooterBlock .webSiteNavFooter li a{transition:.3s all ease}.globalFooterContainer .globalFooterBlock .webSiteNavFooter li a:hover{color:#000001;transition:.3s all ease}.globalFooterContainer .globalFooterBlock .navFooter{display:flex}.globalFooterContainer .globalFooterBlock .navFooter li{padding-right:22px;padding-left:22px}.globalFooterContainer .globalFooterBlock .navFooter li:first-child{padding-left:0}.globalFooterContainer .globalFooterBlock .navFooter li:last-child{padding-right:0}.globalFooterContainer .globalFooterBlock .navFooter li span{color:#000001;font-size:.875rem}@media screen and (max-width: 1440px){.globalFooterContainer .globalFooterBlock .navFooter li span{font-size:.8125rem}}@media screen and (max-width: 1280px){.globalFooterContainer .globalFooterBlock .navFooter li span{font-size:.75rem}}@media screen and (max-width: 1025px){.globalFooterContainer .globalFooterBlock .navFooter li span{font-size:.6875rem}}.globalFooterContainer .globalFooterBlock .navFooter li span{font-family:"Avenir-Medium"}[dir=rtl] .globalFooterContainer .globalFooterBlock .navFooter li span{font-family:"Almarai-Regular"}.globalFooterContainer .globalFooterBlock .navFooter li span{line-height:2.5;cursor:pointer;text-transform:uppercase}.globalFooterContainer .globalFooterBlock .navFooter li span:after{content:"";display:block;margin:auto;height:2px;width:0px;background:rgba(0,0,0,0);transition:width .5s ease,background-color .5s ease}.globalFooterContainer .globalFooterBlock .navFooter li span:hover:after{width:100%;background:#eb8b2d}.globalFooterContainer .globalFooterBlock .navFooter li span.active{font-family:"Avenir-Heavy"}[dir=rtl] .globalFooterContainer .globalFooterBlock .navFooter li span.active{font-family:"Almarai-Bold"}.globalFooterContainer .globalFooterBlock .navFooter li span.active:after{content:"";height:2px;width:100%;background:#eb8b2d;transition:width .5s ease,background-color .5s ease}.globalFooterContainer .globalFooterBlock .footerCopyRight{color:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.globalFooterContainer .globalFooterBlock .footerCopyRight{font-size:.6875rem}}@media screen and (max-width: 1280px){.globalFooterContainer .globalFooterBlock .footerCopyRight{font-size:.625rem}}@media screen and (max-width: 1025px){.globalFooterContainer .globalFooterBlock .footerCopyRight{font-size:.5625rem}}.globalFooterContainer .globalFooterBlock .footerCopyRight{font-family:"Avenir-Medium"}[dir=rtl] .globalFooterContainer .globalFooterBlock .footerCopyRight{font-family:"Almarai-Regular"}.container.isGlobalFooterSec{padding:0;margin-top:50px}
.fontRoman-14,.transactionList ul li span,.subCategories span{font-family:"Avenir-Roman"}[dir=rtl] .fontRoman-14,[dir=rtl] .transactionList ul li span,.transactionList ul li [dir=rtl] span,[dir=rtl] .subCategories span,.subCategories [dir=rtl] span{font-family:"Almarai-Light"}.fontRoman-14,.transactionList ul li span,.subCategories span{font-size:.875rem}@media screen and (max-width: 1440px){.fontRoman-14,.transactionList ul li span,.subCategories span{font-size:.8125rem}}@media screen and (max-width: 1280px){.fontRoman-14,.transactionList ul li span,.subCategories span{font-size:.75rem}}@media screen and (max-width: 1025px){.fontRoman-14,.transactionList ul li span,.subCategories span{font-size:.6875rem}}.fontRoman-14,.transactionList ul li span,.subCategories span{line-height:22px}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList .accountDetails{background-color:#f3f5fd;cursor:pointer}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList .accountDetails .isAccountsSec .companyName{max-width:150px;line-height:initial}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList .accountDetails .overBankAccount .amountCurrency{padding-right:5px}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList .bankAccountHolder .userInfo .amount .amountCurrency{display:flex}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList .bankAccountHolder .userInfo .name{max-width:none}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList.overviewbankList .accountDetails .companyName{text-transform:initial;flex:auto;max-width:none}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList.overviewbankList .accountDetails .isAccountsSec{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList.overviewbankList .accountDetails .isAccountsSec img{margin:0 10px}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList.overviewbankList .accountDetails .isAccountsSec img.cashFlowimg{margin:0 10px 0 0}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList.overviewbankList .accountDetails .isAccountsSec .icon.icon-down-arrow{margin-right:10px}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList.overviewbankList .accountDetails .overBankAccount{max-width:none}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList.overviewbankList .accountDetails .overBankAccount .amountCurrency{display:flex}.newDashboard.efmDashboard .overview .cashPerformance.cashPerformanceBlock .selectOptionFont{width:165px}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec{margin-top:25px}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar{margin-bottom:20px}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label{margin-bottom:12px}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .currencyNo,.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .amountNo{font-size:.875rem}@media screen and (max-width: 1440px){.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .currencyNo,.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .amountNo{font-size:.8125rem}}@media screen and (max-width: 1280px){.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .currencyNo,.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .amountNo{font-size:.75rem}}@media screen and (max-width: 1025px){.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .currencyNo,.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .amountNo{font-size:.6875rem}}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .currencyNo,.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .amountNo{color:#000001}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label span{font-family:"Avenir-Medium"}[dir=rtl] .newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label span{font-family:"Almarai-Regular"}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label span:first-child{font-size:.875rem}@media screen and (max-width: 1440px){.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label span:first-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label span:first-child{font-size:.75rem}}@media screen and (max-width: 1025px){.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label span:first-child{font-size:.6875rem}}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label span:first-child{color:#8994a5}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .isStatusBar{background:#bfc7d0;height:10px;border-radius:8px;width:100%}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .isStatusBar .isCurrentTargets{height:10px;z-index:2;border-radius:8px;transition:.8s}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .isStatusBar .isCurrentTargets.cash{background:#62bd69}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .isStatusBar .isCurrentTargets.debit{background:#eb3223}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .isStatusBar .isCurrentTargets.net{background:#62bd69}.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar:last-child{margin-bottom:0}.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec{margin-top:20px}.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .isTrendsSubTitle{font-family:"Avenir-Heavy"}[dir=rtl] .newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .isTrendsSubTitle{font-family:"Almarai-Bold"}.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .isTrendsSubTitle{font-size:1rem}@media screen and (max-width: 1440px){.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .isTrendsSubTitle{font-size:.9375rem}}@media screen and (max-width: 1280px){.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .isTrendsSubTitle{font-size:.875rem}}@media screen and (max-width: 1025px){.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .isTrendsSubTitle{font-size:.8125rem}}.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .isTrendsSubTitle{color:#384150}.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow{font-size:1.5rem}@media screen and (max-width: 1440px){.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow{font-size:1.4375rem}}@media screen and (max-width: 1280px){.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow{font-size:1.375rem}}@media screen and (max-width: 1025px){.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow{font-size:1.3125rem}}.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow{color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow{font-family:"Almarai-Bold"}.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow{margin-top:12px}.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow span{font-family:"Avenir-Roman"}[dir=rtl] .newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow span{font-family:"Almarai-Light"}.newDashboard.efmDashboard .overview .isEfmTrends .netWorthDate{font-family:"Avenir-Medium"}[dir=rtl] .newDashboard.efmDashboard .overview .isEfmTrends .netWorthDate{font-family:"Almarai-Regular"}.newDashboard.efmDashboard .overview .isEfmTrends .netWorthDate{font-size:1rem}@media screen and (max-width: 1440px){.newDashboard.efmDashboard .overview .isEfmTrends .netWorthDate{font-size:.9375rem}}@media screen and (max-width: 1280px){.newDashboard.efmDashboard .overview .isEfmTrends .netWorthDate{font-size:.875rem}}@media screen and (max-width: 1025px){.newDashboard.efmDashboard .overview .isEfmTrends .netWorthDate{font-size:.8125rem}}.newDashboard.efmDashboard .overview .isEfmTrends .netWorthDate{color:#8994a5}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .topHead{border-bottom:0}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .topHead h3{color:#384150}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .topHead .netWorthDate{color:#8994a5}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .monthCurrency .amountCurrency{font-size:1.625rem}@media screen and (max-width: 1440px){.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .monthCurrency .amountCurrency{font-size:1.5625rem}}@media screen and (max-width: 1280px){.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .monthCurrency .amountCurrency{font-size:1.5rem}}@media screen and (max-width: 1025px){.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .monthCurrency .amountCurrency{font-size:1.4375rem}}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .monthCurrency .monthTxt{color:#384150;font-family:"Avenir-Heavy"}[dir=rtl] .newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .monthCurrency .monthTxt{font-family:"Almarai-Bold"}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .lastMonthCrncy{font-family:"Avenir-Roman"}[dir=rtl] .newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .lastMonthCrncy{font-family:"Almarai-Light"}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .lastMonthCrncy span:first-child{color:#8994a5}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .lastMonthCrncy span:last-child{color:#384150;padding-left:4px}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming #lineChartTooltip.tooltip1.cashInTip.pink{background-color:#62bd69}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming #lineChartTooltip.tooltip1.cashInTip.pink:after{border-top-color:#62bd69}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .tooltip1 span.graphAmtText,.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .tooltip1 span{white-space:nowrap;font-size:.75rem}@media screen and (max-width: 1440px){.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .tooltip1 span.graphAmtText,.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .tooltip1 span{font-size:.6875rem}}@media screen and (max-width: 1280px){.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .tooltip1 span.graphAmtText,.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .tooltip1 span{font-size:.625rem}}@media screen and (max-width: 1025px){.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .tooltip1 span.graphAmtText,.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .tooltip1 span{font-size:.5625rem}}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .analysGraphMonth span{font-size:.75rem}@media screen and (max-width: 1440px){.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .analysGraphMonth span{font-size:.6875rem}}@media screen and (max-width: 1280px){.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .analysGraphMonth span{font-size:.625rem}}@media screen and (max-width: 1025px){.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .analysGraphMonth span{font-size:.5625rem}}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .analysGraphMonth span{color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .analysGraphMonth span{font-family:"Almarai-Regular"}.newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .analysGraphMonth span{width:25%;text-align:center}.newDashboard.efmDashboard .overview .todaysBalance .lastTimeUpdate{left:15px}.newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .currencyNo{margin-left:0;font-family:"Avenir-Medium"}[dir=rtl] .newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .currencyNo{font-family:"Almarai-Regular"}.newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .currencyNo{color:#000001}.newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .amountNo{margin-right:0;font-family:"Avenir-Medium"}[dir=rtl] .newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .amountNo{font-family:"Almarai-Regular"}.newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .amountNo{color:#000001}.newDashboard.efmDashboard .bankAccounts .accountDetails i{transform:rotate(0) scale(1)}.newDashboard.efmDashboard .bankAccounts .accountDetails i.consent-i{transform:rotate(-90deg) scale(1)}.newDashboard.efmDashboard .bankAccounts .accountDetails i.rotate{transform:rotate(-180deg) scale(1)}.isProgressBg{margin:10px 0;background:#dbe1e9;height:10px;width:100%;position:relative;border-radius:4px}.isProgressBg .isProgressStatus{background:#62bd69;height:10px;position:relative;border-radius:4px;z-index:2}.transnCategBox{margin-bottom:30px;background-color:#f3f5fd;border-radius:4px;padding:25px}.transnCategBox h1.title{font-size:1.25rem}@media screen and (max-width: 1440px){.transnCategBox h1.title{font-size:1.1875rem}}@media screen and (max-width: 1280px){.transnCategBox h1.title{font-size:1.125rem}}@media screen and (max-width: 1025px){.transnCategBox h1.title{font-size:1.0625rem}}.transnCategBox .viewCaseBtns{justify-content:unset}.transnCategBox .viewCaseBtns button{min-width:130px;font-size:.875rem}@media screen and (max-width: 1440px){.transnCategBox .viewCaseBtns button{font-size:.8125rem}}@media screen and (max-width: 1280px){.transnCategBox .viewCaseBtns button{font-size:.75rem}}@media screen and (max-width: 1025px){.transnCategBox .viewCaseBtns button{font-size:.6875rem}}.transnCategBox .viewCaseBtns button{font-family:"Avenir-Medium"}[dir=rtl] .transnCategBox .viewCaseBtns button{font-family:"Almarai-Regular"}.subCategoryBox .categoryTitle{font-family:"Avenir-Roman"}[dir=rtl] .subCategoryBox .categoryTitle{font-family:"Almarai-Light"}.subCategoryBox .categoryTitle{color:#8994a5}.subCategoryBox>div{min-width:26%}.subCategoryBox .newCreateBtn{background:none}.subCategoryBox .openBankingName input{min-width:196px;min-height:36px}.subCategories span{display:block;color:#384150}.editTxt{font-family:"Avenir-Heavy"}[dir=rtl] .editTxt{font-family:"Almarai-Bold"}.editTxt{font-size:1.125rem}@media screen and (max-width: 1440px){.editTxt{font-size:1.0625rem}}@media screen and (max-width: 1280px){.editTxt{font-size:1rem}}@media screen and (max-width: 1025px){.editTxt{font-size:.9375rem}}.editTxt{color:#5090f8;margin-right:30px}.overviewMain.allBudgetMain{margin-bottom:25px;display:flex;justify-content:space-between}.overviewMain.allBudgetMain .whiteCard{height:auto}.overviewMain.allBudgetMain .rightColumn{width:62%}.overviewMain.allBudgetMain .leftColumn{width:36.5%}.budget-title{font-family:"Avenir-Heavy"}[dir=rtl] .budget-title{font-family:"Almarai-Bold"}.budget-title{font-size:1.5rem}@media screen and (max-width: 1440px){.budget-title{font-size:1.4375rem}}@media screen and (max-width: 1280px){.budget-title{font-size:1.375rem}}@media screen and (max-width: 1025px){.budget-title{font-size:1.3125rem}}.budget-title{color:#8994a5}.budgetCalSection{padding:25px 45px}.budgetCal>div{margin-right:22px;text-align:center}.budgetCal>div:last-child{margin-right:0}.budgetCal .budgetMonth{background-color:#dbe1e9;color:#384150;border-radius:50%;font-size:.75rem}@media screen and (max-width: 1440px){.budgetCal .budgetMonth{font-size:.6875rem}}@media screen and (max-width: 1280px){.budgetCal .budgetMonth{font-size:.625rem}}@media screen and (max-width: 1025px){.budgetCal .budgetMonth{font-size:.5625rem}}.budgetCal .budgetMonth{width:40px;height:40px;font-family:"Avenir-Heavy"}[dir=rtl] .budgetCal .budgetMonth{font-family:"Almarai-Bold"}.budgetCal .budgetMonth{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.budgetCal .budgetMonth.budgetActiveM{background-color:#5090f8;color:#fff}.budgetCal span{font-size:.875rem}@media screen and (max-width: 1440px){.budgetCal span{font-size:.8125rem}}@media screen and (max-width: 1280px){.budgetCal span{font-size:.75rem}}@media screen and (max-width: 1025px){.budgetCal span{font-size:.6875rem}}.incomeSection h6{font-family:"Avenir-Heavy"}[dir=rtl] .incomeSection h6{font-family:"Almarai-Bold"}.incomeSection h6{font-size:1.125rem}@media screen and (max-width: 1440px){.incomeSection h6{font-size:1.0625rem}}@media screen and (max-width: 1280px){.incomeSection h6{font-size:1rem}}@media screen and (max-width: 1025px){.incomeSection h6{font-size:.9375rem}}.incomeSection h6{color:#000001}.incomeSection .incomeRec{width:25px;height:25px;border-radius:4px;background-color:#62bd69;color:#fff;display:inline-block;margin-left:15px;text-align:center}.incomeSection .incomeRec .icon-up-arrow:before{content:"";transform:rotate(-135deg);display:inline-block;font-size:.875rem}@media screen and (max-width: 1440px){.incomeSection .incomeRec .icon-up-arrow:before{font-size:.8125rem}}@media screen and (max-width: 1280px){.incomeSection .incomeRec .icon-up-arrow:before{font-size:.75rem}}@media screen and (max-width: 1025px){.incomeSection .incomeRec .icon-up-arrow:before{font-size:.6875rem}}.incomeSection .incomeRec.expenseRec{background-color:#eb3223}.incomeSection .incomeRec.expenseRec .icon-up-arrow:before{transform:rotate(45deg)}.expenseSection{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;padding:10px;border-radius:4px;transition:.3s}.expenseSection:hover{background-color:#f3f5fd;cursor:pointer}.expenseSection .actionSection{width:2%}.iconActiveH:hover>i{color:#fff;transition:.3s}.transactionList ul li{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;line-height:initial}.transactionList ul li span{color:#384150;flex:1;margin-bottom:10px}.transactionList ul li span:last-child{word-break:break-word;font-family:"Avenir-Heavy"}[dir=rtl] .transactionList ul li span:last-child{font-family:"Almarai-Bold"}.transactionList ul li:nth-child(2){border-bottom:0}.frequencyDay>div{width:100%}.frequencyOpt>div{width:48%}.frequencyOptYear>div{width:31.5%}.efm-select.name-select__menu-list .efm-select.name-select__group{padding:0 !important}.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__option{font-size:.75rem}@media screen and (max-width: 1440px){.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__option{font-size:.6875rem}}@media screen and (max-width: 1280px){.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__option{font-size:.625rem}}@media screen and (max-width: 1025px){.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__option{font-size:.5625rem}}.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__option{padding:8px 12px}.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__group-heading{font-family:"Avenir-Heavy"}[dir=rtl] .efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__group-heading{font-family:"Almarai-Bold"}.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__group-heading{font-size:.875rem}@media screen and (max-width: 1440px){.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__group-heading{font-size:.8125rem}}@media screen and (max-width: 1280px){.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__group-heading{font-size:.75rem}}@media screen and (max-width: 1025px){.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__group-heading{font-size:.6875rem}}.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__group-heading{border-top:1px solid rgba(137,148,165,.45);background-color:#384150;padding:14px 10px 14px;margin-bottom:0;line-height:20px;color:#fff;position:relative}.efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__group-heading::before{content:"";position:absolute;height:.5px;width:90%;background-color:rgba(137,148,165,.45);left:10px;bottom:0}.transactionOpen{line-height:22px}.transactionOpen span{padding-right:5px}.transactionLoader ul li{justify-content:unset}.transactionLoader ul li span{display:block;width:30%;flex:unset}
.grid line{stroke:#dbe1e9;stroke-opacity:.7;shape-rendering:crispEdges}path.domain{stroke:#dbe1e9}.axisLabelColor text{fill:#8994a5;font-size:.75rem}@media screen and (max-width: 1440px){.axisLabelColor text{font-size:.6875rem}}@media screen and (max-width: 1280px){.axisLabelColor text{font-size:.625rem}}@media screen and (max-width: 1025px){.axisLabelColor text{font-size:.5625rem}}.axisLabelColor text{font-family:"Avenir-Roman"}[dir=rtl] .axisLabelColor text{font-family:"Almarai-Light"}.x .axis .tick line{visibility:hidden}
.isDualAdminNav{width:15%;padding-top:45px}.isDualAdminNav .leftSideNavWidth{width:100%}.sideNavBarUP>ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.sideNavBarUP>ul>li{float:none}.sideNavBarUP>ul>li a{display:block;color:#384150;text-decoration:none;font-size:1rem}@media screen and (max-width: 1440px){.sideNavBarUP>ul>li a{font-size:.9375rem}}@media screen and (max-width: 1280px){.sideNavBarUP>ul>li a{font-size:.875rem}}@media screen and (max-width: 1025px){.sideNavBarUP>ul>li a{font-size:.8125rem}}.sideNavBarUP>ul>li a{font-family:"Avenir-Roman"}[dir=rtl] .sideNavBarUP>ul>li a{font-family:"Almarai-Light"}.sideNavBarUP>ul>li a{padding:9px 20px;margin-bottom:14px}.sideNavBarUP>ul>li a.active{position:relative;font-family:"Avenir-Heavy"}[dir=rtl] .sideNavBarUP>ul>li a.active{font-family:"Almarai-Bold"}.sideNavBarUP>ul>li a.active:before{content:"";position:absolute;top:0;left:0;background:#eb8b2d;width:5px;height:33px}.sideNavBarUP>ul>li>ul{list-style-type:none;margin:0;padding-left:1.5em;overflow:hidden}.sideNavBarUP>ul>li>ul>li>a{color:#384150;font-size:1rem}@media screen and (max-width: 1440px){.sideNavBarUP>ul>li>ul>li>a{font-size:.9375rem}}@media screen and (max-width: 1280px){.sideNavBarUP>ul>li>ul>li>a{font-size:.875rem}}@media screen and (max-width: 1025px){.sideNavBarUP>ul>li>ul>li>a{font-size:.8125rem}}.sideNavBarUP>ul li.isIndicatorTitle{font-family:"Avenir-Heavy"}[dir=rtl] .sideNavBarUP>ul li.isIndicatorTitle{font-family:"Almarai-Bold"}.sideNavBarUP>ul li.isIndicatorTitle{font-size:1.25rem}@media screen and (max-width: 1440px){.sideNavBarUP>ul li.isIndicatorTitle{font-size:1.1875rem}}@media screen and (max-width: 1280px){.sideNavBarUP>ul li.isIndicatorTitle{font-size:1.125rem}}@media screen and (max-width: 1025px){.sideNavBarUP>ul li.isIndicatorTitle{font-size:1.0625rem}}.sideNavBarUP>ul li.isIndicatorTitle{color:#395293;text-transform:uppercase;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #dbe1e9}.sideNavBarUP .supplierAccessBtn{min-width:144px;font-family:"Avenir-Roman"}[dir=rtl] .sideNavBarUP .supplierAccessBtn{font-family:"Almarai-Light"}.sideNavBarUP .supplierAccessBtn{font-size:.75rem}@media screen and (max-width: 1440px){.sideNavBarUP .supplierAccessBtn{font-size:.6875rem}}@media screen and (max-width: 1280px){.sideNavBarUP .supplierAccessBtn{font-size:.625rem}}@media screen and (max-width: 1025px){.sideNavBarUP .supplierAccessBtn{font-size:.5625rem}}.sideNavBarUP .supplierAccessBtn{margin:0 20px}.sideNavBarUP .postmanTxt{margin:0 20px}.sideNavBarUP .postmanTxt .postmanDownloadTxt{color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .sideNavBarUP .postmanTxt .postmanDownloadTxt{font-family:"Almarai-Light"}.sideNavBarUP .postmanTxt .postmanDownloadTxt{font-size:1rem}@media screen and (max-width: 1440px){.sideNavBarUP .postmanTxt .postmanDownloadTxt{font-size:.9375rem}}@media screen and (max-width: 1280px){.sideNavBarUP .postmanTxt .postmanDownloadTxt{font-size:.875rem}}@media screen and (max-width: 1025px){.sideNavBarUP .postmanTxt .postmanDownloadTxt{font-size:.8125rem}}.sideNavBarUP .postmanTxt .postmanDownloadTxt{padding:8px 0;margin:24px 0 0;line-height:initial}.sideNavBarUP>ul>li>ul>li a:hover{background-color:#5090f8;font-family:"Avenir-Roman"}[dir=rtl] .sideNavBarUP>ul>li>ul>li a:hover{font-family:"Almarai-Light"}.sideNavBarUP>ul>li>ul>li a:hover{color:#fff}.sideNavBarUP.deactive,.sideNavWrapper .sideNavBarUP.roleBaseddeActive{position:sticky;top:90px}
.indKycReqContainer{background-color:#f3f5fd;padding-top:45px;padding-bottom:136px}.indKycReqContainer.indKycPopContainer{height:calc(100vh - 45px)}.indKycReqContainer .TxnConsentInfoSection{background-color:#fff}.indKycReqContainer .indKycReqBody{background-color:#fff;border-radius:4px;margin:0 auto;padding:35px;width:670px}.indKycReqContainer .indKycReqBody .kycPermissionBody{background-color:#f3f5fd;padding:25px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody{background-color:#fff;padding:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText{margin-bottom:25px;padding:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection{background-color:#f8fcfd;border-radius:4px;padding:15px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isAccordion{border-bottom:1px solid #dbe1e9;margin-bottom:15px;padding-bottom:15px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isAccordion .icon-down-arrow{line-height:normal}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isAccordion h6{font-size:.875rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isAccordion h6{font-size:.8125rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isAccordion h6{font-size:.75rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isAccordion h6{font-size:.6875rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isAccordion h6{margin-bottom:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isListItem{margin-bottom:16px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isListItem:last-child{margin-bottom:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText:last-child{margin-bottom:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList{border:1px solid #dbe1e9;margin-bottom:25px;padding:15px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList:first-child{margin-top:25px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList:last-child{margin-bottom:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span{font-family:"Avenir-Medium"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span{font-family:"Almarai-Regular"}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span{font-size:.75rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span{font-size:.6875rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span{font-size:.625rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span{color:#384150;padding-bottom:6px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span:last-child{padding-bottom:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .companyName{font-family:"Avenir-Roman"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .companyName{font-family:"Almarai-Light"}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .companyName{font-size:.75rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .companyName{font-size:.6875rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .companyName{font-size:.625rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .companyName{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .companyName{color:#8994a5;padding-left:5px;width:100px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .name{font-family:"Avenir-Medium"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .name{font-family:"Almarai-Regular"}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .name{font-size:.75rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .name{font-size:.6875rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .name{font-size:.625rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .name{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .name{color:#384150;padding-left:5px;width:100px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span{font-size:.75rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span{font-size:.6875rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span{font-size:.625rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span:first-child{font-family:"Avenir-Roman"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span:first-child{font-family:"Almarai-Light"}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span:first-child{color:#8994a5}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span:last-child{font-family:"Avenir-Medium"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span:last-child{font-family:"Almarai-Regular"}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span:last-child{color:#384150;line-height:normal;padding-left:5px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee span:first-child{font-family:"Avenir-Heavy"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee span:first-child{font-family:"Almarai-Bold"}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee span:first-child{font-size:.75rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee span:first-child{font-size:.6875rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee span:first-child{font-size:.625rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee span:first-child{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee span:first-child{color:#384150}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isRequestApprove span:first-child{font-family:"Avenir-Heavy"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isRequestApprove span:first-child{font-family:"Almarai-Bold"}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isRequestApprove span:first-child{font-size:.875rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isRequestApprove span:first-child{font-size:.8125rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isRequestApprove span:first-child{font-size:.75rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isRequestApprove span:first-child{font-size:.6875rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isRequestApprove span:first-child{color:#000001;padding-bottom:12px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .permissionBtnsSec{padding:35px 0 0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .permissionBtnsSec .btn{background-color:#fff}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .permissionBtnsSec .btn:first-child:hover{background-color:#5090f8}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .permissionBtnsSec .btn:last-child{background-color:#eb8b2d}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions{font-family:"Avenir-Medium"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions{font-family:"Almarai-Regular"}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions{font-size:.875rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions{font-size:.8125rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions{font-size:.75rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions{font-size:.6875rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions .permissionAgree{color:#8994a5;line-height:22px}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions .permissionAgree a{text-decoration:underline}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions ul li{color:#8994a5;padding-bottom:10px}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions ul li::before{font-family:"icomoon" !important;font-size:.625rem}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions ul li::before{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions ul li::before{color:#eb3223;content:"";margin-right:10px}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions{border-bottom:1px solid #dbe1e9}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;background-color:#dbe1e9;border-radius:50px;height:28px;width:28px}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons [class^=icon-]{font-size:.75rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons [class^=icon-]{font-size:.6875rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons [class^=icon-]{font-size:.625rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons [class^=icon-]{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-beneficiary-details{font-size:.625rem}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-beneficiary-details{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-standing-orders,.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-txn-history{font-size:.875rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-standing-orders,.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-txn-history{font-size:.8125rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-standing-orders,.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-txn-history{font-size:.75rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-standing-orders,.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-txn-history{font-size:.6875rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-users-tooltip{font-size:1.125rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-users-tooltip{font-size:1.0625rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-users-tooltip{font-size:1rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons .icon-users-tooltip{font-size:.9375rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons.standingOrdr{padding-top:4px}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec{flex:1;padding-left:10px;padding-top:8px}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec.independendPermissionSec{padding-top:0}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .kycPermissionLst{font-family:"Avenir-Heavy"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .kycPermissionLst{font-family:"Almarai-Bold"}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .kycPermissionLst{font-size:.875rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .kycPermissionLst{font-size:.8125rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .kycPermissionLst{font-size:.75rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .kycPermissionLst{font-size:.6875rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .kycPermissionLst{color:#384150}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .permissionDesc{font-family:"Avenir-Medium"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .permissionDesc{font-family:"Almarai-Regular"}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .permissionDesc{font-size:.75rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .permissionDesc{font-size:.6875rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .permissionDesc{font-size:.625rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .permissionDesc{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .permissionDesc{color:#8994a5;line-height:18px;padding:8px 0 16px 0}.indKycReqContainer .indKycReqBody .kycReqtitle{font-family:"Avenir-Heavy"}[dir=rtl] .indKycReqContainer .indKycReqBody .kycReqtitle{font-family:"Almarai-Bold"}.indKycReqContainer .indKycReqBody .kycReqtitle{font-size:1.25rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .kycReqtitle{font-size:1.1875rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycReqtitle{font-size:1.125rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .kycReqtitle{font-size:1.0625rem}}.indKycReqContainer .indKycReqBody .permissionBtnsSec{padding:35px 0}.indKycReqContainer .indKycReqBody .permissionBtnsSec button{min-width:125px;font-size:1rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .permissionBtnsSec button{font-size:.9375rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .permissionBtnsSec button{font-size:.875rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .permissionBtnsSec button{font-size:.8125rem}}.indKycReqContainer .indKycReqBody .permissionBtnsSec button:last-child{background-color:#eb8b2d;margin-left:35px}.indKycReqContainer .indKycReqBody .permissionBtnsSec h1{font-size:1.125rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .permissionBtnsSec h1{font-size:1.0625rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .permissionBtnsSec h1{font-size:1rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .permissionBtnsSec h1{font-size:.9375rem}}.indKycReqContainer .indKycReqBody .permissionBtnsSec h1{color:#384150;padding-bottom:32px}.indKycReqContainer .indKycReqBody .tiltePermission{font-family:"Avenir-Medium"}[dir=rtl] .indKycReqContainer .indKycReqBody .tiltePermission{font-family:"Almarai-Regular"}.indKycReqContainer .indKycReqBody .tiltePermission{font-size:1rem}@media screen and (max-width: 1440px){.indKycReqContainer .indKycReqBody .tiltePermission{font-size:.9375rem}}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .tiltePermission{font-size:.875rem}}@media screen and (max-width: 1025px){.indKycReqContainer .indKycReqBody .tiltePermission{font-size:.8125rem}}.indKycReqContainer .indKycReqBody .tiltePermission{color:#384150;line-height:1.5}.indKycReqContainer .indKycReqBody .tiltePermission .bankAccountText span{line-height:1.5}.indKycReqContainer .indKycReqBody .tiltePermission .bankAccountText span strong{color:#384150}.indKycReqContainer .requestSuccessBody .stnmntDownload .mediumFont{display:inline-block;line-height:28px;width:90%}