body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:Shabnam;src:url(/static/media/Shabnam.97605d4b.ttf)}.App{text-align:center;margin:0;padding:0;background-color:#fff;background-image:url(/static/media/bg.349d39a7.jpg);background-position:50%;background-size:cover}.ant-message-notice>*,.App{font-family:Shabnam!important}body,html{margin:0;padding:0;background-color:#fff}.sized-box-width-10{width:10px}.sized-box-width-20{width:20px}.sized-box-width-40{width:40px}.sized-box-width-50{width:50px}.mobile-padding{height:0%}.sized-box-height-10{height:10px}.sized-box-height-20{height:20px}.sized-box-height-40{height:40px}.sized-box-height-50{height:50px}::-webkit-scrollbar{display:none}.button-element{color:#fff;font-family:Shabnam;font-weight:700;background-color:#fc982f;border:none;outline:none;height:60px;width:40%;cursor:pointer;border-radius:14px;transition:.6s ease-in-out}.button-element:hover{opacity:.3}.button-element:disabled{opacity:.3;cursor:not-allowed}.title-style{padding:0;margin:0;font-weight:700;font-size:14pt}.title-low-sized{margin:0;padding:0;font-weight:lighter;font-size:9pt}.bold{font-weight:bolder}.rtl-align{text-align:right!important;padding-right:20px}.input-style{border:none;height:60px;width:100%;border-radius:14px;text-align:center;font-weight:700;font-family:Shabnam;color:grey;background-color:#f1f1f1}.input-style:focus{border:none;outline:none}.input-style:invalid{border:1px solid rgba(255,0,0,.3);outline:none}.circle-avatar{height:80px;width:80px;border-radius:50%;background-color:#f1f1f1;background-size:contain!important;background-position:50%!important;background-repeat:no-repeat!important}.expired{color:red!important}.completed{color:green!important}@media (min-width:481px) and (max-width:767px){.title-style{font-size:11pt}.button-element,.input-style{height:50px}}@media (min-width:320px) and (max-width:480px){.title-style{font-size:11pt}.input-style{height:50px}.mobile-padding{height:40px}.button-element{height:50px}}.login-wrapper{height:100vh}.login-credentials,.login-wrapper{display:flex;justify-content:center;align-items:center}.login-credentials{background-color:#fff;box-shadow:0 0 60px 0 rgba(0,0,0,.1);border-radius:21px;width:50%;padding:10px;height:60%;flex-direction:column}.input-wrapper,.login-form{width:80%}@media (min-width:768px) and (max-width:1024px){.login-credentials{width:80%}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.login-credentials{width:80%}}@media (min-width:481px) and (max-width:767px){.login-credentials{width:100%}}@media (min-width:320px) and (max-width:480px){.login-credentials{width:100%}}.home-wrapper{background-color:hsla(0,0%,100%,.8);height:100vh;overflow:hidden;width:100%;flex:80% 1 auto;flex-direction:row}.drawer,.home-wrapper{display:flex;justify-content:flex-start}.drawer{padding:10px 0;box-sizing:border-box;flex-direction:column;align-items:center;overflow-y:hidden;width:30%;height:100%;max-height:100%;background-color:#fff;z-index:1000;box-shadow:0 0 60px 0 rgba(0,0,0,.15)}.drawer-wrapper{width:100%}.mobile-drawer-title{visibility:hidden}.drawer-title{justify-content:center;flex-direction:column}.drawer-item,.drawer-title{display:flex;align-items:center;width:100%}.drawer-item{height:5rem;justify-content:flex-start;padding-right:5%;font-weight:700!important;cursor:pointer;background-color:#f1f1f1;transition:all .3s ease-in-out}.drawer-item-focused{background-color:rgba(252,152,47,.3)}.icon{height:20px;width:20px}.info{background-image:url(/static/media/transaction.2ff67ca1.svg)!important}.info,.setting{background-repeat:no-repeat;background-position:50%;color:#000;height:20px;width:20px}.setting{background-image:url(/static/media/settings.88e8ef7f.svg)!important}.info_round{background-image:url(/static/media/info_round.0470cbf8.svg)!important}.info_round,.logout{background-repeat:no-repeat;background-position:50%;color:#000;height:20px;width:20px}.logout{background-image:url(/static/media/logout.d3df1e33.svg)!important}.statistics{background-image:url(/static/media/statistics.1e6a6642.svg)!important;background-repeat:no-repeat;background-position:50%;color:#000;height:20px;width:20px}.content{width:100%;height:100%;overflow-y:scroll;background-color:#fff}@media (min-width:481px) and (max-width:767px){.drawer-wrapper{position:absolute;flex-direction:row}.drawer,.drawer-wrapper{width:100%;display:flex;bottom:0}.drawer{padding:10px 0;box-sizing:border-box;position:fixed;overflow-y:hidden;height:80px;background-color:#fff}.drawer-item{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0}.drawer-title{position:absolute;visibility:hidden}.content{padding-bottom:25%!important;padding-top:15%!important}.mobile-drawer-title{visibility:visible;position:fixed;top:0;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;padding:10px;width:100vw;height:60px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}}@media (min-width:320px) and (max-width:480px){.drawer-wrapper{position:absolute;flex-direction:row}.drawer,.drawer-wrapper{width:100%;display:flex;bottom:0}.drawer{padding:10px 0;box-sizing:border-box;position:fixed;overflow-y:hidden;height:80px;background-color:#fff}.drawer-item{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0}.drawer-title{position:absolute;visibility:hidden}.content{padding-bottom:25%!important;padding-top:15%!important}.mobile-drawer-title{visibility:visible;position:fixed;top:0;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;padding:10px;width:100vw;height:60px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}}.title{font-size:22pt}.title,.title-small{color:#fff;font-weight:700}.title-small{font-size:18pt}.title-small-dark{color:#000;font-size:18pt;font-weight:700}.title-smaller{color:#fff;font-size:14pt;font-weight:700}.desc,.desc-margin{color:#000;font-size:9pt}.desc-margin{line-height:0}.desc-opacity{color:#000;font-size:9pt;opacity:.5}.transactions-wrapper{box-sizing:border-box;padding-right:20px;width:100%;height:100vh;overflow-y:hidden;overflow-x:visible;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.scroller-widget{padding-bottom:0}.transaction-viewer{width:90%;height:100vh;overflow-y:scroll;overflow-clip-margin:0;padding-bottom:5%}.transaction-item{margin:10px 0;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;cursor:pointer;padding:10px 40px;border-radius:21px;width:100%;height:100px;background-color:#f1f1f1;transition:all .3s ease-in-out}.transaction-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.transaction-title{display:flex;flex-direction:column}@media (min-width:481px) and (max-width:767px){.transaction-viewer{width:90%;height:100%;padding-bottom:15%}.scroller-widget{padding-bottom:15%}}@media (min-width:320px) and (max-width:480px){.scroller-widget{padding-bottom:15%}.transaction-viewer{width:90%;height:100%;padding-bottom:15%}}.card-element{width:100%;border-radius:21px;background-color:#f1f1f1;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;padding:3%;transition:.3s ease-in-out;box-sizing:border-box;transition:all .3s ease-in-out}.card-invalid{border:.3px solid rgba(255,0,0,.5)!important;background-color:rgba(255,0,0,.1);-webkit-animation:wiggle 1s forwards;animation:wiggle 1s forwards}.bank-name{font-weight:bolder;font-size:12pt}@-webkit-keyframes wiggle{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes wiggle{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.sorter{width:100%;display:flex;justify-content:flex-start}.card-logo{height:40px;width:60px;background-image:url(/static/media/card_logo.c6c97b7c.svg);background-size:contain;background-repeat:no-repeat}.input-handler{direction:ltr;width:100%;display:flex;flex-direction:row;justify-content:space-between}.cvc-handler,.exp-cvc,.exp-handler{margin-top:10px;width:100%}.exp-handler{direction:ltr;display:flex;flex-direction:row;justify-content:space-between}.card-item{background-color:#fff;width:100%}.gateway-setting{padding-right:20px}.gateway-setting,.gateway-wrapper{width:100%;display:flex;justify-content:flex-start;align-items:flex-start}.gateway-wrapper{flex-direction:column}.gateway-edit-wrapper{display:flex;box-sizing:border-box;flex-direction:column;padding:2%;background-color:#fff;border-radius:21px;justify-content:center;align-items:center;width:90%;box-shadow:0 0 20px 0 rgba(0,0,0,.05)}.row-detail{width:100%;justify-content:space-between}.row-detail,.row-detail-compact{display:flex;flex-direction:row;align-items:center}.row-detail-compact{justify-content:flex-start;width:auto;overflow:hidden;text-overflow:ellipsis}.text-button{cursor:pointer;padding:10px 20px;box-sizing:border-box;border-radius:10px;color:#fc982f!important;font-weight:bolder!important;background-color:rgba(252,152,47,.1);border:none;outline:none;transition:all .3s ease-in-out}.text-button:hover{color:#fff!important;background-color:#fc982f}.key-wrapper{-webkit-filter:blur(3px);filter:blur(3px);background-color:#f1f1f1;padding:10px 40px;border-radius:9px;transition:.3s linear}.key-wrapper:hover{-webkit-filter:blur(0);filter:blur(0)}@media (min-width:481px) and (max-width:767px){.gateway-edit-wrapper{padding:5%;width:100%}.gateway-setting{padding:20px}.row-detail{display:flex;flex-direction:column-reverse}.row-detail-compact>.text-button{margin-top:10px}.row-detail-compact{display:flex;width:100%;flex-direction:column-reverse}}@media (min-width:320px) and (max-width:480px){.gateway-edit-wrapper{padding:5%;width:100%}.gateway-setting{padding:20px}.row-detail{display:flex;flex-direction:column-reverse}.row-detail-compact>.text-button{margin-top:10px}.row-detail-compact{display:flex;flex-direction:column-reverse;width:100%}}.monthly-payment-chart{width:90%;padding:20px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.05);border-radius:21px}.row-item-box{padding:20px;display:flex;justify-content:space-between;flex-direction:row;width:100%;border-radius:21px}.row-item{width:30%}.chart-view,.row-item{background-color:#f1f1f1;padding:20px;border-radius:21px}.chart-view{box-sizing:border-box}@media (min-width:320px) and (max-width:480px){.row-item-box{flex-direction:column}.row-item{margin-bottom:5px}.monthly-payment-chart,.row-item{width:100%}}.gateway-statistics{padding-right:20px}@media (min-width:320px) and (max-width:480px){.gateway-statistics{padding:20px}}
/*# sourceMappingURL=main.4e6f4328.chunk.css.map */