.btn.createBtn{border-radius:4px;border:1px solid #5090f8;color:#fff;font-size:1rem;font-family:"Avenir-Heavy";min-height:44px;background:#5090f8}[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"}.popupScroller{overflow:auto;height:74vh}.wfAlignMent{margin-top:-14px}.payments h1{font-size:1.9375rem;font-family:"Avenir-Roman";color:#384150}[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}.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"}.footerButton .totalAmount h4.fetchingUpdates{font-size:1rem;font-family:"Avenir-Medium";color:#000001}[dir=rtl] .footerButton .totalAmount h4.fetchingUpdates{font-family:"Almarai-Regular"}.footerButton .totalAmount p{color:#000001;font-size:1.625rem;margin-top:12px}.footerButton span{font-size:1.375rem;margin-right:10px}.btn.backbtn{color:#5090f8;border:1px solid #5090f8}.rejectBtn{margin-right:20px}.footerMain.container,.proceedMain.container{position:fixed;bottom:0;background-color:#fff;padding:15px 25px;z-index:50;margin:0 auto;box-shadow:0 0 8px 0 rgba(56,65,80,.22)}.approveBtn,.rejectBtn{width:131px;height:44px}.footerButton .btn>i{font-size:1.375rem}.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}.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}.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"}.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}[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}.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}[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}.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}[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}[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"}[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"}[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}[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}.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"}.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}.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"}.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"}[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}.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"}[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}[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}[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}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.jointApproval{color:#000001;font-size:1rem;font-family:"Avenir-Heavy"}[dir=rtl] .popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.jointApproval{font-family:"Almarai-Bold"}.popup-overlay-pay .sucessPayment h4 .failedPayntErrorText{color:#eb3223}.popup-overlay-pay .sucessPayment h4 .onHoldPayntErrorText{color:#efc81f}.dateTimeColor{color:#384150}.scheduleOptionalTxt{color:#8994a5;font-family:"Avenir-Medium";font-size:.875rem}[dir=rtl] .scheduleOptionalTxt{font-family:"Almarai-Regular"}.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}[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}[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}.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}[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}[dir=rtl] .isAttacheFileContainer .issueDropZone .issueDropZoneText{font-family:"Almarai-Light"}.isAttacheFileContainer .issueDropZone .issueDropZoneText .icon-Browse{font-size:1.25rem;padding-right:5px;margin-top:-2px}.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"}.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"}.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}[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"}[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}.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}[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"}[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}.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:1rem;font-family:"Avenir-Medium";margin:5px 0}[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"}.isTracker{color:#5090f8;font-family:"Avenir-Roman";font-size:.75rem;position:relative}[dir=rtl] .isTracker{font-family:"Almarai-Light"}.isTracker .icon-location{position:relative;top:2px;font-size:.75rem}.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}[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"}.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"}.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"}.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"}.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}.isPaymentTrackerContainer .events li.completed .stepLabel::after{content:"";font-family:"icomoon" !important;font-size:1.625rem;padding:0;border:none;z-index:1;color:#62bd69}.isPaymentTrackerContainer .events li.completed>span:last-child::before{border-left:2px solid #62bd69}.isPaymentTrackerContainer .events li.completed>span:last-child .stepStatus::before{content:none}.isPaymentTrackerContainer .events li.completed>span:last-child .stepStatus .status::before{content:none}.isPaymentTrackerContainer .events li.currentStage .stepLabel::after{content:"";padding:8px;z-index:1;background-color:#fff;border:5px solid #62bd69;border-radius:50%}.isPaymentTrackerContainer .events span{position:relative}.isPaymentTrackerContainer .events span::before{content:"";position:absolute;z-index:0;left:7px;height:100%;border-left:2px #bfc7d0 solid;top:0;bottom:0}.isPaymentTrackerContainer .events strong{display:block;font-weight:bolder}.isPaymentTrackerContainer .loader:empty{width:100px;height:20px;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 18px, transparent 0),linear-gradient(#f3f5fd 27px, transparent 0);background-size:20px 70px,100% 30px,100% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.isPaymentSwitch.BeneficiarySearch{border:none;position:relative}.isPaymentSwitch.BeneficiarySearch::after{content:"";border-right:1px solid #dbe1e9;position:absolute;height:35px;right:0;top:-6px}.isPaymentSwitch.BeneficiarySearch .icon-column-switch{border:1px solid #8994a5;border-radius:4px;background:#f3f5fd;padding:9px;color:#8994a5;font-size:1.25rem}.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"}.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}.footerButton .accessingSameUser .accessingSameUserTxt{font-size:.875rem;color:#8994a5;font-family:"Avenir-Roman";padding-right:3px}[dir=rtl] .footerButton .accessingSameUser .accessingSameUserTxt{font-family:"Almarai-Light"}.footerButton .accessingSameUser .accessingSameUserTxt .usrName{color:#000001;font-size:.875rem;font-family:"Avenir-Roman"}[dir=rtl] .footerButton .accessingSameUser .accessingSameUserTxt .usrName{font-family:"Almarai-Light"}.footerButton .accessingSameUser .duplicateLoader{display:inline-flex}.footerButton .accessingSameUser span{margin-right:0}.footerMain .billsNodueNote{font-size:.75rem;font-family:"Avenir-Roman";color:#384150}[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"}.groupUserFooterMain.footerMain .footerButton .isBenCount .isCount{font-size:.875rem;font-family:"Avenir-Heavy";color:#000001;padding-left:4px}[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"}.groupUserFooterMain.footerMain .footerButton .isBenCount.isWalletsCount .isCount{font-size:1.25rem;font-family:"Avenir-Medium";color:#000001}[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"}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow{font-size:.9375rem;margin-right:0;position:relative;top:2px;transition:transform .3s}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow::before{display:inline-block}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow.moreDetails{top:0}.groupUserFooterMain.footerMain .footerButton .totalAmount span.linkColor .icon-down-arrow.moreDetails::before{transform:rotate(-180deg);transition:transform .3s}.groupUserFooterMain.footerMain .footerButton .totalAmount::before{border-left:1px solid #bfc7d0;content:"";position:absolute;width:1px;height:46px;left:-20px}.groupUserFooterMain.footerMain .footerButton .isSingleCompanyPays h4{color:#8994a5}.groupUserFooterMain.footerMain .footerButton .isSingleCompanyPays p{color:#000001;font-size:1.375rem;margin-top:12px}.groupUserFooterMain.footerMain .isProceedBtn{max-width:165px;align-self:flex-start}.groupUserFooterMain.footerMain .isPaymentsViewMore{border-radius:4px;position:relative;width:85%;display:flex;justify-content:space-between;flex-wrap:nowrap}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments{width:100%}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide{width:100%}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn{width:33.33%;position:relative;padding-bottom:13px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments{padding-left:10px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{font-family:"Avenir-Medium";font-size:.875rem;color:#8994a5;padding-bottom:6px}[dir=rtl] .groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayCount{font-family:"Almarai-Regular"}.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"}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum{position:relative;font-size:.875rem;padding-bottom:4px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum::after{content:"";position:absolute;width:1px;height:12px;border-left:2px solid #000001;right:-8px}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isPayAmount .amountNum:last-child::after{content:none}.groupUserFooterMain.footerMain .isPaymentsViewMore .isCompanyPayments .isPayFooterDivide .isCompanyColumn .isPayments .isRemove{font-family:"Avenir-Roman";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"}.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}.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%}.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"}.paymentOtp.transactionDetails .isBulkPayApproval .isTxt{font-size:.875rem;font-family:"Avenir-Medium";color:#8994a5}[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}[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"}.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}[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"}.dNone{display:none}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.addPor{font-size:.875rem;color:#5090f8;font-family:"Avenir-Roman";text-decoration:underline}[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"}[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}.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}.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}.popup-overlay-pay .transactionDetails .mainDetails .detailsRow span.colorGreen{font-size:.875rem}.bankRejected{color:#eb3223;font-size:.875rem}.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}[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}.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}.transactionDetails.createPayment.newCreatePay .createPaymentPopupMain .createPaymentBody .sliderPopupBody .isMultiDebitAccounts .isFlex .formControl.ml-2 .icon-plus{top:10px;right:-30px;color:#5090f8;font-size:1.5625rem}.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"}.sucessPayment.txnFailedPopup.transactionDetails .failedPayntErrorText{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium";line-height:initial}[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"}.transactionOverview .amountCurrency.reduceAmoutFont{font-size:.875rem}.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}[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}.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}[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"}.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}.paymentOtp .btnScheduleCalendar .scheduleCalndr:hover{opacity:.8}.paymentOtp h3.warningTitle{color:#eb3223;font-size:1.625rem;font-family:"Avenir-Heavy"}[dir=rtl] .paymentOtp h3.warningTitle{font-family:"Almarai-Bold"}.paymentOtp .duplicateWarning{color:#8994a5;font-size:1rem;font-family:"Avenir-Medium";line-height:initial}[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}[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"}[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"}.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"}.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}[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}[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"}.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"}.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"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName{padding-top:8px;color:#384150;font-size:.75rem;font-family:"Avenir-Medium"}[dir=rtl] .sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName{font-family:"Almarai-Regular"}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isPrimaryAccnt .isTagName .icon-tags{color:#7799be}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isSelectedAcc{position:relative}.sliderPopup .transactionDetails.isPopupContainer .sliderPopupViewDetailsBody .isAllBenBankAccnts .isAllAccnts .isPrimaryAccnts .isSelectedAcc .icon-check-mark-filled.approvalIcon{color:#62bd69;font-size:1.125rem}.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"}.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}[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}[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}[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}[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}.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}[dir=rtl] .filterAppliedContainer .filterBlock .filterBtn .filterItem{font-family:"Almarai-Regular"}.filterAppliedContainer .filterBlock .filterTxt{color:#384150;font-size:1rem;font-family:"Avenir-Roman"}[dir=rtl] .filterAppliedContainer .filterBlock .filterTxt{font-family:"Almarai-Light"}.filterAppliedContainer .filterBlock .filterTxt .showingCount{color:#8994a5}.isBenDetailsDateWidth{width:14%}.isBenDetailsFrmAccWidth{width:29%}.isBenDetailsBenAccWidth{width:30%}.isBenDetailsAmountWidth{width:27%}.benDetailsTitle{font-size:.75rem;color:#384150;font-family:"Avenir-Medium";padding:.3rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[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}[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}@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}.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"}.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"}.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}.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"}.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"}[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}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .tableTitle{text-transform:uppercase}.newPaymentsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td{cursor:pointer}.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}.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}.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"}[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}.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"}.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"}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.billAmount .tableDataTitle .amountCurrency{color:#000001;font-size:1rem}.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}.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"}.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}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.tableFontheavy.noCursor .tableTitle{text-transform:uppercase}.newBillsTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td{cursor:pointer}.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}.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}[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"}[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"}[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}.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"}.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"}.overview h3.isTitle{text-transform:capitalize}.overview .transactionDetails h3,.overview .paymentOtp h3{text-transform:initial;color:#000001;font-size:1.5625rem}.overview .commentBeneficiries h3{font-size:1.5625rem;color:#000001;text-transform:initial}.overview .upcomingAllPayments .upcomingAllPaymentsDivider{border-bottom:1px solid #dbe1e9;padding:18px 0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider:last-child{border-bottom:0;padding-bottom:0}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .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}[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}[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}[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"}[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}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .AccDetails{color:#5090f8;font-size:.875rem;font-family:"Avenir-Medium";padding:5px 0;cursor:pointer}[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"}[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"}[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}[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}[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}[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}[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"}.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}.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}[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}.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}.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"}.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"}.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}.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}[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}.todaysBalance .balAmount .amountCurrency .amountNo{margin-left:8px}.balAmount{font-size:1.875rem;font-family:"Avenir-Roman";display:block;padding:20px 0 45px}[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}[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}.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}[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}[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}.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"}.isPaymentsInProcess .listOfInProcessPays .payList .isPendingPays .isCount{font-size:1rem;font-family:"Avenir-Heavy";color:#384150;padding-bottom:4px}[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"}.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}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"}.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}.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}.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"}[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}.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"}[dir=rtl] .noPayments span{font-family:"Almarai-Light"}.noPayments .btn{font-size:1rem;padding:15px 30px}.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"}.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"}[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"}.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}.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}[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}[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}.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}.upcoming.logs .ipAddress{color:#8994a5;font-size:.875rem;font-family:"Avenir-Roman"}[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}.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}[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}[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}[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}[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}[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}.numberAmount strong{font-size:4.125rem;font-family:"Avenir-Heavy";color:#2a345e}[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}.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}.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}.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}.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"}.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"}.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"}.personalDashBoardErrMsg .noRecordsTxt{color:#384150;font-family:"Avenir-Medium";font-size:.75rem;line-height:1.4}[dir=rtl] .personalDashBoardErrMsg .noRecordsTxt{font-family:"Almarai-Regular"}.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}.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}.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}.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}[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}[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}.payment-text{color:#8994a5;font-family:"Avenir-Medium";font-size:.875rem;line-height:20px}[dir=rtl] .payment-text{font-family:"Almarai-Regular"}.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"}.outStanding{width:260px;position:relative;text-align:right}.outStanding h1{color:#000001;font-size:3.125rem;font-family:"Avenir-Black";margin:15px 0}[dir=rtl] .outStanding h1{font-family:"Almarai-ExtraBold"}.outStanding h1 span{color:#384150;font-size:1.25rem;margin-right:3px;font-family:"Avenir-Roman"}[dir=rtl] .outStanding h1 span{font-family:"Almarai-Light"}.outStanding sub{font-size:1.875rem;font-family:"Avenir-Black"}[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}.cashAnalysis .amountCurrency{font-size:1.25rem;color:#384150}.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}[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}.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}.pendingPaymentCard .paymentbankList .amountCurrency{font-size:1.25rem}.amountText{color:#000001;font-size:1rem;font-family:"Avenir-Heavy"}[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%}[dir=rtl] .tableSubTitle,[dir=rtl] .transactionDesc,[dir=rtl] .tableSubTitleAmt{font-family:"Almarai-Light"}.tableSubTitleAmt{font-size:1rem;line-height:20px}.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}[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"}.mainAnalysis .cashGraphAmt{font-family:"Avenir-Heavy";font-size:1rem}[dir=rtl] .mainAnalysis .cashGraphAmt{font-family:"Almarai-Bold"}.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"}.transOverview .cashAmt{color:#5090f8;font-size:2.25rem;font-family:"Avenir-Heavy";margin-left:3px;margin-top:8px;display:inline-block}[dir=rtl] .transOverview .cashAmt{font-family:"Almarai-Bold"}.transOverview .cashAmt span{color:#000001;font-size:1rem;font-family:"Avenir-Roman";margin-right:5px}[dir=rtl] .transOverview .cashAmt span{font-family:"Almarai-Light"}.transOverview .cashAmt sub{font-size:1.25rem;font-family:"Avenir-Black";margin-left:3px}[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 .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}[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}.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}.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}.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"}.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}.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}.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}.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}.mainAnalysis .cashGraphAmt{font-size:.875rem}.analysisBox{margin-right:7px}.isLayoutExpand .pendingPymt{max-width:110px}.pendingPaymentCard .paymentbankList .tableSubTitle,.pendingPaymentCard .paymentbankList .tableSubTitleAmt,.pendingPaymentCard .paymentbankList .transactionDesc{font-size:.875rem}.pendingPaymentCard .paymentbankList .amountCurrency{font-size:1rem}.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}.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 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}span.balanceBox.icon-hide-eye{font-size:1rem}.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}
.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"}.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"}.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}
.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}.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%}.transactionOverview .benBoxFilter .totalItems .amountCurrency{font-size:.875rem}.transactionOverview .benBoxFilter .totalItems .amountCurrency span{display:inline}.transactionOverview .benBoxFilter .totalItems .amountCurrency .currencyNo{margin-left:0}.transactionOverview .benBoxFilter .totalItems .amountCurrency.reduceAmoutFont{font-size:.875rem}.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}[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}[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}.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"}.transactionOverview.selectPays .benBoxFilter .boxBankFlex .bankNameCount .isFlex>.label{max-width:125px}.isCatagoryIcons{padding-right:5px}.isCatagoryIcons [class*=icon-]{color:#8994a5;font-size:1.5625rem}.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)}
.wrapper .content .formControl .errorMessage{position:initial}.formControl .isInputField.pr-70{padding-right:70px}.formControl .rightBtn{position:absolute;right:20px;color:#5090f8;top:16px;font-size:.875rem;font-family:"Avenir-Medium"}[dir=rtl] .formControl .rightBtn{font-family:"Almarai-Regular"}.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}}.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"}
.apiUser .title{font-family:"Avenir-Heavy"}[dir=rtl] .apiUser .title{font-family:"Almarai-Bold"}.apiUser .title span{font-family:"Avenir-Heavy"}[dir=rtl] .apiUser .title span{font-family:"Almarai-Bold"}.apiUser .containerBoxes{display:grid;grid-template-columns:auto auto auto auto;grid-column-gap:15px;text-align:center;margin:25px 0}.apiUser .containerBoxes .gridBox{display:flex;padding:25px 20px;background-color:#f8fcfd;border:1px solid #dbe1e9}.apiUser .containerBoxes .gridBox.totalApis [class^=icon-]{background-color:#5090f8}.apiUser .containerBoxes .gridBox.activeApis [class^=icon-]{background-color:#62bd69}.apiUser .containerBoxes .gridBox.totalApiCalls [class^=icon-]{background-color:#eb8b2d}.apiUser .containerBoxes .gridBox .ttLbl,.apiUser .containerBoxes .gridBox .valueLbl{font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .apiUser .containerBoxes .gridBox .ttLbl,[dir=rtl] .apiUser .containerBoxes .gridBox .valueLbl{font-family:"Almarai-Bold"}.apiUser .containerBoxes .gridBox .valueLbl{font-size:2.25rem}.apiUser .containerBoxes .gridBox .valueLbl .apiDataUp{color:#000001}.apiUser .containerBoxes .gridBox .valueLbl .apiDataDown{color:#eb3223}.apiUser .containerBoxes .gridBox [class^=icon-]{color:#fff;background:#2a345e;font-size:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;width:80px;height:80px}.apiUser .containerBoxes .gridBox .containerLabels{display:flex;flex-direction:column;margin-left:25px;justify-content:space-evenly;text-align:left}.apiUser .containerBoxes .gridBox .containerLabels .icon-dash-arrow.arrowUp{color:#000001;background:none;font-size:1.75rem;border-radius:0;display:inline-block;width:auto;height:auto}.apiUser .containerBoxes .gridBox .containerLabels .icon-dash-arrow.arrowDown{transform:rotate(180deg) scale(1);transition:.5s;color:#eb3223;background:none;font-size:1.75rem;border-radius:0;display:inline-block;width:auto;height:auto}.apiUser .mainPanel .titleHead{padding:30px 10px 20px 10px;border-bottom:1px solid #dbe1e9}.apiUser .mainPanel .titleHead h3{font-family:"Avenir-Heavy";font-size:1rem}[dir=rtl] .apiUser .mainPanel .titleHead h3{font-family:"Almarai-Bold"}.apiUser .mainPanel .titleHead small{font-size:12px;font-family:"Avenir-Roman"}[dir=rtl] .apiUser .mainPanel .titleHead small{font-family:"Almarai-Light"}.apiUser .mainPanel .leftPanel{width:24%;margin-right:20px}.apiUser .mainPanel .leftPanel .recentApi{border:1px solid #dbe1e9}.apiUser .mainPanel .leftPanel .recentCallList{padding:5px 15px 2px 10px}.apiUser .mainPanel .leftPanel .recentCallList .recentToday{border-bottom:1px solid #dbe1e9;padding:15px 0px}.apiUser .mainPanel .leftPanel .recentCallList .recentToday h4{margin-right:18px;font-family:"Avenir-Heavy"}[dir=rtl] .apiUser .mainPanel .leftPanel .recentCallList .recentToday h4{font-family:"Almarai-Bold"}.apiUser .mainPanel .leftPanel .recentCallList .recentToday>span{margin-top:10px;display:block;color:#8994a5;font-size:14px}.apiUser .mainPanel .leftPanel .recentCallList .moreActivites{font-size:1rem;color:#5090f8;padding:15px 0 13px 0;cursor:pointer;display:inline-block}.apiUser .mainPanel .rightPanel{width:74%;box-shadow:none;min-height:auto;position:inherit}.apiUser .mainPanel .rightPanel .apiPerformance{border:1px solid #dbe1e9}.apiUser .mainPanel .rightPanel:after,.apiUser .mainPanel .rightPanel:before{content:inherit}.apiUser .mainPanel .rightPanel .titleHead{padding-left:20px}.apiUser .mainPanel .rightPanel .banksGridContainer{display:grid;grid-gap:0 40px;grid-template-columns:250px auto auto auto 150px;padding:23px 20px 23px 50px;position:relative}.apiUser .mainPanel .rightPanel .banksGridContainer.headTitle{background:#f3f5fd}.apiUser .mainPanel .rightPanel .banksGridContainer span{font-size:12px;font-family:"Avenir-Roman";color:#8994a5;align-items:center;display:flex;justify-content:center}[dir=rtl] .apiUser .mainPanel .rightPanel .banksGridContainer span{font-family:"Almarai-Light"}.apiUser .mainPanel .rightPanel .banksGridContainer span.bank_name{font-family:"Avenir-Heavy";color:#384150;font-size:1rem;position:relative;margin-right:auto}[dir=rtl] .apiUser .mainPanel .rightPanel .banksGridContainer span.bank_name{font-family:"Almarai-Bold"}.apiUser .mainPanel .rightPanel .banksGridContainer span.bank_name img{width:18px;position:absolute;left:-30px}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData{font-family:"Avenir-Medium"}[dir=rtl] .apiUser .mainPanel .rightPanel .banksGridContainer.columnData{font-family:"Almarai-Regular"}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData:not(:last-child):after{content:"";width:92%;position:absolute;height:1px;background:#dbe1e9;bottom:0;left:50px}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData span{color:#384150;font-size:1rem;font-family:"Avenir-Roman"}[dir=rtl] .apiUser .mainPanel .rightPanel .banksGridContainer.columnData span{font-family:"Almarai-Light"}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData span.columnTitle{padding-left:0;font-family:"Avenir-Medium";margin-right:auto}[dir=rtl] .apiUser .mainPanel .rightPanel .banksGridContainer.columnData span.columnTitle{font-family:"Almarai-Regular"}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData span.responseTime{color:#5090f8}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData span.responseTime.slowResponse{color:#eb3223}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData span.responseTime .icon-dash-arrow{display:inline-block;position:relative;transition:.5s;right:4px}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData span.responseTime .icon-dash-arrow.arrowUp{color:#5090f8;top:-1px}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData span.responseTime .icon-dash-arrow.arrowDown{color:#eb3223;transform:rotate(180deg) scale(1);top:1px}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData span.responseTime .responseUp{color:#5090f8}.apiUser .mainPanel .rightPanel .banksGridContainer.columnData span.responseTime .responseDown{color:#eb3223}.isSuccessGreen{font-family:"Avenir-Roman";font-size:.875rem;color:#62bd69 !important}[dir=rtl] .isSuccessGreen{font-family:"Almarai-Light"}.isFailedRed{font-family:"Avenir-Roman";font-size:.875rem;color:#eb3223 !important}[dir=rtl] .isFailedRed{font-family:"Almarai-Light"}.selectSection.isObSelectWidth .selectOptionFont{width:175px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel{width:100%}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance{margin-top:25px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.headTitle{grid-gap:0 40px;grid-template-columns:250px auto auto 150px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData{grid-gap:0 50px;grid-template-columns:250px auto auto 150px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .totalCalls:empty{left:55px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead .banksGridContainer.columnData .failedCallsLoader{left:65px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead.apiOpenBankLoaders .banksGridContainer.columnData{grid-template-columns:250px auto auto auto 150px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .titleHead{padding-bottom:30px;padding-right:25px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .titleHead .selectSection{flex:none}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .titleHead .selectSection .selectOptionFont{width:140px}.apiActivities .inputWidth{display:flex;flex-direction:column;width:20%;margin-right:20px;justify-content:space-between;padding-bottom:1rem}.apiActivities .inputWidth input{border:1px solid #dbe1e9;padding:10px;border-radius:4px;margin-top:15px;width:100%}.apiActivities .inputWidth button{min-width:134px;max-width:134px;padding:8px}.apiActivities .inputWidth .selectOptionFont{margin-top:15px}.apiActivities .bankInputWidth{width:23%;display:flex;flex-direction:column;margin-right:20px;justify-content:space-between;padding-bottom:1rem}.apiActivities .bankInputWidth .inputSelect .listOfItems .isFlex{align-items:center}.apiActivities .bankInputWidth .inputSelect .listOfItems .isFlex .txnCompanyLogo>label>span{max-width:190px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;line-height:initial}.apiActivities .bankInputWidth .inputSelect .selectedItem .show-all{width:90%;max-width:100%}.apiActivities .inputWidth.apiDateFilter{width:20%}.apiActivities .apiSelect__option{word-break:break-all}.dataApiValueLoader: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,60% 25px,99% 37px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;margin-top:-10px;position:relative}.respnseTimeLoader:empty{left:36px}.totalCalls:empty,.activeInactiveLoader:empty{left:40px}.failedCallsLoader:empty{left:34px}.dataApiLoader: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}.recentApiLoader:empty{height:40px;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:14px 0}@keyframes horz{to{background-position:100% 10px,0 10px,0 35px}}.reconsilationContainer .apiActivities .reconDatePicker .react-datepicker .react-datepicker__navigation{max-width:initial;min-width:initial;padding:initial}.activityDateNTime{width:15%}.apiFlowName{width:51%}.activityBanksWidth{width:20%}.activityTxnType{width:15%}.activityPayload{width:8%}.activityApiDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.activityDateNTime{padding-left:25px}.activityApiDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.activityPayload{padding-right:25px}.activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityDateNTime{padding-left:25px}.activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityDateNTime .tableDataTitle{font-family:"Avenir-Roman"}[dir=rtl] .activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityDateNTime .tableDataTitle{font-family:"Almarai-Light"}.activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityDateNTime .tableDataTitle span{font-family:"Avenir-Heavy"}[dir=rtl] .activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityDateNTime .tableDataTitle span{font-family:"Almarai-Bold"}.activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityDateNTime .tableDataSubTitle{color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityDateNTime .tableDataSubTitle{font-family:"Almarai-Light"}.activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiFlowName .tableDataSubTitle{color:#384150;font-family:"Avenir-Roman"}[dir=rtl] .activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiFlowName .tableDataSubTitle{font-family:"Almarai-Light"}.activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityPayload{padding-right:25px}.activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityPayload .iconEye{margin-top:0}.activityApiDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.activityBanksWidth .activityBanks .activityBankLogo{margin:4px}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead.openBankingAPITable .banksGridContainer.headTitle{display:flex;justify-content:space-between}.apiUser.isOpenBankingapiLoaders .mainPanel .rightPanel .apiPerformance .rowHead.openBankingAPITable .banksGridContainer.columnData{display:flex;justify-content:space-between}.apiUser .mainPanel .rightPanel .openBankingAPITable .banksGridContainer span{width:10%}.apiUser .mainPanel .rightPanel .openBankingAPITable .banksGridContainer span .bank_name,.apiUser .mainPanel .rightPanel .openBankingAPITable .banksGridContainer span:first-child{max-width:130px;display:inline-block;min-width:130px;white-space:nowrap;overflow:hidden;width:100%;line-height:20px;text-overflow:ellipsis}.apiUser .mainPanel .rightPanel .openBankingAPITable .banksGridContainer span .bank_name{width:15%}
.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"}[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"}[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}.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:rgba(255,255,255,.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(/d7c2741d8da5faf25549.eot?ni489m);src:url(/d7c2741d8da5faf25549.eot?ni489m#iefix) format("embedded-opentype"),url(/3bd2505864a792fba454.ttf?ni489m) format("truetype"),url(/e75f51be29037f44e613.woff?ni489m) format("woff"),url(/57ea897cab9f5a43bc1f.svg?ni489m#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-use-case-hits-active:before{content:"\ea27"}.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}.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}.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}[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"}.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"}.myAccount .icon-mike,.myAccountSuper .icon-mike{position:relative;cursor:pointer}.myAccount .iconColor.icon-mike,.myAccountSuper .iconColor.icon-mike{font-size:1.375rem}.myAccount .ar.Cursor,.myAccount .en.Cursor,.myAccountSuper .ar.Cursor,.myAccountSuper .en.Cursor{color:#384150;font-family:"Almarai-Bold";font-size:.875rem;margin-left:45px}.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}.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"}.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}.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}.iconTriangle{color:#dbe1e9;font-size:.875rem}.iconGear{padding-right:10px;font-size:1.25rem}.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}[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}[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}.notifyClear{font-size:.875rem;margin-right:70px;margin-top:-18px;color:#5090f8;font-family:"Avenir-Medium";cursor:pointer}[dir=rtl] .notifyClear{font-family:"Almarai-Regular"}.userPanel .icon-Profile-icon{font-size:3.125rem;margin-right:15px;color:#8994a5}.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"}.email h5{font-family:"Avenir-Heavy";color:#000001;font-size:1rem}[dir=rtl] .email h5{font-family:"Almarai-Bold"}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}.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"}.sliderPopup .notificationPopup .NotificationBody .alertInfo .alertTitle>span{font-size:.75rem;color:#8994a5}.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"}.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"}.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"}.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"}.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"}.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"}.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}[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}.newUpdateBlock.alertAnnouncement .infoMessage{color:#000001;font-size:1rem;font-family:"Avenir-Roman";line-height:initial}[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:rgba(255,255,255,.2);padding:12px 12px;margin-right:20px;font-size:1.25rem}.newUpdateBlock.errorAnnouncement .infoMessage{color:#fff;font-size:1rem;font-family:"Avenir-Roman";line-height:initial}[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}.newUpdates span{color:#fff;padding:5px 0;font-size:1rem;font-family:"Avenir-Roman"}[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}.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}.icon-Activity-log.iconSettings::before{font-size:1rem;padding:10px 8px}.icon-beneficiary-master.iconSettings::before{padding:7px 10px}.icon-wallet.iconSettings::before{font-size:1.125rem}.settingsTitle{font-size:.875rem;font-family:"Avenir-Medium";color:#000001;cursor:pointer}[dir=rtl] .settingsTitle{font-family:"Almarai-Regular"}.viewBankBalance{font-size:.75rem;font-family:"Avenir-Roman";color:#8994a5}[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}[dir=rtl] .sandBoxContainer{font-family:"Almarai-Regular"}.sandBoxContainer.prodBoxContainer{background-color:#62bd69;color:#fff}.sandBoxContainer span{position:relative;top:1px}.sandBoxSelectBox .selectOptionFont [class*=css-] [class*=-ValueContainer]{padding-right:0px;padding-left:8px}.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].headerSelectDropdown__option.selectedHighlightOption{background-color:#58667b}[class$=-option].headerSelectDropdown__option{background-color:#384150}[class$=-option].headerSelectDropdown__option:hover{background-color:#58667b}
.whatsNewPopup .whatsNewContainer{padding:20px 45px}.whatsNewPopup .whatsNewContainer .versionTitle{color:#eb8b2d;font-size:1rem;font-family:"Avenir-Heavy";padding-bottom:30px}[dir=rtl] .whatsNewPopup .whatsNewContainer .versionTitle{font-family:"Almarai-Bold"}.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}[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}
.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}[dir=rtl] .btn{font-family:"Almarai-Bold"}.btn:hover{opacity:.8}.btn>i{margin-right:7px;font-size:1rem}.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}[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}}
.mediumGreyText,.appIdText,.appNameText,.serviceText{color:#384150;font-size:.75rem;font-family:"Avenir-Medium";line-height:18px}[dir=rtl] .mediumGreyText,[dir=rtl] .appIdText,[dir=rtl] .appNameText,[dir=rtl] .serviceText{font-family:"Almarai-Regular"}.serviceTypeLabel{min-width:104px}.serviceText{padding-bottom:20px}label.serviceCheckBg{background-color:#f3f5fd}.appIdText{color:#8994a5;padding-top:10px}.actionBox{border:1px solid #dbe1e9;border-radius:8px;width:47%;padding:10px 10px 23px;position:relative;cursor:pointer}.actionBox .icon-sandbox,.actionBox .icon-production{width:60px;height:60px;padding:15px;background-color:#f3f5fd;font-size:1.875rem;border-radius:50px;color:#8994a5}.actionBox .icon-check-mark-filled{position:absolute;right:10px;color:#5090f8;font-size:1.25rem;display:none}.actionBox.activeBg{background-color:#f3f5fd}.actionBox.activeBg .icon-check-mark-filled{display:inline-block}.actionBox.activeBg .icon-sandbox,.actionBox.activeBg .icon-production{background-color:#fff}.walletBtns{padding:16px 45px 0 45px}.walletBtns button{min-width:135px;padding-top:.6rem;padding-bottom:.6rem}.accountDetails{margin-top:8px;border-radius:4px;background-color:#f8fcfd;align-items:flex-start;padding:18px 15px}.accountDetails img{max-height:30px;margin-right:12px;width:30px}.pendingBox{width:calc(100% - 50px)}.tableSubTitle,.transactionDesc,.tableSubTitleAmt{color:#8994a5;font-size:.875rem;font-family:"Avenir-Roman";display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[dir=rtl] .tableSubTitle,[dir=rtl] .transactionDesc,[dir=rtl] .tableSubTitleAmt{font-family:"Almarai-Light"}.pendingPaymentCard .paymentQty{padding-top:8px;font-family:"Avenir-Roman"}[dir=rtl] .pendingPaymentCard .paymentQty{font-family:"Almarai-Light"}
@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:.875rem;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}}
#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;line-height:1.5;padding-top:5px}.userBankAccounts .bankFormCntrl{padding:16px 32px 16px 44px;border-bottom:1px solid #dbe1e9}.lastFourDigits{font-size:.875rem;font-family:"Avenir-Roman";color:#8994a5}[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}#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}[dir=rtl] .bankCountClr,[dir=rtl] .workFlowForUsers{font-family:"Almarai-Bold"}.createRoleDarkText{font-size:1rem;font-family:"Avenir-Roman";color:#000001}[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"}.securityBioMetric:hover{color:#5090f8}.phnBrdrBottom{border-bottom:1px solid #dbe1e9;width:81%}.emailCommunication{padding:24px 32px 24px 16px !important}.securityNote{font-size:1rem;color:#8994a5;font-family:"Avenir-Roman";padding:21px 20px 0 43px}[dir=rtl] .securityNote{font-family:"Almarai-Light"}.close{float:right;cursor:pointer;font-size:1.4375rem;font-weight:bold}.allUserProfileContent{flex:1 1;box-shadow:0 0px 0px 0px #bfc7d0,0 0px 0px 0px #bfc7d0,16px 5px 12px -16px rgba(191,199,208,.1),-14px 5px 12px -22px rgba(191,199,208,.1);min-height:65vh;width:100%}.addUserProfileLink{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.allUserProfileSideNav{flex:0 0 19%;position:relative}.allUserProfileWrapper{display:flex;flex-direction:row}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li{display:block}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li>a{color:#384150;font-size:1rem;padding:.75rem 1.5rem;font-family:"Avenir-Roman";display:block;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}[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}.allUserProfileWrapper .allUserProfileSideNav .sideNavWrapper .sideNavBar>ul>li.activeSubMenu>a:hover{background-color:#5090f8}.filterSideNavBarUP.globalFilterSideNav.deactive{top:85px}.breadCrumb1>ol li{color:#8994a5;font-family:"Avenir-Roman"}[dir=rtl] .breadCrumb1>ol li{font-family:"Almarai-Light"}.breadCrumb1>ol li>a{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"}[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}[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}.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"}.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"}.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}.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}[dir=rtl] .workFlowHeader>.workFlowPadding>div{font-family:"Almarai-Regular"}.workFlowHeader>.workFlowPadding>div:first-child{font-size:1rem;font-family:"Avenir-Roman"}[dir=rtl] .workFlowHeader>.workFlowPadding>div:first-child{font-family:"Almarai-Light"}#allUserEditBtn .allUserEditBtn button.allUserPrflColor,#allUserEditBtn .allUserEditBtn button.allUserPrflLicenceColor,#allUserEditBtn .allUserEditBtn button.allUserScrty,#allUserEditBtn .allUserEditBtn button.allUserVerifiedMsg,#allUserEditBtn .allUserEditBtn button.allUserBankName{color:#5090f8 !important}.checkBoxWidth{width:10.5%}.inputWidth{width:30%}.workFlowleftBrdr{padding:0rem !important}.workFlowleftBrdr>div:first-child{padding:24px 0rem 24px 44px}.workFlowleftBrdr>div{padding:1rem 1rem}.wrkFlowPadding{padding:0rem !important}.iconRightMarkPadding{padding-right:.8rem}.mTop--15{margin-top:15px}.allIconPadding{padding-right:.5rem}.userMangmntAddMore{padding:24px 31px 24px 44px}.userMangmntAddMore.noBorder{border-bottom:1px solid #dbe1e9}.workFlowTable{align-items:center;border-top:1px solid #dbe1e9;padding:25px 0 25px 0;font-family:"Avenir-Medium";color:#384150;font-size:1rem;position:relative}[dir=rtl] .workFlowTable{font-family:"Almarai-Regular"}.workFlowTable>div:first-child{color:#384150;font-size:1rem}.workFlowCheckBox [class*=icon-]{font-size:.625rem;margin-right:5px;margin-top:2px}.workFlowCheckBox span,.workFlowCheckBox label{font-size:.875rem;align-items:center;display:flex}.workFlowCheckBox.chooseAll{position:absolute;right:13px}.subRole{margin-bottom:20px}.subRole>div:first-child{width:38%;color:#384150;font-family:"Avenir-Roman";font-size:.875rem}[dir=rtl] .subRole>div:first-child{font-family:"Almarai-Light"}.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}[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}.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}.allUserLabelWdth{flex:.25;font-size:1rem;font-family:"Avenir-Heavy";line-height:initial}[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"}.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"}.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}[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}[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}.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"}.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"}.deviceName::before{content:"";font-family:"icomoon" !important;color:#8994a5;position:absolute;left:0;font-size:.875rem}.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"}.btnPrevNext button.disabled{color:#bfc7d0;pointer-events:none;cursor:not-allowed}.btnPrevNext button .icon{font-size:.8125rem}.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"}[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}.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}[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}.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}[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}[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}.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}.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}.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}.userIdWidth.isCallBackUrl .commercial-Mol .molBlock .molHead{color:#384150;padding-bottom:15px}.userIdWidth.isCallBackUrl .commercial-Mol .molBlock .molData{color:#000001}.optionalHead{font-size:.875rem}.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"}.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"}.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"}.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"}.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"}.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}.isDualAdminComments{padding-bottom:20px;font-family:"Avenir-Roman";font-size:.875rem;color:#384150;padding-right:32px}[dir=rtl] .isDualAdminComments{font-family:"Almarai-Light"}.isDualAdminComments .isComments{color:#8994a5}.isDualAdminErrorMsg .noWrapText .enjoyYourDay{font-size:1.5rem;font-family:"Avenir-Heavy";color:#384150}[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}[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}.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}
.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}.sessionWarning p{font-size:1rem;color:#8994a5;font-family:"Avenir-Roman";line-height:21px;margin:20px 0 7px 0}[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)}
.loginWrapper.panel,.loginWrapper.forgotPanel{width:100%;width:430px;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}.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"}[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"}.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}[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}[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}.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"}.panel.loginWrapper .logoWrapper .icon-shield{color:#62bd69;font-size:1.5625rem;display:inline-block;padding-left:12px;margin:0}.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"}.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"}.panel.loginWrapper .logoWrapper .otpInputBlock .otpInputField{margin-top:25px}.panel.loginWrapper .logoWrapper .mfaWrapper h1{color:#000001;font-size:1.5rem;font-family:"Avenir-Heavy"}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper h1{font-family:"Almarai-Bold"}.panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-family:"Avenir-Medium";font-size:.875rem;color:#8994a5;line-height:initial}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper div.text{font-family:"Almarai-Regular"}.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"}[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"}[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}[dir=rtl] .panel.loginWrapper .logoWrapper .mfaWrapper .blockInfo{font-family:"Almarai-Light"}.panel.loginWrapper .logoWrapper .mfaWrapper .icon-Account-locked{color:#8994a5;font-size:6.25rem}.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"}.panel.loginWrapper .isByTapping span{color:#000001}.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"}.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}.isCaptcha .icon-autorenew{color:#8994a5;font-size:1.25rem}.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}[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}.phoneNo{line-height:1.6}.twoStepChoose{font-size:.875rem;font-family:"Avenir-Roman";color:#384150;text-align:left;margin-bottom:1rem}[dir=rtl] .twoStepChoose{font-family:"Almarai-Light"}.forgotPsw{margin-top:1rem;text-align:center;color:#8994a5}.forgotPsw>a{font-size:.875rem}.successBtn{position:absolute;right:2rem;top:.75rem;font-size:1.125rem;color:#eb3223}.sessionWrapper h1{font-family:"Avenir-Heavy";font-size:1.5rem;color:#000001}[dir=rtl] .sessionWrapper h1{font-family:"Almarai-Bold"}.sessionWrapper span{font-family:"Avenir-Roman";color:#8994a5;font-size:.875rem;display:block;margin:20px 0}[dir=rtl] .sessionWrapper span{font-family:"Almarai-Light"}.sessionWrapper span a{color:#5090f8}.sessionWrapper.isPasswordSuccess .sessionMsg{border:1px solid #62bd69;color:#62bd69}.passWordMatchInfo{font-size:.75rem;color:#8994a5;font-family:"Avenir-Roman";line-height:initial}[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"}[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"}.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}.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}[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"}
.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"}[dir=rtl] .NotificationFleid .notifySubTitle{font-family:"Almarai-Regular"}.NotificationFleid .notificationTxt{color:#8994a5;font-size:1rem;font-family:"Avenir-Roman";margin-top:14px}[dir=rtl] .NotificationFleid .notificationTxt{font-family:"Almarai-Light"}.NotificationFleid .notifyBtn{color:#5090f8;font-size:.875rem;font-family:"Avenir-Medium";cursor:pointer}[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"}.NotificationFleid.subField .notificationTxt{font-size:.875rem;line-height:1.3}.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"}.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"}.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}.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%}
.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%}[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%}.pwdSuggestionBox .listStyling>ul>li::before{content:"◦";color:#8994a5;margin-left:-1rem;font-size:1.75rem;position:absolute;line-height:1}.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}.content .blockAuthActivity .deleteAuthDevice .icon-auth-delete:hover{color:#5090f8;transition:.3s}.signInShimmer .tagLoader{width:220px}.sdkCompanyInfo{flex:.75}.sdkCompanyInfo .w-45{width:48%}.sdkCompanyInfo .sdkCompanyInfoBtn{width:405px;display:flex;flex-direction:column}.companyInfoSDK{flex:.6}
.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}[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"}.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}[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}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}[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}[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}.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}.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"}[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}.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}.demoBankDesc.allUserLabelWdth{flex:none;width:25%}.demoBankDesc.allUserLabelWdth.redirectURL{width:20%}.sdkTokenWidth.userIdWidth{flex:.75}
.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"}[dir=rtl] .errorBoundmessage .errorBoundMsgText{font-family:"Almarai-Light"}
.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"}.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"}.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"}.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"}.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"}.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}[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}[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"}.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}.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"}.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"}.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"}.whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyNameMsg{font-size:1.25rem;color:#000001;margin:28px 0 11px;font-family:"Avenir-Heavy"}[dir=rtl] .whitePanel.isRegistrationContainer .isBankSuccessInfo .openBankSuccess .isCompanyNameMsg{font-family:"Almarai-Bold"}.whitePanel.isRegistrationContainer .level5 .sliderPopupViewDetailsBody.popupBanksBodyPadding{min-height:350px;align-items:center;display:flex;justify-content:center}.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"}.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:last-child{font-size:.875rem;color:#8994a5;line-height:initial;padding-left:20px;flex:1}.whitePanel.isRegistrationContainer .stepsToStart .isStepsList .stepsList:last-child{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #dbe1e9}.whitePanel.isRegistrationContainer .stepsToStart .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}.whitePanel.isRegistrationContainer .stepsToStart .isSecurityInfo .securityList .icon-sv-security{font-size:2.375rem;color:#8994a5}.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"}.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"}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .availableStatus{font-size:.875rem;color:#8994a5}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankProgress{margin-top:16px;background:#dbe1e9;height:12px;width:100%;position:relative;border-radius:4px}.isUpcomginBanksInfo .isUpcomingBanksList .isBanksStatus .isBankProgress .isCurrectProgress{background:#62bd69;height:12px;position:relative;border-radius:4px;z-index:2}.isUpcomginBanksInfo .isUpcomingBanksList:last-child{margin-bottom:0}.isUpcomginBanksInfo .bankAccountsList.preLoader .isUpcomingBanksList{padding:8px 25px}.isUpcomginBanksInfo .bankAccountsList.preLoader .isUpcomingBanksList .splashes{height:70px;width:auto;background-repeat:no-repeat;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(#f3f5fd 32px, transparent 0),linear-gradient(#f3f5fd 60px, transparent 0);background-size:20px 59px,100% 25px,100% 26px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite;display:block}.accountLinkedSection span img{vertical-align:baseline;margin-left:5px}.ClinkedTxt span{font-size:.875rem;font-family:"Avenir-Medium";color:#384150;margin-bottom:2px;display:block;line-height:20px}[dir=rtl] .ClinkedTxt span{font-family:"Almarai-Regular"}.ClinkedTxt span strong{font-family:"Avenir-Heavy"}[dir=rtl] .ClinkedTxt span strong{font-family:"Almarai-Bold"}
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"}[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-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-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}.ml-0{margin-left:0 !important}.m-auto{margin:auto}.m-0-auto{margin:0 auto}.mr-0{margin-right:0}.fs-10{font-size:.625rem}.fs-12{font-size:.75rem}.fs-14,h3.fs-14{font-size:.875rem}.fs-16{font-size:1rem}.fs-18{font-size:1.125rem}.fs-20{font-size:1.25rem}.fs-24{font-size:1.5rem}.w-96{width:96%}.mt-0{margin-top:0}.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}.ln-ht-initial{line-height:initial}.ln-ht{line-height:22px}.ln-ht-15{line-height:1.5}.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"}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"}.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}.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}.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}[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}.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"}[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"}[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}.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}.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}.primaryButtonStyles:hover{opacity:.8}.secondaryButtonStyles{font-size:1rem;background-color:#fff;color:#5090f8;border:1px solid #5090f8}.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"}.StyledlabelStyles{font-family:"Avenir-Heavy";font-size:.875rem;color:#384150}[dir=rtl] .StyledlabelStyles{font-family:"Almarai-Bold"}.ApprovalButtonStyles{color:#fff;background-color:#62bd69;font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .ApprovalButtonStyles{font-family:"Almarai-Bold"}.RejectButtonStyles{color:#fff;background-color:#eb3223;font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .RejectButtonStyles{font-family:"Almarai-Bold"}.InfoButtonStyles{color:#fff;background-color:#5090f8;font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .InfoButtonStyles{font-family:"Almarai-Bold"}.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"}[dir=rtl] .popup-content .modalHeader{font-family:"Almarai-Bold"}.popup-content .modalHeader .closeBtn{cursor:pointer;font-size:1.5rem;color:#8994a5;text-decoration:none}.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}.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}[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}.calenderPopup .react-datepicker .react-datepicker__navigation--next{background:none;position:static;border:0;font-size:0rem}.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}.calenderPopup .react-datepicker .react-datepicker__navigation--previous{background:none;position:static;border:0;font-size:0rem}.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)}.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"}[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}.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}.brdrBtm{border-bottom:1px solid #dbe1e9}.errorMsgTitle{font-size:1.125rem;font-family:"Avenir-Heavy";color:#384150}[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"}[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:.9375rem}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"}[dir=rtl] .logoMsg{font-family:"Almarai-Light"}.romanFontClrCrGrey{font-size:1rem;font-family:"Avenir-Roman";color:#384150}[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"}[dir=rtl] .mediumFont{font-family:"Almarai-Regular"}.mediumFontColor{color:#384150}.optionalText,.accessColor{color:#8994a5}.fileSupports{color:#8994a5;font-size:.75rem}.fileSupportsError{color:#eb3223;font-size:.75rem}.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"}[dir=rtl] .title{font-family:"Almarai-Bold"}.subTitle{padding:1.5rem 0;color:#384150;font-size:1.125rem;font-family:"Avenir-Roman"}[dir=rtl] .subTitle{font-family:"Almarai-Light"}.whitePanel{background-color:#fff;padding:45px 0;min-height:89vh;width:100%}.whitePanel .flex{justify-content:space-between}.whitePanel>.container.flex{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start}.whitePanel .flex.calendaRow{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"}[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"}.mediumblueyGrey,.mediumSoftBlue{font-size:.875rem}.mediumSoftBlue{color:#5090f8}.softBlueColor{color:#5090f8}.greyMediumFont,.greyHeavyFont{font-size:.875rem;font-family:"Avenir-Medium";color:#384150}[dir=rtl] .greyMediumFont,[dir=rtl] .greyHeavyFont{font-family:"Almarai-Regular"}.clearActive{font-size:.875rem;font-family:"Avenir-Roman";color:#5090f8;line-height:initial}[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"}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}[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}.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}.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}.colorOrange{color:#eb8b2d !important}.colorGreen{color:#62bd69 !important;font-size:.875rem}.colorYellow{color:#efc81f !important;font-size:.875rem}.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"}.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}[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][id*=-listbox]{z-index:5}.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*=-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"}.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}[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}.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}[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"}[dir=rtl] .digitalOnboarding .formControl .inputFieldHover:not(:placeholder-shown).inputFieldHover:not(:focus){font-family:"Almarai-Light"}.digitalOnboarding .formControl .inputFieldHover{font-size:1rem}.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}[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}[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}[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}.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}[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}[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}[dir=rtl] .isDatePickerLabel.toggleLabel label[for]{font-family:"Almarai-Light"}.isDatePickerLabel.toggleLabel .optionalLabel{font-size:.75rem;font-family:"Avenir-Roman";background-color:#fff}[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}[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}[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}[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}.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}[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}.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}[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}.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownTxtLoaded~.isDropdownPlaceholder{top:-5px;font-size:.75rem;position:absolute;background-color:#fff;padding:0 4px}.formControl.isSelectLabel .inputSelect .selectedItem .isDropdownPlaceholder{transition:top 200ms ease-in,left 200ms ease-in,font-size 200ms ease-in}.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}[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}[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}.sucessPayment.transactionDetails.isPopupContainer .textCapitalizeTt,.paymentOtp.transactionDetails.isPopupContainer .textCapitalizeTt{text-transform:capitalize}.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}[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}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}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}.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"}[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"}.isModuleTitle .moduleSubTitle{font-family:"Avenir-Roman";font-size:1rem;color:#8994a5;padding:1rem 0}[dir=rtl] .isModuleTitle .moduleSubTitle{font-family:"Almarai-Light"}.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}.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}
@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}.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}.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}.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}.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}.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:1.125rem}.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}.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{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}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.125rem}.overview h3{font-size:.875rem}.paymentSection{padding:36px 46px 16px 46px}.paymentSection .dashBoardPendings{font-size:1rem}.upcoming .topHead .isDashboardTotalCount{font-size:.875rem}.bankAccounts .accountDetails img{max-height:22px}.bankAccounts .accountDetails .overBankAccount{font-size:.875rem}.companiesBal .companySec{font-size:.875rem}.container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.625rem}.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}.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}.rightSideBlockWidth .beneficiaryProfile .prifleContainer .benProfileBox .benBox .amountCurrency{font-size:1.125rem}.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}.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}.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}.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{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}.overview .upcomingAllPayments .upcomingAllPaymentsDivider .overviewAccDetails .amountCurrency{font-size:1.125rem}.overview h3{font-size:.875rem}.overview h3 .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb h1.title{font-size:1.625rem}.overview h3 .container.isLoginContainer main.isMainLoginSection .isLoginCarouselSection .isLoginCarouselContainer .isCorporateOb .carouselImg{width:50%}.isSamaLicense .isSamaRegulatory{width:92%}.paymentSection{padding:30px}.paymentSection .dashBoardPendings{font-size:1rem}.upcoming .topHead .isDashboardTotalCount{font-size:.875rem}.bankAccounts .accountDetails img{max-height:22px}.bankAccounts .accountDetails .overBankAccount{font-size:.875rem}.companiesBal .companySec{font-size:.875rem}.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}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-Edit{font-size:1.625rem}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-invoice-approved{font-size:2rem}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox [class$=-OverviewIconBox] .icon-paid{font-size:1.75rem}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:first-child{font-size:.75rem}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .isFlex.invoiceOverViewStatusContainer .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus span:last-child{font-size:.875rem}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle .overDueAmountTitle{width:42%}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle h1{font-size:.75rem;white-space:nowrap}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle .overDueAmountSubTitle{font-size:.625rem}.whitePanel.invoiceOverviewPanel.overviewResponsive .invoiceOverviewContainer .invoiceOverviewChart .invoiceOverViewChart .chartTitle .overDueAmountSubTitle span{width:fit-content}.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}}@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}.invoiceViewDetails .px-4.invoiceDetaisResponsive .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events li>span:first-child{flex:0}}@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}.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}.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}.newDashboard.efmDashboard .overview .overviewMain .leftColumn .bankAccounts .bankAccountsList .accountDetails .amountCurrency{font-size:.875rem}}@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 .indKycReqBody{width:100% !important;padding:35px 10px !important}}
.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}.isGoTop .isFlexColumn .goTopTxt{color:#2a345e;font-size:.875rem;font-family:"Avenir-Roman";padding-top:5px}[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;margin-bottom:-78px}.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 .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)}.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"}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter{padding:.5rem 0 .5rem .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}.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}.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}.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}[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"}[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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isUseHitssSidenavIcon .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isUseHitssSidenavIcon .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:url(/c1a5b7d21ffe9f72b037.svg) no-repeat}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isUseHitssSidenavIcon .isSideNavTitle a{text-transform:capitalize}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isUseHitssSidenavIcon:hover .isSideNavImg .isSideNavIcon,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isUseHitssSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon{transition:all .15s ease-in-out 0s}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isUseHitssSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isUseHitssSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg{background:none}.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.alignCenter.isUseHitssSidenavIcon:hover .isSideNavImg .isSideNavIcon .isSideNavIconImg::before,.sideNavMain .isSideNavContainer .isNavigation .isNavigationContainerWrapper .isSideNav li.isNavFlex.isUseHitssSidenavIcon.alignCenter.active .isSideNavImg .isSideNavIcon .isSideNavIconImg::before{content:"";font-size:1.75rem}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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%}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}[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}.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}.isSDKSideNavIconImg .isSideNavIconImg{background-size:23px !important}@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}[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}
h1.mainHeadTitle{font-size:1.5rem;font-family:"Avenir-Heavy";color:#384150}[dir=rtl] h1.mainHeadTitle{font-family:"Almarai-Bold"}h6.subTitle{font-size:1rem;font-family:"Avenir-Roman";color:#8994a5}[dir=rtl] h6.subTitle{font-family:"Almarai-Light"}.isHelpContainer .isHelpVideos{padding:15px;border-radius:4px;border:1px solid #dbe1e9;position:relative}.isHelpContainer .isHelpVideos .helpLoader{position:absolute;left:33%;top:25%}.isHelpContainer .isModuleHelp{padding:15px;border-radius:4px;border:1px solid #dbe1e9}.isHelpContainer .isModuleHelp .isModuleHelpVideo{position:relative}.isHelpContainer .isModuleHelp .isModuleHelpVideo .helpLoader{position:absolute;top:33%;left:18%}.isHelpContainer .isModuleHelp .isHowItWorks h2.title{font-family:"Avenir-Heavy";color:#384150;font-size:1.875rem}[dir=rtl] .isHelpContainer .isModuleHelp .isHowItWorks h2.title{font-family:"Almarai-Bold"}.isHelpContainer .isModuleHelp .isHowItWorks h5.subTitle{font-family:"Avenir-Roman";font-size:1rem;color:#8994a5}[dir=rtl] .isHelpContainer .isModuleHelp .isHowItWorks h5.subTitle{font-family:"Almarai-Light"}.isHelpContainer .isModuleHelp .isHowItWorks .goToLink{margin-top:45px}.isHelpContainer .isModuleHelp .isHowItWorks .goToLink a{color:#5090f8;font-size:1rem;font-family:"Avenir-Roman"}[dir=rtl] .isHelpContainer .isModuleHelp .isHowItWorks .goToLink a{font-family:"Almarai-Light"}.isHelpContainer .isModuleHelp .isHowItWorks .goToLink .icon-breadcrumb-separator{color:#5090f8;font-size:1rem;padding-left:8px}.isHelpContainer .isModuleHelp .isHowItWorks .goToLink .skipInfo{cursor:pointer;color:#5090f8}
.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}[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}[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"}[dir=rtl] .globalFooterContainer .globalFooterBlock .footerCopyRight{font-family:"Almarai-Regular"}
.recentActivities{font-family:"Avenir-Medium";font-size:1rem}[dir=rtl] .recentActivities{font-family:"Almarai-Regular"}.recentActivities.borderTop{margin-top:0}.recentActivities .opSummaryTitleLoaders:empty{width:120px}.recentActivities.recentTrans .opSummaryTitleLoaders:empty{margin-top:0}.isOpenBankingSDKDashboard{margin-bottom:25px}.isOpenBankingSDKDashboard .invoiceOverViewStausBox{background-color:#f8fcfd;padding:20px;border:1px solid #dbe1e9;border-radius:8px;width:25%;margin-right:24px}.isOpenBankingSDKDashboard .invoiceOverViewStausBox:last-child{margin-right:0}.isOpenBankingSDKDashboard .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus .isTitle{font-size:.875rem;font-family:"Avenir-Heavy";color:#384150;padding-bottom:10px;text-transform:uppercase}[dir=rtl] .isOpenBankingSDKDashboard .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus .isTitle{font-family:"Almarai-Bold"}.isOpenBankingSDKDashboard .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus .isTitle .exclTaxes{text-transform:initial;color:#8994a5;font-family:"Avenir-Roman";font-size:.75rem}[dir=rtl] .isOpenBankingSDKDashboard .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus .isTitle .exclTaxes{font-family:"Almarai-Light"}.isOpenBankingSDKDashboard .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus .isCount{font-size:1.25rem;font-family:"Avenir-Heavy";color:#000001}[dir=rtl] .isOpenBankingSDKDashboard .invoiceOverViewStausBox .overviewIconStaus .invoiceOverviewStatus .isCount{font-family:"Almarai-Bold"}.isOpenBankingSDKDashboard .pendingPaymentCard.paymentBox{position:initial}.rightPanel.removeMaxHeight{min-height:89vh}.overview .overviewMain.apiHitsDashboard h3.title{font-family:"Avenir-Heavy";font-size:1rem;color:#000001;margin-bottom:0}[dir=rtl] .overview .overviewMain.apiHitsDashboard h3.title{font-family:"Almarai-Bold"}.overview .overviewMain.apiHitsDashboard .recentActivities .isColor{text-transform:capitalize}.overview .overviewMain.apiHitsDashboard .openApiSelect__option{font-family:"Avenir-Roman"}[dir=rtl] .overview .overviewMain.apiHitsDashboard .openApiSelect__option{font-family:"Almarai-Light"}.overview .overviewMain.apiHitsDashboard .react-datepicker.dashboardCalendarSelect{display:flex}.apiHitsDateWidth{width:19%}.apiHitsTxnIdWidth{width:19%}.apiHitsServiceTpeWidth{width:22%}.apiHitsBankNameWidth{width:20%}.apiHitsStatusWidth{width:15%}.apiHitsActionsWidth{width:5%}.apiSuccessColumnWidth{width:10%}.transactionDetails .mainDetails .detailsRow span.apiHitsStatus.colorGreen,.transactionDetails .mainDetails .detailsRow span.apiHitsStatus.colorRed{font-size:1rem}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsDateWidth{padding-left:25px;position:static;flex-direction:row}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsDateWidth .datePickerPosition{position:relative}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsDateWidth .datePickerPosition .icon-cross-mark-filled{top:10px;right:4px}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsDateWidth .react-datepicker-wrapper{padding-right:5px}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsDateWidth .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}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsDateWidth .table-input{width:100%;border-bottom-left-radius:0;border-top-left-radius:0;padding-top:8px}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsDateWidth .icon-calendar.table-input{padding-right:7px;padding-top:7px}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsDateWidth .react-datepicker-popper .react-datepicker .react-datepicker__triangle{left:15px !important}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th .icon-cross-mark-filled{top:21px}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsServiceTpeWidth .payStatusSelection .listOfItems .isFlex{flex-wrap:nowrap}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead.filters .table-tr .table-th.apiHitsServiceTpeWidth .payStatusSelection .listOfItems .isFlex span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:inline-block}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker-popper{top:auto !important;transform:none !important;left:25px !important}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .react-datepicker__tab-loop .react-datepicker__triangle{left:25px !important}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsDateWidth{padding-left:25px}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsServiceTpeWidth .payStatusSelection .inputSelect span,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsBankNameWidth .payStatusSelection .inputSelect span,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsStatusWidth .payStatusSelection .inputSelect span{display:flex}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsServiceTpeWidth .payStatusSelection .inputSelect .table-input.selectedItem,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsBankNameWidth .payStatusSelection .inputSelect .table-input.selectedItem,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsStatusWidth .payStatusSelection .inputSelect .table-input.selectedItem{border:0;width:100%;padding-right:28px !important}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsServiceTpeWidth .payStatusSelection .inputSelect .icon,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsBankNameWidth .payStatusSelection .inputSelect .icon,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsStatusWidth .payStatusSelection .inputSelect .icon{position:absolute;right:10px;top:12px}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsServiceTpeWidth .payStatusSelection .inputSelect .listOfItems,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsBankNameWidth .payStatusSelection .inputSelect .listOfItems,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsStatusWidth .payStatusSelection .inputSelect .listOfItems{width:100%}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsServiceTpeWidth .payStatusSelection .inputSelect .listOfItems .isFlex span,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsBankNameWidth .payStatusSelection .inputSelect .listOfItems .isFlex span,.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableHead .table-tr .table-th.apiHitsStatusWidth .payStatusSelection .inputSelect .listOfItems .isFlex span{margin-left:0}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsDateWidth{padding-left:25px}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsDateWidth .tableDataTitle{font-family:"Avenir-Medium";color:#8994a5}[dir=rtl] .TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsDateWidth .tableDataTitle{font-family:"Almarai-Regular"}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsTxnIdWidth .tableDataTitle{font-family:"Avenir-Medium";color:#000001}[dir=rtl] .TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsTxnIdWidth .tableDataTitle{font-family:"Almarai-Regular"}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsServiceTpeWidth .tableDataTitle{font-family:"Avenir-Heavy";color:#000001}[dir=rtl] .TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsServiceTpeWidth .tableDataTitle{font-family:"Almarai-Bold"}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsBankNameWidth .dataTableTextTruncate span{font-family:"Avenir-Medium";color:#000001;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsBankNameWidth .dataTableTextTruncate span{font-family:"Almarai-Regular"}.TransactionTable.isAPIHitsDataTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr .table-td.apiHitsStatusWidth .tableDataTitle .dataTableTextTruncate{text-transform:capitalize}.sdkDashboardSelect .selectOptionFont [class*=css-][class*=-menu] .openApiSelect__value-container{padding:2px 8px}.sdkDashboardSelect .newDateRange{max-width:150px;min-width:150px}.txnHitsWrapper .transactionOverview .benBoxFilter .boxBankFlex .bankNameCount .isFlex .label{max-width:180px}.sdkServiceListCard .accountDetails{padding:18px}.sdkTxnDataTable .apiHitsDateWidth,.sdkTxnDataTable .apiHitsTxnIdWidth{width:15%}.errorimage{height:170px;width:170px;margin:10px}.iconEye{margin-top:3px;text-align:center;color:#5090f8;font-size:1.25rem}.icon-web1,.icon-mweb,.icon-apple,.icon-android{color:#bfc7d0;padding-right:12px}.muleReqResp{font-family:"Avenir-Heavy";cursor:pointer}[dir=rtl] .muleReqResp{font-family:"Almarai-Bold"}.payLoadPopup{padding:0 40px}.payLoadPopup .expLayer{width:35%}.payLoadPopup .systemLayer{width:35%}.payLoadPopup .muleReqResp.active{border-bottom:4px solid #eb8b2d;padding-bottom:6px}.errormessage{text-align:center;padding:20px;margin:0px auto 50px;max-width:326px}.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}.apiActivitiesDatePicker .react-datepicker__tab-loop .react-datepicker-popper{inset:auto auto auto auto !important;transform:none !important}.apiActivitiesDatePicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle{transform:none !important;left:25px !important}.apiActivitiesDatePicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle::before{border-bottom-color:#384150}.apiActivitiesDatePicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker .react-datepicker__triangle::after{border-bottom-color:#384150}.customReactTable .tableHead.filters .table-tr .table-th.apiHitsCommission .table-input{padding-right:0px}
.minWidth25{min-width:25%}.transactions .title{font-size:2rem;color:#384150}.transactions .subTitle{padding:1.5rem 0;color:#384150;font-size:1.125rem;font-family:"Avenir-Roman"}[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"}.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"}.trnsctnRefresh .icon-refresh{color:#5090f8;font-size:.75rem;margin-right:5px}.trnsctnRefresh:hover{opacity:.7;transition:.5s all ease}.mainContent{flex:1;min-height:65vh;position:relative}.pageStyle{display:none}.transactionDetails{padding-top:40px}.transactionDetails h3{font-size:1.5rem;margin:0px 40px 27px;font-family:"Avenir-Heavy"}[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}.transactionDetails .company .amount{font-size:2.25rem;margin:23px 0;font-family:"Avenir-Heavy";word-break:break-all}[dir=rtl] .transactionDetails .company .amount{font-family:"Almarai-Bold"}.transactionDetails .company .amount .amountType{padding-right:5px}.transactionDetails .company .amountCurrency{font-size:2.125rem;margin:23px 0;font-family:"Avenir-Heavy";word-wrap:break-word}[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}[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}.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}.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"}.transactionDetails .mainDetails .detailsRow span.isTracker span .icon-location{font-size:.875rem}.transactionDetails .mainDetails .detailsRow.kycDetailsRow{font-size:1rem}.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}.transactionDetails .mainDetails .approval .subapproval .approvalIcon.noIcon{font-size:.875rem;font-family:"Avenir-Medium";color:#000001}[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}.transactionDetails .mainDetails .approval .subapprovalText{font-family:"Avenir-Medium";font-size:.875rem;font-weight:500}[dir=rtl] .transactionDetails .mainDetails .approval .subapprovalText{font-family:"Almarai-Regular"}.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}[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}.transactionDetails .transactionIcon span{width:30px;margin:10px}.transactionDetails .workFlowmodalBody .iconPopup{font-size:3.875rem;background-color:#f3f5fd;border-radius:50px;color:#8994a5}.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}[dir=rtl] .transactionDetails .workFlowmodalBody .workFlowPopuptext{font-family:"Almarai-Regular"}.transactionDetails .workFlowmodalBody .workflowUpdatechanges .workflowUpdateEffects span{font-size:.875rem}.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:.8125rem;padding:1px 4px;border:1px solid #8994a5;border-radius:50%;position:relative;background:#f3f5fd;width:25px;height:25px}.approval .subapproval .approvalIcon.noIcon:after{left:30px;width:85%}.statementMain{padding:40px}.statementMain h3{font-size:1.5625rem;margin:0px 0px 20px;font-family:"Avenir-Heavy"}[dir=rtl] .statementMain h3{font-family:"Almarai-Bold"}.statementMain h3>span{float:right;color:#8994a5}.statementMain h4{color:#384150}.statementMain .statementDetails ul{display:flex;margin:25px 0px;justify-content:space-between}.statementMain .statementDetails ul img{width:76px;height:86px;background-color:#f3f5fd;padding:10px;cursor:pointer}.statementMain .statementDetails ul img:hover{background-color:#fff;border:solid 2px #5090f8;border-radius:6px}.statementMain .statementButton{display:flex}.statementMain .statementButton .btn{width:161px}.transactionDetails .mainDetails .approval .subapproval span.subapprovalStatus{color:#7799be;border:solid 1px #7799be;width:22px;height:22px;border-radius:50%;font-size:.75rem;padding:0px 3px;line-height:24px;margin-top:4px;background-color:#f3f5fd;z-index:2}.paymentIcon{color:#384150;font-size:1.25rem;margin:10px 0px;margin-right:auto}.paymentIcon span{width:30px;margin:10px}.paymentStatus{display:flex;justify-content:flex-end;padding:25px}.overflow-auto{overflow:auto}.paymentButtons button{margin-left:14px;text-align:center}.paymentButtons button:first-child{margin-left:0}.paymentButtons span{color:#fff;font-size:1.25rem;padding:0px 8px}.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"}[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}.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"}[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}.sucessPayment .calledbackTxt{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium";line-height:initial}[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}.sucessPayment span.red{color:#eb3223;display:flex;justify-content:center;font-size:8.875rem;margin:25px 0px 35px}.sucessPayment h4.payScheduleTxt{color:#8994a5;font-size:.875rem;font-family:"Avenir-Medium";line-height:initial}[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"}[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}.transactions .sideNavBarTitle{color:#8994a5;margin-bottom:17px}.allUserProfileSideNav .sideNavWrapper .sideNavBar ul li.filterSideNavTitle{font-size:1rem;font-family:"Avenir-Heavy";color:#000001}[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}.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"}.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"}.react-datepicker__day{color:#8994a5;font-size:.75rem;margin:2px 0;border-radius:0}.react-datepicker__day--outside-month{visibility:hidden}.react-datepicker__day--keyboard-selected,.react-datepicker__day--keyboard-selected:hover{background:#2a345e;color:#fff;border-radius:0;height:27px;width:26px;border:0;-webkit-transition:0.3s;transition:0.3s;-moz-transition:0.3s}.react-datepicker__day--in-selecting-range{position:relative}.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-selecting-range:hover{background-color:#2a345e;opacity:.8;color:#fff;border-radius:0}.react-datepicker__day-name{margin:0}.multiTransactions{flex:.35}.multiTransactions.isDisableClr .allUserSlct.selectOptionFont [class*=-control]{border-color:#5090f8}.react-datepicker__day--selected,.react-datepicker__day--in-range{color:#fff}.btn.active{color:#fff;font-family:"Avenir-Medium";background-color:#395293;font-size:.875rem;max-width:155px;width:100%;padding:10px 0}[dir=rtl] .btn.active{font-family:"Almarai-Regular"}.btn.notActive{font-size:.875rem;max-width:155px;font-family:"Avenir-Medium";background-color:#bfc7d0;color:#384150;padding:10px 0;width:100%}[dir=rtl] .btn.notActive{font-family:"Almarai-Regular"}.sliderPopup .btn.active{font-size:.875rem;min-width:136px;padding:11px 0;width:auto}.sliderPopup .btn.notActive{font-size:.875rem;min-width:136px;padding:11px 0;width:auto}.clearDisable{color:#bfc7d0;font-family:"Avenir-Roman";font-size:.875rem;pointer-events:none;line-height:initial}[dir=rtl] .clearDisable{font-family:"Almarai-Light"}.noRecordFound .errorMsgText{font-size:1.125rem;color:#dbe1e9;line-height:1.4;font-family:"Avenir-Roman"}[dir=rtl] .noRecordFound .errorMsgText{font-family:"Almarai-Light"}.noRecordFound .noDataYet{color:#384150;font-size:1.5rem;font-family:"Avenir-Heavy";padding-bottom:1rem;padding-top:.5rem}[dir=rtl] .noRecordFound .noDataYet{font-family:"Almarai-Bold"}.noRecordFound .clickOnButton{color:#8994a5;font-size:1.125rem;line-height:1.4;font-family:"Avenir-Roman"}[dir=rtl] .noRecordFound .clickOnButton{font-family:"Almarai-Light"}.noRecordFound .errorTitle{font-size:1.5rem;font-family:"Avenir-Heavy";color:#384150}[dir=rtl] .noRecordFound .errorTitle{font-family:"Almarai-Bold"}.noRecordFound .errorMessageTxt{font-size:1.125rem;font-family:"Avenir-Medium";color:#8994a5}[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"}.downloadFail{color:#eb3223;display:flex;justify-content:center;font-size:8.875rem;margin:0}.transactionOverview .amountCurrency{font-size:1.375rem;font-family:"Avenir-Medium";color:#384150}[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}.transactionDetails .mainDetails .approval .subapproval .approvalIcon .icon-cross-mark-filled{font-size:1.5625rem;border:none;color:#eb3223}.transactionDetails .mainDetails .approval .subapproval .approvalIcon.icon-check-mark-filled{font-size:1.5625rem}.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}.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"}.TransactionTable.TxnDataTable .OSV-TableContainer .customReactTable .tableBody .table-tr.noHover .table-td.tableFontheavy.noCursor .date{color:#8994a5}
.draw_graph_container{position:relative}.bar-line-tooltip.isTooltip{min-width:100px;max-width:100px;max-height:56px;min-height:56px;padding:0;justify-content:center;align-items:center;flex-direction:column}.bar-line-tooltip.isTooltip span{display:block;margin-bottom:2px;font-family:"Avenir-Roman";font-size:.875rem}[dir=rtl] .bar-line-tooltip.isTooltip span{font-family:"Almarai-Light"}.bar-line-tooltip.isTooltip::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}.bar-line-tooltip.isTooltip.isSoaGraph{background-color:#384150;border:1px solid #384150;z-index:2}.bar-line-tooltip.isTooltip.isSoaGraph::after{border-top:10px solid #384150}.bar-line-tooltip.isTooltip.isPieChart{background-color:#384150;border:1px solid #384150}.bar-line-tooltip.isTooltip.isPieChart::after{content:none}.salesDashboardContainer .bar-line-tooltip{background-color:#5090f8;position:absolute;border:1px solid #5090f8;padding:8px;pointer-events:none;display:none;color:#fff;border-radius:9px;font-size:1rem;font-family:"Avenir-Roman";line-height:normal}[dir=rtl] .salesDashboardContainer .bar-line-tooltip{font-family:"Almarai-Light"}.soaLoader: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(255, 255, 255, 0.6) 268px, transparent 0),linear-gradient(rgba(255, 255, 255, 0.6) 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:160px;width:200px}.payForcastLoader: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(255, 255, 255, 0.6) 268px, transparent 0),linear-gradient(rgba(255, 255, 255, 0.6) 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:120px;width:85%}.avgCountLoader:empty{width:100px;height:32px;background-image:linear-gradient(61deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.61) 20%, rgba(255, 255, 255, 0.61) 20%),linear-gradient(#f3f5fd 81px, #f3f5fd 0);border-radius:4px;background-repeat:no-repeat;background-size:16px 78px,100% 246px,100% 0px;background-position:0 0,0 0,0 50px;animation:slAnim 1s infinite;margin-bottom:10px}.isPieChartLoader: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) 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:140px;width:180px}
: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}
.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}[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}[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}.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:#f3f5fd}.customReactTable .tableBody .table-tr .table-td{padding:15px 10px;color:#384150;font-size:.875rem;font-family:"Avenir-Roman";line-height:initial}[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}.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"}[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"}.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"}.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"}.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"}.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)}}
.whitePanel.newDashboard,.ghostWhiteBg{background-color:#f3f5fd}.newAppCard.whitePanel{min-height:100vh;padding-top:90px}.sliderPopupBody.overFlowX{overflow-x:hidden}.sdkActivites .selectOptionFont [class*=css-][class*=-control]{min-width:160px}.isAppSuccessInfo .font-Heavy{color:#384150}.isCircle{border-radius:50px;color:#8994a5;background:#f3f5fd;min-height:35px}.isCircle.isCircleActive{background-color:#5090f8;color:#fff}.changeActivity{border-bottom:1px solid #bfc7d0;margin-top:2rem}.changeActivity>div{margin-right:36px;color:#384150;font-size:1rem;font-family:"Avenir-Medium";cursor:pointer}[dir=rtl] .changeActivity>div{font-family:"Almarai-Regular"}.changeActivity>div:last-child{margin-right:0}.changeActivity .active{border-bottom:2px solid #eb8b2d;padding-bottom:18px;font-family:"Avenir-Heavy"}[dir=rtl] .changeActivity .active{font-family:"Almarai-Bold"}.displayNameBtn button{min-width:206px}.sdkConditions{width:40%}.sdkConditions .sdkIcon{color:#8994a5;font-size:1.875rem;margin-right:15px}.sdkConditions .sdkIcon.icon-income-check-sdk,.sdkConditions .sdkIcon.icon-statement-tooltip{font-size:1.25rem}.sdkConditions .sdkIcon.icon-scheduled-payments,.sdkConditions .sdkIcon.icon-bal-enquiry{font-size:.875rem}.sdkConditions .sdkIcon.icon-calendar{font-size:1.125rem;margin-top:4px}.sdkConditions .verifyProfile{padding-bottom:14px;font-family:"Avenir-Heavy";font-size:1rem;color:#384150}[dir=rtl] .sdkConditions .verifyProfile{font-family:"Almarai-Bold"}.sdkConditions .allowProfile{font-size:.75rem;color:#384150;line-height:18px}.sdkConditions .btn{max-width:225px;margin-top:25px}.subDesc{color:#384150;line-height:20px}.subDesc.wrapDescription{word-break:break-all}.menuOptionSelect{background-color:#384150;padding:15px 15px;cursor:pointer}.selectProductSdk{width:100%;padding:20px 45px 4px;margin-top:2px;position:relative;background-color:#f3f5fd}.selectProductSdk .summaryDivider{border:0}.selectProductSdk .summaryDivider .stepUploads{display:flex;justify-content:space-between;position:relative;margin:0 auto}.selectProductSdk .summaryDivider .stepUploads span+span{width:auto;margin-top:6px;color:#8994a5;font-family:"Avenir-Medium"}[dir=rtl] .selectProductSdk .summaryDivider .stepUploads span+span{font-family:"Almarai-Regular"}.selectProductSdk .summaryDivider .stepUploads .uploadStep,.selectProductSdk .summaryDivider .stepUploads .reviewStep,.selectProductSdk .summaryDivider .stepUploads .completeStep{display:flex;flex-direction:column;align-items:center}.selectProductSdk .summaryDivider .stepUploads .uploadStep span.icon,.selectProductSdk .summaryDivider .stepUploads .reviewStep span.icon,.selectProductSdk .summaryDivider .stepUploads .completeStep span.icon{z-index:1}.selectProductSdk .summaryDivider .stepUploads .uploadStep span.icon::before,.selectProductSdk .summaryDivider .stepUploads .reviewStep span.icon::before,.selectProductSdk .summaryDivider .stepUploads .completeStep span.icon::before{color:#8994a5;background-color:#dbe1e9;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;line-height:initial}.selectProductSdk .summaryDivider .stepUploads .current.uploadStep span.icon:before{content:"1"}.selectProductSdk .summaryDivider .stepUploads .current.uploadStep.inprogress span{color:#5090f8}.selectProductSdk .summaryDivider .stepUploads .current.uploadStep.inprogress span.icon::before{color:#fff;background-color:#5090f8}.selectProductSdk .summaryDivider .stepUploads .current.uploadStep.completed span.icon:before{content:"";font-family:"icomoon" !important;color:#62bd69;font-size:1.375rem;background:none}.selectProductSdk .summaryDivider .stepUploads .current.uploadStep.completed span{color:#62bd69}.selectProductSdk .summaryDivider .stepUploads .current.reviewStep span.icon:before{content:"2"}.selectProductSdk .summaryDivider .stepUploads .current.reviewStep.inprogress span{color:#5090f8}.selectProductSdk .summaryDivider .stepUploads .current.reviewStep.inprogress span.icon::before{color:#fff;background-color:#5090f8}.selectProductSdk .summaryDivider .stepUploads .current.reviewStep.completed span.icon:before{content:"";font-family:"icomoon" !important;color:#62bd69;font-size:1.375rem;background:none}.selectProductSdk .summaryDivider .stepUploads .current.reviewStep.completed span{color:#62bd69}.selectProductSdk .summaryDivider .stepUploads .current.completeStep span.icon:before{content:"3"}.selectProductSdk .summaryDivider .stepUploads .current.completeStep.inprogress span{color:#5090f8}.selectProductSdk .summaryDivider .stepUploads .current.completeStep.inprogress span.icon::before{color:#fff;background-color:#5090f8}.selectProductSdk .summaryDivider .stepUploads .current.completeStep.completed span.icon:before{content:"";font-family:"icomoon" !important;color:#62bd69;font-size:1.375rem;background:none}.selectProductSdk .summaryDivider .stepUploads .current.completeStep.completed span{color:#62bd69}.selectProductSdk .summaryDivider .stepUploads .borderLine{border-top:2px dashed #dbe1e9;width:76%;left:40px;position:absolute;z-index:0;top:10px}.selectProductSdk .summaryDivider .stepUploads .borderLine.borderLineOne{width:28%}.selectProductSdk .summaryDivider .stepUploads .inProgressLine{border-color:#5090f8}.selectProductSdk .summaryDivider .stepUploads .completedLine{border-color:#62bd69}.selectProductSdk .summaryDivider .stepUploads .borderLine.borderLineTwo{width:36%;left:auto;right:67px}.selectProductSdk .summaryDivider .stepUploads .completed:after{width:110px;left:59px}.selectProductSdk .summaryDivider .stepUploads .completed.reviewStep.current:after{left:198px}.sliderPopupBody.ghostWhiteBg.overFlowX{height:calc(100vh - 221px)}.sdkProductCheckBox label input[type=checkbox]:checked{background-color:#5090f8}.sdkProductCheckBox label input[type=checkbox]:checked::after{border-color:#fff}.sdkProductCheckBox .whiteCard{padding:25px 15px 9px}.moreProductsContainer .sdkIcon.icon-kya-active-fill,.moreProductsContainer .sdkIcon.icon-iban-validation{font-size:1.625rem}.appInactiveImg{height:140px}.SdkAppInActive .whiteCard{padding:105px}.ReviewSubmit .whiteCard{height:initial}.ReviewSubmit .whiteCard .icon-Edit.productInfoIcon{position:absolute;right:20px}.ReviewSubmit .whiteCard .whiteCardBody{margin-bottom:16px}.ReviewSubmit .whiteCard .whiteCardBody:last-child{margin-bottom:0}.ReviewSubmit .whiteCard .whiteCardBody:last-child .businessInfoList li:last-child{margin-bottom:0}.ReviewSubmit .whiteCard .reviewInfo>li:last-child strong{margin-bottom:0}
.apiClientTable{padding:16px 10px;color:#384150;font-size:1rem;font-family:"Avenir-Medium";line-height:initial}[dir=rtl] .apiClientTable{font-family:"Almarai-Regular"}.apiClientTable .apiHeader{background-color:#f3f5fd;padding:10px 25px}.apiClientTable .apiBody>div{border-bottom:1px solid #f3f5fd;padding:16px 25px}.apiClientTable .apiBody.apiBodyBox{border:1px solid #f3f5fd}.apiClientTable .credentialLoader{padding:10px 10px 10px 25px;border-bottom:1px solid #f3f5fd}.apiClientTable .credentialLoader .nameLoaderWidth{width:23%}.apiClientTable .credentialLoader .keyLoaderWidth{width:48%}.selectAvailableScopes .tableDataLoader{border-radius:50px}.merchantSuccessPopup{margin-top:65px}.isReadDocs a{font-family:"Avenir-Medium";font-size:.875rem;color:#5090f8}[dir=rtl] .isReadDocs a{font-family:"Almarai-Regular"}.isReadDocs a .icon-external-share{font-size:.875rem;color:#5090f8}.SdkApiBilling .tableDataSubTitle,.SdkApiBilling .tableDataTitle{font-family:"Avenir-Medium"}[dir=rtl] .SdkApiBilling .tableDataSubTitle,[dir=rtl] .SdkApiBilling .tableDataTitle{font-family:"Almarai-Regular"}.SdkApiBilling .billingNoOf{width:12%}.SdkApiBilling .billingInvoiceTotal{width:16%}.SdkApiBilling .billingInvoiceTotal .mediumSoftBlue{font-size:.75rem}.SdkApiBilling .upgradeBtn{min-width:104px;min-height:36px}.SdkApiBilling .billingBox{background-color:#f8fcfd;padding:15px 15px 11px;border:1px solid #dbe1e9;min-width:22%;border-radius:2px}.SdkApiBilling .billingBox .editSubTitle{font-size:.75rem}.SdkApiBilling .threeColumnBox .billingBox{min-width:33%}.SdkApiBilling .fourColumnBox .billingBox{min-width:25%}.sdkApiBillingTable .customReactTable .tableHead .table-tr,.sdkApiBillingTable .customReactTable .tableBody .table-tr{padding:0 10px}.apiClientContainer .apiClientTable{padding:16px 0}
.getStarted.whiteCard{padding:35px}.getStarted>div{width:49%}.getStarted .sdkConditions{width:auto}.getStarted .sdkConditions .allowProfile{font-size:.875rem}.getStarted .numCircle{border:1px solid #8994a5;border-radius:50%;min-width:20px;min-height:20px;max-width:20px;max-height:20px;display:flex;align-items:center;justify-content:center;color:#8994a5;margin:2px 10px 0 0}.getStarted .accountCheckImgSec{background-color:#f3f5fd;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:35px}.getStarted .accountCheckImgSec img{height:350px}.isMerhcantNote{border:1px solid #8994a5;border-radius:4px;color:#384150;display:inline-block;padding:15px;background-color:rgba(137,148,165,.15)}.yourLinkSec{background-color:#f3f5fd;padding:15px;margin-top:25px;position:relative}.yourLinkSec .copyIcon{position:absolute;right:20px;top:20px;font-size:1rem;color:#8994a5;cursor:pointer}.yourLinkSec .linkTxt{color:#5090f8;line-height:22px;width:90%;display:inline-block;word-break:break-all}.reportAvg{font-size:1.875rem}.analyticsSec>div{width:48%}.flowSection>div{width:24%;margin-right:25px}.flowSection>div:last-child{margin-right:0px}.flowSection .flowBox{border:1px solid #dbe1e9;padding:15px;position:relative;border-radius:4px;display:flex;flex-direction:column;height:240px;max-height:240px}.flowSection .flowBox .countTxt{font-family:"Avenir-Heavy";font-size:1.875rem;padding-top:100px}[dir=rtl] .flowSection .flowBox .countTxt{font-family:"Almarai-Bold"}.flowSection .flowBox .arrow-ribbon{background:#dbe1e9;color:#384150;padding:7px 7px;position:absolute;bottom:30px;right:-1px}.flowSection .flowBox .arrow-ribbon:before{position:absolute;top:-6px;content:"";font-family:"icomoon" !important;right:-27px;color:#dbe1e9;transform:rotate(270deg);font-size:2.0625rem}.apiClientTable .customReactTable .tableHead .table-tr .table-th{padding-left:25px}.apiClientTable .customReactTable .tableBody .table-tr{min-height:auto}.apiClientTable .customReactTable .tableBody .table-tr .table-td{font-size:1rem;padding-left:25px}.apiClientTable.isMerchantDataTable .customReactTable .tableBody .table-tr .table-td .tableDataTitle{font-family:"Avenir-Medium";color:#384150}[dir=rtl] .apiClientTable.isMerchantDataTable .customReactTable .tableBody .table-tr .table-td .tableDataTitle{font-family:"Almarai-Regular"}.redirectURLEdit span{color:#5090f8;cursor:pointer}.sdkActivityTable{background-color:#fff}.sdkActivityTable .customReactTable .tableHead.filters .table-tr .table-th.txnTableDate{padding-left:25px;position:static;flex-direction:row}.sdkActivityTable .customReactTable .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;padding-right:7px;padding-top:7px}.sdkHitCount{background-color:#fff;padding:8px 11px;font-family:"Avenir-Roman";margin-right:13px;margin-top:15px;min-width:180px;height:55px;width:180px;border-radius:4px}[dir=rtl] .sdkHitCount{font-family:"Almarai-Light"}.sdkHitCount .label{color:#8994a5;text-transform:uppercase;line-height:normal;font-size:.75rem;margin-bottom:8px}.flowContainer{border:1px solid #dbe1e9}.flowContainer .flowHead{background-color:#dbe1e9;padding:20px 25px;color:#8994a5;font-size:1rem;display:flex;align-items:center;line-height:20px}.flowContainer .flowBody>div{border-bottom:1px solid #dbe1e9;display:flex;align-items:center;padding:20px 25px;font-size:1rem}.iconRightAlign{position:absolute;right:15px;top:13px}.iconRightAlign.hideEyeIcon{top:17px;font-size:.875rem}.deleteAppCard{background-color:#f3f5fd;padding:15px;border-radius:4px;margin:15px 0 30px}.textEllipse{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.businessInfoList,.reviewInfo .reviewerName>span,.reviewInfo li>span{color:#8994a5;font-size:.75rem}.businessInfoList li,.reviewInfo .reviewerName>span li,.reviewInfo li>span li{margin-bottom:8px}.reviewInfo .reviewerName strong,.reviewInfo li strong{display:block;font-size:1rem;color:#384150;margin-top:6px;line-height:22px}.reviewInfo>li{margin-bottom:10px}.reviewInfo>li:last-child{margin-bottom:0}
.calendarSwitch{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;align-items:center}.calendarSwitch .switchTxt{margin-left:10px;color:#384150}
.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip:hover .tooltipContent,.tooltip:hover .transcationTooltip{visibility:visible;opacity:1}.tooltipTitle{font-size:.6875rem;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}[dir=rtl] .tooltipTitle{font-family:"Almarai-Regular"}.link{color:#5090f8;text-decoration:underline}.actionSection{text-align:center;font-size:1.25rem;color:#5090f8}.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}.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}.transcationTooltip:hover .bottom{display:block}.transcationTooltip ul>li>span.green{color:#62bd69}.transcationTooltip ul>li>span.red{color:#eb3223}.transcationTooltip ul>li>span.info{color:#5090f8}.transcationTooltip ul>li>span.icon-Recreate{font-size:1rem}.transcationTooltip ul>li>span.icon-Disabled{font-size:1.0625rem}.transcationTooltip ul>li>span.icon-New-edit.edit{color:#5090f8;font-size:1.25rem}.iconRadius{border:1px solid #bfc7d0;border-radius:50%}.transcationsTooltip{display:none}
.btnRounded{border-radius:50px;background-color:#dbe1e9;color:#8994a5;width:40px;font-size:.75rem;padding:5px;display:inline-flex;align-items:center;justify-content:center}.inviteUserBody.modalBody{overflow:unset}.userMgtTble{width:40px;text-align:right}
.tableSerialNoWidth{width:15%}.disputeTableSerialNoWidth{width:5%}.disputeTableCommonWidth{width:12.5%}.disputeTableDiscountWidth{width:11.5%}.disputeTableVatWidth{width:8%}.disputeTableAmountWidth{width:20.5%}.tableItemCodeWidth{width:12%}.tableItemNameWidth{width:25%}.tableItemCodeNameWidth{width:32%}.tableNoOfItemsWidth{width:11%}.tableUnitPriceWidth{width:12%}.tableDiscountWidth{width:13%}.tableVAtWidth{width:9%}.tableAmountWidth{width:23%}.mediumTextColor{color:#384150}.disputeQuantityInputWidth{width:11%}.PoNameWidth{width:33%}.poItemsWidth{width:22%}.groupInvoiceNoteWidth{width:48%}.taxInvoiceNoteTermWidth{width:55%}.tbleTrncteWidth{max-width:110px}.tbleTrncteLessWidth{max-width:113px}.rowBorder{border:1px solid rgba(151,151,151,.3019607843)}.backgroundColor{background-color:#dbe1e9}.letrHeadTotalBgColor{background-color:#d8d8d8}.alignSelfEnd{align-self:flex-end}.prgrsIcon,.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .icon-status-down-arrow::before,.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .icon-check-mark-filled::before{font-size:1.5rem;background:#fff}.groupInvoiceInput::-webkit-inner-spin-button,.createDisputePopup .disputeBody .updateInvoiceTotal .verfyDisputeForm input::-webkit-inner-spin-button,.invoiceViewDetails .groupInvoiceTable .invoice-tr .invoice-td input::-webkit-inner-spin-button{-webkit-appearance:none}.invoiceViewDetails{border-left:1px solid #dbe1e9}.invoiceViewDetails .groupInvoiceTable{width:100%;margin-bottom:1px}.invoiceViewDetails .groupInvoiceTable .invoice-thead .invoice-tr{background-color:#dbe1e9}.invoiceViewDetails .groupInvoiceTable .invoice-thead .invoice-tr .invoice-th{padding:14px 10px;white-space:nowrap}.invoiceViewDetails .groupInvoiceTable .invoice-thead .invoice-tr .invoice-th:last-child{padding-right:28px}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td{white-space:nowrap;line-height:initial}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .invoice-td:last-child{padding-right:28px}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute{color:#384150}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute:first-child{padding-top:6px;text-decoration:none}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute:first-child span{position:relative}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute:first-child span::after{content:"";position:absolute;background-color:#8994a5;height:2px;width:100%;left:0;bottom:6px}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute span.txt{font-family:"Avenir-Heavy";font-size:.875rem}[dir=rtl] .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute span.txt{font-family:"Almarai-Bold"}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute span.txt::after{content:none}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute span.isReason{font-family:"Avenir-Roman";font-size:.75rem;max-width:68%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}[dir=rtl] .invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute span.isReason{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute span.isReason::after{content:none}.invoiceViewDetails .groupInvoiceTable .invoice-tbody .invoice-tr .tableDispute span.reasonBracket::after{content:none}.invoiceViewDetails .groupInvoiceTable .invoice-tr .tableDispute{color:#8994a5;font-size:.75rem;padding:8px 0 0 0}.invoiceViewDetails .groupInvoiceTable .invoice-tr .tableDispute .icon-Notification-settings{position:relative}.invoiceViewDetails .groupInvoiceTable .invoice-tr .tableDispute .icon-Notification-settings:hover .tooltip{display:block}.invoiceViewDetails .groupInvoiceTable .invoice-tr .tableDispute .icon-Notification-settings .tooltip{display:none;position:absolute;cursor:pointer;bottom:22px;left:-70px}.invoiceViewDetails .groupInvoiceTable .invoice-tr .tableDispute .icon-Notification-settings .tooltip .bottom{max-width:238px;width:238px;position:relative;padding:10px}.invoiceViewDetails .groupInvoiceTable .invoice-tr .tableDispute .icon-Notification-settings .tooltip .bottom::before{transform:rotate(180deg);bottom:-8px;top:auto;left:84%}.invoiceViewDetails .groupInvoiceTable .invoice-tr .tableDispute .icon-Notification-settings .tooltip .bottom::after{transform:rotate(180deg);top:auto;bottom:-18px;left:84%}.invoiceViewDetails .groupInvoiceTable .invoice-tr .tableDispute .icon-Notification-settings .tooltip .bottom span{white-space:initial;line-height:initial;font-size:.75rem}.invoiceViewDetails .groupInvoiceTable .invoice-tr .tableDispute .icon-Notification-settings .tooltip .tooltipTitle{display:none}.invoiceViewDetails .groupInvoiceTable .invoice-tr del.tableDispute{display:block}.invoiceViewDetails .groupInvoiceTable .invoice-tr .invoiceAmountColumn{text-align:right;font-size:1rem}.invoiceViewDetails .groupInvoiceTable .invoice-tr .invoice-th{vertical-align:middle;color:#384150}.invoiceViewDetails .groupInvoiceTable .invoice-tr .invoice-td{padding:8px 10px}.invoiceViewDetails .invoiceItemTable.groupInvoiceTable .dispute-td .invoice-tr .invoice-th,.invoiceViewDetails .invoiceItemTable.groupInvoiceTable .dispute-td .invoice-tr .invoice-td{padding:2px}.invoiceViewDetails .isDisputedSection .invoiceItemTable.groupInvoiceTable{border-collapse:inherit}.invoiceViewDetails .isDisputedSection .invoiceItemTable.groupInvoiceTable>.invoice-tbody .invoice-tr.isDisputedtr{margin-bottom:8px}.invoiceViewDetails .isDisputedSection .invoiceItemTable.groupInvoiceTable>.invoice-tbody .invoice-tr.isDisputedtr>.invoice-td{border-top:1px solid #ffde4d;border-bottom:1px solid #ffde4d;background-color:#fff5ca}.invoiceViewDetails .isDisputedSection .invoiceItemTable.groupInvoiceTable>.invoice-tbody .invoice-tr.isDisputedtr>.invoice-td:last-child{border-right:1px solid #ffde4d;border-bottom-right-radius:4px;border-top-right-radius:4px}.invoiceViewDetails .isDisputedSection .invoiceItemTable.groupInvoiceTable>.invoice-tbody .invoice-tr.isDisputedtr>.invoice-td:first-child{border-left:1px solid #ffde4d;border-bottom-left-radius:4px;border-top-left-radius:4px}.invoiceViewDetails .isDisputedSection .invoiceItemTable.groupInvoiceTable.isDisputedBlock{border-spacing:0 10px}.invoiceViewDetails .isDisputedSection .invoiceItemTable.groupInvoiceTable.isDisputedBlock .invoice-td.tableNoOfItemsWidth .tableDispute,.invoiceViewDetails .isDisputedSection .invoiceItemTable.groupInvoiceTable.isDisputedBlock .invoice-td.tableUnitPriceWidth .tableDispute{padding-top:10px}.invoiceViewDetails .groupInvoiceTop{background-color:#fff;padding-bottom:30px}.invoiceViewDetails .groupInvoiceTop .allInvoiceTitle span{font-size:1rem;font-family:"Avenir-Roman"}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .allInvoiceTitle span{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTop .allInvoiceTitle .icon-down-arrow{margin:0 4px}.invoiceViewDetails .groupInvoiceTop .allInvoiceTitle .icon-down-arrow::before{display:inline-block;transform:rotate(270deg)}.invoiceViewDetails .groupInvoiceTop .invoiceSubTilte,.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .noteTermsContainer .noteTerm span:first-child{color:#000001;font-family:"Avenir-Heavy";padding-bottom:12px}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .invoiceSubTilte,[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .noteTermsContainer .noteTerm span:first-child{font-family:"Almarai-Bold"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer{flex:1;border:1px solid #dbe1e9}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .titleBody{align-items:flex-start}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .titleBody .title{flex:1;align-self:center}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .titleBody h1{height:45px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .titleBody h1: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 27px, transparent 0);background-size:20px 70px,100% 30px,80% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .prinInvoiceLogoContainer div{flex:1}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo div:last-child{padding-bottom:0}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo .invoiceNo{padding-bottom:12px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo .invoiceNo :first-child{font-size:1.5rem;padding-right:24px;min-width:146px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo .invoiceNo span{font-family:"Avenir-Roman";font-size:1.125rem;display:inline-block}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo .invoiceNo span{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo .invoiceDate{padding-bottom:14px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo .invoiceDate span{font-size:1rem;display:inline-block}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo .invoiceDate span:first-child{padding-right:24px;min-width:146px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo .invoiceDate span:last-child{font-family:"Avenir-Roman"}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .logoInvoiceNo .invoiceDate span:last-child{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .invoiceLogo{height:100px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .invoiceLogo img{height:100%}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .invoiceLogoLoader{background-color:#f3f5fd;width:200px;height:100px;align-self:flex-start}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .invoiceLogoLoader: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 27px, transparent 0);background-size:20px 70px,100% 30px,80% 30px;background-position:0 10px,0 10px,0 35px;animation:horz 1s infinite}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .invoiceNoDateContainer{width:33%}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .invoiceNoDateContainer .invoiceNoDateLoader{display:flex;align-items:center;padding-bottom:0}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .groupInvoiceLogoContainer .invoiceNoDateContainer .invoiceNoDateLoader span:last-child{width:35%}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .bankPaymentLoader{width:120px;height:24px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer{position:relative}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .invoiceAddress{flex:1}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .invoiceAddress span{color:#8994a5;line-height:22px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .invoiceAddress .billAdressName{color:#384150}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .invoiceAddress .addressTitle{padding-bottom:12px;font-size:1rem;font-family:"Avenir-Heavy";color:#000001}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .invoiceAddress .addressTitle{font-family:"Almarai-Bold"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .qrCode{flex-direction:column;width:122px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .qrCode span{padding-bottom:12px;color:#8994a5;font-size:.75rem;text-align:center}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .qrCode img{width:100%}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .hideDetails{color:#5090f8;text-align:right;font-size:.875rem;font-family:"Avenir-Medium";cursor:pointer;align-self:flex-end}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceAddressContainer .hideDetails{font-family:"Almarai-Regular"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .payLink{color:#5090f8;font-family:"Avenir-Medium";font-size:1rem;display:inline-block}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .payLink{font-family:"Almarai-Regular"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .scannerCode .bankPaymentDetail .bankPaymentDetailTitle{padding:10px 10px 20px;color:#384150}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .scannerCode .bankPaymentDetail table tr{height:0}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .scannerCode .bankPaymentDetail table tr :first-child{color:#8994a5;white-space:nowrap}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .scannerCode .bankPaymentDetail table tr :last-child{color:#384150}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .scannerCode .bankPaymentDetail table tr td{padding:6px 10px;font-size:.75rem}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .totalTable .invoice-tr{flex-wrap:initial}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .totalTable .invoice-tr .invoice-td{text-align:right;vertical-align:middle}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .totalTable .invoice-tr .invoice-td:first-child{white-space:nowrap;padding-top:8px;text-align:left}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .totalTable .totalAmtRow .invoice-td:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .totalTable .totalAmtRow .invoice-td:last-child{font-family:"Almarai-Bold"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .totalTable .paidTotal{font-size:1rem}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .totalTable .paidTotal .invoice-td{vertical-align:middle}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .totalTable .paidTotal .invoice-td:last-child{font-family:"Avenir-Heavy"}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .totalTable .paidTotal .invoice-td:last-child{font-family:"Almarai-Bold"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .balnceInWord{padding-top:14px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .balnceInWord span{padding-bottom:10px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .balnceInWord span:first-child{font-family:"Avenir-Roman"}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .balnceInWord span:first-child{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance .balnceInWord span:last-child{color:#384150;padding-bottom:0}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance.invoicePaymentBalance{width:initial}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .invoiceTotal .totalBalance.invoicePaymentBalance .totalTable .invoice-tr .invoice-td:first-child{text-align:left}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .noteTermsContainer .noteTerm span:last-child{color:#8994a5;line-height:initial}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr{height:0}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr th{font-family:"Avenir-Heavy"}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr th{font-family:"Almarai-Bold"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr td{font-family:"Avenir-Roman"}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr td{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr th,.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr td{padding:15px 10px;color:#384150}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr th:first-child,.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer table.vatTable tr td:first-child{padding-left:0}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile{position:relative;padding-left:42px;padding-right:0;width:40%}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile .uploadThumbNail{border:none;width:34px;height:34px;box-sizing:border-box;overflow:hidden;position:absolute;left:0;top:-3px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile .FileName{color:#8994a5;height:25px;display:block;margin-right:70px;font-size:.75rem;font-family:"Avenir-Roman";max-width:300px}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile .FileName{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile .FileSize{position:absolute;right:0;top:0;color:#8994a5;font-size:.75rem;font-family:"Avenir-Roman"}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile .FileSize{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile .progrsCompleted{background:#62bd69}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile .progrsInComplete{background:#c4c9d2}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile .uploadedProgressBar{height:5px;display:block;border-radius:3px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceContainer .uploadProgressFile .uploadedProgressBar .uploadProgressBarControl{position:absolute;right:0;top:15px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus{border:1px solid #dbe1e9;width:26%;height:fit-content}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .title{font-size:1.25rem}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs ul li:last-child .progrsDoneLine{border-left:0 dashed #dbe1e9}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage{flex-wrap:nowrap;position:relative}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage [class^=icon]{position:relative;top:-2px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .icon-check-mark-filled{z-index:1}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .icon-check-mark-filled::before{color:#62bd69}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .icon-cross-mark-filled{font-size:1.5rem;z-index:1;color:#eb3223;background-color:#fff}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .icon-status-down-arrow{z-index:1;transform:rotate(-90deg);font-size:1.5rem;height:fit-content;display:inline-block}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .icon-status-down-arrow::before{color:#5090f8}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .iconEnd-stage{background-color:#dbe1e9;border-radius:50px;padding:6px 0;height:24px;width:24px;text-align:center;display:inline-block;color:#8994a5;font-size:.875rem;z-index:1}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .prorgsLine,.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsNotDoneLine,.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsDoneLine{position:absolute;left:11px;bottom:-7px;height:100%}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsDoneLine{border-left:2px dashed #62bd69}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsNotDoneLine{border-left:2px dashed #dbe1e9}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName>span{color:#8994a5;padding-bottom:6px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName>span:first-child{font-size:1rem;padding-bottom:8px;padding-top:2px;color:#000001;line-height:initial}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName>span:last-child{padding-bottom:0}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .commentLine{font-size:.75rem;line-height:initial}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .invoiceApprovalFlow{width:fit-content;padding-top:6px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .invoiceApprovalFlow .icon-down-arrow{transition:.5s}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .invoiceApprovalFlow .toggleRotate{transform:rotate(-180deg) scale(1)}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails{padding-top:10px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody{border-radius:0}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events{padding:25px 10px 0 10px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events li>span:first-child{flex:.1}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events li>span:last-child{flex:1}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepLabel::after{content:"";padding:6px;border:0;top:4px;right:-1px;background-color:#dbe1e9;z-index:1}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepLabel.invoiceAprovalDone::after{background-color:#349c3c}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepLabel.invoiceAprovalNotDone::after{background-color:#5090f8}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepLabel.isInvoiceRejected.invoiceAprovalNotDone::after{background-color:#eb3223}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepLabel.isInvoiceRejected.invoiceAprovalNotDone~span strong p{color:#eb3223}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus .subapprovalText{padding-left:20px;font-size:.75rem;padding-bottom:8px;line-height:initial;font-family:"Avenir-Medium";color:#8994a5;padding-bottom:6px}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus .subapprovalText{font-family:"Almarai-Regular"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus .subapprovalText::first-letter{text-transform:uppercase}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus .subapprovalDate{padding-left:20px;font-size:.75rem;padding-bottom:8px;line-height:initial;font-family:"Avenir-Roman"}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus .subapprovalDate{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus .subApprovalComment{padding-left:20px;font-size:.75rem;padding-bottom:8px;line-height:initial;font-family:"Avenir-Roman";color:#384150;padding-bottom:10px}[dir=rtl] .invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus .subApprovalComment{font-family:"Almarai-Light"}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus .subApprovalComment:last-child{padding-bottom:30px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus strong{padding-left:20px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus li{min-height:100%}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events .stepStatus li.displyBlock{display:block}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events span::before{top:16px;z-index:0}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .transactionDetails .stepWrapperBody .events span.statusLineDone::before{border-left:2px solid #349c3c}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName span.linkColor{color:#5090f8}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .icon-down-arrow{font-size:.75rem;padding:0 6px}.invoiceViewDetails .groupInvoiceTop .groupInvoice .groupInvoiceProgressStatus .progrs .progrsStage .progrsName .toggleFilters.flowArrowRotate{transform:rotate(180deg);transition:.2s}.invoiceViewDetails .groupInvoiceTop .groupInvoice .progressDataLoader{height:20px}.invoiceViewDetails .groupInvoiceTop .mediaIcons span{margin-right:38px;color:#384150;cursor:pointer;font-size:1.4375rem}.invoiceViewDetails .groupInvoiceTop .mediaIcons span:last-child{margin-right:0}.invoiceViewDetails .groupInvoiceBtm{position:sticky;bottom:0;width:100%;box-shadow:0 0 8px 0 rgba(56,65,80,.22);background:#fff;z-index:1}.invoiceViewDetails .groupInvoiceBtm .invoiceActionBtns .actionBtns button{margin-right:16px}.invoiceViewDetails .groupInvoiceBtm .invoiceActionBtns .actionBtns button:last-child{margin-right:0}.invoiceViewDetails .groupInvoiceBtm .invoiceActionBtns .actionBtns .iconSize{font-size:1.375rem}.createDisputePopup .disputeBody{padding:24px 45px 45px 45px;height:calc(100vh - 156px);position:relative;overflow:auto}.createDisputePopup .disputeBody .disputeTitle h2{font-family:"Avenir-Heavy";font-size:1rem;padding-bottom:12px}[dir=rtl] .createDisputePopup .disputeBody .disputeTitle h2{font-family:"Almarai-Bold"}.createDisputePopup .disputeBody .disputeTitle span{color:#8994a5}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .invoice-td{color:#8994a5}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .invoice-td .quantityInput,.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .invoice-td .unitPriceInput{width:100%}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .invoice-td .reqstMsg{font-size:.75rem;width:100%;height:44px}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .invoice-td .remainChars{font-size:.75rem;padding-top:6px;text-align:right}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .disputeAmout{font-size:1rem;white-space:nowrap}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings.noHoverEffect{color:#8994a5}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings.noHoverEffect:hover{opacity:1}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings{color:#5090f8;position:relative}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings:hover .tooltip{display:block}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings .tooltip{display:none;position:absolute;cursor:pointer;bottom:22px;left:-16px}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings .tooltip .bottom{position:relative;padding:10px}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings .tooltip .bottom::before{transform:rotate(180deg);bottom:-8px;top:auto;left:84%}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings .tooltip .bottom::after{transform:rotate(180deg);top:auto;bottom:-18px;left:84%}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings .tooltip .bottom span{white-space:initial;line-height:initial;font-size:.75rem}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .icon-Notification-settings .tooltip .tooltipTitle{display:none}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .notification-Alert{position:relative}.createDisputePopup .disputeBody .disputeinvoiceTable .invoice-tr .notification-Alert::before{content:"";background:#eb3223;width:4px;height:4px;position:absolute;border-radius:50px;left:-3px}.createDisputePopup .disputeBody .disputeinvoiceTable.groupInvoiceTable .invoice-tr:first-child .invoice-td{padding-top:14px}.createDisputePopup .disputeBody .disputeinvoiceTable.groupInvoiceTable .invoice-tr .invoice-td{padding:4px 10px}.createDisputePopup .disputeBody .disputeinvoiceTable.groupInvoiceTable .invoice-tr .invoice-td .isInputField{padding:5px 13px}.createDisputePopup .disputeBody .updateInvoiceTotal .updteTitle{background-color:#f3f5fd;color:#384150}.createDisputePopup .disputeBody .updateInvoiceTotal .updteTitle .icon-new-close-icon{font-size:.625rem}.createDisputePopup .disputeBody .updateInvoiceTotal .boxBorder{border:1px solid #dbe1e9;border-top:0}.createDisputePopup .disputeBody .updateInvoiceTotal div .invoice-tr{border-bottom:1px solid #dbe1e9}.createDisputePopup .disputeBody .updateInvoiceTotal div .invoice-tr:last-child{border-bottom:0}.createDisputePopup .disputeBody .updateInvoiceTotal div .invoice-tr .invoice-th{white-space:nowrap}.createDisputePopup .disputeBody .updateInvoiceTotal div .invoice-tr .invoice-th:first-child,.createDisputePopup .disputeBody .updateInvoiceTotal div .invoice-tr .invoice-td:first-child{padding-left:16px}.createDisputePopup .disputeBody .updateInvoiceTotal div .invoice-tr .invoice-th:last-child,.createDisputePopup .disputeBody .updateInvoiceTotal div .invoice-tr .invoice-td:last-child{padding-right:24px;width:17%;text-align:right}.createDisputePopup .disputeBody .updateInvoiceTotal div .invoice-tr .invoice-td{color:#8994a5}.createDisputePopup .disputeBody .updateInvoiceTotal div .invoice-tr .invoice-td .isInputField{width:100%;text-align:right;padding:6px 13px}.createDisputePopup .disputeBody .updateInvoiceTotal .representTotal{font-family:"Avenir-Roman";text-align:justify;font-size:.75rem;padding-bottom:20px;line-height:initial}[dir=rtl] .createDisputePopup .disputeBody .updateInvoiceTotal .representTotal{font-family:"Almarai-Light"}.createDisputePopup .disputeBody .updateInvoiceTotal .verfyDisputeForm{padding:10px}.createDisputePopup .disputeBody .updateInvoiceTotal .verfyDisputeForm .formControl{margin-bottom:0}.createDisputePopup .disputeBody .updateInvoiceTotal .verfyDisputeForm .formControl .phnSelect{width:35%}.createDisputePopup .disputeBody .updateInvoiceTotal .verfyDisputeForm .formControl .phnWidth{width:65%}.createDisputePopup .disputeBody .updateInvoiceTotal .verfyDisputeForm .formControl .phnWidth input{border-radius:0 4px 4px 0;min-height:38px}.createDisputePopup .disputeBody .updateInvoiceTotal .verfyDisputeForm .formControl .selectOptionFont div:first-child{border-right:0;border-radius:4px 0 0 4px}.createDisputePopup .disputeBody .updateInvoiceTotal .verfyDisputeForm input{width:100%;margin-bottom:12px}.createDisputePopup .disputeBody .updateInvoiceTotal .disputeUpload.uploadProgressFile{width:85%}.createDisputePopup .disputeBody .invoiceBreakUp>div{padding-right:10px;padding-left:10px}.createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter{margin-bottom:1rem}.createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter>span{text-align:right}.createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter>span:first-child{padding-right:32px;font-family:"Avenir-Medium";font-size:.875rem;color:#384150;text-align:left}[dir=rtl] .createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter>span:first-child{font-family:"Almarai-Regular"}.createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter>span:last-child{font-family:"Avenir-Roman";font-size:1rem;color:#384150}[dir=rtl] .createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter>span:last-child{font-family:"Almarai-Light"}.createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter>span input{text-align:right}.createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter>span input::placeholder{text-align:right}.createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter:last-child{margin-bottom:0}.createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter.total>span,.createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter.duebalance>span{font-family:"Avenir-Heavy"}[dir=rtl] .createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter.total>span,[dir=rtl] .createDisputePopup .disputeBody .invoiceBreakUp .isFlex.alignCenter.duebalance>span{font-family:"Almarai-Bold"}.createDisputePopup .disputeBody .invoiceBreakUp .paybleBalnce{background-color:#dbe1e9;padding:10px}.createDisputePopup .disputeActnBtns{position:absolute;bottom:0;padding:18px 45px 25px 45px;box-shadow:0 -4px 8px 0 rgba(193,193,193,.18);width:100%;background-color:#fff}.createDisputePopup .disputeActnBtns .confirmDisputeBtn{min-width:147px}.invoiceBalanceInWords{line-height:18px;max-width:335px}.invoiceBalanceInWords::first-letter{text-transform:uppercase}.approvalModal .btn.info{height:44px;font-size:1rem;font-family:"Avenir-Medium"}[dir=rtl] .approvalModal .btn.info{font-family:"Almarai-Regular"}.mediaIcons span.icon-share,.mediaIcons span.icon-print,.mediaIcons span.icon-download{transition:.3s}.mediaIcons span.icon-share:hover,.mediaIcons span.icon-print:hover,.mediaIcons span.icon-download:hover{color:#5090f8}@media print{.invoiceViewDetails .groupInvoiceBtm,.groupInvoiceTop .mediaIcons{display:none}}