:root{--white:#fff;--deepBlue:#004274;--lightBlue:#00a8a8;--whiteSmoke:#d7d7d7;--whiteSmoke2:#f8f8f8;--nativeBlack:#2d2d2d;--grayShade:#494d80}.activate-list{margin:0;padding:3px}.ReactCollapse--collapse{transition:height .3s}.activate-list li{position:relative;list-style-type:none;margin-bottom:.5rem}.activate-list li:before{content:"";display:block;position:absolute;left:0;top:-2px;width:5px;height:11px;border-color:var(--lightBlue);border-style:solid;border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.remaining{color:var(--deepBlue);font-size:"14px"}.login_container{background-color:var(--white);border-radius:5px;padding:20px;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:400px;border:2px solid var(--deepBlue)}.headerWrapper{display:flex;flex-direction:column;align-items:center}.loginLogo{width:18.2rem;height:3.7rem;padding-bottom:2rem}.loginButtonWrapper{width:100%;display:flex;justify-content:center;align-items:center}.footer_wrapper{display:flex;position:absolute;bottom:2rem;justify-content:space-between;width:100%;color:#fff;padding-left:5rem;padding-right:5rem;font-weight:200;font-size:1.3rem}.logo-container{display:flex;grid-gap:.25rem;gap:.25rem;align-items:center}.logo-container .cbn{width:13px;height:17px}.logo-container .ndic{width:45px;height:17px}.dialCode{font-size:"12px";color:var(--grayShade)}.searched_result{justify-content:flex-start}.category,.searched_result{padding:10px;display:flex;align-items:center;flex-wrap:wrap;overflow-y:scroll}.category{justify-content:center}.merchants{display:flex;width:240px;height:75px}.merchant_collections{width:80px;border-radius:5px 0 0 5px;text-align:center;background-color:var(--deepBlue);color:var(--white)}.merchant_collections .merchant_collection-items{border:3px solid var(--white);margin:18px 15px 0;border-radius:50px}.merchant_item_texts{font-size:29px;font-weight:600}.merchant{display:flex;width:200px;height:70px;margin:2px}.category_card{display:flex;width:400px;height:130px;align-items:center;justify-items:center}.merchant_collection{width:100px;border-radius:5px 0 0 5px;text-align:center}.merchant_collection .merchant_collection-item{border:3px solid var(--white);margin:18px 15px 0;border-radius:50%;background-color:var(--deepBlue)}.merchant_item_text{font-size:12px;font-weight:600;color:var(--white)}.display_flex{display:flex;justify-content:space-evenly;align-items:center}.biller_image{width:80px;padding:9px;float:left;position:relative}.input_styles,.select_styles{width:100%;height:32px;margin-left:1rem;background-color:var(--whiteSmoke2);border:1px solid var(--whiteSmoke);align-self:right;margin-bottom:2rem}.input_styles{margin-right:7px}.issuer_flex{width:auto;display:flex;font-size:16px}.issuer_flex .issuer_flex-text{font-weight:700;margin-left:3.5rem;margin-right:2.5rem}.form_header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--whiteSmoke);height:10%;padding:2rem 3rem}.form_header h1{color:var(--deepBlue);font-size:18px}.ip_header{display:flex;justify-content:space-between}.ip_header h1{color:var(--deepBlue);font-size:18px}.receipt_container{display:flex;margin:4rem;flex-direction:column;height:100%}.receipt_container .header{margin-bottom:3rem}.header-container,.receipt_container .header{display:flex;flex-direction:column;justify-content:space-between;color:var(--nativeBlack)}.receipt_header_container{display:flex;justify-content:space-between}.receipt_header_container .payment_header{color:var(--deepBlue);font-size:18px;font-weight:600;padding:0;margin:0}.content_container{display:flex;background-color:rgba(72,76,127,.03);margin-bottom:2rem;flex-direction:column;width:100%}.content_container .details{display:flex;justify-content:space-between;color:var(--nativeBlack);width:100%;padding:0;margin:0 0 -5px}.disclaimer_container{background-color:hsla(0,0%,53.7%,.03);line-height:16px;padding-top:10px}.footNote{display:flex;justify-content:space-between;margin-top:10px}.disclaimer_container h6{text-decoration:underline;font-weight:600;text-align:left;padding:0;margin:0 0 7px}.disclaimer_container .name{text-align:left;color:var(--grayShade);font-size:.9rem;padding:0;margin:0}.firs_container{margin:20px;display:flex;margin-bottom:19rem;flex-direction:column;width:100%}.firs_container .header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:8rem;color:var(--nativeBlack)}.firs_container .details{background-color:#ffc}.detail2,.firs_container .details{display:flex;justify-content:space-between;font-size:"20px";width:100%;padding:0 2rem}.detail2{color:var(--nativeBlack)}.filters_button{width:16rem}.export_button,.filters_button{height:4.6rem;background:#004274;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:2rem;border-radius:4px}.export_button{width:20rem;margin-right:2rem}.user_list-container{display:flex;background-color:#fff;padding:0;justify-content:space-between;align-items:center;border-radius:.4rem}.user_create_container{overflow:scroll;padding-right:20px;max-height:97%;width:100%;margin:auto;background-color:#00f}.outer_container{height:80%;align-items:center;display:flex;flex-direction:column}.dialog_container{display:flex;align-items:center;justify-content:space-between;width:40%;height:4rem}.dialog_NO{border:1px solid red;border-radius:5px;color:red;background:#fff;margin:20px}.dialog_NO,.dialog_YES{width:20rem;height:100%;outline:none;font-size:16px}.dialog_YES{background:#004274;border-radius:5px;color:#fff;border:none}.imto_receipt_header{display:flex;justify-content:space-between;width:100%}.imto_header-left{padding:15px 170px}.imto_header-left,.imto_header-right{color:var(--deepBlue);margin:0;background-color:var(--deepBlue)}.imto_header-right{padding:15px 60px}.receipt_no{margin:0 0 7px;font-weight:700;font-size:14px}.receipt_date,.receipt_no{text-align:right;padding:0;color:var(--deepBlue)}.receipt_date{font-size:1.2rem;margin:0;font-size:12px}.flex{display:flex}.flex-left{text-transform:uppercase;margin-right:150px}.payment_method{background-color:var(--deepBlue);color:var(--white);padding:10px 40px;font-size:16px}.imto_container{background-color:hsla(0,0%,53.7%,.03);line-height:16px;position:absolute;top:80%}.biller_container{top:90%}.unlock_container{padding-top:30px;width:100%;padding-bottom:15px}.unblock_button{border:2px solid #004274;font-size:13px;border-radius:0 20px 0 20px}.step_container{width:100%;overflow-y:scroll;scroll-behavior:smooth}.progress{width:100%;background-color:grey;color:#fff}.progress,.progress-bar{padding:2px;border-radius:2px}.progress-bar{background-color:#004274}.breadcrumb-div{margin:.5rem 2rem 0 4rem}.all-trans-container{width:100%;grid-row:1;height:5%;display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.1rem}.all-trans-container p{font-size:1.6rem;color:#fff;margin-left:1rem}.all-trans-filter-container{width:10rem}.all-trans-filter-container,.export-transaction{height:4.4rem;background:#004274;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:2rem}.export-transaction{position:relative;width:20rem}.second-grid{background-color:#f0f0f0}.biller_search_container{padding-left:10px;padding-right:10px;padding-top:20px}.not-found,.search_container{display:flex;justify-content:center;width:100%}.not-found{margin-top:60px;font-size:30px}.grid-padding{padding:0 4.5rem}.top-padding{padding-top:20px}.validate_header{margin-top:40px;margin-bottom:20px;color:#004274}.validate_body{box-shadow:0 1px 9px rgba(0,0,0,.08);box-shadow:0 0 2px rgba(0,0,0,.16);padding:2rem 2rem 3rem;background:#fbfbfb;border-radius:4px}.biller_header{text-align:center;font-size:26px;margin:5px;font-weight:600;color:#004274}.biller_details{margin-top:-15px}.biller_details,.firs_details{display:flex;justify-content:space-between;grid-gap:10px;gap:10px;align-items:center}.firs_details{width:"100%";margin:"40px"}.mtop{margin-top:-10px}.biller_data{display:flex;justify-content:space-between}.grid{opacity:1;transition:opacity .5s ease-in-out}.grid.active{opacity:.2;pointer-events:none;box-shadow:.6px solid #e0e0e0}.close-button{position:absolute;top:10px;left:10px}.gridOne{padding:0 4.5rem}.gridOneTypography{margin-top:40px;margin-bottom:20px;color:#004274}.meter_details{background-color:#d4dae8;padding:20px}.meter_wrapper{background-color:#d4dae8;padding:10px;height:auto}.meter_wrapper_summary{display:flex;align-items:center;justify-content:center;margin-top:4px;width:100%;margin-left:-53px}.meter_wrapper_summary2{margin-left:53px}.bill_summary,.meter_wrapper_summary2{display:flex;align-items:center;justify-content:center;margin-top:10px;width:100%}.summary{background-color:#b7c6e6;padding:10px}.invoice-wrapper{padding-bottom:3px;margin-left:4rem}.biller_container{background-color:hsla(0,0%,53.7%,.03);line-height:16px;position:absolute;top:82%}.crumbBiller{padding-top:32px;cursor:pointer}.loaderContainer{display:flex;justify-content:center;align-items:center;height:100vh}.merchant_overview-container{border:none;overflow-y:scroll;scroll-behavior:smooth;height:90%;box-shadow:0}.merchant_overview_loader{height:60vh;display:flex;align-items:center;justify-content:center}.paginationleft{margin-right:2.9rem;color:#666;font-size:1.6rem;width:7rem}.merchant_header{margin-top:40px;margin-bottom:20px}.header_color,.merchant_header{color:var(--deepBlue)}.header_font{font-size:16px}.notify-header{display:flex;justify-content:space-between;margin-left:20px;margin-right:20px;margin-top:10px}.notify-display{display:"flex";align-items:"center";cursor:"pointer"}.approval-container{width:100%;height:auto}.flex-container{display:flex;justify-content:space-between;align-items:center}.flex-container .key,.flex-container .value{font-weight:700;margin-right:5px;font-size:12px}.accordion-item{padding-top:10px}.shadow-hover:hover{box-shadow:0 0 20px rgba(0,0,0,.2)}.py-3{padding-bottom:15px}.pt-3,.py-3{padding-top:15px}.px-5{padding-left:50px;padding-right:50px}.lg-margin-bottom-0,.md-margin-bottom-0{margin-bottom:0}.margin-bottom-3{margin-bottom:3px}.accordian-header{display:flex;justify-content:space-between;cursor:pointer;font-size:1.5rem;align-items:center;box-shadow:10px;background-color:var(--grayShade);color:#f0f0f0;padding:4px}.accordian-header:hover{background-color:var(--deepBlue);color:#f0f0f0}.text-lg{font-size:1.5rem}.text-base{font-size:1rem}.font-light{font-weight:300}.text-left{text-align:left}.md-margin-left-0{margin-left:0}.icon{font-size:30px}.border-bottom{border-bottom:1px solid #d1d5db}.content{background-color:#fff;padding-left:50px;padding-bottom:20px}.answer{font-size:15px;line-height:1.4}.levelBorder{border:1px solid #d7d7d7;padding:7px}.levelBorder2{border:1px solid #d7d7d7;padding:3px}.custom-scrollbar::-webkit-scrollbar{width:1rem}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-track{background-color:#d3d3d3}.transcontainer{display:flex;justify-content:space-between;padding:20px;background-color:#fff}.translinks{font-size:.875rem;display:flex;grid-gap:12px;gap:12px}.translink{padding:8px 12px;text-decoration:none;color:inherit}.translink.active{background-color:#ebf8ff;color:#3b82f6;font-weight:700}.approvalButton{display:flex;justify-content:center;padding:0;align-items:center}.dropHeader{text-align:center;font-size:20px;font-weight:bolder}.dropzone{padding:10px;background-color:rgba(243,244,246,.5);border-radius:12px;cursor:pointer}.file-selected{padding:0;border:none}.drag-active{padding:20px}.label{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease}.hidden{display:none}.content-before-file-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:5px;gap:5px;color:#4b5563}.icon-wrapper{display:inline-flex;height:40px;width:40px;align-items:center;justify-content:center;border-radius:50%;background-color:#f3f4f6}.upload-button{font-weight:500;cursor:pointer}.upload-info{font-size:.875rem;color:#6b7280}.content-after-file-selected{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;padding:15px;position:relative}.file-name{overflow:hidden;text-overflow:ellipsis;text-align:center}.remove-button{position:absolute;right:-10px;top:-10px}.error-message{padding-top:10px;text-align:center;font-size:1rem;color:#dc2626}.transaction-form-container{display:flex;grid-gap:1rem;gap:1rem}.sidebar{width:200px;display:flex;flex-direction:column}.sidebar-button{padding:.5rem;cursor:pointer;background:#eee;border:none;margin-bottom:.5rem;text-align:left}.sidebar-button:focus,.sidebar-button:hover{background:#ccc}.transaction-form{flex:1 1;padding:1rem;border:1px solid #ddd;border-radius:8px}.transIdHeader{font-size:14px}.transaction-section{margin-bottom:1.5rem;padding:1rem;border:1px solid #ccc;border-radius:4px;background:#f9f9f9}.transaction-section .contain1,.transaction-section .contain2{display:flex;justify-content:space-between;grid-gap:10px;gap:10px}.transaction-section .contain2{padding-top:20px}.submit-button{margin-top:1rem;padding:.5rem 1rem;background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:4px}.submit-button:hover{background-color:#45a049}.category-head{margin-bottom:30px}.progress-bar-container{width:100%;max-width:600px;margin:0 auto;font-family:Arial,sans-serif}.progress-item{display:flex;align-items:center;margin-bottom:16px}.progress-label{flex:1 1;margin-right:16px;font-weight:700}.progress-bar-wrapper{flex:3 1;width:100%;background-color:#e9ecef;border-radius:4px;overflow:hidden;height:30px;position:relative}.progress-bar{background-color:#007bff;height:100%;line-height:30px;color:#fff;text-align:center;position:relative}.progress-amount{position:absolute;left:50%;transform:translateX(-50%);font-weight:700;white-space:nowrap}.top-category-section{display:flex;justify-content:space-between;padding-bottom:2rem;grid-gap:10px;gap:10px}.top-category{max-height:350px}.top-category,.top-merchant{width:50%;margin-top:4rem;padding:40px;border-radius:5px;height:350px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.top-merchant{max-height:700px}.top-merchant-no-data{display:flex;grid-gap:10px;gap:10px;align-items:center;justify-content:center;align-content:center;margin-top:40px;flex-direction:column}.m-header{text-align:center;font-size:1.5rem;padding-bottom:.5rem}.summary-header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.appbar-style{background-color:#fff;box-shadow:none}.bank-summary-wrapper{display:flex;grid-gap:20px;gap:20px;background-color:#fafafa;border-radius:40px;padding:0 20px;cursor:pointer;align-items:center;justify-content:center}.active{background-color:#eaf6ff;border-radius:20px;padding:5px 20px}.close-button2{border:none;font-size:24px;color:red;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;transition:all .2s ease}.close-button2,.success-wrapper{display:flex;align-items:center;justify-content:center}.success-wrapper{margin-top:20px;height:100%}.success-pie-wrapper{width:100%;max-width:400px;margin:0 auto;padding:24px;background-color:#fff}.success-pie-wrapper .success{display:flex;align-items:center;margin-bottom:8px}.success .success-box{width:16px;height:16px;margin-right:12px;border-radius:2px;background-color:#027a48}.failure{display:flex;align-items:center}.failure .failure-box{width:16px;height:16px;margin-right:12px;border-radius:2px;background-color:#dc3545}.payment-img{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.payment-img-hr{padding-top:5px;padding-bottom:5px}.payment-survey{display:flex;justify-content:center;align-items:center;flex-direction:column}.payment-survey p{text-align:center;font-size:10px;margin-top:-3px;color:grey}