@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{object-fit:contain}#root,body,html{height:100%;overflow-y:auto}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loadingmodel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;height:100dvh;left:0;top:0;width:100vw;z-index:9999}.loadingmodel,.loadingmodeloverlay{align-items:center;display:flex;justify-content:center;position:fixed}.loadingmodeloverlay{background:#fff;border-radius:10px;box-shadow:0 0 10px #00000080;font-weight:700;height:auto;left:50%;max-width:500px;padding:2rem;top:50%;transform:translate(-50%,-50%);width:80%}body{-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;color:#000;font-size:16px;font-weight:300;height:100%;overflow-x:hidden}*{margin:0;padding:0}a,a:hover{text-decoration:none;transition:all .5s ease}.text-primary{color:#002163!important}.text-grey-dark{color:#555!important}.text-grey-light-primary{color:#a2a2a2!important}.text-grey-light,.text-grey-lighter{color:#fff!important}.text-grey-lighter-alt{color:#7c7c7c!important}.text-white{color:#fff!important}.text-black{color:#000!important}.amipay-merchant .txt-white{color:#fff!important}.text-green{color:#5cb85c!important}.text-red{color:#e60000!important}.text-processing{color:#c5a800!important}.bg-primary{background-color:#1b1c1c!important}.text-underline{text-decoration:underline!important}.bg-grey{background-color:#f7f7f7!important}.bg-grey-primary{background-color:#15b86d!important}.bg-grey-secondary{background-color:#d6f0ee!important}.amipay-merchant .bg-grey-secondary{background-color:#1b75bdbd!important}.bg-grey-ternary{background-color:#d6f0ee!important}.bg-grey-dark-primary{background-color:#313131!important}.bg-grey-lightest-2{background-color:#eee3!important}.bg-white{background-color:#fff!important}.bg-white-transparent{background-color:#fffc!important}.bg-dark-transparent{background-color:#000c!important}@media (min-width:768px){.bg-white-transparent{background-color:#fff!important}}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-medium-bold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.font-family-logo{font-family:bauhaus_93regular,sans-serif!important}.font-size-10{font-size:10px!important}.font-size-11{font-size:11px!important}.font-size-12{font-size:12px!important}.font-size-13{font-size:13px!important}.font-size-14{font-size:14px!important}.font-size-15{font-size:15px!important}.font-size-16{font-size:16px!important}.font-size-17{font-size:17px!important}.font-size-18{font-size:18px!important}.font-size-20{font-size:20px!important}.font-size-24{font-size:24px!important}.font-size-26{font-size:26px!important}.font-size-30{font-size:30px!important}.font-size-50{font-size:50px!important}@media (min-width:576px){.font-size-sm-12{font-size:12px!important}.font-size-sm-14{font-size:14px!important}.font-size-sm-16{font-size:16px!important}.font-size-sm-18{font-size:18px!important}}@media (min-width:768px){.font-size-md-12{font-size:12px!important}.font-size-md-16{font-size:16px!important}}@media (min-width:992px){.font-size-lg-24{font-size:24px!important}.font-size-lg-34{font-size:34px!important}}@media (min-width:1200px){.font-size-xl-28{font-size:28px!important}}.line-height-15{line-height:15px!important}.line-height-16{line-height:16px!important}.line-heiht-1rem{line-height:1rem!important}.line-height-35{line-height:35px!important}.form-control{border:1px solid #ccc;border-radius:6px;height:auto;padding-bottom:9px;padding-top:9px;transition:all .5s ease}.form-control:focus{background-color:#f4f6fc;border-color:#0000004d!important;box-shadow:none}.form-control.is-invalid{border-color:red!important}.form-control.selectBank:focus{background-color:#fff}.border-none{border:none!important}.border{border:1px solid #ccc!important}.border-top{border-top:1px solid #ccc!important}.border-primary{border:1px solid #ccc6!important}.border-radius-primary{border-radius:6px!important}.border-radius-5{border-radius:5px!important}.border-radius-8{border-radius:8px!important}.border-radius-20{border-radius:20px!important}.border-radius-tl-20{border-top-left-radius:20px!important}.border-radius-tr-20{border-top-right-radius:20px!important}@media (min-width:768px){.border-radius-tl-md-20{border-top-left-radius:20px!important}}.border-radius-br-20{border-bottom-right-radius:20px!important}.border-radius-bl-20{border-bottom-left-radius:20px!important}@media (min-width:768px){.border-right-md-grey-lighter{border-right:1px solid #dedede!important}}.border-bottom-grey-darker{border-bottom:1px solid #b2b2b2!important}.amipay-merchant .border-bottom-grey-darker{border-bottom:1px solid #fafafa!important}.rounded{border-radius:999px!important}.box-shadow-primary{box-shadow:0 2px 2px 0 #99999924,0 3px 1px -2px #9993,0 1px 5px 0 #9999991f}@media (min-width:768px){.border-radius-md-20{border-radius:20px!important}}.left-0{left:0!important}.top-0{top:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}h1,h2,h3,h4,h5,h6{margin:0!important}.mx-auto{margin-left:auto;margin-right:auto}.mx-3{margin-left:3px!important;margin-right:3px!important}.mx-5{margin-left:5px!important;margin-right:5px!important}.my-15{margin-bottom:15px!important;margin-top:15px!important}.my-30{margin-bottom:30px!important;margin-top:30px!important}.m-0{margin:0!important}.mr-3{margin-right:3px!important}.mr-5{margin-right:5px!important}.mr-10{margin-right:10px!important}.mr-15{margin-right:15px!important}.ml-n-5{margin-left:-5px!important}.ml-3{margin-left:3px!important}.ml-5{margin-left:5px!important}.ml-10{margin-left:10px!important}.ml-15{margin-left:15px!important}.ml-20{margin-left:20px!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mtn-5{margin-top:-5px!important}.mtn-30{margin-top:-30px!important}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}@media (min-width:576px){.mb-sm-0{margin-bottom:0!important}.mb-sm-5{margin-bottom:5px!important}.mr-sm-10{margin-right:10px!important}.mt-sm-0{margin-top:0!important}}@media (min-width:768px){.mr-md-5{margin-right:5px!important}.mr-md-15{margin-right:15px!important}.mt-md-0{margin-top:0!important}.mt-md-30{margin-top:30px!important}.mb-md-0{margin-bottom:0!important}.mb-md-5{margin-bottom:5px!important}.mb-md-15{margin-bottom:15px!important}.mb-md-35{margin-bottom:35px!important}}@media (min-width:992px){.mt-lg-10{margin-top:10px!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-50{margin-bottom:50px!important}.mt-lg-95{margin-top:95px!important}}.p-0{padding:0!important}.p-5{padding:5px!important}.p-8{padding:8px!important}.p-10{padding:10px!important}.p-14{padding:14px!important}.p-15{padding:15px!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.p-40{padding:40px!important}.px-2{padding-left:2px!important;padding-right:2px!important}.px-10{padding-left:10px!important;padding-right:10px!important}.px-15{padding-left:15px!important;padding-right:15px!important}.px-20{padding-left:20px!important;padding-right:20px!important}.py-5{padding-bottom:5px!important;padding-top:5px!important}.py-10{padding-bottom:10px!important;padding-top:10px!important}.py-15{padding-bottom:15px!important;padding-top:15px!important}.py-20{padding-bottom:20px!important;padding-top:20px!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-15{padding-top:15px!important}.pl-15{padding-left:15px!important}.pl-30{padding-left:30px!important}.pr-15{padding-right:15px!important}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-15{padding-bottom:15px!important}.pb-20{padding-bottom:20px!important}@media (min-width:576px){.pl-sm-40{padding-left:40px!important}.border-radius-bl-sm-0{border-bottom-left-radius:0!important}}@media (min-width:768px){.p-md-18{padding:18px!important}.px-md-5{padding-left:5px!important;padding-right:5px!important}.border-radius-br-md-20{border-top-right-radius:20px!important}.border-radius-bl-md-0{border-bottom-left-radius:0!important}}@media (min-width:991px){.p-lg-60{padding:60px!important}.pb-lg-0{padding-bottom:0!important}.border-radius-lg-none{border-radius:0!important}}@media (min-width:1200px){.px-xl-15{padding-left:15px!important;padding-right:15px!important}.px-xl-30{padding-left:30px!important;padding-right:30px!important}.mh-xl-525{min-height:525px!important}}.bg-none{background:0 0!important}.max-width-485{max-width:485px}.max-width-200{max-width:200px}.outline-none{outline:0!important}.h-100{height:100%!important}.h-105{height:105px}.vh-100{height:100vh}.min-vh-100{min-height:100vh!important}.btn:focus{box-shadow:none!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:999px;box-shadow:inset 0 0 5px grey}.amipay-merchant ::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{background:#007774;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#0cbf9d}.text-ellipses{text-overflow:ellipsis}.cursor-pointer{cursor:pointer!important}.error-msg{color:red;font-size:10px;position:absolute;right:0}.opacity-0{opacity:0!important}.payment-loader{left:50%;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);width:150px}.payment-loader .binding{border:2px solid #2de190;content:"";height:4px;margin:0 auto;width:60px}.payment-loader .pad{border:2px solid #2de190;border-radius:8px;height:38px;margin:0 auto;padding:6px;width:60px}.payment-loader .chip{background:#2de190;border-radius:3px;height:8px;margin-left:3px;margin-top:4px;width:12px}.payment-loader .line{animation:writeline 3s ease-in infinite;width:52px}.payment-loader .line,.payment-loader .line2{background:#2de190;border-radius:100px;height:4px;margin-left:3px;margin-top:6px;opacity:0}.payment-loader .line2{animation:writeline2 3s ease-in infinite;width:32px}.payment-loader .line:first-child{margin-top:0}.payment-loader .line.line1{animation-delay:0s}.payment-loader .line.line2{animation-delay:.5s}.payment-loader .loader-text{color:#5f6571;font-size:16px;font-weight:700;line-height:16px;margin-top:20px;text-align:center}@keyframes writeline{0%{opacity:0;width:0}33%{opacity:1;width:52px}70%{opacity:1}to{opacity:0}}@keyframes writeline2{0%{opacity:0;width:0}33%{opacity:1;width:32px}70%{opacity:1}to{opacity:0}}.container-pane{width:"500px"}.cardData{background-color:"white";border-radius:"10px";box-shadow:"0 4px 6px rgba(0, 0, 0, 0.1)";padding:"2rem";text-align:"center";width:"350px",}.content-box{background-color:#ebebe9;border-radius:10px;color:#fff;font-size:1.2rem;height:100px;margin:10px auto;text-align:center;width:100%}.card{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;display:flex;justify-content:center;padding:12px;transition:transform .3s ease,box-shadow .3s ease;width:500px}@media (max-width:500px){.card{width:auto}}.card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-10px)}.card h2{color:#333;font-size:1.5rem;margin-top:0}.card p{color:#666;font-size:1rem;line-height:1.5}.highlited-text{font-weight:700}hr{background-color:#c4c4c4;border:none;height:2px}.App{background-color:#f7f7f7;height:100vh}.App,.success-container{align-items:center;display:flex;justify-content:center}.success-container{height:100%;padding:20px}.success-content{background-color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;max-width:500px;padding:30px;text-align:center;width:100%}.success-content h1{color:#4caf50;font-size:2rem;margin-bottom:20px}.success-content p{color:#333;font-size:1rem;margin-bottom:20px}.success-content button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.success-content button:hover{background-color:#45a049}@media screen and (max-width:768px){.success-content h1{font-size:1.5rem}.success-content p{font-size:.9rem}.success-content button{font-size:.9rem;padding:8px 16px}}@media screen and (max-width:480px){.success-content h1{font-size:1.3rem}.success-content p{font-size:.8rem}.success-content button{font-size:.8rem;padding:6px 14px}}.align-rigth{text-align:right}.align-left{text-align:left}.status-heading{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.status-message{border-radius:5px;font-size:18px;padding:10px;text-align:center}.status-success{background-color:#e9f7ee;color:#28a745}.status-failure{background-color:#f8d7da;color:#dc3545}.status-pending{background-color:#fff3cd;color:#ffc107}.transaction-details{font-size:16px;margin-top:20px}.transaction-details p{margin:10px 0}.details-label{font-weight:700}
/*# sourceMappingURL=main.46b3e6d0.css.map*/