.btn.createBtn{border-radius:4px;border:1px solid #5090f8;color:#fff;font-size:1rem;font-family:"Avenir-Heavy";min-height:44px;background:#5090f8}@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}}[dir=rtl] .btn.createBtn{font-family:"Almarai-Bold"}.btn.createBtn:hover{background:#96bcfb;color:#fff;border-color:#96bcfb;opacity:1}.attachementsKeyText{color:#384150;font-family:"Avenir-Roman";font-size:.75rem}[dir=rtl] .attachementsKeyText{font-family:"Almarai-Light"}@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;font-family:"Avenir-Roman";color:#384150}@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}}[dir=rtl] .payments h1{font-family:"Almarai-Light"}.proceedMain{display:flex;justify-content:space-between;align-items:center}.proceedMain h4{color:#8994a5}.proceedMain p{color:#000001;font-size:1.625rem;margin-top:12px}@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 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";font-size:.875rem;color:#384150}[dir=rtl] .footerButton .totalAmount h4 span.totalInvoiceCount{font-family:"Almarai-Light"}@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.fetchingUpdates{font-size:1rem;font-family:"Avenir-Medium";color:#000001}@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}}[dir=rtl] .footerButton .totalAmount h4.fetchingUpdates{font-family:"Almarai-Regular"}.footerButton .totalAmount p{color:#000001;font-size:1.625rem;margin-top:12px}@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 span{font-size:1.375rem;margin-right:10px}@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}}.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;line-height:1.5;padding-top:5px}@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}}.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";font-size:1rem}[dir=rtl] .createPaymentPopUp .btn{font-family:"Almarai-Light"}@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;font-family:"Avenir-Roman";margin:10px 0;padding-left:7px}@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}}[dir=rtl] .groupBadgeStyles{font-family:"Almarai-Light"}.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;color:#8994a5;top:14px}@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}}.createPaymentFooter{background-color:#2a345e;display:flex;justify-content:space-between;color:#dbe1e9;padding:15px 0px;font-size:.875rem;font-family:"Avenir-Roman";border-bottom-left-radius:8px;border-bottom-right-radius:8px}@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}}[dir=rtl] .createPaymentFooter{font-family:"Almarai-Light"}.createPaymentFooter span{position:relative}.createPaymentFooter span.icon-security.mr-2{position:absolute;left:-25px;font-size:1.375rem;top:-5px}@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}}.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;font-family:"Avenir-Medium";line-height:17px;resize:none}@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}}[dir=rtl] .paymentOtp textarea{font-family:"Almarai-Regular"}.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;color:#384150;font-family:"Avenir-Medium";cursor:pointer}@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}}[dir=rtl] .popup-overlay-pay .transactionDetails .toggleInvoice{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Medium"}@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}}[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;font-family:"Avenir-Heavy"}@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}}[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;font-family:"Avenir-Heavy";padding-bottom:24px}@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}}[dir=rtl] .sliderPopup .transactionDetails .transactionPop.isInvoiceHeading>span:first-child{font-family:"Almarai-Bold"}.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;text-align:center;display:flex;flex-direction:row;padding:20px 0;margin:0px 35px}@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 .invoices{padding-right:20px;color:#000001;font-family:"Avenir-Heavy";font-size:1.125rem;line-height:1.3}[dir=rtl] .transactionDetails .invoiceDetails .invoices{font-family:"Almarai-Bold"}@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:not(:last-child){margin-right:20px;border-right:2px solid #8994a5}.transactionDetails .invoiceContent .mainDetails .invoiceNum{font-size:1rem;color:#384150;line-height:1.3}@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 .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";font-size:1rem}[dir=rtl] .transactionDetails .invoiceContent .mainDetails .invoiceTableBody .purchaseOrderTab .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td:last-child{font-family:"Almarai-Light"}@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;color:#000001;font-family:"Avenir-Roman"}@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}}[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;color:#000001}@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.isVatAmount .invoice-td:last-child{font-size:1rem;color:#000001;font-family:"Avenir-Roman"}@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}}[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;font-family:"Avenir-Heavy";color:#8994a5}@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}}[dir=rtl] .transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableHead{font-family:"Almarai-Bold"}.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;font-family:"Avenir-Medium";color:#384150;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@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}}[dir=rtl] .transactionDetails .invoiceContent .invoiceTable .invoiceTableRow .invoiceTableCell{font-family:"Almarai-Regular"}.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;content:" ";clear:both;height:0}@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}}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.jointApproval{color:#000001;font-size:1rem;font-family:"Avenir-Heavy"}@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}}[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";font-size:.875rem}[dir=rtl] .scheduleOptionalTxt{font-family:"Almarai-Regular"}@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;font-family:"Avenir-Roman";line-height:initial;align-items:baseline;padding-top:5px}@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}}[dir=rtl] .popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg{font-family:"Almarai-Light"}.popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg .assignRoleTxt{color:#eb3223;font-size:.875rem;font-family:"Avenir-Roman";line-height:initial;display:inline-block}@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}}[dir=rtl] .popup-overlay-pay .transactionDetails .mainDetails .approval .subapproval .assignRoleMsg .assignRoleTxt{font-family:"Almarai-Light"}.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;font-family:"Avenir-Roman";line-height:initial;text-align:right;max-width:270px}@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}}[dir=rtl] .paymentStatus.cancelApproval .paymentButtons span{font-family:"Almarai-Light"}.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;color:#384150;font-family:"Avenir-Roman";display:flex;align-items:center;justify-content:center}@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}}[dir=rtl] .isAttacheFileContainer .issueDropZone .issueDropZoneText{font-family:"Almarai-Light"}.isAttacheFileContainer .issueDropZone .issueDropZoneText .icon-Browse{font-size:1.25rem;padding-right:5px;margin-top:-2px}@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 .attachBtn{border:0;background:rgba(0,0,0,0);font-family:"Avenir-Heavy";font-size:.875rem;color:#5090f8}[dir=rtl] .isAttacheFileContainer .issueDropZone .issueDropZoneText .attachBtn{font-family:"Almarai-Bold"}@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 .notAllowed{font-family:"Avenir-Roman";font-size:.75rem;color:#8994a5;padding-top:10px;display:inline-block}[dir=rtl] .isAttacheFileContainer .issueDropZone .notAllowed{font-family:"Almarai-Light"}@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 .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;font-family:"Avenir-Roman";max-width:300px}@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}}[dir=rtl] .isAttacheFileContainer .uploadProgressBar .FileName{font-family:"Almarai-Light"}.isAttacheFileContainer .uploadProgressBar .FileSize{position:absolute;right:42px;top:0;color:#8994a5;box-shadow:-5px 0 10px #fff;font-size:.75rem;font-family:"Avenir-Roman"}@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}}[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;cursor:pointer}@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}}.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;font-family:"Avenir-Roman";max-width:300px}@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}}[dir=rtl] .isAttachmentContainer .uploadProgressBar .FileName{font-family:"Almarai-Light"}.isAttachmentContainer .uploadProgressBar .FileSize{position:absolute;right:42px;top:0;color:#8994a5;box-shadow:-5px 0 10px #fff;font-size:.75rem;font-family:"Avenir-Roman"}@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}}[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;cursor:pointer}@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}}.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";width:100%}[dir=rtl] .DatePickerField{font-family:"Almarai-Regular"}.ofetnField{width:200px !important;padding:.6rem;border-radius:.25rem;min-height:2.5rem;font-family:"Avenir-Medium";margin:10px}[dir=rtl] .ofetnField{font-family:"Almarai-Regular"}.errorMsg{color:#eb3223;font-size:.875rem;font-family:"Avenir-Medium";margin:5px 0}@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}}[dir=rtl] .errorMsg{font-family:"Almarai-Regular"}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";font-size:.75rem;flex:1;line-height:initial}[dir=rtl] .sliderPopupBody.isOpenBankingPopup .paymentsBodyPopupSpace .formControl .isSavePayTxt,[dir=rtl] .sliderPopupBody.isInOpenBanking .paymentsBodyPopupSpace .formControl .isSavePayTxt{font-family:"Almarai-Light"}@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}}.isTracker{color:#5090f8;font-family:"Avenir-Roman";font-size:.75rem;position:relative}[dir=rtl] .isTracker{font-family:"Almarai-Light"}@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 .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;font-family:"Avenir-Heavy";color:#fff}@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}}[dir=rtl] .isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency{font-family:"Almarai-Bold"}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency span{font-family:"Avenir-Roman";color:#fff}[dir=rtl] .isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .isCurrency span{font-family:"Almarai-Light"}.isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .trackId{font-family:"Avenir-Medium";color:#f3f5fd;font-size:.75rem}[dir=rtl] .isTracker .transcationTooltip.isPaymentTrackerTooltip .bottom .isTrackingId .trackId{font-family:"Almarai-Regular"}@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";font-size:.75rem;display:block}[dir=rtl] .isPaymentTrackerContainer .events li>span:last-child .stepStatus .status{font-family:"Almarai-Light"}@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 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";font-size:.75rem;color:#fff}[dir=rtl] .isPaymentTrackerContainer .events li>span:last-child .stepStatus strong .subapprovalText{font-family:"Almarai-Regular"}@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: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";font-size:1rem;left:12px}[dir=rtl] .isPaymentTrackerContainer .events .stepLabel{font-family:"Almarai-Regular"}@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::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;background:#384150}@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 li.completed .stepLabel::after{content:"";font-family:"icomoon" !important;font-size:1.625rem;padding:0;border:none;z-index:1;color:#62bd69}@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>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";font-size:.875rem}[dir=rtl] .footerButton span.isFooterErrorMsg{font-family:"Almarai-Light"}@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;color:#8994a5;font-family:"Avenir-Roman";padding-right:3px}@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}}[dir=rtl] .footerButton .accessingSameUser .accessingSameUserTxt{font-family:"Almarai-Light"}.footerButton .accessingSameUser .accessingSameUserTxt .usrName{color:#000001;font-size:.875rem;font-family:"Avenir-Roman"}@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}}[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;font-family:"Avenir-Roman";color:#384150}@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}}[dir=rtl] .footerMain .billsNodueNote{font-family:"Almarai-Light"}.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";font-size:.875rem;color:#384150}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .isBenCount .noOfItems{font-family:"Almarai-Regular"}@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 .isCount{font-size:.875rem;font-family:"Avenir-Heavy";color:#000001;padding-left:4px}@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}}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .isBenCount .isCount{font-family:"Almarai-Bold"}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount{padding-left:15px}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .noOfItems{font-family:"Avenir-Roman";font-size:.875rem;padding-bottom:10px;color:#8994a5}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .noOfItems{font-family:"Almarai-Light"}@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 .isCount{font-size:1.25rem;font-family:"Avenir-Medium";color:#000001}@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}}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .isCount{font-family:"Almarai-Regular"}.groupUserFooterMain.footerMain .footerButton .totalAmount{position:relative}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor{font-family:"Avenir-Roman";font-size:.875rem;color:#5090f8;margin-right:0;padding-top:5px;display:inline-block}[dir=rtl] .groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor{font-family:"Almarai-Light"}@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 .icon-down-arrow{font-size:.9375rem;margin-right:0;position:relative;top:2px;transition:transform .3s}@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::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;margin-top:12px}@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 .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";font-size:.875rem;color:#8994a5;padding-bottom:6px}[dir=rtl] .groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{font-family:"Almarai-Regular"}@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 .isPayAmount{font-family:"Avenir-Heavy";font-size:.875rem;color:#000001;max-width:300px;display:flex;flex-wrap:wrap}[dir=rtl] .groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount{font-family:"Almarai-Bold"}@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 .amountNum{position:relative;font-size:.875rem;padding-bottom:4px}@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::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";font-size:.875rem;color:#5090f8;cursor:pointer;display:inline-block;padding-top:3px}[dir=rtl] .groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isRemove{font-family:"Almarai-Light"}@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::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;margin-right:0}@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: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;background-color:#bfc7d0;border-radius:50%}@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.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";font-size:.875rem;padding-top:12px;display:inline-block}[dir=rtl] .groupUserFooterMain.footerMain span.isFooterErrorMsg{font-family:"Almarai-Light"}@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}}.paymentOtp.transactionDetails .isBulkPayApproval .isTxt{font-size:.875rem;font-family:"Avenir-Medium";color:#8994a5}@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}}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .isTxt{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Medium";color:#8994a5;line-height:initial}@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}}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span{font-family:"Almarai-Regular"}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span:last-child{font-family:"Avenir-Heavy";font-size:1.5rem;color:#000001;padding-top:16px}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .selectedCount span:last-child{font-family:"Almarai-Bold"}@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 .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;font-family:"Avenir-Medium";color:#8994a5;padding-bottom:16px}@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}}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount .isTitle{font-family:"Almarai-Regular"}.paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount span:last-child span{font-family:"Avenir-Heavy";font-size:1.25rem;color:#000001;padding-bottom:10px}[dir=rtl] .paymentOtp.transactionDetails .isBulkPayApproval .summarizingPayments .isTotalAmount span:last-child span{font-family:"Almarai-Bold"}@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}}.dNone{display:none}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{font-size:.875rem;color:#5090f8;font-family:"Avenir-Roman";text-decoration:underline}@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}}[dir=rtl] .popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{font-family:"Almarai-Light"}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor~strong.limitTxt{color:#8994a5;padding-left:5px;font-size:.75rem;font-family:"Avenir-Roman"}@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}}[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;word-break:break-word;line-height:1.4}@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.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";width:175px}[dir=rtl] .AmountField{font-family:"Almarai-Regular"}.completedLevels{color:#62bd69}.approverTag{display:flex;justify-content:flex-start}.approverTag>span{font-size:.75rem;font-family:"Avenir-Medium";padding:5px;border-radius:50%;margin-bottom:6px;padding-bottom:4px}@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}}[dir=rtl] .approverTag>span{font-family:"Almarai-Regular"}.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;color:#fff;position:absolute;top:13px;left:13px}@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: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";font-size:1.25rem;color:#000001}[dir=rtl] .sucessPayment.txnFailedPopup.transactionDetails h3{font-family:"Almarai-Bold"}@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 .failedPayntErrorText{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .sucessPayment.txnFailedPopup.transactionDetails .failedPayntErrorText{font-family:"Almarai-Regular"}.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";font-size:1.25rem}[dir=rtl] .history .transactionOverview .benBoxFilter .totalItems .amountCurrency{font-family:"Almarai-Regular"}@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";color:#000001}[dir=rtl] .timeFontHeavy{font-family:"Almarai-Regular"}.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;text-align:center;box-shadow:none;color:#000001;background:#f8fcfd;font-family:"Avenir-Heavy";border:1px solid #dbe1e9;border-radius:4px}@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}}[dir=rtl] .otpInputBlock .otpInputField>input{font-family:"Almarai-Bold"}.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;margin-left:3px}@media screen and (max-width: 1280px){.recreatePayment{font-size:.5625rem}}.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;font-family:"Avenir-Heavy";line-height:1.4;text-align:center}@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}}[dir=rtl] .cutoffMsg{font-family:"Almarai-Bold"}.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";font-size:.75rem;color:#5090f8;border-radius:10.5px;border:solid 1px #5090f8;cursor:pointer;padding:4px 8px 4px 8px;margin-left:10px;margin-top:-5px}[dir=rtl] .showBankFailed,[dir=rtl] .showBankFailedFill{font-family:"Almarai-Light"}@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: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;color:#fff}@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:hover{opacity:.8}.paymentOtp h3.warningTitle{color:#eb3223;font-size:1.625rem;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .paymentOtp h3.warningTitle{font-family:"Almarai-Bold"}.paymentOtp .duplicateWarning{color:#8994a5;font-size:1rem;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .paymentOtp .duplicateWarning{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Roman";border:1px solid #ffde4d;border-radius:4px;padding:10px;line-height:initial}@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}}[dir=rtl] .paymentOtp .duplicatePayBlock,[dir=rtl] .sucessPayment .duplicatePayBlock{font-family:"Almarai-Light"}.paymentOtp .duplicatePayBlock .duplicatePay,.sucessPayment .duplicatePayBlock .duplicatePay{color:#eb3223;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[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";font-size:1.875rem;color:#000001}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName{font-family:"Almarai-Bold"}@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 .isTagName{font-family:"Avenir-Medium";font-size:1.5rem;color:#384150}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBeneficiary .isBeneficiaryName .isTagName{font-family:"Almarai-Regular"}@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 .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;font-family:"Avenir-Medium";color:#384150}@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}}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:first-child{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:last-child{font-size:.875rem;font-family:"Avenir-Heavy";color:#384150;padding-top:10px}@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}}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isBenDetailsOnPayments .isBenDetailsBoxes .benDetailsBox>span:last-child{font-family:"Almarai-Bold"}.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";font-size:1rem;color:#000001;padding-bottom:24px}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.title{font-family:"Almarai-Bold"}@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.isTitle{font-family:"Avenir-Medium";font-size:1rem;color:#8994a5;padding-bottom:24px;position:relative;transition:.5s ease all;display:inline-block;cursor:pointer}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle{font-family:"Almarai-Regular"}@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: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";color:#000001}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts h4.isTitle.active{font-family:"Almarai-Bold"}.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";font-size:.875rem;color:#000001}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isAccNum{font-family:"Almarai-Bold"}@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 .isTagName{padding-top:8px;color:#384150;font-size:.75rem;font-family:"Avenir-Medium"}@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}}[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";font-size:.875rem}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isPayHistoryDetails .benDetails-table-head .benDetails-tr .benDetails-th{font-family:"Almarai-Bold"}@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";color:#000001}[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 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;padding:0 8px;padding-left:10px;color:#fff;transform:rotate(180deg) scale(1);display:inline-block;font-family:"Avenir-Medium";text-transform:uppercase;position:relative;top:-1px}@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}}[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.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;font-family:"Avenir-Roman";line-height:normal}@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}}[dir=rtl] .transactionDetails .chooseOtpAuth .formControl .twoStepChoose{font-family:"Almarai-Light"}.transactionDetails .chooseOtpAuth .formControl .otpChoose{color:#384150;font-size:.875rem;font-family:"Avenir-Roman";line-height:normal}@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}}[dir=rtl] .transactionDetails .chooseOtpAuth .formControl .otpChoose{font-family:"Almarai-Light"}.transactionDetails .chooseOtpAuth .formControl .radio{color:#000001;font-size:.875rem;font-family:"Avenir-Roman";text-align:left;font-weight:900;margin-left:24px;line-height:1.5}@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}}[dir=rtl] .transactionDetails .chooseOtpAuth .formControl .radio{font-family:"Almarai-Light"}.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;cursor:pointer;color:#384150}@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 .filterItem{color:#384150;font-size:.75rem;font-family:"Avenir-Medium";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:145px;display:block}@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}}[dir=rtl] .filterAppliedContainer .filterBlock .filterBtn .filterItem{font-family:"Almarai-Regular"}.filterAppliedContainer .filterBlock .filterTxt{color:#384150;font-size:1rem;font-family:"Avenir-Roman"}@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}}[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;color:#384150;font-family:"Avenir-Medium";padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@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}}[dir=rtl] .benDetailsTitle{font-family:"Almarai-Regular"}.benDetailsTitle:empty{display:none}.benDetailsSubTitle{font-size:.75rem;color:#8994a5;font-family:"Avenir-Roman";padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@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}}[dir=rtl] .benDetailsSubTitle{font-family:"Almarai-Light"}.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;background-color:#fff;border-bottom-right-radius:0;border-top-right-radius:0;min-height:34px}@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 .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";font-size:.875rem}[dir=rtl] .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-family:"Almarai-Bold"}@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";font-size:.875rem;text-transform:initial}[dir=rtl] .newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-family:"Almarai-Light"}@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.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";font-size:.75rem;text-transform:uppercase}[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"}@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.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;font-family:"Avenir-Roman"}@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}}[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{width:5%}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.payStatus .actionSection{margin-top:15px}.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;padding-right:10px}@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 .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;color:#dbe1e9}.manageInfo .tooltipInfo .icon-priority-payment{font-size:1rem;color:#eb8b2d}@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}}.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";border-bottom:1px solid #dbe1e9;padding-bottom:9px;color:#fff}[dir=rtl] .payStatusSelection .inputSelect .listOfItems>.isFlex{font-family:"Almarai-Light"}.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;font-family:"Avenir-Roman"}@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}}[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;background-color:#fff;border-bottom-right-radius:0;border-top-right-radius:0;min-height:34px}@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 .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";font-size:.875rem}[dir=rtl] .newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy{font-family:"Almarai-Bold"}@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";font-size:.875rem;text-transform:initial}[dir=rtl] .newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy .selectPayments{font-family:"Almarai-Light"}@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.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";font-size:.75rem;text-transform:uppercase}[dir=rtl] .newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billCheckBox .icon-recreated-tag .recreated{font-family:"Almarai-Bold"}@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-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;padding-right:10px}@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 .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;margin-right:8px}@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.historyBlock.noHover{align-items:flex-end}.schedulePaymentDate{font-family:"Avenir-Heavy";color:#000001}[dir=rtl] .schedulePaymentDate{font-family:"Almarai-Bold"}.isBankLogosGrouping{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium";display:flex;align-items:center;justify-content:space-between;position:relative}@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}}[dir=rtl] .isBankLogosGrouping{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Heavy"}@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}}[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;font-family:"Avenir-Heavy"}@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}}[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";color:#fff}[dir=rtl] .isBankLogosGrouping .transcationTooltip.salaryBreakupsToolTip .salaryBreakup .isAccounts span:last-child .currencyNo{font-family:"Almarai-Light"}.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;transition:transform .3s}@media screen and (max-width: 1280px){.suggestionOpen .icon-MoreArrows{font-size:.5625rem}}.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}
.overview .title{font-family:"Avenir-Roman";font-size:2rem;color:#000001;margin-bottom:15px}[dir=rtl] .overview .title{font-family:"Almarai-Light"}@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 span{font-family:"Avenir-Heavy"}[dir=rtl] .overview .title span{font-family:"Almarai-Bold"}.overview h3{text-transform:uppercase;font-family:"Avenir-Heavy";font-size:1rem;color:#000001}[dir=rtl] .overview h3{font-family:"Almarai-Bold"}@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.isTitle{text-transform:capitalize}.overview .transactionDetails h3,.overview .paymentOtp h3{text-transform:initial;color:#000001;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 .commentBeneficiries h3{font-size:1.5625rem;color:#000001;text-transform:initial}@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 .upcomingAllPayments .upcomingAllPaymentsDivider{border-bottom:1px solid #dbe1e9;padding:18px 0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider:last-child{border-bottom:0;padding-bottom:0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign{margin-left:14px}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{color:#000001;font-size:1rem;font-family:"Avenir-Medium";padding:5px 0;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}@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}}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .overviewBankName{font-family:"Almarai-Regular"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .counts{color:#8994a5;font-size:1rem;font-family:"Avenir-Roman";padding:5px 0}@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}}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .counts{font-family:"Almarai-Light"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval{color:#8994a5;font-size:1.125rem;font-family:"Avenir-Medium";padding:5px 0}@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}}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval{font-family:"Almarai-Regular"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval>span{color:#000001;font-size:1.125rem;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankAlign .isPaymentApproval>span{font-family:"Almarai-Bold"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails{position:relative}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{color:#000001;font-size:1.25rem;padding:5px 0}@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 .AccDetails{color:#5090f8;font-size:.875rem;font-family:"Avenir-Medium";padding:5px 0;cursor:pointer}@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}}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails{font-family:"Almarai-Regular"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails~.transcationTooltip.salaryBreakupsToolTip{display:none}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails:hover~.transcationTooltip.salaryBreakupsToolTip{display:block}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip{margin-top:5px;position:absolute;top:54px}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom{margin-top:0px;right:-25px;max-width:350px;width:350px}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom .salaryBreakup .isAccounts span:first-child{color:#ffde4d;font-size:.875rem;font-family:"Avenir-Heavy"}@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}}[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:last-child{color:#fff;font-size:.875rem;font-family:"Avenir-Heavy"}@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}}[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 .amountCurrency .currencyNo{font-family:"Avenir-Roman";color:#fff}[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 .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 .overviewAccDetails .transcationTooltip.salaryBreakupsToolTip .bottom::before{left:77%}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{color:#000001;font-size:1.25rem;font-family:"Avenir-Heavy";padding:5px 0}@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}}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingCounts{font-family:"Almarai-Bold"}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingText{color:#8994a5;font-size:1rem;font-family:"Avenir-Medium";padding:5px 0}@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}}[dir=rtl] .overview .upcomingAllPayments .upcomingAllPaymentsDivider .isFlexColumn.isPaymentApproval .pendingText{font-family:"Almarai-Regular"}.overview .tabItems{position:relative}.overview .tabItems .swipperMainContainer{margin:0}.overview .tabItems .swipperMainContainer .overviewTabsSlider{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;align-content:flex-start;text-align:left;background-color:#f3f5fd;padding:11px 11px;font-family:"Avenir-Roman";margin-right:13px;min-width:255px;height:66px;width:255px;border-radius:6px;cursor:pointer}[dir=rtl] .overview .tabItems .swipperMainContainer .overviewTabsSlider{font-family:"Almarai-Light"}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs{display:flex;align-items:center}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter{padding:4px 0;font-size:1rem;font-family:"Avenir-Medium";color:#384150}@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}}[dir=rtl] .overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter{font-family:"Almarai-Regular"}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:inline-block;font-size:1rem;font-family:"Avenir-Medium";color:#384150;fill:none;font-weight:normal;text-transform:lowercase}@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}}[dir=rtl] .overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label{font-family:"Almarai-Regular"}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .isFlex.alignCenter .label::first-letter{text-transform:uppercase}.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{display:flex;align-items:center;font-family:"Avenir-Heavy";color:#8994a5;font-size:1rem}[dir=rtl] .overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs .companyNameBalanceData .isFlex.alignCenter .overviewCurrency .amountCurrency{font-family:"Almarai-Bold"}@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 .currencyNo{margin-left:0}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs.all .companyNameBalanceData{margin-left:0}.overview .tabItems .swipperMainContainer .overviewTabsSlider .overviewTabs.all .companyNameBalanceData .isFlex.alignCenter .label{max-width:135px}.overview .tabItems .swipperMainContainer .overviewTabsSlider:hover{background-color:#cbdefd;transition:.5s all ease}.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 .leftArrow{left:0;height:100%;top:0;width:90px;background-image:linear-gradient(to left, rgba(255, 255, 255, 0), rgb(248, 252, 253) 40%)}.overview .tabItems .swipperMainContainer .RightArrow{right:0;height:100%;top:0;width:90px;background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgb(248, 252, 253) 40%)}.overview .tabItems .overviewTabsSlider.loader{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;align-content:flex-start;text-align:left;background-color:#f3f5fd;padding:11px 11px;margin-right:13px;max-width:240px;height:66px;width:240px;border-radius:6px;cursor:initial}.overview .tabItems .btn.info{text-transform:lowercase;display:inline-block}.overview .tabItems .btn.info::first-letter{text-transform:uppercase}.balInfoTooltip .icon-need-info{position:relative;font-size:1.625rem;color:#eb3223;margin-left:6px;cursor:pointer}@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 .transcationTooltip.balanceInfoTooltip{display:none}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom{bottom:35px;margin-top:0;max-width:254px;width:254px;padding:7px;margin-left:0;left:-110px;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);opacity:1;top:auto;bottom:-18px;left:45%}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt{font-size:.75rem;font-family:"Avenir-Roman";color:#fff;line-height:initial}@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}}[dir=rtl] .balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt{font-family:"Almarai-Light"}.balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt .serviceTimeout{font-family:"Avenir-Heavy";color:#eb3223}[dir=rtl] .balInfoTooltip .icon-need-info .transcationTooltip.balanceInfoTooltip .bottom .balInfoTxt .serviceTimeout{font-family:"Almarai-Bold"}.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%}.bankAccBalInfoSec{border-bottom:1px solid #dbe1e9;padding-bottom:20px;margin-bottom:20px;margin-top:20px}.bankAccBalInfoSec .bankAccBalInfo{border:1px solid #eb3223;border-radius:4px;padding:12px;margin-top:14px}.bankAccBalInfoSec .bankAccBalInfo .icon-need-info{color:#eb3223;font-size:1.5rem;padding-right:10px}@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 .balInfoContent{flex:1;font-family:"Avenir-Roman";font-size:.875rem;color:#eb3223;line-height:1.5}[dir=rtl] .bankAccBalInfoSec .bankAccBalInfo .balInfoContent{font-family:"Almarai-Light"}@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}}.isWhatsNewVideo{margin-bottom:1.5rem}.isWhatsNewVideo .isWatsHelpVideo{position:relative}.isWhatsNewVideo .isWatsHelpVideo .helpLoader{position:absolute;left:33%;top:18%}.container .overview{padding-left:30px}.overviewAppearance{display:flex;align-items:center}.overviewAppearance .isOverviewListItems{cursor:pointer;margin-right:30px;display:inline-block}.overviewAppearance .isOverviewListItems:last-child{margin-right:0}.overviewAppearance .isOverviewListItems .isListItems{display:flex;align-items:center}.listQuickLinks .listLinks:after{top:30px}.tabItems{margin:0 0 20px 0;position:relative}.bankAccounts .topHead .netWorthDate{color:#8994a5;font-family:"Avenir-Medium";font-size:1rem}[dir=rtl] .bankAccounts .topHead .netWorthDate{font-family:"Almarai-Regular"}@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 .bankAccountsList .bankAccountHolder .userInfo .name{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:lowercase}.bankAccounts .bankAccountsList .bankAccountHolder .userInfo .name::first-letter{text-transform:uppercase}.bankAccounts .noRecordsFound img{width:150px}.bankAccounts .bankAccountsList.preLoader{background:none;padding:0}.bankAccounts .bankAccountsList.preLoader .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;margin:18px 0}.tabItems .btn,.tabItems .btn.active{font-size:1rem;margin-right:15px;max-width:fit-content;max-width:-moz-fit-content;padding:16px 20px;max-height:48px;margin-bottom:15px}@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}}.balanceSliderBrdr{border:1px solid #dbe1e9;border-radius:8px;background:#fff}.overviewLastUpdate{background:#f3f5fd;padding:.5rem;color:#384150;font-size:.875rem;font-family:"Avenir-Roman";border-bottom-left-radius:8px}@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}}[dir=rtl] .overviewLastUpdate{font-family:"Almarai-Light"}.todaysBalance{width:35%}.todaysBalance .receivePay .receivable .amountValue .amountValueIcon,.todaysBalance .receivePay .payable .amountValue .amountValueIcon{display:flex;align-items:center}.todaysBalance .btn{font-size:1.125rem;padding:16px 40px}@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 .balAmount .amountCurrency .amountNo{margin-left:8px}.balAmount{font-size:1.875rem;font-family:"Avenir-Roman";display:block;padding:20px 0 45px}@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}}[dir=rtl] .balAmount{font-family:"Almarai-Light"}.balAmount strong{font-family:"Avenir-Heavy"}[dir=rtl] .balAmount strong{font-family:"Almarai-Bold"}.yesterdayAmount{font-size:1rem;font-family:"Avenir-Roman";color:#8994a5}@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}}[dir=rtl] .yesterdayAmount{font-family:"Almarai-Light"}.yesterdayAmount span{color:#384150}.receivePay{margin:36px 0 45px}.amountCurrency.debit{color:#eb3223}.amountCurrency.credit{color:#62bd69}.isAmountAlign{margin-left:auto}.isAmountAlign .btn{display:block;width:100%}.actionButtons .mb-1{text-align:right}.isFlex.receivePay{justify-content:space-between}.receivePay .receivable{padding-right:22px}.receivePay .amountCurrency span{color:#384150}.receivable,.payable{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.iconCircle{width:21px;height:21px;background:#62bd69;border-radius:4px;display:flex;font-size:.75rem;color:#fff}@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:before{top:0;right:0;bottom:0;left:0;margin:auto;background:#62bd69;border-radius:50%;transform:rotate(45deg)}.payable .iconCircle{background:#eb3223;color:#fff}.payable .iconCircle:before{background:#eb3223}.receivable .amountValue,.payable .amountValue{padding:3px 0}.payable .amountValue>span,.payable .amountValue>strong,.receivable .amountValue>span,.receivable .amountValue>strong{display:block;font-size:1rem;font-family:"Avenir-Roman";padding-top:5px}@media screen and (max-width: 1440px){.payable .amountValue>span,.payable .amountValue>strong,.receivable .amountValue>span,.receivable .amountValue>strong{font-size:.9375rem}}@media screen and (max-width: 1280px){.payable .amountValue>span,.payable .amountValue>strong,.receivable .amountValue>span,.receivable .amountValue>strong{font-size:.875rem}}@media screen and (max-width: 1025px){.payable .amountValue>span,.payable .amountValue>strong,.receivable .amountValue>span,.receivable .amountValue>strong{font-size:.8125rem}}[dir=rtl] .payable .amountValue>span,[dir=rtl] .payable .amountValue>strong,[dir=rtl] .receivable .amountValue>span,[dir=rtl] .receivable .amountValue>strong{font-family:"Almarai-Light"}.payable .amountValue .amountValueIcon>span,.receivable .amountValue .amountValueIcon>span{font-size:1rem;color:#8994a5;font-family:"Avenir-Roman";padding-left:7px}@media screen and (max-width: 1440px){.payable .amountValue .amountValueIcon>span,.receivable .amountValue .amountValueIcon>span{font-size:.9375rem}}@media screen and (max-width: 1280px){.payable .amountValue .amountValueIcon>span,.receivable .amountValue .amountValueIcon>span{font-size:.875rem}}@media screen and (max-width: 1025px){.payable .amountValue .amountValueIcon>span,.receivable .amountValue .amountValueIcon>span{font-size:.8125rem}}[dir=rtl] .payable .amountValue .amountValueIcon>span,[dir=rtl] .receivable .amountValue .amountValueIcon>span{font-family:"Almarai-Light"}.receivable>span:before{position:absolute;left:0;width:25px;height:25px;background:#000001}.quickLinks,.upcoming,.bankAccounts,.frequentPayments,.feedback,.goals,.balanceSummary,.companiesSummary,.budgetSummary,.accountsCash,.opAlerts,.opCaseMngmt,.opTopPerformance,.opSummaryMain,.isPaymentsInProcess,.isEfmTrends{margin-top:25px;border:1px solid #dbe1e9;position:relative;padding:25px;font-size:1rem;border-radius:8px;background:#fff}@media screen and (max-width: 1440px){.quickLinks,.upcoming,.bankAccounts,.frequentPayments,.feedback,.goals,.balanceSummary,.companiesSummary,.budgetSummary,.accountsCash,.opAlerts,.opCaseMngmt,.opTopPerformance,.opSummaryMain,.isPaymentsInProcess,.isEfmTrends{font-size:.9375rem}}@media screen and (max-width: 1280px){.quickLinks,.upcoming,.bankAccounts,.frequentPayments,.feedback,.goals,.balanceSummary,.companiesSummary,.budgetSummary,.accountsCash,.opAlerts,.opCaseMngmt,.opTopPerformance,.opSummaryMain,.isPaymentsInProcess,.isEfmTrends{font-size:.875rem}}@media screen and (max-width: 1025px){.quickLinks,.upcoming,.bankAccounts,.frequentPayments,.feedback,.goals,.balanceSummary,.companiesSummary,.budgetSummary,.accountsCash,.opAlerts,.opCaseMngmt,.opTopPerformance,.opSummaryMain,.isPaymentsInProcess,.isEfmTrends{font-size:.8125rem}}.isPaymentsInProcess .listOfInProcessPays .payList{border-bottom:1px solid #dbe1e9;padding:0;padding-bottom:15px;flex:1;flex-wrap:wrap;margin:20px 0}.isPaymentsInProcess .listOfInProcessPays .payList:last-child{border:0;padding:0;margin:0;margin-top:20px}.isPaymentsInProcess .listOfInProcessPays .payList .isBankName .isName{font-family:"Avenir-Medium";font-size:1rem;color:#000001;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:150px;padding-left:10px}[dir=rtl] .isPaymentsInProcess .listOfInProcessPays .payList .isBankName .isName{font-family:"Almarai-Regular"}@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 .isPendingPays .isCount{font-size:1rem;font-family:"Avenir-Heavy";color:#384150;padding-bottom:4px}@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}}[dir=rtl] .isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isCount{font-family:"Almarai-Bold"}.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isProcessingAmount{font-family:"Avenir-Medium";color:#8994a5;font-size:.875rem;padding-top:4px}[dir=rtl] .isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isProcessingAmount{font-family:"Almarai-Regular"}@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 .linkColor{margin-top:25px;display:block}.balanceSlider .balanceSummary{width:63%;border:0;border-left:1px solid #dbe1e9;padding-bottom:0;padding-top:0;margin-top:0}.balanceSlider .balanceSummary .topHead{padding-bottom:0;border-bottom:0}.topHead{border-bottom:1px solid #dbe1e9;padding-bottom:20px;align-items:center}.topHead .icon{font-size:1.375rem;color:#8994a5}@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}}p{margin-top:20px}.overviewMain .leftColumn{width:32.5%}.overviewMain .rightColumn{width:65%}.selectSection{flex:.5;align-items:center;justify-content:flex-end}.selectSection .selectOptionFont{width:56%}.cashPerformanceBlock .topHead{align-items:flex-start}.cashPerformanceBlock .topHead .selectSection{margin-top:-10px}.cashBalanceClr{color:#8994a5;text-transform:none}.companiesSummary h3{flex:.6}.companiesSummary .selectSection{flex:.4}.lastTimeUpdate{position:relative;left:80px;color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .lastTimeUpdate{font-family:"Almarai-Regular"}.lastTimeUpdate .icon-clock{margin-right:10px}.chartDiagram{width:100%}.chartDiagram .dataOverview{margin-top:25px;font-family:"Avenir-Roman";padding-bottom:20px;border-bottom:1px solid #dbe1e9}[dir=rtl] .chartDiagram .dataOverview{font-family:"Almarai-Light"}.chartDiagram .dataOverview h2{font-family:"Avenir-Medium";font-size:1.25rem;margin-bottom:20px}[dir=rtl] .chartDiagram .dataOverview h2{font-family:"Almarai-Regular"}@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 .belowContent>span{font-family:"Avenir-Roman";color:#8994a5}[dir=rtl] .chartDiagram .belowContent>span{font-family:"Almarai-Light"}.chartDiagram .received,.chartDiagram .paid{font-size:.875rem;color:#000001;position:relative;padding-left:2px;margin-left:55px}@media screen and (max-width: 1440px){.chartDiagram .received,.chartDiagram .paid{font-size:.8125rem}}@media screen and (max-width: 1280px){.chartDiagram .received,.chartDiagram .paid{font-size:.75rem}}@media screen and (max-width: 1025px){.chartDiagram .received,.chartDiagram .paid{font-size:.6875rem}}.chartDiagram .received:before,.chartDiagram .paid:before{position:absolute;content:"";width:6px;height:6px;background:#2a345e;left:-11px;top:3px;border-radius:50%}.chartDiagram .paid:before{background:#eb8b2d}.balanceSlider .chartDiagram .dataOverview{margin-top:5px;border-bottom:0;padding-bottom:0}.upcoming .date{text-transform:uppercase}.actionButtons .btn{margin-bottom:5px}.detailsPayment span{margin-bottom:15px;display:block}.detailsPayment span.date{color:#384150;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 .beneficiaryName{display:inline-block;margin-bottom:0}.detailsPayment .benAccntNum{display:inline-block;margin-bottom:0;color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .detailsPayment .benAccntNum{font-family:"Almarai-Regular"}.detailsPayment span.icon-priority-payment{margin-bottom:0}.upcoming .mainSection{border-bottom:1px solid #dbe1e9;padding:25px 0 10px 0}.upcoming .mainSection .detailsPayment .name{max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming .mainSection .detailsPayment .manageInfo .tooltipInfo .tooltipInfoActive.transcationTooltip .bottom.top{right:auto;left:-10px;padding:10px 15px}.upcoming .mainSection .detailsPayment .manageInfo .tooltipInfo .tooltipInfoActive.transcationTooltip .bottom.top::before{right:auto;left:10px}.upcoming .topHead{align-items:flex-start}.upcoming .topHead .isDashboardTotalCount{font-size:1rem;color:#8994a5;padding-left:10px}@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 span{font-family:"Avenir-Heavy"}[dir=rtl] .upcoming .topHead .isDashboardTotalCount span{font-family:"Almarai-Bold"}.upcoming .upcomingAllPayments .upcomingAllPaymentsDivider .overViewBankLoader:empty{height:54px;width:50px;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 .upcomingAllPayments .upcomingAllPaymentsDivider .bankNameLoader:empty{height:30px;width:200px;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 .upcomingAllPayments .upcomingAllPaymentsDivider .bankAmountLoader:empty{height:30px;width:220px;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 .upcomingAllPayments .upcomingAllPaymentsDivider .allPaymentsFlex{width:33.33%}.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;font-family:"Avenir-Roman"}@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}}[dir=rtl] .noPayments span{font-family:"Almarai-Light"}.noPayments .btn{font-size:1rem;padding:15px 30px}@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}}.upcoming.preLoaders .detailsPayment span:empty,.upcoming.preLoaders .actionButtons span:empty,.upcoming.preLoaders p:empty,.loader .detailsPayment span:empty,.loader .actionButtons span:empty,.loader p: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 .detailsPayment span:first-child:empty,.loader .detailsPayment span:first-child:empty{width:46px}.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}.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}.isPayNameLoader:empty{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;margin-bottom:10px}.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}.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}.accountsCash .filledBar{position:inherit}.mainBox{width:97%;height:270px;margin-left:20px;position:relative;z-index:1}.daysPayments .emptySimmer{height:30px;width:106px;margin-top:-9px;margin-left:12px}.nameDisplay .emptySimmer{margin-left:10px;height:32px;width:106px}body .upcoming.preLoaders .detailsPayment span.name:empty{width:50%}body .upcoming.preLoaders .detailsPayment span:first-child:empty{width:25%}.paymentRaised.topSimmer .daysPayments{margin-top:-22px;margin-bottom:23px}.paymentRaised.topSimmer .daysPayments .textTop{vertical-align:text-top}.emptySimmer: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{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:inline-block;height:30px;width:106px;margin-left:12px}.btnEmptySimmer: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}.iconShimmer: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 33px;animation:horz 1s infinite;display:block}.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}.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}.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}.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}.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}.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}.sliderPreLoader.item{display:block}.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}.companyBankSlider.preLoader .item strong:empty{width:140px}.sliderPreLoader{padding:0 10px}.companyBankSlider.preLoader{overflow:hidden;margin-right:25px}.companyBankSlider.preLoader .sliderPreLoader.item{cursor:auto}.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";font-size:.75rem;color:#eb3223;border-radius:10.5px;border:solid 1px #eb3223;cursor:pointer;padding:4px 8px 2px 19px;line-height:10px;margin-left:14px;position:relative;top:0px}[dir=rtl] .liveData{font-family:"Almarai-Light"}@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:empty{border:0}.liveData:before{content:"";width:6px;height:6px;background:#eb3223;position:absolute;left:6px;border-radius:50%;top:6px}.liveData:after{content:"";width:8px;height:8px;background:none;border:1px solid #dbe1e9;position:absolute;left:4px;top:4px;border-radius:50%}.liveData.active{background:#eb3223;color:#fff;cursor:auto}.liveData.active:before{background:#fff;width:5px;height:5px;top:6px;left:8px;animation:fadeIn .7s infinite alternate;-webkit-animation:fadeIn .7s infinite alternate;-moz-animation:fadeIn .7s infinite alternate}.liveData.active:after{border-color:rgba(0,0,0,0);width:3px;height:3px}.noRecordsFound{text-align:center;font-family:"Avenir-Roman";color:#8994a5;margin:30px 0}[dir=rtl] .noRecordsFound{font-family:"Almarai-Light"}.noRecordsFound img{width:200px}.noRecordsFound img.isNoInProgressPays{width:150px}.noRecordsFound .clickOnButton{color:#8994a5;font-size:1.125rem;line-height:1.4;font-family:"Avenir-Roman"}@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}}[dir=rtl] .noRecordsFound .clickOnButton{font-family:"Almarai-Light"}.paymentSection{padding:45px;border:1px solid #dbe1e9;margin-top:15px;border-radius:8px;background:#fff}.paymentSection .userDashBoardSelector.calendaRow .selectOptionFont{width:32%}.paymentSection h3>span{display:block;margin-bottom:5px}.paymentSection strong{font-family:"Avenir-Heavy"}[dir=rtl] .paymentSection strong{font-family:"Almarai-Bold"}.paymentSection .nameDisplay{flex:50%;display:grid;grid-auto-flow:column;grid-gap:25px 60px;grid-template-rows:71px 65px;margin:25px 0 25px 0px}.paymentSection .nameDisplay .iconDisplay .icon.iconShimmer{border-radius:0;height:60px}.paymentSection .nameDisplay .iconDisplay span{display:block}.paymentSection .nameDisplay .iconDisplay span:not(.icon){padding-left:10px;display:block;padding-top:5px;font-family:"Avenir-Medium";color:#384150}[dir=rtl] .paymentSection .nameDisplay .iconDisplay span:not(.icon){font-family:"Almarai-Regular"}.paymentSection .nameDisplay .iconDisplay span:not(.icon).numbers{font-family:"Avenir-Heavy";font-size:1.5625rem;margin-top:3px}[dir=rtl] .paymentSection .nameDisplay .iconDisplay span:not(.icon).numbers{font-family:"Almarai-Bold"}@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 .icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:7px}.paymentSection .nameDisplay .iconDisplay .icon.icon-raised{background:#2a345e}.paymentSection .nameDisplay .iconDisplay .icon.icon-approved{background:#349c3c}.paymentSection .nameDisplay .iconDisplay .icon.icon-approved.isceoApproved{background:#72c478}.paymentSection .nameDisplay .iconDisplay .icon.icon-rejected{background:#eb3223}.paymentSection .nameDisplay .iconDisplay .icon.icon-rejected.ceoRejected{background:#eb3223}.paymentSection .nameDisplay .iconDisplay .icon.icon-progress{background:#5090f8}.paymentSection .nameDisplay .iconDisplay .icon:before{color:#fff;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 span.emptySimmer{margin-top:-2px}.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{background:#fff;color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .paymentSection button.btn.active{font-family:"Almarai-Bold"}.paymentSection button.btn.secondary{background-color:#eb8b2d;color:#fff;font-size:1.125rem;font-family:"Avenir-Heavy";padding:16px 40px}@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}}[dir=rtl] .paymentSection button.btn.secondary{font-family:"Almarai-Bold"}.paymentSection .switchTab{margin-bottom:25px;color:#8994a5}.paymentSection .selectSection{flex:.6}.paymentSection .dashBoardPendings{color:#000001;font-size:1rem;font-family:"Avenir-Heavy";text-transform:uppercase}@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}}[dir=rtl] .paymentSection .dashBoardPendings{font-family:"Almarai-Bold"}.paymentSection .dashBoardPendings strong span:first-child{font-family:"Avenir-Roman"}[dir=rtl] .paymentSection .dashBoardPendings strong span:first-child{font-family:"Almarai-Light"}.paymentSection .calendaRow .selectOptionFont{width:24%}.switchTabShimmer{margin-bottom:25px;margin-top:-22px}.switchTabShimmer .btnEmptySimmer{background-color:inherit;width:43%;height:35px;margin-top:-10px}.paymentRaised.simmer .overviewDisplay{margin-top:25px}.listLinks{background:#f3f5fd;margin:17px 0;padding:15px 30px 15px 68px;position:relative;cursor:pointer}.listLinks:last-child{margin:0}.listLinks:after{font-family:"icomoon" !important;content:"";position:absolute;right:15px;top:25px;color:#8994a5}.listLinks .icon{width:44px;height:44px;background:#dbe1e9;position:absolute;border-radius:50%;left:12px;top:10px}.listLinks .icon:before{position:absolute;left:50%;transform:translate(-50%, -50%);top:50%;font-size:1.375rem;color:#384150}@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}}.listOfPayments .bankList{border-bottom:1px solid #dbe1e9;padding-bottom:15px;align-items:center}.listOfPayments .bankList .bankDetails{flex:45%}.listOfPayments .bankList:last-child{border:0;padding:0;margin:0}.listLinks .subTitle,.listOfPayments .bankDetails .subTitle{padding:0;display:block;margin-top:10px;font-size:.875rem;color:#8994a5;line-height:1.32em}@media screen and (max-width: 1440px){.listLinks .subTitle,.listOfPayments .bankDetails .subTitle{font-size:.8125rem}}@media screen and (max-width: 1280px){.listLinks .subTitle,.listOfPayments .bankDetails .subTitle{font-size:.75rem}}@media screen and (max-width: 1025px){.listLinks .subTitle,.listOfPayments .bankDetails .subTitle{font-size:.6875rem}}.upcoming.logs .ipAddress{color:#8994a5;font-size:.875rem;font-family:"Avenir-Roman"}@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}}[dir=rtl] .upcoming.logs .ipAddress{font-family:"Almarai-Light"}.upcoming.logs .mainSection{padding-bottom:10px}.upcoming.logs .reviewLogs .success{color:#62bd69}.upcoming.logs .reviewLogs .failure{color:#eb3223;margin:0 0 0 30px}.upcoming.logs .reviewLogs .success,.upcoming.logs .reviewLogs .failure{font-size:.875rem}@media screen and (max-width: 1440px){.upcoming.logs .reviewLogs .success,.upcoming.logs .reviewLogs .failure{font-size:.8125rem}}@media screen and (max-width: 1280px){.upcoming.logs .reviewLogs .success,.upcoming.logs .reviewLogs .failure{font-size:.75rem}}@media screen and (max-width: 1025px){.upcoming.logs .reviewLogs .success,.upcoming.logs .reviewLogs .failure{font-size:.6875rem}}.upcoming.logs .reviewLogs .success strong,.upcoming.logs .reviewLogs .failure strong{font-family:"Avenir-Heavy"}[dir=rtl] .upcoming.logs .reviewLogs .success strong,[dir=rtl] .upcoming.logs .reviewLogs .failure strong{font-family:"Almarai-Bold"}.upcoming.logs .detailsPayment .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:200px;max-width:200px;line-height:1.2}.isIpAddress{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8994a5}.upcoming.logs .detailsPayment,.upcoming.recentTransactions .detailsPayment{flex:.9}.logs .linkColor{margin-top:25px;display:block}.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}.overview .userPersonal .domain,.overview .userPersonal .y.axis{display:none}.numberAmount{padding:30px 25px;border-bottom:1px solid #bfc7d0;align-items:center;position:relative}.numberAmount:before{content:"";position:absolute;left:50%;height:46%;width:1px;background:#bfc7d0}.paymentRaised{margin-top:11px;flex:auto}.listOfApprovers{margin-top:15px}.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;margin:0;padding:0;color:#384150;font-size:1rem;font-family:"Avenir-Roman";border-radius:0;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;display:inline-block}@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}}[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 .control-dots{position:absolute}.listOfApprovers .carousel-root .carousel.carousel-slider .control-dots .dot{background:#7799be;opacity:.5;box-shadow:none}.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.axis-horizontal{padding-bottom:30px}.listOfApprovers ul li{display:inline-block;width:50%;margin:12px 0;font-size:1rem;font-family:"Avenir-Roman";color:#384150}@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}}[dir=rtl] .listOfApprovers ul li{font-family:"Almarai-Light"}.listOfApprovers ul li span{background:#fff;border:1px solid #bfc7d0;padding:3px 4px;margin-right:10px;font-size:.875rem;font-family:"Avenir-Heavy";border-radius:4px}@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}}[dir=rtl] .listOfApprovers ul li span{font-family:"Almarai-Bold"}.listOfApprovers ul li .itemName{background:none;border:none;margin:0;padding:0;color:#384150;font-size:1rem;font-family:"Avenir-Roman";border-radius:0;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;display:inline-block}@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}}[dir=rtl] .listOfApprovers ul li .itemName{font-family:"Almarai-Light"}.numberAmount span>span{display:block;font-size:1.375rem;font-family:"Avenir-Heavy";color:#384150;margin-top:5px}@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}}[dir=rtl] .numberAmount span>span{font-family:"Almarai-Bold"}.pendingApprovers{min-width:450px;min-height:326px;background:#cbdefd;margin-left:25px;padding:23px;max-width:413px;max-height:342px;border-radius:4px}.pendingApprovers>h4{color:#384150;font-size:1rem;text-transform:uppercase}@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}}.numberAmount strong{font-size:4.125rem;font-family:"Avenir-Heavy";color:#2a345e}@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}}[dir=rtl] .numberAmount strong{font-family:"Almarai-Bold"}.statusNumbers{border:1px solid #bfc7d0;padding:15px 15px;align-items:center;min-width:245px;max-height:75px;border-radius:4px;position:relative}.iconReview{position:relative}.paymentStatusReviewer .statusNumbers strong{font-size:1.875rem;margin-right:20px;position:absolute;right:10px}@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}}.iconReview>.icon{background:#cbdefd;width:43px;height:43px;font-size:1.3125rem;display:flex;justify-content:center;align-items:center;border-radius:6px;color:#5090f8}@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.rejected>.icon{color:#eb3223;background:#f9dcc0}.statusNumbers:not(:last-child){margin-bottom:15px}.iconReview .statusPendings>span{margin-top:5px;font-family:"Avenir-Heavy";color:#384150}[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"}.iconReview>span:nth-child(2){flex-direction:column;display:flex;margin-left:12px}.pendingPayments{margin-left:auto;margin-right:auto}.statusNumbers:before,.statusNumbers:after{width:0;height:0;position:absolute;content:"";opacity:.2}.statusNumbers.approved{background:url(/f62f14ab722097fbfc58.svg);background-size:cover;border:0}.frequentPayments .bankAccountsList.preLoader .splashes{margin:0}.frequentPayments .bankAccountsList.preLoader{margin-top:16px}.paymentBtns{margin-right:auto;margin-left:20px}.paymentBtns button:last-child{padding:10px 20px;background-color:#bfc7d0;border:none;border-top-right-radius:6px;border-bottom-right-radius:6px;color:#384150;font-weight:500;text-transform:capitalize}.paymentBtns button:first-child{padding:10px 20px;background-color:#bfc7d0;border:none;border-top-left-radius:6px;border-bottom-left-radius:6px;color:#384150;font-weight:500;text-transform:capitalize}.paymentBtns .active{background-color:#395293 !important;color:#fff !important}.overviewDisplay{margin-top:37px}.overBankAccount{max-width:175px}.simmer .statusNumbers{padding-right:10px}.paymentStatusReviewer .statusNumbers strong:empty{width:55px;height:50px;margin-right:0;margin-top:-9px}.simmer .listOfApprovers ul li{margin:6px 0px}.listOfApprovers ul li .emptySimmer:empty{width:100%;height:33px;padding:0;margin:0;border:0;background-color:rgba(0,0,0,0);background-size:38px 69px,79% 56px,79% 42px;background-position:0 10px,0 10px,0 35px}.numberAmount span.emptySimmer{width:91px;height:63px}.simmer .numberAmount{padding:20px 25px}.upcoming .detailsPayment .description{max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8994a5}.upcoming .preloadBox:empty{border-radius:4px;width:105px;height:35px;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}.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}.cashPerformance .lastWeekTxt{position:relative;color:#8994a5;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{position:absolute;content:"";left:-30px;border-top:2px dashed #8994a5;top:8px;font-family:"Avenir-Heavy";width:20px}[dir=rtl] .cashPerformance .lastWeekTxt:before{font-family:"Almarai-Bold"}.cashPerformance .thisWeekTxt{position:relative;color:#eb8b2d;margin-right:45px;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{position:absolute;content:"—";left:-26px;font-family:"Avenir-Heavy";top:0}[dir=rtl] .cashPerformance .thisWeekTxt:before{font-family:"Almarai-Bold"}.fromCashperformance{font-family:"Avenir-Roman";font-size:.875rem;color:#8994a5}[dir=rtl] .fromCashperformance{font-family:"Almarai-Light"}@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}}.cashPerformanceLegends{margin-top:5px}.cashPerformance .cashBalance{position:relative;margin-right:30px;color:#384150}.cashPerformance .cashBalance:before{position:absolute;content:"";width:5px;height:6px;background:#384150;left:-14px;border-radius:50%;margin-top:4px}.draw_graph_container g.gridline .tick text{display:none}.companiesBal .accountDetails img{padding-left:0;width:50px;height:50px}.companiesBal .companySec{flex:1;padding-left:10px}.companiesBal .bankSpan{font-family:"Avenir-Roman";font-size:.875rem;margin-top:8px;color:#8994a5}[dir=rtl] .companiesBal .bankSpan{font-family:"Almarai-Light"}@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}}.bankAccounts.companiesBal .accountDetails i{left:auto;right:6px;-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}.newDashboard .title.advancedTitle{flex:1}.newDashboard .selectOptionFont.groupOfCompanySelect{width:300px}.newDashboard .selectOptionFont.groupOfCompanySelect .paymentSelect{display:flex;align-items:center}.newDashboard .selectOptionFont.groupOfCompanySelect .paymentSelect span{max-width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:initial}.newDashboard .selectOptionFont.groupOfCompanySelect .paymentSelect .companyLogoIcon{background-color:#f8fcfd;padding:3px;border-radius:4px;margin-right:10px}.newDashboard .selectOptionFont.groupOfCompanySelect .paymentSelect .companyLogoIcon img{margin-right:0}.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}.mainSection .detailsPayment .date .timeZoneColor{color:#8994a5;display:inline}.personalDashBoardErrMsg{margin:0 auto;max-width:300px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.personalDashBoardErrMsg .dashboardNorecords{width:100px;height:100px}.personalDashBoardErrMsg .noRecordTitle{color:#384150;font-family:"Avenir-Heavy";font-size:1rem}[dir=rtl] .personalDashBoardErrMsg .noRecordTitle{font-family:"Almarai-Bold"}@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;font-family:"Avenir-Medium";font-size:.75rem;line-height:1.4}[dir=rtl] .personalDashBoardErrMsg .noRecordsTxt{font-family:"Almarai-Regular"}@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}}.swipperMainContainer{margin:0 25px}.swipperMainContainer .leftArrow,.swipperMainContainer .RightArrow{cursor:pointer;width:120px;height:82%;position:absolute;top:12%;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{-webkit-transform:rotate(90deg) scale(1);-ms-transform:rotate(90deg) scale(1);transform:rotate(90deg) scale(1);position:absolute;top:26%;font-size:1.875rem;color:#5090f8}@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{-webkit-transform:rotate(-90deg) scale(1);-ms-transform:rotate(-90deg) scale(1);transform:rotate(-90deg) scale(1);position:absolute;top:26%;font-size:1.875rem;color:#5090f8;right:0}@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 horz{to{background-position:100% 10px,0 10px,0 35px}}@keyframes fltPrceLoader{to{background-position:100% 0,5% 0,5% 25px,5% 50px,5% 105px}}@keyframes slAnim{to{background-position:100% 0,0 0,0 50px}}@keyframes fadeIn{from{opacity:0}}.priorityUser{margin-bottom:15px}.priorityUser .manageInfo{margin:-4px 8px 0 0px}.priorityUser .manageInfo .transcationTooltip .bottom.top{max-width:166px}
.whitePanel.newDashboard{background-color:#f3f5fd;border-bottom:2px solid #dbe1e9;margin-bottom:66px}.paymentOverview .icon-tags{transform:rotate(0deg) scaleX(-1);display:inline-block;font-size:.75rem;color:#7799be;margin-right:10px}@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}}.userNameCircle,.newBen-userName{background-color:#7799be;color:#fff;border-radius:50%;font-size:1.125rem;width:45px;height:45px;font-family:"Avenir-Heavy";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:18px}@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}}[dir=rtl] .userNameCircle,[dir=rtl] .newBen-userName{font-family:"Almarai-Bold"}.newBen-userName{background-color:#dbe1e9;color:#384150}.iconRec{width:34px;height:34px;padding:9px;border-radius:4px;background-color:#d0ebd2;color:#62bd69;margin-right:18px}.iconRec .icon-up-arrow:before{content:"";transform:rotate(135deg);display:inline-block}.iconRed{background-color:#f9c2bd;color:#eb3223}.iconRed .icon-up-arrow:before{transform:rotate(315deg)}.newDashboard .overview .overviewMain{margin-bottom:25px;display:flex;justify-content:space-between}.newDashboard .subtitle{font-size:1.25rem;font-family:"Avenir-Heavy";color:#000001;margin-bottom:20px;text-transform:capitalize}@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}}[dir=rtl] .newDashboard .subtitle{font-family:"Almarai-Bold"}.newDashboard .bankAccounts .accountDetails{cursor:unset;background-color:#f8fcfd}.newDashboard .inpGroupAppend .toggleSwitching .btn{text-transform:capitalize}.newDashboard .overBankAccount{max-width:150px}.outStanding .icon-case-bank{font-size:.75rem;color:#395293;margin-right:6px;margin-top:3px}@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}}.payment-text{color:#8994a5;font-family:"Avenir-Medium";font-size:.875rem;line-height:20px}[dir=rtl] .payment-text{font-family:"Almarai-Regular"}@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}}.outStanding h4,.totalAmt{color:#384150;font-family:"Avenir-Heavy";font-size:.875rem;text-transform:capitalize}[dir=rtl] .outStanding h4,[dir=rtl] .totalAmt{font-family:"Almarai-Bold"}@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{width:260px;position:relative;text-align:right}.outStanding h1{color:#000001;font-size:3.125rem;font-family:"Avenir-Black";margin:15px 0}@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}}[dir=rtl] .outStanding h1{font-family:"Almarai-ExtraBold"}.outStanding h1 span{color:#384150;font-size:1.25rem;margin-right:3px;font-family:"Avenir-Roman"}@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}}[dir=rtl] .outStanding h1 span{font-family:"Almarai-Light"}.outStanding sub{font-size:1.875rem;font-family:"Avenir-Black"}@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}}[dir=rtl] .outStanding sub{font-family:"Almarai-ExtraBold"}.outStanding .paymentBank{position:absolute;right:0;display:inline-block}.outStanding .totalTxnAmount.avgCountLoader:empty{margin-left:auto}.cashAnalysis .btn.secondary{min-width:33px;min-height:16px;padding:2px 4px;border-radius:2px;margin:0 10px 0 6px;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 .amountCurrency{font-size:1.25rem;color:#384150}@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 .amountNo{font-family:"Avenir-Black"}[dir=rtl] .cashAnalysis .amountCurrency .amountNo{font-family:"Almarai-ExtraBold"}.cashAnalysis .timeText{font-size:.75rem;font-family:"Avenir-Roman";color:#8994a5}@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}}[dir=rtl] .cashAnalysis .timeText{font-family:"Almarai-Light"}.cashAnalysis .cashBar .cashPerformanceLegends{justify-content:space-between}.btn.secondary.isLiveBtn{background-color:#eb3223}.pendingPaymentCard .accountDetails,.recentTransaction .accountDetails{margin-top:8px;border-radius:4px;background-color:#f8fcfd;align-items:flex-start}.pendingPaymentCard .priorityText{margin-top:-5px}.pendingPaymentCard .priorityText .icon-priority-payment{color:#eb8b2d;font-size:1rem;position:relative;top:1px}@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 .accountDetails img{max-height:36px;margin-right:12px}.pendingPaymentCard .paymentQty{padding-top:8px;font-family:"Avenir-Roman"}[dir=rtl] .pendingPaymentCard .paymentQty{font-family:"Almarai-Light"}.pendingPaymentCard .paymentbankList{margin-bottom:10px}.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 .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}}.amountText{color:#000001;font-size:1rem;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .amountText{font-family:"Almarai-Bold"}.amountText em{font-family:"Avenir-Roman";margin-right:5px}[dir=rtl] .amountText em{font-family:"Almarai-Light"}.amountText.success{color:#62bd69}.tableSubTitle,.transactionDesc,.tableSubTitleAmt{color:#8994a5;font-size:.875rem;font-family:"Avenir-Roman";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;width:100%}@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}}[dir=rtl] .tableSubTitle,[dir=rtl] .transactionDesc,[dir=rtl] .tableSubTitleAmt{font-family:"Almarai-Light"}.tableSubTitleAmt{font-size:1rem;line-height:20px}@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}}.transactionDesc{margin-top:8px;display:inline-block}.whiteCard,.bankAccounts.whiteCard{padding:25px;border-radius:4px;background-color:#fff;border:none;margin-top:0;height:100%}.overViewCard,.overViewCardBen{background:#f8fcfd;padding:18px 8px;border-radius:4px;margin-top:15px;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}.benefcryBox .tableTitle{font-size:1rem;font-family:"Avenir-Heavy";color:#384150;padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@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}}[dir=rtl] .benefcryBox .tableTitle{font-family:"Almarai-Bold"}.benefcryBox .errormessage{margin:100px auto 50px}.paymentAmt{font-family:"Avenir-Medium";color:#7799be}[dir=rtl] .paymentAmt{font-family:"Almarai-Regular"}.pendingPymt{max-width:140px}.paymentSec{width:calc(100% - 53px)}.analysisBox{width:14px;height:14px;border-radius:2px;background-color:#62bd69;margin-right:10px}.analysisBox.orange{background-color:#eb8b2d}.analysisBox.error{background-color:#eb3223}.mainAnalysis{margin-bottom:25px}.mainAnalysis:last-child{margin-bottom:0}.mainAnalysis .graphText{font-family:"Avenir-Medium";font-size:1rem;color:#000001;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:180px}[dir=rtl] .mainAnalysis .graphText{font-family:"Almarai-Regular"}@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 .cashGraphAmt{font-family:"Avenir-Heavy";font-size:1rem}[dir=rtl] .mainAnalysis .cashGraphAmt{font-family:"Almarai-Bold"}@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}.newMainAnalysis{background:#f3f5fd;position:relative;border-radius:4px}.newMainAnalysis .analysisBox.newAnalysisBox{width:2px;height:50px;border-radius:4px 0 0 4px}.newMainAnalysis img,.newMainAnalysis .graphText img{mix-blend-mode:multiply;margin-right:8px;max-width:30px}.newMainAnalysis .dropdownRadial{background:#fff;position:absolute;top:50px;left:0;width:100%;padding:18px 20px;z-index:3;box-shadow:0 3px 4px rgba(137,148,165,.15);border-radius:4px;transition:.5s;max-height:200px;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f5f5f5}.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;margin-bottom:12px;border-bottom:1px solid #dbe1e9;padding-bottom:8px}.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";padding-right:4px}[dir=rtl] .newMainAnalysis .dropdownRadial li span span{font-family:"Almarai-Regular"}.newMainAnalysis .dropdownRadial li:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.newMainAnalysis .icon-down-arrow{color:#8994a5;transition:.5s}.newMainAnalysis .arrowUp{transform:rotate(180deg)}.cashGraph{display:flex;width:100%;align-items:center;justify-content:space-between}.cashGraph .cashBar{position:relative;width:500px}.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%}.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";font-size:.875rem;color:#384150}[dir=rtl] .transOverview span{font-family:"Almarai-Light"}@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 .cashAmt{color:#5090f8;font-size:2.25rem;font-family:"Avenir-Heavy";margin-left:3px;margin-top:8px;display:inline-block}@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}}[dir=rtl] .transOverview .cashAmt{font-family:"Almarai-Bold"}.transOverview .cashAmt span{color:#000001;font-size:1rem;font-family:"Avenir-Roman";margin-right:5px}@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}}[dir=rtl] .transOverview .cashAmt span{font-family:"Almarai-Light"}.transOverview .cashAmt sub{font-size:1.25rem;font-family:"Avenir-Black";margin-left:3px}@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}}[dir=rtl] .transOverview .cashAmt sub{font-family:"Almarai-ExtraBold"}.transOverview.cashOut{margin-left:20px}.transOverview .cashAmt.orange{color:#eb8b2d}.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%}.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}.bankAccounts.benCard{border:0;padding:0}.paymentBar{width:500px}.paymentBar .mainBox{margin:60px 0 0 0;height:210px}.paymentBar .filledBar{height:210px}.cashLoadData{width:80%;margin:0 auto}.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}.noRecordFound.mdErrorMsg .errorimage{height:150px;width:150px}.noRecordFound .title{color:#384150;font-size:1.125rem;font-family:"Avenir-Heavy";margin-bottom:0}@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}}[dir=rtl] .noRecordFound .title{font-family:"Almarai-Bold"}.cashIn{min-width:28%}.radialChartBox #radialGraph{position:relative}.radialChartData{width:45%}.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;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);height:20px}.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}.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}.pendingBox{width:calc(100% - 50px)}.isLayoutExpand .pendingPymt{max-width:130px}.isLayoutExpand .transactionBox .nameDisplay strong.emptySimmer{width:120px}.isLayoutExpand .cashData.incomeFrequencyGraph .analysticsPieChartLoader:empty{height:290px;width:500px}.w90{width:90%}.cashGraphAmt{display:flex}.isLayoutExpand .graphText{max-width:137px}.tableSubTitleAmt span{margin-right:3px}.transactionBox .nameDisplay strong.emptySimmer{width:160px}.overview .tooltip1.cashInTip,.overview .tooltip1.cashOutTip{text-align:center;min-width:130px;max-width:130px}.overview .tooltip1 span.graphAmtText,.overview span.boldFont{display:inline-block}#lineChartTooltip.tooltip1.cashInTip.pink{background-color:#eb3223;border:0;min-width:130px;z-index:1}#lineChartTooltip.tooltip1.cashInTip.pink:after{border-top-color:#eb3223}#lineChartTooltip.tooltip1.cashInTip.grey{background-color:#8994a5;border:0;min-width:130px;z-index:1}#lineChartTooltip.tooltip1.cashInTip.grey:after{border-top-color:#8994a5}.paymentSelect img{width:20px;height:20px;margin-right:10px;object-fit:cover}.newDateRange{color:#8994a5;font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .newDateRange{font-family:"Almarai-Bold"}@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}}.mainDateBox{width:500px;display:flex;justify-content:space-between;align-items:baseline}.newOverviewArrows .leftArrow,.newOverviewArrows .RightArrow{width:22px;height:42px;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;color:#8994a5;border-radius:2px;position:absolute;left:-6px;top:40%;cursor:pointer}.newOverviewArrows .RightArrow{left:auto;right:-6px}.newOverviewArrows .RightArrow .icon-down-arrow{transform:rotate(268deg)}.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}.radialLoader{padding-left:15px}.radialLoader .analysticsPieChartLoader:empty{width:270px;height:270px}.doubleBarBox{height:330px;position:relative}.doubleBarBox .newOverviewArrows .RightArrow{right:-20px}.radialLegends .carousel.carousel-slider{height:320px}.radialLegends .carousel.carousel-slider .control-dots .dot{box-shadow:none;width:10px;height:10px;background-color:#7799be;opacity:.5}.radialLegends .carousel.carousel-slider .control-dots .dot.selected,.radialLegends .carousel.carousel-slider .control-dots .dot:hover{background:#7799be;opacity:1}.cashBar .cashPerformanceLegends{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}.cashBar .cashPerformanceLegends .thisWeekTxt{position:relative;color:#eb3223;margin-right:45px;text-transform:none;font-size:.875rem}@media screen and (max-width: 1440px){.cashBar .cashPerformanceLegends .thisWeekTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.cashBar .cashPerformanceLegends .thisWeekTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.cashBar .cashPerformanceLegends .thisWeekTxt{font-size:.6875rem}}.cashBar .cashPerformanceLegends .thisWeekTxt:before{position:absolute;content:"";left:-30px;border-top:2px solid #eb3223;top:8px;font-family:"Avenir-Heavy";width:20px}[dir=rtl] .cashBar .cashPerformanceLegends .thisWeekTxt:before{font-family:"Almarai-Bold"}.cashBar .cashPerformanceLegends .lastWeekTxt{position:relative;color:#8994a5;text-transform:none;font-size:.875rem}@media screen and (max-width: 1440px){.cashBar .cashPerformanceLegends .lastWeekTxt{font-size:.8125rem}}@media screen and (max-width: 1280px){.cashBar .cashPerformanceLegends .lastWeekTxt{font-size:.75rem}}@media screen and (max-width: 1025px){.cashBar .cashPerformanceLegends .lastWeekTxt{font-size:.6875rem}}.cashBar .cashPerformanceLegends .lastWeekTxt:before{position:absolute;content:"";left:-30px;border-top:2px solid #8994a5;top:8px;font-family:"Avenir-Heavy";width:20px}[dir=rtl] .cashBar .cashPerformanceLegends .lastWeekTxt:before{font-family:"Almarai-Bold"}@media screen and (max-width: 1440px){.overViewCardBen .cardTitle div .tableTitle{width:380px}.cashRadial-Box .donutChart{width:250px}.mainAnalysis .graphText{max-width:125px;font-size:.875rem}}@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){.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){.analysisBox{margin-right:7px}.isLayoutExpand .pendingPymt{max-width:110px}.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){.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){.transactionBox .nameDisplay strong.emptySimmer{width:120px}.cashGraph .cashDivider{right:-40px}.isLayoutExpand .cashGraph .cashDivider{right:-35px}.mainDateBox{width:450px}}@media screen and (max-width: 1336px){.mainAnalysis .graphText{max-width:99px}.pendingPymt{max-width:94px}.isLayoutExpand .pendingPymt{max-width:88px}.cashRadial-Box .donutChart{width:240px}.radialLoader .analysticsPieChartLoader:empty{width:240px;height:240px}.cashData .analysticsPieChartLoader:empty{width:450px}.cashGraph .cashBar{width:450px}}@media screen and (max-width: 1280px){.mainAnalysis .graphText{max-width:83px}.w90{width:88%}.whiteCard,.bankAccounts.whiteCard{padding:20px}.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{max-height:30px;margin-right:6px;width:30px}.cashRadial-Box .donutChart{width:auto}.radialLoader .analysticsPieChartLoader:empty{width:220px;height:220px}.cashData .analysticsPieChartLoader:empty{width:390px}.isLayoutExpand .transactionBox .nameDisplay strong.emptySimmer{width:85px}.cashGraph .cashBar,.mainDateBox{width:390px}.doubleBarBox .newOverviewArrows .RightArrow{right:-15px}.overview .draw_graph_container text{font-size:.6875rem}}@media screen and (max-width: 1280px)and (max-width: 1440px){.overview .draw_graph_container text{font-size:.625rem}}@media screen and (max-width: 1280px)and (max-width: 1280px){.overview .draw_graph_container text{font-size:.5625rem}}@media screen and (max-width: 1280px)and (max-width: 1025px){.overview .draw_graph_container text{font-size:.5rem}}@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}}span.balanceBox{width:26px;height:26px;border-radius:4px;background-color:#f3f5fd;color:#8994a5;font-size:1.5rem;display:inline-flex !important;align-items:center;justify-content:center;margin-left:18px !important;cursor:pointer}@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}}.bankInfoList{list-style:unset}.carousel .newMainAnalysis .img,.carousel .newMainAnalysis .graphText img{max-width:30px}.bankCompanyText{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:137px}.carouselLegends{position:relative;z-index:1}.carouselLegends .control-dots{z-index:0}.dropdownRadial::-webkit-scrollbar{width:8px}.dropdownRadial::-webkit-scrollbar-track{background:#f5f5f5}.dropdownRadial::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:6px}.dropdownRadial::-webkit-scrollbar-thumb:hover{background-color:#888}.priorityImg{margin:-7px 5px 0 0;height:20px}.priorityContainer{position:relative;width:260px;height:25px;top:-7px}.textAnimate{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;width:100%;height:20px}.slide-in{animation:slide-in 1s forwards}.slide-out{animation:slide-out 1s forwards}@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%)}}.priorityBox{position:relative}.priorityBox>div{position:absolute}
.minWidth25{min-width:25%}.transactions .title{font-size:2rem;font-size:2rem;color:#384150}@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}}@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 .subTitle{padding:1.5rem 0;color:#384150;font-size:1.125rem;font-size:1.125rem;font-family:"Avenir-Roman"}@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}}@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}}[dir=rtl] .transactions .subTitle{font-family:"Almarai-Light"}.transactions .subTitle.txnSubTitle{font-family:"Avenir-Roman";font-size:1rem;color:#8994a5}[dir=rtl] .transactions .subTitle.txnSubTitle{font-family:"Almarai-Light"}@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 .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";font-size:.75rem;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}[dir=rtl] .trnsctnRefresh{font-family:"Almarai-Light"}@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 .icon-refresh{color:#5090f8;font-size:.75rem;margin-right:5px}@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: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;margin:0px 40px 27px;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .transactionDetails h3{font-family:"Almarai-Bold"}.transactionDetails .company{font-size:1.375rem;text-align:center;display:flex;flex-direction:column;border-top:1px solid #bfc7d0;padding:20px 0;margin:0px 45px}@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 .amount{font-size:2.25rem;margin:15px 0;font-family:"Avenir-Heavy";word-break:break-all}@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}}[dir=rtl] .transactionDetails .company .amount{font-family:"Almarai-Bold"}.transactionDetails .company .amount .amountType{padding-right:5px}.transactionDetails .company .amountCurrency{font-size:2.125rem;margin:15px 0;font-family:"Avenir-Heavy";word-wrap:break-word}@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}}[dir=rtl] .transactionDetails .company .amountCurrency{font-family:"Almarai-Bold"}.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;font-family:"Avenir-Medium";padding-left:5px}@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}}[dir=rtl] .transactionDetails .company span .creditTag{font-family:"Almarai-Regular"}.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;display:flex;padding:8px 0}@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>span{color:#8994a5;flex:1;line-height:24px}.transactionDetails .mainDetails .detailsRow span:last-child{color:#384150;font-family:"Avenir-Roman";word-break:break-word}[dir=rtl] .transactionDetails .mainDetails .detailsRow span:last-child{font-family:"Almarai-Light"}.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;word-break:break-word}@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 .colorBankProcess{color:#72c478}.transactionDetails .mainDetails .detailsRow span.detailStatus{color:#62bd69}.transactionDetails .mainDetails .detailsRow span.isTracker span{color:#5090f8;font-family:"Avenir-Roman";font-size:.875rem}[dir=rtl] .transactionDetails .mainDetails .detailsRow span.isTracker span{font-family:"Almarai-Light"}@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;font-weight:900}@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.noIcon{font-size:.875rem;font-family:"Avenir-Medium";color:#000001}@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}}[dir=rtl] .transactionDetails .mainDetails .approval .subapproval .approvalIcon.noIcon{font-family:"Almarai-Regular"}.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";font-size:.875rem;font-weight:500}[dir=rtl] .transactionDetails .mainDetails .approval .subapprovalText{font-family:"Almarai-Regular"}@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 .preApproval{width:25px;height:25px;border-radius:50%;border:2px solid #8994a5;color:#8994a5;font-size:.75rem;font-family:"Avenir-Medium";z-index:2;background:#f3f5fd;padding:0px 4px !important;margin-top:3px;margin-bottom:3px}@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}}[dir=rtl] .transactionDetails .mainDetails .approval .preApproval{font-family:"Almarai-Regular"}.transactionDetails .mainDetails.normalMainDetails{max-height:295px}.transactionDetails .transactionIcon{display:flex;color:#384150;font-size:1.125rem;justify-content:flex-end;padding:12px 0}@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 span{width:30px;margin:10px}.transactionDetails .workFlowmodalBody .iconPopup{font-size:3.875rem;background-color:#f3f5fd;border-radius:50px;color:#8994a5}@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 .workFLowPopupTitle{margin:30px 0 20px}.transactionDetails .workFlowmodalBody .workFlowPopuptext{font-size:.875rem;font-family:"Avenir-Medium";color:#8994a5;line-height:initial;text-align:center}@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}}[dir=rtl] .transactionDetails .workFlowmodalBody .workFlowPopuptext{font-family:"Almarai-Regular"}.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;padding:1px 4px;border:1px solid #8994a5;border-radius:50%;position:relative;background:#f3f5fd;width:25px;height:25px}@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}}.approval .subapproval .approvalIcon.noIcon:after{left:30px;width:85%}.statementMain{padding:40px}.statementMain h3{font-size:1.5625rem;margin:0px 0px 20px;font-family:"Avenir-Heavy"}@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}}[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;padding:0px 3px;line-height:24px;margin-top:4px;background-color:#f3f5fd;z-index:2}@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}}.paymentIcon{color:#384150;font-size:1.25rem;margin:10px 0px;margin-right:auto}@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 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;padding:0px 8px}@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}}.paymentOtp{padding:40px;font-family:"Avenir-Medium"}[dir=rtl] .paymentOtp{font-family:"Almarai-Regular"}.paymentOtp h3{font-size:1.5625rem;margin:0px 0px 26px;font-family:"Avenir-Heavy"}@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}}[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;margin:0px 0px 26px;font-family:"Avenir-Heavy"}@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}}[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;margin:25px 0px 35px}@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 .calledbackTxt{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .sucessPayment .calledbackTxt{font-family:"Almarai-Regular"}.sucessPayment span.green{color:#62bd69;display:flex;justify-content:center;font-size:8.875rem;margin:25px 0px 35px}@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.red{color:#eb3223;display:flex;justify-content:center;font-size:8.875rem;margin:25px 0px 35px}@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 h4.payScheduleTxt{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .sucessPayment h4.payScheduleTxt{font-family:"Almarai-Regular"}.commentPayment{padding:40px;font-family:"Avenir-Medium";display:flex;flex-direction:column}[dir=rtl] .commentPayment{font-family:"Almarai-Regular"}.commentPayment h3{font-size:1.5625rem;margin:0px 0px 26px;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .commentPayment h3{font-family:"Almarai-Bold"}.commentPayment h3>span{float:right;color:#8994a5}.commentPayment h4{color:#8994a5;line-height:1.29}.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;font-family:"Avenir-Heavy";color:#000001}@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}}[dir=rtl] .allUserProfileSideNav .sideNavWrapper .sideNavBar ul li.filterSideNavTitle{font-family:"Almarai-Bold"}.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;border-radius:4px;background:none}@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}}.w100 .w24{margin-right:16px}.calendar .react-datepicker-popper{z-index:6}.react-datepicker{font-family:"Avenir-Medium";padding:25px 25px 9px 25px;border:1px solid #dbe1e9;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,1,.19)}[dir=rtl] .react-datepicker{font-family:"Almarai-Regular"}.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";font-size:.75rem}[dir=rtl] .react-datepicker__day-names{font-family:"Almarai-Bold"}@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";font-size:1rem;color:#000001}[dir=rtl] .react-datepicker__current-month{font-family:"Almarai-Regular"}@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__day{color:#8994a5;font-size:.75rem;margin:2px 0;border-radius:0}@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--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";background-color:#395293;font-size:.875rem;max-width:155px;width:100%;padding:10px 0}[dir=rtl] .btn.active{font-family:"Almarai-Regular"}@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.notActive{font-size:.875rem;max-width:155px;font-family:"Avenir-Medium";background-color:#bfc7d0;color:#384150;padding:10px 0;width:100%}@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}}[dir=rtl] .btn.notActive{font-family:"Almarai-Regular"}.sliderPopup .btn.active{font-size:.875rem;min-width:136px;padding:11px 0;width:auto}@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.notActive{font-size:.875rem;min-width:136px;padding:11px 0;width:auto}@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}}.clearDisable{color:#bfc7d0;font-family:"Avenir-Roman";font-size:.875rem;pointer-events:none;line-height:initial}[dir=rtl] .clearDisable{font-family:"Almarai-Light"}@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}}.noRecordFound .errorMsgText{font-size:1.125rem;color:#dbe1e9;line-height:1.4;font-family:"Avenir-Roman"}@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}}[dir=rtl] .noRecordFound .errorMsgText{font-family:"Almarai-Light"}.noRecordFound .noDataYet{color:#384150;font-size:1.5rem;font-family:"Avenir-Heavy";padding-bottom:1rem;padding-top:.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}}[dir=rtl] .noRecordFound .noDataYet{font-family:"Almarai-Bold"}.noRecordFound .clickOnButton{color:#8994a5;font-size:1.125rem;line-height:1.4;font-family:"Avenir-Roman"}@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}}[dir=rtl] .noRecordFound .clickOnButton{font-family:"Almarai-Light"}.noRecordFound .errorTitle{font-size:1.5rem;font-family:"Avenir-Heavy";color:#384150}@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}}[dir=rtl] .noRecordFound .errorTitle{font-family:"Almarai-Bold"}.noRecordFound .errorMessageTxt{font-size:1.125rem;font-family:"Avenir-Medium";color:#8994a5}@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}}[dir=rtl] .noRecordFound .errorMessageTxt{font-family:"Almarai-Regular"}.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";color:#8994a5;font-size:.875rem;text-align:center;margin:0 auto;max-width:320px;display:block;padding-top:1.5rem;line-height:1.4}[dir=rtl] .stmntDownloadMsg{font-family:"Almarai-Regular"}@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}}.downloadFail{color:#eb3223;display:flex;justify-content:center;font-size:8.875rem;margin:0}@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}}.transactionOverview .amountCurrency{font-size:1.375rem;font-family:"Avenir-Medium";color:#384150}@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}}[dir=rtl] .transactionOverview .amountCurrency{font-family:"Almarai-Regular"}.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";cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:250px;display:block;padding-top:6px}[dir=rtl] .bankAccNmFilter .accNmList>label{font-family:"Almarai-Regular"}.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;border:none;color:#5090f8;z-index:2}@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-cross-mark-filled{font-size:1.5625rem;border:none;color:#eb3223}@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-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;background-color:#fff;border-bottom-right-radius:0;border-top-right-radius:0;min-height:34px}@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 .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";position:relative;top:1px}[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 .tableDataSubTitle{font-family:"Avenir-Heavy";color:#384150}[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.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";color:#384150}[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 .accNum{font-family:"Avenir-Roman";color:#8994a5}[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 .tableDataSubTitle{font-family:"Avenir-Roman";color:#8994a5}[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.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";font-size:1rem;color:#384150}[dir=rtl] .TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor{font-family:"Almarai-Regular"}@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 .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;font-size:.875rem;line-height:1.5;padding-top:5px}@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}}@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 .bankFormCntrl{padding:16px 32px 16px 44px;border-bottom:1px solid #dbe1e9}.lastFourDigits{font-size:.875rem;font-family:"Avenir-Roman";color:#8994a5}@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}}[dir=rtl] .lastFourDigits{font-family:"Almarai-Light"}.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;text-decoration:none;color:#8994a5;padding:0}@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}}#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;font-family:"Avenir-Heavy";color:#000001}@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}}[dir=rtl] .bankCountClr,[dir=rtl] .workFlowForUsers{font-family:"Almarai-Bold"}.createRoleDarkText{font-size:1rem;font-family:"Avenir-Roman";color:#000001}@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}}[dir=rtl] .createRoleDarkText{font-family:"Almarai-Light"}#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";font-size:1rem;text-decoration:none}[dir=rtl] .securityBioMetric{font-family:"Almarai-Light"}@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:hover{color:#5090f8}.phnBrdrBottom{border-bottom:1px solid #dbe1e9;width:81%}.emailCommunication{padding:24px 32px 24px 16px !important}.securityNote{font-size:.875rem;color:#8994a5;font-family:"Avenir-Roman";padding:21px 20px 0 43px}@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}}[dir=rtl] .securityNote{font-family:"Almarai-Light"}.close{float:right;cursor:pointer;font-size:1.4375rem;font-weight:bold}@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}}.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;padding:.75rem 1.5rem;font-family:"Avenir-Roman";display:block;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}@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}}[dir=rtl] .allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a{font-family:"Almarai-Light"}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a:hover{font-family:"Avenir-Roman";color:#384150;background-color:#cbdefd;transition:.5s all ease}[dir=rtl] .allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a:hover{font-family:"Almarai-Light"}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu{display:block;background-color:#5090f8;font-family:"Avenir-Roman";color:#fff !important}[dir=rtl] .allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu{font-family:"Almarai-Light"}.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;font-family:"Avenir-Roman"}@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}}[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;color:#5090f8;font-family:"Avenir-Roman";text-decoration:none !important}@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}}[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"}.allUserPrflLicenceColor{color:#000001}.allUserScrty{color:#384150}.allUserVerifiedMsg,.allUserBankName{font-size:.875rem;color:#62bd69}@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}}.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";font-size:1rem;color:#bfc7d0;vertical-align:middle;text-transform:lowercase}[dir=rtl] .roleMangmntTbl thead th,[dir=rtl] .userMangmntTbl thead th{font-family:"Almarai-Regular"}@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::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";font-size:1rem;color:#384150;vertical-align:middle}[dir=rtl] .roleMangmntTbl tbody tr td,[dir=rtl] .userMangmntTbl tbody tr td{font-family:"Almarai-Regular"}@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 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;font-family:"Avenir-Medium";color:#8994a5}@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}}[dir=rtl] .workFlowHeader>.workFlowPadding>div{font-family:"Almarai-Regular"}.workFlowHeader>.workFlowPadding>div:first-child{font-size:1rem;font-family:"Avenir-Roman"}@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}}[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";color:#384150;font-size:1rem;position:relative}[dir=rtl] .workFlowTable{font-family:"Almarai-Regular"}@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>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;margin-right:5px;margin-top:2px}@media screen and (max-width: 1280px){.workFlowCheckBox [class*=icon-]{font-size:.5625rem}}.workFlowCheckBox span,.workFlowCheckBox label{font-size:.875rem;align-items:center;display:flex}@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.chooseAll{position:absolute;right:13px}.subRole{margin-bottom:20px}.subRole>div:first-child{width:38%;color:#384150;font-family:"Avenir-Roman";font-size:.875rem}[dir=rtl] .subRole>div:first-child{font-family:"Almarai-Light"}@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;color:#5090f8 !important;font-family:"Avenir-Roman";text-decoration:none !important}@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}}[dir=rtl] .buttnColor{font-family:"Almarai-Light"}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;font-family:"Avenir-Heavy";line-height:initial}@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}}[dir=rtl] .allUserLabelWdth{font-family:"Almarai-Bold"}.userIdWidth{margin-right:auto;flex:.32;font-family:"Avenir-Roman";font-size:1rem;color:#384150}[dir=rtl] .userIdWidth{font-family:"Almarai-Light"}@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}}.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";font-size:.875rem}[dir=rtl] .phoneNoRow .defaultTextBox{font-family:"Almarai-Light"}@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;font-family:"Avenir-Roman";color:#384150}@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}}[dir=rtl] .selectOptionFont [class*=-singleValue]{font-family:"Almarai-Light"}.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;color:#8994a5;font-family:"Avenir-Roman";line-height:20px;width:400px}@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}}[dir=rtl] .phoneSwitch p{font-family:"Almarai-Light"}.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";font-size:.875rem;color:#8994a5}[dir=rtl] .statusDate{font-family:"Almarai-Light"}@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 .dateTime{padding-left:5px}.deviceName{font-family:"Avenir-Roman";color:#384150;font-size:1rem;padding-left:25px;position:relative}[dir=rtl] .deviceName{font-family:"Almarai-Light"}@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::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";font-size:1rem;border:0;color:#5090f8;background:none;padding:0;text-transform:uppercase}[dir=rtl] .btnPrevNext button{font-family:"Almarai-Light"}@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.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;font-family:"Avenir-Medium"}@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}}[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;font-family:"Avenir-Heavy";border-bottom:1px solid #dbe1e9;padding:15px 0;margin-bottom:15px}@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}}[dir=rtl] .workFlowCheckBox .transcationTooltip .bottom .tooltipHeader{font-family:"Almarai-Bold"}.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;display:flex;align-items:center}@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 .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;font-family:"Avenir-Medium";color:#384150}@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}}[dir=rtl] .RoleLabelWdth{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Heavy";-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}@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}}[dir=rtl] .createBtn{font-family:"Almarai-Bold"}.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;padding-right:45px}@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}}.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;line-height:1.5;padding-top:5px}@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}}.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";font-size:.875rem;color:#384150;padding-left:30px}[dir=rtl] .roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .workFlowTable .isWorkFlowItems .isUpdatedInfo{font-family:"Almarai-Regular"}@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 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";color:#8994a5;font-size:.875rem;padding-bottom:20px;padding-left:32px;padding-right:32px}[dir=rtl] .roleBasedMainContainer .workFlowManagement .isDualAdminWorkFlow .workFlowHeader .isUpdatedBy{font-family:"Almarai-Light"}@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 .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";font-size:.875rem;line-height:initial;color:#8994a5}[dir=rtl] .formControl.isApprovalNote{font-family:"Almarai-Regular"}@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 .isNote{font-family:"Avenir-Heavy";color:#384150}[dir=rtl] .formControl.isApprovalNote .isNote{font-family:"Almarai-Bold"}.formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState{flex:.8}.formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState .mandateTxt{margin-top:1rem;color:#8994a5;font-family:"Avenir-Medium";font-size:.875rem;line-height:initial}[dir=rtl] .formControl.isDualAdminApprovalMandate .userIdWidth.inNotEditState .mandateTxt{font-family:"Almarai-Regular"}@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.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";font-size:.875rem;line-height:initial}[dir=rtl] .formControl.isDualAdminApprovalMandate .userIdWidth.isEditState .mandateTxt{font-family:"Almarai-Regular"}@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 .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;line-height:1.5}@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}}.isDualAdminComments{padding-bottom:20px;font-family:"Avenir-Roman";font-size:.875rem;color:#384150;padding-right:32px}[dir=rtl] .isDualAdminComments{font-family:"Almarai-Light"}@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 .isComments{color:#8994a5}.isDualAdminErrorMsg .noWrapText .enjoyYourDay{font-size:1.5rem;font-family:"Avenir-Heavy";color:#384150}@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}}[dir=rtl] .isDualAdminErrorMsg .noWrapText .enjoyYourDay{font-family:"Almarai-Bold"}.isDualAdminErrorMsg .noWrapText .noAppvlsNeeded{font-size:1.125rem;font-family:"Avenir-Medium";color:#8994a5;line-height:initial}@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}}[dir=rtl] .isDualAdminErrorMsg .noWrapText .noAppvlsNeeded{font-family:"Almarai-Regular"}.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;text-align:left;cursor:pointer}@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.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}
.noRecordFound .errorMsgText{font-size:1.125rem;color:#8994a5;line-height:1.4;font-family:"Avenir-Roman"}@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}}[dir=rtl] .noRecordFound .errorMsgText{font-family:"Almarai-Light"}.noRecordFound .noDataYet{color:#384150;font-size:1.5rem;font-family:"Avenir-Heavy";padding-bottom:1rem;padding-top:.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}}[dir=rtl] .noRecordFound .noDataYet{font-family:"Almarai-Bold"}.noRecordFound .clickOnButton{color:#8994a5;font-size:1.125rem;line-height:1.4;font-family:"Avenir-Roman"}@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}}[dir=rtl] .noRecordFound .clickOnButton{font-family:"Almarai-Light"}.noRecordFound .errorTitle{font-size:1.5rem;font-family:"Avenir-Heavy";color:#384150}@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}}[dir=rtl] .noRecordFound .errorTitle{font-family:"Almarai-Bold"}.noRecordFound .errorMessageTxt{font-size:1.125rem;font-family:"Avenir-Medium";color:#8994a5}@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}}[dir=rtl] .noRecordFound .errorMessageTxt{font-family:"Almarai-Regular"}.errorimage{height:170px;width:170px;margin:10px}.errormessage{text-align:center;padding:20px;margin:0px auto 50px;max-width:326px}.BeneficiarySearch{border-right:1px solid #dbe1e9;padding-right:30px;margin-right:30px}.BeneficiarySearch .searchBox{position:relative}.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField{color:#384150;font-size:.875rem;font-family:"Avenir-Roman"}@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}}[dir=rtl] .BeneficiarySearch .searchBox .inpGroup .inpBlock .formField{font-family:"Almarai-Light"}.BeneficiarySearch .searchBox .inpGroup .inpBlock .formField::placeholder{color:#8994a5;font-size:.875rem;font-family:"Avenir-Roman"}@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}}[dir=rtl] .BeneficiarySearch .searchBox .inpGroup .inpBlock .formField::placeholder{font-family:"Almarai-Light"}.BeneficiarySearch .searchBox .errorLabel{position:absolute;top:35px}.BeneficiarySearch.benSearch .searchBox .inpGroup .inpBlock .formField{width:220px}.walletBtns.popupDownShadow,.isAddDealPopup.popupDownShadow{padding:16px 46px 0 45px}.modal{width:100%}.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}.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}.mailText{margin:0 auto;margin-top:.5rem;font-family:"Avenir-Medium";font-size:.875rem;color:#384150}[dir=rtl] .mailText{font-family:"Almarai-Regular"}@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}}.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;color:#384150;line-height:1;padding:8px 0;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}@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:hover{color:#eb8b2d}.sideNavWrapper .sideNavBar>ul>li>a.activeSideNav{font-family:"Avenir-Heavy";color:#eb8b2d}[dir=rtl] .sideNavWrapper .sideNavBar>ul>li>a.activeSideNav{font-family:"Almarai-Bold"}.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;font-family:"Avenir-Heavy";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}@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}}[dir=rtl] .sideNavWrapper .sideNavBar>ul>li>a .isMainSection .count{font-family:"Almarai-Bold"}.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;font-family:"Avenir-Medium";padding:8px 12px;-webkit-transition:0.5s;transition:0.5s;-moz-transition:0.5s;line-height:initial}@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}}[dir=rtl] .sideNavWrapper .sideNavBar>ul>li>ul>li>a{font-family:"Almarai-Regular"}.sideNavWrapper .sideNavBar>ul>li>ul>li>a.activeSubMenu{background-color:#cbdefd;color:#395293;border-radius:4px;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:hover{background-color:#f3f5fd;color:#384150;border-radius:4px}.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;font-family:"Avenir-Medium";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}@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}}[dir=rtl] .sideNavWrapper .sideNavBar>ul>li>ul>li>a .isSubSection .count{font-family:"Almarai-Regular"}.sideNavWrapper.show{width:18%;opacity:1}.sideNavWrapper.hide{width:0px;opacity:0;padding:0}
.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle{font-size:1rem;font-family:"Avenir-Heavy";color:#000001;cursor:pointer}@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}}[dir=rtl] .sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle{font-family:"Almarai-Bold"}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle .isShowHide{position:relative;margin-bottom:12px}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterSideNavTitle .isShowHide .icon-down-arrow{position:absolute;right:0px;transition:transform .3s ease-out;color:#8994a5;font-size:.875rem;top:6px}@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);transition:transform .3s ease-out}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck .filterCount{font-size:.875rem;color:#8994a5;font-family:"Avenir-Medium";margin-top:7px}@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}}[dir=rtl] .sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck .filterCount{font-family:"Almarai-Regular"}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label{color:#384150;font-family:"Avenir-Medium";cursor:pointer;padding-top:6px;display:flex;align-items:center}[dir=rtl] .sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label{font-family:"Almarai-Regular"}.sideNavWrapper.globalFilterSideNav .sideNavBar .filterCheck>label .accnmChkBox{top:0px;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:last-child{padding-bottom:0px}.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:last-child{padding-bottom:0}.sideNavWrapper.globalFilterSideNav h5.isMainTitle{font-family:"Avenir-Heavy";font-size:1.25rem;color:#395293;border-bottom:1px solid #dbe1e9;padding-bottom:14px;margin-bottom:14px;text-transform:uppercase}[dir=rtl] .sideNavWrapper.globalFilterSideNav h5.isMainTitle{font-family:"Almarai-Bold"}@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}}.txnBankFlex{display:flex;flex-direction:row;align-items:center}.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;font-family:"Avenir-Medium";max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:initial;padding-left:5px;position:relative;top:1px}@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}}[dir=rtl] .txnBankFlex .txnAccountFlex>span.txnAccntHolderName{font-family:"Almarai-Regular"}.txnBankFlex .txnBankLogoBg{background:#fff;border-radius:50%;padding:5px;margin-right:5px;position:relative}.txnBankFlex .txnBankLogoBg~.txnAccountFlex .txnAccntHolderName{padding-left:0}.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;font-family:"Avenir-Medium"}@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}}[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";cursor:pointer;direction:ltr}[dir=rtl] .Toastify .Toastify__toast{font-family:"Almarai-Regular"}.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;color:#fff;font-family:"Avenir-Roman"}@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}}[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;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}@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--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(/0ec6064746d6ef0b9864.eot?z0uo9t);src:url(/0ec6064746d6ef0b9864.eot?z0uo9t#iefix) format("embedded-opentype"),url(/66e08e3b235ae0dbd081.ttf?z0uo9t) format("truetype"),url(/7fa26ca402867d59d7db.woff?z0uo9t) format("woff"),url(/bb0535bd70e4a9422b6b.svg?z0uo9t#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-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;transition:all .15s ease-in-out 0s}.header .hamburgerIcon:hover .icon-hamburger{color:#eb8b2d}.header .hamburgerIcon .icon-hamburger{font-size:1.125rem;color:#384150}@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.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;font-family:"Avenir-Roman";margin-left:45px;display:flex;align-items:center}@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}}[dir=rtl] .username{font-family:"Almarai-Light"}.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";font-size:.875rem}[dir=rtl] .userPanel{font-family:"Almarai-Light"}@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}.myAccount,.myAccountSuper{position:relative;color:#bfc7d0;font-family:"Avenir-Roman";font-size:.875rem;display:flex;justify-content:space-between;align-items:center}[dir=rtl] .myAccount,[dir=rtl] .myAccountSuper{font-family:"Almarai-Light"}@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 .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;margin-left:45px}@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 .userPanel::before,.myAccountSuper .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}.myAccount a{padding:7px 0;color:#384150;position:relative;display:flex;align-items:center;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.corporateSettings{text-transform:uppercase}.myAccount a:hover,.myAccountSuper a:hover{color:#8994a5}.myAccount a.ar,.myAccountSuper a.ar{font-size:1rem;align-self:baseline}@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 .icon-Profile-icon,.myAccountSuper a .icon-Profile-icon{margin-left:6px}.username:after{position:absolute;right:0}.myAccount .username .userTitle,.myAccountSuper .username .userTitle{display:inline-block;max-width:125px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2}.myAccount .username .userTitle:hover{color:#8994a5}.myAccountSuper{position:relative;color:#bfc7d0;font-family:"Avenir-Roman";font-size:.875rem;display:flex;justify-content:space-between;align-items:center}[dir=rtl] .myAccountSuper{font-family:"Almarai-Light"}@media screen and (max-width: 1440px){.myAccountSuper{font-size:.8125rem}}@media screen and (max-width: 1280px){.myAccountSuper{font-size:.75rem}}@media screen and (max-width: 1025px){.myAccountSuper{font-size:.6875rem}}.myAccountSuper a{padding:7px 0;color:#384150;position:relative;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.myAccountSuper a.ar{font-size:1rem;align-self:baseline}@media screen and (max-width: 1440px){.myAccountSuper a.ar{font-size:.9375rem}}@media screen and (max-width: 1280px){.myAccountSuper a.ar{font-size:.875rem}}@media screen and (max-width: 1025px){.myAccountSuper a.ar{font-size:.8125rem}}.myAccountSuper a .icon-Profile-icon{margin-left:6px}.myAccountSuper .username .userTitle{display:inline-block;max-width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2}.iconColor{color:#8994a5;font-size:1.125rem;margin-left:45px}@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}}.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;width:30px;height:30px;font-family:"Avenir-Heavy";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}@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}}[dir=rtl] .iconGear span{font-family:"Almarai-Bold"}.redDot{background-color:#eb3223;border-radius:.8rem;position:absolute;top:-5px;left:9px;text-align:center;font-size:.75rem;font-family:"Avenir-Medium";height:16px;padding:5px;min-width:.8rem;color:#fff}@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}}[dir=rtl] .redDot{font-family:"Almarai-Regular"}.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;margin-top:16px}@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}}.notifyClear{font-size:.875rem;margin-right:70px;margin-top:-18px;color:#5090f8;font-family:"Avenir-Medium";cursor:pointer}@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}}[dir=rtl] .notifyClear{font-family:"Almarai-Regular"}.userPanel .icon-Profile-icon{font-size:3.125rem;margin-right:15px;color:#8994a5}@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}}.email{display:flex;align-items:center;border-bottom:1px solid #f3f5fd;margin:0px 0px 5px;background:#f3f5fd;padding:10px}.email h6{color:#8994a5;font-family:"Avenir-Medium";margin-top:10px;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] .email h6{font-family:"Almarai-Regular"}.signOut{color:#5090f8;font-family:"Avenir-Heavy";cursor:pointer;font-size:1rem}[dir=rtl] .signOut{font-family:"Almarai-Bold"}@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}}.email h5{font-family:"Avenir-Heavy";color:#000001;font-size:1rem}[dir=rtl] .email h5{font-family:"Almarai-Bold"}@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}}textarea{font-family:"Avenir-Roman"}[dir=rtl] textarea{font-family:"Almarai-Light"}.popupPadding{padding:16px 30px 16px 30px}.notificationDayBlock{padding:16px 30px 16px 30px;background:#f3f5fd}.notificationDayLoader{padding:6px 30px 16px 30px;background:#f3f5fd}.iconFnt{font-size:1rem;position:absolute;right:0;top:5px;color:#8994a5}@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}}.sliderPopup .notificationPopup .NotificationBody{overflow:auto;height:calc(91vh - 0px)}.sliderPopup .notificationPopup .NotificationBody .alertInfo{padding:25px 16px 25px 45px;cursor:pointer}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle{color:#000001;font-family:"Avenir-Medium";font-size:.875rem;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle{font-family:"Almarai-Regular"}@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>span{font-size:.75rem;color:#8994a5}@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:first-child{color:#000001;font-family:"Avenir-Medium";font-size:1rem;width:63%;line-height:1.3}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle span:first-child{font-family:"Almarai-Regular"}@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.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";font-size:.875rem;line-height:1.4;padding-right:26px}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .alertInfo .alertText{font-family:"Almarai-Light"}@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.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 .notificationTitle{font-family:"Avenir-Heavy";font-size:1.625rem;color:#384150}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .notificationTitle{font-family:"Almarai-Bold"}@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 .notificationDay{color:#8994a5;text-transform:uppercase;font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .sliderPopup .notificationPopup .NotificationBody .notificationDay{font-family:"Almarai-Bold"}@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 .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:0px 10px;min-height:36px;min-width:118px;justify-content:center;background:#fff;transition:all .15s ease-in-out 0s}.quickLinksContainer .isQuickLinks .icon-down-arrow{color:#384150;transition:.5s}.quickLinksContainer .isQuickLinks .icon-down-arrow.toggleIcon{transform:rotate(-180deg) scale(1)}.quickLinksContainer .isQuickLinks h3{color:#384150;padding-right:6px;font-family:"Avenir-Medium"}[dir=rtl] .quickLinksContainer .isQuickLinks h3{font-family:"Almarai-Regular"}.quickLinksContainer .isQuickLinks:hover{background:#cbdefd;border:1px solid #dbe1e9}.quickLinksContainer .userPanel.quickLinkData{min-width:350px;right:0px;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:hover{background-color:#697383;border:1px solid #697383}.quickLinksContainer .userPanel.quickLinkData .listLinks h4{font-family:"Avenir-Heavy";font-size:.875rem;color:#fff}[dir=rtl] .quickLinksContainer .userPanel.quickLinkData .listLinks h4{font-family:"Almarai-Bold"}@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 .subTitle{font-family:"Avenir-Medium";font-size:.75rem;color:#dbe1e9}[dir=rtl] .quickLinksContainer .userPanel.quickLinkData .listLinks .subTitle{font-family:"Almarai-Regular"}@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::after{content:none}.quickLinksContainer .userPanel.quickLinkData .listLinks:last-child{margin-bottom:0}.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;font-family:"Avenir-Roman";line-height:initial}@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}}[dir=rtl] .newUpdateBlock.resolvedAnnouncement .infoMessage{font-family:"Almarai-Light"}.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 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;font-family:"Avenir-Roman";line-height:initial}@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}}[dir=rtl] .newUpdateBlock.alertAnnouncement .infoMessage{font-family:"Almarai-Light"}.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 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;font-family:"Avenir-Roman";line-height:initial}@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}}[dir=rtl] .newUpdateBlock.errorAnnouncement .infoMessage{font-family:"Almarai-Light"}.newUpdateBlock.errorAnnouncement .infoMessage span{font-family:"Avenir-Heavy";color:#fff}[dir=rtl] .newUpdateBlock.errorAnnouncement .infoMessage span{font-family:"Almarai-Bold"}.newUpdateBlock.errorAnnouncement .updatesLogout .icon-close{color:#fff}.isBellUpdate{display:flex;align-items:center}.isBellUpdate .infoMessage{padding-right:15px}.newUpdates{display:flex;flex-direction:column}.newUpdates .watsNew{text-decoration:underline;font-family:"Avenir-Roman"}[dir=rtl] .newUpdates .watsNew{font-family:"Almarai-Light"}.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 span{color:#fff;padding:5px 0;font-size:1rem;font-family:"Avenir-Roman"}@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}}[dir=rtl] .newUpdates span{font-family:"Almarai-Light"}.newUpdates .osvUpdate{font-family:"Avenir-Heavy"}[dir=rtl] .newUpdates .osvUpdate{font-family:"Almarai-Bold"}.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}.updatesLogout{display:flex;align-items:center}.updatesLogout .icon-close{color:#fff;font-size:.875rem;cursor:pointer}@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 .createBtn{margin-right:16px}.updatesLogout .icon-close:hover{opacity:.7}.iconSettings:before{margin:auto;background:#f3f5fd;padding:8px 9px;border-radius:50%;font-size:1.25rem;color:#8994a5}@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}}.icon-Activity-log.iconSettings::before{font-size:1rem;padding:10px 8px}@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-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;font-family:"Avenir-Medium";color:#000001;cursor:pointer}@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}}[dir=rtl] .settingsTitle{font-family:"Almarai-Regular"}.viewBankBalance{font-size:.75rem;font-family:"Avenir-Roman";color:#8994a5}@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}}[dir=rtl] .viewBankBalance{font-family:"Almarai-Light"}.settingBrdrBtm{border-bottom:1px solid #f3f5fd}.notifyTitle:empty{height:30px;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}.notifyData:empty{height:30px;width:100%;max-width:500px;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}@keyframes horz{to{background-position:100% 10px,0 10px,0 35px}}.sandBoxSelect{width:calc(100% - 90px);font-family:"Avenir-Heavy";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;line-height:20px}[dir=rtl] .sandBoxSelect{font-family:"Almarai-Bold"}.sandBoxContainer{background-color:#ffde4d;font-size:.625rem;font-family:"Avenir-Medium";text-transform:uppercase;padding:1px 10px;border-radius:4px;color:#000001;display:inline-block;align-self:flex-end;position:relative;top:-3px}@media screen and (max-width: 1280px){.sandBoxContainer{font-size:.5625rem}}[dir=rtl] .sandBoxContainer{font-family:"Almarai-Regular"}.sandBoxContainer.prodBoxContainer{background-color:#62bd69;color:#fff}.sandBoxContainer span{position:relative;top:1px}.sandBoxSelectBox .selectOptionFont [class*=-ValueContainer]{padding-right:0px}.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;font-family:"Avenir-Heavy";padding-bottom:30px}@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}}[dir=rtl] .whatsNewPopup .whatsNewContainer .versionTitle{font-family:"Almarai-Bold"}.whatsNewPopup .whatsNewContainer .versionTitle.isNafathProcessTitle{font-family:"Avenir-Heavy";font-size:.875rem;color:#384150}[dir=rtl] .whatsNewPopup .whatsNewContainer .versionTitle.isNafathProcessTitle{font-family:"Almarai-Bold"}@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 .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;margin-left:11px;font-family:"Avenir-Roman";margin-bottom:14px;line-height:1.5}@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}}[dir=rtl] .whatsNewPopup .whatsNewContainer .releaseNotesList ul.listType>li{font-family:"Almarai-Light"}.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}.sessionBtns{display:flex;justify-content:space-between}.sessionBtns .btn.transparent{color:#5090f8;border:1px solid #5090f8}.sessionBtns .btn{font-size:1rem;width:45%;margin-top:30px;padding:15px 0}@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}}.sessionWarning p{font-size:1rem;color:#8994a5;font-family:"Avenir-Roman";line-height:21px;margin:20px 0 7px 0}@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}}[dir=rtl] .sessionWarning p{font-family:"Almarai-Light"}.sessionWarning p>span{color:#000001;font-family:"Avenir-Heavy"}[dir=rtl] .sessionWarning p>span{font-family:"Almarai-Bold"}.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;min-height:44px;font-family:"Avenir-Heavy";line-height:14px;min-width:100px;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}@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}}[dir=rtl] .btn{font-family:"Almarai-Bold"}.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,.countTabs .btn.active{max-width:fit-content;max-width:-moz-fit-content;margin-right:10px;font-size:.875rem;padding:0 13px;background:#f3f5fd;color:#384150;font-family:"Avenir-Medium";min-height:32px;border:0;margin-top:13px}@media screen and (max-width: 1440px){.countTabs .btn,.countTabs .btn.active{font-size:.8125rem}}@media screen and (max-width: 1280px){.countTabs .btn,.countTabs .btn.active{font-size:.75rem}}@media screen and (max-width: 1025px){.countTabs .btn,.countTabs .btn.active{font-size:.6875rem}}[dir=rtl] .countTabs .btn,[dir=rtl] .countTabs .btn.active{font-family:"Almarai-Regular"}.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;padding-right:8px;position:relative;top:-2px}@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 .formControl .radio{font-size:.875rem;color:#000001;text-align:left;font-weight:900;margin-left:25px;line-height:1.5;font-family:"Avenir-Heavy"}@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}}[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"}.logoWrapper{text-align:left;padding-bottom:1em}.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%}.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";font-size:1.5rem}[dir=rtl] .container.isLoginContainer main.isMainLoginSection .isSubLoginSection .loginWrapper .twoStep{font-family:"Almarai-Bold"}@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;font-family:"Avenir-Heavy";color:#000001;margin-top:32px}@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}}[dir=rtl] .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselTitle{font-family:"Almarai-Bold"}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselInfo{font-size:1rem;font-family:"Avenir-Roman";color:#8994a5;margin-top:20px;margin-bottom:20px;text-align:center;line-height:24px}@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}}[dir=rtl] .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .carouselInfo{font-family:"Almarai-Light"}.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}.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";font-size:1.5rem;color:#000001}[dir=rtl] .panel.loginWrapper .logoWrapper h2.loginTitle{font-family:"Almarai-Bold"}@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 .icon-shield{color:#62bd69;font-size:1.5625rem;display:inline-block;padding-left:12px;margin:0}@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 .oneAccForEveryThing{font-family:"Avenir-Roman";color:#8994a5;font-size:.875rem;display:block;margin:20px 0}[dir=rtl] .panel.loginWrapper .logoWrapper .oneAccForEveryThing{font-family:"Almarai-Light"}@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 a{color:#5090f8}.panel.loginWrapper .logoWrapper .isSingleviewAccess{font-family:"Avenir-Roman";font-size:.875rem;color:#8994a5;margin-top:16px;margin-bottom:16px}[dir=rtl] .panel.loginWrapper .logoWrapper .isSingleviewAccess{font-family:"Almarai-Light"}@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 .otpInputBlock .otpInputField{margin-top:25px}.panel.loginWrapper .logoWrapper .mfaWrapper h1{color:#000001;font-size:1.5rem;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper h1{font-family:"Almarai-Bold"}.panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-family:"Avenir-Medium";font-size:.875rem;color:#8994a5;line-height:initial}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-family:"Almarai-Regular"}@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 .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;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper .BlockChainSecurity{font-family:"Almarai-Bold"}.panel.loginWrapper .logoWrapper .mfaWrapper .blockedTitle{color:#000001;font-size:1.5625rem;font-family:"Avenir-Roman"}@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}}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper .blockedTitle{font-family:"Almarai-Light"}.panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{color:#8994a5;font-size:.875rem;font-family:"Avenir-Roman";line-height:1.4}@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}}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{font-family:"Almarai-Light"}.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";font-size:.875rem;color:#8994a5;line-height:20px}[dir=rtl] .panel.loginWrapper .isByTapping{font-family:"Almarai-Light"}@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 .linkColor{color:#5090f8}.panel.loginWrapper .primaryButtonStyles.isOtpScreenBtn{margin-top:17px}.isAcceptTerms{font-family:"Avenir-Medium";font-size:.875rem;color:#8994a5}[dir=rtl] .isAcceptTerms{font-family:"Almarai-Regular"}@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 a{font-family:"Avenir-Medium"}[dir=rtl] .isAcceptTerms a{font-family:"Almarai-Regular"}.isAcceptTerms a:hover{text-decoration:underline}.isCaptcha .isContinue{font-size:.875rem;color:#8994a5}@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 .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;font-family:"Avenir-Medium";color:#2a345e;line-height:18px}@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}}[dir=rtl] .isSamaLicense .isSamaRegulatory .isSamaContent span{font-family:"Almarai-Regular"}.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";line-height:1.3}[dir=rtl] .twoStep{font-family:"Almarai-Bold"}.twoStepName{color:#bfc7d0;font-size:.875rem;line-height:1.6}@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}}.phoneNo{line-height:1.6}.twoStepChoose{font-size:.875rem;font-family:"Avenir-Roman";color:#384150;text-align:left;margin-bottom:1rem}@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}}[dir=rtl] .twoStepChoose{font-family:"Almarai-Light"}.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;color:#eb3223}@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}}.sessionWrapper h1{font-family:"Avenir-Heavy";font-size:1.5rem;color:#000001}[dir=rtl] .sessionWrapper h1{font-family:"Almarai-Bold"}@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 span{font-family:"Avenir-Roman";color:#8994a5;font-size:.875rem;display:block;margin:20px 0}[dir=rtl] .sessionWrapper span{font-family:"Almarai-Light"}@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 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;color:#8994a5;font-family:"Avenir-Roman";line-height:initial}@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}}[dir=rtl] .passWordMatchInfo{font-family:"Almarai-Light"}.sessionMsg{border:1px solid #ffde4d;border-radius:4px;padding:10px 8px;color:#cfaa08;text-align:left;font-family:"Avenir-Roman";display:block;margin-bottom:11px;line-height:1.5}[dir=rtl] .sessionMsg{font-family:"Almarai-Light"}.loginLink{color:#5090f8;text-decoration:underline}.forgotPanel{background-color:#fff}
.resend{margin:10px;color:#5090f8}.twoStepTimeLeft{color:#bfc7d0;font-family:"Avenir-Medium";text-align:center;padding:1rem 0}[dir=rtl] .twoStepTimeLeft{font-family:"Almarai-Regular"}.twoStepContainer{width:100%}.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;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .forgotPasswordUsername{font-family:"Almarai-Bold"}.isMobileLoginOpt .greyMediumFont{text-align:left;color:#8994a5;font-family:"Avenir-Roman";font-size:.875rem}[dir=rtl] .isMobileLoginOpt .greyMediumFont{font-family:"Almarai-Light"}@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;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}@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: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;font-family:"Avenir-Roman";text-align:center;line-height:1.4}@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}}[dir=rtl] .noInternetTxt{font-family:"Almarai-Light"}.isAccessTitle{font-family:"Avenir-Heavy";color:#000001;font-size:1.5rem}[dir=rtl] .isAccessTitle{font-family:"Almarai-Bold"}@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";font-size:1.25rem;color:#000001}[dir=rtl] .successTitle{font-family:"Almarai-Bold"}@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}}.isBankPreviewContainer .bankAccountsFlex .formControl label{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .isBankPreviewContainer .bankAccountsFlex .formControl label{font-family:"Almarai-Regular"}.isBankPreviewContainer .bankAccountsFlex .formControl .previewTxt{color:#000001;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .isBankPreviewContainer .bankAccountsFlex .formControl .previewTxt{font-family:"Almarai-Regular"}.isBankPreviewContainer .formControl .fontRoman{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .isBankPreviewContainer .formControl .fontRoman{font-family:"Almarai-Regular"}.isBankPreviewContainer .formControl .previewTxt{color:#000001;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .isBankPreviewContainer .formControl .previewTxt{font-family:"Almarai-Regular"}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl label{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl label{font-family:"Almarai-Regular"}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl .previewTxt{color:#000001;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .viewbankActiveFlex .formControl .previewTxt{font-family:"Almarai-Regular"}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl label{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl label{font-family:"Almarai-Regular"}.isBankPreviewContainer .viewBanksChargesContainer .viewBankChargesActive .internationBankChargeFlex .formControl .previewTxt{color:#000001;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[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";font-size:.875rem}[dir=rtl] .securityInfo>span:last-child{font-family:"Almarai-Regular"}@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";font-size:1.125rem;padding-bottom:5px}[dir=rtl] .banksAccountName .bankNameAccFlex .bankCompanyNameTruncate{font-family:"Almarai-Bold"}@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 .bankAccNumber{color:#8994a5;font-family:"Avenir-Roman";font-size:1rem;padding-top:5px}[dir=rtl] .banksAccountName .bankNameAccFlex .bankAccNumber{font-family:"Almarai-Light"}@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 .icon-down-arrow::before{top:9px}.allBankAccounts h2.allBanksTitle{font-size:1.875rem;font-family:"Avenir-Heavy";color:#384150}@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}}[dir=rtl] .allBankAccounts h2.allBanksTitle{font-family:"Almarai-Bold"}.allBankAccounts .addAccountButton{border:1px solid #bfc7d0;border-radius:4px;padding:1rem}.allBankAccounts .addAccountButton a{font-size:1rem;color:#8994a5;font-family:"Avenir-Roman"}@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}}[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;font-family:"Avenir-Heavy";display:flex;align-items:flex-start}@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}}[dir=rtl] .greyBox .bankName{font-family:"Almarai-Bold"}.greyBox .bankName .tableBankThumbnail{margin-right:15px}.greyBox .icon-down-arrow:before{transform:rotate(180deg) scale(1);transition:.5s;position:absolute;font-size:1.125rem;color:#8994a5;margin-top:3px}@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.rotateUp::before{transform:rotate(0) scale(1)}.greyBox .icon-down-arrow.rotateDown::before{transform:rotate(-180deg) scale(1)}.greyBox .isBankType{font-family:"Avenir-Medium";font-size:1.25rem;color:#8994a5}[dir=rtl] .greyBox .isBankType{font-family:"Almarai-Regular"}@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 .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";font-size:1.25rem;color:#62bd69;padding-left:8px;line-height:initial}[dir=rtl] .greyBox .bankConnectingInfo{font-family:"Almarai-Regular"}@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 .consentInfo{font-family:"Avenir-Roman";font-size:1rem;color:#384150;padding-top:14px}[dir=rtl] .greyBox .consentInfo{font-family:"Almarai-Light"}@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}}.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;font-family:"Avenir-Heavy";color:#fff}@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}}[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 .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;background-color:#f3f5fd;border-radius:4px;padding:6px}@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: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";color:#384150;font-size:.875rem}[dir=rtl] .messageTitle .isBankAuthTitle{font-family:"Almarai-Bold"}@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";color:#8994a5;font-size:.875rem}[dir=rtl] .messageTitle .isBankAuthTxt{font-family:"Almarai-Regular"}@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;color:#fff;font-family:"Avenir-Medium"}@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}}[dir=rtl] .transcationTooltip .settings li span:first-child{font-family:"Almarai-Regular"}.transcationTooltip .settings li span:first-child a{font-size:.875rem;color:#fff;font-family:"Avenir-Medium"}@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}}[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;font-family:"Avenir-Roman";color:#8994a5}@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}}[dir=rtl] .lastUpdated{font-family:"Almarai-Light"}.WorkLabel.formControl.isSelectLabel.removeMargin{margin-bottom:0}.companyNameColor{position:relative}.companyNameColor span{color:#384150;font-size:1.25rem;font-family:"Avenir-Roman"}@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}}[dir=rtl] .companyNameColor span{font-family:"Almarai-Light"}.companyNameColor .currency{margin-left:auto}.companyNameColor .currency span{font-family:"Avenir-Heavy";font-size:1.25rem;color:#384150}[dir=rtl] .companyNameColor .currency span{font-family:"Almarai-Bold"}@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 .icon-dots{color:#5090f8;margin-left:18px}.companyNameColor .inActiveBankBtn{margin-left:auto}.companyNameColor .failedToCheckBal{color:#384150}.companyNameColor .linkColor{color:#5090f8;font-size:.875rem;font-family:"Avenir-Medium";cursor:pointer}@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}}[dir=rtl] .companyNameColor .linkColor{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Medium";color:#384150}@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}}[dir=rtl] .bankNameStatusType .formControl label{font-family:"Almarai-Regular"}.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;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"}@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}}[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";cursor:pointer}[dir=rtl] .bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .collapsible.active::after{font-family:"Almarai-Bold"}.bankNameStatusType .viewBanksChargesContainer .viewBankChargesBox .chargesTxt{font-size:.875rem;color:#5090f8;font-family:"Avenir-Medium"}@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}}[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;color:#8994a5;cursor:pointer}@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::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;height:38px;transition:.3s}@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: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;font-family:"Avenir-Roman"}@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}}[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;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .bankAccDeletionContainer .deletionNote{font-family:"Almarai-Regular"}.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;cursor:pointer;max-width:208px;padding:9px 12px;font-family:"Avenir-Roman";color:#384150}@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}}[dir=rtl] .statusSelection{font-family:"Almarai-Light"}.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;font-family:"Avenir-Roman";border-radius:0px 0px 4px 4px}@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}}[dir=rtl] .securityMsg{font-family:"Almarai-Light"}.securityMsg .closebutton a{color:#fff;font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .securityMsg .closebutton a{font-family:"Almarai-Regular"}.securityMsg .closebutton a:hover{color:#fff}.connectBank,.mediumFontSize{font-size:.875rem;color:#384150;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .connectBank,[dir=rtl] .mediumFontSize{font-family:"Almarai-Regular"}.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";font-size:.875rem;border:1px solid #bfc7d0;border-left:0}[dir=rtl] .attachBulk button{font-family:"Almarai-Bold"}@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 span{color:#8994a5;font-size:1rem;font-style:italic}@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.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";font-size:1rem;color:#384150}[dir=rtl] .isSupportedBanks{font-family:"Almarai-Bold"}@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}}.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;color:#384150;font-family:"Avenir-Heavy"}@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}}[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;font-family:"Avenir-Medium";color:#8994a5}@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}}[dir=rtl] .messageInfo{font-family:"Almarai-Regular"}.connectBankLabel{font-size:1rem;font-family:"Avenir-Heavy"}@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}}[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;color:#384150;font-family:"Avenir-Heavy"}@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}}[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;font-family:"Avenir-Medium"}@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}}[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;color:#8994a5;cursor:pointer}@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::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;height:38px;transition:.3s}@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: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;color:#8994a5;font-family:"Avenir-Medium";padding-bottom:1.5rem}@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}}[dir=rtl] .bankChargesContainer .bankChargesNote{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Heavy";margin-bottom:15px}@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}}[dir=rtl] .bankAccountText h6{font-family:"Almarai-Bold"}.bankAccountText span{font-size:.875rem;font-family:"Avenir-Medium";color:#8994a5;line-height:22px}@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}}[dir=rtl] .bankAccountText span{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Heavy";margin:35px 0 20px}@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}}[dir=rtl] .openBankSuccess h6{font-family:"Almarai-Bold"}.openBankSuccess span{color:#8994a5;font-size:1rem;font-family:"Avenir-Medium";line-height:24px}@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}}[dir=rtl] .openBankSuccess span{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Medium"}@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}}[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;color:#384150}@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: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;font-family:"Avenir-Medium";line-height:24px;padding-bottom:25px}@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}}[dir=rtl] .openBankDetail span{font-family:"Almarai-Regular"}.openBankSuccess.openBankFail h6{margin-bottom:15px}.openBankSuccess.openBankFail span{font-size:.875rem;line-height:20px}@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}}.consentArrow.icon-down-arrow:before{position:absolute;right:26px;top:72px}.ConsentBankDetailBody{background-color:#f8fcfd}.ConsentBankDetailBody .brdrBtm:last-child{border-bottom:0}
.bankAccounts .bankAccountsList{padding:0 10px;background:#f3f5fd}.bankAccounts .bankAccountHolder{background:#f3f5fd;padding:18px 7px;border-top:1px solid #dbe1e9}.bankAccounts .bankAccountHolder .name{font-family:"Avenir-Roman";color:#384150}[dir=rtl] .bankAccounts .bankAccountHolder .name{font-family:"Almarai-Light"}.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";color:#384150}[dir=rtl] .bankAccounts .bankAccountHolder .amount{font-family:"Almarai-Bold"}.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 .totalCalculations{margin-top:25px;font-size:.875rem;color:#384150}@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 .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 .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}.bankAccountsLoader .bankListLoader.isPayNameLoader{max-width:120px;width:120px}.bankAccountsLoader .bankListLoader{margin-right:20px}
.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;text-transform:lowercase;font-family:"Avenir-Heavy"}@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}}[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;font-family:"Avenir-Roman";color:#8994a5;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@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}}[dir=rtl] .sliderBankCreatePopupBodyNew .banksOnSearch .searchedBank .searchedBankName{font-family:"Almarai-Light"}.openBankFormFields .paddingBtn{padding:26px 0}.openBankFormFields .paddingBtn .notActive{font-size:.75rem;padding:0 0;max-width:102px}@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 .active{font-size:.75rem;padding:0 0;max-width:102px}@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 .btn{min-height:30px}.openBankFormFields .defaultTextBox::placeholder{font-size:.875rem;color:#8994a5}@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}}.openBankPermission .permissionHead{padding-bottom:28px}.openBankPermission .permissionHead .permissionTitle{font-family:"Avenir-Heavy";font-size:1.25rem;padding-bottom:14px}[dir=rtl] .openBankPermission .permissionHead .permissionTitle{font-family:"Almarai-Bold"}@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 .permissionReq{font-family:"Avenir-Roman";font-size:.75rem;color:#8994a5}[dir=rtl] .openBankPermission .permissionHead .permissionReq{font-family:"Almarai-Light"}@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 .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";font-size:.875rem;color:#384150}[dir=rtl] .openBankPermission .openBankPermissionLst .termsConditions .isFlexColumn .verifyProfile{font-family:"Almarai-Bold"}@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 .allowProfile{font-size:.75rem;color:#8994a5;line-height:initial}@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 .isBankPermissions{flex:1}.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal{color:#384150;font-size:1.125rem;margin-right:20px;background:#f3f5fd;border-radius:50%;padding:12px 14px}@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.icon-case-bank{padding:12px}.openBankPermission .openBankPermissionLst .termsConditions .iconGlobal.icon-bal-enquiry{font-size:1rem;padding:12px 10px}@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-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;padding-bottom:12px}@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 ul .cannotPoList{color:#8994a5;padding-bottom:6px;font-size:.875rem;text-align:justify;border:0;list-style-type:none}@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: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;color:#8994a5;padding-bottom:26px;line-height:22px}@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 span{border-bottom:1px solid #5090f8}.openBankPermission .openBankPermissionLst .termsPolicy .isBankName{border-bottom:none;font-family:"Avenir-Heavy";color:#384150}[dir=rtl] .openBankPermission .openBankPermissionLst .termsPolicy .isBankName{font-family:"Almarai-Bold"}.openBankPermission .openBankPermissionLst h6.isTitle{font-family:"Avenir-Heavy";color:#000001;font-size:1rem}[dir=rtl] .openBankPermission .openBankPermissionLst h6.isTitle{font-family:"Almarai-Bold"}@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;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .thirdPartyNote{font-family:"Almarai-Regular"}.thirdPartyNote span{font-family:"Avenir-Heavy";margin-bottom:0}[dir=rtl] .thirdPartyNote span{font-family:"Almarai-Bold"}.continueTerm{padding-top:29px}.continueTerm .contTermTitle{font-family:"Avenir-Heavy";font-size:1rem;line-height:initial;color:#384150;padding-bottom:10px}[dir=rtl] .continueTerm .contTermTitle{font-family:"Almarai-Bold"}@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 .contTerm{font-family:"Avenir-Roman";font-size:1rem;line-height:initial;color:#8994a5}[dir=rtl] .continueTerm .contTerm{font-family:"Almarai-Light"}@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}}.successInfo{color:#384150;line-height:initial}.messageInfo{line-height:initial}.btn-active{margin:2px 0 2px 12px;border-radius:2px;border:none;background-color:#62bd69;color:#fff;font-size:.875rem;font-family:"Avenir-Medium";max-height:22px;cursor:inherit}@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}}[dir=rtl] .btn-active{font-family:"Almarai-Regular"}.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;color:#384150;font-family:"Avenir-Medium";margin-bottom:12px}@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}}[dir=rtl] .manageBank>p{font-family:"Almarai-Regular"}.manageBank>p span{font-size:1rem;color:#8994a5;font-family:"Avenir-Roman";padding-left:5px}@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}}[dir=rtl] .manageBank>p span{font-family:"Almarai-Light"}.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;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .manageBox .thirdPartyNote{font-family:"Almarai-Regular"}.manageBox .thirdPartyNote span{font-family:"Avenir-Heavy";margin-bottom:0}[dir=rtl] .manageBox .thirdPartyNote span{font-family:"Almarai-Bold"}.manageBox p{font-size:1rem;color:#384150;margin-bottom:15px}@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 span{color:#8994a5;font-size:1rem;font-family:"Avenir-Roman";margin-bottom:25px;display:inline-block}@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}}[dir=rtl] .manageBox span{font-family:"Almarai-Light"}.manageBox span.detailsTxt{font-size:.875rem;font-family:"Avenir-Medium";line-height:20px}@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}}[dir=rtl] .manageBox span.detailsTxt{font-family:"Almarai-Regular"}.manageAccountList{font-size:.875rem;color:#384150;border-top:1px solid #dbe1e9;margin-top:15px;margin-bottom:15px}@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 .dataText{font-size:1rem;margin:25px 0;display:inline-block}@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 .accordion-wrapper{margin-bottom:15px}.manageAccountList .accordion-title{font-size:.875rem;color:#384150;font-family:"Avenir-Medium";display:flex;align-items:center;width:fit-content;cursor:pointer}@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}}[dir=rtl] .manageAccountList .accordion-title{font-family:"Almarai-Regular"}.manageAccountList .accordion-icon{color:#8994a5;font-size:1rem;margin-right:12px;transition:transform .3s ease-out;transform:rotate(-180deg)}@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.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;left:0}@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 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;margin-top:25px;line-height:normal;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .disconnectSubTitle h5{font-family:"Almarai-Bold"}.disconnectSubTitle span{font-size:.875rem;margin:25px 0 15px;color:#8994a5;display:inline-block;line-height:20px}@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.isRevokeConsent{font-family:"Avenir-Medium";color:#8994a5}[dir=rtl] .disconnectSubTitle.isRevokeConsent{font-family:"Almarai-Regular"}.disconnectSubTitle.isRevokeConsent strong{color:#000001}.disconnectBank .cardBlue{background:#f3f5fd;color:#384150;font-family:"Avenir-Roman";font-size:1rem;padding:13px}[dir=rtl] .disconnectBank .cardBlue{font-family:"Almarai-Light"}@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 p{display:flex;margin-bottom:15px;color:#8994a5;line-height:20px;font-family:"Avenir-Roman";font-size:.875rem}[dir=rtl] .disconnectBank .cardBlue p{font-family:"Almarai-Light"}@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;margin-right:10px;color:#eb3223;margin-top:4px}@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.icon-down-arrow{margin:0px;font-size:1rem;color:#384150;transition:.5s;transform:rotate(180deg);position:relative;top:0px}@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.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";border-bottom:1px solid #5090f8;color:#5090f8}[dir=rtl] .disconnectBank .termsTxt span{font-family:"Almarai-Regular"}.disconnectTxt{padding:15px;font-size:1rem;color:#697383;font-family:"Avenir-Roman";line-height:20px}@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}}[dir=rtl] .disconnectTxt{font-family:"Almarai-Light"}.disconnectComplete h5{font-size:1.875rem;font-family:"Avenir-Heavy";margin:15px 0}@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}}[dir=rtl] .disconnectComplete h5{font-family:"Almarai-Bold"}.disconnectBody{width:85%;margin:45px auto;font-family:"Avenir-Medium";font-size:.875rem;color:#384150}[dir=rtl] .disconnectBody{font-family:"Almarai-Regular"}@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 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";font-size:.875rem;color:#384150;padding:12px;border-bottom:1px solid #dbe1e9}[dir=rtl] .disconnectBody .isDisconnectedAccounts .accNum{font-family:"Almarai-Light"}@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:last-child{border-bottom:none}.disconnectFooter .InfoButtonStyles{width:100%;font-family:"Avenir-Medium";font-size:1rem}[dir=rtl] .disconnectFooter .InfoButtonStyles{font-family:"Almarai-Regular"}@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;font-family:"Avenir-Medium";line-height:20px;margin:0px 0 18px 0px;display:block}@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}}[dir=rtl] .popup-content .openBankPayment .modalBody span{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Medium"}@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}}[dir=rtl] .openBankingStatus span{font-family:"Almarai-Regular"}.openBankingStatus span.progressMsg{font-size:1.25rem;color:#62bd69}@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}}.manageInfo{display:flex;align-items:center}.manageInfo span{color:#5090f8;font-size:1.125rem;font-family:"Avenir-Medium";cursor:pointer}@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}}[dir=rtl] .manageInfo span{font-family:"Almarai-Regular"}.manageInfo i{color:#5090f8;font-size:1.25rem;margin-left:8px;display:inline-block}@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}}.dateInfo{margin-top:15px}.dateInfo>span:first-child{margin-right:2rem}.dateInfo span{color:#8994a5;font-size:1rem;font-family:"Avenir-Medium"}@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}}[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";bottom:32px;line-height:initial}[dir=rtl] .manageInfo .transcationTooltip .bottom.top{font-family:"Almarai-Light"}.manageInfo .transcationTooltip .bottom.top span{font-size:1rem;display:block;color:#fff}@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 small{font-size:.75rem;color:#c4c9d2;line-height:16px;display:block;margin-top:10px}@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::before{content:"";font-family:"icomoon" !important;font-size:1rem;color:#384150;position:absolute;top:auto;border:none;left:auto;right:40px;bottom:4px}@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::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;color:#384150;font-family:"Avenir-Heavy"}@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}}[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;font-family:"Avenir-Roman";border-radius:4px;border:1px solid #dbe1e9;margin-bottom:15px}@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}}[dir=rtl] .openBankingName .formField{font-family:"Almarai-Light"}.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;color:#000001;font-family:"Avenir-Heavy";margin-bottom:1.5rem}@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}}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h5.title{font-family:"Almarai-Bold"}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h6.title{font-size:1rem;color:#000001;font-family:"Avenir-Medium";margin-top:1.5rem;margin-bottom:1.5rem}@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}}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent h6.title{font-family:"Almarai-Regular"}.transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .privacyInfo{font-family:"Avenir-Roman";font-size:.875rem;color:#8994a5;line-height:initial}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .privacyInfo{font-family:"Almarai-Light"}@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 .listOfDataPrivacy>ul li{font-family:"Avenir-Medium";font-size:.875rem;color:#384150;margin-bottom:10px}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li{font-family:"Almarai-Regular"}@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>ul li{font-family:"Avenir-Roman";font-size:.875rem;color:#8994a5;margin-bottom:10px;margin-left:20px}[dir=rtl] .transactionDetails.isPrivacyTermsPopup .isDataPrivacyTermsBody .isDataPrivacyTerms .dataPrivaryContent .listOfDataPrivacy>ul li>ul li{font-family:"Almarai-Light"}@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: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;font-family:"Avenir-Heavy";color:#000001;margin-top:30px}@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}}[dir=rtl] .attentionPop h3{font-family:"Almarai-Bold"}.attentionPop i{color:#bfc7d0;font-size:6.25rem;margin-top:30px;display:inline-block}@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}}.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}
.errorWhitePanel{background-color:#fff;padding:45px 0;min-height:100vh}.errorBoundmessage{text-align:center;margin:200px auto 0;line-height:1.4;padding:20px;max-width:308px}.errorBoundmessage .errorBoundMsgText{font-size:1.125rem;color:#dbe1e9;font-family:"Avenir-Roman"}@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}}[dir=rtl] .errorBoundmessage .errorBoundMsgText{font-family:"Almarai-Light"}
.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip:hover .tooltipContent,.tooltip:hover .transcationTooltip{visibility:visible;opacity:1}.tooltipTitle{font-size:.75rem;background-color:#5090f8;color:#fff;border-radius:2px;position:absolute;top:-16px;font-family:"Avenir-Medium";text-align:center;line-height:normal;min-height:16px;display:flex;min-width:16px;justify-content:center;align-items:center;padding:3px 2px 2px}@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}}[dir=rtl] .tooltipTitle{font-family:"Almarai-Regular"}.link{color:#5090f8;text-decoration:underline}.actionSection{text-align:center;font-size:1.25rem;color:#5090f8}@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}}.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";max-width:166px;padding:3px 10px;width:166px;margin-left:-125px;margin-top:13px;text-align:left;z-index:2}[dir=rtl] .transcationTooltip .bottom{font-family:"Almarai-Light"}.transcationTooltip .bottom li{font-size:.875rem;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}@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: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);border-bottom:9px solid #384150;left:76%;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}.transcationTooltip ul>li>span{color:#bfc7d0;font-size:1.25rem;position:absolute;top:12px;left:5px}@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:hover .bottom{display:block}.transcationTooltip ul>li>span.green{color:#62bd69}.transcationTooltip ul>li>span.red,.color-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}}.iconRadius{border:1px solid #bfc7d0;border-radius:50%}.transcationsTooltip{display:none}
.roleBasedContainer .isNotifies{padding-top:45px;padding-bottom:32px}.NotificationFleid{align-items:center;border-top:1px solid #dbe1e9;padding:16px 0}.NotificationFleid .notifySubTitle{color:#384150;font-size:1.125rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .NotificationFleid .notifySubTitle{font-family:"Almarai-Regular"}.NotificationFleid .notificationTxt{color:#8994a5;font-size:1rem;font-family:"Avenir-Roman";margin-top:14px}@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}}[dir=rtl] .NotificationFleid .notificationTxt{font-family:"Almarai-Light"}.NotificationFleid .notifyBtn{color:#5090f8;font-size:.875rem;font-family:"Avenir-Medium";cursor:pointer}@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}}[dir=rtl] .NotificationFleid .notifyBtn{font-family:"Almarai-Regular"}.NotificationFleid:last-child{border-bottom:1px solid #dbe1e9}.NotificationFleid .notifyBlocks{flex:.6}.NotificationFleid.subField:not(:first-child){border-top:1px solid #dbe1e9;padding-top:16px;margin-top:0}.NotificationFleid.subField{border-top:0;padding-top:0;position:relative;margin-left:20px;margin-top:20px}.NotificationFleid.subField .notifySubTitle{font-family:"Avenir-Roman";font-size:1rem}[dir=rtl] .NotificationFleid.subField .notifySubTitle{font-family:"Almarai-Light"}@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;line-height:1.3}@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}}.notifySelect{width:145px;max-width:145px}.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";font-size:.875rem;text-transform:uppercase;cursor:pointer}[dir=rtl] .reviewCheckBoxes .notifyCheck label{font-family:"Almarai-Regular"}@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 input{margin-right:0;margin-top:6px}.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";font-size:.875rem;border:1px solid #5090f8;border-left:0}[dir=rtl] .addEmailToNotify button.alignBottom{font-family:"Almarai-Bold"}@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}}.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;padding-left:6px}@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}}.notifyBordernone .NotificationFleid:last-child{border-bottom:none}.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}.notificationSwitch{padding-right:10px}.groupCompanyUser .isCompanyDropdownBlock{width:35%}.groupCompanyUser .isCompanyDropdownBlock .WorkLabel{display:block}.groupCompanyUser .editSubTitle{line-height:initial}.groupCompanyUser .notificationTitle{width:50%}
.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;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .customReactTable .tableHead .table-tr .table-th{font-family:"Almarai-Regular"}.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.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;font-family:"Avenir-Medium";min-height:34px}@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}}[dir=rtl] .customReactTable .tableHead.filters .table-tr .table-th .table-input{font-family:"Almarai-Regular"}.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}.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;font-family:"Avenir-Roman";line-height:initial}@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}}[dir=rtl] .customReactTable .tableBody .table-tr .table-td{font-family:"Almarai-Light"}.customReactTable .tableBody .table-tr .table-td .icon-Payment-arrow-divider{font-size:.625rem;color:#dbe1e9}@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 .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;font-family:"Avenir-Medium"}@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}}[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}.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";font-size:1.25rem;color:#384150;margin-top:1.5rem}[dir=rtl] .noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .enjoyYourDay{font-family:"Almarai-Bold"}@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 .noAppvlsNeeded{font-family:"Avenir-Medium";font-size:1.125rem;color:#8994a5;margin-top:1rem}[dir=rtl] .noPaymentApprovals .noPayAppvlsClmnFlex .noWrapText .noAppvlsNeeded{font-family:"Almarai-Regular"}@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 .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";font-size:1.0625rem;color:#384150;padding-bottom:6px}[dir=rtl] .noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .enjoyYourDay{font-family:"Almarai-Bold"}@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 .noAppvlsNeeded{font-family:"Avenir-Medium";font-size:1rem;color:#8994a5;padding-top:6px}[dir=rtl] .noPaymentApprovals .noPayAppvlsRowFlex .noWrapText .noAppvlsNeeded{font-family:"Almarai-Regular"}@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}}.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}
.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";padding:3px 10px;margin-left:-70px;margin-top:13px;text-align:left;z-index:9}[dir=rtl] .dataTooltip .bottom{font-family:"Almarai-Light"}.dataTooltip .bottom li{font-size:.875rem;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}@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: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 ul>li>span{color:#bfc7d0;font-size:1.25rem;position:absolute;top:13px;left:5px}@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:hover .bottom{display:block}.audit .auditSubTitle{font-size:1.125rem;font-family:"Avenir-Roman";color:#8994a5}@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}}[dir=rtl] .audit .auditSubTitle{font-family:"Almarai-Light"}.audit .auditTabs>div{margin-right:15px}.audit .auditTabs>div:last-child{margin-right:0}.audit .auditTabs>div>label{font-family:"Avenir-Roman";color:#000001;font-size:1rem;margin-bottom:11px;display:block}[dir=rtl] .audit .auditTabs>div>label{font-family:"Almarai-Light"}@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 .dateWidth{max-width:210px;width:100%}.audit .auditTabs .roleWidth{max-width:151px;width:100%}.audit .auditTabs .usersWidth{max-width:217px;width:100%}.audit .auditTabs .typesWidth{max-width:107px;width:100%}.audit .auditTabs .activityWidth{max-width:176px;width:100%}.audit .auditTabs .searchBtn .btn{background-color:#eb8b2d;padding:.763rem 2rem;font-size:1.125rem;margin-top:26px}@media screen and (max-width: 1440px){.audit .auditTabs .searchBtn .btn{font-size:1.0625rem}}@media screen and (max-width: 1280px){.audit .auditTabs .searchBtn .btn{font-size:1rem}}@media screen and (max-width: 1025px){.audit .auditTabs .searchBtn .btn{font-size:.9375rem}}.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}.mailText{margin:0 auto;margin-top:.5rem;font-family:"Avenir-Medium";font-size:.875rem;color:#384150}[dir=rtl] .mailText{font-family:"Almarai-Regular"}@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}}.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}.successNFailLogs{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.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}.alignLogs{align-items:center}.alignLogs>div{padding-right:20px}.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"}.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}.successLogs{font-size:1rem;color:#384150;font-family:"Avenir-Medium";margin-bottom:6px}@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}}[dir=rtl] .successLogs{font-family:"Almarai-Regular"}.successNums{font-size:1.25rem;color:#62bd69;font-family:"Avenir-Heavy";margin-top:6px}@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}}[dir=rtl] .successNums{font-family:"Almarai-Bold"}.failedNums{font-size:1.25rem;color:#eb3223;font-family:"Avenir-Heavy";margin-top:6px}@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}}[dir=rtl] .failedNums{font-family:"Almarai-Bold"}.iconSuccessHand:before{margin:auto;background:#d0ebd2;padding:12px 14px;border-radius:50%;font-size:1.25rem;color:#62bd69}@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}}.iconFailed:before{margin:auto;background:#f9c2bd;padding:12px 12px;border-radius:50%;font-size:1.25rem;color:#eb3223}@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}}.rightPanel.bodyContainer.rightSideBlockWidth{width:80%;max-width:100%}.activityLogsDateNTime{width:15%}.activityLogsUsers{width:15%}.activityLogsIp{width:15%}.activityLogsDesc{width:25%}.activityLogsSource{width:25%}.activityLogsActions{width:5%}.auditDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.activityLogsDateNTime{padding-left:25px}.auditDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.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";color:#000001}[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 .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}.auditDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityLogsActions{padding-right:25px}
.userIdWidth{width:74%}.userIdWidth.companyLogoFlex{flex:.5}.tagOptional{color:#8994a5}.corporateUser .errorMessage{margin-left:0 !important}.callBackBlock .formField{padding:9px 13px;color:#384150;font-size:.875rem;font-family:"Avenir-Roman";border:1px solid #dbe1e9;border-radius:4px;width:100%}@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}}[dir=rtl] .callBackBlock .formField{font-family:"Almarai-Light"}.addUrl{line-height:initial}.erpService{border:1px solid #dbe1e9;padding:6px;border-radius:3px}.erpActive{border:1px solid #5090f8}.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;color:#384150;width:50%}@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::before{content:"◦";color:#8994a5;margin-left:-1rem;font-size:1.75rem;position:absolute;line-height:1}@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}}.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;transition:.3s;cursor:pointer}@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:hover{color:#5090f8;transition:.3s}.sdkCompanyInfo{flex:.75}.sdkCompanyInfo .w-45{width:48%}.sdkCompanyInfo .sdkCompanyInfoBtn{width:405px;display:flex;flex-direction:column}.companyInfoSDK{flex:.6}.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}.signInShimmer .tagLoader{width:220px}.signInShimmer .tagLoader.smallLoader{width:120px}
.wrapper{display:flex;font-family:"Avenir-Roman";margin-top:30px}[dir=rtl] .wrapper{font-family:"Almarai-Light"}.displayContent.isVirtualCloseBtn{display:block;position:absolute;top:35px;right:0}.mfaSwitches .resendReset{color:#5090f8;font-size:1rem;font-family:"Avenir-Medium";padding-right:35px;cursor:pointer}@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}}[dir=rtl] .mfaSwitches .resendReset{font-family:"Almarai-Regular"}.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%}@-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)}}.dataPrivacyContent{display:flex;justify-content:space-between;padding:24px 31px 24px 44px}.dataPrivacyContent>span:first-child{font-family:"Avenir-Heavy";color:#000001}[dir=rtl] .dataPrivacyContent>span:first-child{font-family:"Almarai-Bold"}.dataPrivacyContent>span{color:#384150;font-family:"Avenir-Roman";font-size:1rem}[dir=rtl] .dataPrivacyContent>span{font-family:"Almarai-Light"}@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}.content{width:900px;height:auto;background-color:#fff}#companyInfo,#signInSecurity,#signInSecurity2,#workflowManagement,#bankAccounts,#roleManagement,#accountActivity,#userManagement,#communications,#dataPrivacy,#signIn,#company,#communication{height:auto}.selectClass{width:20em;height:30px;border:solid 1px #dbe1e9;margin-top:10px}ol{list-style:none;display:flex;align-items:center}.breadcrumb-separator{color:#384150;margin:auto 6px;user-select:none}a{text-decoration:none;font-weight:400;color:#384150}.successMessage{color:#62bd69;font-size:1rem;font-family:"Avenir-Medium";margin-left:400px}@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}}[dir=rtl] .successMessage{font-family:"Almarai-Regular"}.breadCrumb{border:solid 1px #2a345e;width:100%;padding:0px}.breadcrumb-separator:before{font-size:.625rem;margin:0 4px}@media screen and (max-width: 1280px){.breadcrumb-separator:before{font-size:.5625rem}}button.link,.closeBtn,.editBtn,.addMoreAcc{background:none !important;border:none;padding:0;font-family:"Avenir-Roman";color:#395293;text-decoration:underline;cursor:pointer}[dir=rtl] button.link,[dir=rtl] .closeBtn,[dir=rtl] .editBtn,[dir=rtl] .addMoreAcc{font-family:"Almarai-Light"}.editBtn.allUserPrflColor{color:#5090f8}.closeBtn{padding:2rem}.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}.baseSupportUrl label:first-child{margin-right:18px}.corporate-workflowManagement .workFlowManagement .brdrTop .superAdminWrkFlow{margin:20px 40px}.isFlex .workFlowManagement .workFlowHeader .alignWrkFlwLimit{flex:.4}.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}.tableDataTitle{font-size:.875rem;color:#384150;font-family:"Avenir-Heavy";padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@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}}[dir=rtl] .tableDataTitle{font-family:"Almarai-Bold"}.tableDataSubTitle{font-size:.875rem;color:#8994a5;font-family:"Avenir-Roman";padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@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}}[dir=rtl] .tableDataSubTitle{font-family:"Almarai-Light"}.isUserState .tableDataSubTitleDate{overflow:initial}.isUserState .tableDataSubTitleDate .icon-Info-icon{position:relative;color:#5090f8;margin-left:6px;font-size:1rem;cursor:pointer}@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: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;color:#f3f5fd}@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 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)}.tableMoreBanks{font-size:.75rem;color:#8994a5;font-family:"Avenir-Medium"}@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}}[dir=rtl] .tableMoreBanks{font-family:"Almarai-Regular"}.bankImgThumbNail{padding-right:8px}.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;color:#5090f8}@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-]:hover{opacity:.8}.corporate-signInSecurity .formControl.paymentDesignation{border-bottom:0}.addEditProfile .formControl.sdkAddAccount{padding:0 0 14px 0;border:0}.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}}.demoBankDesc.allUserLabelWdth{flex:none;width:25%}.demoBankDesc.allUserLabelWdth.redirectURL{width:20%}.sdkTokenWidth.userIdWidth{flex:.75}
.ProgressBar{width:300px;margin:10px}.CompletenessList{margin:20px}.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";font-size:.875rem}[dir=rtl] .isBenMasterTable .userMangmntTbl tbody tr td .isDefault span,[dir=rtl] .isBenMasterTable .roleMangmntTbl tbody tr td .isDefault span{font-family:"Almarai-Regular"}@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";font-size:1rem}[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"}@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}.SummaryList,.COMPLETENESS{width:127px;height:22px;font-family:"Avenir-Roman";font-size:1rem;font-weight:900;color:#8994a5;margin:20px}[dir=rtl] .SummaryList,[dir=rtl] .COMPLETENESS{font-family:"Almarai-Light"}@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}}.hr{height:2px;border:1px solid #dbe1e9}.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";font-size:1rem;color:#384150;flex:none;padding-right:10px}[dir=rtl] .company-work .isCorporateGroupUser .allUserLabelWdth{font-family:"Almarai-Bold"}@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 .selectOptionFont{flex:.8}.company-work .isCorporateNavAdmin{width:50%}.company-work .isCorporateNavAdmin .allUserLabelWdth{font-family:"Avenir-Heavy";font-size:1rem;color:#384150;flex:none;padding-right:10px}[dir=rtl] .company-work .isCorporateNavAdmin .allUserLabelWdth{font-family:"Almarai-Bold"}@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 .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 .mainWorkFlowChkBox{flex:.5}.roleBasedMainContainer .roleBasedContainer .userManagement.company-work{align-items:initial;border-bottom:none}.roleBasedMainContainer .roleBasedContainer .company-work .WorkLabel .createBtn,.roleBasedMainContainer .roleBasedContainer .roleManagement .company-work .createBtn{top:55px}.roleBasedContainer .flex{justify-content:space-between}.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}.roleBasedContainer .reviewers.roleBaseReviewers{flex:.55}.roleBasedContainer .reviewers{flex:.65}.roleBasedContainer .workFlowManagement,.roleBasedContainer .roleManagement,.roleBasedContainer .userManagement.p-02{width:100%}.roleBasedContainer .workFlowManagement .brdrTop.p-02{padding:0}.roleBasedContainer .formControl.p-02,.roleBasedContainer .approvalTable.workFlowHeader.p-02{padding:0}.roleBasedContainer .roleBasedFlex,.roleBasedContainer .roleManagement.p-02,.roleBasedContainer .userManagement.p-02,.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}.roleBasedContainer .roleBasedFlex.isDualAdminBased{padding-left:0;padding-right:0}.roleBasedContainer .roleBasedFlex.isDualAdminBased .formControl.p-02{padding-left:32px;padding-right:32px}.roleBasedContainer .roleBasedFlex.isDualAdminBased .company-work{padding-left:32px;padding-right:32px;border-top:0}.roleBasedContainer .roleBasedFlex.isDualAdminBased .isWorkFlowContainer{border-top:1px solid #dbe1e9}.roleBasedContainer .roleBasedFlex.isDualAdminBased .isWorkFlowContainer .approvalTable.workFlowHeader{padding-left:32px;padding-right:32px}.roleBasedContainer .roleBasedFlex.isDualAdminBased .alluserBtnRgt.workFlowBtnAlign{padding-left:32px;padding-right:32px}.roleBasedContainer .roleBasedFlex.isDualAdminBased .workFlowManagement form>.isWorkFlowContainer{border-top:4px solid #dbe1e9}.roleBasedContainer .roleBasedFlex.isDualAdminBased .workFlowManagement form>.isWorkFlowContainer:first-child{border-top:1px solid #dbe1e9}.roleBasedContainer .roleBasedSettings .allBankAccounts .isFlex.spacing .mt-3{margin-top:0}
.portraitContainer{background:#dbe1e9;min-height:100vh}.logoContainer{max-width:501px;margin:0 auto;text-align:center;padding-top:200px}.rotateTitle{color:#000001;font-size:1.875rem;font-family:"Avenir-Heavy";text-align:center;padding-top:65px;padding-bottom:35px}@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}}[dir=rtl] .rotateTitle{font-family:"Almarai-Bold"}.weDntSupport{color:#384150;font-size:1.25rem;font-family:"Avenir-Roman";text-align:center;line-height:1.4}@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}}[dir=rtl] .weDntSupport{font-family:"Almarai-Light"}
.whitePanel.isRegistrationContainer{background-color:#f3f5fd;min-height:100vh}.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";color:#000001;font-size:1.5rem}[dir=rtl] .whitePanel.isRegistrationContainer .isOpenBankingRegistration .openBankPermission .openBankImg h3{font-family:"Almarai-Bold"}@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;color:#8994a5;line-height:initial}@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 .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";color:#8994a5;font-size:.875rem;line-height:initial}[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"}@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: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 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 .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";color:#384150}[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 .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";color:#8994a5;font-size:.875rem}[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isWithCrTxt,[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .withOurCr{font-family:"Almarai-Light"}@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";color:#384150;font-size:1rem}[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyName{font-family:"Almarai-Bold"}@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;color:#000001;margin:28px 0 11px;font-family:"Avenir-Heavy"}@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}}[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}.whitePanel.isRegistrationContainer .stepsToStart{width:15%}.whitePanel.isRegistrationContainer .stepsToStart h3.title{font-family:"Avenir-Heavy";color:#384150;font-size:.875rem;margin-bottom:16px;line-height:initial}[dir=rtl] .whitePanel.isRegistrationContainer .stepsToStart h3.title{font-family:"Almarai-Bold"}@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 .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;color:#8994a5;line-height:initial;padding-left:20px;flex:1}@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: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;line-height:16px;padding-left:10px;flex:1}@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: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;color:#8994a5;line-height:initial;padding-left:20px}@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 .icon-sv-security{font-size:2.375rem;color:#8994a5}@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.nafathSteps .isStepsList .stepsList{align-items:flex-start}.whitePanel.isRegistrationContainer .stepsToStart.nafathSteps .isStepsList .stepsList span:first-child{position:relative;top:2px}.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;color:#8994a5;margin-right:10px}@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:last-child{flex:1}.isAccountTypeSec .isAccountType .isIcon span:last-child span:first-child{font-family:"Avenir-Heavy";color:#000001;font-size:1rem}[dir=rtl] .isAccountTypeSec .isAccountType .isIcon span:last-child span:first-child{font-family:"Almarai-Bold"}@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";color:#8994a5;font-size:.875rem}[dir=rtl] .isAccountTypeSec .isAccountType .isIcon span:last-child span:last-child{font-family:"Almarai-Regular"}@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";font-size:1rem;color:#384150}[dir=rtl] .isUpcomginBanksInfo h4.title{font-family:"Almarai-Bold"}@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 .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";font-size:1rem;color:#000001;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankName{font-family:"Almarai-Bold"}@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 .availableStatus{font-size:.875rem;color:#8994a5}@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 .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;font-family:"Avenir-Medium";color:#384150;margin-bottom:2px;display:block;line-height:20px}@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}}[dir=rtl] .ClinkedTxt span{font-family:"Almarai-Regular"}.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";font-size:.75rem;color:#8994a5;line-height:initial;text-align:left;margin-top:-5px}[dir=rtl] .isDeviceTrust input[type=checkbox]+label{font-family:"Almarai-Light"}@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 span{font-family:"Avenir-Heavy";font-size:.875rem;color:#384150}[dir=rtl] .isDeviceTrust input[type=checkbox]+label span{font-family:"Almarai-Bold"}@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]{padding:10px}
: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-vertical>.swiper-wrapper{flex-direction:column}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.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-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d{perspective:1200px}.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-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,.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-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-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.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.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:after{content:"prev"}.swiper-button-next:after{content:"next"}.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-lock{display:none}
.swiper{width:100%;height:100%}.swiper-slide{text-align:center;max-width:220px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items: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:0 0 15px 0;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;font-family:"Avenir-Roman";margin-right:13px;margin-top:15px;min-width:220px;height:65px;width:220px;border-radius:4px}[dir=rtl] .transactionOverview{font-family:"Almarai-Light"}.transactionOverview.viewMoreLess{max-width:80px;justify-content:center;cursor:pointer;text-align:center}.transactionOverview.viewMoreLess>.label{color:#5090f8;font-family:"Avenir-Roman";font-size:1rem;text-transform:initial;margin-bottom:0;line-height:normal}[dir=rtl] .transactionOverview.viewMoreLess>.label{font-family:"Almarai-Light"}@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.fullBox{flex:1;margin-right:0;width:auto;max-width:340px}.transactionOverview .label{color:#8994a5;text-transform:uppercase;line-height:normal}.transactionOverview .amount{font-family:"Avenir-Medium";font-size:1.375rem}[dir=rtl] .transactionOverview .amount{font-family:"Almarai-Regular"}@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}.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;cursor:pointer;pointer-events:all}@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.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}}
.transactionOverview{align-items:flex-start;align-content:flex-start;text-align:left}.transactionOverview .benBoxFilter{align-items:flex-start}.transactionOverview .benBoxFilter .label{display:flex;font-size:.75rem;text-align:left}@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 .payBankNameTruncate{max-width:104px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;margin-right:2px}.transactionOverview .benBoxFilter .totalItems{text-align:left;font-size:.875rem;width:100%}@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 .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 .boxBankFlex{display:flex;align-items:center}.transactionOverview .benBoxFilter .boxBankFlex .bankNameCount{margin-left:8px}.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;font-family:"Avenir-Roman";padding-left:3px}@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}}[dir=rtl] .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .banksCount{font-family:"Almarai-Light"}.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;font-family:"Avenir-Roman";padding-left:3px}@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}}[dir=rtl] .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .banksCount{font-family:"Almarai-Light"}.transactionOverview .benBoxFilter .boxBankFlex .icon-local,.transactionOverview .benBoxFilter .boxBankFlex .icon-international{color:#8994a5;font-size:2.5rem;padding-right:5px}@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.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount{margin-left:0}.transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount .label{color:#5090f8;font-family:"Avenir-Roman";font-size:1rem;text-transform:initial;margin-bottom:0;line-height:normal;white-space:normal;overflow:inherit;display:inline-flex;text-align:center}[dir=rtl] .transactionOverview.viewMoreLess .benBoxFilter .boxBankFlex .bankNameCount .label{font-family:"Almarai-Light"}@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.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}}.benBoxFilter{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.benBoxFilter .totalItems{height:auto;padding-top:6px}.bankTransparent{position:absolute;right:0;width:112px;height:112px;background-image:linear-gradient(to left, #ffffff 40%, transparent)}
.transactions .subTitle.loaderPad{padding-top:12px}.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{right:14px;top:63px;max-width:180px;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 .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 .customReactTable .icon-left-arrow{padding-left:15px;padding-right:15px;font-size:1.25rem;color:#384150}@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.iconRotate-right{transform:rotate(180deg);padding-left:15px;padding-right:15px}.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 .txnTableDate.loadingAlign{width:19%}.efmTxn.name-select.editCategorySelect__menu .editCategorySelect__group{padding:0}.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}.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}}.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}.categoryIcon{margin-right:6px}.dropDownTitle{color:#5090f8;background-color:rgba(56,65,80,.8);padding:10px;text-align:center}.efmTxn.editCategorySelect__group-heading{font-family:"Avenir-Heavy";font-size:.875rem;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}[dir=rtl] .efmTxn.editCategorySelect__group-heading{font-family:"Almarai-Bold"}@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::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}.transactionDetails .mainDetails .detailsRow .efmTxn .groupName{color:#fff}.transactionDetails .mainDetails .detailsRow span.amounFontHeavy{font-family:"Avenir-Heavy"}[dir=rtl] .transactionDetails .mainDetails .detailsRow span.amounFontHeavy{font-family:"Almarai-Bold"}.efmTxn.editCategorySelect__option--is-disabled{background-color:#bfc7d0}.efmTxn.editCategorySelect__option--is-disabled:hover{background-color:#bfc7d0}.efmTxn.name-select.editCategorySelect__option[class*=css-][class*=-option]{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;padding-left:26px}.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.editCategorySelect__placeholder{margin-right:10px;margin-left:10px}.efmTxn [class^=icon-]{margin-right:5px}.arabicTxtRight .formControl .isInputField{text-align:right}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}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}input[type=search]{-moz-appearance:none;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}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}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}figure{margin:0}form{margin:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}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}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;margin-right:.5rem}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}fieldset{border:0;margin:0;padding:0}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}*{box-sizing:border-box}@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;background-color:#fff;color:#000001;font-family:"Avenir-Medium"}@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}}[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}.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";font-size:2rem}[dir=rtl] h1.mainTitle{font-family:"Almarai-Bold"}@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";font-size:1rem;display:block;padding-top:1.3rem;color:#8994a5;text-transform:none}[dir=rtl] h1.mainTitle>span{font-family:"Almarai-Light"}@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}}.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;line-height:1.5;padding-top:5px}@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}}.formControl{margin-bottom:1rem;position:relative}.formControl>label{display:block;color:#384150;line-height:1.5;padding-bottom:.4rem;padding-top:0rem}.formControl>.formField{border:1px solid #dbe1e9;padding:.813rem;border-radius:.25rem;min-height:2.5rem;font-family:"Avenir-Roman";width:100%;color:#384150}.formControl>.formField:focus{border-color:rgba(219,225,233,.7)}.formControl .errorMessage{color:#eb3223;font-size:.75rem;line-height:1.5;padding-top:5px}@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 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;left:10px;top:11px;padding:0 4px;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;cursor:text;font-size:1rem;font-family:"Avenir-Roman";color:#8994a5}@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}}[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;box-shadow:none;padding:.813rem;cursor:text}@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:focus~label[for],.formControl .inputFieldHover:focus-within~label[for],.formControl .inputFieldHover:-webkit-autofill~label[for],.formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover: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) textarea:not(:focus)~label[for]{top:-0.45rem;font-size:.75rem;background-color:#fff;left:.6rem;color:#8994a5;font-family:"Avenir-Roman"}@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).inputFieldHover: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) textarea: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).inputFieldHover: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) textarea: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).inputFieldHover: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) textarea:not(:focus)~label[for]{font-size:.5625rem}}[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).inputFieldHover: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) textarea:not(:focus)~label[for]{font-family:"Almarai-Light"}.formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus),.formControl textarea:not(:placeholder-shown) textarea:not(:focus){color:#384150;font-size:1rem;font-family:"Avenir-Roman"}@media screen and (max-width: 1440px){.formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus),.formControl textarea:not(:placeholder-shown) textarea:not(:focus){font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus),.formControl textarea:not(:placeholder-shown) textarea:not(:focus){font-size:.875rem}}@media screen and (max-width: 1025px){.formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus),.formControl textarea:not(:placeholder-shown) textarea:not(:focus){font-size:.8125rem}}[dir=rtl] .formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus),[dir=rtl] .formControl textarea:not(:placeholder-shown) textarea: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{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;position:relative}.inpGroup>.inpGroupPrepend{position:relative;background-color:#fff;border:1px solid #dbe1e9;border-right:0;border-radius:4px 0 0 4px;color:#8994a5;padding:.8rem 0 0 .8rem;margin-right:-0.25rem;z-index:1}.inpGroup>.inpBlock{flex:1 1 auto;width:1%;position:relative}.inpGroup>.inpBlock .formField{border:1px solid #dbe1e9;padding:.813rem;border-radius:.25rem;min-height:2.5rem;font-family:"Avenir-Roman";width:100%;padding:.7rem;padding-right:2rem;border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.inpGroup>.inpBlock .clearBtn{position:absolute;right:.7rem;top:.7rem;font-size:1.125rem;color:#eb3223}@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{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;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:hover{background-color:rgba(235,139,45,.8)}.searchBtn .btn{min-height:35px}.searchBox .inpGroupAppend .btn{min-height:35px}.primaryButtonStyles{font-size:1rem;background-color:#eb8b2d;color:#fff}@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{font-size:1rem;background-color:#fff;color:#5090f8;border:1px solid #5090f8}@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{color:#fff;font-family:"Avenir-Heavy";font-size:1rem;background-color:#eb8b2d}[dir=rtl] .SearchButtonStyles{font-family:"Almarai-Bold"}@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{font-family:"Avenir-Heavy";font-size:.875rem;color:#384150}[dir=rtl] .StyledlabelStyles{font-family:"Almarai-Bold"}@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{color:#fff;background-color:#62bd69;font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .ApprovalButtonStyles{font-family:"Almarai-Bold"}@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{color:#fff;background-color:#eb3223;font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .RejectButtonStyles{font-family:"Almarai-Bold"}@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{color:#fff;background-color:#5090f8;font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .InfoButtonStyles{font-family:"Almarai-Bold"}@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}}.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-radius:.25rem;background-color:#fff;border:1px solid #dbe1e9;cursor:pointer}.checkBox .checkText::after,.checkBox .checkTXtBlue::after{content:"";position:absolute;left:.5rem;right:.5rem;width:0;height:0;border-radius:.25rem;border:solid #2a345e;border-width:0 .2rem .2rem 0;opacity:1;-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{-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);border-radius:0;border:solid #62bd69;border-width:0 .1rem .1rem 0;background-color:rgba(0,0,0,0);opacity:1;left:.45rem;top:.1rem;width:.4rem;height:.7rem}.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{-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);border-radius:0;border:solid #5090f8;border-width:0 .1rem .1rem 0;background-color:rgba(0,0,0,0);opacity:1;left:.45rem;top:.1rem;width:.4rem;height:.7rem}.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{border-radius:.5rem;border:0 !important;padding:0 !important}.popup-content .modalHeader{font-size:1.5rem;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .popup-content .modalHeader{font-family:"Almarai-Bold"}.popup-content .modalHeader .closeBtn{cursor:pointer;font-size:1.5rem;color:#8994a5;text-decoration:none}@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;font-family:"Avenir-Roman";margin-top:-5px}@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}}[dir=rtl] .checkedModule{font-family:"Almarai-Light"}.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;color:#8994a5;z-index:2;top:14px}@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--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;color:#8994a5;z-index:2;top:13px;transform:rotate(180deg) scale(1)}@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}}.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;font-family:"Avenir-Roman"}@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}}[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;font-family:"Avenir-Heavy";color:#384150}@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}}[dir=rtl] .errorMsgTitle{font-family:"Almarai-Bold"}.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;font-family:"Avenir-Roman"}@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}}[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;font-family:"Avenir-Roman"}@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}}[dir=rtl] .logoMsg{font-family:"Almarai-Light"}.romanFontClrCrGrey{font-size:1rem;font-family:"Avenir-Roman";color:#384150}@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}}[dir=rtl] .romanFontClrCrGrey{font-family:"Almarai-Light"}.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;color:#384150;font-family:"Avenir-Medium"}@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}}[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;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .title{font-family:"Almarai-Bold"}.subTitle{padding:1.5rem 0;color:#384150;font-size:1.125rem;font-family:"Avenir-Roman"}@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}}[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{justify-content:flex-end;flex:.7}.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;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .editTitle{font-family:"Almarai-Bold"}.editSubTitle,.softBlueColor,.mediumblueyGrey,.mediumSoftBlue{color:#8994a5;font-family:"Avenir-Roman";font-size:1rem}[dir=rtl] .editSubTitle,[dir=rtl] .softBlueColor,[dir=rtl] .mediumblueyGrey,[dir=rtl] .mediumSoftBlue{font-family:"Almarai-Light"}@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;font-family:"Avenir-Medium";color:#384150}@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}}[dir=rtl] .greyMediumFont,[dir=rtl] .greyHeavyFont{font-family:"Almarai-Regular"}.clearActive{font-size:.875rem;font-family:"Avenir-Roman";color:#5090f8;line-height:initial}@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}}[dir=rtl] .clearActive{font-family:"Almarai-Light"}.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";font-size:1.25rem;color:#395293;border-bottom:1px solid #dbe1e9;padding-bottom:14px;margin-bottom:10px}[dir=rtl] li.sideNavBarTitle{font-family:"Almarai-Bold"}@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 .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;font-family:"Avenir-Roman";line-height:initial}@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}}[dir=rtl] .invalidValues{font-family:"Almarai-Light"}.sliderPopupBody.isWorkFlowNotDefinedHeight{height:calc(100vh - 182px)}.sliderPopupBody.isOpenBankingPopup{height:calc(100vh - 223px)}.sliderPopupBody{height:calc(100vh - 147px);overflow:auto;max-height:100%}.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%}.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;text-transform:lowercase}@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::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}}.searchFeildLoader:empty{height:70px;width:100%;max-width:400px;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}.showTransactionsLoader:empty{height:70px;width:100%;max-width:196px;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}}.ar.Cursor{font-family:"Almarai-Bold"}.positionStatic{position:static !important}.positionRelative{position:relative !important}.roleAssignedUserExist{color:#8994a5;padding-top:5px}.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}}.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}}.rightPanel{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;position:relative;width:100%}.mainContent:before,.rightPanel:before,.rightPanel:after,.mainContent:after{content:"";width:100%;background:#fff;position:absolute;top:-10px}.mainContent:after,.rightPanel:after{content:"";top:auto}i.reverse:before{-webkit-transform:rotate(-180deg) scale(1);-ms-transform:rotate(-180deg) scale(1);transform:rotate(-180deg) scale(1);display:block}.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"}.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"}.companyBankSlider .item span.amountCurrency span{display:inline-block;margin:0 3px}.amountCurrency .amountNo.credit{color:#62bd69}.inputSelect{position:relative}.inputSelect .selectedItem{display:flex;position:relative;padding:10px 10px;border:1px solid #dbe1e9;border-radius:4px;min-height:36px;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;right:0;color:#8994a5;background:#fff;padding:2px 8px;top:9px}.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;padding:10px 7px;box-shadow:0px 2px 7px #dbe1e9;border-radius:6px;position:absolute;background:#fff;width:100%;z-index:10;max-height:300px;overflow:auto}.inputSelect .listOfItems>.isFlex{align-items:center;margin-bottom:8px;font-family:"Avenir-Roman";border-bottom:1px solid #dbe1e9;padding-bottom:9px;color:#384150}[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}.primaryBtn{padding:10px 18px;background-color:#eb8b2d;color:#fff;border:1px solid #eb8b2d;border-radius:4px;font-size:1rem;font-family:"Avenir-Heavy";-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}@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}}[dir=rtl] .primaryBtn{font-family:"Almarai-Bold"}.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}.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}.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}.w25.selectOptionFont [class*=css-][class*=-menu]{z-index:20}.selectOptionFont [class*=css-][class*=-menu]{z-index:11}.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}.inputFieldHover:hover,.inputFieldHover:focus-within{border:1px solid #5090f8 !important;transition:.5s}input::placeholder{font-family:"Avenir-Roman";font-size:.875rem;color:#8994a5}[dir=rtl] input::placeholder{font-family:"Almarai-Light"}@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}}.formControl.removePositions{position:static}.digitalOnboarding .formControl{position:relative}.digitalOnboarding .formControl label[for]{position:absolute;left:14px;top:11px;padding:0 4px;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;background-color:#fff;cursor:text;font-size:1rem;font-family:"Avenir-Roman";color:#8994a5}@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}}[dir=rtl] .digitalOnboarding .formControl label[for]{font-family:"Almarai-Light"}.digitalOnboarding .formControl .inputFieldHover,.digitalOnboarding .formControl .inputFieldHover:focus,.digitalOnboarding .formControl .inputFieldHover:focus-within{font-size:1rem;box-shadow:none;color:#384150}@media screen and (max-width: 1440px){.digitalOnboarding .formControl .inputFieldHover,.digitalOnboarding .formControl .inputFieldHover:focus,.digitalOnboarding .formControl .inputFieldHover:focus-within{font-size:.9375rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl .inputFieldHover,.digitalOnboarding .formControl .inputFieldHover:focus,.digitalOnboarding .formControl .inputFieldHover:focus-within{font-size:.875rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl .inputFieldHover,.digitalOnboarding .formControl .inputFieldHover:focus,.digitalOnboarding .formControl .inputFieldHover:focus-within{font-size:.8125rem}}.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).inputFieldHover:not(:focus)~label[for]{top:-0.45rem;font-size:.75rem;left:.6rem;color:#8994a5;font-family:"Avenir-Medium";background-color:#fff}@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).inputFieldHover: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).inputFieldHover: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).inputFieldHover:not(:focus)~label[for]{font-size:.5625rem}}[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).inputFieldHover:not(:focus)~label[for]{font-family:"Almarai-Regular"}.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus){color:#384150;font-size:1rem;font-family:"Avenir-Roman"}@media screen and (max-width: 1440px){.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus){font-size:.9375rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus){font-size:.875rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus){font-size:.8125rem}}[dir=rtl] .digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus){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 .selectOptionFont [class*=css-][class*=-control]{min-height:47px}.digitalOnboarding .formControl.isSelectCountryCode .countryCode{position:absolute;top:13px;left:14px;font-size:1rem;font-family:"Avenir-Roman";color:#384150}@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}}[dir=rtl] .digitalOnboarding .formControl.isSelectCountryCode .countryCode{font-family:"Almarai-Light"}.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover{padding-left:60px}.digitalOnboarding .formControl.isSelectCountryCode label[for]{top:-0.45rem;left:.6rem;font-size:.75rem;font-family:"Avenir-Medium";background-color:#fff}@media screen and (max-width: 1440px){.digitalOnboarding .formControl.isSelectCountryCode label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl.isSelectCountryCode label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl.isSelectCountryCode label[for]{font-size:.5625rem}}[dir=rtl] .digitalOnboarding .formControl.isSelectCountryCode label[for]{font-family:"Almarai-Regular"}.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{top:-0.45rem;font-size:.75rem;left:.6rem;color:#8994a5;font-family:"Avenir-Medium";background-color:#fff}@media screen and (max-width: 1440px){.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{font-size:.5625rem}}[dir=rtl] .digitalOnboarding .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{font-family:"Almarai-Regular"}.digitalOnboarding .formControl.isSelectLabel label[for]{z-index:1;top:-8px;font-size:.75rem;background-color:#fff}@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).inputFieldHover: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;width:120px;z-index:2;left:6px}.formControl.isPhoneSelect .isPhoneSelectDropDown .selectOptionFont [class*=css-][class*=-control]{border:none;min-height:0px}.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]{font-size:.75rem;font-family:"Avenir-Roman";top:-5px;background-color:#fff}@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}}[dir=rtl] .isDatePickerLabel .react-datepicker__tab-loop~label[for]{font-family:"Almarai-Light"}.isDatePickerLabel .react-datepicker__tab-loop~label[for] .optionalLabel{font-size:.75rem;font-family:"Avenir-Roman";background-color:#fff}@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}}[dir=rtl] .isDatePickerLabel .react-datepicker__tab-loop~label[for] .optionalLabel{font-family:"Almarai-Light"}.isDatePickerLabel.toggleLabel label[for]{font-size:.75rem;font-family:"Avenir-Roman";top:-5px;background-color:#fff}@media screen and (max-width: 1440px){.isDatePickerLabel.toggleLabel label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.isDatePickerLabel.toggleLabel label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.isDatePickerLabel.toggleLabel label[for]{font-size:.5625rem}}[dir=rtl] .isDatePickerLabel.toggleLabel label[for]{font-family:"Almarai-Light"}.isDatePickerLabel.toggleLabel .optionalLabel{font-size:.75rem;font-family:"Avenir-Roman";background-color:#fff}@media screen and (max-width: 1440px){.isDatePickerLabel.toggleLabel .optionalLabel{font-size:.6875rem}}@media screen and (max-width: 1280px){.isDatePickerLabel.toggleLabel .optionalLabel{font-size:.625rem}}@media screen and (max-width: 1025px){.isDatePickerLabel.toggleLabel .optionalLabel{font-size:.5625rem}}[dir=rtl] .isDatePickerLabel.toggleLabel .optionalLabel{font-family:"Almarai-Light"}.formControl.isSelectCountryCode .countryCode{position:absolute;top:13px;left:14px;font-size:1rem;font-family:"Avenir-Roman";color:#384150}@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}}[dir=rtl] .formControl.isSelectCountryCode .countryCode{font-family:"Almarai-Light"}.formControl.isSelectCountryCode .inputFieldHover{padding-left:60px}.formControl.isSelectCountryCode label[for]{top:-0.45rem;left:.6rem;font-size:.75rem;font-family:"Avenir-Medium";background-color:#fff}@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}}[dir=rtl] .formControl.isSelectCountryCode label[for]{font-family:"Almarai-Regular"}.formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{top:-0.45rem;font-size:.75rem;left:.6rem;color:#8994a5;font-family:"Avenir-Medium";background-color:#fff}@media screen and (max-width: 1440px){.formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{font-size:.5625rem}}[dir=rtl] .formControl.isSelectCountryCode .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus)~label[for]{font-family:"Almarai-Regular"}.formControl.isSelectLabel label[for]{top:-8px;font-size:.75rem;background-color:#fff}@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 .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;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;background-color:#fff;font-size:.75rem;font-family:"Avenir-Roman";margin:0;color:#8994a5}@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}}[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*=-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;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;font-size:1rem;color:#8994a5}@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*=-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;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;background-color:#fff;font-size:.75rem;font-family:"Avenir-Roman";color:#8994a5}@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}}[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 .toggleLabel{transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in}.formControl.isSelectLabel .inputSelect.toggleLabel{position:static}.formControl.isSelectLabel .inputSelect.toggleLabel .isDropdownPlaceholder{top:-5px;font-size:.75rem;transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;position:absolute;background-color:#fff;padding:0 4px;width:auto}@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.toggleLabel .selectedItem .isDropdownPlaceholder{font-size:.75rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel .inputSelect.toggleLabel .selectedItem .isDropdownPlaceholder{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .inputSelect.toggleLabel .selectedItem .isDropdownPlaceholder{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .inputSelect.toggleLabel .selectedItem .isDropdownPlaceholder{font-size:.5625rem}}.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownTxtLoaded~.isDropdownPlaceholder{top:-5px;font-size:.75rem;position:absolute;background-color:#fff;padding:0 4px}@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;font-size:1rem}@media screen and (max-width: 1440px){.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownPlaceholder{font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownPlaceholder{font-size:.875rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownPlaceholder{font-size:.8125rem}}.formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all:empty~.isDropdownPlaceholder{transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;font-size:1rem;color:#8994a5;font-family:"Avenir-Roman";position:static;display:inline-block}@media screen and (max-width: 1440px){.formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all:empty~.isDropdownPlaceholder{font-size:.9375rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all:empty~.isDropdownPlaceholder{font-size:.875rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all:empty~.isDropdownPlaceholder{font-size:.8125rem}}[dir=rtl] .formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all:empty~.isDropdownPlaceholder{font-family:"Almarai-Light"}.formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all~.isDropdownPlaceholder,.formControl.isSelectLabel .inputSelect.isCheckSelection.toggleLabel .selectedItem .show-all~.isDropdownPlaceholder{transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in;top:-5px;font-size:.75rem;position:absolute;background-color:#fff;padding:0 4px;color:#8994a5;font-family:"Avenir-Roman";display:inline-block}@media screen and (max-width: 1440px){.formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all~.isDropdownPlaceholder,.formControl.isSelectLabel .inputSelect.isCheckSelection.toggleLabel .selectedItem .show-all~.isDropdownPlaceholder{font-size:.6875rem}}@media screen and (max-width: 1280px){.formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all~.isDropdownPlaceholder,.formControl.isSelectLabel .inputSelect.isCheckSelection.toggleLabel .selectedItem .show-all~.isDropdownPlaceholder{font-size:.625rem}}@media screen and (max-width: 1025px){.formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all~.isDropdownPlaceholder,.formControl.isSelectLabel .inputSelect.isCheckSelection.toggleLabel .selectedItem .show-all~.isDropdownPlaceholder{font-size:.5625rem}}[dir=rtl] .formControl.isSelectLabel .inputSelect.isCheckSelection .selectedItem .show-all~.isDropdownPlaceholder,[dir=rtl] .formControl.isSelectLabel .inputSelect.isCheckSelection.toggleLabel .selectedItem .show-all~.isDropdownPlaceholder{font-family:"Almarai-Light"}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}.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{position:static}.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}.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;background-color:#dbe1e9;padding:6px 12px;border-radius:4px;margin-left:10px;font-family:"Avenir-Medium";line-height:initial}@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}}[dir=rtl] .roleUserPopupBody .modal .transactionDetails.isPopupContainer .isPopupClose .companyName{font-family:"Almarai-Regular"}span.icon.icon-new-close-icon.Cursor,span.icon.icon-new-close-icon.Cursor.floatRght{color:#384150;font-size:.875rem;transition:all .15s ease-in-out 0s}@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::before{position:absolute;right:17px;top:17px}span.icon.icon-new-close-icon.Cursor.floatRght::before{position:absolute;right:30px;top:30px}span.icon.icon-new-close-icon.Cursor:hover::before{position:absolute;right:8px;top:8px}.span.icon.icon-new-close-icon.Cursor.floatRght:hover::before{position:absolute;right:8px;top:8px}span.icon.icon-new-close-icon.Cursor:hover{font-size:.875rem;background-color:#bfc7d0;border-radius:50%;position:absolute;right:9px;width:30px;height:30px;top:9px}@media screen and (max-width: 1440px){span.icon.icon-new-close-icon.Cursor:hover{font-size:.8125rem}}@media screen and (max-width: 1280px){span.icon.icon-new-close-icon.Cursor:hover{font-size:.75rem}}@media screen and (max-width: 1025px){span.icon.icon-new-close-icon.Cursor:hover{font-size:.6875rem}}span.icon.icon-new-close-icon.Cursor.floatRght:hover{font-size:.875rem;background-color:#bfc7d0;border-radius:50%;position:relative;right:-23px;width:30px;height:30px;top:-3px}@media screen and (max-width: 1440px){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.floatRght:hover{font-size:.75rem}}@media screen and (max-width: 1025px){span.icon.icon-new-close-icon.Cursor.floatRght:hover{font-size:.6875rem}}.textTrncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.isInputField{border:1px solid #dbe1e9;border-radius:4px;color:#384150;font-size:.875rem;padding:9px 13px;font-family:"Avenir-Roman"}@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}}[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)}.isModuleTitle h1.title{font-family:"Avenir-Heavy";font-size:1.875rem;color:#384150}[dir=rtl] .isModuleTitle h1.title{font-family:"Almarai-Bold"}@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 .moduleSubTitle{font-family:"Avenir-Roman";font-size:1rem;color:#8994a5;padding:1rem 0}[dir=rtl] .isModuleTitle .moduleSubTitle{font-family:"Almarai-Light"}@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.historySubtitle .dateRange{color:#384150}.isModuleTitle .moduleSubTitle.historySubtitle .dateRange .isTo{color:#8994a5}.popupBodyPadding{padding:0 20px 0 45px}.popupBanksBodyPadding{padding:0 45px 0 45px}.popupCreateBanksBodyPadding{padding:0 22px 0 45px}.popupBodyPadding.roleNUserPadding{padding:0 45px 0 45px}.popupBodyPadding.roleNUserPadding .approvalTable.workFlowHeader .workFlowTable .mainWorkFlowChkBox .workFlowCheckBox .tooltip .tooltipTitle{top:-18px;left:2px}.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.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--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--keyboard-selected .react-datepicker__day--today.react-datepicker__day--selecting-range-start:hover{color:#384150;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--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--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--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{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--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--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--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--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--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--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--in-selecting-range.react-datepicker__day--today:hover{background-color:#5090f8}.popup-overlay{z-index:999 !important}.popup-overlay-pay::after{position:fixed;top:0;left:0;height:100vh;width:100vw;content:"";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%;box-shadow:0 0 1px 0 rgba(56,65,80,.22);background:#fff;z-index:1}
@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}.reconsilationTabs .searchBtn .btn{margin-top:42px}.reconsilationTabs.isDualAdminBtns .searchBtn .btn{margin-top:26px}.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.isCorporateBenSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1rem !important}li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon .isSideNavIconImg::before,li.isNavFlex.alignCenter.isSettingsSidenavIcon .isSideNavIconImg::before,li.isNavFlex.isSuperTxnSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorporateInvoiceSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.3rem !important}li.isNavFlex.alignCenter.isCorporatePaysSidenavIcon .isSideNavIconImg::before,li.isNavFlex.isCorporateReconSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorporateAnalyticsSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperCaseSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperUserProSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperMasterDataSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperSupportSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperSalesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperLeadsNDealsSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavAuditSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isApiActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.675rem !important}li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavWalletSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavWorkFlowSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavRolesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavRangeSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavUsersSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNotifySidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavBenMasterSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorPrefSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavBankaccSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isLetterOfGuaranteeSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.iseStatementSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isknowYourCustomerSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isApiHitssSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.55rem !important}li.isNavFlex.isCorporatePayrollSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:2.05rem !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}.reconsilationTabs .searchBtn .btn{margin-top:42px}.reconsilationTabs.isDualAdminBtns .searchBtn .btn{margin-top:26px}.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.isCorporateBenSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1rem !important}li.isNavFlex.alignCenter.isCorporateTxnSidenavIcon .isSideNavIconImg::before,li.isNavFlex.alignCenter.isSettingsSidenavIcon .isSideNavIconImg::before,li.isNavFlex.isSuperTxnSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorporateInvoiceSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.3rem !important}li.isNavFlex.alignCenter.isCorporatePaysSidenavIcon .isSideNavIconImg::before,li.isNavFlex.isCorporateReconSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorporateAnalyticsSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperCaseSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperUserProSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperMasterDataSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperSupportSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperSalesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperLeadsNDealsSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavAuditSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isApiActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.675rem !important}li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavWalletSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavWorkFlowSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavRolesSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavRangeSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavUsersSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNotifySidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavBenMasterSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorPrefSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isCorNavBankaccSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isLetterOfGuaranteeSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.iseStatementSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isknowYourCustomerSidenavIcon.alignCenter .isSideNavIconImg::before,li.isNavFlex.isApiHitssSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:1.55rem !important}li.isNavFlex.isCorporatePayrollSidenavIcon.alignCenter .isSideNavIconImg::before{font-size:2.05rem !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}.reconsilationTabs .searchBtn .btn{margin-top:42px}.reconsilationTabs.isDualAdminBtns .searchBtn .btn{margin-top:26px}.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 .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}}.isGoTop .isFlexColumn .goTopTxt{color:#2a345e;font-size:.875rem;font-family:"Avenir-Roman";padding-top:5px}@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}}[dir=rtl] .isGoTop .isFlexColumn .goTopTxt{font-family:"Almarai-Light"}
.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;line-height:1.25rem;width:4.65rem;transition-property:width;transition-duration:.3s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}@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 .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 a{color:#384150;font-family:"Avenir-Medium";font-size:1rem;display:inline-block}[dir=rtl] .sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle a{font-family:"Almarai-Regular"}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle a{font-size:.9375rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle a{font-size:.875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav .isSideNavTitle a{font-size:.8125rem}}.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;color:#eb8b2d;font-family:"Avenir-Heavy";padding-bottom:12px}@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}}[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 .isDesc{font-size:.875rem;color:#8994a5;font-family:"Avenir-Roman"}@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}}[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 a{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{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 a{color:#eb8b2d}.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;color:#eb8b2d;font-family:"icomoon" !important}@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.isCorporateDashboardSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateDashboardSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/32f94a845a748d7dbb21.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateDashboardSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateDashboardSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateDashboardSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateDashboardSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateDashboardSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateDashboardSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:""}.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.isCorporateInvoiceSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateInvoiceSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/c416f9d42b7ce47adaac.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateInvoiceSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateInvoiceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateInvoiceSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateInvoiceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateInvoiceSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateInvoiceSidenavIcon.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.isCorporateInvoiceSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateInvoiceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.4375rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateInvoiceSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateInvoiceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.375rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateInvoiceSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateInvoiceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.3125rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporatePaysSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporatePaysSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/5981de00cb2a571521d6.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePaysSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePaysSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePaysSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePaysSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePaysSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePaysSidenavIcon.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.isCorporatePaysSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePaysSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePaysSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePaysSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePaysSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePaysSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{display:flex;justify-content:center;align-items:center}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.625rem;font-family:"icomoon" !important;color:#8994a5}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.4375rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isInvoiceInventorySidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isInvoiceInventorySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none;background-size:initial}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isInvoiceInventorySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.625rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isInvoiceInventorySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isInvoiceInventorySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isInvoiceInventorySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isInvoiceInventorySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.4375rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporatePayrollSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporatePayrollSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/0cf4cf90cacb47f48b1d.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePayrollSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePayrollSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePayrollSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePayrollSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePayrollSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePayrollSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:2.25rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePayrollSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePayrollSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:2.1875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePayrollSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePayrollSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:2.125rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporatePayrollSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporatePayrollSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:2.0625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateBenSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateBenSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/100284b965f1c0f51754.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateBenSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateBenSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateBenSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateBenSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateBenSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateBenSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.0625rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateBenSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateBenSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateBenSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateBenSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:.9375rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateBenSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateBenSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:.875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateReconSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateReconSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/33e084684e0bd6e7cec6.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateReconSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateReconSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateReconSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateReconSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateReconSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateReconSidenavIcon.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.isCorporateReconSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateReconSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateReconSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateReconSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateReconSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateReconSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateAnalyticsSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateAnalyticsSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/8e979c1791d0c0b3c236.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAnalyticsSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAnalyticsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAnalyticsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAnalyticsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAnalyticsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAnalyticsSidenavIcon.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.isCorporateAnalyticsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAnalyticsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAnalyticsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAnalyticsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAnalyticsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAnalyticsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.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.isCorNavBankaccSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavBankaccSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/2256dadb43df8c5110ce.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBankaccSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBankaccSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBankaccSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBankaccSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBankaccSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBankaccSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBankaccSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBankaccSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBankaccSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBankaccSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBankaccSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBankaccSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateAuditSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorporateAuditSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/30baaf2765b110a4df50.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAuditSidenavIcon.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.isCorporateAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorporateAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorporateAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavBenMasterSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavBenMasterSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/071c04463ad42985d2c2.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBenMasterSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBenMasterSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBenMasterSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBenMasterSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBenMasterSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBenMasterSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBenMasterSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBenMasterSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBenMasterSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBenMasterSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavBenMasterSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavBenMasterSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavWorkFlowSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavWorkFlowSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/d71a1573b349d27c9d0b.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWorkFlowSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWorkFlowSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWorkFlowSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWorkFlowSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWorkFlowSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWorkFlowSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWorkFlowSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWorkFlowSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWorkFlowSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWorkFlowSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWorkFlowSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWorkFlowSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavRolesSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavRolesSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/e8a7ebd606d822a9e895.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRolesSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRolesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRolesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRolesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRolesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRolesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRolesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRolesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRolesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRolesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRolesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRolesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavRangeSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavRangeSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/2891320283155f6bcbf7.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRangeSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRangeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRangeSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRangeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRangeSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRangeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRangeSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRangeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRangeSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRangeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavRangeSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavRangeSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavUsersSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavUsersSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/1b765ffd9cee7a7ba529.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavUsersSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavUsersSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavUsersSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavUsersSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavUsersSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavUsersSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavUsersSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavUsersSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavUsersSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavUsersSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavUsersSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavUsersSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavWalletSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavWalletSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/15d091d54993da2aa04e.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWalletSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWalletSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWalletSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWalletSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWalletSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWalletSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWalletSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWalletSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWalletSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWalletSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavWalletSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavWalletSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavAuditSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNavAuditSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/30baaf2765b110a4df50.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavAuditSidenavIcon.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.isCorNavAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNavAuditSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNavAuditSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorPrefSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorPrefSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/a2e4d1048858659b1467.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorPrefSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorPrefSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorPrefSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorPrefSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorPrefSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorPrefSidenavIcon.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.isCorPrefSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorPrefSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorPrefSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorPrefSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorPrefSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorPrefSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNotifySidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCorNotifySidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/9ec062c76e76fcaaa609.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNotifySidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNotifySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNotifySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNotifySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNotifySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNotifySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNotifySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNotifySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNotifySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNotifySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCorNotifySidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCorNotifySidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperDashboardSidenavIcon .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isApiDashboardSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperDashboardSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isApiDashboardSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/32f94a845a748d7dbb21.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperDashboardSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperDashboardSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiDashboardSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiDashboardSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperDashboardSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperDashboardSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiDashboardSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiDashboardSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperDashboardSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperDashboardSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiDashboardSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiDashboardSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:""}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isApiHitssSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isApiHitssSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/430ee7002753edf6b1f9.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isApiHitssSidenavIcon .isSideNavTitle a{text-transform:capitalize}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiHitssSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiHitssSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiHitssSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiHitssSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiHitssSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiHitssSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiHitssSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiHitssSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiHitssSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiHitssSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiHitssSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiHitssSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperOverviewSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperOverviewSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/c206983ee29ae50c369a.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperOverviewSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperOverviewSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperOverviewSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperOverviewSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperOverviewSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperOverviewSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:""}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperTxnSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperTxnSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/9b5a24db3e9bd644cb6e.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperTxnSidenavIcon.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.isSuperTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.4375rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.375rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperTxnSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperTxnSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.3125rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperCaseSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperCaseSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/1e71a355673680f05fd3.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperCaseSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperCaseSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperCaseSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperCaseSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperCaseSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperCaseSidenavIcon.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.isSuperCaseSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperCaseSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperCaseSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperCaseSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperCaseSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperCaseSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperUserProSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperUserProSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/222e1b27ece77e2e1c81.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperUserProSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperUserProSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperUserProSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperUserProSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperUserProSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperUserProSidenavIcon.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.isSuperUserProSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperUserProSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperUserProSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperUserProSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperUserProSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperUserProSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperMasterDataSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperMasterDataSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/44c5408e9f341da5dc8a.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperMasterDataSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperMasterDataSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperMasterDataSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperMasterDataSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperMasterDataSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperMasterDataSidenavIcon.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.isSuperMasterDataSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperMasterDataSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperMasterDataSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperMasterDataSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperMasterDataSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperMasterDataSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperSupportSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperSupportSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/1b383e23536711fab757.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSupportSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSupportSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSupportSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSupportSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSupportSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSupportSidenavIcon.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.isSuperSupportSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSupportSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSupportSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSupportSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSupportSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSupportSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperSalesSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperSalesSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/4cd0c19521ffa94c2307.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSalesSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSalesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSalesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSalesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSalesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSalesSidenavIcon.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.isSuperSalesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSalesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSalesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSalesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperSalesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperSalesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isApiTxnsActivitiesSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isApiTxnsActivitiesSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/ad013a9476258692c0c3.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiTxnsActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiTxnsActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiTxnsActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiTxnsActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiTxnsActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiTxnsActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.625rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiTxnsActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiTxnsActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5625rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiTxnsActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiTxnsActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.5rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiTxnsActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiTxnsActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.4375rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperLeadsNDealsSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperLeadsNDealsSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/84f6a5588708d2913544.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperLeadsNDealsSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperLeadsNDealsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperLeadsNDealsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperLeadsNDealsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperLeadsNDealsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperLeadsNDealsSidenavIcon.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.isSuperLeadsNDealsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperLeadsNDealsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperLeadsNDealsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperLeadsNDealsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperLeadsNDealsSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperLeadsNDealsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperActivitiesSidenavIcon .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isApiActivitiesSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isSuperActivitiesSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isApiActivitiesSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/3afb978fab006d5034e3.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiActivitiesSidenavIcon.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.isSuperActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.8125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.75rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isSuperActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isSuperActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isApiActivitiesSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isApiActivitiesSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{font-size:1.6875rem}}.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 li.isAccountCheckSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isAccountCheckSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/4a97de70d8eaf71e6c51.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.375rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.3125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.25rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.1875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isAccountBalanceSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isAccountBalanceSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/e57d4761473692d6dbf6.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountBalanceSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountBalanceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountBalanceSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountBalanceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountBalanceSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountBalanceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountBalanceSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountBalanceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountBalanceSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountBalanceSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isAccountAggSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isAccountAggSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/8e70cd36bb5045115645.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountAggSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountAggSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountAggSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountAggSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.375rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountAggSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountAggSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.3125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountAggSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountAggSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.25rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isAccountAggSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isAccountAggSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.1875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isIncomeCheckSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isIncomeCheckSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/6ab5b78bf5c4f81abf0f.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIncomeCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIncomeCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIncomeCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIncomeCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.25rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIncomeCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIncomeCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.1875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIncomeCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIncomeCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.125rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIncomeCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIncomeCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.0625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isExpenseCheckSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isExpenseCheckSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/1962d45243c35bdb17f0.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isExpenseCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isExpenseCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isExpenseCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isExpenseCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.25rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isExpenseCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isExpenseCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.1875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isExpenseCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isExpenseCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.125rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isExpenseCheckSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isExpenseCheckSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.0625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isRiskDecisioningSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isRiskDecisioningSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/3bd49307528acaa35a5e.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isRiskDecisioningSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isRiskDecisioningSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isRiskDecisioningSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isRiskDecisioningSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.75rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isRiskDecisioningSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isRiskDecisioningSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.6875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isRiskDecisioningSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isRiskDecisioningSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.625rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isRiskDecisioningSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isRiskDecisioningSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.5625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isIbanValidationSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isIbanValidationSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/e9516c6375548b0176ec.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIbanValidationSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIbanValidationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIbanValidationSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIbanValidationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.375rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIbanValidationSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIbanValidationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.3125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIbanValidationSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIbanValidationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.25rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isIbanValidationSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isIbanValidationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.1875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCustomerVerificationSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isCustomerVerificationSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/578e0fc46f949982a336.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCustomerVerificationSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCustomerVerificationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCustomerVerificationSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCustomerVerificationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.25rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCustomerVerificationSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCustomerVerificationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.1875rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCustomerVerificationSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCustomerVerificationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.125rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isCustomerVerificationSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isCustomerVerificationSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.0625rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isTaxfilingSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isTaxfilingSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/5b789ca8638d2aab04a0.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isTaxfilingSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isTaxfilingSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isTaxfilingSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isTaxfilingSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.375rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isTaxfilingSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isTaxfilingSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.3125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isTaxfilingSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isTaxfilingSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.25rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isTaxfilingSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isTaxfilingSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.1875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isMoreProductsSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isMoreProductsSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/2e6a5896292a821948a1.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isMoreProductsSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isMoreProductsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isMoreProductsSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isMoreProductsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.375rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isMoreProductsSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isMoreProductsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.3125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isMoreProductsSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isMoreProductsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.25rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isMoreProductsSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isMoreProductsSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.1875rem}}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isDemoBankSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isDemoBankSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/c934dac43e7f2d396784.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isDemoBankSidenavIcon:hover .isSideNavImg .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isDemoBankSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isDemoBankSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isDemoBankSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{content:"";font-size:1.375rem}@media screen and (max-width: 1440px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isDemoBankSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isDemoBankSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.3125rem}}@media screen and (max-width: 1280px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isDemoBankSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isDemoBankSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.25rem}}@media screen and (max-width: 1025px){.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isDemoBankSidenavIcon:hover .isSideNavImg .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isDemoBankSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIconImg::before{font-size:1.1875rem}}.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;font-family:"Avenir-Heavy";height:22px;padding:0 5px;border-radius:4px;background-color:#f9c2bd;display:flex;align-items:center;justify-content:center;border:1px solid #f9c2bd}@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}}[dir=rtl] .sideNavMain .isSideNavContainer .isNavigation.isAnimation .isSideNav.isAnimation .isSideNavTitle span{font-family:"Almarai-Bold"}.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;font-family:"Avenir-Medium";padding:8px 12px;-webkit-transition:0.5s;transition:0.5s;-moz-transition:0.5s;line-height:initial;border-radius:4px;cursor:pointer}@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}}[dir=rtl] .sdkSideNavList>li{font-family:"Almarai-Regular"}.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";margin:6px 6px 6px 0}[dir=rtl] .requestLG .crNumberTitle .compTitle{font-family:"Almarai-Bold"}.requestLG .crNumberTitle .errorMessage{padding-top:0}.requestLG .crNumberTitle span{font-size:.875rem;color:#8994a5}@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 .number{width:40px;height:40px;background:#dbe1e9;border-radius:50px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#384150;margin-right:16px;font-family:"Avenir-Heavy"}@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}}[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;width:70%;line-height:18px;margin-top:10px;font-family:"Avenir-Medium";color:#8994a5}@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}}[dir=rtl] .requestLG .LeftSec .moduleSubTitle{font-family:"Almarai-Regular"}.requestLG .RightSec{flex:.45}.requestLG .RightSec .formControl{margin-bottom:16px}.requestLG .RightSec .formControl .icon-calendar:before{font-size:1.25rem;margin:6px;position:absolute;right:8px;color:#8994a5;top:8px}@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 .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;text-align:right}.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 button{min-width:105px;font-family:"Avenir-Medium";height:44px}[dir=rtl] .requestLG .LG_RG_Btn button{font-family:"Almarai-Regular"}.requestLG .LG_RG_Btn .btn-primary{margin-left:15px;line-height:unset}.requestLG .addressBtn{font-size:.875rem;margin-bottom:15px;font-family:"Avenir-Medium"}@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}}[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;display:block;color:#8994a5;margin-bottom:5px}@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 strong{font-size:.875rem;color:#384150;line-height:22px}@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 .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;font-family:"Avenir-Heavy"}@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}}[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;font-family:"Avenir-Medium";color:#eb3223}@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}}[dir=rtl] .LG_ViewD-Box .bankReason{font-family:"Almarai-Regular"}.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";color:#384150}[dir=rtl] .LG_ViewD-Box.reviewDetails .termsPolicy .isBankName{font-family:"Almarai-Bold"}.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;font-family:"Avenir-Medium"}@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}}[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;font-weight:600}@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.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;padding-left:4px}@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 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;margin-right:.5rem}@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}}.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";color:#384150}[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 .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{line-height:24px;font-size:.875rem}.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}}@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";font-size:.875rem}[dir=rtl] .textAreaPlaceholder .isNote{font-family:"Almarai-Light"}@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";color:#5090f8}[dir=rtl] .isInitiatedPending{font-family:"Almarai-Light"}.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";font-size:.875rem;color:#8994a5;line-height:initial;padding-bottom:6px}[dir=rtl] .TxnConsentInfoSection .txnLabel{font-family:"Almarai-Regular"}@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 .txnHistoryDate{font-family:"Avenir-Medium";font-size:.875rem;line-height:initial;color:#384150}[dir=rtl] .TxnConsentInfoSection .txnHistoryDate{font-family:"Almarai-Regular"}@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 .manageConsentInfo{font-family:"Avenir-Medium";font-size:.75rem;color:#8994a5;line-height:initial}[dir=rtl] .TxnConsentInfoSection .manageConsentInfo{font-family:"Almarai-Regular"}@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}}.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";border-bottom:1px solid #dbe1e9;padding-bottom:9px;color:#fff;flex-wrap:nowrap}[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 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;font-family:"Avenir-Roman"}@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}}[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";color:#384150}[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.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";font-size:1rem;color:#384150}[dir=rtl] .estatementViewDetailsContainer .isHeader .isComanyDetails .name{font-family:"Almarai-Bold"}@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 .phone,.estatementViewDetailsContainer .isHeader .isComanyDetails .email{font-family:"Avenir-Roman";font-size:.875rem;color:#8994a5}[dir=rtl] .estatementViewDetailsContainer .isHeader .isComanyDetails .phone,[dir=rtl] .estatementViewDetailsContainer .isHeader .isComanyDetails .email{font-family:"Almarai-Light"}@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 .email{display:block;border:none;background:none;padding:0}.estatementViewDetailsContainer .countHeader{padding:1.5rem 25px 0;font-size:1rem;color:#000001}@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 .isCount,.estatementViewDetailsContainer .countHeader .isDateRange{font-family:"Avenir-Roman";color:#8994a5}[dir=rtl] .estatementViewDetailsContainer .countHeader .isCount,[dir=rtl] .estatementViewDetailsContainer .countHeader .isDateRange{font-family:"Almarai-Light"}.estatementViewDetailsContainer .countHeader .isCount span,.estatementViewDetailsContainer .countHeader .isDateRange span{font-family:"Avenir-Heavy";color:#000001}[dir=rtl] .estatementViewDetailsContainer .countHeader .isCount span,[dir=rtl] .estatementViewDetailsContainer .countHeader .isDateRange span{font-family:"Almarai-Bold"}.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";font-size:.875rem;color:#384150}[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox .title{font-family:"Almarai-Light"}@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 .amount{font-family:"Avenir-Heavy";color:#000001;margin:10px 0}[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox .amount{font-family:"Almarai-Bold"}.estatementViewDetailsContainer .detailsBoxes .detailsBox .count{display:flex;flex-direction:column;height:100%;justify-content:flex-end;font-family:"Avenir-Roman";font-size:.875rem;color:#384150}[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox .count{font-family:"Almarai-Light"}@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 .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";font-size:.875rem;color:#8994a5;padding-right:5px}[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox.cashIn span:first-child,[dir=rtl] .estatementViewDetailsContainer .detailsBoxes .detailsBox.cashOut span:first-child{font-family:"Almarai-Light"}@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 .accNumSection{background-color:#f3f5fd;padding:15px;border-radius:4px 4px 0 0}.estatementViewDetailsContainer .accNumSection h2.title{font-family:"Avenir-Roman";color:#000001;font-size:1rem;padding-bottom:15px}[dir=rtl] .estatementViewDetailsContainer .accNumSection h2.title{font-family:"Almarai-Light"}@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 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;line-height:initial;border-right:hidden}@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: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";vertical-align:middle}[dir=rtl] .estatementViewDetailsContainer .isStatementTable table thead tr th{font-family:"Almarai-Regular"}.estatementViewDetailsContainer .isStatementTable table tbody tr{height:66px}.estatementViewDetailsContainer .isStatementTable table tbody tr td{font-family:"Avenir-Roman";color:#384150}[dir=rtl] .estatementViewDetailsContainer .isStatementTable table tbody tr td{font-family:"Almarai-Light"}.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";color:#8994a5;padding-top:4px}[dir=rtl] .estatementViewDetailsContainer .isStatementTable table tbody tr td:first-child div:last-child{font-family:"Almarai-Light"}.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";color:#000001}[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 .isBreadCrumb span{font-family:"Avenir-Roman";font-size:.875rem;color:#5090f8}[dir=rtl] .estatementViewDetailsContainer .isBreadCrumb span{font-family:"Almarai-Light"}@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: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;margin-right:20px;width:20px;height:20px}@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.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;margin-top:4px}@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 .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;color:#8994a5;cursor:pointer}@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::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";color:#384150}[dir=rtl] .openBankPermission .bankAccountText span span.font-Heavy{font-family:"Almarai-Bold"}.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";font-size:.875rem}[dir=rtl] .accessDate [class*=react-datepicker__]{font-family:"Almarai-Regular"}@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";color:#8994a5 !important}[dir=rtl] .accessDate .react-datepicker__day-name{font-family:"Almarai-ExtraBold"}.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}
.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-size:1rem;color:#384150;border-bottom:1px solid #dbe1e9;padding-bottom:14px;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .sliderPopup .transactionDetails .kycCard .mainDetails .kycDetailTitle{font-family:"Almarai-Bold"}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation{background-color:#fff;padding:15px;border-radius:4px;margin-bottom:25px}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .mainDetails{padding:15px;background-color:#f3f5fd;border-radius:4px}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .mainDetails:last-child{margin-bottom:0}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .kycDetailTitle{font-family:"Avenir-Heavy";color:#384150;font-size:1rem}[dir=rtl] .sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .kycDetailTitle{font-family:"Almarai-Bold"}@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 .isUserTypeInformation .detailsRow{margin-bottom:16px}.sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span{font-family:"Avenir-Heavy";font-size:1rem}[dir=rtl] .sliderPopup .transactionDetails .kycCard .isKycPersonalInformation .isUserTypeInformation .detailsRow span{font-family:"Almarai-Bold"}@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}@media print{.sliderPopupViewDetailsBody .company{text-align:center;display:flex;flex-direction:column;padding:20px 0;margin:0px 45px}.sliderPopupViewDetailsBody .company .amountCurrency{font-size:2.125rem;margin:23px 0;font-family:"Avenir-Heavy";word-wrap:break-word}[dir=rtl] .sliderPopupViewDetailsBody .company .amountCurrency{font-family:"Almarai-Bold"}.kycCard{background:#f3f5fd;padding:20px 20px 20px 45px}.kycCard .mainDetails{background:#fff;padding:18px;margin-bottom:25px;border-radius:4px}.kycCard .mainDetails .detailsRow{font-size:.875rem;display:flex;padding:8px 0}.kycCard .mainDetails .detailsRow>span{color:#8994a5;flex:1;line-height:24px}.kycCard .mainDetails .detailsRow span:last-child{color:#384150;font-family:"Avenir-Roman";word-break:break-word}[dir=rtl] .kycCard .mainDetails .detailsRow span:last-child{font-family:"Almarai-Light"}}.ekycBankNAccounts{width:25%}.ekycConsentidDate{width:45%}.ekycStatus{width:25%}.ekycActions,.ekycActionsSec{width:5%}.ekycByBank{width:18%}.ekycEmailPhone{width:19%}.ekycBankNAccountsSec,.ekycConsentidDateSec{width:20%}.ekycStatusSec{width:18%}.ekycStatusSec.isPendingApprovals{width:19%}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper{top:auto !important;transform:none !important;left:25px !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:0px}.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .payStatusSelection .inputSelect .listOfItems>.isFlex{align-items:center;margin-bottom:8px;font-family:"Avenir-Roman";border-bottom:1px solid #dbe1e9;padding-bottom:9px;color:#fff}[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 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{color:#fff;font-size:.875rem;font-family:"Avenir-Roman"}@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}}[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 .icon{position:absolute;right:10px;top:12px}.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";color:#384150}[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.ekycStatus .isBankPending,.e-StatementsDataTable.isNewTable.isKycTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.ekycStatusSec .isBankPending{color:#eb8b2d;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.Cursor{cursor:pointer}.sliderPopupViewDetailsBody.kycViewDetailConnect{background:#f3f5fd;text-align:center;height:calc(100vh - 76px);padding-top:5rem}.sliderPopupViewDetailsBody.kydDetailsBody{background-color:#f3f5fd}.approveShimmerBody .popup-Title .emptyBox.emptySimmer:empty{margin-left:15px;height:35px;margin-top:-5px}.approveShimmerBody .emptySimmer:empty{margin:0}.approveShimmerBody .emptyBox.emptySimmer:empty{width:45px;height:45px;margin-right:15px}.approveShimmerBody .sliderPopupViewDetailsBody{padding:0 45px}.approveShimmerBody .approveShimmerSec.shimmerPermission .emptySimmer:empty{height:30px}.approveShimmerBody .approveShimmerSec.shimmerPermission .emptyBox.emptySimmer:empty{width:30px}.indKycShimmer .summaryTxnLoader:empty{width:400px;margin:0;height:30px}.indKycShimmer .summaryTxnLoader:empty.displyBlock{margin-bottom:10px}.indKycShimmer .summaryTxnBox.summaryTxnLoader:empty{width:30px;margin-right:15px}.indKycShimmer .approveShimmerSec.shimmerPermission .summaryTxnLoader:empty{height:22px}.indKycShimmer .approveShimmerSec.shimmerPermission .summaryTxnBox.summaryTxnLoader:empty{width:22px}.kycTopFiveSec .blueCard{background-color:#f3f5fd;padding:25px 15px;margin-top:15px;border-radius:4px}.kycTopFiveSec .blueCard .max-100{max-width:initial;color:#384150;margin-bottom:8px;font-family:"Avenir-Medium"}[dir=rtl] .kycTopFiveSec .blueCard .max-100{font-family:"Almarai-Regular"}.kycTopFiveSec .blueCard .max-100:last-child{margin-bottom:0}.detailsRow .printRow{color:#384150;font-family:"Avenir-Roman";word-break:break-word;flex:1;line-height:24px}[dir=rtl] .detailsRow .printRow{font-family:"Almarai-Light"}.detailsRow .printRow span.isActive{margin-left:45px;position:relative}.detailsRow .printRow span.isActive::before{content:"";position:absolute;width:12px;height:12px;background-color:#62bd69;border-radius:50%;left:-20px;top:6px}
.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}.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}}.creditBankSelect{border:1px solid #5090f8;background-color:#f3f5fd}.creditBankSelect img{mix-blend-mode:multiply}.creditSection{background:#f3f5fd;padding:20px 25px}.creditSection .creditUsage{font-family:"Avenir-Medium";font-size:1.5rem;color:#384150}[dir=rtl] .creditSection .creditUsage{font-family:"Almarai-Regular"}@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 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";font-size:1.25rem;color:#384150;display:block;margin-bottom:8px}[dir=rtl] .creditSection ul li span{font-family:"Almarai-Regular"}@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 strong{font-family:"Avenir-Heavy";font-size:2rem;color:#eb8b2d}[dir=rtl] .creditSection ul li strong{font-family:"Almarai-Bold"}@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}}.creditScoreCard{padding:15px 0 15px 25px}.creditScoreCard.creditScoreShimmer ul li{min-width:unset}.creditScoreCard.creditScoreShimmer .nameDisplay .emptySimmer.w-120{width:120px}.creditScoreCard.creditScoreShimmer .nameDisplay .emptySimmer.w-220{width:220px}.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;font-family:"Avenir-Medium";min-width:16.6666666667%;padding-right:15px}@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}}[dir=rtl] .creditScoreCard ul li{font-family:"Almarai-Regular"}.creditScoreCard ul li strong{font-family:"Avenir-Heavy";display:block;margin-top:8px}[dir=rtl] .creditScoreCard ul li strong{font-family:"Almarai-Bold"}.creditScoreCard .boxSimmer .emptySimmer:empty{width:70px;height:60px;margin-left:0}.creditScoreCard .isFlexColumn .emptySimmer:empty{width:120px}.colorMaize{color:#ffde4d}.cardWhite,.creditAppBox{background-color:#fff;border:1px solid #dbe1e9;padding:25px;border-radius:4px}.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{left:64%}.creditAppBox .positionRelative .transcationTooltip .bottom::after{left:64%}.creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span{color:#fff;font-size:.875rem;font-family:"Avenir-Medium";padding-bottom:12px}@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}}[dir=rtl] .creditAppBox .positionRelative .transcationTooltip .bottom .salaryBreakup .isFlexColumn span{font-family:"Almarai-Regular"}.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";font-size:.875rem;min-height:36px}[dir=rtl] .creditAppBox .overBankAccount .btn.createBtn{font-family:"Almarai-Regular"}@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 .consentDetails span{font-size:.875rem;width:50%;text-align:left;padding-bottom:20px;line-height:initial}@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:first-child{color:#8994a5}.creditAppBox .consentDetails span:last-child{color:#384150}.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 .creditCheckDetailsStatus{text-transform:lowercase}.creditAppBox .consentDetails .creditCheckDetailsStatus::first-letter{text-transform:capitalize}.creditDetails .creditSec{width:50%}.creditDetails .creditSec span{font-family:"Avenir-Heavy";display:block;margin-bottom:25px}[dir=rtl] .creditDetails .creditSec span{font-family:"Almarai-Bold"}.creditDetails .creditSec span.accessColor{font-family:"Avenir-Medium";line-height:22px}[dir=rtl] .creditDetails .creditSec span.accessColor{font-family:"Almarai-Regular"}.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}}.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";font-size:1.9375rem;color:#384150}[dir=rtl] .contestApproval .approvalTit{font-family:"Almarai-Light"}@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}}.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";min-width:255px}[dir=rtl] .isAddDealPopup .btn.createBtn{font-family:"Almarai-Light"}.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;font-family:"Avenir-Heavy";fill:#8994a5}@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}}[dir=rtl] .creditCheckTotal tspan{font-family:"Almarai-Bold"}.creditCheckTotal tspan:nth-child(2){font-family:"Avenir-Black";font-size:3.75rem;fill:#384150}[dir=rtl] .creditCheckTotal tspan:nth-child(2){font-family:"Almarai-ExtraBold"}@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.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}.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}.craDownloadBtn{border:1px solid #5090f8;font-size:1.25rem;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}@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:hover{color:#fff;background-color:#5090f8}.expenseCheckContainer .openBankTab .inpGroupAppend{width:315px}
.overview{@import"https://fonts.googleapis.com/css?family=Overpass"}.overview .axis.x,.overview .axis.y{color:#bfc7d0;font-size:.75rem;font-family:"Avenir-Roman";margin-top:20px;display:block;padding:20px;position:absolute;top:26px}@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}}[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 .overlay{fill:#5090f8;opacity:.1;display:none;pointer-events:none}.overview .tick line{stroke:#dbe1e9}.overview .graph-container{position:relative}.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;font-family:"Avenir-Roman";line-height:normal}@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}}[dir=rtl] .overview .tooltip1{font-family:"Almarai-Light"}.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 .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}.overview .label{font-size:.625rem;font-weight:700;fill:#8994a5;text-anchor:middle}@media screen and (max-width: 1280px){.overview .label{font-size:.5625rem}}.overview .axis path,.overview .axis line{fill:none;stroke:#dbe1e9;stroke-width:1}.overview .line{stroke-width:2;fill:none}.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;background:#fff;border-radius:4px;pointer-events:none}@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 .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 #barChartTooltip2.tooltip1.cashOutTip{border:0}#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}
.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}.creditWtCard{background-color:#fff;padding:25px;border-radius:4px}.blueCardSection,.incomeCatSection{background-color:#f8fcfd;padding:10px;border-radius:4px;margin-bottom:10px;cursor:pointer}.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}.creditCategories .creditWtCard{margin-right:25px;width:33.33%}.creditCategories .creditWtCard:last-child{margin-right:0px}.creditCardTwoCol>.creditWtCard{width:49%;margin-bottom:25px}.creditCardTwoCol>.creditWtCard .creditWtCard{width:48%;margin-bottom:25px}.creditListCategories li{font-size:.75rem;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}@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 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%}.isCreditCheckDashboard .bankList .yourBankAccnts.isExpenseBankAcc{height:45px;background-color:#fff}.isCreditCheckDashboard .bankList .yourBankAccnts.isExpenseBankAcc .summaryTxnLoader:empty{width:100px;height:25px}.isCreditCheckDashboard .isCountPosition{position:relative;top:15px;right:5px}.summaryTxnLoader.shimmerHeight{height:60px}.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}.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;display:block;font-family:"Avenir-Medium"}@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}}[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 .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}}.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}.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}.shimmerCreditCircle.summaryTxnLoader:empty{width:50px;height:50px;border-radius:50%;margin-right:10px}.CreditCheckCatergoriesShimmer .boxSimmer .emptySimmer:empty{width:30px;height:30px}.CreditCheckCatergoriesShimmer .emptySimmer:empty{width:100px;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}@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}.creditCategoryBoxes.isLoading.creditCategories{flex-wrap:nowrap}}@media screen and (max-width: 1171px){.creditCategories.threeColCategory .creditWtCard{margin-right:15px;width:31.33%}.creditWtCard .solutionCreditList{flex-wrap:wrap}.creditWtCard .solutionCreditList>div{width:100%;margin-right:0;margin-bottom:15px}.creditCategoryBoxes.isLoading.creditCategories{flex-wrap:nowrap}}.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}}
.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";font-size:1.125rem}[dir=rtl] .circleShadow span:first-child{font-family:"Almarai-Bold"}@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";font-size:1rem;color:#8994a5}[dir=rtl] .circleShadow span:last-child{font-family:"Almarai-Regular"}@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.totalAmt{color:#000001;font-family:"Avenir-Heavy";font-size:1.125rem}[dir=rtl] .circleShadow span.totalAmt{font-family:"Almarai-Bold"}@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";font-size:1rem;color:#8994a5}[dir=rtl] .circleShadow span.total{font-family:"Almarai-Regular"}@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.incomeCircleShadow span{color:#000001;width:143px}.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.incomeCircleShadow span:last-child{font-size:2.625rem;font-family:"Avenir-Heavy"}@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}}[dir=rtl] .circleShadow.incomeCircleShadow span:last-child{font-family:"Almarai-Bold"}.circleShadow.isExpense{background-color:#f3f5fd}.circleShadow.isExpense .isExpenseDonut span{font-family:"Avenir-Heavy";font-size:1.5rem;margin-bottom:0}[dir=rtl] .circleShadow.isExpense .isExpenseDonut span{font-family:"Almarai-Bold"}@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:first-child{font-family:"Avenir-Medium";font-size:.75rem;color:#384150;margin-bottom:1rem}[dir=rtl] .circleShadow.isExpense .isExpenseDonut span:first-child{font-family:"Almarai-Regular"}@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}}
.statusBarComponent .isActivitiesBar{padding-bottom:25px}.statusBarComponent .isActivitiesBar .label{font-family:"Avenir-Heavy";font-size:1rem;color:#384150;padding-top:6px}[dir=rtl] .statusBarComponent .isActivitiesBar .label{font-family:"Almarai-Bold"}@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 span{font-size:1rem;font-family:"Avenir-Medium";color:#8994a5}@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}}[dir=rtl] .statusBarComponent .isActivitiesBar .label span{font-family:"Almarai-Regular"}.statusBarComponent .isActivitiesBar .statusBar{background:#bfc7d0;height:28px;width:100%;border-radius:4px;position:relative;z-index:1}.statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets{height:28px;position:relative;z-index:2;border-radius:4px 0 0 4px}.statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets .isAchievedPercent{position:absolute;right:4px;top:7px;font-size:.875rem;font-family:"Avenir-Medium";color:#fff}@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}}[dir=rtl] .statusBarComponent .isActivitiesBar .statusBar .isCurrentTargets .isAchievedPercent{font-family:"Almarai-Regular"}.statusBarComponent .isActivitiesBar .statusBar .highestValue{background:#5090f8}.statusBarComponent .isActivitiesBar .statusBar .lowestValue{background:#eb3223}.statusBarComponent .isActivitiesBar .statusBar .avrgValue{background:#8994a5}.statusBarComponent .isActivitiesBar:last-child{padding-bottom:0}.activeUsersBar .hrsByLoader:empty{width:100%;height:50px;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}.avrgMonthlyValue .activeUsersBar .hrsByLoader:empty{height:28px}
.totalIncomeAnalysis .chartDiagram .salary,.totalIncomeAnalysis .chartDiagram .freelance,.totalIncomeAnalysis .chartDiagram .others{font-size:1rem;color:#8994a5;position:relative;padding-left:2px;margin-left:55px}@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: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}.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";font-size:.875rem;color:#fff;margin-top:8px;text-align:center}[dir=rtl] .budgetLineChartGraph .budgetBalGraph{font-family:"Almarai-Bold"}@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 .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}.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}.semiCircleLoader.analysticsPieChartLoader:empty{height:200px;width:400px;margin:0 auto;border-radius:200px 200px 0 0}.PercentageIncomeGraph.analysticsPieChartLoader:empty{height:250px;width:250px}.incomeInsightWtCard.creditWtCard{padding:25px 15px}.incomeInsightWtCard.creditWtCard .w-48{width:49%}.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%}
.container.isGlobalFooterSec{padding:0;margin-top:50px}.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 .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;font-family:"Avenir-Medium";line-height:2.5;cursor:pointer;text-transform:uppercase}@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}}[dir=rtl] .globalFooterContainer .globalFooterBlock .navFooter li span{font-family:"Almarai-Regular"}.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 .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;font-family:"Avenir-Roman";transition:.3s all ease}@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}}[dir=rtl] .globalFooterContainer .globalFooterBlock .webSiteNavFooter li a{font-family:"Almarai-Light"}.globalFooterContainer .globalFooterBlock .webSiteNavFooter li a:hover{color:#000001;transition:.3s all ease}.globalFooterContainer .globalFooterBlock .footerCopyRight{color:#8994a5;font-size:.75rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .globalFooterContainer .globalFooterBlock .footerCopyRight{font-family:"Almarai-Regular"}
.fontRoman-14,.transactionList ul li span,.subCategories span{font-family:"Avenir-Roman";font-size:.875rem;line-height:22px}[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"}@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}}.newDashboard.efmDashboard .overview .todaysBalance .lastTimeUpdate{left:15px}.newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .currencyNo{margin-left:0;font-family:"Avenir-Medium";color:#000001}[dir=rtl] .newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .currencyNo{font-family:"Almarai-Regular"}.newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .amountNo{margin-right:0;font-family:"Avenir-Medium";color:#000001}[dir=rtl] .newDashboard.efmDashboard .overview .todaysBalance .receivePay .amountValue strong .amountCurrency .amountNo{font-family:"Almarai-Regular"}.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 .name{max-width:none}.newDashboard.efmDashboard .overview .bankAccounts .bankAccountsList .bankAccountHolder .userInfo .amount .amountCurrency{display:flex}.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 .isEfmTrendsSec{margin-top:20px}.newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .isTrendsSubTitle{font-family:"Avenir-Heavy";font-size:1rem;color:#384150}[dir=rtl] .newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .isTrendsSubTitle{font-family:"Almarai-Bold"}@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 .cashVsFlow{font-size:1.5rem;color:#000001;font-family:"Avenir-Heavy";margin-top:12px}@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}}[dir=rtl] .newDashboard.efmDashboard .overview .isEfmTrends .isEfmTrendsSec .cashVsFlow{font-family:"Almarai-Bold"}.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 .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 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;color:#8994a5}@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 .amountCurrency .currencyNo,.newDashboard.efmDashboard .overview .isEfmTrends .isCashFlowSec .cashFlowBar .label .amountCurrency .amountNo{font-size:.875rem;color:#000001}@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 .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 .netWorthDate{font-family:"Avenir-Medium";font-size:1rem;color:#8994a5}[dir=rtl] .newDashboard.efmDashboard .overview .isEfmTrends .netWorthDate{font-family:"Almarai-Regular"}@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 .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 .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 .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 .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;color:#8994a5;font-family:"Avenir-Medium";width:25%;text-align:center}@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}}[dir=rtl] .newDashboard.efmDashboard .overview .overviewMain .rightColumn .expenseAnalysis.upcoming .analysGraphMonth span{font-family:"Almarai-Regular"}.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;font-family:"Avenir-Medium"}@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}}[dir=rtl] .transnCategBox .viewCaseBtns button{font-family:"Almarai-Regular"}.subCategoryBox .categoryTitle{font-family:"Avenir-Roman";color:#8994a5}[dir=rtl] .subCategoryBox .categoryTitle{font-family:"Almarai-Light"}.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";font-size:1.125rem;color:#5090f8;margin-right:30px}[dir=rtl] .editTxt{font-family:"Almarai-Bold"}@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}}.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";font-size:1.5rem;color:#8994a5}[dir=rtl] .budget-title{font-family:"Almarai-Bold"}@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}}.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;width:40px;height:40px;font-family:"Avenir-Heavy";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}@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}}[dir=rtl] .budgetCal .budgetMonth{font-family:"Almarai-Bold"}.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";font-size:1.125rem;color:#000001}[dir=rtl] .incomeSection h6{font-family:"Almarai-Bold"}@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 .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;padding:8px 12px}@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__group-heading{font-family:"Avenir-Heavy";font-size:.875rem;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}[dir=rtl] .efm-select.name-select__menu-list .efm-select.name-select__group .efm-select.name-select__group-heading{font-family:"Almarai-Bold"}@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::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}.x .axis .tick line{visibility:hidden}.axisLabelColor text{fill:#8994a5;font-size:.75rem;font-family:"Avenir-Roman"}@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}}[dir=rtl] .axisLabelColor text{font-family:"Almarai-Light"}
.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;font-family:"Avenir-Roman";padding:9px 20px;margin-bottom:14px}@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}}[dir=rtl] .sideNavBarUP>ul>li a{font-family:"Almarai-Light"}.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";font-size:1.25rem;color:#395293;text-transform:uppercase;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #dbe1e9}[dir=rtl] .sideNavBarUP>ul li.isIndicatorTitle{font-family:"Almarai-Bold"}@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 .supplierAccessBtn{min-width:144px;font-family:"Avenir-Roman";font-size:.75rem;margin:0 20px}[dir=rtl] .sideNavBarUP .supplierAccessBtn{font-family:"Almarai-Light"}@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 .postmanTxt{margin:0 20px}.sideNavBarUP .postmanTxt .postmanDownloadTxt{color:#384150;font-family:"Avenir-Roman";font-size:1rem;padding:8px 0;margin:24px 0 0;line-height:initial}[dir=rtl] .sideNavBarUP .postmanTxt .postmanDownloadTxt{font-family:"Almarai-Light"}@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>ul>li>ul>li a:hover{background-color:#5090f8;font-family:"Avenir-Roman";color:#fff}[dir=rtl] .sideNavBarUP>ul>li>ul>li a:hover{font-family:"Almarai-Light"}.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 .indKycReqBody{width:670px;background-color:#fff;border-radius:4px;margin:0 auto;padding:35px}.indKycReqContainer .indKycReqBody .kycReqtitle{font-family:"Avenir-Heavy";font-size:1.25rem}[dir=rtl] .indKycReqContainer .indKycReqBody .kycReqtitle{font-family:"Almarai-Bold"}@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 .tiltePermission{font-family:"Avenir-Medium";font-size:1rem;line-height:1.5;color:#384150}[dir=rtl] .indKycReqContainer .indKycReqBody .tiltePermission{font-family:"Almarai-Regular"}@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 .bankAccountText span{line-height:1.5}.indKycReqContainer .indKycReqBody .tiltePermission .bankAccountText span strong{color:#384150}.indKycReqContainer .indKycReqBody .kycPermissionBody{padding:25px;background-color:#f3f5fd}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions{border-bottom:1px solid #dbe1e9}.indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionLftSec .kycIcons{width:28px;height:28px;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:50px;background-color:#dbe1e9}.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";font-size:.875rem;color:#384150}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .kycPermissionLst{font-family:"Almarai-Bold"}@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 .permissionDesc{font-family:"Avenir-Medium";font-size:.75rem;color:#8994a5;line-height:18px;padding:8px 0 16px 0}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody .kycPermissions .permissionRgtSec .permissionDesc{font-family:"Almarai-Regular"}@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 .doNotAllowPermissions{font-size:.875rem;font-family:"Avenir-Medium"}@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}}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions{font-family:"Almarai-Regular"}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions ul li{color:#8994a5;padding-bottom:10px}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions ul li::before{font-family:"icomoon" !important;content:"";color:#eb3223;margin-right:10px;font-size:.625rem}@media screen and (max-width: 1280px){.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions ul li::before{font-size:.5625rem}}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions .permissionAgree{color:#8994a5;line-height:22px}.indKycReqContainer .indKycReqBody .kycPermissionBody .doNotAllowPermissions .permissionAgree a{text-decoration:underline}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody{padding:0;background-color:#fff}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText{margin-bottom:25px;padding:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection{background-color:#f8fcfd;padding:15px;border-radius:4px}.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 .isLgSection .isAccordion{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #dbe1e9}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText .isLgSection .isAccordion h6{margin-bottom:0;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 .icon-down-arrow{line-height:normal}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .bankAccountText:last-child{margin-bottom:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .permissionBtnsSec{padding:35px 0 0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .permissionBtnsSec .btn{background-color:#fff}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .permissionBtnsSec .btn:last-child{background-color:#eb8b2d}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .permissionBtnsSec .btn:first-child:hover{background-color:#5090f8}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList{border:1px solid #dbe1e9;padding:15px;margin-bottom:25px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList:last-child{margin-bottom:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList:first-child{margin-top:25px}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span{font-family:"Avenir-Medium";color:#384150;font-size:.75rem;padding-bottom:6px}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isDate span{font-family:"Almarai-Regular"}@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:last-child{padding-bottom:0}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee span:first-child{font-family:"Avenir-Heavy";color:#384150;font-size:.75rem}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee span:first-child{font-family:"Almarai-Bold"}@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 .isCompanyInfo .name{font-family:"Avenir-Medium";color:#384150;font-size:.75rem;padding-left:5px;width:100px}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .name{font-family:"Almarai-Regular"}@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 .companyName{font-family:"Avenir-Roman";color:#8994a5;font-size:.75rem;padding-left:5px;width:100px}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isCompanyInfo .companyName{font-family:"Almarai-Light"}@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 .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";color:#8994a5}[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:last-child{font-family:"Avenir-Medium";color:#384150;line-height:normal;padding-left:5px}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isFinancialGuarantee .isExpiryInfo span span:last-child{font-family:"Almarai-Regular"}.indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isRequestApprove span:first-child{font-family:"Avenir-Heavy";color:#000001;font-size:.875rem;padding-bottom:12px}[dir=rtl] .indKycReqContainer .indKycReqBody .kycPermissionBody.isRequestedLGBody .isLgRequestList .isRequestApprove span:first-child{font-family:"Almarai-Bold"}@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 .permissionBtnsSec{padding:35px 0}.indKycReqContainer .indKycReqBody .permissionBtnsSec h1{padding-bottom:32px;color:#384150;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 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 .requestSuccessBody .stnmntDownload .mediumFont{width:90%;display:inline-block;line-height:28px}.indKycReqContainer .TxnConsentInfoSection{background-color:#fff}