.layout{display:flex;flex-direction:row;justify-content:nill;align-items:nill;position:relative}.layout .log-sider{width:15%;margin:0;position:fixed;top:0;left:0;height:100%;z-index:300}@media screen and (max-width:767.99px){.layout .log-sider{display:none}}.layout .log-content{width:85%;margin-left:15%;position:relative}@media screen and (max-width:767.99px){.layout .log-content{width:100%;margin-left:0}}.layout .small-menu{width:0;height:100vh;overflow-x:hidden;position:fixed;right:-100%;transition:width 2s,height 1s;background:#03180e;color:#fff;z-index:100}.layout .side-open{width:60%;cursor:pointer;z-index:1000;border-left:1px solid #8397ab}.layout .side-close,.layout .side-open{height:100vh;position:fixed;top:0;right:0}.layout .side-close{width:0;overflow:hidden;transition:width 2s}.button{max-height:3.125rem;padding:.75rem 1.375rem;border-radius:5px;white-space:nowrap;width:10rem;width:23.437rem;cursor:pointer;background:#3e7eee;border:none;outline:none;font-style:normal;font-weight:500;font-size:.875rem;line-height:1.5rem;text-align:center;color:#fff}@media screen and (max-width:767.99px){.button{min-width:0}}.button.disable,.button.loading{cursor:default;pointer-events:none}.button.disable{opacity:1%}.button.form-btn{margin-top:2rem;width:100%}#small-btn-left{margin-right:1.5rem}#bell{width:2rem;height:2rem}.input-box{width:100%;border-radius:10px;padding:.3rem 1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:nill;align-items:nill;margin-bottom:1rem}.input-box .label{height:1rem;width:100%;margin:0 0 .3rem;font-size:.8rem;font-weight:400;color:#423b3b;padding:0}.input-box input{width:100%;height:2.5rem;padding:0 1rem;box-sizing:border-box;border-radius:4px;border:1px solid #ebebeb;outline:none;color:#0a0909;opacity:.6;font-size:1rem;font-weight:"700"}.input-box input::-webkit-input-placeholder{font-size:.8rem;font-weight:unset}.input-box input:-ms-input-placeholder{font-size:.8rem;font-weight:unset}.input-box input::placeholder{font-size:.8rem;font-weight:unset}.input-box input:focus{outline:none}.input-box input::-webkit-input-placeholder{color:#423b3b}.input-box input:-ms-input-placeholder{color:#423b3b}.input-box input::placeholder{color:#423b3b}.input-box #short{width:40%}.form-errors{width:100%;display:block;display:flex;flex-direction:row;justify-content:nill;align-items:nill}.form-errors p{margin:.5rem 0 0;font-size:.7rem}.form-errors #orange-error{margin-right:.5rem;color:#f3661f}.form-errors #blue-error{color:#0d3dde;cursor:pointer}.hide-err{display:none}.select-box{margin-bottom:1rem;display:flex;flex-direction:column;justify-content:nill;align-items:nill;padding:0 1rem;box-sizing:border-box}.select-box label{height:1rem;width:100%;margin:0 0 .3rem;font-size:.9rem;font-weight:400;color:#423b3b;padding:0}.select-box select{border:none;outline:none;height:2.5rem;padding:0 1rem}.select-box::-ms-expand{margin-right:1rem;background-color:red}.select-box #option{width:100%;background-color:#ff0}.form-error{display:block;text-align:left;font-size:.6rem;color:red}.modal-cont{display:block;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5000;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.62);overflow-y:scroll;box-sizing:border-box}@media screen and (max-width:767.99px){.modal-cont{width:100%}}.modal-cont.hidden{display:none}.modal-cont .content-cont{width:auto;height:auto;z-index:100;background-color:#fff;padding:1rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:nill;color:#000;border-radius:1.5rem}@media screen and (max-width:767.99px){.modal-cont .content-cont{width:80%}}.modal-cont .content-cont .close-sign{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:.8rem .7rem}.modal-cont .content-cont .close-sign #close-modal{width:1.5rem;height:1.5rem;cursor:pointer;border:1px solid #d3d1d1;padding:.5rem;border-radius:6px}.modal-cont .content-cont .modal{width:100%;place-self:center}.modal-cont .content-cont .modal.verify-modal{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-box{display:flex;flex-direction:column;justify-content:space-between;align-items:nill;padding:1rem 1.5rem;background:#fff;box-shadow:0 0 1px rgba(131,151,171,.16),0 4px 6px rgba(131,151,171,.16);border-radius:6px;width:47.5%;height:10.62rem}@media screen and (max-width:767.99px){.card-box{height:auto;width:90%;margin-bottom:1rem;padding:.5rem}}.card-box.left-card{margin-right:5%}@media screen and (max-width:767.99px){.card-box.left-card{margin-right:0}}.card-box p{margin:0}.card-box .top{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width:767.99px){.card-box .top{margin-bottom:2.5rem}}.card-box .top .left #acc{font-style:normal;font-weight:600;font-size:.875rem;line-height:1.312rem;color:#1c1335;text-transform:uppercase}@media screen and (max-width:767.99px){.card-box .top .left #acc{font-size:.5rem;line-height:1rem}}.card-box .top .left #num{font-style:normal;font-weight:500;font-size:.875rem;line-height:1.312rem;color:#8397ab}@media screen and (max-width:767.99px){.card-box .top .left #num{font-size:.5rem;line-height:1rem}}.card-box .top #card-icon{width:5rem;height:3.5rem;border-radius:50%}.card-box .down #balance{font-style:normal;font-weight:500;font-size:1.7rem;line-height:3.37rem;color:#1c1335}@media screen and (max-width:767.99px){.card-box .down #balance{font-size:1.5rem;line-height:1.8rem}}.card-box .down #balance span{font-size:1.1rem}@media screen and (max-width:767.99px){.card-box .down #balance span{font-size:1rem}}.sider{width:100%;height:100%;background:#fff;box-shadow:0 2px 22px rgba(131,151,171,.24);position:relative}.sider #menu-box{display:none}@media screen and (max-width:767.99px){.sider #menu-box{display:block;width:2.7rem;height:2.7rem;padding:2rem .2rem .2rem;cursor:pointer;margin:0 auto 10%;z-index:500}.sider #menu-box img{width:100%;height:100%}}.sider .step1{height:5rem;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:nill;padding-left:1rem;border-bottom:1px solid #ece7e7;margin:0 0 2rem}.sider .step1 #logo{width:50%;height:1rem}@media screen and (max-width:767.99px){.sider .step1 #logo{height:1rem}}.sider .step1 .name-box #main{margin:0;font-style:normal;font-weight:600;font-size:1rem;line-height:1.5rem;color:#1b003b}@media screen and (max-width:767.99px){.sider .step1 .name-box #main{font-size:.8rem;line-height:1rem}}.sider .step1 .name-box #sub-main{margin:0;font-style:normal;font-weight:500;font-size:.75rem;line-height:1.125rem;color:#8397ab}@media screen and (max-width:767.99px){.sider .step1 .name-box #sub-main{font-size:.5rem;line-height:1rem}}.sider .step1 #arrow{cursor:pointer}.sider .step2{position:relative;min-height:90%;width:99%;background-color:#fff}@media screen and (max-width:767.99px){.sider .step2{position:fixed}}.sider .menu-list{list-style:none;padding-left:1rem}.sider .menu-list.down{margin-top:10rem}@media screen and (max-width:767.99px){.sider .menu-list.down{margin-top:10rem}}.sider .menu-list .list{display:flex;flex-direction:row;justify-content:nill;align-items:center;cursor:pointer;margin-bottom:.5rem;padding-left:0}.sider .menu-list .list img{margin-right:1rem}.sider .menu-list .list p{font-style:normal;font-weight:500;font-size:.875rem;line-height:1.312rem;color:#8397ab}.sider .logo-box{width:100%;position:fixed;bottom:2rem}@media screen and (max-width:767.99px){.sider .logo-box{position:relative;display:none}}.sider .logo-box img{padding-left:2rem}.dashboard{background:#f4f8fb;width:100%;height:100%;position:relative;overflow:auto}@media screen and (max-width:767.99px){.dashboard{box-sizing:border-box}}.dashboard nav{display:none}@media screen and (max-width:767.99px){.dashboard nav{display:block;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#fff;position:fixed;top:0;left:0;right:0;z-index:500}}.dashboard nav .logo-box{width:25%;height:1.5rem;padding:.5rem}.dashboard nav .logo-box img{width:100%}.dashboard nav .menu-box{width:2.5rem;height:2.5rem;cursor:pointer;padding:.2rem;border-radius:6px}@media screen and (max-width:767.99px){.dashboard nav .menu-box{width:2rem;height:2rem;padding:0}}.dashboard nav .menu-box img{width:100%;height:100%}.dashboard .step1{position:fixed;top:0;left:0;height:5rem;border-left:1px solid #ece7e7;margin-left:15%;width:85%;box-sizing:border-box;padding:0 3.62rem;z-index:500;box-shadow:0 0 17px rgba(0,0,0,.08);background-color:#f8f6f6;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #ece7e7}@media screen and (max-width:767.99px){.dashboard .step1{padding:1rem 1.5rem;height:auto;position:relative;margin-top:4.5rem;z-index:0;width:100%;margin-left:0}}.dashboard .step1 p{font-style:normal;font-weight:600;font-size:1.312rem;line-height:1.937rem;color:#8397ab;margin:0}@media screen and (max-width:767.99px){.dashboard .step1 p{font-size:1rem;line-height:1rem}}.dashboard .step1 .profile{display:flex;flex-direction:row;justify-content:nill;align-items:center}@media screen and (max-width:767.99px){.dashboard .step1 .profile{height:1.8rem}.dashboard .step1 .profile img{height:100%}}.dashboard .step1 .profile #avatar{width:2.5rem;height:2rem;margin-left:1rem}.dashboard .step2{margin-top:5rem;padding:2.25rem 5.62rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width:767.99px){.dashboard .step2{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:1.5rem 1rem;margin-top:0}}@media screen and (max-width:767.99px){.dashboard .step2 .greeting{width:100%;text-align:center}}.dashboard .step2 .greeting #welcome{font-style:normal;font-weight:700;font-size:1.5rem;line-height:2.25rem;color:#1c1335;margin:0}@media screen and (max-width:767.99px){.dashboard .step2 .greeting #welcome{font-size:1rem}}.dashboard .step2 .greeting #here{font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem;color:#1c1335;margin:0}.dashboard .step2 .greeting #here span{color:#fa4a84;cursor:pointer}@media screen and (max-width:767.99px){.dashboard .step2 .greeting #here{font-size:.6rem}}.dashboard .step2 .dash-btn{width:10rem;font-style:normal;font-weight:600;font-size:.875rem;line-height:1.312rem;color:#fff;margin:0;border-radius:4px}@media screen and (max-width:767.99px){.dashboard .step2 .dash-btn{margin-top:1rem;height:auto;padding:.6rem 0;font-size:.7rem;line-height:1rem}}.dashboard .step3{margin-top:6rem;display:flex;flex-direction:row;justify-content:space-between;align-items:nill;padding:1rem 5.62rem 2rem}@media screen and (max-width:767.99px){.dashboard .step3{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:1rem}}.dashboard section{padding:2rem 3.62rem;display:flex;flex-direction:row;justify-content:space-between;align-items:nill;margin-bottom:3rem}@media screen and (max-width:767.99px){.dashboard section{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}}.dashboard section .form-box{width:40%;border:1px solid #ece7e7;border-radius:4px;padding:.5rem .5rem 1rem}@media screen and (max-width:767.99px){.dashboard section .form-box{margin-bottom:3rem;width:100%}}.dashboard section .history{width:55%;border:1px solid #ece7e7;border-radius:4px;padding:.5rem .5rem 1rem}@media screen and (max-width:767.99px){.dashboard section .history{width:100%}}.dashboard section h3{margin:0 0 1.5rem;color:#8397ab}.transaction-details{background-color:#00695c;color:#fff;padding:.3rem .8rem;border-radius:1.8rem;cursor:pointer}.details{width:100%;padding:0 1.5rem 1rem}.details h4{font-weight:700;font-size:2rem;margin:0 0 1.5rem}.details main{padding:0}.details main .row{display:flex;flex-direction:column;justify-content:nill;align-items:nill;margin:0;list-style:none}.details main .row .list{margin-bottom:.8rem}.details main .row .list #title{margin-right:1rem}.details main .row .list #desc{color:#718096}.table-cont{box-shadow:0 0 17px rgba(0,0,0,.08);border-radius:6px}.table-cont .table-scroll{overflow:auto}.table-cont .table{width:100%}.table-cont .table .name-avatar{height:1.625rem;width:1.625rem;border-radius:.812rem;background-color:#cae6ff;color:#115b9b;margin-right:.937rem}.table-cont .table .name-avatar.p2p-avi{color:#fff;margin-right:.537rem;background-color:#ba7632;text-transform:uppercase}.table-cont .table .name-avatar.p2p-avi.bg-owned{background-color:#106403}.table-cont .table .name-avatar.p2p-avi.bg-online{background-color:#008753}.table-cont .table .name-avatar.p2p-avi.bg-offline{background-color:#979797}.table-cont .table .name-avatar.p2p-avi.bg-away{background-color:#f1b52a}.table-cont .table thead tr{height:4.06rem}.table-cont .table thead tr.p2p-row{background-color:#fff}.table-cont .table thead tr.p2p-row th{font-weight:400;color:#a2a2a2}.table-cont .table thead tr th{font-weight:600;color:#000}.table-cont .table tbody tr{height:3.75rem}.table-cont .table tbody tr.p2p-row{background-color:#fff}.table-cont .table tbody tr:nth-child(odd){background-color:#f4f4f4}.table-cont .table tbody tr:nth-child(odd).p2p-row{background-color:#fff}.table-cont .table th{text-align:left;padding-left:2.81rem}.table-cont .table td{padding-left:2.81rem}@media screen and (max-width:576px){.table-cont .table td,.table-cont .table th{padding:.937rem;white-space:nowrap}}.table-cont .empty-cont{padding:2.5rem;background:#e0dede;display:flex;flex-direction:column;justify-content:center;align-items:center}.table-cont .empty-cont #paper{min-width:5rem;max-width:10rem;height:10rem}.table-cont .empty-cont .empty-text{text-align:center;margin-top:1rem;font-weight:bolder}.table-cont .pagination{background-color:#fff;padding:2rem 3rem 2rem 0;display:flex;justify-content:flex-end}.table-cont .pagination .pages .page{margin:0 .09rem;border-radius:2px;text-align:center;padding:.15rem .3rem;color:#c7c7c7}.table-cont .pagination .pages .page.ellipse{margin:0;border:0;padding:.15rem 0}.table-cont .pagination .pages .page.active{background-color:red;color:#fff}.table-cont .pagination .pages img{cursor:pointer}body{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}.loader{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 auto}
/*# sourceMappingURL=main.d7505205.chunk.css.map */